/* définition générales */
html,body{
 margin:0px;		/* marge nulle autour des objets */
 padding:0px;		/* padding nul */
 background-color: #000;	/* couleur de fond */
 color: #c11; 					/* couleur de caractères */
}
/* corps de page */
body{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:80%;
}
/* paragraphe texte */
p{
 font-size:medium;
 margin-left:15px;
}
/* première lettre d'un paragraphe */
p:first-letter{
}

/* première ligne d'un paragraphe */
p:first-line{
}
/* lien */
a {
	vertical-align:middle; 
	text-decoration:none;
	font-weight: bold;
	color:#d11; 
}
/* ancre survolée */
a:hover{
 color:orange;
}
/* ancre visitée */
a:visited{
/* background: #cef; */
}
/* ancre active */
a:active{
}
 
/* div du menu général situé à gauche */
div.menu{
	float: left;
	height:94%;
	width:11%;
	margin-top:5%;
	margin-left:1%;
}
/* div d'une option menu texte */
div.option{
	width:90%;
	height:50px;	/*pour espacer les options */
   	padding:0;
	border:none;
}
/* lien d'une option menu */
.option a{
   font-size:140%; 				/* fixe police du lien */
   font-weight:bold;
   text-align:center; 		/* positionne le texte du lien */
   color:#d11; 			/* couleur texte lien */
   display:block; 
   text-decoration:none; 	/* pas de soulignement du lien */
   margin:0;
   padding:2pt 0 2pt 0; 		/* espace le texte des bords du li */
}
/* survol d'une option menu */    
.option a:hover{
 color:orange;
 background:#555;
}
/* div d'une option menu image */
div.logo{
	width:90%;
	height:130px;	/*pour espacer les options */
   padding:0;
	border:none;
	text-align:center; /* IE */
}
img.option {
 height: 100px;
 margin-left:auto; margin-right:auto;
 border: 1px solid #ccc;
}
/* select de changement de langue */
select.langue {
 margin-top: 20px;
 margin-left: 20px;
}

/* div des corps de page situés à droite */  
div.corps1, div.corps2, div.corps3, div.corps4, div.corps5, div.corps6{
 background-image: url(../mfcsite/image/fond.gif); /* cadre et caractères bordeaux, fond noir */
 background-repeat: no-repeat;
 background-attachment: scroll; 
 float:right; 
 width:85%; 
 height:590px; 
 overflow:auto;
}
/* texte préformaté */
pre{
	overflow:auto ;
}
/* div de pied de page situé sous le menu ou les corps de page */
div.pied{
 background:#333;
 clear:both;
 border:1px solid #000;
 height:15px; 
}
p.pied_texte{
 display: inline; 
 margin-left: 30%; 
 font-size: small;
 color:red;
}

/*** définitions de la page accueil ****/
/* compteur de visiteurs */
div.visiteurs{
 background: #333;
 display: inline;
 margin-left: 10%;
 padding: 0%;
 height: 2%;  
 font-weight: bold;
}
/* compteur de pages */
div.pages_lues{
 background: #333;
 display: 	inline;
 margin-left: 1%;
 padding: 0%;
 height: 2%;  
 font-weight: bold;
}
/* cadre accueil */
div.accueil{
 height: 83%; width: 95%;
 margin-top: 4%; padding: 1%;
 overflow: auto; 
}
/* image accueil 1 */  
img.image1{
 display:block;
 margin-left:7%;
}
/* p de déroulant */
p.deroulant{
 text-align:left;
 padding-left:15px;
 color:white;
 font-size:120%;
 font-weight: bold;	
}

/**** définition de la page galerie ****/
/* div liste imagettes  */  
div.liste_imagette{
 height:530px; 
 width:750px;
 margin-left:30px;
 margin-top:20px;
 overflow:auto; 
}
/* lien imagette */
a.imagette:hover{
 color:orange;
 }
/* img imagette  */  
img.imagette{
 border:1px #222 solid; 
 float:left;
 margin:10px;
 height:95px;
}

