body {font-family: 'Saira Semi Condensed';color:#14315E;}
h2 {font-size: 64px;font-style: normal;font-weight: 250;line-height: 120%;}
h2 strong,h2 b {font-weight:700;}
.mw-50 {max-width:50vw;max-height:50vh;}
b, strong {font-weight: 700;}
.text-bg-dark {background-color:#14315E!important;}
header,footer {width:100%;padding:40px 30px;}
#teaser {width:100vw;height:100vh;max-width:100%;background: linear-gradient(180deg, #4598C7 0%, rgba(167, 202, 221, 0.00) 60.94%, #CAE5F5 60.95%, #5C78A3 100%);}
.circles .circle {position:absolute;z-index:99;}
#excellence {padding:290px 275px;margin-bottom:345px;background: #DFEEF7;}
.icon-goutte {display:inline-block;margin-bottom:60px;font-size:64px;color:#1488CA;}
#excellence h2 span:nth-child(1) {color: #1488CA;}
#excellence h2 span:nth-child(2) {color: #0067B1;}
#excellence h2 span:nth-child(3) {color: #084987;}
#excellence h2 span:nth-child(4) {color: #14315E;font-weight:700;}
#excellence .circles .circle:nth-child(1) {top:5vw;right:12.7vw;width:12.7vw;height:12.7vw;border-radius:100%;background-color:rgba(0, 103, 177, 0.15);}
#excellence .circles .circle:nth-child(2) {bottom:5vw;left:-1.6vw;width:22vw;height:22vw;border-radius:100%;border: 1px solid rgba(0, 103, 177, 0.30);}
#vague {background: linear-gradient(0deg, rgba(20, 136, 202, 0.40) 0%, rgba(20, 136, 202, 0.40) 100%), lightgray -18px -708.472px / 101.273% 162.021% no-repeat, #DFEEF7;background-blend-mode: soft-light, darken, normal;}
#bottle {height:100vh;}
#bottle2 img {position: absolute;right:24vw;top:7vh;}
#qualite {background: linear-gradient(180deg, rgba(0, 51, 94, 0.00) 0%, #00325A 15.03%);padding-bottom:450px;margin-top: -100vh;}
#qualite .row {--bs-gutter-x:130px;}
#qualite #composition {border-radius: 60px;background: #004C7F;padding:30px;position:relative;margin-top:130px;}
#qualite #composition:after {left:100%;top:50%;border: solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0, 76, 127, 0);border-left-color:#004C7F;border-width:15px;margin-top:-15px;}
#qualite #composition h3 {color:#FFF;font-size: 32px;font-style: normal;font-weight: 400;line-height: 120%;}
#qualite #composition h3 strong {color:#1488CA;font-size: 24px;font-style: normal;font-weight: 500;}
#qualite #composition ul li {border-color:#0067B1;padding:10px 0;}
#qualite #composition ul li label {margin-right:10px;color: #A6B1C2;font-size: 20px;font-style: normal;font-weight: 400;line-height: 120%;}
#qualite #composition ul li span {color: #1488CA;font-size: 20px;font-style: normal;font-weight: 600;line-height: 120%;}
#qualite img {margin-top:114px;}
#qualite #mineralisation {margin-top:20vh;border-radius:60px;background:#1488CA;display:flex;justify-content:center;align-items:center;width:260px;height:260px;}
#qualite #mineralisation:after {right:100%;top:50%;border: solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(20, 136, 202, 0);border-right-color:#1488CA;border-width:15px;margin-top:-15px;}
#qualite #mineralisation h3 {color: #FFF;font-size: 96px;font-style: normal;font-weight: 600;line-height: 120%;}
#qualite #mineralisation h3 span {color: #FFF;font-size: 24px;font-style: normal;font-weight: 500;line-height: 120%;}
#qualite #mineralisation label {color: #14315E;font-size: 24px;font-style: normal;font-weight: 400;line-height: 120%;}
#qualite #ph,#qualite #ph2 {border-radius:100%;background:#00294D;display:flex;justify-content:center;align-items:center;width:228px;height:228px;color:#FFF;font-size:40px;font-style:normal;font-weight:300;line-height:120%;margin-top:215px;}
#qualite #ph strong,#qualite #ph2 strong {font-weight:600;}
#qualite .circles .circle:nth-child(1) {bottom:30vw;right:-7.3vw;width:19.7vw;height:19.7vw;border-radius:100%;border:1px solid rgba(20, 136, 202, 0.44);}
#qualite .circles .circle:nth-child(2) {bottom:9.2vw;left:4vw;width:8.8vw;height:8.8vw;border-radius:100%;background:rgba(20, 136, 202, 0.08);}
#labels .row {overflow:hidden;}
#labels .row:nth-child(1) .circle {bottom:-9.3vw;left:-4.7vw;width:20vw;height:20vw;border-radius:100%;border:1px solid rgba(190, 218, 237, 0.68);}
#labels .row:nth-child(2) .circle {bottom:-4.1vw;right:-3.2vw;width:10.2vw;height:10.2vw;border-radius:100%;border:1px solid rgba(190, 218, 237, 0.68);}
#labels .row:nth-child(3) .circle {bottom:4.7vw;left:-8.25vw;width:16.5vw;height:16.5vw;border-radius:100%;background:rgba(0, 103, 177, 0.35);}
#emballage {background: #DFEEF7;padding:215px 0;}
#emballage h2 {margin-bottom:120px;color:#1488CA;}
#emballage h2 strong {color: #14315E;font-weight:700;}
#emballage #buttons .btn:nth-child(1) {top:-3%;left:35%;}
#emballage #buttons .btn:nth-child(2) {top:22%;left:0%;}
#emballage #buttons .btn:nth-child(3) {top:45%;left:85%;}
#emballage #buttons .btn:nth-child(4) {top:68%;left:0%;}
#emballage #buttons .btn {padding:0;z-index: 1031;}
#emballage #buttons .btn i {display:inline-block;font-size:17px;}
#emballage #buttons .btn i:after {content:'';width:81px;height:81px;border-radius:100%;background-color:#084987;opacity:0.84;top:-18px;left:-18px;position:absolute;z-index:2;}
#emballage #buttons .btn i:before {margin-left:0;margin-right:0;border-radius:100%;position:relative;z-index:3;background-color:#FFF;width:45px;height:45px;line-height:45px;}
#emballage .circles .circle:nth-child(1) {top:5.4vw;right:12.8vw;width:12.7vw;height:12.7vw;border-radius:100%;background:rgba(0, 103, 177, 0.15);}
#emballage .circles .circle:nth-child(2) {bottom:21.2vw;left:17.1vw;width:3vw;height:3vw;border-radius:100%;border:1px solid rgba(42, 99, 153, 0.39);}
#emballage .circles .circle:nth-child(3) {bottom:8.1vw;left:11.2vw;width:8.8vw;height:8.8vw;border-radius:100%;background:rgba(20, 136, 202, 0.08);}
#contact {padding:120px 0;background: linear-gradient(180deg, #DFEEF7 0%, #A7DCFB 100%);z-index: 2;position: relative;}
#contact .content {border-radius:60px;padding:60px 140px;}
#contact h2 {margin-bottom:40px;}
#contact .row {--bs-gutter-x:30px;--bs-gutter-y:30px;}
.form-control {border-radius: 15px!important;border: 1px solid #0067B1;color: #FFF!important;font-size:17px;font-style: normal;font-weight: 300;line-height: normal;}
.input-group .form-control {border-radius: 80px!important;color: #466F97!important;border: 1px solid #8AC3E4;background: #DFEEF7!important;height:100%;}
.input-group .btn-primary {border-radius: 60px!important;margin-left:-10%!important;opacity: 1;padding:15px 43px!important;}
#contact label {color: #FFF;font-size:17px;font-style: normal;font-weight: 300;line-height: normal;background-color:transparent;}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {background:transparent;}
.wpcf7-list-item {margin-left:0;}
.btn-primary,.btn.disabled, .btn:disabled, fieldset:disabled .btn {padding:15px 25px;border-radius:60px;background:#0067B1;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;}
.wpcf7-spinner {display:none;}
footer #copy {border-top:1px solid #0067B1;margin-top:56px;padding-top:56px;}
.bg-bleu1 {background-color:#084987;}
.bg-bleu2 {background-color:#0067B1;}
.color-bleu2 {color:#0067B1!important;}
.bg-bleu3 {background-color:#1488CA;}
.bg-bleu4 {background-color:#14315E;}
.popover {border:none;border-radius:60px;}
.popover-body {padding:0;}
.atc {cursor:pointer;}
.socials i {font-size:30px;color:#A8DDFC;}
footer #copy a {text-decoration:none;color:#FFF;}
#single_page {padding:200px 0 100px;background:#DFEEF7;}
#single_page h1 {color: #1488CA;margin-bottom:90px;font-size:90px;font-style: normal;font-weight: 250;line-height: 120%;}
.popover-body {min-width: 150px;min-height: 150px;}
#cibles-wrapper {overflow-x: clip;}
#cibles {--bs-gutter-x:20px;padding-bottom:90px;margin-top:-60px;}
#cibles .card {border:none;border-radius:60px;text-transform:uppercase;}
#cibles .card-title {text-align: center;color:transparent;-webkit-text-stroke: 1px #FFF;font-size: 36px;font-style: normal;font-weight: 600;line-height:1;}
#cibles .card-title strong,#cibles .card-title b {color: #FFF;-webkit-text-stroke-width:0;font-weight: 600;}
#cibles > div:nth-child(1) .card {background: #DFEEF7;}
#cibles > div:nth-child(1) .card-title {-webkit-text-stroke-color:#0067B1;}
#cibles > div:nth-child(1) .card-title strong,#cibles > div:nth-child(1) .card-title b {color:#0067B1;}
#cibles > div:nth-child(2) {margin-top:120px;}
#cibles > div:nth-child(2) .card {background: #0067B1;}
#cibles > div:nth-child(3) {margin-top:-100px;}
#cibles > div:nth-child(3) .card {background: #1488CA;}
#cibles > div:nth-child(4) {margin-top:20px;}
#cibles > div:nth-child(4) .card {background: #084987;}
#cibles-wrapper .circles .circle:nth-child(1) {bottom:20vw;right:15vw;width:12.7vw;height:12.7vw;border-radius:100%;background-color:rgba(0, 103, 177, 0.15);}
#cibles-wrapper .circles .circle:nth-child(2) {bottom:-5vw;right:-5vw;width:22vw;height:22vw;border-radius:100%;border:1px solid rgba(0, 103, 177, 0.30);}
#avantages {background: #DFEEF7;padding:90px 0;position:relative;z-index:100;}
#avantages h2 {margin-bottom:60px;}
#avantages .list-group .list-group-item {color:#14315E;border:none;position:relative;padding-left:56px;padding-top:30px;padding-bottom:30px;}
#avantages .list-group .list-group-item:before {position:absolute;content:'';width:36px;height:36px;left:0;top:50%;transform:translateY(-50%);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.36585 18.3807C8.5986 17.6134 9.7641 16.448 10.5314 17.2152L15.4507 22.1346L25.4686 12.1171C26.2359 11.3499 27.4014 12.5154 26.6341 13.2826L16.0339 23.8829C15.7122 24.2046 15.1902 24.2046 14.8685 23.8829L9.36585 18.3807ZM18 0C8.0586 0 0 8.0586 0 18C0 27.9414 8.0586 36 18 36C27.9414 36 36 27.9414 36 18C36 8.0586 27.9414 0 18 0Z" fill="%230067B1"/></svg>');background-size:cover;}
#avantages .list-group .list-group-item:not(:last-child) {border-bottom:1px solid #466F97;}
#partenariat {background: linear-gradient(180deg, #FFF 0%, #E0EFF8 100%);padding:90px 0 1px;}
#gammes {margin:60px 0;--bs-gutter-x:20px;}
#gammes .card {border:none;border-radius:60px;text-transform:uppercase;}
#gammes .card-title {text-align: center;color:transparent;-webkit-text-stroke: 1px #FFF;font-size: 36px;font-style: normal;font-weight: 600;line-height:1;}
#gammes .card-title strong,#gammes .card-title b {color: #FFF;-webkit-text-stroke-width:0;font-weight: 600;}
#gammes > div:nth-child(1) .card {background: #DFEEF7;}
#gammes > div:nth-child(1) .card-title {-webkit-text-stroke-color:#0067B1;}
#gammes > div:nth-child(1) .card-title strong,#gammes > div:nth-child(1) .card-title b {color:#0067B1;}
#gammes > div:nth-child(2) .card {background: #0067B1;}
#gammes > div:nth-child(3) .card {background: #1488CA;}
#gammes > div:nth-child(4) .card {background: #084987;}
#content {padding:5rem 0;}
#content h1 {font-size:40px;margin:5rem 0;}
#content h2 {font-size:32px;}
#content h3 {font-size:24px;}
.wpcf7-response-output {color:#FFF;}
@media screen and (min-width: 1200px) {
.fixed-xl-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
}
@media screen and (min-width: 992px) {
.fixed-lg-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
}
@media screen and (max-width: 1199px) {
#qualite .row {--bs-gutter-x: 40px;}
#qualite #ph,#qualite #ph2 {margin-top:150px;}
#excellence {padding-left:150px;padding-right:150px;margin-bottom: 200px;}
#teaser_page {padding-top: 60px;}
#cibles {margin-top:120px;}
#gammes {--bs-gutter-y:20px;}
}
@media screen and (max-width: 991px) {
h2 {font-size: 42px;}
#contact .content,#excellence {padding-left:30px;padding-right:30px;}
#qualite #composition:after,#qualite #mineralisation:after {display:none;}
#excellence {padding-top:160px;}
#vague {top:800px;}
#qualite img {margin-top: 100px;}
#qualite {background: linear-gradient(180deg, rgba(0, 51, 94, 0.00) 0%, #00325A 5.03%);margin-top: -45vh;}
#qualite #mineralisation,#qualite #composition,#qualite #ph, #qualite #ph2 {margin-top:100px;}
#avantages .col-lg-10 {padding-top:120px;}
}
@media screen and (max-width: 575px) {
h2 {font-size: 32px;}
.wpcf7-list-item-label {font-size:14px;line-height:100%;}
#qualite {margin-top: -45vh;padding-bottom: 200px;}
#qualite #mineralisation,#qualite #composition,#qualite #ph, #qualite #ph2 {margin-top:60px;}
#vague {top: 700px;}
.input-group .form-control {width:120%;}
#cibles > div:nth-child(2) {margin-top:20px;}
#cibles > div:nth-child(3) {margin-top:20px;}
#gammes {--bs-gutter-x:0;}
}
@media screen and (max-width: 310px) {
#vague {top:750px;}
}