/* définition générales Site de Marie Laurence */
html{
	margin:0px;		/* marge nulle autour des objets */
	padding:0px;		/* padding nul */
	background-color:#fff;  /* couleur générale de fond */
	color:#222;		/* couleur générale des caractères */
}

/* définitions du corps de page */
body{
	font-family:"Century Gothic",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12pt;
	height:auto;
}

h2{
 margin-top:1.5%;
 font-size:200%;
 font-weight: normal;
 text-align:center;
}
h3{
 margin-top:0.5%;
 font-size:150%;
 font-weight: normal;
 text-align:center;
 color:#222;
}
h4{
 margin-top:0.5%;
 font-size:150%;
 font-weight: normal;
 text-align:center;
 color:red;
}

/* définitions du paragraphe */
p{
 margin-left:15px;
}
/* définition de la première lettre d'un paragraphe */
p:first-letter{
}

/* définition de la première ligne d'un paragraphe */
p:first-line{
}
/* lien */
a {
/*	vertical-align:middle; */
	text-align:center;
	font-size:90%;
	font-weight:bold;
	color:blue;
	text-decoration:none;
}
/* définition d'une ancre survolée */
a:hover{
 color:#888;
}
/* définition d'une ancre visitée */
a:visited{
/* background: #cef; */
}
/* définition d'une ancre active */
a:active{
}

/*définition du div menu */
div.menu{
	float: left;
	height:350pt;
	width:20%;
	margin-top:1%;
	margin-bottom:3%;
	margin-left:1%;
	padding:0.5%;
	background-color:#fff;
	overflow:auto;
}

/* définition du div d'une option menu (répété by class) dans la partie entête */
div.option{
    display: block; 
	height:auto;
	margin-top:5pt;
	margin-left:0px; margin-right:0px;
    padding:0px;
	border:none;
/*  background: url(../mllsite/image/hachures.png) repeat; */
/*	background-color:#ddd; */
/*	border:1px solid white; */
}

/* définition du lien d'une option menu */
.option a{
   font-family:Verdana;
   font-size:80%; 		/* fixe police du lien */
   font-weight:normal;
   text-align:left; 		/* positionne le texte du lien */
   color:#000; 			/* couleur texte lien */
   display:block; 
   text-decoration:none; 	/* pas de soulignement du lien */
   margin:0;
   padding:2pt 2pt 2pt 2pt; 	/* espace le texte des bords du li */
    }

/* définition du survol d'une option menu */    
.option a:hover{
 background:#fff;
 font-weight:bold;
 color:#555;
}

div.logo {
 margin-left:0%;
}
img.option {
/* height:130px; */
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0%;
 border:none;
}

/* définition du div de corps de page  */  
div.corps1, div.corps2, div.corps4, div.corps5, div.corps6 {
 float:right;
 margin-top:1%;
 width:78%; 
 height:420px;
/* border: 1px #ddd solid; */
}
div.corps3 {
 float:right;
 width:78%; 
 height:auto;
 margin-bottom:8px;
/* border: 1px #ddd solid; */
}

/* div de l'image agrandie */
div.corpsimage{
 float:right;
 width:95%; 
 height:590px;
 border: none;
 overflow:auto; 
}
/* texte préformaté */
pre{
 overflow:auto ;
}
/* définition du div de pied de page  */
div.pied {
 background:#f8f8f8;
 height:25px;
 clear:both;
 border:1px solid #eee;
}
p.pied_texte {
 display: inline;
 text-align:center;
 margin-left: 5%; 
 font-size: 60%;
 color:#315;
}
/* format images W3C validator */
img.valide {
 margin-top: 2px;
 border:0; width:88px; height:31px;
}
/* définition des compteurs de la page contact */  
/* compteur de visiteurs */
div.visite1 {
 background: #fff;
 color:#888;
 display: inline;
 margin-left: 1%;
 padding: 0.2%;
 font-size: 80%;
 font-weight: normal;
 border: thin #eee solid;
}
/* compteur de pages */
div.visite2 {
 background: #fff;
 color:#888;
 display: 	inline;
 margin-left: 1%;
 padding: 0.2%;
 font-size: 80%;
 font-weight: normal;
 border: thin #eee solid;
}

/*-------- cadre accueil --------*/
div.accueil {
 height:auto;
 width:99%; 
/* background-color:#000; */
 overflow: auto; 
}
/* texte accueil */
div.texte1 {
 float: left; 
 width: 80%; 
 margin-top:1%;
 height:10px;
 background-color:#fff; 
/* border:1px solid red; */
}
/* p de texte accueil  */  
p.texte1 {
 text-align:center;
 font-size:25pt; 
}
/* définition du div d'image accueil  */  
div.image1 {
 float:left;
 width: 80%; 
 height:300px;
/* border:1px solid red; */
}
img.image1 {
 display:block;
 margin:-0.5%;
 margin-left:10%;
 margin-right:10%;
 width: 85%;
/* border:1px solid #888; */
}
/* p de déroulant */
p.deroulant {
 margin-top:64%;
 margin-left:-25%; /* à revoir */
 text-align:right;
 color:orange;
 font-family:Courier;
 font-size:80%;
 font-weight: bold;	
}

