/***** BODY *****/
body 
{ 
background: #BCDFFF;
#font-family: Tahoma;
#font-size: 13px;
   	font-size : 100%;
   	color:#036;
   	font-family : georgia, bookman, serif;
}

a:link, a:visited
{

color: #003366;

}
a:hover 
{
    color: #FF9900;
}

ul#navlist
{
margin-left: 160;
margin-top: 10;
padding-left: 0;
white-space: nowrap;

/*border: solid 4px #FFFFFF;
width: 650px ;
height: 24px ;
text-align: center;*/
}

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

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
/*MENU 2*/
ul#navlist2
{
margin-left: 160;
margin-top: 10;
padding-left: 0;
white-space: nowrap;

/*border: solid 4px #FFFFFF;
width: 650px ;
height: 24px ;
text-align: center;*/
}
#navlist2 li
{
display: inline;
list-style-type: none;
}

#navlist2 a { padding: 3px 10px; }

#navlist2 a:link, #navlist2 a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist2 a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

/*MENU 3*/
ul#navlist3
{
margin-left: 160;
margin-top: 10;
padding-left: 0;
white-space: nowrap;

/*border: solid 4px #FFFFFF;
width: 650px ;
height: 24px ;
text-align: center;*/
}
#navlist3 li
{
display: inline;
list-style-type: none;
}

#navlist3 a { padding: 3px 10px; }

#navlist3 a:link, #navlist3 a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist3 a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


#header1 {
margin-left: 5px;
margin-top : 1px;
padding: 8px;
}

#header2 {
width: 222px;
height: 44px;
}

#logo {
float: left;
margin-left: 3px;
margin-right: 505px;
}

#soustitre {
font-family: Tahoma;
font-size: 14px;
color: #000000;
font-weight: bold;
margin-left: 160px;
margin-Top: 6px;
padding: 8 px;
}
strong {
font-family: Tahoma;
font-size: 16px;
color: red;
}
#titre {
font-family: Tahoma;
font-size: 30px;
color: #036;
font-weight: bold;
margin-left: 160px;
margin-Top: 6px;
padding: 8 px;
}
#conteneur {
position: absolute;
width: 100%;
}
#header {
height: 220px;
}
#gauche{
position: absolute;
left: 0;
margin-Top: 36px;
width: 150px;
border: solid 4px red;
text-align: center;
background-color:#FFFF00;
}
#centre {
margin-left: 160px;
}

#centre table {
margin:0 auto;  /*la règle importante est là*/text-align:center; /*pour centrer le contenu des éléments du tableau*/
border: medium dotted red;
border-collapse: collapse;
}
#centre table td, th {
border: thin solid red;
/*width: 50%;*/
}
#centre table td .cat01{
/*border:1px dotted #6495ed;*/
/*background-color:#D0E3FA;*/
padding:2px;
text-align:left;
}

#centre table td .cat01 a:hover
{
color: #FF9900;
}


.table2 {
border-style:none;
}
.table2 td,th{
border-style:none;
}
 
/*#centre table2 td, th {
border: thin solid #6495ed;
width: 50%;
}
*/

.pos2 {
    position: absolute;
    z-index:0;
    Top: 2px;
    Left: 2px;
}
.pos1 {
    position: absolute;
    z-index:1;
    Top: 100px;
    Left: 2px;
	font-size: 10px;
}

#bas
{
height: 30px;
font-family: Tahoma;
font-size: 10px;
color: #0000BA;
}
#bas a:hover
{
color: #FF9900;
}
#arbo{
text-align:center;
font-family: Tahoma;
font-size: 14px;
color: #0000BA;
}
#arbo a:hover
{
color: #FF9900;
}
a img
{
  border:  none ;
}
hr{
height: 1px;
color: #FFF;
background-color: #FFF;
border: 0;
width: 60%;
}

#centre2 {
margin-left: 160px;
}
/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Le nombre de sites dans l'annuaire est de...
*/
#text_index_annuaire {
font-family:  georgia, bookman, serif;
font-size: 15px;
color: #036;
font-weight: bold; 
text-align: center;
}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire, a.link_cat_index_annuaire:visited {
#font-family: Tahoma;
#font-size: 20px;
#color: red;
font-family : georgia, bookman, serif;
color : #393;
font-size: 15px;
 }

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

a.link_scat_index_annuaire:hover
{
color: #FF9900;
}
/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Tahoma; font-size: 12px; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire {
font-family: Tahoma; 
font-size: 12px; 
color: #003366; 
}

a.link_scat_other_annuaire:hover
{
color: #FF9900;
}
/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { font-family: Tahoma; font-size: 12px; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Tahoma; 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 {  }

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire {  }

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

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

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

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

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

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

#colonne1 {     float: left;     width: 160px;     background: lightblue; }
#colonne2 {     background: burlywood; text-align:left; }
#colonne3 {    margin-left:170px;     background: burlywood; }
#colonne4 {    margin-left:170px;     background: khaki; }
#colonne5 {    margin-left:170px;     background: lightyellow; }
#colonne6 {    margin-left:170px;     background:  wheat; }