@import url(http://fonts.googleapis.com/css?family=BenchNine:400,700);
/* GENERAL */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	background:url(../images/bg_body.jpg) no-repeat top center #000;
	}

h1, h2, h3{
	font-family: 'BenchNine', sans-serif;
	}	

h2{
	font-style:bold;
	font-size:2em;
	color:#01B0F0;
	}
a,img{border:0;}
.espace-20{
	height:20px;
	}

.clear{
	clear:both;
	}
	
.right{
	float: right;
}
.left{
	float:left;
	}
.center{
	text-align:center;
	}

.container{
	width:940px;
	background:#000;
	padding:0 20px 0 36px;
	margin:0 auto;
	}
	
nav {
	background:#3A3637;
	width:100%;
	height:49px;
	
	}
.column{display:inline-block;vertical-align:top;}	
nav ul, nav li{display:inline-block;list-style:none;padding:0;margin:5px 0 0 0;}
nav ul{margin-left:200px;}
nav ul li a{
	font-family: 'BenchNine', sans-serif;
	letter-spacing: 0;
	text-transform:uppercase;
	text-decoration:none;
	
	font-size:1.5em;
	
	color:#fff;
	text-shadow: 1px 1px 1px #e5e5e5;
	filter: dropshadow(color=#e5e5e5, offx=1, offy=1); 
	padding:0;
	margin:0 0 0 25px;
	}
	
nav ul li a:hover{
	color:#62c152;
	text-shadow: 1px 1px 1px #42623d;
	filter: dropshadow(color=#42623d, offx=1, offy=1); 
}
	
.m_10{margin:10px 0 0 0;}
.m_20{margin:20px 0 0 0;}	
.m_35{margin:35px 0 0 0;}	
.m_40{margin:40px 0 0 0;}	
.m_50{margin:50px 0 0 0;}	
.m_60{margin:60px 0 0 0;}		
header{margin-bottom:20px;}
header a.logo{
	display:block;
	background:url(../images/logo-sos-apero.png) no-repeat;
	 height: 148px;
    position: absolute;
    top: -30px;
    width: 222px;
	font-size:0px;
	}
	
header input[type=search]{
	color:#c3c3c3;
	text-align:left;
	cursor:pointor;
	border:none;
	 -webkit-border-radius: 5px;
	border-radius: 5px; 
	padding:5px;
	width:175px;
}
	
.left_column{
	width:638px;
	}

.right_column{
	width:280px;
	margin: 0 0px 0 18px;
	}
	
	
 .title{
	line-height:0.7em;
	width:100%;
	color:#858585;
	border-bottom:2px solid #e5e5e5;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	}
	
.product_home{
	width:200px;
	margin: 0 0 20px 10px;
	display:inline-block;
	font-size:0.9em;
	}

.product_home_slide{
	width:200px;
	margin: 0 0 20px 10px;
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	}	
.product_home .price_product{
	color:#bc3726;
	border-right: 1px solid #000;
	padding-right:15px;
	font-weight:bold;
	}
	
.product_home .home_add{
	text-decoration:none;
	color:#01B0F0;
	margin:0 0 0 10px;
	font-weight:bold;
	height:13px;
	font-size:0.9em;
	padding:0 0 0 0;
	}
	
.product_home .home_add:hover{
	text-decoration:underline;
	}

.features{

	    margin-left: 80px;
    text-align: left;
	
	}

#slider1 a{
	text-decoration:none;
	color:#000;
	}

#slider{
	width:880px;
	overflow:hidden;
	position:relative;
	
	}
.bx-prev, .bx-next{
	font-size:0px;
	text-decoration:none;
	display:block;
	}

#slider1 li{font-size:0.8em;}
	
#slider1 li img{
	display:block;
	width:179px;
	}
	
.bx-prev{
	left: -40px;
    position: absolute;
    top: 60px;
	}
	
.bx-next{
	right: -40px;
    position: absolute;
    top: 60px;
	}
	
	#banner{   
	position: absolute;   
}     

.oneByOne1{
	background: ;	
	margin: 0;
	width: 638px;
	height: 315px;   
	position: relative;
	overflow: hidden;
	background:#000;
}   

#banner .oneByOne_item{
	position: absolute;
	width: 638px;
	height: 420px;  
	overflow: hidden;  
}         
                      
#banner .oneByOne_item span{
	font-family: 'BenchNine', sans-serif;
}                                                                                              

#banner .oneByOne_item a{
	text-decoration: none;
	color: #B22222;
}
              
.title_product{display:block;color:#fff;}

/* slide 1 */
#banner img.img1{
	position: absolute;
	top:0;
	left: 290px;
}

#banner img.img2{
	position: absolute;
	top: 137px;
left: 235px;
}            

#banner .oneByOne_item .text1{
	position: relative;
	float: left;
	margin: 83px 16px 0 146px;
	color: whitesmoke;
	font-weight:bold;
	font-size: 2.5em;
}

#banner .oneByOne_item .text2{              
	clear: left;
	position: relative;
	float: left;
	margin: -19px 18px 0 54px;
	color: #fff;
	font-size: 2.5em;
}             

#banner .oneByOne_item .text3{     
position: relative;         
	margin: 30px 0 0 -103px;
	color: #666666;
	font-size: 1.4em;
}   
/* slide 2 */
#banner img.img3{
	position: absolute;
	top: 24px;
	left: 80px;
}
#banner img.img4{
	position: absolute;
	top: 64px;
	left: 160px;
}
#banner img.img5{
	position: absolute;
	top: 230px;
	left: 420px;
}
#banner .oneByOne_item .text3{
	clear: left;
	position: relative;
	float: left;
	margin: 140px 12px 0 580px;    
	color: #333333;
	font-size: 28px;
}          
#banner .oneByOne_item .text4{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 580px; 	
	color: #666666;
	font-size: 16px;
}                     
  
