@charset "UTF-8";
/* CSS Document */

/*======= block principal =======*/

.container {
width: 753px;
overflow: hidden;
/*margin: 0 auto;*/
}

/*======= boite principale =======*/

#main {
padding: 4px;
background: black;
}

a {
color: #fff;
}

/*======= grande image =======*/

.main_image { /* zone grande image */
width: 450px;
height: 317px;
background: black;
position: relative;
overflow: hidden;
color: white;
float: left;			 
}

.main_image h2 { /* titre grande image */
font-size: 16px;
font-weight: normal;
margin: 0 0 5px;
padding: 10px;
color: #cecd94;
background-color:#000;
}

.main_image p { /* texte grande image */
font-size: 12px;
padding: 10px;
margin: 0;
line-height: 16px;
}

.block small { /* affiche les icones calendrier */
padding: 0 0 0 20px; 
background: url(../images_rotator/icon_calendar.gif) no-repeat 0 center;
font-size: 10px;
}

.main_image .block small { /* position de l'icone calendrier dans grande image */
margin-left: 10px;
}
					        
.main_image .desc {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
display: none;				
}

.main_image .block { /* fond texte grande image */
width: 100%;
background: #32382b;
overflow: hidden;
}

.main_image a.collapse { /* bouton cacher/afficher le texte */
width: 93px;
height: 27px;
background: url(../images_rotator/btn_collapse.png) no-repeat left top;
/*text-indent: -99999px;*/
position: absolute; 
top: -27px;
cursor: pointer;
}

.main_image a.show {
background-position: left bottom;
}






.image_thumb { /* zone vignettes  */
width: 299px;
height: 317px;
margin-left:4px;
float: left;
}

.image_thumb img { /* vignette */
border: 1px solid #ccc;
padding: 3px;
margin:3px 4px 3px 4px;
background: white;
/* css3 ombre : décalage x - décalage y - force du dégradé - couleur */
-moz-box-shadow: 1px 1px 10px #736357; /* Firefox  V3.5 & > */
-webkit-box-shadow: 1px 1px 10px #736357; /* Safari V3.1 & > */
box-shadow: 1px 1px 10px #736357; /* Opera V10.50 & > */
float: left;
}

.image_thumb ul {
margin: 0;
padding: 0;
list-style: none;
}

.image_thumb ul li { /* zone vignettes */
width: 299px;
height: 52px;
margin: 0;
padding: 0;
background: #cecd94;
border-bottom: 1px solid black;
float: left;
}

.image_thumb ul li.hover { /* rollover zone vignettes */
background: #a48d79;
cursor: pointer;
}

.image_thumb ul li.active { /* zone vignette sélectionnée */
background: orange;
cursor: default;
}

html .image_thumb ul li h2 { /* titre vignette */
font-size: 10px;
margin: 2px 0;
padding: 0;
}

.image_thumb ul li .block { /* block texte vignette */
width: 221px;
height: 45px;
margin: 4px;
padding: 0;
float: left; 
}

.image_thumb ul li p {
display: none;
}

.block2 {
height: 50px;
display:block;
background: #cecd94;
}