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


body{
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

img{
	border:0;
	behavior: url(iepngfix.htc);
}

.clear{
	clear:both;
	height:0px;
}

#global{
	margin:0 auto;
	padding:0;
	width:980px;
}


/************MENU************/

#entete{
	width:940px;
	height:120px;
	background-image:url(images/dot-bg.png);
	background-repeat:repeat;
	background-color:transparent;
	float:left;
	margin:25px 0 0 20px;
	display:inline;
	font-family:
}

#logo{
	width:150px;
	height:150px;
	margin-left:10px;
	padding:0;
	position:absolute;
	top:3px;
}

#titreEntete{
	float:right;
	display:inline;
	margin:25px 17px 0 0;
	padding:0;
}

#menu{
	float:left;
	background-image:url(images/menu.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:980px;
	height:97px;
	margin:0;
	padding:0;
}

#menu ul{
	margin:0;
	padding:0;
}

#menu li{
	margin:0;
	padding:11px 0px 0 0px;
	list-style:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3f799b;
	font-weight:bold;
	display:inline;
	float:left;
	text-align:center;
}

#menu li a{
	color:#3f799b;
	text-decoration:none;
}

#contenuMenu{
	height:56px;
	margin:21px 0 0 0;
	padding:0;
}


#menu #menuDeroulantEajf{
	position:absolute;
	margin:-1px 0 0 0px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantEajf ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantEajf li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantEajf li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantEajf li a:hover{
	color:#3f799b;
	text-decoration:underline;
}

#menu #menuDeroulantParc{
	position:absolute;
	margin:-1px 0 0 427px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantParc ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantParc li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantParc li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantParc li a:hover{
	color:#3f799b;
	text-decoration:underline;
}

#menu #menuDeroulantDevenir{
	position:absolute;
	margin:-1px 0 0 218px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantDevenir ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantDevenir li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantDevenir li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantDevenir li a:hover{
	color:#3f799b;
	text-decoration:underline;
}

#menu #menuDeroulantMetier{
	position:absolute;
	margin:-1px 0 0 84px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantMetier ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantMetier li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantMetier li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantMetier li a:hover{
	color:#3f799b;
	text-decoration:underline;
}


