/* --- GÉNÉRAL --- */
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
			font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	background-color: #512c20;
	font-weight: normal;

	}

	/* --- BLOC CONTENEUR GLOBAL --- */
	div#page {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 900px;
		margin: 0 auto;
		min-height: 1120px;
		background-color:#FFFFFF;
		
			background-image: url(image/fond_page.jpg);
	background-repeat: repeat;
	}
		div#page_detail {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 580px;
		margin: 0 auto;

		background-color:#FFFFFF;
		
			background-image: url(image/fond_page.jpg);
	background-repeat: repeat;
		padding-left:13px;
	padding-right:13px;
	padding-top:30px;
	}
	/* Ne pas oublier les styles suivants, à appliquer au premier élément
	   et au dernier élément (hors pied de page) du bloc conteneur */
		div#page #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
		div#page #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 4em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
		}

	/* --- PIED DE PAGE --- */
	div#piedpage {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
			/* pour que le bloc prenne toute la largeur du bloc de référence
			   Note : le bloc de référence est le plus proche ancêtre positionné
			   en relatif ou en absolu */

		
		
		background-color: #225d87;

	height: 70px;
 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top:5px;
	}

div#piedpage a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: underline;
}
div#piedpage a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ce9f1f;
	text-align: center;
	text-decoration: underline;
}
	div#dernier-element { visibility: hidden;}
	
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #225d87;
	position: absolute;
	left: 522px;
	top: 12px;
	margin: 0px;
}
	
