f/* @override http://www.atelier-moissonniers.com/moissonniers-new.css */
.enimages{
	background-color: #000;
	padding-left: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
}
.illustrationstitre {
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	vertical-align: bottom;
}
.illustrationslegende {
	border-left: 1px dotted #666;
	padding-left: 5px;
}
#illustrations {
	margin-top: 20px;
	background-color: #333;
	color: #fff;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}
.illustrations {
	background-color: #333;
	color: #fff;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}


#scripthistoire table tr td table tr td {
	background-color: #000;
	
}

.fdgris {
	padding: 10px;
	height:20px;
	background-color: #999;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
 



/* Pour faire le menu */
ul#menulilu
{
	margin: 0 ;
	padding-left: 0px ;
	padding-top: 0 ;
	padding-right: 0 ;
	padding-bottom: 0 ;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	background-color: #999;
	list-style-type: none;
}

ul#menulilu li
{
	margin: 0 0 0 0 ;
	padding: 0px ;
	color: #fff;
	list-style-image: none;
	text-transform: uppercase;
	line-height: 30px ;
	text-indent: 0px ;
}


ul#menulilu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 210px ;
	padding-left: 25px;
	color: #fff ;
	text-decoration: none ;
	background: url(images/bg_menu.jpg) no-repeat left top ;
	list-style-image: none;
}

ul#menulilu li a:hover
{
	background: url(images/bg_menu.jpg) no-repeat left bottom ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #94080d;

}
/* fin du menu */

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}
.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.menu1 {
	text-transform: uppercase;
}
.texte {
	PADDING-RIGHT: 40px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 20px; MARGIN: 0px; VERTICAL-ALIGN: top; COLOR: #000000; LINE-HEIGHT: 21px; PADDING-TOP: 20px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

h4 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	color: #000000;
	text-align: left;
    font-style: normal;
    font-weight: lighter;
	
}
.texte a {
	color: #000;
	text-decoration: underline;
}
.liens {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	margin: 0;
    padding: 0px 0px 0px 0px;

}
.boxtexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0px;
	background: white;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	visibility: visible;
	overflow: scroll;
	width: 298px;
	height: 305px;
	float: right;
	clear: left;
}
.boxtextegrand {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 21px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0px;
	background: white;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	visibility: visible;
	overflow: scroll;
	width: 298px;
	height: 600px;
	float: right;
	clear: left;
}
.menu {
	text-align: left;
	vertical-align: top;
	padding: 20px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: right top;
}
.titre {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-align: left;
	vertical-align: top;
	margin: 0;
    padding: 20px 40px 20px 0px;
	color: #000;

}
.navigation {
	font-size: 9px;
	color: #CCCCCC;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px;
	padding: 2px;
}
.diaporama_ref {
	margin: 1px;
	height: 180px;
	width: 325px;
	background-color: #666;
}
#diaporama {
	z-index: 1;
	margin: 1px;
	height: 325px;
	width: 325px;
	background-color: #FFFFFF;
}
#corpspage {
	margin-top: 1px;
	margin-right: 1px;
}
adresses-mail {
	border: 1px solid #FFFFFF;
}
#annoncesrss {
	padding: 0px 5px 5px;
	height: 337px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	overflow: hidden;
	line-height: 20px;
	vertical-align: middle;
	top: 170px;
	z-index: 1;
	left: 40px;
}
#annoncesrssbloc {
	width: 327px;
}
#annoncesrss a {
	color: #333333;
	text-decoration: none;
}
.borduresblanches {
	border: 1px solid #FFFFFF;
}
.petittexte {
	font-size: 9px;
	color: #CCCCCC;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

.blocimage {
	width: 250px;
	height: 250px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #666666;
	position: absolute;
	overflow: hidden;
	visibility: visible;
	z-index: 2;
	float: inherit;
	clear: inherit;
	top: 210px;
	left: 385px;
}
.blocimagegauche {
	width: 250px;
	height: 250px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #666666;
	position: absolute;
	overflow: hidden;
	visibility: visible;
	z-index: 2;
	float: inherit;
	clear: inherit;
	top: 210px;
	left: 79px;
}
.lettrine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #990000;
}
.phototexte {
	background-color: #CCCCCC;
	background-image: url(images/puce2.gif);
	background-repeat: repeat;
}
.textetoutpetit {
	font-size: 10px;
	font-variant: small-caps;
	padding-right: 5px;
}
.etapesuivante {
	background: url(images/navgd-suite.jpg) no-repeat right center #666666;
	color: #CCCCCC;
	text-transform: uppercase;
	font: 9px Verdana;
	text-align: right;
	padding-right: 40px;
}
.etapeprecedente {
	background: url(images/navgd-retour.jpg) no-repeat left center #666666;
	color: #CCCCCC;
	text-transform: uppercase;
	font: 9px Verdana;
	text-align: left;
	padding-left: 40px;
}.infodiapo {
	background-color: #666666;
	background-image: url(images/titremoissonniers.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.nojs {
	background-image: url(photos/accueil2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#miseenpage {
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 40px;
	
}
.contact {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
body {
FONT-FAMILY: Verdana;
	margin: 1px;
	}
#annoncestitre {
	background-color: #CCCCCC;
	height: 60px;
	width: 267px;
	z-index: 10;
	position: relative;
}
#myvar {
	position:absolute;
	left:40px;
	top:497px;
	width:327px;
	z-index:21;
	background-color:#666666;
	text-align:center;
	vertical-align:top;
}
.jsOn #div1 {
display: none;
}
 
.jsOn #button {
display: block;
}
 
.jsOff #button {
display: none;
	z-index: 7;
	top: 200px;
	left: 150px;
}

#carte {
	background: url(images/plan-cadre.png) no-repeat scroll;
	width: 600px;
	height: 300px;
	position: absolute;
	top: 200px;
	left: 200px;
}
.trans_diapophoto {
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-transform: uppercase;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=images/fond-diapophoto.png);
	background-image: none;
	position: relative;
	background-color: #000;
}
.trans_diapophoto a {
	position:relative;
	color:#FFFFFF;
}

.trans_diapophoto[class] {
  background-image:url(images/fond-diapophoto.png);
}



















 

 
.text_index_annuaire {
	color: #fff;
	font: italic 12px Arial, Helvetica, Geneva, sans-serif;
}

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Arial; font-size: 12px;
	color: #fff;
}

/* 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: 10px;
	color: #666;
}


/***** 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 {
	color: #333333;
	font: 12pt Arial, Helvetica, Geneva, sans-serif;
}

#affiche_site .titre_site_annuaire {
	color: #94080d;
	padding-left: 30px;
	padding-top: 3px;
	background: url(../images/lien2.gif) no-repeat left bottom;
}

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire {
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
	color: #666;
}

/* Date de validation des sites */
.date_validation_site_annuaire {
	color: #666;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire {  }

/* Description des sites */
.description_site_annuaire {
	color: #333;
	font: italic 10pt Arial, Helvetica, Geneva, sans-serif;
}

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire {
	color: #666;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

/* Lien pour voter pour les sites */
a.vote_site_annuaire {
	color: #666;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire {
	color: #666;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire {
	color: #666;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire {  }


/***** 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 {
	color: #333;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
}

/* 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;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #999999;
	text-decoration: underline;
}

/* Texte du commentaire */
.text_com_annuaire {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	text-align: justify;
	margin-top: 20px;
}

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

/* 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 {
	color: #fff;
	font: 12 px Verdana;
}

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

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {
	color: #fff;
	font: 8pt Arial, Helvetica, Geneva, sans-serif;
}

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