html, body{	
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}


body{
	font:11px Arial, Tahoma;
	background:#12171d;
}

img{
	border:none;
}

.centrage{
	text-align:center;
}

/*******	ECOLE DE MUSIQUE	 *******/

#main_conteneur_ecole{
	width:100%;
	color:#fff;
	background:url("../images/ecole/bg_ecole.png") repeat-x #1c252f;
	text-align:center;
}

/*------- HEADER -------*/

#header_ecole{
	margin:auto;
	text-align:center;
}

#top_ecole {
	height:153px;
	background:url("../images/ecole/top-bg_ecole.png") repeat-x;
	z-index:10;
	position:relative;
}

/*------- Banniere -------*/

#banniere_ecole {
	width:439px;
	height:128px;
	margin:auto;
	padding:5px;
}

/*------- Menu -------*/

#menu_ecole ul {
	margin:-15px auto 0 auto;
	padding:0;
	width:750px;
}

	#menu_ecole ul li{
		list-style:none;
		float:left;
		padding:0 10px 0 10px;
		margin:0;
	}

	#menu_ecole ul li a{
		height:57px;
		width:130px;
		color: #000;
		font-size:20px;
		line-height:37px;
		text-decoration:none;
		text-align:center;
		background:no-repeat top left;
		display:block;
		
	}
		
	#menu_ecole ul li a.ciel{
		background:url("../images/btn_acc.png");
	}
	
		#menu_ecole ul li a:hover.ciel{
			background-position:bottom left;
		}
		
	#menu_ecole ul li a.orange{
		background:url("../images/ecole/btn_pres_eco.png");
	}
	
		#menu_ecole ul li a:hover.orange{
			background-position:bottom left;
		}
	
	#menu_ecole ul li a.violet{
		background:url("../images/ecole/btn_cou_eco.png");
	}
	
		#menu_ecole ul li a:hover.violet{
			background-position:bottom left;
		}
	
	#menu_ecole ul li a.jaune{
		background:url("../images/ecole/btn_ins_eco.png");
	}
	
		#menu_ecole ul li a:hover.jaune{
			background-position:bottom left;
		}
	
	
	#menu_ecole ul li a.vert{
		background:url("../images/ecole/btn_new_eco.png") ;
	}
	
		#menu_ecole ul li a:hover.vert{
			background-position:bottom left;
		}

/*------- PAGE PRINCIPALE -------*/

#contenu_ecole{
	width:950px;
	margin:auto;
}

#infos_ecole {
	padding:100px 100px 20px 100px;
	text-align:justify;
	color:#fff;
	font-size:15px;
}
	#infos_ecole h1{
		text-shadow:4px 4px 4px #000;
	}
	
	#infos_ecole p {
		line-height:20px;
	}
	
	#infos_ecole ul li {
		list-style:none;
		padding:5px;
	}

/*------- Ecole -------*/
	
#infos_ecole.ecole h1 {
	color: #f47123;
}

#infos_ecole.ecole img {
	border:solid 3px #f47123;
	margin:10px 0 0	20px;
}

/*------- Cours -------*/

#infos_ecole.cours h1{
	color:#bf42ab;
}
	
/*------- Instrument -------*/
	
#infos_ecole.instrument h1{
	color:#A1CF2E;
}

#infos_ecole.instrument a {
	color:#fff;
	text-decoration:none;
}

	#infos_ecole.instrument a:hover {
		color:#a1cf2e;
	}

#infos_ecole.instrument h2{
	color:#a1cf2e;
	text-shadow:4px 4px 4px #000;
}

#infos_ecole.instrument p {
	padding-left:40px;
}

.right{
	float:right;
}

/*------- News -------*/

#news_ecole {
	padding:100px;
	text-align:justify;
	color:#fff;
	font-size:15px;
}

	#news_ecole.news h1 {
		color:#fbbf09;
		text-shadow:4px 4px 4px #000;
	}

#archives a{
	border: solid 1px #fff;
	color:#fff;
	text-decoration:none;
	padding:3px;
}

	#archives a:hover{
		border: solid 1px #fbbf09;
		color:#fbbf09;
		text-decoration:none;
		padding:3px;
	}

/*------- Archives -------*/

#archives_ecole {
	padding:100px;
	text-align:justify;
	color:#fff;
	font-size:15px;
}

#archives_ecole ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

	#archives_ecole ul.navigation a, .navigation span { 
		display: block;  
		text-decoration: none; 
		font-size: 15px;
		color:#FBBF09;
		text-shadow:4px 4px 4px #000;
	}
 
	#archives_ecole ul.navigation a:hover, .navigation a:focus, .navigation a:active { 
		text-decoration: none;
    } 
	
	.navigation .subMenu {
		font-size: 11px; 
		padding: 0;  
		margin: 0 2px 0 0;		
    }
	
	.navigation .subMenu p {
		padding: 10px;
		margin: 0;
	}
	
/*------- FOOTER -------*/

#footer_ecole {
	background:#12171d;
	height:150px;
	text-align:center;
	padding:20px;
	color:#fff;
	font-size:12px;
}

#footer_ecole img.logo{
	width:100px;
	height:85px;
}

	#footer_ecole a.mentions {
		text-decoration:none;
		color:#f47123;
		font-weight:bold;
	}

#footer_infos ul {
	margin: 10px 0 10px 0;
}

	#footer_infos ul li {
		list-style:none;
		display:inline;
		padding: 0 10px 10px 10px; 
	}