@import url(../diaporama.inc.css);

 #actualites {
  float:right;
  width:200px;
 }
 #gauche {
 	width:750px;
 }

/************************************************************************/
/*************** gestion du double bloc *********************************/
/************************************************************************/

.double_bloc {
  overflow : hidden;
}

.double_bloc div{
  float: left;
}

#content #content-middle,#content{
  padding : 0px;
  margin : 0px;
}

.double_bloc .bloc_gauche{
  margin-right: 0px;
   margin-top : 21px;
}

.double_bloc .bloc_droit{
  margin-top : 14px;
  width:722px;
  height : 263px;
  overflow : hidden;
}

.double_bloc .bloc_droit .element, .double_bloc .bloc_droit .double_bloc{
  overflow : hidden;
  height:263px;
}

.double_bloc .bloc_droit .thumbs{
  display : none;
}

.double_bloc .bloc_droit .prev, .double_bloc .bloc_droit .next,.double_bloc .bloc_droit .legende{
  display : none;
}

.double_bloc .bloc_droit .diaporama .zoom{
  width : 722px;
  height : 263px;
}

.double_bloc .bloc_droit .diaporama .zoom .photo{
	margin:0 auto 0 auto;
	overflow:hidden;
	width:722px;
	height:263px;
	border:1px solid white;	
	position : relative;
}

.double_bloc .bloc_droit .masque{
  position : absolute;
  top : 0px;
  left: 0px;
}

.double_bloc .bloc_droit .imageDiapo{
  margin-top : 10px;
  margin-left: 8px;
}

.double_bloc .bloc_droit .element{
  position : absolute;
  top : 160px; 
  left:273px;
  width:722px;
  float : left;
  
	height:263px;
}

/************************************************************************/
/*************** gestion du triple bloc *********************************/
/************************************************************************/

.triple_bloc{
  overflow : hidden;
  padding-top : 13px;
  background : url(../../images/css/fond-triple.jpg) no-repeat bottom left;
  padding-bottom : 15px;
}

.triple_bloc div{
  float : left;
}

.triple_bloc div div{
  float : none;
}

.triple_bloc div.bloc_pros{
  background : url(../../images/css/fond_bloc_pro-trans.png) no-repeat bottom right;
  width : 307px;
  height : 200px;
  margin-right : 35px;
  position : relative;
}

.triple_bloc .prev, .triple_bloc .next{
  position : absolute;
  top : 100px;
  cursor : pointer;
}

.triple_bloc div.bloc_prosJCarousel{
  width : 260px;
  margin-left: 31px;
  position : relative;
  height : 145px;
}

.triple_bloc div.bloc_prosJCarousel li{
  height : 145px;
}

.triple_bloc div.bloc_pros .image img{
  width : 100px;
  height : 80px;
}

.triple_bloc div.bloc_alessaisJCarousel{
  width : 260px;
  margin-left: 31px;
  position : relative;
}

.triple_bloc div.bloc_prosJCarousel .pros{
  position : relative;
  height : 125px;

}


.triple_bloc div.bloc_prosJCarousel .image{
  float: right;
  width : 108px;
  height : 108px;
  overflow : hidden;
}

.triple_bloc div.bloc_prosJCarousel .image img{
  padding : 3px;
  border : 1px solid #008788;
}

.triple_bloc div.bloc_prosJCarousel .pros .plus{
  position : absolute;
  bottom : -10px;
  z-index: 9999;
  right : 5px;
}

.triple_bloc .prev{
  left : 9px;
}

.triple_bloc .next{
  right : 1px;
}

.triple_bloc div.bloc_alessai{
  background : url(../../images/css/fond_bloc_alessai-trans.png) no-repeat bottom right;
  width : 345px;
  height : 200px;
  position : relative;
}

div#content div#content-middle div#data .triple_bloc h2{
  margin-left : 0px;
}


.triple_bloc div.bloc_alessaiJCarousel{
  width : 300px;
  margin-left: 31px;
}

.triple_bloc div.bloc_alessaiJCarousel dl.infos_supp{
  margin-left: 125px;
  margin-top : 20px;
  
}

.triple_bloc div.bloc_alessaiJCarousel .alessai{
  position : relative;
  height : 125px;
}

.triple_bloc div.bloc_alessaiJCarousel .alessai li{
  height : 145px;
}

.triple_bloc div.bloc_alessaiJCarousel .alessai .plus{
  position : absolute;
  bottom : 5px;
  z-index: 9999;
  right : 5px;
}

.triple_bloc div.bloc_alessaiJCarousel dl.infos_supp dd{
  line-height : 1.3em;
  padding-left : 15px;
  background : url(../../images/css/square_black.jpg) no-repeat left 5px;
}

.triple_bloc div.bloc_alessai .alessai .image{
  float : left;
  margin-top :15px;
  margin-right : 10px;
}

.triple_bloc div.bloc_alessai .alessai .image img{
  border : 1px solid #008788;
  padding : 3px;
  max-width : 100px;
}

.triple_bloc div.bloc_alessai .prev{
  left : 4px;

}

.triple_bloc div.bloc_actus{
  width : 260px;
  height : 200px;
  margin-right : 30px;
  margin-left:10px;
}

.triple_bloc div.actualite .plus{
  position : absolute;
  bottom : 5px ;
  right : 5px;
}

.triple_bloc div.bloc_actus .actualite{
  width : 237px;
  margin-left:20px;
  overflow : hidden;
  position :relative;
}

.triple_bloc div.bloc_actus .image{
  float : left;
  margin-right: 5px;
  margin-top : 5px; 
}

.triple_bloc div.bloc_actus .image img{
  padding : 3px;
  border:1px solid #008788;
}

div#content div#content-middle div#data .triple_bloc h2 {
  background : url(../../images/css/fleur_orange-trans.png) no-repeat bottom left;
  padding-left: 23px;
  border : none;
  margin-bottom : 20px;
  font-style : italic;
}

.triple_bloc h2 span{
  border-bottom : 1px solid #125B59;
  display : block;
  color : #008788;
}


/************************************************************************/
/*************** gestion du bloc à lien*********************************/
/************************************************************************/

.logos_partenaires{
  height : 48px;
}

.logos_partenaires ul {
  overflow : hidden;
  margin-left: 78px;
  height : 48px;
}

.logos_partenaires ul li{
  display : block;
  float : left;
  margin : 0px 18px;
}