/* -------------------------------------------------------------*/
/* -------------------------TINYMCE-----------------------------*/
/* -------------------------------------------------------------*/
.alignleft {
    float: left;
    margin: 6px 28px 28px 0;
}

.alignright {
    float: right;
    margin: 6px 0 28px 28px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px;
}

/* -------------------------------------------------------------*/
/* ------------------------MIXINS-------------------------------*/
/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/
/* -------------------------INIT-------------------------------*/
/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/
/* -----------------------KEYFRAMES-----------------------------*/
/* -------------------------------------------------------------*/
@keyframes swift-inY {
    0% {
        transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes swift-inX {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}

@keyframes swift-outY {
    0% {
        transform: scaleY(1);
    }
    100% {
        transform: scaleY(0);
    }
}

@keyframes swift-outX {
    0% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleX(0);
    }
}

@keyframes move {
    from {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1);
    }
    to {
        transform: scale(1.15);
        -ms-transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -o-transform: scale(1.15);
        -moz-transform: scale(1.15);
    }
}

.ls-slide img:nth-child(1) {
    display: none !important;
    animation-duration: 30s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: move;
    animation-direction: alternate;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    transform-origin: middle center;
    -webkit-transform-origin: middle center;
    -o-transform-origin: middle center;
    -moz-transform-origin: middle center;
}

/* -------------------------------------------------------------*/
/* -------------------------TINYMCE-----------------------------*/
/* -------------------------------------------------------------*/
.alignleft {
    float: left;
    margin: 6px 28px 28px 0;
}

.alignright {
    float: right;
    margin: 6px 0 28px 28px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px;
}

@media screen and (min-width: 1250px) {
    body {
        padding-top: 140px;
    }
}

@media screen and (max-width: 1250px) {
    body {
        padding-top: 100px;
    }
}

body, html {
    overflow-x: hidden;
}

.navbar {
    z-index: 200;
    border: none;
}

@media screen and (min-width: 1250px) {
    .navbar {
        min-height: 140px;
    }
}

@media screen and (max-width: 1250px) {
    .navbar {
        min-height: 100px;
    }
}

@media screen and (min-width: 1570px) {
    .navbar-brand img {
        padding-left: 95px;
        height: 100px;
        margin-top: 0px;
    }
}

@media screen and (min-width: 1350px) {
    .navbar-brand img {
        margin-top: 12px;
        height: 85px;
    }
}

@media screen and (min-width: 1251px) and (max-width: 1350px) {
    .navbar-brand img {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1440px) {
    .navbar-brand img {
        height: 70px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-brand img {
        height: 55px;
    }
}

.navbar-toggle {
    border: none;
    position: relative;
    top: 25px;
}

.navbar-toggle .icon-bar {
    background-color: #005695 !important;
    height: 3px;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
    border: none;
}

@media screen and (max-width: 1250px) {
    .navbar-collapse {
        border: none !important;
        background: white;
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-collapse {
        left: 15px;
    }
}

@media screen and (width: 768px) {
    .navbar-collapse {
        left: 0px;
    }
}

.navbar-collapse.in {
    overflow: initial;
}

@media screen and (min-width: 1250px) {
    .navbar-left {
        float: right !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }
}

.navbar-left li .fa-chevron-down {
    margin-left: 5px;
}

.collapsing {
    transition: all 0.1s;
}

.navbar-right {
    background: #005695;
    padding-left: 18px;
    padding-right: 18px;
}

@media screen and (min-width: 1250px) {
    .navbar-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }
}

@media screen and (max-width: 1250px) {
    .navbar-right {
        position: absolute;
        bottom: -50px;
        padding: 10px;
        width: 100%;
    }
}

@media screen and (max-width: 398px) {
    .navbar-right {
        bottom: -77px;
    }
}

.navbar-right span:nth-child(1) {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #5dc4eb;
}

.navbar-right span:nth-child(2) {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.3px;
    color: #ffffff;
    position: relative;
}

.navbar-right span:nth-child(2):before {
    content: url("../../img/phone.svg");
    position: relative;
    top: 5px;
    left: -3px;
}

.navbar-right span:nth-child(2) a {
    color: #ffffff;
}

.navbar-right span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.navbar-default {
    background-color: white;
    z-index: 1000;
}

.navbar-default .navbar-nav > li > a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #005695;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 1251px) and (max-width: 1440px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 1250px) {
    .navbar-default .navbar-nav > li > a {
        min-height: 140px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.navbar-default .navbar-nav > li > a:hover {
    color: #005695 !important;
    background-color: transparent !important;
}

#menu-menu {
    position: relative;
    z-index: 30;
    background: white;
}

.dropdown-menu > li > a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #005695;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #5dc4eb;
    background: #ffffff;
}

.navbar-default .navbar-nav > .active > a {
    color: #5dc4eb;
    background: #ffffff;
}

@media (max-width: 1250px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }
}

.noty_theme__sunset.noty_type__success {
    background-color: #5dc4eb !important;
}

footer {
    background: #ffffff;
}

@media screen and (max-width: 992px) {
    footer {
        padding-top: 40px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1300px) {
    footer .container {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    footer .row-flex {
        display: flex;
        align-items: center;
    }
}

@media screen and (min-width: 1450px) {
    footer .logo-footer {
        padding-left: 95px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1450px) {
    footer .logo-footer {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 992px) {
    footer .logo-footer {
        display: block;
        margin: auto;
    }
}

footer h2 {
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 600;
    color: #005695;
    text-align: center;
    margin-top: 0px;
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
    footer h2 {
        margin-top: 30px;
    }
}

footer h3 {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    color: #005695;
    margin-bottom: 16px;
    text-transform: uppercase;
    margin-top: 0px;
}

@media screen and (max-width: 992px) {
    footer h3 {
        margin-top: 30px;
        text-align: center;
    }
}

footer .link {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 12px;
    display: block;
    background: none;
    border: none;
    padding: 0px;
    outline: none;
}

@media screen and (max-width: 992px) {
    footer .link {
        text-align: center;
    }
}

footer .link i {
    position: relative;
    left: 8px;
    top: 1px;
}

@media screen and (max-width: 992px) {
    footer .dropdown {
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
        display: block;
    }
}

footer .dropdown-menu {
    padding: 10px;
}

@media screen and (max-width: 992px) {
    footer .dropdown-menu {
        margin: auto;
        margin-left: -65%;
    }
}

footer .dropdown-menu > li > a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    display: block;
    background: none;
    border: none;
    padding: 0px;
    outline: none;
    margin: 5px 0px;
}

footer .numero {
    font-family: "Poppins";
    font-size: 22px;
    font-weight: normal;
    color: #005695;
    display: block;
    text-align: center;
}

footer .numero i {
    margin-right: 7px;
    font-size: 18px;
}

footer .mention {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 86, 149, 0.6);
    margin-top: 5px;
}

.copyright {
    background: #eef3f7;
    text-align: center;
    padding: 10px 0px;
}

.copyright a {
    font-family: Poppins;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(37, 46, 53, 0.5);
}

#infoBanner .modal-content {
    padding: 40px 20px;
    position: relative;
    box-shadow: none !important;
    border: 0 !important;
}

#infoBanner .close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 25px;
    opacity: 1;
    z-index: 300;
}

#infoBanner h1, #infoBanner h2, #infoBanner h3 {
    font-family: "Poppins";
    font-size: 26px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f18700;
    margin-bottom: 30px;
}

#infoBanner p {
    font-family: "Open Sans";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

#infoBanner img {
    width: 240px;
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media screen and (min-width: 1300px) {
    .container {
        width: 1280px;
    }
}

a:hover {
    text-decoration: none;
}

.align-item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .align-item {
        display: initial;
    }
}

.btn-jaune-large {
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 27px 70px 27px 70px;
}

.btn-jaune-large:hover {
    text-decoration: none;
    color: #ffffff;
}

.btn-jaune-small {
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 22px 26px 22px 26px;
}

.btn-jaune-small:hover {
    text-decoration: none;
    color: #ffffff;
}

.btn-jaune-chevron {
    border-radius: 3px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 12px 40px 12px 18px;
    position: relative;
}

.btn-jaune-chevron:after {
    content: url("../../img/chevron-right.svg");
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 15px;
    right: 12px;
}

.btn-jaune-chevron:hover {
    text-decoration: none;
    color: #ffffff;
}

.btn-white-small {
    display: inline-block;
    border-radius: 5px;
    background-color: #ffffff;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fdc300;
    padding: 22px 26px 22px 26px;
}

.btn-white-small:hover {
    text-decoration: none;
    color: #fdc300;
}

.btn-white {
    display: inline-block;
    border-radius: 5px;
    background-color: #ffffff;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fdc300;
    padding: 22px 60px 22px 60px;
}

.btn-white:hover {
    text-decoration: none;
    color: #fdc300;
}

.header-wave {
    background-color: #005695;
    min-height: 460px;
    position: relative;
}

.header-wave:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    bottom: 8px;
    left: -5px;
    transform: translate(0px, 100%) rotate(180deg);
}

.header-wave h1 {
    padding-top: 60px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave h1 {
        font-size: 50px;
    }
}

.header-wave p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave p {
        font-size: 28px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave p {
        font-size: 20px;
    }
}

