/* CSS Document 
 * Compatibilités des sélecteurs : http://kimblim.dk/css-tests/selectors/
 */
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
@import url(/lae/public1.0/css/lae-select2.css);

#ecranUser {
	font-family: 'Open Sans', sans-serif;
	min-width: 1000px;
  overflow: hidden;
}

/********************
 * Header
 ********************/
#ecranUser header.principal {
	min-width: 980px;
  height: 264px;
  width: 100%;
	position: relative;
	margin: 0px;
}
#ecranUser header.principal div.separation {
  display: block;
  width: 99px; height: 208px;
  position: absolute;
  top: 0px; right: 215px;
  z-index: 50;
  
  background-image: url(/lae/public1.0/img/site/separation.png);
  background-repeat: no-repeat;
}

#topBar {
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 2000;
}
#topBar div.centree {
  width: 980px;
  height: 100%;
  margin: 0px auto;
  position: relative;
}
#logoNutergia {
  position: absolute;
  left: 0px;
  top: 20px;
  margin: 0px;
  display: block;
  width:215px; height:56px;
  background-image: url(/lae/public1.0/img/site/logo-nutergia-site.png);
  background-repeat: no-repeat;
}

#contactRegion {
  display: block;
  height: 18px;
  padding-left: 25px;
  position: absolute; left: 290px; top: 20px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 600; /* semibold */
  text-transform: uppercase;
  color: #304594;
  text-decoration: none;
  background-image: url(/lae/public1.0/img/site/picto-contact.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  z-index: 2000;
}
#contactRegion:hover {
  text-decoration: underline;
}

#gMoteurRecherche {
  display: block;
  width: 136px; height: 26px;
  position: absolute; left: 500px; top: 15px;
  background-image: url(/lae/public1.0/img/site/fond-form-search.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
  z-index: 2000;
}
#gMoteurRecherche input[type="search"],
#gMoteurRecherche input[type="text"] {
  float: right;
  height: 100%; width:105px;
  margin-right: 5px;
  border: none; padding: 0px;
  outline: none;
  font-family: Calibri, arial;
  font-size: 12px; line-height: 14px;
  color: #647d4f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
#gMoteurRecherche input[type="submit"] {
  border: none; padding: 0px;
  float: right;
  height: 100%; width: 25px;
  padding-left: 25px;
  overflow: hidden;
  outline: none;
  background-color: transparent;
  background-image: url(/lae/public1.0/img/site/picto-loupe.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/**/

#btnChangeLangue {
  display: block;
  position: absolute; left: 650px; top: 22px;
  margin: 0px; padding: 0px;
  width: 50px;
  height: 15px;
  overflow: hidden;
  background-image: url(/lae/public1.0/img/site/fleche-btn-langues.png);
  background-repeat: no-repeat;
  background-position: 28px 5px;
  cursor: pointer;
  z-index: 1000;
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;
}
#btnChangeLangue:hover {
  display: block;
  height: 85px;
}
#btnChangeLangue li {
  list-style: none;
  margin: 0px; padding: 0px;
  display: block; width: 22px; height: 15px;
  margin-bottom: 2px;
}
#btnChangeLangue li a {
  display: block; width: 100%; height: 100%;
  background-image: url(/lae/public1.0/img/site/flags/nl.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#btnChangeLangue li a.fr {
  background-image: url(/lae/public1.0/img/site/flags/fr.png);
}
#btnChangeLangue li a.gb {
  background-image: url(/lae/public1.0/img/site/flags/gb.png);
}
#btnChangeLangue li a.es {
  background-image: url(/lae/public1.0/img/site/flags/es.png);
}
#btnChangeLangue li a.pt {
  background-image: url(/lae/public1.0/img/site/flags/pt.png);
}
#btnChangeLangue li a.it {
  background-image: url(/lae/public1.0/img/site/flags/it.png);
}

/***********/

