﻿html { font-size: 62.5%; } 
body { /* =16px */
  font-size: 16px;
  font-size: 1.6rem;
  font-size:1.6em ;
  background-color:#F3F3F3;
}
p,li,ul,ol,input,a,span,select,strong,div,option,td {
	font-family:Verdana, Geneva, Tahoma, sans-serif ;
	text-align:justify;
}
.b1 { color:white;background-color:blue ; margin:2px ; border: 1px #FFCC99 groove ; font-weight:bold ; }
.b3 { color:white;background-color:red ; margin :2px ; border: 1px #FFCC99 groove ; font-weight:bold ;  }
.b5 { color:blue ;background-color:greenyellow; margin:2px ; border: 1px #FFCC99 groove ;  font-weight:bold ; }

fieldset { background-color:aliceblue ; border:1 aqua double ;}
legend {background-color:#0066FF; color:white; }

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 ; text-shadow: 2px 2px 4px grey, -1px 0 red, 0 1px red,
      1px 0 red, 0 -1px red ;
-webkit-text-shadow: 2px 2px 2px grey;
-moz-text-shadow: 2px 2px 2px grey; }
h2 { font-size:20px ; font-size :2.0rem ; font-weight:bold ; margin-bottom:0px ;text-shadow: 2px 2px 2px grey;
-webkit-text-shadow: 2px 2px 2px grey ;
-moz-text-shadow: 2px 2px 2px grey ;}
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:20px}
.enrouler { width:20px ; height:20px}

.lg1 { border:1px orange ridge; background-color:#FFFF99 ; }
.lg2 { border:1px orange ridge; background-color:#CCFF99 ; }

.question_faq { background-color:#83FFFF; 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 ;	
}
}
.petit {
	font-family:"Comic Sans MS" ;
	font-size:x-small ;
}
.petitnormal {
	font-family:"Comic Sans MS" ;
	font-size:small ;
}

.bouton2 {
	font-family: "Comic Sans MS";
	font-weight: bolder;
	color: #660033;
	background-color: #FFFF00;
	border: thin outset #FFCC00;
}
#titre_de_page { float:left; width:98% ; background-color: aquamarine ; 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: 12% ; 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 ; margin-top:10px ;
	}
	.bt_base_bleu {
	-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 ; 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; 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 ; 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; 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 ; 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; 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 ; 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; 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 ; 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 ; margin-top:10px ; 
	}
	.bt_base_rouge {
	-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 ; background-color:red ; 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 ; margin-top:10px ; 
	}
	
	
	.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:95%; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; background-color:white; overflow:hidden; margin-top:55px }
	
	#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;}
		
	.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:94% ; margin:0 auto; padding:10px ; text-align:center; }
	#gauche_std { float:left ; width:94% ; margin:0 auto ; padding:10px ; text-align:center ; }
	#ligne_std { float:left ; width:94% ; margin:0 auto; padding:10px; text-align:center ; }
	#colonne_2_tiers_gauche { float:left ; width:94% ; margin:0 auto ; padding:10px ; text-align:center ; }
	#colonne_1_tier_droite { float:left ;  width:94% ; margin:0 auto ; padding:10px ; text-align:center ; }
	#colonne_1_tier_gauche { float:left ; width:94% ; margin:0 auto ; padding:10px ; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:94% ; margin:0 auto ; padding:10px ; text-align:center ; }
	#bandeau_connexion { display:none; }

	img,iframe { max-width: 100%; height: auto;	}
		
	.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 ; }
	.logo_mobile { width:115px;height:50px ; vertical-align:middle; float:left;}
	.logo_entete_didier_small { width:50px;height:auto ; vertical-align:middle; margin-left:5%;}
	.logo_entete_feu_small { width:40px;height:auto ; vertical-align:middle;  margin-right:5%;}
	.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}
	
}
@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;) }
	#itemmenu { text-align:center; font-size:x-large; margin-bottom:15px }

	.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:10px ; text-align:center; }
	#gauche_std { float:left ; width:45% ; margin:1% ; padding:10px ; text-align:center ; }
	#ligne_std { float:left ; width:98% ; padding:10px; text-align:center ; margin:0 auto }
	#colonne_2_tiers_gauche { float:left ; width:60% ; padding:10px; text-align:center ; }
	#colonne_1_tier_droite { float:right ; width:32% ; padding:10px; text-align:center ; }
	#colonne_1_tier_gauche { float:left ; width:31% ;  padding:10px; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:32% ;  padding:10px; text-align:center ;  }

	img,iframe { max-width: 100%;	height: auto;	}
			
	.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; }

	#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:15px ; padding-left:15px; text-align:center ; margin:0 auto  }
	#colonne_2_tiers_gauche { float:left ; width:60% ; padding:10px; text-align:center ; }
	#colonne_1_tier_droite { float:right ; width:32% ; padding:10px; text-align:center ;  }
	#colonne_1_tier_gauche { float:left ; width:31% ; padding:10px; text-align:center ; }
	#colonne_1_tier_centre { float:left ; width:32% ; padding:10px; text-align:center ; }

	img,iframe { max-width: 100%;	height: auto;	}

	.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_blanc a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color:black ;
}
#menu_noir 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_guitare a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}
#menu_ukulele a {
	text-decoration:none ;
	text-shadow: 1px 1px 2px grey ;
	color: white ;
}

