c@charset "UTF-8";
/* CSS MEDIA QUERIES */
@media screen and (max-width: 1024px) {
	
.wrap{width:1000px;}
	
	
}

@media screen and (max-width: 480px) {

.wrap{width:98%;}

#bg-1{height:400px; background-image:url(../images/window/mobile-top-1.jpg);}
#bg-2{height:400px; background-image:url(../images/window/mobile-top-2.jpg);}
#bg-3{height:400px; background-image:url(../images/window/mobile-top-3.jpg);}

#topcontainer{height:400px;}

#topcontainer-left {width: 100%; margin: 10px 0;}
#topcontainer-left > a{display:block; width:95%; margin:0 auto; text-align:center;}

#topcontainer-right {width: 100%; margin-left:0;}

/* ############################################################################################################################################################ */

#smallmenutop{width:100%; margin-top:195px; float:none;}
#smallmenutop > a{padding:0; text-align:center; width:50%;}
#smallmenutop > a:active{border-bottom:3px solid #fff;}

/* ############################################################################################################################################################ */

#overmenuspacer{display:none;}
#undermenuspacer{display:none;}

#mainmenuwrap {display:none;}
#mainmenuwrap-mobile{display:block;}

/* ############################################################################################################################################################ */

#topcontent{height:auto;}
#topcontent > h3{display:none;}

.phone{float:left; width:100%; margin:10px 0;line-height:normal; text-align:center;}

.socialmediaboxtop{display:none;}

/* ############################################################################################################################################################ */

.infrontbox{width:48%; margin:0 1%;}
.infrontboxtitle{height:40px; font-size:1.4em; line-height:40px;}
.infrontbox-textlink{top:-8px; font-size:1.4em; line-height:25px; height:25px;}
.infrontboxsep{display:none;}

/* ############################################################################################################################################################ */

#contentarea{margin-top:0;}

#contentarea > div > h1{margin-bottom:15px; margin-top:10px;}
#contentarea > div > h2{margin-bottom:15px; margin-top:10px;}

.column-left{display:none;}
.column-left-mobile{display:block;}

.column-center-home {width:100%; margin-bottom:15px;}
.column-center{width:100%; margin-bottom:15px;}
.column-right{width:100%; margin-bottom:15px;}

.columnsep{display:none;}

/* ############################################################################################################################################################ */

/* SPECIAL CONTENT */

/* ############################################################################################################################################################ */

.nouvelle-box{position:relative; width:96%; padding:5px 2%; margin-bottom:25px; color:#fff;}
.nouvelle-box:hover{background:rgba(255,255,255,0.15); cursor:pointer;}
.nouvelle-box span{display:block; width:140px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:1.2em; background-color:#0D67B2; text-transform:uppercase;  font-family: 'MyriadProBoldCondensed'; margin-bottom:15px;}

.nouvelle-bigbox{position:relative; width:96%; padding:10px 2%; margin-bottom:30px;}
.nouvelle-bigbox span{display:block; float:left; width:140px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:1.2em;  background-color:#0D67B2; text-transform:uppercase;  font-family: 'MyriadProBoldCondensed'; margin-bottom:15px; margin-right:15px;}
.nouvelle-bigbox h3{float:left; display:block; font-size:1.4em; color:#fff;}
.nouvelle-bigbox p{color:#fff; margin-top:10px;}

.nouvelle-bigbox .pdf{display:block; float:right; padding:0 10px; height:35px; line-height:35px; color:#fff; font-size:1.2em;  background-color:#0D67B2; text-transform:uppercase;  font-family: 'MyriadProBoldCondensed'; margin-top:15px;}

/* ############################################################################################################################################################ */

.product-box{text-transform:uppercase;  font-family: 'MyriadProBoldCondensed'; font-size:1.4em;}
.product-box img{margin-right:20px;}

/* ############################################################################################################################################################ */

.message_erreur{margin-bottom:15px;}

.textfield{width:90%;}
.textarea{width:90%;}

#submit{padding:0px 25px; height:45px; line-height:45px; font-size:1.5em;}

/* ############################################################################################################################################################ */

.blackbottom{padding:30px 0px;}

.bottombox{width:90%; margin:0 5% 30px; text-align:center;}
.bottombox > ul{display:block; width:100%; text-align:left;}
.bottombox-sep{display:none;}
.socialmediaboxbottom > a{margin:0; width:100%; text-align:center;}

.bottom-email{color:#fff;}

/* ############################################################################################################################################################ */

.contactbox{width:100%; padding:0 0 30px;}
.contacth1phone{font-size:1.8em; margin-left: 0;}

/* ############################################################################################################################################################ */

.brands {float:left; width: 100%;}
.brandsimg{width:100%;}

.productcolumnwidth{width:40%;}

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

}

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

/* ############################################################################################################################################################ */

}