/*
bleu cyan : #00b9f0			(ex: la couleur maitre, celle utilisée partout)
bleu cyan clair : #bfedfb	(ex: survol bloc article)
bley sombre : #025d7b		(ex: quand élément actif)

#menu_nov2020 = menu sans séparateur, ni bordure haute basse sauf au survol.
*/

/* Menu avec sous-Menu */
header div.logoCVE {
	/*background-image: url(../images/commun/logo-CVE-menu@2x.png);*/
	/*display: inline-block;*/
	/*width: 312px;*/
	/*height: 124px;*/
	/*background-repeat: no-repeat;
	margin-bottom: 10px;  margin-top: 10px;*/
}

nav ul.listeMenus > li > a.logoCVE { /*logo dans menu*/
	/*display:inline-block;*/ /*width:156px !important;*/ height:62px;

	background-repeat: no-repeat;
	padding: 0px;
	/*-webkit-background-size: 156px 62px; -moz-background-size: 156px 62px; -o-background-size: 156px 62px; background-size: 156px 62px;*/
	cursor: pointer;
	background-color : #EEE;  /*background-color: initial; *//*transparent;*/
	/*opacity:0.8;*/ /*moins visible tant que pas survol ligne*/
	/*margin-right: 24px;
	margin-left: 10px;*/ /*pour pas toucher le bord de page*/

	/*margin-bottom: 1px;*/ /*utile que si on ne veut pas que les menus a droite aillent SOUS le logo*/
	/*text-align: right;*/ line-height: 114px; /*pour aligner en bas et a droite le mot Accueil*/
	/*color: #00b9f0;*/ color: #EEE; /*idem que le fond pour ne pas voir le mot Accueil*/
}
nav ul.listeMenus > li > a.logoCVE {
	/*background-image: url(../images/commun/logo-CVE-menu@2x.png);*/
	max-width: 156px;/*car limite de 150px au menu classique*/

	-webkit-transition-property:	color,	background-color,	background-position;  /*background-image permet de passer du logo couleur à blanc avec fondu (pas effet fondu sous FF)*/
	-moz-transition-property:		color,	background-color,	background-position;
	-ms-transition-property:		color,	background-color,	background-position;
	-o-transition-property:			color,	background-color,	background-position;
	transition-property:			color,	background-color,	background-position;

	-webkit-transition-duration:	0.3s,	0.7s,				1.0s;
	-moz-transition-duration:		0.3s,	0.7s				1.0s;
	-ms-transition-duration:		0.3s,	0.7s				1.0s;
	-o-transition-duration:			0.3s,	0.7s				1.0s;
	transition-duration:			0.3s,	0.7s				1.0s;
}
nav ul.listeMenus > li > a.logoCVE {
	background-image: url(../images/commun/logo-CVE-menu-blanc@2x.png);/*p-e que ca permet de charger l'image des maintenant (poru eviter de la cahrger qu'une fois au survol et de faire un clignotement si pas encore charge)*/
	background-image: url(../images/commun/logo-CVE-menu-couleur@2x.png);
	background-image: url(../images/commun/logo-CVE-menu-contour-blanc@2x-v2.png);
	text-align: center; /*nov2015 : texte toujours au centre*/
}
nav ul.listeMenus > li.li_logoMenuCVE {
	text-align: left; /*nov2015 : permet que l'image du bandeau noir se place a gauhce et non au centre*/
}
nav ul.listeMenus > li #pictoParDessusMenuLogo { /*nov2015 ex: picto du bandeau noir */
	position: absolute ;
}
body.style2 nav#zoneMenu1 ul.listeMenus > li > a.logoCVE {
	background-size: 75%;
/*	background-position: center 15px;*/
	background-position: center;/*centre verticalement et horizontalement*/
	margin: 0;
	width: 9em !important; width:129px !important;/*pour test sans modif largeur*/

	/*width: 3000px !important;*/ /*min-width: 90px; finalement comme le reste=> 82px => desactivé ici*/  display: table-cell;  /*mai2014: adapte largeur en % (% dans <li>)*/
	line-height: inherit;  vertical-align: bottom;
}