/* slide 3 */
#banner .slide3 img.wp1{
	position: absolute;
	top: 255px;
	left: 512px;
}
#banner .slide3 img.wp2{
	position: absolute;
	top: 190px;
	left: 360px;
}              
#banner .slide3 img.wp3{
	position: absolute;
	top: 64px;
	left: 80px;
}   

#banner .slide3 span.txt1{
	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 540px;    
	background: #B22222;     
	padding: 8px;
	color: #FFFFFF;
	font-size: 40px;
} 
#banner .slide3  span.txt1 a{
	color: #FFFFFF;
}         
#banner .slide3 span.txt2{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 540px;
	color: #FFFFFF;  
	background: #A0522D;
	padding: 8px;
	font-size: 22px;
}                   
    

/* slide 4 */   
#banner img.wp1{
	position: absolute;
	top: 240px;
	left: 380px;
}
#banner img.wp2{
	position: absolute;
	top: 200px;
	left: 470px;
}              
#banner img.wp3{
	position: absolute;
	top: 100px;
	left: 600px;
}   

#banner .oneByOne_item span.wp1{
	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 60px;    
	background: #20B2AA;     
	padding: 8px;
	color: #FFFFFF;
	font-size: 40px;
} 
#banner .oneByOne_item span.wp1 a{
	color: #FFFFFF;
}         
#banner .oneByOne_item span.wp2{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 60px; 
	
	color: #FFFFFF;  
	background: #5F9EA0;
	padding: 8px;
	font-size: 16px;
}                  

/* slide 5 */
#banner .oneByOne_item img.bigImage{ 
	position: absolute;
	top: 0; 
	left: 0;

}
#banner .oneByOne_item span.slide5Txt1{ 
  	position: relative;
	float: left;
	margin: 150px 12px 0 600px;
	color: #9ACD32;	
	font-size: 24px;  
	background: #FFFFFF;
	padding: 8px;             
}
 
#banner .oneByOne_item span.slide5Txt2{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 12px 12px 0 600px;
	color: #666666;	
	font-size: 12px;  
	background: #FFFFFF;
	padding: 8px;             
}  

.contact input,.contact textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding:10px;
	background: #fff;
	color:#000;
	font-size:0.8em;
	border:none;
	margin-bottom:10px;
	border:1px solid #c3c3c3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	resize:none;
	width: 342px;
	}
.contact input:focus,.contact textarea:focus{
	border:1px solid #FFF168;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.contact textarea{
	width:530px;
	}
.contact{width: 552px;}	
.sent{
padding:10px;
float:left;
	color:#ffffff;
-moz-box-shadow: 0px 0px 10px #343434;
-webkit-box-shadow: 0px 0px 10px #343434;
-o-box-shadow: 0px 0px 10px #343434;
box-shadow: 0px 0px 10px #343434;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
	border-radius: 5px;
border: 1px solid #656565;
background:#3166ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3166ff", endColorstr="#3531ff"); /* Pour IE seulement et mode gradient à linear */
background-image: -webkit-gradient(linear, left top, left bottom, from(#3166ff), to(#3531ff));
background-image: -moz-linear-gradient(top center, #3166ff, #3531ff);
background-image: -o-linear-gradient(top, #3166ff, #3531ff); /*uniquement en mode linear*/
	}
	
a.btn_home{
	width:75px;
	height:32px;
	display:block;
	padding:2px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #c3c3c3;
	text-decoration:none;
	color:#000;
	position:relative;
	display:inline-block;
	text-align:center;
	margin-left:6px;
	}
	
a.btn_home:hover{
	border:1px solid #000;
	color:#fff:
	}

a.btn_home span{
	position:relative;
	top:6px;
	}
	
/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	color:#000;
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

a.poplight{
font-family: 'BenchNine', sans-serif;
font-size:2em;
font-weight:bold;
color:#3166ff;
text-decoration:none;
text-align:center;
}

a.poplight:hover{
font-family: 'BenchNine', sans-serif;
font-size:2em;
font-weight:bold;
color:#62c152;
text-decoration:none;
text-align:center;
}

.popup_block h2{margin:0;}
.popup_block h2 span{font-size:1.5em;color:#B9121B;}
.popup_block ul{list-style:square}

.popup_block th{width:180px;}
.popup_block .price{text-align:center;font-weight:bold;color:#B9121B}
.popup_block td{padding:9px;border-bottom:1px solid #000}

.link_price{color:#FF5B2B;}
.title_contanct{background:#000;width:100%;color:#fff;padding:5px 0px 5px 0px;text-align:left;}
.phone{text-decoration:none;font-size:2em;color:#fff;text-align:center;position:relative;top: -10px;}
.info_class p{color:#e5938b;position:relative;top: -10px;font-size: 0.8em;}
.title_contanct span{margin-left:10px;margin-left:30px;text-transform:uppercase}
.info_class{margin:0 0 5px 0;text-align:center;font-weight:bold;background:url(../images/bg.png)no-repeat;display:block;widht:280px;height:159px;}

.footer{background:#3A3637;}
footer{width:940px;
	margin:0 auto;
	color:#7C8080;}
	
footer .column_footer{
	width:260px;
	display:inline-block;
	vertical-align:top;
	font-size:0.9em;
	margin:0 0 0 10px;
}

.column_footer p{font-size:0.9em;}
.column_footer a{color:#7C8080;text-decoration:none;}
.column_footer a:hover{color:#7C8080;text-decoration:underline;}
.column_footer ul , .column_footer ul{list-style:none;}