body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
text-align: center;
margin:0;
padding:0;
a:active { color:#666666; }
a:link { color:#666666; }
a:visited { color:#666666; }
a:hover { color:red; }
}

#top {
width:100%;
height:26px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/top.jpg) repeat-x ;
}
flag {
margin-top: 7 px;
margin-right:7 px;
}

#top1 {
width:100%;
height:400px;
margin-top:-1px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/degra.jpg) repeat-x;

}
#top2 {
position: absolute;
width: 880px;        /* selon la largeur voulue */
margin-left: -335px;  /* moitie de width */
left: 50%;          /* constant, toujours 50% */
margin-top: 30px;
height:142px;
margin-top:-400px;

/*margin-left: 375px !important; /* moitie de width */

background:url(/design/fond/ban1.gif) no-repeat;
}

#banniere {
position: absolute;
width: 840px;        /* selon la largeur voulue */
margin-left: -344px;  /* moitie de width */
left: 50%;          /* constant, toujours 50% */
margin-top: -374px;
/*margin-left:150px !important; /* pour FF */
/*margin-top:-116px;*/
}
/* CSS Document */



/**************************spécial LEF*******************************/

/*annu-localizer */
.titre_annu_loc { font-size: 12px; font-family: Arial; }
/*annu-localizer span */
.titre_annu_loc_span { font-size: 11px; font-family: Arial; }



.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:0px ; /* marge intérieure basse */
  background-color:white;
  margin-top:50px;
  
  } /* le fond du menu est noir */

.onglet { /* style des onglets inactifs */
  margin : 0px ; /* marge extérieure */
  padding:5px 7px 0px 7px ;
  } /* marge intérieure */
 

a.onglet { /* style des liens se trouvant dans un onglet inactif */
  background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
  border: solid 1px black;
  font-size:13px;
  text-decoration:none} /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
   border-bottom:solid 2px white ; /* le trait inférieur est effacé */
   border-left:solid 2px black;
   border-right:solid 2px black;
   border-top:   solid 2px black;
   background-color:white; /* le fond de l'onglet actif est blanc*/
   font-size:15px;}



/*/////////////////////////////////////////////////////////////////////////////////////////*/

#gogol { /*colone de pub google à gauche*/
     position: absolute;

     width: 130px;        /* selon la largeur voulue */
     margin-left: -450px;  /* moitie de width */
     left: 50%;          /* constant, toujours 50% */
	 margin-top: -120px;
     border: 0;
     background-color: #fff;
	 }

#global {
     position: absolute;

     width: 760px;        /* selon la largeur voulue */
     margin-left: -310px;  /* moitie de width */
     left: 50%;          /* constant, toujours 50% */
   margin-top: -245px; 
height: auto;
text-align: left;
border: 1px solid #000;
background-color: #fff;
}

/*changement de la couleur des liens après le menu du header*/
#global2 a {
color:#666666;
text-decoration: none;
}
#global2 a:active {
color: #0000FF
}
#global2 a:hover {
color: red
}



#header {
width: 760px;
height: 118px;
background-image:url(../design/header.jpg);
cursor:hand;
}
#logo {
width: 520px;
height: 28px;
margin-top: 0px;
background-color: #090D1A;
border: 1px solid #fff;
border-left: none;
color: #fff;
font-size: 20px;
font-weight: bold;
text-indent: 5px;
float: left;
cursor:hand;
}


#logo2 {
width: 450px;
height: 20px;

margin-top: 2px;
background-color: #090D1A;
border: 1px solid #fff;
border-right: none;
color: #fff;
font-size: 14px;
font-weight: bold;
text-indent: 5px;
float: right;
cursor:hand;
}

#menu {
width: 760px;
height: 22px;
background-image:url(../design/menu.jpg);
}

#menu {
width: 760px;
height: 22px;
background-image:url(design/menu.jpg);
}

#header2 {
width: 780px;
height: 118px;
background-image:url(design/header.jpg);
cursor:hand;
}

#menu2 {
width: 780px;
height: 22px;
background-image:url(design/menu.jpg);
}
.menuText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7.5pt;
}
#menu ul {
list-style-type: none;
margin: 4px 0 0 0;
padding: 0;
float: right;
color: #fff;
font-size: 11px;
font-weight: bold;
width: 740px;
	a:active { color:red; }
	a:link { color:ffffff; }
	a:visited { color:ffff66; }
	a:hover { color:red; }

}
#menu li {
float: left;
margin: 0 2px 0 0;
padding: 0;
}
#menu a {
color:#FFF;
text-decoration: none;
}
#menu a:active {
color: #888;
}
#menu a:hover {
color: #FFFF99;
}

  /*hauteur du menu*/

TABLE.barre_menu {
    width: 760px;
	height: 20px;
	text-align: center;
    background-image:url(/design/menu.jpg);
	color:#FFF;	
	a:active { color:red; }
	a:link { color:#ffffff; }
	a:visited { color:#ffff66; }
	a:hover { color:red; }

	}

/*etiquette du menu: couleur, largeur*/

TD.barre_menu {
    cursor: hand;
    text-indent:10px;
   	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
    width: 200px;

}

TD.barre_menu:hover {
  	cursor: hand;
	text-indent:10px;
   	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;

	}

/* LARGEUR du menu déroulant*/

DIV.barre_menu {
    width: 200px;
	border:1px solid;   
	vertical-align: center;
	}

/*block hauteur lien couleur*/

A.barre_menu {
    text-indent:10px;
  	border:1px solid;       
   	font-size: 10px;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	background-image:url(/design/ss-menu.jpg);
	vertical-align: middle;
	height: 28px;
  }

A.barre_menu:hover {
    border:1px solid;   
    cursor: hand;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	text-align: center;
	vertical-align: middle;
	height: 28px;
	background-image:url(/design/ss-menu.jpg);
	}
/*****************************************************************************************************/


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

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

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

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


/* Texte d'aide pour les champs du formulaire d'ajout d'un commentaire */
.txt-aide {
	font-weight: bold;
	font-size: 12;
	text-align: center;
	color:#666666;
}

/* 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_annuaireopt { font-family: Verdana; font-size: 6 px; font-weight: bold; }
A.link_footer_annuaire {
	FONT-SIZE: 7pt; COLOR: #000000; TEXT-DECORATION: none
}
A.link_footer_annuaire:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #000099; TEXT-DECORATION: underline

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

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