nav {
	width:100%; text-align:center; /*margin-bottom:25px; margin-top:8px;*/
	margin-top:5px; margin-bottom:20px; margin-left: 0px;
	height:5px;	 /*hauteur quelconque pour pouvoir etre au centre sous IE*/
	display: inline-table;
    /*font-size: 0.95em;*/  letter-spacing: -0.02em;/*sept2019: pour réduire un peu écriture menu*/
}
nav ul.listeMenus { /* bloc de menu ou sous-menu */
	margin:0; padding:0;
	list-style-type:none;
	display: block; /*clear: both;*/
	/*text-align:left;*/

    z-index: 20; position: relative; /*sept2019 : pour passer au-dessus image du demon dans menu*/

}
nav div.menu2 ul { /* bloc de menu ou sous-menu */
	/*clear: both;*//*pour passer sous le menu precedent*/
	clear: left;/*left suffit et ainsi si le 1er menu absent (pas encore connecté) alors le menu de connexion se mettra bien*/
}
nav ul.listeMenus > li { /* un menu ou sous-menu */
	float:left;
	margin:auto;
	padding:0;
	margin-right: 4px;
	margin-bottom: 4px;

  /* #menu_nov2020 */
  margin-bottom: initial;

}
nav ul.listeMenus > li > a  /* le texte d'un menu (ou sous-menu) */
, .btn-group.menuAvecSousMenu > .btn /* BOOTSTRAP : pour menu avec sous menu (ex: menu lentille) */
, .btn-group.menuAvecSousMenu > .btn.cliquable > a /* BOOTSTRAP : pour lien sur partie gauche du bouton */
{
	/*white-space:nowrap;*/ /*interdire retour a la ligne pour menu (enleve plus loin pour sous-menu)*/
	/*margin-left:0px; margin-right: 4px; margin-bottom: 4px; */ padding: 6px 3px;/*oct2015: 3px au lieu de 10px pour faire tenir les longs mots (ex: accessoires)*/
	width:auto; max-width: 150px;
	font-size:0.75em;  line-height: 1.1em;/*nov2015*/
	text-decoration:none;

	background-color:#00b9f0; color:#FFFFFF;
	/*background-image:url(../images/menu/fondMenu.png); background-repeat:repeat-x; background-position:center;*/

	height: 62px;
	display: table-cell; /*pour que le texte s'aligne verticalement*/
	vertical-align: middle;
}
.btn-group.menuAvecSousMenu > .btn.cliquable /* fev2014: BOOTSTRAP : les 2 parties : sinon sous FF, elels se chevauchent un peu*/
, .btn-group.menuAvecSousMenu > .btn.dropdown-toggle {
	display: inline-block;
}
.btn-group.menuAvecSousMenu > .btn.cliquable /* BOOTSTRAP : element contenant le lien de la partie gauche */
{ /*quelques corrections : desactivee en fev2014 car fianlement balise a pas ok dans balise button sous FF donc ajout de onclick dans button directement. La suite devient alors inutile :*/
	/*padding:0;*/ /*permettra au lien de prendre toute la surface de la partie gauche*/
	/*font-size:1em;*/ /*pour pas subir double reduction*/
}

.XXXXX { /* EN COURS EN COURS */
color:yellow;
width: 100%;
display: table-cell; /*pour que le texte s'aligne verticalement*/
vertical-align: middle;
height: 62px;
padding: 6px 10px
}

/*mai2014: menu actif en vert comme pour filtre recherche actif*/
nav ul.listeMenus > li > a.actif  /* le texte d'un menu (ou sous-menu) au survol */
, .filtreLentille.critereActif  /*les menus speciaux servant de filtre (ex: filtre les types d'article)*/
{
	/*color:#FFF;*/
	background-color:#a49e22 ;  /*pour etre prioritaire sur #menuConnexion.deconnexion a*/
}

