﻿/***** BODY *****/
.body {
	background: #ffffff;
	font-family: Arial;
	color: #FFFFFF;
	background-image: url(http://www.netalyon.com/annuaire/escortimages/background.jpg);

}


/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.style5 {
	border: 1px solid #ffffff;
}
.style2 {
	border-left: 1px #ffffff;
	background-color: #000000;
	border-left-color: #FFFFFF;
	border-left-style: solid;
}
.MenuTitre {
	border: #000000 inset;
	font-family: "Arial";
	font-size: 14px;
	color: #000000;
	text-decoration: overline;
	background-image: url(http://www.netalyon.com/annuaire/menu12.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
}
.MenuTitre2 {
	border: #000000 none;
	font-family: "arial";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: inherit;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	background-image: url(http://www.netalyon.com/annuaire/menu12.gif);
}

.MenuTitre1 {
	font-family: "arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	width: 150px;
}


a.link {

    color: #FFFFFF;
    text-decoration: underline;
    font-weight: normal;
    font-style: normal;

}
a.visited {

    color: #0000FF;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;

}
a.hover {
	color: #0000FF;
	text-decoration: underline;
	background-color: #000000;
	font-weight: bold;
	font-style: normal;
}
a.active {

    color: #FF0000;

    text-decoration: none;

    background-color: #CCCCCC;

    font-weight: bold;

    font-style: normal;

}
.text_index_annuaire {  
}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire {
	font-size: 16px;
	color: #FFFF66;
	font-family: "arial";
}

/* Lien Menu droit */ 
a.link_menu_droit {
	font-size: 15px;
	color: #000000;
	font-family: "arial";
}

a.link_menu_droitlien {
	font-size: 14px;
	color: #FFFF00;
	font-family: "arial";
}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { 
font-size: 14px; 
color: #FFFF66;
font-family: "arial";

}

/* 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; 
color: #FFFF66;
font-family: "arial";

}

a.cat {
	margin-left: 5px;
}

/* 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;
	color: #00FF00;
	font-family: "arial";
}
.titre_site_annuaire1 {
	font-size: 16px;
	font-family: arial;
	color: #00FF00;
}

/* 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;
	font: "Arial";
	color: #FFFF00;
}

/* Description des sites */
.description_site_annuaire {

	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

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

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire {
	font-size: 10px;
	font: 100% Arial, Helvetica, sans-serif;
	color: #FFFF00;
}

/* Lien pour voter pour les sites */
a.vote_site_annuaire {
	font-size: 12px;
	color: #FFFF00;
}

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire {
	font-size: 12px;
	color: #00FF00;
}

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire {
	font-size: 12px;
	color: #FF0000;
}

/* 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

/* 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: "arial";
	font-size: 12 px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire {
	font-family: "arial";
	font-size: 14 px;
	color: #FFFFFF;
}

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

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

div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
   div#disclaimer-cadre a:hover{ color:blue; }
#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	}

#nav li a:link, #nav li a:visited {
	color: white;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	background: url(http://www.netalyon.com/annuaire/escortimages/nav04.gif) repeat-x;
	padding: 0 3px;
	border-color: #FFF;
	font-family: Arial;
	font-size: 12px;
}

#nav li a:hover, #nav li a:active {
	background: url(http://www.netalyon.com/annuaire/escortimages/abi1.png) 0 -32px;
	padding: 0 5px;
	color: #000000;
}
.hovermenu ul{
	font: bold 13px arial;
	padding-left: 0;
	margin-left: 65px;
	height: 20px;
	width: 200px;
}

.hovermenu ul li{
list-style: none;
display: inline;
width: 150px;
}

.hovermenu ul li a{
	padding: 3px 0.7em;
	text-decoration: none;
	float: left;
	color: black;
	background-color: #999;
	border: 0px solid #FFFFFF;
}

.hovermenu ul li a:hover{
	background-color: #CCC;
	border-style: outset;
}

.hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px;
color: #FFFFFF;
}
.buttonmenu3{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
	color: #00FFFF;
}

.buttonmenu1{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
	
}
.buttonmenu2{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	
}

/*définition des liens*/
.buttonmenu li a{
	color: white;
	display: block;
	width: 150px;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;

	background-color: #000000;
	text-decoration: none;
}
.buttonmenu2 li a{
	color: white;
	display: block;
	width: 100%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;

	background-color: #000000;
	text-decoration: none;
}
.buttonmenu3 li a{
	color: #00FFFF;
	display: block;
	width: 100%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
	background-color: #000000;
	text-decoration: none;
}

.buttonmenu li a:visited{
color: white;
}
.buttonmenu1 li a:visited{
color: white;
}
.buttonmenu1 li a{
	color: #F06;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
	background-color: #000000;
	text-decoration: none;
}
.buttonmenu2 li a{
	color: #F06;
	display: block;
	width: 100%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid;
	border-style: solid;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
	background-color: #000000;
	text-decoration: none;
}

/*Ici, c'est pour le survol des liens*/
.buttonmenu li a:hover, .buttonmenu li a:active{
	color: black;
	background-color: #C0C0C0;
	border-style: solid;
    border-top-color: #333333;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-bottom-color: #DDDDDD;

}
.buttonmenu1 li a:hover, .buttonmenu li a:active{
	color: black;
	background-color: #C0C0C0;
	border-style: solid;
    border-top-color: #333333;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-bottom-color: #DDDDDD;

}
.grise {
 border:1px solid black; 
 background-color:silver;
 }
.blue {
 border:1px solid blue; 
 color: #FFFFFF;
	font-family: Arial;
font: normal normal bold 16px Arial;
text-align: center;
 }
.none {
 border-style:none;
 }  
 .style2 {
	border-style: solid;
	border-width: 1px;
}
.style3 {
	font-family: Arial;
	font-size: 12px;
	color: #FF00FF;
	background-color: #000000;
	text-align: center;
	
}
.style6 {
	background-color: #FFFF00;
}
.style4 {
	border-width: 1px;
	font-family: Arial;
	font-size: 13px;
}
.style5 {
	border: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #F2F931;
	
}
/*Ici, nouveau call duty*/
.menuheader{
	width:150px;
	height:37px;
	background-image:url(http://www.netalyon.com/annuaire/images/menutop.gif);
	display:block;
}
.menucontent{
	width:150px;
	background-image:url(http://www.netalyon.com/annuaire/images/menumiddle.gif);
	padding-top:10px;
	background-repeat: repeat-y;
}
.menuheader h3{
	padding: 10px 0px 0px 20px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #FF00FF;
}
