@charset "UTF-8";
/*** Couleur ***/
.banner-vert {
  background-color: #00874e; }

.banner-bleu-fonce {
  background-color: #1C2537; }

.banner-gris-pale {
  background-color: #EFEFEF; }

.banner-gris-bleu-pale {
  background-color: #E1E7EA; }

.banner-gris {
  background-color: #67676B; }

.banner-gris-fonce {
  background-color: #383838; }

.banner-noir {
  background-color: #292b2f; }

/*** Texture ***/
.banner-ardoise,
.banner-beton,
.banner-bois {
  background-repeat: no-repeat;
  background-size: cover; }

.banner-ardoise {
  background-image: url(banner-ardoise.jpg); }

.banner-beton {
  background-image: url(banner-beton.jpg); }

.banner-bois {
  background-image: url(banner-bois.jpg); }

/* Bannière accueil */
.bandeau-principal.accueil .bg {
  background-size: cover;
  position: relative; }
  .region-SFL .bandeau-principal.accueil .bg {
    background-image: url(banner-sfl-accueil.jpg);
    background-position: 50% 25%; }
  .region-DFSIN .bandeau-principal.accueil .bg {
    background-image: url(banner-dsfri-accueil.jpg);
    background-position: top; }
.bandeau-principal.accueil.filtre .bg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(63, 63, 66, 0.6); }

/* Bannière conseiller */
.page-conseiller .banner {
  background-image: url(banner-conseiller.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.banner-generic{
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.banner-generic p,
.banner-generic h1,
.banner-generic h2,
.banner-generic h3,
.banner-generic h4,
.banner-generic h5,
.banner-generic h6{
  position: relative;
}

.banner-generic.filter:before {
  background-color: rgba(63, 63, 66, 0.6);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

@media (min-width: 767.98px) and (max-width: 991px) {
  .banner-generic {
    padding: 18rem 0; }

  .banner-md-0 {
    background-position: 0% 50%; }

  .banner-md-10 {
    background-position: 10% 50%; }

  .banner-md-20 {
    background-position: 20% 50%; }

  .banner-md-30 {
    background-position: 30% 50%; }

  .banner-md-40 {
    background-position: 40% 50%; }

  .banner-md-50 {
    background-position: 50% 50%; }

  .banner-md-60 {
    background-position: 60% 50%; }

  .banner-md-70 {
    background-position: 70% 50%; }

  .banner-md-80 {
    background-position: 80% 50%; }

  .banner-md-90 {
    background-position: 90% 50%; }

  .banner-md-100 {
    background-position: 100% 50%; } }
@media (max-width: 767.98px) {
  .banner-generic {
    padding: 6rem 0; }

  .banner-sm-0 {
    background-position: 0% 50%; }

  .banner-sm-10 {
    background-position: 10% 50%; }

  .banner-sm-20 {
    background-position: 20% 50%; }

  .banner-sm-30 {
    background-position: 30% 50%; }

  .banner-sm-40 {
    background-position: 40% 50%; }

  .banner-sm-50 {
    background-position: 50% 50%; }

  .banner-sm-60 {
    background-position: 60% 50%; }

  .banner-sm-70 {
    background-position: 70% 50%; }

  .banner-sm-80 {
    background-position: 80% 50%; }

  .banner-sm-90 {
    background-position: 90% 50%; }

  .banner-sm-100 {
    background-position: 100% 50%; } }
@media (max-width: 767.98px) {
  .page-conseiller .banner {
    background-size: cover;
    height: 260px;
    margin-bottom: 4.2rem; } }
@media (min-width: 768px) {
  .page-conseiller .banner {
    height: 280px;
    margin-bottom: 8.4rem;
    background-position: 80% 60%; } }
/* Bannière de la section carrière de la page d'accueil */
@media (max-width: 767px) {
  .banner-carriere {
    padding: 3rem 0; }
    .banner-carriere .titre-emphase {
      font-size: 2.2rem;
      line-height: 1.15;
      margin-bottom: 3.2rem; } }
@media (min-width: 768px) {
  .banner-carriere {
    background-size: auto 80%;
    padding: 4rem 0; }
    .banner-carriere .titre-emphase {
      line-height: 1.15;
      margin-bottom: 4rem; } }
@media (min-width: 992px) {
  .banner-carriere {
    background-image: url(photo-representant.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 6rem 0;
    background-size: auto 100%; }

  .banner-generic {
    padding: 18rem 0; }

  .banner-lg-0 {
    background-position: 0% 50%; }

  .banner-lg-10 {
    background-position: 10% 50%; }

  .banner-lg-20 {
    background-position: 20% 50%; }

  .banner-lg-30 {
    background-position: 30% 50%; }

  .banner-lg-40 {
    background-position: 40% 50%; }

  .banner-lg-50 {
    background-position: 50% 50%; }

  .banner-lg-60 {
    background-position: 60% 50%; }

  .banner-lg-70 {
    background-position: 70% 50%; }

  .banner-lg-80 {
    background-position: 80% 50%; }

  .banner-lg-90 {
    background-position: 90% 50%; }

  .banner-lg-100 {
    background-position: 100% 50%; } }
@media (min-width: 1280px) {
  .banner-carriere {
    padding: 6rem 0;
    background-size: auto 125%;
    background-position: right top; } }

/*# sourceMappingURL=banner.css.map */