/***** BODY *****/
body {
	margin: 0;
	background-color: #FFF;
	
	font-size: 11px;
	color: #666;
	background-image: url(images/fond-degrade.jpg);
	background-repeat: repeat-x; }
	
#corps
{
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #000000;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   
   border: 1px dashed; color: #1895cf;
   width: 760px;
   margin-left:400px;
   
}	

#gauche
{
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   margin: 5px;
   
   color: #000000;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   
   border: 1px dashed; color: #1895cf;
   width: 164px;
   margin-left:200px;
   float: left;
   
}

a {
	color: #1895cf;
	text-decoration: none;
}

a:hover {
           text-decoration:underline;

}

input, textarea, select {
	font-size:12px;
	font-family:"Courier New", Courier, mono, Arial;
	border: 1px solid #EBF3FA;
	background-color: #FAFDFE;
	color:#2C83AD;
	border-color:#CCE7F4;
}





#bottom {
	background-position: top;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 10px;
	color: #CCCCCC;
    height: 140px;
	margin:5px;

}

#bottom a {
	color: #C5C5C5;
	text-decoration: underline;
}

#bottom a:hover {
	color: #C5C5C5;
	text-decoration: underline;
}



#header {
	padding-bottom: 0px;
	background-position: top;
	text-align: center;
}

#header li {
	display: inline;
	margin-right: 15px;
}

#header form {
	margin-top: 20px;
	margin-bottom: 0;
}

#header a {
	
	font-weight: bold;
	text-decoration: none;
}

#header a:hover {
	
	font-weight: bold;
	text-decoration:underline;
}

#dir td {
	width: 55%;
	vertical-align: top;

}

#dir table {
	border: 0;
	width: 95%;
	margin-left: 20px;
}






#corps h1 /* Tous les titres h1 du corps */
{
   height: 30px;

   background-image: url("images/sonic.jpg"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #000000;
   text-align: left;
}
#corps h1.luigi
{
   height: 30px;

   background-image: url("images/luigi.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #000000;
   text-align: left;
}
#corps h1.zelda
{
   height: 30px;

   background-image: url("images/zelda.jpg"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #000000;
   text-align: left;
}

#corps h2 /* Tous les titres h2 du corps */
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}


#haut {
   height: 250px;
	margin: 0;
	border-width: 0;
	background-image: url("images/haut.jpg");
   background-repeat: no-repeat;
   background-position:center;
}



.surfooter {
padding-top: 20px;
}

#textfooter {
	width: 600px;
	text-align: left;
	margin-bottom: 85px;
	color: #40ABDF;
	background-color: #FCFDFE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color: #EDF5FA;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}
#textfooter2 {
	width: 210px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #40ABDF;
	background-color: #FCFDFE;
	
	font-size: 11px;
	border-color: #EDF5FA;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#textfooter3 {
	width: 620px;
	
	margin-bottom: 10px;
	color: #40ABDF;
	background-color: #FCFDFE;
	
	font-size: 11px;
	border-color: #EDF5FA;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#textfooter4 {
	width: 530px;
	
	margin-bottom: 10px;
	color: #40ABDF;
	background-color: #FCFDFE;
	
	font-size: 11px;
	border-color: #EDF5FA;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#textfooter a {
color: #2193CF;
background-color: inherit;
text-decoration: none;
}
#textfooter a:hover {
color: #2193CF;
background-color: inherit;
}


#tabfooter {
	float: left;
	margin-left:320px;
	height: 180px;
	width:800px;
	padding-left: 50px;
	
	padding-bottom: 40px;
	color: #40ABDF;
	padding-top:13px;
	background-repeat: no-repeat;
	
	background-position:center;
	background-image: url(images/arrierebas.jpg);
	
}

#tabfooter a {
color: #40ABDF;
letter-spacing: 1px;
}

#tabfooter a:hover {
color: #40ABDF;

}




p
{
   color: black; /* Les paragraphes seront noir */
   font-size: 14px; /* La taille de 18 pixels me semble pas mal */
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;  
}
.importants
{
  
   font-size: 17px; /* La taille de 18 pixels me semble pas mal */
   font-weight:bold
}
.souligne
{
   text-decoration: underline;
   
}
.center
{
    text-align:center
}
.left
{
    text-align:left
}
.textpeti
{
font-size: 11px;
}
.bar-o
{
font-family: Verdana, Arial, Helvetica, sans-serif
}
.noir
{
color:#000000;
}

.mario /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/mario.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 46px;
color: #000000;
text-align: left;
}
.wario /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/wario.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 46px;
color: #000000;
text-align: left;
}
.peach /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/peach.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 55px;
color: #000000;
text-align: left;
}
.dk /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/donkey-kong.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 51px;
color: #000000;
text-align: left;
}
.yoshim /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/yoshi-bb-mario.jpg"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 46px;
color: #000000;
text-align: left;
}
.toad /* Tous les titres h2 du corps */
{height: 50px;
background-image: url("images/toad.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
background-position:top;
padding-top: 46px;
color: #000000;
text-align: left;
}

/***** 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-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 17px;
color:#000000;
}

/* 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 { 
font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 15px;
color:#000000;
 }

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

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

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

/* 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 {  }
.arbo_annuaire_petit { color:#1895cf; font-weight: normal; }

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

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { color: #000000 }

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