/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/*-- preload --*/
#preload-images {position: absolute;overflow: hidden;left: -9999px; top: -9999px;height: 1px;width: 1px; }
/*-- Fonts --*/
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratultra_light';
    src: url('../font/montserrat-ultralight-webfont.eot');
    src: url('../font/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('../font/montserrat-ultralight-webfont.woff') format('woff'),
         url('../font/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('../font/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*-- Icons --*/
.icone-facebook:after{content: url(../img/icone-facebook.png);}
.icone-facebook:hover:after{ content:url(../img/icone-facebook_hover.png);}
.icone-google:after{ content: url(../img/icone-google.png)}
.icone-google:hover:after{ content: url(../img/icone-google_hover.png)}

.icone-new-services:after{ content: url(../img/icone_nouveau-service.png)}
.icone-services:after{content: url(../img/icone_services.png)}
.icone-hands:after{content: url(../img/icone_venez-rencontrer.png)}
.icone-snow:after{ content: url(../img/icone_soyez-prepare.png)}
.icone-phone:after{ content: url(../img/icone_telephonez.png)}
.icone-zone-services:after{ content: "";background-image: url('../img/icone_zones-service.png');background-size: 4em;background-repeat: no-repeat;width: 4em;height: 4em;}
.icone-paiement:after{ content: url(../img/icone_modes-paiement.png)}
.icone-open:after{ content: url(../img/icone_heures-ouverture.png)}
.icone-fleche-avant-plan:after{ content: url(../img/fleche_propositions-avant-plan.png)}
.icone-fleche-avant-plan-bf:before{ content: url(../img/fleche_propositions-avant-plan.png)}
.icone-fleche-continue:after{ content: url(../img/fleches_contenu.png)}

.icone-btn-menu:after{ content: url(../img/bouton_menu-mobile.jpg)}
.icone-btn-menu-open:after{ content: url(../img/bouton_menu-mobile-ouvert.jpg)}
/*-- Head --*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
/*-- Body --*/
body{}
p, a, li{font-family:'montserratlight', serif !important; color:#000}
h1, h2, h3{font-family:'montserratsemi_bold', serif !important}
h1{color:#ee2e24!important; font-size:28px !important; padding: .5em 0;}
h2{font-size:22px!important}
p, a, li, h2{font-size:16px}
.semi-bold{font-family:'montserratsemi_bold', serif!important}
.bold{font-family:'montserratbold', serif!important}
.light{font-family:'montserratlight', serif!important}
.ultra-light{font-family:'montserratultra_light', serif!important}
.italic{font-family:'montserratlight', serif}
.bold-italic{ font-weight:bold;font-style: italic;font-family: 'montserratlight', serif;!important}
.wrapper{max-width:1280px;position:relative;width:85%;margin:0 auto;}
.red{color:#ee2e24!important; text-decoration:none !important}
.white{color:#FFF!important;}
.black{color:#000!important;}
.selected{ border-bottom:2px solid #ee2e24 !important;}
#menu1,#menu2,#menu3,#menu4{cursor:pointer}
/*-- Header --*/
header{background-color:#000;}

	/* -- Bannières -- */
	
header .banniere{height: 33em;background-image:url(../img/bg_contenu.png)}

header .banniere1-accueil{background-image:url(../img/bannieres/accueil-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-accueil{background-image:url(../img/bannieres/accueil-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-accueil{background-image:url(../img/bannieres/accueil-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}

header .banniere1-a-propos{background-image:url(../img/bannieres/a-propos-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-a-propos{background-image:url(../img/bannieres/a-propos-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-a-propos{background-image:url(../img/bannieres/a-propos-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
		
header .banniere1-services{background-image:url(../img/bannieres/services-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-services{background-image:url(../img/bannieres/services-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-services{background-image:url(../img/bannieres/services-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}

header .banniere1-raccordement-sous-pression{background-image:url(../img/bannieres/raccordement-sous-pression-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-raccordement-sous-pression{background-image:url(../img/bannieres/raccordement-sous-pression-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-raccordement-sous-pression{background-image:url(../img/bannieres/raccordement-sous-pression-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}	

header .banniere1-genie-civil-et-excavation{background-image:url(../img/bannieres/genie-civil-et-excavation-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-genie-civil-et-excavation{background-image:url(../img/bannieres/genie-civil-et-excavation-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-genie-civil-et-excavation{background-image:url(../img/bannieres/genie-civil-et-excavation-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}

header .banniere1-demenagement-commercial{background-image:url(../img/bannieres/demenagement-commercial-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-demenagement-commercial{background-image:url(../img/bannieres/demenagement-commercial-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-demenagement-commercial{background-image:url(../img/bannieres/demenagement-commercial-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}

header .banniere1-nous-contacter{background-image:url(../img/bannieres/nous-contacter-banniere1.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere2-nous-contacter{background-image:url(../img/bannieres/nous-contacter-banniere2.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
header .banniere3-nous-contacter{background-image:url(../img/bannieres/nous-contacter-banniere3.jpg); background-repeat:no-repeat;height: 35em!important;background-position: 50%; width:100%!important;}
	/* -- Fin Bannières -- */
header .banniere .item{}
header .banniere .active{display:block !important}
header .banniere .carousel-inner{margin-top: -1.4em;background-color:#e8e8e8}
header .slogan{ background-color:#FFF;padding-top: 2em;}
header .slogan p{ text-transform:uppercase; font-size:30px; text-align:center;padding: .5em 0;font-family:'montserratlight', sans-serif}
header .slogan p .red{font-family:'montserratbold', sans-serif}
header .highlight{background-image:url(../img/bg_propositions-avant-plan.jpg)}
header .top-logo{margin: 0 auto;width: 17em;}
header .top-logo img{position: absolute;margin: 4em 0 0 0;z-index:100}
/*-- MENU --*/
header .navigation{padding: 1em 0; width:100%;height: 4em;}
header .navigation .wrapper{width: 100%;}
header nav{width: 100%;margin: 0 auto;}
header nav .menu{display:none}
header .showMenu{display:inline-block!important;display:-moz-box!important;display: list-item !important;}
header nav .small-menu-sociaux{display:block}
header nav .menu #menu1menu,header nav .menu #menu2menu,header nav .menu #menu3menu{display:none;}
header nav .menu li .icone-facebook:hover,header nav .menu li .icone-google:hover{ border-bottom:none;}
header nav .small-menu-sociaux{margin-top: -1em}
header nav #menu2menu,header nav #menu3menu{}
header nav #menu2menu{background-color: #000; z-index:102;position: absolute;text-align:center;width: 104.5%;padding-bottom: 1em;left: 0;list-style-type: none;display:none}
header nav li{ list-style:none;}
header nav #menu2menu li{padding: .5em}
header nav #menu2menu li a{color:#FFF}
header nav #menu2menu li a:hover{border-bottom:2px solid #ee2e24; text-decoration:none}
header nav .menu .icone-facebook{padding: 0 1em;margin: 0 -1.5em 0 -1em;}
header nav .medias .icone-facebook{padding: 0 1em;}
header nav .medias{display:inline-flex;margin-left: 1em;margin-top: 1em;}
header nav .btn-menu{float:right;margin-top:1em;}

header .highlight-2{ background-image: url(../img/bg_propositions-avant-plan_mobile.jpg);padding: 0;margin-top: -.7em; display:none}
header .highlight-2 .featurette{padding: 1em .5em;text-align: center;}
header .highlight-2 .featurette p{display:none}
header .highlight-2 .featurette h3{color:#FFF;font-size:22px;}

header .highlight-2 .featurette button{border:2px solid #FFF; border-radius: 7px; background-color:#FFF; color:#ee2e24;padding: 0.5em;vertical-align: middle;font-size:14px;font-family:'montserratlight', sans-serif;margin-top: .5em;}
header .highlight-2 .featurette button:hover{ background-color:Transparent; color:#FFF; border:2px solid #FFF;}
header .highlight-2 .featurette button span:before{ content:url(../img/fleche_propositions-avant-plan.png)}
header .highlight-2 .featurette button:hover span:before{ content:url(../img/fleche_propositions-avant-plan_hover.png)}
header .highlight-2 .featurette button span{vertical-align: sub;padding-left: .5em;}
/*-- Main --*/
main .main{background-image:url(../img/bg_contenu.png);margin: 0 0 -.7em 0;padding: 2em 0 3em 0;}
main .mainBoxRight .redTiret{border-bottom: 2px solid #ee2e24;width:2em;margin: 0 auto;margin-bottom: 1em;}
main .redTiret{border-bottom: 2px solid #ee2e24;width:2em;}
main .formulaire, main .wss-widget-map{padding: 2em 0;}
main .mainBoxInfo{padding-bottom: 2em;}
main .mainBoxInfo .RSPimg{padding:2em 0;width: 100%;}
main .mainBoxRight{text-align: center; border-top:1px solid #ababab; border-left:none;}
main .mainBoxRight .top{margin-bottom: 3em;}
main .mainBoxRight .top img{margin-top: 3em;}
main .mainBoxRight ul li span{padding-right:.5em;}
main .mainBoxRight ul li{list-style-type:none;margin-left: -3em;margin-bottom: .5em;}
main .mainBoxRight .bottom p a{color:#000;}
main .mainBoxRight .bottom p a:hover, main .mainBoxRight .bottom p a:visited, main .mainBoxRight .bottom p a:active, main .mainBoxRight .bottom p a:link{color:#000; text-decoration:none}
main .formulaire form input:not([type="submit"]), form textarea {font-size: 14px;width: 100%;display: block;margin: 0.75em 0;padding: 0.5em 0 0.5em 0.5em;border: 1px solid transparent;background-color: rgba(255,255,255,0.6);font-family: 'montserratlight', serif;color: #000;}
main .formulaire form #fileToUpload{cursor: pointer;}
main .formulaire form #submit{border: 2px solid #ee2e24;background-color: rgba(255,255,255,0);border-radius: 6px;color: #ee2e24;font-weight: bold;padding: .5em 1em;}
main .formulaire #submit:hover{border: 2px solid #ee2e24;background-color: #ee2e24;border-radius: 6px;color: #FFF;font-weight: bold;padding: .5em 1em;}
main .formulaire .inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
main .formulaire .inputfile + label {border: 2px solid #ee2e24;background-color: rgba(255,255,255,0);border-radius: 6px;color: #ee2e24;font-weight: bold;padding: .5em 1em;display: inline-block}
main .formulaire .inputfile:focus + label,
main .formulaire .inputfile + label:hover {background-color: #ee2e24;color:#FFF;border: 2px solid #ee2e24;}
main .formulaire .inputfile + label {cursor: pointer;}
main .formulaire .inputfile:focus + label {outline: 1px dotted #000;outline: -webkit-focus-ring-color auto 5px;}
main .formulaire .inputfile + label * {pointer-events: none;}
main .mainBoxInfo ul li:before {content: "";line-height: 1em;width: .3em;height: .3em;background-color: #ee2e24;float: left;margin: .5em .8em 0 .25em;border-radius: 50%;}
main .mainBoxInfo ul li{ list-style-type:none}
main .mainBoxInfo .number li{ list-style-type:decimal; color:#ee2e24}
main .mainBoxInfo .number li:before{ content: ""; background-color:transparent !important}
main .mainBoxInfo ul{margin-left: -2em;}
/*-- nous-contacter --*/
main .NC-Info {height:17em; display:inline-table}
main .NC-Info span{padding-right:2em}
main .NC-Info .NC-Info-P{padding-top:0em}
main .NC-Info .NC-Info-Left{width:100%;padding-right:3em;margin: 2em 0; display:inline-flex}
main .NC-Info .NC-Info-Right{width:100%;display:inline-flex}

/*-- Footer --*/
footer{background-image:url(../img/bg_pied.jpg);background-position: 50%;}
footer .infos{padding: 1.5em;}
footer .infos p{font-size:16px;color:#FFF;}
footer .infos p a:hover{color:#ee2e24!important; text-decoration:none}
footer .infos .red{font-size:28px;font-family:'montserratsemi_bold', sans-serif}
footer .infos .white{padding: .5em;margin-top: .5em;}
footer .infos .tiret{ border-bottom: 2px solid #FFF; width:2em; margin:0 auto;}
footer .sous-menu, footer .copy-right {padding-bottom: 1.5em;}
footer .sous-menu, footer .copy-right,  footer .infos{ text-align:center}
footer .sous-menu li{list-style:none;}
footer .sous-menu li a{ text-decoration:none;color:#FFF;font-size:16px}
footer .sous-menu li a:hover{ text-decoration:none; border-bottom: 2px solid #ee2e24;}
footer .sous-menu .separtor{display:none}
footer .sous-menu #menu4menu{display:none;}
footer .copy-right p{color:#a3a3a3; font-size:12px}
footer .copy-right p a{text-decoration:none;color:#a3a3a3;cursor:pointer;font-family:'montserratsemi_bold', sans-serif;font-size:12px}
footer .copy-right p a:hover{text-decoration:none;color:#a3a3a3}
footer .copy-right .footerCPbr{display:block}
footer .highlight-2{ background-image: url(../img/bg_propositions-avant-plan_mobile.jpg);padding: 0;margin-top: -.7em; display:block;background-position: 50%;}
footer .highlight-2 .featurette{padding: 2em .5em;text-align: center;}
footer .highlight-2 .featurette p{color:#FFF!important;font-size:16px;}
footer .highlight-2 .featurette h3{color:#FFF;font-size:22px;}
footer .highlight-2 .featurette button span:before{ content:url(../img/fleche_propositions-avant-plan.png)}
footer .highlight-2 .featurette button:hover span:before{ content:url(../img/fleche_propositions-avant-plan_hover.png)}
footer .highlight-2 .featurette button span{vertical-align: sub;padding-left: .5em}
footer .highlight-2 .featurette button{border:2px solid #FFF; border-radius: 7px; background-color:#FFF; color:#ee2e24;margin-top:.5em;padding: 0.5em 1em;vertical-align: middle;}
footer .highlight-2 .featurette button:hover{ background-color:Transparent; color:#FFF; border:2px solid #FFF;}
/*-- carousel --*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100% !important}
/*--  --*/
/*--  --*/

@media all and (min-width: 571px){
/*-- Header --*/	
header .slogan p{font-size:33px;}
/*-- MENU --*/
header .top-logo img{margin: 3em 0 0 0;}
header nav{width: 44em;margin: 0 auto;float: inherit;}
header nav .small-menu-sociaux{display:none}
header nav .menu{display:table;margin-top: auto;}
header nav .menu li,header nav .menu .drop-1{display:inline-block;padding-left: 1.3em;vertical-align: middle;}
header nav .menu .drop-1{margin-left:-1em}
header nav .menu li a,header nav .menu .drop-1 li a{color:#FFF;text-decoration:none;font-size:14px;}
header nav .menu li a:hover{ border-bottom:2px solid #ee2e24; text-decoration:none}
header nav .menu #menu1menu{background-color: #000;border-radius: 10px; z-index:2;position: absolute;padding: 1em .5em;margin-left: -6em;margin-top:0em;width: 20em; text-align:center;display:none;list-style-type: none;}
header nav .menu #menu1menu li{ border-bottom:1px solid #CCC;padding: .5em;width: 16em;}
header nav .menu #menu1menu li:last-child{ border-bottom:none}
header .highlight-2{ background-image: url(../img/bg_propositions-avant-plan_tablette.jpg);display:block}
header .highlight-2 .featurette{width:33%;display: table-cell;padding:2.5em .5em;text-align: center;}
header .highlight-2 .featurette p{color:#FFF!important;font-size:16px;font-family:'montserratlight', sans-serif;margin-top:.5em;display:block}
header .highlight-2 .featurette p span{color:#FFF;font-size:22px;}
/*-- Footer --*/	
footer .sous-menu{display: flex;margin: 0 auto;width: 41em;}
footer .sous-menu .separtor{display: inline-block;margin: 0 .5em;}
footer .sous-menu #menu4menu{background-color: #000;border-radius: 10px; z-index:2;position: absolute;padding: 1em .5em;margin-left: -14.5em;margin-top:-17em;width: 29em; text-align:center;list-style: none;display:none}
footer .sous-menu #menu4menu li{ border-bottom:1px solid #CCC;padding: .5em;width: 21em;}
footer .sous-menu #menu4menu li:last-child{ border-bottom:none}
footer .highlight-2,footer .copy-right .footerCPbr{display:none}

/*-- Main --*/
main .NC-Info {height:14em}




}
@media all and (min-width: 768px){
/*-- Header --*/
header .highlight-2{ background-image:url(../img/bg_propositions-avant-plan.jpg);background-position: 50%;}
main .mainBoxInfo{width: 70%;padding-right:4em;display: table-cell;}
main .mainBoxRight{width: 30%; border-top:none; border-left:1px solid #ababab;display: table-cell;}
main .mainBoxRight .container{margin-top: -2em;}
/*-- MENU --*/

/*-- Footer --*/

/*-- Main --*/

}
@media all and (min-width: 950px){
/*-- Header --*/
header .top-logo{margin:0;}
header .top-logo img{position: absolute;margin: -1em 0 0 0;}
header .slogan p{font-size:33px;}
header .navigation .wrapper{width: 85%;}
header nav{float: right;}
header nav .small-menu-sociaux{display:none}
header nav .menu #menu1menu{background-color: #000;border-radius: 10px; z-index:2;position: absolute;padding: 1em .5em;margin-left: -6em;margin-top:0em;width: 20em; text-align:center;display:none}
header nav .menu #menu1menu li{ border-bottom:1px solid #CCC;padding: .5em;width: 16em;}
header nav .menu #menu1menu li:last-child{ border-bottom:none}
/*-- Footer --*/
footer .wrapper{height:17em}
footer .infos {float:left;text-align: left;margin-top: 2em}
footer .infos div {text-align: left}
footer .infos .tiret{float: left;}
footer .infos div div:last-child{display:none}
footer .infos .white {margin-top: 1.5em;margin-left: -.5em;}
footer .sous-menu {text-align: right;float: right;margin-top: 4em; margin-right:-2em}
footer .copy-right{padding-top:8em}
footer .copy-right div p{text-align:right}
footer .sous-menu #menu4menu{background-color: #000;border-radius: 10px; z-index:2;position: absolute;padding: 1em .5em;margin-left: -18em;margin-top:-17em;width: 29em; text-align:center;list-style: none;display:none}

/*-- Main --*/

}
@media all and (min-width: 1024px){	
/*-- Header --*/
header .slogan p{font-size:42px;}
/*-- Footer --*/

/*-- Main --*/

}
@media all and (min-width: 1140px){	
/*-- Header --*/

/*-- Footer --*/

/*-- Main --*/

}