#menu_blanc a:hover {
	color:blue ;
	background-color:beige ;
}
#menu_noir a:hover {
	background-color:beige ;
	color:blue ;
}
#menu_orange a:hover {
	color:blue ;
	background-color:beige ;
}
#menu_guitare a:hover {
	background-color:beige ;
	color:blue ;
}
#menu_ukulele a:hover {
	background-color:beige ;
	color:blue ;
}

#menu_blanc a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	background-color: beige;
}
#menu_noir a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	background-color: beige;
}
#menu_orange a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	background-color:beige ;
}
#menu_guitare a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	background-color: beige;
}
#menu_ukulele a.item_menu:hover {
	text-decoration:none ;
	text-shadow: 2px 2px 4px black;
	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; }	
	#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_blanc {
		width: 80px ;
		height: 40px ;
		border: 1px black outset;
		background-color:white ;
		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:small;
		vertical-align:middle;
	}
	#menu_noir {
		width: 80px ;
		height: 40px ;
		border: 1px black outset;
		background-color:black ;
		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:small;
		color:white ;
		vertical-align:middle;
	}
	#menu_orange {
		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;
		font-size:small;
		vertical-align:middle;
	}
	#menu_guitare {
		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;
		font-size:small;
		vertical-align:middle;
	}
	#menu_ukulele { 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_blanc:hover {
	background-color:beige;
	border: 3px grey outset;
	height: 37px ;
	width:80px;
	}
	#menu_noir:hover {
		background-color: beige;
		border: 3px grey outset;
	height: 37px ;
	width:80px;
	}
	#menu_orange:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 37px ;
		width:80px;
	}
	#menu_guitare:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 37px ;
		width:80px;
	}
	#menu_ukulele: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_blanc {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:white ;
		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_noir {
		width: 100px ;
		height: 50px ;
		border: 1px black outset;
		background-color:black ;
		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:white ;
	}
	#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_guitare {
		width: 100px ;
		height: 50px ;
		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;
		font-size:large ;
	}
		#menu_ukulele {
		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_blanc:hover {
	background-color:beige;
	border: 3px grey outset;
	height: 46px ;
	width:105px;
	}
	#menu_noir: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_guitare:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}
		#menu_ukulele:hover {
		background-color:beige ;
		border: 3px grey outset;
		height: 46px ;
		width:105px;
	}
}
#les_chiffres { background-color:#FFFF99;
		margin-top:0px;
		text-align:center ;
		width:100%;
}
#les_chiffres:hover  {
		background-color:aliceblue;
		margin-top:0px;
		text-align:center ;
		width:100%;
}
