@font-face {
    font-family: 'NeoSansStd';
    src: url('../../FO/font/NeoSansStd-Black.otf');
}
@font-face {
    font-family: 'dinCondensedBold';
    src: url('../../FO/font/din-condensed-bold.ttf');
}
@font-face {
    font-family: 'FrutigerLTArabic';
    src: url('../../FO/font/FrutigerLTArabic-75Black.ttf');
}
@font-face {
    font-family: 'DINAlternate';
    src: url('../../FO/font/DINAlternate-Bold.ttf');
}
@font-face {
    font-family: 'ArbFONTS';
    src: url('../../FO/font/ArbFONTS-Hacen-amra.ttf');
}
.navbar {
    width: 100%; /* Occupe toute la largeur de l'écran */
    top: 0; /* S'assurer que la navbar reste en haut */
    z-index: 1000; /* S'assurer que la navbar soit au-dessus des autres éléments */
}
.nav-link{
    font-size: 1.2vw;
    font-family: Montserrat!important;
    padding-left: 25px!important;
    color:black!important;
    white-space: nowrap;
    /* font-weight: bold; */
}
.nav-link:active, .nav-link:hover{
    color:#e32718!important;

}
.image30{
    max-width: 100%;  /* L'image ne dépassera pas la largeur du conteneur */
    height: auto; 
}
.navbar-light .navbar-toggler{
    border-color: white!important;
}
.modal-header{
    border-bottom: 0px solid #e9ecef!important;
}
.gagnezChaqueSemaineAr{
    display: block!important;
}
.gagnezChaqueSemaineAr1{
    display: none!important;
}
@media (max-width: 767px) {
    img {
        width: 100%; /* Sur les écrans plus petits, l'image prend toute la largeur disponible */
    }
    .gagnezChaqueSemaineAr1{
        font-size:60px!important;
    }
    .navbar-toggler > .navbar-brand{
        font-size:13px!important;
    }
    .user{
        display: none;
    }
    .gagnezChaqueSemaineAr1{
        display: block!important;
    }
    .gagnezChaqueSemaineAr{
        display: none!important;
    }
}
i{
    color:black!important;
}
.gagnezChaqueSemaineAr{
    font-family: ArbFONTS!important;
    font-size:68px;
}
.gagnezChaqueSemaineAr1{
    font-family: ArbFONTS!important;
    font-size:68px;
}
body { 
    background: #F5F5F5;  
    background-image: url('../../FO/images/backgroud-image.png');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh; /* Hauteur minimale égale à la hauteur du viewport */
  
}

.btnCommencer{
    background-color: #e9a914;
    width: 50%;
    font-family: NeoSansStd!important;
    border-radius: 50px!important;
}
/* Compteur */
#demo {
    text-align: center;
    font-size: 1.5vw;
    margin-top: 0px;
  }
  b{
    font-size: 2.2vw;
  }
.col-md-2{
    background-color: white;
    margin-left: 10px!important;
}
.btnSubmit{
    background-color: #dca900!important;
}