.banner 								{ width: 100%; position: relative; z-index: 90; }
.banner .wrapper						{ padding: 230px 0 100px 0; text-align: left; display: grid; grid-template-columns: 40% 1fr; align-items: center; grid-gap: 80px;}
.banner .shape                          { position: absolute; top: -5%; right: 125%;}
.banner .content                        { padding-top: 100px;}
.banner .titre_main                     { font-size: 40px; font-weight: 800; line-height: 50px; }
.banner .titre_main span                { display: block; font-size: 20px; letter-spacing: 1.4px; line-height: 30px; margin: 20px 0; color: #01c7d4; }
.banner .right 				            { position: relative;}
.banner .photo 				            { transform: rotate(45deg); overflow: hidden; width: 85%; margin: 0 auto; border-radius: 80px; border: 40px solid #fff; box-shadow: 0 0 40px 0 #1d8abd40;}
.banner .photo img			            { transform: rotate(-45deg) scale(1.4); width: 100%; height: auto; max-width: 520px; max-height: 520px;}

.banner .losange                        { background-color: #fff; box-shadow: 0 0 25px 0px #1d8abd40; transform: rotate(45deg); position: absolute;}
.banner .losange.grand                  { width: 580px; height: 580px; border-radius: 70px; top: -46%; left: 100%;}
.banner .losange.petit                  { width: 320px; height: 320px; border-radius: 50px; top: 65%; left: 90%; }


.banner .outils                         { margin-top: 25px;}
.banner .outils .logos                  { display: grid; grid-template-columns: 120px 120px 120px; grid-gap: 40px;}
.banner .outils .logos img              { display: block; width: 100%; height: auto;}

@media (max-width:1900px) {
.banner .shape                          { position: absolute; top: 15%; right: 115%;}
}
@media (max-width:1400px) {
.banner .wrapper						{ grid-template-columns: 35% 1fr; grid-gap: 60px;}
.banner .shape                          { position: absolute; top: 10%; right: 120%;}
.banner .photo 				            { width: 75%; border: 35px solid #fff;}
.banner .photo img			            { max-width: 480px; max-height: 480px;}
.banner .content                        { padding-top: 0;}
.banner .titre_main                     { font-size: 35px; line-height: 45px; }
 
.banner .losange                        { background-color: #fff; box-shadow: 0 0 25px 0px #1d8abd40; transform: rotate(45deg); position: absolute;}
.banner .losange.grand                  { width: 580px; height: 580px; border-radius: 70px; top: -46%; left: 100%;}
.banner .losange.petit                  { width: 320px; height: 320px; border-radius: 50px; top: 65%; left: 90%; }
}
@media (min-width:1201px) {
    
}

@media (max-width:1200px) {
.banner .wrapper						{ padding: 165px 0 80px 0; grid-template-columns: 40% 1fr; grid-gap: 80px;}
.banner .shape                          { display: none;}

.banner .titre_main                     { font-size: 32px; line-height: 42px; }
.banner .titre_main span                { font-size: 18px; line-height: 28px; margin: 15px 0; }
.banner .photo 				            { width: 85%; margin: 0 auto; border-radius: 60px; border: 30px solid #fff; box-shadow: 0 0 40px 0 #1d8abd40;}
.banner .photo img			            { max-width: 520px; max-height: 520px;}

.banner .losange                        { display: none;}
}

@media (max-width:1000px) {
.banner .wrapper						{ padding: 160px 0 0 0; grid-template-columns: 1fr; grid-gap: 90px;}
.banner .right 				            { grid-area: 1;}
.banner .photo 				            { width: 55%; border: 20px solid #fff; border-radius: 45px; }
.banner .photo img			            { max-width: 480px; max-height: 480px;}
.banner .titre_main                     { font-size: 28px; line-height: 38px; }
.banner .titre_main span                { font-size: 16px; line-height: 26px; margin: 10px 0; }
.banner .titre_main span br             { display: none;}

.banner .outils                         { margin-top: 20px;}
.banner .outils .logos                  { display: flex; flex-wrap: wrap; gap: 0 25px;}
.banner .outils .logos img              { max-width: 120px; height: 100%;}
}

@media (max-width:700px) {
.banner .wrapper						{ padding: 110px 0 0 0; }
.banner .photo 				            { width: 70%; border: 15px solid #fff; border-radius: 35px; }
/*
.banner .chapo 				            { display: none; }
*/
.banner .titre_main                     { font-size: 24px; line-height: 34px; }
.banner .titre_main span                { font-size: 14px; line-height: 24px; margin: 5px 0; }
  
.banner .outils                         { margin-top: 15px;}
.banner .outils .logos img              { max-width: 100px;}
}
@media (max-width:500px) {
.banner .photo 				            { width: 75%; }
.banner .outils .logos img              { max-width: 90px;}
}



.intro                                  { margin: 100px auto; position: relative;}
.intro .shape                           { position: absolute; right: -13%; top: -100%; width: 590px; height: 590px; background: linear-gradient(290deg, #01c7d4, #003585);}
@media (max-width:1200px) {
.intro                                  { margin: 80px 0;}
.intro .shape                           { display: none;}
}
@media (max-width:1000px) {
.intro                                  { margin: 60px 0; }
}
@media (max-width:700px) {
.intro                                  { margin: 40px 0 ;}
}




.services                               { margin: 100px auto; position: relative;}
.services .shape                        { position: absolute; right: 92%; top: 22%; }
.services .slider                       { width: 100vw; margin: 20px 0 0 0;}
.services .slick-list                   { overflow: visible;}
.services .slider .item                 { margin: 50px 0 50px 30px; padding: 0 40px 50px 40px; box-shadow: 0 10px 25px 0px #1d8abd40; background-color: #fff; border-radius: 20px; position: relative; z-index: 50; width: 380px; min-height: 435px;}
.services .slider .item img             { margin: -50px 0 0 -35px; }
.services .slider .item .titre          { margin-top: 20px; margin-bottom: 10px;}
.services .nav_slider                   { display: flex; gap: 10px; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; }
.services .nav_slider .slick-arrow      { width: 50px; height: 50px; border-radius: 12px; background-color: #ffc436; }

@media (min-width:1201px) {
.services .slider .item:hover .sous_titre     { background-position: calc(100% - 40px) 50%;}
}
@media (max-width:1200px) {
.services                               { margin: 80px auto;}
.services .shape                        { display: none; }
.services .slider                       { width: 100%; margin: 0 -15px 0;}
.services .slider .item                 { margin: 50px 0 50px 20px; padding: 0 40px 40px 40px; border-radius: 15px; width: auto; min-height: inherit; }
}
@media (max-width:1000px) {
.services                               { margin: 70px auto;}
}
@media (max-width:700px) {
.services                               { margin: 40px auto;}
.services .slider                       { margin: 20px 0 0 0;}
.services .slider .item                 { position: relative; margin: 0; padding: 0; height: 70px; box-shadow: none; background-color: transparent; border-radius: 0; display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px; align-items: center; border-bottom: 1px solid #eee;}
.services .slider .item img             { max-width: 50px; max-height: 50px; margin: 0;}
.services .slider .item p               { display: none;}
.services .slider .item .titre          { margin: 0; font-size: 14px;}
.services .nav_slider                   { display: none; }
.services .slider .item .link_arrow     { margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 0; background: url("../images/arrow_small_yellow.svg")100% 50% no-repeat transparent;}
.services .slider .item .link_arrow:before { display: none;}
    
}



.about .shape                            { position: absolute; top: 50%; right: -60%; left: inherit;}
/*
.about .losange 				         { transform: rotate(45deg); overflow: hidden; width: 75%; margin: 0 auto; border-radius: 60px; border: 25px solid #fff; box-shadow: 0 0 40px 0 #1d8abd40;}
.about .losange img			             { transform: rotate(-45deg) scale(1.4);}
*/
@media (max-width:1200px) {
.about .shape                            { display: none; }
}

@media (max-width:1000px) {

}

@media (max-width:700px) {

}




.clients                                 { margin: 100px auto; }
.clients .colonnes                       { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
.clients .colonnes .item                 { position: relative; border-radius: 20px; overflow: hidden; }
.clients .colonnes .item:after           { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #00366e; opacity: 0.8;  }
.clients .colonnes .item .titre          { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); color: #fff; font-weight: 800; z-index: 80; text-align: center; width: 100%;}
.clients .colonnes .item img             { display: block; width: 100%; height: auto;}

.clients .bouton                         { grid-column:  span 3;}
.clients .link                           { max-width: 210px; margin-left: auto; display: block;}
@media (min-width:1201px) {
.clients .colonnes .item:hover:after     { opacity: 1;  }

}
@media (max-width:1200px) {
.clients                                 { margin: 80px auto; }
}

@media (max-width:1000px) {
.clients                                 { margin: 60px auto; }
.clients .colonnes                       { grid-template-columns: 1fr 1fr; grid-gap: 20px; justify-items: center; align-items: center;}
.clients .bouton                         { grid-column:  span 1;}
.clients .link                           { margin: 0;}
}

@media (max-width:700px) {
.clients                                 { margin: 40px auto; }
.clients .colonnes                       { grid-template-columns: 1fr; grid-gap: 10px; }
.clients .colonnes .item                 { display:grid; align-items: center; width: 100%; border-radius: 0; border-bottom: 1px solid #cdcdcd; height: 60px;}
.clients .colonnes .item:after           { display: none;}
.clients .colonnes .item .titre          { width: 100%; position: relative; top: inherit; right: inherit; left: inherit; text-align: left; color: #003585; transform: none; margin: 0; background: url("../images/list_footer.svg") calc(100% - 30px) 50% no-repeat;}
.clients .colonnes .item img             { display: none;}
.clients .link                           { margin-top: 20px;}
}




.home_jobs                                { position: relative;}
.home_jobs .shape                         { position: absolute; top: 55%; right: 85%; width: 600px; height: 600px;}
.home_jobs .content                       { display: grid; grid-template-columns: 1fr 48%; align-items: center; grid-gap: 40px; }
.home_jobs .content .liens                { position: relative; display: block; height: 60px; line-height: 58px; font-size: 16px; width: 100%; padding: 0 30px; background: url("../images/list_footer.svg") calc(100% - 30px) 50% no-repeat;}
.home_jobs .content .liens:after          { content: ""; width: 100%; height: 1px; background-color: #D5D5D5; position: absolute; bottom: 0; left: 0; right: 0;}
.home_jobs .content .liens:after :last-of-type  { display: none;}

@media (min-width:1201px) {
.home_jobs .content .liens:hover          { color: #01c7d4; background-position: calc(100% - 50px) 50%;}
}
@media (max-width:1200px) {
.home_jobs .shape                         { display: none;}

}

@media (max-width:1000px) {

}

@media (max-width:800px) {
.home_jobs .content                       { grid-template-columns: 1fr ; }
.home_jobs .content .liens                { font-size: 14px; padding: 0; }
}





#footer                                   { z-index: 15;}