@charset "utf-8";

/*** diaporama_new ***/
/*********************/

.diaporama_new{
float:left; width: 472px; height: 336px;
background: url("../img/habillage/diaporama_new.png");
}

.diaporama_new .title_head{
height: 27px; overflow: hidden; margin: 0 0 5px 8px ; font: normal 21px/27px Georgia; word-spacing: -1.05pt; color : #c53685;
}
.diaporama_new .text_head{
margin: 0 0 6px 0; padding: 0 3px 0 8px;  height: 28px; overflow:hidden;  font:11px arial ; color:#666;
}
.diaporama_new .text .auteur{
font:11px arial ; color:#999;
}

.diaporama_new #diaporama_galerie{
width: 457px; height: 258px; margin: 0 0 0 8px; position: relative; 
}
.ie6 .diaporama_new #diaporama_galerie{
margin: 0 0 0 6px;
}
.bloc_diaporama .diaporama_new .diapo_image img{
height: 258px; width: 457px; margin: 0px;
}

.bloc_diaporama .diaporama_new .diapo_precedent a img{margin: 0;}
.bloc_diaporama .diaporama_new .diapo_precedent a {
position: absolute; left: 6px; top:230px;
margin: 0px;
}
.bloc_diaporama .diaporama_new .diapo_suivant a img{margin: 0;}
.bloc_diaporama .diaporama_new .diapo_suivant a {
position: absolute; right: 5px; top:230px;
margin: 0px;	
}

.bloc_diaporama .diaporama_new .fond_text{
position: absolute; right: 0px;  top : 0px;
width: 197px; height: 258px;		
background-color: #000; filter:alpha(opacity=60);  -moz-opacity:0.60; opacity: 0.60;
}

.bloc_diaporama .diaporama_new .diapo_descritpif{
position: absolute; right: 4px;  top : 0px;
width: 184px; height: 225px; overflow : hidden; margin: 0px 0 0 0px; color:#fff; 

} 
.bloc_diaporama .diaporama_new .diapo_descritpif .title, .bloc_diaporama .diaporama_new .diapo_descritpif .title a{
margin: 0 0 5px 0;
font: 18px Tahoma ; font-weight: normal; color:#9fd333; text-decoration: none;

	
}	
.bloc_diaporama .diaporama_new .diapo_descritpif p{
color:#fff; font: 11px arial; margin: 0px;
}
.bloc_diaporama .diaporama_new .diapo_descritpif p.text{
margin: 0 0 5px 0;
}
.bloc_diaporama .diaporama_new .diapo_descritpif .info p{
	color:#d0599b;
}	
.bloc_diaporama .diaporama_new .diapo_descritpif .info p .item{
	color:#fff;
}

.bloc_diaporama .diapo_descritpif p.elmtLink a{
	background:none repeat scroll 0 0 transparent;
	bottom:0;
	color:white;
	font-size:11px;
	
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	text-decoration:none;
}	
	
/***** diapo_v2 ******/
/*********************/
.bloc_diaporama .diapo_v2{
float:left; width: 472px; height: 336px;
background: url("../img/habillage/diapo_v2.png");
}


.diapo_v2 .diapo_image{
float: left; width: 254px; height: 258px; overflow: hidden;
text-align: center;
}
.bloc_diaporama .diapo_v2 .diapo_image img{
height: auto; width: auto; margin: 0px;
}	
	
	
/*** DIAPO VIGNETTES ***/

.diapo_vignette{ float: left; width: 100%; margin: 10px 0 0 0;}
.diapo_vignette .element{
display: inline; float:left; width: 108px; margin: 0 5px 6px 5px; text-align: center;
}	
.diapo_vignette .element a.preview{
float:left; width: 108px; height: 70px; overflow: hidden; text-align: center;
background: url("../img/habillage/diapo_vignette.jpg") no-repeat 0 0;
}	
.diapo_vignette .element a:hover{
background: url("../img/habillage/diapo_vignette2.jpg") no-repeat 0 0;
}	
	
.diapo_vignette .element a img{margin:4px 0 0 0; /*width:100px;*/ }	
	
.diapo_vignette .element .title_element{
font: 10px/10px arial; float:left; height: 21px; width: 100%; overflow: hidden; 
}	
.diapo_vignette .element .title_element a{
font: 10px/10px arial;  color: #74952c;
}
.diapo_vignette .element .title_element a:hover{
text-decoration: underline; background: none;
}	
	
/*** bt diapo ***/

.bloc_diaporama .new.diaporama_bouton .allDiapo{

background: url("../img/habillage/bt_diaporama_new.png") no-repeat 0 0;
}
div.bloc_diaporama .new.diaporama_bouton a{
float: left; display: inline; margin: 7px 0 0 25px; font: 10px/9px arial; color:#f26089;
}
div.bloc_diaporama .new.diaporama_bouton a:hover{ margin: 7px 0 0 25px; font:10px/9px arial; }

.bloc_diaporama .new.diaporama_bouton .retourSomm{
float:right;
background: url("../img/habillage/bt_retourSomm.png") no-repeat 0 9px;
}	

/* DIAPORAMA Automatiaque */
		
.progressBar {
	border: 1px solid #868686;	
	padding: 0;
	width: 150px;
	float:left;
	position: relative;
	margin-left:35px;
}
#progressBar {
	background-color: #868686;
	width: 1%;
	top: 0;
}
.progressBar #progressText {
	position:absolute;
	left: 0.5em;
	margin: auto;
	text-align:center;
	font-size:10px;
}
#imgDiapoDiv {position: relative; display:inline; margin:0; padding:0;}
#imgDiapoDiv #imgControl{
	display: none;
}
#imgDiapoDiv:hover #imgControl{
	position: absolute;
	bottom: 0;
	height: 50px;
	width:100%;

	background-color: #CCC;
	display: block;
}
a img{border: none;}