#topBar ul.prive {
  margin: 0; padding: 0;
  position: absolute;
  right: 0px; top: 0px;
  background-color: #e4e6e8;
  padding: 10px;
    -webkit-border-radius: 0px 0px 0px 25px;
  -moz-border-radius: 0px 0px 0px 25px;
  border-radius: 0px 0px 0px 25px;
}
#topBar ul.prive li {
  list-style: none;
  margin: 0; padding: 0;
  border-bottom: 1px solid #FFFFFF;
}
#topBar ul.prive li:last-of-type {
  border: none;
}
#topBar ul.prive li a {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 16px;
  font-weight: 600;
  color: #717171;
  text-transform: uppercase;
  text-decoration: none;
  padding: 5px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 7% 50%;
}
#topBar ul.prive li a.deco {
  background-image: url(/lae/public1.0/img/site/p-cadena.png);
}
#topBar ul.prive li a.compte {
  background-image: url(/lae/public1.0/img/site/p-compte.png);
}
#topBar ul.prive li a:hover,
#topBar ul.prive li a:focus {
  color: #353535;
}


 
/**********************/
#diapoBandeau {
  width: 100%;
  height: 174px;
  overflow: hidden;
  position: relative;
  background-color: #312378;
}
#diapoBandeau div.royalSlider {
  width: 100%; height: 100%;
  overflow: hidden;
  margin: 0px auto;
}
#diapoBandeau div.royalSlider div.rsNav,
#diapoBandeau div.royalSlider div.rsArrow  {
  display: none !important;
}
#diapoBandeau img {  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;  
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;  
  transition: all 0.3s ease-in-out;
}
#diapoBandeau div.rsContainer img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}


#ecranUser header.principal div.bandeauMenu {
  width: 100%;
  height: 174px;
  position: absolute;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  background-color: #312378;
  background-color: rgba(49,35,120,0.59);
}
#ecranUser header.principal div.bandeauMenu div.centree {
  width: 100%;
  height: 100%;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

#titreEspacePro {
  max-width: 590px;
  margin: 0; padding: 0;
  padding-top: 20px;
  font-family: 'Open Sans', arial;
  font-size: 30px; line-height: 40px;
  font-weight: 300;
  color: #ffffff;
  text-align: right;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.50);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
#titreEspacePro strong {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 40px; line-height: 40px;
  font-weight: 600;
  color: #ffffff;
  text-align: right;
}

/*************
 * MENU
 *************/
 
#ecranUser header.principal nav {
  width: 100%; height: 58px;
  position: absolute; left: 0px; bottom: 0px;
}


#menu {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
}
#menu li.menu-niveau1,
#menu li.menu-niveau1-actif {
  display: block;
  list-style: none;
  float: left;
  height: 100%;
  max-width: 148px;
  text-align: center;
  margin-right: 1px;
  position: relative;
}
#menu li.menu-niveau1-actif {
  background-color: rgba(0,0,0,0.30);
}
#menu li.menu-niveau1:hover,
#menu li.menu-niveau1-actif:hover {
  background-color: rgba(0,0,0,0.40);
}
#menu ul.niveau2 {
  display: none;
}

#menu a.lien-niveau1 {
  display: block;
  max-width: 100%;
  height: 58px;
  line-height: 58px;
  text-decoration: none;
  text-align: center;
  background-color: rgba(0,0,0,0.20);
  padding: 0 10px;
  -webkit-transition: background-color 0.3s ease-in-out;  
  -moz-transition: background-color 0.3s ease-in-out; 
  -o-transition: background-color 0.3s ease-in-out;  
  transition: background-color 0.3s ease-in-out;
}
#menu a.lien-niveau1:focus {
  background-color: rgba(0,0,0,0.40);
}
#menu a.lien-niveau1 span {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Open Sans', arial;
  font-size: 14px; line-height: 16px;
  text-align: center;
  font-weight: 400;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

#menu ul.niveau2 {
  display: none;
  position: absolute;
  left: 0; top: 58px;
  margin: 0; padding: 10px 0;
  width: 235px;
  background-color: #5e55ae;
}

