body {
    background-color: #fefefe;
    color: #404040;
    margin:0;
    padding:0;
    font-family: 'Montserrat', sans-serif;
}

div {
    box-sizing: border-box;
}

.menu__logo {
    cursor:pointer;
    background-color: #fefefe;
    border-radius: 50%;
    border:1px solid #d7d7d7;
        box-shadow: 0 0 10px #d7d7d7;
}

.menu__logo img, .menu__logo i{
    vertical-align: middle;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a{
    color:#404040;
    text-decoration: none;
}

.info {
    margin:auto;
    text-align:center;
    line-height: initial;
    border-bottom:1px solid rgb(209, 209, 209);
}

.info img {
    display:block;
    margin:auto;
}

.menu {
    /*background-color: #fefefe;*/
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 100;
    color:#404040;
}

.me{
        background-color: #fefefe;    
        box-shadow: 0 0 10px #d7d7d7;
        display:none;
}

.menu__items, .menu__items_2 {
    overflow-y: auto;
}

.menu__items_2{
        overflow: visible;
}

.menu__items li,.menu__items_2 li{
    text-align: center;
    cursor:pointer;
    background-color: #3bb5ea;
    border-radius:50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.menu__items ul li img,.menu__items_2 ul li img {
    vertical-align:middle;
}

.menu__items ul li{
    margin:auto;
    display:block;
}

.menu a{
    color:#404040;
}

.container {
    width: 100vw;
    height:100vh;
    overflow:auto;
    border-radius:30px;
    position:relative;
}

.container iframe, .container #vv iframe{
    width: 100%;
    height:100%;
    border:none;
}

#vv{
    position:absolute;
    width:100%;
    height:100%;
}

.liensVV{
        position:absolute;
        top:50px;
        left:50%;
        z-index: 99;
        background-color: #fefefe;
        transform: translate(0, -50%);
        border-top-right-radius: 5%;
        border-bottom-right-radius: 5%;
        box-shadow: 0 0 10px #d7d7d7;
        transform: translateX(-50%);
        max-width:70vw;
    }

.liensVV span{
        font-style: italic;
    }

.liensVV ul{
        position: relative;
        top: 50%;
}

.menu__items__title{
    position:fixed;
    padding:1px 10px;
    background-color:rgb(225, 225, 225);
    border-radius:10px;
    color:#404040;
    border:1px solid #d7d7d7;
    box-shadow: 0 0 10px #d7d7d7;
    white-space: nowrap;
    z-index: 100000;
}

input[type="text"], input[type="file"], input[type="password"],select {
    width: 80%;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    color: #404040;
}

textarea {
    width: 100%;
    height:100px;
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    color: #404040;
}

.inline {
    display: inline-block;
    margin:0 20px;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.optionListeBox{
    vertical-align: middle;
    display:inline-block;
    height:100%;
    text-align:center;
}

.bcred:hover{
    background-color:red;
}

.bcgrey:hover{
    background-color:rgb(105, 105, 105);
}

.bcyellow:hover{
    background-color:rgb(216, 216, 20);
}

.listeBox{
    padding:0 0 0 0  ;
    background-color:#37a8d8;
    color:#fefefe;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    border:1px solid #059ada;;
    box-shadow: 0 0 10px #d7d7d7;
    white-space: nowrap;
    margin-bottom:20px;
}

.listeBox:hover{
    border:1px solid #d7d7d7;
    box-shadow: 0 0 10px #9b9b9b;
    cursor:pointer;
}

button{
    background-color:#37a8d8;
    color:#fefefe;
    border:1px solid #37a8d8;
    box-shadow: 0 0 10px #d7d7d7;
    cursor:pointer;  
    padding:10px;
    border-radius:5px; 
}

button:hover{
    background-color:#49add8;
}

.cursorPointer{
    cursor:pointer;
}

::-webkit-scrollbar {
    width: 5px;
}
  
::-webkit-scrollbar-track {
    background: #fefefe
}
  
::-webkit-scrollbar-thumb {
    background: #fefefe
}
  
::-webkit-scrollbar-thumb:hover {
    background: #fefefe
}

#title{
    color:#fefefe;
    text-align: center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

#container .fancybox-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bandeauAccueil{
        background-color:#404040;
        border-radius:10px;
        color:#fefefe;
        border:1px solid #d7d7d7;
        box-shadow: 0 0 10px #d7d7d7;
        white-space: nowrap;
        text-align: center ;
        position:fixed;
        top:0;
        width:100vw;
        z-index: 1003   ;
}