#menu .li-leajf{
	margin-top:0px;
	padding:21px 10px 0 10px;
	height:34px;
	background-image:url(images/btn-menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu .li-leajf:hover{
	background-position:left -55px;
}

#menu .li-parc{
	margin-top:0px;
	padding:11px 10px 0 10px;
	height:44px;
	background-image:url(images/btn-menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu .li-parc:hover{
	background-position:left -55px;
}

#menu .li-metier{
	margin-top:0px;
	padding:11px 10px 0 10px;
	height:44px;
	background-image:url(images/btn-menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu .li-metier:hover{
	background-position:left -55px;
}

#menu .li-devenir{
	margin-top:0px;
	padding:11px 10px 0 10px;
	height:44px;
	background-image:url(images/btn-menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu .li-devenir:hover{
	background-position:left -55px;
}

#menu .li-partenaires{
	margin-top:0px;
	padding:11px 10px 0 10px;
	height:34px;
	background-image:url(images/btn-menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu .li-partenaires:hover{
	background-position:left -55px;
}

#menu .li-photos{
	margin: 0 0 0 220px;
	padding:21px 10px 0 10px;
	height:34px;
	background-image:url(images/btn-menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:inline;
}

#menu .li-photos:hover{
	background-position:left -56px;

}

#menu .li-videos{
	margin-top:0px;
	padding:21px 10px 0 10px;
	height:34px;
	background-image:url(images/btn-menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu .li-videos:hover{
	background-position:left -56px;

}

#menu .li-events{
	margin-top:0px;
	padding:21px 7px 0 7px;
	height:34px;
	background-image:url(images/btn-menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu .li-events:hover{
	background-position:left -56px;

}

#menu #menuDeroulantChiffre{
	position:absolute;
	margin:-1px 0 0 328px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantChiffre ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantChiffre li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantChiffre li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantChiffre li a:hover{
	color:#3f799b;
	text-decoration:underline;
}

#menu #menuDeroulantPresse{
	position:absolute;
	margin:-1px 0 0 740px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantPresse ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantPresse li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantPresse li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantPresse li a:hover{
	color:#3f799b;
	text-decoration:underline;
}

#menu #menuDeroulantRecrutement{
	position:absolute;
	margin:-1px 0 0 870px;
	padding:5px 0 5px 0;
	color:#FFF;
	font-size:12px;
	background-color:#e7e7e7;
	display:none;
	z-index:99;
}

#menuDeroulantRecrutement ul{
	margin:0;
	padding:0;
	display:block;
}

#menuDeroulantRecrutement li{
	display:block;
	height:auto;
	padding:5px 10px;
	margin:0;
	float:none;
	text-align:left;
	font-weight:normal;
}

#menuDeroulantRecrutement li a{
	color:#3f799b;
	text-decoration:none;
}

#menuDeroulantRecrutement li a:hover{
	color:#3f799b;
	text-decoration:underline;
}



/************MENU************/


.fondTransparent{
	width:940px;
	height:20px;
	float:left;
	display:inline;
	margin:0 0 0 21px;
	background-image:url(images/dot-bg.png);
	background-repeat:repeat;
	background-color:transparent;
	background-position:top left;
	
}

.fondTransparentBottom{
	width:980px;
	height:20px;
	float:left;
	display:inline;
	margin:0 0 1px 0;
	background-image:url(images/transparent-bottom.png);
	background-repeat:repeat;
	background-color:transparent;
	background-position:top left;
}

/************INDEX************/

#bloc2{
	width:980px;
	height:333px;
	float:left;
	margin:0;
	padding:0;
	background-color:#FFF;
}

#slideshow{
	float:left;
	margin:25px 25px 0 27px;
	display:inline;

}

#zoneInscription{
	float:left;
	margin:17px 0 0 4px;
	padding:10px 25px 0 25px;
	display:inline;
	width:332px;
	height:303px;
	background-image:url(images/fd-carre.jpg);
	background-repeat:no-repeat;
}

#zoneInscription{
	font-size:14px;
	color:#FFF;
}

#zoneInscription span{
	color:#a5d1ea;
}

.bouttonAdmission{
	float:left;
	width:245px;
	height:43px;
	margin:7px 0 0 38px;
	background-image:url(images/boutton-index.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline;
}

.bouttonAdmission:hover{
	background-position:left -43px;
}

.bouttonAdmission p{
	font-size:20px;
	color:#3364BF;
	margin:0 0 0 10px;
	padding:0;
}

.bouttonAdmission a{
	color:#3364BF;
	text-decoration:none;
}

#zoneInscription  .bouttonAdmission p span{
	font-size:10px;
	color:#2f5a93;
	margin:0;
	padding:0;
}

.bouttonFormation{
	float:left;
	width:245px;
	height:43px;
	margin:7px 0 0 38px;
	background-image:url(images/boutton-index.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline;
}

.bouttonFormation a{
	color:#3364BF;
	text-decoration:none;
}

.bouttonFormation:hover{
	background-position:left -43px;
}

.bouttonFormation p{
	font-size:20px;
	color:#FFF;
	margin:0 0 0 10px;
	padding:0;
}

#zoneInscription  .bouttonFormation p span{
	font-size:10px;
	color:#2f5a93;
	margin:0;
	padding:0;
}

.bouttonContact{
	float:left;
	width:245px;
	height:43px;
	margin:10px 0 0 40px;
	background-image:url(images/boutton-index.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline;
}

.bouttonContact a{
	color:#FFF;
	text-decoration:none;
}

.bouttonContact:hover{
	background-position:left -43px;
}

.bouttonContact p{
	font-size:20px;
	color:#FFF;
	margin:0 0 0 10px;
	padding:0;
}

.bouttonContact p span{
	font-size:10px;
	color:#CCC;
	margin:0;
	padding:0;
}



#bloc3{
	width:980px;
	height:186px;
	float:left;
	margin:0;
	padding:0;
	background-color:#FFF;
	background-image:url(images/bloc3.jpg);
	background-repeat:no-repeat;
}