#menu li.menu-niveau1:hover ul.niveau2,
#menu li.menu-niveau1:focus ul.niveau2,
#menu li.menu-niveau1-actif:hover ul.niveau2,
#menu li.menu-niveau1-actif:focus ul.niveau2 {
  display: block;
}
#menu li.menu-niveau17:hover ul.niveau2,
#menu li.menu-niveau17:focus ul.niveau2,
#menu li.menu-niveau17-actif:hover ul.niveau2,
#menu li.menu-niveau17-actif:focus ul.niveau2 {
  left: auto;
  right: 0px;
}
#menu li.menu-niveau18:hover ul.niveau2,
#menu li.menu-niveau18:focus ul.niveau2,
#menu li.menu-niveau18-actif:hover ul.niveau2,
#menu li.menu-niveau18-actif:focus ul.niveau2 {
  left: auto;
  right: 0px;
}
#menu li.menu-niveau1:hover li.menu-niveau2,
#menu li.menu-niveau1:focus li.menu-niveau2,
#menu li.menu-niveau1-actif:hover li.menu-niveau2,
#menu li.menu-niveau1-actif:focus li.menu-niveau2 
#menu li.menu-niveau1-actif:hover li.menu-niveau2-actif,
#menu li.menu-niveau1-actif:focus li.menu-niveau2-actif {
  list-style: none;
  display: block;
  margin: 0; padding: 0;
}
#menu a.lien-niveau2 {
  display: block;
  padding: 10px;
  padding-left: 30px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 14px;
  text-align: left;
  text-decoration: none;
  font-weight: 300;
  color: #ffffff;
  background-image: url(/lae/public1.0/img/menu/puce-blanche.png);
  background-repeat: no-repeat;
  background-position: 16px 13px;
  background-color: #transparent;
}
#menu li.menu-niveau2:hover,
#menu li.menu-niveau2:focus,
#menu li.menu-niveau2-actif:hover,
#menu li.menu-niveau2-actif:focus {
  background-color: #403788;
}
#menu li.menu-niveau1:hover a.lien-niveau2,
#menu li.menu-niveau1:focus a.lien-niveau2 {
  display: block;
}

#menu ul.niveau3 {
  margin: 0; padding: 5px 0;
}
#menu ul.niveau3 li {
  list-style: none;
  margin: 0; padding: 0;
  text-align: left;
}
#menu ul.niveau3 li a {
  display: block;
  padding: 5px;
  padding-left: 40px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 14px;
  text-align: left;
  text-decoration: none;
  font-weight: 300;
  color: #ffffff;
}
#menu ul.niveau3 li a:hover,
#menu ul.niveau3 li a:focus {
  background-color: #342C6F;
}




/********************
 * Contenu
 ********************/
#content {
  background-color: white;
	min-height: 500px;
  position: relative;
}

/************
 * INTRODUCTION
 ************/
section#introduction {
  min-height: 345px;
  width: 100%;
  overflow: hidden;
  background-color: #62783f;
  position: relative;
}
.num_2_2 section#introduction {
  background-color: #2094c3;
}

#introduction figure {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute; top: 0px; right: -118px;
}
#introduction figure img {
  min-height: 100%;
  height: auto;
  width: 100%;
  max-width: 800px;
}

