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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(img/degrade2.jpg);
	background-repeat:repeat-x;
	background-color:white;

}

#pageIndex {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(img/degrade2.jpg);
	background-repeat:repeat-x;
	background-color:#383435;
	   }

input, textarea{
border-width:0px;

border-color:#FFFFFF;
border-bottom:0px solid;
border-left:0px solid; 
border-right:0px solid; 
border-top:0px solid;

}

/*généralité*/
#conteneur {margin-left:auto; 
			margin-right:auto;
			}
			
#bandeauRose {height:4px; 
			  background-color:#ef6eb3;
			  }
			  
#bandeauRose2 {height:4px; 
			   margin-top:20px;
			   background-color:#ef6eb3;}
			  
.blocTitre {font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#504686; font-size:12px; font-weight:bold;}
h1 {font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#504686; font-size:12px; font-weight:bold;}
p {font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

#reflet img{
	width:931px;
	margin-left:auto;
	margin-right:auto;
}


/*page index*/
#index {margin-left:auto; 
		margin-right:auto; 
		text-align:center;
		margin-top:20px;}
		
#btnEntrer {margin-left:auto; 
			margin-right:auto; 
			text-align:center;
			width:157px; 
			height:42px; 
			background-image:url(img/btn_entrer.jpg);}
			
	#btnEntrer:hover {margin-left:auto; 
					  margin-right:auto; 
					  text-align:center;
					  width:157px; 
					  height:42px; 
					  background-image:url(img/btn_entrer_o.jpg);}
					  
	#btnEntrer img {width:157px;
					height:42px;
					border:none;}

#btnEntrer2 {margin-left:auto; 
			margin-right:auto; 
			text-align:center;
			width:157px; 
			height:42px; 
			background-image:url(img/btn_entrer2.jpg);}
			
	#btnEntrer2:hover {margin-left:auto; 
					  margin-right:auto; 
					  text-align:center;
					  width:157px; 
					  height:42px; 
					  background-image:url(img/btn_entrer2_o.jpg);}
					  
	#btnEntrer2 img {width:157px;
					height:42px;
					border:none;}

#bandeauBlanc {border:solid 1px white; background-color:white; height:100px;}
   }



/*menu*/	

#bandeauMenu {height:28px;
	  		  /*background-color:#cdc7ed;*/
			  /*border:solid 5px black;*/
			  }

#menu {
	   width:640px;
	   margin-left:auto; 
	   margin-right:auto; 
	   text-align:center;
	   height:28px;
	   background-image:url(img/bandeau_menu.jpg);
	   background-position:center;
	   background-repeat:no-repeat;
	   padding-left:43px;}
	   
	   #menu img {width:100%; height:100%; border:none;}
	   
	   #menu #menu_chambre{width:126px; height:28px; background-image:url(img/menu.jpg); float:left;}
	   #menu #menu_chambre:hover{width:126px; height:28px; background-image:url(img/menu_o.jpg); float:left;}
	   #menu #menu_chambre_o{width:126px; height:28px; background-image:url(img/menu_o.jpg); float:left;}
		
	   #menu #menu_formation{width:119px; height:28px; background-image:url(img/menu.jpg); background-position: -127px; float:left;}
	   #menu #menu_formation_o{width:119px; height:28px; background-image:url(img/menu_o.jpg); background-position: -127px; float:left;}
	   #menu #menu_formation:hover{width:119px; height:28px; background-image:url(img/menu_o.jpg); background-position: -127px; float:left;}
	   #menu #menu_ecole{width:114px; height:28px; background-image:url(img/menu.jpg); background-position: -247px; float:left;}
	   #menu #menu_ecole:hover{width:114px; height:28px; background-image:url(img/menu_o.jpg); background-position: -247px; float:left;}
	   #menu #menu_ecole_o{width:114px; height:28px; background-image:url(img/menu_o.jpg); background-position: -247px; float:left;}
	   #menu #menu_goodies{width:120px; height:28px; background-image:url(img/menu.jpg); background-position: -362px; float:left;}
	   #menu #menu_goodies:hover{width:120px; height:28px; background-image:url(img/menu_o.jpg); background-position: -362px; float:left;}
	   #menu #menu_goodies_o{width:120px; height:28px; background-image:url(img/menu_o.jpg); background-position: -362px; float:left;}
	   #menu #menu_contact{width:119px; height:28px; background-image:url(img/menu.jpg); background-position: -482px; float:left;}
	   #menu #menu_contact:hover{width:119px; height:28px; background-image:url(img/menu_o.jpg); background-position: -482px; float:left;}
	   #menu #menu_contact_o{width:119px; height:28px; background-image:url(img/menu_o.jpg); background-position: -482px; float:left;}	   	   
	   
