/* CSS style général*/
/* CSS Document */
body{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color:#FFFFFF;
	background-image : url("http://evadeak.com/images/fondjaune.png");
	background-position : left top;
	background-repeat : repeat-y;
	color : black;
	font-size : 80%;
	font-family : Arial,Georgia, Times, serif, Verdana, Helvetica;
	background-attachment: scroll;
}
a:link {text-decoration : none ;}
a:visited {text-decoration : none ;}
a:hover {text-decoration : none ;}
a:active {
	text-decoration : none;
	border: 0;
}

/*------------- Début menu image----------*/
#menuimage {
	position: relative;
	margin-top: 0em;
	top : 0em ;
	left: 39em !important;
	/*left: 49em ;*/
	padding-left: 0em;
	width :430px; /*largeur menu 110% bug de IE*/
	height : 102px;
	
	/*background-color:#FF0066; pour test */
	}
a#eva span {display : none ;}
a#eva:hover span{
display : inline ;
position : absolute ;
margin-left : -150px ;
margin-top : 105px ;
width: 148px;
background-color : #CC0066 ;
text-align : right ;
color : white ;
}
a#eva:hover{background : none ;
}
/*------------------fin menu image----------*/

/*menu boutonindex*/
#menuindex { /* la boite */
  	position: absolute;
	margin-bottom: 0px;
	padding-top: 230px;
	top: 169px;
	left: -25px;
	width: 100px ;
	height: 150px;
	font-weight : bold ;
	list-style-type : none ;
	background-color:#FFFFFF;
	}
#menuindex ul {
list-style-type : none ;
padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin : 0 1em ;
}
#menuindex li a {
display : block ;
text-decoration : none ;
margin : 5px 0; 
/*background-color:#FFFFFF;*/
color:#0000FF;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 1em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menuindex li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------fin menu bouton index------------*/
/* image de l'europe sur page index */
#europe{
position: relative;
	top: -3em;
	left: 15em;
	width: 250px ;
	height: 200px;
	/*background-color:#00FF33; pour test */
}
/*-----------------menu bouton accueil-----------*/
#menuaccueil { /* la boite */
  	position: absolute;
	margin-top: 0px;
	padding-top: 120px;
	top: 5px;
	left: -25px;
	width: 120px ;
	height: 40px;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
	list-style-type : none ;
		}
#menuaccueil ul {
list-style-type : none ;
padding : 0 ;
margin : 0 1em ;
}
#menuaccueil li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color :#0000FF ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 1em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menuaccueil li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------fin menu bouton accueil------------*/
.lien {
position: absolute;
	top: 43em;
	left:1em;
 }
/*-------------- menu bouton--------------------*/
#menu { /* la boite */
  	position: absolute;
	margin-top: 130px;
	padding-top: 140px;
	top: 90px;
	left: -25px;
	width: 160px ;
	height: 150px;
	font-weight : bold ;
	list-style-type : none ;
		}
.menu { /* la boite  correctif pour IE*/
  position: absolute;
	top: 100px;
	left: -38px;
	width: 110px ;
	height: 150px;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
	list-style-type : none ;
	}
#menu ul {
list-style-type : none ;
padding : 0 ;
margin : 0 0em ;
}
#menu li a {
display : block ;
text-decoration : none ;
margin : 0px 0px ; 
color :#0000FF ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 0em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menu li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/* --------------- Fin menu bouton ----------------*/
#bouton { /* la boite */
  	position: relative;
	margin-top: 10px;
	padding-top: 20px;
	top: 15px;
	left: 38px;
	width: 120px ;
	height: 40px;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
	list-style-type : none ;
		}
#bouton ul {
list-style-type : none ;
padding : 0 ;
margin : 0 1em ;
}
#bouton li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color: #FF0000 ;
font-weight : bold ;
height : 1.4em ;
font-size : 120% ;
text-indent: 1em ;
border : 1px solid black ;
text-align: center;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#bouton li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
/*-------------fin menu bouton ------------*/
/* ------------debut bouton envoyer*/
#boutonenvoyer {
position: relative;
top: 1em;
left: 25em;
}
/* fin bouton envoyer  */
/* ------------------Style du Texte--------------- */

#pub{
position: absolute;
	/*background-color:#000099;  pour test*/
	
	left: 65em !important;
	/*left: 78em ;*/
	top: 10em !important;
	/*top : 15em;*/
	height : auto;
	width: 160px;
}

