.banniere{
    display:flex;
    flex-direction: column;
    justify-content: center;
    color:black;
    text-decoration: none;
    /* text-align: center; */
    /* margin-bottom: var(--espace-5); */
    margin-bottom: var(--espace-6);
    /* margin-top: var(--espace-4); */
    z-index: 10;
}

.banniere h1, .banniere h2, .banniere h3{
    font-family: var(--police-titre);
    text-transform: uppercase;
}

.banniere h1{

    font-size: 22vw;   
    line-height: 17vw;
    position:relative;
    right:2vw;
    font-weight: bold;
    font-style: italic;
    
    
}

.banniere h2{
    font-size: 6.5vw;
    font-weight: bold;
}

.banniere h3{
    font-size: 3.7vw;
    font-family: var(--police-texte);
    color:var(--gris-fonce);
    font-style: italic;
    /* font-weight: 100; */
}

    
#panneau-contact{
    padding: var(--espace-5) 0 var(--espace-5) 0;
    z-index:400; 
    width: 100%; 
    font-size: var(--texte-taille-6); 
    font-family: var(--police-titre);

}

@media(min-width:768px){
    .banniere h1{
        font-size: var(--texte-taille-14);
        position: relative;
        line-height: 130px;
        right:19px;
    }
    
    .banniere h2{
        
        font-size: var(--texte-taille-9);
        line-height: var(--texte-ecartementlignes-9-1);
    }
    .banniere h3{
        
        line-height: var(--texte-ecartementlignes-5-2);
        font-size: var(--texte-taille-5 );
    }

    #panneau-contact{
        font-size: var(--texte-taille-9);
    }
}