body
{
background-color: rgb(151,144,136);
font-family:   Georgia, Comic Sans MS, Verdana, sans-serif;  
margin: auto;
}
header
{
color: white;
text-align : center;
}
h3
{
color : rgb(87,80,73);
text-align:center;
margin-top:0em;
}
h4
{
 color : rgb(80,73,66);
}
			/*navigation*/
ul, li
{
list-style-type: none;
}
nav
{
font-size :large;
}
nav a
{
text-decoration :none;
color : white;
}
#trappe
{display:none;}
			/* liens */
a
{
color : white;
}
a:visited 
{
color : rgb(225,225,225);
}

nav h2  		/*  texte  " galerie "   */
{
color : rgb(87,80,73);
}
#menu-fin 
{
font-size:smaller;
}	
			/* mise en page générale */
h2, #images, .cont-btn-lien, #presentation_texte	 /*aligne sur le haut*/
{
display : inline-block;
vertical-align : top;
}
p
{
color : rgb(62,55,48);
text-align : center;
}				
.btn-lien  /* bouton pour lien  presentation et JHdocs */
{
text-decoration:none;
border:1px rgb(215,215,215) outset;
border-radius:10px;
padding-top:2%;
padding-bottom:2%;
padding-left:5%;
padding-right:5%;
display: block;
}
a[class="btn-lien"]:visited  
{
color:rgb(235,235,235);
border:1px rgb(215,215,215) inset;
}			
.cont-btn-lien	/* présentation et JHdocs */
{
padding-left:4%;
padding-bottom:6%;
}

			/*  présentation */
#btn-expo	
{
padding-bottom:0em;
}
.photo_de_JH   
{
border: 2px black solid; 
margin-bottom:1%;
}
			/*  retrospective Rcaille et mdsports*/
a[class="ancre"] 
{
text-decoration: none;
border:1px rgb(55,52,49) solid;
border-radius:10px;
background-color: rgb(170,165,150);        /*rgb(156,149,141);  rgb(170,164,157);      */
color:rgb(55,52,49);
padding-left:3%;
padding-right:3%;
margin-left:1em;
display:inline-block;
}
#lien-hautPage
{
float: right;
}
.retrosp-aff
{
margin-bottom:2em;
margin-top:3em;
}
.retrosp-imgvrac
{
border:2px white solid;	
}
.retrosp-articleEtroit
{
border:2px white solid;
max-width: 27%;	
}
.retrosp-articleLarge
{
border:2px white solid;
max-width: 40%;	
}
.mds-img
{
max-width:25%;	
margin-bottom:2em;
}
.mds-tab
{
max-width:70%;	
margin-bottom:2em;
margin-right:4%;
}
		/*  RCaille*/
.RCaille_imgSerie
{
border:2px black solid;
max-width:18%;
margin:3%;
}
			/* expositions */
.expo-ref1, .expo-ref2
{
display: inline-block;
vertical-align:top;
border:1px rgb(215,215,215);
border-radius:10px;
margin-right:1em;
margin-bottom:1em;
padding-right:1em;
}
.expo-ref1
{background-color:rgb(247,247,173);}
.expo-ref2
{background-color:rgb(249,249,168);}  /*  2 classes sinon fusion des div expo-ref  */
.expo-date
{
vertical-align:top;
float:left;
padding-right:1em;
}
.expo-liste-nom
{
display: inline-block;
max-width: 90%;
}
.expo-nom
{
color : rgb(52,45,38);
}
#expo-retrosp
{
color : rgb(80,80,120);
}
#pied
{
margin-bottom:0px;
}
footer
{
text-align : center;
}