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;
	}
}.entete_tab_arp { background-color:#0033CC;font-size:18px ; font-weight:bold ; text-align:center; color:white  ; font-family:"Comic Sans MS" ;}
.tab_arp { margin:0 auto ; }
.legende_club { background-color:#0033CC ; color:white ; font-weight:bold ; }
.field_club { -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; border: 1px aquamarine ridge ; background-color:whitesmoke ;
		 ; margin:0 auto ;
}
.policetxt { font-size: 2.0rem ;  line-height : 1.8; text-align:left}
.policetxt_no_ac { font-size: 2.0rem ; text-align:left}

.nb_mesure { font-size:1.5rem ; color:blue ; font-weight:600 ; }
.expo_hors_couplet { font-weight:600 ; font-size: 1.5rem ; }
.expo_ac_barre { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 7px; margin-top:4px ;}
.expo_ac { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 50px; margin-top:4px ;}
.expo_ac_20 { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 20px; margin-top:4px ;}
.expo_ac_30 { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 30px; margin-top:4px ;}
.expo_ac_40 { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 40px; margin-top:4px ;} 
.expo_ac_100 { position: relative; bottom: 10px; line-height: 1.8em; vertical-align:super; text-decoration:none; color:blue ; font-weight:600 ; font-size: 1.5rem ; display: inline-block; width: 100px; margin-top:4px ;} 

.mot_en_rouge{ color:red ; font-weight:400 ; }
.mot_en_rouge_new{ color:red ; font-weight:400 ; margin-left:-50px ; text-decoration: underline ; }
.mot_en_rouge_new_30{ color:red ; font-weight:400 ; margin-left:-30px ; text-decoration: underline ; }
.mot_en_rouge_new_100{ color:red ; font-weight:400 ; margin-left:-100px ; text-decoration: underline ; }

.mot_en_rouge_7cars { color:red ; font-weight:400; margin-left:-87px}
.logo_motdujour {
	font-family: "Comic Sans MS";
	font-weight: bolder;
	color: #660033;
	background-color: #FFCC66;
	border: thin outset #FFCC00;
	cursor: hand;
}
.partition_sonore_intitule {
	-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; font-weight:bold ; background-color:#FFFF99 ;
}
.partition_sonore_contenu {
	-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; font-weight:bold ; background-color:#99FF99;
}
.refrain { 
	font-family:"Comic Sans MS" ;
	font-weight: bolder;
	color:#663300 ;
	background-color: yellow;
	border: thin outset #CCFF33;
}
.pont {
	font-family: "Comic Sans MS";
	font-weight: bolder;
	color: #008000;
	background-color: #FFCCFF;
	border: thin outset #FFCC00;
}
.intro {
	font-size: 2.0rem ;  font-size: 2.0em ; font-size: 20px ;
	font-weight: bolder;
	color:black;
	background-color: #99FF66;
	border: thin outset #CCFF33;
}
.adlib {
	font-family: "Comic Sans MS";
	font-weight: bolder;
	color: #008000;
	background-color: #FFCCFF;
	border: thin outset #FFCC00;
}
.mot_chgt {
	text-align:center ; background-color:#D9FFB3; 	padding: 3px ; font-size:large ; width:70% ; margin:0 auto; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px;
	-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; font-weight:bold ; background-color:#99FF99; font-family:"Comic Sans MS" ;

}
.img_publique { float:left ; width: 200px; height: auto; }
.img_arpege { width: 350px; height: auto; }
.top_titre { -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#E4E4E4 ;  
		  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-left:15px ; padding-right:15px ; padding-top:5px ; padding-bottom:5px ; margin-bottom:10px ;margin-top:10px ; margin-right:5px ; display: inline-block ; float:left ; text-align:center
}
.bt_carnet {
	-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; padding-left:10px;background-color:#FFFFCC ; border:1 aliceblue window-inset;
}

#mise_en_ligne { font-weight:bold ; text-align:center ; background-color:orange ; }

@media all and (max-width:985px)
{
.top_titre { -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#E4E4E4;  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-left:15px ; padding-right:15px ; padding-top:5px ; padding-bottom:5px ;  margin-left:5px ; margin-right:5px ;margin-bottom:5px ;margin-top:5px ; text-align:center; float:left ; 
	}

	img,iframe {
	max-width: 100%;
	height: auto;
	}

.img_arpege {
	max-width: 150%;
	height: auto;
}
.logo_didier {
	width: 35%;
	height: auto;
}
	#titre_de_chanson { float:left; width:98% ; background-color: aquamarine ; color: black ; font-weight:bold ; text-align:center ; font-size:large;
			 -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; }
	#infos_titres { float:left ; width:98% ; text-align:center; }
	#debut_club { background-color:#0033CC ; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:98% ; text-align:center ; margin:1% ;}
	#gauche { float:left ; width:98% ; margin:0 auto; background-color :bisque ; text-align:center ; vertical-align:top ;	border: 1px black dashed ;}
	#droite { float:left ; width:98% ; margin:0 auto;  background-color:khaki ; text-align:center ; vertical-align:top ; 	border: 1px black dashed ;}
	#ligne_sup { float:left ; width:98% ; margin:0 auto; background-color:white ; text-align:center ; }
	#zone_partition  { float:left ; width:98% ; margin:0 auto; background-color:white ; border: 1px black dashed ; }
	#zone_didact { background-color:#0033CC; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:95% ;  margin:0 auto; text-align:center ; }
	#partition_sonore { float:left ; width:98% ;margin-left:1% ; background-color:#EEEEEE; border: 1px black dashed ;
		text-align:center ; }
	#partition { margin:0 auto ; }
	#zone_tab { float:left ; width:98% ; margin:0 auto; background-color:white ; border: 1px black dashed ; text-align:center ;
	color:blue; font-weight:bold ; }
	#zone_txt { float:left ; width: 98% ; margin:0 auto; padding:3px ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFFCC ; }
    #zone_accord { display:none ;}
    #vclub { float:left ; width:98% ; margin:0 auto; -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFF99; text-align:center ; font-size:medium ; }
	#petite_histoire { float:left ; width:98% ; margin:0 auto; background-color:white ; border: 1px black dashed ; }
	#zone_publique { float:left ; width:98% ; margin:0 auto; background-color:white ; border: 1px black dashed ; }
	#zone_motdujour { float:left ; width:98% ; margin:0 auto; background-color:white ; 	 -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; text-align:left ; font-size:small; }