#rubriqueNews{
	float:left;
	width:305px;
	height:145px;
	padding:40px 0 0 20px;
	display:inline;
	display:inline;
	margin:0 2px 0 0;
}

#rubriqueEvent{
	float:left;
	width:305px;
	margin:0 2px 0 0;
	height:145px;
	display:inline;
	padding:40px 0 0 20px;
	overflow:auto;
	display:inline;
}

#rubriqueEvent p{
	margin:0;
	padding:0;
	text-align:center;
}

#rubriqueVideos{
	float:left;
	width:316px;
	height:145px;
	display:inline;
	margin:0;
	padding:40px 0 0 10px;
	font-size:12px;
}

#rubriqueVideos .logoBred{
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

#rubriqueVideos .texteBred{
	float:left;
	margin:10px 20px 0 20px;
	padding:0;
	text-align:right;
	width:160px;
}

.texterubriqueVideos{
	float:left;
	width:140px;
	margin:10px 0 0 0;
}

.texterubriqueVideos a{
	text-decoration:none;
	color:#000
	}

.imagerubriqueVideos{
	float:right;
	width:155px;
	margin:10px 0 0 0;
}

/************INDEX************/

/************PIED************/

#pied{
	width:940px;
	height:30px;
	margin:5px 0 0 20px;
	padding:0;
	float:left;
	display:inline;
	background-color:transparent;
	background-image:url(images/dot-bg.png);
	background-repeat:repeat;
}

#lienFacebook{
	width:80px;
	height:17px;
	float:left;
	display:inline;
	margin:6px 0 0 15px;
	padding:0;
}

#liens-page p{
	float:right;
	display:inline;
	margin:6px 15px 0 0;
	padding:0;
	font-size:12px;
	color:#FFF;
}

#liens-page a{
	color:#b4d2e4;
	text-decoration:none;
}

#liens-page a:hover{
	color:#b4d2e4;
	text-decoration:underline;
}

.lienRef{
	width:980px;
	margin:3px 0 30px 0;
	padding:0;
	float:left;
	display:inline;
}

.lienRef p{
	text-align:center;
	margin:0;
	padding:0;
	font-size:11px;
}

.lienRef a{
	color:#E8E8E8;
	text-decoration:none;
}

/************PIED************/

/************PAGE************/

#colonneDroite{
	width:265px;
	float:right;
	display:inline;
	background-color:f9f9f9;
	background-image:url(images/fd-colonne.jpg);
	background-repeat:repeat-x;
	height:400px;
	margin:0;
	padding:0;
}

#btnInscription a{
	background-color:#515151;
	width:221px;
	height:49px;
	float:left;
	margin:13px 0 0 22px;
	padding:0;
	display:inline;
}

#btnInscription a:hover{
	background-color:#727070;
}

#btnFormation a{
	background-color:#727070;
	width:221px;
	height:50px;
	float:left;
	margin:7px 0 0 22px;
	padding:0;
	display:inline;
}

#btnFormation a:hover{
	background-color:#8e8d8d;
}

#btnContact a{
	background-color:#8e8d8d;
	width:221px;
	height:50px;
	float:left;
	margin:7px 0 0 22px;
	padding:0;
	display:inline;
}

#btnContact a:hover{
	background-color:#b6b4b4;
}

#btnInscription p{
	font-size:18px;
	color:#FFF;
	margin:5px 0 0 10px;
}

#btnInscription p span{
	font-size:8px;
	color:#a5d1ea;
}

#btnInscription a{
	text-decoration:none;
}

