/* CSS Document */
#content {
  background-color: #86a82e;
  position: relative;
  min-height: 550px;
}

#menuGauche li.visible div.masque { background: none; }
#menuGauche li.visible div.masque .ombre { background: none; }
#menuGauche li.visible div.masque div.rectangle { height: 520px !important; }

#menuDroit.visible { background: none; }
#menuDroit div.ombre { background: none; }
#menuDroit div.rectangle { height: 520px !important; }

div.blocSommaire {
  display: block;
  float: left;
  height: 236px;
  width: 195px;
  position: relative;
  margin-bottom: 1px;
  margin-right: 1px;
  overflow: hidden;
}
div.blocSommaire a {
  display: block;
  width: 100%; height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-decoration: none;
  
  -moz-background-size: 100%;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  
  -webkit-transition: all 0.1s linear;  
     -moz-transition: all 0.3s linear; 
       -o-transition: all 0.3s linear;  
          transition: all 0.1s linear;
}
div.blocSommaire a:hover, div.blocSommaire a:focus {
  text-decoration: none;
  -moz-background-size: 105%;
  -webkit-background-size: 105%;
  -o-background-size: 105%;
  background-size: 105%;
}
div.blocSommaire a strong {
  display: block;
  position: absolute;
  left: 0px; bottom: 15px;
  background-color: transparent;
  background-image: url(/lae/public1.0/img/sommaire/fond-blanc-transparent.png);
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  font-weight: 300;
  text-align: center;
  color: #373737;
  padding: 5px 8px;
  max-width: 90%;
  
  -webkit-transition: all 0.1s linear;  
     -moz-transition: all 0.3s linear; 
       -o-transition: all 0.3s linear;  
          transition: all 0.1s linear;
}
div.blocSommaire a:hover strong,
div.blocSommaire a:focus strong {
  background-color: #FFFFFF;
}

/**************************/
/* Nos dossiers bien-etre */

#bs5,#bs6,#bs7,#bs8 {
 width: 244px;
}

#bs5 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/acide-gras.jpg); }
#bs6 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/antioxydants.jpg); }
#bs7 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/mineraux.jpg); }
#bs8 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/ferments.jpg); }


#bs9 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/phytomineraux.jpg); }
#bs46 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/drainage.jpg); }
#bs47 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/fibres.jpg); }
#bs48 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/jambes.jpg); }
#bs49 a {  background-image: url(/lae/public1.0/img/sommaire/bien-etre/minceur.jpg); }

/* produits */

#bs53, #bs55, #bs56 {
  height: 473px;
  width: 244px;
}
#bs53 strong, #bs55 strong, #bs56 strong {
  max-width: 160px;
}
#bs53 a {  background-image: url(/lae/public1.0/img/sommaire/produits/ordre.jpg); }
#bs55 a {  background-image: url(/lae/public1.0/img/sommaire/produits/label.jpg); }
#bs56 a {  background-image: url(/lae/public1.0/img/sommaire/produits/fondation.jpg); }

/* conseils */

div.blocSommaire div {
  display: block;
  position: absolute;
  left: 0px; bottom: 15px;
  background-color: transparent;
  background-image: url(/lae/public1.0/img/sommaire/fond-blanc-transparent.png);
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  font-weight: 300;
  text-align: center;
  color: #373737;
  padding: 5px 10px;
  padding-top: 15px;
  max-width: 150px;
  
  -webkit-transition: all 0.1s linear;  
     -moz-transition: all 0.3s linear; 
       -o-transition: all 0.3s linear;  
          transition: all 0.1s linear;
}
div.blocSommaire:hover div {
  background-color: #FFFFFF;
}
div.blocSommaire div strong {
  display: block; 
  font-family: 'Open Sans', arial;
  font-size: 24px; line-height: 24px;
  font-weight: 300;
  text-align: left;
}
div.blocSommaire div ul {
  margin: 0px; padding: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.blocSommaire div ul li {
  margin: 0px; padding: 0px;
  list-style: none;
}
div.blocSommaire div ul li a {
  font-family: 'Open Sans', arial;
  font-size: 14px; line-height: 18px;
  font-weight: 400;
  text-align: left;
  color: #373737;
  text-decoration: none;
}
div.blocSommaire div ul li a:before,
div.blocSommaire div ul li a::before {
  content: '- ';
}

#bs62, #bs57, #bs36, #bs40 {
  height: 473px;
  width: 244px;
}

#bs62 a {  background-image: url(/lae/public1.0/img/sommaire/conseils/actus.jpg); }
#bs57 a {  background-image: url(/lae/public1.0/img/sommaire/conseils/saisons.jpg); }
#bs36 a {  background-image: url(/lae/public1.0/img/sommaire/conseils/tous.jpg); }
#bs40 a {  background-image: url(/lae/public1.0/img/sommaire/conseils/specifiques.jpg); }

div.blocSommaire div ul li a { background-image: none !important; }

/* NCA */

#bs14, #bs15 {
  width: 489px; height: 473px;
}

#bs14 a {  background-image: url(/lae/public1.0/img/sommaire/nca/nca.jpg); }
#bs15 a {  background-image: url(/lae/public1.0/img/sommaire/nca/iomet.jpg); }

/* Laboratoire */

#bs17, #bs21, #bs27, #bs29 {
  width: 244px; height: 473px;
}
#bs17 a {  background-image: url(/lae/public1.0/img/sommaire/laboratoire/entreprise.jpg); }
#bs21 a {  background-image: url(/lae/public1.0/img/sommaire/laboratoire/qualite.jpg); }
#bs27 a {  background-image: url(/lae/public1.0/img/sommaire/laboratoire/monde.jpg); }
#bs29 a {  background-image: url(/lae/public1.0/img/sommaire/laboratoire/rh.jpg); }

/* Besoins */

#besoin1, #besoin2, #besoin3, #besoin4, #besoin14, #besoin11, #besoin12, #besoin13 {
  width: 244px; height: 236px;
}
#besoin5, #besoin6, #besoin7, #besoin8, #besoin9 {
  width: 195px; height: 236px;
}
#besoin1 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/digestif.jpg); }
#besoin2 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/relaxation.jpg); }
#besoin3 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/vitalite.jpg); }
#besoin4 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/defenses.jpg); }

#besoin5 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/lipidique.jpg); }
#besoin6 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/veineux.jpg); }
#besoin7 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/ostheo.jpg); }
#besoin8 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/preparations.jpg); }
#besoin9 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/detox.jpg); }

#besoin14 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/conseil.jpg); }
#besoin11 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/femmes.jpg); }
#besoin12 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/enfants.jpg); }
#besoin13 a {  background-image: url(/lae/public1.0/img/sommaire/besoins/sport.jpg); }


@media (max-width: 480px) {
div.blocSommaire {
  float: none;
  width: 96% !important;
  height: auto !important;
  margin: 2%;
  overflow: visible;
}

div.blocSommaire a strong ,
div.blocSommaire div {
  display: block;
  position: relative;
  left: 0px; bottom: 0px;
  max-width: 100%;
}
div.blocSommaire div ul li {
  margin: 5px 2px;
}
div.blocSommaire a { background-image: none !important; }

}