body
{
min-width : 1000px;   
}
header
{
padding-bottom : 12px;
}
			/*navigation*/
ul, li
{
margin: 3%;
padding-left: 3%;
}
nav
{
display:inline-block;
border-right: 2px rgb(240,240,240) solid;
width: 12%;
padding-left : 5px;
padding-bottom : 30px;
}


			/* liens */
nav h2		/*  texte  " galerie "   */
{
padding-left :3%;
margin-top :45px;
margin-bottom:8px;
}
#menu-fin 
{
margin-top : 45px;
}
			/* Accueil */
#acc_grande 
{
width : 50%;
padding-left : 5%;
}
#acc_grande_im               /* Accueil - image */
{
width : 100%;
}  
#acc_petites
{
width: 16%;
padding-left: 5%;
}  
.acc_petites_im
{
display: block;
width : 100%;
padding-bottom : 15%;
}
			/*   contact et livre d'or   */
#ctc-form
{
margin:3%;
}
#ctc-mess
{
min-width:70%;
}
.ldo-nom
{
background-color:rgba(0,0,0,0);
color : rgb(225,225,225);
margin-left: 20%;
margin-top:2%;
padding:2%;
}	

#ldo-fond
{
background-image:url("images/ldo-fond8.jpg");
background-repeat:no-repeat;
min-height:400px;
background-size:cover;
padding-top:5%;
padding-bottom:15%;
}
			/*   images dans la galerie */
#images, #fond-img
{
width:84%;
margin-left:2%;
margin-top:0em;
}
#gal_grande_fond
{						
float :left;
width : 58%;
}
#gal_grande_im	/* grande image ds gal_grande_im.php et JH-ecrits.php*/
{
width:99%;
/* max-height :600px;   caluler  le rapport et régler dans gal_grande_im */
}
#gal_petites
{
width : 41%; 
margin-left : 1%;
display:inline-block;
vertical-align:top;
}
#gal_petites-noclic
{
width: 98%;
margin-right:2%;
}
.gal_petites_im   
{
margin-left : 2%;	/*2 29 pour 3 im*/
margin-bottom : 4%;
width : 23%; 
}
.gal_petites_im-noclic
{
margin-right : 2%;	
margin-top : 2%;
max-width:120px;
}
			/* choix */
.chxth
{
padding-left : 10px;
padding-right : 18px;
width:24px;
}
#suiv		/* formulaire suivant précédent */
{
margin-left: 12px;
}
#prec
{
margin-right: 5px;
}
			/* dessin */
#dessin-ouverture
{
display: inline-block;
width: 85%;
}
.dessin-ouv-ens
{
display: inline-block;
width:49%;
margin-top:2%;
}
.dessin-ouv-img
{
max-height:150px;
max-width:60%;
}
.dessin-ouv-lien
{
margin-left:8%;	
padding:5%;
}
.dessin_ds_galerie  /*utilisée aussi ds choix aff petites images */
{
width:23%;
padding-right:2%;
}
.dessin-vrac
{
width:100px;
}
#dessin-vu
{
border: 2px white solid;
width:300px;
}
#catal-vu
{
border: 2px white solid;
width:300px;
height:auto;
}

.btn-lien  /* bouton pour lien dessin, JHdocs (regards)  */
{
font-size :x-large;
margin: 4%;
text-align:center;
}
.cont-btn-lien	/* JHdocs */
{
margin:auto;
width:29%;
}

			/*  présentation */
#presentation_texte
{
width:45%;
padding-top:1%;
}
#btn-expo
{
margin-left:67%;
width:16%;
}
.presentation_img      
{
width:22%;
display: inline-block;
}
.photo_de_JH
{
width:80%;
margin-left:10%;
}
/*  retrospective et mds */
.retrosp-aff
{
margin-left:-10%;	
}
.retrosp-imgvracmil
{
padding-left:20%;
}
.retrosp-imgvrac
{
max-width:16%;
margin-right:3%;
margin-bottom:3%;	
}


			/* textes ds JH-ecrits */
#docs_liste_pages
{
display : inline-block;
vertical-align : top;
width :30%; 
margin-left : 4%;
}
#lecture_zoom
{
padding-left:4%;
padding-top:1%;
width:54%;
}
.tech
{
padding:1.1em;
padding-top:0.1em;
border-radius:5px;
}
.laterale
{
width:90%;
margin-top:2em;
}
#video-tap
{
margin-top:5em;
}

			/*   Puéo */
#grosplan
{
width:93%;
padding-left:5%;
}
#pueo_imageVue
{
width:60%;
}
#pueo_imaVoir
{
display:inline-block;
width:38%;
}
.pueo_petites
{
width:23%;
}