@charset "UTF-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/
html{
	font-size:12pt;	
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* GENERAL STYLING */

body{background-color:#010101;}
#maincontainer{position:relative; width:100%;}
.wrap{position:relative; width:1170px; margin:0 auto;}
#texturebg{position:relative; width:100%; background-image:url(../images/metal-texture.jpg); background-repeat:repeat;}
#textureshadow{position:relative; width:100%; background-image:url(../images/metal-texture-top-gradient.png); background-repeat:repeat-x; background-position:top;}

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

#bg-1{
	position:absolute; top:0px; width:100%; height:800px; z-index:-1;
	background-image:url(../images/window/top-1.jpg); background-position:top center; background-repeat:no-repeat;
}

#bg-2{
	position:absolute; top:0px; width:100%; height:800px; z-index:-1;  opacity:0; filter: alpha(opacity=0);
	background-image:url(../images/window/top-2.jpg); background-position:top center; background-repeat:no-repeat;
}

#bg-3{
	position:absolute; top:0px; width:100%; height:800px; z-index:-1;  opacity:0; filter: alpha(opacity=0);
	background-image:url(../images/window/top-3.jpg); background-position:top center; background-repeat:no-repeat;
}

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

#topcontainer{position:relative; width:100%; height:800px;}


#topcontainer-left{position:relative; float:left; width:27%; margin-top:50px;}

#topcontainer-right{position:relative; float:left; width:70%; margin-left:3%;}

#smallmenutop{position:relative; float:right; height:45px; background-color:#0D67B2;}
#smallmenutop > a{position:relative; display:block; float:left; padding:0px 15px; height:42px; line-height:45px; text-decoration:none; color:#fff;  font-family: 'MyriadProBoldCondensed'; text-transform:uppercase; border-bottom:3px solid #0D67B2;}
#smallmenutop > a:hover{border-bottom:3px solid #fff;}

#overmenuspacer{position:relative; width:100%; height:40px; margin-top:45px;}
#undermenuspacer{position:relative; width:100%; height:270px;}

#mainmenuwrap{position:relative; width:100%; /*margin-top:85px;*/ background-color:#000; height:50px;}

#mainmenuwrap > ul{display:block; list-style-type:none; position:relative; width:100%;}
#mainmenuwrap > ul > li{position:relative;}
#mainmenuwrap > ul > li > a{display:block; position:relative; float:left; padding:0px 15px; height:50px; line-height:50px; text-decoration:none; color:#fff; font-family: 'MyriadProBoldCondensed'; text-transform:uppercase; font-size:1.5em; font-weight:normal;}
#mainmenuwrap > ul > li:hover > a{color:#0D67B2;}

/*#mainmenuwrap > ul > li > ul{position:absolute; top:50px; left:0px; display:block; margin-top:50px;}
#mainmenuwrap > ul > li > ul > li{position:relative;}
#mainmenuwrap > ul > li > ul > li a{position:relative; display:block;}*/
#sub-produits {position: absolute; top:50px; left: 125px; width: 270px; list-style:none; z-index:9999;}
#sub-produits > li {background-color:#000;}
#sub-produits > li:hover {background-color:#0D67B2;}
#sub-produits > li > a {padding: 10px 20px; display: block; text-decoration: none; color: #fff;}

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

#mainmenuwrap-mobile{position:relative; width:100%; background-color:#000; display:none;}

