Hacked By AnonymousFox

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

#contenu #formation{
	padding: 3%;
	width: 64%;
}

#main #conteneur #afficheChapitre{
	background-color: #3a3e41;
	padding: 8px;
	width: calc(74% - 16px);
	float: left;
	margin-bottom: 5px;
}

#main #conteneur #afficheChapitre #chapitreContenu{
	background-color: #fff;
	width: 96%;
	padding: 2%;
	float: left;
}

#main #conteneur #afficheChapitre #chapitreContenu h3{
	font-size: 17px;
	color: #161c28;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

#main #conteneur #afficheChapitre #chapitreContenu p {
	font-size: 14px;
	margin-bottom: 8px;
}

#main #conteneur #afficheChapitre #chapitreContenu ul,
#main #conteneur #afficheChapitre #chapitreContenu ol{
	margin-top: 7px;
	margin-bottom: 7px;
}

#main #conteneur #afficheChapitre #chapitreContenu ul li,
#main #conteneur #afficheChapitre #chapitreContenu ol li{
	font-size: 14px;
	margin-left: 20px;
}

#main #conteneur #afficheChapitre h2{
	width: 98%;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #f28f0e;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 2%;
	float: left;
}

#main #conteneur #chapitre{
	background-color: #3a3e41;
	padding: 8px;
	width: calc(25% - 16px);
	float: left;
	margin-right: 1%;
}

#main #conteneur #chapitre h2{
	width: 98%;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #f28f0e;
	font-size: 15px;
	color: #161c28;
	text-transform: uppercase;
	font-weight: 600;
	padding-left: 2%;
	float: left;
}

#main #conteneur #chapitre ul{
	background-color: #171d2a;
	width: 96%;
	padding: 2%;
	float: left;
}

#main #conteneur #chapitre ul li {
	list-style: none;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	font-size: 13px;
	color: #f2f2f0;
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
}

#main #conteneur #chapitre ul li:hover,
#main #conteneur #chapitre ul li.active{
	text-decoration: underline;
}

#formation #navigation{
	float: right;
	width: 74%;
	height: 53px;
	position: relative;
}

#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) {

	#main #conteneur #chapitre{
		margin-top: 5%;
		width: calc(100% - 16px);
		margin-bottom: 20px;
	}

	#main #conteneur #afficheChapitre{
		width: calc(100% - 16px);
	}

	#contenu #formation{
		position: relative;
		float: left;
		width: 100%;
		padding: 0px;
		top: 0px;
	}

	#contenu #commentaire{
		width: 100%;
		float: left;
		position: relative;
		top: 20px;
	}

	#formation #navigation{
		width: 100%;
	}

}