body{ 
font-family: Verdana, Calibri, sans-serif;
text-align: center; 
color: #333333; 
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
a {
color: #F29400;
text-decoration: none;	
}
a.commeunbouton { 
display: inline-block; 
border: solid #DCDCDC; 
	border-width: thin thin medium medium; 
	border-radius: 7px; 
	color: #FFFFFF; 
	padding: 0.5em; 
	margin: 5px; 
	text-align: center;  
	font-weight: bold;
	background-color: #BD0926;
} 
a.boutonlecture { 
display: inline-block; 
border: solid #DCDCDC; 
	border-width: thin thin medium medium; 
	border-radius: 7px; 
	color: #FFFFFF; 
	padding: 0.5em; 
	margin: 5px; 
	text-align: center;  
	font-weight: bold;
	background-color: #BD0926;
}
input.btachat {
	display: inline-block;
	float: right; 
	border: solid #DCDCDC; 
	border-width: thin thin medium medium; 
	border-radius: 7px; 
	color: #FFFFFF;
	font-weight: bold;	
	padding: 0.5em; 
	margin: 5px;
	text-align: center;
	background-color: #BD0926;
} 
a.photoarticle {
display: inline-block;
float: left; 	
margin: 7px; 	
}
a.photorub {
display: inline-block;	
margin: 7px; 	
}
div.lecteur {
clear: both;	
}
/* ajout Bard bouton video  */
.bouton-video {
  background-color: #BD0926;
  border-radius: 12px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  color: white;
  cursor: pointer;
  clear: both; 
}

.bouton-video a {
color: white; 	
}
.bouton-video img {
padding-right: 7px; 	
}
/* bandeau top -----------------------------------------*/
div.contbandeautop {
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: center; 
	width: 100%; 
	height: 317px; 

}
div#bandeautop { 
	position: relative;
	height: 317px; 
	padding: 0px;
	margin: 0px;
	background-image: url("../images/bandeauclarinet1300.jpg"); 
 	background-repeat: no-repeat;
	} 

/*---------------------------NAVIGATION-----------------------------------------*/
div.menuhz {
	width: 100%; 
	background-color: #000000; 
	text-align: center; 
}
div.menuhz > ul{ 
margin: 0px;
padding: 0px;
} 
div.menuhz > ul > li {
	float: left; 
	position: relative;
	list-style-type: none;
} 	

div.menuhz > ul::after {  
	content:"";
	display: table; 
	clear: both; 
} 
div.menuhz a{ 
	display: inline-block; 
	text-decoration: none; 
	color: #FFF;
}
div.menuhz > ul > li > a{ 
padding: 20px 20px; 
color: #FFF;
} 
div.menuhz > ul > li > a.envaleur{ 
padding: 15px 15px; 
color: #FFF;
font-size: larger; 
}
/*-on cache le sousmenu---------------------*/
ul.submenu { 
	display: none; 
} 
/*---on cache la checkbox et son label pour bouton menu mobile---------------------------------------------------------------------*/
div.menuhz input[type=checkbox]#menumobile{ 
position: absolute; 
left: -9990px;
} 
div.menuhz label.hamburger {
	display: none; 
	font-size: 12pt;
}  
/* dès que la case est cochée (appui sur menu) menu niveau 1  affiché */
div.menuhz input[type=checkbox]#menumobile:checked ~ul{ 
display: block; 
}
/*-----la fleche pour annoncer sousmenu deroulant ------------*/
label.menuexpand {
	display: inline;
	margin: 0; padding: 0;
} 
input#chkb1, input#chkb2, input#chkb3, input#chkb4, input#chkb5, input#chkb6, input#chkb7, input#chkb8, input#chkb9, input#chkb10, input#chkb11, input#chkb12 { 
position: absolute;
left: -9999px;
} 

/*-----------affichage du sousmenu survol  -------------------------------------------------------------------------*/

