

/* --------------------------------------------------------- */
/* ----- media queries --- */
/* --------------------------------------------------------- */
@media (min-width: 350px) {

}
@media (min-width: 550px) {


}
@media (min-width: 768px) {

    .contain-left{
        display:table-cell;
        vertical-align:top;
        text-align:right;
        max-width: 300px;
        padding:30px;
        padding-top: 100px;
    }

    .contain-right{
        display:table-cell;
        vertical-align:top;
        max-width:600px;

        padding:30px;
        padding-top: 100px;

        padding-right: 80px;

    }

    .local-contain {
        margin-top: 7vh;
        margin-left:210px;
        min-height: 83vh;
    }
    .iframemesure{
        border:none;
        transform: scale(1);
    }
    .reserve{
        display:none;
    }

    .header{
        justify-content:unset;
    }
    .header-logo{
        margin:unset;
    }

    .header-menu{
        display:inline-block;
        font-size: 18px;
        line-height: 36px;
    }
    .header-burger{
        display:none;
    }

    .header-lang{
        position:absolute;
        top:20px;
        right:15px;
    }


    .home-left{
        width:calc(48% - 40px);
        height:100%;
        background-image:url('../imgs/visuel_grid.svg');
        /*background-size:80%;
        background-position: 20px 100px;*/
        margin-left:40px;
        display:table-cell;
    }

    .home-left-text{
        margin-top:10px;
        margin-right:30px;
        margin-bottom:30px;
        padding:15px;
    }

    .home-right{
        width:calc(48% - 40px);
        height:100%;
        margin-left:40px;
        display:table-cell;
    }


    .home-slider{

    }
    .slider-item{
        position:absolute;
        left:calc(50% - 250px);
        width:500px;
    }


    #slider-previous{
        position:absolute;
        top:200px;
        left:calc(50% - 250px - 60px);
        font-size:1.5em;
    }
    #slider-next{
        position:absolute;
        top:200px;
        left:calc(50% + 250px + 40px);
        font-size:1.5em;
    }


    .home-last-part-left{
        width:calc(48% - 30px);
        text-align:left;
        padding-left:30px;
        padding-bottom:30px;
        display:block;
    }


    .home-last-part-right{
        width:48%;
        background-size:80%;
        display:inline-block;
        position:absolute;
        top:100px;
        right:0;

        margin-left:unset;
    }
    .home-last-part-text{
        margin-left:-25%;
        width:calc(50% - 30px);
    }

    .footer{

        font-size:1em;
    }
    .footer-item{

    }
    .footer-item img{
        width:unset;
    }
    .footer-img{
        height:30px;
    }


    .toggle-submenu{
        height:50px;

    }
    #header-menu-container{
        display:block;
        left: 250px;
        width: unset;
        top: unset;
        border-style: unset;
    }

    .header-submenu{
        position: absolute;
        top:50px;
        border-style: solid;
        border-width: thin;
        border-color: #5a78fc;
    }


    .sidebar{
        width:210px;
    }

    .main-navigation{
        display:block;
        font-size: 0.8em;
    }
    .site-navigation{
        margin-top: 9.5vh;
    }
    .sub-menu li:hover { /* .sub-menu li .i18:hover */
        /*background:unset;*/
        font-weight:unset;
        color:#000000;

    }


    #next-page {
        position: fixed;
        top: 45%;
        right: 30px;
        margin:unset;
    }


    .questions{
        width: calc(100% - 140px);
        background-position: 10px center;
        padding: 30px;
        padding-top: 30px;
        padding-left: 110px;

    }
    .legende-img{
        text-align:right;
    }
    .imgmidshor{
        width:50%;
        margin-top:2em;
        margin-bottom:2em;
    }


    .ch-subsubmenu{
        display:none !important;
    }
    .slider-img img{
        height:300px;
    }
    #cartel-img{
        width:310px;
        height:420px;
        background-size:cover;
        display:table-cell;
        background-position:unset;
    }
    #panel-container{
        display:block;
    }

    #mobile-panel-container{
        display:none;
    }
    #header-mobile-nav{
        display:none !important;
    }
    #footer-mobile-space{
        display:none !important;
    }
    #footer-mobile-nav{
        display:none !important;
    }

}