/* CSS Document */

#ecranUser {
  min-width: 320px;
}
#ecranUser header.principal {
  min-width: 320px;
  width: 100%;
  height: auto;
}
#content div.centre {
  width: auto;
}

article ul {
  padding: 0px;
}

.article p, #content article.cm p {
text-align: justify;
margin: 0px !important;
}

.article div.colonne, #content article.cm div.colonne {
width: 94%;
padding: 0 3%;
float: none;
}

/* ASIDE */

#content section.content,
#content aside {
  width: auto;
  float: none;
  clear: both;
  margin-left: 0px;
  min-height: 10px;
}
div.blocSaviezVous,
div.blocAssocie {
  width: auto;
  border-radius: 30px 0px 30px 0px;
  margin: 15px;
}
div.blocAssocie {
  padding: 15px;
}
div.blocSaviezVous span.doubleFeuille {
  display: block;
  width: 33px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  left: -6px;
}
/******/
#filAriane { display: none; }

/* Header */
#logoNutergia {
  left: 20px;
  display: block;
  width: 170px;
  height: 50px;
  background-image: url(/lae/public1.0/img/site/logo-nutergia.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
#titreEspacePro {
  padding: 20px;
  font-size: 24px;
  line-height: 26px;
  cursor: pointer;
  background-image: url(/lae/public1.0/img/site/p-menu.png);
  background-repeat: no-repeat;
  background-position: 25px 25px;
}
#btnChangeLangue {
  display: block;
  position: absolute;
  left: auto;
  top: 90px;
  right: 100px;
  background-color: white;
  
  margin: 0px;
  padding: 0px 2px;
  padding-bottom: 7px;
  width: 22px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  cursor: pointer;
  z-index: 2100;
}
#btnChangeLangue:hover { height: 60px; }
#btnChangeLangue li { margin-bottom: 7px; }
#ecranUser header.principal div.separation {
  display: none;
}
#diapoBandeau { display: none; }
#topBar {
  height: 120px;
}
#topBar div.centree {
  width: auto;
}
#espacePro {
display: block;
height: 18px;
padding-left: 30px;
width: 0px;
overflow: hidden;
position: absolute;
left: auto;
top: 15px;
right: 42px;
}
#contactRegion {
  top: 90px; left: 20px;
}

#gMoteurRecherche {
display: block;
width: 55px;
height: 35px;
position: absolute;
left: auto;
top: 78px;
right: 15px;
background-image: none;
overflow: hidden;
z-index: 2000;
border: 1px solid #d5d5d5;
border-radius: 3px;
}
#gMoteurRecherche input[type="search"], #gMoteurRecherche input[type="text"] { display: none; }

#gMoteurRecherche input[type="submit"] {
border: none;
padding: 0px;
float: none;
height: 100%;
width: 100%;
background-image: url(/lae/public1.0/img/site/picto-grosse-loupe.png);
}
#ecranUser header.principal div.bandeauMenu {
width: 100%;
height: auto;
position: relative;
z-index: 1000;
left: 0px;
bottom: 0px;
background-color: #9da8ed;
background-image: url(/lae/public1.0/img/site/b-mobile.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#topBar ul.prive li a {
font-size: 10px;
line-height: 10px;
font-weight: 600;
padding: 3px;
padding-left: 3px;
background-image: none !important;
}


/************************
 * MENU
 ************************/
#menu {
  height: auto;
  background-color: #38388c;
}

#ecranUser header.principal nav {
  position: absolute;
  left: -480px;
  top: 132px;
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;  
  -moz-transition: all 0.5s ease-in-out; 
  -o-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
}
#ecranUser header.principal nav.visible {
  position: absolute;
  top: 132px;
  left: 0px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#ecranUser header.principal nav div.centree {
  display: block;
}
 #menu li.menu-niveau1, #menu li.menu-niveau1-actif {
   float: none;
   max-width: none;
   height: auto;
 }
 #menu a.lien-niveau1 {
   height: 40px; line-height: 40px;
   text-align: left;
   padding: 0px 40px;
 }
 #menu ul.niveau2 {
   max-width: none;
   position: relative; top: 0px; left: auto;
   width: auto;
   display: block;
   height: 0;
   overflow: hidden;
   padding: 0px;
   -webkit-transition: all 0.5s ease-in-out;  
  -moz-transition: all 0.5s ease-in-out; 
  -o-transition: all 0.5s ease-in-out;  
  transition: all 0.5s ease-in-out;
 }
 #menu ul.niveau2visible {
   height: auto;
   padding: 10px 0px;
 }
 
 
