/***** BODY *****/
body
{
	width: 98%;
	margin: auto; /*  centrer notre page */
	margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
	margin-bottom: 20px; /* éviter de coller sur le bas */
	background-color: #F9E1AE;
	background-image: url("../images/ocre1.jpg"); /*  image de fond  */
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	border: 0px;
	color: #000000;
}


/***** idem site *****/

a:hover /* Quand on pointe sur un lien */
{
	background-color: #C1F8FD;
	color: #0000FF;
}

a /* Tous les liens  */
{
	color: #0000FF;
	text-decoration : none;
}

img
{
	border: 0px;
}

h2
{
	color: #000000;
	text-decoration : none;
	font-size: 5px;
}

table 
{
	margin: auto; /* Centre le tableau */
	border: 0px;
	border-collapse: collapse; /* Colle les bordures entre elles */
	font-size: 13px;
	font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
	/* text-align: center;*/
	color: #000000;

}

#en_tete2
{	margin: 0px; 
	width: 100%;
	height: 140 px;  
	padding:0px;
	background-color: #FFFFFF;
	border: 1px solid black;
	background-image: url("../degrade.jpg");
	background-repeat:repeat-x;
}

#en_tete2 img 
{	margin: auto;
}

#en_tete6, #en_tete3
{	border: 0px;
	width:46%;
	margin: 0px;
	padding:0px;
	padding-top:40px;
	padding-bottom:3px;
	font-size: 11px;
	float: right;
}

#en_tete4
{	float: left; 
	width: 51%;
	border: 0px;
	margin: 0px;
	padding: 0px; 
}

#en_tete5
{	border: 0px;
	margin: 0px;
	padding: 0px; 
}

#en_tete7
{	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 46%;
	float: left;
	background-image: url("../bannieremars07_2.jpg");
	background-repeat:no-repeat;
}

#menu
{	clear: both;
	float: left; /*menu flotant à gauche */
	width: 20%; /* taille du menu */
	background-color: #FFFFFF;
	border: 1px solid black; /*  bordure  */
	margin-top: 5px;
	padding: 0px; /* coller au cadre */
	background-image: url("../degrade2.jpg");
	background-repeat:repeat-y;
}

.titre_cadres
{	background-color: #0099FF;
	margin-bottom: 0px; /* Pour ... ne soient trop collés */
	color: #FFFFFF;
	text-align: center;   
	font-size: 12px;
	font-weight:bold;
}


.element_menu
{
	border: 1px black;
	margin-bottom: 0px; /* Pour ... ne soient trop collés */
	font-size: 12px;
}

/* Quelques effets sur les menus */

