html{
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    background-color: black;
    font-family: 'Permanent Marker', cursive;
    font-family: 'Roboto', sans-serif;
}
#navbarNav{
    right: 10%;
    position: absolute;
}
#baniere{
    background-color: #391a41;
    color: #DBDAE1;
}
#img_baniere{
    width: 90%;
    height: 90%;
}
#footer{
    background-color: #84ee92;
    color: #2c2c2d;
    position: relative;
    top: 20%;
}
#img_footer_adresse{
   width: 100%;
}
#background_video{
    position: absolute;
    opacity: 1;
    z-index: -100;
    left: 0;
    top: 10%;
    /* border-radius: 0% 20% 0% 20%; */
    width: 100% !important;
    padding: 0px !important;
    /*margin: 0 !important;*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}
#logo_jump_eure{
    width: 20%;
}
#annonce_horaire{
    position: relative;
    top :3%;
    left : 0%;
    width: 51%;
}
#annonce_events{
    position: relative;
    left :-5%;
    top :35%;
    width: 46%;
}
#adresse_img{
    position: relative;
    opacity: 0.5;
    width: 25%;
    left: 50%;
    top: 20%;
}
.row-horaire{
    position: relative !important;
    top: 30px !important;
}
.titre_horaire_vs{
    padding: 5%;
    font-weight: 800;
    color: #DBDAE1;
    text-decoration: underline;
    font-size: 160%;
    position: relative;
}
.rowhoraire{
    width:87% !important;
    border-bottom:#7ed957cc solid 1px;
    margin-left:15%;
    margin-bottom:3px;
}
.horaire_vs{
    padding-left: 20%;
    font-weight: 800;
    color: #DBDAE1;
    font-size: 150%;
    position: relative;
    top: 15%;
}
.horaire{
    padding:0px;
    margin:0px;
    color:#86cf83;
    position: relative;
    top: 15%;
}
.infoHoraire{
    position: relative;
    left:-25%;
    top:20px;
    color: aqua;
}
.infoHoraire p{
    text-align: center;
    margin-bottom: 0 !important;
}
#facebook{
    float: right;
    position: relative;
    width: 30% !important;
}
#instagram{
    float: right;
    position: relative;
    width: 40% !important;
}
.a_nav1{
    position: relative;
    left: 68%;
    top: -55px;
    width: 10% !important;
}
.a_nav2{
    position: relative;
    left: 57.5%;
    top: 55px;
    width: 10% !important;
}
.row_tarif{
    position: relative;
    top: 50px;
}
.div_tarif{
    color: #DBDAE1;
    border-bottom: #86cf83 solid 1px;
    font-size: 110%;
    font-weight: 500;
}
.price{
    color: #DBDAE1;
    border-bottom: #c54ea1 solid 1px;
    font-size: 90%;
}
#img-tarif1{
    position: absolute;
    left: 67%;
    top: 500px;
    width: 25%;
}
.img_info_1{
    position: relative;
    top: 5px;
    padding: 10px;
    /*z-index: 1000;*/
    width: 100%;
}
.img_info_2{
    position: relative;
    top: 5px;
    /*z-index: 1000;*/
    width: 100%;
}
.faq-row{
    position: relative;
    top: 10px;
}
.faq-question{
    cursor: pointer;
    font-size: 20px;
    color: #86cf83;
    margin-bottom: 2px;
    padding: 2px;
    border: #fff 1px solid;
}
.faq-reponse{
    display: none;
    font-size: 20px;
    padding: 2px;
    border: #86cf83 1px solid;
    color: #DBDAE1;
}
.faq-question-actif{
    cursor: pointer;
    display: block;
    background-color: #86cf83;
    color: #000000;
    font-size: 23px;
    font-weight: 600;
    margin: 1px;
    padding: 1px;

}
.faq-reponse-actif{
    display: block;
    background-color: #b7d6b6;
    color: #000000;
    font-size: 23px;
    margin: 1px;
    padding: 1px;

}
.fb-page{
    width: 100%;
}
#iframe-facebook{
    display: none;
}
#iframe-facebook-2{
    display: block;
}
#link-resa{
    cursor: pointer;
    color: #f515b1;
}
#pop-resa{
    border-radius: 25px;
    width: 300px;
    position: fixed;
    top: 140px;
    left: 74%;
    height: 400px;
    background-color: #343A40;
    display: none;
    z-index: 100000;
    box-shadow: 1px 1px 3px #161616;;
    opacity: 0.95;
}
#close-pop-resa{
    cursor: pointer;
    position: relative;
    top: 4px;
    float: right;
    font-size: 25px;
    margin: 10px;
    color: #DBDAE1;
}
.ul_resa{
    position: relative;
    top: 46px;
}
.li_resa{
    text-align: center;
    border: #f515b1 solid 1px;
    margin: 20px;
    padding: 10px;
    border-radius: 10px;
}
.resa_link{
    color: #86cf83;
    font-size: 20px;
}
.resa_link:hover{
    font-size: 19px;
    color: #c54ea1;
    text-decoration-line: none;
}
.link-footer{
    color: #35182c;
    font-weight: 500;
}
.link-footer:hover{
    color: #8f4077;
    font-weight: 700;
}
.title-page-horaires{
    color: #1b9448;
}
.subTitle-page-horaires{
    color: #c54ea1;
}
.text-page-horaires{
    color: #DBDAE1;
}
.title-page-tarifs{
    color: #c54ea1;
}
.subTitle-page-tarifs{
    color: #1b9448;
    text-decoration-line: underline;
}
.text-page-tarifs{
    color: #DBDAE1;
}
.title-page-infos{
    color: #1b9448;
}
.subTitle-page-infos{
    color: #c54ea1;
    text-decoration-line: underline;
}
.subTitle-page-infos-1{
    color: aqua ;
    position: relative;
    top: 40%;
}
.text-page-infos-1{
    color: #DBDAE1;
    position: relative;
    top: 40%;
}
.subTitle-page-infos-2{
    color: aqua ;
    position: relative;
    top: 40%;
}
.text-page-infos-2{
    color: #DBDAE1;
    position: relative;
    top: 40%;
}
.subTitle-page-infos-3{
    color: aqua ;
    position: relative;
    top: 40%;
}
.text-page-infos-3{
    color: #DBDAE1;
    position: relative;
    top: 40%;
}
.subTitle-page-infos-4{
    color: aqua ;
    position: relative;
    top: 40%;
}
.text-page-infos-4{
    color: #DBDAE1;
    position: relative;
    top: 40%;
}
.title-page-anniv{
    color: #1b9448 ;
}
.subTitle-page-anniv{
    color: #c54ea1;
}
.subTitle-page-anniv-2{
    color: aqua ;
}
.text-page-anniv-2{
    color: #DBDAE1;
}
.reglement_link{
    color: red;
    font-weight: bold;
}
.reglement_link:hover{
    color: red;
    font-weight: bold;
    font-size: 40px;
}
@media (max-width: 1000px){
    .ul_resa{
        position: relative;
        top: 15px;
        left: -35px;
    }
    #img_resa{
        width: 80%;
        /*height: 70%;*/
    }
    #pop-resa{
        top: 195px;
        left: 10%;
        height: 20rem;

    }
    #iframe-facebook{
        display: block;
    }
    #iframe-facebook-2{
        display: none;
    }
    #facebook{
        float: unset;
        position: relative;
        width: 110% !important;
    }
    #instagram{
        float: unset;
        position: relative;
        width: 110% !important;
    }
    .a_nav1{
        left: 20%;
        top: 0px;
    }
    .a_nav2{
        left: 10%;
        top: -2px;
    }
    #annonce_horaire{
        position: relative;
        top :52%;
        left : -3%;
        width: 56%;
    }
    #annonce_events{
        position: relative;
        left :50%;
        top :-8%;
        width: 52%;
    }
    #navbarNav{
        right: 0%;
        position: relative;
    }
    .nav-link{
        text-align: center;
    }
    #background_video{
        /*top: 20%;*/
        width: 100% !important;
    }
    #adresse_img{
        width: 50%;
        top: -70%;
    }
    .titre_horaire_vs{
        font-size: 100%;
    }
    .row-horaire{
        width: 100%;
        position: relative !important;
        top: 30px !important;
    }
    .horaire_vs{
        font-weight: 500;
        font-size: 80%;
        top:30%;
    }
    .horaire{
        font-size: 100%;
    }
    .infoHoraire{
        font-size: 80%;
        top:100px;
        width: 100%;
        left:0%;
    }
    #img-tarif1{
        position: relative;
        left: 25%;
        top: 65px;
        width: 68%;
        height: 68%;
    }
    .div_tarif{
        font-size: 80%;
    }
    .price{
        text-align: right;
    }
    .img_info_1{
        position: relative;

        /*z-index: 1000;*/
        /*width: 90%;*/
    }
    .img_info_2{
        position: relative;
        /*top: 40%;*/
        float: right;
        /*z-index: 1000;*/
        width: 50%;
    }
    .faq-row{
        position: relative;
        top: 20px;
    }
    .faq-question{
        cursor: pointer;
        font-size: 11px;
        color: #86cf83;
        margin-bottom: 2px;
        padding: 2px;
        border: #fff 1px solid;
    }
    .faq-reponse{
        display: none;
        font-size: 11px;
        padding: 2px;
        border: #86cf83 1px solid;
        color: #DBDAE1;
    }
    .faq-question-actif{
        cursor: pointer;
        display: block;
        background-color: #86cf83;
        color: #000000;
        font-size: 12px;
        font-weight: 600;
        margin: 1px;
        padding: 1px;

    }
    .faq-reponse-actif{
        display: block;
        background-color: #b7d6b6;
        color: #000000;
        font-size: 12px;
        margin: 1px;
        padding: 1px;

    }
    .subTitle-page-infos-1{
        top: 0;
    }
    .text-page-infos-1{
        top: 0;
    }
    .subTitle-page-infos-2{
        top: 0;
    }
    .text-page-infos-2{
        top: 0;
    }
    .subTitle-page-infos-3{
        color: aqua ;
        position: relative;
        top: 0;
    }
    .text-page-infos-3{
        top: 0;
    }
    .subTitle-page-infos-4{
        top: 0;
    }
    .text-page-infos-4{
        top: 0;
    }
}