.menu-principal{

    /* height:var(--espace-9); */

    /* display:flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    border:none; */

    line-height: var(--espace-6);

    z-index: 400;

    margin: var(--espace-1) 0 var(--espace-1) 0;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    
}








.menu-principal-item{

    height:100%;

    z-index:9000;

    /* border: var(--gris-clair) solid 1px; */

    /* display:flex;

    flex-direction: column;

    justify-content: center;

    align-items: center; */

    

    font-size: var(--texte-taille-4);

    

    text-transform: uppercase;

    font-family: var(--police-texte);

    font-style: italic;

    /* text-decoration: underline; */

    font-weight: bold;

    

    opacity: 0.5;

    color:black;



    margin-right: var(--espace-3);



}



.menu-principal-enligne{

    /* display: flex;

    flex-direction: row; */

    transform:translateY(3px);
    
    

}



/* .menu-principal-enligne .menu-principal-item{

    margin-right: var(--espace-3);

} */









.menu-principal-item:hover{

    

    /* background-color: blue; */

    opacity: 1;

    animation-duration: 200ms;

    animation-name: obscurcir;

}



.menu-principal-item-petit{

    display:flex;

}







.menu-principal-item-petit-icone{

   display: none;

    width:var(--espace-6);

    height:var(--espace-6);

}



@keyframes obscurcir {

    from {

        opacity: 0.5;

    }

    

    to {

        opacity: 1;

        

    }

}



#panneau-contact{

    line-height: 35px;

}



.panneau-contact-titre{



    font-size: var(--texte-taille-7);

    text-transform: uppercase;

    background-color: black;

    color:white;

    padding: 0 var(--espace-2) 0 var(--espace-2);

}



.panneau-contact-contenu{

    font-family: var(--police-texte);

    font-size: var(--texte-taille-6);

    font-weight: bold;

}



.panneau-contact-copier{

    font-size: var(--texte-taille-5);

    text-transform: uppercase;

    color:var(--gris-fonce);

    

}



.panneau-contact-copier:hover{

    

    color:var(--premiere);

    cursor: pointer;

}



.invisible{

    display: none;

}











@media (min-width:768px){

    

    .menu-principal{

        /* height:var(--espace-6); */


        margin-top: var(--espace-4);
      

    }

    .menu-principal-items{
        display: flex;
        flex-direction: row;
        
    }
    
    .menu-principal-reseaux{
        flex:none;
    }
    

    .menu-principal-item{

        

        font-size: var(--texte-taille-5);

        margin-right: var(--espace-6);

    }

    .menu-principal-item:hover{

        

        /* background-color: blue; */

        opacity: 1;

        animation-duration: 200ms;

        animation-name: obscurcir;

    }



    .menu-principal-enligne .menu-principal-item{

        margin-right: var(--espace-3);

    }



    .menu-principal-item-petit{

        display:none;

    }

    .menu-principal-item-grand{

        display:block;

    }



    .panneau-contact-contenu{

        font-size: var(--texte-taille-8);

    }



    .panneau-contact-copier{

        font-size: var(--texte-taille-6);

    }

    

    

@keyframes obscurcir {

    from {

        opacity: 0.5;

    }

    

    to {

        opacity: 1;

      

    }

  }







}