.onepage #accueil:before {
  top: -19px;
}
@media (max-width: 767px) {
  a.navbar-brand.logo img,
  .is-sticky a.navbar-brand.logo img {
    width: 90px !important;
    top: 0 !important;
    position: relative !important;
  }
  .body-interne .navigation {
    margin-top: 0;
    background: none !important;
    background-color: #959380 !important;
    box-shadow: none;
  }
  .content_creations {
    margin-top: 40px;
  }
  nav.navbar {
    padding: 0 !important;
  }
  .navbar-light .navbar-toggler::after {
    top: 32px !important;
  }
  .content-activites {
    text-align: left !important;
  }
  .slide {
    top: 74px !important;
  }
  .onepage #accueil {
    padding-top: 110px !important;
  }
  .onepage #accueil:before {
    top: 126px !important;
  }
  .small-img img {
    display: none !important;
  }
  header #navbar-default {
    background: none !important;
    background-color: #fff !important;
  }
  header .navbar-expand-lg .navbar-nav {
    padding-right: 10px !important;
  }
  .s_actus {
    margin-top: 0 !important;
  }
  .body-interne #accueil,
  #pageinterne {
    padding-top: 0 !important;
  }
  .body-interne a.navbar-brand.logo img {
    width: 80px !important;
  }
  .body-interne .is-sticky a.navbar-brand.logo img {
    height: 70px !important;
    top: 0 !important;
  }
  .body-interne .footer {
    background-color: #5c5c5c !important;
  }
  .body-interne nav.navbar {
    padding: 0 !important;
  }
  .body-interne .navbar-light .navbar-toggler::after {
    top: 31px !important;
  }
  .body-interne .navigation {
    background-color: #fff !important;
    box-shadow: 0 6px 18px rgb(0 0 0 / 15%);
  }
  .body-interne p.titre-page,
  .body-interne .style-titre-p {
    font-size: 18px;
    color: #000000 !important;
  }
  .body-interne h1.style-titre-p::after {
    width: 130px !important;
  }
  .body-interne .nav.navbar {
    padding: 0 !important;
  }
  .s_avant_apres {
    margin-top: 30px !important;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #92947f !important;
  }
  .content-boutiques h3 {
    color: #000;
  }
  .scontact .container::before {
    right: 0 !important;
    top: -15px !important;
  }
  .contact {
    padding: 0 !important;
  }
  .contact::after {
    width: 100% !important;
  }
  .footer {
    background-color: #5c5c5c !important;
  }
  .adresse,
  .mail a,
  .phone a {
    font-size: 14px !important;
    color: rgb(255 255 255) !important;
  }
  ul.list-photos-simple {
    margin-top: 20px !important;
  }
}
.coordonnees .fa-clock:before,
.coordonnees .fa-map-marker:before,
.coordonnees .fa-phone:before,
.coordonnees .fa-envelope:before,
.coordonnees .fa-home:before {
  margin-right: 10px !important;
}
.scontact .container .coordonnees .heure,
.scontact .container .coordonnees .phone,
.scontact .container .coordonnees .mail,
.scontact .container .coordonnees .adresse {
  justify-content: flex-start !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .body-interne .navigation {
    background-color: #fff !important;
  }
  header #navbar-default {
    background: none !important;
    background-color: #373737 !important;
  }
  h3 {
    font-size: 20px !important;
  }
}
@media (min-width: 1400px) {
  .avant_apres::after {
    right: 285px !important;
  }
}
@media (min-width: 1500px) {
  .avant_apres::after {
    right: 375px !important;
  }
}
@media (min-width: 1700px) {
  .avant_apres::after {
    right: 533px !important;
  }
}
.body-interne h3 {
}
@media (min-width: 1200px) {
  .sticky-wrapper {
    height: 100px !important;
  }
  header .logo img {
    /* width: 59% !important; */
    text-align: center;
    margin: 0 auto;
  }
  .voir_plus a {
    font-family: "Alata";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    background: #939580;
    padding: 10px 20px;
    position: relative;
    top: 5px;
  }
  header .is-sticky .logo img {
    margin: 0;
    text-align: left;
    width: 70%;
  }
  .is-sticky .logo {
    float: left;
    height: auto !important;
    padding: 0 !important;
  }
  .scontact .container .coordonnees .heure,
  .scontact .container .coordonnees .phone,
  .scontact .container .coordonnees .mail,
  .scontact .container .coordonnees .adresse {
    justify-content: flex-start !important;
    margin-left: -50px;
  }
  .body-interne .adresse,
  .body-interne .coordonnees div.phone {
    font-size: 18px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    margin-left: -166px;
  }
  .body-interne .coordonnees {
    padding-bottom: 0 !important;
  }
  /*
.logo {
  width: 25% !important;
  text-align: end !important;
  position: relative !important;
  left: 50px !important;
} 
header .is-sticky #navbar-default {
width: 100%;
background: none;
background-color: #242424 !important;
}*/
  header .navigation {
    padding-top: 0 !important;
  }
  .body-interne .navbar-light .navbar-nav .nav-link,
  .navbar-nav .nav-link {
    padding: 18px 14px !important;
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .show > .nav-link {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1700px) {
  .content-compare_fb:before {
    content: "";
    background: url(images/bg_compare.png) right top no-repeat;
    width: 37.5%;
    left: 0px;
    height: 100%;
    position: absolute;
    top: -32px;
    background-size: cover;
  }
}
.cont-logos-groupe {
  background-color: rgb(0 0 0 / 70%);
  text-align: center;
}
@media (max-width: 767px) {
  .body-interne .navigation {
    margin-top: 0;
    background: none !important;
    background-color: #959380 !important;
    box-shadow: none;
  }
  .footer-phone p {
    text-align: left !important;
  }
  .body-interne header:before {
    height: 80%;
  }
  .body-interne .footer-phone h4 {
    color: #92947f;
    font-size: 22px;
    text-align: center;
  }
  .body-interne .footer {
    padding-bottom: 120px !important;
  }
  .footer-phone p {
  }
}
.content_creations {
  margin-top: 50px !important;
}
.content-creation h3 {
  font-family: "Alata";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, 10px);
}
/*.content-creation a::before {
  content: "";
  background-color: #939580;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}*/
.body-interne .cont-contact .content_infos h2 {
  margin-bottom: 15px;
}
.body-interne .content-activites h3 {
  color: #000;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}
@media (max-width: 767px) {
  .body-interne .footer {
    padding-bottom: 120px !important;
  }
  .footer-phone h4 {
    color: #939580;
    font-size: 20px;
  }
  .content-creation {
    margin: 6px !important;
  }
}
.content-creation a::before {
  content: "";
  background-color: rgb(147 149 128 / 68%);
  width: 100%;
  height: 100%;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  width: 69.6%;
  left: 50%;
  transform: translate(-50%, 0px);
  opacity: 0;
}
.content-creation:hover a::before {
  opacity: 1;
  transition: 0.4s;
}
@media (min-width: 1200px) {
  .container-accueil {
    width: 85% !important;
    margin: 0 auto !important;
  }
}
video,
.video-js {
  width: 100% !important;
}