/***** BODY *****/
body { background: #ffffff; font-family: Arial; margin: 0; padding: 0 }


/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {  }

/* Lien vers les categories princiaples sur la page d'accueil */ 
// a.link_cat_index_annuaire { font-size: 17px; }

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

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


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire {  }


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

/* 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: #ff0000; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { font-size: 14px; }

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-size: 14px; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-size: 14px; }

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

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

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

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

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

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

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

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


/***** 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 {  }


/***** RECHERCHE *****/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun résultat pour la recherche...
*/
.no_res_search_annuaire { color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire { font-style: italic; }

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

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire {  }

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire {  }

/* 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-family: Verdana; font-size: 8 px;}

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

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { line-height: 21px; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; color: #333 }
.arbo_annuaire_petit { color:green; font-weight: normal; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { line-height: 21px; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; color: #333; text-decoration: underline }
a.arbo_annuaire:hover { color: ec680b }

/* 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 { font-size: 11px; font-family: Arial; }

/* 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 {  }

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


#tpl_header { background-image: url('images/tmp_header_bkg.jpg'); background-repeat: no-repeat; background-position: right 0; margin: 0; padding: 0; width: 100%; height: 140px }
#tpl_header img { margin-top: 50px; margin-left: 42px !important }
#tpl_blocsearch   { background-image: url('images/tpl_blocsearch_bkg.gif'); background-repeat: repeat-x; width: 100%; height: 96px; margin: 0; padding: 0 }
#tpl_blocsearch { margin: 0; padding: 0 }
#tpl_blocsearch img { vertical-align: middle }
#tpl_blocsearch strong  { color: #fff; font-size: 17px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 17px; text-transform: uppercase }
.text_to_search_annuaire  { font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; margin: 0; padding: 2px; vertical-align: middle; border: solid 1px #036 }
.button_make_search_annuaire  { color: #fff; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 15px; background-color: #9c0; margin: 0; padding: 0; vertical-align: middle; border: solid 1px }
.text_search_annuaire  { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.list_nb__res_search_annuaire  { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
#bloc_freesearch  { margin-top: 10px; width: 80%; text-align: right }
#bloc_options { width: 80%; text-align: right }
#cadre80 {
	width: 100%;
}
.bloc_categorie {
	width: 35%;
	margin-left: 10%;
	float: left;
	/* padding-right: 20px; */
	height: 50px;
	margin-top: 10px;
	display: block;
	text-align: left;
}
.bloc_categorie img { float: left; margin-right: 10px}
.link_cat_index_annuaire { line-height: 21px; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; color: #333}
.link_cat_index_annuaire:hover { color: #ec680b }
.nb_scat_index_annuaire { font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; color: #666 }
.link_scat_index_annuaire  { color: #333; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 11px; text-decoration: none }
.link_scat_index_annuaire:hover  { color: #ec680b; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 11px; text-decoration: underline }
#arbo_ligne { width: 100%; display: block; background-color: #F3F3F3; padding: 5px 5px 5px 25px; margin: 0 }
.cat_name { width: 100%; display: block; background-color: #F3F3F3; padding: 5px; margin: 0; font-size: 19px }
.desc_cat_annuaire { width: 100%; display: block; background-color: #F3F3F3; padding: 0 50% 0 20px; margin: 0; font-size: 10px }
.titre_cat { width: 100%; display: block; background-color: #D1D1D1; padding: 5px; margin: 5px 0; font-size: 11px; font-weight: bold; font-style: normal }
.titre_cat dfn { font-style: normal }
.bloc_scat   { padding-left: 20px; width: 250px; height: 26px; float: left }
a.link_scat_other_annuaire  { color: #333; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; font-style: normal }
a.link_scat_other_annuaire:hover { color: #ec680b }
.nb_scat_other_annuaire  { color: #666; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.hrinvisible  { font-size: 0; line-height: 0; display: block; margin: 0; padding: 0; width: 100%; height: 1px; clear: both; border: 0px solid #fff;  }
.sbloc_site  { width: 100% }
.sbloc_site img { width: 120px; float: left; margin: 0; padding: 0 }
.sbloc_site a { color: #036; text-decoration: none }
.sbloc_site a:hover { color: #900; text-decoration: none }
.sbloc_site a h2 { color: #06c; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; padding: 0; text-decoration: underline }
.sbloc_site a:hover h2 { color: #ec680b }
.sbloc_site p { color: #000; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 0 }
.sbloc_site strong  { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
.sbloc_site .note  { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.sbloc_site .menu_note   { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dashed #ccc }
.sbloc_site .commentaire   { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.sbloc_site .menu_commentaire   { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dashed #ccc }



#navcontainer { margin: 0; padding: 0 }

#navlist
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
text-align: right;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}