#texte {
	position: absolute;
	/*background-color:#000099;  pour test*/
	left: 210px;
	top: 118px;
	height : auto;
	width: 580px;
}
#texte2 {
	position: absolute;
	/*background-color:#000099;  pour test*/
	left: 3em;
	top: 118px;
	height : auto;
	width: 700px;
}
#texte h1 {
margin-top: 0em;
font-weight : bold ;
font-size : 200% ;
padding-bottom : 0.2em ;
border-bottom : 3px solid #ffff99 ;
text-indent : 0px ;
color : #0000FF ;
}
#texte2 h1 {
margin-top: 0em;
font-weight : bold ;
font-size : 200% ;
padding-bottom : 0.2em ;
border-bottom : 3px solid #ffff99 ;
text-indent : 5px ;
color : #0000FF ;
}
#texte h2 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 120% ;
font-weight : bold ;
color : #000000 ;
}
#texte h3 {
margin-top : 0.3em ;
margin-bottom : 0em ;
font-size : 150% ;
font-weight : bold ;
color : #000000 ;
}
#texte P {
margin-top :0em ;
margin-bottom : 0.2em ;
font-size : 95% ;
color :#000000 ;
text-align:justify;
}
.Style3 {
	color: #FF0000;
	font-weight: bold;
	font-size: small;
}
.Style7 {color: #FF0000; font-weight: bold; font-size: large; }
.Style8 {font-size: small; color: #FF0000;}
#presentation{
position: relative;
	top: 1em;
	left: 8em;
	width: 500px ;
	height: auto;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
			}
#bienvenue{
position: relative;
	top: 10em;
	left: 40em;
	width: 120px ;
	height: auto;
	/*background-color:#00FF33; pour test */
	font-weight : bold ;
			}

#menudevis {
	/*float: left;*/
	width :300px ;
	margin-left : 5em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
#menudevis ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
#menudevis li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color :#CC0066 ;
font-weight: bold ;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
#menudevis li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}
.menudevis {
	/*float: left;*/
	width :300px ;
	margin-left : 5em ;
	margin-top : 2em ;
	margin-bottom: 2em;
	font-weight : bold ;
	list-style-type : none ;
	/*margin-left: 0em;*/
	}
.menudevis ul {
list-style-type :none ;
padding : 0 ;
margin :0 1em ;
}
.menudevis li a {
display : block ;
text-decoration : none ;
margin : 5px 0 ; 
color :#CC0066 ;
font-weight: bold ;
height : 1.4em ;
font-size : 120% ;
text-indent : 1em ;
border : 1px solid black ;
text-align : center ;
border-width : 1px 2px 2px 1px ;
border-color : #cecece #4a4a4a #4a4a4a #cecece ;
border-style : solid ;
}
.menudevis li a:hover {
border-width : 2px 1px 1px 2px ;
border-color : #4a4a4a #cecece #cecece #4a4a4a ;
}

#validator{
clear: both;
position: absolute;
	top: 43em;
	left: 0em;
		/*background-color:#00FF33; pour test */
}
/* style de l'annuaire */
.introduction {
	position: relative;
	top: 1.4em;
	left: 2em;
	width: 400px;
	}
#tableau {
	position: relative;
	top: 2.4em;
	left: 8em;
	width: 400px;
	/*background-color:#00FF33; pour test */
}
#text_index_annuaire { 
position: relative;
	top: 2.4em;
	left: 11em;
	width: 400px;
	 }

#tableau_categorie {
position: relative;
	top: 5em;
	left: 5em;
/*background-color:#00FF33; pour test */
	}
/* 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: 14px; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Arial; 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-weight: bold; font-family: Arial; font-size: 13px; }

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

/* Description des sites */
.description_site_annuaire { font-family: Arial; font-size: 11px; }

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

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


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

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

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

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }
.categorie{
color:#0000FF; font-weight: bold; font-size: 16px;
	}
.nuxit {
position: relative;
	top: -8em !important;
	/*top: -10em;*/
	left: -40em !important;
	/*left: -50em;*/
			 }
.lien {
	position: absolute;
	top: 38em !important;
	/*top: 49em;*/
	left: 3em;
			 }
#barre_du_bas {
position: relative;
	top: 5em !important;
	text-align:center;
	/*left: 0em;*/
	}
.texte_gras_sur_fond {
	font-weight: bold;
	background-color: #33FF00;
}
#pub2{
position: absolute;
	/*background-color:#000099;  pour test*/
	left: 1em;
	top: 17em;
	/*top : 23em;*/
	height : auto;
	width: 160px;
}