/* CSS Document 
 * Compatibilités des sélecteurs : http://kimblim.dk/css-tests/selectors/
 */
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,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;
}

#topBar {
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 4000;
}
#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;
}

#espacePro {
  display: block;
  height: 18px;
  padding-left: 30px;
  position: absolute; left:430px; top: 20px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 20px;
  font-weight: 600; /* semibold */
  text-transform: uppercase;
  color: #408d01;
  text-decoration: none;
  background-image: url(/lae/public1.0/img/site/picto-espace-pro.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  z-index: 2000;
	cursor:pointer;
}
#espacePro:hover {
  text-decoration: underline;
}
#newsletter {
  display: block;
  height: 19px;
  padding-left: 30px;
  position: absolute; left:430px; top: 50px;
  font-family: 'Open Sans', arial;
  font-size: 13px; line-height: 20px;
  font-weight: 600; /* semibold */
  text-transform: uppercase;
  color: #0095cf;
  text-decoration: none;
  background-image: url(/lae/public1.0/img/site/icone-newsletter.png);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  z-index: 2000;
}
#newsletter:hover {
  text-decoration: underline;
}

#gMoteurRecherche {
  display: block;
  width: 136px; height: 26px;
  position: absolute; left:740px; 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%;
}
#btnFacebook {
  display: block;
  position:absolute; right:65px; top:20px;
  margin:0px; padding: 0px;
  width:20px;
  height:20px;
  background-image: url(/lae/public1.0/img/site/logo-facebook.png);
  background-repeat: no-repeat;
}

/**/

#btnChangeLangue {
  display: block;
  position: absolute; /*left: 895px;*/ right:0px; top: 25px;
  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: 100px;
}
#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/ne.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);
}
#btnChangeLangue ne a.it {
  background-image: url(/lae/public1.0/img/site/flags/ne.png);
}


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

#separation {
  width: 980px; height: 0px;
  margin: 0px auto;
  position: relative;
  z-index: 10;
}
#separation span {
  display: block;
  width: 149px; height: 609px;
  background-image: url(/lae/public1.0/img/site/separation-g.png);
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: -90px; right: 225px;
  z-index: 10;
}

/*************
 * MENU
 *************/
 
#ecranUser header.principal nav {
  display: block;
  height: 174px;
  min-width: 980px;
  width: 100%;
  padding: 0px !important;
  background-color: #dee2d5;
  background-image: url(/lae/public1.0/img/site/fond-nav.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#ecranUser header.principal nav div.centree {
  display: block;
  width: 980px; height: 100%;
  position: relative;
  margin: 0px auto;
  padding: 0px;
}
#ecranUser header.principal nav div.left {
  margin: 0px;
  padding: 0px;
  height: 100%; width: 623px;
  position: relative;
  float: left;
}

#ecranUser header.principal nav h2,
#ecranUser header.principal nav h2 a {
  font-family: 'Open Sans', arial;
  font-size: 40px; line-height: 40px;
  font-weight: 300;
  color: white;
  margin: 0px; padding: 0px;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  text-decoration: none;
  
  /* on force l'acceleration materielle */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
#ecranUser header.principal nav h2 {
  position: relative;
  z-index: 3000;
}
#ecranUser header.principal nav h2 strong,
#ecranUser header.principal nav h2 a strong {
  font-weight: 600;  
}

#ecranUser header.principal nav div.left h2 {
  text-align: right;
}
#ecranUser header.principal nav div.left h2 strong {
  display: block;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: 600;
}


#ecranUser header.principal nav div.right {
  margin: 0px;
  padding: 0px;
  height: 100%; width: 285px;
  margin-left: 65px;
  float: left;
}
#ecranUser header.principal nav div.right h2 a {
  display: block;
  margin-top: 40px;
  padding-left: 20px;
  padding-bottom: 5px;
  background-image: url(/lae/public1.0/img/site/fleche-droite-nav.png);
  background-repeat: no-repeat;
  background-position: 92% 100%;
  -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;
}
#ecranUser header.principal nav div.right h2 a strong {
  position: relative;
}
#ecranUser header.principal nav div.right h2 a em {
  position: relative; left: -30px; font-style:normal;
}
#ecranUser header.principal nav h2 a:hover,
#ecranUser header.principal nav h2 a:active,
#ecranUser header.principal nav h2 a:focus {
  outline: none;
  background-color: transparent;
}
#ecranUser header.principal nav div.right h2 a:hover,
#ecranUser header.principal nav div.right h2 a:active,
#ecranUser header.principal nav div.right h2 a:focus {
  background-position: 95% 100%;
}

#ecranUser header.principal nav div.right h2 a span {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 14px; line-height: 16px;
  font-weight: normal;
  color: white;
  margin: 0px; padding: 0px;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  text-decoration: none;
  
  /* on force l'acceleration materielle */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  
  position: relative; top: 20px; left: 0px;
}

#largeurGaucheMenu {
  display: block;
  height: 100%; width: 0;
  position: absolute; bottom: 0px;
  z-index: 2000;
}
#largeurGaucheMenu {
  left: 0px;
  background-image: url(/lae/public1.0/img/site/fond-largeur-gauche-menu.jpg);
  background-repeat: repeat-x;
  background-position: 0% 100%;
}

/********************
 * 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: #c8e382;
  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: #efeeec;
  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.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.blocSaviezVous h3 {
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  color: #b1ab97;
  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.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: #698618;
  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: #c2e16a;
  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: #87a539;
  font-weight: 400;
  background-image: url(/lae/public1.0/img/site/feuille-verte.png);
  background-repeat: no-repeat;
  padding-left: 35px;
  position: relative; left: -20px;
  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: #828281;
  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: #0095cc;
}
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: #668120;
}

.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: #0095cf;
}
/**/

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: 400px;
  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: #87a539;
  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: #87a539;
  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: #6d8b0f;
  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: #5d7b0e;
}
.num_2_2 #filAriane ul li a:hover, 
.num_2_2 #filAriane ul li:last-child a {
  color:#0095CF;
}

 
/********************
 * 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: 113px;
  overflow: hidden;
  background-image: url(/lae/public1.0/img/site/fond-footer.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background: url(/lae/public1.0/img/site/shadow-footer.png) repeat-x,
              url(/lae/public1.0/img/site/fond-footer.jpg) no-repeat 50% 0%;
}
#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: #0095cc;
  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: #39a119;
  text-align: center;
  padding: 30px 100px;
  position: absolute; top: 0px; right: -30px;
  background-image: url(/lae/public1.0/img/site/croix-pharmacie.png);
  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;
}*/
#ecranUser footer.principal div.centree p#suivreFacebook {
	position:absolute;
	top:108px;
	right:0;
	width:155px;	
}
#ecranUser footer.principal div.centree p#suivreFacebook a {
	display:block;
	background-image: url(/lae/public1.0/img/site/logo-facebook2.png);
	background-repeat: no-repeat;
	background-position:right top;
	color: inherit;
	text-decoration: none;
	line-height:20px;
}


/****** 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: #86a82e;
}

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: #74991f;
  
  -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: #87a539 !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; }
/********************
 * Responsive WD
 ********************/
 
 /* Large desktop */
@media (min-width: 1200px) {
	
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
}