body {
	background-color: #666666;
	margin: 0;
	text-align: center;
	font-size: 10px;
}
#site {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	text-align: left;
	font-size: 10px;
}
#header {
	position: relative;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 175px;
	width: 760px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #000000;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: absolute;
	top: 175px;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	z-index:100;
	width: 760px;
	height: 25px;
	background-image: url(images/bg-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
#menu dl {
	float: left;
	width: 150px;
	line-height: 25px;
	vertical-align: middle;
}
#menu dt {
	color: #FFFFFF;
	cursor: pointer;
	text-align: left;
	font-weight: normal;
	margin-left:5px;
}
#menu dd {
	display: none;
	background-color:#44596A;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}
#menu li {
	text-align: left;
	text-indent:5px;
}
#menu li a, #menu dt a {
	color: #000000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:focus {
	background-color:#384B59;
}
#menu dt a:hover {
	text-decoration: underline;
}
#Coeur {
	position: absolute;
	top: 200px;
	width:760px;
	margin:0;
	padding:0;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 10px;
}

#gauche{
	float: left;
	left:0px;
	width:130px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

#gaucheplus{
	float: left;
	left:0px;
	width:120px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

#droite {
	float: right;
	left:0;
	width:130px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	height: 100%
}

#droiteplus {
        position:relative
	top:0;
	left:760px
	width:120px;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	height: 100%
}

#articles {
	float: left;
	width: 490px;
	height:100%;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}
#articles2 {
	float: left;
	text-align: center;
	width: 620px;
	height:100%;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}

#articles3 {
	float: left;
	text-align: center;
	width: 100%;
	height:100%;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
	
#center {
	text-align: center;
	font-size: 10px;
}


h1 {
	width:100%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-left: 10px;
	margin-right: 10px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #000000;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	margin-right: 10px;
}

#illustrations p {
	margin-top:0px;
	width:250px;
	margin-left: 20px;
	margin-right: 20px;
	background-color:#333333;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 16px;
	vertical-align: middle;
	
}

#coeur p {
	margin-left: 20px;
	margin-right: 20px;
	margin-top:0px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#copyright {
	clear:both;
	width: 756px;
	text-align:center;
	color: #FFFFFF;
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin:0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}
copyright a {
	text-decoration: none;
	color: #000000;
}
copyright a:hover {
	text-decoration: none;
}



/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.liens_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC66; text-decoration: none}
.rouge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; text-decoration: none}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }

/* Lien vers les sous-categories sur la page d'accueil */
a.link_scat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: none}

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }



/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none   }

/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 10px }
.text_page_site { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 10px }

/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-weight: bold; font-size: 10px}


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFCC66; text-decoration: none  }
.titre_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC66; text-decoration: none  }

a.titre_site_annuaire2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none  }
.titre_site_annuaire2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none  }


/* Nombre de clics sur les sites */
.nb_clics_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }

/* Date de validation des sites */
.date_validation_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }

/* Description des sites */
.description_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: none   }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC66; font-size: 10px; font-weight: bold; text-decoration: none   }


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

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFFFFF; text-decoration: none  }


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


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

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

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

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire { font-size: 10px; }

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire {font-size: 10px;  }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire { font-size: 10px; }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire { font-size: 10px; }


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

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

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

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFCC66; text-decoration: none }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666; text-decoration: none }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666; text-decoration: none }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666; text-decoration: none }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; text-decoration: none }

/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none  }
.footer_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFCC66; text-decoration: none  }
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; text-decoration: none  }

/* URL en dessous de la description d'un site */
.url_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }


/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none  }


/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #cac3a4; text-decoration: none }
.arbo_annuaire_petit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #cac3a4; text-decoration: none  }


/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: none  }


/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
.link_numpage_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cac3a4; text-decoration: none  }


/* Titre des pages de l'annuaire */
.titre_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none  }


/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #cac3a4; text-decoration: none  }