/*
 * Autheur:Salim abbessi
 * Email:salimabbessi7@gmail.com
 * Date de création :20/02/2020
*/

@media (max-width: 5000px) {
    .DivFootermobile {
        display: none;
    }
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
        font-size: 16px;
    }
    .logoEspacepart {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
    }
    .Bienven {
        margin-left: 16px;
        padding-top: 66px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 15px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 25px;
    }
    .ImgEtablissementAccom {
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        min-width: 50%;
        min-height: 25%;
        margin: auto;
    }
    .DivFooter {
        display: flex;
        margin-left: -3%;
    }
    .titleaide {
        display: inline-grid;
        padding: 2px;
        padding-left: 0px !important;
    }
    .lconeFooter {
        width: 45px !important;
        height: 43px !important;
        margin-right: 0;
        margin-left: 0;
    }
    .rowFooter {
        height: 234px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .SeparateurLeftAccom {
        max-width: 12.6%;
        height: 100%;
    }
    .home {
        color: #41a2aa;
        font-size: 55px;
        margin: 15%;
        cursor: pointer;
    }
    .logoFooter {
        margin-top: 20px;
        margin-left: 26px;
        width: 111px;
        height: auto;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 45px !important;
    }
    .lconeFooter {
        width: 28px;
        height: 24px;
        margin-right: 6px;
        margin-left: 17px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #707070;
        padding-top: 14px !important;
        cursor: pointer;
        background-size: 28px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 35px;
        height: 37px;
    }
    .titleconf {
        padding-left: 0px !important;
    }
    .logoEspacepart {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
    }
    .logoPartenaire {
        width: 77px;
        height: 103px;
        cursor: pointer;
        margin-left: 26px;
        margin-top: 10px;
    }
    .titleEspacePar {
        font-size: 28px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 19px;
        padding-top: 40px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .Bienven {
        margin-left: 16px;
        padding-top: 27px !important;
        display: flex;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 15px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 25px;
    }
    .Separateurpartenaire {
        max-width: 11%;
    }
    .aide {
        margin-left: 0px;
        margin-top: 0;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .headerAccompagnateur22 {
        display: none;
    }
    .nometprenom {
        flex: 0 0 44.666667%;
        max-width: 46.666667%;
    }
    .ImgEtablissementAccom {
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        min-width: 50%;
        min-height: 25%;
        margin: auto;
    }
    .logoparte {
        height: 100%;
        text-align: center;
    }
    .liMenuDetailAccom {
        height: 51px;
        padding-top: 15px;
        padding-left: 15px;
        line-height: 1;
    }
    .lienMenuDetailAccom {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black !important;
        text-decoration: none !important;
        cursor: pointer;
    }
    .titleparent {
        margin-left: 35px;
    }
}

@media (max-width: 1666px) {
    .logoFooter {
        margin-top: 20px;
        margin-left: 6px;
        width: 101px;
        height: auto;
    }
    .lconeFooter {
        width: 28px;
        height: 24px;
        margin-right: 6px;
        margin-left: 17px;
    }
    .lconeAccomFooter {
        width: 25px;
        height: 26px;
        margin-right: -1px;
        margin-left: 0px;
    }
    .lconeglobeFooter {
        width: 26px;
        height: 24px;
        top: -1px;
        margin-left: 20px;
        margin-right: 1px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #707070;
        padding-top: 14px !important;
        cursor: pointer;
        background-size: 28px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 35px;
        height: 37px;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 15px !important;
    }
    .titleaccom {
        margin-left: -5%;
    }
    .logoPartenaire {
        width: 52px;
        height: 76px;
        cursor: pointer;
        margin-left: 19px;
        margin-top: 6px;
    }
    .titleEspacePar {
        font-size: 20px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 13px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .creezSejour {
        padding-top: 35px;
        flex: 0 0 29.333333%;
        max-width: 28.333333%;
    }
    .Bienven {
        margin-left: 3px;
        padding-top: 41px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 15px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 18px;
    }
    .divbuttstat {
        margin-top: 7px;
    }
    .aide {
        margin-left: 0px;
        margin-top: 0;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
}

@media(max-width: 1420px) {
    .titleFooter {
        font-size: 12px;
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 14px !important;
        margin-left: 14px !important;
        cursor: pointer !important;
    }
}

@media (max-width: 1366px) {
    .titleEspacePar {
        font-size: 19px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 14px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .logoPartenaire {
        width: 52px;
        height: 103px;
        cursor: pointer;
        margin-left: 19px;
        margin-top: -11px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 12px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 18px;
    }
    .ImgEtablissementAccom {
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    .logoFooter {
        margin-top: 1px;
        margin-left: 6px;
        width: 90px;
        height: auto;
    }
    .lconeFooter {
        width: 28px;
        height: 24px;
        margin-right: 6px;
        margin-left: 17px;
    }
    .lconeAccomFooter {
        width: 25px;
        height: 26px;
        margin-right: 0px;
        margin-left: 19px;
    }
    .lconeglobeFooter {
        width: 26px;
        height: 24px;
        top: -1px;
        margin-left: 20px;
        margin-right: 1px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 9px;
        color: #707070;
        padding-top: 14px !important;
        cursor: pointer;
        background-size: 28px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 35px;
        height: 37px;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 25px !important;
    }
    .titlecond {
        margin-left: 23px;
    }
    .titlepartenaire {
        margin-left: 10px;
    }
    .titleparent {
        margin-left: 0px;
    }
    .logoPartenaire {
        width: 52px;
        height: 76px;
        cursor: pointer;
        margin-left: 19px;
        margin-top: 6px;
    }
    .titleEspacePar {
        font-size: 20px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 13px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .creezSejour {
        padding-top: 35px;
        flex: 0 0 29.333333%;
        max-width: 28.333333%;
    }
    .Bienven {
        margin-left: 3px;
        padding-top: 41px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 15px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 18px;
    }
    .divbuttstat {
        margin-top: 7px;
    }
    .prd {
        flex: 0 0 16.666667%!important;
        max-width: 16.666667% !important;
    }
    .aide {
        margin-left: 0px;
        margin-top: 0;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .SeparateurLeftAccom {
        max-width: 8.6%;
        height: 100%;
    }
    .titleaide {
        display: inline-grid;
        padding: 2px;
        margin-left: -2% !important;
    }
}

@media(max-width: 1200px) {
    .titlepolitic,
    .titlecond {
        padding-left: 0px !important;
    }
    .DivFooter {
        display: flex;
        margin-left: -5%;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #707070;
        padding-top: 32px !important;
        cursor: pointer;
        background-size: 44px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 74px;
        height: 73px;
    }
    .divlogoFooter {
        display: none;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 16px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17%;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17%;
    }
    .titlecond {
        margin-left: 0px;
    }
    .rowFooter {
        height: 331px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .lconeFooter {
        width: 38px;
        height: 33px;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0%;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 3% !important;
        margin-top: -6%;
    }
    .aide {
        margin-left: 0px;
        margin-top: 9px;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .DivFooter {
        margin-left: -1%;
    }
}

@media(max-width:1014) {
    .MenuDetailAccom {
        width: 207px;
        display: none;
        border: none;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        margin-left: 0%;
    }
}

@media(max-device-width: 1024px) {
    .logoEspacepart {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
        margin-top: 5%;
    }
    .titleEspacePar {
        font-size: 20px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 14px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .Bienven {
        margin-left: 3px;
        padding-top: 41px;
        margin-top: 4%;
    }
    .titleFooter {
        font-size: 12px;
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 33px !important;
        margin-left: 0px !important;
        cursor: pointer !important;
    }
    .divlogoFooter {
        display: none;
    }
    .ContenuFooter {
        height: 35px;
        margin-top: 14px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        margin-top: 16px;
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0%;
        flex: 0 0 50.666667%;
        max-width: 50.666667%;
    }
    .titlepartenaire {
        margin-left: 0px;
    }
    .titleparent {
        margin-left: 0px;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17%;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17%;
    }
    .titlecond {
        margin-left: 0px;
    }
    .rowFooter {
        height: 331px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .lconeFooter {
        width: 38px;
        height: 33px;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0%;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 0% !important;
        margin-top: -10%;
    }
    .aide {
        margin-left: 0px;
        margin-top: 9px;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .titlepolitic {
        margin-left: 0px !important;
    }
    .DivFooter {
        margin-left: -1%;
    }
}

@media(max-width: 667px) {
    .logoEspacepart {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
        margin-left: 2%;
        margin-top: 5%;
    }
    .Bienven {
        margin-left: 132px;
        padding-top: 41px;
        flex: 0 0 70.333333%;
        max-width: 60.333333%;
    }
    .logoPartenaire {
        width: 82px;
        height: 85px;
        cursor: pointer;
        margin-left: 0px;
        margin-top: -11px;
    }
    .titleEspacePar {
        font-size: 21px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 14px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 12px;
    }
    .nomorganisme {
        font-family: Montserrat-regular;
        font-size: 18px;
    }
    .ImgEtablissementAccom {
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .titleFooter2 {
        font-size: 13px;
    }
    .SeparateurLeftAccom {
        max-width: 9.6%;
        height: 0%;
    }
    .titleFooter {
        font-family: Montserrat-Regular !important;
        font-size: 12px !important;
        color: #707070 !important;
        padding-top: 030 !important;
        cursor: pointer !important;
        background-size: 34px !important;
        background-position: 0% center !important;
        background-repeat: no-repeat !important;
        padding-left: 74px;
        height: 53px !important;
    }
    .footerlogo {
        width: 28px;
        height: 24px;
        margin: auto;
    }
    .ContenuFooter {
        height: auto;
        display: contents;
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 6% !important;
    }
    .DivFooter {
        margin-left: -1%;
        height: 275px;
        display: none;
    }
    .logmobile {
        text-align: center;
        max-width: 25%;
        cursor: pointer;
    }
    .DivFootermobile {
        display: flex;
        margin-top: 12px;
        height: 80px;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
}

@media(max-width: 571px) {
    .Bienven {
        margin-left: 112px;
        padding-top: 41px;
        flex: 0 0 70.333333%;
        max-width: 60.333333%;
    }
}

@media(max-width: 484px) {
    .Bienven {
        margin-left: 112px;
        padding-top: 41px;
        flex: 0 0 76.333333%;
        max-width: 77.333333%;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 0% !important;
        margin-top: -13%;
    }
}

@media(max-width: 453px) {
    .logoPartenaire {
        width: 64px;
        height: 70px;
        cursor: pointer;
        margin-left: 5px;
        margin-top: 0px;
    }
    .Bienven {
        margin-left: 93px;
        padding-top: 41px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 11px !important;
    }
    .titleEspacePar {
        font-size: 18px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 14px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
}

@media(max-width: 391px) {
    .titleaide {
        display: inline-grid;
        padding-left: 0% !important;
        margin-top: -18%;
    }
    .logoPartenaire {
        width: 42px;
        height: 66px;
        cursor: pointer;
        margin-left: 3px;
        margin-top: 0px;
    }
    .Bienven {
        margin-left: 69px;
        padding-top: 41px;
    }
    .titleEspacePar {
        font-size: 18px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: 14px;
        padding-top: 26px;
        height: fit-content;
        cursor: pointer;
        letter-spacing: 1px;
    }
    .bienvenue {
        font-family: Montserrat-regular;
        font-size: 11px;
    }
}

@media(max-width: 350px) {
    .logoPartenaire {
        width: 42px;
        height: 66px;
        cursor: pointer;
        margin-left: 3px;
        margin-top: 0px;
    }
    .Bienven {
        margin-left: 69px;
        padding-top: 41px;
        flex: 0 0 79.333333%;
        max-width: 79.333333%;
    }
    .titleFooter {
        font-family: Montserrat-Regular !important;
        font-size: 10px !important;
        color: #707070 !important;
        padding-top: 030 !important;
        cursor: pointer !important;
        background-size: 34px !important;
        background-position: 0% center !important;
        background-repeat: no-repeat !important;
        padding-left: 74px;
        height: 74px !important;
    }
}

@media(max-width:337px) {
    .Bienven {
        margin-left: 18px;
        padding-top: 41px;
        flex: 0 0 93.333333%;
        max-width: 93.333333%;
    }
    .logoparte {
        height: 100%;
        margin-left: 4%;
    }
}