/**
 * Configuration
 */
/* Couleur de fond */
#banner.bandeau-fond-noir  .bannerContainer { background-color: #000000; }
#banner.bandeau-fond-gris  .bannerContainer { background-color: #333333; }
#banner.bandeau-fond-rouge .bannerContainer { background-color: #e21a1c; }
#banner.bandeau-fond-bleu  .bannerContainer { background-color: #002c79; }
#banner.bandeau-fond-vert  .bannerContainer { background-color: #009a47; }

/* Styles de texte */
#banner.bandeau-texte-gras     .bannerContainer { font-weight: bold; }
#banner.bandeau-texte-capitale .bannerContainer { text-transform: uppercase; }


/**
 * Styles par défaut
 */
#banner { width:100%; min-height:27px !important; color:#FFFFFF; font-size:12px; font-family:'Poppins',Helvetica,sans-serif; display: none; }

#banner .bannerContainer { top:0; left:0; right:0; min-height:27px; line-height:27px; background-color: #333333; text-align:center; z-index:54; }

#banner .bannerContainer p { color: #FFF; display: inline-block; font-size: 14px; margin: 0 auto; }

#banner .bannerContainer a { color: inherit; display: inline-block; font-size: 14px; font-weight: 300; text-decoration: none; margin: 0 15px; }

#banner .bannerContainer a:hover { text-decoration: underline; }

@media (max-width:1000px){
	#banner{position: -webkit-sticky; position: sticky; top: 0; z-index:54;}
}



/**
 * Modifications gabarit

div.main.conteneur.central { padding-top:40px !important; }
.main.col1-layout.conteneur.central { background-position:center 40px !important; }
.catalog-product-view .bt-retour { top:38px !important; }


.header-nav + #banner { display: none; }


@media only screen and (max-width: 850px) {
	#banner .bannerContainer p .banner-cta { margin: 10px auto 0; display: inline-block; }
}

@media only screen and (max-width: 850px) {
  header #banner { display: none !important; }
  .header-nav + #banner { display: block !important; height:auto !important; font-size: 12px; }
  .header-nav + #banner .bannerContainer { position:relative; height:auto; line-height:1.25; padding:10px 25px; }
}

@media only screen and (min-width: 850px) and (max-width: 1024px) {
  header .conteneur { margin-top:27px; }
}

@media only screen and (min-width: 851px) and (max-width: 1024px) {
	nav.header-nav { top:82px !important; }
}

@media only screen and (min-width: 1025px) {
	header .logo-site { margin:78px 0px 0px 25px; }
	nav.header-nav { margin-top:27px; }
  #okPrompt { margin:77px auto 10px !important; }
}
 */