nav ul.listeMenus > li > a:hover
/*, nav ul.listeMenus > li > a.actif*/  /* le texte d'un menu (ou sous-menu) au survol */
/*, .filtreLentille.critereActif*/  /*les menus speciaux servant de filtre (ex: filtre les types d'article)*/
, .btn-group.menuAvecSousMenu > .btn:hover  /* BOOTSTRAP : pour menu avec sous menu (ex: menu lentille) */
, .btn-group.menuAvecSousMenu > .btn.cliquable > a:hover  /* BOOTSTRAP : pour lien sur partie gauche du bouton */
{
	color:#FFF;
	background-color:#025d7b ;  /* !important pour etre prioritaire sur #menuConnexion.deconnexion a*/
	/*border-bottom: 2px solid #FFF; */
}
nav:hover ul.listeMenus > li > a.logoCVE  /*fev2015: au survol de la zone complete de menu*/
, nav.simple ul.listeMenus > li > a.logoCVE  { /*si barre menu simple (que menu accueil + connexion => affiche aussi le mot accueil)*/
	color:#00b9f0; /*pour rendre mot Accueil visible (bleu sombre)*/
	background-position: center 8px !important;
}
nav ul.listeMenus > li > a:hover.logoCVE { /*fev2015: au survol du logo*/
	color:#FFF; /*pour rendre mot Accueil visible*/
	background-color: #025d7b !important;  /*bleu sombre*/
	text-align: center;
	/*background-image:url(../images/commun/logo-CVE-menu-couleur@2x.png);*/
	background-image:url(../images/commun/logo-CVE-menu-contour-blanc@2x-v2.png);

  /* #menu_nov2020 */
    height: 62px !important;
}


nav ul.listeMenus > li > a.panier { /*menu panier*/
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(/images/menu/panier.png);
	background-size: 25px 22px; /*diviser par 2*/
}


#menuConnexion {
	float:right;
	/*nov2013 : enlever pour mettre tout a droite du menu mais pas tout en haut a droite de page
	top: 0;
	position: fixed;
	left: 50%; margin-left: 320px; */ /*placer par rapport au center. margin-left a adapter selon largeur du site*/

	z-index: 99; /*sinon passe sous les articles  nov2020: 99 et non 100 car doit être sous fondDePageSombre*/
}
#menuConnexion li > a:hover {
  background-color: #025d7b;
}

#menuConnexion a {
  background-color: #a49e22;/*nov2020*/
}
#menuConnexion.deconnexion a {
	/*background-color:#000;*/
}
  #menuConnexion.reconnexion.superCompte a /*17/05/2022 (met en valeur car REconnexion spéciale super compte)*/
, #menuConnexion.deconnexion.reconnexion.superCompte a /*pour menu deconnexion K puis reconnexion super compte*/
{
  background-color: orange !important ;
}
#menuConnexion.deconnexion.superCompte a { /*17/05/2022 (met en valeur car REconnexion spéciale super compte)*/
  background-color: orangered !important ;
}
#menuConnexion.deconnexion a.actif {
	background-color: transparent;  color: #a49e22; /*menu sans fond quand conencté*/
  /*nov2020*/
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  color: #FFF;
}
#menuConnexion.deconnexion a.actif:hover {
	background-color: orangered;  color: #FFF; /*menu sans fond quand conencté*/
	background-color: orange;  color: #555; /*menu sans fond quand conencté*/
  text-shadow: none;
}

#menuConnexion > li {
	margin-right:0px; /*pas de marge car situe tout a droite*/
}

.infoTelClient { /*dec2015: telephone client sur page accueil (si Visaudio)*/
	display: block;/*pour l'affiche seul sur ligne (pas apres la ville)*/
}
#menuConnexion .infoTelClient { /*dec2015: telephone client dans menu deconnexion : pour ne pas afficher le tel client dans ce menu (si Visaudio)*/
	display:none;
}



