/* on modifie mode activation sous-menu si tablette tactile ---------------------------------------------------------------------*/ 
 @media screen and (max-width: 999px){ 
 div#bandeautop { 
	background-image: url("../images/bandeauclarinet800.jpg"); 
 	background-repeat: no-repeat;
	} 
div.contenu {
	margin: 0px;
	padding: 7px; 
	width: 100%; 
}	
/* ajouts brouillonaccueilpsdrnew12 */
/* la flèche bas*/
[for="chkb1"]:after, [for="chkb2"]:after {
  content: "\25bc";  
  font-size: larger; 
  font-weight: bold; 
}
/* dès que la case est cochée (appui sur flèche) sous menu  affiché */
div.menuhz ul li input[type=checkbox]:checked ~ul{ 
display: block; 
} 
div.actuprod { 
width: 100%;
} 
a.picto1 { 
width: 179px;
height: 179px; 
} 
a.picto2 { 
width: 179px;
height: 179px; 
}
a.picto3 { 
width: 179px;
height: 179px; 
} 
 }
/* on modifie style menu pour affichage responsive ------------------------------------------------------------*/ 
 @media screen and (max-width: 680px){ 
 div.contbandeautop {
height: 214px; 	 
} 
 div#bandeautop { 
	background-image: url("../images/bandeauclarinet400.jpg"); 
 	background-repeat: no-repeat;
	} 
div.menuhz label.hamburger { 
	display: block; 
	cursor: pointer;
position: relative; 	
	color: #fff; 
	background-color: #000000;
	text-align: center;
	padding: 5px 3px; 
	}
	div.menuhz ul { 
	display: none; 
	} 
	div.menuhz input[type=checkbox]#menumobile{ 
visibility: hidden; 
} 
div.menuhz ul li, div.menuhz ul li a { 
width: 100%; 
text-align: center; 
} 
div.menuhz ul li a, div.menuhz ul li:hover a { 
padding: 10px 0px 10px 0px;
} 

/* dès que la case est cochée (appui sur menu) menu niveau 1  affiché */
div.menuhz input#menumobile:checked ~ul{ 
display: block; 
}
div.menuhz ul.submenu { 
display: block;
position: static; 
}  
/* ajouts ici */
input.chkbsousmenu:not(:checked) ~ ul {
  display: none; 
} 

#chkb1:checked ~[for="chkb1"]:after {
  content: "\25b2"; 
}
/* ajout slide */
div.caption h3 { font-size: 18pt; line-height: normal;} 
div.caption h5 { font-size: 15pt;} 
div.slider a.lienslide {  
font-size: 12pt; 
float: none; 
} 
/* abaisser points de contrôle -*/
div.slider .indicators {
bottom: 38px; } 
/* abaisser pictos */
div.pictos {
	position: relative;
	top: 0px;
}
div.titresection {
top: 5px; 	
font-size: 18pt;
}
div.actuprod { 
display: flex; 
flex-direction: column;
}
div.blocprodG { 
width: 100%; 
}
div.blocprod { 
width: 100%; 
} 
div.blocpied { 
width: 100%; 
border-bottom: dashed 1px white;
}
}	
/*	fin affichage responsive */