/* div de l'image agrandie */
div.corpsimage{
 background-image: url(../mfcsite/image/fond.gif); /* cadre et caractères bordeaux, fond noir */
 background-repeat: no-repeat;
 background-attachment: scroll; 
 background-position: center center; 
 width:98%; 
 height:590px;
 margin: auto; 
 overflow:auto; 
}
/* div et img image zoomée directement */  
div.image{
 display:block;
 height:390px; 
 margin: auto;
 margin-left:-2%; /* compense décalage trait de fond.gif */
 text-align:center;	/* IE */
}
/* p titre image */  
p.titre_image{
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:200%;
 font-weight:bold;
 margin-top:4%;
 text-align:center;
}
img.image{
 display:block;
 max-height:430px; /* Gecko */
 max-width:650px; 
 margin: auto;
 border:none;
 height:90%; 
}
/* p légende image */ 
p.legende_image{
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:110%;
 text-align:center;
 }
/* définition du div zoom */ 
div.zoom {
 width:99.8%;
}
img.zoom{
 display:block;
 width: 90%;
 margin-top:2%; 
 margin-left:auto;
 margin-right:auto;
 margin-bottom:2%;
}
 
/**** définitions de la page textes ****/ 
/* div cadre_bouton_texte  */  
div.cadre_bouton_texte{
 height:0%; margin-top:0%; 
}
/* définition des img groupe bouton_texte */   
img.bouton_texte_f,img.bouton_texte_p, 
img.bouton_texte_n,img.bouton_texte_l{
  display:	none;
}
a.bouton_texte_f,a.bouton_texte_p,
a.bouton_texte_n,a.bouton_texte_l{
} 
a.bouton_texte_f:hover,a.bouton_texte_p:hover,
a.bouton_texte_n:hover,a.bouton_texte_l:hover{
}
/* div cadre texte  */  
div.cadre_texte{
 border:none;
 margin-top:5%;
 margin-bottom:5%;
 width:80%; 
}
/* p titre_texte  */  
p.titre_texte{
 background:#555;
 margin-left: 10%;
 margin-right:10%;
 margin-bottom:10%;
 font-size:150%;
 text-align:center;
}
/* p paragraphe texte courant */  
p.paragraphe{
 width:92%; 
 font-size:150%;
 margin-left:10%;
 margin-right:10%;
 text-align:justify;
}

/* page spécifique expositions */
/* cadre expo */
div.expotexte{
/* float:right; */
 display:block;
 position: absolute;
 top:5%; left: 37%;
 height:86.5%; width:auto;
 padding: 1%; 
 overflow: auto; 
}
/* texte expo */
p.expotexte{
 font-size:100%;
/* margin-left:0%;
 margin-right:0%; */
 text-align:left;
}
/* titre du texte */
p.titre_expotexte{
 font-size:200%;
 margin-left:0%;
 margin-right:0%;
 margin-bottom:10%;
 text-align:left;
}

/* image expo */  
div.expoimage{
/* float:left; */
 display:block; 
 position: absolute;
 top: 25%; left: 19%;
 height:65%; width:18%;
}
img.expoimage{
 width: 100%;
}

/* page spécifique contact */
/* cadre contact */
div.contact{
 height: 80%; width: 95%;
 margin-top: 4%; padding: 1%;
 overflow: auto; 
}
/* texte contact */
div.contacttexte{
 display:block;
 position:absolute;
 top:15%; left: 40%;
 height:80%; width:auto;
 padding: 1%; 
 overflow: auto; 
}
p.contacttexte{
 font-size:130%;
 margin-left:0%;
 margin-right:2%;
 text-align:left;
}
/* titre du texte */
p.titre_contacttexte{
 font-size:200%;
 margin-left:0%;
 margin-right:0%;
 margin-bottom:10%;
 text-align:left;
}
/* image contact */  
div.contactimage{
 display:block; 
 position:relative;
 top: 22%; left: 8%;
 height:70%; width:18%;
 overflow: auto; 
}
img.contactimage{
 width: 95%;
/* border: double red; */
}

/* pages en construction */
p.construction {
 background:#ff0;
 margin-left:5%;
 margin-right:5%;
 font-size:150%;
 text-align:center;
}
/* format images W3C validator */
img.valide {
 border:0; width:88px; height:31px;
}