.bandeauAccueil h1, .bandeauAccueil img{
        display:inline-block;
        vertical-align:middle;
}

.img-gal{
    cursor:pointer
}

.accueil{
        height:100vh;
        background-color: #fefefe;
        text-align: center;
        position: relative ;
        overflow: auto;
}

.accueil h2{
        color:#fefefe;
}

#myVideo{
        height: 100vh;
        width: 100vw;
        object-fit: cover;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        filter:brightness(60%)
}

.accueil_2{
            position:relative;
            top:0;
            left:0;
            width:100vw;
            z-index: 1001;
}

.img_accueil{
display:block;
margin:auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.mybox{
    font-size:8pt;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position:fixed;
    z-index: 1010;
    bottom:25px;
    left:10px
}

.menu_vv{
        position:fixed;
        z-index: 1002;
        top:10px;
        left:50%;
        transform:translateX(-50%);
}

/* ok */
@media only screen and (max-width: 600px) and (orientation: portrait) {
    /* Styles pour petits appareils en mode portrait */

    .img_accueil{
        margin: auto;
        width:auto ;
        height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 30pt;
    }

    h1{
        font-size: 15pt;
        }

    #title img{
            max-width: 250px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 40px;
            margin: 0 5px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 16pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
        margin: 5px 0;
        font-size: 7pt;
        padding: 5px 10px;
}

        .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],.accueil_2 select {
                padding: 15px;
        }
        
    textarea {
            margin: 10px 0;
            font-size: 12pt;
    }

    body{
            font-size:14pt
    }

    button{
        font-size:15pt;
        padding:5px;
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:8pt;
            padding:5px 0
    }

    .info img {
            max-width:90px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:50px;
            height:30px;
            vertical-align: middle;
            line-height: 30px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:20px;
    }

    .menu__logo {
            width:50px;
            height:50px;
            text-align:center;
            line-height:50px;
    }

    .menu__logo img{
        width:30px;
}

    .container, .liensVV{
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%;
        }

        .menu__items_2 {
                border-top-right-radius: 15px;
                border-top-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
            }      

    .listeBox {
        font-size:10pt;
    }
}

/* ok */
@media only screen and (max-width: 600px) and (orientation: landscape) {
    /* Styles pour petits appareils en mode paysage */

    .img_accueil{
        margin: auto;
        max-width: 100%;
        max-height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 25pt;
    }

    #title img{
            max-width: 120px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 40px;
            margin: 0 10px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 10pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
            margin:  0;
            font-size: 6pt;
            padding: 5px 10px;
    }

    .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],select {
        padding: 5px 10px;
}
        
    textarea {
            margin: 10px 0;
            font-size: 6pt;
            width:initial;
        height:initial
        }

    body{
            font-size:7pt
    }

    .menu {
            line-height: 30px;
            padding:10px 0 10px 5px
    }

    .info {
            font-size:6pt;
            padding:5px 0
    }

    .info img {
            max-width:60px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:40px;
            height:20px;
            vertical-align: middle;
            line-height: 20px;
            margin: 10px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:15px;
    }

    .menu__logo {
            width:50px;
            height:50px;
            text-align:center;
            line-height:50px;
    }

    .menu__logo img {
        width:30px;
}

    .container, .liensVV {
            padding:10px
    }

    .menu__items{
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%
    }

    .menu__items_2 {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;        
}

    h1{
        font-size: 16pt;
        }

        .mybox{
                font-size:5pt;
            }

            button {
                padding: 5px;
                border-radius: 5px;
            }
}

