/*-----------------------MISE EN PAGE ELEMENTS-----------------------*/

body{
	background: linear-gradient(#922CA0, 35%, #D5BC3E);
	background-size: cover;
}


/*-----------------------CONTENU-----------------------*/

#contenu{
	margin-top: 150px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 250px;
}


/*-----------------------POSTER ZOZ-----------------------*/

#posterZoz{
	margin-bottom: 50px;
	display: flex;
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}


#posterZoz p{
	margin-left: 15px;
	color: white;
	font-size: 18px;
	font-family: Calibri Light;
}


#posterZoz .image{
	border: solid 2px black;
	width: 275px;
	height: 350px;
	transition-duration: 0.2s;
}


#posterZoz .image:hover{
	opacity: 0.4;
}


/*-----------------------CANADA-----------------------*/

#canada{
	margin-bottom: 50px;
	display: flex;
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}


#canada p{
	margin-left: 15px;
	color: white;
	font-size: 18px;
	font-family: Calibri Light;
}


#canada .image{
	border: solid 2px black;
	width: 275px;
	height: 350px;
	transition-duration: 0.2s;
}


#canada .image:hover{
	opacity: 0.4;
}


/*-----------------------POSTER ORTHOGRAPHIQUE-----------------------*/

#poster-orthographique{
	margin-bottom: 50px;
	display: flex;
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}


#poster-orthographique p{
	margin-left: 15px;
	color: white;
	font-size: 18px;
	font-family: Calibri Light;
}


#poster-orthographique .image{
	border: solid 2px black;
	width: 275px;
	height: 350px;
	transition-duration: 0.2s;
}


#poster-orthographique .image:hover{
	opacity: 0.4;
}


/*-----------------------JAMES WEBB-----------------------*/
#jamesWebb{
	margin-bottom: 50px;
	display: flex;
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}


#jamesWebb p{
	margin-left: 15px;
	color: white;
	font-size: 18px;
	font-family: Calibri Light;
}


#jamesWebb .image{
	border: solid 2px black;
	width: 275px;
	height: 350px;
	transition-duration: 0.2s;
}


#jamesWebb .image:hover{
	opacity: 0.4;
}


/*-----------------------MINESTID-----------------------*/
#minestid{
	margin-bottom: 50px;
	display: flex;
	animation: fadeIn ease 0.5s;
	-webkit-animation: fadeIn ease 0.5s;
	-moz-animation: fadeIn ease 0.5s;
	-o-animation: fadeIn ease 0.5s;
	-ms-animation: fadeIn ease 0.5s;
}


#minestid p{
	margin-left: 15px;
	color: white;
	font-size: 18px;
	font-family: Calibri Light;
}


#minestid .image{
	border: solid 2px black;
	width: 375px;
	height: 175px;
	transition-duration: 0.2s;
}


#minestid .image:hover{
	opacity: 0.4;
}