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;
}
			/* liens */
#trappe
{display:none;}
a
{
color : white;
}
a:visited 
{
color : rgb(225,225,225);
}
a[class="ancre"] 
{
color : rgb(210,205,200) ;	
text-decoration: none;
}

nav h2  		/*  texte  " galerie "   */
{
color : rgb(87,80,73);
}
#menu-fin 
{
font-size:smaller;
}	
			/* mise en page générale */
h2, #acc_grande, #acc_petites , #images, #fond-img, .cont-btn-lien, #presentation_texte	 /*aligne sur le haut*/
{
display : inline-block;
vertical-align : top;
}	
p
{	
color : rgb(62,55,48);
text-align : center;
}
			/* Accueil */
#actualite
{
text-align:center;
margin-top:0em;	
margin-bottom:2em;
margin-left:5%;
margin-right:10%;
border:2px rgb(240,240,240) solid;
border-radius:3px;
padding-left:10px;
padding-right:10px;
padding-bottom:8px;
padding-top:5px;
}
#actu-titre
{
color : rgb(225,225,225);
display:block;

}
#actu-texte
{
display:block;




}
/*
#lien-carte
{
color : white;
text-decoration:none;
border:1px rgb(215,215,215) outset;
border-radius:10px;
padding-left:10px;
padding-right:10px;
margin-left:5%;
}									*/
#legende1
{
color : rgb(215,215,215);
text-align:center;
}
			/*   images dans la galerie */

#gal_grande_im	/* grande image ds gal_grande_im.php et JH-ecrits.php*/
{
/* max-height :600px;   caluler  le rapport et régler dans gal_grande_im.php */
}

.pls-lien /* bouton lien  plan site */
{
padding-right:5%;
}
.pls-lien2 /* bouton lien de 2ème ordre plan site */
{
margin-left:5em;
padding-right:1em;
}
.pls-lien3 /* bouton lien de 2ème ordre peintures plan site */
{
padding-left:2em;
}
#pls-liste a
{text-decoration: none;}
#pls-liste li
{display: block;
color : rgb(57,50,43);
margin:0%;
}

.btn-lien  /* bouton pour lien   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	/* JHdocs */
{
padding-left:4%;
padding-bottom:1%;
}
			/* JHdocs et ses liens*/
#citations
{
color : rgb(62,55,48) ;
text-align:center;
}
p[class="rq"] 
{
font-style:italic;
font-size:smaller;
}
			/*  textes  ds JH-ecrits et depuis regards*/
#lecture_zoom
{
display:inline-block;
}
.tech
{
background-color:rgb(170,170,150);
}
.intro
{
color : rgb(62,55,48);
text-align:left;
text-indent:2em;
margin:0px;
}
.img-interne
{
display: block;
max-width:400px;
margin:1em;
}
			/* JHdocs   */
#JHdocs-fond
{
background-image:url("images/fond-docs-les-raisins3.jpg");
}
#texte_rajout	/* ("bientôt dispo") */  
{
font-size: small;
color: rgb(235,235,235);
margin-left: 5%;
margin-top: 2%;
}
			/*   Puéo */
#pueo_fond
{
width:87%;
display : inline-block;	
vertical-align:top;				
padding-left:3%;
}

#titre_acc_pueo
{
color : rgb(92,85,78);
text-align:center;
}
#pueo_imageVue
{
display:inline-block;  
vertical-align:top;
}
#pueo_transcrip
{
padding-left:3%;
padding-right:3%;
}
.pueo_petites
{
display:inline-block;
margin:1%;
}
#pied
{
margin-bottom:0px;
}
footer
{
text-align : center;
}