div.menuhz li:hover .submenu { 
display: inline-block; 
position: absolute; 
top: 100%; 
left: 0px; 
padding: 0px; 
z-index: 100000; 
} 
/*-----------description du sousmenu   ------------------------------------*/
.submenu li { 
border-bottom: 1px solid #CCC; 
} 
.submenu li a { 
padding: 15px 30px; 
font-size: 13px; 
width: 270px; 
} 
.menurouge:hover { 
border-top: 5px solid #BD0926;
background-color: RGBa(189,9,38,0.15);
}  
.menurougeh { 
border-top: 5px solid #BD0926;
background-color: RGBa(189,9,38,0.15);
} 
.menumandarine:hover { 
border-top: 5px solid #F29400;
background-color: RGBa(242,148,0,0.15);
}  
.menumandarineh { 
border-top: 5px solid #F29400;
background-color: RGBa(242,148,0,0.15);
} 
div.menuhz > ul > li:hover a { 
padding: 15px 30px 20px 30px;
} 
.menurouge .submenu {  
background-color: RGB(189,9,38);
} 
.menumandarine .submenu {  
background-color: RGB(242,148,0);
} 

.submenu li:hover a { 
color: #EEE; 
font-weight: bold; 
} 
.menurouge .submenu li:hover { 
border: solid 2px #F29400;
} 
.menumandarine .submenu li:hover { 
background-color: RGB(189,9,38);
} 
div.slogan {
box-sizing:border-box;
font-size: 15pt;
padding: 10px; 
margin: 0;
margin-right: 7px;
margin-top: 10px;
border: solid 2px #BD0926; 	
border-radius: 5px;	
} 
span.flecheD {
font-size: 18pt;
color: #FFFFFF; 
background-color: #BD0926;
padding: 0px 3px 0px 3px;
border-radius: 5px; 
margin: 0;
margin-right: 5px; 
}
	/* pictos------------------------------------------------------*/
div.pictos {
	text-align: cenxter;
	position: relative;
	top: -100px;
width: 80%; 
	padding: 0px;
	margin: 0px auto;	
	z-index: 50; 
 
}
a.picto1 {
display: inline-block; 
width: 192px;
height: 192px; 
padding: auto; 
padding-top: 0px; 

} 
a.picto2 {
display: inline-block; 
width: 192px;
height: 192px; 
padding: auto; 
padding-top: 0px; 
	
} 
a.picto3 {
display: inline-block; 
width: 192px;
height: 192px; 
padding: auto; 
padding-top: 0px; 
	
} 
/*____________________pour affichage des prod en page accueil________________________ */
div.rechercheproductions { 
margin-bottom: 20px; 
}
form#rechercheprod input#motcleprod { 
height: 32px; 
border: solid #DCDCDC 2px; 
border-radius: 5px;
width: 50%; 
text-align: center; 
}
form#rechercheprod input#submitoutils { 
height: 32px; 
border: solid #DCDCDC 2px; 
border-radius: 5px;
background-image: url(../images/loupegrise.png); 
background-repeat: no-repeat; 
background-position: bottom right;
} 
form#rechercheprod input#submitcasdet { 
height: 32px; 
border: solid #DCDCDC 2px; 
border-radius: 5px;
background-image: url(../images/loupegrise.png); 
background-repeat: no-repeat; 
background-position: bottom right;
} 
form#rechercheprod input#submitartsci { 
height: 32px; 
border: solid #DCDCDC 2px; 
border-radius: 5px;
background-image: url(../images/loupegrise.png); 
background-repeat: no-repeat; 
background-position: bottom right;
}
div.titresection { 
position: relative; 
top: -70px; 
margin: 0 auto; 
padding:0; 	
}
div.titresousslide { 
position: relative; 
top: -10px; 
margin: 0 auto; 
padding:0;  
font-size: 18pt; 
}
div.actuprod {
width: 80%;
margin: 0 auto;
padding:0; 
display: flex; 
}
div.actuprod div#contform a.commeunbouton2 {  
display: inline-block; 
border: solid #DCDCDC; 
	border-width: thin thin medium medium; 
	border-radius: 7px; 
	color: #FFFFFF; 
	padding: 0.5em; 
	margin: 5px; 
	text-align: center;  
	font-weight: bold;
	background-color: #BD0926;
}  
div.blocprod {
 box-sizing:border-box;
	margin: 0px;
	padding: 3px; 
	width: 80%; 
	display: inline-block; 
	
} 
.blocprod form.ajoutpanier { 
text-align: left; 
clear: both; 
}
div.blocprodG {
	position: relative; 
 box-sizing:border-box;
	margin: 0px;
	padding: 3px; 
	width: 50%; 
display: inline-block; 
	margin-right: 0px; 
	margin-top: 18px; 
	border: solid #DCDCDC 2px; 
	border-radius: 5px;
} 