#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: 0px;
}

/***********************
 * fiche détail 
 **********************/

section.detailsProduit header {
  float: none;
  width: 100%;
}
section.detailsProduit article {
  display: block;
  float: none;
  width: auto;
  clear: both;
  margin: 15px; padding: 0px 15px;
}
section.detailsProduit header h2 {
  margin: 15px 15px;
}

section.detailsProduit div.zoom {
  float: left;
  width: 185px;
  height: 230px;
}

section.detailsProduit div.colGauche {
display: block;
float: right;
width: 100px;
min-height: 180px;
margin-right: 10px;
}
section.detailsProduit div.colGauche p.qteRef {
  width: 65px;
  min-height: 34px;
  padding-top: 45px;
  padding-left: 0px;
}
section.detailsProduit div.colGauche p.blocVertDemiArrondi {
  font-size: 10px;
  line-height: 13px;
  font-weight: 600;
  padding: 10px 20px;
}
section.detailsProduit div.colGauche p.blocVertDemiArrondi span {
  font-size: 26px;
  line-height: 26px;
  font-weight: 400;
}

/* FOOTER */
#scrollHautPage {
  right: 5px;
}
section.detailsProduit p.attention { 
  padding-top: 0px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  text-align: left;
  margin-top: 50px;
}

#ecranUser footer.principal {
  height: auto;
background-image: url(/lae/public1.0/img/site/fond-footer-480.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#ecranUser footer.principal div.centree {
  min-width: 320px;
  width: 100%;
  padding-left: 0px; padding-top: 0px;
  background-position: 20px 110px;
}
#ecranUser footer.principal div.centree p#pharmacie {
  display: block;
  width: auto;
  position: relative;
  top: 0px;
  right: 0px;
  background: url(/lae/public1.0/img/site/croix-pharmacie-480.png) no-repeat 90% 50%,
  url(/lae/public1.0/img/site/ombre-pied-480.png) repeat-x 100% 100%,
  url(/lae/public1.0/img/site/shadow-footer.png) repeat-x;
  padding-left: 40px;
  padding-right: 130px;
  margin-top: 0px;
}
#ecranUser footer.principal div.centree p#afaq {
  top: 110px;
  left: 100px;
}
#ecranUser footer.principal div.centree p.bleu {
  color: #0095cc;
  font-weight: 700;
  margin-bottom: 7px;
  margin-top: 100px;
  margin-left: 20px; margin-right: 20px;
}
#ecranUser footer.principal div.centree p.adresse, 
#ecranUser footer.principal ul.liens,
#ecranUser footer.principal div.centree p#mangerBouger {
  margin: 15px 20px;
  left: 0px;
}
#ecranUser footer.principal ul.liens li {
  float: none;
  padding: 0px; border: none;
  margin: 10px 0px;}
  
/***********
 * CONTENU
 ************/
#content article.cm {
  width: auto;
  padding: 15px;
  margin: 15px;
}
.article img, #content article.cm img {
 max-width: 100% !important;
 height: auto !important;
 width: auto !important;
}

.article table, #content article.cm table {
width: 120%;
margin: 15px 0px;
position: relative;
left: -10%;
}

/****** INTRO ****/
section#introduction {
  height: auto;
  width: 100%;
  background-color: transparent;
}
#introduction figure {
max-width: 50%;
height: auto;
overflow: hidden;
position: relative;
top: 0px;
right: 0px;
float: right;
display: none;
}
#introduction figure img {
min-height: 0px;
height: auto;
width: 100%;
float: right;
}
#introduction div.centree {
position: relative;
width: auto;
height: auto;
}
#introduction div.centree article {
height: auto;
width: auto;
background-image: none;
padding-top: 20px;
}
#introduction div.centree article p {
font-size: 13px;
line-height: 18px;
color: #4B4B4B;
margin: 0px 30px;
width: auto;
}
#introduction div.centree article h1 {
color: #384491;
margin: 10px 30px;
}

.article img.imageDroite, #content article.cm img.imageDroite,
.article img.imageGauche, #content article.cm img.imageGauche {
  float: none;
  margin: 10px auto;
  display: block;
}
#content article.saviezVous img.imageGauche {
float: left;
margin-right: 20px;
}
#content article.saviezVous img.imageDroite {
float: right;
margin-left: 20px;
}

