@charset "utf-8";
*{
	position:relative; 
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	font-family:inherit;
	list-style:none outside none;
}
.wrapper{/* Pour centrage et fonds variés en pleine page. */
	width:1160px;/* =1200-"paddingLeft"-"paddingRight" */
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
html,body{
	height:100%;/* Pour simuler la pagination verticale. */
	min-width:1200px;/* Pour que le corps ne soit pas plus étroit que son wrapper sinon absence de fond en deça. */
	font-family:arial;
}
header{
	position:fixed;
	left:0px;
	top:0px;
	z-index:10;/* Pour garantir la non recouvrance par les éléments non fixes. */
	width:100%;
	height:58px;/* =60-"border" */
	background-color:#4C89A8;
	border-bottom:solid 2px #FFF;
	line-height:58px;
}
nav{
	width:100%;/* Pour rendre flottant les items du menu... */
	max-width:1200px;/* ...en-deça de 1200px. */
	margin-left:auto;
	margin-right:auto;
}
nav .logo{
	float:left;
	margin-top:10px;/* Pour aligner verticalement avec les items du menu. */
	margin-left:20px;
}
nav .titre{
	float:left;
	top:2px;
	margin-left:20px;
	font-size:35px;
	color:#FFF;
}
nav ul{
	float:right;
	margin-right:20px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
nav li{
	float:left;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
  border-radius:0px 0px 5px 5px;
	transition:all 0.5s;
}
nav a{
	text-decoration:none;
	color:#FFF;
}
nav li:hover{
	background-color:#6CA9C8;
}
#section_accueil{
	width:100%;
	height:calc(100% - 60px);
	min-height:450px;
	margin-top:60px;/* Hauteur de "header". */
	background-image:url(accueil.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#section_accueil .titre{
	float:left;
	max-width: 340px;
	margin-top:30px;
  border-radius:5px;
	overflow:hidden;/* Pour que les coins arrondis ne soient pas écrasés par le contenu. */
	opacity:0.9;
}
#section_accueil .formateur{
	padding:20px 40px;
	background-color:#A8875D;
	font-size:32px;
	color:#333;
}
#section_accueil .formateur span{
	font-size:56px;
}
#section_accueil .developpeur{
	padding:20px 40px;
	background-color:#9FD8F5;
	font-size:46px;
	color:#FFF;
}
#actu{
	padding:20px 40px;
	background-color:#FFF;
	font-size:46px;
	color:#333;
}
#actu .titre{
	float: none;
	margin: 0 0 5px 0;
	font-size:12px;
	font-weight: bold;
}
#actu .texte{
	font-size:12px;
}
#actu.flash{
	animation: flash .5s alternate;
}
@keyframes flash{
	0%{
		background-color: #FFF;
	}
	100%{
		background-color: #9FD8F5;
	}
}
#section_formation{
	width:100%;
	background-color:#A8875D;
	color:#FFF;
}
#section_formation .wrapper{
	background-color:#A8875D;
	padding-top:100px;
	padding-bottom:100px;
}
#section_formation .colonne{
	float:left;
	width:370px;
	margin:0px 100px 0px 0px;
	text-align:justify;
}
#section_formation .colonne:nth-child(1) span:nth-child(1){
	font-size:46px;
}
#section_formation .colonne:nth-child(1) span:nth-child(2){
	font-size:36px;
}
#section_formation .colonne:nth-child(1) span:nth-child(3){
	font-size:36px;
}
#section_formation .colonne:nth-child(1) span:nth-child(4){
	font-size:34px;
}
#section_formation .colonne:nth-child(1) span:nth-child(5){
	font-size:42px;
}
#section_formation .colonne:nth-child(1) span:nth-child(6){
	font-size:58px;
}
#section_formation .colonne:nth-child(2){
	width:220px;
	color:#333;
}
#section_formation .colonne:nth-child(2) .haut{
	margin-bottom:35px;
}
#section_formation .colonne:nth-child(2) .haut span:nth-child(1){
	font-size:70px;
}
#section_formation .colonne:nth-child(2) .haut span:nth-child(2){
	font-size:22px;
}
#section_formation .colonne:nth-child(2) .bas span:nth-child(1){
	font-size:75px;
}
#section_formation .colonne:nth-child(2) .bas span:nth-child(2){
	font-size:30px;
}
#section_formation .colonne:nth-child(2) .bas span:nth-child(3){
	font-size:29px;
}
#section_formation .colonne:nth-child(3){
	margin-right:0px;
}
#section_formation .colonne:nth-child(3) span:nth-child(1){
	font-size:30px;
}
#section_formation .colonne:nth-child(3) span:nth-child(2){
	font-size:36px;
}
#section_formation .colonne:nth-child(3) span:nth-child(3){
	font-size:32px;
}
#section_formation .colonne:nth-child(3) span:nth-child(4){
	font-size:46px;
}
#section_formation .colonne:nth-child(3) span:nth-child(5){
	font-size:43px;
}
#section_formation .colonne:nth-child(3) span:nth-child(6){
	font-size:34px;
}
#section_formation .colonne:nth-child(3) span:nth-child(7){
	font-size:33px;
}
#section_formation .colonne .separateur{
	height:30px;
}
#section_formation .jury{
	margin-top:30px;
	line-height: 30px;
	font-size:18px;
	color:#333;
}
#section_formation .jury .rncp{
	margin-left:50px;
	line-height:24px;
}
#section_formation .prix{
	margin-top:15px;
	font-size:18px;
	color:#333;
}
#section_developpement{
	width:100%;
	background-color:#9FD8F5;
	color:#FFF;
}
#section_developpement .wrapper{
	background-color:#9FD8F5;
	padding-top:150px;
	padding-bottom:150px;
}
#section_developpement .slogan{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:#333;
}
#section_developpement .slogan span:nth-child(1){
	font-size:50px;
}
#section_developpement .slogan span:nth-child(2){
	font-size:75px;
}
#section_developpement .slogan span:nth-child(3){
	font-size:38px;
}
#section_developpement .ref{
	position:absolute;
	width:350px;
	padding:10px 15px;
	border:solid 2px #FFF;
  border-radius:5px;
	font-size:20px;
}
#section_developpement .ref .titre{
	font-weight:bold;
}
#section_developpement .ref1{
	left:50px;
	top:100px;
}
#section_developpement .ref2{
	left:50px;
	top:300px;
}
#section_developpement .ref3{
	left:750px;
	top:100px;
}
#section_developpement .ref4{
	left:750px;
	top:300px;
}
#section_contact{
	width:100%;
	background-color:#A8875D;
	color:#333;
}
#section_contact .wrapper{
	background-color:#A8875D;
	padding-top:100px;
	padding-bottom:100px;
}
#section_contact a{
	text-decoration:none;
	color:#EEE;
}
#section_contact a:hover{
	color:#FFF;
}
#section_contact .titre{
	font-weight:bold;
}
#section_contact .adok{
	position:absolute;
	left:20px;
	top:120px;
}
#section_contact .adok div:nth-child(1){
	margin-bottom:20px;
	line-height:25px;
	font-size:18px;
}
#section_contact .adok div:nth-child(2){
	margin-bottom:20px;
	font-size:14px;
}
#section_contact .adok div:nth-child(3){
	font-size:14px;
}
#section_contact .carte{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#section_contact .adresses{
	position:absolute;
	right:20px;
	top:120px;
}
#section_contact .adresses div{
	margin-bottom:10px;
}
#section_philo{
	width:100%;
	background-color:#9FD8F5;
}
#section_philo .wrapper{
	background-color:#9FD8F5;
	padding-top:100px;
	padding-bottom:100px;
}
#section_philo .citations{
	text-align:justify;
	font-size:16px;
	font-style:italic;
}
#section_philo .citations .titre{
	font-weight:bold;
	font-style:normal;
}
#section_philo .citations div:nth-child(1){
	float:left;
	width:360px;
	margin-right:40px;
}
#section_philo .citations div:nth-child(2){
	float:left;
	width:360px;
}
#section_philo .citations div:nth-child(3){
	float:right;
	width:360px;
}
footer{
	width:100%;
	height:100px;
	background-color:#4C89A8;
	line-height:50px;
	text-align:center;
	border-top:solid 2px #FFF;
	font-size:14px;
	color:#333;
}
footer a{
	text-decoration:none;
	color:#333;
}
footer a:hover{
	color:#000;
}
.clearBoth{
	clear:both;
}