img.focusprod {
	float: left;
	width: 200px;
	
}
div.contfocustxt {
	clear: none;  
	margin: 0;
	padding:0;
	text-align: left;
}
ul.troisprod {
	list-style-type: none; 
	position: relative; 
}
ul.troisprod li { 
position: relative;
margin: 0;
padding: 2px; 
border: solid #DCDCDC 2px; 
border-radius: 5px; 
margin-bottom: 9px; 
margin-right: 7px; 
} 
ul.troisprod img {
float: left;
   
clear: both; 	
} 
ul.troisprod div.contprodtxt {
	margin: 10px;
	padding: 10px; 
	min-height: 110px; 
	text-align: left;	
}
.auteurprod {
	font-size: 12pt;
	font-weight: bold;
		padding: 0px 0px 0px 7px; 
}
.projetprod {
	font-size: 13pt;
		padding: 0px 0px 0px 7px; 	
}
.categoria {
	
		padding: 0px 0px 0px 7px; 
	
}
/*____________________________pastilles gauche__________________________ */
div.pastillenouveauteG {
	position: relative;
	top: 0px;
	left: 205px; 
	width: 115px;
	height: 35px;
	background-image: url("../images/nouveautenw.png");
	background-repeat: no-repeat; 
}

/*____________________________pastilles droite__________________________ */
ul.troisprod div.pastillenouveaute {
	position: relative;
	top: 0px;
	left: 192px; 
	width: 115px;
	height: 35px;
	background-image: url("../images/nouveautenw.png");
	background-repeat: no-repeat; 
}
ul.troisprod div.pastillenouveauteEN {
	position: relative;
	top: 0px;
	left: 192px; 
	width: 115px;
	height: 35px;
	background-image: url("../images/nouveautenwEN.png");
	background-repeat: no-repeat; 
}
div.blocarticle {
	position: relative; 
 box-sizing:border-box;
	margin: 0px;
	padding: 3px; 
	width: 50%; 
display: inline-block; 
	margin-right: 0px; 
	margin-top: 18px; 
	border: solid #DCDCDC 2px; 
	border-radius: 5px;
} 
div.contenu {
position: relative; 
z-index: 5;
margin: auto; 
	padding: 18px 0px 18px 18px;
min-height: 506px;
background-color: #FFFFFF; 
text-align: justify; 
line-height: 1.5em; 	
		}
div.contenu object {
position: relative;
z-index: 15;
} 	
div.contenu embed {
position: relative;
z-index: 15;
} 
div.video {
text-align: center; 
}			
div.contenured { 
margin-right: 100px; 
} 

ul.rechercheprod li fieldset#rechprod {
 
border: solid 2px #CCCC99;
	width: 500px;
	margin: auto;
padding: 2px;	
color: #FFFFFF;


}
input.motcle { 
border: solid 1px #CCCC99; 
	width: 460px;
	     height: 29px;
color: #999999; 
text-align: left; 
} 
input#envoirech {
  border:none;
 background-image: url("../images/loupegrise.png");  
     width:29px;
     height:29px; 
padding-bottom: 2px;  
} 

span.decale {
margin: 0px 0px 0px 7px; 
}
span.petitdecale {
font-size: smaller;
margin: 0px 0px 0px 7px; 
}
span.petit {
font-size: smaller; 
}
div.invis { 
margin: 0;
padding: 0;
height: 46px;
visibility: hidden;
}	
		
