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

div#content div#content-middle div#data div#pros{
  overflow : hidden;
  padding-top : 20px;
}

div#content div#content-middle div#data div#pros .liste{
	overflow:hidden;
	width : 500px;	
	float : left;
	margin:0 0 10px 0;	
	height : 480px;
	margin-left: 30px;
}

div#content div#content-middle div#data div#pros .listeCarousel{
  margin : 10px 0px;
  margin-bottom : 0px;
}

div#content div#content-middle div#data div#pros .liste h2{
  font-size : 1em;
}


div#content div#content-middle div#data div#pros .liste .actualite{
	margin:0 0 10px 0;
	overflow : hidden;
	background : url(../../images/css/cartouche_pro-trans.png) no-repeat top left;
	width : 142px;
	height : 173px;
	float : left;
	padding : 10px;
	position : relative;
}

div#content div#content-middle div#data div#pros .liste li{
  width : 490px;
  height : 390px;
}

div#content div#content-middle div#data div#pros .liste .actualite .masques{
  margin-left: 5px;
}

div#content div#content-middle div#data div#pros .liste .actualite h2{
  margin-left:10px;
  margin-top : 5px;
}


div#content div#content-middle div#data div#pros .liste .actualite p.image{
	margin:0px 5px;
	width:135px;
	height:80px;
	text-align : center;
	
	overflow:hidden;	
}
div#content div#content-middle div#data div#pros .liste .actualite dl.infos_sup,
div#content div#content-middle div#data div#pros .liste .actualite dl.adresse
{	
	margin:0px 5px;
	width:225px;
	height:100px;
	float : left;
	list-style :none;
}

div#content div#content-middle div#data div#pros .liste .actualite dl.adresse{
  width:115px;
  margin-right : 0px;
}

div#content div#content-middle div#data div#pros .liste .actualite dl.infos_sup dd, 
div#content div#content-middle div#data div#pros .liste .actualite dl.adresse dd{
  line-height : 1.2em;
}

div#content div#content-middle div#data div#pros .liste .actualite .plus{
	position : absolute;
	bottom : 20px;
	right : 20px;
}

div#content div#content-middle div#data div#pros .liste .actualite .image img{
  max-width : 100px;
  max-height : 80px;
}

div#content div#content-middle div#data div#pros .liste .navigationCarousel a.prevPro{
  background : url(../../images/css/up-trans.png) no-repeat left 5px;
  padding-left:15px;
  margin-left:150px;
}

div#content div#content-middle div#data div#pros .liste h1{
  margin-bottom : 10px;
}


div#content div#content-middle div#data div#pros .liste .navigationCarousel a.nextPro{
  background : url(../../images/css/down-trans.png) no-repeat left 5px;
  padding-left:15px;
  margin-left:150px;
}

div#content div#content-middle div#data div#pros .blocLeft{
    margin-left: 30px;
   width : 419px;
}

div#content div#content-middle div#data div#pros .sub_blocLeft{
   background : url(../../images/css/haut_cartoucheShort-trans.png) no-repeat top left;
   width : 419px;
  padding-top :15px;
  margin-top : 35px;

}

div#content div#content-middle div#data div#pros .blocLeft .contenu{

  text-align : justify;
  padding : 10px;
  padding-top :0px;
  background : url(../../images/css/bat_cartoucheShort-trans.png) no-repeat bottom left;
  overflow : hidden;
  padding-bottom : 30px;
  position : relative;
    min-height : 300px;
}

div#content div#content-middle div#data div#pros .blocLeft h2{
  margin-left: 10px;
  background : url(../../images/css/down-trans.png) no-repeat left 5px;
  padding-left:15px;
  border : none;
}

div#content div#content-middle div#data div#pros .blocLeft h2.current{
  background : url(../../images/css/up-trans.png) no-repeat left 5px;
}

div#content div#content-middle div#data div#pros .blocLeft h2 a,div#content div#content-middle div#data div#pros .liste .navigationCarousel a{
  color : #ED7500;
  border-bottom : 1px dashed #ED7500;
}



div#content div#content-middle div#data div#pros .blocLeft .slidable, div#content div#content-middle div#data div#pros .blocLeft .unslidable{
  margin-left: 30px;
  
}

div#content div#content-middle div#data div#pros .blocLeft #bzPhotos{
  margin-left : 0px;
  overflow : hidden;
}

div#content div#content-middle div#data div#pros .blocLeft #bzInfoGenerale p{
  float : right;
}

div#content div#content-middle div#data div#pros .blocLeft #bzInfoGenerale p img{
  border : 1px solid #008687;
  padding : 3px;
}

div#content div#content-middle div#data div#pros .blocLeft dl{
  list-style-type : square;
}

div#content div#content-middle div#data div#pros .blocLeft dl dl{
  margin-left : 15px;
  list-style-type : disc;
}

div#content div#content-middle div#data div#pros .blocLeft p.image{
  margin-left:3px;
}


div#content div#content-middle div#data div#pros div.edito p{
   float : left;
   width : 440px;
   padding : 0px 10px;
   margin-right : 20px;
   text-align : justify;
}

div#content div#content-middle div#data div#pros div.edito{
  overflow :hidden;
  margin : 20px 10px;
}


div#content div#content-middle div#data div#pros div.edito p{
   float : left;
   width : 380px;
   padding : 0px;  
   text-align : justify;
}

div#content div#content-middle div#data div#pros div.edito p.editoLeft{
  margin-right : 15px;
  width : 490px;
  margin-left: 20px;
}

div#content div#content-middle div#data div#pros div.edito{
  overflow :hidden;
  margin : 20px 30px;
  padding-bottom : 30px;
  
  background : url(../../images/css/separation_edito.jpg) no-repeat center bottom;
}