.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
} 

.contenu-home a{
	color:#fff; 
	text-decoration:none;
}  
.contenu-home a:hover{
	color:#25AEF8;
}	 
.bloc-home{
	-moz-box-shadow: 0px 0px 3px #ababab;
	-webkit-box-shadow: 0px 0px 3px #ababab;
	box-shadow:	#ababab 0px 0px 3px;
	float:left;
	display:inline;
	position:relative;
	background:#fff;
	behavior: url(PIE.htc);
}  
.top-left{
	width:205px;
	height:174px;   
	padding:1px 1px 0 1px;
	margin:0 13px 11px 0; 
}   
.top-right{
	width:741px;
	height:175px;      
	margin-bottom:11px;  
} 
.middle-left{
	width:565px;     
	height:322px;
	margin:0 9px 11px 0; 
}   
.middle-right{
	width:387px;
	height:322px; 
	margin-bottom:11px;     
} 

.bottom-left{
	width:269px;
	height:275px;
	margin-right:10px;   
}  
.bottom-center{
	width:285px;     
	height:275px;
	margin-right:10px;
} 
.bottom-right{
	width:381px; 
	height:275px;  
}       

.entete-left{
	width:207px;
	height:174px;   
	padding:1px 0 0 0;
	margin:0 13px 11px 0; 
}
   

.entete-left li{
	padding-bottom:0; 
	padding-left:0; 
	position:relative;   
	height:36px; 
	padding:21px 0 0 50px;   
	border-bottom:1px solid #e0e0e0;     
	font-size:12px;
}   
.entete-left li a{
	text-decoration:none;
	font-size:13px;   
	color:#062449; 
	background:url(../pix/home/puce-fleche-bleu.gif) 0 4px no-repeat; 
	padding-left:12px;	      
	padding-bottom:6px; 
	border-bottom:5px solid #e0e0e0;	   
}
.entete-left li strong{
	text-transform:uppercase;    
	font-family:ITCAvantGardeGothicBook;   
	font-size:12px;      
	margin-bottom:4px; 
}


.entete-left li.item-left-renouvel{
	background:url(../pix/home/bg-item-renouv-2.gif) 3px 6px no-repeat;
}   
.entete-left li.item-left-rachat{
	background:url(../pix/home/bg-item-rachat-2.gif) 3px 6px no-repeat;
}
.entete-left li.item-left-mobile{
	background:url(../pix/home/bg-item-mobile-2.gif) 3px 5px no-repeat;
}  
/*
.entete-left{
	background:url(../pix/home/back-entete-left.gif) left bottom repeat-x; 
	width:190px;
	height:159px;       
	padding:14px 7px 0 8px;    
	position:relative;
}    
.entete-left li{
	padding-bottom:9px;
	background:url(../pix/home/round-puce.png) 0 3px no-repeat;
	padding-left:19px; 
	position:relative;
}
.entete-left li a{
	text-decoration:none;
	font-size:13px;
}  */
      
.middle-left .entete-carousel{
  	width:565px;
	height:37px; 
	background:url(../pix/home/back-nav-actu.gif) repeat-x;	      
	position:relative;
}       
.middle-left .entete-carousel h2{
	line-height:37px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:18px;	
}
/*-----carousel middle left-----*/

.middle-left #carousel {
  	width: 565px;
	height:322px;
  	overflow: hidden; 
  	position:relative;
  	z-index: 500; 
}
.middle-left #carousel ul {
	height: 285px;
	width: 565px;
  	overflow: hidden;
	list-style: none; list-style-type:none;
}
.middle-left #carousel ul li {
  	display: block;
   	height: 285px;
  	width: 565px;
   	position: relative;    
	text-align:left;  
	margin:0;
	padding:0;  
	list-style: none;   
	background:none;
	padding:0;
	text-indent:0;
}
.middle-left .carousel_nav {
 	position:absolute;
	bottom:0;
	left:89px;
}
.middle-left .carousel_nav a {
    width: 24px;
    height: 27px; 
    display: block;
	float:left;  
	text-align:center;
	font-size:15px;
	color:#8cb3d1;
    cursor: pointer;
	margin-left:0;
}
.middle-left .carousel_nav a.current {
    color:#fff;
	font-weight:bold;     
	background:url(../pix/home/puce-carousel.png) 8px bottom no-repeat;
}   
.middle-left .link-carousel{
	background:url(../pix/home/round-puce.png) 0 1px no-repeat;
	padding-left:19px;
	font-size:11px;
	position:absolute;
	top:12px;
	left:400px;	
}  