#introduction div.centree {
  position: relative;
  width: 980px; height: 100%;
  margin: 0px auto;
}
#introduction div.centree article {
  min-height: 315px;
  width: 647px;
  background-image: url(/lae/public1.0/img/site/fond-article-intro.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-attachment: scroll;
  padding-top:30px;
}
.num_2_2 #introduction div.centree article {
  background-image: url(/lae/public1.0/img/site/fond-bleu-article-intro.png);
}
#introduction div.centree article div.intro {
  width: 600px;
  min-height: 210px;
  overflow: hidden;
}
#introduction div.centree article h1 {
  font-family: 'Open Sans', arial;
  font-size: 40px; line-height: 40px;
  font-weight: 300;
  color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 20px;
}
.num_2_2 #introduction div.centree article h1 {
  color: #D3E9F5;
}
#introduction div.centree article h2 {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 18px;
  font-weight: normal;
  color: #ffffff;
  margin-top:5px;
  margin-bottom:15px;
}
#introduction div.centree article p {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: normal;
  color: #ffffff;
  margin-top:0px;
  margin-bottom: 10px;
}
#introduction div.centree article a {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: normal;
  color: #ffffff;
  text-decoration:underline !important;
}
#introduction div.centree article a:hover {
	text-decoration:none !important;
}

/****************/

#content div.centre {
	width: 980px;
	margin: 0px auto;
	position: relative;
  z-index: 100;
}
#content section.content {
	width: 670px;
	margin: 0px;
	position: relative;
	float: left;
	min-height: 200px;
	padding-top:15px;
}
#content.noAside section.content {
	width: 100%;
	margin: 0px;
	position: relative;
  float: none;
  min-height: 200px;
}

/*****************
 * ASIDE
 ****************/
#content aside {
	width: 270px;
	margin: 0px;
  margin-left: 35px;
  padding: 30px 0px;
	position: relative;
  float: left;
  min-height: 200px;
}

div.blocSaviezVous {
  width: 255px;
  padding: 15px;
  background-color: #c2c9f4;
  border: 1px solid white;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  border-radius: 0px 0px 30px 0px;
  position: relative;
  margin-bottom: 40px;
}
  div.blocPlusInfos {
    background-color: #a08b77;
  }
  div.blocPlusLoin {
    background-color: #9da8ed;
  }
  div.blocRecette {
    background-color: #efeeec;
  }

