#zoneFiltre {
	text-align: left;
	/*margin-left: 10px;*/
	font-size: 0.7em; /*taille des textes des noms des filtres*/
	/*padding: 0px 10px;*/
	margin-right: 0; margin-left: 0;
}
body#pageLA #zoneFiltre { /*zone filtre liste articles*/
	padding: 0 7px;
}

.zoneFiltreEnPlus { /*ex: detailler ou pas, cocher ou pas*/
	float:right; font-size: 0.75rem; margin-right: 10px; margin-top: 5px; text-align: right;
}

body .blocFiltre { /*les blocs de filtre regroupant titre + boutons de filtre*/
	/*display: inline-block; vertical-align: top; margin-right: 20px; Si je veux mettre ces bloc bout-a-bout au lieu de l'un en-dessous de l'autre*/
	margin-bottom: 3px;
}

body .blocFiltre.coteACote { /*ex : pour listingK, pour param divers en colonne cote a cote*/
	display: inline-block;
	vertical-align: top;
}
body .blocFiltre.coteACote span.filtreEnColonne { /*ex : pour listingK, pour param divers en colonne cote a cote*/
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;/*juin2015*/
}
body .blocFiltre.coteACote span.filtreEnColonne label { /*ex : pour listingK, pour param divers en colonne cote a cote*/
	display: block;
}

