@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

body{
    background-color: #02001a;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
}
.navbar-inverse{
    background-color: transparent !important;
}
.bg-nav {
    font-size: 0.75em;
    padding: 0;
}
.bg-nav li {
    display: inline-block;
    margin: 0 0.3em;
}
.bg-nav li a{
    text-decoration: none;
    padding: 0.5rem;
    background-color:#0A3058;
    color: white;
    display: block;
}
.bg-nav li a:hover{
    background-color: white;    
    color: #0A3058;    
}
.orange{
    color:#FEC83E !important;
}
.container .text-center{
    color: #fff;
}
.title{
    font-size: 2em;
}
.title-2{
    font-size: 1.15em;
}
.chiffre{
    color: #FEC83E;
    border: 2px solid #FEC83E;
    border-radius: 50%;
    width: 1.25em;
    font-size: 2.5em;
    line-height: 1.125em;
    padding: 0;
    margin: 0;
    z-index: 5;
    position: relative;
    background-color: #02001a;
}
.font-orbitron{
    font-family: 'Orbitron';
}
.points p {
    font-size: 0.6em;
}
.trait{
    width: 100%;
    position: relative;
    left: 55%;
    top: 1.5em;
    z-index: 1;
    border-top: solid 2px #fec83e;
}
.trait-2{
    width: 5px;
    height: 3em;
    position: relative;
    left: 50%;
    top: 0em;
    z-index: 1;
    border-left: solid 2px #fec83e;
    margin-bottom: 1em;
}
.liste-points .points:last-child .trait{
    display: none !important;
}
.btn-cheque{
    border: 2px solid #FEC83E;
    color: white;
    padding:  0.5em 1.5em;
    border-radius: 1.5em;
    display: inline-block;
}
.btn-cheque:hover{
    text-decoration: none;
    background-color: #FEC83E;
    color: black;
}
.p-normal{
    font-size: 0.8em;
    font-family: 'Montserrat', sans-serif;
}
footer{
    background-color: white;
    color: #000;
    font-size: 0.65em;
}
hr{
    border-color: #000;
}
.partenariat{
    overflow: hidden;
}
.partenariat img{
    position: relative;
    top: 50px;
}
.wrapper-global{
    z-index: 9999;
}
.danger-big{
    font-weight: 800;
    font-size: 1.7em;
    text-align: justify;
}
.danger{
    font-size: 0.8rem;
    font-weight: 600;
}
.bidon{
    background: url(../img/bidon_gauche.png) no-repeat;
    width: 50%;
    height: 100%;
    bottom: 0;
}
.bidon-left{
    left: 0;
    background-position: bottom left;
    background-size: 75%;
}
.bidon-right{
    background: url(../img/bidon_droite.png) no-repeat;
    right: 0;
    background-position: bottom right;
    background-size: 75%;
}
@media screen and (max-width: 1400px) {
    .bidon-left {
        /* background-position: -40% 140%, 75% 0%;
        background-size: 70%, auto; */
    }
    .bidon-right {
        /* background-position: 150% 125%, 20% 0%;
        background-size: 70%, auto; */
    }
}
@media screen and (max-width: 1200px) {
    body{
        background: url(../img/BG-good.png) no-repeat right;
        background-color: #02001a;
        background-position: 75% 50%;
        background-size: cover;
    }
    .bidon-left {
        background : none;
    }
    .bidon-right {
        background : none;
    }
    .bidon-small{
        padding-top: 250px;
        background: 
            url(../img/Bidon-ok.png) no-repeat
        ;
        background-position: top;
    }
    .bg-nav li a{
        display: inline;
        line-height: 3em;
    }
    .danger-big{
        text-align: center;
    }
    .partenariat img{
        position: relative;
        top: 30px;
    }
}