div.blocSaviezVous span.doubleFeuille {
  display: block; width: 56px; height: 48px;
  background-image: url(/lae/public1.0/img/site/double-feuille.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -15px; left: -30px;
}
  div.blocPlusInfos span.doubleFeuille {
    background-image: url(/lae/public1.0/img/site/double-feuille-marron.png);
  }
  div.blocPlusLoin span.doubleFeuille {
    background-image: url(/lae/public1.0/img/site/double-feuille-bleu.png);
  }

div.blocSaviezVous h3 {
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  color: #4060a9;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0px 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid white;
  margin-top: 10px;
  margin-bottom: 15px;
}
  div.blocPlusInfos h3 {
    color: #cfc7b5;
    border-bottom: 1px solid #cfc7b5;
  }
  div.blocPlusLoin h3 {
    color: #2e4378;
    border-bottom: 1px solid #cfc7b5;
  font-size: 20px; line-height: 22px;
  }
  div.blocRecette h3 {
    color: #b1ab97;
  }

div.blocSaviezVous h4 {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 20px;
  color: #b1ab97;
  font-weight: 400;
  padding: 0px;
  margin-top: 10px 0px;
}
  div.blocPlusInfos h4 {
    color: #cfc7b5;
  }
div.blocSaviezVous p,
div.blocSaviezVous ul li {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  text-align:justify;
  color: #4d4d4d;
  font-weight: 400;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}
div.blocSaviezVous p strong {
  font-weight: 700;
  color: #4d4d4d;
}
  div.blocPlusInfos p {
    color: #ffffff;
  }
div.blocSaviezVous p.note {
  font-family: 'Open Sans', arial;
  font-size: 11px; line-height: 18px;
}
p a {
  font-weight: 400;
  color: #0095cc;
  text-decoration: none;
}
p a:hover,
p a:focus {
  text-decoration: underline;
}

/*****/

div.blocAssocie {
  clear: both;
}

div.blocAssocie a.demiArrondi,
div.blocAssocie form.demiArrondi {
  background-color: #efeeec;
  display: block;  
  -webkit-border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  border-radius: 20px 0px 20px 0px;
  border: 1px solid white;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  padding: 15px 25px;
  margin-bottom: 15px;
}
div.blocAssocie a.demiArrondi,
div.blocAssocie form.demiArrondi p {  
  font-family: 'Open Sans', arial;
  font-size: 14px; line-height: 18px;
  color: #4d4d4d;
  font-weight: 400;
  text-decoration: none;
}

div.blocAssocie a.demiArrondi:hover {
  box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
}
div.blocAssocie a.fondVert {  
  background-color: #4C569A;
  font-size: 18px; line-height: 24px;
  color: #ffffff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
div.blocAssocie a.fondBleu {  
  background-color: #59b1d9;
  font-size: 18px; line-height: 24px;
  color: #333333;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
div.blocAssocie a.demiArrondi strong,
div.blocAssocie form.demiArrondi strong {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  color: #b1ab97;
  font-weight: 400;
  text-transform: uppercase;
}
div.blocAssocie a.fondVert strong {
  color: white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
div.blocAssocie a.fondBleu strong {
  color: white;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
div.blocAssocie form.demiArrondi fieldset.inline {
  background-color: white;
  border: 1px solid #a09c8e;
  height: 35px;
  width: 100%;
  position: relative;
}
div.blocAssocie form.demiArrondi fieldset.inline input[type=text],
div.blocAssocie form.demiArrondi fieldset.inline input[type=search] {
  background-color: transparent;
  display: block; float: left;
  width: 81%; height: 100%;
  border: none; margin: 0px; padding: 0px;
  padding: 0% 2%;
}
div.blocAssocie form.demiArrondi fieldset.inline input[type=submit] {
  background-color: transparent;
  display: block; float: left;
  width: 0%; height: 100%;
  border: none; margin: 0px; padding: 0px;
  padding-left: 15%;
  background-image: url(/lae/public1.0/img/site/picto-grosse-loupe.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

div.blocAssocie h3 {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 23px;
  color: #4C569A;
  font-weight: 400;
  /*background-image: url(/lae/public1.0/img/site/feuille-verte.png);
  background-repeat: no-repeat;
  padding-left: 15px;*/
  position: relative;
  margin-bottom: 5px;
}
div.blocAssocie ul,
div.blocSaviezVous ul {
  margin: 0px; padding: 0px;
}
div.blocAssocie ul li,
div.blocSaviezVous ul li {
  list-style: none;
  line-height: 15px;
}
div.blocAssocie ul li:before,
div.blocSaviezVous ul li:before {
  content: '- ';
}
div.blocAssocie ul li a,
div.blocSaviezVous ul li a {
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 15px;
  color: #313131;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 3px; margin-right: 3px;
}
div.blocAssocie ul li a.actif,
div.blocSaviezVous ul li a.actif {
  color: #384491;
}
div.blocAssocie ul li a:hover,
div.blocAssocie ul li a:focus,
div.blocSaviezVous ul li a:hover,
div.blocSaviezVous ul li a:focus {
  color: #5d6cc8;
}

.num_2_2 div.blocAssocie ul li a:hover,
.num_2_2 div.blocAssocie ul li a:focus,
.num_2_2 div.blocSaviezVous ul li a:hover,
.num_2_2 div.blocSaviezVous ul li a:focus {
  color: #384491;
}
/**/

div.blocAssocie ul.listePave {
  margin: 0px; padding: 0px;
}
div.blocAssocie ul.listePave li {
  list-style: none;
  line-height: 15px;
  display: block; float: left;
  /* ajout si pas de <a> */
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 13px;
  color: #373737 !important;
  font-weight: 400;
  padding: 7px 10px;
  background-color: #e0e2db;
  margin-bottom: 3px;
  margin-right: 3px;
  /* FIN ajout si pas de <a> */
}
div.blocAssocie ul.listePave li:before {
  content: '';
}
div.blocAssocie ul.listePave li a {
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 13px;
  color: #373737 !important;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding: 7px 10px;
  background-color: #e0e2db;
}
div.blocAssocie ul.listePave li a:hover,
div.blocAssocie ul.listePave li a:focus {
  color: #373737 !important;
  background-color: #CFD2C7;
}

/********************
 * Content LISTE ARTICLES
 ********************/
article.produitListe {
  display: block;
  width: 200px;
  min-height: 440px;
  float: left;
  position: relative;
}
article.produitListe figure {
  display: table-cell;
  width: 215px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}
article.produitListe figure img {
	width:125px;
}
article.produitListe figure span.sportProtect,
section.detailsProduit div.zoom span.sportProtect {
  display: block;
  width: 0; height: 28px;
  padding-left: 70px;
  overflow: hidden;
  background-image: url(/lae/public1.0/img/site/logo-sport-protect.png);
  background-repeat: no-repeat;  
  position: absolute; right:0px; top:35px;
}
article.produitListe figure span.kousmine,
section.detailsProduit div.zoom span.kousmine {
  display: block;
  width: 0; height:50px;
  padding-left:41px;
  overflow: hidden;
  background-image: url(/lae/public1.0/img/site/logo-kousmine.png);
  background-repeat: no-repeat;  
  position: absolute; right:20px; top:35px;
}
article.produitListe h3,
section.detailsProduit article.produitListe h3 {
  font-family: 'Open Sans', arial;
  font-size: 20px; line-height: 20px;
  color: #4C569A;
  font-weight: 400;
  /*text-transform: uppercase;*/
  margin:5px 15px 10px 15px;
  background: none;
  padding: 0px;
  position: relative; left: auto;
  border: none;
}
article.produitListe h3 a,
section.detailsProduit article.produitListe h3 a {
  font-family: 'Open Sans', arial;
  font-size: 20px; line-height: 20px;
  color: #4C569A;
  font-weight: 400;
  /*text-transform: uppercase;*/
  text-decoration:none;
}
article.produitListe h3:before,
section.detailsProduit article.produitListe h3:before { display: none; }

article.produitListe h3 span,
section.detailsProduit article.produitListe h3 span {
  font-family: 'Open Sans', arial;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}
article.produitListe ul,
section.detailsProduit article.produitListe ul {
  margin: 0px; padding: 0px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 13px;
  font-weight: 700;
  color: #707070;
  margin: 10px 15px;
}
article.produitListe ul li,
section.detailsProduit article.produitListe ul li {
  list-style: none;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 18px;
  font-weight: 400 !important;  
}
article.produitListe p,
section.detailsProduit article.produitListe p {
  margin: 0px; padding: 0px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 13px;
  font-weight: 400 !important;
  color: #707070;
  margin: 10px 15px;
}
article.produitListe ul li:before { content: '- '; }
section.detailsProduit article.produitListe ul li:before { content: '- '; }

article.produitListe a.fiche,
section.detailsProduit article.produitListe a.fiche {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 12px;
  font-weight: 600;
  color: #4C569A;
  margin: 10px 15px;
  padding-left: 10px;
  text-decoration: none;
  background-image: url(/lae/public1.0/img/site/fleche-fiche.png);
  background-repeat: no-repeat;
  background-position: 0% 45%;
}
article.produitListe a.fiche:hover,
article.produitListe a.fiche:focus {
  background-position: 1% 45%;
}

/************/

#filAriane {
  padding: 15px 3px;
  border-bottom: 1px dotted #b5b7ae;
}
#filAriane ul {
  display: block;
  width: 100%;
  height: 12px;
  margin: 0px;
  padding: 0px;
}
#filAriane ul li {
  display: block; float: left;
  font-size: 12px; line-height: 12px;
}
#filAriane ul li.separateur {
  width: 25px; height: 100%;
  background-image: url(/lae/public1.0/img/site/separateur.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#filAriane ul li a {
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 12px;
  color: #b5b7ae; font-weight: 300;
  text-decoration: none;
}
#filAriane ul li a:hover, 
#filAriane ul li:last-child a {
  color:#384491;
}
.num_2_2 #filAriane ul li a:hover, 
.num_2_2 #filAriane ul li:last-child a {
  color:#384491;
}

 
/********************
 * Footer
 ********************/
#scrollHautPage {
  display: block;
  width: 43px; height: 28px;
  position: fixed; bottom: 180px; right: 40px;
  background-image: url(/lae/public1.0/img/site/fleche-scrolltop.png);
  background-repeat: no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 500;
  -webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out; 
       -o-transition: all 0.3s ease-out;  
          transition: all 0.3s ease-out;
}
#scrollHautPage.visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#scrollHautPage.visible:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
 
#ecranUser footer.principal {
  clear: both;
  height: 143px;
  overflow: hidden;
  background-color: #829bcb;
  background-image: url(/lae/public1.0/img/site/fond-footer.jpg);
  background-position: 50% 0%;
  background-image: url(/lae/public1.0/img/site/shadow-footer.png),
                    url(/lae/public1.0/img/site/fond-footer.jpg);
  background-repeat: repeat-x, no-repeat;
}
#ecranUser footer.principal div.centree {
  width: 890px; height: 100%;
  margin: 0px auto;
  padding: 0px;
  padding-left: 90px;
  padding-top: 26px;
  background-image: url(/lae/public1.0/img/site/logo-nutergia.png);
  background-repeat: no-repeat;
  background-position: 0% 20%;
  display: block;
  position: relative;
}
#ecranUser footer.principal div.centree p {
  margin: 0px;
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 14px;
  color: #384047;
}

