/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 8pt/16pt georgia; 
	color: #000; 
	margin: 0px; 
	}
p { 
	font: 8pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 10pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #988F5E;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #988F5E;
	}

	a:hover, a:active { 
	text-decoration: underline; 
	color: #988F5E;
	}
q {background-color: #f0f0f0;}

/* specific divs */
#container { 
	/* background: transparent url(zen-bg.jpg) no-repeat top left;  */
	padding: 0px 225px 0px 25px;  
	margin: 50px; 
	border: 1px solid #888888;
	background: #fff;
	}

#intro { 
	min-width: 300px;
	}

#header {
	padding: 0px;
	max-width: 1OO%;
	text-align: center;
	
}
	
#pageHeader { 
	margin-bottom: 5px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 228px; 
	height: 27px; 
	float: right;
	}
#pageHeader h2 span {
	display:none;
	}
	
#baniere {
	clear: left; 
	padding: 0px 10px 0px 10px;
	border: 1px solid #6878C6;
	}
#comptesite .p1 {
position: absolute;
	color: #566047;
	font-size: 100%;
	text-align: left;
	top: 300px;
    left: 70px;
	
}	


#pub{
margin-top:60px;
margin-left: 20px;	
text-align: right;
}
#pub h3 span {display: none;
}

	




#texteprincipal {
	padding-left: 10px; 
	margin-bottom: 40px;
	}
#texteprincipal h3 span {
background: transparent url(title.gif) no-repeat top left; 
padding-left:25px;
padding-right:75px;
width: 300px;
border-bottom: 1px solid #888888 ;
font-style: normal;
font-weight: bold;
color: #444444;
}
#texteprincipal p {color: black; }
#texteprincipal .p1 {color: black; }

#categorie  {
	margin-top: 40px;
}	
#categorie .p1{
	color: black;
}	
#categorie h3 span {
background: transparent url(title.gif) no-repeat top left; 
padding-left:25px;
padding-right:75px;
width: 100%;
border-bottom: 1px solid #888888 ;
font-style: normal;
font-weight: bold;
color: #B22222;
}

#footer { 
	text-align: center; 
	color: #dcd8a5;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	
	width:240px;
	margin-left:600px;
	position: absolute; 
	top: 70px; 
	right: 0px;
	}
#linkList2 { 
	background:white;
	font: 10px verdana, sans-serif; 
	padding: 10px; 
	margin-top: 150px; 
	width: 160px; 
	border-left: 1px solid #888888;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
	}
#linkList h3.select { 
	margin: 10px 0px 5px 0px; 
	width: 150px; 
	height: 15px; 
	color: #444444;
	font: 10px verdana, sans-serif; 
	font-weight: bold;
	border-bottom: 1px solid #888888;
	}
#linkList h3.select span {
	display: block;
	}
#linkList h3.favorites { 
	margin: 25px 0px 5px 0px; 
	width: 150px; 
	height: 15px; 
	color: #444444;
	font: 10px verdana, sans-serif; 
	font-weight: bold;
	border-bottom: 1px solid #888888;
	}
#linkList h3.favorites span {
	display:block;
	}
#linkList h3.archives { 
	margin: 25px 0px 5px 0px; 
	width: 150px; 
	height: 15px; 
	color: #444444;
	font: 10px verdana, sans-serif; 
	font-weight: bold;
	border-bottom: 1px solid #888888;
	}
#linkList h3.archives span {
	display:block;
	}
#linkList h3.resources { 
	margin: 25px 0px 5px 0px; 
	width: 150px; 
	height: 15px; 
	color: #444444;
	font: 10px verdana, sans-serif; 
	font-weight: bold;
	border-bottom: 1px solid #888888;
	}
#linkList h3.resources span {
	display:block
	}


#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	color: Green; 
	padding: 4px; 
	margin-bottom: 5px;
	
	}

#linkList li:hover {
	line-height: 2.5ex; 
	list-style-type: none;

	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
}
	
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #988F5E;
	}
		
/* Elements du menu */

#menutilisable p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}	
#menutilisable .p1 {
	position: absolute;
    top: 10px;
    left: 60px;
    font-weight: bold;
    color: #FBFBE5;
    width: 90%px;
	 
	
}
#menutilisable .p2 span {
	position: absolute;
	color: #566047;
	font-size: 100%;
	text-align: left;
	top: 300px;
    left: 300px;
}
	
#menutilisable .p1 {
	margin: 0px;
	padding: 0px;
	}
#menutilisable .p1 span {
	line-height: 2.5ex; 
	list-style-type: none;
	
	border: 1px solid #888888;
	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
	background-color:#F7F7F7;
	}

#menutilisable .p1 span:hover {
	line-height: 2.5ex; 
	list-style-type: none;
	background-color: #DEE2B3; 
	border: 1px solid #888888;
	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
}
	
#menutilisable .p1 span  a:link { 
	color: #988F5E;
	}
#menutilisable .p1 span  a:visited {
	color: #988F5E;
	}

/*element du tableau */
.tablemenu {
	border: 1px solid Red;
	width: 100%;
}
.tablecolone {
	border: 1px solid #82A9EE;
	width: 33%;
}

/*modif et ajout nouvelle version */
/* Les menus du header */
#menu {
		height: 27px;
		/*border-bottom: 1px groove #888888;
		border-top: 1px groove #888888;*/

}

/*---menu utilisable en haut de page -----*/
.menuhaut a {padding-left:30px ; padding-right:30px} /* marges gauches et droites sur les liens */
ul.menuhaut li {width:1px} /* hack pour forcer IE5.0 a afficher les bordures} */
body>.menuhaut li {width:auto} /* annule le hack IE 5.0 pour les autres navigateurs que IE */

