body {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin: 0;
	font-family: Lato, Arial;
}
.menur {
		
		position: absolute; z-index: 0; height: 1000px; width: 100%; 
		background-repeat: no-repeat; background-image: url(images/index2.jpg); background-size: 100%; vertical-align: top; 
	}
	  @media (max-width: 600px) {
		  .menur {
			  position: absolute; z-index: 0; height: 1000px; width: 100%; 
		background-repeat: no-repeat; background-image: url(images/index1.jpg); background-size: 100%; vertical-align: top; 
		  }
	  }
#menu0 {position; relative; }
#menu1{
	
   width: 100%; 
   
   max-height: 180px;
    
 overflow: hidden;
  
  -webkit-transition: max-height 2s ;
    transition: max-height 2s ;
}
.menugrey {position: absolute; z-index: 100;
	 text-align: center; height: 180px; line-height: 180px; background: linear-gradient(
      rgba(221, 221, 221, 0.35), 
      rgba(221, 221, 221, 0.35)
    );
    overflow: hidden;
      width:100%;
color: white;
font-size: 7vw;
text-shadow: 0px 1px 4px black;
	}
.menugrey:link  {
text-decoration: none;
color:white;
	}
.menugrey:link  {
text-decoration: none;
color:white;
	}
	.header {
		position: absolute;
		z-index: 2;
		height: 60px;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		position: relative;
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	}
	.insideheader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		width: 100%;
		text-align: center;
	}
	.headertext {
		color: grey;
		flex: auto;
		font-weight: 800;
		padding: 0;
		margin: 0;
	}
	.maintext {
		padding: 15px;
		box-sizing: border-box;
		text-align: center;
		color: #2e2e2e;
		padding-top: 80px;
	
	}
	.maintitle {
		position: absolute;
		z-index: 2;
		width: 100%;
		
		white-space:nowrap;
		color: #007f9b;
		margin-left: auto;
		margin-right: auto;
		padding: 15px; 
		box-sizing: border-box;
		border-bottom: solid 1px #e9e9e9;
		box-shadow: 0px 0px 0px black, 0px -5px 5px rgba(0, 0, 0, 0.5);
		
	}
	.textvignette {
	color: #007f9b;
	font-size: 23px;
	}
	 .thumb {
	   border-radius: 15px;
   }
   .forcedgallery {
	   padding: 15px;
		box-sizing: border-box;
		padding-top: 80px;

   }
   .maintitlephoto {
	   position: relative;
		font-size: 28px;
		color: #007f9b;
		margin-left: auto;
		margin-right: auto;
		padding: 15px; 
		box-sizing: border-box;
		border-bottom: solid 1px #e9e9e9;
		box-shadow: 0px 0px 0px black, 0px -5px 5px rgba(0, 0, 0, 0.5);
		position: absolute;
		z-index: 2;
		width: 100%;
	}
	.return {
		font-size: 17px;
		color: #007f9b;
		text-decoration: none;
		
	}
	.greylink {
		color: grey;
	}
	
	.mapcontainer {
	width: 100%;

	}
	.maplegend {
		position: relative;
		display: inline-block;
		 width: 39%;
		
		 height: 300px;
	}
	@media (max-width: 600px) {
			.maplegend {
	position: relative;
	 width: 100%;
	 height: 300px;
	}
		}
	.mapdiv {
            width: 59%;
            height: 300px;
			border-radius: 15px; 
			overflow: hidden;
			display: inline-block;
        }
		@media (max-width: 600px) {
			.mapdiv {
            width: 100%;
            height: 300px;
			border-radius: 15px; 
			overflow: hidden;
			
        }
		}
		.legenddiv {
			position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);
			padding: 15px;
			box-sizing: border-box;
		}
		.inputdiv {
			padding-bottom: 20px; padding-left: 20px; padding-right: 20px;position: relative; display : inline-block; text-align: left; line-height: 30px;
		}
		.inputdivmsg {
			display:block; margin-left: auto; margin-right: auto; text-align: left; width: 250px;
			padding-bottom: 20px; padding-left: 20px; padding-right: 20px; position: relative; line-height: 30px;
		}
		.champs {
			background-color: #f1f1f1;
			border: none;
			border-bottom: solid 1px #909090;
			height: 40px;
			width: 250px;
			font-family: Lato, Arial;
			font-size: 20px;
			outline: 0;
			color: #909090;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			border-radius: 0;
		}
		.champstextarea {
			background-color: #f1f1f1;
			border: none;
			border-bottom: solid 1px #909090;
			height: 200px;
			width: 250px;
			font-family: Lato, Arial;
			font-size: 20px;
			outline: 0;
			color: #909090;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			border-radius: 0;
		}
		.champssubmit {background-color:#00b2ca;
    padding: 10px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2); 
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
  border: none;
  border-radius: 70px;
  color: white;
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
  font-family: Lato, Arial; 
  font-size: 16px; 
  -webkit-appearance: none;
  transition: all 0.2s;
  width: 100px;}
   .champssubmit:active {background-color: rgba(0,0,0,0.1)
 }
		.msgvalid {
			border-radius: 30px; 
			padding: 10px;
			color: white;
			background-color: #5fda4b;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
		}
		.msginvalid {
			border-radius: 30px; 
			padding: 10px;
			color: white;
			background-color: red;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
		}
		.footer {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			
				
				text-align: center;
				
				color: #494949;
		}
		.separation {
			background-color: rgba(255,255,255, 0.5);
			height: 1px !important;
			width: 50%;
			 margin: 8px 8px 8px 32px;
			
		}
		.footercontainer {
	position: relative;
	border-top: solid 1px #e9e9e9;
	height: 80px;
		}
		.copyright {
			
			}
			
			.logo {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			
			/* Sidenav menu */
.sidenav {
  height: 100%;
  width: 275px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -275px;
background-color: rgba(97, 97, 97, 0.4);
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
-moz-backdrop-filter: blur(25px);
  padding-top: 60px;
  transition: left 0.5s ease;
  z-index: 1000000;
 
}

/* Sidenav menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #dbdbdb;
}

.sidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 10;
  font-family: Lato, Arial;
}

/* Active class */
.sidenav.active {
  left: 0;
}

/* Close btn */
.sidenav .close {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  color: white;
}

/* Icône burger */
.burger-icon span {
	
  display: block;
  width: 25px;
  height: 2px;
  background-color: #909090;
  margin: 4px 0;
  
}

.burger {
	position: absolute;
transform: translate(0, -50%);
	top:50%;
}