.tonalite_originale {
	background-color:#CCFF99; font-size:14px ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; font-family:"Comic Sans MS"; padding-left:5px}
.tonalite_en_cours { background-color:#CC0000; font-size:12px ; font-family:"Comic Sans MS"; margin-left:2px;margin-right:2px ; color:white ; font-weight:bold ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px;}
.lesautres { background-color:aliceblue; font-size:12px ; font-family:"Comic Sans MS"; margin:2px ; }
.transposition { background-color:aquamarine ;font-size:16px ; font-family:"Comic Sans MS"; height:auto ; text-align:left ; margin-top:0px ; padding-left:5px}
.retrouve_tonalite { background-color:yellow; font-size:14px ; font-family:"Comic Sans MS" ;}
.frette { background-color:cornflowerblue; font-size:14px ; font-family:"Comic Sans MS" ; }
.soutien_rythmique {
		border-bottom-left-radius : 20px 20px; border-bottom-right-radius : 20px 20px;border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;text-align:center;padding:10px; margin-left:2%; width:70%;background-color :white;
		-moz-box-shadow: 4px 4px 10px #888;  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; font-size:10px ;
	}
.div-gauche { float:left ; width:98% ; margin:0 auto; background-color :bisque ; text-align:center ; vertical-align:top ;	border: 1px black dashed ;}
.div-droite { float:left ; width:98% ; margin:0 auto;  background-color:khaki ; text-align:center ; vertical-align:top ; 	border: 1px black dashed ;}
.div-ligne_sup { float:left ; width:98% ; margin:0 auto; background-color:white ; text-align:center ; }
	#colonne_chanteur {
			-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#0000FF;  color:white ; text-align:center ;
		  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 ; font-size:medium ; width:80% ; float:left ; margin-left: 10%;
	}
}

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

	img,iframe {
	max-width: 100%;
	height: auto;
	}