#ecranUser footer.principal div.centree p.bleu {
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 7px;
}
#ecranUser footer.principal ul.liens {
  margin: 5px 0px; padding: 0px;
}
#ecranUser footer.principal ul.liens li {
  display: block; float: left;
  padding: 0px 10px;
  border-right: 1px solid #6e7979;
  border-left: 1px solid #a2afaa;
  height: 12px;
}
#ecranUser footer.principal ul.liens li:first-child {
  border-left: none;
  padding-left: 0px;
}
#ecranUser footer.principal ul.liens li:last-child {
  border-right: none;
  padding-right: 0px;
}
#ecranUser footer.principal ul.liens li a {
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 14px;
  text-decoration: none;
  color: #384047;
  position: relative; top: -7px;
}
#ecranUser footer.principal div.centree p#pharmacie {
  display: block;
  width: 160px; 
  font-family: 'Open Sans', arial;
  font-weight: 700;
  font-size: 12px; line-height: 14px;
  text-decoration: none;
  color: #256432;
  text-align: center;
  padding: 30px 100px;
  position: absolute; top: 0px; right: -30px;
  background-image: url(/lae/public1.0/img/site/croix-pharmacie.jpg);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute; top: 0px; right: 70px;
}
#ecranUser footer.principal div.centree p#afaq {
  display: block;
  width: 68px; height: 75px;
  background-image: url(/lae/public1.0/img/site/logo-afaq.png);
  background-repeat: no-repeat;
  position: absolute; top: 10px; right: 0px;
}
#ecranUser footer.principal div.centree p#afaq a {
  display: block;
  width: 68px; height: 75px;
}
#ecranUser footer.principal div.centree p#mangerBouger {
  margin-top: 20px;
  position: relative; left: -90px;
}
#ecranUser footer.principal div.centree p#mangerBouger a {
  color: inherit;
  text-decoration: none;
}

