.snapp_background_banner{
    min-height: 617px;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10vh 26vh;
    position: relative;
}

.snapp_background_banner.snapp_page_banner_single_actualite {
  min-height: 300px !important;
  padding: 0 26vh;
}

@media screen and (max-width: 991px) {
  .snapp_background_banner.snapp_page_banner_single_actualite {
    padding: 0 10vh;
  }
}

#snapp_page_banner_apos {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 355px;
  height: 86%;
  left: 105px;
  z-index: 0;
}

.snapp_page_banner_container .fadeIm {
  animation: fadeIn 5s;
}

.snapp_background_banner .snapp_page_banner_container {
  flex: 0 0 100%;
  max-width: 100%
}

.snapp_background_banner > div > .section-pt10 {
    padding-top: 163px;
    margin-left: -30px!important;
}

.snapp_background_banner > div > .section-pt10.alt {
    padding-top: 214px;
    margin-left: -30px!important;
}

.snapp_background_banner > div > .section-pt10.alt2 {
    padding-top: 124px;
    margin-left: -30px!important;
}

.snapp_background_banner > div > .section-pt10.alt3 {
    padding-top: 179px;
    margin-left: -30px!important;
}


.snapp_background_banner .snapp_page_banner_container h1,
.snapp_background_banner .snapp_page_banner_container h2 {
	font-weight: bold;
    font-size: 72px;
    font-family: "Gotham-Medium";
}	

.snapp_background_banner .snapp_page_banner_container hr{
	background: white;
    margin-top: -1px;
    margin-bottom: 21px;
    width: 25px;
}

.snapp_background_banner .snapp_page_banner_container .lead{
	color: white;
    font-size: 24px;
    font-family: "Gotham-Book";
}

.snapp_background_banner > .section-pt10 {
	padding-top: 163px;
    margin-left: -30px!important;
}

.snapp_background_banner_detail_actualite{
  min-height: 445px;
}

.snapp_background_banner_detail_actualite > .container > .section-pt10 {
    padding-top: 70px;
    margin-left: -28px!important;
}

.snapp_background_banner_detail_actualite > div > section > h2 {
    font-weight: bold;
    font-size: 72px;
}

.title_actualite {
    font-family: Gotham-Medium;
    color: #4f526d;
    margin-top: 0px;
    margin-bottom: 36px;
    font-size: 2.73rem;
    /* font-weight: bold; */
}


@media screen  and (max-width:1300px){
  .limiter {
    width: 60%;
  }
}

/***************************
Responsive Mobile First
***************************/


@media screen and (max-width:426px){
  .section-pt10 {
    padding-top: 163px;
    margin-left: 30px!important;
   }
  .snapp_background_banner > div > .section-pt10 {
    padding-top: 163px;
    margin-left: 30px!important;
  }
  .snapp_background_banner > div > .section-pt10.alt2 {
    padding-top: 124px;
    margin-left: 30px!important;
  }
  .snapp_background_banner > div > .section-pt10 {
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt {
    padding-top: 50px;
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt2 {
    padding-top: 50px;
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt3 {
    padding-top: 50px;
    margin-left: 30px!important;
  }
  .snapp_background_banner {
    min-height: 500px!important;
  }
  .snapp_background_banner .snapp_page_banner_container h1 {
    font-size: 50px;
  }
  .background-banner >div>section>h1 {
    font-weight: bold;
    font-size: 36px;
  }
}
@media screen and (min-width:426px) and (max-width:769px){
   .section-pt10 {
    padding-top: 163px;
    /*margin-left: 30px!important;*/
   }
  .snapp_background_banner > div > .section-pt10 {
    padding-top: 163px;
    margin-left: 30px!important;
  }
  .snapp_background_banner > div > .section-pt10.alt2 {
    padding-top: 124px;
    margin-left: 30px!important;
  }

  .snapp_background_banner {
     min-height: 500px!important;
  }
  .snapp_background_banner > div > .section-pt10 {
    padding-top: 50px;
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt {
    padding-top: 50px;
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt2 {
    padding-top: 50px;
    margin-left: 30px!important;
  }

  .snapp_background_banner > div > .section-pt10.alt3 {
    padding-top: 50px;
    margin-left: 30px!important;
  }
  .snapp_background_banner .snapp_page_banner_container h1 {
    font-size: 50px;
  }
  .background-banner >div>section>h1 {
    font-weight: bold;
    font-size: 46px;
  }
}

@media screen and (max-width:769px){
  .snapp_background_banner {
    background-position-x: left!important;
  }
  
}

@media screen and (max-width: 991px) {
  .snapp_background_banner{
      padding: 10vh;
  }
  #snapp_page_banner_apos {
    left: 15px;
  }
   .snapp_page_banner_container > h2 {
    font-size: 45px !important;
  }

  
}

@media screen and (max-width:414px){
  .snapp_background_banner {
    padding: 5vh;
    padding-left: 10%;
    padding-right: 10%;
  }
  
}