@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
.clear{ clear:both;}
.container slidesjs-slide{}
.left_slider_div{ width:100%; position:relative; float:left;}
.baner_text_div{ background-color:#000; opacity:0.60; padding:20px; color:#FFF; font-size:26px; width:25%; text-align:center; position:absolute; top:10%; right:4%; border-radius:6px;}
.right_container{ width:29%; float:right; }
.img_1{ margin-top:5px; width:97%; position:relative;}
.img_2{ margin-top:12px; width:97%; position:relative;}

 .container_1{ overflow: hidden; position: relative; clear:both}
/* .slidesjs-container{ height:416px !important; } */
 
 img {max-width: 100%;width: auto\9;height: auto;}
 #slides{  overflow: hidden; }
 #slides .slidesjs-previous {
 	/*background-image: url(images/arrow_left.png);*/
 	 height: 21px;
	  background-repeat: no-repeat;
      margin-right: 7px; text-decoration:none; color:#000;
	  float: left;
	  position:absolute;
	  left:-5px;
	  top:45%;
	  width: 21px;
	 
	  z-index:100;
    }

    #slides .slidesjs-next {
    	/*background-image: url(images/arrow_right.png) !important;*/
    	 height: 21px;
	  background-repeat: no-repeat;
      margin-left: 7px; 
      text-decoration:none; color:#000;
      float: left;
	  position:absolute;
	  right:-5px;
	  top:45%;
	  z-index:100; 
	   width: 21px;
    }

  

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px; display:inline;
    }
    .slidesjs-navigation, .slidesjs-pagination{
        position: absolute;
        text-indent: -99999px;
    }
.thumbnail-pagination-item{
    width:20%;
    float:left;
    position: relative;
}

.thumbnail-pagination-item a {background:rgba(0, 0, 0, 0) url("../images/slider-thum-item-bg.png") no-repeat scroll 9px 6px; float:left; min-width:133px;}
.thumbnail-pagination-item a img {float:left; max-width: 48px;}
.thumbnail-pagination-item a .smal_baner_text {
     color: #353535;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 0 0 5px;
}

.gammes-ma { background:url(../images/slider-thum-titre-bg.png) repeat-x; height: 46px; font-size:16px; font-weight:bold; color:#e3001b;}
.gammes-ma h3 {font-size:16px; font-weight:bold; color:#e3001b; padding:11px 0 0 10px;}
.thumbnail_content{
    position: relative;
    z-index:2;
    background: linear-gradient(#E9E9E9, #fff); 
    padding:10px; 
    float:left;
    border-radius:0 0 5px 5px;
    border:1px solid #e9e9e9;
 } 
@media only screen and (min-width: 1200px)  {
    .container_1 #slides,
    .container_1 .slidesjs-container { height:402px !important;}
}
@media (min-width: 960px) and (max-width: 1199px) {
	#slides, .slidesjs-container{ height:320px !important;}
		   .smal_baner_text{  font-size:14px; }   
	   .right_container{ width:29%;}
	   .img_2{ margin-top:9px;}
	   .baner_text_div{ font-size:14px;  padding-bottom:35px; padding-top:35px !important;  right:22px; top:70px; }
	   .img_1{ margin-top:0px;}
	   
	 #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
	  position:absolute;
	  left:-5px;
	  top:40%;
	  z-index:100;
    }

    #slides .slidesjs-next {
      margin-right: 0px;
      float: left;
	  position:absolute;
	  right:-5px;
	  top:40%;
	  z-index:100;
    }    
     
    }
@media only screen and (min-width: 768px) and (max-width: 959px) {
     #slides, .slidesjs-container{ height:243px !important;} 
}  
@media only screen and (min-width: 640px) and (max-width: 767px) {
    #slides, .slidesjs-container{ height:193px !important;}
}	
@media only screen and (min-width: 480px) and (max-width: 639px) {
      #slides, .slidesjs-container{ height:142px !important;}  
}
@media only screen and (max-width: 479px) {
      #slides, .slidesjs-container{ height:114px !important;}
      .gammes-ma {height:40px;}  
      .gammes-ma h3 {font-size:13px;}  
}