/***** BODY *****/
body { background-image: url(../images/back.png);background-repeat: x;text-align:center}


/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {margin-top :2px;PADDING-LEFT: 5px;margin-bottom : 0px;COLOR: #777777;FONT-SIZE: 14px; FONT-FAMILY: arial; TEXT-ALIGN: justify  }



/* Description des sites */
.description_site_annuaire { margin-top :2px;margin-bottom : 0px;COLOR: #777777;FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: justify }

A {COLOR: #7D9C20;font-size: 12px; font-family: Arial ; TEXT-DECORATION: underline}
A:hover  {;COLOR: #cc0000; font-size: 12px; font-family: Arial ;TEXT-DECORATION: none}	
A:active  {COLOR: #7D9C20;font-size: 12px; font-family: Arial ; TEXT-DECORATION: underline}




/* Lien vers les categories princiaples sur la page d'accueil */ 



A.link_cat_index_annuaire {margin-left : 15px;COLOR: #7D9C20;font-size: 12px; font-family: Arial ; TEXT-DECORATION: none;FONT-WEIGHT: bold}

A.link_cat_index_annuaire:hover {margin-left : 15px;COLOR: #cc0000; font-size: 12px; font-family: Arial ;TEXT-DECORATION: none;FONT-WEIGHT: bold}	

A.link_cat_index_annuaire:hover {margin-left : 15px;COLOR: #7D9C20;font-size: 12px; font-family: Arial ; TEXT-DECORATION: underline;FONT-WEIGHT: bold}



A.titre_site_annuaire  {COLOR: #7D9C20;font-size: 14px; font-family: Arial ; TEXT-DECORATION: none}

A.titre_site_annuaire:hover  {COLOR: #cc0000; font-size: 14px; font-family: Arial ;TEXT-DECORATION: none}	

A.titre_site_annuaire:active  {COLOR: #7D9C20;font-size: 14px; font-family: Arial ; TEXT-DECORATION: underline}




A.arbo_annuaire  {COLOR: #7D9C20;font-size: 15px; font-family: Arial ; TEXT-DECORATION: none;FONT-WEIGHT: bold}

A.arbo_annuaire:hover  {COLOR: #cc0000; font-size: 15px; font-family: Arial ;TEXT-DECORATION: none;FONT-WEIGHT: bold}	

A.arbo_annuaire:active  {COLOR: #7D9C20;font-size: 15px; font-family: Arial ; TEXT-DECORATION: underline;FONT-WEIGHT: bold}




A.link_numpage_annuaire {COLOR: #7D9C20;font-size: 13px; font-family: Arial ; TEXT-DECORATION: none;}

A.link_numpage_annuaire:hover  {COLOR: #cc0000; font-size: 13px; font-family: Arial ;TEXT-DECORATION: none;}	

A.link_numpage_annuaire:active  {COLOR: #7D9C20;font-size: 13px; font-family: Arial ; TEXT-DECORATION: underline;}





/* Arborescence en ligne des categories (texte) */

.arbo_annuaire_petit { color:grey; font-weight: small; }



Categories trouvées, Sites trouves
*/
.res_search_cat_site_annuaire { COLOR: #7D9C20;font-size: 12px; font-family: Arial ;FONT-WEIGHT: bold }


/* 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 */ 
a.link_scat_other_annuaire { text-align:left;font-family: Arial; font-size: 15px; }

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


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



/* 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-size: 12px;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 :


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

/* 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: 12 px; font-weight: bold; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { margin-bottom : 0px;FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #7D9C20; LINE-HEIGHT: 15px; FONT-FAMILY: arial; TEXT-ALIGN: left;FONT-WEIGHT: bold}




















/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire {  }

/* 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 { margin-bottom : 0px;FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #7D9C20;  FONT-FAMILY: arial; TEXT-ALIGN: left;FONT-WEIGHT: bold }











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






DIV#header { BACKGROUND-COLOR: #FFFFFF;PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 1px; HEIGHT: 65px;  TEXT-ALIGN: center}


DIV#conteneur  {BACKGROUND-COLOR: #FFFFFF;TEXT-ALIGN: left;WIDTH: 950px;MARGIN: 0 auto ;BORDER-RIGHT: #EEFCC6 3px solid; PADDING-RIGHT: 2px; BORDER-TOP: #EEFCC6 3px solid; PADDING-LEFT: 2px;;PADDING-BOTTOM: 2px;  BORDER-LEFT: #EEFCC6 3px solid;  PADDING-TOP: 2px; BORDER-BOTTOM: #EEFCC6 3px solid;  }


DIV#navigation_noir { FONT-SIZE: 2px; MARGIN-BOTTOM: 4px;  LINE-HEIGHT: 4px; HEIGHT: 4px; BACKGROUND-COLOR: #7D9C20; TEXT-ALIGN: center}

DIV#navigation_noir_small {FONT-SIZE: 2px;MARGIN-TOP: 2px; MARGIN-BOTTOM: 0px;LINE-HEIGHT: 1px;  HEIGHT: 1px; BACKGROUND-COLOR: #7D9C20; TEXT-ALIGN: center}





DIV#centre{    BACKGROUND-COLOR: #ffffff; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 270px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px}

DIV#gauche {    BACKGROUND-COLOR: #ffffff; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 250px; PADDING-TOP: 0px}



DIV#pied-de-page { CLEAR: left; FONT-SIZE: 9px; COLOR: white; LINE-HEIGHT: 16px; LETTER-SPACING: 6px; HEIGHT: 16px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center}



DIV#bas_home {clear: both;  TEXT-ALIGN: right; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: verdana;PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 3px; MARGIN-BOTTOM: 5px; PADDING-TOP: 0px; BACKGROUND-COLOR: #EEFCC6; }




.texte_titre { LETTER-SPACING: 2px;margin-top :0px;margin-bottom : 0px;FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #E7A800; LINE-HEIGHT: 17px; FONT-FAMILY: arial; TEXT-ALIGN: left}

.texte_header { margin-top :0px;PADDING-LEFT: 5px;margin-bottom : 0px;COLOR: #E7A800;FONT-SIZE: 30px; FONT-FAMILY: arial; TEXT-ALIGN: justify}


.titre_menu {margin-top :10px;margin-bottom : 0px;FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #7D9C20; LINE-HEIGHT: 15px; FONT-FAMILY: arial; TEXT-ALIGN: left;FONT-WEIGHT: bold}

.texte_paragraphe { margin-top :2px;PADDING-LEFT: 15px;margin-bottom : 0px;COLOR: #777777;FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: justify}


.texte_paragraphe_actualite { margin-top :2px;PADDING-LEFT: 5px;margin-bottom : 0px;COLOR: #777777;FONT-SIZE: 12px; FONT-FAMILY: arial; TEXT-ALIGN: justify}

.titre_actualites { LETTER-SPACING: 2px;margin-top :0px;margin-bottom : 0px;FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #7D9C20;  FONT-FAMILY: arial; TEXT-ALIGN: left}



/* Cadre petit sur image */

.cadre1 { border: 1px solid #777777;}






A.lien_menu {margin-left : 15px;COLOR: #777777;font-size: 12px; font-family: Arial ; TEXT-DECORATION: none;FONT-WEIGHT: bold}

A.lien_menu:hover {margin-left : 15px;COLOR: #cc0000; font-size: 12px; font-family: Arial ;TEXT-DECORATION: none;FONT-WEIGHT: bold}	

A.lien_menu:active {margin-left : 15px;COLOR: #777777;font-size: 12px; font-family: Arial ; TEXT-DECORATION: underline;FONT-WEIGHT: bold}



A.menu_menu1 {margin-top : 3px;margin-left : 0px;COLOR: #977777;font-size: 10px; font-family: Arial ; TEXT-DECORATION: none;FONT-WEIGHT: bold}

A.menu_menu1:hover {margin-top : 3px;margin-left : 0px;COLOR: #cc0000; font-size: 10px; font-family: Arial ;TEXT-DECORATION: none;FONT-WEIGHT: bold}	

A.menu_menu1:active {margin-top : 3px;margin-left : 0px;COLOR: #977777;font-size: 10px; font-family: Arial ; TEXT-DECORATION: underline;FONT-WEIGHT: bold}







#cadre { /* taille du cadre, à titre d'exemple */
width: 16em;
background-color: #E9E9E9;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../images/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../images/hautdroit.gif);
}
#basgauche {
background: url(../images/basgauche.gif);
}
#basdroit {
float: right;
background: url(../images/basdroit.gif);
}
#contenu p {
margin: 0.5em; /*gestion des espaces interparagraphes */
}



.cadrenews { BORDER-LEFT: #EEEEEE 1px solid; BORDER-TOP: #EEEEEE 1px solid; BORDER-RIGHT: #FBFBFB 1px solid; BORDER-BOTTOM: #FBFBFB 1px solid;}
.cadrecommentaires { BORDER-LEFT: #EEEEEE 1px solid; BORDER-TOP: #EEEEEE 1px solid; BORDER-RIGHT: #EEEEEE 1px solid; BORDER-BOTTOM: #EEEEEE 1px solid;}

.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; }
.textesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.textebig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold}
.textedate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; }
.tips { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #AAAAAA; }

A.lien1 { font-family: Verdana; font-size: 11px; color:#977777; text-decoration:none; }
A:hover.lien1 { color:#977777; text-decoration:underline; }

A.lien2 { font-family: Verdana; font-size: 12px; color:#000000; text-decoration:underline; }
A:hover.lien2 { color:#368DC5; text-decoration:none; }

A.liencopyright { font-family: Verdana; font-size: 11px; color:#999999; text-decoration:underline; }
A:hover.liencopyright { color:#368DC5; text-decoration:none; }

input,select,textarea {
	border:1px solid #7D9C20;
	background-color:#FFFFFF;
	font-family: Verdana;
	font-size: 11px;
}