* {
     padding: 0;
     margin: 0;
     list-style: none;
     text-decoration: none;
    
 }


html{
    width: 100%;
}
 .header {
    
     display: flex;
     width: 100%;
     height: 75px;
     justify-content: flex-end;
    position: fixed;
     z-index: 1;
     
    
     
 }

 .logo {
     height: 100%;
     border-radius: 10px;


 }

 .nav_bar {
     height: 100%;
     position: absolute;
     right: 5%;
     top : 10px
   
 

 }

 .nav_bar .fichier .sous_fichier {
     position: relative;
     display: none
 }

  .nav_bar .fichier {
     display: flex;
     justify-content: space-between;
     height: 75px;




 }

 .li_logo{
    margin-right: 10%;
 }
 .entete {


     background-color: rgb(181, 162, 138);
     color: white;
     position: relative;
     font-size: 17px;
     width: 220px;
     display: flex;
     justify-content: center;
     align-items: center;
 }



 .entete:hover {
     background-color: rgb(175, 174, 174);
     cursor: hand;
 }

 .entete:hover .sous_fichier {
     display: block;
     position: absolute;
     left: 0px;
     width: 100%;
     top: 90%;
     background-color: rgb(175, 174, 174);
     z-index: 2;


 }

 .header a {
     color: white;
 }

 .header a:visited {
     color: white;

 }

  .nom {
     padding: 20px;
 }

 .nom:hover {
     background-color: rgba(131, 133, 132, 0.932);
 }

svg{
   
    height: 100%;
    stroke: rgb(255, 255, 255);
    border-radius: 7px;
    display: none;
    
    
}


.burger_menu{
   display: none;
}
.nav_links{
    display: none;
}


 @media screen and (max-width:1100px) {
  






 .burger_menu{
 display: block;
 }



 .header{
    display: none;
    top : 0;
 }

 header{
    height: 100%;
    
 
   
 }
  .header ul{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    z-index: 5000;
    position: absolute;
 
 }

 .li_svg{

position: absolute;
right: 5%;
top:65px;
z-index: 2001;
display: block;

 }
.icone_svg{
    height: 50px;
    width: 50px;
    background-color:rgb(181, 162, 138);
display: block;
    
    
   
}

.nav_links{
    display: none;
}

.mobile_menu{
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    background-color:rgba(181, 162, 138, 0.973); 
    height:100%;
    width: 100%;
    animation: volet 2s;
    z-index: 2000;
    position: absolute;

}

@keyframes volet {
    0%{
        translate: -100%
    }
    100%{
        translate: 0%;
    }


    }
     





.titre_burger{
    display: none;
}

.affiche{
  
  padding: 10px;
 
     

}
.affiche:hover{
background-color: rgba(131, 133, 132, 0.932);

}
.nav_links a{
     color: white;
    font-size: 30px;
}


}