/****** ALPHABET *******/
ul.alphabet {
  margin: 0px; padding: 0px;
  width: 680px;
  height: 25px;
}
ul.alphabet li {
  list-style: none;
  display: block;
  width: 25px; height: 25px;
  float: left;
  overflow: hidden;
  border-right: 1px solid white;
}
ul.alphabet li a {
  display: block;
  width: 100%; height: 100%;
  text-align: center;
  font-family: 'Open Sans', arial;
  font-weight: 400;
  font-size: 18px; line-height: 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #a6a39e;
}
ul.alphabet li a.actif {
  background-color:#4C569A;
}

ul.alphabet li a.inactif span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

#listeAlphabet {
  width: 700px;
}
#listeAlphabet p.lettre {
  display: block; float: left;
  width: 60px; height: 60px;
  overflow: hidden;
  font-family: 'Open Sans', arial;
  font-weight: 300;
  font-size: 60px; line-height: 58px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  background-color: #4C569A;
  
  -webkit-border-radius: 15px 0px 15px 0px;
  -moz-border-radius: 15px 0px 15px 0px;
  border-radius: 15px 0px 15px 0px;
  
  box-shadow: 1px 1px 35px rgba(0,0,0,0.4) inset;
  
  margin: 0px;
  margin-top: 50px;
}
#listeAlphabet div.produits {
  margin: 0px; padding: 0px;
  margin-left: 2px;
  margin-top: 50px;
  display: block; float: left; width: 630px;
  border-left: 1px dotted #b5b7ae;
}
#listeAlphabet div.produits article.produitListe {
  float:left;
  width:210px;
}

