/* définition générales du Site Ginux */
html{
margin:5px;		/* marge nulle autour des objets */
padding:0px;		/* padding nul */
background-color: white; /* couleur générale de fond */
color: black; /* couleur générale de caractère */
width: 1200px;
}

/* définitions du corps de page */
body{
width: auto;
height: auto;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 100%;

}

h2{
 margin-top:0.5%;
 font-size:150%;
 font-weight: normal;
 text-align: center;
}
h3{
 margin-top:-2%;
 font-size:150%;
 font-weight: normal;
 text-align:center;
 color:blue;
}
h4{
 margin-top:-2%;
 font-size:150%;
 font-weight: normal;
 text-align:center;
 color:black;
}
h5{
 margin-top:1%;
 margin-bottom:0.5%;
 font-size:120%;
 font-weight: normal;
 text-align:center;
 color:black;
}
/* définitions du paragraphe */
p{
/* font-size:	medium;
 font-weight: normal; */
 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;
color: #555;
text-decoration: none;
}
/* définition d\'une ancre survolée */
a:hover{
 color:blue;
}
/* définition d\'une ancre visitée */
a:visited{
}
/* définition d\'une ancre active */
a:active{
}

/*définition du div menu */
div.menu{
float: left;
height: 500pt;
width: 20%;
margin-top: 120px; 
margin-bottom: 5%;
margin-left:1%;
padding:0.5%;
/*	background:#eee; */
border-right: 2px solid blue; 
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:30pt;
margin-bottom:30pt;
margin-left:0px; margin-right:0px;
padding:0px;
border:none;
}
/* définition du lien d\'une option menu */
.option a{
   font-size:115%; 				/* fixe police du lien */
	font-weight:normal;
   text-align:center; 		/* positionne le texte du lien */
   color:black; 			/* 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:#ddd;
 color:blue;
}
/* div d\\\\\\\\\\\\\\\'une option menu image */
div.logo{
	width:90%;
	height:130px;	/*pour espacer les options */
	margin:2%;
   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: 30px;
 margin-left: 40px;
}
/* définition du div de corps de page  */  
div.corps2, div.corps4, div.corps5, div.corps6 {
background-repeat: no-repeat; 
margin-top:0px; 
float: right;
width:77%; 
height: auto;

}
div.corps1 {
 background-repeat: no-repeat; 
 margin-top: -0px; 
 float: right;
 width:77%; 
 height: auto;
 margin-bottom: 2px;
 border: 1px solid black; 
}
/* div de l\'image agrandie */
div.corpsimage{
 margin-top:80px; 
 float:right;
 width:95%; 
 height:auto;
 border: none;
 overflow:auto;
}
/* texte préformaté */
pre{
 overflow:auto ;
}
/* définition du div de pied de page  */
div.pied{
 background:#ccc;
 height:40px;
 clear:both;
 border:1px solid #aaa;
}
p.pied_texte{
 display: inline;
 text-align: center;
 margin-left: 5%; 
 font-size: small;
 color:#315
}
/* format images W3C validator */
img.valide {
 margin-top: 2px;
 border:0; width:88px; height:31px;
}
/* définition de la page accueil  */  
/* compteur de visiteurs */
div.visiteurs{
 background: #eee;
 color: #222;
 display: inline;
 margin-left: 1%;
 padding: 0.2%;
 font-size: 80%;
 font-weight: normal;
 border: thin #444 solid;
}
/* compteur de pages */
div.pages_lues{
 background: #eee;
 color: #222;
 display: inline;
 margin-left: 1%;
 padding: 0.2%;
 font-size: 80%;
 font-weight: normal;
 border: thin #444 solid;
}

/*-------- cadre accueil --------*/
div.accueil{
 height:auto; 
 width:auto;
 margin:auto;
 margin-top:0px;
}
/* texte accueil */
div.texte1{
 float: left;
 margin-top:0;
 width: 99%; 
}
/* p de texte accueil  */  
p.texte1{
 text-align: center ; 
 font-size:90%; 
}
/* définition du div d\'image accueil  */  
img.image1{
 margin-right:2%;
 margin-top:-1%;
 margin-bottom:1%;
 width:35%;	
 border-color:white;
}

/* p de déroulant */
p.deroulant{
 margin-left:3%;
 margin-top:0.5%;
 text-align:left;
 color:blue;
 font-size:100%;
 font-weight: bold;	
 font-style:italic;
}
/* définition du div imagette de créations*/  
div.galerie {
 float:left; 
 width:auto; 
 height:180px;	
 margin:0.5%;
 }	
a.galerie{
 font-size:120%;
 }
img.galerie {
 float:left;
 margin:1%;
 padding:3px;
 width:auto; height:140px;
 }
img.contact {
 float:left;
 margin:1%;
 padding:3px;
 width:95%; height:auto;
 }
/*** définition de la page galerie ****/
/* définition du div liste imagettes  */  
div.liste_imagette{
 height:auto; 
 width:auto;
 margin:auto; 
}
/* lien imagette */
a.imagette:hover{
 }
/* définition du div imagette  */  
img.imagette{
/* border:1px #444 solid; */
 float:left;
 margin: 12px;
 height: 75px;
}
div.cliclien2{
 clear:both; 
 height:50px;
 margin-top:150px;
 padding:20px;
 font-size:100%;
 }
div.aidelien2{
 clear:both; 
 height:50px;
 padding:25px;
 }
/* définition du div cadre image  */  
div.cadre_image{
/* height:auto; */
 margin:0;
/* border:groove; */
 overflow:auto;
}
/* div et img image zoomée directement */  
/*div.image{
 display:block;
 height:400px; width:90%; 
 text-align:center;	/* IE 
}*/
/* div et img image */  
div.image{
 /*border:1px black solid; */
 height:550px; width:auto;
 text-align:center;	/* IE */
}
/* définition du div titre image  */  
p.titre_image{
 font-size:180%;
 font-style:italic;
 font-weight:normal;
 margin:1% auto ; 
 text-align:center;
}
img.image{
 display:block;
 border:none;
/* max-height:400px; /*Gecko */
/* max-width:800px; /*Gecko */
 margin-top:0.3%;
 margin-left:auto;
 margin-right:auto;
/* width:70%; */
 width:auto;
 height:400px;
 text-align:left;  /* IE */
}
/* définition du div légende image  */  
p.legende_image{
 font-size:110%;
 margin:1% 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{
 height:6%; margin-top:2.5%; 
}
/* 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:0;
}
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{
 margin-top:150px;
 width:96%; 
 height:auto;
}
/* définition du p titre_texte  */  
p.titre_texte{
 background:#ecf;
 margin-left:5%;
 margin-right:5%;
 font-size:150%;
 text-align:center;
}
/* définition du div paragraphe  */  
p.paragraphe{   /* changé */
 width: 90%; 
 margin-left:5%;
 margin-right:5%;
 text-align:justify;
 font-size:100%;
}
/* p auteur  */  
p.auteur_texte{
 background:#cea;
 width:40%;
 color:blue;
 text-align:right;
}
/* pages en construction */
p.construction {
 padding-top:50px;
 font-size:120%;
 text-align:center;
 color: blue;
}