#page {margin-left:auto; 
	   margin-right:auto; 
	   margin-top:0px;
	   text-align:center;
	   height:600px;
	   background-image:url(img/gradient.jpg);
	   background-repeat:repeat-x;

	   }
	   
	   
/*page chambre*/	
	   
	   
#page #contenu {width:938px; padding-top:23px; margin-left:auto; margin-right:auto;}
#flash {width:auto; height:550px;}

#page #contenu #blocGauche {width:332px; height:492px; background-image:url(img/bloc_gauche.png); float:left; margin-top:2px;}
#page #contenu #blocGauche #blocTitre img{margin-top:174px; margin-left:5px;}
#page #contenu #blocGauche #un_annee img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #un_annee_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #deux_annee img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #deux_annee_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #trois_annee img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #trois_annee_o img{width:100%; height:100%; border:none;}


#page #contenu #blocGauche #un_annee {width:130px; height:30px; background-image:url(img/1_annee.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #un_annee:hover {width:130px; height:30px; background-image:url(img/1_annee_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #un_annee_o {width:130px; height:30px; background-image:url(img/1_annee_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #deux_annee {width:130px; height:30px; background-image:url(img/2_annee.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #deux_annee:hover {width:130px; height:30px; background-image:url(img/2_annee_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #deux_annee_o {width:130px; height:30px; background-image:url(img/2_annee_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #trois_annee {width:130px; height:30px; background-image:url(img/3_annee.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #trois_annee:hover {width:130px; height:30px; background-image:url(img/3_annee_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #trois_annee_o {width:130px; height:30px; background-image:url(img/3_annee_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}



#page #contenu #blocDroit {width:606px; height:365px; background-image:url(img/bloc_droit.png);float:left; margin-left:0px; margin-top:129px;}
#texte {overflow:auto; width:580px; height:290px; margin-top:10px;}
#page #contenu #blocDroit #bloctitre img{margin-top:17px;}
#page #contenu #blocDroit p{text-align:left; padding-left:35px; padding-right:10px; }
#page #contenu #blocDroit h1{text-align:left; padding-left:35px; padding-right:20px; }
#page #contenu #blocDroit p img{margin-left:120px;border:none;}
#page #contenu #blocDroit p img:hover{margin-left:120px;}
#page #contenu #blocDroit ul{text-align:left; font-family:Trebuchet, Arial, Helvetica, sans-serif; color:#757575; font-size:12px; list-style-type:disc;}
#page #contenu #blocDroit ul li{padding:0px; line-height:15px;}


/*page ecole*/	

#page #contenu #blocGauche #presentation img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #presentation_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #integrer img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #integrer_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #acces img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #acces_o img{width:100%; height:100%; border:none;}


#page #contenu #blocGauche #presentation {width:260px; height:30px; background-image:url(img/presentation.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #presentation:hover {width:260px; height:30px; background-image:url(img/presentation_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #presentation_o {width:260px; height:30px; background-image:url(img/presentation_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #integrer {width:260px; height:30px; background-image:url(img/integrer.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #integrer:hover {width:260px; height:30px; background-image:url(img/integrer_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #integrer_o {width:260px; height:30px; background-image:url(img/integrer_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #acces {width:260px; height:30px; background-image:url(img/acces.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #acces:hover {width:260px; height:30px; background-image:url(img/acces_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #acces_o {width:260px; height:30px; background-image:url(img/acces_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	
	