.header-wave .img-reparator {
    margin: auto;
    display: block;
    margin-top: 50px;
    max-width: 400px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.header-wave-image {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .header-wave-image {
        min-height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image {
        min-height: 500px;
        text-align: center;
    }
}

.header-wave-image:after {
    content: url("../../img/wave-white.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    bottom: -7px;
    left: -5px;
}

.header-wave-image .container-fluid {
    height: 730px;
    background-color: #005695;
    position: absolute;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .header-wave-image .container-fluid {
        height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image .container-fluid {
        height: 500px;
        padding: 0px;
    }
}

@media screen and (min-width: 992px) {
    .header-wave-image .container {
        min-height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image .container {
        min-height: 500px;
    }
}

.header-wave-image h1 {
    padding-top: 120px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave-image h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image h1 {
        font-size: 50px;
    }
}

.header-wave-image p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave-image p {
        font-size: 36px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image p {
        font-size: 20px;
    }
}

.header-wave-image .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .header-wave-image .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.header-wave-image .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.header-wave-image .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.header-wave-image .img-back-wave {
    height: inherit;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media screen and (min-width: 992px) {
    .header-wave-image .img-back-wave {
        left: 15px;
    }
}

.header-wave-image-blue {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue {
        min-height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue {
        min-height: 500px;
        text-align: center;
    }
}

.header-wave-image-blue:after {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: -7px;
}

.header-wave-image-blue .container-fluid {
    height: 730px;
    background-color: #005695;
    position: absolute;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue .container-fluid {
        height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue .container-fluid {
        height: 500px;
        padding: 0px;
    }
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue .container {
        min-height: 730px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue .container {
        min-height: 500px;
    }
}

.header-wave-image-blue h1 {
    padding-top: 120px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue h1 {
        font-size: 40px;
    }
}

.header-wave-image-blue p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue p {
        font-size: 36px;
    }
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue p {
        font-size: 20px;
    }
}

.header-wave-image-blue .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .header-wave-image-blue .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.header-wave-image-blue .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.header-wave-image-blue .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.header-wave-image-blue .img-back-wave {
    height: inherit;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media screen and (min-width: 992px) {
    .header-wave-image-blue .img-back-wave {
        left: 15px;
    }
}

.accordion-step {
    padding-top: 150px;
}

@media screen and (max-width: 992px) {
    .accordion-step .no-padding {
        padding: 0px;
    }
}

.accordion-step h2 {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .accordion-step h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .accordion-step h2 {
        font-size: 24px;
    }
}

.accordion-step .panel {
    border: none;
    border-bottom: 2px solid #e4e4e4;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
}

.accordion-step .panel .panel-default {
    border-color: transparent;
}

.accordion-step .panel .panel-heading {
    padding: 10px 5px !important;
    background-color: transparent;
    border: none;
}

@media screen and (max-width: 992px) {
    .accordion-step .panel .panel-heading {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.accordion-step .panel h4.collapsed:after {
    content: "";
    background-image: url("../../img/square-chevron-down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0px;
    transform: translateY(-50%) rotate(0deg);
    top: 50%;
}

.accordion-step .panel h4 {
    position: relative;
    font-family: "Open Sans";
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fdc300;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .accordion-step .panel h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 992px) {
    .accordion-step .panel h4 {
        font-size: 15px !important;
        padding-right: 35px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
}

.accordion-step .panel h4:hover {
    cursor: pointer;
}

.accordion-step .panel h4 a:hover, .accordion-step .panel h4 a:focus {
    text-decoration: none;
}

.accordion-step .panel h4 .chiffre {
    background-color: rgba(253, 195, 0, 0.2);
    padding: 5px;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fdc300;
}

@media screen and (min-width: 992px) {
    .accordion-step .panel h4 .chiffre {
        width: 48px;
        height: 48px;
        font-size: 26px;
    }
}

@media screen and (max-width: 992px) {
    .accordion-step .panel h4 .chiffre {
        width: 35px;
        height: 35px;
        font-size: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }
}

.accordion-step .panel h4:after {
    content: "";
    background-image: url("../../img/square-chevron-down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

@media screen and (min-width: 992px) {
    .accordion-step .panel h4:after {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 992px) {
    .accordion-step .panel h4:after {
        width: 30px;
        height: 30px;
    }
}

.accordion-step .panel .panel-body {
    border: none !important;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 992px) {
    .accordion-step .panel .panel-body {
        padding-left: 60px;
        padding-right: 110px;
    }
}

@media screen and (max-width: 992px) {
    .accordion-step .panel .panel-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .accordion-step .panel .panel-body ul {
        padding-left: 20px;
    }
}

.header-home {
    background-image: url("../../img/visuel-header-accueil.jpg");
    background-position: center center;
    background-size: cover;
    min-height: 895px;
    position: relative;
}

.header-home h1 {
    text-shadow: 0 12px 32px rgba(0, 86, 149, 0.18);
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 5px;
    text-align: center;
    color: #ffffff;
    margin-top: 60px;
}

@media screen and (min-width: 992px) {
    .header-home h1 {
        font-size: 120px;
    }
}

.header-home h2 {
    text-shadow: 0 12px 24px rgba(0, 86, 149, 0.36);
    font-family: "Poppins";
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-home h2 {
        font-size: 80px;
    }
}

.header-home .btn-renseignement {
    border-radius: 5px;
    background-color: white;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    padding: 27px 70px 27px 70px;
    display: table;
    margin: auto;
    margin-top: 20px;
}

.header-home .btn-renseignement:hover {
    text-decoration: none;
    color: #005695;
}

.header-home .btn-services {
    border-radius: 5px;
    background-color: white;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #5dc4eb;
    padding: 27px 70px 27px 70px;
    display: table;
    margin: auto;
    margin-top: 20px;
}

.header-home .btn-services:hover {
    text-decoration: none;
    color: #5dc4eb;
}

@media screen and (min-width: 992px) {
    .header-home .padding-top-button {
        margin-top: 90px;
    }
}

.header-home .scroll-down {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.header-home .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 20px;
}

.header-home .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.services {
    padding-top: 30px;
}

.services h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

@media screen and (min-width: 992px) {
    .services h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .services h2 {
        font-size: 35px;
    }
}

.services .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

@media screen and (max-width: 992px) {
    .services .nav-tabs {
        flex-direction: column;
    }
}

.services .nav-tabs li {
    border-radius: 39.5px;
    background-color: #eef3f7;
    margin-top: 20px;
}

.services .nav-tabs li a {
    background: none;
    border: none;
    font-family: "Poppins";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #005695;
}

@media screen and (min-width: 992px) {
    .services .nav-tabs li a {
        padding: 10px 70px 10px 70px;
    }
}

@media screen and (max-width: 992px) {
    .services .nav-tabs li a {
        padding: 17px 40px 17px 40px;
    }
}

.services .nav-tabs li a:focus {
    background: none;
    border: none;
}

@media screen and (min-width: 992px) {
    .services .nav-tabs li:nth-child(1) {
        position: relative;
        left: 30px;
    }

    .services .nav-tabs li:nth-child(2) {
        position: relative;
        right: 30px;
    }
}

.services .nav-tabs .active {
    border-radius: 39.5px;
    background-color: #005695;
}

.services .nav-tabs .active a {
    color: #ffffff;
}

.services .nav-tabs .active a:focus {
    background: none;
    border: none;
    color: #ffffff;
}

.services .nav-tabs .active a:hover {
    border-radius: 39.5px;
    background-color: #005695;
    text-decoration: none;
    color: white;
    border: none;
}

.services .picto-services {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services .picto-services img {
    border-radius: 50%;
    max-width: 100px;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.13);
    margin: 20px;
}

.box-services {
    position: relative;
    padding: 30px;
    margin-top: 30px;
    border-radius: 5px;
    min-height: 240px;
}

.box-services h3 {
    margin: 0px;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
}

.box-services p {
    margin-top: 10px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #808080;
}

.box-services a {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    color: white;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding-left: 30px;
    padding-bottom: 14px;
    padding-top: 14px;
}

.box-services a:after {
    content: url("../../img/arrow-right.svg");
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    padding-left: 6px;
    top: 13px;
}

.box-services a:hover {
    text-decoration: none;
}

.box-services-bleu {
    border: 4px solid #005695;
}

.box-services-bleu h3 {
    color: #005695;
}

.box-services-bleu a {
    background: #005695;
}

.box-services-jaune {
    border: 4px solid #fdc300;
}

.box-services-jaune h3 {
    color: #fdc300;
}

.box-services-jaune a {
    background: #fdc300;
}

.box-services-bleu-clair {
    border: 4px solid #5dc4eb;
}

.box-services-bleu-clair h3 {
    color: #5dc4eb;
}

.box-services-bleu-clair a {
    background: #5dc4eb;
}

.box-services-vert {
    border: 4px solid #07AC6A;
}

.box-services-vert {
    color: #07AC6A;
}

.box-services-vert a {
    background: #07AC6A;
}

.presence {
    margin-top: 130px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    background: #005695;
}

.presence:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    top: 7px;
    left: -5px;
    transform: translate(0px, -100%);
}

.presence:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 7px;
    transform: translate(0px, 100%) rotate(180deg);
}

.presence h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .presence h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .presence h2 {
        font-size: 35px;
    }
}

.presence p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.presence .btn-white-small {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 284px;
}

.valeurs {
    padding-top: 150px;
}

.valeurs h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .valeurs h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .valeurs h2 {
        font-size: 35px;
    }
}

.valeurs .panel {
    border: none;
    border-bottom: 2px solid #e4e4e4;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
}

.valeurs .panel .panel-default {
    border-color: transparent;
}

.valeurs .panel .panel-heading {
    background-color: transparent;
    border: none;
}

.valeurs .panel h4.collapsed:after {
    content: url("../../img/square-chevron-down.svg");
    position: absolute;
    right: 0px;
    bottom: -8px;
    transform: rotate(0deg);
}

.valeurs .panel h4 {
    position: relative;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fdc300;
    text-transform: uppercase;
}

.valeurs .panel h4:hover {
    cursor: pointer;
}

.valeurs .panel h4 a:hover, .valeurs .panel h4 a:focus {
    text-decoration: none;
}

.valeurs .panel h4 img {
    background-color: rgba(253, 195, 0, 0.2);
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.valeurs .panel h4:after {
    content: url("../../img/square-chevron-down.svg");
    position: absolute;
    right: 0px;
    bottom: -8px;
    width: 48px;
    height: 48px;
    transform: rotate(180deg);
}

.valeurs .panel .panel-body {
    padding-top: 0px;
    border: none !important;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 1199px) {
    .valeurs .panel .panel-body {
        padding-left: 60px;
        padding-right: 110px;
    }
}

.clients {
    margin-top: 130px;
    position: relative;
    padding-top: 60px;
    background-color: #5dc4eb;
    padding-bottom: 40px;
}

.clients:before {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

@media screen and (min-width: 992px) {
    .clients .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.clients h2 {
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 20px;
}

.clients p {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.clients .avis {
    border-radius: 4px;
    background-color: #ffffff;
    padding: 40px;
}

.clients .avis p {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: normal;
    color: #005695;
}

.clients .avis .name {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #5dc4eb;
}

.clients .avis .t-right {
    text-align: right;
}

.clients .avis .fa-star {
    margin: 1px;
    padding-top: 5px;
    color: #e8e8e8;
}

.clients .avis .fa-star.active {
    color: #fdc300;
}

.clients .slider-avis .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

.clients .slider-avis .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: white;
}

.clients .slider-avis .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.clients .slider-avis .swiper-slide-active {
    box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.12);
}

.clients .slider-avis .swiper-button-prev, .clients .slider-avis .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

@media screen and (min-width: 992px) {
    .clients .slider-avis .swiper-slide-next, .clients .slider-avis .swiper-slide-prev {
        opacity: 0.4;
    }
}

.clients .slider-avis .swiper-slide-next:focus, .clients .slider-avis .swiper-slide-prev:focus {
    outline: none;
}

@media screen and (min-width: 992px) {
    .clients .slider-avis .swiper-button-prev {
        transform: translate(100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .clients .slider-avis .swiper-button-prev {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .clients .slider-avis .swiper-button-prev {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .clients .slider-avis .swiper-button-next {
        transform: translate(-100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .clients .slider-avis .swiper-button-next {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .clients .slider-avis .swiper-button-next {
        display: none;
    }
}

.contact {
    position: relative;
    padding-top: 60px;
    background-color: #5dc4eb;
    padding-bottom: 40px;
}

.contact:after {
    content: url("../../img/white-right-contact.png");
    right: 0px;
    top: 0px;
    position: absolute;
    transform: translateY(20%);
}

.contact .baigneur {
    max-width: 680px;
    display: block;
    margin: auto;
    padding-bottom: 40px;
    position: relative;
}

.contact .baigneur img {
    width: 70px;
    margin: auto;
    position: relative;
    z-index: 3;
}

.contact .baigneur:before {
    content: "";
    top: 35px;
    background: white;
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

.contact .contact-card {
    display: flow-root;
    max-width: 830px;
    margin: auto;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    margin-bottom: 40px;
    position: relative;
}

.contact .contact-card:before {
    content: url(../../img/circle-contact-form.svg);
    position: absolute;
    left: -148px;
    bottom: 10px;
}

@media screen and (min-width: 992px) {
    .contact .contact-card .content-form {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 992px) {
    .contact .contact-card .content-form {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.contact .contact-card h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    margin-top: 48px;
    margin-bottom: 0px;
}

@media screen and (min-width: 992px) {
    .contact .contact-card h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .contact .contact-card h2 {
        font-size: 35px;
    }
}

.contact .contact-card h3 {
    margin-top: 0px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

.contact .contact-card label {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #005695;
    margin-top: 20px;
}

.contact .contact-card .input-group {
    width: 100%;
}

.contact .contact-card .input-group input[type=text], .contact .contact-card .input-group input[type=email], .contact .contact-card .input-group input[type=tel], .contact .contact-card .input-group textarea {
    border-radius: 4px;
    width: 100%;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

.contact .contact-card .input-group input[type=text]::-moz-placeholder, .contact .contact-card .input-group input[type=email]::-moz-placeholder, .contact .contact-card .input-group input[type=tel]::-moz-placeholder, .contact .contact-card .input-group textarea::-moz-placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.contact .contact-card .input-group input[type=text]::placeholder, .contact .contact-card .input-group input[type=email]::placeholder, .contact .contact-card .input-group input[type=tel]::placeholder, .contact .contact-card .input-group textarea::placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.contact .contact-card textarea {
    width: 100%;
    display: block;
    border-radius: 4px;
    width: 100%;
    max-height: 150px;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

.contact .contact-card input[type=submit] {
    border: none;
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
    padding: 22px 115px 22px 115px;
    color: white;
    display: table;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 25px;
}

.contact .contact-card input[type=submit]:hover {
    text-decoration: none;
    color: #ffffff;
}

.contact .footer-card {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #005695;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.contact .footer-card span:nth-child(1) {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #ffffff;
}

.contact .footer-card span:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.contact .footer-card span:nth-child(2):before {
    content: url("../../img/phone-blue.svg");
    position: relative;
    top: 0px;
    left: -5px;
    background: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact .footer-card span:nth-child(2) a {
    color: #ffffff;
}

.contact .footer-card span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.liste-services {
    position: relative;
}

.liste-services:before {
    content: url("../../img/sky-blue-round-half.png");
    position: absolute;
    top: 30%;
    left: 0px;
    transform: translateY(-50%) rotate(-180deg);
}

.liste-services:after {
    content: url("../../img/sky-blue-round-half.png");
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .liste-services {
        margin-top: 150px;
    }
}

@media screen and (max-width: 768px) {
    .liste-services {
        margin-top: 60px;
    }
}

.liste-services .box-liste {
    margin-top: 40px;
    border-radius: 12px;
    box-shadow: 0 7px 21px 0 rgba(0, 0, 0, 0.2);
}

.liste-services .box-liste .row {
    min-height: 260px;
}

@media screen and (min-width: 768px) {
    .liste-services .box-liste .row {
        display: flex;
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) {
    .liste-services .box-liste .row .col-sm-9 {
        padding: 40px 50px 40px 50px;
    }
}

@media screen and (max-width: 768px) {
    .liste-services .box-liste .row .col-sm-9 {
        padding: 20px 30px 20px 30px;
    }
}

.liste-services .box-liste h2 {
    font-family: "Poppins";
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 0 14px;
}

.liste-services .box-liste p {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    color: #ffffff;
}

.liste-services .box-liste a {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .liste-services .box-liste a {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

@media screen and (max-width: 768px) {
    .liste-services .box-liste a {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

.liste-services .box-list-bleu {
    background: #005695;
}

.liste-services .box-list-bleu-clair {
    background: #5dc4eb;
}

.liste-services .box-list-jaune {
    background: #fdc300;
}

.liste-services .box-list-vert {
    background: #07AC6A;
}

.liste-services .discover-pro {
    margin-top: 160px;
    background-color: #5dc4eb;
    padding-bottom: 20px;
    padding-top: 15px;
}

@media screen and (min-width: 992px) {
    .liste-services .discover-pro {
        border-top-left-radius: 80px;
        border-bottom-left-radius: 80px;
        padding-left: 40px;
        padding-right: 80px;
    }
}

@media screen and (max-width: 992px) {
    .liste-services .discover-pro {
        text-align: center;
    }
}

.liste-services .discover-pro h3 {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.liste-services .discover-pro .btn-white-small {
    display: inline-block;
    margin-top: 10px;
    width: 292px;
}

.ecoute {
    margin-top: 200px;
    position: relative;
    padding-bottom: 160px;
    padding-top: 60px;
    background: #005695;
}

.ecoute:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

.ecoute .v-line {
    position: relative;
}

.ecoute .v-line:before {
    content: "";
    position: absolute;
    background: white;
    display: block;
}

@media screen and (min-width: 992px) {
    .ecoute .v-line:before {
        height: 100%;
        width: 1px;
        left: 50%;
    }
}

@media screen and (max-width: 992px) {
    .ecoute .v-line:before {
        height: 1px;
        width: 100%;
        top: 55%;
    }
}

@media screen and (max-width: 992px) {
    .ecoute .col-md-offset-2 {
        padding-top: 40px;
    }
}

.ecoute h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .ecoute h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .ecoute h2 {
        font-size: 35px;
    }
}

.ecoute h3 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .ecoute h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    .ecoute h3 {
        font-size: 28px;
    }
}

.ecoute p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .ecoute p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .ecoute p {
        font-size: 20px;
    }
}

.ecoute .btn-jaune-large {
    display: table;
    margin: auto;
    margin-top: 40px;
}

.ecoute span {
    text-align: center;
    display: block;
}

.ecoute span:nth-child(1) {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.ecoute span:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Open Sans";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media screen and (min-width: 768px) {
    .ecoute span:nth-child(2) {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    .ecoute span:nth-child(2) {
        font-size: 30px;
    }
}

.ecoute span:nth-child(2):before {
    content: url("../../img/phone-large.svg");
    position: relative;
    top: 0px;
    left: -20px;
    background: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecoute span:nth-child(2) a {
    color: #ffffff;
}

.ecoute span:nth-child(2) a:hover {
    text-decoration: none;
}

.ecoute span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

@media screen and (min-width: 768px) {
    .ecoute span:nth-child(3) {
        top: -30px;
        left: -10px;
    }
}

@media screen and (max-width: 768px) {
    .ecoute span:nth-child(3) {
        top: -30px;
        left: 25px;
    }
}

.page-template-page-service-depannage .header-wave {
    padding: 40px 0 60px;
}

.page-template-page-service-depannage .header-wave h1 {
    margin-bottom: 36px;
}

@media screen and (min-width: 992px) {
    .page-template-page-service-depannage .header-wave ul {
        display: flex;
        flex-direction: column;
    }
}

.page-template-page-service-depannage .header-wave ul li {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    list-style: none;
    position: relative;
    padding-bottom: 30px;
}

.page-template-page-service-depannage .header-wave ul li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 5px;
}

.depannage {
    margin-top: 130px;
    margin-bottom: 130px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #005695;
    background-image: url("../../img/white-half-round.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right top;
}

.depannage:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    top: 7px;
    left: -5px;
    transform: translate(0px, -100%);
}

.depannage:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    bottom: 7px;
    left: -5px;
    transform: translate(0px, 100%) rotate(180deg);
}

.depannage h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .depannage h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .depannage h2 {
        font-size: 35px;
    }
}

.depannage p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.depannage .btn-jaune-large {
    display: table;
    margin-top: 40px;
}

.depannage .row-picto div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.depannage .row-picto span {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .depannage .row-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.recherche {
    position: relative;
}

.recherche:before {
    position: absolute;
    top: 0px;
    right: 0px;
    content: url("../../img/sky-blue-round-half.png");
}

.recherche, .reparation {
    margin-top: 130px;
    margin-bottom: 130px;
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

.recherche h2, .reparation h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 992px) {
    .recherche h2, .reparation h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .recherche h2, .reparation h2 {
        font-size: 35px;
    }
}

.recherche p, .reparation p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.recherche .btn-jaune-large, .reparation .btn-jaune-large {
    display: table;
    margin-top: 40px;
}

.recherche .puces p, .reparation .puces p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

.recherche .puces .chiffre, .reparation .puces .chiffre {
    background-color: rgba(0, 86, 149, 0.1);
    padding: 5px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 992px) {
    .recherche .row-flex, .reparation .row-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.recherche .img-shadow, .reparation .img-shadow {
    margin-top: 40px;
    border-radius: 8px;
    box-shadow: 0 22px 48px 0 rgba(0, 0, 0, 0.24);
}

.reparation {
    position: relative;
}

.reparation:after {
    content: url("../../img/sky-blue-corner.png");
    position: absolute;
    right: 0px;
}

.reparation .bloc-puces {
    margin-top: 40px;
    padding: 20px;
    border-radius: 8px;
    background-color: #eef3f7;
}

@media screen and (min-width: 992px) {
    .reparation .bloc-puces .flex-col {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .reparation .bloc-puces .flex-col p {
        padding-right: 15px;
    }
}

.reparation .bloc-puces h5 {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 20px;
}

.reparation .bloc-puces p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

.reparation .bloc-puces .chiffre {
    background-color: rgba(0, 86, 149, 0.1);
    padding: 5px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.presence-depannage {
    margin-top: 130px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 60px;
    background: #005695;
}

.presence-depannage:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    top: 7px;
    left: -5px;
    transform: translate(0px, -100%);
}

.presence-depannage h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .presence-depannage h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .presence-depannage h2 {
        font-size: 35px;
    }
}

.presence-depannage p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.presence-depannage .btn-white-small {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hivernage {
    position: relative;
    padding-bottom: 50px;
    padding-top: 60px;
}

.hivernage:after {
    content: url("../../img/sky-blue-rond.png");
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -2;
}

.btn-jaune {
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 27px 56px 27px 56px;
    display: table;
    margin: auto;
    margin-top: 40px;
}

.btn-jaune:hover {
    text-decoration: none;
    color: #ffffff;
}

.ouverture {
    position: relative;
    padding-top: 120px;
    padding-bottom: 50px;
}

.ouverture:after {
    content: url("../../img/sky-blue-rond.png");
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -2;
}

.btn-jaune {
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 27px 56px 27px 56px;
    display: table;
    margin: auto;
    margin-top: 40px;
}

.btn-jaune:hover {
    text-decoration: none;
    color: #ffffff;
}

.page-template-page-conseil footer {
    border-top: 2px solid #005695;
}

.guide-traitement {
    background-color: #5dc4eb;
    position: relative;
    padding-top: 50px;
    padding-bottom: 120px;
}

.guide-traitement:after {
    content: url("../../img/white-corner-2.svg");
    position: absolute;
    right: 0px;
    bottom: -5px;
}

.guide-traitement h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .guide-traitement h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .guide-traitement h2 {
        font-size: 30px;
    }
}

.guide-traitement p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .guide-traitement p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .guide-traitement p {
        font-size: 16px;
    }
}

.guide-traitement li {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    list-style: none;
    position: relative;
    margin-top: 24px;
}

@media screen and (min-width: 992px) {
    .guide-traitement li {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .guide-traitement li {
        font-size: 16px;
    }
}

.guide-traitement li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 5px;
}

.bandeau-download {
    background-color: #005695;
    padding-bottom: 60px;
    padding-top: 60px;
}

@media screen and (min-width: 992px) {
    .bandeau-download .row-flex {
        display: flex;
        align-items: center;
    }
}

.bandeau-download h3 {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .bandeau-download h3 {
        text-align: center;
    }
}

.bandeau-download .btn-jaune-small {
    margin: auto;
    display: table;
}

@media screen and (max-width: 992px) {
    .bandeau-download .btn-jaune-small {
        margin-top: 20px;
    }
}

.bandeau-download .btn-jaune-small:focus {
    color: white;
    text-decoration: none;
}

.remedier {
    position: relative;
}

.remedier:after {
    content: url("../../img/sky-blue-rond.png");
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%) rotate(180deg);
    z-index: -2;
}

.renovation {
    margin-top: 130px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 160px;
    background-image: url("../../img/sky-blue-renovation.png");
    background-repeat: no-repeat;
    background-position: bottom -10px right;
    background-size: contain;
}

.renovation h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 48px;
}

@media screen and (min-width: 992px) {
    .renovation h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .renovation h2 {
        font-size: 35px;
    }
}

.renovation p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.renovation .btn-jaune-large {
    display: table;
    margin-top: 40px;
    width: 100%;
}

.renovation .img-shadow {
    margin-top: 40px;
    border-radius: 8px;
    box-shadow: 0 22px 48px 0 rgba(0, 0, 0, 0.24);
}

.renovation .col-img span {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    color: #005695;
    padding-top: 10px;
    margin-bottom: 20px;
}

.interventions {
    background-color: #5dc4eb;
    padding-bottom: 40px;
    position: relative;
}

.interventions:before {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 8px;
    transform: translate(0px, -100%);
}

.interventions h2 {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 20px;
}

.interventions ul {
    padding-left: 25px;
}

.interventions li {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    list-style: none;
    position: relative;
    padding-bottom: 30px;
}

.interventions li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 5px;
}

.construction {
    background-color: #005695;
    background-image: url("../../img/visuel-bloc-construction.png");
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
    .construction {
        margin-bottom: 130px;
        position: relative;
        padding-top: 140px;
        padding-bottom: 180px;
    }
}

@media screen and (max-width: 992px) {
    .construction {
        margin-bottom: 60px;
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.construction:before {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: -8px;
    transform: translate(0px, 0%) rotate(180deg);
}

.construction:after {
    content: url("../../img/wave-white.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    bottom: -8px;
    transform: translate(0px, 0%) rotate(0deg);
}

@media screen and (min-width: 992px) {
    .construction .row-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.construction h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) {
    .construction h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .construction h2 {
        font-size: 35px;
    }
}

.construction p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .construction p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .construction p {
        font-size: 18px;
    }
}

.construction .btn-jaune-small {
    display: table;
    margin-top: 40px;
    padding: 22px 40px 22px 40px;
}

.nos-realisations {
    margin-top: 20px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .nos-realisations .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.nos-realisations h2 {
    font-family: "Poppins";
    font-size: 40px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 20px;
}

.nos-realisations p {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (max-width: 992px) {
    .nos-realisations .slider-photos {
        margin-top: 40px;
    }
}

.nos-realisations .slider-photos .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

.nos-realisations .slider-photos .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: white;
}

.nos-realisations .slider-photos .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.nos-realisations .slider-photos .swiper-slide-active {
    box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.12);
}

.nos-realisations .slider-photos .swiper-button-prev, .nos-realisations .slider-photos .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

@media screen and (min-width: 992px) {
    .nos-realisations .slider-photos .swiper-slide-next, .nos-realisations .slider-photos .swiper-slide-prev {
        opacity: 0.7;
    }
}

.nos-realisations .slider-photos .swiper-slide-next:focus, .nos-realisations .slider-photos .swiper-slide-prev:focus {
    outline: none;
}

@media screen and (min-width: 992px) {
    .nos-realisations .slider-photos .swiper-button-prev {
        transform: translate(100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .nos-realisations .slider-photos .swiper-button-prev {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .nos-realisations .slider-photos .swiper-button-prev {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .nos-realisations .slider-photos .swiper-button-next {
        transform: translate(-100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .nos-realisations .slider-photos .swiper-button-next {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .nos-realisations .slider-photos .swiper-button-next {
        display: none;
    }
}

.nos-realisations .slider-photos .swiper-slide img {
    border-radius: 8px;
}

.header-no-wave {
    background-color: #005695;
    min-height: 460px;
    position: relative;
}

.header-no-wave h1 {
    padding-top: 60px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-no-wave h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave h1 {
        font-size: 50px;
    }
}

.header-no-wave p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-no-wave p {
        font-size: 28px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave p {
        font-size: 20px;
    }
}

.header-no-wave .img-reparator {
    margin: auto;
    display: block;
    margin-top: 50px;
    max-width: 400px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.etape-entretien {
    padding-top: 60px;
    background-color: #005695;
    position: relative;
}

.etape-entretien h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .etape-entretien h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .etape-entretien h2 {
        font-size: 35px;
    }
}

.etape-entretien p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .etape-entretien p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .etape-entretien p {
        font-size: 20px;
    }
}

.etape-entretien .box-etapes {
    padding: 15px;
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .etape-entretien .box-etapes .row {
        display: flex;
    }
}

.etape-entretien .box-etapes h3 {
    margin: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #005695;
}

@media screen and (min-width: 768px) {
    .etape-entretien .box-etapes h3 {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .etape-entretien .box-etapes h3 {
        font-size: 20px;
    }
}

.etape-entretien .box-etapes .col-left {
    background-color: #ffffff;
}

@media screen and (min-width: 992px) {
    .etape-entretien .box-etapes .col-left {
        padding-top: 65px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 65px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
}

@media screen and (max-width: 992px) {
    .etape-entretien .box-etapes .col-left {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
}

.etape-entretien .box-etapes .col-right {
    background-color: #eef3f7;
}

@media screen and (min-width: 992px) {
    .etape-entretien .box-etapes .col-right {
        padding-top: 65px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 65px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

@media screen and (max-width: 992px) {
    .etape-entretien .box-etapes .col-right {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

.etape-entretien .box-etapes ul {
    color: #005695;
    padding-left: 15px !important;
}

.etape-entretien .box-etapes ul li {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
    margin-top: 17px;
}

.etape-entretien .box-etapes .btn-jaune-small {
    display: table;
    margin-top: 40px;
}

.etape-entretien-1:before {
    content: url("../../img/white-right-round-tall.png");
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translateY(-25%);
}

.etape-entretien-2 {
    padding-bottom: 80px;
}

.etape-entretien-2:before {
    content: url("../../img/white-left-round-tall.png");
    position: absolute;
    left: 0px;
    top: 0px;
}

.etape-entretien-2:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    bottom: 8px;
    left: -5px;
    transform: translate(0px, 100%) rotate(180deg);
}

.contrats {
    position: relative;
    padding-bottom: 70px;
}

.contrats:before {
    content: url("../../img/blue-right-round-tall.png");
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translateY(50%);
}

.contrats h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

@media screen and (min-width: 768px) {
    .contrats h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .contrats h2 {
        font-size: 35px;
    }
}

.contrats .btn-jaune-chevron {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.produits-traitement {
    position: relative;
    background-color: #5dc4eb;
    margin-top: 100px;
    padding-bottom: 80px;
}

.produits-traitement:before {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

@media screen and (min-width: 992px) {
    .produits-traitement .row-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.produits-traitement h2 {
    padding-bottom: 10px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .produits-traitement h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .produits-traitement h2 {
        font-size: 35px;
    }
}

.produits-traitement p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .produits-traitement p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .produits-traitement p {
        font-size: 20px;
    }
}

.produits-traitement .btn-jaune-large {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.page-template-page-materiel .header-no-wave {
    padding: 40px 0 60px;
}

.equipement {
    background-color: #5dc4eb;
    position: relative;
    padding-bottom: 120px;
    padding-top: 80px;
}

.equipement:after {
    content: url("../../img/wave-white.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    bottom: -8px;
}

@media screen and (min-width: 992px) {
    .equipement {
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: auto 100%;
    }
}

@media screen and (max-width: 992px) {
    .equipement {
        background-image: none !important;
    }
}

@media screen and (min-width: 992px) {
    .equipement .padding-right {
        padding-right: 90px;
    }
}

@media screen and (max-width: 992px) {
    .equipement .padding-right {
        padding-right: 20px;
    }
}

.equipement h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .equipement h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .equipement h2 {
        font-size: 35px;
    }
}

.equipement p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 36px;
}

@media screen and (min-width: 768px) {
    .equipement p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .equipement p {
        font-size: 20px;
    }
}

.equipement li {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    list-style: none;
    position: relative;
    padding-bottom: 30px;
}

.equipement li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 5px;
}

.equipement .btn-jaune-large {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 60px;
}

.equipement .container {
    position: relative;
    z-index: 20;
}

.equipement .container-image-right {
    position: absolute;
    top: 0px;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .equipement .container-image-right {
        display: none;
    }
}

.equipement .container-image-right .img-back {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.confort {
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

.confort:before {
    content: url("../../img/sky-blue-corner-confort.png");
    position: absolute;
    left: 0px;
    bottom: 0px;
    transform: translateY(120px);
}

.confort h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .confort h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .confort h2 {
        font-size: 35px;
    }
}

.confort p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 768px) {
    .confort p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .confort p {
        font-size: 20px;
    }
}

.confort .box-1, .confort .box-2, .confort .box-3 {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 230px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    box-shadow: 0 22px 48px 0 rgba(0, 0, 0, 0.12);
}

.confort .box-1 img, .confort .box-2 img, .confort .box-3 img {
    width: 60px;
    padding-bottom: 10px;
}

.confort .box-1 p, .confort .box-2 p, .confort .box-3 p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;
}

.confort .box-1 {
    background-color: #005695;
    margin-top: 80px;
}

.confort .box-2 {
    background-color: #5dc4eb;
}

.confort .box-3 {
    background-color: #fdc300;
}

.mobilite {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .mobilite {
        padding-bottom: 140px;
        padding-top: 80px;
        margin-top: 100px;
    }
}

@media screen and (max-width: 992px) {
    .mobilite {
        padding-bottom: 30px;
        padding-top: 60px;
    }
}

.mobilite:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    height: auto;
    display: block;
    top: 8px;
    left: -5px;
    transform: rotate(0deg) translateY(-100%);
}

.mobilite:after {
    content: url("../../img/corner-top-right.svg");
    position: absolute;
    top: -53px;
    right: 0;
}

@media screen and (max-width: 992px) {
    .mobilite:after {
        display: none;
    }
}

.mobilite h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 10px;
}

@media screen and (min-width: 992px) {
    .mobilite h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .mobilite h2 {
        font-size: 35px;
    }
}

.mobilite p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .mobilite p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .mobilite p {
        font-size: 20px;
    }
}

.showroom {
    position: relative;
    background-color: #5dc4eb;
    padding-bottom: 90px;
    padding-top: 90px;
    background-image: url("../../img/corner-showroom.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

@media screen and (min-width: 992px) {
    .showroom .row-flex {
        display: flex;
        align-items: center;
    }
}

.showroom p {
    font-family: "Open Sans";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .showroom p {
        font-size: 30px;
    }
}

@media screen and (max-width: 992px) {
    .showroom p {
        font-size: 20px;
    }
}

.showroom .btn-jaune-large {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}

@media screen and (max-width: 992px) {
    .showroom .btn-jaune-large {
        margin-top: 30px;
    }
}

.showroom .btn-jaune-large:before {
    content: url("../../img/shopping-basket.svg");
    left: -15px;
    top: 5px;
    position: relative;
}

.header-no-wave-image {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .header-no-wave-image {
        min-height: 820px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-image {
        min-height: 500px;
        text-align: center;
    }
}

.header-no-wave-image h1 {
    padding-top: 110px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-no-wave-image h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-image h1 {
        font-size: 50px;
    }
}

.header-no-wave-image p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-no-wave-image p {
        font-size: 36px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-image p {
        font-size: 20px;
    }
}

.header-no-wave-image .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .header-no-wave-image .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.header-no-wave-image .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.header-no-wave-image .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.header-no-wave-image .img-back-wave {
    height: inherit;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media screen and (min-width: 992px) {
    .header-no-wave-image .img-back-wave {
        left: 15px;
    }
}

@media screen and (min-width: 992px) {
    .header-no-wave-image .row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-image .js-scrollTo {
        display: none !important;
    }
}

.une-formation {
    padding-bottom: 170px;
    padding-top: 100px;
    background-color: #5dc4eb;
    background-image: url("../../img/white-corner-left-bottom.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto;
    color: white;
}

.une-formation h2 {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.une-formation p {
    font-family: "Open Sans";
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.une-formation .img-center {
    display: table;
    margin: auto;
}

@media screen and (min-width: 992px) {
    .une-formation .row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.dispositions {
    padding-top: 40px;
    padding-bottom: 120px;
    position: relative;
}

.dispositions:before {
    content: url("../../img/sky-blue-corner-confort.png");
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.dispositions:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: -8px;
    transform: translate(0px, 0%);
}

.dispositions h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

@media screen and (min-width: 768px) {
    .dispositions h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .dispositions h2 {
        font-size: 35px;
    }
}

.dispositions .card-dispositions {
    margin-top: 40px;
    border-radius: 8px;
    color: white;
    padding: 40px 32px;
    min-height: 240px;
    max-width: 293px;
    margin: 14px;
}

.dispositions .card-dispositions span {
    font-family: "Open Sans";
    font-size: 42px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.dispositions .card-dispositions p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.dispositions .card-marine {
    background-color: #005695;
}

.dispositions .card-yellow {
    background-color: #fdc300;
}

.dispositions .card-sky {
    background-color: #5dc4eb;
}

.dispositions .row-cta-contact {
    padding-top: 60px;
    text-align: center;
}

.dispositions .row-cta-contact p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0061a3;
}

.dispositions .row-cta-contact a {
    display: table;
    margin: auto;
    margin-top: 36px;
    width: 284px;
}

.dispositions .row-card {
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .dispositions .row-card {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
}

@media screen and (max-width: 992px) {
    .dispositions .row-card {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

.reussites {
    background-color: #005695;
    padding-bottom: 100px;
    padding-top: 50px;
    position: relative;
}

.reussites:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 8px;
    transform: translate(0px, 100%) rotate(180deg);
    z-index: 2;
}

.reussites h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-bottom: 60px;
}

@media screen and (min-width: 768px) {
    .reussites h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .reussites h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 992px) {
    .reussites .slider-avis {
        padding: 10px;
    }
}

.reussites .slider-avis .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

.reussites .slider-avis .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: white;
}

.reussites .slider-avis .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.reussites .slider-avis .swiper-slide-active {
    box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.12);
}

.reussites .slider-avis .swiper-button-prev, .reussites .slider-avis .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

@media screen and (min-width: 992px) {
    .reussites .slider-avis .swiper-slide-next, .reussites .slider-avis .swiper-slide-prev {
        opacity: 0.4;
    }
}

.reussites .slider-avis .swiper-slide-next:focus, .reussites .slider-avis .swiper-slide-prev:focus {
    outline: none;
}

@media screen and (min-width: 992px) {
    .reussites .slider-avis .swiper-button-prev {
        transform: translate(100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .reussites .slider-avis .swiper-button-prev {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .reussites .slider-avis .swiper-button-prev {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .reussites .slider-avis .swiper-button-next {
        transform: translate(-100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .reussites .slider-avis .swiper-button-next {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .reussites .slider-avis .swiper-button-next {
        display: none;
    }
}

.reussites .slider-avis .avis {
    border-radius: 12px;
    box-shadow: 0 42px 74px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    position: relative;
}

@media screen and (max-width: 992px) {
    .reussites .slider-avis .avis {
        padding: 10px 20px;
    }
}

@media screen and (min-width: 992px) {
    .reussites .slider-avis .avis {
        padding: 48px 80px;
    }
}

.reussites .slider-avis .avis:before {
    content: url("../../img/quote.svg");
    position: absolute;
    left: 10px;
}

.reussites .slider-avis .avis:after {
    content: url("../../img/quote.svg");
    position: absolute;
    transform: rotate(180deg);
    right: 10px;
    bottom: 80px;
}

@media screen and (min-width: 992px) {
    .reussites .slider-avis .avis .row-flex {
        display: flex;
        align-items: center;
    }
}

.reussites .slider-avis .avis p {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: justify;
    color: #005695;
}

.reussites .slider-avis .avis span {
    display: inline-block;
}

.reussites .slider-avis .avis .auteur {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #5dc4eb;
}

.reussites .slider-avis .avis .fa-user-circle {
    font-size: 44px;
    color: #5dc4eb;
    background: #005695;
    border-radius: 50%;
    line-height: 33px;
    height: 33px;
    width: 40px;
    margin-right: 20px;
}

.oceazur-chiffre {
    background-color: #5dc4eb;
    padding-top: 120px;
    padding-bottom: 80px;
    position: relative;
}

.oceazur-chiffre:after {
    content: url("../../img/wave-sky-blue.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 8px;
    transform: translate(0px, 100%) rotate(180deg);
}

.oceazur-chiffre h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.oceazur-chiffre .card-chiffre {
    margin-top: 30px;
    padding: 40px 20px;
    border-radius: 8px;
    box-shadow: 0 22px 48px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.oceazur-chiffre .card-chiffre strong {
    font-size: 50px;
    display: block;
    padding-bottom: 10px;
}

.oceazur-chiffre .card-marine {
    color: #005695;
}

.oceazur-chiffre .card-yellow {
    color: #fdc300;
}

.oceazur-chiffre .card-sky {
    color: #5dc4eb;
}

.rejoindre {
    padding-top: 150px;
    padding-bottom: 190px;
    position: relative;
}

.rejoindre:after {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: -8px;
    transform: translate(0px, 0%);
    z-index: 2;
}

.rejoindre h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .rejoindre h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .rejoindre h2 {
        font-size: 35px;
    }
}

.rejoindre p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (min-width: 1199px) {
    .rejoindre p {
        padding-left: 15px;
    }
}

@media screen and (min-width: 768px) {
    .rejoindre p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .rejoindre p {
        font-size: 20px;
    }
}

.rejoindre ul {
    padding-left: 35px;
}

.rejoindre li {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    list-style: none;
    position: relative;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .rejoindre li {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .rejoindre li {
        font-size: 20px;
    }
}

.rejoindre li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -36px;
    top: 3px;
}

.rejoindre .btn-jaune-large {
    margin-top: 40px;
    display: table;
}

.groupe-oceazur {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    background-color: #005695;
}

.groupe-oceazur h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .groupe-oceazur h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .groupe-oceazur h2 {
        font-size: 35px;
    }
}

.groupe-oceazur p {
    margin-bottom: 24px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
}

@media screen and (min-width: 768px) {
    .groupe-oceazur p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .groupe-oceazur p {
        font-size: 20px;
    }
}

.groupe-oceazur ul {
    padding-left: 35px;
}

.groupe-oceazur li {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
    list-style: none;
    position: relative;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .groupe-oceazur li {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .groupe-oceazur li {
        font-size: 20px;
    }
}

.groupe-oceazur li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -36px;
    top: 3px;
}

.groupe-oceazur .btn-white-large {
    margin-top: 40px;
    display: table;
    border-radius: 5px;
    background-color: white;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    padding: 27px 30px 27px 30px;
}

.groupe-oceazur .btn-white-large:hover {
    text-decoration: none;
    color: #005695;
}

.devenir {
    background-color: #5dc4eb;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url("../../img/circle-bottom-affilie.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
}

.devenir h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
}

@media screen and (min-width: 768px) {
    .devenir h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .devenir h2 {
        font-size: 35px;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .devenir .row {
        display: flex;
        align-items: center;
    }
}

.devenir .btn-jaune-large {
    padding: 22px 60px;
}

@media screen and (max-width: 768px) {
    .devenir .btn-jaune-large {
        display: table;
        margin: auto;
    }
}

.page-template-page-contrat .btn-white {
    display: table;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .page-template-page-contrat .btn-white {
        margin-bottom: 40px;
    }
}

.page-template-page-contrat .contact {
    background-color: #005695;
}

.page-template-page-contrat .contact .footer-card {
    background-color: #5dc4eb;
}

.page-template-page-contrat .header-wave-image {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image {
        min-height: 820px;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image {
        min-height: 500px;
        text-align: center;
    }
}

.page-template-page-contrat .header-wave-image .type {
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fdc300;
    display: block;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image .type {
        padding-top: 204px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image .type {
        padding-top: 60px;
    }
}

.page-template-page-contrat .header-wave-image h1 {
    padding-top: 0px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image h1 {
        font-size: 50px;
    }
}

.page-template-page-contrat .header-wave-image p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image p {
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image img {
        margin-top: 60px;
    }
}

.page-template-page-contrat .header-wave-image .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.page-template-page-contrat .header-wave-image .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.page-template-page-contrat .header-wave-image .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.page-template-page-contrat .header-wave-image .img-back-wave {
    height: inherit;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image .img-back-wave {
        left: 15px;
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat .header-wave-image .row {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat .header-wave-image .js-scrollTo {
        display: none !important;
    }
}

.les-pack {
    padding-top: 80px;
}

.les-pack h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .les-pack h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .les-pack h2 {
        font-size: 35px;
    }
}

.les-pack .box-etapes {
    padding: 15px;
}

.les-pack .box-etapes .row {
    box-shadow: 0 20px 64px -10px rgba(0, 0, 0, 0.12);
    border: solid 1px #e5e5e5;
    border-radius: 12px;
}

@media screen and (min-width: 992px) {
    .les-pack .box-etapes .row {
        display: flex;
    }
}

.les-pack .box-etapes h3 {
    margin: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #005695;
}

@media screen and (min-width: 768px) {
    .les-pack .box-etapes h3 {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .les-pack .box-etapes h3 {
        font-size: 20px;
    }
}

.les-pack .box-etapes .col-left {
    background-color: #ffffff;
}

@media screen and (min-width: 992px) {
    .les-pack .box-etapes .col-left {
        padding-top: 65px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 65px;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
}

@media screen and (max-width: 992px) {
    .les-pack .box-etapes .col-left {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
}

.les-pack .box-etapes .col-right {
    background-color: #eef3f7;
}

@media screen and (min-width: 992px) {
    .les-pack .box-etapes .col-right {
        padding-top: 65px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 65px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

@media screen and (max-width: 992px) {
    .les-pack .box-etapes .col-right {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

.les-pack .box-etapes ul {
    color: #005695;
    padding-left: 15px !important;
}

.les-pack .box-etapes ul li {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
    margin-top: 17px;
}

.les-pack .box-etapes .btn-jaune-small {
    display: table;
    margin-top: 40px;
}

.les-pack .les-plus {
    margin-top: 180px;
}

@media screen and (max-width: 992px) {
    .les-pack .les-plus {
        margin-top: 50px;
    }
}

.les-pack .les-plus ul li {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    list-style: none;
    position: relative;
    margin-bottom: 16px;
    padding-left: 10px;
}

.les-pack .les-plus ul li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 3px;
}

.les-pack .encart-plus {
    position: relative;
    padding: 60px 0 60px 90px;
}

@media screen and (max-width: 992px) {
    .les-pack .encart-plus {
        padding: 0;
    }
}

.les-pack .encart-plus:before {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: #005695;
    position: absolute;
    top: 0;
    left: 40px;
}

@media screen and (max-width: 992px) {
    .les-pack .encart-plus:before {
        display: none;
    }
}

.les-pack .encart-plus .round-plus {
    width: 95px;
    height: 95px;
    background: #fdc300;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    position: absolute;
    bottom: 250px;
    left: -6px;
    border: 15px solid #ffffff;
}

@media screen and (max-width: 992px) {
    .les-pack .encart-plus .round-plus {
        display: none;
    }
}

.les-pack .encart-plus .round-plus i {
    color: #ffffff;
    font-size: 30px;
}

.les-pack .btn-jaune-large {
    padding: 28px 120px;
    display: table;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .les-pack .btn-jaune-large {
        padding: 28px 90px;
    }
}

.conseil-piscinier {
    position: relative;
    padding-bottom: 100px;
    padding-top: 160px;
}

.conseil-piscinier:after {
    content: url("../../img/conseil-right.png");
    position: absolute;
    right: 0px;
    top: -100px;
    transform: translateY(-50%);
    z-index: -1;
}

.conseil-piscinier h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
    margin-top: 40px;
    margin-bottom: 36px;
}

@media screen and (min-width: 768px) {
    .conseil-piscinier h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .conseil-piscinier h2 {
        font-size: 35px;
    }
}

.conseil-piscinier p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-align: justify;
}

@media screen and (min-width: 992px) {
    .conseil-piscinier p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .conseil-piscinier p {
        font-size: 20px;
    }
}

.conseil-piscinier .col-md-9 {
    background: #5dc4eb;
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 10px;
}

@media screen and (min-width: 992px) {
    .conseil-piscinier .col-md-9 {
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        padding-right: 200px;
    }
}

@media screen and (max-width: 992px) {
    .conseil-piscinier .col-md-9 {
        padding-right: 50px;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image:after {
    content: url(../../img/wave.svg);
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 7px;
    transform: translate(0px, 100%) rotate(180deg);
    z-index: 3;
}

.page-template-page-contrat-sur-mesure .presence {
    margin-top: 0;
}

.page-template-page-contrat-sur-mesure .btn-white {
    display: table;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .page-template-page-contrat-sur-mesure .btn-white {
        margin-bottom: 40px;
    }
}

.page-template-page-contrat-sur-mesure .contact {
    background-color: #005695;
}

.page-template-page-contrat-sur-mesure .contact .footer-card {
    background-color: #5dc4eb;
}

.page-template-page-contrat-sur-mesure .header-wave-image {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image {
        min-height: 820px;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image {
        min-height: 500px;
        text-align: center;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image .type {
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fdc300;
    display: block;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .type {
        padding-top: 204px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .type {
        padding-top: 60px;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image h1 {
    padding-top: 0px;
    margin-top: 0px;
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image h1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image h1 {
        font-size: 50px;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image p {
    padding-top: 40px;
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image p {
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image img {
        margin-top: 60px;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.page-template-page-contrat-sur-mesure .header-wave-image .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.page-template-page-contrat-sur-mesure .header-wave-image .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.page-template-page-contrat-sur-mesure .header-wave-image .img-back-wave {
    height: inherit;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .img-back-wave {
        left: 15px;
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .row {
        display: flex;
        flex-direction: row;
        align-items: initial;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-contrat-sur-mesure .header-wave-image .js-scrollTo {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    .contrat-sur-mesure {
        padding: 60px 0px;
    }
}

@media screen and (max-width: 1199px) {
    .contrat-sur-mesure .align-item {
        display: initial;
    }
}

.contrat-sur-mesure .contrat1 {
    margin-bottom: 60px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .contrat-sur-mesure .contrat1 {
        margin-bottom: 0;
    }
}

.contrat-sur-mesure .contrat1 ul {
    padding-top: 20px;
}

@media screen and (min-width: 1265px) {
    .contrat-sur-mesure .col-content {
        padding-left: 95px;
    }
}

@media screen and (min-width: 1199px) {
    .contrat-sur-mesure .col-img img {
        float: right;
        position: relative;
        right: -15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .contrat-sur-mesure .col-img img {
        display: block;
        margin: auto;
    }
}

.contrat-sur-mesure h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 36px;
    margin-top: 0px;
}

@media screen and (max-width: 1350px) {
    .contrat-sur-mesure h2 {
        font-size: 35px;
    }
}

.contrat-sur-mesure h3 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 24px;
    margin-top: 0px;
}

@media screen and (max-width: 1350px) {
    .contrat-sur-mesure h3 {
        font-size: 28px;
    }
}

.contrat-sur-mesure p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (max-width: 1350px) {
    .contrat-sur-mesure p {
        font-size: 20px;
    }
}

.contrat-sur-mesure ul {
    padding-left: 25px;
}

.contrat-sur-mesure ul li {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    list-style: none;
    margin-bottom: 16px;
    position: relative;
}

@media screen and (max-width: 992px) {
    .contrat-sur-mesure ul li {
        font-size: 20px;
    }
}

.contrat-sur-mesure ul li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 3px;
}

.contrat-sur-mesure .btn-jaune-large {
    display: block;
    margin-top: 48px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 27px 120px 27px 120px;
    margin-bottom: 35px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .contrat-sur-mesure .btn-jaune-large {
        margin: 30px auto 40px;
    }
}

@media screen and (max-width: 768px) {
    .contrat-sur-mesure .btn-jaune-large {
        padding: 27px 70px 27px 70px;
        width: 100%;
    }
}

.page-template-page-contrat-sur-mesure .conseil-piscinier {
    position: relative;
}

.page-template-page-contrat-sur-mesure .conseil-piscinier:after {
    content: url(../../img/white-right-contact.png);
    right: 0px;
    top: -120px;
    position: absolute;
    transform: translateY(20%);
    z-index: 3000;
}

.page-template-page-contrat-sur-mesure .conseil-piscinier .col-md-9 {
    background: #ffffff;
    margin-bottom: 150px;
}

@media screen and (min-width: 992px) {
    .page-template-page-contrat-sur-mesure .conseil-piscinier .col-md-9 {
        padding-left: 7vw;
    }
}

.page-template-page-contrat-sur-mesure .conseil-piscinier h2 {
    color: #005695;
}

.page-template-page-contrat-sur-mesure .conseil-piscinier p {
    color: #005695;
}

.header-oceazur-pro {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.header-oceazur-pro h1 {
    font-family: Poppins;
    font-size: 100px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.95;
    letter-spacing: 5px;
    text-align: center;
    color: #ffffff;
    margin: 145px 0px 36px;
}

@media screen and (max-width: 768px) {
    .header-oceazur-pro h1 {
        font-size: 50px;
    }
}

.header-oceazur-pro p {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .header-oceazur-pro p {
        font-size: 25px;
    }
}

.header-oceazur-pro a {
    padding: 27px 30px 27px 30px;
    display: block;
    margin: 80px auto 0;
    width: -moz-fit-content;
    width: fit-content;
}

.header-oceazur-pro .card-bottom {
    width: 613px;
    height: 170px;
    border-radius: 8px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -85px;
    z-index: 1;
    box-shadow: 0 42px 84px 0 rgba(9, 9, 9, 0.12);
}

@media screen and (max-width: 768px) {
    .header-oceazur-pro .card-bottom {
        width: 95%;
    }
}

.header-oceazur-pro .card-bottom p {
    font-family: "Open Sans";
    font-size: 29px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.52;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

@media screen and (max-width: 768px) {
    .header-oceazur-pro .card-bottom p {
        font-size: 16px;
    }
}

.header-oceazur-pro .card-bottom:before {
    content: url("../../img/quote-left-pro.svg");
    position: absolute;
    left: 30px;
    top: 45px;
}

.header-oceazur-pro .card-bottom:after {
    content: url("../../img/quote-right-pro.svg");
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.vous-etes-oceazur-pro {
    background: #5dc4eb;
    padding: 170px 0px 140px;
    position: relative;
}

.vous-etes-oceazur-pro:after {
    content: url(../../img/white-right-contact.png);
    right: 0px;
    top: 0px;
    position: absolute;
    transform: translateY(20%);
}

.vous-etes-oceazur-pro h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 36px;
}

.vous-etes-oceazur-pro .bloc ul {
    border-left: 2px solid #fdc300;
    padding-left: 50px;
}

.vous-etes-oceazur-pro .bloc ul li {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 48px;
    list-style: none;
    position: relative;
}

.vous-etes-oceazur-pro .bloc ul li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -30px;
    top: 3px;
}

.vous-etes-oceazur-pro .ancre {
    margin-top: 64px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .vous-etes-oceazur-pro .ancre {
        display: initial;
    }
}

.vous-etes-oceazur-pro .ancre span {
    width: 60px;
    height: 60px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5dc4eb;
    margin-right: 12px;
    border-radius: 50px;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .vous-etes-oceazur-pro .ancre span {
        margin: 0 auto 20px;
    }
}

.vous-etes-oceazur-pro .ancre p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

.presentation-oceazur-pro {
    background: #005695;
    padding: 120px 0px 80px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .presentation-oceazur-pro {
        padding: 50px 0px 40px;
    }
}

.presentation-oceazur-pro:after {
    content: url(../../img/wave.svg);
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    bottom: 7px;
    transform: translate(0px, 100%) rotate(180deg);
}

.presentation-oceazur-pro h2 {
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 36px;
}

.presentation-oceazur-pro h2 span {
    color: #fdc300;
}

.presentation-oceazur-pro .col-lg-7 p {
    margin-top: 25px;
}

.presentation-oceazur-pro p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .presentation-oceazur-pro p {
        font-size: 16px;
    }
}

.presentation-oceazur-pro a {
    display: block;
    margin-top: 48px;
    width: 400px;
}

@media screen and (max-width: 1199px) {
    .presentation-oceazur-pro a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .presentation-oceazur-pro a {
        width: 100%;
    }
}

@media screen and (min-width: 1199px) {
    .presentation-oceazur-pro .col:nth-child(2) .card {
        margin-top: 27px;
    }
}

@media screen and (min-width: 1199px) {
    .presentation-oceazur-pro .col:nth-child(3) .card {
        margin-top: -27px;
    }
}

.presentation-oceazur-pro .card {
    background: #ffffff;
    height: 260px;
    border-radius: 8px;
    padding: 20px 27px 31px 30px;
    margin-bottom: 30px;
}

.presentation-oceazur-pro .card h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #005695;
    margin-top: 0px;
    text-transform: uppercase;
}

.presentation-oceazur-pro .card p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

.service-oceazur-pro {
    padding: 120px 0 80px;
    position: relative;
}

.service-oceazur-pro:before {
    content: url(../../img/bubble-oceazur-pro.svg);
    position: absolute;
    left: 0px;
    bottom: 50px;
}

.service-oceazur-pro h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 80px;
}

.service-oceazur-pro h2 span {
    color: #fdc300;
}

.service-oceazur-pro .card-bleu {
    border: 4px solid #005695;
}

.service-oceazur-pro .card-bleu h3 {
    color: #005695;
}

.service-oceazur-pro .card-bleu-clair {
    border: 4px solid #5dc4eb;
}

.service-oceazur-pro .card-bleu-clair h3 {
    color: #5dc4eb;
}

.service-oceazur-pro .card-jaune {
    border: 4px solid #fdc300;
}

.service-oceazur-pro .card-jaune h3 {
    color: #fdc300;
}

.service-oceazur-pro .card {
    border-radius: 5px;
    min-height: 220px;
    padding: 20px;
    margin-bottom: 30px;
}

.service-oceazur-pro .card h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0px;
}

.service-oceazur-pro .card p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #808080;
}

.service-oceazur-pro .pictos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.service-oceazur-pro .pictos img {
    border-radius: 50%;
    max-width: 100px;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.13);
    margin: 0px 40px;
}

@media screen and (max-width: 768px) {
    .service-oceazur-pro .pictos img {
        margin: 0px 15px;
        max-width: 80px;
    }
}

.service-oceazur-pro .btn-jaune-large {
    display: block;
    margin: 60px auto 0;
    width: -moz-fit-content;
    width: fit-content;
}

.confiance-oceazur {
    background: #005695;
    position: relative;
    margin-top: 100px;
}

.confiance-oceazur:before {
    content: url(../../img/wave.svg);
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

.confiance-oceazur .align-item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .confiance-oceazur .align-item {
        display: initial;
    }
}

.confiance-oceazur h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 36px;
}

.confiance-oceazur p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .confiance-oceazur p {
        font-size: 16px;
    }
}

.confiance-oceazur .slider .swiper-slide {
    padding: 0px 90px;
}

@media screen and (max-width: 992px) {
    .confiance-oceazur .slider .swiper-slide {
        padding: 0;
    }
}

.confiance-oceazur .slider .swiper-slide .align-item-slide {
    display: flex;
    align-items: center;
}

.confiance-oceazur .slider .swiper-slide .picto {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
}

.confiance-oceazur .slider .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .confiance-oceazur .slider .swiper-pagination {
        display: none;
    }
}

.confiance-oceazur .slider .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: white;
}

.confiance-oceazur .slider .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.confiance-oceazur .slider .swiper-button-prev, .confiance-oceazur .slider .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

@media screen and (max-width: 992px) {
    .confiance-oceazur .slider .swiper-button-prev, .confiance-oceazur .slider .swiper-button-next {
        display: none;
    }
}

.confiance-oceazur .slider .swiper-button-disabled {
    display: none;
}

.contact-pro {
    position: relative;
    padding-top: 60px;
    background-color: #005695;
    padding-bottom: 40px;
}

.contact-pro:after {
    content: url("../../img/white-right-contact.png");
    right: 0px;
    top: 0px;
    position: absolute;
    transform: translateY(20%);
}

.contact-pro .baigneur {
    max-width: 680px;
    display: block;
    margin: auto;
    padding-bottom: 40px;
    position: relative;
}

.contact-pro .baigneur img {
    width: 70px;
    margin: auto;
    position: relative;
    z-index: 3;
}

.contact-pro .baigneur:before {
    content: "";
    top: 35px;
    background: white;
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

.contact-pro .contact-card {
    display: flow-root;
    max-width: 830px;
    margin: auto;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    margin-bottom: 40px;
    position: relative;
}

.contact-pro .contact-card:before {
    content: url(../../img/circle-contact-form.svg);
    position: absolute;
    left: -148px;
    bottom: 130px;
}

@media screen and (min-width: 992px) {
    .contact-pro .contact-card .content-form {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 992px) {
    .contact-pro .contact-card .content-form {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.contact-pro .contact-card h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    margin-top: 48px;
    margin-bottom: 0px;
}

@media screen and (min-width: 992px) {
    .contact-pro .contact-card h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .contact-pro .contact-card h2 {
        font-size: 35px;
    }
}

.contact-pro .contact-card h3 {
    margin-top: 0px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

.contact-pro .contact-card h3 span {
    color: #fdc300;
}

.contact-pro .contact-card label {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #005695;
    margin-top: 20px;
}

.contact-pro .contact-card .input-group {
    width: 100%;
}

.contact-pro .contact-card .input-group input[type=text], .contact-pro .contact-card .input-group input[type=email], .contact-pro .contact-card .input-group input[type=tel], .contact-pro .contact-card .input-group textarea {
    border-radius: 4px;
    width: 100%;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

.contact-pro .contact-card .input-group input[type=text]::-moz-placeholder, .contact-pro .contact-card .input-group input[type=email]::-moz-placeholder, .contact-pro .contact-card .input-group input[type=tel]::-moz-placeholder, .contact-pro .contact-card .input-group textarea::-moz-placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.contact-pro .contact-card .input-group input[type=text]::placeholder, .contact-pro .contact-card .input-group input[type=email]::placeholder, .contact-pro .contact-card .input-group input[type=tel]::placeholder, .contact-pro .contact-card .input-group textarea::placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.contact-pro .contact-card textarea {
    width: 100%;
    display: block;
    border-radius: 4px;
    width: 100%;
    max-height: 150px;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

.contact-pro .contact-card input[type=submit] {
    border: none;
    border-radius: 5px;
    background-color: #fdc300;
    font-family: "Poppins";
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
    padding: 22px 115px 22px 115px;
    color: white;
    display: table;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 25px;
}

.contact-pro .contact-card input[type=submit]:hover {
    text-decoration: none;
    color: #ffffff;
}

.contact-pro .footer-card {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #5dc4eb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.contact-pro .footer-card span:nth-child(1) {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #ffffff;
}

.contact-pro .footer-card span:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.contact-pro .footer-card span:nth-child(2):before {
    content: url("../../img/phone-sky-blue.svg");
    position: relative;
    top: 0px;
    left: -12px;
    background: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-pro .footer-card span:nth-child(2) a {
    color: #ffffff;
}

.contact-pro .footer-card span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.header-no-wave-card {
    background-color: #005695;
    position: relative;
}

@media screen and (min-width: 992px) {
    .header-no-wave-card {
        min-height: 1024px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-card {
        min-height: 500px;
        text-align: center;
        padding-bottom: 50px;
    }
}

.header-no-wave-card h1 {
    padding-top: 60px;
    margin-top: 0px;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #fdc300;
    font-size: 32px;
}

.header-no-wave-card .texte p {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .header-no-wave-card .texte p {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-card .texte p {
        font-size: 20px;
    }
}

.header-no-wave-card .texte p strong {
    font-weight: 600;
    color: #fdc300;
}

.header-no-wave-card .scroll-down {
    margin-top: 40px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 992px) {
    .header-no-wave-card .scroll-down {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        display: flex;
        align-items: center;
    }
}

.header-no-wave-card .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.header-no-wave-card .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media screen and (min-width: 992px) {
    .header-no-wave-card .row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-card .js-scrollTo {
        display: none !important;
    }
}

.header-no-wave-card .card {
    border-radius: 10px;
    box-shadow: 0 42px 84px 0 rgba(0, 0, 0, 0.48);
    border: solid 2px #ffffff;
    background-color: rgba(255, 255, 255, 0);
    padding: 48px;
}

@media screen and (min-width: 992px) {
    .header-no-wave-card .card {
        max-width: 510px;
        float: right;
    }
}

@media screen and (max-width: 992px) {
    .header-no-wave-card .card {
        margin: auto;
        display: table;
        margin-top: 40px;
    }
}

.header-no-wave-card .card .adresse, .header-no-wave-card .card .email, .header-no-wave-card .card .telephone {
    position: relative;
    align-items: start;
}

.header-no-wave-card .card .adresse {
    position: relative;
    border-bottom: 1px solid white;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.header-no-wave-card .card .adresse:before {
    content: url("../../img/marker.png");
    display: block;
    width: 32px;
    height: 32px;
}

.header-no-wave-card .card .email {
    position: relative;
    border-bottom: 1px solid white;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.header-no-wave-card .card .email:before {
    content: url("../../img/icon-mail.png");
    display: block;
    width: 32px;
    height: 32px;
}

.header-no-wave-card .card .telephone {
    position: relative;
}

.header-no-wave-card .card .telephone:before {
    content: url("../../img/icon-phone.png");
    display: block;
    width: 32px;
    height: 32px;
}

.header-no-wave-card .card h3 {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
}

.header-no-wave-card .card strong {
    text-transform: uppercase;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.header-no-wave-card .card p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.pre-commande {
    position: relative;
}

@media screen and (min-width: 992px) {
    .pre-commande {
        transform: translateY(-50%);
    }
}

.pre-commande p {
    max-width: 720px;
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .pre-commande p {
        font-size: 30px;
    }
}

@media screen and (max-width: 992px) {
    .pre-commande p {
        font-size: 20px;
    }
}

.pre-commande .col-md-9 {
    max-width: 1133px;
    background: #5dc4eb;
    padding-left: 90px;
}

@media screen and (min-width: 992px) {
    .pre-commande .col-md-9 {
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        padding-right: 50px;
        padding-bottom: 78px;
        padding-top: 78px;
    }
}

@media screen and (max-width: 992px) {
    .pre-commande .col-md-9 {
        padding-right: 50px;
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 1350px) {
    .pre-commande .scroll-down {
        position: relative;
        width: 100%;
        left: 50%;
        transform: translate(-60px);
    }
}

@media screen and (min-width: 1350px) {
    .pre-commande .scroll-down {
        position: absolute;
        right: 100px;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.pre-commande .scroll-down span {
    text-shadow: 0 4px 8px rgba(0, 86, 149, 0.24);
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding-bottom: 20px;
}

.pre-commande .scroll-down a {
    width: 60px;
    height: 60px;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.saviez-vous h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 20px;
}

.saviez-vous p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous .force-5 {
    padding-top: 60px;
}

.saviez-vous .force-5 .comparaison {
    padding-top: 20px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.71;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous .force-5 .percant {
    padding-right: 20px;
}

.saviez-vous .force-5 .line_1 img {
    width: 24px;
    padding-right: 5px;
}

.saviez-vous .force-5 .line_1 .valeur {
    background-color: #fdc300 !important;
}

.saviez-vous .force-5 .line {
    margin-top: 20px;
    position: relative;
}

.saviez-vous .force-5 .line:after {
    content: "";
    position: absolute;
    border-radius: 9px;
    background-color: rgba(0, 86, 149, 0.07);
    display: block;
    width: 100%;
    height: 48px;
    top: 0px;
}

.saviez-vous .force-5 .top-line {
    position: relative;
    border-radius: 9px;
    background-color: #005695;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 15px;
}

.saviez-vous .force-5 .top-line .nom {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.saviez-vous .force-5 .top-line .valeur {
    color: white;
    border-radius: 4px;
    background-color: #3377aa;
    height: 35px;
    align-items: center;
    display: flex;
    padding: 0px 10px;
    font-weight: 600;
}

.saviez-vous .force-5 h3 {
    font-family: "Poppins";
    font-size: 28.7px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous .force-5 p {
    font-family: "Open Sans";
    font-size: 19.1px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous table {
    border-color: rgba(0, 86, 149, 0.5) !important;
    color: #005695;
}

.saviez-vous table th {
    padding: 30px 15px !important;
    border-bottom: 0px !important;
    background-color: rgba(0, 86, 149, 0.04);
    border-color: rgba(0, 86, 149, 0.5) !important;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous table th img {
    width: 36px;
    padding-right: 5px;
}

.saviez-vous table td {
    background-color: rgba(0, 86, 149, 0.04);
    border-color: rgba(0, 86, 149, 0.5) !important;
}

.saviez-vous table strong {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.saviez-vous table ul {
    padding-left: 20px;
}

.saviez-vous table li {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.produit-mois {
    margin-top: 100px;
    padding-top: 90px;
    background-color: #005695;
}

.produit-mois h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 40px;
}

.produit-mois h2 img {
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background: white;
    width: 80px;
}

.produit-mois .slider-pagination {
    position: relative;
    padding-bottom: 40px;
    margin-top: 60px;
}

.produit-mois .slider-pagination .swiper-button-prev, .produit-mois .slider-pagination .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    position: absolute;
    top: 0px;
}

.produit-mois .swiper-pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.produit-mois .swiper-pagination .swiper-pagination-bullet {
    margin: 5px;
    width: 16px;
    height: 16px;
    background: white;
}

.produit-mois .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.product-card {
    border: solid 1px #eef3f7;
    margin-top: 20px;
    background: white;
    border-radius: 8px;
}

.product-card .category {
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 15px;
}

.product-card .category span {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    border-radius: 4px;
    padding: 12px;
    color: white;
}

.product-card .category .desinfection {
    background-color: #fdc300;
}

.product-card .img-product {
    min-height: 290px;
    padding: 12px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.product-card .img-product img {
    max-height: 240px;
    margin: auto;
    display: table;
}

.product-card .img-product .pourcentage {
    color: #ffffff;
    background-color: #5dc4eb;
    padding: 8px 0px;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 4px;
    height: 43px;
    width: 80px;
}

.product-card .title {
    min-height: 100px;
}

.product-card .title h3 {
    margin: 0px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.product-card .description {
    padding-left: 12px;
    padding-right: 12px;
    color: #005695;
    min-height: 150px;
}

.product-card .description ul {
    padding-left: 20px;
}

.product-card .reference {
    padding: 12px;
    color: #005695;
    position: relative;
}

.product-card .reference:after {
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    background-color: rgba(0, 86, 149, 0.1);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.product-card .content-product {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 12px;
    background-color: #eef3f7;
}

.product-card .content-product .price, .product-card .content-product .sale-price {
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #005695;
}

.product-card .content-product .quantite span {
    margin-top: 16px;
    display: block;
    text-align: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.product-card .content-product .quantite .counter button {
    padding: 0px;
    width: 38px;
    height: 38px;
    border-radius: 2px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.product-card .content-product .quantite .counter .input-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.product-card .content-product .quantite .counter .form-control {
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    background: none;
    border: none;
    box-shadow: none;
    width: 70px;
    height: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

.product-card .content-product .quantite .counter .input-group-prepend button {
    background-image: url("../../img/less.svg");
    background-position: center;
}

.product-card .content-product .quantite .counter .input-group-append button {
    background-image: url("../../img/more.svg");
    background-position: center;
}

.product-card .content-product .add-cart {
    margin-top: 20px;
    padding: 15px;
}

.product-card .content-product .add-cart button {
    display: block;
    width: 100%;
    padding: 11px;
    border: none;
    border-radius: 2.8px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s;
}

.product-card .content-product .add-cart button:active {
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.4);
}

.product-card .content-product .add-cart button img {
    margin-right: 10px;
}

.product-card .content-product .add-cart button:focus {
    outline: none;
}

.produits {
    padding-top: 90px;
    position: relative;
}

.produits h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 40px;
}

.produits h2 img {
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background: white;
    width: 80px;
}

.produits .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.produits .pagination .page-numbers {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 5px;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    border-radius: 2.4px;
    background-color: rgba(0, 86, 149, 0.1);
}

.produits .pagination .current {
    color: #ffffff;
    border-radius: 2.4px;
    background-color: #005695;
}

.produits .pagination .prev {
    height: 48px;
    width: 48px;
    background-color: #005695;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../img/chevron-left-pagination.svg");
}

.produits .pagination .next {
    height: 48px;
    width: 48px;
    background-color: #005695;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../img/chevron-right-pagination.svg");
}

.produits .disclamer-photo {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: normal;
    color: #005695;
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .row-flex-produit {
        display: flex;
        align-items: center;
    }

    .row-flex-produit .select2-container {
        float: right;
    }
}

.row-flex-produit .select2-container .select2-selection--single {
    height: auto !important;
    background-color: #eef3f7;
    border: 1px solid rgba(0, 86, 149, 0.6);
}

.row-flex-produit .select2-container .select2-selection--single:focus {
    outline: none !important;
    box-shadow: none !important;
}

.row-flex-produit .select2-container--open .select2-dropdown--above {
    border: 1px solid rgba(0, 86, 149, 0.6) !important;
}

.row-flex-produit .select2-container--default:focus {
    outline: none !important;
    box-shadow: none !important;
}

.row-flex-produit .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    width: 48px;
    background: #005695;
    border: none;
    top: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    right: 0px;
    background-image: url("../../img/chevron-down-white.svg");
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
}

.row-flex-produit .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.row-flex-produit .select2-container {
    min-width: 250px;
    height: 100% !important;
}

.row-flex-produit .select2-container .select2-selection__rendered {
    padding: 12px 24px 12px 16px !important;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: normal;
    text-align: justify;
    color: rgba(0, 86, 149, 0.8) !important;
}

.row-flex-produit .select2-container .select2-selection__rendered:focus {
    outline: none !important;
    box-shadow: none !important;
}

.select2-container--open .select2-dropdown--above {
    border: 1px solid rgba(0, 86, 149, 0.6) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #005695 !important;
    color: white !important;
}

.select2-dropdown {
    background-color: #eef3f7 !important;
}

.select2-dropdown li {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: normal;
    text-align: justify;
    color: rgba(0, 86, 149, 0.8) !important;
}

.show-cart {
    z-index: 300;
    position: fixed;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media screen and (min-width: 992px) {
    .show-cart {
        right: 10px;
        top: 50%;
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 992px) {
    .show-cart {
        right: 10px;
        bottom: 30px;
        width: 50px;
        height: 50px;
    }
}

.show-cart a {
    z-index: 300;
    position: fixed;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media screen and (min-width: 992px) {
    .show-cart a {
        right: 10px;
        top: 50%;
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 992px) {
    .show-cart a {
        right: 10px;
        bottom: 30px;
        width: 50px;
        height: 50px;
    }
}

.show-cart span {
    position: absolute;
    font-size: 10px;
    color: white;
    background: #e02424;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .show-cart span {
        right: 12px;
        top: 12px;
    }
}

@media screen and (max-width: 992px) {
    .show-cart span {
        right: 0px;
        top: -5px;
    }
}

@media screen and (max-width: 992px) {
    .show-cart img {
        width: 40px;
        height: 40px;
    }
}

.header-nos-conseils {
    height: 105vh;
    background: #005695;
}

@media screen and (max-width: 992px) {
    .header-nos-conseils {
        height: auto;
    }
}

.header-nos-conseils .align-item {
    margin-top: 100px;
}

.header-nos-conseils h1 {
    font-family: Poppins;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    color: #ffffff;
    margin-bottom: 36px;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .header-nos-conseils h1 {
        font-size: 50px;
    }
}

.header-nos-conseils p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .header-nos-conseils p {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .header-nos-conseils p {
        font-size: 18px;
    }
}

.conseil-du-moment {
    margin-top: -153px;
}

@media screen and (max-width: 992px) {
    .conseil-du-moment {
        margin-top: 0;
    }
}

.conseil-du-moment .no-margin {
    margin-right: 0px;
    margin-left: 0px;
}

.conseil-du-moment .bloc-rounded {
    background: #5dc4eb;
    padding: 15px 0px;
}

@media screen and (min-width: 992px) {
    .conseil-du-moment .bloc-rounded {
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        padding: 36px 200px 36px 5vw;
    }
}

.conseil-du-moment .bloc-rounded .picto {
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    float: right;
}

@media screen and (max-width: 992px) {
    .conseil-du-moment .bloc-rounded .picto {
        float: none;
        margin: auto;
    }
}

.conseil-du-moment .bloc-rounded .picto img {
    width: 48px;
}

.conseil-du-moment .bloc-rounded h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 16px;
    margin-top: 0;
}

@media screen and (max-width: 992px) {
    .conseil-du-moment .bloc-rounded h2 {
        text-align: center;
    }
}

.conseil-du-moment .bloc-rounded p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .conseil-du-moment .bloc-rounded p {
        text-align: center;
    }
}

.conseil-du-moment .bloc-rounded .btn-jaune-large {
    display: block;
    margin-top: 24px;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: 27px 40px 27px 40px;
}

@media screen and (max-width: 992px) {
    .conseil-du-moment .bloc-rounded .btn-jaune-large {
        margin: 24px auto 0px;
    }
}

.les-conseils {
    padding: 100px 0px 180px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .les-conseils {
        padding: 80px 0px 150px;
    }
}

.les-conseils:before {
    content: url(../../img/sky-blue-round-half.png);
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.les-conseils h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 36px;
}

.les-conseils .card {
    border-radius: 8px;
    min-height: 440px;
    position: relative;
    margin-bottom: 30px;
}

.les-conseils .card .label-card {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
}

.les-conseils .card .img-content {
    height: 213px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.les-conseils .card .content {
    padding: 30px;
}

.les-conseils .card .content h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 0px 0px 10px;
}

.les-conseils .card .content p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.les-conseils .card .content .btn {
    width: 169px;
    height: 48px;
    border-radius: 3px;
    background-color: #ffffff;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.les-conseils .card-bleu {
    background: #005695;
}

.les-conseils .card-bleu .btn {
    color: #005695;
}

.les-conseils .card-bleu-clair {
    background: #5dc4eb;
}

.les-conseils .card-bleu-clair .btn {
    color: #5dc4eb;
}

.les-conseils .card-jaune {
    background: #fdc300;
}

.les-conseils .card-jaune .btn {
    color: #fdc300;
}

.calcul-conseil {
    background: #5dc4eb;
    position: relative;
    padding: 60px 0px 130px;
}

.calcul-conseil:before {
    content: url(../../img/wave-sky-blue.svg);
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

.calcul-conseil:after {
    content: url(../../img/wave-sky-blue.svg);
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 7px;
    transform: translate(0px, 100%) rotate(180deg);
}

.calcul-conseil h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .calcul-conseil h2 {
        font-size: 35px;
    }
}

.calcul-conseil .bloc {
    margin: 20px 0px;
}

.calcul-conseil .bloc h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 20px;
}

.verifie-conseil {
    background: #005695;
    position: relative;
    padding: 0px 0px 100px;
}

.verifie-conseil:before {
    content: url(../../img/wave.svg);
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

.verifie-conseil h2 {
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
    .verifie-conseil h2 {
        font-size: 35px;
    }
}

.verifie-conseil h3 {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .verifie-conseil h3 {
        font-size: 35px;
    }
}

.verifie-conseil p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.verifie-conseil ul li {
    font-family: "Poppins";
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 24px;
    list-style: none;
    position: relative;
}

.verifie-conseil ul li:before {
    content: url("../../img/puce-traitement.svg");
    position: absolute;
    left: -38px;
    top: 3px;
}

.verifie-conseil .twoBlocs {
    margin-top: 48px;
}

#contact-page {
    background: #005695;
    padding: 160px 0px;
    position: relative;
}

#contact-page:after {
    content: url(../../img/circle-contact.svg);
    position: absolute;
    left: 0px;
    bottom: -5px;
}

@media screen and (max-width: 992px) {
    #contact-page {
        padding: 80px 0px;
    }
}

#contact-page h1 {
    font-family: Poppins;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 36px;
}

@media screen and (max-width: 992px) {
    #contact-page h1 {
        font-size: 70px;
    }
}

@media screen and (max-width: 768px) {
    #contact-page h1 {
        font-size: 50px;
    }
}

#contact-page h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 57px;
}

#contact-page p {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    margin-bottom: 16px;
}

#contact-page .mention {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

#contact-page a {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

#contact-page .tel {
    display: flex;
}

#contact-page .tel .picto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    color: #ffffff;
    margin-right: 12px;
}

@media screen and (min-width: 1199px) and (max-width: 1290px) {
    #contact-page .contact-form {
        margin-left: 2%;
    }
}

@media screen and (max-width: 1199px) {
    #contact-page .contact-form {
        margin-top: 40px;
    }
}

#contact-page label {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 10px;
}

#contact-page .input-group {
    width: 100%;
    margin-bottom: 24px;
}

#contact-page .input-group input[type=text], #contact-page .input-group input[type=email], #contact-page .input-group input[type=tel], #contact-page .input-group textarea {
    border-radius: 4px;
    width: 100%;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

#contact-page .input-group input[type=text]::-moz-placeholder, #contact-page .input-group input[type=email]::-moz-placeholder, #contact-page .input-group input[type=tel]::-moz-placeholder, #contact-page .input-group textarea::-moz-placeholder {
    color: rgba(0, 86, 149, 0.8);
}

#contact-page .input-group input[type=text]::placeholder, #contact-page .input-group input[type=email]::placeholder, #contact-page .input-group input[type=tel]::placeholder, #contact-page .input-group textarea::placeholder {
    color: rgba(0, 86, 149, 0.8);
}

#contact-page ::-moz-placeholder {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    color: rgba(0, 86, 149, 0.8);
}

#contact-page ::placeholder {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    color: rgba(0, 86, 149, 0.8);
}

#contact-page textarea {
    width: 100%;
    display: block;
    border-radius: 4px;
    width: 100%;
    max-height: 150px;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

#contact-page input[type=submit] {
    border: none;
    border-radius: 5px;
    font-size: 16px;
    background-color: #fdc300;
    font-family: "Poppins";
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.16);
    padding: 22px 115px 22px 115px;
    color: white;
    display: table;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 25px;
}

#contact-page input[type=submit]:hover {
    text-decoration: none;
    color: #ffffff;
}

div.wpcf7-mail-sent-ok {
    color: #ffffff;
    font-size: 18px;
}

.header-page-type {
    background: #005695;
    padding: 60px 0px 120px;
}

.header-page-type .back {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #ffffff;
    color: #005695;
    width: 48px;
    height: 48px;
}

.header-page-type .title {
    margin-top: 80px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .header-page-type .title {
        display: block;
        margin-top: 50px;
    }
}

.header-page-type .title .big-picto {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    width: 187px;
    height: 187px;
    margin-right: 40px;
}

@media screen and (max-width: 768px) {
    .header-page-type .title .big-picto {
        margin: 0px auto 30px;
        width: 150px;
        height: 150px;
    }
}

.header-page-type .title h1 {
    font-family: Poppins;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .header-page-type .title h1 {
        font-size: 50px;
        text-align: center;
    }
}

.page-type {
    padding: 50px 0px 100px;
}

.page-type h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin: 38px 0px 16px;
}

.page-type h3 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fdc300;
    margin: 20px 0px 10px;
}

.page-type p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.page-template-page-affilies .rejoindre:before {
    content: url(../../img/circle-corner-right.svg);
    position: absolute;
    right: 0px;
    bottom: 0px;
}

@media screen and (max-width: 1100px) {
    .page-template-page-affilies .rejoindre:before {
        bottom: -12px;
    }
}

@media screen and (max-width: 992px) {
    .page-template-page-affilies .rejoindre:before {
        display: none;
    }
}

.header-affilie {
    background: #5dc4eb;
    padding: 100px 0 250px;
}

@media screen and (max-width: 992px) {
    .header-affilie {
        padding: 50px 0 250px;
    }
}

.header-affilie h1 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .header-affilie h1 {
        font-size: 35px;
    }
}

.header-affilie h1 span {
    display: block;
    color: #fdc300;
    margin-top: 24px;
}

.header-affilie .website {
    display: flex;
    align-items: center;
    margin-top: 90px;
}

@media screen and (max-width: 767px) {
    .header-affilie .website {
        margin-top: 45px;
        display: inherit;
    }
}

.header-affilie .website .icone {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-shadow: 0 23px 35px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .header-affilie .website .icone {
        margin: 0 auto 20px;
    }
}

.header-affilie .website h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .header-affilie .website h2 {
        text-align: center;
    }
}

.header-affilie .website a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .header-affilie .website a {
        text-align: center;
        display: block;
    }
}

.header-affilie .card-agence {
    border-radius: 10px;
    box-shadow: 0 42px 84px 0 rgba(0, 0, 0, 0.48);
    border: solid 2px #ffffff;
    padding: 48px 35px 85px;
}

@media screen and (max-width: 992px) {
    .header-affilie .card-agence {
        margin-top: 40px;
    }
}

@media screen and (max-width: 768px) {
    .header-affilie .card-agence {
        padding: 20px 15px;
    }
}

.header-affilie .card-agence h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 0 23px;
}

@media screen and (max-width: 768px) {
    .header-affilie .card-agence h2 {
        font-size: 24px;
    }
}

.header-affilie .card-agence .line {
    display: flex;
    padding: 25px 0px;
    border-bottom: 1px solid #ffffff;
}

.header-affilie .card-agence .line:last-child {
    border-bottom: 0px;
}

.header-affilie .card-agence .line .icone {
    min-width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    border-radius: 50%;
    color: #ffffff;
}

.header-affilie .card-agence .line h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 0 0 8px;
}

@media screen and (max-width: 768px) {
    .header-affilie .card-agence .line h3 {
        font-size: 18px;
    }
}

.header-affilie .card-agence .line p, .header-affilie .card-agence .line a {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .header-affilie .card-agence .line p, .header-affilie .card-agence .line a {
        font-size: 16px;
    }
}

.mot-agence {
    margin-top: -144px;
}

.mot-agence .bloc-rounded {
    margin: 0;
}

.mot-agence .bloc-rounded h2 {
    font-family: Poppins;
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .mot-agence .bloc-rounded h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .mot-agence .bloc-rounded h2 {
        font-size: 35px;
    }
}

.mot-agence .bloc-rounded p {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .mot-agence .bloc-rounded p {
        font-size: 24px;
    }
}

@media screen and (max-width: 992px) {
    .mot-agence .bloc-rounded p {
        font-size: 20px;
    }
}

.mot-agence .bloc-rounded .col-md-9 {
    background: #005695;
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 10px;
}

@media screen and (min-width: 992px) {
    .mot-agence .bloc-rounded .col-md-9 {
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
        padding-right: 200px;
    }
}

@media screen and (max-width: 992px) {
    .mot-agence .bloc-rounded .col-md-9 {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.realisation-affilie {
    margin-top: 50px;
    position: relative;
    padding-top: 60px;
    padding-bottom: 80px;
}

@media screen and (max-width: 992px) {
    .realisation-affilie {
        padding-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .realisation-affilie .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.realisation-affilie h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .realisation-affilie h2 {
        font-size: 35px;
    }
}

.realisation-affilie p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

@media screen and (max-width: 992px) {
    .realisation-affilie p {
        margin-bottom: 40px;
    }
}

.realisation-affilie .slider .swiper-wrapper {
    padding-bottom: 60px;
}

.realisation-affilie .slider .swiper-pagination {
    position: relative;
    margin-top: 40px;
}

@media screen and (min-width: 768px) {
    .realisation-affilie .slider .swiper-pagination {
        display: none;
    }
}

.realisation-affilie .slider .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #005695;
}

.realisation-affilie .slider .swiper-pagination .swiper-pagination-bullet:focus {
    outline: none;
}

.realisation-affilie .slider .swiper-slide-active img {
    box-shadow: 0 22px 34px 0 rgba(0, 0, 0, 0.12);
}

.realisation-affilie .slider .swiper-button-prev, .realisation-affilie .slider .swiper-button-next {
    background: #ffffff;
    color: #005695;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    box-shadow: 0 17px 26px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}

@media screen and (min-width: 992px) {
    .realisation-affilie .slider .swiper-slide-next, .realisation-affilie .slider .swiper-slide-prev {
        opacity: 0.4;
    }
}

.realisation-affilie .slider .swiper-slide-next:focus, .realisation-affilie .slider .swiper-slide-prev:focus {
    outline: none;
}

@media screen and (min-width: 992px) {
    .realisation-affilie .slider .swiper-button-prev {
        transform: translate(100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .realisation-affilie .slider .swiper-button-prev {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .realisation-affilie .slider .swiper-button-prev {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .realisation-affilie .slider .swiper-button-next {
        transform: translate(-100%, -50%);
    }
}

@media screen and (max-width: 992px) {
    .realisation-affilie .slider .swiper-button-next {
        transform: translate(0%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .realisation-affilie .slider .swiper-button-next {
        display: none;
    }
}

.bandeau-fb .bloc-rounded {
    margin: 0;
}

.bandeau-fb .bloc-rounded h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .bandeau-fb .bloc-rounded h2 {
        text-align: center;
        margin-bottom: 30px;
    }
}

.bandeau-fb .bloc-rounded a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #005695;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 292px;
    height: 68px;
    margin-left: 35px;
}

@media screen and (max-width: 768px) {
    .bandeau-fb .bloc-rounded a {
        margin: auto;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 20px;
    }
}

.bandeau-fb .bloc-rounded .col {
    background: #5dc4eb;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .bandeau-fb .bloc-rounded .col {
        border-top-left-radius: 200px;
        border-bottom-left-radius: 200px;
        padding-left: 100px;
    }
}

@media screen and (max-width: 992px) {
    .bandeau-fb .bloc-rounded .col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .bandeau-fb .bloc-rounded .col {
        display: block;
    }
}

.services-affilie {
    padding: 120px 0 80px;
}

@media screen and (max-width: 768px) {
    .services-affilie {
        padding: 60px 0px;
    }
}

.services-affilie h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin-bottom: 80px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .services-affilie h2 {
        font-size: 35px;
    }
}

.services-affilie h2 span {
    color: #fdc300;
}

.services-affilie .card-bleu {
    border: 4px solid #005695;
}

.services-affilie .card-bleu h3 {
    color: #005695;
}

.services-affilie .card-bleu-clair {
    border: 4px solid #5dc4eb;
}

.services-affilie .card-bleu-clair h3 {
    color: #5dc4eb;
}

.services-affilie .card-jaune {
    border: 4px solid #fdc300;
}

.services-affilie .card-jaune h3 {
    color: #fdc300;
}

.services-affilie .card {
    border-radius: 5px;
    min-height: 220px;
    padding: 20px;
    margin-bottom: 30px;
}

.services-affilie .card h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0px;
}

.services-affilie .card p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #808080;
}

.services-affilie .pictos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.services-affilie .pictos img {
    border-radius: 50%;
    max-width: 100px;
    box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.13);
    margin: 0px 40px;
}

@media screen and (max-width: 768px) {
    .services-affilie .pictos img {
        margin: 0px 15px;
        max-width: 80px;
    }
}

.services-affilie .btn-jaune-large {
    display: block;
    margin: 60px auto 0;
    width: -moz-fit-content;
    width: fit-content;
}

.services-spe-affilie {
    position: relative;
    margin-top: 120px;
    padding-top: 40px;
    background: #005695;
}

.services-spe-affilie:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 101%;
    left: -5px;
    height: auto;
    display: block;
    top: 7px;
    transform: translate(0px, -100%);
}

.services-spe-affilie .services-spe {
    position: relative;
}

.services-spe-affilie .services-spe:after {
    content: url(../../img/white-right-contact.png);
    right: 0px;
    top: 150px;
    position: absolute;
    transform: translateY(20%);
}

.services-spe-affilie .services-spe h2 {
    font-family: Poppins;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .services-spe-affilie .services-spe h2 {
        font-size: 35px;
    }
}

.services-spe-affilie .services-spe p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
    .services-spe-affilie .services-spe p {
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {
    .services-spe-affilie .services-spe .first-line {
        display: flex;
        justify-content: center;
    }
}

.services-spe-affilie .services-spe .line-cards {
    z-index: 10;
    position: relative;
}

.services-spe-affilie .services-spe .line-cards .card {
    border-radius: 4px;
    margin-bottom: 30px;
    background: #ffffff;
    min-height: 440px;
}

.services-spe-affilie .services-spe .line-cards .card .img-content {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.services-spe-affilie .services-spe .line-cards .card .text-content {
    padding: 30px;
}

.services-spe-affilie .services-spe .line-cards .card .text-content h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #005695;
    margin: 0 0 10px;
}

.services-spe-affilie .services-spe .line-cards .card .text-content p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #005695;
    text-align: left;
    margin: 0;
}

.page-template-page-panier {
    background-color: #005695;
}

.panier .back-button {
    margin-top: 90px;
    margin-bottom: 50px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panier h1 {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .panier h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .panier h1 {
        font-size: 35px;
    }
}

.panier .box-info {
    margin-top: 24px;
    margin-bottom: 48px;
    border-radius: 8px;
    background-color: #5b92bb;
}

@media screen and (min-width: 992px) {
    .panier .box-info {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

.panier .box-info .picto {
    min-width: 88px;
    align-items: center;
    justify-content: center;
    display: flex;
}

@media screen and (max-width: 992px) {
    .panier .box-info .picto {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

.panier .box-info .texte-info {
    background-color: #3377aa;
    padding: 24px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .panier .box-info .texte-info {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

@media screen and (max-width: 992px) {
    .panier .box-info .texte-info {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

.panier .commande p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.product-card-large {
    display: flex;
    border: solid 1px #eef3f7;
    margin-top: 20px;
    background: white;
    border-radius: 8px;
}

@media screen and (max-width: 992px) {
    .product-card-large {
        flex-direction: column;
    }
}

.product-card-large .category {
    padding-bottom: 20px;
}

.product-card-large .category span {
    display: inline-block;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    text-align: center;
    border-radius: 4px;
    padding: 12px;
    color: white;
}

.product-card-large .category .desinfection {
    background-color: #fdc300;
}

.product-card-large .img-product {
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.product-card-large .img-product img {
    max-height: 180px;
    margin: auto;
    display: table;
}

.product-card-large .img-product .pourcentage {
    color: #ffffff;
    background-color: #5dc4eb;
    padding: 4px 0px;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 4px;
    height: 36px;
    width: 80px;
    align-self: flex-end;
    margin-top: 15px;
}

.product-card-large .title h3 {
    margin: 0px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.product-card-large .description {
    padding-left: 12px;
    padding-right: 12px;
    color: #005695;
}

.product-card-large .description ul {
    padding-left: 20px;
}

.product-card-large .reference {
    padding: 12px;
    color: #005695;
    position: relative;
}

.product-card-large .content-product {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 12px;
    background-color: #eef3f7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.product-card-large .product-quantity {
    background-color: #d5e3ec;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

@media screen and (min-width: 992px) {
    .product-card-large .product-quantity {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

@media screen and (max-width: 992px) {
    .product-card-large .product-quantity {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

.product-card-large .price, .product-card-large .sale-price {
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #005695;
}

.product-card-large .quantite {
    padding-bottom: 20px;
}

.product-card-large .quantite span {
    margin-top: 16px;
    display: block;
    text-align: center;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
}

.product-card-large .quantite .counter button {
    padding: 0px;
    width: 38px;
    height: 38px;
    border-radius: 2px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
    background: white;
}

.product-card-large .quantite .counter .input-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.product-card-large .quantite .counter .form-control {
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
    background: none;
    border: none;
    box-shadow: none;
    width: 70px;
    height: 40px;
    padding: 0px;
}

.product-card-large .quantite .counter .input-group-prepend button {
    background-image: url("../../img/less.svg");
    background-position: center;
}

.product-card-large .quantite .counter .input-group-append button {
    background-image: url("../../img/more.svg");
    background-position: center;
}

.product-card-large .add-cart {
    display: none;
    margin-top: 20px;
    padding: 15px;
}

.product-card-large .add-cart button {
    display: block;
    width: 100%;
    padding: 11px;
    border: none;
    border-radius: 2.8px;
    background-color: #fdc300;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s;
}

.product-card-large .add-cart button:active {
    box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.4);
}

.product-card-large .add-cart button img {
    margin-right: 10px;
}

.product-card-large .add-cart button:focus {
    outline: none;
}

.total {
    padding-bottom: 60px;
}

.total .border-bottom {
    position: relative;
}

.total .border-bottom:after {
    content: "";
    background: white;
    display: block;
    width: 100%;
    height: 1px;
    position: relative;
}

@media screen and (min-width: 992px) {
    .total .border-bottom:after {
        bottom: -140px;
    }
}

@media screen and (max-width: 992px) {
    .total .border-bottom:after {
        bottom: -220px;
    }
}

@media screen and (min-width: 992px) {
    .total .col-md-6:nth-child(1) {
        padding-left: 0px;
    }

    .total .col-md-6:nth-child(2) {
        padding-right: 0px;
    }
}

.total .box-total {
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 33px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.2);
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 20px;
}

@media screen and (min-width: 1300px) {
    .total .box-total {
        font-size: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .total .box-total {
        font-size: 20px;
    }
}

.total .box-total #total-cart {
    padding: 6px;
}

.total .box-etape a {
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 4.7px;
    background-color: #fdc300;
}

.box-infos {
    padding-bottom: 40px;
}

.box-infos h3 {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.box-infos .email, .box-infos .telephone {
    position: relative;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.box-infos .email img, .box-infos .telephone img {
    position: relative;
    top: 25px;
}

.box-infos .email p, .box-infos .telephone p {
    padding-left: 30px;
    margin-bottom: 0px;
}

.box-infos .email strong, .box-infos .telephone strong {
    font-weight: 600;
}

.box-infos .email a, .box-infos .telephone a {
    color: white;
}

.bandeau-pro-contact {
    padding-top: 60px;
    padding-bottom: 80px;
}

.bandeau-pro-contact .bloc-rounded {
    margin: 0;
}

.bandeau-pro-contact .bloc-rounded h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .bandeau-pro-contact .bloc-rounded h2 {
        text-align: center;
        margin-bottom: 30px;
    }
}

.bandeau-pro-contact .bloc-rounded a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: white;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fdc300;
    width: 292px;
    height: 68px;
    margin-left: 35px;
}

@media screen and (max-width: 768px) {
    .bandeau-pro-contact .bloc-rounded a {
        margin: auto;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 20px;
    }
}

.bandeau-pro-contact .bloc-rounded .col {
    background: #5dc4eb;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.bandeau-pro-contact .bloc-rounded .col:after {
    content: url(../../img/little-bubble.svg);
    position: absolute;
    right: 0px;
    bottom: -4px;
}

@media screen and (min-width: 992px) {
    .bandeau-pro-contact .bloc-rounded .col {
        border-top-left-radius: 200px;
        border-bottom-left-radius: 200px;
        padding-left: 100px;
    }
}

@media screen and (max-width: 992px) {
    .bandeau-pro-contact .bloc-rounded .col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .bandeau-pro-contact .bloc-rounded .col {
        display: block;
    }
}

.page-template-page-confirmation {
    background-color: #005695;
}

.page-template-page-confirmation .border-bottom {
    padding-bottom: 60px;
}

.page-template-page-confirmation .border-bottom:after {
    display: none;
}

.page-template-page-confirmation .box-infos {
    padding-top: 40px;
    padding-bottom: 80px;
}

.page-template-page-confirmation .box-infos hr {
    background: white;
    margin-bottom: 40px;
}

.confirmation .titre-panier {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.confirmation .back-button {
    margin-top: 90px;
    margin-bottom: 50px;
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirmation h1 {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .confirmation h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .confirmation h1 {
        font-size: 35px;
    }
}

.mini-card-product {
    margin-top: 20px;
    padding: 0px;
    border-radius: 8px;
    border: solid 1px #ffffff;
    display: flex;
}

.mini-card-product img {
    max-height: 114px;
    margin: auto;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.mini-card-product .col-xs-4 {
    background-color: white;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.mini-card-product .col-xs-8 {
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mini-card-product h3 {
    margin: 0px;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #ffffff;
}

.mini-card-product .quantite {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.mini-card-product .price {
    text-align: right;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.informations .no-padding {
    padding: 0px;
}

.informations h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    .informations h2 {
        font-size: 50px;
    }
}

.informations h3 {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.informations .input-group {
    width: 100%;
    margin-top: 36px;
}

.informations .input-group label {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: justify;
    color: #ffffff;
}

.informations .input-group input[type=text], .informations .input-group input[type=email], .informations .input-group input[type=tel], .informations .input-group textarea {
    border-radius: 4px;
    width: 100%;
    border: none;
    min-height: 48px;
    background-color: #eef3f7;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: justify;
    padding: 12px;
    color: rgba(0, 86, 149, 0.8);
}

.informations .input-group input[type=text]::-moz-placeholder, .informations .input-group input[type=email]::-moz-placeholder, .informations .input-group input[type=tel]::-moz-placeholder, .informations .input-group textarea::-moz-placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.informations .input-group input[type=text]::placeholder, .informations .input-group input[type=email]::placeholder, .informations .input-group input[type=tel]::placeholder, .informations .input-group textarea::placeholder {
    color: rgba(0, 86, 149, 0.8);
}

.informations .livraison label {
    margin-top: 30px;
    position: relative;
}

.informations .livraison label:before {
    content: "";
    position: absolute;
    border-radius: 2px;
    border: 1px solid #ffffff;
    display: block;
    width: 32px;
    height: 32px;
    left: 0px;
    top: 0px;
}

.informations .livraison label p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding-left: 40px;
}

.informations .livraison label p strong {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: bold;
}

.informations .livraison label:hover {
    cursor: pointer;
}

.informations .livraison input {
    display: none;
}

.informations .livraison input:checked + label:before {
    background-image: url("../../img/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #ffffff;
    display: block;
    width: 32px;
    height: 32px;
    left: 0px;
    top: 0px;
}

.informations .livraison .btn-commande {
    border: none;
    width: 100%;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 4.7px;
    background-color: #fdc300;
}

#commande-success {
    display: none;
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#commande-success .content-popup {
    background-color: white;
    min-height: 358px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    border-radius: 8px;
}

#commande-success .content-popup strong {
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

#commande-success .content-popup p {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #005695;
}

#commande-success .content-popup button {
    border-radius: 4px;
    background-color: #005695;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 23px 70px 23px 70px;
}

.carte-agence {
    background: #005695;
    padding: 90px 0 140px;
    position: relative;
}

.carte-agence:before {
    position: absolute;
    top: 300px;
    left: 0px;
    content: url("../../img/left-agence.svg");
}

.carte-agence:after {
    position: absolute;
    bottom: 300px;
    right: 0px;
    content: url("../../img/right-agence.svg");
}

.carte-agence h1 {
    font-family: Poppins;
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 4px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 36px;
}

@media screen and (max-width: 768px) {
    .carte-agence h1 {
        font-size: 50px;
    }
}

.carte-agence p {
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.carte-agence #map {
    margin-top: 68px;
    position: relative;
    z-index: 10;
}

.carte-agence #map .gm-style .gm-style-iw-d {
    background-color: #005695;
    overflow: auto !important;
}

.carte-agence #map .gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg, #005695 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%) !important;
}

.carte-agence #map .gm-style .gm-style-iw-c {
    padding: 0px;
}

.carte-agence #map .gm-style .gm-style-iw-c button {
    top: 0px !important;
    right: 0px !important;
    background: url("../../img/Close.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    opacity: 1 !important;
}

.carte-agence #map .gm-style .gm-style-iw-c button img {
    display: none !important;
    filter: invert(1);
}

.carte-agence #map .cluster span {
    color: white;
}

.carte-agence #map .info-window {
    background-color: #005695;
    text-align: left !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
}

.carte-agence #map .info-window p img {
    margin-right: 5px;
}

.carte-agence #map .info-window h3 {
    margin: 0px;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.carte-agence #map .info-window h5 {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.carte-agence #map .info-window p {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.carte-agence #map .info-window p a {
    color: white;
}

.bandeau-rejoindre {
    background: #005695;
}

.bandeau-rejoindre .bloc-rounded {
    margin: 0;
}

.bandeau-rejoindre .bloc-rounded h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #005695;
    margin: 0;
}

@media screen and (max-width: 768px) {
    .bandeau-rejoindre .bloc-rounded h2 {
        text-align: center;
        margin-bottom: 30px;
    }
}

.bandeau-rejoindre .bloc-rounded a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #fdc300;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    width: 292px;
    height: 68px;
    margin-left: 35px;
}

@media screen and (max-width: 768px) {
    .bandeau-rejoindre .bloc-rounded a {
        margin: auto;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 50px;
    }
}

.bandeau-rejoindre .bloc-rounded .col {
    background: #ffffff;
    padding-right: 100px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (min-width: 992px) {
    .bandeau-rejoindre .bloc-rounded .col {
        border-top-left-radius: 200px;
        border-bottom-left-radius: 200px;
        padding-left: 100px;
    }
}

@media screen and (max-width: 992px) {
    .bandeau-rejoindre .bloc-rounded .col {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 768px) {
    .bandeau-rejoindre .bloc-rounded .col {
        display: block;
    }
}

.les-agences {
    background: #005695;
    padding: 140px 0 90px;
}

@media screen and (max-width: 768px) {
    .les-agences {
        padding: 80px 0 60px;
    }
}

.les-agences .head {
    margin-bottom: 60px;
}

.les-agences .head h2 {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0;
}

@media screen and (max-width: 992px) {
    .les-agences .head h2 {
        margin-bottom: 20px;
    }
}

.les-agences .head .bloc-unique {
    display: flex;
}

@media screen and (max-width: 992px) {
    .les-agences .head .bloc-unique {
        margin-top: 20px;
    }
}

.les-agences .head .bloc-unique i {
    margin-right: 8px;
    color: #ffffff;
    font-size: 18px;
}

.les-agences .head .bloc-unique p {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 0;
}

.les-agences .head .bloc-unique .data {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5dc4eb;
}

.les-agences .line {
    border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
    .les-agences .line {
        border-bottom: 0px;
    }
}

.les-agences .line:last-child {
    border-bottom: 0px;
}

.les-agences .line .col {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .les-agences .line .col {
        min-height: 260px;
    }
}

@media screen and (max-width: 768px) {
    .les-agences .line .col {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.les-agences .line .col h3 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fdc300;
    margin: 0 0 16px;
}

.les-agences .line .col h4 {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0 0 8px;
}

.les-agences .line .col p {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.les-agences .line .col p i {
    margin-right: 6px;
}

.les-agences .baigneur {
    max-width: 680px;
    display: block;
    margin: 80px auto 0;
    padding-bottom: 40px;
    position: relative;
}

.les-agences .baigneur img {
    width: 70px;
    margin: auto;
    position: relative;
    z-index: 3;
}

.les-agences .baigneur:before {
    content: "";
    top: 35px;
    background: white;
    height: 2px;
    width: 100%;
    position: absolute;
    z-index: 2;
}

.contact-agence {
    position: relative;
    padding-bottom: 150px;
    background: #005695;
}

.contact-agence .v-line {
    position: relative;
}

.contact-agence .v-line:before {
    content: "";
    position: absolute;
    background: white;
    display: block;
}

@media screen and (min-width: 992px) {
    .contact-agence .v-line:before {
        height: 100%;
        width: 1px;
        left: 50%;
    }
}

@media screen and (max-width: 992px) {
    .contact-agence .v-line:before {
        height: 1px;
        width: 100%;
        top: 55%;
    }
}

@media screen and (max-width: 992px) {
    .contact-agence .col-md-offset-2 {
        padding-top: 40px;
    }
}

.contact-agence h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .contact-agence h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .contact-agence h2 {
        font-size: 35px;
    }
}

.contact-agence h3 {
    font-family: "Poppins";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .contact-agence h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    .contact-agence h3 {
        font-size: 28px;
    }
}

.contact-agence p {
    font-family: "Open Sans";
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .contact-agence p {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .contact-agence p {
        font-size: 20px;
    }
}

.contact-agence .btn-jaune-large {
    display: table;
    margin: auto;
    margin-top: 40px;
}

.contact-agence span {
    text-align: center;
    display: block;
}

.contact-agence span:nth-child(1) {
    font-family: "Poppins";
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.contact-agence span:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Open Sans";
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media screen and (min-width: 768px) {
    .contact-agence span:nth-child(2) {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    .contact-agence span:nth-child(2) {
        font-size: 30px;
    }
}

.contact-agence span:nth-child(2):before {
    content: url("../../img/phone-large.svg");
    position: relative;
    top: 0px;
    left: -20px;
    background: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-agence span:nth-child(2) a {
    color: #ffffff;
}

.contact-agence span:nth-child(2) a:hover {
    text-decoration: none;
}

.contact-agence span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

@media screen and (min-width: 768px) {
    .contact-agence span:nth-child(3) {
        top: -30px;
        left: -10px;
    }
}

@media screen and (max-width: 768px) {
    .contact-agence span:nth-child(3) {
        top: -30px;
        left: 25px;
    }
}

:root {
    --computed-margin: max(15px, calc((var(--vw, 1vw) * 100 - (1280px - (15px * 2))) / 2));
}

.section1 {
    background: rgba(7, 172, 106, 0.8470588235);
}

.section1 .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section1 .row img {
    width: 118px;
    height: 117px;
    margin-top: 52px;
    margin-bottom: 35px;
}

@media screen and (max-width: 1250px) {
    .section1 .row img {
        margin-top: 85px;
    }
}

@media screen and (max-width: 768px) {
    .section1 .row img {
        margin-bottom: 12px;
        margin-top: 42px;
    }
}

.section1 .row h1 {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 70px;
    color: #fff;
    text-align: center;
    line-height: 82px;
    max-width: 999px;
    margin-bottom: 33px;
}

@media screen and (max-width: 768px) {
    .section1 .row h1 {
        font-size: 38px;
        line-height: 60px;
        padding: 0 15px;
        margin-bottom: 21px;
    }
}

.section1 .row p {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    max-width: 1096px;
}

@media screen and (max-width: 768px) {
    .section1 .row p {
        font-size: 18px;
        padding: 0 15px;
    }
}

.section1 .notabene {
    display: flex;
    flex-direction: row;
    left: calc(-1 * var(--computed-margin) + 15px);
    position: relative;
    gap: 34px;
    background: #1974AC;
    border-radius: 0 260px 260px 0;
    padding: 56px 96px 49px 100px;
    max-width: 996px;
    top: 210px;
}

@media screen and (max-width: 1299px) {
    .section1 .notabene {
        left: calc(-1 * var(--computed-margin) - 40px);
    }
}

@media screen and (max-width: 1199px) {
    .section1 .notabene {
        left: calc(-1 * var(--computed-margin) - 100px);
    }
}

@media screen and (max-width: 768px) {
    .section1 .notabene {
        flex-direction: column;
        left: 0;
        padding-left: 0;
        top: 100px;
    }
}

.section1 .notabene:before, .section1 .notabene:after {
    display: none;
}

.section1 .notabene img {
    width: 72px;
    height: 72px;
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .section1 .notabene img {
        margin: 0;
    }
}

.section1 .notabene p {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .section1 .notabene p {
        font-size: 14px;
        line-height: 26px;
    }
}

.section2 {
    margin: 310px 0 300px;
}

@media screen and (max-width: 768px) {
    .section2 {
        margin: 150px 0 100px;
    }
}

.section2 .nav-tabs {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
    .section2 .nav-tabs {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 0;
    }
}

.section2 .nav-tabs li {
    border-radius: 33px;
    background-color: #DFF2E8;
}

.section2 .nav-tabs li:nth-child(1) {
    position: relative;
    left: 30px;
}

@media screen and (max-width: 992px) {
    .section2 .nav-tabs li:nth-child(1) {
        flex-direction: column;
        left: 0;
    }
}

.section2 .nav-tabs li:nth-child(1) a {
    padding: 7px 80px 7px 7px;
}

@media screen and (max-width: 992px) {
    .section2 .nav-tabs li:nth-child(1) a {
        padding-right: 20px;
    }
}

.section2 .nav-tabs li:nth-child(2) {
    position: relative;
    right: 30px;
}

@media screen and (max-width: 992px) {
    .section2 .nav-tabs li:nth-child(2) {
        right: 0;
    }
}

.section2 .nav-tabs li:nth-child(2) a {
    padding: 7px 20px 7px 7px;
}

.section2 .nav-tabs li.active {
    background-color: #38B880;
}

.section2 .nav-tabs li.active a {
    color: #fff;
}

.section2 .nav-tabs li.active a:hover, .section2 .nav-tabs li.active a:focus {
    color: #fff;
}

.section2 .nav-tabs li a {
    border-radius: 33px;
    background: none;
    border: none;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 25px;
    color: #38B880;
    display: flex;
    align-items: center;
    gap: 21px;
}

@media screen and (max-width: 768px) {
    .section2 .nav-tabs li a {
        font-size: 18px;
    }
}

.section2 .nav-tabs li a:hover, .section2 .nav-tabs li a:focus {
    background: none;
    border: none;
    color: #38B880;
}

.section2 .tab-content h2 {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 50px;
    color: rgba(7, 172, 106, 0.8470588235);
    line-height: 75px;
    margin-bottom: 21px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content h2 {
        font-size: 26px;
        line-height: 50px;
    }
}

.section2 .tab-content #eau .box:nth-last-child(5) {
    align-items: normal;
    padding-bottom: 35px;
    padding-top: 35px;
    justify-content: space-between;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(5) {
        padding: 18px;
    }
}

.section2 .tab-content #eau .box:nth-last-child(5) .left {
    max-width: 309px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(5) .left {
        max-width: 100%;
    }
}

.section2 .tab-content #eau .box:nth-last-child(5) .right {
    align-content: space-between;
}

.section2 .tab-content #eau .box:nth-last-child(4) {
    padding-bottom: 30px;
    padding-top: 35px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(4) {
        padding: 18px;
    }
}

.section2 .tab-content #eau .box:nth-last-child(4) .left {
    max-width: 359px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(4) .left {
        max-width: 100%;
    }
}

.section2 .tab-content #eau .box:nth-last-child(3) {
    padding-top: 85px;
    padding-bottom: 85px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content #eau .box:nth-last-child(3) {
        padding: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(3) {
        padding: 18px;
    }
}

.section2 .tab-content #eau .box:nth-last-child(3) .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section2 .tab-content #eau .box:nth-last-child(1), .section2 .tab-content #eau .box:nth-last-child(2) {
    grid-area: item4;
    height: 48%;
    padding-top: 40px;
    padding-bottom: 40px;
    align-items: normal;
}

.section2 .tab-content #eau .box:nth-last-child(1) .right, .section2 .tab-content #eau .box:nth-last-child(2) .right {
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(1), .section2 .tab-content #eau .box:nth-last-child(2) {
        padding: 18px;
    }
}

.section2 .tab-content #eau .box:nth-last-child(1) {
    bottom: 0;
    position: absolute;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #eau .box:nth-last-child(1) {
        position: relative;
    }
}

.section2 .tab-content #energie .box:nth-last-child(4) {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #energie .box:nth-last-child(4) {
        padding: 18px;
    }
}

.section2 .tab-content #energie .box:nth-last-child(3) {
    justify-content: space-between;
}

.section2 .tab-content #energie .box:nth-last-child(3) .left {
    max-width: 319px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #energie .box:nth-last-child(3) .left {
        max-width: 100%;
    }
}

.section2 .tab-content #energie .box:nth-last-child(2) {
    padding-bottom: 65px;
    padding-top: 65px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #energie .box:nth-last-child(2) {
        padding: 18px;
    }
}

.section2 .tab-content #energie .box:nth-last-child(1) {
    padding-bottom: 85px;
    padding-top: 85px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content #energie .box:nth-last-child(1) {
        padding: 18px;
    }
}

.section2 .tab-content .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 58px;
    grid-template-areas: "item1 item2" "item3 item4" "item5 item6";
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content .content {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content {
        gap: 30px;
    }
}

.section2 .tab-content .content .box {
    border-radius: 5px;
    padding: 18px;
    display: flex;
    gap: 25px;
    align-items: center;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content .content .box {
        flex-direction: column;
    }
}

.section2 .tab-content .content .box.darkblue {
    border: 3px solid #005695;
}

.section2 .tab-content .content .box.darkblue .title {
    background: #005695;
    color: #fff;
}

.section2 .tab-content .content .box.darkblue h3 {
    color: #005695;
}

.section2 .tab-content .content .box.yellow {
    border: 3px solid #fdc300;
}

.section2 .tab-content .content .box.yellow .title {
    background: #fdc300;
    color: #fff;
}

.section2 .tab-content .content .box.yellow h3 {
    color: #fdc300;
}

.section2 .tab-content .content .box.lightblue {
    border: 3px solid #5dc4eb;
}

.section2 .tab-content .content .box.lightblue .title {
    background: #5dc4eb;
    color: #fff;
}

.section2 .tab-content .content .box.lightblue h3 {
    color: #5dc4eb;
}

.section2 .tab-content .content .box.green {
    border: 3px solid #30C187;
}

.section2 .tab-content .content .box.green .title {
    background: #30C187;
    color: #fff;
}

.section2 .tab-content .content .box.green h3 {
    color: #30C187;
}

.section2 .tab-content .content .box .left .title {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    padding: 11px 13px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-bottom: 22px;
    letter-spacing: 1.1px;
    line-height: 25px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .left .title {
        font-size: 16px;
    }
}

.section2 .tab-content .content .box .left p {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 16px;
    color: #808080;
    line-height: 22px;
}

.section2 .tab-content .content .box .left p:not(:last-child) {
    margin-bottom: 20px;
}

.section2 .tab-content .content .box .left p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .left p {
        font-size: 12px;
    }
}

.section2 .tab-content .content .box .left ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .left ul {
        margin-top: 30px;
    }
}

.section2 .tab-content .content .box .left ul li {
    list-style: none;
    position: relative;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 16px;
    color: #005695;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .left ul li {
        font-size: 12px;
    }
}

.section2 .tab-content .content .box .left ul li:before {
    content: url("../../img/circle-blue.svg");
    position: absolute;
    left: -40px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .left ul li:before {
        margin-top: -4px;
    }
}

.section2 .tab-content .content .box .right {
    display: grid;
    justify-items: center;
    gap: 19px;
}

@media screen and (max-width: 1199px) {
    .section2 .tab-content .content .box .right {
        display: flex;
        justify-content: space-around;
    }
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .right {
        flex-direction: column;
        align-items: center;
    }
}

.section2 .tab-content .content .box .right img {
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.section2 .tab-content .content .box .right .image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.section2 .tab-content .content .box .right .image h3 {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 16px;
    margin-top: 12px;
    white-space: nowrap;
    margin-bottom: 0;
}

.section2 .tab-content .content .box .right .image h3:not(:last-child) {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .section2 .tab-content .content .box .right .image h3 {
        font-size: 12px;
    }
}

.section3 {
    background: #005695;
    position: relative;
}

.section3:before {
    content: url("../../img/wave.svg");
    position: absolute;
    width: 102%;
    height: auto;
    display: block;
    top: 7px;
    left: -5px;
    transform: translate(0px, -100%);
}

.section3 .title {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 50px;
    color: #fff;
    line-height: 75px;
    margin-bottom: 67px;
    max-width: 821px;
}

@media screen and (max-width: 768px) {
    .section3 .title {
        padding: 0 15px;
        font-size: 32px;
        line-height: 50px;
        margin-top: 30px;
    }
}

.section3 .content {
    display: flex;
    margin-bottom: 164px;
}

@media screen and (max-width: 992px) {
    .section3 .content {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .section3 .content {
        padding: 0 15px;
        margin-bottom: 60px;
    }
}

.section3 .content h3 {
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    margin: 0 0 0 60px;
}

@media screen and (max-width: 768px) {
    .section3 .content h3 {
        font-size: 16px;
    }
}

.section3 .content h3:before {
    content: url("../../img/circle-green.svg");
    left: 20px;
    position: absolute;
    margin-top: -1px;
}

.section3 .content p {
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 35px;
    margin-left: 60px;
}

@media screen and (max-width: 768px) {
    .section3 .content p {
        font-size: 14px;
    }
}

.section3 .content .column {
    padding: 0;
    border-left: 2px solid #3CC187;
}

.section3 .content .column:not(:last-child) {
    margin-right: 52px;
}

.section3 .content .column p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .section3 .content .column p:last-child {
        margin-bottom: 35px;
    }
}

@media screen and (min-width: 1250px) {
    body {
        padding-top: 140px;
    }
}

@media screen and (max-width: 1250px) {
    body {
        padding-top: 100px;
    }
}

body, html {
    overflow-x: hidden;
}

.anchor {
    top: -140px;
    position: absolute;
}

.navbar {
    z-index: 200;
    border: none;
}

@media screen and (min-width: 1250px) {
    .navbar {
        min-height: 140px;
    }
}

@media screen and (max-width: 1250px) {
    .navbar {
        min-height: 100px;
    }
}

.navbar.new {
    display: flex;
    flex-direction: column;
}

.navbar.new .contain {
    height: 104px;
}

@media screen and (min-width: 1570px) {
    .navbar-brand img {
        padding-left: 95px;
        height: 100px;
        margin-top: 0px;
    }
}

@media screen and (min-width: 1350px) {
    .navbar-brand img {
        margin-top: 12px;
        height: 85px;
    }
}

@media screen and (min-width: 1251px) and (max-width: 1350px) {
    .navbar-brand img {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1440px) {
    .navbar-brand img {
        height: 70px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-brand img {
        height: 55px;
    }
}

.navbar-brand.new img {
    height: 74px;
    margin-top: 0;
}

@media screen and (max-width: 575px) {
    .navbar-brand.new img {
        height: 55px;
    }
}

.navbar-toggle {
    border: none;
    position: relative;
    top: 25px;
}

.navbar-toggle .icon-bar {
    background-color: #005695 !important;
    height: 3px;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
    border: none;
}

@media screen and (max-width: 1250px) {
    .navbar-collapse {
        border: none !important;
        background: white;
        width: 100%;
        position: absolute;
        top: 100px;
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .navbar-collapse {
        left: 15px;
    }
}

@media screen and (width: 768px) {
    .navbar-collapse {
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .navbar-collapse.new {
        left: 0;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        max-height: 83vh !important;
    }
}

@media screen and (max-width: 1250px) {
    .navbar-collapse.new {
        top: 130px;
        max-height: none;
    }
}

.navbar-collapse.in {
    overflow: initial;
}

@media screen and (min-width: 1250px) {
    .navbar-left {
        float: right !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }
}

.navbar-left li .fa-chevron-down {
    margin-left: 5px;
}

.collapsing {
    transition: all 0.1s;
}

.navbar-right {
    background: #005695;
    padding-left: 18px;
    padding-right: 18px;
}

@media screen and (min-width: 1250px) {
    .navbar-right {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 140px;
    }
}

@media screen and (max-width: 1250px) {
    .navbar-right {
        position: absolute;
        bottom: -50px;
        padding: 10px;
        width: 100%;
    }
}

.navbar-right.new {
    flex-direction: row;
    gap: 20px;
    min-height: 38px;
}

@media screen and (max-width: 575px) {
    .navbar-right.new {
        gap: 13px;
        width: auto;
        min-height: 30px;
    }
}

.navbar-right.new span {
    font-size: 14px !important;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 575px) {
    .navbar-right.new span {
        font-size: 12px !important;
    }
}

.navbar-right.new span:nth-child(2):before {
    top: 2px;
}

@media screen and (max-width: 575px) {
    .navbar-right.new span:nth-child(2):before {
        scale: 0.8;
    }
}

.navbar-right.new span:nth-child(2) a {
    bottom: -2px;
    position: relative;
}

.navbar-right span:nth-child(1) {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #5dc4eb;
}

@media screen and (max-width: 575px) {
    .navbar-right span:nth-child(1) {
        font-size: 12px !important;
    }
}

.navbar-right span:nth-child(2) {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.3px;
    color: #ffffff;
    position: relative;
}

@media screen and (max-width: 575px) {
    .navbar-right span:nth-child(2) {
        font-size: 12px !important;
    }
}

.navbar-right span:nth-child(2):before {
    content: url("../../img/phone.svg");
    position: relative;
    top: 5px;
    left: -3px;
}

.navbar-right span:nth-child(2) a {
    color: #ffffff;
}

.navbar-right span:nth-child(3) {
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}

.navbar-default {
    background-color: white;
    z-index: 1000;
}

.navbar-default .navbar-nav > li > a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #005695;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width: 1251px) and (max-width: 1440px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 1250px) {
    .navbar-default .navbar-nav > li > a {
        min-height: 140px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.navbar-default .navbar-nav > li > a:hover {
    color: #005695;
}

.navbar-default .navbar-left.new {
    min-height: 104px;
    margin-right: 80px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new {
        margin-right: 0;
        margin-top: 0;
    }
}

.navbar-default .navbar-left.new li .dropdown-menu-wrapper li::before {
    bottom: -4px;
    position: relative;
}

.navbar-default .navbar-left.new li:first-child .dropdown-menu-wrapper li:first-child a::before {
    content: url("../../img/renovation.svg");
    margin-top: 7px;
}

.navbar-default .navbar-left.new li:first-child .dropdown-menu-wrapper li:nth-child(2) a::before {
    content: url("../../img/entretien.svg");
    padding: 0 7px;
}

.navbar-default .navbar-left.new li:first-child .dropdown-menu-wrapper li:last-child a::before {
    width: 43px;
    content: url("../../img/outils.svg");
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:first-child a::before {
    width: 43px;
    content: url("../../img/climatisation.svg");
    padding: 0 1px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:first-child a::before {
        padding: 0 2px;
    }
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li a::before {
    width: 43px;
    display: flex;
    justify-content: center;
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:nth-child(3) a::before {
    content: url("../../img/outils.svg");
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:nth-child(4) a::before {
    content: url("../../img/entretien.svg");
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:nth-child(5) a::before {
    content: url("../../img/outils.svg");
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:nth-child(4) a::before {
        padding: 0 8px;
    }
}

.navbar-default .navbar-left.new li:nth-child(2) .dropdown-menu-wrapper li:last-child a::before {
    content: url("../../img/outils.svg");
}

.navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:first-child a::before {
    content: url("../../img/securite.svg");
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:first-child a::before {
        padding: 0 2px;
    }
}

.navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper .line {
    left: 47%;
}

.navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:nth-child(3) a::before {
    content: url("../../img/pmr.svg");
    padding: 0 8px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:nth-child(3) a::before {
        padding: 0 9px;
    }
}

.navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:nth-child(4) a::before {
    content: url("../../img/equipement.svg");
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:nth-child(4) a::before {
        padding: 0 1px;
    }
}

.navbar-default .navbar-left.new li:nth-child(4) .dropdown-menu-wrapper li:last-child a::before {
    content: url("../../img/clickcollect.svg");
    padding: 0 5px;
}

.navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:first-child a::before {
    content: url("../../img/hiverner.svg");
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:first-child a::before {
        padding: 0 2px;
    }
}

.navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:nth-child(3) a::before {
    content: url("../../img/outils.svg");
}

.navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:nth-child(4) a::before {
    content: url("../../img/reveil.svg");
    padding: 0 3px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:nth-child(4) a::before {
        padding: 0 5px;
    }
}

.navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:last-child a {
    color: #3CC187;
}

.navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:last-child a:before {
    content: url("../../img/renovations.svg");
    padding: 0 3px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new li:nth-child(5) .dropdown-menu-wrapper li:last-child a:before {
        padding: 0 4px;
    }
}

.navbar-default .navbar-left.new > li > a {
    height: 30px;
    cursor: pointer;
    min-height: initial;
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
    width: -moz-fit-content;
    width: fit-content;
}

.navbar-default .navbar-left.new .fa-chevron-down {
    transition: transform 0.3s ease;
}

.navbar-default .navbar-left.new .menu-item-has-children.open .fa-chevron-down {
    transform: rotate(180deg);
}

.navbar-default .navbar-left.new .menu-item-has-children:first-child.open .dropdown-menu {
    display: flex;
    gap: 130px;
}

.navbar-default .navbar-left.new .menu-item-has-children:first-child.open .dropdown-menu .dropdown-header .link-all {
    display: none;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new .menu-item-has-children:first-child.open .dropdown-menu .dropdown-header .link-all {
        display: flex;
    }
}

.navbar-default .navbar-left.new .menu-item-has-children:first-child.open .dropdown-menu .right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.navbar-default .navbar-left.new .menu-item-has-children:first-child.open .dropdown-menu .right img {
    border-radius: 13px;
    width: 278px;
    height: 338px;
    -o-object-fit: cover;
    object-fit: cover;
}

.navbar-default .navbar-left.new .menu-item:first-child .dropdown-menu {
    left: -244%;
}

@media screen and (max-width: 1440px) {
    .navbar-default .navbar-left.new .menu-item:first-child .dropdown-menu {
        left: -314%;
    }
}

.navbar-default .navbar-left.new .menu-item:nth-child(2) .dropdown-menu {
    left: -244%;
}

@media screen and (max-width: 1440px) {
    .navbar-default .navbar-left.new .menu-item:nth-child(2) .dropdown-menu {
        left: -322%;
    }
}

.navbar-default .navbar-left.new .menu-item:nth-child(4) .dropdown-menu {
    left: -131%;
}

@media screen and (max-width: 1440px) {
    .navbar-default .navbar-left.new .menu-item:nth-child(4) .dropdown-menu {
        left: -202%;
    }
}

.navbar-default .navbar-left.new .menu-item:nth-child(5) .dropdown-menu {
    left: -396%;
}

@media screen and (max-width: 1440px) {
    .navbar-default .navbar-left.new .menu-item:nth-child(5) .dropdown-menu {
        left: -551%;
    }
}

.navbar-default .navbar-left.new .dropdown-menu {
    margin-top: 45px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 14px;
    padding: 50px;
    border: none;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new .dropdown-menu {
        left: 0 !important;
        position: relative;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .navbar-default .navbar-left.new .dropdown-menu .dropdown-header strong, .navbar-default .navbar-left.new .dropdown-menu .right {
        display: none !important;
    }
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-header {
    padding: 0;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-header strong {
    font-family: "Poppins";
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0.7px;
    color: #005695;
}

.navbar-default .navbar-left.new .dropdown-menu .link-all {
    display: flex;
    gap: 10px;
    align-items: center;
}

.navbar-default .navbar-left.new .dropdown-menu .link-all a {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
    color: #005695;
    text-decoration: underline;
}

.navbar-default .navbar-left.new .dropdown-menu .link-all i {
    color: #005695;
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper {
    gap: 30px 105px;
    position: relative;
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper .line {
    position: absolute;
    border: 1px solid #005695;
    height: 100%;
    left: 50%;
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li .menu-item-description {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #808080;
    width: 307px;
    white-space: normal;
    margin-left: 66px;
    margin-bottom: 0;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li .menu-item-description {
        font-size: 12px;
        margin-left: 47px;
        width: 270px;
        line-height: 18px;
        margin-bottom: 10px;
    }
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li a {
    text-decoration: none;
    display: flex;
    gap: 25px;
    height: 28px;
    font-size: 20px;
}

@media screen and (max-width: 1250px) {
    .navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li a {
        font-size: 16px;
        height: 18px;
        gap: 5px;
    }
}

.navbar-default .navbar-left.new .dropdown-menu .dropdown-menu-wrapper li a:hover {
    color: #5dc4eb;
}

#menu-menu {
    position: relative;
    z-index: 30;
    background: white;
}

.dropdown-menu li > a {
    font-family: "Poppins";
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #005695;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #5dc4eb;
    background: #ffffff;
}

.navbar-default .navbar-nav > .active > a {
    color: #5dc4eb;
    background: #ffffff;
}

@media (max-width: 1250px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-right.new {
        position: relative;
        bottom: 0;
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: center;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .nav.new .dropdown-menu {
        margin: 0 !important;
        padding: 0 20px !important;
    }

    .nav.new .dropdown-menu .dropdown-header {
        margin-bottom: 0 !important;
    }

    .nav.new .dropdown-menu .dropdown-header .link-all {
        margin-bottom: 10px;
    }

    .nav.new .dropdown-menu .dropdown-header .link-all a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Poppins";
    }
}

@media screen and (max-width: 1250px) and (max-width: 1250px) {
    .nav.new .dropdown-menu .dropdown-header .link-all a {
        font-size: 16px;
    }
}

@media (max-width: 1250px) {
    .nav.new .dropdown-menu .dropdown-menu-wrapper {
        gap: 0 !important;
        display: flex !important;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .nav.new .dropdown-menu .dropdown-menu-wrapper .line {
        display: none;
    }
}

.noty_theme__sunset.noty_type__success {
    background-color: #5dc4eb !important;
}