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


 }



 .header {

     display: flex;
     width: 100%;
     box-sizing: border-box;
     height: 10%;
     justify-content: flex-end;
     position: fixed;
     z-index: 1;





 }

 .barre {
     width: 100%;
     height: 15px;
     background-color: rgba(181, 162, 138, 0.103);
     position: fixed;
     top: 75px;
     transition: opacity 0.3s ease;
  




 }

 .barre.hidden {
     opacity: 0;
 }

 .logo {
     height: 100%;



 }

 .logo:active {
     translate: -550px;
     transition: 4s;
     rotate: -30deg;
     scale: 3;

 }

 .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: 5%;
 }

 .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:1300px) {
 



     .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: 3%;
         z-index: 2001;
         display: block;

     }

     .icone_svg {
         height: 20px;
         width: 20px;
         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: 1500px;
         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: 13px;
     }




 }