.logo_didier {
	width: 10%;
	height: auto;
}

	#titre_de_chanson { float:left; width:98% ; background-color:aquamarine ; color: black ; font-weight:bold ; text-align:center ; font-size:large; 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; }
	#infos_titres { float:left ; width:100% ; text-align:center; }
	#debut_club { background-color:#0033CC ; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:98% ; text-align:center ; margin:1% ;}
	#gauche { float:left ; width:100% ; background-color:bisque ; text-align:center ; vertical-align:top ;	border: 1px black dashed ;}
	#droite { float:left ; width:100% ;  background-color:khaki ; text-align:center ; vertical-align:top ; 	border: 1px black dashed ;}
	#ligne_sup { float:left ; width:100% ; background-color:white ; text-align:center; }
	#zone_partition  { float:left ; width:98% ; margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_didact {background-color:#0033CC; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:98% ; text-align:center ; margin-left:1% ; }
	#partition_sonore { float:left ; width:98% ;margin-left:1% ; background-color:#EEEEEE; border: 1px black dashed ;
		text-align:center ; }
	#partition { margin:0 auto ; }
	#zone_tab { float:left ; width:98% ; margin-left:1% ;background-color:white ; border: 1px black dashed ; text-align:center ;
	color:blue; font-weight:bold ; }
	#zone_txt { float:left ; width: 98% ; margin-left:1%; padding:3px ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  font-size:small;
		  box-shadow:4px 4px 6px #888; background-color:#FFFFCC ; font-size:large ;}
    #zone_accord { display:none ;}
    #vclub { float:left ; width:98% ; margin-left:1%  ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFF99; text-align:center ; font-size:medium ;}
	#petite_histoire { float:left ; width:96% ;margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_publique { float:left ; width:96% ;margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_motdujour { float:left ; width:96% ;margin-left:1% ; background-color:white ; 	 -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; text-align:center ; font-size:medium;}
.tonalite_originale {
	background-color:#CCFF99; font-size:16px ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; font-family:"Comic Sans MS"; padding-left:10px}
.tonalite_en_cours { background-color:#CC0000; font-size:14px ; font-family:"Comic Sans MS"; margin-left:2px;margin-right:2px ; color:white ; font-weight:bold ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px;}
.lesautres { background-color:aliceblue; font-size:14px ; font-family:"Comic Sans MS"; margin:2px ; }
.transposition { background-color:aquamarine ;font-size:18px ; font-family:"Comic Sans MS"; height:auto ; text-align:left ; margin-top:0px ; padding-left:10px}
.retrouve_tonalite { background-color:yellow; font-size:16px ; font-family:"Comic Sans MS" ;}
.frette { background-color:cornflowerblue; font-size:16px ; font-family:"Comic Sans MS" ; }
}
.soutien_rythmique {
		border-bottom-left-radius : 20px 20px; border-bottom-right-radius : 20px 20px;border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;text-align:center;padding:10px; margin-left:2%; width:70%;background-color :white;
		-moz-box-shadow: 4px 4px 10px #888;  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; font-size:16px ;
	}
.div-gauche { float:left ; width:100% ; background-color:bisque ; text-align:center ; vertical-align:top ;	border: 1px black dashed ;}
.div-droite { float:left ; width:100% ;  background-color:khaki ; text-align:center ; vertical-align:top ; 	border: 1px black dashed ;}
.div-ligne_sup { float:left ; width:100% ; background-color:white ; text-align:center; }
#colonne_chanteur {
			-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#0000FF;  color:white ; text-align:center ;
		  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 ; font-size:medium ; width:30% ; float:left ; margin-left: 1%;
	}


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

.logo_didier {
	max-width: 100%;
	height: auto;
	}