#btnFormation p{
	font-size:18px;
	color:#FFF;
	margin:5px 0 0 10px;
}

#btnFormation p span{
	font-size:8px;
	color:#a5d1ea;
}

#btnFormation a{
	text-decoration:none;
}

#btnContact p{
	font-size:18px;
	color:#FFF;
	margin:5px 0 0 10px;
}

#btnContact p span{
	font-size:8px;
	color:#a5d1ea;
}

#btnContact a{
	text-decoration:none;
}

#page{
	width:980px;
	float:left;
	margin:0;
	padding:0;
	background-color:#f9f9f9;
	font-size:14px;
}

#page h1{
	font-size:20px;
	color:#1c5370;
	margin:10px 0 0 0;
	padding:5px 0 7px 43px;
	text-transform:uppercase;
	border-bottom:solid 1px #a4d1e9;
	width:470px;
	float:left;
	background-image:url(images/puce-h1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:inline;
}

#page h1 span{
	color:#1c5370;
}

#page h2{
	font-size:18px;
	color:#1c5370;
	margin:5px 0;
	padding:2px 0 0 20px;
	background-image:url(images/puce-h2.gif);
	background-repeat:no-repeat;
	background-position:center left;

}

#page a{
	color:#000;
}

#page a:hover{
	color:#a5d1ea;
}

#contenu{
	margin:15px 0 0 0;
	padding:0 15px 20px 15px;
	float:left;
	width:670px;
}

#contenu img:hover{
	 filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
}
}

#contenu table td{
	color:#000;
	text-align:left;
}

#contenu table td p{
	color:#000;
}

#contenu table th{
	color:#000;
	text-align:center;
	font-size:13px;
	background-color:#648EB0;
}

			 

.contenuVideo{
	float:left;
	width:300px;
	margin:10px 35px 15px 0;
	padding:0;
	display:inline;
}

.video{
	float:left;
	width:300px;
	height:240px;
	margin:0;
	padding:0;
}

.titreVideo{
	width:300px;
	margin:0 0 2px 0;
	padding:0;
	float:left;
}

.titreVideo p{
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}

.diaporama{
	float:left;
	margin:10px;
	padding:0;
}

#googleMap{
	float:left;
	width:670px;
	height:250px;
	margin:0 0 20px 0;
	padding:0;
	border:solid 1px #a5d1ea;
}

.partenaires p{
	color:#000;
	text-align:left;
}

/************PAGE************/

/****************MAJ**********************/
		#maj{
			margin:0 0 0 0;
			padding:20px 20px 50px 20px;
			background-color:#FFF;
		}
		
		#maj .moduleMajH1{
			text-align:center;
			font-size:26px;
			color:#000;
			margin:0;
			padding:0;
		}
		
		.h1Cours{
			margin:0;
			padding:0;
		}
		
		#maj .moduleMajH1Cours{
			font-size:26px;
			color:#1c5370;
			margin:50px 0 0 130px;
			padding:0;
		}
		
		#maj .moduleMajH1Cours{
			font-size:26px;
			color:#006;
			margin:50px 0 0 130px;
			padding:0;
			float:left;
		}
		
		#maj .telechargerCours{
			text-align:center;
			font-size:20px;
			color:#006;
			margin:0;
			padding:0;
		}
		
		#maj h2{
			color:#009;
			text-align:center;
			margin:50px 0 20px 0;
			font-size:18px;
		}
		
		#maj h2 a{
			color:#009;
			text-decoration:none;
		}
		
		.table-maj th, td{
			 text-align:center;
			 font-size:12px;
			 padding:5px;
			 color:#FFF;
		}
		
		#maj a{
			color:#009;
		}
		
		 #maj table
        {
            border-collapse:collapse;
            border:2px solid #FFF;;
            margin:auto;
        }
		
		 #contenu #maj form{
            text-align:center;
			color:#FFF;
        }
		
		#contenu #maj p{
			color:#FFF;
		}
		
		#fck{
			width:600px;
			float:left;
			margin:0 0 20px 200px;
			display:inline;
		}
		
		.majNews{
			float:left;
			margin:20px 15px 20px 15px;
			padding:5px 15px;
			background-color:#C00;
			display:inline;
		}	
		
		.majNews:hover{
			background-color:#900;
		}
		
		.majNews h2{
			color:#CCC;
			text-align:center;
			font-size:16px;
			margin:0;
			padding:0;
		}
		
		.majNews h2 a{
			color:#CCC;
			text-decoration:none;
		}
		
		#logoModule{
			float:left;
			margin:0 0 50px 0;
			
		}
		
		#titreModule{
			float:left;
			display:inline;
			margin:0 0 0 130px;
		}
		
		.petit{
			font-size:8px;
		}
		
		#maj .cours h1{
			color:#1c5370;
			font-size:16px;
			padding:0 0 0 20px;
			background-image:url(images/puce-h2.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		
		#maj .cours p{
			margin:0 0 0 15px;
		}
		
		#maj .cours p a{
			color:#000;
			font-size:16px;
			text-decoration:none;
		}
		
		#maj .cours p a:hover{
			color:#00F;
			font-size:16px;
		}
		
		