span.spacer  {
color: #FFFFFF;
visibility: hidden;
}
div.phrase {
text-align: center;
color: #F29400; 
} 
div.phraseinfo {
text-align: center;
color: #696969;
font-weight: bold;  
} 
div.centrecouleur {
text-align: center;
color: #CC3300; 
font-size: larger; 
font-weight: bold;  
} 
div.forcehaut {
min-height: 500px; 
} 
div.rubriquepg {
font-size: 14pt;
text-align: center;
font-weight: 400;
color: #FFCC00;
margin: 15px 0px 15px 0px;
padding: 10px;
padding-bottom: 5px; 
background-image: url("../images/fondgris.jpg");
 border-radius: 5px;
}
div.titrepage {
color: #666666;
font-size: 13pt;
text-align: right;
border-bottom: 1px solid #666666; 
margin: 20px; 
margin-right: 0;
}
div.titrecentre {
font-size: 12pt;
text-align: center;
} 
div.gdtitregauche {
font-size: 12pt;
text-align: left;
margin: 10px 0px 3px 0px; 		
}
div.paragraphe { 
padding: 7px;
border-left: 7px solid #DCDCDC;
margin: 0px 10px 20px 0px;
} 
div.pargd { 
font-size: 11pt;

} 
div.titrepar { 
font-size: 11pt;
text-align: left;
font-weight: bold;

} 
span.liendeb { 
color: #990000;
padding: 3px; 
} 
div.lienbout {
margin: 19px; 
text-align: center; 
padding: 7px; 
}
span.leg {
font-size: 8pt;
} 
table.entouree {
	border-style: solid ; border-width: 3px ; border-color:#BD0926 ;
	border-radius: 12px;
}
table.nue {
position: relative;

border: none;
margin: auto; 
} 
table table.tbl { 
border-style: solid ; 
border-collapse: collapse;
border-width: 1px ; border-color: #DCDCDC ; 
margin: auto; 
width: 100%; 
font-size: 10pt;
border-radius: 5px; 
} 
table table.tbl td { 
border: solid 1px #DCDCDC ; 
padding: 3px; 
}
hr.gris {
color: #DCDCDC;
 background-color: #DCDCDC;
 height: 4px;
 border: 0;
}
div.contproduit {
	text-align: left;
	margin: 0px;
	margin-top: 30px;
	border-bottom-style: solid ; border-width: 2px ; border-color:#DCDCDC ;
	padding: 0;
		}
		
