table {
border-collapse: collapse;
 border-width:0px; 
 border-style:solid; 
 border-color:black;
 }
td { 
 border-width:0px;
 border-style:solid; 
 border-color:black;

 }

img {
border: none;
 }

.element_menu
{
margin-bottom: -10px; /* Pour éviter que les éléments du menu ne soient trop collés */
margin-top: -10px;
background-color: black;
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 85%;
}





body/* On travaille sur la balise body, donc sur TOUTE la page */
{
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
width: 980px; /* modif 14/10 20h00*/
margin-left: 10px; /* modif 14/10 19h47*/
background-color: #1c1d19; /* Le fond de la page sera DE LA COULEUR CHIFFREE */   
color: black; /* Le texte de la page sera dans la couleur choisie */
}


a
{
color: #afb190; /* Les liens seront de la couleur chiffrée */

}





a:hover /* Quand le visiteur pointe sur le lien */
{
   color: yellow; /* Le lien sera écrit en vert quand on pointera dessus */
     
}




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*/
{
   text-align: justify;
	margin-left: 5px;
	margin-right:5px;
   font-size: 100%;
   color: #cbcda7;
}

.auto{
   overflow: auto;
}


h1
{
   color: #ddadc8;
   text-align: justify;
   font-size: 110%;
   margin-left: 5px;
	margin-right:5px;
}

h2
{
   color: #ee7C62;
   font-size: 95%;
    text-align: justify;
	margin-left: 5px;
	margin-right:5px;
}


h3
{
   color: #b3b593;
   font-size: 90%;
}

h4
{
color: #91ab7b;
font-size: 80%;
text-align: justify;
}


h5
{
   text-decoration: blink; 
   color: #f3cf78;
   font-size: 80%;
}


h6
{
   color: #b3b593;
   font-size: 80%;
  text-align: center;
}





/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   width: 980px; /* modif 14/10 19h48*/
   margin-left: 10px; /* modif 14/10 19h47*/
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
}

/* tout ce qui suit sert à l'affichage des galleries thumbnail 0 */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0px 0px 0px 0px;
}

.thumbnail:hover{
background-color: black;
}

.thumbnail:hover img{
border: 0px solid orange;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -1000px;
border: 5px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 230px; /*position where enlarged image should offset horizontally */
width: 400px;
z-index: 50;
}



/* tout ce qui suit sert à l'affichage des galleries thumbnail 1 */

.gallerycontainer1{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail1 img{
border: 1px solid white;
margin: 0px 0px 0px 0px;
}

.thumbnail1:hover{
background-color: black;
}

.thumbnail1:hover img{
border: 2px solid orange;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1c1d19;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;

}

.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 500px; /*position where enlarged image should offset horizontally */
width: 400px;
z-index: 50;
}



/* 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: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-decoration: 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;
}

/* tout ce qui suit sert à l'affichage des galleries thumbnail3 */

.gallerycontainer3{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail3 img{
border: 1px solid white;
margin: 0px 0px 0px 0px;
}

.thumbnail3:hover{
background-color: black;
}

.thumbnail3:hover img{
border: 2px solid orange;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1c1d19;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 2px;
padding: 2px;

}

.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -10px;
left: 150px; /*position where enlarged image should offset horizontally */
width: 550px;
z-index: 50;
}