.menuRecherche { /*menu contenant un champ (ex: recherche client, article)*/
	padding-left: 3px; padding-right: 3px; /*met padding réduit car sinon trop de marge avec un champ*/
}
.champRecherche {
	font-size: 1.3em; /*+ gros sous Safari*/
	width:100%;
	border-radius: 20px;
	border-width: 0px;
}

div.btn-group ul li.noteDansMenu  /*dans menu local, une note eventuel (ex: pour menu DAC de la page CF)*/
, div.btn-group ul li a .noteDansMenu   /*dans la balise a (pour mieux montrer que ça va avec l'action)*/
{
	font-size: 0.85em;
	/*text-align: center;*/text-align: left;
}
div.btn-group ul li.noteDansMenu  /*ajout du separateur (par defaut)*/
{	border-top: 1px dotted #CCC;
	margin-top: 4px;
}
div.btn-group ul li.noteDansMenu.sansLigneSeparation  /*pour ne pas mettre de ligne de séparation (en pointillé)*/
{	border-top: none;
	margin-top: 0px;
}
div.btn-group ul li.noteDansMenu.sansSeparateur { /*sans la ligen de pointillé*/
	border-top-width:0px; margin-top:0px ;
}
div.btn-group ul li.noteDansMenu a /*relatif au precedent, mais agit sur la balise a*/
, div.btn-group ul li a .noteDansMenu  /*dans la balise a (pour mieux montrer que ça va avec l'action)*/
{
	display: inline-block;
	max-width: 300px;
	white-space: normal;
	font-style: italic;
	line-height: 1.2em;
	color: #999999;/*pour "dans la balise a" car n'utiliserait pas la classe de bootstrap : dropdown, car integré dans la balise a cliquable */
}
.dropdown-menu > li > a:hover .noteDansMenu {
	color: #CCCCCC;/* + lisible car ici, est en surbrillance avec la ligne d'action principale */
}




/*menu*/
/*(fev2015: mis ici plutot que dans listeArticle.css)*/
body.style2 nav#zoneMenu1 { /*zone Menu en-tete*/
	border-bottom: 1px solid #025d7b;
	margin-top: 0px; padding-top:5px;
	/*margin-bottom:5px;*/

	background-image: url(../images/commun/lentille-fond-03.jpg);
	background-repeat: no-repeat;
	background-position: right -58px;
}
body.style2 nav#zoneMenu1.simple { /*si menu simple (que logo et connexion)*/
	background-position: right -93px; /*on releve un peu l'image de fond du menu (+visible) car ne peut pas etre sur 2 lignes => pas de pb pour la base*/
}

body.accueil.style2 nav#zoneMenu1 { /*zone Menu en-tete (que page accueil)*/
	background-image:none;  /*pas de photo dans menu car sur page d'accueil : deja grande photo*/

  /*nov2020 : menu sur image accueil :*/
  background-image: url(../images/commun/CVE-accueil-03.jpg);
  padding-top: 13em;
  background-position: right top;
  background-size: auto;  background-size: cover;

  padding-left: 5px; /*pour que 1er menu touche pas le bord gauche*/
  padding-right: 5px; /*pour que menu connexion ne touche pas le bord droit*/
}

body.style2 nav ul.listeMenus > li {
	width: 8.7%;/*jan2016:au lieu 9% suite ajout menus*/  min-width: 82px;  height: 62px;  /*overflow: hidden;*/  /*mai2014: adapte largeur en %*/
}

body.style2 nav ul#menuConnexion.listeMenus a
, body.style2 nav ul#menuConnexion.listeMenus > li {
	width: auto !important;  /*mai2014: adapte largeur en %*/
}