/* ok */
@media only screen and (min-width: 601px) and (max-width: 900px) and (orientation: portrait) {
    /* Styles pour appareils moyens en mode portrait */

    .img_accueil{
        margin: auto;
        width:auto ;
        height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 40pt;
    }

    h1{
        font-size: 24pt;
        }

    #title img{
            max-width: 450px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 60px;
            margin: 0 10px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 16pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
        margin: 5px 0;
        font-size: 7pt;
        padding: 5px 10px;
}

        .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],.accueil_2 select {
                padding: 15px;
        }
        
    textarea {
            margin: 10px 0;
            font-size: 12pt;
    }

    body{
            font-size:14pt
    }

    button{
        font-size:20pt;
        padding:10px;
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:8pt;
            padding:5px 0
    }

    .info img {
            max-width:90px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:50px;
            height:30px;
            vertical-align: middle;
            line-height: 30px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:20px;
    }

    .menu__logo {
            width:90px;
                height:90px;
                text-align:center;
                line-height:90px;
    }

    .menu__logo img{
        width:50px;
}

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%;
        }

        .menu__items_2 {
                border-top-right-radius: 15px;
                border-top-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
                
            }

    .listeBox {
        font-size:10pt;
    }
}

/* ok */
@media only screen and (min-width: 601px) and (max-width: 900px) and (orientation: landscape) {
    /* Styles pour appareils moyens en mode paysage */

    .img_accueil{
        margin: auto;
        max-width: 100%;
        max-height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 25pt;
    }

    #title img{
            max-width: 120px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 60px;
            margin: 0 20px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 16pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
            margin: 5px 0;
            font-size: 8pt;
            padding: 5px 10px;
    }

    .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],select {
        padding: 10px 10px;
}
        
    textarea {
            margin: 10px 0;
            font-size: 10pt;
            width:initial;
        height:initial
        }

    body{
            font-size:10pt
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:7pt;
            padding:5px 0
    }

    .info img {
            max-width:90px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:40px;
            height:20px;
            vertical-align: middle;
            line-height: 20px;
            margin: 10px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:15px;
    }

    .menu__logo {
            width:50px;
             height:50px;
            text-align:center;
            line-height:50px;
    }

    .menu__logo img{
        width:30px
    }

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%
    }

    .menu__items_2 {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        
}

}

/* ok */
@media only screen and (min-width: 901px) and (max-width: 1919px) and (orientation: portrait) {
    /* Styles pour grands appareils en mode portrait */

    .img_accueil{
        margin: auto;
        width:auto ;
        height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 50pt;
    }

    h1{
        font-size: 35pt;
        }

    #title img{
            max-width: 500px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 100px;
            margin: 0 20px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    h1{
        font-size: 43pt;
    }

    .accueil h2{
            font-size: 40pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
        margin: 5px 0;
        font-size: 20pt;
        padding: 5px 10px;
}

        .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],.accueil_2 select {
                padding: 10px;
        }
        
    textarea {
            margin: 10px 0;
            font-size: 12pt;
    }

    body{
            font-size:20pt
    }

    button{
        font-size:20pt;
        padding:10px;
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:18pt;
            padding:5px 0
    }

    .info img {
            max-width:10px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:100px;
            height:80px;
            vertical-align: middle;
            line-height: 80px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:40px;
    }

    .menu__logo {
            height:90px;
            width:90px;
            text-align:center;
            line-height:90px;
    }

    .menu__logo img{
        width:50px;
}

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%;
        }

        .menu__items_2 {
                border-top-right-radius: 15px;
                border-top-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
            }

    .listeBox {
        font-size:20pt;
    }

}