.texteaccueil {

	text-align: right;
	
	width: 300px;
	margin-top:-800px;
	margin-left:65px;
	line-height: 16px;
}
.telechargez {

margin-top:0px;
margin-left:400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #225d87;
	text-decoration: none;

	line-height: 18px;
}
.telechargez a {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #225d87;
}
.telechargez a:hover {
	color: #512c20;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #512c20;
	text-decoration: underline;
}
.cgi {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #225d87;
	
	width: 230px;
	margin-left: 650px;

	margin-top: 60px;

}
.titre_page {
position: absolute;
	left: 25px;
	top: 210px;

}
.titre_page_centrer{
position: absolute;
text-align:center;
	top: 210px;
	width:900px;

}
.titre_page_formules {
position: absolute;
	left: 100px;
	top: 210px;
	margin: 0px;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ce9f1f;
	line-height: normal;
}
.image_fond{

	background-image: url(image/fond-accueil.jpg);
	background-repeat: no-repeat;
	height:1053px;


}
.image_fond_contact{

	background-image: url(image/fond_contact.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_cours_particuliers{

	background-image: url(image/cours.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_stages{

	background-image: url(image/stages.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_haut{

	background-image: url(image/fond_haut.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_eveil_musical{

	background-image: url(image/fond_eveil_musical.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_6ans{

	background-image: url(image/fond_6ans.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_adultes{

	background-image: url(image/fond_adultes.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_examens{

	background-image: url(image/fond_examens.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
.image_fond_chant{

	background-image: url(image/fond_chant.jpg);
	background-repeat: no-repeat;
	height:1053px;

}
/* STYLE MENU */
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:relative;
	float:left;
	margin-left: 60px !important;
	margin-left: 10px;
	margin-top: -932px !important;
	margin-top:-940px;
	width: 820px;
z-index:100;

}
#menu dl {
float: left;

margin-left:20px;
}
#menu dt {
cursor: pointer;

font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
margin: 1px;
width:100% !important;
width:60px;
height:20px;
padding-top:3px;
}
.orange{
	color: #ce9f1f;
}
.menu_1_bordure{
border-style:solid;
border-color:#215D86;
border-width:1px;
width:150px;
}
.menu_2_bordure{
border-style:solid;
border-color:#215D86;
border-width:1px;
width:170px;
}

.fixemenu{
width:95px !important;
width:70px;
}
.fixemenu2{
width:110px !important;
width:70px;
}
#menu dd {
display: none;
margin-left:1px;
background-color: #FFFFFFs;
color:#512c20;
}

#menu li {
text-align: left;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:7px;
line-height:14px;
}
#menu li a {
color:#512c20;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background-color: #ffffff;
}
#menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover{
text-decoration: underline;
}
#menu li a:hover, #menu li a:focus{
background: #eee;
}

/* FIN STYLE MENU */

/* page contact */

.form_gc{
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #512c20;

}
#formContact{
position:relative;
margin-left:40px;
margin-top:-870px;
width:355px;
text-align:left;
z-index:1;
	color: #512c20;
}

.formContact2{
margin-left:320px;
}
.boutonValide{
margin-left:220px;
}
#formContact form input, #formContact textarea{

		border: 1px solid #512c20 ;
	
		margin: 0 auto ;
		
		background-color: #225D87 ;	
		
		color: #ffffff ;
		
	
		
		text-align:left ;	
		
		}

.contact_bouton{

margin-left:144px;
color:#2272b9;
}
.contact_bouton2{

margin-left:204px;
color:#2272b9;
}
A IMG{
border: none; 

}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear: both;

        visibility: hidden;
		
		}
/* fin pages contact */

/* cours particuliers */
.cours_parti_col_gauche_form{
float:left;
width:500px;
margin-top:-800px;
margin-left:25px;
text-align:justify;


}
.cours_parti_col_gauche{
float:left;
width:375px;
margin-top:-800px;
margin-left:25px;
text-align:justify;


}
.cours_parti_col_droite{
float:right;
width:375px;
margin-top:-600px;
margin-right:50px;
text-align:justify;
}
.cours_parti_col_droite_glo{
float:right;
width:335px;
margin-top:-800px;
margin-right:20px;
text-align:justify;
}
.cours_parti_col_gauche_tarif{
float:left;
width:400px;
margin-top:-800px;
margin-left:20px;
text-align:justify;
}
.cours_parti_col_droite_tarif{
float:right;
width:400px;
margin-top:-800px;
margin-right:20px;
text-align:justify;
}
.cours_parti_col_centre{
float:left;
width:700px;
margin-top:-800px;
text-align:justify;
margin-left:100px !important;
margin-left:50px;

}
.cours_parti_col_centre a{
color:#000000;
text-decoration:underline;
text-align:justify;
}
.cours_parti_col_centre a:hover{
color:#000000;
text-decoration:none;
text-align:justify;
}
/*fin */

/* recrutement */

#formRecrut{

width:355px;
text-align:left;
z-index:1;
}
#formRecrut form input, #formRecrut textarea{

		border: 1px solid #512c20 ;
	
		margin: 0 auto ;
		
		background-color: #225D87 ;	
		
		color: #ffffff ;
		
	
		
		text-align:left ;	
		
		}

.boutonValide_recrut{
margin-left:200px;
margin-top:-420px;
}
.contact_bouton_recrut{

margin-left:144px;
color:#2272b9;
}
.contact_bouton2_recrut{

margin-left:184px;
color:#2272b9;
}
/*fin*/

#formBroch{
position:relative;
margin-left:260px;
margin-top:-840px;
width:355px;
text-align:left;
z-index:1;
}
.formContact2{
margin-left:540px;
}
.boutonValide{
margin-left:440px;
}
.boutonValidecont{
margin-left:220px;
}
#formBroch form input, #formBroch textarea{

		border: 1px solid #512c20 ;
	
		margin: 0 auto ;
		
		background-color: #225D87 ;	
		
		color: #ffffff ;
		
	
		
		text-align:left ;	
		
		}
		
		
.titre_actu{
color:#215D86;
font-size:medium;
font-weight:bold;
font-family:Arial;
}
.contenu_actu{
color:#623425;
font-size:12px;
font-weight:normal;
font-family:Arial;
}
.actu_contenu{
color:#623425;
font-size:12px;
font-weight:normal;
font-family:Arial;
}
.couleur-texte{
	color: #512c20;
}

.bouton_fermer{
position:absolute;
left:580px;
top:5px;
}
.lien_instrument{
color:#215D86;
font-size:11px;
font-family:Arial;
}
.lien_instrument a{
color:#215D86;
font-size:11px;
font-family:Arial;
text-decoration:underline;
}
.lien_instrument a:hover{
color:#215D86;
font-size:11px;
font-family:Arial;
text-decoration:none;
}
.titre_actu_inst{
color:#215D86;
font-size:medium;
font-weight:bold;
font-family:Arial;
text-align:center;
}