@import "/css/common/template-2.css";
:root {
    --main-bg-color: #003C8D;
    --btn-validation: #003C8D;
    --btn-validation-hover:#0062cc;
    --background-url:url("/img/concours/20/background.jpg") no-repeat top center ;
    --radio-success:#007bff;
    --radio-success-hover:#007bff;
    --radio-danger:#C0C0C0;
    --radio-danger-hover:#C0C0C0;
    --radio-bloc-checked:#D1D3D4;
}

.bloc_product > #titre_bas{
    margin-top: -60px !important;
}

#titre_haut img{
    margin-top:-10px !important;
}

.footer {
    background-color: var(--main-bg-color);;
}
.footer a, .footer {
    color:#FFF;
}
.bloc_descriptif .light h2 {
    color: var(--main-bg-color);
}
.bloc_descriptif .light p{
    text-align: justify;
    padding: 8px;
}

.bg-1{
    background-color: #F5F5F5;
}
.bg-2{
    background-color: #E9E9EB;
}

.bloc-descriptif{
    font-size:0.80em;
    text-align: justify;
}
.bloc-descriptif h3{
    font-size:1.2em;
    margin-top:25px;
    margin-bottom: 5px;
}



#bf,#bf2{
    position:absolute;
}
#bf2{
    max-width:100px;
    right:0px;
    top:0px;
    z-index:100;
    display: none;
}

#accroche_arrow{
    position:absolute;
    right:-70px;
}

@media (max-width: 767px) {
    #bf{
        display:none;
    }

    #bf2{
        display:block;
    }

}

@media (max-width: 300px) {
    #bf2{
        max-width:75px;
    }


}

@media (max-width: 200px) {
    #bf2{
        max-width:50px;
    }


}