#ecranUser header.principal {
  height: 450px;
}


#diapoBandeau {
  height: 367px;
}


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

#ecranUser header.principal div.separation {
  width: 127px; height: 365px;
  
  background-image: url(/lae/public1.0/img/site/separation-g.png);
  background-repeat: no-repeat;
}


#topBar {  position: relative;
  z-index: 2010;
}

/**************
 * Menu
 **************/
 
 

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

#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: 200px;
  margin:15px 35px 15px 35px;
}
section.accueil article figure.imageGauche img,
section.accueil article figure img.imageGauche {
  float:left; 
  margin-right:10px;
}
section.accueil article figure.imageDroite img,
section.accueil article figure img.imageDroite {
  float:right; 
  margin-left:10px;
}

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:#4C569A;
  font-weight: 700;
  margin: 10px 0px;
  padding-bottom:12px;
  background-image:url(/lae/public1.0/img/site/barre-menu-accueil.png);
  background-repeat:no-repeat;
  background-position:bottom;
}
section.accueil article h3 strong {
  font-family: 'Open Sans', arial;
  font-size: 18px; line-height: 20px;
  color:#4C569A;
  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;  
  text-decoration: none;
  /*padding-left: 10px;
  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.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); 
}