/***** BODY *****/
body { 
/*background-image:url(img/fond.jpg);
background-position: center top;
background-color: #c43719;
background-attachment: fixed;*/
background-color: #555555;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; }
body a{ 
 text-decoration:none; color: #FF0099; }
/*hr {
background-image:url(img/hr.jpg);
background-repeat: no-repeat;
height: 23px;
width:750px;
}*/
h1 { font-size: 18px; color:FF0099; font-weight:bold; margin:0; text-transform:uppercase; }

h2{ font-size: 12px; color:dimgrey; font-weight:bold; }
h3{ margin:2px; }
a:link {
	color: FF0099;
	font-size:12px;
}


/***** ACCUEIL *****/
/* Texte sur la page d'acceuil : 
Cet annuaire contient...
*/
.text_index_annuaire {
 font-size: 12px; color:dimgrey;;
}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-size: 12px; color:#FF0099; font-weight:bold; font-family: verdana arial; }

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-size: 12px; color:#339900; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-size: 10px; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-size: 12px; color:#FF0099; font-family: verdana arial;}

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire {font-size: 10px;   }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 12px; color: #666666;}


/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annuaire { color: FF0099;}


/***** SITES *****/
/* Titre des sites */

.div-titre_site_annuaire { background-image:url(img/titlenoir.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 500px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	background-position: left;
	vertical-align: middle; 
	position:relative;
	text-transform:uppercase;}
a.titre_site_annuaire { font-size: 14px; color:FF0099; font-weight: bold;  }

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-size: 12px; color:#FFFFFF;font-weight: bold; background-color: #FF0099;; padding:0 1px 0 2px;}

/* Date de validation des sites */
.date_validation_site_annuaire { font-size: 11px; color:#FF0099;}

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-size: 12px; color:#FF0099;font-weight: bold;}

/* Description des sites */
.description_site_annuaire { font-size: 12px; text-align:justify; }

/* URL des sites */
.url_site_annuaire { font-size: 11px; color: dimgray }

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-size: 10px; }

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-size: 12px; color:#FF0099; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-size: 11px; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-size: 10px; }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire { font-size: 11px; }


/***** NOUVEAUTES *****/
/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :
Aucun site n'a été ajouté ...
*/
.no_new_site_annuaire { color: #ff0000; }

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-weight: bold; }


/***** TOP CLICS *****/
/* Texte pour dire qu'aucun site n'a deja recu de clic :
Aucun site n'a encore reçu de visite...
*/
.no_clic_site_annuaire { color: #ff0000; }


/***** TOP VOTES *****/
/* Texte pour dire qu'on n'a pas encore voter pour les sites :
Aucun site n'a encore reçu de vote...
*/
.no_vote_site_annuaire { color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire { font-size: 12 px; font-weight: bold;color: dimgray ; }


/***** RECHERCHE *****/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun résultat pour la recherche...
*/
.search_annuaire{width:750px; background-image:url(img/search.jpg); background-repeat:no-repeat; height:47px; padding:12px 0 0 0; text-align:center;}
.no_res_search_annuaire { color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire { color: #FF0099; font-size:15px; }

/* Texte dans les resultats d'une recherche :
Categories trouvées, Sites trouves
*/
.res_search_cat_site_annuaire { font-weight: bold; font-size:14px; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire { background-color: #FF0099; color: #FFFFFF; border: 2px inset #555555; font-weight: bold;padding:3px;}

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire { background-color: #FF0099; color: #FFFFFF; border: 2px outset #555555;font-weight: bold;}

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire {  }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire {  }


/***** AJOUTER UN SITE *****/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annuaire { font-size: 14px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { color: #ff0000; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-family: Arial; font-size: 12px; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire {  }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire {  }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire {  }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire {  }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annuaire { color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire {  }


/***** COMMENTAIRES *****/
/* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site :
Pas encore de commentaire...
*/
.no_com_site_annuaire { color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire {  }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire {  }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-size: 12px;  }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire {  } 


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire {  font-size: 10 px; font-weight: bold;color: dimgray;  }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire {  font-size:13 px; color: #FF0099; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {color: #FF0099;
	font-size:12px;}
.arbo_annuaire_petit {color:FF0099;
	font-size:12px;}

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire {color: FF0099;
	font-size:12px;}

/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
a.link_numpage_annuaire {color: FF0099;
	font-size:12px; }

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 18px; font-weight: bold; font-family: Arial; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { font-size: 10 px;color: dimgray;  }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }

.footer {
font-size: 10px;  font-family:arial, helvetica, sans sherif; color:#555555; }
.footer a{
font-size: 11px;  color:#FF0099; }
.top { font-weight: bold; font-family: Arial; font-size: 12px; color: #666666; line-height:20px;}
a.top { font-family: Arial; font-size: 12px; color: #666666; font-weight:normal;  }

.soumettre {
font-size: 13px;
font-weight:bold;
color:#FF0099;
text-align:right;
}

a.soumettre {
color:#FF0099;
}


  /* THUMBS */

a.rollopaque img {
  margin-right:5px;
  padding:4px;
  border:2px solid dimgray;
  float:left;
  width:120px;
  height:90px;
  opacity: 0.7;
  filter:alpha(opacity=70);
  }

a.rollopaque:hover img {
  opacity: 1.0;
  filter:alpha(opacity=100);  
  }
 
  
  /* sidebar config */
#sidebars {
	float: right;
	width: 236px;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 15px;
}
.widgetize {
	float: right;
	width: 236px;
	margin: 0px;
	padding: 0px;
}
.box {
	float: left;
	width: 236px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.topbox {
	background-image: url(img/ts.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 236px;
}
.ulbox {
	background-image: url(img/cs.gif);
	background-repeat: repeat-y;
	margin: 0px;
	float: left;
	width: 226px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	color:#FFFFFF;
	font-size:12px;
}

.ulbox h2{
	color:#FFFFFF;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bottombox {

	background-image: url(img/bs.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 49px;
	width: 236px;
}
.widgetize h2 {
	padding: 0px;
	float: left;
	width: 226px;
	text-align: left;
	font-family: NewMedia, "Arial Narrow", Tahoma;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.widgetize ul {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.pink {
	color: #FF0099;
}

.arrow {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 226px;
	list-style-type: none;
}
.arrow li {
	margin: 0px;
	float: left;
	padding-left: 10px;
	width: 226px;
	color: #FFFFFF;
	padding: 0px;
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-size: 12px;
}
.arrow li a:link, .arrow li a:visited {
	width: 216px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
}
.arrow li a:hover, .arrow li a:active {
	width: 216px;
	padding-left: 10px;
	color: #FF0099;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
}
.arrow2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 226px;
	list-style-type: none;
}
.arrow2 li {
	margin: 0px;
	float: left;
	width: 226px;
	color: #FFFFFF;
	padding: 0px;
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-size: 14px;
}
.arrow2 li a:link, .arrow2 li a:visited {
	width: 216px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	background-color:#555555;
}
.arrow2 li a:hover, .arrow2 li a:active {
	width: 216px;
	padding-left: 10px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	background-color:#FF0099;
}
.widgetize p {
	margin: 0px;
	float: left;
	width: 220px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.widgetize a:link, .widgetize a:visited {
	color: #FF0099;
	text-decoration: none;
}
.widgetize a:hover, .widgetize a:active {

	color: #999999;
	text-decoration: underline;
}
.widgetize img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.ulbox form {
	margin: 0px;
	float: left;
	width: 226px;
}
#sb input {
	background-image: url(images/box.gif);
	background-repeat: no-repeat;
	width: 206px;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 13px;
}
#sk input {
	float: right;
	margin-right: 10px;
	margin-top: 8px;
	color: #FF0084;
}
.noarrow {
	text-align: left;
	margin: 0px;
	float: left;
	width: 226px;
	list-style-type: none;
	padding: 0px;
}
.noarrow li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 4px;
}
.noarrow li a:link, .noarrow li a:visited {
}
.noarrow img {
	height: 40px;
	width: 40px;
	border: 1px solid #666666;
	float: left;
}