/*page goodies*/	

#page #contenu #blocGauche #makingof img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #makingof_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #travaux_un img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #travaux_un_o img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #travaux_deux img{width:100%; height:100%; border:none;}
#page #contenu #blocGauche #travaux_deux_o img{width:100%; height:100%; border:none;}


#page #contenu #blocGauche #makingof {width:260px; height:30px; background-image:url(img/makingof.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #makingof:hover {width:260px; height:30px; background-image:url(img/makingof_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #makingof_o {width:260px; height:30px; background-image:url(img/makingof_o.jpg); margin-top:26px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #travaux_un {width:260px; height:30px; background-image:url(img/travaux_1.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #travaux_un:hover {width:260px; height:30px; background-image:url(img/travaux_1_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #travaux_un_o {width:260px; height:30px; background-image:url(img/travaux_1_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	
#page #contenu #blocGauche #travaux_deux {width:260px; height:30px; background-image:url(img/travaux_2.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #travaux_deux:hover {width:260px; height:30px; background-image:url(img/travaux_2_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}
	#page #contenu #blocGauche #travaux_deux_o {width:260px; height:30px; background-image:url(img/travaux_2_o.jpg); margin-top:9px; margin-left:auto; margin-right:auto;}


#galerie {width:558px; padding-left:20px; padding-right:10px; margin-top:20px;}
	#galerie img:hover{margin-left:2px; margin-right:2px; -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
	#galerie img{margin-left:2px; margin-right:2px; -moz-opacity:.7; opacity:.7; filter:alpha(opacity=70);}
	#galerie ul li{display:inline;}
	
#galerie2 {width:558px; padding-left:20px; padding-right:10px; margin-top:5px;}
	#galerie2 img{margin-left:2px; margin-right:2px;  -moz-opacity:.7; opacity:.7; filter:alpha(opacity=70);}
	#galerie2 img:hover{margin-left:2px; margin-right:2px;  -moz-opacity:1; opacity:1; filter:alpha(opacity=100);}
	#galerie2 ul li{display:inline;}


/*page contact*/

#formulaire {margin-top:10px; background-image:url(img/formulaire.jpg); background-repeat:repeat; width:571px; height:305px; margin-left:20px;}
.contact {text-align:left;}
#filip {width:102px; height:111px; float:left; margin-left:54px; margin-right:20px; background-image:url(img/contact_filip.jpg);}
#filip img{width:100%; height:100%;}
#filip:hover {width:102px; height:143px; float:left; margin-left:54px; margin-right:20px; background-image:url(img/contact_filip_o.jpg);}
#victor {width:102px; height:111px;float:left; margin-left:5px; margin-right:5px; background-image:url(img/contact_victor.jpg);}
#victor img{width:100%; height:100%;}
#victor:hover {width:102px; height:143px;float:left; margin-left:5px; margin-right:5px; background-image:url(img/contact_victor_o.jpg);}
#btnEnvoyer {width:148px; height:33px; background-image:url(img/btn_envoyer.jpg); margin-left:auto; margin-right:auto;}
#btnEnvoyer img{width:100%; height:100%; border:solid 1px black;}
#btnEnvoyer:hover {width:148px; height:33px; background-image:url(img/btn_envoyer_o.jpg); margin-left:auto; margin-right:auto;}

#facebook {text-align:center; padding-left:130px;}


/*footer*/
#footer {
	text-align:center;
	width:927px;
	height:62px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/footer.jpg);
	border:solid 1px white;
}

#footer p {

}
.mention {
	color:#999999;
	margin-top:34px;
	font-size:10px;
}

a {text-decoration:none;color:#ef6eb3;}
a:hover {text-decoration:underline; color:#999999;}