/* Importation des polices depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

#logo_header {
    width: 10%;
}

@media (max-width: 1250px) {
    #logo_header {
        width: 15%;
    }
}


.navbar-toggler-icon{
    font-size: 2.5rem;
}

.ligne_header {
    margin: 2vw;
}

.titre_clicable {
    color: black;
}

.titre_clicable:hover {
    color: #F24900;
    text-decoration-thickness: 2px;
}

/* liens du header */
.texte_clicable {
    color: black;
    text-decoration: underline;
}

.texte_clicable:hover {
    color: #F24900;
    text-decoration-thickness: 2px;
}

#hr_header{
    margin: 0;
    padding: 0;
    height: 2px;
    background-color: #F24900;
}

.hr_connexion{
    height:         2vh;
    width:          2px; 
    align-self: center;
}

/* ==================== RGAA ACCESSIBILITE ==================== */

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid #F24900;
    outline-offset: 2px;
}

/* Navigation clavier - uniquement au focus */
.navbar-nav a:focus {
    background-color: rgba(242, 73, 0, 0.1);
    text-decoration: none;
}