#menuGauche li.menu-niveau2-actif {
background-color: transparent;
}

/******* Liste produits **********/

article.produitListe {
  display: block;
  width: auto;
  min-height: 0px;
  float: none;
  margin: 5px 20px;
}
article.produitListe figure {
  display: block;
  height: auto;
  width: auto;
  text-align: center;
  margin-top: 10px;
}


/* ALPHABET */
ul.alphabet {
  margin: 0px;
  padding: 5px;
  width: auto;
  height: auto;
}
ul.alphabet li {
  border-bottom: 1px solid white;
}
#listeAlphabet {
  width: auto;
  clear: both;
}
#listeAlphabet p.lettre {
  display: block;
  float: none;
  margin-left: 5px;
}
#listeAlphabet div.produits {
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
  margin-top: -13px;
  float: none;
  width: auto;
  border-left: 1px dotted #b5b7ae;
}
section.detailsProduit article.introListe {
  padding: 5px 10px;
  width: auto;
}

#listeAlphabet div.produits article.produitListe {
  float: none;
  width: auto;
}

/********/

#produitsComplementaires div.centree {
  width: auto;
  padding: 10px 30px;
  margin: 0px auto;
}

/** ACCUEIL **/

#content section.accueil {
  width: auto;
  margin: 0px auto;
}
#diapoAccueil { display: none; }
#largeurDroiteMenu { display: none; }

div.separateurAccueil {
  display: none;
}

section.accueil article {
  float: none;
  position: relative;
  width: auto;
  min-height: 0px;
  margin: 15px;
  padding: 15px;
}

section.accueil article span.typeArticle {
  top: 5px;
  right: 3px;
}

/*******/


.article table tr:first-child td:first-child,
#content article.cm table tr:first-child td:first-child {
  border-radius: 0px;
}
.article table tr:first-child td:last-child,
#content article.cm table tr:first-child td:last-child {
  border-radius: 0px;
}
.article table tr:last-child td:first-child,
#content article.cm table tr:last-child td:first-child {
  border-radius: 0px;
}
.article table tr:last-child td:last-child,
#content article.cm table tr:last-child td:last-child {
  border-radius: 0px;
}

/* Dans le monde */
.article div.adresse, #content article div.adresse {
  margin: 0px;
  width: auto;
  padding-left: 28px;
  margin-bottom: 10px;
}


#introduction div.centree article div.intro {
  width: auto;
  height: auto;
  overflow: auto;
  min-height: 0px;
}

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

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

#btnProduitMois {
  overflow: hidden !important;
}
#btnProduitMois a {  position: relative; top: 0px;  left: 50px;
}
#introduction div.centree article, 
section#introduction { min-height: 0px; margin-bottom: 0px; }
#introduction div.centree article { padding-top: 0px; }
#content article.cm { padding: 0px 15px; }
.article ul li, #content article.cm ul li { margin-left: 15px; }

/*******/

#content .article div.bloctier,
#content .article div.blocdeuxtiers {
width: 88%;
padding: 0 3%;
float: none;
margin: 25px 3%;
}
.article p.paveColore, #content article.cm p.paveColore, .article div.paveColore, #content article.cm div.paveColore {
  margin: 20px 0 !important;
}
#content.noAside section.content { 
  padding-top: 0px;
}
#content.noAside article.cm {
  margin-top: 0px;
  padding-left: 10px; padding-right: 10px;
}


div.paveSommaire {
  width: 94%;
  padding: 0;
  margin: 20px 3%;
  min-height: 0;
  float: none;
}
#content div.paveSommaire figure img.imageGauche,
#content div.paveSommaire figure img {
  float: none !important;
  display: block;
  margin: 0 auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
div.paveSommaire h2 {
  text-align: center;
}

h1.titreSommaire {
  margin: 10px 3%;
  padding: 10px 0;
}

/* page login */

#content #bloc1142, #content div.forms {
  width: auto;
  float: none;
  height: auto;
}
#content #bloc1142 figure { display: none; }
#content #bloc1142 {
  padding-left: 10px;
}
#content div.forms { padding-bottom: 10px; }
#retourGP { left: 250px; top: 40px; }

#bloc1142 { display: none; }