header {
    width: 100%;
    height:50px;
    background-color: #AF3232;
    box-shadow: 0px 3px 6px rgba(66, 66, 66, 0.801); 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: fixed;
    z-index: 1000;
  }

  .logo img{
    position: fixed;
    width: 10%;
    min-width: 120px;
    left: 2%;
    z-index: 2000;
    text-align: right;
  }
  header .tache img{
    position: fixed;
    top: -5px;
    left: 25%;
    width: 35%;
    height: 50px;
    z-index: 500;

    }
              @media screen and (max-width:1000px){
                header .tache img{
                  left:40%;
                    }
                  }
             @media screen and (max-width:520px){
                header .tache img{
                  left:50%;
                    }
                  }  
         
     
    .reseaux{
     visibility: hidden;
      position: fixed;
      left: 15%;
      margin-top: 15px;
      z-index: 3000;
    }
              @media screen and (max-width:1200px){
                .reseaux{
                left: 15%;
                    }
                  }

                @media screen and (max-width:1000px){
                  .reseaux{
                  left: 150px;
                      }
                    }    
                    @media screen and (max-width:400px){
                      .reseaux{
                      left: 130px;
                          }
                        }    
                    
    .reseaux img{
      margin-right:30px ;
      z-index: 3000;
      }
                @media screen and (max-width:400px){
                  .reseaux img{
                    margin-right:20px ;
                   
                      }
                    }     


    
  /* hamburger*/
                @media screen and (max-width:1000px){
                    .logo img{
                    left: 0;
                        }
                    /* ...bouton lignes...*/
                    .hamburger{
                    cursor: pointer;
                    position: absolute;
                    position: fixed;
                    right: 30px;
                    top: 5px;
                  z-index: 5000;
                    }
                    #one, #two, #three{
                      border: 2px solid #FDFBF4;
                      border-radius: 10px;
                      margin-top:7px;
                      width: 30px;
                      background-color:#FDFBF4;
                      z-index: 3000;
                      }
                    
                    /*hamburger fenetre*/
                    .menu2{
                    position:absolute;
                    right: 0;
                    top: 46px;
                    background:#AF3232;
                    width:200px ;
                    flex-wrap: wrap;
                    border-radius: 0px 20px 0px ;
                    height: max-content;
                    padding-bottom: 20px;
                    }
                    .menu2 a {
                    color: #FDFBF4;
                    margin: 3px;
                    margin-left: 10px;
                    margin-top: 20px;
                    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
                    font-weight: 400;
                    }
                    .menu2 a:hover{
                    border-radius:4px;
                    }
                    .menu2 .active a{
                    background-color:#b4d96ed7;
                    }
                    /*hamburger switch*/  
                    nav{
                    margin-top:-600px ;
                    margin-right: 0px;
                    transition-duration:0.5s;
                    }
                    .nav_open{
                    margin-top: 5px;
                    margin-right: 0px;
                    transition-duration: 0.5s;
                    }
                }
  /*.MENU..............................................*/
.head{
  width: 90%;
  justify-content: space-between;
  flex-wrap: wrap;
}
 .container{
   width: 85%;
    justify-content: space-between;
    flex-wrap: wrap;
 } 

nav{
   display: flex;
   position: fixed;
   top: 15px;
   right: 7%;
   width: max-content;
   z-index: 3000;
 }

                  @media screen and (max-width:1600px) {
                   nav{
                      right: 20px;
                        }
                      }

nav a{
   color: #FDFBF4;
    padding: 2px 15px;
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
    font-weight: 250;
}
nav span{
color:#D8DBB3 ;
}
nav a:hover {
   color: #D8DBB3;
  }
  nav a.active {
   color: white;
    padding: 2px 15px;
    font-weight: 400;
  }