/***** banner *****/
.banner 							{ width: 100%;position: relative;z-index: 10;padding: 140px 0 0 0; margin-bottom: 120px; align-items: center; background: linear-gradient(to top, #ffffff 0%, #ffffff 60px, #002b45 61px, #002b45 100%); }
.banner .titre_main 				{ font :700 25px/35px "Frank Ruhl Libre";letter-spacing: 0.4px;color:#fff; margin-bottom: 20px;}
.banner .titre_main span            { color:#e05d46;display:block; font: 500 28px/32px "Oooh Baby"; }
.banner .chapo         				{ font :400 14px/30px "Poppins";letter-spacing: 0.6px;color:#fff; margin-bottom: 30px; width:100%; padding: 0px; }
.banner .content                    { width:45%; padding: 120px 70px; position: relative;z-index: 10;text-align: center;}

@media (max-width:1200px) {
.banner                             { padding: 80px 0 0 0; }
.banner .content                    { width:100%;position: relative;text-align: center;padding:0 5vw; margin:60px 0 }
.banner .content:after              { display: none;}
.banner .content .link              { display: none;}
.chapo                              { display: none;}
}
@media (max-width:600px) {
.banner 							{ padding: 80px 0 0 0; margin-bottom: 100px;}
.banner .content                    { margin:40px 0 }
.banner .titre span                 { font-size: 12px; line-height: 20px ;top: -25px}
.banner .titre_main 				{ font-size: 20px; line-height: 30px; }
}

/***** Link service banner *****/
.banner .content .link              { margin-top: 0px; line-height: 65px; height: 65px; letter-spacing: 0.2px; border-radius: 50px; padding: 0 65px 0 30px; font: 400 15px/65px "Poppins"; text-transform: none; color:#fff; text-align: left; background: url(../images/arrow-bottom.svg) right 30px center no-repeat #e05d46;}
@media (min-width:1201px) {
.banner .content .link:hover        {background: url(../images/arrow-bottom.svg) right 30px center no-repeat #001b2c;}
}

/***** Banner slider images *****/
.banner_slick .slick-arrow          { width:45px;height:45px}
.banner_slick .nav_slider           { position: absolute;left: -150px;bottom: 0px;z-index: 2;}
.banner_slick            			{ width: 50%; height: auto; position: absolute;right:0;top: 10px; z-index: 10;}
.banner_slick .slide                { width:1200px}
.banner_slick .slide .item img      { width:100%;position:relative; ;object-fit: cover;}
.banner_slick .slide .item div      { margin: 0 15px; border-radius:10px; overflow:hidden;}
.slide                              { margin: 0 -15px}
.banner .slick-list                 { border-radius:10px; overflow:hidden;}
@media (max-width:1200px) {
.banner_slick                       { width: 100%;position: relative;right: 0;left: 0;top: 0;}
.banner_slick .slide                { width:auto;}
.banner_slick .nav_slider           { position: absolute; left: 50%; bottom: -80px; margin-left: -47px;z-index: 2;}
}
@media (max-width:600px) {
.banner_slick                       { width: 100%; margin:0 auto;}
.banner_slick .slide                {  width: 100%;  margin: 0px;}
.banner_slick .slick-arrow          { width:15px;height:30px}
.banner_slick .slick-prev           { margin-right: 30px}
.banner_slick .slide .item div      { margin: 0; border-radius: 0px;}
.banner_slick .nav_slider           { bottom: -60px; margin-left: -32px;}
}

/***** intro *****/
.bloc_texte                         { margin: 65px 0 110px; text-align: center;}
.bloc_texte .texte                  { margin: 0 0 50px}
.bloc_texte .sous_titre             { display:block;font:600 25px/35px "Frank Ruhl Libre";letter-spacing: 0px;margin-bottom: 25px;color:#002b45}
.bloc_texte .sous_titre:after       { display: block;content: "";width: 50px;height: 2px;background: #e05d46;margin: 25px auto 0px;}
.bloc_texte p a                     { color:#e05d46}
@media (min-width:1201px){
.bloc_texte p a:hover               { color:#000000}
}
@media (max-width:1200px){
.bloc_texte                         { margin:35px 0 80px }
}
@media (max-width:600px){
.bloc_texte.intro                   { margin-bottom: 55px}
.bloc_texte .texte                  { margin-bottom: 35px}
.bloc_texte .sous_titre             { font-size:20px;line-height:30px; margin-bottom: 15px;}
.bloc_texte .sous_titre:after       { margin: 15px auto 0px;}
}

/***** services *****/
.wrapper_services                   { background: linear-gradient(to bottom, #ffffff 0%,#ffffff 90px, #e05d46 90px, #e05d46 100px,#002b45 101px, #002b45 100%); padding-bottom: 100px; }
.services 							{ display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap: 30px; color: #002b45; margin-bottom: 100px;  }
.services .item 					{ background:#fff;padding:50px 40px 60px; position:relative;text-align: center; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); border-radius:15px;}
.services .item .image 				{ min-height: 100px; display: grid; justify-content: center; align-items: end; margin-bottom: 30px; }
.services .item img 				{ display:block; width: 100%; height: auto; }
.services .item .sous_titre			{ font-size: 20px; line-height: 30px; color: #002b45; margin-bottom: 10px; font :700 20px/35px "Frank Ruhl Libre";letter-spacing: 0.6px; }
.services .item .sous_titre:after   { display: none; }
.services .item p a					{ color: #001b2c; border-bottom: 1px solid transparent; }
.link_arrow							{ width: 60px; height: 60px; border-radius: 50%; margin: 30px auto 0; background: url(../images/arrow_services.svg) no-repeat -5px center #e05d46; display: block; }
@media (min-width:1201px) {
.services .item p a:hover			{ border-color: #001b2c; }
.link_arrow:hover					{ background-color: #001b2c; }
}
@media (max-width:1200px) {
.services 							{ grid-template-columns:1fr 1fr; margin-bottom: 80px; }
}
@media (max-width:1000px) {
.wrapper_services                   { background: linear-gradient(to bottom, #e05d46 0px, #e05d46 10px,#002b45 11px, #002b45 100%); padding: 80px 0 60px 0; }
.services							{ grid-template-columns:1fr 1fr; margin-bottom: 60px; grid-gap: 10px;}
.services .item						{ display: grid; grid-template-columns: 40px 1fr; grid-gap: 20px; padding: 20px 60px 20px 20px; height: 80px; align-items: center; }
.services .item .image				{ display: block; margin: -5px 0 0 0; min-height: initial; width:40px; }
.services .item .sous_titre			{ font-size: 16px; line-height: 28px;  lettre-spacing:0px; margin-bottom: 0; text-align: left; }
.services .item p					{ display: none; }
.services .item a					{ position: absolute; width:100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; background: url(../images/arrow_services_mobile.svg) no-repeat right 20px center; }
.link_arrow							{ border-radius: 0; }
}
@media (max-width:600px) {
.services							{ grid-template-columns:1fr;}
}

/***** Prime *****/
.prime                              { border-left:5px solid #e05d46; padding:25px 25px 25px 50px;}
.prime .sous_titre                  { color: #e05d46; display: block; font: 500 28px/32px "Oooh Baby"; }
.prime p                            { color: #fff; }

/***** Devis *****/
.devis                              { background: linear-gradient(to bottom, #002b45 50%,#ffffff 50% ); padding: 0px;}
.devis_link                         { width: 100%; margin: auto; display: block; text-align: center; font-size: 18px; padding: 30px 40px; height: auto; border-radius: 45px; background: #e05d46;}
.devis_link strong                  { text-transform: uppercase; font: 500 20px/30px "Frank Ruhl Libre";}
.devis_link span                    { display: block; background: url(../images/arrow_services.svg) no-repeat center right; padding-right: 50px; color:#fff; font: 400 20px/30px "Frank Ruhl Libre"; text-transform: none; letter-spacing: 0.4px;}
@media (max-width:1000px) {
.devis_link                         { border-radius: 10px;}
}
@media (max-width:600px) {
.devis_link                         { font-size: 14px; text-align: left; line-height: 30px; padding: 20px 30px;}
.devis_link span                    { font: 400 16px/26px "Frank Ruhl Libre"; }
}

/***** Realisations *****/
.realisations                       { margin: 130px 0; }
.realisations .sous_titre		    { display: block; font: 600 25px/35px "Frank Ruhl Libre"; letter-spacing: 0px; margin-bottom: 25px; color: #002b45;}
.realisations .sous_titre:after     { display: block; content: ""; width: 50px; height: 2px; background: #e05d46; margin: 25px 0px 0px 0px; }
@media (max-width:1000px) {
.realisations                       { text-align: center;}
.realisations .sous_titre:after     { margin: 25px auto 0px; }
.realisations img                   { max-width: 500px; margin:0 auto;}
}
@media (max-width:600px) {
.realisations                       { margin: 60px 0; text-align: center;}
.realisations .sous_titre           { font-size:20px;line-height:30px; margin-bottom: 15px;}
.realisations .sous_titre:after     { margin: 15px auto 0px;}
}