.element_menu h3 /*  les titres  */
{   
	color: #B3B3B3;
	text-align: left;
	margin : 2px;
	margin-left: 10px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-image: url("../images/pucecoureur.gif"); /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 35px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 25 pixels */
	margin: 10px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 10px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
	text-align: left;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
	color: #0000FF;
	font-size: 12px;
	text-decoration : none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
	background-color: #32EFFF;
	color: #0000FF;
	font-size: 12px;
}
.element_logo   /* image colone menu */
{
	text-align: center;
}
.element_logo img  /* image colone menu */
{
	text-align: center;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Le corps de la page */
#corps
{
	margin-left: 21%;
	margin-right: auto;
	margin-bottom: 20px; /* pour éviter que le corps colle  au pied de page  */
	margin-top: 8px;
	padding: 10px; /* valeur zéro pour coller au cadre */
	color: #000000;
	background-color: #FFFFFF; /* Une couleur de fond  */
	border: 1px solid black; /* Une bordure  */
	text-align: left;
	font-size: 11px;
}
#corps2
{
	padding: 0px; /* valeur zéro pour coller au cadre */
	color: #B3B3B3;
}

#corps h1
{
	color: #000000;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
	height: 30px;
	padding-left: 30px;
	color: #FF0000;
	text-align: left;
	font-size: 13px;
}

.corps_paraph1
{
	background-color: #FFFFFF;
	border: 0px ;
	padding: 10px; /* Pour ... ne soient trop collés */
	text-align: right;
	font-size: 13px;
	color: #000000;
	font-weight : bold;
	margin-left:10;
}

.corps_paraph2
{
	background-color: #FFFFFF;
	border: 0px ;
	padding: 10px; /* Pour ... ne soient trop collés */
	text-align: justify ;
	font-size: 13px;
	color: #000000;
	margin-left:10;
}

.corps_paraph2 h2
{
	padding: 0px; /* Pour ... ne soient trop collés */
	font-size: 13px;
	color: #FFFFFF;
	margin-left:0;
}

.corps_paraph2 ul /* Toutes les listes à puces  */
{
	list-style-image: url("../images/pucecoureur.gif"); /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 35px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 25 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.corps_paraph3
{
	background-color: #FFFFFF;
	border: 0px ;
	padding-left: 30px; /* Pour ... ne soient trop collés */
	padding-right: 30px; /* Pour ... ne soient trop collés */
	text-align: justify ;
	font-size: 13px;
	color: #000000;
}

.corps_paraph4
{
	background-color: #FFFFFF;
	border: 0px ;
	padding-left: 30px; /* Pour ... ne soient trop collés */
	padding-right: 30px; /* Pour ... ne soient trop collés */
	text-align: center;
	font-size: 13px;
	color: #000000;
}
.imageflottante
{
	float: right;
	margin-left: 10px;
}

.imageflottantegauche
{
	float: left;
	margin-right: 10px;
}

.dessous
{
	text-align: right;
}

.fin_affiche_site
{
	color: #FFFFFF;
	padding: 0px;
}

#partenaires
{
	text-align: center;
	font-size: 10px;
	color: #0000FF;
}

#recherche
{
	font-size: 14px;
	color: #000000;
}

/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire { 
	font-family: Arial; 
	font-size: 12px; 	
	color: #000000;	
	margin-right: 10px;	
	text-align: justify;}

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

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-family: Arial; font-size: 11px; color: #993333; padding-top:3px;}

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Arial; font-size: 12px; font-weight: bold; color: #5E5EFF; background-image: url("carremarron.jpg")}

/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Arial; font-size: 15px; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { 
	margin-left: 50px;
	text-align: left;
	font-size: 12px;
 }


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

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire 
{
	margin: 10px;
	margin-bottom: 6px;
	text-align: left;
	font-size: 11px;
  }

/* Date de validation des sites */
.date_validation_site_annuaire {  }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire {  }

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

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire {  }

/* Lien pour voter pour les sites */
a.vote_site_annuaire {  }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire 
{
	margin-left: 10px;
	margin-top: 6px;
	text-align: left;
	font-size: 11px;
}

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire {  }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire {  }


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

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire 
{	font-size: 11px;
	color: #0000FF;  }


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

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire {
font-size: 11px;
  	background-color: #FFFFFF;
	color: #0000FF;
  }


/***** 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 *****/
.gros_titre
{	background-color: #F9E1AE;
	margin-left: 5px;
	margin-right: 15px;
	text-align: left;
	font-size: 13px;
	font-weight:bold;
	margin-top : 8px;
}

.sites
{	width: 500px; margin:auto; }

#image_compteur  /* cadre avec image et compteur */
{
	margin-left: 175px; /* Une marge à gauche pour pousser le cadre, afin qu'il ne passe pas sous le menu */
	margin-bottom: 20px; /* pour éviter que le cadre colle  au pied de page  */
	padding: 10px; /* valeur zéro pour coller au cadre */
	text-align: center;
}


/* Le pied de page */
#pied_de_page
{
	padding: 5px;
	text-align: center;
	font-size: 13px;
	color: #336600;
	background-image: url("../images/teeshirtjaune.gif");
	background-repeat: repeat-x; /*  image  qui se répètera horizontalement en haut */
}
/* 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,...) */
.top_link_annuaire { font-size: 15px; text-align: right; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-size: 15px; text-align: left; }

/* 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 { font-size: 18px; font-weight: bold; font-family: Arial; color: #000000; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire 
{
	margin-left: 10px;
	margin-top: 6px;
	text-align: left;
	font-size: 11px;
}

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

.imageflottantegauche
{
	float: left;
	margin: 10px;	
	margin-right: 20px;

}

.center_
{	text-align: center;
	margin:auto;}

.menuhaut
{	text-align: right;
	font-size: 11px;
	clear: right;
}

.code_banniere {
	width: 80%;
	margin: auto; /*  centrer  */
	background-color: #FEFBDA;
	color: #000000;
	padding:3px;
	border-color:#000000;
	border-style:dashed ;
	border-width:1px;
}