/* définition générales */
html,body{
	margin:0px;		/* marge nulle autour des objets */
	padding:0px;		/* padding nul */
	background-color:#fdb; /* couleur générale de fond */
}

/* définitions du corps de page */
body{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:medium;
}

/* définitions du paragraphe */
p{
 font-size:medium;
 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{
}
h1{
   text-align: center;
   margin:30pt;
	font-size:250%;
	font-family:Arial,Garamond,Verdana,Geneva;
}
h3{
	text-align: center;
	margin:20pt; margin-top:50pt;
	font-size:120%;
	font-family:Arial,Garamond,Verdana,Geneva;
	color:blue;
}
h4{
	text-align: center;
	margin:10pt;
	font-size:100%;
	font-family:Arial,Garamond,Verdana,Geneva;
}
h5{
	text-align: center;
	margin:5pt; margin-left:50pt; margin-right:50pt;
	font-size:90%;
	font-family:Arial,Garamond,Verdana,Geneva;
	color:#534;
}
ul{

list-style:	circle;
}
li{
	margin:10pt;
	font-size:100%;
	font-weight: bold;
	font-family:Arial,Garamond,Verdana,Geneva;
}
/* lien */
a {
	vertical-align:bottom;
	text-decoration:none;
}
/* définition d'une ancre visitée */
a:visited{
/* background: #cef; */
}
/* définition d'une ancre survolée */
a:hover{
 color:red;
 text-decoration:underline;
}
/* définition d'une ancre active */
a:active{
}

/*définition du div menu */
div.menu{
	float: left;
	height:94%;
	width:14%;
	margin-top:4.6%;
	margin-left:1%;
	border:1px maroon solid;
}

/* définition du div d'une option menu (répété by class) dans la partie entête */
div.option{
	width:100%;
	height:35px;	/*pour espacer les options */
   margin-top:1%; margin-bottom:1%;
	border:none;
}

/* définition du lien d'une option menu */
.option a{
   font-size:small; 				/* fixe police du lien */
	font-weight:bold;
   text-align:center; 		/* positionne le texte du lien */
   color:maroon; 			/* 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 */
    }

/* définition du survol d'une option menu */    
.option a:hover{
 color:red;
 background:#dba;
}
/* 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;
}

/* définition du div de corps de page  */  
div.corps1, div.corps2, div.corps3, div.corps4, div.corps5, div.corps6 {
 float:right;
 width:83%; 
 overflow:auto;
}
/* div de l'image agrandie */
div.corpsimage{
 float:right;
 width:95%; 
 height:590px;
 overflow:auto;
}
/* texte préformaté */
pre{
	overflow:auto ;
}
/* définition du div de pied de page  */
div.pied{
 background:#cae;
 height:40px;
 clear:both;
 border:1px solid purple;
}
p.pied_texte{
 margin-left: 20px; 
 font-size: small;
 color:#315
}
/* format images W3C validator */
img.valide {
 border:0; 
 width:50px; height:20px; 
}

/* définition de la page accueil  */  
/* compteur de visiteurs */
div.visiteurs{
 background: #fdb;
 display: inline;
 margin-left: 1%;
 padding: 1%;
 height: 3%;  
 font-weight: bold;
 font-size: small;
 border: 1px #ccc solid;
}
/* compteur de pages */
div.pages_lues{
 background: #fdb;
 display: 	inline;
 margin-left: 1%;
 padding: 1%;
 height: 3%;  
 font-weight: bold;
 font-size: small;
 border: 1px #ccc solid;
}
/* cadre accueil */
div.accueil{
 height: 80%; width: 95%;
 margin-top: 4%; padding: 1%;
 margin-bottom: 0.5%;
 border: 1px solid maroon ;
 overflow: auto; 
}
/* texte accueil */
div.texte1{
 float: left;
 width: 65%; 
}
/* p de texte accueil  */  
p.texte1{
 display:inline;
 text-align:left ;
 font-size:	small;
}
span.date_texte {
 font-size:small;	
}
/* définition du div d'image accueil  */  
img.image1{
 display:block;
 float:right;
 margin-right:2%;
 margin-top:2%;
 width:20%;
 border:double maroon;
}
/* p de déroulant (ne marche pas) */
p.deroulant{
 text-align:left;
 color:red;
 font-size:medium;
 font-weight: bold;	
}

/*** définition de la page galerie ****/
/* définition du div liste imagettes  */  
div.liste_imagette{
 height:100px; 
 margin:0 auto ; 
 border:1px maroon solid;
 overflow:auto; 
}
/* lien imagette */
a.imagette:hover{
 }
/* définition du div imagette  */  
img.imagette{
 border:1px maroon solid;
 float:left;
 margin-top: 15px; margin-bottom: 15px;
 margin-left: 15px;
 height: 70px;
}
/* définition du div cadre image  */  
div.cadre_image{
 height:470px; 
 margin:0;
 border:none;
 overflow:auto;
}
/* div et img image zoomée directement */  
/*div.image{
 display:block;
 height:400px; width:90%; 
 text-align:center;	/* IE 
}*/
/* définition du div titre image  */  
p.titre_image{
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:x-large;
 font-weight:bold;
 margin:0 auto ; 
 text-align:center;
}
/* div et img image */  
div.image{
 border:1px white solid; 
 height:86%; width:99.8%;
 text-align:center;	/* IE */
}
img.image{
 display:block;
 border:none;
 max-height:400px; /*Gecko */
 max-width:800px; /*Gecko */
 margin-top:0.3%; margin-bottom:0.3%;
 margin-left:auto; margin-right:auto;
 height:99%;
 text-align:left;  /* IE */
}
/* définition du div légende image  */  
p.legende_image{
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
 font-size:medium;
 margin:0 auto ;
 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 ****/
/* définition du div cadre_bouton_texte  */  
div.cadre_bouton_texte,div.cadre_bouton_texte1 {
 height:5%; margin-top:3%; margin-bottom:1%;
}
/* définition du div groupe bouton_texte  */  
img.bouton_texte_f,img.bouton_texte_p, 
img.bouton_texte_n,img.bouton_texte_l,
img.bouton_texte_f1,img.bouton_texte_p1, 
img.bouton_texte_n1,img.bouton_texte_l1
{
  height:80%; margin-left:15px; margin-right:15px;
  border:0;
}
a.bouton_texte_f,a.bouton_texte_p,
a.bouton_texte_n,a.bouton_texte_l,
a.bouton_texte_f1,a.bouton_texte_p1,
a.bouton_texte_n1,a.bouton_texte_l1
{
 background-color:#fdb;
}

a.bouton_texte_f:hover,a.bouton_texte_p:hover,
a.bouton_texte_n:hover,a.bouton_texte_l:hover,
a.bouton_texte_f1:hover,a.bouton_texte_p1:hover,
a.bouton_texte_n1:hover,a.bouton_texte_l1:hover
{
 background-color:#eca;
}
/* définition du div cadre texte  */  
div.cadre_texte{
 border:1px maroon solid;
 margin-top:0%;
 width:96%; 
}
/* définition du p titre_texte  */  
p.titre_texte{
 background:#ecf;
 margin-left:5%;
 margin-right:5%;
 font-size:large;
 text-align:center;
}
/* définition du div paragraphe  */  
.paragraphe{
 width: 90%; 
 margin-left:5%;
 margin-right:5%;
 text-align:justify;
 font-size: small;
}

/* page spécifique expositions */
/* cadre expo */
div.expo{
 height: 80%; width: 95%;
 margin-top: 4%; padding: 1%;
/* border: thin solid #ccc ; */
 overflow: auto; 
}
/* texte expo */
div.expotexte{
 float:right;
 height:80%; width:60%;
 margin-top: 4%; padding: 1%;
/* border: thin solid #ccc ; */
 overflow: auto; 
}
p.expotexte{
 font-size:medium;
 margin-left:0%;
 margin-right:2%;
 text-align:left;
}
/* titre du texte */
p.titre_expotexte{
 font-size:x-large;
 margin-left:0%;
 margin-right:0%;
 margin-bottom:10%;
 text-align:left;
}

/* p auteur  */  
p.auteur_texte{
 background:#cea;
 width:40%;
 color:blue;
 text-align:right;
}
/* pages en construction */
p.construction {
 background:#ff0;
 margin-left:5%;
 margin-right:5%;
 font-size:large;
 text-align:center;

}