
/***** banner *****/
.banner 							{ width: 100%; height: 90vh; position: relative; padding: 90px 0 0 0; background: #4b4740; text-align: right;}
.banner .img 						{  width: 67%;height: 100%;background: url("../images/banner.webp") left 0 top 90px / cover no-repeat;margin-left: 0;right: 0;position: absolute;top: 0}
.banner .content                    { position: relative;top: 50%;left: 0;transform: translateY(-100%); width: 100%;height: auto; text-align: left; }
.banner .titre                      { font: 400 16px/45px "Poppins";letter-spacing: 1px;color: #ffffff;margin-bottom: 5px; }
.banner span 				        { display:block; font: 700 50px/60px "Poppins";letter-spacing: 0.8px;color: #ffffff;text-transform: uppercase }
.banner .link                       { margin-top: 15px; }
@media (max-width:1200px) {
.banner                             { padding-top: 80px}
.banner .img                        { margin-left: -200px; background-position:left 35% top 50%;}
}
@media (max-width:1000px) {

.banner                             { height: auto; }
.banner .img                        { height: 60vh;background-position: left top 50%;margin-left: 0;left: 0;position:relative;width:100% }
.banner .titre_main                 { font-size: 40px;line-height: 50px; }
.banner .content                    { position: relative;top: inherit;left: inherit;transform: none;text-align: center;padding: 65px 0 80px; }

}
@media (max-width:600px) {
.banner 							{ padding: 75px 0 0 0; margin-bottom: 0;height: auto;}
.banner .img 						{ height: 360px; background-image: url("../images/banner_mobile.webp");display: block;left: 0;margin-left: inherit;}
.banner .content                    { position: relative;top: inherit;left: inherit;transform: none;text-align: center;padding: 30px 0 40px; }
.banner .titre                      { font-size: 14px;line-height: 45px;margin-bottom: 0; }
.banner span                        { font-size: 28px;line-height: 38px; }
.banner .link                       { padding: 0 30px; }
}
/***** Atouts *****/
.atouts                             { border-radius: 40px; display: grid;grid-template-columns: 1fr 1fr 1fr;align-items: center;margin: -110px 0 90px;background: #ffffff; }
.atouts .item:last-child            { border-radius: 0 40px 40px 0;}
.atouts .item                       { transition: all 400ms ease-in-out; padding: 40px 50px 55px 60px;box-shadow: 170px 0 70px #aaaaaa1f;position:relative }
.atouts .item:first-child           { border-radius: 40px 0 0 40px}
.atouts .item img                   { margin-bottom: 10px;}
.atouts .item a                     { border-bottom: none;}
.atouts .item .titre_main           { letter-spacing: 0.4px; font:600 20px/30px "Poppins";color: #000000; text-transform: uppercase;margin-bottom: 0}
.atouts .sous_titre                 { font:400 14px/24px "Poppins";letter-spacing: 0.6px; margin-bottom: 10px}
.atouts .link_atouts                { position:absolute;top:0;left:0;opacity: 0;width:100%;height:100%}

@media (min-width: 1201px){
.atouts .item:hover                 { background:#f7f7f7 }
}
@media (max-width:1200px) {
.atouts .item .titre_main           { height: 60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.atouts                             { margin-bottom: 0}
}
@media (max-width:1000px) {
.atouts                             { grid-template-columns: 1fr; text-align: center;margin:0; }
.atouts .item                       { box-shadow: 170px 70px 70px #aaaaaa1f;padding-bottom: 70px; }
.atouts .item .titre_main           { height: inherit; }
}
@media (max-width:600px) {
.atouts                             { margin:50px 0 30px}
.atouts .item:first-child           { border-radius: 0}
.atouts .item:last-child            { border-radius: 0}
.atouts .item img                   { margin: 0;width:100% }
.atouts .item .texte                { text-align: left}
.atouts .item p                     { display:none; }
.atouts .item                       { background: #f2f2f2;box-shadow: none;margin: 0 0 20px;display: grid;grid-template-columns: 60px 1fr;gap: 30px;align-items: center;padding: 15px;}
.atouts .item .titre_main           { font-size: 16px;}
.atouts .item .sous_titre           { margin-bottom: 0}
}


/***** Intro *****/
.intro                              { text-align: center;margin: 95px 0 0;}
.intro .titre_main                  { font:500 22px/36px "Poppins";color: #000000;margin-bottom: 20px;letter-spacing: 0.4px}
.intro .chapo                       { padding: 0 115px; color:#000}
.intro .chapo a                     { color:#e5b8b2 ;border-bottom: 1px solid transparent}
@media (min-width: 1201px)          {
.intro .chapo a:hover               { border-color: #e5b8b2}
}
@media(max-width: 1200px){
.intro                              { margin-top: 75px}
}
@media (max-width:1000px) {
.intro                              { background: #4b4740;margin: 0;padding: 70px 0;color: #ffffff; }
.intro .titre_main                  { color: #ffffff; }
.intro .chapo                       { padding: 0; color:#ffffff}
}
@media (max-width:600px) {
.intro                              { padding: 35px 0; }
.intro .titre_main                  { font-weight: 400; font-size: 16px;line-height: 28px;margin-bottom: 0; }
}


/***** services *****/
.services                           { margin: 90px 0 130px;padding: 90px 0 120px; background: #f2f2f2; }
.services .titre_main               { margin-bottom: 50px;color: #000000;font-size:25px;letter-spacing: 0.4px;text-transform: uppercase}
.services .item h3                  { border-radius: 0 0 30px 30px; position: relative;align-items: center;background: #ffffff;}
.services .item a:after             { top: 50%;transform: translateY(-50%);position: absolute;right: 35px;height: 25px;width: 25px;background: url(../images/plus_pink.svg) center no-repeat #ffffff;content: "";border-radius: 0 0 30px;}
.services .item>div                 { margin: 0 20px; }
.services .item .sous_titre         { font: 500 16px/26px "Poppins";color: #000000; margin: 0;padding:0 30px }
.services .link_plus                { transition:all 400ms ease-in-out; font:500 16px/26px "Poppins"; padding: 15px 30px;width: auto;height: 100%;min-height:90px;display:grid;cursor: pointer;align-items: center; border-bottom: none; }
.services .item .photo img          { width: 100%;height: 100%;object-fit: cover;}
.services .item  img                { margin: auto; }
.services .slick-slider             { margin: 0 -20px; }
.services .nav_slider               { position: absolute;top: -10px;right: 0;}
.services .nav_slider .slick-arrow  { border-radius: 50%;background-color: #e5b8b2;}
.services .slick-prev               { background: url(../images/prev.svg) center no-repeat; }
.services .slick-next               { background:url(../images/next.svg) center no-repeat ; margin-left: 10px;}

@media (min-width: 1201px){
.services .slick-prev:hover         { background: url(../images/prev.svg) center no-repeat #4b4740; }
.services .slick-next:hover         { background:url(../images/next.svg) center no-repeat #4b4740}
.services .item a:hover:after       { background:url(../images/plus.svg) center no-repeat}
.services .item a:hover             { color:#e5b8b2}
.services .link_plus:hover          { border-bottom: none; }
}
@media (max-width:1200px) {
.services                           { margin: 70px 0 80px;padding:70px 0 90px}
.services .item .sous_titre         { font-size: 18px;line-height: 28px; }
.services .item a:after             { right:20px}


}
@media (max-width:1000px) {
.services                           { margin: 0 0 80px;padding: 70px 0 80px; }
.services .item .sous_titre         { font-size: 16px;line-height: 20px; }
}

@media (max-width:760px){
.services .link_plus                { font-size: 15px;padding: 15px 45px 15px 30px}
.services .item a:after             { right:15px}
.services .item h3                  { border-radius: 0}
.services .item h3 br               { display:none}
}

@media (max-width:600px) {
.services                           { padding: 50px 0 60px; margin-bottom: 60px;}
.services a,
.services .link_plus                { border-radius: 0;padding: 15px 60px 15px 30px;max-width: 100%}
.services .content                  { display: grid; grid-template-columns: 1fr;grid-gap: 20px;}
.services .item>div                 { margin: 0; }
.services .titre_main               { text-align: center; margin-bottom: 30px;line-height: 37px;letter-spacing: 0;}
.services .item .sous_titre         { padding: 35px 0; }
.services .item .photo img,
.services .nav_slider               { display: none; }
}
@media (max-width:375px) {
.services .item .sous_titre         { padding: 30px 0; }
.services .link_plus                { background-position: right 30px center; }
}


/********Email************/
.email                              { border-radius: 30px; padding:40px 0; background:#f2f2f2;text-align: center;display:inline-block;width:100%}
.email form input[type="text"]                   { border-radius: 5px; padding-left: 25px; margin:0 30px 0 20px;border:none;min-width: 265px;min-height: 60px;font:400 14px/60px "Poppins";letter-spacing: 0.2px;}
@media (max-width:1000px){
.email form > div                   { display:grid;grid-template-columns: 1fr;justify-content: center;gap:20px;margin :0 auto;max-width: 460px;padding: 0 30px}
.email form input                   { margin: 0}
}
@media (max-width:600px){
.email form input                   { min-height: inherit;min-width: inherit}
}
/********Bloc Grid***/
.bloc_grid .titre_main              { margin-bottom: 10px}
.bloc_grid .sous_titre              { line-height: 37px;font-size: 22px}
.bloc_grid.reverse                  { margin-bottom: 130px}
.bloc_grid .link.in                 { text-transform: none;padding:0 20px;font:500 22px/60px "Poppins";letter-spacing: 0.4px;margin-left: 5px}
@media (max-width:1200px){
.bloc_grid.reverse                  { margin-bottom: 80px}
}
@media (max-width:600px){
.bloc_grid.reverse                  { margin-bottom: 60px}
}




