@font-face {
    font-family: "MontExBold";
    src: url(../font/Montserrat-ExtraBold.ttf) format("truetype");
}
@font-face {
    font-family: "MontBold";
    src: url(../font/Montserrat-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "MontMed";
    src: url(../font/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
    font-family: "MontRegu";
    src: url(../font/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "MontBl";
    src: url(../font/Montserrat-Black.ttf) format("truetype");
}
@font-face {
    font-family: "MontLight";
    src: url(../font/Montserrat-Light.ttf) format("truetype");
}
@media (min-width: 1024px) {
    html {
        margin: auto 0;
        width: 100%;
    }

    body {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 7%;
        margin-left: 7%;
        width: 86%;
        font-family: 'MontLight', sans-serif;
    }

    header {

    }

    footer {

    }

    #menu {
        height: 2.7vw;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #menu ul li ul {
        display: none;
        visibility: hidden;
        opacity: 0;
        width: 150px;
        position: absolute;
        margin: 0px;
        padding: 0px 5px;
        transition: visibility 0s, opacity 2.5s linear;
        z-index: 8;
        background: #458A99;
        top: 20.5vw;
        padding-top: 0.5vw;
    }

    #menu ul li:hover ul {
        display: flex;
        visibility: visible;
        flex-direction: column;
        opacity: 1;
        width: 19vw;
    }

    #submenu li {
        text-decoration: none;
        list-style: none;
        padding: 0.5vw 1vw;
    }
    .linky{
        margin-bottom: 0.5vw;
    }
    .sublink {
        text-decoration: none;
        color: white;
        font-size: 1vw;
    }

    .sublink:hover {
        font-weight: bold;
        color: #E0AE0D;
    }

    .menu {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .menu-foo {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0;
    }

    .menu-link {
        margin-right: 15px;
    }

    .link {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.1vw;
        padding-bottom: 1vw;
    }

    .link:hover {
        text-decoration: none;
        color: #E0AE0D;
        font-weight: 600;
        font-size: 1.1vw;
    }

    .links {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.1vw;
    }

    .submenu {

    }

    .band {
        height: 15.4vw;
    }

    .headimg {
        width: 86%;
        z-index: 3;
        position: absolute;
    }
    .headimg2{
        display: none;
    }
    #logo {
        z-index: 5;
        position: absolute;
        height: 10vw;
        width: 14vw;
        margin-left: 57%;
        padding-top: 10px;
        background: white;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: flex;
        justify-content: center;
    }

    .logo {
        height: 9vw;
    }

    .bl-blue {
        background: #E0AE0D;
        height: 2.4vw;
        color: white;
        display: flex;
        align-items: center;
        padding-right: 20px;
        justify-content: flex-end;
        font-size: 0.8vw;
        letter-spacing: 0.1vw;
        font-weight: 600;
    }

    .bl-blue a {
        padding-left: 10px;
        text-decoration: white;
        color: white;
    }

    .bl-blue span {
        padding-left: 20px;
    }

    .ic {
        width: 1.7vw;
        height: 1.7vw;
        padding-left: 20px;
    }

    .bl-sky {
        background: #E0AE0D;
        color: white;
        display: flex;
        height: 5.5vw;
        justify-content: center;
        align-items: center;
    }

    .bl-grey {
        background: #105365;
        color: white;

    }

    .bl-mouse {
        background: #458A99;
        color: white;
    }

    #wrapper {
        width: 100%;
    }

    #thera {
        width: 100%;
        height: 24vw;
        display: flex;
        margin-top: 1vw;
    }

    .pict {
        width: 28%;
        height: 24vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pack{
        width: 72%;
        height: 24vw;
    }
    .text-pict0{
        width: 100%;
        height: 5vw;
        padding-bottom: 2vw;
    }
    .text-pict0bis{
        width: 100%;
        height: 17vw;
        display: flex;
    }
    .text-pict1 {
        width: 40%;
        height: 17vw;
        padding-right: 10%;
    }

    .text-pict2 {
        width: 42%;
        height: 17vw;
        padding-right: 8%;
    }

    .title-pict {
        height: 6vw;
        display: flex;
        flex-direction: column;
    }
    .linkcon{
        text-decoration: none;
        color: black;
    }
    .blue-title {
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #105365;
        font-size: 2.6vw;
    }
    .yellow-title{
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #E0AE0D;
        font-size: 1.5vw;
    }
    .text-pict3 {
        height: 12vw;
        font-size: 0.9vw;
    }

    .text-pict4 {
        height: 5vw;
        font-size: 0.9vw;
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .text-mini {
        font-size: 0.7vw;
    }

    .pict-around {
        width: 80%;
        border-radius: 50%;
    }

    .band2 {
        height: 8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10%;
    }

    .text-cit {
        font-size: 1.1vw;
        font-weight: 600;
        font-family: 'MontRegu', sans-serif;
    }

    .text-citpers {
        font-size: 0.9vw;
    }

    .big-patch {
        padding: 0 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .title-bubble {
        width: 100%;
        padding: 2vw;
    }

    .patch {
        width: 25%;
        height: 20vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 2vw;
    }

    .bub {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .bub-text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 4vw;
    }

    .blo-sav {
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.5vw;
        border-radius: 1.2vw;
        margin-left: 75%;
        margin-top: 2%;
    }
    .linkh{
        text-decoration: none;
        color: black;
    }
    .blo-offre{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 72%;
        margin-top: 12%;
        z-index: 10;
    }
    .blo-offre-two{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 30%;
        margin-top: 1%;
        z-index: 10;
    }
    .link-sav {
        color: #3283b8;
        font-weight: bold;
        font-size: 1.1vw;
        text-decoration: none;
    }

    .teb {
        margin: 0;
        font-size: 1.1vw;
        font-weight: 100;
    }

    .teb-b {
        margin: 0;
        font-size: 1.1vw;
        font-weight: 600;
        text-align: center;
    }

    .seance {
        display: flex;
        width: 100%;
    }

    .left {
        width: 50%;
        height: 29.6vw;
    }

    .right {
        margin: 0 0 0 2%;
        width: 48%;
        display: flex;
        flex-direction: column;
        font-size: 1vw;
        height: 29.6vw;
    }

    .img-left {
        width: 100%;
    }

    .right-bl1 {
        width: 100%;
        height: 6.7vw;
        display: flex;
        align-items: center;
    }

    .right-bl2 {
        width: 100%;
        display: flex;
        height: 10vw;
        margin: 0 0 1vw;
    }

    .right-bl3 {
        width: 100%;
        display: flex;
        height: 8vw;
        margin: 0 0 2vw;
    }

    .right-bl4 {
        width: 100%;
        height: 3vw;
        display: flex;
        justify-content: space-between;
    }

    .bl4-block1 {
        background: #E0AE0D;
        padding: 0.3vw 2vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 0.8vw;
    }
    .bl4-block1 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 {
        background: #105365;
        padding: 0.3vw 1vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 0.8vw;
    }

    .left-rv {
        width: 56%;
        margin: 0 4% 0 0;
    }

    .right-rv {
        width: 37%;
        background: #458A99;
        border-radius: 1vw;
        color: white;
        font-weight: bold;
        padding-left: 3%;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    .grass {
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .reduc {
        font-weight: 100;
    }

    .footer {
        height: 5vw;
        padding: 1vw 1vw;
        display: flex;
        justify-content: flex-end;
    }

    .bk-title {
        width: 100%;
        min-height: 100px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .title-bien {
        background: #E0AE0D;
        width: 100%;
    }

    .title-prin {
        background: white;
        width: 100%;
    }

    .title-prin-blue {
        background: #458A99;
        width: 100%;
    }

    .h-title {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
    }
    .h-title-g {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        padding-right: 5%;
        float: right;
    }
    .h-prin {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }
    .h-prin-white {
        color: #E0AE0D;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }
    .bk-texte-bk {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tb-text1 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
    }
    .tb-text1bis {
        width: 66%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
    }
    .tb-text2 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3 {
        width: 34%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tb-text1blue {
        width: 31%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 30px;
        color: white;
        height: 12vw;
    }

    .tb-text2bluebig {
        width: 69%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 30px;
        color: white;
        margin-left: 25px;
        height: 12vw;
    }

    .tb-text1-black {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tb-text2-black {
        width: 30%;
        font-family: MontLight, sans-serif;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3-black {
        width: 29%;
        font-size: 0.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tb-text1-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }

    .tb-text2-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: white;
    }
    #PrincipOne {
        width: 100%;
    }

    #PrincipTwo {
        margin: 20px 0;
        width: 100%;
    }

    #PrincipThree {
        margin: 0;
        background: #458A99;
        color: black;
    }

    #PrincipFour {
        width: 100%;
        display: flex;
        color: black;
        background: white;
        height: 29.6vw;
    }

    #PrincipFour-one {
        width: 65%;
        background: white;
    }

    #PrincipFour-two {
        width: 35%;
    }

    .Four-text {
        font-size: 0.9vw;
        padding: 6% 7% 6% 5%;
    }

    .tb-p {

    }

    .img-bf {
        border-radius: 50%;
        width: 90%;
        height: 90%;
        position: relative;
        bottom: 35px;
    }

    .img-br {
        border-radius: 50%;
        border: 1px solid #000;
        width: 90%;
        height: 90%;
    }

    .img-story {
        width: 100%;
    }

    .inter-blue {
        background: #105365;
        width: 100%;
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 12px 0;
    }

    .text-inter-blue {
        font-family: MontLight, sans-serif;
        font-size: 1vw;
    }

    .text-inter-blue-bold {
        font-family: MontBold, sans-serif;
        font-size: 1vw;
    }

    .blk-texte {
        width: 100%;
    }

    .blk-texte-two {
        width: 100%;
        background: #E0AE0D;
        display: flex;
    }

    .blk-texte-two-blue {
        width: 100%;
        background: #458A99;
        display: flex;
    }

    .blk-texte-three {
        width: 100%;
        display: flex;
        padding: 2% 0;
    }

    .title-bien-half {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .title-bien-half-blue {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .h-title-two {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        text-align: center;
    }
    .h-title-two-w {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        text-align: center;
    }

    #mobile{
        display: none;
    }

    .left-bi {
        width: 50%;
        display: flex;
    }

    .right-bi {
        width: 50%;
        display: flex;
    }

    .left-left-bi {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .left-right-bi {
        width: 46%;
        font-size: 0.9vw;
        padding: 0 2%;
    }

    .right-left-bi {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: self-start;
        border-left: 2px #3283b8 solid;
    }

    .right-right-bi {
        width: 46%;
        font-size: 0.9vw;
        padding: 0 2%;
    }

    .img-bf-two {
        width: 80%;
        border-radius: 50%;
    }

    #SeOne {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #SeTwo {
        width: 90%;
        background: #E0AE0D;
        color: white;
        padding: 1% 5%;
        font-size: 0.9vw;
    }

    #SeThree {
        width: 96%;
        display: flex;
        font-size: 0.9vw;
        padding: 4% 2%;
    }
    #SeThreei {
        display: none;
    }
    #SetFour {
        width: 100%;
        height: 30.3vw;
    }
    .avimg{
        width: 100%;
        z-index: 3;
        position: relative;
    }
    .backavis{
        background: rgb(224,174,13,0.5);
        width: 59vw;
        height: 23.6vw;
        z-index: 5;
        position: absolute;
        margin: 3.3vw 12.7vw;
        display: flex;
    }
    .Seo-zero {
        width: 8%;
        height: 76vw;
        position: absolute;
        border-right: #3283b8;
        border-right-style: dashed;
        border-right-width: 2px;
        z-index: 5;
    }

    .Seo-One {
        width: 100%;
    }

    .Seo-Two {
        width: 63%;
    }

    .Seo-Three {
        width: 37%;
    }

    .footimg {
        width: 100%;
        height: 100%;
    }

    .h-sean {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1.1vw 0;
    }

    .text-img {
        width: 100%;
        display: flex;
        height: 14.2%;
        z-index: 6;
        position: relative;
    }

    .seanimg {
        border-radius: 50%;
        width: 70%;
        height: 70%;
    }

    .tixt-bl {
        font-size: 0.9vw;
    }

    .part-text-one {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 5%;
    }

    .part-text-two {
        width: 65%;
        display: flex;
        align-items: center;
        padding-right: 10%;
    }

    .t-left {
        text-align: left;
    }

    .red-margt {
        margin-top: 0;
    }

    .red-margb {
        margin-bottom: 0;
    }

    .Set-One {
        width: 50%;
    }

    .Set-Two {
        width: 46%;
        font-size: 1vw;
        font-weight: bold;
        padding: 0 2%;
    }

    .img-Set-One {
        width: 100%;
        height: 100%;
    }

    .h-title-cont {
        color: #a2d2e6;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
    }

    .division-cont {
        color: black;
        display: flex;
        justify-content: center;
        padding: 2%;
        width: 36%;
    }

    legend {
        padding: 1% 5%;
    }

    #contact {
        width: 100%;
    }

    #tab-cont {
        width: 100%;
    }

    .cont-input {
        border: 1px #000 solid;
        border-radius: 3px;
        width: 100%;
        height: 40px;
    }
    .cont-texta{
        width: 100%;
    }
    .imgcontact{
        width: 80%;
        border-radius: 50%;
    }
    .send-but {
        background: #E0AE0D;
        border: 0;
        border-radius: 14px;
        color: white;
        font-weight: bold;
        padding: 7px;
        font-family: 'MontRegu', sans-serif;
    }
    .min-p{
        font-size: 1.2vw;
        font-weight: bold;
    }
    ::placeholder {
        color: #105365;
        opacity: 1;
        font-family: 'MontRegu', sans-serif;
        font-weight: bold;
    }
    #left-contact {
        color: black;
        width: 28%;
        padding: 2% 1% 0 1%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #right-contact {
        color: black;
        width: 28%;
        padding: 0 1% 0 1%;
    }

    .division {
        display: flex;
        margin-bottom: 30px;
    }
    #therap{
        display: none;
    }
    .bold{
        font-weight: 600;
    }
    .bod{
        font-weight: 600;
        font-family: 'MontBold', sans-serif;
    }
    .PrinpZone{
        display: flex;
        height: 42.2vw;
    }
    .PrinpZoneOne{
        width:34%;
    }
    .PrinpZoneTwo{
        width: 66%;
    }
    .prinpImg{
        width:100%;
    }
    #suivant{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #precedent{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #slide{
        width: 84%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #sliname{
        font-weight: 600;
    }
    .text-center{
        text-align: center;
    }
    .offre{
        background: #E0AE0D;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        color: #FFF;
        font-weight: bold;
        font-size: 16px;
    }
    #burger{
        display: none;
    }
    .Setw-One{

    }
    .Setw-Onep{
        display: none;
    }
}
@media (max-width: 1024px) and (min-width: 770px){
    html {
        margin: auto 0;
        width: 100%;
    }

    body {
        margin: 0;
        width: 100%;
        font-family: 'MontLight', sans-serif;
    }

    header {

    }

    footer {

    }

    #menu {
        height: 3vw;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #menu ul li ul {
        display: none;
        visibility: hidden;
        opacity: 0;
        width: 150px;
        position: absolute;
        margin: 0px;
        padding: 0px;
        transition: visibility 0s, opacity 2.5s linear;
        z-index: 8;
        background: #458A99;
        top: 24vw;
    }

    #menu ul li:hover ul {
        display: flex;
        visibility: visible;
        flex-direction: column;
        opacity: 1;
        width: 17vw;
    }

    #submenu li {
        text-decoration: none;
        list-style: none;
        padding: 0.5vw 1vw;
    }

    .sublink {
        text-decoration: none;
        color: white;
        font-size: 1vw;
    }

    .sublink:hover {
        font-weight: bold;
        color: #E0AE0D;
    }

    .menu {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .menu-foo {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0;
    }
    .menu-link {
        margin-right: 15px;
    }

    .link {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.3vw;
        padding-bottom: 1vw;
    }
    .linkcon{
        text-decoration: none;
        color: black;
    }
    .link:hover {
        text-decoration: none;
        color: #E0AE0D;
        font-weight: 600;
        font-size: 1.3vw;
    }

    .links {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.3vw;
    }

    .submenu {

    }

    .band {
        width: 100%;
        height: 17.8vw;
    }

    .headimg {
        width: 100%;
        z-index: 3;
        position: absolute;
    }
    .headimg2{
        display: none;
    }
    #logo {
        z-index: 5;
        position: absolute;
        height: 10vw;
        width: 14vw;
        margin-left: 68%;
        padding-top: 10px;
        background: white;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        display: flex;
        justify-content: center;
    }

    .logo {
        height: 9vw;
    }

    .bl-blue {
        background: #E0AE0D;
        height: 3vw;
        color: white;
        display: flex;
        align-items: center;
        padding-right: 20px;
        justify-content: flex-end;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        font-weight: 600;
    }

    .bl-blue a {
        padding-left: 10px;
        text-decoration: white;
        color: white;
    }

    .bl-blue span {
        padding-left: 20px;
    }

    .ic {
        width: 1.7vw;
        height: 1.7vw;
        padding-left: 20px;
    }

    .bl-sky {
        background: #E0AE0D;
        color: white;
        display: flex;
        height: 5.5vw;
        justify-content: center;
        align-items: center;
    }

    .bl-grey {
        background: #105365;
        color: white;

    }

    .bl-mouse {
        background: #458A99;
        color: white;
    }

    #wrapper {
        width: 100%;
    }

    #thera {
        width: 100%;
        height: 30vw;
        display: flex;
        margin-top: 1vw;
    }

    .pict {
        width: 28%;
        height: 24vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pack{
        width: 72%;
        height: 24vw;
        justify-content: center;
        align-items: center;
    }
    .text-pict0{
        width: 100%;
        height: 5vw;
        padding-bottom: 2vw;
    }
    .text-pict0bis{
        width: 100%;
        height: 17vw;
        display: flex;
    }
    .text-pict1 {
        width: 48%;
        height: 23vw;
        padding-right: 2%;
    }

    .text-pict2 {
        width: 50%;
        height: 23vw;
    }

    .title-pict {
        height: 6vw;
        display: flex;
        flex-direction: column;
    }

    .blue-title {
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #105365;
        font-size: 2.6vw;
    }
    .yellow-title{
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #E0AE0D;
        font-size: 1.5vw;
    }
    .text-pict3 {
        height: 15.5vw;
        font-size: 1.2vw;
    }

    .text-pict4 {
        height: 5.5vw;
        font-size: 1.1vw;
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .text-mini {
        font-size: 0.7vw;
    }

    .pict-around {
        width: 80%;
        border-radius: 50%;
    }

    .band2 {
        height: 8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10%;
    }

    .text-cit {
        font-size: 1.3vw;
        font-weight: 600;
        font-family: 'MontRegu', sans-serif;
    }

    .text-citpers {
        font-size: 1.1vw;
    }

    .big-patch {
        padding: 0 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .title-bubble {
        width: 100%;
        padding: 2vw;
    }

    .patch {
        width: 25%;
        height: 26vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .bub {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .bub-text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .blo-sav {
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.5vw;
        border-radius: 1.2vw;
        margin-left: 75%;
        margin-top: 2%;
    }
    .linkh{
        text-decoration: none;
        color: black;
    }
    .blo-offre{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 85%;
        margin-top: 14%;
        z-index: 10;
    }
    .blo-offre-two{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 30%;
        margin-top: 1%;
        z-index: 10;
    }
    .link-sav {
        color: #3283b8;
        font-weight: bold;
        font-size: 1.1vw;
        text-decoration: none;
    }

    .teb {
        margin: 0;
        font-size: 1.2vw;
        font-weight: 100;
    }

    .teb-b {
        margin: 0;
        font-size: 1.2vw;
        font-weight: 600;
        text-align: center;
    }

    .seance {
        display: flex;
        width: 100%;
    }

    .left {
        width: 50%;
        height: 29.6vw;
    }

    .right {
        margin: 0 0 0 2%;
        width: 48%;
        display: flex;
        flex-direction: column;
        font-size: 1vw;
        height: 34.3vw;
    }

    .img-left {
        width: 100%;
    }

    .right-bl1 {
        width: 100%;
        height: 7.7vw;
        display: flex;
        align-items: center;
    }

    .right-bl2 {
        width: 100%;
        display: flex;
        height: 11vw;
        margin: 0 0 1vw;
        font-size: 1.2vw;
    }

    .right-bl3 {
        width: 100%;
        display: flex;
        height: 11vw;
        margin: 0 0 2vw;
        font-size: 1.2vw;
    }

    .right-bl4 {
        width: 100%;
        height: 3vw;
        display: flex;
        justify-content: space-between;
    }

    .bl4-block1 {
        background: #E0AE0D;
        padding: 0.3vw 2vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 1.2vw;
    }
    .bl4-block1 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 {
        background: #105365;
        padding: 0.3vw 1vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 1.2vw;
    }

    .left-rv {
        width: 56%;
        margin: 0 4% 0 0;
    }

    .right-rv {
        width: 37%;
        background: #458A99;
        border-radius: 1vw;
        color: white;
        font-weight: bold;
        padding-left: 3%;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    .grass {
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }
    .reduc {
        font-weight: 100;
    }
    .footer {
        height: 5vw;
        padding: 1vw 1vw;
        display: flex;
        justify-content: flex-end;
    }
    .bk-title {
        width: 100%;
        min-height: 100px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .title-bien {
        background: #E0AE0D;
        width: 100%;
    }
    .title-prin {
        background: white;
        width: 100%;
    }
    .title-prin-blue {
        background: #458A99;
        width: 100%;
    }
    .h-title {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        padding-left: 5%;
    }
    .h-title-g {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        padding-right: 5%;
        float: right;
    }
    .h-prin {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .h-prin-white {
        color: #E0AE0D;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .bk-texte-bk {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .tb-text1 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
    }
    .tb-text1bis {
        width: 66%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .tb-text2 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.05vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3 {
        width: 34%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tb-text1blue {
        width: 31%;
        font-family: MontLight, sans-serif;
        font-size: 1vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 30px;
        color: white;
        height: 16vw;
    }

    .tb-text2bluebig {
        width: 69%;
        font-family: MontLight, sans-serif;
        font-size: 1.3vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 30px;
        color: white;
        margin-left: 25px;
        height: 16vw;
    }

    .tb-text1-black {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tb-text2-black {
        width: 30%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3-black {
        width: 29%;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .tb-text1-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }

    .tb-text2-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: white;
    }
    #PrincipOne {
        width: 100%;
    }

    #PrincipTwo {
        margin: 20px 0;
        width: 100%;
    }

    #PrincipThree {
        margin: 0;
        background: #458A99;
        color: black;
    }

    #PrincipFour {
        width: 100%;
        display: flex;
        color: black;
        background: white;
        height: 34.4vw;
    }

    #PrincipFour-one {
        width: 65%;
        background: white;
    }

    #PrincipFour-two {
        width: 35%;
    }

    .Four-text {
        font-size: 1.1vw;
        padding: 0.5% 7% 0.5% 5%;
    }
    h2{
        font-size: 1.8vw;
    }
    .tb-p {
        font-size: 1.3vw;
    }
    .tb-n{
        font-size: 1.1vw;
    }
    .img-bf {
        border-radius: 50%;
        width: 90%;
        position: relative;
        bottom: 35px;
    }

    .img-br {
        border-radius: 50%;
        border: 1px solid #000;
        width: 90%;
    }

    .img-story {
        width: 100%;
    }

    .inter-blue {
        background: #105365;
        width: 100%;
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 12px 0;
    }

    .text-inter-blue {
        font-family: MontLight, sans-serif;
        font-size: 1.3vw;
    }

    .text-inter-blue-bold {
        font-family: MontBold, sans-serif;
        font-size: 1.3vw;
    }

    .blk-texte {
        width: 100%;
    }

    .blk-texte-two {
        width: 100%;
        background: #E0AE0D;
        display: flex;
    }

    .blk-texte-two-blue {
        width: 100%;
        background: #458A99;
        display: flex;
    }

    .blk-texte-three {
        width: 100%;
        display: flex;
        padding: 2% 0;
    }

    .title-bien-half {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .title-bien-half-blue {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .h-title-two {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        text-align: center;
    }
    .h-title-two-w {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        text-align: center;
    }

    #mobile{
        display: none;
    }

    .left-bi {
        width: 50%;
        display: flex;
    }

    .right-bi {
        width: 50%;
        display: flex;
    }

    .left-left-bi {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .left-right-bi {
        width: 46%;
        font-size: 1.1vw;
        padding: 0 2%;
    }

    .right-left-bi {
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: self-start;
        border-left: 2px #3283b8 solid;
    }

    .right-right-bi {
        width: 46%;
        font-size: 1.1vw;
        padding: 0 2%;
    }

    .img-bf-two {
        width: 80%;
        border-radius: 50%;
    }

    #SeOne {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #SeTwo {
        width: 90%;
        background: #E0AE0D;
        color: white;
        padding: 1% 5%;
        font-size: 1.3vw;
    }

    #SeThree {
        width: 96%;
        display: flex;
        font-size: 1.1vw;
        padding: 4% 2%;
    }
    #SeThreei {
        display: none;
    }
    .Seo-zero {
        width: 8%;
        height: 76vw;
        position: absolute;
        border-right: #3283b8;
        border-right-style: dashed;
        border-right-width: 2px;
        z-index: 5;
    }

    .Seo-One {
        width: 100%;
    }

    .Seo-Two {
        width: 63%;
    }

    .Seo-Three {
        width: 37%;
    }

    .footimg {
        width: 100%;
        height: 100%;
    }

    .h-sean {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1.1vw 0;
    }

    .text-img {
        width: 100%;
        display: flex;
        height: 14.2%;
        z-index: 6;
        position: relative;
    }

    .seanimg {
        border-radius: 50%;
        width: 70%;
        height: 70%;
    }

    .tixt-bl {
        font-size: 1.3vw;
    }

    .part-text-one {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 5%;
    }

    .part-text-two {
        width: 65%;
        display: flex;
        align-items: center;
        padding-right: 10%;
    }

    .t-left {
        text-align: left;
    }

    .red-margt {
        margin-top: 0;
    }

    .red-margb {
        margin-bottom: 0;
    }

    .Set-One {
        width: 50%;
    }

    .Set-Two {
        width: 46%;
        font-size: 1.2vw;
        font-weight: bold;
        padding: 0 2%;
    }

    .img-Set-One {
        width: 100%;
        height: 100%;
    }

    .h-title-cont {
        color: #a2d2e6;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
    }

    .division-cont {
        color: black;
        display: flex;
        justify-content: center;
        padding: 2%;
        width: 36%;
    }

    legend {
        padding: 1% 5%;
    }

    #contact {
        width: 100%;
    }

    #tab-cont {
        width: 100%;
    }

    .cont-space-fin {
        width: 10%;
    }

    .cont-space {
        width: 10%;
        height: 40px;
    }

    .cont-input {
        border: 2px #000 solid;
        border-radius: 6px;
        width: 100%;
        height: 40px;
    }

    .cont-texta {
        border: 0;
        border-radius: 6px;
        width: 100%;
    }

    .cont-send {
        text-align: left;
    }

    .send-but {
        background: #E0AE0D;
        border: 0;
        border-radius: 14px;
        color: white;
        font-weight: bold;
        padding: 7px;
        font-family: 'MontRegu', sans-serif;
    }

    #left-contact {
        color: black;
        width: 28%;
        padding: 2% 1% 0 1%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #right-contact {
        color: black;
        width: 28%;
        padding: 0 1% 0 1%;
    }

    .division {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    #therap{
        display: none;
    }
    .bold{
        font-weight: 600;
    }
    .bod{
        font-weight: 600;
        font-family: 'MontBold', sans-serif;
    }
    .bod{
        font-weight: 600;
        font-family: 'MontBold', sans-serif;
    }
    .PrinpZone{
        display: flex;
        height: 42.2vw;
    }
    .PrinpZoneOne{
        width:34%;
    }
    .PrinpZoneTwo{
        width: 66%;
    }
    .prinpImg{
        width:100%;
    }
    #suivant{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #precedent{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #slide{
        width: 84%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #sliname{
        font-weight: 600;
        font-size: 1.5vw;
    }
    #slitext{
        font-size: 1.4vw;
    }
    .text-center{
        text-align: center;
    }
    .offre{
        background: #E0AE0D;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        color: #FFF;
        font-weight: bold;
        font-size: 16px;
    }
    .imgcontact{
        width: 80%;
        border-radius: 50%;
    }
    #SetFour{
        width: 100%;
        height: 35.2vw;
    }
    .backavis{
        background: rgb(224,174,13,0.5);
        width: 59vw;
        height: 23.6vw;
        z-index: 5;
        position: absolute;
        margin: 5.8vw 19.7vw;
        display: flex;
    }
    .avimg{
        width: 100%;
        z-index: 3;
        position: relative;
    }
    .min-p{
        font-size: 1.2vw;
        font-weight: bold;
    }
    .cont-input{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 100%;
        height: 40px;
    }
    .cont-texta{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 100%;
    }
    ::placeholder{
        color: #105365;
        font-weight: 600;
    }
    #burger{
        display: none;
    }
    .Setw-One{

    }
    .Setw-Onep{
        display: none;
    }
}
@media (max-width: 770px) and (min-width: 620px){
    html {
        margin: auto 0;
        width: 100%;
    }

    body {
        margin: 0;
        width: 100%;
        font-family: 'MontLight', sans-serif;
    }

    header {

    }

    footer {

    }

    #menu {
        height: 4vw;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #menu ul li ul {
        display: none;
        visibility: hidden;
        opacity: 0;
        width: 150px;
        position: absolute;
        margin: 0px;
        padding: 0px;
        transition: visibility 0s, opacity 2.5s linear;
        z-index: 8;
        background: #458A99;
        top: 26vw;
    }

    #menu ul li:active ul {
        display: flex;
        visibility: visible;
        flex-direction: column;
        opacity: 1;
        width: 25vw;
    }

    #submenu li {
        text-decoration: none;
        list-style: none;
        padding: 0.5vw 1vw;
    }

    .sublink {
        text-decoration: none;
        color: white;
        font-size: 1.6vw;
    }

    .sublink:hover {
        font-weight: bold;
        color: #E0AE0D;
    }

    .menu {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .menu-foo {
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        margin: 0;
    }
    .menu-link {
        margin-right: 1vw;
    }

    .link {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.6vw;
        padding-bottom: 1vw;
    }
    .linkcon{
        text-decoration: none;
        color: black;
    }
    .link:hover {
        text-decoration: none;
        color: #E0AE0D;
        font-weight: 600;
        font-size: 1.6vw;
    }

    .links {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.6vw;
    }

    .submenu {

    }

    .band {
        width: 100%;
        height: 17.7vw;
    }

    .headimg {
        width: 100%;
        z-index: 3;
        position: absolute;
    }
    .headimg2{
        display: none;
    }
    #logo {
        z-index: 5;
        position: absolute;
        height: 15vw;
        width: 23vw;
        margin-left: 68%;
        padding-top: 10px;
        background: white;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        display: flex;
        justify-content: center;
    }

    .logo {
        height: 14vw;
    }

    .bl-blue {
        background: #E0AE0D;
        height: 5vw;
        color: white;
        display: flex;
        align-items: center;
        padding-right: 7px;
        justify-content: flex-end;
        font-size: 2vw;
        font-weight: 600;
    }

    .bl-blue a {
        padding-left: 10px;
        text-decoration: white;
        color: white;
    }

    .bl-blue span {
        padding-left: 15px;
    }

    .ic {
        width: 3.7vw;
        height: 3.7vw;
        padding-left: 15px;
    }

    .bl-sky {
        background: #E0AE0D;
        color: white;
        display: flex;
        height: 5.5vw;
        justify-content: center;
        align-items: center;
    }

    .bl-grey {
        background: #105365;
        color: white;

    }

    .bl-mouse {
        background: #458A99;
        color: white;
    }

    #wrapper {
        width: 100%;
    }
    #thera {
        display: none;
    }

    #therap {
        width: 100%;
        height: 40vw;
        display: flex;
        margin-top: 1vw;
    }
    .hid{
        display: none;
    }
    .pict {
        width: 24%;
        height: 24vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pack{
        width: 76%;
        height: 24vw;
    }
    .text-pict0{
        width: 100%;
        height: 5vw;
        padding-bottom: 2vw;
    }
    .text-pict0bis{
        width: 100%;
        height: 17vw;
        display: flex;
    }
    .text-pict1 {
        width: 50%;
        padding: 0 2% 0 0;
        height: 25vw;
    }

    .text-pict2 {
        width: 50%;
        height: 17vw;
    }

    .title-pict {
        height: 6vw;
        display: flex;
        flex-direction: column;
    }

    .blue-title {
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #105365;
        font-size: 2.6vw;
    }
    .yellow-title{
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #E0AE0D;
        font-size: 1.7vw;
    }
    .text-pict3 {
        height: 27.5vw;
        font-size: 1.5vw;
    }

    .text-pict4 {
        height: 5.5vw;
        font-size: 1.3vw;
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .text-mini {
        font-size: 1vw;
    }

    .pict-around {
        width: 80%;
        border-radius: 50%;
    }

    .band2 {
        height: 9vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10% 1%;
    }

    .text-cit {
        font-size: 1.3vw;
        font-weight: 600;
        font-family: 'MontRegu', sans-serif;
    }

    .text-citpers {
        font-size: 1.3vw;
    }

    .big-patch {
        padding: 0 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .title-bubble {
        width: 100%;
        padding: 2vw;
    }

    .patch {
        width: 25%;
        height: 26vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .bub {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .bub-text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 1.8vw;
    }

    .blo-sav {
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.5vw;
        border-radius: 1.2vw;
        margin-left: 86%;
        margin-top: 1%;
    }
    .linkh{
        text-decoration: none;
        color: black;
    }
    .blo-offre{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 6%;
        margin-top: 12%;
        z-index: 10;
    }
    .blo-offre-two{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 30%;
        margin-top: 1%;
        z-index: 10;
    }
    .link-sav {
        color: #3283b8;
        font-weight: bold;
        font-size: 1.6vw;
        text-decoration: none;
    }

    .teb {
        margin: 0;
        font-size: 1.5vw;
        font-weight: 100;
    }

    .teb-b {
        margin: 0;
        font-size: 1.5vw;
        font-weight: 600;
        text-align: center;
    }
    .tb-text1-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.4vw;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }

    .tb-text2-pr {
        width: 46%;
        font-family: MontLight, sans-serif;
        font-size: 1.4vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: white;
    }
    .seance {
        display: flex;
        width: 100%;
    }

    .left {
        width: 50%;
        height: 29.6vw;
    }

    .right {
        margin: 0 0 0 2%;
        width: 48%;
        display: flex;
        flex-direction: column;
        font-size: 1vw;
        height: 34.3vw;
    }

    .img-left {
        width: 100%;
    }

    .right-bl1 {
        width: 100%;
        height: 7.7vw;
        display: flex;
        align-items: center;
    }

    .right-bl2 {
        width: 100%;
        display: flex;
        height: 11vw;
        margin: 0 0 1vw;
        font-size: 1.3vw;
    }

    .right-bl3 {
        width: 100%;
        display: flex;
        height: 11vw;
        margin: 0 0 2vw;
        font-size: 1.3vw;
    }

    .right-bl4 {
        width: 100%;
        height: 3vw;
        display: flex;
        justify-content: space-between;
    }

    .bl4-block1 {
        background: #E0AE0D;
        padding: 0.3vw 2vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 1.3vw;
    }
    .bl4-block1 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 {
        background: #105365;
        padding: 0.3vw 1vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 1.3vw;
    }

    .left-rv {
        width: 56%;
        margin: 0 4% 0 0;
    }

    .right-rv {
        width: 37%;
        background: #458A99;
        border-radius: 1vw;
        color: white;
        font-weight: bold;
        padding-left: 3%;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    .grass {
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .reduc {
        font-weight: 100;
    }

    .footer {
        height: 5vw;
        padding: 1vw 1vw;
        display: flex;
        justify-content: flex-end;
    }

    .bk-title {
        width: 100%;
        min-height: 100px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .title-bien {
        background: #E0AE0D;
        width: 100%;
    }

    .title-prin {
        background: white;
        width: 100%;
    }

    .title-prin-blue {
        background: #458A99;
        width: 100%;
    }

    .h-title {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        padding-left: 5%;
    }
    .h-title-g {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        padding-right: 5%;
        float: right;
    }
    .h-prin {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .h-prin-white {
        color: #E0AE0D;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .bk-texte-bk {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .tb-text1 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.5vw;
        padding-left: 2%;
        padding-right: 2%;
    }
    .tb-text1bis {
        width: 66%;
        font-family: MontLight, sans-serif;
        font-size: 1.5vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .tb-text2 {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.5vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3 {
        width: 34%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .tb-text1blue {
        width: 28%;
        font-family: MontLight, sans-serif;
        font-size: 1vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 14px;
        color: white;
        height: 21vw;
    }
    .PrinpZone{
        display: flex;
        height: 55.5vw;
    }
    .PrinpZoneOne{
        width:39%;
    }
    .PrinpZoneTwo{
        width: 61%;
    }
    .prinpImg{
        width:100%;
    }
    .tb-text2bluebig{
        width: 57%;
        font-family: MontLight, sans-serif;
        font-size: 1.3vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 14px;
        color: white;
        margin-left: 25px;
        height: 21vw;
    }

    .tb-text1-black {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tb-text2-black {
        width: 30%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3-black {
        width: 29%;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #PrincipOne {
        width: 100%;
    }

    #PrincipTwo {
        margin: 30px 0;
        width: 100%;
    }

    #PrincipThree {
        margin: 0;
        background: #458A99;
        color: black;
    }

    #PrincipFour {
        width: 100%;
        display: flex;
        color: black;
        background: white;
    }

    #PrincipFour-one {
        width: 55%;
        background: white;
    }

    #PrincipFour-two {
        width: 45%;
        height: 43.8vw;
    }

    .Four-text {
        font-size: 1.4vw;
        padding: 0.5% 7% 0.5% 5%;
    }
    h3{
        font-size: 2vw;
    }
    h2{
        font-size: 4.8vw;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .tb-p {
        font-size: 1.4vw;
    }

    .img-bf {
        border-radius: 50%;
        width: 90%;
        position: relative;
        bottom: 35px;
    }

    .img-br {
        border-radius: 50%;
        border: 1px solid #000;
        width: 90%;
    }

    .img-story {
        width: 100%;
    }

    .inter-blue {
        background: #105365;
        width: 100%;
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 12px 0;
    }

    .text-inter-blue {
        font-family: MontLight, sans-serif;
        font-size: 1.5vw;
    }

    .text-inter-blue-bold {
        font-family: MontBold, sans-serif;
        font-size: 1.5vw;
    }

    .blk-texte {
        width: 100%;
    }

    .blk-texte-two {
        width: 100%;
        background: #E0AE0D;
        display: flex;
    }

    .blk-texte-two-blue {
        width: 100%;
        background: #458A99;
        display: flex;
    }

    .blk-texte-three {
        width: 100%;
        display: flex;
        padding: 2% 0;
    }

    .title-bien-half {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .title-bien-half-blue {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 50%;
    }

    .h-title-two {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 3vw;
        text-align: center;
    }
    .h-title-two-w {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        text-align: center;
    }

    #mobile{
        display: none;
    }

    .left-bi {
        width: 50%;
        display: flex;
        flex-direction: column;
    }

    .right-bi {
        width: 50%;
        display: flex;
        flex-direction: column;
        border-left: 2px #3283b8 solid;
    }

    .left-left-bi {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .left-right-bi {
        width: 96%;
        font-size: 1.5vw;
        padding: 0 2%;
    }

    .right-left-bi {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .right-right-bi {
        width: 96%;
        font-size: 1.5vw;
        padding: 0 2%;
    }

    .img-bf-two {
        width: 50%;
        border-radius: 50%;
    }

    #SeOne {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    #SeTwo {
        width: 90%;
        background: #E0AE0D;
        color: white;
        padding: 1% 5%;
        font-size: 1.5vw;
    }

    #SeThree {
        width: 96%;
        display: flex;
        font-size: 1.5vw;
        padding: 4% 2%;
    }
    #SeThreei {
        display: none;
    }
    .Seo-zero {
        width: 8%;
        height: 76vw;
        position: absolute;
        border-right: #3283b8;
        border-right-style: dashed;
        border-right-width: 2px;
        z-index: 5;
    }

    .Seo-One {
        width: 100%;
    }

    .Seo-Two {
        width: 63%;
    }

    .Seo-Three {
        width: 37%;
    }

    .footimg {
        width: 100%;
        height: 100%;
    }

    .h-sean {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        padding-left: 5%;
        margin: 1.1vw 0;
    }

    .text-img {
        width: 100%;
        display: flex;
        height: 14.2%;
        z-index: 6;
        position: relative;
    }

    .seanimg {
        border-radius: 50%;
        width: 70%;
        height: 70%;
    }

    .tixt-bl {
        font-size: 1.5vw;
    }

    .part-text-one {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 5%;
    }

    .part-text-two {
        width: 70%;
        display: flex;
        align-items: center;
        padding-right: 5%;
    }

    .t-left {
        text-align: left;
    }

    .red-margt {
        margin-top: 0;
    }

    .red-margb {
        margin-bottom: 0;
    }

    .Set-One {
        width: 50%;
    }

    .Set-Two {
        width: 46%;
        font-size: 1.2vw;
        font-weight: bold;
        padding: 0 2%;
    }

    .img-Set-One {
        width: 100%;
        height: 100%;
    }

    .h-title-cont {
        color: #a2d2e6;
        font-family: MontExBold, sans-serif;
        font-size: 6.5vw;
        padding-left: 5%;
    }

    .division-cont {
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: center;
        padding: 2% 0;
        width: 40%;
    }

    legend {
        padding: 1% 5%;
    }

    #contact {
        width: 100%;
    }

    #tab-cont {
        width: 100%;
    }

    .cont-space-fin {
        width: 2%;
    }

    .cont-space {
        width: 2%;
        height: 40px;
    }

    .cont-input-fin {
        border: 0;
        border-radius: 6px;
        width: 35%;
        margin: 0;
        padding: 0;
    }

    .cont-input {
        border: 0;
        border-radius: 6px;
        width: 100%;
        height: 30px;
    }

    .cont-texta {
        border: 0;
        border-radius: 6px;
        width: 100%;
    }

    .cont-input-tr-fin {
        border-top: 3px solid #0000;
        border-right: 5px solid #0000;
        border-left: 5px solid #0000;
        border-bottom: 0px solid #0000;
    }

    .cont-input-tr {
        border-top: 0px solid #0000;
        border-right: 5px solid #0000;
        border-left: 5px solid #0000;
        border-bottom: 5px solid #0000;
        width: 35%;
    }

    .cont-send {
        text-align: center;
    }

    .send-but {
        background: #E0AE0D;
        border: 0;
        border-radius: 14px;
        color: white;
        font-weight: bold;
        padding: 7px;
        font-family: 'MontRegu', sans-serif;
    }

    #left-contact {
        color: black;
        width: 28%;
        margin: 2% 1% 3%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #right-contact {
        color: black;
        width: 28%;
        padding: 0 0 0 2%;
        margin: 0% 1% 3%;
    }
    .imgcontact{
        width: 90%;
        border-radius: 50%;
    }
    .division {
        display: flex;
        flex-direction: row;
    }
    .bold{
        font-weight: 600;
    }
    .bod{
        font-weight: 600;
        font-family: 'MontBold', sans-serif;
    }
    #SetFour{
        width: 100%;
        height: 35.2vw;
    }
    .backavis{
        background: rgb(224,174,13,0.5);
        width: 59vw;
        height: 23.6vw;
        z-index: 5;
        position: absolute;
        margin: 5.8vw 19.7vw;
        display: flex;
    }
    .avimg{
        width: 100%;
        z-index: 3;
        position: relative;
    }
    .min-p{
        font-size: 1.5vw;
        font-weight: bold;
    }
    .cont-input{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 97%;
        height: 30px;
    }
    .cont-texta{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 97%;
    }
    ::placeholder{
        color: #105365;
        font-weight: 600;
    }
    #suivant{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #precedent{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #slide{
        width: 84%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #sliname{
        font-weight: 600;
        font-size: 2vw;
    }
    #slitext{
        font-size: 1.7vw;
    }
    .offre{
        background: #E0AE0D;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        color: #FFF;
        font-weight: bold;
        font-size: 3vw;
        text-align: center;
    }
    #burger{
        display: none;
    }
    .Setw-One{

    }
    .Setw-Onep{
        display: none;
    }
}
@media (max-width: 620px){
    html {
        margin: auto 0;
        width: 100%;
    }

    body {
        margin: 0;
        width: 100%;
        font-family: 'MontLight', sans-serif;
    }

    header {

    }

    footer {

    }

    #menu {
        position: absolute;
        left: -80vw;
        top: 43vw;
        background: #105365;
        height: 60vw;
        z-index: 10;
        transition: left 1s;
    }

    #menu ul li ul {
        display: none;
        visibility: hidden;
        opacity: 0;
        width: 150px;
        position: absolute;
        margin: 0px;
        padding: 0px;
        transition: visibility 0s, opacity 2.5s linear;
        z-index: 8;
        background: #458A99;
        top: 26vw;
    }
    #submenu li {
        text-decoration: none;
        list-style: none;
        padding: 0.5vw 1vw;
    }

    .sublink {
        text-decoration: none;
        color: white;
        font-size: 1.6vw;
    }

    .menu {
        list-style: none;
        display: flex;
        flex-direction: column;
        height: 13vw;
        margin: 0 0 0 1vw;
        padding: 0 0 0 1vw;
    }
    .menu-foo {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0 0 0 1vw;
    }
    .menu-link {
        margin-right: 3vw;
        border-bottom: 2px #FFF solid;
        margin-bottom: 3vw;
        margin-top: 3vw;
    }
    .menu-footer{
        margin-right: 1vw;
        margin-bottom: 1vw;
        margin-top: 1vw;
    }
    #burger{
        display: flex;
        justify-content: flex-end;
        height: 13vw;
        padding-right: 3vw;
    }
    .link {
        text-decoration: none;
        color: white;
        font-weight: 600;
        font-size: 3.6vw;
        padding-bottom: 1vw;
    }
    .menu-footer a{
        font-size: 3vw;
    }
    .linkcon{
        text-decoration: none;
        color: black;
    }
    .links {
        text-decoration: none;
        color: white;
        font-weight: 100;
        font-size: 1.6vw;
    }
    .submenu {

    }
    .band {
        width: 100%;
        height: 26.5vw;
    }
    .headimg{
        display: none;
    }
    .headimg2{
        width: 100%;
        z-index: 3;
        position: absolute;
    }
    #logo {
        z-index: 5;
        position: absolute;
        height: 21vw;
        width: 30vw;
        margin-left: 63%;
        padding-top: 10px;
        background: white;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        display: flex;
        justify-content: center;
    }

    .logo {
        height: 19vw;
    }

    .bl-blue {
        background: #E0AE0D;
        height: 8vw;
        color: white;
        display: flex;
        align-items: center;
        padding-right: 7px;
        justify-content: flex-end;
        font-size: 4vw;
        font-weight: 600;
    }

    .bl-blue a {
        padding-left: 10px;
        text-decoration: white;
        color: white;
    }

    .bl-blue span {
        padding-left: 15px;
    }

    .ic {
        width: 5.7vw;
        height: 5.7vw;
        padding-left: 15px;
    }

    .bl-sky {
        background: #E0AE0D;
        color: white;
        display: flex;
        height: 14.5vw;
        justify-content: center;
        align-items: center;
        padding: 0 2%;
    }

    .bl-grey {
        background: #105365;
        color: white;

    }

    .bl-mouse {
        background: #458A99;
        color: white;
    }

    #wrapper {
        width: 100%;
    }
    #thera {
        display: none;
    }

    #therap {
        width: 100%;
        height: 210vw;
        display: flex;
        margin-top: 1vw;
        flex-direction: column;
    }
    .hid{

    }
    .pict {
        width: 100%;
        height: 58vw;
        display: flex;
        justify-content: center;
        align-items: center;
        order: 2;
    }
    .pack{
        width: 100%;
        height: 140vw;
        order: 1;
    }
    .text-pict0{
        width: 100%;
        height: 20vw;
        padding-bottom: 2vw;
    }
    .text-pict0bis{
        width: 100%;
        height: 95vw;
        display: flex;
        flex-direction: column;
    }
    .text-pict1 {
        width: 96%;
        padding: 0 2%;
        height: 55vw;
        margin-bottom: 2vw;
    }

    .text-pict2 {
        width: 96%;
        padding: 0 2%;
        height: 28vw;
    }

    .title-pict {
        height: 6vw;
        display: flex;
        flex-direction: column;
    }

    .blue-title {
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #105365;
        font-size: 5vw;
        padding-left: 2%;
        padding-right: 2%;
    }
    .yellow-title{
        margin: 0;
        font-family: "MontExBold", sans-serif;
        color: #E0AE0D;
        font-size: 4.2vw;
        padding: 0 2%;
    }
    .text-pict3 {
        height: 40.5vw;
        font-size: 2.9vw;
    }

    .text-pict4 {
        height: 5.5vw;
        font-size: 2.5vw;
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .text-mini {
        font-size: 2.5vw;
    }

    .pict-around {
        width: 80%;
        border-radius: 50%;
    }

    .band2 {
        height: 30vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 2% 1%;
    }
    .band2 div{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .text-cit {
        font-size: 2.9vw;
        text-align: center;
        font-weight: 600;
        font-family: 'MontRegu', sans-serif;
    }

    .text-citpers {
        font-size: 2.5vw;
    }

    .big-patch {
        padding: 0 2%;
        display: flex;
        flex-wrap: wrap;
    }

    .title-bubble {
        width: 100%;
        padding: 2vw;
    }

    .patch {
        width: 50%;
        height: 54vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 3vw;
    }

    .bub {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .bub-text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 1.8vw;
    }

    .blo-sav {
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.5vw;
        border-radius: 1.2vw;
        margin-left: 86%;
        margin-top: 1%;
    }
    .linkh{
        text-decoration: none;
        color: black;
    }
    .blo-offre{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 6%;
        margin-top: 12%;
        z-index: 10;
    }
    .blo-offre-two{
        position: absolute;
        background: white;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        margin-left: 30%;
        margin-top: 1%;
        z-index: 10;
    }
    .link-sav {
        color: #3283b8;
        font-weight: bold;
        font-size: 3.6vw;
        text-decoration: none;
    }

    .teb {
        margin: 0;
        font-size: 2.9vw;
        font-weight: 100;
    }

    .teb-b {
        margin: 0;
        font-size: 2.5vw;
        font-weight: 600;
        text-align: center;
    }
    .tb-text1-pr {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        color: white;
    }

    .tb-text2-pr {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: white;
    }
    .seance {
        display: flex;
        width: 100%;
    }

    .left {
        display: none;
    }

    .right {
        margin: 0 0 0 2%;
        width: 96%;
        display: flex;
        flex-direction: column;
        font-size: 1vw;
        height: 78vw;
    }

    .img-left {
        width: 100%;
    }

    .right-bl1 {
        width: 100%;
        height: 9vw;
        display: flex;
        align-items: center;
    }

    .right-bl2 {
        width: 100%;
        display: flex;
        height: 32vw;
        margin: 0 0 1vw;
        font-size: 2.9vw;
    }

    .right-bl3 {
        width: 100%;
        display: flex;
        height: 26vw;
        margin: 0 0 2vw;
        font-size: 2.9vw;
    }

    .right-bl4 {
        width: 100%;
        height: 5vw;
        display: flex;
        justify-content: space-between;
    }

    .bl4-block1 {
        background: #E0AE0D;
        padding: 0.3vw 2vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 2.5vw;
    }
    .bl4-block1 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 a{
        text-decoration: none;
        color: white;
    }
    .bl4-block2 {
        background: #105365;
        padding: 0.3vw 1vw;
        border-radius: 2vw;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin: 0.5vw;
        font-size: 2.5vw;
    }

    .left-rv {
        width: 56%;
        margin: 0 4% 0 0;
    }

    .right-rv {
        width: 39%;
        background: #458A99;
        border-radius: 1vw;
        color: white;
        font-weight: bold;
        padding-left: 1%;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    .grass {
        font-weight: bold;
        font-family: 'MontBold', sans-serif;
    }

    .reduc {
        font-weight: 100;
    }

    .footer {
        height: 17vw;
        width: 95%;
        padding: 2.5%;
    }

    .bk-title {
        width: 100%;
        min-height: 100px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .title-bien {
        background: #E0AE0D;
        width: 100%;
    }

    .title-prin {
        background: white;
        width: 100%;
    }

    .title-prin-blue {
        background: #458A99;
        width: 100%;
    }

    .h-title {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 5vw;
        padding-left: 5%;
    }
    .h-title-g {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 5vw;
        padding-left: 5%;
    }
    .h-prin {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 5.2vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .h-prin-white {
        color: #E0AE0D;
        font-family: MontExBold, sans-serif;
        font-size: 3.5vw;
        padding-left: 5%;
        margin: 1vw 0 0;
    }

    .bk-texte-bk {
        width: 96%;
        display: flex;
        flex-direction: column;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tb-text1 {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        order: 1;
    }
    .tb-text1bis {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .tb-text2 {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        order: 3;
    }

    .tb-text3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        order: 2;
    }

    .tb-text1blue {
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 14px;
        color: white;
        height: 39vw;
        margin-bottom: 2%;
    }
    .PrinpZone{
        display: flex;
        height: 148.5vw;
    }
    .PrinpZoneOne{
        display: none;
    }
    .PrinpZoneTwo{
        width: 100%;
    }
    .prinpImg{
        width:100%;
    }
    .tb-text2bluebig{
        width: 96%;
        font-family: MontLight, sans-serif;
        font-size: 1.3vw;
        padding-left: 2%;
        padding-right: 2%;
        background: #E0AE0D;
        border-radius: 14px;
        color: white;
        height: 57vw;
    }

    .tb-text1-black {
        width: 29%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
    }

    .tb-text2-black {
        width: 30%;
        font-family: MontLight, sans-serif;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .tb-text3-black {
        width: 29%;
        font-size: 1.1vw;
        padding-left: 2%;
        padding-right: 2%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #PrincipOne {
        width: 100%;
    }

    #PrincipTwo {
        margin-bottom: 3%;
        width: 100%;
    }

    #PrincipThree {
        margin: 0;
        background: #458A99;
        color: black;
    }

    #PrincipFour {
        width: 100%;
        display: flex;
        color: black;
        background: white;
    }

    #PrincipFour-one {
        width: 100%;
        background: white;
    }

    #PrincipFour-two {
        width: 45%;
        height: 43.8vw;
        display: none;
    }

    .Four-text {
        font-size: 2.9vw;
        padding: 0.5% 7% 0.5% 5%;
    }
    h3{
        font-size: 4vw;
        margin-top: 0px;
    }
    h2{
        font-size: 4.8vw;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .tb-p {
        font-size: 2.9vw;
    }

    .img-bf {
        border-radius: 50%;
        width: 90%;
        position: relative;
        bottom: 35px;
    }

    .img-br {
        border-radius: 50%;
        border: 1px solid #000;
        width: 90%;
    }

    .img-story {
        display: none;
    }

    .inter-blue {
        background: #105365;
        width: 100%;
        color: white;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 12px 0;
    }

    .text-inter-blue {
        font-family: MontLight, sans-serif;
        font-size: 2.9vw;
    }

    .text-inter-blue-bold {
        font-family: MontBold, sans-serif;
        font-size: 2.9vw;
    }

    .blk-texte {
        width: 100%;
    }

    .blk-texte-two {
        width: 100%;
        background: #E0AE0D;
        display: flex;
    }

    .blk-texte-two-blue {
        width: 100%;
        background: #458A99;
        display: flex;
    }

    .blk-texte-three {
        width: 100%;
        display: flex;
        padding: 2% 0;
    }

    .title-bien-half {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 100%;
    }

    #comp{
        display: none;
    }

    .title-bien-half-blue {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 2.5vw;
        width: 100%;
    }

    .h-title-two {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 3.5vw;
        text-align: center;
    }
    .h-title-two-w {
        color: white;
        font-family: MontExBold, sans-serif;
        font-size: 5vw;
        padding-left: 5%;
    }
    .left-bi {
        width: 100%;
        display: flex;
    }

    .right-bi {
        width: 100%;
        display: flex;
    }

    .left-left-bi {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .left-right-bi {
        width: 96%;
        font-size: 2.9vw;
        padding: 0 2%;
    }

    .right-left-bi {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: self-start;
    }

    .right-right-bi {
        width: 96%;
        font-size: 2.9vw;
        padding: 0 2%;
    }

    .img-bf-two {
        width: 80%;
        border-radius: 50%;
    }

    #SeOne {
        width: 100%;
        display: flex;
        height: 185vw;
        flex-direction: column;
    }

    #SeTwo {
        width: 90%;
        background: #E0AE0D;
        color: white;
        padding: 1% 5%;
        font-size: 2.9vw;
        margin-top: 5%;
    }

    #SeThree {
        width: 96%;
        display: flex;
        font-size: 2.9vw;
        padding: 4% 2%;
        text-align: justify;
    }
    #SeThreei {
        display: flex;
        width: 100%;
        height: 26vw;
    }
    .Seo-zero {
        width: 10%;
        height: 181vw;
        position: absolute;
        border-right: #3283b8;
        border-right-style: dashed;
        border-right-width: 2px;
        z-index: 5;
    }

    .Seo-One {
        width: 100%;
    }

    .Seo-Two {
        width: 100%;
        height: 115vw;
    }

    .Seo-Three {
        display: none;
    }

    .footimg {
        display: none;
    }

    .h-sean {
        color: #105365;
        font-family: MontExBold, sans-serif;
        font-size: 4.5vw;
        padding-left: 5%;
        margin: 1.1vw 0;
    }

    .text-img {
        width: 100%;
        display: flex;
        height: 22.2%;
        z-index: 6;
        position: relative;
        margin-bottom: 1%;
    }

    .seanimg {
        border-radius: 50%;
        width: 70%;
    }

    .tixt-bl {
        font-size: 2.9vw;
    }

    .part-text-one {
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0%;
    }

    .part-text-two {
        width: 80%;
        display: flex;
        align-items: center;
        padding-right: 0%;
    }

    .t-left {
        text-align: left;
    }

    .red-margt {
        margin-top: 0;
    }

    .red-margb {
        margin-bottom: 0;
    }

    .Set-One {
        width: 50%;
    }

    .Set-Two {
        width: 46%;
        font-size: 1.2vw;
        font-weight: bold;
        padding: 0 2%;
    }

    .img-Set-One {
        width: 100%;
        height: 100%;
    }

    .h-title-cont {
        color: #a2d2e6;
        font-family: MontExBold, sans-serif;
        font-size: 6.5vw;
        padding-left: 5%;
    }

    .division-cont {
        color: white;
        font-weight: bold;
        display: flex;
        justify-content: center;
        padding: 2% 10%;
        width: 80%;
        order: 3;
    }

    legend {
        padding: 1% 5%;
    }

    #contact {
        width: 100%;
    }

    #tab-cont {
        width: 100%;
    }

    .cont-space-fin {
        width: 2%;
    }

    .cont-space {
        width: 2%;
        height: 40px;
    }

    .cont-input-fin {
        border: 0;
        border-radius: 6px;
        width: 35%;
        margin: 0;
        padding: 0;
    }

    .cont-input {
        border: 0;
        border-radius: 6px;
        width: 100%;
        height: 30px;
    }

    .cont-texta {
        border: 0;
        border-radius: 6px;
        width: 100%;
    }

    .cont-input-tr-fin {
        border-top: 3px solid #0000;
        border-right: 5px solid #0000;
        border-left: 5px solid #0000;
        border-bottom: 0px solid #0000;
    }

    .cont-input-tr {
        border-top: 0px solid #0000;
        border-right: 5px solid #0000;
        border-left: 5px solid #0000;
        border-bottom: 5px solid #0000;
        width: 35%;
    }

    .cont-send {
        text-align: center;
    }

    .send-but {
        background: #E0AE0D;
        border: 0;
        border-radius: 14px;
        color: white;
        font-weight: bold;
        padding: 7px;
        font-family: 'MontRegu', sans-serif;
    }

    #left-contact {
        color: black;
        width: 47%;
        margin: 2% 1% 3%;
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 1;
    }

    #right-contact {
        color: black;
        width: 47%;
        padding: 0 0 0 2%;
        margin: 0% 1% 3%;
        order: 2;
    }
    #right-contact h3{
        margin-top: 3%;
        margin-bottom: 0%;
    }
    .imgcontact{
        width: 90%;
        border-radius: 50%;
    }
    .division {
        display: flex;
        flex-wrap: wrap;
    }
    .bold{
        font-weight: 600;
    }
    .bod{
        font-weight: 600;
        font-family: 'MontBold', sans-serif;
    }
    #SetFour{
        width: 100%;
        height: 35.2vw;
    }
    .backavis{
        background: rgb(224,174,13,0.8);
        width: 92vw;
        height: 31.6vw;
        z-index: 5;
        position: absolute;
        margin: 1.8vw 3.7vw;
        display: flex;
    }
    .avimg{
        width: 100%;
        z-index: 3;
        position: relative;
    }
    .min-p{
        font-size: 2.9vw;
        font-weight: bold;
    }
    .cont-input{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 97%;
        height: 30px;
    }
    .cont-texta{
        border: 1px #000 solid;
        border-radius: 3px;
        width: 97%;
    }
    ::placeholder{
        color: #105365;
        font-weight: 600;
    }
    #suivant{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #precedent{
        height: 100%;
        width: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 60px;
    }
    #slide{
        width: 84%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #sliname{
        font-weight: 600;
        font-size: 3vw;
    }
    #slitext{
        font-size: 2.5vw;
    }
    .offre{
        background: #E0AE0D;
        padding: 0vw 1vw 0.2vw;
        border-radius: 1.2vw;
        color: #fff;
        font-weight: bold;
        font-size: 3vw;
        text-align: center;
    }
    #VisNone{
        display: none;
    }
    .VisNone{
        display: none;
    }
    .Setw-One{
        display: none;
    }
    .Setw-Onep{

    }
}

/* H1 contact — reproduit le rendu du h2 natif dans #right-contact */
.h1-contact {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 0.5em;
}