.padding-section{padding:20px 30px 40px 30px}
.green{color:#00a9a8}
.button-page{width:160px;height:50px;padding:15px;border-radius:25px;border:solid 2px #00a9a8;background-color:#fff;text-transform:uppercase;color:#00a9a8;font-weight:bold}
@media (max-width:991px){.button-page{text-align:center;margin:auto}}
.button-page a{color:#00a9a8;text-decoration:none}
h1{font-size:50px;margin:0}
@media (max-width:991px){h1{font-size:25px}}
h2{font-size:40px;margin:0}
@media (max-width:991px){h2{font-size:25px}}
h3{font-size:30px;margin:0}
@media (max-width:991px){h3{font-size:20px}}
.txt-c-m-auto{text-align:center !important;margin:auto !important}
.line{width:100px;height:3px;background-color:#00a9a8;margin-bottom:20px !important}
.popup{display:none;position:fixed;width:40%;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px 50px;border:3px dashed #00a9a8;background-color:white;z-index:999;text-align:center;box-shadow:0 0 0 99999px rgba(0,0,0,0.6)}
@media (max-width:768px){.popup{width:90%}}
.popup .close{position:absolute;top:0;right:0;padding:0 20px}
.popup p{font-size:20px;font-weight:bold}
.popup input[type=email]{width:60%;padding:10px;margin-bottom:10px;border:1px solid grey}
.popup input[type=submit]{padding:10px;background-color:#00a9a8;color:white;border:none}
.section-1{padding:0;margin-bottom:40px}
@media (max-width:991px){.section-1{text-align:center}}
.section-1 .container{column-gap:30px}
@media screen and (min-width:1024px){.section-1 .container{flex-wrap:nowrap}}
@media screen and (min-width:768px) and (max-width:1024px){.section-1 .container>div{width:100%;flex:unset;max-width:unset}}
@media screen and (max-width:767px){.section-1 .container{max-height:unset;row-gap:24px}}
@media screen and (min-width:768px) and (max-width:1024px){.section-1 .container{max-height:unset;row-gap:24px}}
@media (max-width:500px){.section-1 .container .grid-6{padding:0 20px}}
.section-1 .container .image{display:block;-webkit-box-flex:unset;flex:unset;max-width:unset}
.section-1 .container .image img{height:100%;width:100%;object-fit:cover;object-position:center}
@media screen and (max-width:767px){.section-1 .description{padding-inline:24px}}
@media screen and (min-width:768px) and (max-width:1024px){.section-1 .description{padding-inline:24px}}
@media screen and (min-width:1024px){.section-1 .description{font-size:22px;font-style:italic}}
.section-1 .equipe{display:flex;width:100%;flex-flow:row wrap;justify-content:space-between}
@media screen and (min-width:768px) and (max-width:1024px){.section-1 .equipe{padding-block:16px}}
@media screen and (max-width:767px){.section-1 .equipe{flex-direction:column;align-items:center}}
@media screen and (max-width:767px){.section-1 .equipe{row-gap:24px}}
@media screen and (min-width:768px) and (max-width:1024px){.section-1 .equipe{row-gap:24px}}
.section-1 .equipe .card{text-align:center;max-width:46%;height:100%}
@media screen and (max-width:767px){.section-1 .equipe .card{height:fit-content}}
@media (max-width:767px){.section-1 .equipe .card{max-width:100%}}
.section-1 .equipe .card img{aspect-ratio:1;width:80px}
.section-1 .equipe .card .nom{font-size:22px}
.section-1 .equipe .card .role{color:gray;font-size:15px;font-style:italic;opacity:0.75}
.section-1 .equipe .card .desc{color:inherit;font-weight:500;font-size:14px;color:#757575}
.section-1 .col1{flex-direction:column}
.section-1 .col1 h2{font-size:33px;font-weight:bold}
.section-1 .col1 p{width:80%;font-size:14px;color:gray}
@media (max-width:991px){.section-1 .col1 p{width:100%}}
.section-1 .col1 p a,.section-1 .col1 p a:visited{color:#00a9a8}
.section-1 .col2{display:inline-block}
.section-1 .col2 img{margin-top:40px;width:100%;height:auto}
.section-2 h2{text-align:center}
.section-2 .cards-container{display:flex;flex-wrap:wrap;justify-content:center;width:80%;margin:auto}
@media (max-width:991px){.section-2 .cards-container{width:100%}}
.section-2 .cards-container .card{padding:7px 25px;width:400px;height:auto;margin:10px;border-radius:30px;background-color:#fff;box-shadow:0px 8px 22px 0 rgba(0,0,0,0.2)}
.section-2 .cards-container .card h3{font-size:18px;font-weight:bold}
.section-2 .cards-container .card h3 span{padding:4px 8px;width:15px;height:15px;background-color:#00a9a8;color:#fff;font-weight:bold;border-radius:100%}
.section-2 .cards-container .card p{font-size:14px;color:gray}
.section-2 code{margin:20px auto;padding:8px 12px;font-size:16px;color:white;background-color:black;font-family:"SFMono-Regular",Helvetica}
.section-2 code span{color:#ddca7e}
.competences{display:flex;flex-direction:column;align-items:center;max-width:1400px;margin:auto;padding:40px 0}
.competences h2{margin-bottom:20px;font-size:33px}
.competences a.button-alt span{display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:center}
.competences a.button-alt span img{margin-left:8px}
.competences .slick-track{display:flex;flex-flow:row;align-items:stretch}
.competences .pole{background-color:#00a9a8 !important;color:#fff;justify-content:center !important;height:auto !important;border-radius:0 !important}
.competences .pole .rounded-circle{border-color:#fff;margin-bottom:15px;filter:grayscale(1) brightness(100)}
.competences .pole h3{font-size:33px;margin-bottom:18px}
@media (max-width:991px){.competences .pole h3 h3{margin-bottom:20px}}
.competences .pole p{min-height:180px;color:#fff !important}
.competences .wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:40px;margin-top:0px}
@media screen and (max-width:767px){.competences .wrapper{flex-direction:column}}
@media screen and (min-width:768px) and (max-width:1024px){.competences .wrapper{flex-direction:column}}
.competences .wrapper .competence-card{width:45%;padding:24px;min-height:250px;text-align:center;box-shadow:0 5px 30px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center}
@media screen and (max-width:767px){.competences .wrapper .competence-card{width:100%}}
@media screen and (min-width:768px) and (max-width:1024px){.competences .wrapper .competence-card{width:100%}}
.competences .wrapper .competence-card h3{font-size:22px;color:#00a9a8}
.reassurance-pole{display:flex;width:100%;position:relative;padding-block:48px;background-color:#00a9a8;flex-wrap:wrap;justify-content:space-evenly;align-items:center;row-gap:32px}
@media screen and (min-width:768px) and (max-width:1024px){.reassurance-pole{column-gap:32px}}
.reassurance-pole div{padding-inline:16px;width:300px;height:fit-content;display:flex;flex-direction:column;gap:16px}
.reassurance-pole div p{margin:0;font-size:14px}
.reassurance-pole .bg{filter:blur(3px);opacity:0.7}
.section-2-pole-marketing{background-color:#fafafa;position:relative}
.section-2-pole-marketing h2{font-size:30px;text-align:center}
@media (max-width:991px){.section-2-pole-marketing h2{font-size:25px}}
.section-2-pole-marketing div:last-child{margin-bottom:0}
.section-2-pole-marketing .separator{left:50%;position:absolute;height:90%;border-right:dashed 3px #00a9a8}
.section-2-pole-marketing .number{background-color:#00a9a8;border-radius:100%;width:60px;height:60px;text-align:center;font-weight:bold;color:white;font-size:25px;line-height:60px}
.section-2-pole-marketing .etiquette{display:flex;flex-wrap:nowrap;justify-content:space-between;z-index:2;margin:0 auto 20px auto;width:350px;height:auto;padding:5px 10px;border-radius:30px;box-shadow:0px 4px 15px 0 rgba(0,0,0,0.2);background-color:#fff}
.section-2-pole-marketing .etiquette h3{margin:auto 15px;font-size:14px;font-weight:normal;font-style:italic}
.section-2-pole-marketing .left{transform:translateX(-136px)}
@media (max-width:991px){.section-2-pole-marketing .left{transform:translateX(0)}}
.section-2-pole-marketing .right{transform:translateX(136px)}
@media (max-width:991px){.section-2-pole-marketing .right{transform:translateX(0)}}
.section-3{margin:auto}
.section-3 .wrapper{position:relative}
.section-3 .wrapper .container-column-1{display:inline-block}
@media (max-width:991px){.section-3 .wrapper .container-column-1{display:none}}
.section-3 .wrapper .container-column-1 .rectangle{position:absolute;left:0px;z-index:1;width:302px;height:3px;border:solid 4px #00a9a8}
.section-3 .wrapper .container-column-1 .main-img{z-index:2;width:650px;height:auto;margin:25px 0 0 25px}
.section-3 .wrapper .container-column-2{position:relative;z-index:3}
.section-3 .wrapper .container-column-2 .slogan{width:700px;position:absolute;top:60px;left:-30px;background-color:#fff;padding:20px}
@media (max-width:991px){.section-3 .wrapper .container-column-2 .slogan{position:relative;top:0;left:0;width:100%}}
.section-3 .wrapper .container-column-2 .slogan h2{margin:0 0 15px 0}
@media (max-width:991px){.section-3 .wrapper .container-column-2 .slogan h2{font-size:25px}}
.section-3 .wrapper .container-column-2 .cards-container{padding-top:230px}
@media (max-width:991px){.section-3 .wrapper .container-column-2 .cards-container{padding-top:0}}
.section-3 .wrapper .container-column-2 .cards-container .card{margin-left:40%;width:400px;background-color:#eee;padding:5px 30px}
@media (max-width:991px){.section-3 .wrapper .container-column-2 .cards-container .card{margin-left:0;width:100%;margin-bottom:20px}}
.section-3 .wrapper .container-column-2 .cards-container .card h3{font-size:18px;font-weight:bold}
.section-3 .wrapper .container-column-2 .cards-container .card p{font-size:14px;color:gray}
.section-3 .wrapper .container-column-2 .cards-container .card2{margin-left:70%;border-radius:30px;width:400px;background-color:#00a9a8;padding:5px 30px}
@media (max-width:991px){.section-3 .wrapper .container-column-2 .cards-container .card2{margin-left:0;width:100%;margin-bottom:20px}}
.section-3 .wrapper .container-column-2 .cards-container .card2 h3{color:white;font-size:18px;font-weight:bold}
.section-3 .wrapper .container-column-2 .cards-container .card2 p{color:white;font-size:14px}
.section-3 .wrapper .container-column-2 .cards-container .card2 a,.section-3 .wrapper .container-column-2 .cards-container .card2 a:visited{color:white}
.section-4 .col1{padding:0 30px}
.section-4 .col1 p{font-size:14px;font-weight:600;color:gray}
.section-4 .col2{position:relative;padding:30px}
@media (max-width:991px){.section-4 .col2{padding:0}}
.section-4 .col2 .framework{width:120px;height:120px;border:3px solid white;border-radius:100%}
@media (max-width:991px){.section-4 .col2 .framework{margin:auto;width:70px;height:70px}}
.section-4 .col2 .pos2{position:absolute;left:125px}
@media (max-width:991px){.section-4 .col2 .pos2{position:relative;left:0}}
.section-4 .col2 .pos3{position:absolute;left:205px}
@media (max-width:991px){.section-4 .col2 .pos3{position:relative;left:0}}
.section-4 .col2 .pos4{position:absolute;left:285px}
@media (max-width:991px){.section-4 .col2 .pos4{position:relative;left:0}}
.section-4-app-mobile{position:relative;height:400px}
@media (max-width:991px){.section-4-app-mobile{display:none}}
.section-4-app-mobile .background{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.section-4-app-mobile .pin{position:absolute;width:120px;height:120px;border:none;border-radius:100%;box-shadow:0px 8px 22px 0 rgba(0,0,0,0.2);background-color:#fff;color:grey;text-align:center}
.section-4-app-mobile .pin img{padding:10px 10px 0 10px;width:60%;height:60%}
.section-4-app-mobile .pin small{font-size:12px;color:grey}
.section-4-app-mobile .concept{left:10%;top:25%}
.section-4-app-mobile .design{left:29%;top:57%}
.section-4-app-mobile .dev{left:52%;top:20%}
.section-4-app-mobile .prod{left:77%;top:56%}
.section-5{width:100%}
.section-5 .line{width:150px;height:4px;background-color:#00a9a8;margin:auto}
.section-5 h2{text-align:center;margin-bottom:30px;font-size:33px}
@media (max-width:991px){.section-5 h2{margin-bottom:10px}}
.section-5 .parts{vertical-align:baseline;display:flex;flex-direction:column}
@media (max-width:991px){.section-5 .parts{display:none}}
.section-5 .parts img{margin:30px auto;width:120px;max-height:70px}
.section-5 .slider{width:50%;margin:auto}
@media (max-width:991px){.section-5 .slider{width:100%}}
.section-5 .slick-prev:before,.section-5 .slick-next:before{color:#00a9a8}
.section-5 .slick-dots{color:#00a9a8}
.section-5{padding:40px 0}
@media (max-width:768px){.section-5{padding:40px 5px}}
.section-5 h2{font-size:33px;text-align:center}
.section-5 .container-masonry{display:flex;flex-flow:row wrap;align-content:space-between;justify-content:center}
.section-5 .item{width:30%;padding:5px}
@media (max-width:768px){.section-5 .item{width:50%}}
.section-5 .item img{max-width:100%;margin-bottom:0}