.mobileli{position:relative;}
.mobilelinklvl1{display:block; position:relative; float:left; padding:0; text-align:center; width:100%; height:50px; line-height:50px; text-decoration:none; color:#fff; font-family: 'MyriadProBoldCondensed'; text-transform:uppercase; font-size:1.5em; font-weight:normal;}
.mobilelinklvl1:hover{color:#0D67B2;}

#sub-produits-mobile {position: relative; float:left; width: 100%;}

.mobilelinklvl2{display:block; position:relative; padding: 10px 0; float:left; text-align:center; width:100%; display: block; text-decoration: none; color: #fff; background-color:#222222; text-transform:uppercase; font-family: 'MyriadProBoldCondensed'; font-size:1.5em;}
.mobilelinklvl2:hover{background-color:#0D67B2;}

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

#topcontent{position:relative; width:100%; height:110px;}
#topcontent > h3{position:relative; display:block; float:left; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:2em; line-height:110px; text-transform:uppercase; color:#fff;}

.phone{position:relative; display:block; float:right; margin-right:30px; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:2em; line-height:110px; color:#fff;}

.socialmediaboxtop{position:relative; float:right; height:110px;}
.socialmediaboxtop > a{display:block; float:left; margin:35px  5px;}
.socialmediaboxtop > a:hover{opacity:0.5;}

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

#infrontboxes{position:relative; width:100%;}

.infrontbox{position:relative; float:left; width:270px;}
.infrontbox-piclink{display:block; width:100%;}

.infrontboxtitle{position:relative; display:block; width:88%; height:60px; padding:0px 6%; background-color:#272727; color:#fff; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:1.5em; line-height:60px; text-transform:uppercase;}

.infrontbox-textlink{display:block; position:relative; top:-15px; left:45%; width:50%; background-color:#0D67B2; color:#fff; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:1.5em; line-height:35px; text-transform:uppercase; text-decoration:none; text-align:center;}
.infrontbox-textlink:hover{background-color:#fff; color:#0D67B2;}

.infrontboxsep{position:relative; float:left; width:30px; height:300px;}

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

#contentarea{position:relative; width:100%; margin-top:80px;}

#contentarea > div > h1{color:#fff; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:2em; text-transform:uppercase; margin-bottom:30px;}
#contentarea > div > h2{color:#fff; font-family: 'MyriadProBoldCondensed'; font-weight:normal; font-size:2em; text-transform:uppercase; margin-bottom:30px;}

.column-left{position:relative; float:left; width:270px; margin-bottom:75px;}

.column-left-mobile{display:none; position:relative; float:left; width:100%; margin-bottom:15px;}

.column-center-home {position:relative; float:left; width:570px; margin-bottom:75px;}
.column-center{position:relative; float:left; width:840px; margin-bottom:75px;}
.column-right{position:relative; float:left; width:270px; margin-bottom:75px;}
.columnsep{position:relative; float:left; width:30px; height:200px;}

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

#contact {color:white; line-height:1.7em;}

.contactbox{position:relative; float:left; width:40%; padding:0 5% 30px;}
.contactbox h2{margin-bottom:0px; text-transform: uppercase;}

.contacth1phone{font-size:2em; margin-left: 27%;}

#contact td {padding:0 70px 40px;}
#contact td > h2{margin-bottom:-20px; text-transform: uppercase;}

#contact a{display:block; float:left; padding:0 10px; height:25px; line-height:25px; text-decoration:none; background-color:#fff; color:#0D67B2; margin-top:10px;}
#contact a:hover{background-color:#0D67B2; color:#fff;}

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

.brands {position: relative; float: right; width: 540px;}
.brands h2 {color: white;}
.brands p {color:white; padding:25px 0; line-height:1.6em;}
.brands ul {color:white; padding-bottom:25px;}
.brands ul li {line-height: 1.7em; margin-left: 25px;}
.brands a {color:white;}
.brands tr {padding-bottom:15px;}
.brands td {width: 200px; padding: 0 10px 40px;}

.brandsimg{float:left;}

.productcolumnwidth{width:290px;}

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

.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;}

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

.column-center > img{margin-bottom:30px;}
.addthis_place{margin-top:30px;}

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

.product-box{width:96%; padding:5px 2%; height:70px; line-height:70px; color:#fff; margin-bottom:10px;}
.product-box:hover{background:rgba(255,255,255,0.15); cursor:pointer;}
.product-box img{float:left; margin-right:10px;}

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

.blackbottom{position:relative; width:100%; padding:60px 0px; background:#000;}

.bottombox{position:relative; float:left; width:270px; color:#8f8f8f;}
.bottombox-sep{position:relative; float:left; width:30px; height:50px;}

.copyright{font-size:0.9em; margin:15px 0px;}

.socialmediaboxbottom{position:relative;}
.socialmediaboxbottom > a{display:block; float:left; margin:15px  5px;}
.socialmediaboxbottom > a:hover{opacity:0.5;}

.bottom-email{color:#8f8f8f; text-decoration:none;}
.bottom-email:hover{color:#fff;}

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

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

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

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

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

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

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

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

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

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

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

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

.message_erreur{padding:20px; background:#F00; color:#FFF; border:3px solid #FFF;}

.textfield{display:block; width:100%; height:25px; line-height:25px;}
.textarea{display:block; width:100%; height:100px;}

#human{display:none;}
#submit{display:block; padding:0px 15px; height:25px; line-height:25px; font-size:1.2em; background-color:#0D67B2; color:#fff; font-family: 'MyriadProBoldCondensed'; text-transform:uppercase; border:none;}
#submit:hover{background-color:#fff; color:#0D67B2; cursor:pointer;}

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

.blacktransline{position:relative; width:100%; height:15px; background-color:rgba(0,0,0,0.5);}
.white_text{color:#fff;}
.clear{clear:both;}
.ul-margin{margin-left:15px;}