/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}



/* common styling for all galleries */
a.image, a.image:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.grandea {background:url(img/Img410thumb.jpg);}
a.grandeb {background:url(img/Img413thumb.jpg);}
a.grandec {background:url(img/Img414thumb.jpg);}
a.granded {background:url(img/Img415thumb.jpg);}
a.grandee {background:url(img/Img416thumb.jpg);}
a.grandef {background:url(img/Img412thumb.jpg);}
a.grandeg {background:url(img/Img411thumb.jpg);}
a.grandeh {background:url(img/Img418thumb.jpg);}
a.grandei {background:url(img/Img419thumb.jpg);}
a.grandej {background:url(img/Img420thumb.jpg);}
a.image em, a.image span {display:none;}
a.image:hover {border:1px solid #fff;}
#container {position:relative; width:690px; height:420px; background: #333333; margin:1em auto;}
#container img {border:0;}
#container .souscontainer {width:170px; position:absolute; left:0; top:0;}
#container a.image:hover span {display:block; position:absolute; width:480px; height:50px; top: 365px ;left: 5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

html{
background-color: #171717;}

#container a.image:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#ff611d;}
#container a.image:active, #container a.image:focus {border:1px solid #000;}
#container a.image:active em, #container a.image:focus em {display:block; position:absolute; width:480px; height:360px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color: #ff611d}
#container h1 em {font-size:0.6em; color: #bdbdbd}