#smasvg{
    margin-top: 1em;
      margin-left: 5px;
      height: 15px;
      width: auto;
  }
  
  .navbarr{
      height: 100px;
      background-color:#F7A722;
      text-align: center;
  }
  
  .acceuil a{
      text-decoration: none;
      color: white;
      text-align: center;
      margin: 25px;
      margin-top: 30px;
  }



  *{
	margin: 0;
	padding: 0;
}
/* MENU DU SITE */
#menuu{
	background-color: #114912;
 }
 #navimg{

	margin: 13px 200px 13px 150px;
	width: auto; height:80px;
 }
 #nvlink{
	color: #fff;
	font-size: 18px;
	margin: 0px 15px;
 }
 
 #nvlink:hover:active{
	color: #F7A722;
 }
 .img-tete{
	width: 100%; 
	height: 500px;
 }
 .text{
	width:100%;;
 }
 .text-img{
	font-size: 3em;
	margin: 20px;
	margin-top: -200px;
 }
 .page{
	float: left;
	margin-top:50px;
 }
.im-text{
	margin: 0px;
}
.ifemme{
	margin: 0 auto;
	margin-top: -200px;
    position: absolute;
    z-index: 200;
}

#imf{
	z-index: 100;
}

.btn-alert {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px 0 0 0;
    color: #fff;
    background: #114912;
  }
  
  .btn-alert:hover {
    color:black;
    background: white;
  }


  .btn-booking {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding: 7px 20px 7px 20px;
    border-radius: 25px;
    transition: 0.5s;
    margin: 15px 0 15px 0;
    color: #fff;
    background: #114912;
  }
  
  .btn-booking:hover {
    color:black;
    background: white;
  }

  .btn-alert {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px 0 0 0;
    color: #fff;
    background: #114912;
  }

  .btn-details {
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding: 7px 20px 7px 20px;
    border-radius: 25px;
    transition: 0.5s;
    margin: 15px 0 15px 0;
    color: #fff;
    background: #F7A722;
  }
  
  .btn-details:hover {
    color:black;
    background: white;
  }

  .btn-alert-2 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px 11px 28px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px 0 0 0;
    
    color:black;
    background: white;
  }
  
  .btn-alert-2:hover {
    color: #fff;
    background: #114912;
  }

/* .menu{
	width: 100%;
	height: 150px;
	background-color: #114912;
}
.logo{
	width: 100px;
}
img{
	margin-top: 40px;
	width: 100px;
	height: 50px;
	float: left;
	margin-left: 200px;
}
ul {
 padding:20;
 margin:20;
 list-style-type:none;
 }
li {
 margin-left:2px;
 margin-right: 300px;
 margin-top: 50px;
 float:right; /*pour IE*/
 /* }
ul li a {
 display:block;
 float:left;   
 width:100px;
 color:white;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 color: aqua;
 }  */


 /* MENU SLVER */
 
 
 /* CORPS DE TEXTE */
 
 

/* On smaller screens, decrease text size */

																			/*MEDIA QUERIES*/
	@media only screen and (max-width:600px) {
	#navimg{
		margin: 0px 0px 0px 0px;  
	}

	#bannerimg{
	height: 30em;  
	}

	#bbtns{
	margin: 0px 0px 0px 10px;
	font-size:18px;
	color: black; 
	border-radius: 25px;
	background-color: #fff;
	font-family: Arial ;
	text-decoration: none;
	padding: 10px 32px;
	transition: 1s;
	}

	#bbtns:hover{
	background-color: #114912;
	color: #fff;
	}

	.r30{
	margin-top: 15px;
	font-size: 20px;
	color: rgb(59, 59, 59);
	width: 20em;
	margin: 0px auto;
	}

	.footer{
	display: flex;
	width: 100%;
	height: 5em;
	background-color: #114912;
	
	}
	
	#ot{
	margin-top: 13px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	}
	
	#smasvg{
	margin-top: 0px;
	margin-left: 3px;
	height: 20px;
	width: 20px;
	color: #fff;

	}
	#odr{
	font-size: 11px;
	margin-left: 4em;
	margin-top: -18px;
	color: white;
	font-weight: lighter ;
	opacity: 0.7;
	margin-right: 5px;
	
	}

	.drt{
	margin-top: 20px;
																			
}

.texte{
	width: 100%;
	top: 0;
}
.page{
	float: left;
	margin-top:50px;
    font-size:20px;
 }

}
					
	/*MEDIA QUERIES*/
	@media only screen and (max-width:820px) {
		
		.page{
			float: left;
			margin-top:45em;
			text-align: justify;
		 }

		 .ifemme{
			position: absolute;
			right: 20px;
			top: 37em;
		
		}
																		
	}