@media (orientation: portrait) {
    * {
        font-family: var(--font_family_global);
        border: 0px solid #000000;
        padding: 0px;
        margin: 0px;
        direction: ltr;
    }

    #pictoerrormsg>svg {
        height: 100%;
        width: 100%;
    }

    body {
        touch-action: none;
        position: relative;
        top: 0;
        left: 0;
        height: 100vh;
        height : calc(var(--vh, 1vh) * 100);
        width: 100vw;
        overflow: hidden;
        margin: 0;
        padding: 0;
        /* background-image: url("../assets/background.png"); */
    }

    .menucard_cardactuality, .card__actuality>.clippath, .card__actuality__nochild>.clippath {
        background: var(--color_bg_card);
        clip-path: var(--card_actuality_clipPath);
        background: var(--color_bg_card);
    }

    /*   Diapo d'image  */
    .slider__container {
        height: 100%;
        width: 100%
    }

    .iFrame__controler__changeSlide__container {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 20vw;
        /* background-color: red; */
        display: flex;
        justify-content: space-between;
        margin: auto;
    }

    .example-slide {
        height: calc(85vh * 0.5);
        width: 100vw;
        user-select: none;
    }

    .img_catalogue {
        height: calc(85vh * 0.5);
        width: 100vw;
        object-fit: contain;
        user-select: none;
        pointer-events: none;
    }

    #Default_background2_container {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
        z-index: -1;
    }

    #Default_background2_shadow {
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
        background: var(--default_background2_shadow_color);
        opacity: 0.7;
    }


    #Default_background2,
    #Default_background {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: top;
    }

    #Default_background2 {
        object-fit: cover;
        /* filter: blur(5px); on enleve le flouter tout le temps */
        /* margin-top: -1vh;
        margin-left: -1vw; */
    }

    .ActuIn__text>.textFitted {
        text-align: justify;
        text-align-last: center;
    }

    .textFitted {
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    /*  POPUP   */
    .popup_main_container {
        position: fixed;
        z-index: 999999;
        top: 50%;
        transform: translateY(-50%);
        left: -10vw;
        height: 200vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .popup_main_div {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--background_popup_main);
        max-height: 80vh;
        max-height: calc(var(--vh, 1vh) * 80);
        max-width: 50vw;
    }

    .popup_container_inmain {
        position: relative;
        min-width: 20vw;
        min-height: 20vh;
        min-height: calc(var(--vh, 1vh) * 20);
        justify-content: center;
        display: flex;
        flex-direction: column;
        border: solid 0.2vh black;
        border: solid calc(var(--vh, 1vh) * 0.2) black;
        box-shadow: 0.5vh 1vh 1vh rgba(0, 0, 0, 0.6);
        box-shadow: calc(var(--vh, 1vh) * 0.5) calc(var(--vh, 1vh) * 1) calc(var(--vh, 1vh) * 1) rgba(0, 0, 0, 0.6);
    }

    .popup_container_slot {
        width: auto;
        align-items: center;
        display: flex;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .popup_slot_content {
        width: 80%;
        margin: auto;
        text-align: center;
        color: var(--color__retourArriere_media);
	}

    .popup_container_controler {
        width: auto;
        align-items: center;
        display: flex;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .popup_slot_button {
        margin: auto;
        text-align: center;
        font-size: 2vh;
        font-size: calc(var(--vh, 1vh) * 2);
    }

    .popup_controler_container {
        position: relative;
        top: 0;
        left: 0;
        height: 3vh;
        height: calc(var(--vh, 1vh) * 3);
        width: 100%;
    }

    .popup_controler_close {
        position: absolute;
        top: 0;
        right: 0;
        height: 3vh;
        height: calc(var(--vh, 1vh) * 3);
        width: 3vh;
        width: calc(var(--vh, 1vh) * 3);
    }

    .popup_controler_close>svg {
        height: 100%;
        width: 100%;
    }

    /* FS */
    #app {
        display: flex;
        height: calc(100vh * 0.5);
        height: calc(var(--vh, 1vh) * 50);
        width: 100vw;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        /* border-top: solid 0.2vh black;
        border-bottom: solid 0.2vh black;
        box-shadow: 0.1vh 0.5vh 0.5vh rgb(0 0 0 / 60%); */
        border-top: 0.1vh solid rgba(0, 0, 0, 0.5);
        border-top: calc(var(--vh, 1vh) * 0.1) solid rgba(0, 0, 0, 0.5);
        border-bottom: 0.1vh solid rgba(0, 0, 0, 0.5);
        border-bottom: calc(var(--vh, 1vh) * 0.1) solid rgba(0, 0, 0, 0.5);
    }

    /* FROM ROOT */
    .menu__card__container {
        scrollbar-width: none;
        position: absolute;
        bottom: 9%;
        left: 0;
        width: 100vw;
        height: calc(30vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(30 * 0.5));
        /*27.5vh;*/
        background-color: var(--background_menucard);
        user-select: none;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-shrink: 0;
    }

    .menu__card__nohome {
        background-color: red;
    }

    /*  LOGO    */
    .logo {
        position: fixed;
        top: 0;
        left: 0;
        height: calc(20vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(20 * 0.5));
        width: calc(20vh * 0.5);
        width: calc(var(--vh, 1vh) * calc(20 * 0.5));
        background-color: rgba(0, 0, 0, 0);
        z-index: 1;
    }

    .pictureInLogo {
        /* position: fixed;
        top: 0vh;
        left: 0vh;
        height: 16vh;
        width: 13.4vw;
        background-size: contain;
        background-repeat: no-repeat; */
        position: relative;
        top: 0vh;
        left: 0vh;
        height: 100%;
        width: 100%;
        /* background-image: url("../assets/logo.jpg"); */
        /* background-size: contain; */
        /* background-repeat: no-repeat; */
    }

    .menu__card__displayer {
        height: 80%;
        width: 100%;
        display: flex;
        /* overflow-x: scroll;
        overflow-y: hidden; */
        align-content: center;
        scrollbar-width: none;
        position: relative;
        /* justify-content: center; */
    }

    .menu__card__displayer>div>.card__actuality {
        height: 100%;
        margin: unset;
        margin-right: 0.25vw;
        margin-left: 0.25vw;
        position: relative;
    }

    .menu__card__displayer>.card__actuality {
        height: 100%;
        margin: unset;
        margin-right: 0.25vw;
        margin-left: 0.25vw;
        position: relative;
    }

    .menu__card__displayer>div>.card__actuality__nochild {
        height: 100%;
        margin: unset;
        margin-right: 0.25vw;
        margin-left: 0.25vw;
        position: relative;
    }

    .menu__card__displayer>.card__actuality__nochild {
        height: 100%;
        margin: unset;
        margin-right: 0.25vw;
        margin-left: 0.25vw;
        position: relative;
    }


    /* .menu__card__container::-webkit-scrollbar {
        display: none;
    } */
    /* FROM FS */
    .menu__card__container__fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: calc(91vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(91 * 0.5));
        background-color: var(--background_color_fond_menu_assombris);
        overflow: hidden;
        scrollbar-width: none;
        user-select: none;
        display: flex;
        z-index: 5;
        flex-shrink: 0;
    }

    .menu__card__displayer__fullscreen {
        height: auto;
        width: 80vw;
        overflow-y: var(--overflow-y-displayer_fullscreen);
        overflow-x: var(--overflow-x-displayer_fullscreen);
        /* border: solid 1vh; */
        display: flex;
        flex-wrap: wrap;
        flex-direction: var(--flex-direction-displayer_fullscreen);
        align-content: baseline;
        justify-content: var(--justify-content-displayer_fullscreen);
        scrollbar-width: none;
        margin-left: auto;
        /* margin-right: auto; */
        margin-top: calc(14vh * 0.5);
        margin-top: calc(var(--vh, 1vh) * calc(14 * 0.5));
        padding-right: 10vw;
        -webkit-overflow-scrolling: touch;
    }

    /* .menu__card__container__fullscreen::-webkit-scrollbar {
        display: none;
    } */

    ::-webkit-scrollbar {
        display: none;
    }

    .card__actuality {
        height: 11vh;
        height: calc(var(--vh, 1vh) * 11);
        width: 11vh;
        width: calc(var(--vh, 1vh) * 11);
        /* border: 0.3vw solid white; */
        /* background: var(--color_bg_card); */
        user-select: none;
        flex-shrink: 0;
        margin: 1vh 1vh;
        margin: calc(var(--vh, 1vh) * 1) calc(var(--vh, 1vh) * 1);
        align-items: center;
        font-family: var(--font_family_global);
    }

    .card__actuality__nochild {
        height: 11vh;
        height: calc(var(--vh, 1vh) * 11);
        width: 11vh;
        width: calc(var(--vh, 1vh) * 11);
        /* border: 0.3vw solid white; */
        /* background: var(--color_bg_card); */
        user-select: none;
        flex-shrink: 0;
        margin: 1vh 1vh;
        margin: calc(var(--vh, 1vh) * 1) calc(var(--vh, 1vh) * 1);
        align-items: center;
        /* color: var(--color_text_cardNoChild); COMME PAS DE SVG EN GRIS ON MET OPACITE A 0.65 */
        opacity: 0.65;
        font-family: var(--font_family_global);
    }

    .menu__card__displayer__fullscreen>div>.card__actuality__nochild {
        height: 11vh;
        height: calc(var(--vh, 1vh) * 11);
        width: 11vh;
        width: calc(var(--vh, 1vh) * 11);
        /* border: 0.3vw solid white; */
        background: var(--color_bg_card);
        user-select: none;
        flex-shrink: 0;
        margin: 1vh 1vh;
        margin: calc(var(--vh, 1vh) * 1) calc(var(--vh, 1vh) * 1);
        align-items: center;
        /* color: var(--color_text_cardNoChild); */
        font-family: var(--font_family_global);
        position: relative;
    }

    .menu__card__displayer__fullscreen>div>.card__actuality,
    .menu__card__displayer__fullscreen>.card__actuality {
        height: 11vh;
        height: calc(var(--vh, 1vh) * 11);
        width: 11vh;
        width: calc(var(--vh, 1vh) * 11);
        /* border: 0.3vw solid white; */
        /* background: var(--color_bg_card); */
        user-select: none;
        flex-shrink: 0;
        margin: 1vh 1vh;
        margin: calc(var(--vh, 1vh) * 1) calc(var(--vh, 1vh) * 1);
        align-items: center;
        font-family: var(--font_family_global);
        position: relative;
        /* Shadow casser sinon */
    }

    .card__actuality__image {
        height: 40%;
        width: 100%;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        z-index: 0;
        position: relative;
    }

    .card__actuality__text {
        /* text-align: center;
        justify-content: center;
        align-items: center; */
        margin-top: 7.5%;
        margin-bottom: auto;
        height: 40%;
        width: 85%;
        /* margin-left: 5%; */
        text-align: center;
        z-index: 2;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    .card__actuality__image__without__icon {
        height: 40%;
        width: 40%;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        z-index: 0;
        position: relative;
        display: none;
    }

    .card__actuality__text__without__icon {
        top: 50%;
        transform: translateY(-50%);
        margin-top: 5%;
        margin-left: 20%;
        margin-bottom: auto;
        height: 40%;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        z-index: 2;
        position: relative;
    }

    .card__actuality__shadow {
        z-index: 1;
        position: absolute;
        /* top: -4.5%; */
        left: 0;
        height: 100%;
        width: 100%;
        /* background: rgb(0,0,0); */
        background: linear-gradient(0deg, var(--linear-gradient_start_card_actuality_shadow) 0%, var(--linear-gradient_stop_card_actuality_shadow) 100%);
    }

    .card__actuality_title {
        height: 55%;
        margin-bottom: 5%;
        width: 100%;
        color: var(--color_text_card);
    }

    .card__actuality_nbElement {
        height: 40%;
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        font-size: 2vh;
        font-size: calc(var(--vh, 1vh) * 2);
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        color: var(--nb_element_color);
    }

    .card__actuality_title__noNbElement {
        height: 100%;
        width: 100%;
        color: var(--color_text_card);
    }

    .card__actuality__news {
        position: absolute;
        height: 20%;
        width: 20%;
        top: -5%;
        right: -5%;
        z-index: 2;
    }

    .card__actuality__news>svg {
        height: 100%;
        width: 100%;
    }

    /* Search */
    .search__result__noresult {
        height: 100%;
        width: 100%;
        /* background-color: red; */
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-size: 8vh;
        font-size: calc(var(--vh, 1vh) * 8);
        color: var(--color_noResult_search);
        text-shadow: var(--text_shadow_no_result);
        /* background: linear-gradient(0deg, var(--linear-gradient_start_card_actuality_shadow) 0%, var(--linear-gradient_stop_card_actuality_shadow) 100%);  */
    }

    .search__nbResult {
        height: calc(9vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(9*0.5));
        width: 10vw;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        position: absolute;
        right: -10vw;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1vh;
        font-size: calc(var(--vh, 1vh) * 1);
        font-weight: bold;
        color: var(--color_search_nb_resultat);
    }

    .searchbar__container {
        display: flex;
        height: 99%;
        width: 35%;
        background-color: var(--color_bg_searchbar);
        position: relative;
        left: 50%;
        transform: translateX(-120%);
    }

    .searchbar__container__fullscreen {
        position: absolute;
        display: flex;
        bottom: 0;
        left: 0;
        height: calc(9vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(9*0.5));
        width: 100vw;
        background-color: var(--color_bg_searchbar);
        justify-content: space-between;
    }

    .input_search {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 20%;
        right: 1%;
        width: 28vw;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        text-align: center;
        font-size: 1vh;
        font-size: calc(var(--vh, 1vh) * 1);
        outline: none;
        color: var(--color_text_input);
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .inSearch_forinput {
        right: 6.5vw;
    }

    .button_search {
        position: relative;
        height: 40%;
        width: calc(60vw * 0.5);
        object-position: center;
        margin: auto;
    }

    .button_search>svg {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .input_container_search {
        height: 100%;
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
        align-content: center;
        position: relative;
    }

    .input_container_Insearch {
        position: relative;
        /* z-index: 9; La barre recherche mange sur les iFrames */
        top: 50%;
        height: calc(9vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(9*0.5));
        width: 40vw;
        display: flex;
        justify-content: center;
        /* left: 50%; */
        /* transform: translate(-50%,-50%); */
        transform: translateY(-50%);
        left: 10%;
        /* ?.? */
    }

    .menu__card__research__container__fullscreen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: calc(91vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(91*0.5));
        background-color: var(--background_color_fond_menu_assombris);
        overflow-y: hidden;
        overflow-x: scroll;
        scrollbar-width: none;
        user-select: none;
        display: flex;
        z-index: 5;
        flex-shrink: 0;
    }

    .searchingResult {
        position: absolute;
        height: calc(100vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(100*0.5));
        width: 100vw;
        z-index: 9;
        bottom: 0;
        left: 0;
    }

    .searchingResult__retour {}

    .retour_home {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 4.5vh;
        height: calc(var(--vh, 1vh) * 4.5);
        width: 4.5vh;
        width: calc(var(--vh, 1vh) * 4.5);
        background-color: var(--color_bg_bottombar);
        -webkit-transform: translate3d(0,0,0);
    }

    .retour_home>svg {
        height: 100%;
        width: 100%;
    }

    .retour_arriere {
        position: fixed;
        z-index: 1;
        left: 4.5vh;
        left: calc(var(--vh, 1vh) * 4.5);
        font-size: calc(2vh * 0.5);
        font-size: calc(var(--vh, 1vh) * 1);
        font-weight: bold;
        bottom: 0%;
        height: 4.5vh;
        height: calc(var(--vh, 1vh) * 4.5);
        width: 16%;
        user-select: none;
        text-align: center;
        justify-content: center;
        display: flex;
        justify-content: center;
        align-items: center;
        direction: ltr;
        background-color: var(--color_bg_bottombar);
        /* border-bottom: 0.01vh solid rgba(0, 0, 0, 0.3); */
        box-sizing: border-box;
        -webkit-transform: translate3d(0,0,0);
    }

    .retour_arriere_alone {
        position: fixed;
        left: 0.5vw;
        font-size: calc(2vh * 0.5);
        font-size: calc(var(--vh, 1vh) * 1);
        font-weight: bold;
        bottom: 0vh;
        height: 4.5vh;
        height: calc(var(--vh, 1vh) * 4.5);
        width: 16%;
        user-select: none;
        text-align: center;
        justify-content: center;
        display: flex;
        justify-content: center;
        align-items: center;
        direction: ltr;
        background-color: var(--color_bg_bottombar);
        /* border-bottom: solid 0.2vh black; */
        box-sizing: border-box;
        -webkit-transform: translate3d(0,0,0);
    }

    .text__retour {
        height: 40%;
        width: 80%;
        color: var(--color__retourArriere_media);
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .SVG__retour {
        height: 50%;
        width: 20%;
        position: relative;
    }

    .SVG__retour>svg {
        height: 50%;
        width: 100%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    .main__bottomBar {
        position: fixed;
        height: 4.5vh;
        height: calc(var(--vh, 1vh) * 4.5);
        width: 69vw;
        background-color: var(--color_bg_bottombar);
        bottom: 0%;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;

        /* border-bottom: 0.01vh solid rgba(0, 0, 0, 0.3); */

        /* bottom: 80%;
        z-index: 999999; */
    }

    .main__picto {
        height: 100%;
        width: 100%;
        display: flex;
        direction: rtl;
    }

    .picto_bottom_container {
        height: 100%;
        width: 50%;
    }

    .picto_bottom_container>svg {
        height: 100%;
        width: 100%;
    }

    .svg__bottomBar {
        height: 100%;
        width: 20%;
        display: flex;
        flex-direction: row-reverse;
    }

    /* iFrame (media,pdf,diapo d'image) */
    .iFrame__controler__crossToLeave {
        position: absolute;
        top: 0;
        right: 0;
        height: 4vh;
        height: calc(var(--vh, 1vh) * 4);
        width: 4vh;
        width: calc(var(--vh, 1vh) * 4);
    }

    .iFrame__controler__crossToLeave>svg {
        height: 100%;
        width: 100%;
    }

    .iFrame__container__Windows {
        position: absolute;
        top: 50%;
        left: 50%;
        height: calc(70vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(70*0.5));
        width: 80vw;
        transform: translate(-50%, -50%);
        z-index: 50000;
        background-color: var(--color_bg_iFrame);
        /* border: solid 0.2vh black; */
        /* box-shadow: 0.5vh 1vh 1vh rgba(0, 0, 0, 0.6); */
    }

    .iFrame__container {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100vw;
        transform: translate(-50%, -50%);
        z-index: 50000;
        background-color: var(--color_bg_iFrame);
        /* border: solid 0.2vh black; */
        /* box-shadow: 0.10vh 0.5vh 0.5vh rgba(0, 0, 0, 0.6); */
    }

    .iFrame__body {
        height: calc(100% - calc(4.5vh + 4vh));
        height: calc(100% - calc(var(--vh, 1vh) * (4.5 + 4)));
        width: 100%;
        border: none;
        position: relative;
        background-color: var(--color_bg_iFrame);
        /* z-index: -1; Empeche l'iFrame de fonctionné sur Chrome */
    }

    .iFrame__body__fullscreen {
        height: 100%;
        width: 100%;
        border: none;
        position: relative;
        background-color: var(--color_bg_iFrame);
    }

    .iFrame__background__Windows {
        z-index: 50000;
        position: fixed;
        top: 0;
        left: 0;
        height: 50vh;
        height: calc(var(--vh, 1vh) * 50);
        width: 100vw;
        background-color: var(--background_color_fond_assombris);
    }

    .iFrame__background {
        z-index: 50000;
        position: fixed;
        top: 0;
        left: 0;
        height: calc(100vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(100*0.5));
        width: 100vw;
        background-color: var(--background_color_fond_assombris);
    }

    .iFrame__controler {
        display: flex;
        height: 4vh;
        height: calc(var(--vh, 1vh) * 4);
        width: 100%;
        border: none;
        background-color: var(--color_bg_controler);
        box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.4);
    }

    .iFrame__controler__inController {
        padding-left: 1.5%;
        height: 100%;
        width: 8.5%
            /* color: black; */
    }

    .iFrame__controler__pageIndicator {
        height: 100%;
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        color: var(--color_iFrame_PageIndicator);
        font-size: calc(2vh * 0.5);
        font-size: calc(var(--vh, 1vh) * 1);
    }

    .iFrame__controler__name__date__container {
        height: 4vh;
        height: calc(var(--vh, 1vh) * 4);
        width: 70%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .iFrame__date {
        height: 50%;
        width: 100%;
        color: var(--color_iframe_date);
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        padding-left: 0.5%;
    }

    .iFrame__URL {
        height: 50%;
        width: 100%;
        text-align: center;
        color: var(--color_iframe_url);
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .iFrame__controler__button {
        /* height: 100%;
        width: 10%;
        display: flex;
        justify-content: end;
        align-items: center; */
        height: 4.5vh;
        height: calc(var(--vh, 1vh) * 4.5);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        bottom: 0%;
        right: 0%;
        background-color: var(--iframe__controler__background__color);
        z-index: 9;
        direction: ltr;
    }

    .iFrame__intput__search__text__color {
        color: var(--color__iframe__input__text__search);
    }

    .iFrame__controler__backward__container {
        display: flex;
        height: 100%;
        width: 20vw;
        /* color: black; */
    }

    .iFrame__picto__svg {
        height: calc(7.2vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(7.2*0.5));
    }

    .iFrame__picto__svg>svg {
        height: 100%;
        width: 100%;
    }

    /* video */
    .iFrame__main__container__video {
        position: relative;
        height: 100%;
        width: 100vw;
    }

    .iFrame__video__container__doubletap {
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        display: flex;
    }

    .iFrame__video__doubletap__left {
        height: 100%;
        width: 33%;
        position: relative;
    }

    .iFrame__video__doubletap__right {
        height: 100%;
        width: 33%;
        position: relative;
    }

    .iFrame__video__doubletap__middle {
        height: 100%;
        width: 34%;
        position: relative;
    }

    .iFrame__video__doubletap__picto__left {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.3;
    }

    .iFrame__video__doubletap__picto__right {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.3;
    }

    .iFrame__video__doubleTap__InPicto__number {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-size: 2.5vh;
        font-size: calc(var(--vh, 1vh) * 2.5);
        color: var(--color_text_doubleTap_inpicto);
    }

    .iFrame__video__doubleTap__InPicto__container__backward {
        height: 20vh;
        height: calc(var(--vh, 1vh) * 20);
        width: 20vh;
        width: calc(var(--vh, 1vh) * 20);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .iFrame__video__doubleTap__InPicto__container__backward>svg {
        height: 70%;
        width: 70%;
        position: absolute;
        top: 47%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .iFrame__video__doubleTap__InPicto__container__forward {
        height: 15vh;
        height: calc(var(--vh, 1vh) * 15);
        width: 15vh;
        width: calc(var(--vh, 1vh) * 15);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .iFrame__video__doubleTap__InPicto__container__forward>svg {
        height: 70%;
        width: 70%;
        position: absolute;
        top: 47%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .iFrame__video__container__animation {
        position: absolute;
        /* height: 27vh;
        width: 28vh; */
        height: 15vh;
        height: calc(var(--vh, 1vh) * 15);
        width: 15vh;
        width: calc(var(--vh, 1vh) * 15);
        opacity: 0;
        background-color: rgba(255, 255, 255, 1);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .iFrame__video__controler__container {
        position: fixed;
        display: flex;
        justify-content: space-evenly;
        height: calc(9vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(9 * 0.5));
        width: 55vw;
        align-items: center;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 50;
    }

    .iFrame__video__playOrResume {
        height: 100%;
        width: 8%;
    }

    .iFrame__video__playOrResume>svg {
        height: 100%;
        width: 100%;
    }

    .controler__picto__container__video {
        width: 12vw;
    }

    .iFrame__video__pictoBottomRight {
        width: 50%;
    }

    .iFrame__video__timeline__container {
        display: flex;
        width: 70%;
        height: 80%;
        position: relative;
    }

    .iFrame__video__timeline__progress {
        width: 90%;
        height: 0.5vh;
        height: calc(var(--vh, 1vh) * 0.5);
        margin-top: auto;
        margin-bottom: auto;
        background-color: var(--background_color_fond__select_forIsFrame);
        overflow: hidden;
        border-radius: 2vh;
        border-radius: calc(var(--vh, 1vh) * 2);
        display: flex;
    }

    .iFrame__video__Intimeline__progress {
        height: 100%;
        background-color: var(--svg_color_2);
        border-top-left-radius: 2vh;
        border-top-left-radius: calc(var(--vh, 1vh) * 2);
        border-bottom-left-radius: 2vh;
        border-bottom-left-radius: calc(var(--vh, 1vh) * 2);
        width: 0%;
    }

    .iFrame__video__timeline__progress__cursor {
        position: absolute;
        background-color: var(--background--color--cursor--timeline);
        height: calc(2vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(2 * 0.5));
        width: 0.5vw;
        border-radius: 2vh;
        border-radius: calc(var(--vh, 1vh) * 2);
        top: calc(2.5vh * 0.5);
        top: calc(var(--vh, 1vh) * calc(2.5 * 0.5));
    }

    .iFrame__video__timeline__timeProgress {
        height: 95%;
        width: 20%;
        margin-right: 1%;
        text-align: center;
        display: flex;
        color: var(--color_timeline_time_video);
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: calc(1.5vh * 0.5);
        font-size: calc(var(--vh, 1vh) * calc(1.5 * 0.5));
    }

    .iFrame__video__audio__container {
        height: 100%;
        width: 25%;
        display: flex;
    }

    .iFrame__video__audio__progress {
        height: 0.5vh;
        height: calc(var(--vh, 1vh) * 0.5);
        width: 50%;
        margin-top: auto;
        margin-bottom: auto;
        background-color: var(--background_color_fond__select_forIsFrame);
        overflow: hidden;
        border-radius: 2vh;
        border-radius: calc(var(--vh, 1vh) * 2);
        display: flex;
    }

    .iFrame__video__Inaudio__progress {
        height: 100%;
        background-color: var(--svg_color_2);
        border-top-left-radius: 2vh;
        border-top-left-radius: calc(var(--vh, 1vh) * 2);
        border-bottom-left-radius: 2vh;
        border-bottom-left-radius: calc(var(--vh, 1vh) * 2);
        width: 0%;
    }

    .iFrame__video__audio__progress__cursor {
        position: absolute;
        background-color: var(--background--color--cursor--timeline);
        height: calc(2vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(2 * 0.5));
        width: 0.5vw;
        border-radius: 2vh;
        border-radius: calc(var(--vh, 1vh) * 2);
        top: calc(3.5vh * 0.5);
        top: calc(var(--vh, 1vh) * calc(3.5 * 0.5));
    }

    .iFrame__video__audio__svg {
        height: 80%;
        width: 35%;
        margin-right: 5%;
        justify-content: center;
        align-items: center;
        margin-top: auto;
        margin-bottom: auto;
    }

    .iFrame__video__audio__svg>svg {
        height: 100%;
        width: 100%;
    }

    /* button PDF */
    .iFrame__controler__select__list__main {
        height: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }

    .iFrame__forPDF {
        width: 20%;
        position: relative;
    }

    .iFrame__picto__slide {
        width: 30%;
    }

    .iFrame__controler__picto__container {
        display: flex;
        height: 100%;
        width: 30vw;
        align-items: center;
        justify-content: flex-end;
        position: relative;
    }

    .controler__picto__container__forPDF {
        width: 51vw;
    }

    /*button pdf select*/
    .iFrame__select__list {
        width: 21vw;
        height: 2.88vh;
        height: calc(var(--vh, 1vh) * 2.88);
        /*height: 30%;*/
        color: var(--iframe__select__option__color);
        position: relative;
        /* border-bottom: solid 0.02vh var(--color_border_select);
        border-right: solid 0.02vh var(--color_border_select);
        border-left: solid 0.02vh var(--color_border_select); */
        /* font-weight: bold; */
        /* background-color: red; */
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .iFrame__select__list__Notsurround {
        border-bottom: solid 0.02vh var(--color_border_select);
        border-bottom: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
        border-right: solid 0.02vh rgba(0, 0, 0, 0);
        border-right: solid calc(var(--vh, 1vh) * 0.02) rgba(0, 0, 0, 0);
        border-left: solid 0.02vh rgba(0, 0, 0, 0);
        border-left: solid calc(var(--vh, 1vh) * 0.02) rgba(0, 0, 0, 0);
    }

    .iFrame__select__list__surround {
        border-right: solid 0.02vh var(--color_border_select);
        border-right: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
        border-left: solid 0.02vh var(--color_border_select);
        border-left: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
    }

    .iFrame__select__list>svg {
        height: 80%;
        width: 20%;
    }

    .iFrame__select__separator {
        height: 0.10vh;
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
    }

    .iFrame__select__list__option {
        position: absolute;
        height: 16vh;
        height: calc(var(--vh, 1vh) * 16);
        /* AVEC LES AUTRES ZOOM height: 20vh; */
        width: 21vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-color: white;
        bottom: 100%;
        border-top: solid 0.02vh var(--color_border_select);
        border-top: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
        border-right: solid 0.02vh var(--color_border_select);
        border-right: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
        border-left: solid 0.02vh var(--color_border_select);
        border-left: solid calc(var(--vh, 1vh) * 0.02) var(--color_border_select);
        /* left: -0.1vh; */
        /* right: 0; */
    }

    .iFrame__select__option {
        color: var(--iframe__select__option__color);
        width: 100%;
        height: 18%;
        /* AVEC LES AUTRES ZOOM height: 13%; */
        font-weight: normal;
        display: flex;
        align-items: center;
        /* background-color: blue; */
    }

    .iFrame__selectList__svg {
        height: 75%;
        width: 14%;
        margin-right: 4%;
        margin-left: 1%;
        /* padding: 2.5%; */
        /* margin: auto; */
    }

    .iFrame__selectList__svg>svg {
        height: 100%;
        width: 100%;
        display: block;
    }

    .iFrame__selectList__text {
        height: 100%;
        width: 63%;
        position: relative;
        padding-right: 3%;
    }

    .iFrame__SVG__chevron {
        height: 70%;
        /* padding-right: 3%; */
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        /* transform-origin: center; */
    }

    .iFrame__SVG__chevron>svg {
        height: 70%;
        width: 70%;
    }

    .option__selected {
        background-color: rgba(33, 90, 165, 0.2);
        font-weight: bold;
    }

    /*button pdf search*/
    .iFrame__picto__inContainer {
        height: 100%;
        width: 100%;
        align-items: center;
        display: flex;
    }

    .iFrame__picto__inContainer>svg {
        height: 100%;
        width: 100%;
    }

    .iFrame__search__container {
        position: fixed;
        height: 5vh;
        height: calc(var(--vh, 1vh) * 5);
        width: 45vw;
        bottom: 2.5vh;
        bottom: calc(var(--vh, 1vh) * 2.5);
        right: 1vw;
        /* right: -3.5vw; */
    }

    .iFrame__search__container>svg {
        height: 100%;
        width: 100%;
    }

    .iFrame__search__resultNumber {
        background-color: var(--background_color_search_resultNumber);
        color: var(--color_search_resultNumber);
        /* width: 5vw; */
        position: fixed;
        z-index: 2;
    }

    .iFrame__controler__page__zoom_container {
        display: flex;
        justify-content: space-between;
        height: 100%;
        width: 25vw;
        align-items: center;
        position: absolute;
        left: 34%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .iFrame__controler__zoom__container {
        display: flex;
        height: calc(7.2vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(7.2 * 0.5));
        width: 7vh;
        width: calc(var(--vh, 1vh) * 7);
        justify-content: space-between;
    }

    .iFrame__forPDF_Zoom {
        width: calc(7.2vh * 0.5);
        width: calc(var(--vh, 1vh) * calc(7.2 * 0.5));
        margin-right: unset;
    }

    .iFrame__forPDF_ChangePage {
        width: calc(7.2vh * 0.5);
        width: calc(var(--vh, 1vh) * calc(7.2 * 0.5));
        margin-right: unset;
    }

    /*  */
    .PathInFileSystem {
        position: fixed;
        top: 0;
        left: 0;
        height: calc(10vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(10 * 0.5));
        width: 96vw;
        background-color: var(--pathInFileSystem_background_color);
        /* border-left: solid 2px black;
        border-right: solid 2px black;
        border-bottom: solid 2px black; */
        color: var(--pathInFileSystem_text_color);
        padding: calc(2vh * 0.5);
        padding: calc(var(--vh, 1vh) * calc(2 * 0.5));
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        font-weight: bold;
    }

    .PathInFileSystem_dataDisplay {
        width: calc(100% - calc(20vh * 0.5));
        width: calc(var(--vh, 1vh) * calc(100 - (20 * 0.5)));
        height: 50%;
        background-color: var(--pathInFileSystem_background_color);
        position: absolute;
        left: 0;
        bottom: 0;
        padding-left: calc(20vh * 0.5);
        padding-left: calc(var(--vh, 1vh) * calc(20 * 0.5));
    }

    .pathInFileSystem_date {
        position: absolute;
        top: 0;
        left: 0;
        height: 50%;
        border-bottom: calc(0.2vh * 0.5) var(--pathInFileSystem_color_time) solid;
        border-bottom: calc(var(--vh, 1vh) * calc(0.2 * 0.5)) var(--pathInFileSystem_color_time) solid;
        display: flex;
        background-color: var(--pathInFileSystem_background_color);
        margin-left: calc(20vh * 0.5);
        margin-left: calc(var(--vh, 1vh) * calc(20 * 0.5));
        width: calc(100% - calc(20vh * 0.5));
        width: calc(var(--vh, 1vh) * calc(100 - (20 * 0.5)));

    }

    .PathInFileSystem_dataDisplay_text_container {
        height: 50%;
        width: 90%;
        /* padding-left: 1%; //13-05-2022 casse le texte du fil d'ariane en portrait */ 
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .pathInFileSystem_time {
        height: 100%;
        width: 10.5%;
        display: flex;
        flex-direction: column;
        text-align: left;
        justify-content: center;
        color: var(--pathInFileSystem_color_time);
        font-size: 1.5vh;
        font-size: calc(var(--vh, 1vh) * 1.5);
        padding-left: 1%;
        margin-right: 2%;
    }

    .pathInFileSystem_dateString_container {
        height: 100%;
        width: 64%;
        position: relative;
        justify-content: center;
        /* margin-left: 2%; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* top: 50%;
        transform: translateY(-50%); */
    }

    .pathInFileSystem_dateString {
        height: 40%;
        width: 80%;
    }

    .pathInFileSystem_dateString_NoMeteo {
        height: 60%;
        width: 80%;
    }

    .pathInFileSystem_saint {
        height: 40%;
        width: 80%;
		visibility: visible;
        /* position: absolute;
        top: 50%;
        transform: translateY(-50%); */
    }

    .pathInFileSystem_saint_NoMeteo {
        height: 0.3%;
        /* utile pour que textfit ne plante pas */
        width: 80%;
    }
	

    /* RPDG && sendmail */
    .iFrame__URL__sendMailAndQR {
        /* margin-top: 1vh; */
        width: 100%;
    }

    .sendEmail {
        background-color: var(--sendemail_background_color);
        color: var(--sendemail_text_color);
        height: 100%;
        width: 100%;
        display: inline-flex;
    }

    .sendEmail__ImageContainer {
        height: calc(20vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(20 * 0.5));
        width: calc(20vh * 0.5);
        width: calc(var(--vh, 1vh) * calc(20 * 0.5));
        position: absolute;
        left: 50%;
        top: 5%;
        transform: translateX(-50%);
    }

    .sendEmail__ImageContainer>svg {
        height: 100%;
        width: 100%;
    }

    .sendEmail__textContainer {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 6%;
        height: calc(17vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(17 * 0.5));
        width: 80%;
    }

    .sendEmail__title {
        width: 100%;
        height: 20%;
        text-align: left;
        justify-content: center;
        display: flex;
        flex-direction: column;
        font-size: calc(2vh * 0.5);
        font-size: calc(var(--vh, 1vh) * calc(2 * 0.5));
    }

    .sendEmail__input {
        position: relative;
        width: 100%;
        height: 20%;
        margin-top: 2%;
        display: flex;
    }

    .sendEmail__input__email {
        position: relative;
        width: 75%;
        height: 100%;
        top: 0;
        left: 0;
        border: none;
        background-color: var(--sendEmail__input_background_color);
        padding: unset;
        padding-left: unset;
        font-size: 1.5vh;
        font-size: calc(var(--vh, 1vh) * 1.5);
        padding-left: 2%;
        outline: none;
        color: var(--color_text_input);
    }

    .sendEmail_input_button {
        position: relative;
        right: 0;
        width: 25%;
        height: 100%;
        top: 0;
        display: flex;
    }

    .sendEmail_bg_button {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .sendEmail_bg_button>svg {
        height: 100%;
        width: 100%;
    }

    .textIn_ButtonSendEmail {
        color: var(--color_textin_buttonsendemail);
        height: 95%;
        width: 55%;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        font-size: 2.5vh;
        font-size: calc(var(--vh, 1vh) * 2.5);
        margin-left: 5%;
    }

    .textIn_ButtonSendEmail>.textFitted {
        white-space: pre;
    }

    .svgIn_ButtonSendEmail {
        height: 60%;
        width: 20%;
        padding-right: 10%;
        align-self: center;
        position: absolute;
        right: 0;
    }

    .svgIn_ButtonSendEmail>svg {
        height: 100%;
        width: 100%;
        display: block;
    }

    .sendEmail__RPDGText {
        margin-top: 2%;
        height: 50%;
        width: 100%;
        font-style: italic;
    }

    /*  QRCode  */
    .viaQRCode {
        background-color: var(--background_color_QRCode);
        height: 100%;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }

    .QRCode__mainContainer {
        position: relative;
        height: 90%;
        width: 80%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .QRCode_Container {
        height: 80%;
        width: 100%;
    }

    .QRCODE_QRCODE {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 14vw;
    }

    .svg_background_container {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    .svg_background_container>svg {
        height: 100%;
        width: 100%;
    }

    .QRCode_text {
        height: 18%;
        width: 70%;
        text-align: center;
        color: var(--color_text_QRCode);
        font-size: 2.5vh;
        font-size: calc(var(--vh, 1vh) * 2.5);
        left: 50%;
        transform: translateX(-50%);
    }

    /*  noConnection  */
    .popup_nointernet {
        background: var(--background_color_fond_assombris);
        position: fixed;
        z-index: 999999;
        top: 50%;
        transform: translateY(-50%);
        /* left: -10vw; */
        height: 200vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .noConnection_close {
        position: absolute;
        height: 8%;
        width: 5%;
        top: 0;
        right: 0;
    }

    .noConnection_close>svg {
        height: 100%;
        width: 100%;
    }

    .noConnection_main_container {
        position: fixed;
        z-index: 999999;
        top: 50%;
        transform: translateY(-50%);
        left: 0vw;
        height: 40vh;
        height: calc(var(--vh, 1vh) * 40);
        width: 100vw;
        background-color: var(--color_bg_controler);
    }

    .noConnection_IMG_container {
        height: 60%;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
    }

    .noConnection_IMG_container>svg {
        height: 100%;
        width: 100%;
    }

    .noConnection_text_container {
        height: 20%;
        width: 70%;
        padding-left: 15%;
        padding-right: 15%;
		color: var(--color__retourArriere_media);		
    }
	.text_warning_popup {
		color: var(--color__retourArriere_media);
	}
    /* warning */

    .warning_IMG_container {
        height: 15vh;
        height: calc(var(--vh, 1vh) * 15);
        width: 50%;
        margin-left: 25%;
        margin-bottom: 5%
    }

    .warning_IMG_container>svg {
        height: 100%;
        width: 100%;
    }

    /* Quand un utilisateur passe devant la borne */
    #tactil_available {
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
        opacity: 0;
        z-index: 5000000;
        display: none;
    }

    /* scrollbar etirement  */
    .extra_top_forscroll {
        height: 50%;
        width: 100%;
    }

    .extra_bottom_forscroll {
        height: 50%;
        width: 100%;
    }

    .picture_bg_forward {
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
    }

    .fond_sombre_bg_menu {
        background-color: var(--background_color_fond_menu_assombris);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .fond_sombre_bg {
        background-color: var(--background_color_fond_assombris);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    #map__picto>svg {
        height: 100%;
        width: 100%;
    }

    #web__picto>svg {
        height: 100%;
        width: 100%;
    }

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

    .svg_incard>svg {
        height: 100%;
        width: 100%;
    }

    .chevron {
        color: var(--color_chevron);
    }

    #preload_fontsize {
        position: absolute;
        top: -500vh;
        left: -500vh;
        height: 0px;
        width: 0px;
        z-index: -9999999;
    }

    /* LOADER */
    .loading_searching {
        position: absolute;
        height: calc(25vh * 0.5);
        height: calc(var(--vh, 1vh) * calc(25 *0.5));
        width: calc(25vh * 0.5);
        width: calc(var(--vh, 1vh) * calc(25*0.5));
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
    }

    .sk-chase {
        width: 100%;
        height: 100%;
        position: relative;
        animation: sk-chase 2.5s infinite linear both;
    }

    .sk-chase-dot {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        animation: sk-chase-dot 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #fff;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

    @keyframes sk-chase {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes sk-chase-dot {
        80%, 100% {
            transform: rotate(360deg);
        }
    }

    @keyframes sk-chase-dot-before {
        50% {
            transform: scale(0.4);
        }

        100%, 0% {
            transform: scale(1.0);
        }
    }

    /* ANIM */
    @keyframes rotateOpen {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(180deg);
        }
    }

    @keyframes rotateClose {
        0% {
            transform: rotate(180deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    div#scroll::-webkit-scrollbar-thumb {
        background: rgb(var(--color_scrollbar));
        border-radius: 10px;
        height: 10px;
        width: 10px;
        display: var(--scrollbarDisplay);
    }

    div#scroll::-webkit-scrollbar {
        background-color: rgba(var(--color_scrollbar), 0.15);
        height: 10px;
        width: 10px;
        display: var(--scrollbarDisplay);
    }

    div.menu__card__displayer__fullscreen::-webkit-scrollbar-thumb {
        background: rgb(var(--color_scrollbar));
        border-radius: 10px;
        height: 10px;
        width: 10px;
        display: var(--scrollbarDisplay);
    }

    div.menu__card__displayer__fullscreen::-webkit-scrollbar {
        background-color: rgba(var(--color_scrollbar), 0.15);
        height: 10px;
        width: 10px;
        display: var(--scrollbarDisplay);
    }

    /* Recherche mobile */
    .mobile.PathInFileSystem{
        position: fixed;
        top: 0;
        left: 0;
        height: calc(var(--vh, 1vh) * 5);
        background: var(--pathInFileSystem_background_color);
        width: 100vw;
    }
    .mobile.input_container_Insearch{
        transform: translate(-50%, -50%);
        left: 50%;
        font-size:calc(16px + 1.5vw);
    }
    .searchSomething_mobile{
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        background-color: var(--background_color_fond_menu_assombris);
    }
    .mobile.button_search{
        height: 65%;
        width: 37vw;
    }
    .input_search.inSearch_forinput{
        /* position: absolute; */
        /* height: 13vh; */
        /* width: 100vw; */
        /* background: blue; */
        /* top: 53px;
        left: -133px; */
        font-size: 16px;
        line-height: 18px;
        color: var(--color_text_input);
        height: 65%;
        box-sizing: border-box;
        overflow: hidden;
        padding-top: 2%;
        padding-bottom: 0;
    }
    .mobile.button_search{
        height: 60%;
    }

    @media screen and (max-width: 900px) {
        .PathInFileSystem {
            width: 98vw;
        }

        div.menu__card__displayer__fullscreen::-webkit-scrollbar {
            width: 1.5vh;
            width: calc(var(--vh, 1vh) * 1.5);
        }

        div#scroll::-webkit-scrollbar {
            height: 1vh;
            height: calc(var(--vh, 1vh));
        }

        .sendEmail_bg_button>svg {
            position: absolute;
        }

        .QRCODE_QRCODE {
            height: 100%;
        }

        .PathInFileSystem_dataDisplay_text_container>.textFitted{
            position: absolute;
        }
    }

    #rootMenuCard{
        position: relative;
    }
    .subscribe_button{
        position : fixed;
        bottom : 0;
        height : calc(var(--vh, 1vh) * 4.5);
        width : calc(var(--vh, 1vh) * 10);
        display:flex;
        flex-direction:column;
        justify-content:center;
    }
}