#mySidenav2 h1 {font-family:'Prompt', sans-serif; font-size:30px; font-weight:400; text-transform: uppercase; color:white; padding:0; margin:0;}
#mySidenav2 h2 {font-family:'Prompt', sans-serif; font-size:22px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}
#mySidenav2 h3 {font-family:'Prompt', sans-serif; font-size:16px; line-height:1; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:white;}
#mySidenav2 h4 {font-family:'Prompt', sans-serif; font-size:10px; line-height:2; font-weight:400; letter-spacing:6px; text-transform: uppercase; color:white;}

#Action h1 {font-family:'Prompt', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:white; padding:0; margin:0;}
#Action h2 {font-family:'Prompt', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}
#Action h3 {font-family:'Prompt', sans-serif; font-size:14px; line-height:1; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:white;}
#Action h4 {font-family:'Prompt', sans-serif; font-size:10px; line-height:2; font-weight:400; letter-spacing:6px; text-transform: uppercase; color:white;}

.sidenav2 {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 11; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
background: linear-gradient(114deg, #00b050, #208125, #165318, #63e89b);
    background-size: 400% 400%;
    animation: gradient 10s ease infinite;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 1s; /* 0.5 second transition effect to slide in the sidenav */

}

/* The navigation menu links */
.sidenav2 a {
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav2 a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav2 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color:white
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#accueil {
  transition: margin-left .5s;
  padding: 20px;
}

#Action {
	
position: fixed;
    width: 20vw;
    height: 70px;
    background-color: #00b050b3;
    z-index: 10;
    opacity: .7;
    margin-top: 75vh;
    border-radius: 50px;
    left: 75vw;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: column;
	
	

}

@media only screen and (max-width:1023px) and (orientation: landscape)
{
#Action {
	    width: 30vw;

    left: 65vw;
}
}



@media screen and (orientation: portrait) {
	
#Action {
width: 70vw;
    height: 60px;
    left:15vw;
    margin-top: 85vh;
}
}