/* CSS STYLE RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.body-container, header, .columns, .left_column, #avis-header, #avis-legal, #footer_box, #footer_text, #footer_img img, #footer_slogan{float:left;}
.right_column{float:right}

/* #####################
		TEMPLATE
   #####################*/

body{background: #e3e3e3;}
.body-container{width:100%; min-width:1210px;}
.container{max-width:1140px; margin:auto;}

.header_container{}
.header-couleur{float: left; width: 100%; background: #fff; padding: 35px 0; margin-top: 40px;}
header{width:100%;}
.logo{float:left;margin-left:  30px;}
.header-infos{float: right; margin-right: 35px;}
.header-infos .header-tel{float: left;font-family: 'Lato', sans-serif;font-size:  15px;color: #5c5c5c;margin-right:  15px;}
.header-infos .fb, .header-infos .tw, .header-infos .in{float: left; margin: -5px 5px 0 0;}
.header-infos .header-tel span{color: inherit; font-family: inherit; font-weight: 900;}
.fixed{position:fixed;z-index: 9999;margin-top: -40px;}
.fixed .header-couleur{-webkit-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.75);}

.h1_div{float:left;width: 100%;background: url(images/top-bg.jpg) top center / cover no-repeat;height:  457px;}
.h1_div h1{font-size: 27px;font-weight: 400;color: #fff;text-transform: uppercase;display:inline;background: #a51e22;padding: 40px 20px 30px 30px;float:  left;font-family:  'Lato', sans-serif;margin-top: 276px;}
.h1_div h1 span{font-weight: 900;display: block;font-size: 20px;font-family: inherit;margin-bottom: 5px;}
.h1_tel{font-size:24px; font-weight:700; color:#000; text-transform: uppercase; display:inline;}

.menu{float:right;margin-top: 57px;}
.menu li{float:left;margin-right: 30px;}
.menu li a{font-size: 19px;font-weight:400;color: #5c5c5c;text-transform:uppercase;text-decoration:none;padding: 10px 15px;display:block;font-family: 'Lato', sans-serif;}
.menu_active{border-bottom: 4px solid #a51e22;}
#menu_contact_mobile{display: none;}

.top_container.margin-top{margin-top: 230px;}
.slider{float:left;}
.white-bg{float: left; width: 100%; background: #fff;}

#contactForm{float:right;width:330px;padding:20px 25px;background: #a51e22;}
#form_title{font-size: 37px;font-weight: 900;color: #fff;text-transform:uppercase;font-family: 'Lato', sans-serif;}
#label_select{font-size: 22px;line-height:25px;color: #fff;font-family: 'Lato', sans-serif;margin-bottom:  5px;}
#contact_form_message{float:left; color:#000; margin-top:10px; margin-left:0px;}
#contact_submit{float:right;font-size:15px;font-weight:400;color:#fff;background:#000;padding:11px 15px;border:none;text-transform:uppercase;cursor:pointer;font-family: 'Lato', sans-serif;}
#contactForm select{float:left; font-family: 'Arial', sans-serif; width:100%; height:30px; padding:5px; margin-bottom:10px;}
#contactForm input[type='text']{float:left; font-family: 'Arial', sans-serif; width:96%; height:20px; padding:1.5%; margin-bottom:10px;}
#contactForm textarea{float:left; font-family: 'Arial', sans-serif; width:97%; height:103px; padding:1.5%; margin-bottom:10px;}
#contactForm a.pdc{background: none !important;padding-left: 0 !important;}

.main_container{/* padding:35px 0; */position:relative;z-index:10;}
.main_text{float:left;width: 640px;padding: 50px 0px 40px;margin-left: 30px;}
#addthis{float: left; width: 100%; margin-bottom: 30px;}
.main_text h2{font-size: 24px;line-height: 38px;color:#000;font-weight: 800;margin-bottom:30px;}
.main_text p{font-size: 13px;line-height:28px;margin-bottom:30px;color:#000;}
.main_text img{float: left;margin: 20px 20px 20px 0;}
.main_text .action{text-decoration: none; color: #fff; font-size: 13px; text-transform: uppercase; background: #000; padding: 15px 20px; display:inline-block;}
.main_text .action.mobile{display: none;}

#infos_client{float:right;width: 380px;text-align:center;padding: 30px 10px 10px 10px;background:  #c5c5c5;margin: 20px 15px 0 0;}
#infos_client img{}
p.name{font-size: 44px;margin-bottom: 0px;color: #313131;font-weight: 700;}
p.adr{font-size: 18px;color: #313131;margin-bottom:25px;}
p.tel{font-size: 27px;color: #313131;margin-bottom: 20px;}
p.tel.mobile{display: none;}
p.tel a{color:#313131; text-decoration:none;} /* Pour safari */
.courriel{font-size:13px; line-height:34px; font-weight:700; color:#fff; background:#0072bc; padding:0px 20px; border-radius:20px; display:inline-block; margin-bottom:20px;}
.dashes{display:  block;width: 125px;margin: 0 auto 10px;height: 3px;background: url(images/dashes.jpg) no-repeat;}

.custom_container{position:relative;z-index:7;padding: 190px 0 0px;margin-top: -190px;}
.bob{background: #a51e22; float: left;}
.bob img{float: left; margin-right: 30px;}
.bob .bob-quote{font-style: italic;color: #fff;font-size: 22px;line-height: 30px;width: 94%;margin-top: 30px;}
.bob .bob-quote span{font-size: 14px;text-decoration: underline;color: #ffd800;padding-left: 20px;background: url(images/lettre-icon.png) left center no-repeat;margin-left:  5px;}
.left-images{width: 500px;float: left;}
.left-images iframe{width: 100%;}
.left-images img{float: left; margin: 0;}
.main_text2{float: right;width: 560px;margin:  50px 40px 0;}
.main_text2 h3{font-size: 23px;color: #a51e22;font-weight: 800;line-height:30px;margin-bottom: 25px;}
.main_text2 p{font-size: 13px;line-height: 22px;margin-bottom:30px;color:#000;}
.main_text2 p.ul-titre{font-size: 16px; font-weight: 800;}
.main_text2 ul{float: left;margin-left: 50px;margin-bottom: 10px;float: left;width: 84%;}
.main_text2 ul li{float: left; width: 100%; font-size: 13px; margin-bottom: 15px; list-style: url(images/puce.png);}
.main_text2 h4{font-size: 13px;line-height: 17px;font-weight: 800;margin-bottom: 25px;}
.main_text2 .action{text-decoration: none; font-size: 13px;text-transform: uppercase;color: #fff;background: #a51e22;padding: 15px;display:inline-block;margin: 0 398px 25px 0;}
.main_text2 .action.mobile{display: none;}

.services_container{background:#fff; position:relative; z-index:5; padding:220px 0 25px; margin-top:-155px;}
.liste_services{float:left; width:640px;}
.liste_services h3{font-size:46px; color:#000; font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.liste_services ul{width: 100%; margin-left:45px; margin-bottom:50px;}
.liste_services ul li{margin-bottom:18px; font-size:24px; font-weight:700; text-transform:uppercase; color:#000; list-style:url(images/puce.png);}

.paragraphe_keywords{float:left; width:310px; background:#cacaca; padding:0px 25px 25px 25px; text-align:center;}
.paragraphe_keywords img{}
.paragraphe_keywords p{font-size:14px; line-height:20px; color:#000; font-weight:400;}

.infos_container{background:#cacaca; padding:10px 0px;}
.logo_bottom{float:left; margin-right:30px;}
.infos_container p{float:left; margin-top:14px; font-size:37px; font-weight:400; color:#000;}
.infos_container a{float:right; font-size:27px; line-height:20px; color:#fff; background:#000; padding:10px 20px; text-transform:uppercase; border-radius:20px; margin-top:16px;}

.map{float:right; width:341px; border:1px solid #bebebe;}

#infinite-adsense{width:100%; float:left;}
#adsense{width:970px; margin:15px auto;}

#avis-legal{width:1100px; padding:20px; background:#fff; line-height:18px; font-size:14px;}
#avis-legal h2{font-size: 22px; margin-bottom: 15px;}
#avis-legal h3{font-size: 16px; margin-bottom: 15px;}
#avis-legal p{margin-bottom: 15px; line-height: 20px;}
#avis-header{width:1100px; padding:20px; background:#fff; text-align:center; font-size:25px; font-weight:bold; margin:20px 0;}

.scrollto{cursor:pointer;}
.errorHighlight{border: solid 1px #d82424!important; background: #f9c4c4;}

#footer_box{width:100%;min-width:1210px;background:#000;}
footer{margin:auto; width: 1130px; text-align: center; padding: 10px 20px 10px 60px; color: #fff; font-size: 12px}
#footer_text{text-align: left; width: 940px; line-height: 22px; margin: 0px 0 0 0; float:left; color:#fff; font-size: 12px}
#footer_text a{color: #fff}
#footer_img{float: right;width: 170px;}
#footer_img img{margin: 0 12px 0 0;}
#footer_slogan{width: 170px; text-align: left; margin: 6px 0 0 0; font-size: 11px}
#footer_slogan a{color: #ddd; text-decoration: none; font-size:10px;}

@media screen and (max-width: 736px){
    .body-container{min-width: 0;}
    .container{width: 100%;}
    .header-couleur{padding: 20px 0;}
    .logo{float: none;margin: 0 auto;width: 266px;display:  block;}
    .header-infos{margin-top: 20px;width: 487px;margin: 25px auto;float:  none;padding-bottom: 14px;}
    .menu{margin-top: 20px;width: 465px;float:  none;margin: 0 auto;}
    .menu li{margin-right: 0;}
    .fixed{position:relative;margin-top:  0;}
    .fixed .header-couleur{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
    .top_container.margin-top{margin-top: 0;}
    footer{width: 100%;padding:  0;}
    #footer_box{min-width: 0;}
    #footer_text{width: 100%;text-align:  center;margin:  20px 0;}
    #footer_img{float: none; margin: 0 auto;}
	
	p.tel{display: none;}
	p.tel.mobile{display: block;}

    .h1_div{height: auto;background-position: right top;}
    .h1_div h1{width: 90%; padding: 50px 5% 25px;}

    .main_text{width: 90%;margin: 0 5%;}
    #infos_client{width: calc(100% - 20px); margin: 0;}
	.bob{padding-top: 20px;}
    .bob img{/* width: 100%; */}
    .left-images{float: none;width: 100%;height: auto;}
    .left-images img{width: 50%;display:  none;}
    .left_images iframe{width: 100%;}
    .main_text2{width: 90%;float: left;margin: 30px 5% 0;}
	
	#contactForm{width: calc(100% - 50px);}
	#form_title {
        font-size: 24px;
    }

    .enHaut #form_title:after {
        display: inline-block;
        margin-left: 15px;
        content: ' ';
        width: 20px;
        height: 20px;
        background: url(images/contact-btn.png) no-repeat;
        background-size: 40px;
    }

    .enHaut #label_select,.enHaut#contactForm select,.enHaut#contactForm input[type='text'],.enHaut#contactForm textarea,.enHaut#contactForm a.pdc,.enHaut #contact_submit,.enHaut #contact_form_message {
        display: none;
    }

    .enHaut .form_opened:after {
        background: url(images/contact-btn.png) no-repeat center right!important;
    }

    .bob .bob-quote{font-size: 13px; line-height: 22px; margin-top: 38px;}
    .bob .bob-quote span{display: none;}
}

@media screen and (max-width: 600px){
	.main_text img{display: none;}
	.main_text h2{font-size: 22px; line-height: 29px;}
	.bob img{width: 100%;max-width:  328px;margin:  0 auto;float:  none;display: block;}
	.bob .bob-quote{margin-top: 13px;width:  90%;margin: 16px 5%;}
	.main_text2 .action{margin-right: 60%;}
}

@media screen and (max-width: 550px){
	.h1_div h1{font-size: 25px;}
	.h1_div h1 span{font-size: 32px;}
}

@media screen and (max-width: 500px){
	.main_text h2{font-size: 20px;}
	.header-infos{width: 84px; padding-bottom: 1px;}
	.header-infos .header-tel{display: none;}

	.main_text .action{font-size: 11px; text-transform: none;}
}

@media screen and (max-width: 465px){
	#menu_stick {/* display: none; */}

	.h1_div h1{font-size: 21px;}
	.h1_div h1 span{font-size: 28px;}

	.main_text2 .action{margin-right: 42%;}
	.menu{width: 318px;margin: 0 auto;}
	.menu li a{font-size: 17px; padding: 9px; text-transform: none;}
}

@media screen and (max-width: 400px){
	.h1_div h1{font-size: 19px; padding-top: 30px;}
	.h1_div h1 span{font-size: 26px;}
	.main_text h2{font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 340px){
	.h1_div h1{font-size: 17px;}
	.h1_div h1 span{font-size: 24px;}
}