/**
Specific HP with background in carrousel
 */

.hp-background-carousel {
  z-index: -1000;  /* Push it back in any ways */
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;

  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  opacity: 0;
}

.hp-background-carousel.active {
  opacity: 1;
}


/**
 CSS Spécifique pour adapter le style aux pages qui possèdent un background
 */

@media not screen, (max-width: 767px) {
}


/* On met un background que pour les page sur écran. Pas sur smartphone */
@media(min-width: 768px) {


    /* Changement de la bordure : elle ne prend plus toute la longueur, mais que la taille du navbar */
    .oab_background_image .subnav {
        /* Je supprime la bordure qui prend toute la largeur */
        border: none;

        /*Je supprime les paddings pour les transférer sur le container fluid qui a la bonne taille */
        padding: 0;
    }

    .oab_background_image .subnav .container-fluid-navbar {

        /* Je réapplique les padding supprimés precedement */
        /*padding: 25px 0 0;*/
    }

    .oab_background_image .menu.navbar-nav .nav-item.dropdown.open > a {
        border-color: transparent;
    }

}