/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display:block;}  
input, textarea	{ -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0;}
*          		{ outline:none !important;}
strong, b		{ font-weight:bold;}
ul				{ list-style-type:none;}
body			{ font-family: 'Assistant', sans-serif; font-weight: 400; color:#333; background:#fff;}
a				{ text-decoration:none; color:#4d1249; outline:none;}
img				{ border:none;}
 body a, body a span, span:before, span:after, a:after, a:before, .link, .sub, .slick-prev, .slick-next, .slick-dots button, .btn { -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
a:hover			{ color:#e41b23;}
#wrapper 		{ min-width:320px; background:#fff; position: relative; }
#wrapper *		{ box-sizing:border-box;}

@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@viewport { width: device-width; }

/* CLASS */
.clear				{ clear:both; display:block;}
.titreMain 			{ color: #191f3a; font:36px/38px lob; margin-bottom: 10px; }
.sousTitre 			{ font:normal 18px/22px ssp-sb; color:#d2b052; position:relative; margin:0 0 25px; text-transform: uppercase; letter-spacing: 1px; }
.btn 				{ width:auto; height:45px; display:inline-block; position:relative; font:normal 16px/45px; color:#fff; 
    text-decoration:none !important; padding:0 25px; background:#8f080f; text-transform: uppercase;}
.btn:hover 			{ background: #f9a529; color: #fff; -webkit-box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.32); -moz-box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.32); box-shadow: 0px 10px 14px -4px rgba(0,0,0,0.32); }
.rs           		{ display: inline-block; font-size: 0; line-height: 0; width: 46px; height: 46px; border-radius: 50%; margin: 0 5px; }
.wrapper			{ max-width: 1200px; padding:0 30px;  width: 100%; position: relative;margin: 0 auto;}
.clr:after 			{ content: ''; display: table; width: 100%; clear: both;}

/* SLICK */
.slick-slider         { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list           { position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus       { outline:none;}
.slick-list.dragging      { cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list   { -webkit-transform:translate3d(0 0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.slick-track          { position:relative; top:0; left:0; display:block;}
.slick-track:before, 
.slick-track:after        { display:table; content: '';}
.slick-track:after        { clear:both;}
.slick-loading .slick-track   { visibility:hidden;}
.slick-slide          { display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide    { float:right;}
.slick-slide img        { display:block;}
.slick-slide.slick-loading img  { display:none;}
.slick-slide.dragging img   { pointer-events:none;}
.slick-initialized .slick-slide { display:block;}
.slick-loading .slick-slide   { visibility:hidden;}
.slick-vertical .slick-slide  { display:block; height:auto; border:1px solid transparent;}
.slick-prev           { width:40px; height:70px; background:url(images/arrows-l.svg) 45% 50% no-repeat #fff; position:absolute; left:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; border:0; padding:0; margin-top:-35px;}
.slick-next           { width:50px; height:70px; background:url(images/arrows-r.svg) 55% 50% no-repeat #fff; position:absolute; right:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; border:0; padding:0; margin-top:-35px;}
.slick-dots           { width:100%; height:10px; position:relative; bottom:0; left:0; text-align:center; padding:0; margin: 30px 0 0 ; line-height:0; z-index:50;}
.slick-dots li          { display:inline-block; height:10px; margin:0 10px;}
.slick-dots button        { display:block; width:10px; height:10px; text-indent:-9999px; border: none; padding:0; background: #000; cursor:pointer;}
.slick-active button      { background:#e41b23;}

/* HEADER TOP */
#header				{ width:100%; position:relative;}
.headerTop			{ width: 100%;
    max-width: 1200px;
    margin: 0 auto 0;
    height: 129px;
    position: absolute;
    top: 30px;
    z-index: 50;
    background: rgb(255, 255, 255);
    left: 0;
    right: 0;
    display: flex;
    align-items: center;

}
.mentions .headerTop { 
    position: static;

}
.headerTop .logo 	{ background: #ebeaea; color: #000; text-transform: uppercase;width: 20%; text-align: center; }
.headerTop .logo img 	{     display: inline-block;
    display: inline-block;
    vertical-align: middle;
    width: 146px;
    position: relative;
    padding: 0 15px;
}
.headerTop .headerNav 	{ width:80%; /*margin-left: 3rem;*/ border-top: 1px solid #d8d8d8; padding-top: 1rem; margin-top: 2rem; }
.telTop       { position: absolute; top: 5px; right: 15rem; }
.telTop a     { color: #262727; font-size: 18px; font-weight: 900; margin: 0 15px; font-family: 'Roboto Condensed', sans-serif; }
.telTop b { vertical-align: middle; margin-top: -7px; display: inline-block; }
.telTop a:hover { opacity: .7; }
#banner 			{     height: 588px; min-height: 588px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.maconnerie #banner { background-image: url('../images/bg-maconnerie.jpg'); }
.charpentier #banner { background-image: url('../images/bg-charpentier.jpg'); }
.carrelage #banner { background-image: url('../images/bg-carrelage.jpg'); }
.desactive #banner { background-image: url('../images/bg-desactive.jpg'); }
.imprime #banner { background-image: url('../images/bg-imprime.jpg'); }
.entreprise #banner { background-image: url('../images/bg-entreprise.jpg'); }
.gouttiere #banner { background-image: url('../images/bg-gouttiere.jpg'); }
.desamiantage #banner { background-image: url('../images/bg-desamiantage.jpg'); }
.telTop a span {
    background: #e41b23;
    font-size: 14px;
    padding: 5px 15px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
    border-radius: 5px;
    color: white;
    font-weight: 400;
}

h1, h2, h3, h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}


/* Menu */
.menu 								{ display:block; position:relative; text-align:center; background:transparent;font-family: 'Roboto Condensed', sans-serif; font-weight: 700}	
.menu li							{ display:table-cell; position:relative; }	
.menu a								{ font-size: 11.5px; color:#000; display:block; padding:0 5px; position:relative; text-transform: uppercase;}
.menu > li.active > a				{ color:#e41b23;}
@media(min-width: 768px) {
    .menu > li.active > a:before {
        content: "";
        position: absolute;
        border-top: 3px solid #e41b23;
        top: -18px;
        left: 5px;
        width: 100%;
    }
}

/* Sous-menu */
.sub								{ width:300px; position:absolute; top:43px; left:85%; z-index:995; margin-left:-210px; display:block; background:#fff; visibility:hidden; opacity:0;}
.sub li								{ width:100%; margin:0; border:none; padding:0; text-align:center; display: block;}
.sub li a							{ width:100%; line-height:130%; position:relative; border-bottom:1px solid #000; margin:0; padding: 15px 20px;}
.sub li:last-child a				{ border:0;}
.menu li:hover .sub 				{ opacity:1; visibility:visible; z-index:999;}
.menu .sub li.active a				{ background:#e41b23; color:#fff; /*border-color: #e41b23;*/}

@media (min-width:1025px) {
.menuMobile             { display:none;}
.menu                   { display:block !important;}
.menu li:hover > a          { color:#e41b23;}
.menu .sub a:hover          { background:#e41b23; color:#fff; /*border-color: #e41b23;*/ }
}

/* Caption */
.bannerTxt 							{ position: absolute; top: 170px; left: 0; width: 100%; height: auto; }
.bannerTxt .wrapper     { display: table; }
.bannerTxt .wrapper > div   { display: table-cell; vertical-align: middle; }
.bannerTxt .wrapper .blocCap        { width: 65%; }
.bannerTxt .wrapper .DevisGratuit   { width: 35%; }
.bannerTxt .caption 				{ color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 2px #000;
    font-size: 46px;
    font-weight: 900;
    line-height: 120%;
    font-family: 'Roboto Condensed', sans-serif;
}
.location-de-bennes .bannerTxt .caption { display: none; } 
.location-de-bennes .bannerTxt .caption.show { display: block; } 
.blocTel * 							{ display: inline-block; vertical-align: middle; color: #fff; }
.blocTel 							  { margin-top: 20px; }
.blocTel > a  						{ position: relative; padding-left:  40px; line-height: 46px; }
.blocTel > a::before 				{ content: ""; position: absolute; top: 50%; left: 15px; margin-top: -8px;background: url('../images/icon-tel.png') no-repeat center; width: 13px; height: 16px; }
.blocTel .tel 						{     font-size: 30px; font-weight: 600; }
.blocTel .tel a           { text-shadow: 1px 2px #000; font-family: 'Roboto Condensed', sans-serif;}
.blocTel .tel a:hover 				{ opacity: .7; color: #fff; }
.blocTel b 							{ font-weight: normal; margin: 0 15px; }

/* Devis Form */
#mail, #mail2   { display: none !important; }
.DevisGratuit   { background: #fff; padding: 30px; border-top: 7px solid #565555; }
.DevisGratuit .titre { font: 25px/28px; text-transform: uppercase; color: #565555; margin-bottom: 15px; }
.input-form     { background: #ededed; border: none; -webkit-appearance: none; display: block; padding: 10px; outline: 0 !important; width: 100%; margin-bottom: 10px; color: #333; }
.DevisGratuit textarea { height: 60px; }
.DevisGratuit .btn     { font-family: 'Roboto Condensed', sans-serif;
    border-radius: 5px; width: 100%; display: block; outline: 0 !important; margin-top: 5px; font-size: 16px; border: none; text-transform: uppercase; color: #fff; cursor: pointer; }
#Devis_form .input-form {
    border: 1px solid #333;
    border-radius: 5px;
    background: white;
    box-shadow: inset -1px 5px 7px #ddd;
}

/* Rappel Form */
.RappelGratuit          { color: white }
.RappelGratuit h3       { text-transform: uppercase; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 5px; }
.RappelGratuit .btn     { width: auto; display: inline-block; vertical-align: middle; outline: 0 !important; font-size: 12px; height: 33px; line-height: 33px; padding: 0 15px; border: none; text-transform: uppercase; color: #fff; cursor: pointer; }
.RappelGratuit .input-form { display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0; width: 140px; }

/* Service */
.blocServ                { text-align: center; background: #f7f5f1; box-shadow: 0px 6px 20px 0px #e4e4e4;border-bottom: 3px solid #e41b23; }
.blocServ .wrapper       { padding-top: 80px; padding-bottom: 80px; }
.blocTitre               { margin-bottom: 40px; }
.blocTitre h1            { margin-bottom: 20px; color: #282b30; }
.blocTitre p             { color: #8f8f8f; line-height: 140%}
.services .item          { text-align: center; }
.services .item .imgb    { margin: 0 auto 15px; width: 100px; height: 100px; border-radius: 100%; background-color: white; border: 2px solid #ddd; text-align: center; display: block; }
.services .item .imgb img { padding: 20px; max-width: 100%; }
.services .item:hover .imgb { background: #e41b23; border-color: white; }
.services .titre         { color: #000; max-width: 85%; margin: auto; text-transform: uppercase; font-size: 14px; }
.services .item:nth-child(4) .titre{ max-width: 65%; }
.txtBot                  { display: block; }
.txtBot > div { display: inline-block; vertical-align: middle; width: 50% }
.txtb { padding: 25px 35px; position: relative; }
.imgB { text-align: right; padding-left: 20px; }
.imgB img { max-width: 100% }
.txtb h2 { line-height: 120%; margin-bottom: 20px; }
.txtBot *                { position: relative; color: #000; }
.txtBot .txtb::before          { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #565555; }
.bgGray                  { background-color: #f9f4f4; background-image: url("../images/concrete-wall.png"); padding: 100px 0 55px; }
.blocTxt                 { display: flex; align-items: center; background: #fff; margin-bottom: 45px; -webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.24); -moz-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.24); box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.24); }
.blocTxt h2              { color: #000; line-height: 100%; margin-bottom: 15px; text-transform: uppercase; }
.blocTxt.imgL            { border-left: 5px solid #8f080f; }
.blocTxt.imgR            { border-right: 5px solid #8f080f; }
.blocTxt > div           { vertical-align: middle; }
.blocTxt .img            { width: 40%; display: flex; }
.blocTxt .img img        { width: 100%; }
.blocTxt .txt            { width: 60%; padding: 30px; }
.blocTxt.imgR .txt       { text-align: right; }

.freeBloc .wrapper        { padding-top: 0; padding-bottom: 20px; }
.freeBloc .prem a { background-repeat: no-repeat; background-position:center; background-size: cover }
.freeBloc .dem a { background: url('../images/img5.jpg') no-repeat center; background-size: cover }
.freeBloc .trem a { background: url('../images/img6.jpg') no-repeat center; background-size: cover }
.freeBloc .item           { float: left; width: 20%; padding: 0 5px; }
.freeBloc .item a         { /*border: 15px solid #ffffff42;*/ box-shadow: 1px 3px 6px 2px #909090; margin: 0; display: table; text-align: center; width: 100%; height: 210px; position: relative; overflow: hidden; }
/*.freeBloc .item a::before  { content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 152, 0, 0.31); }*/
.freeBloc .item a::after  { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: -10px; height: 10px; background: #e41b23; }
/*.freeBloc .item a h3      { display: table-cell; vertical-align: middle; text-transform: uppercase; font-size: 20px; width: 80%; color: #fff; position: relative; }*/
.freeBloc .item a h3 {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 5px;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #989898;
    height: 60px;
    font-weight: 500;
    line-height: 16px;
}
.freeBloc .item a:hover::before { background: rgba(0,0,0,.5); }
.freeBloc .item a:hover::after { bottom: 0; }

/* Homepage */
.phomTxt h1             { text-transform: uppercase; color: #282b30; font: 38px/40px; position: relative; margin-bottom: 20px; }
.phomTxt h1::after      { content: ""; background: #000; display: block; width: 20px; height: 2px; margin: 20px auto 0; }
.blocTxtSlide .wrapper  { padding-top: 80px; padding-bottom: 80px; }
.slidTxt h2             { font: 28px/35px; color: #e41b23; position: relative; margin-bottom: 20px; }
.slidTxt h2::after      { content: ""; background: #e41b23; display: block; width: 20px; height: 2px; margin: 20px auto 0; }


/* Page */
.blocPage               { min-height: 300px; padding: 80px 0; }
.pageTxt                { background: #f9f4f4; padding: 25px 35px; text-align: center; position: relative; -webkit-box-shadow: 2px 8px 8px 0px rgba(0,0,0,0.15); -moz-box-shadow: 2px 8px 8px 0px rgba(0,0,0,0.15); box-shadow: 2px 8px 8px 0px rgba(0,0,0,0.15); border-top: 5px solid #e41b23; }
/*.pageTxt::before        { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #e41b23; }*/
.pageTxt h2,
.pageTxt h1             { text-transform: uppercase; color: #282b30; font: 38px/40px; position: relative; margin-bottom: 20px; }
.pageTxt h2::after,
.pageTxt h1::after     { content: ""; background: #000; display: block; width: 20px; height: 2px; margin: 20px auto 0; }

/* blocContact */
.blocContact            { background: #f9f4f4; padding: 100px 0 55px; }
.contact #Contact .wrapper { max-width: 790px; }
#Contact_form .btn      { border: none; min-width: 20%; cursor: pointer; }
.blocContact h2         { margin-bottom: 15px }

/* FOOTER */
#footer                 { width:100%; height:auto; position:relative; background: url('../images/bg-footer.jpg') no-repeat center; background-size: cover; background-attachment: fixed; text-align: center; }
#footer::before         { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.75); }
#footer .wrapper        { padding-top: 80px; padding-bottom: 55px; color:#fff; }
.footer1 .titre         { font:normal 36px/38px; margin-bottom: 25px; }
.footer1 .titre::after      { content: ""; background: #fff; display: block; width: 20px; height: 2px; margin: 20px auto 0; }
.footer1 .adresse       { font:15px/21px; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 25px; }
.footer1 .telFoot a     { font:18px/22px; color: #fff; }
.footer1 .telFoot a:hover  { color: #e41b23; }
.footer1 .horaires      { font:15px/21px; letter-spacing: .2px; }
.openPlan               { cursor:pointer; color: #fff;}
#footer .social         { position: absolute; top: 70px; left: 30px; line-height: 0;font-size: 0 }
#footer .social a:hover  { background-color: #f9a529 }
.social .facebook       { background:url('../images/icon-fb.svg') center no-repeat #e41b23;}
.social .instagram        { background:url('../images/icon-insta.svg') center no-repeat #e41b23;}
#footer .scrollTop        { background:url('../images/icon-scroll.svg') 50% 48% no-repeat; background-size: 100%; position: absolute; top: 70px; right: 30px; font-size: 0; letter-spacing: 0; width: 46px; height: 46px; transform: rotate(180deg);}
.blocCopy               { background: #ddd; color:#e41b23; position: relative; height: 56px; letter-spacing: 1px; text-transform: uppercase; padding-top: 23px; }
.akisiweb               { float: right; width: 150px; }
.Mobile .akisiweb { 
    float: none;
    display: block;
    margin: auto;
    margin-top: 15px;
 }
.akisiweb img           { width: 100%; }
#footer .scrollTop:hover,
.akisiweb:hover        { opacity: .5; }
.Mobile .container-foot .copyright {
    float: none;
}

/* RESPONSIVE */
@media (max-width:1024px) {
.menuMobile             { width:50px; height:50px; display:block; z-index:80; text-transform:uppercase; position:absolute; right:40px; top:10px; cursor:pointer; font-size: 0; line-height: 0; background: #fff; border-radius: 50%; }
.menuMobile>div           { width:auto; height:50px; position:relative; padding:0; }
.menuMobile span          { width:20px; height:2px; background:#4d1249; position:absolute; right:0; left: 0; margin: auto; top:50%; display:block;}
.menuMobile span:before       { width:100%; height:2px; background:#4d1249; position:absolute; right:0; top:7px; content:"";}
.menuMobile span:after        { width:100%; height:2px; background:#4d1249; position:absolute; right:0; top:-7px; content:"";}
.menuMobile.active span       { height:0px;}
.menuMobile.active span:before    { top:0; transform:rotate(45deg);}
.menuMobile.active span:after   { top:0; transform:rotate(-45deg);}
.menu                 { width:100%; height:auto; background:#e7e9f1; display:none; position:absolute; left:0; top:69px;}
.menu li              { width:100%; display:block; margin:0;}
.menu li a              { height:50px; /*line-height:50px;*/ padding: 15px 40px 0; margin:0; text-align: center;}
.menu li a span           { display:none;}
.menu i               { display:block; width:100%; height:50px; position:absolute; right:0; top:0;}
.menu i:before            { display:block; width:2px; height:20px; position:absolute; right:49px; top:50%; margin-top:-10px; content:""; background:#000;}
.menu i:after             { display:block; width:20px; height:2px; position:absolute; right:40px; top:50%; margin-top:-1px; content:""; background:#000;}
.menu i.active:before       { display:none;}
.menu li.active i:before      { background:#000;}
.menu li.active i:after       { background:#000;}
.menu .sub              { display:none; visibility:visible; width:100%; position:relative; left:auto; top:auto; margin:0; opacity:1; background:#565555; padding:0; }
.menu .sub li a           { color:#fff; text-align:center; border:none; line-height:130%; height: inherit; padding: 10px 40px;}
.menu .sub li.active a        { color:#e41b23; background:#fff;}

#banner                   { height: auto; min-height: 710px; }
.blocTxt > div            { width: 50% !important; }
.blocTxt .img img         { width: 100%; }

.RappelGratuit            { float: left; margin-left: 40px; }

}

@media (max-width:979px) {
.bannerTxt .caption       { font: 40px/50px; }  
}

@media (max-width:767px) {
.telTop                   { right: 0; left: 0; text-align: right; top: -26px; }
.telTop a { font-size: 17px; }
.blocTxt > div            { width: 100% !important; display: block; }
.blocTxt .txt             { padding: 30px 0;  }
.blocTxt h2               { margin-bottom: 25px; }
#footer .social           { left: 0; right: 0; top: 0; margin-top: 25px; position: relative; }
#footer .scrollTop        { display: none; }
.blocCopy                 { padding-left: 20px; text-align: left; }
.freeBloc .item           { width: 50%; margin-bottom: 20px; }
.DevisGratuit .titre      { font: 20px/24px; }
}

@media (max-width:639px) {
.menu i::before           { right: 22px; }
.menu i::after            { right: 13px; }
.menuMobile               { right: 15px; }
.headerTop                { padding: 0 20px; }
.bannerTxt                { top: 225px; }
.freeBloc .item           { width: 100%; flex: none; margin-bottom: 10px; }
.bannerTxt .wrapper .blocCap       { display: none !important; }
.phomTxt h1,
.phomTxt h1,
.pageTxt h2, .pageTxt h1,
.blocTitre h1             { font: 30px/35px; }
.blocTitre h1             { margin-bottom: 25px; }
.blocTxt h2,
.slidTxt h2               { font: 20px/24px; }
.pageTxt                  { padding: 25px 15px; }
.freeBloc .item a h3      { font: 20px/25px; }
.DevisGratuit             { padding: 30px 20px; }
.bannerTxt .wrapper .DevisGratuit  { width: 100%; }
.RappelGratuit            { position: absolute; z-index: -1; top: 83px; margin: 0; color: #fff; left: 0; right: 0; text-align: center; }
}


/*
  News
*/
.head-left {
  flex: 0 0 80%;
  height: 100%;
  align-items: center;
  display: flex;
  /*padding-left: 30px;*/
}
.head-right {
  background: #1b1b19;
  flex: 0 0 20%;
  height: 100%;
  align-items: center;
  display: flex;
  padding: 0 15px 0 30px;
  position: relative;
}
/*.head-right:before {
  content: "";
  background: url(../images/menu_shadow.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: -116px;
  height: 100%;
  width: 116px;
  transform: rotate(180deg);
  opacity: .4;
}*/
.freeBloc{
	background-color: #e2e2e2;
  background-image: url(../images/concrete-wall.png);
}
.freeBloc h2 {
	background: #ed1c25;
    margin-bottom: 15px;
    padding: 5px 20px 0;
    display: inline-block;
}
.freeBloc h2:after {
	content: "";
	display: block;
	border-top: 2px solid;
	margin: 5px 0 0;
	width: 50px;
}

.container-foot{
	max-width: 1130px;
	margin: 0 auto;
}
.container-foot:after{
	content: "";
	display: table;
	clear: both;
}
.container-foot .copyright{
	float: left;
}
.container-foot .copyright a{
	text-transform: none;
    color: #000;
    font-weight: bold;
}
.container-foot .copyright a:hover{
    color: #f9a529;
}

.blocTxt1 {
    padding: 5rem 0 1rem;
}

/*.icon-nav:before{
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.icon-index:before {
	background-image: url('../images/map.svg');
}*/
#slideServ {
    margin-top: -135px;
    margin-bottom: 40px;
}

.beton .item:nth-child(1) .imgb,
.terrassement .item:nth-child(2) .imgb,
.assainissement .item:nth-child(3) .imgb,
.terrassement-piscine .item:nth-child(4) .imgb,
.demolition .item:nth-child(5) .imgb {
	background: #e41b23;
    border-color: white;
}

.Mobile .blocTxt{
  display: block;
  padding: 10px;
}
.Mobile .blocTxt > div {
  display: block !important;
}
.Mobile .blocTxt1 .wrapper {
  padding: 0 15px;
}
.Mobile .blocTxt1 .txtBot {
  display: flex;
  flex-direction: column-reverse;
}
.Mobile .txtBot > div{
  width: 100%;
}
.Mobile .bgGray{
  padding: 50px 0 1px;
}
.Mobile .headerTop { 
	height: inherit;
    display: block;
    padding: 5px 20px;
    border-radius: 0;
}

.Mobile .head-left{
  padding-left: 0;
  display: block;
}
.Mobile .head-left:after{
	content: "";
	clear: both;
	display: table;
}
.Mobile .headerTop .logo{
    width: 130px;
    float: left;
    position: relative;
    margin-top: -32px;
}
.Mobile .headerTop .logo img{
    max-width: 100%;
    padding: 0;
    top: 0;
}
.Mobile .headerTop .headerNav {
	width: 100%;
    margin: 0;
    border-top: 0;
}

.Mobile .bannerTxt{
  position: static;
}
.Mobile #banner{
  min-height: 300px;
}
.Mobile .DevisGratuit{
  padding: 20px 0;
  border-top:none;
}

.nav-mobile {
    display: none;
        cursor: pointer;
    background: #565555 url(../images/nav.png) no-repeat 58px center;
    height: 50px;
    background-size: 26px;
    width: 95px;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 15px;
    float: right;
}
.nav-mobile > span {
    font-family: 'Roboto Condensed', sans-serif;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
    padding-left: 7px;
    color: white;
    line-height: 51px;
    font-size: 17px;
}
@media only screen and (max-width: 767px){
	.nav-mobile {
	    display: inline-block;
	}
	.menu li a,
	.menu .sub li a {
		text-align: left;
	}
	.menu {
		top: inherit;
	}
	.menu > li.active > a {
	    color: #565555;
	}
	.bannerTxt .wrapper .DevisGratuit {
		display: block;
	}
	.RappelGratuit .input-form,
	.RappelGratuit .btn {
		width: 100%;
	}
	.RappelGratuit h3 {
		color: #000;
	    margin-bottom: 10px;
	    font-size: 18px;
	}
}
.Mobile .RappelGratuit{
	position: static;
	display: block;
    margin-bottom: 20px;
    width: 100%;
}

.banner-slide-slider { 
  position: relative;
}
.banner-slider-item { 
  height: 588px; 
  min-height: 588px; 
  width: 100%;  
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  position: relative; 
}
.Mobile .banner-slider-item { 
  min-height: 350px;
  height: 350px;
}
.cption-txt {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 2px #000;
    font-size: 3rem;
    font-weight: 900;
    line-height: 120%;
    width: 65%;
    margin-top: 14rem;
}
.Mobile .cption-txt{
  font-size: 2rem;
  width: 100%;
  margin-top: 10rem;
}
.text-akisiweb p {
    padding: 25px 0 0;
}
.text-akisiweb p a {
    color: #fff;
}



.HomeSl {
    position: relative;
}
.HomeSl .blocCap {
    position: absolute;
    top: 65%;
    width: 100%;
    padding: 15px;
    transform: translateY(-50%);
}
.HomeSl .caption {
    text-transform: uppercase;
    text-shadow: 1px 2px #000;
    font-size: 34px;
    font-weight: 900;
    line-height: 120%;
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
}
.HomeSl .blocCap .blocTel {
    display: none;
}

.header_logo_divres {
    padding-top: 24px;
}
.header_logo_divres img {
    width: 100px !important;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
.Mobile .header_logo_divres {
    display: block !important;
    text-align: center;
    padding-bottom: 20px;
}
.Mobile .header_logo_divres img {
    margin: 0 10px;
}

.Desktop .footer1 .titre::after {
    margin: 20px 0 0;
}
.Desktop .flexD {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Desktop .flexD > div {
    max-width: 50%;
    flex: 0 0 50%;
}
.Desktop .felx-left {
    text-align: left;
    padding-left: 145px;
}
.Desktop .felx-right {
    padding-right: 50px;
}
.felx-right img {
    max-width: 250px;
}
.felx-right p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
    max-width: 57%;
    color: #e41b23;
    margin: auto;
}
.Mobile .felx-right {
    padding-top: 25px;
}
.Mobile .felx-right p {
    max-width: 100%;
}

.btn.btn-rea {
    background: #8f080f;
    color: white !important;
    font-weight: 400;
    font-size: 18px;
    height: inherit;
    padding: 7px 20px;
    border-radius: 5px;
    top: -2px;
    position: relative;
}
.Mobile .btn.btn-rea {
    position: fixed;
    display: block;
    height: inherit;
    top: inherit;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
    text-align: center;
    z-index: 10000;
    border-radius: 0
}

.titre-album {
    text-transform: uppercase;
    padding: 25px 0 5px;
}
.row-cf {
    margin-right: -15px;
    margin-left: -15px;
}
.row-cf:after {
    content: "";
    clear: both;
    display: table;
}
.col-3 {
    float: left;
    width: 25%;
    padding: 15px;
    position: relative;
}
.Mobile .col-3 {
    width: 100%;
}
.swipebox {
    display: block;
}
.swipebox img {
    width: 100%;
}