.middle-right{
	position:relative;
}
.middle-right h2,
.bottom-left h2,
.bottom-center h2{
  color: #25aef8;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  height: 28px;
  padding-left: 10px;
  padding-top: 17px;
	border-bottom:1px solid #92d6fb;
  letter-spacing: -1px; 
}   
.middle-right .slideshow{
	background:url(../pix/home/back-best.gif) top right no-repeat;
	height:276px;
	width:387px;       overflow:hidden;
}     
.slide-element{    
	width:381px;
	background:url(../pix/home/back-best.gif) top right no-repeat; 
}
.middle-right #nav-slide-right{
	position:absolute;
	top:18px;
	color:#000;
	left:242px;
}  
.contenu-home .middle-right #nav-slide-right a{
	color:#9d9a9a; 
	font-size:15px;  
    width: 24px;
    height: 27px; 
    display: block;
	float:left;  
	text-align:center;
}    
.contenu-home .middle-right #nav-slide-right a.activeSlide{
	font-weight:bold;     
	background:url(../pix/home/puce-slide.gif) 8px bottom no-repeat;    
	color:#25AEF8;
}       
.contenu-home .middle-right .link{
	font-weight:bold;
	text-decoration:underline;
	color:#25aef8;
	position:absolute;
	top:20px;
	right:10px;
	font-size:11px;
} 

.slideshow .illu-slide{
	width:206px;
	float:left;         
	text-align:center;
        padding-top: 20px;
}             
.text-descri-slide{
	width:166px;
	float:left;
	padding:75px 0 0 0;    
}                          
.text-descri-slide .number-best a{
	color:#25aef8;
	font-size:28px;
	font-weight:bold;
}     
.text-descri-slide h4 a{
	color:#5e5e5e;
	font-weight:bold;
	font-size:12px;
}
.text-descri-slide h4 a:hover{
	color:#5e5e5e;
}     
.price-slide{
	color:#25aef8;
	font-weight:bold;
} 
.odr-slide{
	display:block;
    left: 80px;
    top: -40px;
    position: relative;
    text-align: center;
}
.odr-slide li{
	background:url(../pix/home/slide-bg-odr.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 45px;
    left: 0;
    padding-top: 16px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 61px;
}
.odr-slide li strong{
    display: block;
    font-size: 17px;
    line-height: 13px;
}
.odr-slide li span{
    display: block;
    font-size: 10px;
    line-height: 13px;
}
.btn-en-sav-home{
	background:url(../pix/common/btn-ensav-menu.png) no-repeat;
	width:104px;
	height:21px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;      
	margin-top:17px;        
} 
.btn-en-sav-home a{
	width:104px;
	height:21px;
	display:block;
} 


.bottom-left .rub-home{
	padding:11px 0 0 13px;    
	cursor:pointer;
}  
.bottom-left .offres-menu{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.bottom-left .illu-rub-home{
	width:110px;
	float:left;
}         
.bottom-left .illu-rub-home img{
	display:block;
}
.bottom-left .content-rub-home{
	float:left;
}
.bottom-left .content-rub-home h5 a{
	font-size:12px;
	font-weight:bold;
	color:#494848;
} 
.bottom-left .content-rub-home p{
	font-size:11px;
}
.bottom-left .hover .content-rub-home h5 a,
.bottom-left .hover .content-rub-home p{
	color:#25aef8;
}

/*-----carousel bottom center-----*/
.bottom-center{
	position:relative;
}
.bottom-center #carousel-best {
	width:285px;     
	height:275px;
  	overflow: hidden; 
  	position:relative;
  	z-index: 500; 
}
.bottom-center #carousel-best ul {
	width:285px;     
	height:229px;
  	overflow: hidden;
	list-style: none; list-style-type:none;
}
.bottom-center #carousel-best ul li {
  	display: block;
	width:285px;     
	height:229px;
   	position: relative;    
	text-align:left;  
	margin:0;
	padding:0;  
	 list-style: none;   
	background:none;
	padding:0;
	text-indent:0;
}
.bottom-center .carousel_nav {
 	position:absolute;     
	top:18px;   
	right:20px;
}
.bottom-center .carousel_nav a {
    width: 24px;
    height: 27px; 
	color:#9d9a9a; 
    display: block;
	float:left;  
	text-align:center;
	font-size:15px;
    cursor: pointer;
	margin-left:0;
}
.bottom-center .carousel_nav a.current {
	font-weight:bold;     
	background:url(../pix/home/puce-slide.gif) 8px bottom no-repeat;    
	color:#25AEF8;
}   
.bottom-center .link-carousel{
	background:url(../pix/home/round-puce.png) 0 1px no-repeat;
	padding-left:19px;
	font-size:11px;
	position:absolute;
	top:12px;
	left:400px;	
}


