header
{
 padding-bottom : 2px;
}
ul, li
{
margin-right: 1em;
margin-bottom:0em;
margin-top:0em;
}
li
{
display:inline-block;	
}
nav
{
display: inline;
}

/* liens */
nav h2  		/*  texte  " galerie "   */
{
margin-top:0.5em;
margin-bottom:0em;
padding-left:3%;
}
#menu-fin 
{
margin-top:0.5em;
float :right;
}
			  /* Accueil */
#acc_grande                                    
{
width : 60%;
padding-left : 1%;
margin-top:1em;
}
#acc_grande_im            /* Accueil - image */
{
width : 100%;       
}
#acc_petites
{
width: 33%;
padding-left: 3%;
margin-top: 2em;
}  
.acc_petites_im
{
display: block;
width : 100%;
max-width:200px;
padding-bottom : 1em;
}
			/*   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: 15%;
margin-top:2%;
padding:2%;
}	

#ldo-fond
{
background-image:url("images/ldo-fondmoy.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:100%;
margin-left:1px;
}
#gal_grande_fond
{						
float :left;
width : 58%;
}
#gal_grande_im	/* grande image ds gal_grande_im.php et JH-ecrits.php*/
{
width:99%;
}
#gal_petites
{
margin-left : 1%;
display:inline;
}
#gal_petites-noclic
{
width: 98%;
margin-right:2%;
}
.gal_petites_im   
{
margin-left : 2%;
margin-bottom : 4%;
max-width:82px;
display:inline;
}
.gal_petites_im-noclic
{
margin-right : 2%;	
margin-top : 2%;
max-width:120px;
}
			/* choix */
.chxth
{
padding-left : 0.5em;
padding-right : 0.5em;
width:20px;	
}
.btn_suiv_prec
{
margin-bottom:2px;
}
			/* dessin */
#dessin-ouverture
{
display:flex;
flex-wrap: wrap;
width: 100%;
}
.dessin-ouv-ens
{
display: flex;
justify-content: space-around;
align-items: center;
width:48%;
height:150px;
margin-top:1em;
}
.dessin-ouv-img
{
max-height:150px;
max-width:100%;
}
.dessin-ouv-lien
{
padding:5%;
}
.dessin_ds_galerie  /*utilisée aussi ds choix aff petites images */
{
max-width:240px;
margin-right:1em;
}
.dessin-vrac
{
width:100px;
}
#dessin-vu
{
border: 2px white solid;
width:300px;
}
.btn-lien  /* (bouton pour lien dessin et JHdocs (regards)*/
{
font-size:x-large;
}

			/*  présentation */
#presentation_texte
{
width:54%;
padding-left:1%;
padding-right:1%;
font-size:smaller;
}
#btn-expo	
{
margin-right:3%;
}
.presentation_img       
{
width:20%;
display: inline-block;
vertical-align:top;
}
.photo_de_JH
{
width:100%;
}
			/*  retrospective */
.retrosp-imgvracmil
{
display:inline;
}
.retrosp-imgvrac
{
max-width:21%;
margin-right:1.4%;
margin-left:1.4%;
margin-bottom:3%;	
}
			/* textes ds JH-ecrits  */
#docs_liste_pages
{
display : inline-block;
vertical-align : top;
margin-left : 1em;
margin-right:1px;
}
#lecture_zoom
{
margin-top:1em;
width:54%;
}
.tech
{
padding:2%;
padding-top:2px;
}
.intro
{
margin-left:1em;
margin-right:1em;
}
.laterale
{
display: block;
max-width:250px;
margin-top:2em;
}

#video-tap
{
margin-top:1em;
}

			/*   Puéo */
#grosplan
{
max-width:98%;
margin-bottom:1em;
}
#pueo_imageVue
{ 
float:left;
max-width:300px;
margin-bottom:1em;
}
.pueo_petites
{
max-width:65px;
}