/* IMPORT FONTS */
@font-face {
  font-family: 'g-n-l';
  src: url('../fonts/gineso-norlig.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/gineso-norlig.otf')  format('opentype'),
	     url('../fonts/gineso-norlig.woff') format('woff'),
	     url('../fonts/gineso-norlig.ttf')  format('truetype'), url('fonts/gineso-norlig.svg#gineso-norlig') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'g-n-r';
  src: url('../fonts/gineso-norreg.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/gineso-norreg.otf')  format('opentype'),
	     url('../fonts/gineso-norreg.woff') format('woff'),
	     url('../fonts/gineso-norreg.ttf')  format('truetype'),
	     url('../fonts/gineso-norreg.svg#gineso-norreg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kh-l';
  src: url('../fonts/khand-light.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/khand-light.woff') format('woff'),
  		url('../fonts/khand-light.ttf')  format('truetype'),
  		url('../fonts/khand-light.svg#khand-light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kh-r';
  src: url('../fonts/khand-regular.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/khand-regular.woff') format('woff'), 
  		url('../fonts/khand-regular.ttf')  format('truetype'), 
  		url('../fonts/khand-regular.svg#Khand-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'kh-b';
  src: url('../fonts/khand-bold.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/khand-bold.woff') format('woff'),
  url('../fonts/khand-bold.ttf')  format('truetype'),
  url('../fonts/khand-bold.svg#Khand-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cooper-b';
  src: url('../fonts/cooperblack.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/cooperblack.woff') format('woff'),
  		url('../fonts/cooperblack.ttf')  format('truetype'),
  		url('../fonts/cooperblack.svg#cooperblack') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* 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:normal 15px/26px g-n-l, Arial; 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:#fc8811;}
#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 g-n-l; color:#fff; text-decoration:none !important; padding:0 25px; background:#fc8811; text-transform: uppercase;}
.btn:hover 			{ background: #518DAF; 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:#fc8811;}

/* HEADER TOP */
#header				{ width:100%; position:relative;}
.headerTop			{ width:100%; height: 130px;/*position:absolute; */z-index:50; background:#fff; left: 0; right: 0; overflow: hidden; }
.headerTop .logo 	{ font: 18px/24px 'cooper-b',Arial; color: #000; display: block; text-transform: uppercase; }
.headerTop .logo img 	{ display: inline-block; vertical-align: middle; }
.headerTop .logo span 	{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.headerTop .headerNav   { float: left; padding-left: 40px; }
.Desktop .headerTop .headerNav 	{ width: 57%; }
.leftLogo {
  /*margin-top: 35px; */
  float: left; 
}
.divresLogo {
    text-align: center;
    padding-left: 10px;
}
.divresLogo img {
    max-width: 100%;
    vertical-align: middle;
}
.divresLogo img:nth-child(2) {
    margin: 0 15px;
}
.Mobile .headerTop .headerNav { 
  float: none;
  padding-left: 0;
  z-index: 4000;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -14px;
}
.telTop       { position: absolute; top: -41px; right: 43px; color: #fff; }
.Mobile .telTop { top: -56px}
.telTop a     { color: #fff; font: 23px/23px kh-b; text-shadow: 2px 1px #000; }
.telTop a:hover { opacity: .7; }
#banner 			{ height: 100vh; min-height: 900px; width: 100%; background: url('../images/bg-1.jpg') no-repeat center; background-size: cover; position: relative; }
.zinguerie #banner  { background-image: url('../images/bg-zinguerie.jpg'); }
.charpentier #banner  { background-image: url('../images/bg-charpentier.jpg'); }
.anti-humidite #banner  { background-image: url('../images/bg-anti-humidite.jpg'); }
.nettoyage-toiture #banner  { background-image: url('../images/bg-nettoyage-toiture.jpg'); }
.toiture-bac-acier #banner  { background-image: url('../images/bg-toiture-bac-acier.jpg'); }
.peinture-sur-tuile #banner  { background-image: url('../images/bg-peinture-sur-tuile.jpg'); }
.ravalement #banner  { background-image: url('../images/bg-ravalement.jpg'); }

/* Menu */
.menu 								{ width:auto; position:relative; text-align:center; background:transparent; font-size:0; line-height:0;}	
.Desktop .menu { display:table !important;  }
.Mobile .menu { position: static; position: relative; z-index: 30; }
.menu li							{ transition: all .3S ease; display:table-cell; position:relative; padding: 27px 15px; border-left: 1px solid #ddd; }	
.menu li:last-child 				{ border-right: 1px solid #ddd; }
.menu a								{ width:auto; height:70px; font:normal 14px/70px g-n-r; color:#000; display:block; padding:0; position:relative; text-transform: uppercase;display: flex;align-items: center;line-height: 130%}
/*.menu > li.active > a				{ color:#D23725;}*/
.menu > li.active {
	background: #ff8100;
}

/* Sous-menu */
.sub								{ width:420px; position:absolute; top:70px; left:50%; 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;}
.sub li a							{ width:100%; height:60px; line-height:61px; position:relative; border-bottom:1px solid #000; margin:0;}
.sub li:last-child a				{ border:0;}
.menu li:hover .sub 				{ opacity:1; visibility:visible; z-index:999;}
.menu .sub li.active a				{ background:#D23725; color:#fff; border-color: #D23725;}

@media (min-width:1025px) {
.menu                   { display:block !important;}
.headerTop .logo:hover        { opacity: .5; }

/*.menu li:hover > a          { color:#D23725}*/
.menu .sub a:hover          { background:#D23725; color:#fff; border-color: #D23725 }
}
.menu li:hover {
	background-color: #eee;
}

/* Caption */
.bannerTxt 							{ position: absolute; top: 200px; left: 0; width: 100%; height: auto; }
.bannerTxt .wrapper     { display: table; }
.bannerTxt .form-head > div   { display: table-cell; vertical-align: middle; }
.bannerTxt .wrapper .blocCap        { width: 65%; }
.bannerTxt .wrapper .DevisGratuit   { width: 35%; }
.bannerTxt .caption 				{ color: #fff; font: 40px/44px kh-b; text-transform: uppercase; text-shadow: 1px 2px #000; }
.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; }
.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: 30px/30px g-n-r; margin: 0;}
.blocTel .tel a           { text-shadow: 1px 2px #000;}
.blocTel .tel a:hover 				{ opacity: .7; color: #fff; }
.blocTel b 							{ font-weight: normal; margin: 0 5px; }

/* Devis Form */
#mail, #mail2   { display: none !important; }
.DevisGratuit   { background: #fff; padding: 30px 30px 15px 30px; border-top: 7px solid #202020; width: 400px; margin: auto 0 auto auto;}
.DevisGratuit .titre { font: 25px/28px kh-r; text-transform: uppercase; color: #fc8811; 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: 130px; }
.DevisGratuit .btn     { width: 70%; display: block; outline: 0 !important; margin-top: 5px; font-size: 16px; border: none; text-transform: uppercase; color: #fff; cursor: pointer; }

/* Rappel Form */
.RappelGratuit          { float: right; }
.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; }
.blocServ .wrapper       { padding-top: 80px; padding-bottom: 80px; }
.blocTitre               { margin-bottom: 40px; }
.blocTitre h1            { text-transform: uppercase; color: #282b30; font: 40px/44px kh-r; }
.blocTitre p             { font: 18px/24px g-n-l; text-transform: uppercase; color: #8f8f8f; }
.services .item          { text-align: center; }
.services .item img      { margin: 0 auto 15px; }
.services .titre         { color: #000; font: 20px/24px g-n-r; text-transform: uppercase; }
.txtBot                  { background: #f9f4f4; padding: 25px 35px; position: relative; margin-top: 40px; }
.txtBot *                { position: relative; color: #000; }
.txtBot::before          { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #fc8811; }
.bgGray                  { background: #f5f5f5; padding: 100px 0; }
.blocTxt                 { display: table; background: #fff; padding: 20px; 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              { font: 26px/28px g-n-r; color: #fc8811; }
.blocTxt.imgL            { border-left: 5px solid #D23725; }
.blocTxt.imgR            { border-right: 5px solid #D23725; }
.blocTxt > div           { display: table-cell; vertical-align: middle; }
.blocTxt .img            { width: 30%; }
.blocTxt .img img        { width: 100%; }
.blocTxt .txt            { width: 70%; padding: 30px; }
.blocTxt.imgR .txt       { text-align: right; }
.txt-devis               { text-align: center; }

.freeBloc .wrapper        { padding-top: 80px; padding-bottom: 80px; }
.freeBloc .prem a { background: white; cursor: inherit; }
.freeBloc .dem a { background: url('../images/img8.jpg') no-repeat center; background-size: cover }
.freeBloc .trem a { background: url('../images/img9.jpg') no-repeat center; background-size: cover }
.freeBloc .item           { float: left; width: 33.33%; padding: 0 7px; }
.freeBloc .item a         { margin: 0; display: table; text-align: center; width: 100%; height: 400px; position: relative; overflow: hidden; }
.freeBloc .item a::before  { content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.1); }
.freeBloc .item a::after  { content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: -10px; height: 10px; background: #fc8811; }
.freeBloc .item a h2      { display: table-cell; vertical-align: middle; text-transform: uppercase; font: 30px/32px kh-r; color: #fff; position: relative; }
.freeBloc .item a:hover::before { background: rgba(0,0,0,.5); }
.freeBloc .item a:hover::after { bottom: 0; }


.ravalement .freeBloc .dem a {
  background: url('../images/img/raval1.jpg') no-repeat center; background-size: cover
}
.ravalement .freeBloc .trem a { 
  background: url('../images/img/raval2.jpg') no-repeat center; background-size: cover 
}

.isolation .freeBloc .dem a {
  background: url('../images/img/isol1.jpg') no-repeat center; background-size: cover
}
.isolation .freeBloc .trem a { 
  background: url('../images/img/isol2.jpg') no-repeat center; background-size: cover 
}

.charpente .freeBloc .dem a {
  background: url('../images/img/charp1.jpg') no-repeat center; background-size: cover
}
.charpente .freeBloc .trem a { 
  background: url('../images/img/charp2.jpg') no-repeat center; background-size: cover 
}
.index .freeBloc .dem a {
  background: url('../images/img/toit1.jpg') no-repeat center; background-size: cover
}
.index .freeBloc .trem a { 
  background: url('../images/img/toit2.jpg') no-repeat center; background-size: cover 
}
.couvreur .freeBloc .dem a {
  background: url('../images/img/couvr1.jpg') no-repeat center; background-size: cover
}
.couvreur .freeBloc .trem a { 
  background: url('../images/img/couvr2.jpg') no-repeat center; background-size: cover 
}

/* Homepage */
.phomTxt h1             { text-transform: uppercase; color: #282b30; font: 38px/40px kh-r; 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 kh-r; color: #fc8811; position: relative; margin-bottom: 20px; }
.slidTxt h2::after      { content: ""; background: #fc8811; 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 #fc8811; }
/*.pageTxt::before        { content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #fc8811; }*/
.pageTxt h2,
.pageTxt h1             { text-transform: uppercase; color: #282b30; font: 38px/40px kh-r; 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: #807e7e; 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 cooper-b; margin-bottom: 25px; color: #fc8811 }
.footer1 .titre::after      { content: ""; background: #fff; display: block; width: 20px; height: 2px; margin: 20px auto 0; }
.footer1 .adresse       { font:15px/21px g-n-r; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 25px; }
.footer1 .telFoot a     { font:18px/22px g-n-r; color: #fff; }
.footer1 .telFoot a:hover  { color: #fc8811; }
.footer1 .horaires      { font:15px/21px g-n-r; 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: #518DAF }
.social .facebook       { background:url('../images/icon-fb.svg') center no-repeat #fc8811;}
.social .instagram        { background:url('../images/icon-insta.svg') center no-repeat #fc8811;}
#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: #ee8d38; color:#fff; position: relative; height: 56px; font: 12px/12px g-n-l; letter-spacing: 1px; text-transform: uppercase; padding-top: 23px; }
.akisiweb               { width:180px; height:56px; display:block; z-index:100; position: absolute; bottom: 0; right: 0; padding: 0; transition: all .5s }
.akisiweb img           { width: 100%; height: auto; display: block; line-height: 0; }
#footer .scrollTop:hover,
.akisiweb:hover        { opacity: .5; }

.menuMobile  { display:none; }
/* RESPONSIVE */
@media (max-width:1024px) {
.menuMobile             { width:50px; height:50px; z-index:80; text-transform:uppercase; position:absolute; right:40px; top:25px; 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;}
.Mobile .menu li a       { padding:0 8px;}
.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:#fc8811; padding:0;}
.menu .sub li a           { color:#fff; text-align:center; border:none;}
.menu .sub li.active a        { color:#fc8811; 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 kh-b; }  
}

@media (max-width:767px) {
.telTop                   { right: 0; left: 0; text-align: center; }
.blocTxt > div            { width: 100% !important; display: block; }
.blocTxt .txt             { padding: 30px 0;  }
.blocTxt .txt *           { text-align: center !important; }
.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 kh-r; }
}

@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 kh-r; }
.blocTitre h1             { margin-bottom: 25px; }
.blocTxt h2,
.slidTxt h2               { font: 20px/24px g-n-r; }
.pageTxt                  { padding: 25px 15px; }
.freeBloc .item a h2      { font: 20px/25px kh-r; }
.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; }
}

.Mobile #banner{
  min-height: 965px;
}
.partenaire {
  border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.item-partenaire {
    /*border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;*/
    padding: 3rem 0;
    /*margin-bottom: 3rem;*/
}
.part-list {
    display: flex;
    justify-content: center;
}
.Mobile .part-list{
  display: block;
}
.part-list img{
  max-width: 100%;
  margin: 0 15px;
    filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  transition: all .3s ease;
}
.Mobile .part-list img {
    display: inline-block;
    width: 40%;
}
.part-list img:hover{
  filter: inherit;
}
.logo-divers {
    margin-top: 1rem;
}
.logo-divers img {
  max-width: 100%;
  margin: 0 15px;
  vertical-align: middle;
  display: inline-block;
}
/*.form-head{
  display: flex;
}*/
.encart {
    display: flex;
    margin-top: 8px;
    padding: 0 21px;
}
.encart-item {
    flex: 0 0 50%;
}
.promo {
  /*height: 250px;
  background: #fc8811;*/
  margin: 0 7px;
}
.Mobile .promo {
  margin: 0;
}

.Mobile .encart{
  display: block;
  padding: 0;
}
.Mobile .encart-item {
  margin: 7px 0;
}
.Mobile .encart-item img {
  max-width: 100%
}

.text-agence {
    border-top: 1px solid #4a4a4a;
    margin-top: 20px;
    padding: 17px 30% 0
}
.Mobile .text-agence{
  padding: 17px 0 0;
}
.text-agence a {
  color: inherit;
}
.text-agence img {
  width: 50px;
  margin-top: 10px;
}
.telT {
    margin-top: 16px;
}
.tel-fixe {
  position: relative;
  display: block;
}
.tel-fixe:before {
  content: '';
  /*background: url(../images/numero-vert.png) no-repeat;*/
  background:none;
  background-size: contain;
  width: 115px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -10px;
    display: none;
}
.text-tel {
  font-size: 16px;
  vertical-align: text-bottom;
}
.telT span > a {
    font-weight: bold;
    font-size: 30px;
}
.callDevis {
    display: block;
    margin: auto;
    border: 2px solid #202020;
    height: 150px;
    float: right;
    margin-top: -85px;
    width: 150px;
    overflow: hidden;
    border-radius: 100%;
}
.call {
  max-width: 100%;
}
.mail {
  float: right;
    margin: 21px 25px 0 0;
}
.mail span {
  font-weight: 600;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (max-width: 991px) {
  .menuMobile {
    display: block;
  }

  .nav {
    width: 100%;
    padding: 50px 0 0;
  }

  .nav-list {
    display: none;
  }

  .nav-item {
    width: 100%;
    float: none;
  }

  .nav-item > a {
    padding: 15px;
  }

  .nav-click {
    display: block;
  }

  .nav-mobile-open {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
  }

  .nav-item:hover .nav-submenu {
    display: none;
  }

  .nav-submenu {
    position: static;
    width: 100%;
  }
}


/*
New style
*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    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-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    background: rgba(0,0,0,1);
    border: 1px solid #e47e14;
    color: white;
    position: absolute;
    top: 50%;
    padding: 0;
    height: 45px;
    width: 45px;
    text-align: center;
    transform: translateY(-50%);
    opacity: .4;
    z-index: 7;
    cursor: pointer;
    transition:all .3s ease;
    border-radius: 100%;
}
.slick-next {
	right: 100px;
}
.slick-prev {
	left: 100px;
}

#sliderImg .slick-arrow {
	opacity: 0;
	transition: all .3s ease-out;
}
#sliderImg .slick-prev {
	transform: translateX(-50%);
}
#sliderImg .slick-next {
	transform: translateX(50%);
}

#sliderImg:hover .slick-arrow {
	opacity: .7;
	transform: translateX(0);
}

#sliderImg .slick-arrow:focus {
	outline: 0;
}
#sliderImg .slick-arrow:hover {
	opacity: 1;
}

.devisslider {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.slide-content {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    padding-left: 7rem;
}
@media(max-width: 767px) {
	.slide-content {
		padding-left: 0;
	}
}
.slide-message {
    margin-bottom: 20px;
    color: #ffffff;
    text-transform: uppercase;
    max-width: 600px;
    line-height: 100% !important;
    letter-spacing: -1px;
    font: normal 60px cooper-b;
}
@media(max-width: 991px) {
	.slide-message {
		font-size: 40px;
	}
}
.btn-slide {
    background: #e47e14;
    border-radius: 0;
    text-transform: uppercase;
    color: white;
    padding: 10px 25px;
    letter-spacing: 1px
}
.btn-slide .icon {
	margin-left: 5px;
}

.sliderPage {
    background-color: #555;
    position: relative;
}
.slideImg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    height: 600px;
    overflow: hidden;
}
@media(max-width: 991px) {
	.slideImg {
		min-height: 1px;
		height: 500px;
	}
}
.slideImg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.14);
    top: 0;
}
.slideImg .container {
	display: table;
	height: 100%;
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 200;
}

.introT h1,
.item-content h2,
.freeBloc_item h2 {
    margin-bottom: 25px;
}

.item-content {
    background: #e6e6e6;
	position: relative;
}
.item-content:before {
	content: "";
	background-size: cover;
	position: absolute;
	height: 100%;
	left: 0;
	width: 50%;
}
.index .item-content:before {
  background:url('../images/img/renovation_de_toit_2CL.jpg') no-repeat center;
}
.index .item-content.item-content_1:before {
  background:url('../images/img/img-2CL.jpg') no-repeat center;
}
.index .item-content.item-content_2:before {
  background:url('../images/img/changement-toiture-2CL.jpg') no-repeat center;
}

.couvreur .item-content:before {
  background:url('../images/img/couvreur_2CL.jpg') no-repeat center;
}
.couvreur .item-content.item-content_1:before {
  background:url('../images/img/satisfaction_client_2CL.jpg') no-repeat center;
}
.couvreur .item-content.item-content_2:before {
  background:url('../images/img/devis_gratuit_2CL.jpg') no-repeat center;
}
.couvreur .item-content.item-content_3:before {
  background:url('../images/img/equipe_pro_2CL.jpg') no-repeat center;
}

.isolation .item-content:before {
	background:url('../images/img/img-2CL-isolation.jpg') no-repeat center;
}
.isolation .item-content.item-content_1:before {
	background:url('../images/img/img-2CL-isolation1.jpg') no-repeat center;
}
.isolation .item-content.item-content_2:before {
  background:url('../images/img/isolation_meur_ext_2CL.jpg') no-repeat center;
}
.isolation .item-content.item-content_3:before {
  background:url('../images/img/isolation_comble_2CL.jpg') no-repeat center;
}

.charpente .item-content:before {
  background:url('../images/img/img-2CL-charpente.jpg') no-repeat center;
}
.charpente .item-content.item-content_1:before {
	background:url('../images/img/traitement_preventif_2CL.jpg') no-repeat center;
}
.charpente .item-content.item-content_2:before {
  background:url('../images/img/pose_charpente_2CL.jpg') no-repeat center;
}

.ravalement .item-content:before {
	background:url('../images/img/img-2CL-ravalement.jpg') no-repeat center;
}
.ravalement .item-content.item-content_1:before {
  background:url('../images/img/ravalement_2CL.jpg') no-repeat center;
}
.ravalement .item-content.item-content_2:before {
  background:url('../images/img/travaux_ravalement_2CL.jpg') no-repeat center top;
}
.ravalement .item-content.item-content_3:before {
  background:url('../images/img/hydrofuges_facade_2CL.jpg') no-repeat center;
}


.item-content > div {
	background-color: white;
    padding: 50px;
    width: 50%;
    margin: 0 0 0 auto;
}
.item-content-l {
	margin: 15px 0;
}
.item-content-l > div {
	margin: 0 auto 0 0;
}
.item-content-l:before {
	right: 0;
	left: inherit;
}

.freeBloc {
    background: #f5f5f5;
}

.freeBloc_item {
    text-align: center;
    max-width: 85%;
    margin: 0 auto 25px;
}


.gal {
  margin-bottom: 2rem;
}
.tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tabs .tab-link {
  background: no-repeat;
  cursor: pointer;
  padding: 10px 15px;
  border: 1px solid #ff8100;
  display: inline-block;
  margin: 0 5px;
  text-transform: uppercase;
  font-size: 18px;
  transition: all .3s ease;
}
.tabs .tab-link:hover,
.tabs .tab-link:focus,
.tabs .tab-link.current {
  background: #ff8100;
  color: white;
}


/* Isotope */
.tab-content{
  margin: 25px 0;
  display: none;
  padding: 0 3px;
}

.tab-content.current{
  display: inherit;
}
.categories-block {
    text-align: center;
    position: relative;
    padding: 100px 0;
}
.categories-block:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 70px solid #f5f5f5;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
}
.categories-block h2 {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 30px;
}

.tab-content:after {
  content: '';
  display: block;
  clear: both;
}

.element-item {
  position: relative;
  float: left;
  height: 350px;
  padding: 3px;
  width: 33.333%;
}

.Tablet .element-item{
  width: 33.33337%;
}
.Mobile .element-item {
  height: 150px;
}

@media(max-width: 543px) {
  .tabs .tab-link {
    font-size: 16px;
  }
  .element-item {
    width: 50%;
  }
}

.element-item > * {
  margin: 0;
  padding: 0;
}
.element-item img {
  background: #888;
  display: block;
  height: 100%;
  width: 100%;
}


.Mobile .bgGray {
  padding: 10px 0;
}
.Mobile .wrapper {
  padding: 50px 10px;
}
.Mobile .item-content:before {
    position: static;
    height: 250px;
    width: 100%;
    display: block;
}
.Mobile .item-content > div {
    padding: 10px;
    width: 100%;
}
.Mobile .devisslider {
  background: white;
  border-bottom: 1px solid #ddd;
  position: static;
  transform: none;
      margin-top: -50px;
}
.Mobile .DevisGratuit {
  width: 100%;
}
.Mobile .sliderPage {
  background:white;
}
.Mobile .slideImg {
  position: relative;
}

.Mobile .introT {
    padding: 0 10px;
}

.Mobile .tabs .tab-link {
  font-size: 12px !important;
  padding: 10px 10px;
  margin: 0 1px;
}

.Mobile .freeBloc_item {
  max-width: 100%;
}

.Mobile .headerTop .logo {
  margin-top: -30px !important;
}
.Mobile .slideImg .container {
  width: 100%
}
.Mobile .slideImg {
    height: 350px;
}

.Mobile .menu li {
    padding: 0;
}
.Mobile .menu li a {
    text-align: center;
}

.Mobile .headerTop {
    height: 105px;
}

.Tablet .part-list {
  display: table;
  text-align: center;
}
.Mobile .devisslider .RappelGratuit {
  position: static;
  float: none;
}
.Mobile .devisslider .tel-fixe:before {
  display: none;
}
.Mobile .devisslider  .telT > span {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 15px;
}
.Mobile .RappelGratuit h3 {
  color: black
}


.valeurs {
    background: #ff7900 url(../images/img/bg-orange.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
    padding: 25px 0 20px;
    color: #402208;
}
.valeurs-block h2 {
    font-size: 40px;
    margin-bottom: 15px;
}
.texte_valeurs {
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}
.valeurs-block .divresLogo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.valeurs-block .divresLogo img:nth-child(2) {
    margin: 0 45px;
}

.location {
  background-repeat: no-repeat;
  background-position: center;
  /*background-attachment: fixed;*/
  background-size: cover;
  padding: 60px 0;
}
.location-block {
  text-align: center;
    width: 700px;
    margin: 5rem auto;
    background: rgba(255, 255, 255, 0.78);
    padding: 30px;
}
.item_cnt {
    background: rgb(255, 255, 255);
    padding: 50px;
}
.item_cnt h3 {
    font-size: 40px;
    line-height: 100%;
}
.item_cnt h3 span {
    display: block;
    text-transform: uppercase;
}
.desc_item {
    font-size: 22px;
    line-height: 125%;
    margin: 10px 0;
    text-transform: uppercase;
}
.heure {
    font-size: 26px;
    color: #ff8100;
    margin: 10px 0 5px;
}
.text-primary a {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-bottom: 15px;
}
.item.prem {
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    height: 400px;
    text-align: center;
}
.item.prem > div {
    background: #fbfaf8;
        padding: 55px 0 30px;
}
.item.prem img {
    max-width: 100%;
}
.item.prem p{
  font-size: 29px;
  line-height: 100%;
  text-transform: uppercase;
  background: #ddd;
  padding: 15px 5px;
}
.realisations #homepage {
    background: #f9f9f9;
    padding-top: 60px;
}
.realisations .titre-album {
    display: block;
    clear: both;
    margin-bottom: 35px;
}
.Desktop #realisations .col-md-3 {
    width: 25%;
    float: left;
}
.Tablet #realisations .col-md-3 {
    width: 33.33337%;
    float: left;
}

.Mobile #realisations .col-md-3 {
    width: 50%;
    float: left;
}