
#ecranUser header.principal {
  height: 632px;
}
/***************
 * diaporama
 **************/
#diapoAccueil {
  width: auto;
  height: 540px;
  overflow: hidden;
  position: relative;
  background-color: #FFFFFF;
}
#diapoAccueil div.royalSlider {
  width: 100%; height: 100%;
  /*max-width: 1300px;*/
  overflow: hidden;
  margin: 0px auto;
}
#diapoAccueil div.royalSlider div.rsNav,
#diapoAccueil div.royalSlider div.rsArrow  {
  display: none !important;
}
#diapoAccueil img {
  display: none;
}
#diapoAccueil div.rsContainer img {
  display: block;
}

#gMoteurRecherche {
  position: absolute; left:650px; top:15px;
}
#btnFacebook {
  position: absolute; left:810px; top:20px;
}


/**********************/

#separation {
  width: 980px; height: 0px;
  margin: 0px auto;
  position: relative;
}
#separation span {
  display: block;
  width: 393px; height: 632px;
  background-image: url(/lae/public1.0/img/site/separation-nutergia.png);
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: -632px; right: -50px;
  z-index: 1000;
}


#btnChangeLangue {
  position: absolute; left: 850px; 
  z-index: 2000;
}


#topBar {  position: relative;
  z-index: 2010;
}

/**************
 * Menu
 **************/
 
#ecranUser header.principal nav {
  display: block;
  height: 174px;
  min-width: 980px;
  width: 100%;
  padding: 0px !important;
  background-color: transparent;
  background-image: url(/lae/public1.0/img/site/fond-nav-accueil.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute; bottom: 2px; left: 0px;
  z-index: 2000;
  
}

nav div.masque {
  display: none;
}

#largeurGaucheMenu, #largeurDroiteMenu {
  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-accueil.png);
  background-repeat: repeat-x;
  max-width: 250px !important;
 /* display: none;*/
}
#largeurDroiteMenu {
  right: 0px;
  background-image: url(/lae/public1.0/img/site/fond-largeur-droite-menu-accueil.png);
  background-repeat: repeat-x;
}

/***********/

#content section.accueil {
  width: 980px;
  margin: 0px auto;
}

div.separateurAccueil {
 display: block;
 width: 980px;
 height: 1px;
 border-bottom: 1px solid #e4e2da;
 clear: both;
 margin: 0px auto;
}

section.accueil article {
  display: block; float: left;
  position: relative;
  width: 255px; min-height: 330px;
  margin: 35px 35px 15px 35px;
}
section.accueil article figure.apercu {
  display: block;
  width: 100%;
  height: 175px;
  
  
  background-repeat: no-repeat;
  background-position: 50% 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  -webkit-border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  border-radius: 20px 0px 20px 0px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  
  position: relative;
  overflow: hidden;
}
section.accueil article figure.apercu > a {
  display: block;
  width: 100%; height: 100%;
  overflow: hidden;
}
section.accueil article figure.apercu a img {
  z-index: 0;
  min-width: 100%;
}
section.accueil article figure.apercu figcaption a {
  display: block;
  width: 100%;
  padding: 5px 15px;
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 18px;
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #3c455b;
  position: absolute; bottom: 0px; left: 0px;
  background-image: url(/lae/public1.0/img/site/picto-fleche-droite-lien-accueil.png);
  background-repeat: no-repeat;
  background-position: 80% 60%;
  
}
section.accueil article h3 {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 20px;
  color: #3b3b3b;
  font-weight: 700;
  margin: 10px 0px;
}
section.accueil article h3 strong {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 20px;
  color: #3b3b3b;
  font-weight: 700;
  text-transform: uppercase;
}
section.accueil article p {
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 18px;
  color: #3b3b3b;
  font-weight: 400;
  margin: 0px;
  margin-bottom: 10px;
  text-align:justify;
}
section.accueil article a.savoirPlus {
  display: block;
  font-family: 'Open Sans', arial;
  font-size: 12px; line-height: 12px;
  color: #3b3b3b;
  font-weight: 700;
  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%;
}
section.accueil article p.typeArticle {
  display: block;
  width: 80px; height: 80px;
  position: absolute; top: -5px; right: -8px;
}
section.accueil article p.produitDuMois { 
  background-image: url(/lae/public1.0/img/site/type-produit-du-mois.png); 
}
section.accueil article p.nouveauteProduit {
  background-image: url(/lae/public1.0/img/site/type-nouveaute-produit.png);
}
section.accueil article p.agenda { 
  background-image: url(/lae/public1.0/img/site/type-agenda.png); 
}
section.accueil article p.edito { 
  background-image: url(/lae/public1.0/img/site/type-edito.png); 
}
section.accueil article p.conseil { 
  background-image: url(/lae/public1.0/img/site/type-conseil.png); 
}
section.accueil article p.dossier { 
  background-image: url(/lae/public1.0/img/site/type-dossier.png); 
}
section.accueil article p.nouveaute { 
  background-image: url(/lae/public1.0/img/site/type-nouveaute.png); 
}
section.accueil article p.saisons { 
  background-image: url(/lae/public1.0/img/site/type-saisons.png); 
}
section.accueil article p.sport { 
  background-image: url(/lae/public1.0/img/site/type-sport.png); 
}