/***** banner *****/
.banner 							{ width:100%; height:90vh; min-height:600px; position:relative; background:#6d7f88; overflow:hidden; z-index:20; text-align: center;}
.banner br 							{ display: none;}
.banner .img						{ width:100%; height:100%; position:relative; background:url("../images/banner.webp") 50% no-repeat; background-size:cover; }
.banner .content					{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top: 45px;}
.banner .content .titre_main		{ color: #fff; font-size: 45px; line-height: 55px;}
.banner .content .titre_main br		{ display: block;}
.banner .content .titre_main span   { font-size: 16px; color: #fff; display: block;  }
/*
.banner .content .tel				{ width: 240px; background: url("../images/tel.svg") 40px 50% no-repeat; text-transform: none; font-size: 18px; letter-spacing:0.6px; border:none; color:#fff; padding: 0 0 0 68px; text-align: left; font-weight: 400; line-height: 56px;}
*/
.banner .content .btn				{ display: grid; grid-template-columns: 300px 300px; grid-gap: 10px; margin: 25px auto 0; max-width: 610px; }
.banner .content .link				{ background-color: #fff; color: #222; height: 80px; line-height: 78px; font-size: 18px; letter-spacing: 1.2px; }
.banner .content .link span			{ color: #f47d17; }
.banner .content .link.devis     	{ display: none;}
.banner .link.devis.out    	        { position: absolute; top: 50%; right: -65px; transform: rotate(90deg);}

@media (min-width:1201px) { 
.banner .content .link:hover		{ background-color: #f47d17; }
.banner .content .link:hover span	{ color: #fff; }
}
@media (max-width:1200px) {
.banner 							{ min-height:650px; max-height: 850px;}
.banner .content .titre_main		{ font-size: 40px; line-height: 50px;}
.banner .content .btn				{ grid-template-columns: 280px 280px; margin: 20px auto 0; max-width: 570px;}
.banner .content .link				{ height: 76px; line-height: 74px; font-size: 17px; }
}
@media (max-width:1000px) {
.banner 							{ height: 85vw; min-height:400px; max-height: 780px;}
.banner .content .titre_main		{ font-size: 32px; line-height: 42px;}
.banner .content .titre_main span   { font-size: 14px;}
.banner .content .btn				{ grid-template-columns: 260px 260px; }
.banner .content .link				{ height: 70px; line-height: 68px; font-size: 14px; }
}
@media (max-width:700px) {
.banner 							{ height: 150vw; margin-top: 60px;}
.banner .img						{ background:url("../images/banner.webp") 50% no-repeat; }
.banner .content					{ margin-top: 0; width: 70vw;}
.banner .content .titre_main		{ font-size: 22px; line-height: 32px;}
.banner .content .titre_main span   { font-size: 12px; }

.banner .content .btn				{ grid-template-columns: 100%; margin: 15px auto 0; max-width: 400px; }
.banner .content .link				{ height: 60px; line-height: 58px; font-size: 12px; margin: 0;}
.banner .content .link.devis     	{ display: block; background-color: #f47d17; color: #fff;}
.banner .link.devis.out    	        { display: none;}
}



.intro                              { position: relative; }
.intro .double_col:after            { position: absolute; width: 50vw; height: 100%; background-color: #6d7f88; left: calc(0% - 50vw); top: 0; bottom: 0; content: ""; }
.intro .double_col                  { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 60px; background: url("../images/fav_grey.svg") bottom right no-repeat; }
.intro .double_col .right           { padding-left: 80px; position: relative; }

@media (min-width:1201px) {

}
@media (max-width:1200px) {
.intro .double_col:after            { display: none; }
.intro .double_col                  { padding: 50px 0;}
.intro .double_col .right           { padding-left: 70px;}
}
@media (max-width:1000px) {
.intro .double_col                  { grid-template-columns: 1fr; padding: 50px 0 0 0 ; grid-gap: 50px;}
.intro .double_col .right           { padding-left: 0; }

}
@media (max-width:700px) {
.intro .double_col                  { padding:40px 0 0 0; grid-gap: 35px; background-image: none; }
.intro .double_col .left            { display: none; }
.intro .list_atouts li .sous_titre  { margin-bottom: 5px;}
.intro .titre_main                  { margin-bottom: 15px;}
}




.secteur                             { margin: 130px auto ; position: relative;}
.secteur.bloc_grid                   { grid-gap: 0;}

.secteur .photo                      { position: relative;}
.secteur .photo .slider              { position: relative; z-index: 1; width: calc( 200% + 60px ); right: calc( 100% + 60px ); }
.secteur .photo .slider .img         { margin-left: 30px; }
.secteur .photo .slider img          { height: inherit;}
.secteur .texte                      { position: relative; }
.secteur .texte .row                 { max-width: 520px; }
.secteur .texte p                    { margin-bottom: 20px;}

.secteur.reverse .texte		         { grid-area: 1 / 1;}
.secteur.reverse .photo              { grid-area: 1 / 2;}
.secteur.reverse .photo .slider .img  { margin-right: 30px; margin-left: 0;}
.secteur.reverse .photo .slider img   { height: inherit;}
.secteur.reverse .photo .slider      { left: 0; right: inherit}
.secteur.reverse .texte .row         { max-width: 520px; margin: 0 0 0 auto; }


.secteur .slick-arrow                 { position: absolute;}
.secteur .slick-prev				  { left: -15px; bottom: -70px; }
.secteur .slick-next				  { right: -15px; bottom: -70px; }

.secteur .slick-dots                 { position: absolute; bottom: -41px; top: inherit; right: 50%; padding-top: 0; margin-right: 6px; display: flex; width: 100%; padding: 0 60px; transform: translateX(50%); z-index: 50;}
.secteur .slick-dots li              { line-height: 30px; width: 100%;}
.secteur .slick-dots button          { display: block; width: 100%; height: 5px; border: none; font-size: 0; line-height: 0; margin: 0; position: relative; cursor: pointer; }
.secteur li button::after            { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; transition: all 400ms ease-in-out;}
.secteur li.slick-active button::after { background-color: #282425;}


@media (min-width:1201px) {

}
@media (max-width:1200px) {
.secteur                             { margin: 90px auto;}
}
@media (max-width:1000px) {
.secteur                             { margin: 70px auto;}
.secteur.bloc_grid                   { grid-gap: 65px;}
.secteur.bloc_grid .texte            { padding: 0;}
    
.secteur .photo .slider              { width: 100%; right: inherit; }
.secteur .photo .slider .img         { margin-left: 0; }
.secteur .texte .row                 { max-width: inherit; }

.secteur.reverse .photo .slider .img { margin-right: 0; }
.secteur.reverse .photo .slider      { left: inherit; right: inherit}
.secteur.reverse .texte .row         { max-width: inherit;}
.secteur.reverse .texte		         { grid-area: 2;}
.secteur.reverse .photo              { grid-area: 1;}

.secteur .slick-arrow                { display: none;}
.secteur .slick-dots                 { padding: 0 0; margin-right: 0; bottom: -30px;}
   
}
@media (max-width:700px) {
.secteur                             { margin: 50px auto;}
.secteur.bloc_grid                   { grid-gap: 55px;}
}



.partenaires .slider                   { margin: 0 -15px;}
.partenaires .slider img               { margin: 0 15px;}
@media (max-width:700px) {
.partenaires .slider img               { margin: 0 8px;}
}





.services                              { background-color: #231f20; margin: 80px 0 0 0;}
.services .wrapper                     { padding: 100px 0; color: #fff; margin: 0 auto; }
.services .wrapper .titre_main         { color: #fff;  }
.services .wrapper .sous_titre         { color: #fff;  }
.services .wrapper .grille             { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 30px; margin: 60px 0 40px 0;}
.services .wrapper .grille .item       { background-color: #fff; padding: 40px 20px; display: grid; align-items: center; justify-items: center; text-align: center; text-transform: uppercase; opacity: 1; transition: all 300ms ease-in-out;}
.services .wrapper .grille .item img   { filter: brightness(1) invert(0); transition: all 300ms ease-in-out;}
.services .wrapper .grille .item .titre { margin: 0 auto; transition: all 300ms ease-in-out;}
.services .wrapper .grille .item.last_item { background-color: #f47d17; padding: 20px 40px;}
.services .wrapper .grille .item.last_item .titre { color: #fff;}

.services p a                          { color: #f47d17; border-bottom: 1px solid transparent; }


@media (min-width:1201px) {
.services .wrapper .grille .item:hover         { background-color: #f47d17;}
.services .wrapper .grille .item:hover .titre  { color: #fff;}
.services .wrapper .grille .item:hover img     { filter: brightness(0) invert(1)}
.services .wrapper .grille .item.last_item:hover { background-color: #000; }
.services p a:hover                             { color: #f47d17; border-color: #f47d17;}
}
@media (max-width:1200px) {
.services .wrapper                     { padding: 80px 0; }
.services .wrapper .grille .item       { padding: 30px 15px;}
}
@media (max-width:1000px) {
.services .wrapper                     { padding: 70px 0; }    
.services .wrapper .grille             { grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
}
@media (max-width:700px) {
.services .wrapper                     { padding: 50px 0; }
.services .wrapper .grille             { grid-template-columns: 1fr 1fr; grid-gap: 10px;}

.services .wrapper .grille .item       { padding: 15px 10px; }
.services .wrapper .grille .item .titre { font-size: 11px;}
.services .wrapper .grille .item.last_item { background-color: #f47d17; padding: 15px 10px;}    
}







.about                               { display: block; position: relative; margin: -150px auto 100px; box-shadow: 0 0 30px 15px rgba(0,0,0,0.05); padding: 80px; background: url("../images/fav_grey.svg") right bottom no-repeat #fff; z-index: 90;  }
.about p                             { margin-top: 15px; }
.about .link                         { margin-top: 25px; }
@media (max-width:1200px) {
.about                               { margin: -120px auto 80px; padding: 60px;}
}
@media (max-width:1000px) {
.about                               { margin: -80px auto 70px; padding: 40px 5vw;}
}
@media (max-width:700px) {
.about                               { margin: 50px auto; padding: 0; box-shadow: none; background: none; }
.full_screen .sous_titre
.full_screen img                     { display: none;}    
}





.autre_site                          { margin: 120px auto; background-color: #eee; display: grid; grid-template-columns: 400px 1fr; }
.autre_site .content                 { padding: 50px 50px 0 50px; }
.autre_site img                      { width: 100%; height: auto;}
@media (max-width:1200px) {
.autre_site                          { margin: 90px auto; grid-template-columns: 50% 1fr; }
.autre_site .content                 { padding: 50px; }
}
@media (max-width:1000px) {
.autre_site                          { margin: 70px auto; grid-template-columns: 1fr; }
.autre_site .content                 { padding: 50px 5vw; }
}
@media (max-width:700px) {
.autre_site                          { margin: 50px auto; }
.autre_site .content                 { padding: 0; }
.autre_site .content .sous_titre     { padding: 20px 7.5vw ; margin-bottom: 0;}
.autre_site .content p               { display: none;}
.autre_site .content .link           { display: block; width: 100%; margin: 0; }
}



 


.texte p a                           { border-bottom: 1px solid #ccc; padding-bottom: 2px;}

@media (min-width:1201px) {
.texte p a:hover                     { color: #f47d17; border-color: #f47d17;}
}






@media (max-width:700px) {
.full_screen .wrapper .sous_titre    { display: none}
.full_screen .wrapper .favicon       { display: none}
}