body .blocFiltre button { /* les boutons d'une ligne de filtre */
	padding: 3px 5px;
	/*background-color: #DDD;  color: #000;*/
	text-decoration: none;
	margin:0px; margin-right: 3px; margin-bottom: 3px;
	border-width:0px;
	font-size: 1.1em;
	cursor: pointer;

	/*mai2014: aspect texte bleu, sans fond*/
	/*background-color: initial;*/background-color: #FFF /*transparent*/; color:#00b9f0;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
body.CNX_K .blocFiltre button { /*exception : si client, les btn filtre s'affiche en bleu (+ voyant). Pas pour CVE car les pages seraient trop chargées*/
    background-color: #00b9f0 ;
    color: #FFF;
	padding: 5px 7px; margin-top:-2px;/*un peu plus gros*/
}

body .blocFiltre button:first-child { /* 1er bouton d'une ligne de filtre */ /* ne marche plus depuis que j'ai ajoute un div pour le titre des groupe de filtre (ex: gamme, renouvellement,…) comme si l'enfant est désormais ce titre*/
	/*padding-left: 9px;*/ /*si arrondi, pour faire + joli*/
	/*-webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; */
}
body .blocFiltre button:last-child { /* dernier bouton d'une ligne de filtre */
	/*padding-right: 9px;*/ /*si arrondi, pour faire + joli*/
	/*-webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;*/
	margin-right: 0px; /*pas de marge a droite si dernier element pour bien s'aligner avec le titre du groupe de filtre qui se met a 100% en largeur*/
}

body .blocFiltre button:hover { /*au survol*/
	/*color: #FFF;*/color:#025d7b;/*mars2014*/

	/*mai2014: aspect fond bleu sombre au survol*/
	color :#FFF; background-color:#025d7b !important;
}

body .blocFiltre button.critereActif
, .mode_OPHTA .articles li .ophta_btn_enteteListeA.OPHTA_cde_oui.critereActif
, .mode_OPHTA .articles li .ophta_btn_enteteListeA.OPHTA_cde_non.critereActif
{
	/*background-color: green;*/
	background-color: #a49e22; color: #FFF; opacity:1;
}
body .blocFiltre button.critereActif:hover {
	/*background-color: green;*/
	/*background-color: #be1d11;*/
    /*color:#025d7b;*//*mars2014*//*supp sept2019 car texte invisible si filtre déjà actif et survolé (ex: CF, filtre article)*/
}

body .blocFiltre button.critereInactif {
	background-color: red;
}

.groupeFiltre { /*filtre regroupe (ex: queens, demoniac, kerasoft)*/
	display: inline-block;
	vertical-align: top;
}
.titreGroupeFiltre { /*titre des groupes de filtre (ex: gamme, renouvellement, couleur)*/
	display: inline-block;
	vertical-align: top;
	padding: 3px 3px 3px 0px;
}
label.titreGroupeFiltre { /*label des titres des groupes de filtre (pltuot pour pages BL, stock...)*/
	width:7.5em;
	vertical-align:baseline;/*mai2014: permet alignement en bas si label sur pls lignes*/
}

/*aout2019 : exception si numDoc de divers avec coteACote (Mes BL + Mes RK et Expertise)*/
#contenuAffichage.S_mesRK_BL #chpFiltre_numDoc.coteACote label.titreGroupeFiltre
, #contenuAffichage.S_mesRK_RK #chpFiltre_numDoc.coteACote label.titreGroupeFiltre
, #contenuAffichage.S_mesREK_NEW #chpFiltre_numDoc.coteACote label.titreGroupeFiltre
, #contenuAffichage.S_mesREK_REK #chpFiltre_numDoc.coteACote label.titreGroupeFiltre
{
	width:inherit;
	padding-left:20px; /*pour écarter du champ déjà devant*/
}
/*aout2019 : ajuste nanolabel (numDoc) :*/
#contenuAffichage.S_mesRK_BL #chpFiltre_numDoc.coteACote span.nanoLabel.taille2car
, #contenuAffichage.S_mesRK_RK #chpFiltre_numDoc.coteACote span.nanoLabel.taille2car
, #contenuAffichage.S_mesREK_NEW #chpFiltre_numDoc.coteACote span.nanoLabel.taille2car
, #contenuAffichage.S_mesREK_REK #chpFiltre_numDoc.coteACote span.nanoLabel.taille2car
{
    margin-left:0;
}

body .blocFiltre.coteACote label.titreGroupeFiltre {/*mai2014: remet en haut car pls choix l'un en dessous de l'autre*/
	vertical-align:top;
}

body .blocFiltre .groupeFiltre > button:first-child { /* enlève arrondi au titre des groupe de filtre (ex: queens, demoniac, kerasoft) (le signe > indique que cela est uniquement pour les enfants directs et pas les petits-enfants)*/
	/*-webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; */
	width: 100%; /*ajuste le titre sur tous les sous-titre du filtre*/
}

body .blocFiltre .groupeFiltre > button:first-child + .sousGroupeFiltre > button { /*les sous groupes (ex: solitaire, twins, trilogy pour groupe Queens) (sans prise en compte de critereActif) (le signe + indique le frere direct qui suit, le signe ~ designe les freres suivant — pas precedents)*/
	display: none ; /*par defaut : non visible*/
}
body .blocFiltre .groupeFiltre > button:first-child.critereActif + .sousGroupeFiltre > button { /*les sous-groupe (si critereActif) */
	display: inline-block ; /*on rend visible*/
}

body .blocFiltre .groupeFiltre > button:first-child.critereActif + .sousGroupeFiltre > button:last-child /*aout2018 : enleve marge du dernier bouton d'un groupe filtre*/
/*, .titreGroupeFiltre.critereActif   *//*aout2018: evite marge disgracieuse si pas utile du titre d'un groupe filtre (mais pas joli si 1er btn actif et collé au titre actif*/
{
    margin-bottom: 0px !important;
}

body .blocFiltre.blocFiltreInvisible { /*pour masquer les blocs de filtres inutiles selon le type de lentilles qu'on veut afficher*/
			display:none;
}
body .blocFiltre button.filtreInvisible { /*pour masquer les boutons de filtres inutiles selon le type de lentilles qu'on veut afficher*/
	display:none;
}



body .blocFiltre label.checkboxEEPO {
  border-radius: 4px;
  /*padding: 1px 7px 0 0px;*/
  padding: 0.2em 7px 0.2em 0px;
  border: 1px solid gray;
  border-left: 10px solid gray;
  /*border-left-color: #70BF41;*/
  margin-top: 0.3em;/*si bloc l'un sous l'autre, il faut un peu d'écart)*/
}
body .blocFiltre label.checkboxEEPO > input {
/*masque iunput (case à cocher)*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0em; height:0px;
  padding-left: 0;
}
body .blocFiltre label[for="divers_EEPO_P"] {
  border-color: #B26AE2;
}
body .blocFiltre label[for="divers_EEPO_EC"] {
  border-color: #70BF41;
}
body .blocFiltre label[for="divers_EEPO_EO"] {
  border-color: #EB5D56;
}
/*quand activé*/
body .blocFiltre label.caseCochee {
  background-color: #B26AE2;
  color: #FFF;
  /*supprimer bordure de gauche et reajuste apdding poru que ce soit même largeur que si non coché*/
  border-left-width: 0px;
  padding-left: 7px;
  padding-right: 10px;
}
body .blocFiltre label[for="divers_EEPO_P"].caseCochee {
  background-color: #B26AE2;
}
body .blocFiltre label[for="divers_EEPO_EC"].caseCochee {
  background-color: #70BF41;
}
body .blocFiltre label[for="divers_EEPO_EO"].caseCochee {
  background-color: #EB5D56;
}

/*body .blocFiltre label.caseCochee > input {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}*/

/*pour MASQUER certains elements selon selection active (ex: si en cours : pas utile d'afficher doc imprimes)*/
#contenuAffichage.enCours .enCours_OFF
, #contenuAffichage.docCK .docCK_OFF
, #contenuAffichage.S_RLV_EDI .S_RLV_EDI_OFF
, #contenuAffichage.S_prelevement .S_prelevement_OFF
, #contenuAffichage.S_CA .S_CA_OFF
, #contenuAffichage.S_K_new .S_K_new_OFF
, #contenuAffichage.S_arbo .S_arbo_OFF
, #contenuAffichage.S_suiviK .S_suiviK_OFF
, #contenuAffichage.S_mesFKAV .S_mesFKAV_OFF
, #contenuAffichage.S_mesRK_BL .S_mesRK_BL_OFF
, #contenuAffichage.S_mesRK_RK .S_mesRK_RK_OFF
, #contenuAffichage.S_mesREK_NEW .S_mesREK_NEW_OFF
, #contenuAffichage.S_mesREK_REK .S_mesREK_REK_OFF
, #contenuAffichage.S_mesEEPO .S_mesEEPO_OFF
/*exceptionnel (pour partie FK)*/
, #contenuAffichage.S0 .S0_OFF
, #contenuAffichage.S1 .S1_OFF
, #contenuAffichage.S2 .S2_OFF

{ display: none !important;
}

/*pour AFFICHER certains elements selon selection active (doit contenir invisibleDisplay pour etre masque par defaut) : */
#contenuAffichage.S_RLV_EDI .S_RLV_EDI_ON
, #contenuAffichage.S_CA .S_CA_ON
, #contenuAffichage.S_prelevement .S_prelevement_ON
, #contenuAffichage.S_K_01 .S_K_01_ON
, #contenuAffichage.S_K_new .S_K_new_ON
, #contenuAffichage.S_arbo .S_arbo_ON
, #contenuAffichage.S_mesRK_BL .S_mesRK_BL_ON
, #contenuAffichage.S_mesRK_RK .S_mesRK_RK_ON
, #contenuAffichage.S_mesREK_NEW .S_mesREK_NEW_ON
, #contenuAffichage.S_mesREK_REK .S_mesREK_REK_ON
, #contenuAffichage.S_mesEEPO .S_mesEEPO_ON
, #contenuAffichage.S_suiviK .S_suiviK_ON
, #contenuAffichage.docFK.S0 .S_FK_0_ON  /*que si FK en cours*/
, #contenuAffichage.docFK.S1 .S_FK_1_ON  /*que si FK generees*/
, #contenuAffichage.docFK.S2 .S_AV_ON  /*que si AV*/
, #contenuAffichage.docBL.S0 .S_BL_0_ON  /*que si BL en cours*/
, #contenuAffichage.docBL.S1 .S_BL_1_ON  /*que si BL generees*/
, #contenuAffichage.docCK    .S_CK_tous_ON  /*que si CK (peu importe sous-section)*/
{ display: inherit !important; /*inehrit pour s'adpater a son type d'affichage precedent*/
}
/*aout2014: si bloc cote a cote, il faut les re-afficher avec inline-block : */
#contenuAffichage.S_K_01 .coteACote.S_K_01_ON
, #contenuAffichage.docFK.S0 .coteACote.S_FK_0_ON
, #contenuAffichage.docFK.S1 .coteACote.S_FK_1_ON
, #contenuAffichage.docFK.S2 .coteACote.S_AV_ON
, #contenuAffichage.docBL.S0 .coteACote.S_BL_0_ON
, #contenuAffichage.docBL.S1 .coteACote.S_BL_1_ON
, #contenuAffichage.docCK    .coteACote.S_CK_tous_ON
, #contenuAffichage.docCK    .coteACote.S_CK_tous_ON

, #contenuAffichage.S_mesRK_BL .coteACote.S_mesRK_BL_ON
, #contenuAffichage.S_mesRK_RK .coteACote.S_mesRK_RK_ON
, #contenuAffichage.S_mesREK_NEW .coteACote.S_mesREK_NEW_ON
, #contenuAffichage.S_mesREK_REK .coteACote.S_mesREK_REK_ON
, #contenuAffichage.S_mesEEPO .coteACote.S_mesEEPO_ON
{ display: inline-block !important;
}
/*aout2014: si label, il faut les re-afficher avec inline : */
#contenuAffichage.S_K_01 label.S_K_01_ON
, #contenuAffichage.docFK.S0 label.S_FK_0_ON
, #contenuAffichage.docFK.S1 label.S_FK_1_ON
, #contenuAffichage.docFK.S2 label.S_AV_ON
, #contenuAffichage.docBL.S0 label.S_BL_0_ON
, #contenuAffichage.docBL.S1 label.S_BL_1_ON
, #contenuAffichage.docCK    label.S_CK_tous_ON
{ display: inline !important;
}



#contenuAffichage #zoneFiltre.criteresAvancesNonVisibles .critereAvance { /*pour masquer critères avancés si besoin*/
    display: none!important;
}



/*exception, pour masquer sous-section selon certaine zone*/
/*section potentiellement affichable dans n'importe quel section. Mais par défaut je veux pas forcément l'afficher dans l'autre section :
poru chaque D1, D2, D3, décider si affiche (dans cet ordre pour mieux s'y retrouver) :
  #sousSection_arbo
  #sousSection_mesAV
  #sousSection_mesRK_BL
  #sousSection_mesRK_RK
  #sousSection_mesREK_NEW
  #sousSection_mesREK_REK
*/
  body.CNX_K.divers_D1 #sousSection_mesRK_BL
, body.CNX_K.divers_D1 #sousSection_mesRK_RK
, body.CNX_K.divers_D1 #sousSection_mesREK_NEW
, body.CNX_K.divers_D1 #sousSection_mesREK_REK
{    display : none;
}
  body.CNX_K.divers_D2 #sousSection_arbo
, body.CNX_K.divers_D2 #sousSection_mesAV
, body.CNX_K.divers_D2 #sousSection_mesREK_NEW
, body.CNX_K.divers_D2 #sousSection_mesREK_REK
, body.CNX_K.divers_D2 #sousSection_mesEEPO
{    display : none;
}
  body.CNX_K.divers_D3 #sousSection_mesRK_BL
, body.CNX_K.divers_D3 #sousSection_mesRK_RK
, body.CNX_K.divers_D3 #sousSection_arbo
, body.CNX_K.divers_D3 #sousSection_mesAV
, body.CNX_K.divers_D3 #sousSection_mesEEPO
{    display : none;
}