#menuhaut {
	
	margin-top: 2px;
	float: left;
	display: inline;
	height: 25px;
	voice-family: "\";}\""; 
	voice-family:inherit;
	height: 25px;
		
		}
#menuhaut h3 {
	display: none;
}

#menuhaut ul {
	margin: 0px;
	padding: 0px;
	margin-bottom:10px
	
	}

#menuhaut li {
 
margin:0px;
padding:0px ;
margin-bottom:10px;
	list-style-type: none;
	display: inline;
	/*border: 1px solid #888888;*/
	padding: 4px 1px;
	margin-left: 2px;
	background-color: #F7F7F7;
	
	
}
#menuhaut li a:hover {
	
	padding: 4px 0px;
	margin-left: 0px;
	height: 25px;
	color: #7D775C;
	background-color: #DEE2B3;
 
}
	
#menuhaut li a:link { 
	color: #988F5E;

	}
	
#menuhaut li a:visited {
	color: #988F5E;
	}
	/*---menu annuaire-----*/
.menubas a {padding-left:30px ; padding-right:30px} /* marges gauches et droites sur les liens */
ul.menubas li {width:1px} /* hack pour forcer IE7 a afficher les bordures} */
body>.menubas li {width:auto} /* annule le hack IE7 pour les autres navigateurs que IE */

#menubas {

	/*position: absolute;*/
	margin-top: 2px;
	margin-left: 150px;
	float: left;
	display: inline;
	height: 25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 25px;
	
}
#menubas h3 {
	display: none;
}

#menubas ul {
	margin: 0px;
	padding: 0px;
	margin-bottom:10px
	}

#menubas li {
margin: 0px;
	padding: 0px;
	margin-bottom:10px;
	list-style-type: none;
	display: inline;
	/*border: 1px solid #888888;*/
	padding: 4px 1px;
	margin-left: 2px;
	background-color: #EDEDED;
	
	
}
#menubas li a:hover {
padding: 4px 0px;
	margin-left: 0px;
	height: 25px;
	color: #7D775C;
	background-color: #DEE2B3; 
	

	
}
	
#menubas li a:link { 
	color: #988F5E;
	}
#menubas li a:visited {
	color: #988F5E;
	}




.mhdroite {
  position: absolute;
  right: 40px;
  top: 12px;
}
.version {
  position: absolute;
  right: 30px;
  top: 205px;
}
.presenta {
  position: absolute;
  left: 40px;
  top: 205px;
}
	
#logo {
margin-top: 15px;
	margin-bottom: 10px;
	background-color: transparent;
	min-height: 170px;

}

/* Remplacement du texte h1 par une image . This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 { 
	background: transparent url(annuaire.gif) no-repeat top left; 
	margin-top: 5px; 
	width: 800px; 
	height: 110px; 
	float: left;

	}
	/* on rend invisible en conséquence le texte h1 */	
#logo h1 span {
	display:none
	}
/* Remplacement du texte h2 par une image . This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#logo h2 { 

	}
	/* on rend invisible en conséquence le texte h2 */	
#logo h2 span {
	display:none;
	}
/* affichage de la boite de recherche interne */	
#divcherche {
	
	/*position: absolute;*/
	margin-top: 2px;
	right: 20px;
	padding-right: 21px;
	text-align: right; 
	
	height: 25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 24px;
	
}
#divcherche h3 span {
	display:none
	}

#divcherche .submit {
	font-size: 100%;
	font-weight: normal;
	border: 1px groove #888888;
	cursor: default;
	position: relative;
	top: 0.35ex;
	background-color: #DCD8A5;
	cursor: pointer;
}	
#conditions {
	color: Black;
}


/***** BODY *****/


.StyleA3 {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.menugauche {width:130px;background-color:#DBDBDB;padding-left:6px;clear:both;}
/***** 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-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold;}

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

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


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Arial, Helvetica, sans-serif; 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, Helvetica, sans-serif; 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;text-align:center; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire {  }

/* Date de validation des sites */
.date_validation_site_annuaire {  }

/* Description des sites */
.description_site_annuaire {  color: Black; }

/* URL des sites */
.url_site_annuaire { color: Black; }

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

/* Texte de l'affiliation */
.affiliation {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}


/***** 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 { background-color:#FFA500; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  }

/* 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, Helvetica, sans-serif; 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 {width:190px;  }  


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

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

/* Arborescence en ligne des categories (texte) */
.align_centre { text-align:center; }
.arbo_annuaire { text-align:center;}
.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, Helvetica, sans-serif; }

/* Titre des pages de l'annuaire */
.titre_annuaire { font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire {  }
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
#formulaire{margin-left:50px;}
form#soumet{width:80%;background-color: #F0F0F0}
fieldset{border: 0px solid #000}
legend{padding-left:20px;font: bold 140%/1.6 Arial,sans-serif;color: #C25D12}
fieldset label{float:left;display:inline;width:170px;
    line-height:16px;margin: 3px 10px;text-align:center;color:#C25D12;background: #FFF url("images/arrow.jpg") no-repeat right center}
#formulaire input,textarea{margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 310px}
input#formulaire{height: 18px}
input#ccode{width: 40px}
br#formulaire{clear:left}
input#go{margin: 10px 0 0 130px;border-style:solid;border-color: #FFF #333 #333 #FFF;
    border-width:1px 2px 2px 1px;background: #c25d12;color:#fff;width:auto;height: auto}

/*page info site . php */
#cadreinfosite {
border: 1px solid #82A9EE;	
}
#cadreinfosite li {
	line-height: 2.5ex; 
	list-style-type: none;
	display: block; 
	padding: 4px; 
	margin-bottom: 5px;
	background-color:#F7F7F7;
	}
	
#cadreinfosite {color: black; }