/* Tic du Krek pas obligatoire */
html, body {
	height: 100%;
	
}

/* BODY */
.englobe_h1 {padding : 1px ; background : #F5F5F5; border : 2px solid #FFFFFF; margin : 3px 2px 7px 0px ;}

h1 {margin : 1px 1px 0 1px ; font-family : arial; font-size : 12px ; }

body {
margin: 0;
padding: 0;
background-color : #fff;
font-family : arial;
font-size : 12px;
color : #000;
}

/* BANDE GRISE EN HAUT */

#haut {
width : 100% ; 
background-color : #ccc; 
height : 10px;
 }
 #hautbis {
width : 100% ; 
background-color : #999999; 
height : 10px;
border-top : 1px solid #000000; 
	border-bottom : 1px solid #000000; 
 }
 


#up {
	width : 100%;
	background-color : #999999;
	border-top : 1px solid #666666;
	border-bottom : 1px solid #666666;
	height : 30px;

	
}

/* CONTENEUR DU TOUT */



#content {
width :950px;
margin-left : auto;
margin-right : auto;
background-color : #fff;
height : 100%;
 }
html>body #content {height : auto; min-height : 100%;  } /*  hack pour assurer le % bien que pas necessaire */



/*  Photo du haut - l'image est ici dans la css */

#expo {
margin-top : 0px ; 
width : 100% ; 
height : 150px;  
background-image : url(images/haut.jpg)}



/*  Menu  */


ul {
list-style : none ; 
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 0 10px 0 ;
background : transparent;
text-transform : uppercase ; 
font-weight : bold;
font-size :1.1em; }


li {
float : left ; 
margin : 0 0 0 10px}

li a {color : #000; text-decoration : none}
li a:hover {color : #990000; text-decoration : none ; border-bottom : 2px solid #990000}



/* LES DIV QUI CONTIENNENT LES TEXTES */



.gauche {
	float : left;
	width : 180px;
	margin-left : 0;
	text-align : left;
	background-color: #CCCCCC;
	padding-left: 4px;
	padding-right: 3px;
	border-right : 1px solid #999999; 
	border-bottom : 1px solid #999999; 
}
.spacer {
height : 10px ; 
color : #FFFFFF}


.centre {
float : left ; 
width : 600px; 
margin-left : 2% ; 
text-align : left;}


.droite {
	float : right;
	height: 100%;
	width : 110px;
	margin-left : 0;
	text-align : left;
	background-color: #CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
}

/* BANDE GRISE EN BAS */



.bas {
width : 100%; 
clear : both ; 
height : 70px; 
background-color: #CCCCCC;
margin-top : 0px ;
border-top : 1px solid #999999; 

}

.bas p{
padding :  4px 0 0 0 ; 
margin : 0; 
text-align : center ; 
background : none ; 
color : #B0B211
}

.bas a{
text-decoration : none; 
}

.bas a:hover {
text-decoration : none; color : #fff; 
}

  
  
  
  
 





  
/* Configuration des liens */  
  

 a {color : #990000; text-decoration : none}
  a:hover {color : #000; text-decoration : underline}

  
  
/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire {
	font-family: Arial;
	font-size: 12px;
	line-height: normal;
	color: #990000;
}

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

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { text-decoration : underline; font-family: Arial; font-size: 12px; color: #990000;}

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Arial; font-size: 12px; }


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

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { font-family: Arial; font-size: 10px; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 11px; }

/* 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: Arial; font-size: 11px; color: #ff0000; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { font-family: arial; font-size: 11px; font-weight: bold;}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-family: arial; font-size: 10px; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-family: arial; font-size: 10px; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-family: arial; font-size: 12px; }

/* Description des sites */
.description_site_annuaire { font-family: arial; font-size: 12px; color: #666666}

/* URL des sites */
.url_site_annuaire { font-family: arial; font-size: 11px; color: dimgray }

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-family: arial; font-size: 10px; }

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-size: 11px; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-family: arial; font-size: 10px; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-family: arial; font-size: 10px; }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire { font-family: arial; font-size: 12px; }


/***** 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 { font-family: Arial; font-size: 12px; color: #ff0000; }

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-family: Arial; font-size: 11px; 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 { font-family: Arial; font-size: 12px; 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 { font-family: Arial; font-size: 12px; color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire {  font-family: Arial; font-size: 12px;}


/***** 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 { font-family: Arial; font-size: 12px; color: #ff0000; }

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

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

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

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

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

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


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

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

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

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

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire {  font-family: Arial; font-size: 12px;}

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire { font-family: Arial; font-size: 12px;}

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire { font-family: Arial; font-size: 12px; }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annuaire { font-family: Arial; font-size: 12px; color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { font-family: Arial; font-size: 12px; color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-family: Arial; font-size: 12px; font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire { font-family: Arial; font-size: 12px; }


/***** 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 { font-family: Arial; font-size: 12px; color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-family: Arial; font-size: 12px; font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire { font-family: Arial; font-size: 12px; }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire { font-family: Arial; font-size: 12px; }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-family: Arial; font-size: 12px; font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-family: Arial; font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire { font-family: Arial; font-size: 12px; } 


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Arial; font-size: 10 px; font-weight: normal; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Arial; font-size:12 px; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { font-family: Arial; font-size: 12px; }
.arbobas { font-family: Arial; font-size: 12px; font-weight: normal; color: #ffffff;}
.arbo_annuaire_petit { font-family: Arial; font-size: 12px; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { font-family: Arial; font-size: 12px; }

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

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  font-family: Arial; font-size: 12px;}

.soumission {
	font-family: Verdana;
	font-size: 11px;
	line-height: normal;
	color: #000000;
	font-weight: normal;
}

.bandeau {
	font-family: "Courier New", Courier, mono
	font-size: 20px;
	line-height: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.tootroutoo {
	font-family: Verdana;
	font-size: 19px;
	line-height: normal;
	color: #FFFFFF;
	font-weight: bold;
}
		
.zodiac {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #990000;
	font-weight: bold;
}
	
.ztaureau {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #9CC948;
	font-weight: bold;
}

.zgemeaux {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #74972F;
	font-weight: bold;
}

		.zcancer {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #09529F;
	font-weight: bold;
}

		.zlion {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #DB0C52;
	font-weight: bold;
}

		.zvierge {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #CF87B9;
	font-weight: bold;
}

		.zbalance {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #3C8284;
	font-weight: bold;
}
		.zscorpion {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #E12313;
	font-weight: bold;
}

.zsagit {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #1BA081;
	font-weight: bold;
}

.zverseau {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #588AA3;
	font-weight: bold;
}

.zverseau {
	font-family: Arial;
	font-size: 16px;
	line-height: normal;
	color: #E6B63A;
	font-weight: bold;
}