/* CSS Document */
HTML{
    font-size: 100%;    
}
html>body #page {
    height: auto;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #586674;
    margin: 0;
    padding: 0;
    text-align: center;
    overflow:auto;
    border:0;
}
#page {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}
#page {
    z-index: 1;
    width: 785px;
    margin: auto;
    background-color: #ffffd9;
    background: url(bordure.png) repeat-y;
    border: 1px solid #c6c6c1;
}
#entete {
     float: left;
     padding: 2px 0 0 15px;
     margin-bottom: 10px;
}
#entete li a {
    color: #000;
    text-decoration: none;
}
/*classe de menu*/
dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li, a {
    color: #000;
    text-decoration: none;
}
li a:hover {
    background: #ffe;
    text-decoration: underline;
}
#menudroit {
   position: absolute;
   z-index: 5;
   width: 135px;
   top: 0;
   left: 641px;
}
#menudroit ul {
   cursor: pointer;
   text-align: left;
   font-size: 0.8em;
   padding: 20px 0 30px 20px;
   
}
#menudroit li a {
color: #5c1d28;
border-bottom: 1px solid #d7b1b0;
text-decoration: none;
display: block;
height: 100%;
margin: 0 0 3px 0;
}
#menudroit li a:hover {
background: #ffe;
text-decoration: underline;
}
/*bloc et pied*/
#contenu {
    width: 600px;
    height: 530px;
    padding : 1px 0 0 20px; 
   }
   
#pied {
    font-style: italic;
    font-size: 0.8em;
    padding: 2em 0 2em 60px;
    clear:both;
    text-align: left;
}
#pied a {
    color: #000;
    text-decoration: none;
}
#pied a:hover {
    text-decoration: underline;
}
.bloccentre {
   float: left;
   width: 600px;
}
.separation {
   clear: both;
   visibility: hidden;
}
/*classes de mise en page*/
.decale100px {
  margin-left: 100px;
}
/*.droit {
  text-align: right;
}
.gauche {
  text-align: left;
}
.centre {
  text-align: center;
}   */ 
.gras {
   font-weight: bold;
}
.souligne {
   text-decoration: underline;
   color: #000;
}
/*id et classe de vignettes*/
/*galerie {
	width: 750px;
	margin-top:4px;
}*/


.thumbs {
 display: block;
 width: 180px;
}

.thumbs a {
	float: left;
	margin: 0 0 5px 5px;
	width: 50px;
	height: 50px;
}

.thumbs a img {
	width: 50px;
	height: 50px;
	border: 1px solid #333;
}

.thumbs a:hover img {
	position: absolute;
	z-index:10;
	width: auto;
	height: auto;
	left: 195px;
	top: 1px;
	border: 1px solid #333;
}