div.centreur {
margin: auto;

}
div.lienextr {
background-image: url("../images/traitmenuH.jpg"); 
background-repeat: repeat-y; 
background-position: top left;
padding: 5px 5px 5px 30px;
margin: 19px; 
border-radius: 5px;
}
a.projetcol {
font-size: 14pt; 
display: block;
padding: 5px;
padding-left: 30px; 
margin: 7px;
margin-left: 0px;
background-image: url("../images/traitmenuH.jpg"); 
background-repeat: repeat-y; 
background-position: top left;
border-bottom-style: solid ; border-width: 1px ; border-color:#DCDCDC ;
border-radius: 5px;
}
div.coldte { 

padding: 0px 0px 10px 12px; 
border-left-style: solid ; border-width: 1px ; border-color:#DCDCDC ;
text-align: left; 
} 
div.encadredte {
margin: 7px 0px; 
padding: 3px;
border-style: solid ; border-width: 1px ; border-color:#778899 ; 
background-color: #F5F5F5;
border-radius: 5px;
} 
div.coldte a { 
color: #CC3300;
} 
div.coldte a:hover { 
color: #FF0000;
} 
div.coldte div.rubcold { 
border: none; 
background-color: #FFCC33;  
background-image: url("../images/overjauneG.jpg"); 
background-repeat: repeat-x; 
background-position: top left; 	
width: 100%; 
text-align: center; 
font-size: 9pt;
clear: right; 
} 
div.coldte div.stitrcold { 
font-weight: bold; 
color: #330033; 
} 
div.coldte div.titrcold { 
font-weight: bold; 
font-size: 10pt; 
color: #330033; 
} 
img.imgcol {
width: 79px; 
float: right;
margin: 5px;  
margin-right: 3px;  

}
div.imgcolcentre {
text-align: center;
margin: 7px 0px 5px 5px; 

}
div.imgevenegauche {
	float: left;
	margin: 0px;
	padding: 15px 15px 15px 0px;
}
div.imgevenedroite {
	float: right;
	margin: 0px;
	padding: 15px 0px 15px 15px;	
}
div.imgevenecentre { 
margin: 10px;
margin-left: auto; 
margin-right: auto; 
padding: 0px;
} 
div.surtitreevene {
	font-weight: 400;
	font-size: 13pt;
	padding: 4px;
color: #993333;
}
div.titreevene {
	font-weight: bold;
	font-size: 13pt;
	padding: 4px;
	margin: 20px 10px 10px 0px;
color: #BD0926;
} 
div.compltitreevene {
	padding: 4px;
	font-weight: 600;
	color: #696969; 
	font-size: 11pt;
	margin-bottom: 15px;
} 
span.soustitre {
font-weight: 400;
	font-size: 12pt; 	
color: #993333;
}
div.texteevene {
	font-weight: 400;
	font-size: 10pt;
	padding: 4px;
text-align: justify;
} 
ul.sansstyle {
list-style-type: none;
}
ul.apuce { 
list-style-image: url("../images/puceviolette.jpg"); 
}
div.gras {
font-weight: bold; 
}
div.retrecisseur {
position: relative; 
margin: 5px 60px 5px 30px;

}
div.pagepresui {
position: relative;
	margin: 5px auto; 
	width: 174px;
	height: 29px;
}
div.pagepresui a.precedente {
		width: 78px;
	height: 17px;
	position: absolute;
	left: 9px;
	top: 3px;
	background-image: url("../images/prec.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 36px;
	z-index: 3;
	
} 
div.pagepresui a.suivante {
		width: 78px;
	height: 17px;
	position: absolute;	
	left: 86px;
	top: 3px;
	background-image: url("../images/suiv.jpg"); 
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 16px;
	z-index: 3;	
	
} 
div.pagepresui img.precedente {
		width: 78px;
	height: 17px;
	position: absolute;
	left: 9px;
	top: 3px;
	
}
div.pagepresui img.suivante {
		width: 78px;
	height: 17px;
	position: absolute;	
	left: 86px;
	top: 3px;
}
div.pagepresui a:hover.precedente {
	background-image: url("../images/precon.jpg"); 
}
div.pagepresui a:hover.suivante {
	background-image: url("../images/suivon.jpg"); 
	
} 
div.plusderesult {
	text-align: right;
	width: 610px; 
	margin-left: 80px;
	margin-top: 17px;
	padding-left: 1em;
	
}
div.plusderesult p {
	margin-left: 500px;
	padding: 1px 20px;
	border-style: solid ; border-width: 1px ; border-color:#6699CC;
}
a.lienplus {
	font-weight: bold;


}

div.navigue {
	text-align: center; 
	margin-left: 10%;
	margin-right: 10%; 
	clear: both; 
}
a.retourmenu {
	display: block; 
	float: left; 
	margin: 10px;
	padding: 7px 20px; 
	background-color: #CCCCCC; 
	border: thick solid #DCDCDC;
} 
a.pageCRsuivante {
	display: block; 
	float: right; 
	margin: 10px;
	padding: 7px 20px; 
	background-color: #CCCCCC; 
	border: thick solid #DCDCDC;
} 
a.menuCR {
font-size: 14pt; 
display: block;
padding: 5px;
padding-left: 30px; 
margin: 0px;
margin-left: 0px;
margin-bottom: 0px; 
background-image: url("../images/traitmenuH.jpg"); 
background-repeat: repeat-y; 
background-position: top left;
border-bottom-style: solid ; border-width: 1px ; border-color:#DCDCDC ;
border-radius: 5px;
}
a.cledesol {
display: inline-block;
background-image: url("../images/clesol.jpg");
width: 24px; 
height: 32px; 
margin: 7px 7px 0px 7px; 	
}
div.piednew {
background-color: #000000; 
padding: 10px; 
padding-top: 20px; 
}
div.blocpied {
	box-sizing:border-box;
	margin: 0px;
	padding: 3px; 
	Padding-left: 10px; 
	width: 30%; 
display: inline-block; 
text-align: left; 
vertical-align: top; 
border-left: solid 2px white;  

}
div.blocpied a { 
display: block;
padding: 0px; 
color: #FFF; 
font-weight: bold; 
 text-decoration: none; 
}
div.blocpied a.piedon { 
background-color: #2d3738;
} 
div.blocpied a.smenupied{ 
padding-left: 10px; 
font-weight: normal;
}
div.blocpied a.smenupiedon { 
padding-left: 10px; 
font-weight: normal;  
background-color: #2d3738;
} 
#contfantome::after { 
   content: "";
   display: block; 
   clear: both;
} 
fieldset.encadre {
margin-bottom: 1.5em;
padding: 1em 0 1em 1em;
border-style: solid ; border-width: 3px ; border-color:#BD0926 ;
	width: auto;
	margin: 0.5em;
	background-color: #EFEFEF; 
border-radius: 12px;	
}