html { font-size: 62.5%; } 
body { /* =16px */
  font-size: 16px;
  font-size: 1.6rem;
  background-color:#99FF66 ;
  /* background-image:url('/images/chartegraphique/fondpage.jpg') */
}
p,li,ul,ol,input,a,span,select,strong,div,option,td {
	font-family:Verdana, Geneva, Tahoma, sans-serif ;
	text-align:justify;
}

fieldset { border:1 aqua double ;}
legend {background-color:#FFE28A; color:black; 	font-family:Verdana, Geneva, Tahoma, sans-serif ; }
img,iframe { max-width: 100%; height: auto;	}

.nom_accord { float:left; margin-bottom :15px;margin-right:10px; }

a { text-decoration:none ; color:#0033CC ; }
a:active {  text-decoration:none ; color:#0033CC ; }
a:hover { color:indigo ; background-color:#FFFF80; 	text-shadow: 1px 1px 2px grey ; }
a.a_white { color:white; 	text-shadow: 1px 1px 2px grey ; }
a.a_white:hover { color:black; 	text-shadow: 1px 1px 2px grey ; }
a.a_white:after { color:white; 	text-shadow: 1px 1px 2px grey ; }
a.a_white:active { color:blue; 	text-shadow: 1px 1px 2px grey ;font-weight:bold}

h1 { font-size:24px ; font-size :2.4rem ; font-weight:bold ;}
h2 { font-size:20px ; font-size :2.0rem ; font-weight:bold ;}
h3 { font-size:18px ; font-size :1.8rem ; }
h4 { font-size:16px ; font-size :1.6rem ; }
h5 { font-size:14px ; font-size :1.4rem ; }
h6 { font-size:12px ; font-size :1.2rem ; }
h7 { font-size:10px ; font-size :1.0rem ; }

.derouler { width:20px ; height:auto ;}
.enrouler { width:20px ; height:auto;}
.bt_faq { width:30px;height:auto; }
.bt_faq2 { width:20px;height:auto; }
.monbouton { width:40px; float:left; margin-top:10px; }
.monbouton2 { width:20px; margin-left:20px ;float :left;}
.bt_club { font-size:1.4em; font-size:1.4rem; font-size:14px ; font-style:italic;color:red;}

.lg1 { border:1px orange ridge; background-color:#FFFF99 ; }
.lg2 { border:1px orange ridge; background-color:#CCFF99 ; }

.question_faq { background-color:#FFE28A; text-align:left; color:white ; font-weight:bold;
-moz-box-shadow: 4px 4px 10px #888; -webkit-box-shadow: 4px 4px 10px #888;  
	  box-shadow:4px 4px 6px #888;  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
	  padding:5px ; margin-top:10px ;	margin-bottom: 0px ; color:blue }
	  
.reponse_faq { 	background-color:aliceblue ; border:1 aqua groove ; text-align:justify ;color:black; margin-top:0px ; padding-left:5px ; padding-right:5px; padding-top:2px;padding-bottom:2px}

.bt_afficher {
	font-family:"Comic Sans MS" ;
	color:black ;
	background-color:coral ;
}
.bt_masquer {
	font-family:"Comic Sans MS" ;
	color:white ;
	background-color:chocolate ;
}
.bt_connexion {
	font-family:"Comic Sans MS" ;
	color:white ;
	background-color:#0000CC;	
}
.bt_connexion {
	font-family:"Comic Sans MS" ;
	color:white ;
	background-color:chocolate ;	
}

.cadre_base {
-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFF99 ;  
		  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
		  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
		  padding:5px ; margin-top:10px ;	
}
.cadre_base_2 {
-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFF99 ;  
		  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
		  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
		  padding:5px ;	
}
#titre_de_page { float:left; width:98% ; background-color:#FFFFC1; color: black ; font-weight:bold ; text-align:center ; font-size:22px;font-size:2.2rem; margin-left:1%;margin-right:1%;margin-bottom:10px;;
			 -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888;

}
.accord{  border-left: thin outset #FF0000;
	border-right: thin outset #006600;
	border-top: thin outset #006600;
	border-bottom: thin outset #FF0000;
	margin-right: 2px;
	margin-bottom: 2px;
}
.accord_tab {
	border-left: thin outset #FF0000;
	border-right: thin outset #006600;
	border-top: thin outset #006600;
	border-bottom: thin outset #FF0000;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 10% ; height: auto ;
}
.accord_grille {
	border-left: thin outset #FF0000;
	border-right: thin outset #006600;
	border-top: thin outset #006600;
	border-bottom: thin outset #FF0000;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 30% ; height: auto ;
}
.accord_tab_ligne {
	border-left: thin outset #FF0000;
	border-right: thin outset #006600;
	border-top: thin outset #006600;
	border-bottom: thin outset #FF0000;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 15% ; height: auto ;
}

.video_club { width:512px ; height:280px ; }
.video_didact { width:512px ; height:280px ; }
.video_petite { width: 256px; height:180px ;}


	.bt_base {
			 -moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; background-color:#FFFF99 ;  
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;
	}
	.bt_base_bleu {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888;  
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ; background-color:#0066FF ; color:white ;
	}
	.bt_base_chocolat {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; 
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;  background-color:chocolate ; color:white ;
	}
	.bt_base_vert {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; 
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;  background-color:#CCFF99; color:black ;
	}
	.bt_base_gris {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888;  
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;  background-color:#EEEEEE; color:black ;
	}
	.bt_base_blanc {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; 
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;  background-color:white; color:black ;
	}
	.bt_base_noir {
			 -moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; background-color:black;  color:white;
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;
	}
	.bt_base_rouge {
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; 
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ; background-color:red ; color:white ;
	}
	.bt_base_orange{
	-moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888;
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ; background-color:#FF8040; color:white ;
	}
	.bouton_standard_jaune_medium {
			 -moz-box-shadow: 4px 4px 10px #888;  
			  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; background-color:#FFFF99 ;  
			  border-top-left-radius : 20px 20px;  border-top-right-radius : 20px 20px;  
			  border-bottom-left-radius : 20px 20px;  border-bottom-right-radius : 20px 20px; 
			  padding:5px ;
	}
	
	
	.chapeau_jaune {
		text-align:center ;
		background-color:#FFFF66 ;
		border-top-left-radius : 50px 50px ;
		border-top-right-radius : 50px 50px ;
		margin-top :15px ;
		margin-bottom:0px ;
	}
	
	.chapeau_bleu {
		text-align:center ;
		background-color:#0099FF;
		border-top-left-radius : 50px 50px ;
		border-top-right-radius : 50px 50px ;
		margin-top :15px ;
		margin-bottom:0px ;
	}
	.chapeau_bleu_clair {
		text-align:center ;
		background-color:#83FFFF;
		border-top-left-radius : 50px 50px ;
		border-top-right-radius : 50px 50px ;
		margin-top :15px ;
		margin-bottom:0px ;
	}

	.chapeau_vert {
		text-align:center ;
		background-color:darkgreen;
		border-top-left-radius : 50px 50px ;
		border-top-right-radius : 50px 50px ;
		margin-top :15px ;
		margin-bottom:0px ;
		color:white ;
	}

	.chapeau_gris {
		text-align:center ;
		background-color:#CCCCCC ;
		border-top-left-radius : 50px 50px ;
		border-top-right-radius : 50px 50px ;
		margin-top :15px ;
		margin-bottom:0px ;
	}


@media all and (max-width:985px) { 
	#body_content{ float:none; margin:0 auto; width:98%; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; background-color:white; overflow:hidden; margin-top:55px ;padding-left:5px;padding-right:5px; }
	
	#menu_gauche {position:fixed;top:25px;border:black 1px solid; width:90%; text-align:center ;background-image: linear-gradient(grey, white); z-index:8;}
	#itemmenu { text-align:center; font-size:x-large; margin-bottom:10px}
	#logo_a_droite { display:none;}
    .logo_mobile { width:125px;height:50px ; vertical-align:middle; float:left;}
	.logo_entete_didier_small {width:55px;height:auto ; vertical-align:middle; margin-left:4%;}
	.logo_entete_feu_small {width:40px;height:auto ; vertical-align:middle; ;}
	.logo_mon_compte {width:55px;height:auto ; vertical-align:middle; margin-left:10px ;}
	.hamburger { width:45px;height:auto ; vertical-align:middle; float:right; margin-top:4px;margin-right:5px}
	#bandeau_connexion { display:none; }

	.imgstg { width:150px;height:auto;}

	.select_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	.input_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	#droite_std { float:left ; width:98% ; margin:0 auto; padding-right:5px ; padding-left:5px; text-align:center; }
	#gauche_std { float:left ; width:98% ; margin:0 auto ; padding-right:5px ; padding-left:5px; text-align:center ; }
	#ligne_std { float:left ; width:98% ; margin:0 auto; padding-right:5px ; padding-left:5px; text-align:center ; }
	#colonne_2_tiers_gauche { float:left ; width:98% ; margin:0 auto ; padding-right:5px ; padding-left:5px; text-align:center ; }
	#colonne_1_tier_droite { float:left ;  width:98% ; margin:0 auto ; padding-right:5px ; padding-left:5px; text-align:center ; }
	#colonne_1_tier_gauche { float:left ; width:98% ; margin:0 auto ; padding-right:5px ; padding-left:5px; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:98% ; margin:0 auto ; padding-right:5px ; padding-left:5px; text-align:center ; }
	#colonne_1_tier_droite2 { float:left ; width:98% ; margin:0 auto ; margin-bottom:10px ;text-align :center ; ; border:1px grey solid}
	#colonne_1_tier_gauche2 { float:left ; width:98% ;  margin:0 auto ; margin-bottom:10px ; text-align:center ; border:1px grey solid}
	#colonne_1_tier_centre2 { float:left ; width:98% ;  margin:0 auto ; margin-bottom:10px ; text-align:center ; border:1px grey solid }
	

	.fleche_precedent { height:auto;width:6%;float:left;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant { height:auto;width:6%;float:right;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_precedent_nofloat { height:auto;width:4%;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant_nofloat { height:auto;width:4%;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
}
@media (min-width:986px) and (max-width:1023px) { 
	#body_content{ float:none; margin:0 auto; width:95%; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; background-color:white; overflow:hidden; margin-top:170px }
	#menu_gauche {position:fixed;top:25px;border:black 1px solid; width:90%; text-align:center ; background-image: linear-gradient(grey, white); z-index:8; padding-left:5px;padding-right:5px;) }
	#itemmenu { text-align:center; font-size:x-large; margin-bottom:15px }

	.imgstg { width:350px;height:auto;}

	.select_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	.input_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	#droite_std { float:right ; width:45% ; margin:1% ; padding-right:15px ; padding-left:15px; text-align:center; }
	#gauche_std { float:left ; width:45% ; margin:1% ; padding-right:15px ; padding-left:15px; text-align:center ; }
	#ligne_std { float:left ; width:98% ; padding-right:10px ; padding-left:10px; text-align:center ; margin:0 auto }
	#colonne_2_tiers_gauche { float:left ; width:60% ; padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_droite { float:right ; width:32% ; padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_gauche { float:left ; width:31% ;  padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:32% ;  padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_droite2 { float:right ; width:30% ; margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align :center ; border:1px grey solid}
	#colonne_1_tier_gauche2 { float:left ; width:30% ;  margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align:center ; border:1px grey solid}
	#colonne_1_tier_centre2 { float:left ; width:30% ;  margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align:center ; border:1px grey solid }

		
	.fleche_precedent { height:auto;width:2%;float:left;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant { height:auto;width:2%;float:right;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_precedent_nofloat { height:auto;width:2%;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant_nofloat { height:auto;width:2%;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
}
@media (min-width:1024px)  { 
	#body_content{ float:none; margin:0 auto; width:95%; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; background-color:white; overflow:hidden; margin-top:170px; padding-left:5px;padding-right:5px; }

	.imgstg { width:400px;height:auto;}
	
	#menu_gauche {position:fixed;top:25px;width:90%; border:black 1px solid; text-align:center ; background-image: linear-gradient(grey, white); z-index:8;}
	#itemmenu { text-align:center; font-size:x-large; margin-bottom:15px}
	#type_entete { font-size:small;}

	.select_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	.input_standard {
		font-family:Verdana, Geneva, Tahoma, sans-serif ;
		text-align:justify;
	}
	
	#droite_std { float:right ; width:45% ; margin:1% ; padding-right:15px ; padding-left:15px; text-align:center; }
	#gauche_std { float:left ; width:45% ; margin:1% ; padding-right:15px ; padding-left:15px; text-align:center ; }
	#ligne_std { float:left ; width:98% ; padding-right:10px ; padding-left:10px; text-align:center ; margin:0 auto ;}
	#colonne_2_tiers_gauche { float:left ; width:60% ; padding-right:10px ; padding-left:10px; text-align:center ;}
	#colonne_1_tier_droite { float:right ; width:32% ; padding-right:10px ; padding-left:10px;text-align:center ; }
	#colonne_1_tier_gauche { float:left ; width:31% ; padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:32% ; padding-right:10px ; padding-left:10px; text-align:center ; }
	#colonne_1_tier_droite2 { float:right ; width:30% ; margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align :center ; border:1px grey solid}
	#colonne_1_tier_gauche2 { float:left ; width:30% ;  margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align:center ; border:1px grey solid}
	#colonne_1_tier_centre2 { float:left ; width:30% ;  margin-right:1% ; margin-left:1%; margin-bottom:10px; text-align:center ; border:1px grey solid }

	.fleche_precedent { height:auto;width:2%;float:left;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant { height:auto;width:2%;float:right;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_precedent_nofloat { height:auto;width:2%;padding-left:5px ; padding-top: 5px ;vertical-align:middle ; }
	.fleche_suivant_nofloat { height:auto;width:2%;padding-right:5px ; padding-top: 5px ;vertical-align:middle ; }
	
}
#menu_marron_clair a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color:black ;
}
#menu_marron a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}
#menu_orange a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}
#menu_piano a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}
#menu_guitare a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}


#menu_marron_clair a:hover {
	color:blue ;
	background-color:beige ;
}
#menu_marron a:hover {
	background-color:beige ;
	color:blue ;
}
#menu_orange a:hover {
	color:blue ;
	background-color:beige ;
}
#menu_piano a:hover {
	background-color:beige ;
	color:blue ;
}
#menu_guitare a:hover {
	background-color:beige ;
	color:blue ;
}



#menu_marron_clair a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	color:aqua ;
	background-color: beige;
}
#menu_marron a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	color:aqua ;
	background-color: beige;
}
#menu_orange a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	color:aqua ;
	background-color:beige ;
}
#menu_piano a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	color:aqua ;
	background-color: beige;
}
#menu_guitare a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	color:aqua ;
	background-color: beige;
}


.item_menu_1ligne {
	vertical-align:middle ;
	width:100% ;
	text-align:center ;
	margin:0 auto;
	padding-top:10px ;
}
.item_menu_2lignes {
	vertical-align:middle ;
	width:100% ;
	text-align:center ;
	margin:0 auto;
	padding-top:2px ;
}

@media all and (max-width:985px)
{
	img,iframe {
	max-width: 100%;
	height: auto;
	}
	#type_entete { display:none; }
	
	#quiquoicomment { display:none; }
	#bienvenu_adh { float:left ; width:100% ; }
}

@media (min-width:986px) and (max-width:1023px)
{

	img,iframe { max-width: 100%; height: auto; }
	#bienvenu_adh { float:left; width: 100% ; margin:0px ;}
	
	#quiquoicomment { float:left; width: 100% ; background-color:white ; margin: 0px;}	
	
	#menu_marron{ font-size:x-small ; width: 80px ; height: 40px ; border: 1px black outset;
		background-color:#009900;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
	}
	#menu_marron_clair { font-size:x-small ; width: 80px ; height: 40px ; border: 1px black outset;
		background-color:#99FF66;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:black ;
	}
	#menu_orange { font-size:x-small ; width: 80px ; height: 40px ; border: 1px black outset;
		background-color:#FF9933;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:black;
}
	#menu_piano { font-size:x-small ; width: 80px ; height: 40px ; border: 1px black outset;
		background-color:blue;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
	}
		
	#menu_guitare { font-size:x-small ; width: 80px ; height: 40px ; border: 1px black outset;
		background-color:#663300;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
	}

	#menu_marron_clair:hover { background-color:beige; border: 3px grey outset; height: 37px ; width:85px ; }
	#menu_marron:hover { background-color: beige; border: 3px grey outset; height: 37px ; width:85px ; }
	#menu_orange:hover { background-color:beige ; border: 3px grey outset; height: 37px ; width:85px ; }
	#menu_piano:hover { background-color:beige ; border: 3px grey outset; height: 37px ; width:85px ; }
	#menu_guitare:hover { background-color:beige ; border: 3px grey outset; height: 37px ; width:85px ; }

}
@media (min-width:1024px)
{
	img,iframe {
	max-width: 100%;
	height: auto;
	}

.entete_message { text-align:justify ; font-size:1.6rem ; padding:3px }

	#menu_marron{
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color: #009900;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
		font-size:large ;
	}
	#menu_marron_clair {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:#99FF66;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		font-size:large ;
		color:black ;
	}
	#menu_orange {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:#FF9933;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:black;
		font-size:large ;
	}
	#menu_piano {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:blue;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
		font-size:large ;
	}
	#menu_guitare {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:#993300;
		border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;
		font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif ;
		float:left;
		color:white;
		font-size:large ;
	}

	#menu_marron_clair:hover {
	background-color:beige;
	border: 3px grey outset;
	height: 46px ;
	width:105px;
	}
	#menu_marron:hover {
		background-color: beige;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}
	#menu_orange:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}
	#menu_piano:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}
	#menu_guitare:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}

}