#tout {
	
	margin: 0px 0px 0px 0px;   /* décalle haut, vers la droite, vers la gauche, vers le bas */
	min-width:450px;
	max-width:1400px;
	background: #2C2F22;
		}


body {
	color: #F0E39E;
	background: #2C2F22;  /* colorie le cadre autour du body (cadre extérieur) */
	}
	


		
a {
	color: orange;
	font-family: arial;
}
a:hover {
		color: black;
		font-family: arial;
		background: orange;
}


p /* le p et ce qui suit sert àdéfinir les polices à paramétrer pour les tites, etc... signifie que les bloks auront 65% de large et le blok s'adaprera en hauteur automatiquement*/
{
   margin-left: 5px;
	margin-right: 5px;
	font-family: arial; 
   font-size: 100%;
   color: #fdd167;
}


h1
{
   color: red;
   font-size: 120%;
   margin-left: 5px;
	margin-right:5px;
}

h2
{
   color: red;
   font-size: 110%;
	margin-left: 5px;
	margin-right: 5px;
}

h3
{
   color: #e5cf82;
   font-size: 90%;
	margin-left: 5px;
	margin-right: 5px;
}

h4
{
   color: white;
   font-size: 75%;
	margin-left: 0px;
	margin-right: 0px;
}


/* En-tête */
#entete {
	padding: 1px 1px 1px 1px;
}


#navigation {
width: 100%;
margin: 0px 0px 0px 0px; 
}


/* tout ce qui suit sert à l'affichage des galleries thumbnail page pierre lysens */

.gallerycontainerpl{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailpl img{
border: 1px solid white;
margin: 0px 0px 0px 0px;
}

.thumbnailpl:hover{
background-color: black;
}

.thumbnailpl:hover img{
border: 5px solid orange;
}

.thumbnailpl span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1c1d19;
padding: 5px;
left: 100%; /* au lieu de -10000px décalle vers le bas si on augmente la valeur*/
border: 1px;
visibility: hidden;
color: white;
text-decoration: yellow; /* au lieu de none*/
}

.thumbnailpl span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;

}

.thumbnailpl:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 50px; /*position where enlarged image should offset horizontally */
width: 250px;
z-index: 50;
}



	
	