/* ok */
@media only screen and (min-width: 901px) and (max-width: 1919px) and (orientation: landscape) {
    /* Styles pour grands appareils en mode paysage */

    .img_accueil{
        margin: auto;
        max-width: 100%;
        max-height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 34pt;
    }

    #title img{
            max-width: 200px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 100px;
            margin: 0 20px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 24pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
            margin: 5px 0;
            font-size: 10pt;
            padding: 5px 10px;
    }

    .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],select {
        padding: 15px 10px;
}
        
    textarea {
            margin: 10px 0;
            font-size: 10pt;
    }

    body{
            font-size:10pt
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:8pt;
            padding:5px 0
    }

    .info img {
            max-width:120px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:60px;
            height:40px;
            vertical-align: middle;
            line-height: 50px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:30px;
    }

    .menu__logo {
            width:50px;
            height:50px;
            text-align:center;
            line-height:50px;
    }

    .menu__logo img{
        width:30px
    }

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%
    }

    .menu__items_2 {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
}

}

/* ok */
@media only screen and (min-width: 1920px) and (orientation: portrait) {
    /* Styles pour tres grands appareils en mode portrait */

    .img_accueil{
        margin: auto;
        width:auto ;
        height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 64pt;
    }

    #title img{
            max-width: 600px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 100px;
            margin: 0 20px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 40pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
        margin: 5px 0;
        font-size: 24pt;
        padding: 5px 10px;
}

        .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],.accueil_2 select {
        padding:10px;
        }
        
    textarea {
            margin: 10px 0;
            font-size: 24pt;
    }

    body{
            font-size:30pt
    }

    button{
        font-size:40pt;
        padding:10px;
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:18pt;
            padding:5px 0
    }

    .info img {
            max-width:250px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:150px;
            height:130px;
            vertical-align: middle;
            line-height: 130px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:65px;
    }

    .menu__logo {
            width:140px;
            height:140px;
            text-align:center;
            line-height:140px;
    }

    .menu__logo img{
        width:100px;
}

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%;
        }

        .menu__items_2 {
                border-top-right-radius: 15px;
                border-top-left-radius: 15px;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
            }

    .listeBox { 
        font-size:24pt;
    }

}

/* ok */
@media only screen and (min-width: 1920px) and (orientation: landscape) {
    /* Styles pour trés grands appareils en mode paysage */

    .img_accueil{
        margin: auto;
        max-width: 100%;
        max-height:100%;
        /*transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;*/
    }

    #title{
            font-size: 34pt;
    }

    #title img{
            max-width: 200px;
            margin: 0 0 10px 0;
    }

    .logoAccueil{
            max-width: 100px;
            margin: 0 20px 0 0;
    }

    .bandeauAccueil{
            padding:10px 0 10px 0;
    }

    .accueil h2{
            font-size: 24pt;
    }

    .img-gal{
            max-width:100px;
    }

    .menu__items__title{
            font-size:10pt;
            margin:0 80px;
    }
        
    input[type="text"], input[type="file"], input[type="password"],select {
            margin: 5px 0;
            font-size: 10pt;
            padding: 5px 10px;
    }

    .accueil_2 input[type="text"], .accueil_2 input[type="file"], .accueil_2 input[type="password"],select {
        padding: 15px 10px;
    }
        
    textarea {
            margin: 10px 0;
            font-size: 10pt;
    }

    body{
            font-size:10pt
    }

    .menu {
            line-height: 30px;
            padding:15px 0 15px 5px
    }

    .info {
            font-size:8pt;
            padding:5px 0
    }

    .info img {
            max-width:150px;
    }

    .menu__items ul li, .menu__items_2 ul li {
            padding:10px 0;
            width:70px;
            height:50px;
            vertical-align: middle;
            line-height: 50px;
            margin: 15px auto;
    }

    .menu__items ul li img, .menu__items_2 ul li img {
            width:35px;
    }

    .menu__logo {
            width:50px;
            height:50px;
            text-align:center;
            line-height:50px;
    }

    .menu__logo img{
        width:30px
    }

    .container, .liensVV {
            padding:10px
    }

    .menu__items {
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            height:100%
    }

    .menu__items_2 {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
}
}