/**************************/
div.autocompleteResults {
  background-color: white;
  width: 400px;
  right: 0px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
  max-height: 900px;
  overflow: hidden;
}
div.result {
  padding: 5px;
  clear: both;
  min-height: 60px;
  cursor: pointer;
  margin-left: 5px;
  border-bottom: 1px solid #EBEBEB;
}
div.result:hover,
div.result:focus {
  border-left: 5px solid #0595d1;
  margin-left: 0px;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}
div.result figure {
  height: 60px;
  width: 60px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  line-height: 60px;
  text-align: center;
}
div.result figure img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
div.result p.titre {
  font-family: 'Open Sans', arial;
  font-size: 16px;
  line-height: 18px;
  color: #4C569A !important;
  font-weight: 400;
  text-transform: uppercase;
  margin: 5px 0px;
}
div.result p {
  font-family: 'Open Sans', arial;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  color: #464646;
  margin: 5px 0px;
  margin-left: 65px;
}

a.zoombox { text-decoration: none; }
#zoombox .zoombox_mask { z-index: 5000 !important; }

map area { cursor: pointer; }

/* Paves sommaire */

div.paveSommaire {
  width: 28%;
  margin: 0;
  padding: 0;
  margin-right: 5%;
  min-height:170px;
  float: left;
}
div.paveSommaire h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom:5px;
  text-align:left;
  font-family: 'Open Sans', arial;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  color: #4c569a;
  padding-bottom:12px;
  background-image:url(/lae/public1.0/img/site/barre-menu.png);
  background-repeat:no-repeat;
  background-position:bottom;
}
div.paveSommaire h2 a {
  text-decoration: none;
  color: #4c569a;
}
div.paveSommaire h3 {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: #3b3b3b;
}
div.paveSommaire p {
  margin: 0;
  padding: 0;
  padding-top: 5px;
  font-family: 'Open Sans', arial;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #3b3b3b;
}
/*div.paveSommaire figure {
  width: 100%;
  height: 178px;
  -webkit-border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  border-radius: 20px 0px 20px 0px;
  box-shadow: 0 0 3px rgba(0,0,0,0.48) inset;
  margin: 0; padding: 0;
  overflow: hidden;
}
div.paveSommaire figure img {
  height: auto;
  width: 100%;
}*/
#content div.paveSommaire figure.imageGauche, 
#content div.paveSommaire figure img.imageGauche {
	margin-right:10px !important;
}
#content div.paveSommaire figure.imageDroite, 
#content div.paveSommaire figure img.imageDroite {
  margin-left:10px !important;
}
h1.titreSommaire {
  margin: 0;
  padding: 30px 0;
  padding-bottom: 40px;
  font-family: 'Open Sans', arial;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #a0a0a0;
}