/************************************************/


/* *Auteur:Wattas Amani 
*Date de création : 13/12/2019
*Descrption : style des éléments existants dans
les différentes pages de l'espace
***
*Derniére modification: 
*date : 16/09/2019
*par  : Wattas Amani
*/


/************************************************/

@media (max-width: 5000px) {
    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;
    }
    .btnAddVocal:disabled {
        opacity: 0.2;
        cursor: no-drop;
    }
    .DivFootermobile {
        display: none;
    }
    .titleparent {
        margin-left: 35px;
    }
    .imageLogowhite {
        display: none;
        width: 70px;
        height: 47px;
        margin-top: 4px;
        padding-left: 15px;
        cursor: pointer;
    }
    p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #4D4D4D;
        margin-bottom: 13px;
        font-family: 'Montserrat-regular';
    }
    #style-7::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }
    #style-7::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }
    #style-7::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #41A2AA), color-stop(0.72, #41A2AA), color-stop(0.86, #41A2AA));
    }
    /***************************************/
    /* Style Header Espace Accompagnateur  */
    /***************************************/
    html {
        max-width: 2000px;
        margin: auto;
    }
    .article {
        color: #495057;
        margin-bottom: 10px;
        margin-top: 10px;
        font-family: Montserrat-Regular;
    }
    .Souarticle {
        color: #495057;
        font-family: Montserrat-Regular;
    }
    .ContenuArticle {
        font-family: Montserrat-Regular;
        font-size: 12px;
    }
    .headerAccompagnateur22 {
        display: none;
    }
    .nav>.nav-btn {
        display: none;
    }
    .nav-header {
        display: none;
    }
    .nav>.nav-links {
        display: none;
        float: left;
        font-size: 18px;
    }
    .nav>.nav-links>a {
        display: inline-block;
        padding: 13px 10px 13px 10px;
        text-decoration: none;
        color: #efefef;
    }
    .nav>.nav-links>a:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }
    .nav>#nav-check {
        display: none;
    }
    .no-margin {
        margin: 0;
    }
    .no-padding {
        padding: 0;
    }
    .Headerlogo {
        display: none;
    }
    .logoEspaceAccom {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
    }
    .headerAccompagnateur2 {
        height: 140px;
        margin-bottom: 3px;
    }
    .headerAccompagnateur {
        background-color: #41A2AA;
        height: 56px;
    }
    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #41a2aa;
        outline: 0;
        box-shadow: 0 0 0 2.2px #41a2aa7a;
    }
    .DetailsSejourAccom {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
    }
    
    .DetailsSejourAccomphone {
        display: none;
    }
    /* .DivCompteAccom{
         text-align: center ;
    } */
    .TitlesDetailsSejourAccom {
        padding-top: 11%;
        padding-left: 2px;
    }
    .titleEspaceAccom {
        font-size: 30px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: -11px;
        padding-top: 37px;
        height: fit-content;
        cursor: pointer;
    }
    .titleNomSejour {
        font-size: 15px;
        font-family: Montserrat-Regular;
        color: #000000;
        margin-bottom: 0.3rem;
    }
    .nomEtablissement {
        font-size: 25px;
        font-family: Montserrat-Regular;
        color: #000000;
    }
    .nomEtablissementmobile {
        display: none;
    }
    .logoSejourmobile,
    .logoSejourmobileALbum {
        display: none;
    }
    .ImgDetailsSejourAccom {
        height: 100%;
    }
    .ImgEtablissementAccom {
        position: absolute;
        width: auto;
        height: auto;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        top: 0;
    }
    .SeparateurLeftAccom {
        max-width: 12.6%;
        height: 100%;
    }
    .lienMenuDetailAccom:hover {
        color: #F09E7A !important;
        font-weight: 700;
    }
    .logoheadAccom {
        width: 103px;
        height: 103px;
        cursor: pointer;
    }
    /*****************************************************/
    /* Style Header Details Sejour Espace Accompagnateur  */
    /******************************************************/
    .HeaderDetailsAccompagnateur {
        background-color: #F4F4F4;
        height: 113px;
    }
    .home {
        color: #41a2aa;
        font-size: 55px;
        margin: 15%;
        cursor: pointer;
    }
    .HeaderDetailsAccompagnateur2 {
        display: none;
    }
    .CodeSejour {
        font-family: Montserrat-Bold;
        font-size: 17.7px;
        color: black;
        padding-top: 11px;
        margin-right: 10px;
        cursor: pointer;
    }
    .CodeSejour:hover {
        color: #F09E7A;
        cursor: pointer;
    }
    .NomSejour {
        font-family: Montserrat-Bold;
        font-size: 17.7px;
        color: #41A2AA;
        padding-top: 11px;
        margin-right: 10px;
    }
    .DateSejour {
        font-family: Montserrat-Regular;
        font-size: 14.6px;
        color: black;
        padding-top: 36px;
    }
    .titlePanier {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: #41A2AA;
        width: 96px;
        padding-top: 13px;
    }
    .BtnMonCompte {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: #41A2AA !important;
        width: 235px;
        height: 49px;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px !important;
        outline: none !important;
        border-color: transparent;
        text-align: left;
        padding-top: 13px;
    }
    .BtnMonCompte.active {
        background-color: #41A2AA !important;
        color: white !important;
        -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);
    }
    .lienMenuDetailAccom {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black !important;
        text-decoration: none !important;
        cursor: pointer;
    }
    .imgLienDrop {
        position: relative;
        margin-top: -5px;
        width: 25px;
        height: 22px;
        margin-right: 9px;
        margin-left: 7px;
    }
    .ImgImg {
        margin-top: -5px;
        width: 25px;
        height: 22px;
        margin-right: 13px;
    }
    .imMsg {
        margin-top: -9px;
        width: 26px;
        height: 26px;
        margin-right: 13px;
    }
    .imgCarte {
        margin-top: -8px;
        width: 24px;
        height: 32px;
        margin-right: 15px;
    }
    .imgParam {
        margin-top: 0px;
        width: 28px;
        height: 25px;
        margin-right: 10px;
    }
    .date-picker-wrapper .month-wrapper table {
        width: 100% !important;
        float: left;
    }
    .imgInfos {
        margin-top: -1px;
        width: 26px;
        height: 21px;
        margin-right: 13px;
    }
    .MenuDetailAccom {
        width: 235px;
        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);
    }
    .liMenuDetailAccom {
        height: 51px;
        padding-top: 15px;
        padding-left: 2px;
        line-height: 1;
    }
    .liMenuDetailAccom.active {
        color: #ff9000;
    }
    .liMenuDetailAccom:after {
        content: '';
        display: block;
        border: none;
        border-top: 1px solid #707070;
        position: relative;
        top: 31.5%;
        width: 235px;
        left: -1px;
    }
    .liMenuDetailAccom:last-child:after {
        border-top: 0px solid transparent;
    }
    .LienDcnxn {
        font-family: Montserrat-Bold;
        font-size: 15px;
        color: #41A2AA;
    }
    .logoSejour {
        display: inline-flex;
        display: -webkit-inline-box;
        padding-left: 0px;
        height: fit-content;
        margin-top: 31px;
    }
    .logoParam,
    .logovocal,
    .logoPhotos,
    .logoProjet,
    .logocarte,
    .logoPanier .logcmd {
        display: none;
    }
    .logoheadSejour {
        position: relative;
        width: 77.58px;
        height: 57.31px;
        margin-right: 10px;
    }
    .DetailsAccom {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
        padding-top: 55px;
    }
    .DivPanier {
        position: relative;
        text-align: right;
        margin-right: 7px;
    }
    .nbrAchat {
        display: none;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-color: #41A2AA;
        position: absolute;
        color: white;
        font-family: Montserrat-Regular;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
        top: 6px;
        left: 20px;
        z-index: 1;
        cursor: pointer;
    }
    .divPanier {
        padding-top: 21px;
        position: relative;
        width: fit-content;
        margin-right: 6px;
        display: inline-block;
        display: -webkit-inline-box;
        margin-left: 20px;
    }
    .imgPanier {
        width: 39.73px;
        height: 31px;
        position: relative;
        top: -7px;
    }
    .btnPayer {
        background-color: #f09e7a;
        color: white;
        border: #f09e7a;
        height: 31px;
        line-height: 1;
        font-family: Montserrat-SemiBold;
        border-radius: 27px;
        cursor: pointer !important;
        font-size: 13px;
        width: 100px;
        transition: 0.5s
    }
    .btnPayer:hover {
        background-color: #41a2aa;
        color: white;
        border: #41a2aa;
    }
    #nbrAchat {
        position: absolute;
        right: 0;
        top: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: white;
        color: #41A2AA;
    }
    .titlePanier {
        position: relative;
        font-family: Montserrat-Regular;
        font-size: 14.8px;
        color: #41A2AA;
        width: 96px;
        padding-top: 10px;
        display: inline-block;
        display: -webkit-inline-box;
        line-height: 1.1;
    }
    .imgUser {
        width: 21.02px;
        height: 23.09px;
        position: relative;
        top: -3px;
        margin-right: 6px;
    }
    .LiLienDcnxn {
        padding-top: 20px;
        padding-left: 5px;
    }
    .dropdownDetailsAccom {
        padding-top: 9px;
    }
    .contenuPanier {
        position: relative;
        padding-right: 22px;
        width: 190px;
        height: 58px;
        float: right;
        margin-right: 7px;
        cursor: pointer;
    }
    .Inscription {
        display: none;
    }
    .contenuPanier.active {
        background-color: #41A2AA !important;
        -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);
    }
    .contenuPanier.active .titlePanier {
        color: white;
    }
    .contenuPanier.active .nbrAchat {
        color: #41A2AA;
        background-color: white;
    }
    /*****************************************************/
    /* Style Contenu Espace Accompagnateur               */
    /******************************************************/
    .contentAccomp {
        min-height: 100vh;
    }
    /*****************************************************/
    /* Style Footer Espace Accompagnateur                */
    /******************************************************/
    .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 {
        margin-top:7%;
        height: 234px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .logoFooter {
        margin-top: 15px;
        margin-left: 6px;
        width: 76px;
        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 {
        margin-left: 15px !important;
    }
    .titlepolitic,
    .titlecond {
        padding-left: 0 !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;
        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;
    }
    /*****************************************************/
    /* Style PopUp upload Image                          */
    /******************************************************/
    .dialogUploadImg {
        max-width: 817px !important;
        height: 463px;
        margin-top: 11.2%;
    }
    .contentdialogUploadImg {
        border: none;
    }
    .headerdialogUploadImg {
        height: 54px;
        background-color: #41A2AA;
        color: white;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .titledialogUploadImg {
        font-family: Montserrat-Medium;
        font-size: 20px;
        display: block;
        width: 94%;
        padding-left: 41px;
        padding-top: 17px;
    }
    .ContenudetailsSejour {
        margin-bottom: 45px;
    }
    .closedialogUploadImg {
        width: 24px;
        top: 1px;
        left: 0px;
        position: relative;
        cursor: pointer;
    }
    .titleCodesejour {
        font-family: Montserrat-Medium;
        font-size: 14px;
        color: #707070;
        margin-top: 21px;
        margin-left: 25px;
        display: none;
    }
    .ContentUpload {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .UploadImg {
        width: 100px;
        height: 113px;
        margin-top: 35px;
    }
    .titleTelechargement {
        font-family: Montserrat-Bold;
        font-size: 18px;
        color: #000000;
        margin-top: 22px;
        margin-bottom: 16px;
    }
    .titleformat {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: #000000;
    }
    .BottomUploadImg {
        text-align: center;
        padding-left: 32px;
        padding-bottom: 30px;
        cursor: pointer;
    }
    .BottomUploadImg1 {
        padding-left: 2%;
    cursor: pointer;
   }
    .BtnUploadImg {
        border: none !important;
        border-color: transparent !important;
        outline: none !important;
        border-radius: 17.02px;
        height: 35px;
        font-family: Montserrat-Medium;
        font-size: 14px;
        background-color: transparent;
    }
    .btnAnnulerUpload {
        color: #707070;
        width: 96px;
        border: 1px solid #707070 !important;
    }
    .btnUpload {
        border: none !important;
        border-color: #f09e7a !important;
        outline: none !important;
        border-radius: 17.02px;
        height: 35px;
        font-family: Montserrat-Medium;
        font-size: 14px;
        color: #fff;
        background-color: #f09e7a !important;
    }
    .btnAnnulerUpload:hover {
        color: #fff;
        background-color: #F09E7A;
        border: 1px solid #F09E7A !important;
    }
    .BtncnxGeneral {
        background-color: #F09E7A;
        color: white;
        width: 66%;
        margin-left: 10px;
        cursor: pointer;
        cursor: pointer;
    }
    /*****************************************************/
    /*        Style PopUp add Localisation               */
    /******************************************************/
    .dialogAddLocal {
        max-width: 816px !important;
        height: 454px;
        margin-top: 14.4%;
    }
    .ImgAddLocal {
        position: relative;
        float: right;
        width: auto;
        height: 78px;
        margin-right: 12px;
        margin-top: 26px;
        cursor: pointer;
    }
    .DivFormLocal {
        margin-top: 29px;
        margin-left: 12px;
    }
    .titleLocal {
        text-align: left;
        font-family: Montserrat-Bold;
        font-size: 15px;
        color: #000000;
        margin-top: 22px;
        margin-bottom: 13px;
    }
    .ContenudetailsLocal {
        margin-bottom: 42px;
    }
    .rowForm {
        margin-bottom: 8px;
    }
    .divForm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .spanFormLocal {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
    }
    .inputFormLocal {
        border: none;
        box-shadow: none;
        border-bottom: 1px solid #707070 !important;
        height: 17px;
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
        margin-left: 5px;
        outline: none !important;
        background-color: #fff !important;
        box-shadow: none !important;
        border-radius: 0px !important;
    }
    .inputNum {
        max-width: 79px;
    }
    .divFormRue {
        margin-left: -12px;
    }
    .inputRue {
        max-width: 277px;
        width: 277px;
    }
    .inputCodePost {
        max-width: 91px;
    }
    .divFormVille {
        margin-left: -24px;
    }
    .inputVille {
        margin-left: 8px;
        max-width: 241px;
        width: 241px;
    }
    .inputPays {
        height: 20px;
        max-width: 202px;
        width: 202px;
    }
    .rowForm5 {
        margin-top: 38px;
        margin-bottom: 0;
    }
    .inputNomLocal {
        width: 147px;
        max-width: 147px;
        margin-left: 7px;
        height: 18px;
    }
    .titledialogAddLocal {
        padding-left: 44px;
        padding-top: 16px;
    }
    .closedialogAddLocal {
        top: 1px;
        left: 1px;
    }
    .BottomAddLocal {
        text-align: right;
        padding-right: 35px;
    }
    .btnAddLocal {
        background-color: #F09E7A;
        color: white;
        width: 96px;
        margin-left: 6px;
        padding-left: 3px;
    }
    /*****************************************************/
    /*        Style PopUp add Message Vocal              */
    /******************************************************/
    .dialogAddAddVocal {
        max-width: 815px !important;
        height: 463px;
        margin-top: 14.4%;
        ;
    }
    .detailsAjoutAudio {
        width: 100%;
    }
    .contentAddVocal {
        margin-top: 38px;
        text-align: left;
    }
    .ImgAddVocal {
        width: 67px;
        height: 93px;
        margin-left: 27px;
        margin-right: 11px;
    }
    .btnSaveVocal {
        position: relative;
        background-color: #41A2AA;
        border: none;
        border-radius: 17.02px;
        width: 120px;
        height: 35px;
        color: white;
        font-family: Montserrat-Medium;
        font-size: 14px;
        margin-top: 36px;
        outline: none !important;
    }
    .titledialogAddVocal {
        font-family: Montserrat-Medium;
        font-size: 20px;
        display: block;
        width: 94%;
        padding-left: 44px;
        padding-top: 17px;
    }
    .ContenuDetailsAddVocal {
        margin-bottom: 35px;
    }
    .timerRecorder {
        position: relative;
        float: right;
        left: 43.25%;
        top: 88px;
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
        height: fit-content;
    }
    .VocalRecorder {
        position: relative;
        padding-left: 32px;
        margin-top: 5px;
        margin-bottom: 22px;
    }
    .progressRecorder {
        position: relative;
        float: left;
        height: 13px;
        width: 345px;
        max-width: 468px;
        border: 1px solid #707070;
        margin-top: 16px;
    }
    .divProgress {
        background-color: #41A2AA;
        height: 100%;
        width: 0%;
    }
    .BtnsVocalRecorder {
        padding-left: 40px;
    }
    .BtnRecorder {
        display: inline-grid;
        margin-right: 50px;
    }
    .BtnRecorder img {
        height: 45px;
        max-width: 30px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .spanVocal {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
    }
    .BtnsVocalRecorder {
        padding-left: 40px;
    }
    .BtnPause img {
        margin-left: 9px;
    }
    .spanVocal {
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
    }
    .BtnStop img {
        margin-left: auto;
    }
    .BtnPlay img {
        margin-left: 20px;
    }
    .spanPlay {
        padding-left: 0px;
    }
    .ContentBtnAddVocal {
        text-align: right;
        padding-right: 50px;
    }
    .btnAddVocal {
        width: 96px;
        background-color: #F09E7A;
        color: white;
        margin-left: 6px;
        padding-left: 3px;
    }
    .navbarphone {
        display: none;
    }
    .sidebar {
        display: none;
    }
    .imgRecord {
        height: 51px !important;
        margin: auto !important;
        width: auto !important;
        max-width: 51px !important;
    }
    .BtnRecorder.disabled {
        opacity: 0.2;
        cursor: default;
    }
    .BtnRecorder.disabled img {
        cursor: default;
    }
    /***************************************/
    /* Style Loader Espace Accompagnateur  */
    /***************************************/
    .loaderAcc {
        position: fixed;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: rgba(250, 244, 244, 0.699);
        z-index: 9999;
        display: none;
    }
    .loaderAcc>.spinner-border.text-info {
        margin-top: 15%;
        width: 5rem;
        height: 5rem;
    }
    /***************************************/
    /***************************************/
    /*    Style Conditions Générales       */
    /***************************************/
    .detailsConditon {
        margin-top: 14px;
    }
    .ContentCondition {
        width: 100%;
        text-align: center;
        max-height: 300px;
        overflow-y: auto;
        padding:25px;
    }
    .over {
        display: none;
        transition: all 0.7s;
        transform: translate(0, 100%);
        opacity: 0;
    }
    .animeover {
        display: block;
        transform: translate(0, 0%);
        opacity: 1;
    }
    .liresuit {
        cursor: pointer;
        font-weight: 600
    }
    /***************************************/
    
    .BottomdialogNotifMsg {
    padding-left: 0;
}
.btnNotifRandom {
    border: 1px solid #F09E7A;
    border-radius: 17.02px;
    background-color: #F09E7A;
    color: white;
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    width: 155px;
    height: 35px;
    box-shadow: none !important;
    outline: none !important;
}
.btnNotifRandom.disabled{
    opacity: 0.5;
    cursor: no-drop;
    pointer-events: none;
}   



    .imgIndiation {
        max-width: 25px;
        max-height: 25px;
        margin-top: 14px;
        position: absolute;
        right: 5px;
        cursor: pointer;
    }
    .dialogIndication {
        max-width: 80% !important;
        margin: auto;
        margin-top: 4%;
        margin-bottom: 4%;
    }
    .divcontentpara {
        width: 40%;
        max-width: 40%;
        padding-left: 2%;
        padding-top: 30px;
        float: right;
    }
    .divcontentpara .titleTelechargement.titlenotifmsg {
        text-align: left;
        font-family: 'Montserrat-Regular';
        font-size: 16px;
    }
    .ContentImg {
        width: 60%;
        max-width: 60%;
        float: left;
    }
    .ContentImg img {
        width: 100%;
        height: auto;
        max-height: 500px;
        margin-top: 5%;
    }
    .row.ContentUpload {
    margin: 0;
    padding: 5%;
    padding-bottom: 0px;
}
    .headerdialogIndication {
        display: none !important;
    }
    .titledialogIndication {
        width: 100%;
        color: #41a2aa;
        font-size: 23px;
    }
    .ContentIndicationCal, .ContentIndicationPhoto{
        display: none;
    }
    
    .BottomUploadImg.BottomdialogNotifMsg .btnNotifRandom {
        border-color: #f09e7a;
        background: #f09e7a;
        border: none !important;
        margin-top: 25px;
    }
}

@media(max-width:1500px) {
    .ContenuDetailsAddVocal {
        margin-bottom: 0px;
    }
    .BottomAddVocal {
        margin-bottom: 0px !important;
    }
}

@media(max-width: 1420px) {
    .titleFooter {
        font-size: 9px;
    }
}

@media (max-width: 1366px) {
    /***************************************/
    /* Style Header Espace Accompagnateur  */
    /***************************************/
    .liMenuDetailAccom:after {
        content: '';
        display: block;
        border: none;
        border-top: 1px solid #707070;
        position: relative;
        top: 30%;
        width: 235px;
        left: -1px;
    }
    .imageLogowhite {
        display: block;
        width: 61px;
        height: 34px;
        margin-top: 0px;
        padding-left: 19px;
    }
    .SeparateurLeftAccom {
        max-width: 5%;
    }
    .headerAccompagnateur {
        height: 37px;
    }
    .logoheadAccom {
        width: 70px;
        height: 75px;
    }
    .titleEspaceAccom {
        font-size: 19px;
        left: -7px;
        padding-top: 28px;
    }
    .TitlesDetailsSejourAccom {
        padding-top: 8%;
        padding-left: 2px;
    }
    .nomEtablissement {
        font-size: 17px;
    }
    .headerAccompagnateur2 {
        height: 90px;
    }
    .logoSejour {
        margin-top: 5px;
    }
    .HeaderDetailsAccompagnateur {
        height: 72px;
    }
    .logoheadSejour {
        width: 51px;
        height: 60px;
        margin-right: 13px;
    }
    .CodeSejour {
        font-size: 13px;
        padding-top: 33px;
        margin-right: 15px;
    }
  
    .DateSejour {
        font-size: 11px;
        padding-top: 35px;
    }
    .DetailsAccom {
        padding-top: 18px;
    }
    .dropdownDetailsAccom {
        padding-top: 6px;
    }
    .titleNomSejour {
        font-size: 10px;
        margin-bottom: 0.3rem;
    }
    .nomEtablissement {
        font-size: 17px;
        font-family: Montserrat-Regular;
        color: #000000;
    }
    .DetailsSejour {
        margin-top: 6px;
    }
    /*****************************************************/
    /* Style Footer Espace Accompagnateur                */
    /******************************************************/
    .logoFooter {
        margin-top: 1px;
        margin-left: 6px;
        width: 76px;
        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-size: 9px;
    }
    .titlepolitic {
        padding-left: 20px;
    }
    .titlecond {
        padding-left: 5px;
    }
    .titlepolitic {
        margin-left: 9px;
    }
    .titlepartenaire {
        margin-left: 20px;
    }
    .titleparent {
        margin-left: 20px;
    }
    /*****************************************************/
    /*         Style PopUp upload Image                 */
    /****************************************************/
    .dialogUploadImg {
        margin-top: 5%;
    }
    /*****************************************************/
    /*        Style PopUp add Localisation               */
    /******************************************************/
    .dialogAddLocal {
        margin-top: 5%;
    }
    .nbrAchat {
        width: 20px;
        height: 21px;
        font-size: 10px;
        line-height: 21px;
        top: 5px;
        left: 20px;
    }
    .imgPanier {
        width: 35.73px;
        height: 28px;
        position: relative;
        top: -7px;
    }
    .titlePanier {
        position: relative;
        font-family: Montserrat-Regular;
        font-size: 13.8px;
        color: #41A2AA;
        width: 94px;
        padding-top: 12px;
        display: inline-block;
        display: -webkit-inline-box;
        line-height: 1;
    }
    .contenuPanier {
        position: relative;
        padding-right: 13px;
        width: 174px;
        height: 53px;
        float: right;
        margin-right: 0px;
        cursor: pointer;
    }
    .imgUser {
        width: 19.02px;
        height: 23.09px;
        position: relative;
        top: -3px;
        margin-right: 6px;
    }
    .lienMenuDetailAccom {
        font-size: 11px;
    }
    .liMenuDetailAccom:after {
        content: '';
        display: block;
        border: none;
        border-top: 1px solid #707070;
        position: relative;
        top: 31.5%;
        width: auto;
        left: -1px;
    }
    .MenuDetailAccom {
        width: 90%;
        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);
    }
    .BtnMonCompte {
        font-family: Montserrat-Regular;
        font-size: 14px;
        color: #41A2AA !important;
        width: 90%;
        height: 47px;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px !important;
        outline: none !important;
        border-color: transparent;
        text-align: left;
        padding-top: 16px;
    }
    .dialogAddAddVocal {
        margin-top: 5%;
    }
    .navbarphone {
        display: none;
    }
    .sidebar {
        display: none;
    }
    .titlepolitic {
        margin-left: 0px;
    }
}

@media (max-width: 1260px) {
    .contenuPanier {
        position: relative;
        padding-right: 0px;
        width: 150px;
        height: 42px;
        float: right;
        margin-right: 0px;
        cursor: pointer;
    }
    .logoheadAccom {
        width: 50px;
        height: 76px;
    }
    .nomEtablissement {
        font-size: 14px;
        font-family: Montserrat-Regular;
        color: #000000;
    }
    .imgUser {
        width: 15.02px;
        height: 22.09px;
        position: relative;
        top: -4px;
        margin-right: 6px;
    }
    .BtnMonCompte {
        font-family: Montserrat-Regular;
        font-size: 12px;
        color: #41A2AA !important;
        width: 100%;
        height: 39px;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px !important;
        outline: none !important;
        border-color: transparent;
        text-align: left;
        padding: 10px;
        margin-left: 0%;
    }
    .MenuDetailAccom {
        width: 100%;
        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: 00%;
    }
    .imgPanier {
        width: 30.73px;
        height: 24px;
        position: relative;
        top: -10px;
    }
    .titlePanier {
        position: relative;
        font-family: Montserrat-Regular;
        font-size: 12.8px;
        color: #41A2AA;
        width: 75px;
        padding-top: 0px;
        display: inline-block;
        display: -webkit-inline-box;
        line-height: 0;
        top: -8px;
    }
    .DetailsAccom {
        padding-top: 25px;
    }
    .contenuPanier {
        position: relative;
        padding-right: 13px;
        width: 150px;
        height: 42px;
        float: right;
        margin-right: 0px;
        cursor: pointer;
    }
    .DivPanier {
        position: relative;
        text-align: right;
        margin-right: 0px;
    }
    /*** footer ***/
    .titlepolitic {
        margin-left: 0px !important;
    }
    .titlecond {
        padding-left: 0px !important;
    }
    .DivFooter {
        display: flex;
        margin-left: -5%;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 12px !important;
        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% !important;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17% !important;
    }
    .titlecond {
        margin-left: 0px;
    }
    .titlepartenaire {
        margin-left: 0px;
    }
    .titleparent {
        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% !important;
    }
    .aide {
        margin-left: 0px;
        margin-top: 9px;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .DivFooter {
        margin-left: -1%;
    }
    /*** end footer ***/
}

@media(max-width: 1198px) {
    .downlodlogo {
        border: 1px solid black;
        background: white;
        color: black;
        font-family: 'Montserrat-SemiBold';
        border-radius: 22px;
        height: 26px;
        font-size: 12px;
        width: 55% !important;
        cursor: pointer;
        transition: 0.5s;
        margin-left: 15px;
    }
}

@media (max-width: 1024px) {
    .logoFooter {
        display: none;
    }
    .SeparateurFooter {
        max-width: 3%;
    }
    .DivFooter {
        display: flex;
    }
    .titlecond {
        padding-left: 12px;
    }
    .titleconf {
        padding-left: 0px;
    }
    .titlepolitic {
        margin-left: 0px;
    }
    .titlepolitic {
        padding-left: 24px;
    }
    .rowFooter {
        height: 331px;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .logoFooter {
        /* margin-top: 1px; */
        margin-left: 6px;
        width: 53px;
        height: auto;
    }
    .SeparateurLeftAccom {
        max-width: 4%;
        height: 100%;
    }
    .home {
        color: #41a2aa;
        font-size: 43px;
        margin: 24%;
        cursor: pointer;
    }
    .ContenuFooter {
        height: 35px;
        /* margin-top: 14px; */
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ContenuFooter1 {
        height: 35px;
        /* margin-top: 14px; */
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 32px !important;
        margin-left: 14px !important;
        cursor: pointer !important;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 0% !important;
        margin-top: -8%;
    }
}

@media (max-width: 990px) {
    .divlogoFooter {
        display: none;
    }
    .DivFooter {
        display: flex;
        margin-left: -5%;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 32px;
        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% !important;
    }
    .log1 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 17%!important;
    }
    .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: -3%;
    }
    .aide {
        margin-left: 0px;
        margin-top: 9px;
        color: black !important;
        font-family: Montserrat-bold !important;
    }
    .DivFooter {
        margin-left: -1%;
    }
    .ImgAddVocal {
        width: 45px;
        height: 90px;
        margin-left: 27px;
        margin-right: 11px;
    }
    .progressRecorder {
        width: 100%;
    }
    .BottomUploadImg {
        text-align: center;
        padding-left: 32px;
        padding-bottom: 30px;
        cursor: pointer;
        padding-top: 20px;
    }
    .titleaide {
        display: inline-grid;
        padding-left: 0% !important;
        margin-top: -8%;
    }
    .logoSejour {
        padding-left: 70px;
    }
    #nbrAchat {
        position: absolute;
        right: 0;
        top: 24px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: white;
        color: #41A2AA;
        left: 0px;
    }
    .imgPanier {
        width: 33.73px;
        height: 28px;
        position: relative;
        top: 12px;
    }
    .nav-title {
        position: absolute;
        left: -38px;
    }
    .ContenudetailsSejour {
        margin-bottom: 0px;
    }
    .Headerlogo {
        height: 90px;
        display: flex;
    }
    .logoAccom {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 100%;
        margin-left: 10px;
    }
    .logoAcomp {
        width: 45px;
        height: 75px;
    }
    .titleacc {
        font-size: 18px;
        font-family: Montserrat-Regular;
        color: #41A2AA;
        position: relative;
        left: -11px;
        padding-top: 30px;
        height: fit-content;
        cursor: pointer;
    }
    .titleEspaceAccom {
        font-size: 25px;
        font-family: Montserrat-Regular;
        position: relative;
        left: 0px;
        padding-top: 14px;
        height: fit-content;
        cursor: pointer;
    }
    .DetailsAccom {
        display: none;
    }
    .panierphone {
        margin-left: 0px;
    }
    .divPanier {
        display: none;
    }
    .titlePanier {
        display: none;
    }
    .MenuDetailAccom {
        margin-top: 0%;
        height: 0px;
        width: 100%;
        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: 0px;
    }
    .headerAccompagnateur2 {
        display: none;
    }
    .imageLogowhite {
        display: block;
        width: auto;
        height: 40px;
        margin-top: 8px;
        margin-left: 7px;
        padding-left: 0px;
    }
    .headerAccompagnateur22 {
        height: 90px;
        display: block;
    }
    .ImgEtablissementAccom {
        width: 0px;
        height: inherit;
        left: 0px;
        max-width: 87px;
        max-height: 0px;
        top: 10px;
    }
    .nav-header {
        display: inline-flex;
    }
    .home {
        color: #fff;
        font-size: 30px;
        margin: 15%;
        cursor: pointer;
        line-height: 1.7
    }
    .HeaderDetailsAccompagnateur {
        display: block;
    }
    .SeparateurLeftAccom {
        max-width: 0%;
        height: 0%;
    }
    .HeaderDetailsAccompagnateur2 {
        display: none;
    }
    .VocalRecorder {
        position: relative;
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 22px;
    }
    .liMenuDetailAccom {
        height: 67px;
        padding-top: 21px;
        padding-left: 2px;
    }
    .lienMenuDetailAccom {
        font-size: 15px;
    }
    .imgLienDrop {
        position: relative;
        margin-top: -5px;
        width: 67px;
        height: 26px;
        margin-right: 13px;
    }
    .ImgImg {
        margin-top: -5px;
        width: 70px;
        height: 22px;
        margin-right: 13px;
    }
    .imMsg {
        margin-top: -9px;
        width: 70px;
        height: 26px;
        margin-right: 13px;
    }
    .imgCarte {
        margin-top: -8px;
        width: 70px;
        height: 32px;
        margin-right: 15px;
    }
    .imgParam {
        margin-top: 0px;
        width: 70px;
        height: 25px;
        margin-right: 10px;
    }
    .imgInfos {
        margin-top: -1px;
        width: 70px;
        height: 21px;
        margin-right: 9px;
    }
    .liMenuDetailAccom:after {
        content: '';
        display: block;
        border: none;
        border-top: 1px solid #707070;
        position: relative;
        top: 40.5%;
        width: auto;
        left: -1px;
    }
    .LienDcnxn {
        font-family: Montserrat-Bold;
        font-size: 15px;
        color: #41A2AA;
        margin-left: 3%;
    }
    .nav>.nav-header>.nav-title {
        display: inline-block;
        padding: 25px 10px 10px 10px;
    }
    .nav>.nav-btn {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    nav>.nav-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #fff;
        height: 0px;
        transition: all 0.3s ease-in;
        overflow-y: hidden;
        top: 50px;
        left: 0px;
        float: left;
    }
    .nav>.nav-links>a {
        display: block;
        width: 80%;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        min-height: 460px;
        height: auto;
    }
    .nav>.nav-btn {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .nav>.nav-btn>label {
        display: inline-block;
        width: 50px;
        height: 50px;
        padding: 14px 0px 0px 14px;
    }
    .nav>.nav-btn>label:hover,
    .nav #nav-check:checked~.nav-btn>label {
        background-color: #41A2AA;
        ;
    }
    .nav>.nav-btn>label>span {
        display: block;
        width: 30px;
        height: 11px;
        border-top: 3px solid #eee;
    }
    .nav>.nav-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #fff;
        height: 0px;
        transition: all 0.3s ease-in;
        overflow-y: hidden;
        top: 57px;
        left: 0px;
        float: left;
        z-index: 1000;
    }
    .nav>.nav-links>a {
        display: block;
        width: 80%;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        min-height: 460px;
        height: auto;
    }
    .headerAccompagnateur {
        height: 60px;
    }
    .logoheadAccom {
        width: 36px;
        height: 89px;
    }
    .titleEspaceAccom {
        font-size: 15px;
        font-family: Montserrat-Regular;
        position: relative;
        left: 0px;
        padding-top: 38px;
        height: fit-content;
        cursor: pointer;
    }
    .logoEspaceAccom {
        display: inline-flex;
        display: -webkit-inline-box;
        height: 0%;
    }
    .contentdialogUploadImg {
        border: none;
        width: 80%;
        margin-left: 11%;
    }
}

@media(max-width: 812px) {
    .BtncnxGeneral {
        background-color: #F09E7A;
        color: white;
        width: 77%;
        margin-left: -45px;
        cursor: pointer;
        cursor: pointer;
    }
}

@media(max-width:675px) {
    .BtncnxGeneral {
        background-color: #F09E7A;
        color: white;
        width: 77%;
        margin-left: 0px;
        cursor: pointer;
        cursor: pointer;
        line-height: 16px;
        font-size: 12px;
    }
}

@media (max-width: 800px) and (min-width:660px) {
    .separLefttVocal {
        flex: 0 0 14%;
        max-width: 10%;
    }
}

@media only screen and (max-width: 660px) {
    .logmobile {
        text-align: center;
        max-width: 25%;
        cursor: pointer;
    }
    .DivFootermobile {
        display: flex;
        margin-top: 12px;
        height: 80px;
    }
    .DivFooter {
        margin-left: -1%;
        height: 281px;
        display: none;
    }
    .BtnPlay img {
        margin-left: 10px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 24px !important;
        margin-left: 14px !important;
        cursor: pointer !important;
    }
    .ContenudetailsSejour {
        margin-bottom: 0px;
        padding-left: 24px;
    }
    .BtnPause img {
        margin-left: 2px;
    }
    .logoSejour {
        display: none;
    }
    .logoSejourmobile {
    display: block;
    padding-left: 30px;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    }
    .nomEtablissementmobile {
        display: block;
        font-size: 15px;
        font-family: Montserrat-Regular;
        color: #000000;
        margin-left: 16%;
    }
    /** Footer **/
    .spanFormLocal {
        font-family: Montserrat-Regular;
        font-size: 13px;
        color: black;
        text-align: left;
        width: 100%;
        margin-bottom: 5px;
    }
    .inputRue {
        max-width: 277px;
        width: auto;
    }
    .inputVille {
        margin-left: 8px;
        max-width: 241px;
        width: auto;
    }
    .inputFormLocal {
        margin-left: -1px;
        width: 100% !important;
        border: 1px solid #41A2AA !important;
        outline: none !important;
        box-shadow: none !important;
        height: 30px;
        line-height: 25px;
        vertical-align: middle;
        padding-left: 5px;
        margin-bottom: 5px;
        max-width: 100% !important;
    }
    .titleCodesejour {
        font-family: Montserrat-Medium;
        font-size: 14px;
        color: #707070;
        margin-top: 55px;
        margin-left: 25px;
        display: none;
    }
    .BtnRecorder img {
        height: 40px;
        max-width: 25px;
        margin-bottom: 5px;
        cursor: pointer;
    }
    .BtnRecorder {
        display: inline-grid;
        margin-right: 30px;
    }
    .imgRecord {
        height: 40px !important;
        margin: auto !important;
        width: auto !important;
        max-width: 40px !important;
    }
    .ImgAddVocal {
        width: 49px;
        height: 72px;
        margin-left: 13px;
        margin-right: 11px;
    }
    .detailsAjoutAudio {
        width: 100%;
        height: 355px;
    }
    .BottomUploadImg {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 30px;
        padding-top: 20px;
    }
    .btnSaveVocal {
        position: relative;
        background-color: #41A2AA;
        border: none;
        border-radius: 17.02px;
        width: 108px;
        height: 31px;
        color: white;
        font-family: Montserrat-Medium;
        font-size: 11px;
        margin-top: 36px;
        outline: none !important;
    }
    .progressRecorder {
        position: relative;
        float: left;
        height: 11px;
        width: 95%;
        max-width: 345px;
        border: 1px solid #707070;
        margin-top: 16px;
    }
    .BtnRecorder {
        display: inline-grid;
        margin-right: 23px;
    }
    .titledialogAddVocal {
        font-family: Montserrat-Medium;
        font-size: 14px;
        display: block;
        width: 87%;
        padding-left: -1px;
        padding-top: 17px;
    }
    .progressRecorder {
        position: relative;
        float: left;
        height: 11px;
        width: 100%;
        max-width: 90%;
        border: 1px solid #707070;
        margin-top: 25px;
    }
    .spanVocal {
        font-family: Montserrat-Regular;
        font-size: 11px;
        color: black;
    }
    .ContentBtnAddVocal {
        text-align: center;
        padding-right: 0px;
        margin-bottom: 19px;
    }
    .titledialogUploadImg {
        font-family: Montserrat-Medium;
        font-size: 12px;
        display: block;
        width: 85%;
        padding-left: 0px;
        padding-top: 22px;
    }
    .DivFormLocal {
        margin-top: 0;
        margin-left: 5%;
    }
    .titleLocal {
        text-align: center;
        margin-left: -5%;
    }
    .ImgAddLocal {
        position: relative;
        width: auto;
        height: 69px;
        margin: auto;
        margin-top: 26px;
        float: none;
    }
    .divForm {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .formLocal .divForm {
        width: 95% !important;
    }
    .divFormRue {
        margin-left: 0px;
    }
    .DetailsSejour {
        margin-top: 0px;
    }
    .divFormVille {
        margin-left: 0px;
    }
    .BottomAddLocal {
        text-align: center;
        padding-right: 0px;
    }
    .log {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 6% !important;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 32px;
        cursor: pointer;
        background-size: 31px;
        background-position: 0% center;
        background-repeat: no-repeat;
        padding-left: 51px;
        height: 45px;
    }
    .titleFooter {
        font-family: Montserrat-Regular;
        font-size: 10px;
        color: #707070;
        padding-top: 24px !important;
        margin-left: 14px !important;
        cursor: pointer !important;
    }
    .ContenuFooter {
        height: auto;
        display: contents;
        display: -ms-flexbox;
        display: inline-block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
    }
    .rowFooter {
        height: auto !important;
        background-color: #F4F4F4;
        clear: both;
        position: relative;
    }
    .footerlogo {
        width: 28px;
        height: 24px;
        margin: auto;
    }
    .titleFooter2 {
        font-size: 10px;
    }
    .contentAddVocal {
        margin-top: 0;
        text-align: left;
    }
    .titledialogAddVocal {
        font-family: Montserrat-Medium;
        font-size: 20px;
        display: block;
        width: 94%;
        padding-left: 27px;
        padding-top: 17px;
    }
    .BottomAddVocal {
        text-align: center;
        padding-left: 0px;
        padding-bottom: 0;
        padding-top: 0px;
    }
    .closedialogAddLocal {
        top: -2px;
        left: -7px;
    }
    .closedialogUploadImg {
        width: 16px;
        top: -1px;
        left: -7px;
        position: relative;
        cursor: pointer;
    }
    .titledialogAddVocal {
        font-size: 14px;
        width: 83%;
    }
    .ImgAddLocal {
        height: 50px
    }
    .ContenudetailsSejour {
        margin-bottom: 0px;
        padding-left: 0px;
    }
    .headerdialogUploadImg {
        width: 100%;
    }
    .timerRecorder {
        position: relative;
        float: right;
        left: 43.25%;
        top: 70px;
        font-family: Montserrat-Regular;
        font-size: 15px;
        color: black;
        height: fit-content;
    }
    .rowForm5 {
        margin-top: 0px;
        margin-bottom: 0;
    }
    /** Footer **/
}

@media (max-width: 400px) {
    .BtnsVocalRecorder {
        padding-left: 0;
    }
    .inputPays {
        height: 24px;
        max-width: 202px;
        width: auto;
    }
}

@media (max-width: 330px) {
    .titleAjoutDetail {
        font-size: 11px;
        margin-top: 57px;
        padding-left: 15px;
    }
}