/* 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:#a41f18;}
#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:#a41f18; 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:#a41f18;}

/* HEADER TOP */
#header				{ width:100%; position:relative;}
.headerTop			{ width:100%; max-width: 1200px; margin: 0 auto 0; height:115px; position:absolute; top: 30px; z-index:50; background:#ffffffa8; left: 0; right: 0; display: flex; align-items: center; }
.headerTop .logo 	{ font: 18px/24px; color: #000; text-transform: uppercase; }
.headerTop .logo img 	{ display: inline-block; vertical-align: middle; }
.headerTop .headerNav 	{ width:65%; margin-left: 3rem; border-top: 1px dashed #be8554; padding-top: 1rem; margin-top: 2rem; }
.telTop       { position: absolute; top: 10px; right: 29rem; }
.telTop a     { color: #262727; font-size: 24px; font-weight: 900; margin: 0 15px; }
.telTop b { vertical-align: middle; margin-top: -7px; display: inline-block; }
.telTop a:hover { opacity: .7; }
#banner 			{ height: 100vh; min-height: 600px; width: 100%; background-image: url('../images/maconnerie-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.nettoyage-et-demoussage #banner { background-image: url('../images/bg-nettoyage-et-demoussage.jpg'); }
.ravalement #banner { background-image: url('../images/bg-ravalement.jpg'); }
.urgence-fuite #banner { background-image: url('../images/bg-urgence-fuite.jpg'); }

.reparation-de-cheminee #banner { background-image: url('../images/bg-reparation-de-cheminee.jpg'); }
.gouttieres #banner { background-image: url('../images/bg-gouttieres.jpg'); }
.dessouchage #banner { background-image: url('../images/bg-dessouchage.jpg'); }
.chemin-d-acces #banner { background-image: url('../images/bg-chemin-acces.jpg'); }


.rachat-vente-de-voiture #banner  { background-image: url('../images/bg-2.jpg'); }
.enlevement-de-machines-industrielles #banner  { background-image: url('../images/bg-3.jpg'); }
.enlevement-d-epave-marseillan #banner  { background-image: url('../images/bg-4.jpg'); }
.remorquage-auto-et-moto #banner  { background-image: url('../images/bg-5.jpg'); }
.location-de-bennes #banner  { background-image: url('../images/bg-benne.jpg'); }

/* Menu */
.menu 								{ display:block; position:relative; text-align:center; background:transparent; }	
.menu li							{ display:inline-block; position:relative; margin:0 15px; }	
.menu a								{ font-size: 16px; font-weight: 600; color:#000; display:block; padding:0; position:relative; text-transform: uppercase;}
.menu > li.active > a				{ color:#a41f18;}

/* 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:#a41f18; color:#fff; /*border-color: #a41f18;*/}

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

/* Caption */
.bannerTxt 							{ position: absolute; top: 200px; 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: 3rem; font-weight: 900; line-height: 120%; }
.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;}
.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 #000; }
.DevisGratuit .titre { font: 25px/28px; text-transform: uppercase; color: #a41f18; 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     { width: 100%; display: block; outline: 0 !important; margin-top: 5px; font-size: 16px; border: none; text-transform: uppercase; color: #fff; cursor: pointer; }

/* Rappel Form */
.RappelGratuit          { color: white }
.RappelGratuit h3       { text-transform: uppercase; font-size: 15px; }
.RappelGratuit .btn     { width: auto; display: inline-block; vertical-align: middle; outline: 0 !important; font-size: 16px; height: 35px; line-height: 35px; 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; min-width: 200px; }

/* Service */
.blocServ                { text-align: center; background: #f9f9f9; box-shadow: 0px 6px 20px 0px #e4e4e4;border-bottom: 3px solid #a41f18; }
.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: #a41f18; 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 #0195cd; }
.bgGray                  { background-color: #f9f4f4;
background-image: url("https://www.transparenttextures.com/patterns/brick-wall-dark.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */ 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 #0195cd; }
.blocTxt.imgR            { border-right: 5px solid #a41f18; }
.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: 20px; padding-bottom: 50px; }
.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: #a41f18; }
.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: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: #a41f18; position: relative; margin-bottom: 20px; }
.slidTxt h2::after      { content: ""; background: #a41f18; 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 #a41f18; }
/*.pageTxt::before        { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #a41f18; }*/
.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: #a41f18; }
.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 #a41f18;}
.social .instagram        { background:url('../images/icon-insta.svg') center no-repeat #a41f18;}
#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: #0195cd; color:#fff; 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:0 40px; 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:#0195cd; 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:#a41f18; 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: center; top: -26px; }
.telTop a { font-size: 18px; }
.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 75%;
  height: 100%;
  align-items: center;
  display: flex;
  padding-left: 30px;
}
.head-right {
  background: #0195cd;
  flex: 0 0 25%;
  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(https://www.transparenttextures.com/patterns/brick-wall-dark.png);
}
.freeBloc h2 {
	margin-bottom: 15px;
    padding: 5px;
}
.freeBloc h2:after {
	content: "";
	display: block;
	border-top: 2px solid;
	margin: 15px 0 5px;
	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: #a41f18;
    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;
}

.Mobile .head-left{
  padding-left: 0;
  display: block;
}
.Mobile .head-left:after{
	content: "";
	clear: both;
	display: table;
}
.Mobile .headerTop .logo{
  width: 200px;
  float: left;
}
.Mobile .headerTop .logo img{
  max-width: 100%;
}
.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: #0195cd url(../images/nav.png) no-repeat center center;
    height: 50px;
    width: 50px;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 15px;
    padding: 28px;
    float:right;
}
@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: #0195cd;
	}
	.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: 100vh; 
  min-height: 600px; 
  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;
}
.mentions h2 {
    padding: 20px;
    font-size: 32px;
    font-weight: 600;
}
.mentions ol {
    width: 80%;
    margin: auto;
    line-height: 2.5rem;
    padding: 0 0 30px;
}
body.Mobile.mentions ol {
    width: 100%;
    padding: 0 20px 20px;
}