/*oct2017 : pour mieux distinguer menu des lentilles des autres menus (PN, FK)*/
body.style2 nav ul.listeMenus > li {
    /*width: 8.2%;*/
    width: 7.8%;/*suite à ajout btn Rechercher*/ width: 6.00%;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, width 0.45s ease-out, opacity 0.45s, min-width 0.45s;
}
body.style2 nav ul.listeMenus.menuLentilles > li
, body.style2 nav ul.listeMenus.autresMenus > li
, body.style2 nav ul#menuConnexion.listeMenus > li
{
    height: 66px; /*pas 66px sinon decalage sous FF*/
}
body.style2 nav ul.listeMenus.menuLentilles > li
, body.style2 nav ul.listeMenus.autresMenus > li
{
    border-top: 2px solid #00b9f0;
    border-bottom: 2px solid #00b9f0;
    background-color: #00b9f0; /*si decalage de 1px sous FF (si réduit affichage page) => moins visible*/

    /* #menu_nov2020 */
    border: initial;
    background-color: initial;
}
body.style2 nav ul.listeMenus.menuLentilles > li
, body.style2 nav ul.listeMenus.autresMenus > li
{
    margin-right: 0px;
}
body.style2 nav ul.listeMenus.menuLentilles > li > a
, body.style2 nav ul.listeMenus.autresMenus > li > a
{
    border-right: 1px solid #9bd9f0;
  /* #menu_nov2020 */
    border-right: initial;
}
/*exception pour le dernier menu des lentilles (pour pas coller au suivant)*/
body.style2 nav ul.listeMenus.menuLentilles > li:last-child
/*, body.style2 nav ul.listeMenus.autresMenus > li:last-child*/
, body.style2 nav ul.listeMenus.autresMenus > li.dernierMenuAvantSousMenuLentillesCVE
{
    margin-right: 4px ;
}
body.style2 nav ul.listeMenus.menuLentilles > li:last-child > a
, body.style2 nav ul.listeMenus.autresMenus > li:last-child > a
, body.style2 nav ul.listeMenus.autresMenus > li.dernierMenuAvantSousMenuLentillesCVE > a
{
    border-right-width: 0px ;
}
/*exception pour logo menu CVE*/
body.style2 nav ul.listeMenus > li.li_logoMenuCVE {
    /* margin-right: 4px; */
    /*padding-right: 1px;*/
    border-width: 0px;
    background-color:inherit;
}
body.style2 nav ul.listeMenus > li.li_logoMenuCVE > a
, body.style2 nav ul#menuConnexion.listeMenus > li > a
{
    border-right-width: 0px ;
    height: 66px;
    padding: 3px 3px;

  /* #menu_nov2020 */
    height: 62px;

}
body.style2 nav ul.listeMenus > li.li_logoMenuCVE > a
{
    border-right: 1px solid #EEE; /*si menu logo : pour ne pas coller au 1er menu (et etre ajusté avec menu en dessous, en largeur)*/
}

body.style2 nav ul#menuConnexion.listeMenus > li {
    margin-left:2px ;
}

nav ul.listeMenus > li > a {
    padding: 0px 6px;
}

body.style2 .btn-group.menuAvecSousMenu > .btn.dropdown-toggle {
    margin-left:3px;
}
/*si coloré en vert => actif => doit décaler pour masquer les bordures du li (pour que la zone colorée aille jusqu'au bords)*/
body.style2 nav ul.listeMenus.menuLentilles > li > a.actif
, body.style2 nav ul.listeMenus.autresMenus > li > a.actif
, .filtreLentille.critereActif
, body.style2 nav ul.listeMenus.menuLentilles > li:hover > a /*idem si survol*/
, body.style2 nav ul.listeMenus.autresMenus > li:hover > a /*idem si survol*/
{
    top: -2px;
    padding-top: 0px;
    height: 66px;
    position: relative;
}
body.style2 nav ul.listeMenus > li:hover.li_logoMenuCVE > a { /*sauf menu logo CVE*/
    position: inherit;
}