/*** définition de la page galerie ****/
/* définition du div liste imagettes  (sans objet)*/  
div.liste_imagette {
 float:left;
 width:0%; /* pas d'imagettes */
 margin:0; 
 border:none;
 background: #444;
/* overflow:scroll; */
}
/* lien imagette */
a.imagette:hover {
 }
/* définition du div imagette  (sans objet)*/  
img.imagette {
 border:none;
 float:left;
 margin:3px;
 margin-top:15px;
 padding:5px;
 width:88%;
 }
/* définition du div cadre image des peintures */  
div.cadre_image {
 float:left; 
 width:98%; /* occupe toute la largeur */
 margin:0;
 border:none;
 background:#fff; 
 overflow:auto;
}
/* div et img image des peintures */  
 div.cadre_bouton_image { /* même hauteur que l'image */
  float: right; 
  height:420px; width: 10%; margin-top:2%; margin-left:1%; 
  background:#f8f8f8;
  border:1px #eee solid;
 }
/* définition du div groupe bouton_image  */  
  img.bouton_image_f{ /* first */
   height:20px; margin-left:5%; width:15%;
   border:none;
  }
  img.bouton_image_p{ /* précédent */
   float:left;
   height:20px; margin-left:5%; width:40%;
   margin-top:380px;
  }

  img.bouton_image_n{ /* next */
   float:right;
   height:20px; margin-right:5%; width:40%;
   margin-top:320px;
  }
  img.bouton_image_l{ /* last */
   height:20px; margin-right:5%; width:15%;
   border:none;
  }

  a.bouton_image_f,a.bouton_image_p,a.bouton_image_n,a.bouton_image_l{
   background-color:transparent;
  }
  a.bouton_image_f:hover,a.bouton_image_p:hover{
   background-color:transparent; 
  }
  a.bouton_image_n:hover,a.bouton_image_l:hover{
   background-color:transparent;
  }
 div.titre_image {
  height:0%; /* non utilisé */
 }
 div.image {
  float:left;
  text-align:center;	/* IE */
 }
/* définition du div cadre_bouton_image  */  
 div.legende_image {
  float:left;
  clear:both;
  height:5%;
/*  border: 1px solid red; */
 }
/* définition du div titre image  (non utilisé) */  
p.titre_image {
 font-size:10%;
 font-weight:normal;
 margin:0 auto ; 
 text-align:right;
}
img.image {
 float:left; 
 border:none;
/* max-height:480px; /*Gecko */
/* max-width:800px; /*Gecko */ 
 margin-top:-2%;
 margin-left:auto;
 margin-right:auto;
 height:450px; /* adapter selon vision MLL */
 text-align:left;  /* IE */
}
/* définition du div légende image  */  
p.legende_image {
 float:left;
 font-size:80%;
 font-style: italic;
 height:5%;
 width:500px;
 text-align:left;
 }


/* 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.texte {
 float: left;
 width: 99%; 
}
/* p de texte */  
p.texte {
 display:block;
 padding-top:10pt; padding-bottom:10pt;
 text-align:center ;
 font-size:110%; 
 border:1px red solid;
} 

/* définition du div cadre_bouton_texte  */  
div.cadre_bouton_texte {
 height:6%; margin-top:15px; 
}
/* définition du div groupe bouton_texte  */  
img.bouton_texte_f,img.bouton_texte_p, 
img.bouton_texte_n,img.bouton_texte_l{
  height:80%; margin-left:15px; margin-right:15px;
  border:none;
}
a.bouton_texte_f,a.bouton_texte_p,
a.bouton_texte_n,a.bouton_texte_l{
 background-color:#cea; 
}
a.bouton_texte_f:hover,a.bouton_texte_p:hover,
a.bouton_texte_n:hover,a.bouton_texte_l:hover{
 background-color:#ac8;
}
/* définition du div cadre texte */ 
div.cadre_texte {
 border:none;
 margin-top:0;
 width:99%; 
}
/* définition du p titre_texte */  
p.titre_texte {
 margin-left:5%;
 margin-right:5%;
 margin-top:5%;
 margin-bottom:3%;
 font-size:125%;
 text-align:center;
}
/* définition du div paragraphe  */  
p.paragraphe {   /* changé */
 width: 90%; 
 margin-left:5%;
 margin-right:5%;
 font-size:80%;
 text-align:justify;
}
/* p auteur  */  
p.auteur_texte{
 background:#cea;
 width:40%;
 color:blue;
 font-size:120%;
 text-align:right;
}
/* pages en construction */
p.construction {
 background:#ff0;
 margin-left:5%;
 margin-right:5%;
 font-size:150%;
 text-align:center;
}
/* caractéristiques liens emails ou web 
.mailto {
font-size: 12pt;
font-weight: bold;
text-align: center;
margin: 5px;
padding: 0;
}
*/