@media (max-width: 5000px) {
    .containerSejourmobile {
        display: none;
    }
    .containerSejour {
        display: block;
    }
    .text5sur5:after {
        transform: scaleX(1) !important;
    }
    .no-margin {
        margin: 0;
    }
    .headerhiddenparent {
        display: block;
    }
    h2.titrePublic {
        text-align: center;
        font-family: 'Montserrat-Regular';
        margin-top: -1%;
        font-size: 30px;
        margin-left: 1%;
    }
    .listeLI {
        padding-left: 0%;
        line-height: 22px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 27px;
        font-weight: 400;
    }
    span.span {
        margin-left: 29px;
    }
    span.span {
        margin-left: 0%;
    }
    .titredesDivPR.titredesDiv.dvtr.tdd.dph {
        margin-top: 4px;
        margin-bottom: -18px;
    }
    p.paragrapheDesignation.pourE.paraLeftD.pour {
        margin-top: 27px;
    }
    .titredesDiv.simp {
        margin-top: 4px;
        text-align: center;
    }
    h4.titreSVGA.titleSVG {
        margin-left: -65px;
    }
    h4.titreSVGA.partvoy {
        margin-left: -60px;
    }
    img.photoS.photoCs.photolce {
        margin-top: -5px;
        margin-bottom: -9px;
        margin-left: 146px;
    }
    img.photoS.photoetb,
    .photoetab {
        margin: auto;
        position: relative;
        width: 23%;
        text-align: center;
        max-height: 100%;
    }
    .divTR {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 41%;
        max-width: 31.2%;
        margin-right: 3.1%;
        margin-top: 1%;
        background-color: #F4F4F4;
        min-height: 100%;
    }
    .divTR:last-child {
        margin-right: 0;
    }
    .iconeT {
        position: relative;
        height: 102px;
        top: 5%;
    }
    h4.titreEcoute {
        padding-top: 20px;
        font-family: 'Montserrat-Bold';
        font-size: 30px;
    }
    .contenupara {
        width: 61%;
        padding-left: 1.3%;
    }
    p.paragrapheDesignation.pourE {
        line-height: 20px!important;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        width: 97%;
        margin-left: 11%;
        line-height: 19.1px;
        margin-top: 9.3%;
    }
    .paragrapheP.paraE {
        width: 119%;
        margin-top: 2.3%;
        margin-left: -9%;
    }
    p.paragrapheDesignation.pourS {
        line-height: 18px;
        font-family: 'Montserrat-Regular';
        font-size: 12px;
        line-height: 19.1px;
        margin-top: 1.3%;
    }
    h4.titreSVGA.cse {
        margin-left: 21%;
    }
    .imageDiv {
        height: auto;
        width: 100%;
    }
    h5.desimage {
        text-align: center;
        background: #F8E253;
        left: 27%;
        z-index: 9;
        position: absolute;
        top: 219px;
        width: 61%;
        padding-top: 3%;
        padding-bottom: 3%;
        font-family: 'Montserrat-SemiBold';
        font-size: 14px;
    }
    .divtitreEcoute {}
    p.infoParagraphe {
        line-height: 20px;
        font-family: 'Montserrat-regular';
        font-size: 15px;
        width: 100%;
    }
    .divButton {
        width: 100%;
        position: relative;
        height: 36px;
        margin-top: 32px;
        margin-bottom: 20px;
    }
    .leftbtn {
        float: left;
        color: #fff !important;
        font-family: 'Montserrat-Medium';
        font-size: 14px;
        width: 132px !important;
        height: 35px !important;
        line-height: 35px;
        text-align: center;
        border-radius: 25px;
        margin-right: 30px;
        background: #56ADB4;
        cursor: pointer;
        border: 1px solid #56ADB4
    }
    .leftbtn2 {
        width: 174px !important;
    }
    .paragrapheEcoute {
        padding-top: 1.5%;
    }
    .containerblog {
        background-color: #E1F4F7;
        width: 100%;
        margin-top: 66px;
        margin-left: 0;
        margin-bottom: 97px;
        min-height: 504px;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 88.5%;
        height: 100%;
    }
    .containerblog.dispnone .row .col-xl-4.col-lg-4.col-md-4.col-sm-4 {
        max-width: 38.2%;
        flex: 0 0 40%;
        padding: 0;
    }
    .imgContent {
        width: 100%;
        min-height: 100%;
        background-image: url(/images/Aline&Sophie.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    img.Groupe382 {
        width: 17%;
        margin-right: 10px;
        margin-bottom: 12.5px;
    }
    img.Groupe381 {
        width: 20%;
        margin-bottom: 12.5px;
    }
    img.Groupe384 {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 16px;
    }
    img.Groupe385 {
        margin-top: -7px;
        margin-left: 52px;
        margin-bottom: 11px;
        width: 22%;
    }
    img.Groupe383 {
        width: 20%;
        margin-bottom: 12.5px;
        margin-right: 14px;
    }
    .paragrapheP {
        width: 100%;
    }
     
    .containerDiv {
        margin: auto;
        margin-top: 62px;
        width: 88.7%;
    }
    .descriptionPhotoSVA {
        height: auto;
        width: 100%;
        margin: 1% 1%;
        padding-left: 15px;
        padding-top: 5.6%;
        font-family: 'Montserrat-Regular';
        font-size: 15px;
        color: black;
    }
    span.sys {
        width: 100%;
        margin-left: 9%;
    }
    .titrePhotoSVGA {
        margin: auto;
        width: 52%;
        height: 42px;
        margin-top: 3.7%;
        font-size: 7px;
        text-align: center;
    }
    .photoSVGA {
        position: relative;
        text-align: center;
        margin: auto;
        margin-top: 6%;
        width: 100%;
        height: 94px;
    }
    img.photoS.photoCs {
        width: 21.5%;
        margin-left: 40.6%;
        margin-top: 2%;
    }
    img.photoP {
        width: 94%;
        margin-top: -27%;
        margin-left: 10%;
    }
    .titreSVGA {
        font-size: 18px;
        font-family: 'Montserrat-Bold';
    }
    h4.titreSVGA.cse {
        margin-left: 12%;
        margin-top: 4%;
    }
    h4.titreSVGA.trtP {
        margin-left: -5%;
        margin-top: 3.2%;
        font-size: 18.2px;
        letter-spacing: 0.2px;
    }
    .divPara {
        margin: auto !important;
        margin-top: 0.4%;
        text-align: left;
        width: 80%;
        margin-left: 0%;
    }
    h3.titreTravail {
        text-align: center;
        width: 75%;
        font-family: 'Montserrat-bold';
        font-size: 30px;
        margin: auto;
    }
    .divTravail {
        width: 100%;
        margin-top: 4.2%;
        text-align: center;
    }
    .merciDiv {
        width: 100%;
        background-color: #3EA2AA;
        height: 297px;
        margin-top: 3.5%;
    }
    h5.mobile {
        display: block;
    }
    span.Designation.desL {
        margin: auto;
        font-family: 'Montserrat-Bold';
        margin-left: auto;
    }
    span.Designation.desLeft {
        margin: auto;
        font-family: 'Montserrat-Bold';
        margin-left: 12%;
    }
    .photoFamille {
        width: 6.3%;
        margin: auto;
    }
    .photoFamille img {
        margin: auto;
    }
    .titredesDiv {
        width: 98%;
        font-family: 'Montserrat-bold';
        font-size: 15px;
        margin-bottom: 12px;
        text-align: center;
    }
    h5.mobile {
        margin: auto;
        width: 100%;
        margin: auto;
        margin-left: 11.5%;
        font-family: 'Montserrat-Regular';
        font-size: 20px;
    }
    .containerSejour {
        width: 100%;
        overflow: hidden;
        min-height: 0vh;
        position: relative;
        margin: auto;
        margin-top: 116px;
    }
    .dispno {
        display: block;
    }
    .containerDS {
        margin: auto;
        width: 87%;
        margin-top: 1.4%;
        min-height: 570px;
    }
    p.desTitre {
        width: 97%;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0;
        font-family: 'montserrat-Regular';
    }
    .groupeImageTitre {
        text-align: center;
    }
    .colorDiv {
        background-color: #3EA2AA;
        width: 100%;
        margin-top: 3%;
        height: 300px;
    }
    h2.titrePublic {
        text-align: center;
        font-family: 'Montserrat-Regular';
        margin-top: -1%;
        font-size: 30px;
        margin-left: -26px;
    }
    .titreFamille {
        margin: auto;
        width: 91%;
    }
    h3.texteFamille {
        font-family: 'Montserrat-regular';
        font-size: 15px;
        margin: auto;
        margin-left: auto;
        width: 87%;
        margin-top: 1.6%;
        line-height: 19px;
        text-align: left;
    }
    .groupeFamille {
        position: relative;
        margin: auto;
        margin-top: -4%;
        width: 67%;
        text-align: center;
    }
    h3.titreMerci {
        width: 100%;
        color: #fff;
        font-family: 'Montserrat-regular';
        font-size: 30px;
        margin: auto;
        padding-top: 2.4%;
        padding-left: 4.1%;
        text-align: center;
        height: max-content;
        display: block;
        line-height: 100%;
    }
    .divPicto {
        text-align: center;
        width: 84%;
        margin: auto;
    }
    .divListe {
        width: 68%;
        margin: auto;
    }
    .divTitreParagraphe {
        margin: auto;
        width: 81%!important;
        padding-top: 0%;
    }
    span.motBlue {
        color: #41A2AA;
        font-family: 'Montserrat-Bold';
        font-size: 30px;
    }
    h4.titreHaut {
        margin: auto;
        width: 100%;
        text-align: center;
        font-family: 'Montserrat-Regular';
        font-size: 30px;
    }
    h4.titreBas {
        margin: auto;
        width: 100%;
        margin-top: 0.3%;
        text-align: center;
        font-family: 'Montserrat-Regular';
        font-size: 30px;
    }
    .ImageGrand {
        margin: auto;
        width: 53%;
        margin-top: 1.7%;
        text-align: center;
    }
    .imageGrandphoto {
        text-align: center;
        max-width: 704px;
        width: 85%;
        max-height: 365px;
        margin-top: 34px;
        margin-left: 16%;
    }
    .divPhoto {
        margin: auto;
        width: 100%;
        text-align: center;
        margin-bottom: 6px;
    }
    span.Designation {
        margin: auto;
        width: 93%;
    }
    .right {
        float: rigth;
    }
    img.photoS.rigth {
        position: relative;
        width: 4%;
        transform: rotate(19deg);
        margin-left: 5px;
        top: -18px;
    }
    p.euipePara {
        /* font-weight: 400; */
        line-height: 20px;
        font-size: 15px;
        width: 80%;
        font-family: 'Montserrat-Regular';
        margin-left: 10.3%;
        margin-top: 58px;
    }
    .StylePara {
        padding-top: 10px;
        font-size: 30px;
        margin-top: 13px;
        font-family: 'Montserrat-Regular';
    }
    .listeLI {
        padding-left: 30.6%;
        line-height: 25px;
        font-size: 13px;
        width: 71%;
        font-weight: bold;
        margin-top: 27px;
        font-weight: 100;
        font-family: 'Montserrat-Regular';
    }
    .notrePublic .publicSpan {
        font-size: 12px;
        font-weight: 400;
    }
    .outilsCréationDiv div img {
        display: block;
        margin-left: 52%;
        margin-top: 15%;
    }
    .outil .PublicSVG {
        width: 55px;
        margin-top: 3%;
        margin-left: 40%;
    }
    p.Paragraphe {
        margin-left: 36%;
        margin-top: 4%;
    }
    .groupOutil {
        margin-left: 86px;
        margin-top: -18px;
    }
    p.paragrapheDesignation.paraLeftD {
        width: 98%;
        line-height: 19px;
        font-size: 15px;
        font-family: 'Montserrat-regular';
    }
    p.paragrapheMerciDiv {
        font-weight: initial;
        color: #fff !important;
        line-height: 20px !important;
        margin: 1.3% auto !important;
        font-family: 'Montserrat-Regular' !important;
        font-size: 15px;
        width: 77.5% !important;
    }
    .outilGroup {
        display: inline-block;
        padding: 1%;
    }
    .outilGroup:hover {
        background-color: whitesmoke;
    }
    .Groupe .card {
        height: 60px;
    }
    .Groupe .paypal {
        width: 80px;
        display: inline-block;
    }
    .Produit.Groupe.paiement {
        margin-left: -7%;
        margin-top: 0%;
    }
    .outilsCréationDiv {
        margin-top: 77px;
        text-align: center;
        margin-bottom: 45px;
    }
    .para-Creations {
        margin-top: 11%;
        margin-left: 40%;
        width: 79%;
    }
    .para-simplicite {
        margin-top: 11%;
        margin-left: 40%;
        width: 79%;
    }
    p.Paragraphe.para-Qualite {
        margin-top: 6%;
        margin-left: 32%;
        width: 79%;
        font-size: 15px;
    }
    .para-Creations {
        margin-top: 3%;
        margin-left: 30%;
        width: 79%;
    }
    .Paragraphe {
        /* font-weight: 500; */
        font-size: 15px;
        width: 79%;
        margin-top: 11%;
        margin-left: 40%;
        /* text-align: center; */
        font-family: 'Montserrat-Bold';
    }
    .outil {
        width: 100%;
        margin-bottom: 21px;
    }
    .row.outils {
        margin-top: 4%;
        width: 99%;
    }
    .div-Prod {
        padding-right: 3%;
    }
    .div-Sim {
        padding-right: 6%;
    }
    .div-Crea {
        padding-right: 2%;
    }
    .div-Facil {
        padding-right: 2%;
    }
    span.span {
        margin-left: -58px;
    }
    .PCSE {
        margin-top: -2%;
        margin-left: 36%;
    }
    img.PublicSVG.cseSVG {
        margin-left: 20%;
        width: 64%;
        margin-top: -91%;
    }
    p.Paragraphe.pVoyage {
        margin-top: 1%;
    }
    p.Paragraphe.pAccom {
        margin-top: 0;
        margin-left: 30%;
    }
    .notrePublic .grop {
        padding: 0;
        height: 338px;
        margin: 3% 0px 0 1%;
        background-color: whitesmoke;
    }
    .outilPulic {
        margin-top: 4%;
        width: 99%;
        margin-left: 3%;
    }
    li.listeLI.Listing {
        margin-left: 8px;
        margin-top: 1px;
    }
    li.listeLI.Lister {
        margin-left: 6px;
        margin-top: -1px;
    }
    p.Paragraphe.para-Facil {
        margin-top: 4%;
        margin-left: 39%;
        margin-right: 0%;
    }
    li.listeLI.Lis {
        line-height: 26px;
        margin-top: -1px;
        margin-left: 6px;
    }
    li.listeLI.List {
        margin-top: -13px;
        margin-left: 7px;
    }
    .simplicite {
        margin-left: -122px;
        margin-top: 53px;
    }
    .qualite {
        margin-left: 95px;
        margin-top: 57px;
    }
    .creation {
        margin-left: 95px;
        margin-top: 57px;
    }
    .facilite {
        margin-left: 95px;
        margin-top: 57px;
    }
    .titrePulibc {
        margin-top: 19%;
    }
    .outilsCréationDiv .titreOutilCreation {
        font-size: 30px;
        font-weight: bold;
        margin-left: auto;
        font-family: 'Montserrat-Bold';
    }
    .notrePublic .titreNotrePublic {
        text-align: center;
        font-family: 'Montserrat-Regular';
        margin-top: -1%;
        font-size: 30px;
        margin-left: -26px;
    }
    .notrePublic {
        margin-top: 259px;
    }
    .Equipe .titreEquipe {
        margin-top: -94px;
        margin-left: -31px;
        font-family: 'Montserrat-Meduim';
        text-align: center;
        font-size: 38px;
    }
    .Equipe {
        margin-top: 225px;
        margin-bottom: 9.6%;
    }
    p.euipePara {
        line-height: 20px;
        font-size: 12px;
        font-family: 'Montserrat-Regular';
        margin-left: 11%;
        padding-right: 0%;
        margin-top: 61px;
        width: 100%;
    }
    .gr {
        background-color: whitesmoke;
        padding-bottom: 9%;
    }
    .gr {
        background-color: whitesmoke;
    }
    img.picto {
        margin-top: 52%;
        width: 120px;
        margin-bottom: 26%;
    }
    h5.mobile {
        margin: auto;
        width: 100%;
        margin: auto;
        margin-left: 11.5%;
        font-family: 'Montserrat-Regular';
        font-size: 20px;
    }
    img.picto {
        margin-top: 8%;
        width: 9.5%;
        margin-bottom: 2%;
    }
    .hideicon {
        display: none;
    }
}

@media(max-width: 1700px) {
    .containerblog.dispnone .row {
        margin: auto;
        width: 95%;
        height: 100%;
    }
}

@media(max-width: 1700px) {
    .containerblog.dispnone .row {
        margin: auto;
        width: 98%;
        height: 100%;
    }
}

@media(max-width:1420px) {
    .payement {
        width: 70%;
        margin-top: -8px;
        margin-left: 9px;
    }
    .titreProduit {
        border-top: 1px solid #707070;
        padding-top: 14px;
        font-size: 9px;
        font-family: 'Montserrat-bold';
        padding-bottom: 4px;
        text-align: center;
        padding-left: 6px;
    }
    .divPhoto {
        margin-bottom: 5px;
    }
    img.picto {
        width: 9.8%;
        margin-bottom: 2%!important;
    }
    .descriptionPhotoSVA {
        width: 100%;
        margin: 1% 1%;
        padding-left: 0%;
        padding-top: 5%;
    }
    h4.titreSVGA {
        font-size: 12px;
    }
    .titrePhotoSVGA {
        margin: auto;
        width: 52%;
        height: 32px;
        margin-top: 3.7%;
        font-size: 7px;
        text-align: center;
    }
    .photoSVGA {
        position: relative;
        text-align: center;
        margin: auto;
        margin-top: 6%;
        width: 100%;
        height: 84px;
    }
    .containerDS {
        margin: auto;
        width: 87.4%;
        margin-top: 1.6%;
        min-height: 480px;
    }
    .divTR {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 41%;
        max-width: 31.2%;
        margin-right: 3.1%;
        margin-top: 1%;
        background-color: #F4F4F4;
        min-height: 100%;
    }
    p.desTitre {
        width: 100%;
        line-height: 18px;
        font-size: 10px;
    }
    h5.desimage {
        text-align: center;
        background: #F8E253;
        left: 19%;
        z-index: 9;
        position: absolute;
        top: 219px;
        width: 79%;
        padding-top: 3%;
        padding-bottom: 3%;
        font-family: 'Montserrat-SemiBold';
        font-size: 13px;
    }
    p.infoParagraphe {
        line-height: 15px;
        font-size: 10.8px;
        width: 100%;
    }
    p.paragrapheDesignation.paraLeftD {
        width: 96%;
        line-height: 14px;
        font-size: 11px;
    }
    img.Groupe383 {
        width: 21.2%;
        margin-bottom: 6.5px;
        margin-right: 0px;
    }
    img.Groupe384 {
        width: 20%;
        margin-top: 5px;
        margin-bottom: 11px;
    }
    img.Groupe385 {
        margin-top: -4px;
        margin-left: 0px;
        margin-bottom: 7px;
        width: 23%;
    }
    .divButton {
        margin-top: 2.1%;
        height: 31px;
    }
    .containerblog {
        margin-top: 5.3%;
        margin-bottom: 34px;
        min-height: 359px;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 90.5%;
        height: 100%;
    }
    h4.titreEcoute {
        padding-top: 20px;
        font-size: 21.4px;
    }
    .containerblog.dispnone .row .col-xl-4.col-lg-4.col-md-4.col-sm-4 {
        max-width: 38.6%;
        flex: 0 0 40%;
    }
    .contenupara {
        width: 61%;
        padding-left: 1.1%;
    }
    .iconeT {
        position: relative;
        height: 66px;
        top: 5%;
    }
    .telephone {
        width: 43px;
    }
    .titreEcoute {
        padding-top: 20px;
        font-family: 'Montserrat-Bold';
        font-size: 21.4px;
    }
    .paragrapheEcoute {
        padding-top: 1.2%;
    }
    .ImageGrand {
        margin: auto;
        width: 50%;
        margin-top: 2.6%;
    }
    p.paragrapheMerciDiv {
        font-weight: initial;
        color: #fff !important;
        line-height: 14.9px !important;
        margin: 1.7% auto !important;
        font-family: 'Montserrat-Regular' !important;
        font-size: 11px;
        width: 100% !important;
    }
    span.sys {
        width: 100%;
        margin-left: 0;
    }
    h3.titreTravail {
        font-size: 20.4px;
    }
    .outilsCréationDiv {
        margin-top: 52px;
        text-align: center;
        margin-bottom: 23px;
    }
    .outilsCréationDiv .titreOutilCreation {
        font-size: 21.4px;
    }
    .titredesDiv {
        margin-bottom: 7px;
        width: 98%;
        font-family: 'Montserrat-bold';
        font-size: 12px;
    }
    h3.texteFamille {
        font-size: 10.8px;
        width: 100%;
        margin-top: 2%;
        line-height: 14px;
    }
    .divTitreParagraphe {
        margin: auto;
        width: 75% !important;
        padding-top: 0%;
    }
    h4.titreHaut {
        font-size: 21px;
    }
    .titreFamille {
        margin: auto;
        width: 100%;
    }
    .imageGrandphoto {
        width: 89.6%;
        margin-top: 3.3%;
        margin-left: 15.3%;
    }
    .groupeFamille {
        position: relative;
        margin: auto;
        margin-top: -4.3%;
        width: 54%;
        text-align: center;
    }
    .merciDiv {
        width: 100%;
        background-color: #3EA2AA;
        height: 213px;
        margin-top: 3.1%;
    }
    .divTravail {
        width: 100%;
        margin-top: 4.3%;
        text-align: center;
    }
    .photoFamille {
        width: 7.9%;
    }
    h3.titreMerci {
        width: 50%;
        color: #fff;
        font-family: 'Montserrat-Regular';
        font-size: 21.4px;
        margin: auto;
        padding-top: 2.3%;
        padding-left: 5.3%;
        text-align: center;
    }
    img.photoS.rigth {
        width: 8%;
        margin-left: 2px;
        top: -4px;
    }
    .containerDiv {
        margin: auto;
        margin-top: 46px;
        width: 88.7%;
    }
    .divPara {
        margin: auto !important;
        margin-top: 0.4%;
        text-align: left;
        width: 64%;
        margin-left: 0%;
    }
    img.Groupe382 {
        width: 17%;
        margin-right: 10px;
        margin-bottom: 9.5px;
    }
    span.Designation.desL {
        margin-left: 9%!important;
    }
    .leftbtn {
        font-size: 11px;
        width: 93px !important;
        height: 26px !important;
        line-height: 26px;
        border-radius: 25px;
        margin-right: 21px;
    }
    .leftbtn2 {
        width: 126px !important;
    }
    .outilsCréationDiv div img {
        display: block;
        margin-left: 43%;
        margin-bottom: 2%;
        /* margin-right: auto; */
    }
    span.motBlue {
        font-size: 21px;
    }
    h4.titreBas {
        font-size: 21px;
    }
    span.Designation {
        margin: auto;
        margin-left: 26%;
        width: 93%;
    }
    span.Designation.desLeft {
        margin-left: 12%!important;
    }
    p.euipePara {
        line-height: 20px;
        font-size: 12px;
        font-family: 'Montserrat-Regular';
        margin-left: 1.5%;
        margin-top: 61px;
        width: 94%;
    }
    .StylePara {
        padding-top: 5px;
        font-size: 30px;
        margin-top: 13px;
        font-family: 'Montserrat-Regular';
    }
    p.euipePara {
        line-height: 20px;
        font-size: 12px;
        font-family: 'Montserrat-Regular';
        margin-left: 1%;
        padding-right: 4%;
        margin-top: 61px;
        width: 100%;
    }
    .listeLI {
        padding-left: 28%;
        line-height: 22px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 27px;
        font-weight: 400;
    }
    .photoetab {
        margin: auto;
        position: relative;
        width: 15%;
    }
}

@media(max-width: 1250px) {
    img.photoS.rigth {
        width: 8%;
        margin-left: 2px;
        top: -4px;
    }
    .titreMerci {
        width: 50%;
    }
}

@media(max-width: 1200px) {
    .imageLogo {
        margin-left: 0 !important;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 95%;
        height: 100%;
    }
}

@media(max-width: 1110px) {
    .containerblog.dispnone .row {
        margin: auto;
        width: 98%;
        height: 100%;
    }
}

@media(max-width: 1050px) {
    .containerblog.dispnone .row {
        margin: auto;
        width: 100%;
        height: 100%;
    }
}

@media(max-width: 990px) {
    .divTitreParagraphe {
        margin: auto;
        width: 85% !important;
        padding-top: 0%;
    }
    .containerSejour {
        width: 100%;
        overflow: hidden;
        min-height: 0vh;
        position: relative;
        margin: auto;
        margin-top: 16px;
    }
    .divPicto {
        text-align: center;
        width: 95%;
        margin: auto;
    }
    .groupeFamille {
        width: 75%;
    }
    span.Designation.desL {
        margin-left: auto !important;
    }
    .outil>div {
        margin-bottom: 25px;
    }
    .containerDS {
        text-align: justify;
        margin: auto;
        width: 100%;
        margin-top: 1.6%;
        min-height: 480px;
    }
    .containerDS .row {
        text-align: center;
    }
    .divTR {
        text-align: justify;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 52%;
        max-width: 51%;
        margin: auto;
        margin-right: auto;
        margin-top: 2%;
        background-color: #F4F4F4;
        min-height: 100%;
    }
    .divTR:last-child {
        margin-right: auto;
    }
    .containerblog {
        width: 100%;
        margin-top: 5.3%;
        margin-bottom: 20px;
        min-height: 720px;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 60%;
        height: 100%;
    }
    .containerblog.dispnone .row .col-xl-4.col-lg-4.col-md-4.col-sm-4 {
        flex: 0 0 100%;
        padding: 0;
        height: 358px;
        max-width: 75%;
        margin: auto;
    }
    .imgContent {
        width: auto;
        min-height: 100%;
        height: auto;
        background-image: url(/images/Aline&Sophie.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .contenupara {
        margin: auto;
        width: 75%;
        padding-left: 0;
    }
    .iconeT {
        display: none;
    }
    .divtitreEcoute {
        width: 100%;
        margin-top: 1%;
    }
    h4.titreEcoute {
        min-height: 60px;
        font-size: 21.4px;
        background-image: url('/images/SVG/Groupe 412.svg');
        background-repeat: no-repeat;
        background-size: 8%;
        background-position: 0% center;
        padding-left: 10%;
    }
    .paragrapheEcoute {
        padding-top: 1.2%;
        width: 100%;
    }
    .divButton {
        text-align: center;
        margin-top: 2.1%;
        height: 31px;
    }
    /*  Style bas de page  */
    .optionGroupe {
        display: block;
        text-align: center;
        margin-left: auto;
        margin: auto;
        padding-bottom: 29px;
    }
    .rowProd {
        margin: auto;
        margin-bottom: 15px;
        padding-left: 25%;
        padding-right: 25%;
        max-width: 100%;
    }
    .Produit.Groupe.col-xs-6.col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    /*  Fin Style bas de page  */
}

@media(max-width: 768px) {
    .divTR {
        text-align: justify;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 75%;
        max-width: 75%;
        margin: auto;
        margin-right: auto;
        margin-top: 2%;
        background-color: #F4F4F4;
        min-height: 100%;
    }
    .divPicto {
        text-align: center;
        width: 100%;
        margin: auto;
    }
    .divTitreParagraphe {
        margin: auto;
        width: 95% !important;
        padding-top: 0%;
    }
    h4.titreHaut {
        font-size: 100%;
    }
    span.motBlue {
        font-size: 100%;
    }
    h4.titreBas {
        font-size: 100%;
    }
    .outilsCréationDiv .titreOutilCreation {
        font-size: 101%;
    }
    span.Designation.desL {
        margin-left: auto !important;
        font-size: 95%;
    }
    .containerblog {
        width: 100%;
        margin-top: 5.3%;
        margin-bottom: 20px;
        min-height: 720px;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 75%;
        height: 100%;
    }
    .containerblog.dispnone .row .col-xl-4.col-lg-4.col-md-4.col-sm-4 {
        flex: 0 0 100%;
        padding: 0;
        height: 358px;
        max-width: 100%;
        margin: auto;
    }
    .contenupara {
        margin: auto;
        width: 100%;
        padding-left: 0;
    }
    h3.titreMerci {
        width: 95%;
        font-size: 100%;
    }
    img.photoS.rigth {
        width: 4%;
        margin-left: 2px;
        top: -3px;
    }
    .divPara {
        margin: auto !important;
        margin-top: 0.4%;
        text-align: left;
        width: 75%;
        margin-left: 0%;
    }
    h3.titreTravail {
        font-size: 101%;
    }
    h4.titreEcoute {
        min-height: 60px;
        font-size: 110%;
        background-image: url('/images/SVG/Groupe 412.svg');
        background-repeat: no-repeat;
        background-size: 8%;
        background-position: 0% center;
        padding-left: 10%;
    }
    .containerDiv {
        margin: auto;
        margin-top: 46px;
        width: 55%;
    }
    img.Groupe385 {
        margin-top: -4px;
        margin-left: auto;
        margin-bottom: 7px;
        width: 23%;
    }
}

@media only screen and (max-width: 767px)and (min-width: 300px) {
    .containerSejour,
    .paragrapheEcoutemobile {
        display: none;
    }  
    .containerSejourmobile{
        margin-top: 0px;
        display: block;
    }
    .photoFamille img {
        margin: auto;
        max-width: 56.5px;
    }
    img.picto {
        margin-top: 28.5%;
        width: 30.5vw;
        max-width: 114.5px;
        margin-bottom: 2%!important;
    }
    .divPhoto {
        margin-bottom: 16px;
    }
    .divTitreParagraphe {
        margin: auto;
        width: 89% !important;
        padding-top: 0%;
    }
    h4.titreHaut {
        font-size: 23px;
        line-height: 29px;
    }
    span.motBlue {
        font-size: 23px;
    }
    .groupeFamille {
        width: 87%;
        margin-top: 7%;
    }
    .photoFamille {
        width: 19%;
    }
    h3.texteFamille {
        font-size: 12px;
        width: 100%;
        margin-top: 5%;
        line-height: 15px;
    }
    .containerblog {
        width: 100%;
        margin-top: 5.8%;
        margin-bottom: 20px;
        min-height: 463px;
    }
    .diviconplus img {
        margin: auto;
    }
    .divButtonsmartphone {
        text-align: center;
        width: 75%;
        margin: auto;
        display: block;
        max-width: 245px;
    }
    .leftbtn {
        float: unset;
        position: relative;
        margin: auto;
        margin-top: 42px;
        width: 131px !important;
        height: 35px !important;
        line-height: 32px;
        font-size: 15px;
        border-radius: 25px;
        margin-left: auto;
        box-shadow: none;
        border: none;
    }
    .leftbtn2 {
        float: unset;
        width: 174px !important;
        margin: auto;
        margin-top: 27px;
        margin-left: auto;
        margin-bottom: 20px;
    }
    .containerblog.dispnone .row {
        margin: auto;
        width: 87%;
        height: 100%;
    }
    .containerblog.dispnone .row .col-xl-4.col-lg-4.col-md-4.col-sm-4 {
        display: none;
    }
    .contenupara {
        margin: auto;
        width: 100%;
        padding-left: 0;
    }
    .iconeT {
        height: auto;
        margin: auto;
        display: block;
        width: 71%;
        text-align: center;
        position: relative;
        margin-top: 11%;
    }
    .telephone {
        width: 80px;
    }
    .divtitreEcoute {
        text-align: center;
        width: 100%;
        margin-top: 2%;
    }
    h4.titreEcoute {
        min-height: 60px;
        line-height: 38px;
        font-size: 30px;
        background-image: none;
        background-repeat: no-repeat;
        background-size: 8%;
        background-position: 0% center;
        padding-left: 0;
    }
    .outilsCréationDiv {
        margin-top: 40px;
        text-align: center;
        margin-bottom: 23px;
    }
    .containerDiv {
        margin: auto;
        margin-top: 29px;
        width: 87%;
    }
    .outilsCréationDiv .titreOutilCreation {
        font-size: 25px;
    }
    img.Groupe382 {
        width: 23%;
        max-width: 66px;
        margin-right: 10px;
        margin-bottom: 9.5px;
    }
    .titredesDiv.simp {
        margin-top: 12px;
        text-align: center;
    }
    span.Designation.desL {
        margin-left: auto !important;
        font-size: 15px;
    }
    .diviconplus {
        text-align: center;
        margin-top: 12px;
    }
    .outil>div {
        margin-bottom: 30px;
        min-height: 160px;
    }
    .divTR {
        text-align: justify;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 87%;
        max-width: 87%;
        margin: auto;
        margin-right: auto;
        margin-top: 2%;
        background-color: white;
        min-height: 100%;
    }
    .divTR:last-child {
        margin-right: auto;
        margin-bottom: 35px;
    }
    img.Groupe383 {
        width: 27.1%;
        margin-bottom: 18.5px;
        margin-right: auto;
        margin-left: 23px;
        max-width: 80px;
    }
    img.Groupe384 {
        width: 27%;
        margin-top: 5px;
        margin-bottom: 17px;
        margin-left: 28px;
        max-width: 79.3px;
    }
    img.Groupe385 {
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 12px;
        width: 29%;
        max-width: 83.86px;
    }
    p.paragrapheDesignation.paraLeftD {
        width: 96%;
        line-height: 19px;
        font-size: 15px;
        text-align: left;
    }
    .merciDiv {
        width: 100%;
        background-color: #3EA2AA;
        min-height: 166px;
        height: auto;
        margin-top: -2.3%;
        padding-bottom: 15px;
    }
    h3.titreMerci {
        position: relative;
        width: 72%;
        font-size: 25px;
        padding-left: 1px;
        padding-top: 42px;
        margin-bottom: 20px;
        line-height: 28px;
        max-width: 348px;
    }
    img.photoS.rigth {
        position: absolute;
        width: 17%;
        margin-left: 0;
        top: 20px;
        max-width: 54px;
    }
    .divTravail {
        width: 100%;
        margin-top: 12.1%;
        text-align: center;
    }
    h3.titreTravail {
        font-size: 25px;
        width: 84%;
    }
    .containerDS {
        text-align: justify;
        margin: auto;
        width: 100%;
        margin-top: 1.6%;
        min-height: 480px;
    }
    .titrePhotoSVGA {
        margin: auto;
        width: 85%;
        height: 32px;
        margin-top: -1.3%;
        font-size: 7px;
        text-align: center;
    }
    h4.titreSVGA {
        font-size: 18px;
    }
    img.photoS.photoetb:nth-child(1) {
        width: 26%;
        max-width: 77.72px;
    }
    .photoetab {
        margin: auto;
        position: relative;
        width: 16%;
        max-width: 50.67px;
    }
    img.photoS.photoetb:last-child {
        max-width: 74.75px;
    }
    p.infoParagraphe {
        line-height: 19px;
        font-size: 15px;
        width: 100%;
    }
    p.paragrapheMerciDiv {
        font-weight: initial;
        color: #fff !important;
        line-height: 19px !important;
        margin: 1.7% auto !important;
        font-family: 'Montserrat-Regular' !important;
        font-size: 15px;
        width: 100% !important;
    }
    p.desTitre {
        width: 100%;
        line-height: 19px;
        font-size: 15px;
    }
}