Hacked By AnonymousFox

@charset "utf-8";
/* CSS Document */

#formation{
	width: 60%;
	position: absolute;
	left: 0px;
	top: 79px;
	bottom: 0px;
	height: calc(100% - 79px);
	padding-left: 5%;
	padding-right: 5%;
}

#formation img {
	display: none;
	margin-top: 5%;
}

#formation img.active{
	box-sizing:border-box;
	display: block;
	max-width: 100%;
	max-height: 70%;
	margin-left: auto;
	margin-right: auto;
	border: 8px solid #3a3e41;
	margin-bottom: 5px;
}

#formation #navigation #navBtn{
	height: 53px;
	width: 125px;
	margin-left: auto;
	margin-right: auto;
}

#formation #navigation #navBtn a {
	display: block;
	float: left;
	height: 53px;
	width: 60px;
	background-color: #263046;
	background-repeat: no-repeat;
	background-position: center center;
}

#formation #navigation #navBtn a#precedent{
	margin-right: 5px;
	background-image: url(../img/formation/flechePrecedent.png);
}

#formation #navigation #navBtn a#suivant{
	background-image: url(../img/formation/flecheSuivant.png);
}

/* Version mobile */
@media screen and (max-width: 950px) {

	#formation img{
		box-sizing:border-box;
		display: block;
		max-width: 100%;
		max-height: 70%;
		margin-left: auto;
		margin-right: auto;
		border: 8px solid #3a3e41;
		margin-bottom: 5px;
	}

	#formation #navigation #navBtn a#precedent,
	#formation #navigation #navBtn a#suivant{
		display: none;
	}

}