body {
background-color: #D5D4C6;
}
div#corps {
top: 90px;
padding-top: 75px;
width: 825px;
margin-left: 15px ;
text-align: left;
}
div#titre {
font-size: 36pt;
font-weight: bold;
margin-bottom: 50px;
color: #B8B7A9;
}
div#corps ul { 
padding: 0; 
}
div#corps li { 
list-style: none; 
margin: 0;
}
div#corps ul.expos { 
padding: 20px 0px 20px 25px; 
}
div#corps ul.expos li { 
padding: 0px 0px 20px 0px; 
}
div#legende {
position: absolute;
top: 20px;
padding-top: 90px;
right: 15px;
text-align: right;
color: #A3A298;
}
.annee { 
font-size: 20pt;
font-weight: bold;
cursor: pointer;
}
.stannee{
font-size: 12pt;
}
.gras {
font-weight: bold;
}
.public {
font-size: 12pt;
}
div#pola {
left: 252px;
padding-top: 80px;
}
.screen {
position:relative; 
z-index:1;
text-decoration:underline;
}
.screen i a,  .screen i a:hover{
color: #7a7967;
text-decoration:none;
}
.screen i {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
top:0px;
color: #7A7967;
}
.screen:hover {
border:0; /* needed for this to work in IE */ 
z-index:20;
}
.screen:hover i {
visibility:visible; /* make the image visible */
height:15px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:10; 
}
.ext {
	color: #333333;
}
.ext:hover {
	color: #7A7967;
}
/* -- 6 images 10x15 -- */
div#ContenerBox {
position: absolute;
text-align: left;
height: 420px;
top: 100px;
left: 0px;
}
div#content a img{
border: 0px;
padding: 0px;
padding: 0px 0px 30px 30px;
}
div#content a.g img{
padding: 0px 0px 30px 15px;
}
div#content a.d img{
padding: 0px 15px 30px 30px;
}
/* -- VidŽo -- */
div#video {
z-index: 0;
top: 70px;
padding-top: 75px;
width: 520px;
height: 410px;
border: 0px;
padding: 45px 0px 0px 170px !important;
padding: 45px 0px 0px 70px;
}
div#videoinfo {
padding: 20px 0px 0px 0px;
}