/*adaptation zone de recherche dans menu : */

#menuRechercher {
    display: list-item ;
    width: 66px;
    border-radius: 100px;
    min-width: 66px;
    border-color: transparent;
    margin-left: 2px;
    margin-right: 2px;
    /*animation :*/
    transition: background-color 0.3s ease-out, color 0.3s ease-out, width 0.15s ease-out;

  /* #menu_nov2020 */
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  background-color: #00b9f0;
  margin-top: -2px;
  margin-bottom: 2px;/*evite pb si menu client va sur 2 lignes : le menu rete coincé dessosu à droite*/
}
#menuRechercher > span {
    width: 100%;
    display: inline-block;
    border-radius: 100px;
    /*border-color: transparent;*/
    /*animation :*/
    transition: background-color 0.3s ease-out ;
}
#menuRechercher #zone_entete_rechercher {
    bottom: 0;
    right: 0;
    /*animation :*/
    transition: width 0.15s ease-out;

    margin: 0;
    width: 100%;
    line-height: 30px;/*pour bien positionner le texte dans le fond du champ (placeholder)*/
    padding: 0px 2px;
    display: inline-block;
    height: 100%;
    text-align: left ;/*pour éviter de bouger bizarrement quand redimensionnement champ quand chpRempli_RCH*/
}
#menuRechercher > span.critereActif #zone_entete_rechercher {
    padding-top: 2px; padding-bottom: 2px; /*corrige décalage*/
    width: 100%;
}
#menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher {
    cursor: pointer;
    border: none;
    /*padding-right: 20px;*//*ajuste, si texte centré dans champ, selon largeur picto à droite et gauche*/
    display: inline-block;
    /*animation :*/
    transition: background-color 0.3s ease-out, color 0.3s ease-out, width 0.15s ease-out, box-shadow 0.3s ease-out;

    height: 62px;
    border-radius: 100px;
    /*background-color: #a49e22;*/
    /*background-color: transparent;*/
    background-color: #FFF;
    padding-left: 59px;/*pour décaler texte par rapport à image de loupe en fond*/ /*option1 "ouvert mais réduit" : mettre 49px si option1 actif*/
    /*font-size: 1.0em;*/
    font-size: 0.9em;
    letter-spacing: -0.05em;

    vertical-align: middle;
    width: 100%;
    /*loupe en fond:*/
    /*background-image: url("/images/picto/picto-rechercher-blanc.svg");*/
    background-image: url("/images/picto/picto-rechercher.svg");
    /*background-size: 44px;
    background-position: 10px center;*/
    background-size: 30px;
    background-position: 16px center;
    background-repeat: no-repeat;
}
#menuRechercher:hover
, #menuRechercher > span.critereActif:hover
{
    /*background-color: rgb(213, 239, 73);*/
    background-color: #025d7b;
}
#menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher:focus
, ul.menuLentilles.chpRempli_RCH #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher {
    text-align: left;
}
#menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher:focus
{
    background-color: #FFF;
    outline: 0;
}
body#pageLA #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher:focus
{
    box-shadow: inset 0 0 6px 4px rgba(164, 158, 34, 0.4); /*vert sombre atténué*/
    /*ombre intérieure vert falshy pour mieux visualiser qu'on est dans le champ*/
}

body#pageLA #menuRechercher:hover > span.critereActif #zone_entete_rechercher #zone_entete_chpRechercher
{
    /*abandon de l'effet de flou si dans champs car compliqué à gérer selon page, */
    /*finalement, que si pageLA (listing articles). Ainsi ça montre que là, la recherche se fait en live.*/
    box-shadow: inset 0 0 6px 4px rgba(2, 93, 123, 0.4); /*bleu sombre atténué*/
}

