/* MISE EN PAGE G?N?RALE  */ 
body {
  width:800px;
  background-color: black;
  margin: 0px;
  padding: 10px;
  font-family: palatino,arial,helvetica,sans-serif;
  font-size: 1em;
  color:white;
}

a {
  color: #C60017;
}

#innerWrapper { 
  width: 100%;
  height:100%;
  float: left;
  padding:1px;
  margin:1px;
}
#header { 
  padding: 5px;
  text-align: center;
  margin-top: -50px;
  margin-right:auto;
  margin-left:auto;
  width:82%;
}

#rightMenu { 
  width:100px;
  height:80%;
  float:left;
  margin-top:9em;
  padding:2px;
  font-size: 0.7em;
float:left;
}
#rightMenu a { 
text-decoration:none;
}
#content { 
  margin-top:20px;
  padding-top:20px;
  width:650px;
  height:90%;
  float:left;
}
#description { 
  width: 80%;
  height:100%;
  float: left;
  padding-left:70px;
  margin-left:70px;
}

#footer { 
  padding: 5px;
  text-align: center;
  margin: auto;
  font-size: 0.7em;
  width:82%;
}


.clearer { 
  clear: both;
  height: 0px;
}
/* STYLES DES MENUS ET LIENS */ 

a:hover {
  text-decoration:underline;
}


/* = = = = = = = = = = = = = =
   Classe menu (gauche et droit)
   = = = = = = = = = = = = = = */

h1 {
 visibility : hidden;
 font-size:1px;
}
.menu { 
  margin: 5px;
  padding: 5px;
/*  border: 1px solid black;*/
}

.menu a {
  display: block;
  line-height: 1.2em;
  text-align: left;
  color: #C60017;
  font-weight: bold;
}

.menu a:hover {
  color: #ffffff;
  text-decoration: underline;
  background-color: #C60017;
}

.menu input {
  display: inline;
}

.menu span {
  display: block;
  margin-top: 10px;
  text-align: left;
}

/*h2:first-child { 
  color: yellow;
  border: 2px dotted red;
}*/  


.menu *[lang|="fr"]>span { 
  color: green;
}

.menu *[lang|="fr"]>a { 
  color: blue;
}

.menu *[lang|="en"]>span { 
  color: purple;
}

.menu *[lang|="en"]>a { 
  color: green;
}
/*-----------------vignettes----------------*/
p {
/*   margin-left:20em;
   margin-top:4em;*/
}

#container {
    color:black;
    position:relative;
    float:left;
    width:98%;
    padding:0.5em;
    margin:20px auto 0 auto;
}
#container ul {width:198px; height:386px; padding:0; margin:1px; list-style-type:none; float:right;color:black;}

#container li {float:left;}
#container a.gallery {
    display:block;
    color:#fbfafe;
    background-color:#e2f7e4;
    text-decoration:none; 
    border:1px solid #000;
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:pointer;
}

#container a.gallery:visited {
    display:block;
    color:#fbfafe;
    background-color:#e2f7e4;
    text-decoration:none; 
    border:1px solid #000;
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:pointer;
}


#container a.slidea {background:url(../images/vignettes/100_995.jpg)no-repeat; height:93px; width:60px;}
#container a.slideb {background:url(../images/vignettes/100_1009.jpg)no-repeat; height:93px; width:60px;}
#container a.slidec {background:url(../images/vignettes/100_0001.jpg)no-repeat; height:93px; width:60px;}
#container a.slided {background:url(../images/vignettes/100_1003.jpg)no-repeat; height:60px; width:93px;}
#container a.slidee {background:url(../images/vignettes/100_1004.jpg)no-repeat; height:60px; width:93px;}
#container a.slidef {background:url(../images/vignettes/100_1005.jpg)no-repeat; height:60px; width:93px;}
#container a.slideg {background:url(../images/vignettes/100_1006.jpg)no-repeat; height:60px; width:93px;}
#container a.slideh {background:url(../images/vignettes/100_0997.jpg)no-repeat; height:93px; width:60px;}
#container a.slidei {background:url(../images/vignettes/100_0998.jpg)no-repeat; height:93px; width:60px;}
#container a.slidej {background:url(../images/vignettes/100_0996.jpg)no-repeat; height:93px; width:60px;}
#container a.slidek {background:url(../images/vignettes/100_0993.jpg)no-repeat; height:60px; width:93px;}
#container a.slidel {background:url(../images/vignettes/100_0988.jpg)no-repeat; height:60px; width:93px;}

/*la vignette qui se trouve sur le passage de la souris*/
#container a.gallery:hover {border:1px solid #fff;}


/*ce qui contient l'image qui s'affiche au survole des miniatures*/
#container a.gallery span {
     position:absolute;
     width:1px; 
     height:1px; 
     top:5px;   
     left:5px; 
     overflow:hidden;}

#container a.gallery:hover span {
    position:absolute;
    width:372px;
    height:300px;
    padding:1em;
    margin: 5px;
    color:white;
    background-color:black;
    font-family:georgia, sans-serif;  
    font-size:1em;
}

#container a.gallery img {
    width : 100%;
}