body {
	margin: 0px;
	background-image: url(../donnees/photos/plaque.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#titre {
	margin-left: 50vw;
	margin-top: 1vh;
	transform: translateX(-50%);
	width: 40vw;
	height: 7vh;
	line-height: 7vh;
	text-align: center;
	background: linear-gradient(#bbdddd, #6099cd);	
	font-size: 4vh;
	border-radius:5px;
	box-shadow: 5px 5px 5px black;
	color: #333333;
	text-shadow: 1px 1px 2px white;
	overflow: hidden;
}

#container {
	width: 90vw;
	margin-left: 50vw;
	transform: translateX(-50%);
	margin-top: 1vh;
	height: 80vh;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

#nav {
	width: 16vw;	
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

#container_images {
	width: 70vw;
	height: 85vh;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}


#ligne1 {
	margin-top:3vh;
	width: 68vw;
	height: 32vh;
	border: 1px black solid;
	border-radius: 1vh;
	padding: 1vh;
	box-shadow: 5px 5px 5px black;
	background-color: #cbcbcb;
}

#ligne1 {
	font-size: 1.1em;
}	

#ligne1 ul {
	margin-left: 10vw;
	font-size: 2vh;
}

#container_images img{
	width: 18vw;
	height: 22vh;
	box-shadow: 5px 5px 5px black;	
	transition-delay: 1s;
	transition-duration: 1s;
}

#container_images b{
	font-size: 4vh;
}

#container_images img:hover{
	-ms-transform: scale(2); 
	-webkit-transform: scale(2); 
	transform: scale(2);
	overflow: hidden;
}
	
#ligne2 {
	width: 70vw;
	height: 40vh;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;	
}

#ligne3 {
	width: 70vw;
	height: 40vh;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;	
}


footer {
	margin-top: 2vh;
	height: 5vh;
	line-height: 5vh;
	width: 30vw;
	margin-left:50vw;
	transform: translateX(-50%);
	text-align: center;
}

footer a {
	color: black;
	text-decoration: underligne;
}

.onglet {
	background:linear-gradient(#aadddd, #6099cd);
	transition: background 1s;
	border-radius: 0px 20px 0px 20px;
	text-align: center;
	line-height: 5vh;
	box-shadow: 4px 4px 4px black;
	text-decoration: none;
	color: #000000;
	text-shadow: 1px 1px 2px white;
	width: 16vw;
	height: 5vh;
	font-size:2.2vh;
	overflow: hidden;

}

.onglet:hover {
	background-color: #218a92;
	background-image:linear-gradient(#555555, rgba(85, 85, 85, 0));
	color: #cccccc;
	text-shadow: 1px 1px 2px black;
	width: 16vw;
	height: 5vh;	
	transition:background 2s ease;
}