/****************MAJ**********************/

/*************************FORMULAIRE CONTACT*************************/


	#formulaire{
		margin:15px 0 0 0;
		padding:0;
	}
	
	.label{	
		float:left;
		width:100px;
		padding:4px 0 0 50px;
		font-size:100%;
	}
	
	.champ{	
		float:left;
		width:300px;
		font-size:100%;
		margin:0 0 6px 0;
	}
	
	.champ input, .champ textarea{	
		font-size:12px;
		border:1px solid #9b9b9b;
		padding:2px 3px 2px 3px;
		color:#000;
	}
	
	.moyenChamp{
		width:150px;
	}
	
	.petitChamp{
		width:98px;
	}
	
	.grandChamp{
		width:230px;
	}
	
	.zoneAdresse{
		width:230px;
		height:45px;
	}
	
	.zoneMessage{
		width:300px;
		height:150px;
	}
	
	#envoyer{
		margin:4px 0 30px 150px;
	}
	
	.asterisque{
		color:#a5d1ea;
	}
	
	.infosObligatoires{
		font-size:12px;
	}
	
/*************************FORMULAIRE CONTACT*************************/

/*************************NEWS**********************************/

.contenuEvents{
	width:649px;
	margin:15px 0 0 0;
	background-color:#EEE;
	padding:10px;
	border-left: solid 1px #999;
}

.contenuEvents h2{
	font-size:16px;
	color:#666;
	margin:0;
	padding:0;
}

.contenuEvents p{
	font-size:14px;
	color:#000;
}

.contenuEvents .dateEvent{
	margin:0;
	padding:0;
	font-size:11px;
	color:#77acca;
}


#rubriqueNews p{
	margin:0;
	padding:0;
}

#rubriqueNews .dateEventIndex{
	margin:0;
	padding:0;
	font-size:10px;
	color:#327195;
}

#rubriqueNews .dateEventIndex a{
	color:#327195;
	text-decoration:none;
}

#rubriqueNews .lienEventIndex{
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	color:#3f3f3f;
}

#rubriqueNews .lienEventIndex a{
	color:#3f3f3f;
	text-decoration:none;
}

#rubriqueNews .lienEventIndex a:hover{
	color:#3f3f3f;
	text-decoration:underline;
}

/*************************NEWS**********************************/

/*************************CORPS PROFESSORAL**********************************/

#terrainFoot{
	width:493px;
	height:381px;
	background-image:url(images/terrain-foot.jpg);
	margin:15px 0 0 80px;
	padding:0;
	float:left;
	display:inline;
}

.shadowbox{
	width:83px;
	height:100px;
	float:left;
	margin:70px 0 0 43px;
	padding:0;
	display:inline;
}


/*************************CORPS PROFESSORAL**********************************/