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

body{
font-family: 'Open Sans', sans-serif;
}


/* *********************** IMAGE BACKGROUND SITE *********************** */
html{
background: url(images/bg_vidange-debouchage-henri-schmetz-moresnet.jpg) no-repeat  right; 
background-size: cover;
background-color:#404040;
color : #100000;
}


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

#wrapper h1{
font-size:50px;
line-height:59px;
color:#626366;
font-weight:300;
}

#wrapper h2{
font-size:20px;
color:#626366;
font-style:italic;
font-weight:900;
margin-bottom:30px;
}

#wrapper h3{
font-size:20px;
font-weight:700;
font-style:italic;
line-height:30px;
color:#370000;
margin-bottom:33px;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

#wrapper h4{
font-size:24px;
font-weight:900;
text-transform:uppercase;
line-height:35px;
color:#AF1E23;
margin-bottom:40px;
padding-top:25px;
}

#wrapper p{
font-size:16px;
font-weight:300;
line-height:27px;
margin-bottom:30px;
}

#wrapper ul{
font-size:16px;
font-weight:300;
line-height:27px;
margin-bottom:30px;
list-style-position: inside;
list-style: square inside;
}

#wrapper ul li{
margin-bottom: 15px;
}

a{
color:inherit;
}

.clear{
clear:both;
}

#page_camera.news h1{
font-size: 50px;
line-height: 62px;
margin-bottom: 20px;
}

#page_camera.news h2{
font-size: 25px;
line-height: 37px;
}


/* *********************** HEADER *********************** */
#header{
width:100%;
background-color:white;
border-bottom:1px solid #6D6E70;
font-size:0px;
text-align:center;
}

#header .banner{
width:90%;
margin:auto;
}

#header .banner .logo{
display:block;
margin:auto;
}




/* *********************** MENU *********************** */
#menu{

vertical-align:top;
margin-left:10px;

}

#menu li{
border-top:1px solid #D1D2D4;
width:100%;
margin:0px;
text-align:center;
list-style-type:none;
}

#menu li a{
text-decoration:none;
color:#626366;
display:inline-block;
width:100%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}

#menu li a:hover{
color:#404040;
}

#menu li a .text1{
font-weight:700;
text-transform:uppercase;
font-size: 18px;
line-height: 22px;

}

#menu li a .text2{
display:none;
}


/* *********************** WRAPPER *********************** */
#wrapper{
width:90%;
margin:auto;
padding-top:50px;

}


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


/* ***** COMMUN A TOUTES LES PAGES ***** */

.message p{
font-size: 21px;
color: white;
font-weight: 900;
background-color: #8CC63E;
padding: 8px 33px;
display: inline-block;
}

.form{
}

/* ***** FORM ***** */


.form input[type="text"]{
height:30px;
width:100%;
border:1px solid #bdc3c7;
padding:10px;
font-size:18px;
color:#97999B;
font-weight:300;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
margin-bottom:15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.form input[type="text"]:hover{
-webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.20);
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}


.form input[type="submit"].save{
height:75px;
width:350px;
margin:auto;
display:block;
font-size:33px;
color:white;
font-weight:700;
font-style:italic;
margin-top:15px;
background-repeat:repeat-x;
text-decoration:none;
background-color:#2ecc71;
background-image:url('images/bg_button.jpg');
}

.form input[type="submit"].save:hover{
opacity:0.9;
}

.c1{
width:90%;
margin:auto;
background-color:white;
}

.c1 p{
padding-right:20px;
}

.c1 .main_pic{
float:left;
margin-right:20px;
margin-bottom:20px;
}

.c1 .center{
width:100%;
text-align:center;
}


#wrapper .c1 .adress{
text-align:center;
font-size:13px;
line-height:22px;
margin-top:25px;
margin-bottom:0px;
}


/* ***** HOME ***** */
#page_camera, #page_debouchage, #page_404{
background-color: white;
padding: 25px 50px;
box-sizing: border-box;
}

#page_camera+#page_camera{
margin-top: 50px;
padding: 0;
transition: transform 0.4s;
}

#page_camera+#page_camera:hover{
transform: scale(1.1);
}

#page_camera+#page_camera>a{
text-decoration: none;
padding: 25px 50px;
width: 100%;
display: block;
box-sizing: border-box;
}

#page_camera+#page_camera h2{
color:#626366;
font-weight:300;
font-size: 50px;
line-height: 62px;
margin-bottom: 20px;
}

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


/* ***** ERROR 404 ***** */
#page_404 .c2{
width:90%;
margin:auto;
text-align:left;
padding-top:15px;
padding-bottom:15px;
background-color:white;
}

#page_404 .c2 a{
text-decoration:none;
}

#page_404 .c2 a:hover{
text-decoration:underline;
}



#page_404 .c2 li{
list-style-type:none;
padding-left:15px;
padding-right:15px;
margin-bottom:10px;
line-height:24px;
}

#page_404 .c2 li li{
padding-left:30px;
}


/* *********************** FOOTER *********************** */
#footer .copyright{
text-align:center;
font-size:13px;
color:white;
line-height:60px;
}


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

#wrapper a.button_mail, #wrapper a.button_phone,  #wrapper a.button_next{
 height:41px;
 display:inline-block;
 padding-left:15px;
 padding-right:35px;
 line-height:41px;
 font-size:16px;
 text-transform:uppercase;
 font-weight:300;
 color:white;
 background-repeat:no-repeat;
 background-position:right center;
 text-decoration:none;
}

#wrapper a.button_mail:hover, #wrapper a.button_phone:hover, #wrapper a.button_next:hover {
-webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    1px 1px 10px 0px rgba(50, 50, 50, 0.20);
box-shadow:         1px 1px 10px 0px rgba(50, 50, 50, 0.20);
}

#wrapper a.button_mail{
background-color:#f15a29;
background-image:url('images/bg_button_mail.png');
}

#wrapper a.button_phone{
background-color:#2dcc70;
background-image:url('images/icon-button-mail.png');
}


#wrapper a.button_next{
background-color:#2dcc70;
background-image:url('images/bg_button_next.png');
}