.img_arpege {
	max-width: 150%;
	height: auto;
}


	#titre_de_chanson { float:left; width:98% ; background-color: aquamarine ; color: black ; font-weight:bold ; text-align:center ; font-size:30px; 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; }
	#infos_titres { float:left ; width:100% ; text-align:center;}
	#debut_club { background-color:#0033CC; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:98% ; text-align:center ; margin:1% ;}
	#gauche { float:left ; width:48% ; margin-left:1% ; padding:3px ; background-color:bisque ; text-align:center ; vertical-align:top ;height:380px ;
	border: 1px black dashed ;}
	#droite { float:right ; width:48% ; margin-right:1%; padding :3px ;  background-color:khaki ; text-align:center ; vertical-align:top ; height:380px ;
	border: 1px black dashed ;}
	#ligne_sup { float:left ; width:98% ;margin-left:1% ; background-color:white ; text-align:center;}
	#zone_partition  { float:left ; width:98% ; margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_didact {background-color:#0033CC; color:white ; font-family:"Comic Sans MS" ; font-weight:bold ; float:left ; width:98% ; text-align:center ; margin-left:1% ; }
	#partition_sonore { float:left ; width:98% ;margin-left:1% ; background-color:#EEEEEE; border: 1px black dashed ;
		text-align:center ; }
	#partition { margin:0 auto ; }
	#zone_tab { float:left ; width:98% ; margin-left:1% ;background-color:white ; border: 1px black dashed ; text-align:center ;
	color:blue; font-weight:bold ; }
	#zone_txt { float:left ; width: 62% ; margin:1%; padding:3px ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFFCC ;}
    #zone_accord {  float:right ; width: 30% ;  margin:1%; padding:3px ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:white ; text-align:center ;}
    #vclub { float:right ; width: 30% ;  margin:1%; padding:3px ;-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#FFFF99; text-align:center ; font-size:medium ;}
	#petite_histoire { float:left ; width:96% ;margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_publique { float:left ; width:96% ;margin-left:1% ; background-color:white ; border: 1px black dashed ; }
	#zone_motdujour { float:left ; width:96% ;margin-left:1% ; background-color:white ; 	 -moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; text-align:center ; }
.tonalite_originale {
	background-color:#CCFF99; font-size:18px ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px; font-family:"Comic Sans MS"; padding-left:10px}
.tonalite_en_cours { background-color:#CC0000; font-size:16px ; font-family:"Comic Sans MS"; margin-left:2px;margin-right:2px ; color:white ; font-weight:bold ; border-top-left-radius : 20px 20px; border-top-right-radius : 20px 20px;}
.lesautres { background-color:aliceblue; font-size:16px ; font-family:"Comic Sans MS"; margin:2px ; }
.transposition { background-color:aquamarine ;font-size:20px ; font-family:"Comic Sans MS"; height:auto ; text-align:left ; margin-top:0px ; padding-left:10px}
.retrouve_tonalite { background-color:yellow; font-size:18px ; font-family:"Comic Sans MS" ;}
.frette { background-color:cornflowerblue; font-size:18px ; font-family:"Comic Sans MS" ; }
.soutien_rythmique {
		border-bottom-left-radius : 20px 20px; border-bottom-right-radius : 20px 20px;border-top-left-radius : 20px 20px;
		border-top-right-radius : 20px 20px;text-align:center;padding:10px; margin-left:2%; width:50%;background-color :white;
		-moz-box-shadow: 4px 4px 10px #888;  -webkit-box-shadow: 4px 4px 10px #888;  
			  box-shadow:4px 4px 6px #888; font-size:14px ;
	}
	.div-gauche { float:left ; width:48% ; margin-left:1% ; padding:3px ; background-color:bisque ; text-align:center ; vertical-align:top ;height:380px ;
	border: 1px black dashed ;}
	.div-droite { float:right ; width:48% ; margin-right:1%; padding :3px ;  background-color:khaki ; text-align:center ; vertical-align:top ; height:380px ;
	border: 1px black dashed ;}
	.div-ligne_sup { float:left ; width:98% ;margin-left:1% ; background-color:white ; text-align:center;}
	#colonne_chanteur {
			-moz-box-shadow: 4px 4px 10px #888;  
		  -webkit-box-shadow: 4px 4px 10px #888;  
		  box-shadow:4px 4px 6px #888; background-color:#0000FF;  color:white ; text-align:center ;
		  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 ; font-size:medium ; width:30% ; float:left ; margin-left: 1%;
	}
}