@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');


*{
	padding:0px;
	border:0px;
	margin:0px;
}


body{
font-family: 'Roboto', sans-serif;
background-color:white;
}




/* *********************** COMMON *********************** */

h1{
font-size:42px;
line-height:42px;
font-weight:900;
margin-top:25px;
margin-bottom:25px;
}



#wrapper p{
margin-top: 32px;
margin-bottom: 27px;
font-size: 16px;
line-height: 26px;
font-weight: 700;

}

a{
color:inherit;
transition: all 0.3s;
}

a:hover{
color:#80CA00;
text-decoration:underline;
}

.clear{
clear:both;
}

#wrapper li{
font-size:20px;
line-height:27px;
margin-bottom:20px;
font-weight:300;
list-style-type:none;
}

#wrapper li:before{
content:"> ";
}




/* *********************** HEADER *********************** */

#banner{
width:100%;
height:180px;
background-color:white;
background-image:url('images/bg_header.png');
background-repeat:repeat-x;
background-position:top;
}

#banner .content{
width:1000px;
margin:auto;
}

#banner .c2{
display:inline-block;
vertical-align:top;
max-width:50%;
}

#banner .c2 img.logo{
position:relative;
top:-30px;
float:left;
}


#banner .c3{
display:inline-block;
vertical-align:top;
text-align:right;
float:right;
max-width:40%;
}

#banner .c3 p.text1{
margin-top: 43px;
color: #80CA00;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
margin-right: 15px;
}

#banner .c3 p.text2{
color: #D1D3D4;
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
position: relative;
top: -7px;
margin-right: 15px;
}




/* *********************** MENU *********************** */
#banner .c1{
width:100%;
height:35px;
text-align:right;
}


#banner .c1 li{
display:inline-block;
list-style-type:none;
}

#banner .c1 li a{
display:inline-block;
color:white;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
font-size:13px;
line-height:35px;
margin-right:20px;
margin-left:0px;
padding-left:0px;
padding-right:0px;
}


#banner .c1 li a:hover{
color:#80CA00;
}




/* *********************** WRAPPER *********************** */
#wrapper{
width:100%;
margin:auto;
}


/* *********************** PAGES *********************** */

/* ***** ISOLATION ***** */

#isolation{
min-height:600px;
background-image:url('images/ouate-de-cellulose-michel-counen.png');
background-repeat:no-repeat;
background-position:center;
color:white;
background-color:#404040;
}

#isolation .c1{
width:50%;
min-height:600px;
float:left;
}

#isolation .c2{
width:50%;
min-height:600px;
float:right;
}

#isolation .c2 .content{
width:430px;
margin-left:50px;
margin-right:20px;
}

#isolation .c2 img.arrow{
position:relative;
top:-1px;
}

/* ***** ETANCHEITE ***** */

#etancheite{
margin-top:50px;
margin-bottom:50px;
min-height:485px;
color:#46504D;
}

#etancheite .c1{
width:50%;
min-height:485px;
float:left;
}



#etancheite .c1 .content{
width:480px;
float:right;
margin-left:20px;
}


#etancheite .c2{
width:50%;
min-height:485px;
float:right;
background-image:url('images/etancheite-air-maison-basse-energie-passive.png');
background-repeat:no-repeat;
background-position:left;
}


/* ***** ISOLATION ***** */

#menuiserie{
min-height:450px;
background-image:url('images/menuiserie-counen.png');
background-repeat:no-repeat;
background-position:center top;
color:white;
background-color:#404040;
}

#menuiserie .c1{
width:50%;
min-height:450px;
float:left;

}

#menuiserie .c2{
width:50%;
min-height:450px;
float:right;
}

#menuiserie .c2 .content{
width:430px;
margin-left:50px;
margin-right:20px;
margin-top:85px;
}


/* ***** CONTACT ***** */

#contact{
min-height:450px;
color:#46504D;
margin-top:55px;
}

#contact .c1{
width:50%;
min-height:450px;
float:left;
}

#contact .c1 .content{
width:430px;
margin-right:50px;
margin-left:20px;
float:right;
}

#contact .c1 .content img.logo{
max-width:100%;
margin-bottom:25px;
}

#contact .c1 .content p.adresse{
padding-left:15px;
border-left:2px solid #80CA00;
}

#contact .c1 .content p.tel{
font-size:29px;
color:#80CA00;
}

#contact .c1 .content p.tva{
font-size:12px;
}

#contact .c2{
width:50%;
min-height:450px;
float:right;
}

#contact .c2 .content{
width:430px;
margin-left:50px;
margin-right:20px;
float:left;
}

#contact .c2 p{
margin-top:5px;
margin-bottom:0px;
font-weight:300;

}

#contact .c2 input[type="text"]{
border:1px solid #bdc3c7;
padding:10px;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
margin-bottom:15px;
width:90%;

border-radius: 2px;
}

#contact .c2 input[type="text"]:hover{

box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}

#contact .c2 textarea{
border:1px solid #bdc3c7;
height:300px;
width:90%;
padding:4%;
font-size:16px;
color:#2c3e50;
transition: all 0.2s ease-in-out;
vertical-align:top;
margin-bottom:15px;

border-radius: 2px;

}

#contact .c2 textarea:hover{
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}

#contact .c2 input[type="submit"].save{
display:inline-block;
padding-left:25px;
padding-right:25px;
line-height:35px;
font-size:16px;
text-decoration:none;
margin-top:10px;
margin-bottom:30px;
color:#46504D;
border:1px solid #46504D;
background-color:white;
transition: all 0.3s;
}

#contact .c2 input[type="submit"].save:hover{
color:white;
background-color:#80CA00;
border:1px solid #80CA01;
}


#map{
width:100%;
height:400px;
background-color:#c1c1c1;
}

#map iframe{
width:70%;
height:400px;
margin:auto;
border:0px;
}


/* ***** 404 ***** */
#e404{
text-align:center;
min-height:600px;
}

#e404 p{
margin-top:180px;
margin-bottom:180px;
}


/* *********************** FOOTER *********************** */

#footer{
width:100%;
min-width:1000px;
min-height:250px;
background-color:#46504D;
text-align:center;
}

#footer img.signature{
width:80%;
max-width:800px;
padding-top:40px;
padding-bottom:25px;
}


/* *********************** COPYRIGHT *********************** */
#copyright{
width:100%;
text-align:center;
height:35px;
background-color:#46504D;
}

#copyright p{
font-size:11px;
color:white;
text-align:center;
line-height:35px;
margin-bottom:0px;
}

#copyright a{
color:inherit;
}



/* *********************** BUTTONS *********************** */

a.button_mail, a.button_phone, a.button_next, a.button_slider {
height:56px;
display:inline-block;
padding-left:33px;
padding-right:33px;
line-height:56px;
font-size:19px;
text-transform:uppercase;
color:white;
text-decoration:none;
margin-top:20px;
border:1px solid white;


transition: all 0.3s;
}

a.button_mail{
color:#f39c12;
font-weight:700;
border:1px solid #f39c12;
}

a.button_mail:hover{
background-color:#f39c12;
color:white;
}

a.button_phone{
color:#013BA4;
font-weight:700;
border:1px solid #013BA4;
}

a.button_phone:hover{
background-color:#013BA4;
color:white;
}


a.button_next{
color:#3a71b5;
border:1px solid #3a71b5;
}

a.button_next:hover{
background-color:#3a71b5;
color:white;
}


a.button_slider{
color:white;
border:1px solid white;
}

a.button_slider:hover{
}