@charset "UTF-8";.button-agence{background-color:white;padding:16px 24px;font-size:15px;font-weight:600;text-transform:uppercase;color:#00a3a6;height:fit-content}
.button-agence-alt{color:white;background-color:#00a3a6}
@media (max-width:768px){.button-agence{padding:6px;font-size:13}}
.button-agence:hover{opacity:0.8}
.padding-section{padding-top:30px;padding-bottom:30px}
.background-color{background-color:#f0f0f0}
.flex-wrap{flex-wrap:wrap}
.video-container{height:100%;width:100%;position:relative}
.video-container a.link-video{width:100%;height:100%;position:absolute !important;top:0;left:0 !important;opacity:0;z-index:50}
.agence{height:fit-content;width:calc(100vw - 120px);margin:auto}
@media (max-width:768px){.agence{width:100vw}}
.agence .main-heading-agence{position:relative !important;background-color:black;overflow:hidden;height:calc(100vh - 160px);width:100%;display:flex;flex-direction:column;align-items:center}
@media screen and (max-width:767px){.agence .main-heading-agence{height:36vh}}
.agence .main-heading-agence .team-heading{position:relative;height:100%;opacity:0.7}
@media (max-width:768px){.agence .main-heading-agence .team-heading{height:100%}}
.agence .main-heading-agence .text-over{position:absolute;top:30%;left:20%}
@media (max-width:768px){.agence .main-heading-agence .text-over{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}}
.agence .main-heading-agence .text-over h1{font-size:50px;color:white}
@media (max-width:768px){.agence .main-heading-agence .text-over h1{font-size:22px}}
.agence .main-heading-agence .text-over .button-agence{display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-align:center;text-transform:none;font-size:14px;letter-spacing:0.73px;transition:all 300ms ease;padding-inline:18px;padding:16px 18px}
.agence .main-heading-agence .text-over .button-agence:hover{transform:translateX(10px)}
@media (max-width:768px){.agence .agence-web-360{text-align:center}}
.agence .agence-web-360 .wrapper{padding:40px 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1400px;margin:auto}
.agence .agence-web-360 h2{font-size:33px;font-weight:700}
@media (max-width:768px){.agence .agence-web-360 h2{font-size:28px}}
.agence .agence-web-360 p{font-size:14px;font-weight:400;line-height:1.5;color:#757575}
.agence .agence-web-360 .col1{width:40%}
@media (max-width:768px){.agence .agence-web-360 .col1{width:100%}}
.agence .agence-web-360 .col2{padding:20px;width:50%;text-align:center}
@media (max-width:768px){.agence .agence-web-360 .col2{width:100%}}
.agence .agence-web-360 .col2 img{width:100%;height:auto;object-fit:cover;object-position:center;aspect-ratio:1}
.agence .agence-web-360 a{color:#00a3a5}
.agence .agence-web-360 a:hover{text-decoration:underline}
.agence .why-adopt-getup{padding-block:64px}
.agence .why-adopt-getup h2{font-size:33px;font-weight:700;margin-bottom:40px;margin-top:0}
@media (max-width:480px){.agence .why-adopt-getup h2{padding:0 20px}}
.agence .why-adopt-getup .wrapper{display:flex;flex-wrap:wrap;justify-content:center;column-gap:24px}
.agence .why-adopt-getup .wrapper div{padding:20px 25px;border:none;text-align:left;background-color:white;transition:all 0.3s ease-in-out;width:300px;height:300px;display:flex;flex-direction:column;justify-content:space-between;outline-color:#00a3a6;box-shadow:0 5px 30px rgba(0,0,0,0.05)}
.agence .why-adopt-getup .wrapper div:hover{transform:scale(1.02)}
.agence .why-adopt-getup .wrapper div:hover h3:before{width:83px}
@media (max-width:768px){.agence .why-adopt-getup .wrapper div{margin-bottom:25px}}
.agence .why-adopt-getup .wrapper div h3{margin:0;white-space:normal;font-size:22px;color:#000;font-weight:700;position:relative}
.agence .why-adopt-getup .wrapper div h3:before{content:"";position:absolute;background:#00a3a6;width:0;height:10px;bottom:0px;left:-8px;transform:translate(0%,0%);transition:all 0.3s ease;z-index:-1}
.agence .why-adopt-getup .wrapper div ul{padding:0;list-style:none;text-align:left;line-height:1.5;margin-bottom:20px;display:flex;flex-direction:column;row-gap:8px}
.agence .why-adopt-getup .wrapper div ul li{font-size:14px;color:#757575}
.agence .why-adopt-getup .wrapper div ul li::before{content:"•";font-size:16px;color:#00a3a6;font-weight:bold;display:inline-block;width:1em}
.agence .why-adopt-getup .wrapper div .button-agence{display:block;width:100%;border:none;background-color:#00a3a6;color:white;text-align:center;text-transform:none;font-size:14px;letter-spacing:0.73px;transition:all 300ms ease;padding-inline:18px}
.agence .why-adopt-getup .wrapper div .button-agence:hover{transform:translateX(10px)}
.agence .why-getup-text{padding:60px 0}
.agence .why-getup-text .container{max-width:1400px !important;margin:auto}
@media (max-width:767px){.agence .why-getup-text .container{padding:0 40px}}
@media (min-width:576px){.agence .why-getup-text .container{max-width:100%}}
.agence .why-getup-text .container .bordered-icon{padding-left:100px;position:relative;margin-bottom:80px}
.agence .why-getup-text .container .bordered-icon h2{font-size:22px;font-weight:700}
.agence .why-getup-text .container .bordered-icon p{font-size:14px;color:#757575}
.agence .why-getup-text .container .bordered-icon:before{content:"";display:block;width:80px;height:100%;background:#00a3a5;position:absolute;left:0;top:0}
.agence .why-getup-text .container .bordered-icon:after{content:"";display:block;width:50px;height:50px;background-image:url(../themes/v1/assets/images/agence/boost.png);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;top:50%;left:15px;transform:translateY(-50%)}
.agence .why-getup-text .container .bordered-icon.right{padding-left:0;padding-right:100px}
.agence .why-getup-text .container .bordered-icon.right:before{left:auto;right:0}
.agence .why-getup-text .container .bordered-icon.right:after{left:auto;right:15px}
.agence .why-getup-text .container .bordered-icon.technology:after{background-image:url(../themes/v1/assets/images/agence/technology.png)}
.agence .why-getup-text .container .bordered-icon.marketing:after{background-image:url(../themes/v1/assets/images/agence/marketing.png)}
.agence .why-getup-text .container .bordered-icon a{color:#00a3a5}
.agence .why-getup-text .container .bordered-icon a:hover{text-decoration:underline}
.agence .why-getup-text .container .bordered-icon .button-agence{display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14px;letter-spacing:0.73px;padding:16px 18px;transition:all 300ms ease}
.agence .why-getup-text .container .bordered-icon .button-agence:hover{transform:translateX(10px)}
.agence .why-getup-text .container .bordered-icon .row-btns{display:flex;flex-flow:row;align-items:center;column-gap:20px}
@media (max-width:480px){.agence .why-getup-text .container .bordered-icon{padding-left:70px;padding-right:10px}.agence .why-getup-text .container .bordered-icon h2{font-size:24px}.agence .why-getup-text .container .bordered-icon:before{width:60px}.agence .why-getup-text .container .bordered-icon:after{width:40px;height:40px;left:12px}}
.agence .why-getup-text .advanced-btn{font-size:13px;margin-right:5px}
.agence .why-getup-text .banner-text{padding:60px;background-image:url(../themes/v1/assets/images/agence/team-getup-size.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;height:500px;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;color:#fff;font-weight:bold;text-transform:uppercase;font-size:33px}
@media (max-width:480px){.agence .why-getup-text .banner-text{height:auto}}
@media (max-width:480px){.agence .why-getup-text .banner-text p{font-size:27px}}
.agence .why-getup-text .banner-text .button-agence{display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14px;letter-spacing:0.73px;transition:all 300ms ease;padding:16px 18px}
.agence .why-getup-text .banner-text .button-agence:hover{transform:translateX(10px)}
.agence .reassurance-agence{display:flex;align-items:center;justify-content:space-between;margin-left:123px;margin-right:70px;margin-bottom:29px;position:relative;z-index:2}
@media (max-width:768px){.agence .reassurance-agence{display:block;margin-left:0;margin-right:0;padding:15px}}
.agence .reassurance-agence .reassurance-item{position:relative;display:flex;flex-direction:column;align-items:center}
.agence .reassurance-agence .reassurance-item h4{font-family:Montserrat;font-size:36px;font-weight:700;letter-spacing:1.8px;text-align:left;color:#161716;margin-top:83px;margin-bottom:17px}
@media (max-width:768px){.agence .reassurance-agence .reassurance-item h4{margin-top:20px;margin-left:0;margin-right:0;text-align:center}}
.agence .reassurance-agence .reassurance-item p{font-family:Montserrat;font-size:20.5px;font-weight:300;font-style:italic;letter-spacing:1.03px;text-align:left;color:#161716;margin:0;margin-left:2px}
@media (max-width:768px){.agence .reassurance-agence .reassurance-item p{margin-top:0;margin-left:0;margin-right:0;margin-bottom:30px;text-align:center}}
.agence .reassurance-agence .reassurance-item .dot-line{position:absolute;left:50%;bottom:-38px;width:15px;height:15px;border-radius:50%;background-color:#00a3a6}
@media (max-width:768px){.agence .reassurance-agence .reassurance-item .dot-line{display:none}}
.agence .separator-agence{z-index:1;width:calc(100% - 100px);height:3px;margin:10px 0 50px 0;background-color:#757575;position:relative}
@media (max-width:768px){.agence .separator-agence{display:none}}
.agence .agence-info{margin-top:68px;margin-left:124px;margin-right:129px;display:flex;align-items:center;justify-content:space-between}
@media (max-width:768px){.agence .agence-info{display:block;margin:0;padding:15px;text-align:center}}
.agence .agence-info .agence-intro h3{font-family:Montserrat;font-size:52.5px;font-weight:700;line-height:0.98;letter-spacing:2.63px;text-align:left;color:#161716;margin:0;margin-bottom:23px}
@media (max-width:768px){.agence .agence-info .agence-intro h3{text-align:center}}
.agence .agence-info .agence-intro p,.agence .agence-info .agence-intro b{font-family:Montserrat;font-size:17.5px;line-height:1.17;letter-spacing:0.88px;text-align:left;color:#757575}
.agence .agence-info .competences-agence{margin-top:79px}
.agence .agence-info .competences-agence .black,.agence .agence-info .competences-agence .green{font-family:Montserrat;font-size:36px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:1.8px;text-align:left;color:#161716;margin:0}
@media (max-width:768px){.agence .agence-info .competences-agence .black,.agence .agence-info .competences-agence .green{text-align:center}}
.agence .agence-info .competences-agence .green{color:#00a3a6}
.agence .agence-info .competences-agence .last-child{margin-bottom:48px}
.agence .agence-info .competences-agence a{padding:16px 25px 13px 27px;font-size:17.5px;letter-spacing:0.88px;text-align:center;color:#161716;border:2px solid #161716;font-weight:600}
@media (max-width:768px){.agence .agence-info .competences-agence a{font-size:14px;margin-bottom:20px}}
.agence .aventure{padding-top:50px}
.agence .aventure h3{font-family:Montserrat;font-size:33px;font-weight:700;font-stretch:normal;font-style:normal;line-height:0.98;letter-spacing:2.63px;text-align:center;color:#161716;margin:0}
@media (max-width:768px){.agence .aventure h3{font-size:25px;width:95%;margin:auto}}
.agence .aventure .green{color:#00a3a6;margin-bottom:105px}
.agence .aventure .partenaire{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;margin:auto}
@media (max-width:768px){.agence .aventure .partenaire{padding:0}}
.agence .aventure .partenaire .partenaire-row{display:flex;align-items:center;justify-content:space-between;width:100%}
.agence .aventure .partenaire .partenaire-row img{width:150px}
@media (max-width:768px){.agence .aventure .partenaire .partenaire-row img{width:100%}}
.agence .aventure .partenaire .row-1{padding-left:347px;padding-right:322px;margin-bottom:49px}
@media (max-width:768px){.agence .aventure .partenaire .row-1{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin-bottom:30px}}
@media (max-width:768px){.agence .aventure .partenaire .row-1 img{width:20%;height:auto}}
.agence .aventure .partenaire .row-2{padding-left:49px;padding-right:65px;margin-bottom:51px}
@media (max-width:768px){.agence .aventure .partenaire .row-2{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin-bottom:30px}}
@media (max-width:768px){.agence .aventure .partenaire .row-2 img{width:20%;height:auto}}
.agence .aventure .partenaire .row-3{padding-left:278px;padding-right:287px;margin-bottom:55px}
@media (max-width:768px){.agence .aventure .partenaire .row-3{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin-bottom:30px}}
@media (max-width:768px){.agence .aventure .partenaire .row-3 img{width:20%;height:auto}}
.agence .aventure .partenaire .row-4{padding-left:49px;padding-right:65px;margin-bottom:51px}
@media (max-width:768px){.agence .aventure .partenaire .row-4{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin-bottom:30px}}
@media (max-width:768px){.agence .aventure .partenaire .row-4 img{width:20%;height:auto}}
.agence .aventure .partenaire a{margin-bottom:50px;display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14.5px;letter-spacing:0.73px;transition:all 300ms ease}
.agence .aventure .partenaire a:hover{transform:translateX(10px)}
@media (max-width:768px){.agence .aventure .partenaire a{margin-bottom:30px}}
.section-equipe-dynamique h2{text-align:center;font-size:33px}
.section-equipe-dynamique .wrapper .column1,.section-equipe-dynamique .wrapper .column2{width:50%}
@media (max-width:768px){.section-equipe-dynamique .wrapper .column1,.section-equipe-dynamique .wrapper .column2{width:100%}}
.section-equipe-dynamique .wrapper .column2 img{width:100%;height:100%;padding:10px}
@media (max-width:768px){.section-equipe-dynamique .wrapper .column2{display:none}}
@media (max-width:768px){.section-equipe-dynamique .wrapper .second-row{flex-wrap:wrap}}
.section-equipe-dynamique .wrapper .container{position:relative;z-index:2}
.section-equipe-dynamique .wrapper .container span{position:absolute;z-index:3;font-size:22px;font-weight:600;color:white;right:30px;bottom:30px}
@media (max-width:768px){.section-equipe-dynamique .wrapper .container span{right:20px;bottom:20px}}
.section-equipe-dynamique .wrapper .container .video{z-index:1;top:0;left:0;width:100%;height:100%;object-fit:cover;padding:10px}
.section-equipe-dynamique .wrapper .container a{position:absolute;z-index:3;left:5%;bottom:5%;border:0;display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14.5px;letter-spacing:0.73px;transition:all 300ms ease}
.section-equipe-dynamique .wrapper .container a:hover{transform:translateX(10px)}
.section-nous-rejoindre{display:flex;flex-direction:column;align-items:center;padding-block:96px;row-gap:16px}
.section-nous-rejoindre h2{text-align:center;margin:0;font-size:33px}
.section-nous-rejoindre .button-agence{display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14px;letter-spacing:0.73px;transition:all 300ms ease;padding:16px 18px}
.section-nous-rejoindre .button-agence:hover{transform:translateX(10px)}
.section-nous-rejoindre .dot-elastic{margin:auto;width:10px;height:10px;border-radius:5px;background-color:#00a3a6;color:#00a3a6}
.section-nous-rejoindre .wrapper{width:90%;margin:auto;justify-content:center}
.section-nous-rejoindre .wrapper img{width:45%}
@media (max-width:768px){.section-nous-rejoindre .wrapper img{width:70%;transform:translateY(10%)}}
.section-nous-rejoindre .wrapper .annonces{z-index:2;margin:auto;height:50%;width:55%;background-color:white;padding:0 15px 30px 15px;text-align:center}
@media (max-width:768px){.section-nous-rejoindre .wrapper .annonces{width:100%;background-color:rgba(255,255,255,0.9)}}
.section-nous-rejoindre .wrapper .annonces h3,.section-nous-rejoindre .wrapper .annonces h4{font-size:22px;font-style:italic}
.section-nous-rejoindre .wrapper .annonces h4{font-size:15px;color:gray;font-weight:400}
.section-nous-rejoindre .wrapper .annonces p{margin:auto;width:80%;margin-bottom:40px;color:gray}
.section-nous-rejoindre .wrapper .annonces .dots{margin:auto;width:50px}
.demarche-eco{text-align:center}
.demarche-eco h2{font-size:33px}
.demarche-eco .wrapper{margin-top:50px;justify-content:space-around;line-height:0.2}
@media (max-width:768px){.demarche-eco .wrapper div{width:50%;margin-bottom:20px}}
.demarche-eco .wrapper img{width:60px}
.demarche-eco .wrapper h3{font-size:22px;color:#00a3a6}
.demarche-eco .wrapper p{color:grey;font-style:italic;font-size:15px}
.section-contact{padding-block:64px;padding-left:50px;flex-direction:column;row-gap:24px;align-items:center}
@media (max-width:768px){.section-contact{padding-left:10px;padding-right:10px;text-align:center;margin:auto}}
.section-contact div{text-align:center}
@media (max-width:768px){.section-contact div{margin:auto}}
.section-contact div h2{font-size:33px;margin:0}
@media (max-width:768px){.section-contact div h2{font-size:22px}}
.section-contact div p{color:black;font-weight:600;font-size:20px;margin:0}
@media (max-width:768px){.section-contact div p{font-size:18px}}
.section-contact .button-agence{display:block;width:fit-content;border:none;background-color:#00a3a6;color:white;text-transform:none;font-size:14px;letter-spacing:0.73px;transition:all 300ms ease;padding:16px 18px}
.section-contact .button-agence:hover{transform:translateX(10px)}
.section-contact .call-to-action{background-color:white;padding:20px;border:2px solid black;margin:auto;transition:all 0.3s ease !important;font-weight:600;font-size:20px}
@media (max-width:768px){.section-contact .call-to-action{padding:6px}}
.section-contact .call-to-action:hover{background-color:black;color:white;border-radius:20px}
.section-contact .call-to-action:visited{color:black}
.section-contact .call-to-action:visited:hover{color:white}