/***** banner *****/
.banner 							{ width:100%; background:#1f1f1f; overflow:hidden; z-index:20;}
.banner .img						{ width: 80vw; max-width: 1850px; left: 300px; top: 0; height:100%; position:absolute; background:url("../images/banner.webp") 50% no-repeat; background-size:cover;}
.banner .img::after                 { content:""; position: absolute; bottom: 0; left: 0; display:inline-block; width:0; height:0; border-style: solid; border-width:96vh 300px 0 0; border-color:#1f1f1f transparent transparent transparent; z-index: 2;}
.banner .img::before                { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 250px; background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 1;}
.banner .wrapper                    { height: 85vh; min-height: 600px; max-height: 850px; position: relative;}
.banner .content					{ position: absolute; left: 0; right: 0; margin: auto; top: 50%; margin-top: -105px; z-index: 2;}
.banner .content .titre_main		{ color: #fff; font-size: 45px; line-height: 55px; margin-bottom: 0;}
.banner .content img 				{ display: block; margin: 20px 0 36px 0;}
.banner .content .link				{ letter-spacing: 1.2px; background-image: linear-gradient(to top, #f47d17 0%, #f47d17 50%, #fff 50%, #fff 100%);}
.sticky .link.sticked               { opacity: 1; visibility: visible;}

@media (max-width:1600px) { 
.banner .img						{ width: calc(95vw - 300px); }
}
@media (min-width:1201px) { 
.banner .content .link:hover		{ color: #1f1f1f;}
}
@media (max-width:1000px) {
.banner .wrapper                    { max-width: 100%; width: 100%;}
.banner .img::after                 { display: none;}
.banner .img                        { left: 0; width: 100%; background-position: 50% 80px;}
.banner .content                    { width: 90vw; margin: 0 auto; text-align: center; top: auto; bottom: 80px;}
.banner .content .titre             { display: none;}
.banner .img::before                { background-image: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); top: auto; bottom: 0; height: 50%;}
.banner .content .titre_main        { font-size: 40px; line-height: 50px;}
}
@media (max-width:700px) {
.banner                             { margin-top: 80px;}
.banner .wrapper                    { min-height: inherit; height: 100vw;}
.banner .img                        { background: url(../images/banner_mobile.webp) top / cover no-repeat;}
.banner .content .titre_main        { font-size: 20px; line-height: 30px;}
.banner .content                    { bottom: 40px;}
}



.intro                              { position: relative; margin-bottom: 105px;}
.intro .double_col                  { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 90px 0 35px; background: url("../images/fav_grey.svg") bottom right no-repeat; }
.intro .double_col .right           { padding-left: 80px; position: relative; }

@media (max-width:1000px) {
.intro                              { margin: 70px auto;}
.intro .double_col                  { display: block; background: none; padding: 0;}
.intro .double_col .left            { display: none;}
.intro .double_col .right           { padding: 0;}
}
@media (max-width:700px) {
.intro                              { margin: 45px auto 40px;}
.intro .titre_main                  { margin-bottom: 10px;}
.ul_list.list_atouts li             { padding-left: 25px;}
.intro .sous_titre                  { margin-bottom: 0;}
}


/* slider */
.arrowcustom                        { position: relative; right: -17px; z-index: 2;}
.arrowcustom .slick-arrow           { display: inline-block; vertical-align: top;}
.wrap_titre                         { display: grid; grid-template-columns: auto auto; justify-content: space-between; margin-bottom: 50px; position: relative; z-index: 2;}
.wrap_titre .titre_main             { margin-bottom: 0;}
.slider                             { position: relative; width: 100vw; z-index: 1;}
.slider .slick-list                 { z-index: 1;}
.slider::after                      { content: ""; display: block; position: absolute; top: -160px; left: 800px; width: 70vw; height: 580px; background: #231f20;}
.slider .item                       { position: relative; width: 500px; margin-right: 50px;}
.slider .item img                   { width: 100%; height: auto; display: block;}
@media (max-width:1000px) {
.slider .item                       { width: 450px;}
.slider::after                      { display: none;}
.wrap_titre                         { margin-bottom: 30px;}
}
@media (max-width: 600px) {
.arrowcustom                        { position: absolute; left: 0; width: 100%; text-align: center; bottom: 0;}
.wrap_titre                         { position: static;}
.slider                             { width: auto; margin: 0 -8vw;}
.slider .item                       { width: 300px;}

}


/* produit */
.produit                            { position: relative; padding-top: 60px;}
.produit .slider                    { position: relative; left: -25px;}
.produit .slider .slick-list        { padding-left: 25px;}
.produit .slider .item              { margin: 0 25px 50px;}
.produit .slider .item .texte       { padding: 40px 50px; background: #fff; box-shadow: 0 0 27px 0 rgba(0,0,0,0.1);}
.produit .slider .item .img         { position: relative; border-bottom: 5px solid #eb7916;} 
.produit .slider .item .img::after  { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 105px; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); z-index: 1;}
.produit .slider .item .titre       { position: absolute; bottom: 40px; left: 0; width: 100%; color: #fff; margin: 0; padding: 0 40px; z-index: 2;}
.produit .slider .item .titre a     { color: #fff; display: block; position: relative;}
.produit .slider .item .titre a::after { content: url(../images/arrow_right_orange.svg); display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); filter: brightness(0) invert(1);}

@media (min-width:1201px) {
.produit .slider .item .titre a:hover::after { right: 15px;}
}
@media (max-width:1200px) {

}
@media (max-width:1000px) {
.produit                            { background: #231f20; padding: 70px 0;}
.produit .slider .item              { margin: 0 40px 0 0;}
.produit .titre_main                { color: #fff;}
.produit .slider .item .texte       { display: none;}
}
@media (max-width:700px) {
.produit                            { padding: 45px 0 20px;}
.produit .wrapper                   { padding-bottom: 50px;}
.produit .slider                    { left: auto;}
.produit .slider .item              { margin: 0 10px;}
.produit .slider .item .titre a::after,
.produit .slider .item .img::after  { display: none;}
.produit .slider .item .titre a     { display: block; line-height: 60px; text-align: center;}
.produit .slider .item .titre       { bottom: 0; padding: 0; text-transform: initial; font-weight: 500;}
.produit .slider .item .img         { border: none; padding-bottom: 60px;}
}

/* slogan */
.slogan                             { text-align: center; font: 500 25px/40px "Poppins"; margin: 30px 0 90px;}
.slogan img                         { display: block; margin: 0 auto 15px;}
@media (max-width:1000px) {
.slogan                             { margin: 70px 0;}
}
@media (max-width:700px) {
.slogan                             { display: none; font-size: 16px; line-height: 26px; margin: 50px 0 40px;}
}

/* services */
.services                           { padding-bottom: 100px; margin-bottom: 80px;}
.services .photo::before            { content: ""; display: block; position: absolute; top: 100px; height: 100%; width: 100vw; background: #231f20; right: 50%;}
.services .texte ul                 { border-top: 2px solid #eb7916; margin-top: 40px;}
.services .texte li                 { border-bottom: 2px solid #eb7916;}
.services .texte li a               { display: block; font: 500 18px/78px "Poppins"; background: url(../images/arrow_right_orange.svg) right center no-repeat;}

@media (min-width:1201px) {
.services .texte li a:hover         { color: #eb7916;}
}
@media (max-width:1000px) {
.services                           { padding: 0;}
.services .photo::before            { display: none;}
.services .texte                    { padding-left: 0;}
}
@media (max-width:700px) {
.services                           { margin: 40px 0;}
.services .photo                    { display: none;}
.services .texte li a               { font-size: 16px;}
.services .texte ul                 { margin-top: 20px;}
.services + .slogan                 { display: block;}
}


/* activite */
.activite                            { position: relative; padding-top: 60px;}
.activite .slider                    { position: relative; padding-top: 1px;}
.activite .slider .item              { margin: 0 50px 0 0;}
.activite .slider .item .texte       { font-size: 14px;}
.activite .slider .item .img         { position: relative; margin-bottom: 15px;}
.activite .slider .item .titre       { width: 100%; color: #fff; margin: 0; margin-bottom: 0; text-transform: initial; font: 400 20px/60px "Poppins";}
.activite .slider .item .titre a     { color: #f47d17; display: block; position: relative;}
.activite .slider .item .titre a::after { content: url(../images/arrow_right_orange.svg); display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

@media (min-width:1201px) {
.activite .slider .item .titre a:hover::after { right: 15px;}
}
@media (max-width:1200px) {

}
@media (max-width:1000px) {
.activite                           { padding: 70px 0; background: #231f20;}
.activite .titre_main               { color: #fff;}
.activite .texte                    { display: none;}
}
@media (max-width:700px) {
.activite                           { padding: 45px 0 20px;}
.activite .wrapper                  { padding-bottom: 50px;}
.activite .slider .item             { margin: 0 10px;}
.activite .slider .item .titre a    { color: #fff;}
.activite .slider .item .titre      { font-size: 16px; text-align: center; line-height: 26px; height: 60px; display: grid; align-items: center; justify-content: center;}
.activite .slider .item .img        { margin-bottom: 0;}
.activite .slider .item .titre a::after { display: none;}
}


/* partenaires */
.partenaires                            { background: url(../images/bg_partenaire.webp) center / cover no-repeat; padding: 200px 0 235px;}
.partenaires .sous_titre                { color: #fff; margin-bottom: 30px;}
.partenaires .slider::after             { display: none;}
.partenaires .slider img                { margin: 0 -15px;}
.partenaires .slider img                { margin: 0 15px;}
@media (max-width:1000px) {
.partenaires                            { padding: 80px 0;}
.partenaires .slider                    { width: 100vw;}
.partenaires .slider img                { width: 95px; margin: 0 10px 0 0;}
}
@media (max-width:700px) {
.partenaires                            { padding: 65px 0 85px; background-image: url(../images/bg_partenaire_mobile.webp);}
.partenaires .slider                    { margin: 0;}
.partenaires .sous_titre                { line-height: 26px; margin-bottom: 20px;}
}



.autre_site                         { margin: 120px auto; background-color: #eee; display: grid; grid-template-columns: 400px 1fr; }
.autre_site .content                { padding: 50px; }
.autre_site img                     { width: 100%; height: 100%; object-fit: cover; display: block;}

@media (max-width:1000px) {
.autre_site                         { margin: 80px 0; grid-template-columns: 1fr 1fr;}
.autre_site .content                { padding: 40px;}
}
@media (max-width:700px) {
.autre_site                         { display: block; text-align: center; margin: 50px 0;}
.autre_site p                       { display: none;}
.autre_site .content                { padding: 0;}
.autre_site .sous_titre             { margin: 25px 30px 0;}
}