/* RH sections */
    
    #rh-sections {
        background-color: #E3F9FF;
    }
    
    #rh-sections #container {
        width: 800vw;
        background-color: #E3F9FF;
    }
    
    .wrapBipeur:before {
        content: '';
        width: 62px;
        height: 100vh;
        background-color: #D9D9D9;
        position: absolute;
        left: 50%;
        margin-left: -31px;
    }
    
    .wrapBipeur .bipeur {
        margin-top: 15vh;
        z-index: 2;
        height: 60vh;
        position: relative;
    }
    
    .wrapBipeur .circle {
        position: absolute;
        bottom: 14%;
        left: calc(50% - 7vh);
        z-index: 4;
        cursor: pointer;
        height: 14vh;
        transition: transform 0.5s ease;
        transform: scale(1);
        animation: scalePulse 2s infinite;
    }
    
    .is-Blue {
        background-color: #286F9F;
    }
    
    .is-Red {
        background-color: #C8464B;
    }
    
    @keyframes scalePulse {
        0% {
            transform: scale(1);
        }
        70% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1);
        }
    }
    
    .wrapBipeur .bipeurActive {
        position: absolute;
        top: 22vh;
        z-index: 5;
        left: 0px;
        display: none;
        width: 100%;
        text-align: center;
    }
    
    .wrapBipeur .bipeurActive img {
        display: inline-block;
        width: 100%;
    }
    
    .wrap-charts .simplePict {
        width: 100%;
    }
    
    .wrapBipeur .visibleLogo .bipeurActive {
        display: block;
        background-color: #c3f27b;
        left: 7.4vh;
        width: 22.6vh;
        height: 23vh;
        border-radius: 10px;
        padding: 30px;
    }
    
    #panel-1 .ticket {
        height: 160px;
    }
    
    @media screen and (max-width: 1200px) {
        .mobibCard {
            width: 240px;
        }
    }
    
    @media screen and (max-width: 1100px) {
        .mobibCard {
            width: 230px;
        }
    }
    
    @media screen and (max-width: 1000px) {
        .mobibCard {
            width: 220px;
        }
        .bipBox {
            scale: 0.8
        }
    }
    
    @media screen and (max-width: 950px) {
        .bipBox {
            scale: 0.6
        }
        .wrapBipeur:before {
            width: 32px;
            margin-left: -16px;
        }
        h3 {
            margin-bottom: 10px;
        }
    }
    
    @media (max-width: 850px) {
        .mobibCard {
            width: 110px;
        }
        #rh-sections #container {
            background-color: #E3F9FF
        }
        .wrapBipeur {
            right: 90px!important
        }
        .wrapBipeur:before {
            margin-left: -10px;
            width: 20px;
        }
        .wrap-pr400 {
            padding-right: 190px;
        }
    }
    
    @media (orientation: landscape) and (max-width: 850px) {
        .panel {
            overflow: hidden;
        }
        video {
            max-width: 250px;
        }
        #panel-3 video {
            max-width: 200px;
        }
        #panel-6 .col30 {
            display: none;
        }
        #panel-6 .col70 {
            width: 100%;
        }
    }