.bottom-right{
	overflow:hidden;
}
.bottom-right h2{
  color: #25aef8;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  height: 28px;
  padding-left: 10px;
  padding-top: 17px;
  letter-spacing: -1px; 
}    
.bottom-right .click-accordeon{
	background:url(../pix/home/back-click.gif) repeat-x;
	height:28px;   
} 
.bottom-right .click-accordeon h3{
	color:#202020;
	font-size:12px;
	font-weight:bold;
	line-height:28px;
	cursor:pointer;  
	height:28px;
	padding-left:13px;
}
.accordeon-bloc{
	height:146px;
	background: url("../pix/home/back-entete-left.gif") repeat-x bottom;
	position:relative;
} 
.acco-text{
	padding:15px 0 0 15px;
	width:210px; 
	color:#fff;
} 
.acco-text a{
	color:#fff;
}
.acco-text h4{
	font-size:14px;
	margin-bottom:4px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
} 
.acco-img{
	right:0;
	top:0;
	position:absolute;
}   


.viewer { width:741px; height:153px; margin:0 auto; overflow:hidden; position:relative;}
.content-conveyor { width:741px; height:153px; position:relative; }
.item { width:144px; height:137px; padding-top:16px; float:left; text-align:center;}   
.item h3{
	font-size:11px;
	font-weight:bold;
}   
.ui-slider-horizontal .ui-slider-handle {
	background:url(../pix/home/slide-btn.png) left top no-repeat; 
	width:214px;
	height:21px; 
	position: absolute;
	z-index: 2; 
	top:1px;           
	margin-left:-107px;
	border:none;
}      
.ui-slider-horizontal{
	width:537px;
	margin:0 auto;
	background:url(../pix/home/bg-scroll.gif) -25px 0 no-repeat;
	height:22px; 
	position:relative; 
	border:none; 
	cursor:pointer;
}      
#prev-slider{
	width:102px;
	height:22px;   
	background:url(../pix/home/bg-scroll.gif) left top no-repeat;
	position:absolute;
	top:0;
	left:-102px;
}  
#next-slider{
	width:102px;
	height:22px;   
	background:url(../pix/home/bg-scroll.gif) right top no-repeat;
	position:absolute;
	top:0;
	right:-102px;
}   
.ui-slider-horizontal ul li{
	color:#9d9a9a;
	text-transform:uppercase;
	font-size:12px;
   	line-height:24px;   
	/*width:164px;
	height:22px;*//* background:red;*/  /*text-align:center;*/
	position:absolute;
	top:0;  
	z-index:5;   
	cursor:default;
} 
.ui-slider-horizontal ul li.white{
	color:#fff;
}     
.ui-slider-horizontal ul li.slide-item-1{
	left:-40px;  
}   
.ui-slider-horizontal ul li.slide-item-2{
	left:135px;  
}
.ui-slider-horizontal ul li.slide-item-3{
	left:350px;  
}
.ui-slider-horizontal ul li.slide-item-4{
	left:500px;  
}