#menuRechercher #zone_entete_rechercher .btnEffacer { /*btn effacer champ recherche*/
/* jan2020 dans base.css :
    background-image: url("/images/pictos_basiques/picto-effacer-champ.svg");

    background-position: center center;
    background-repeat: no-repeat;
    OFF_position: absolute;
    padding: 0;
    margin-top: 0px;
    opacity: 0.5;
    cursor: pointer;
    display: none;
    vertical-align: middle;
/*/

    height: 100%;
    width: 48px;/*taille de la zone cliquable*/
    margin-left: -48px;/*decale pour pas etre sur btn OK*/
    background-size: 38px;
}
#menuRechercher #zone_entete_rechercher .btnEffacer:hover { /*btn effacer champ recherche*/
   OFF_pacity: 1;/*jan2020 : dans base.css*/
}

#menuRechercher #zone_entete_rechercher .bouton {
    margin: 0;
    width: 0%;/*ne doit etre visible que si chp rechercher rempli*/
    overflow: hidden;
    padding-top: 10px;
    font-size: 1em;
    padding: 0;
    line-height: 40px;

    vertical-align: middle;
    display: inline-block;
    float: none;
    background-color: initial !important;
    border-radius: 100px;
    text-align: center
}

ul.menuLentilles.curseurDansChp #menuRechercher
, OFF_ #menuRechercher /* option1 "ouvert mais réduit" : si je ne veux pas juste avoir la petite loupe */ /* option2 : mettre _OFF poru desactiver => mini largeur qui s'agrandira quand curseur dans champ*/
{
    /*width: 14.4%;*/width:170px;
    min-width:170px;
}
ul.menuLentilles.curseurDansChp #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher
, ul.menuLentilles.chpRempli_RCH #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher
, OFF_ #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher /* option1 "ouvert mais réduit" */
{
    background-image: url("/images/picto/picto-rechercher.svg");
    cursor: text;
}
ul.menuLentilles.curseurDansChp #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher
{
    padding-left: 49px;/*pour rapprocher texte "Rechercher" par rapport à image de loupe en fond (poru que ça tienne en largeur*/
}
ul.menuLentilles.chpRempli_RCH #menuRechercher {
   width: 40% ;
}

ul.menuLentilles.chpRempli_RCH #menuRechercher #zone_entete_rechercher #zone_entete_chpRechercher {
    width: 88%; /*100 - largeur btn OK quand btn OK visible*/
    background-color:#FFF;
    padding-right: 43px;/*pour décaler par rapport au bouton Effacer*/

    letter-spacing: normal; font-size: initial; /*agrandi texte/remet normal quadn texte saisi */
    padding-left: 59px;/*pour décaler texte par rapport à image de loupe en fond*/
}

ul.menuLentilles.chpRempli_RCH #menuRechercher #zone_entete_rechercher .bouton {
    width: 12%; /*100 - largeur zone_entete_chpRechercher si rempli;*/
}

ul.menuLentilles.chpRempli_RCH #menuRechercher #zone_entete_rechercher .btnEffacer {
    display: inline-block;
}

ul.menuLentilles.curseurDansChp li
, OFF_ body.style2 nav ul.menuLentilles li /* option1 "ouvert mais réduit" */
{  /*si chp recherche rempli => masque tous les menus des lentilles*/
    width: 6.70%; width: 6.00%;
    /*width: 0% !important;
    min-width:0px !important;
    overflow: hidden;*/
}
ul.menuLentilles.chpRempli_RCH li.sectionTypeL {  /*si chp recherche rempli => masque tous les menus des lentilles*/
   /*display:none;*/
    width: 0%;
    min-width: 0px;
    opacity: 0;/* + jolie animation de masquage*/
    overflow: hidden;/*pour vraiment rien ne dépasse*/
}
ul.menuLentilles.chpRempli_RCH li#menuRechercher {  /*sauf menu de recherche*/
}

/*pas de filtre si page de recherche*/
body.style2.pageArticlesRCH > section {
    padding-left: 0px;
}
body#pageLA.pageArticlesRCH #zoneFiltre {
    width: 0%;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
}