/* MENU 1*/









header{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1rem;
    margin: 0px;
    border-radius: none;
    border-bottom: solid 0.5px rgba(255,255,255, 0.9);
    border-top: none;
    box-shadow:  0px 0px 15px rgba(255,255,255, 0.7);
    background-color: black;
    position: fixed;
    top: 0;
    z-index: 1;
}





.menu-1{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    padding : 0px;
    margin: 0px;

}







.menu-2{
	display: none;
}







      
      
    nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    background-color: black;
    padding : 0px;
    margin-top: 15px;
    margin-bottom: 15px;

    }



    nav ul {
      list-style: none;
    margin: 0px;
      padding: 0px;
      display: flex;
      gap: 25px;
      justify-content: center;
    }


    nav li {
      display: inline;
          margin: 0px;
      padding: 0px;
              justify-content: center;
    }




ul li a {
        
      color: #ffffff;
      text-decoration: none;

      letter-spacing: 0.5px;

        font-style: italic;
            font-size: 16px;
    font-style: italic;
    margin: 0px;
      padding: 0px;
    }



 a:hover {
      color: #f9f9f9;
    
    }
    





































/* AFFICHAGE TABLETTE IPAD */

@media screen and (min-width: 750px) and (max-width:1279px){

  
    
    


header{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	margin-right: auto;
	margin-left: auto;
    padding : 0px;
    margin: 0px;
    border-radius: none;
    border-bottom: rgba(230,230,230, 0.7);
    border-top: none;
    box-shadow:  0px 0px 15px rgba(255,255,255, 0.3);
    background-color: black;
    position: fixed;
    top: 0;
    z-index: 1;
}


    
    
    
    

.menu-1{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    padding : 0px;
    margin: 0px;

}







.menu-2{
	display: none;
}


    
    
    
      
      
    nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    background-color: black;
        padding : 0px;
    margin-top: 15px;
            margin-bottom: 15px;

    }



    nav ul {
      list-style: none;
    margin: 0px;
      padding: 0px;
      display: flex;
      gap: 20px;
      justify-content: center;
    }


    nav li {
      display: inline;
          margin: 0px;
      padding: 0px;
              justify-content: center;
    }




ul li a {
        
      color: #ffffff;
      text-decoration: none;

      letter-spacing: 0.5px;

        font-style: italic;
            font-size: 20px;
    font-style: italic;
    margin: 0px;
      padding: 0px;
    }



 a:hover {
      color: #ffffff;
    
    }
    





    
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    


/* AFFICHAGE IPHONE */
@media screen and (max-width: 749px){
    
  
    
    


header{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	margin-right: auto;
	margin-left: auto;
    padding : 0px;
    margin: 0px;
    border-radius: none;
    border-bottom: rgba(230,230,230, 0.7);
    border-top: none;
    box-shadow:  0px 0px 15px rgba(255,255,255, 0.3);
    background-color: black;
    position: fixed;
    top: 0;
    z-index: 1;
}


  

    
    
    
    
    
    
    
    
    
      
      
    nav {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    background-color: black;
    padding : 0px;
    margin-top: 7px;
    margin-bottom: 7px;

    }



    nav ul {
      list-style: none;
    margin: 0px;
      padding: 0px;
      display: flex;
      gap: 15px;
      justify-content: center;
    }


    nav li {
      display: inline;
          margin: 0px;
      padding: 0px;
              justify-content: center;
    }




ul li a {
        
      color: #ffffff;
      text-decoration: none;

      letter-spacing: 0.5px;

        font-style: italic;
            font-size: 15px;
    font-style: italic;
    margin: 0px;
      padding: 0px;
    }



 a:hover {
      color: #ffffff;
    }
    






.menu-1{
	display: none;
}




.menu-2{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
    padding : 0px;
    margin: 0px;

}









}