:root {
  --primary-color: 	hsla(12, 7%, 87%, 1);
  --primary-color-lighten: hsla(12, 7%, 97%, 1);
  --primary-color-darken: hsla(12, 7%, 77%, 1);

  --secondary-color: 	hsla(305, 9%, 50%, 1);
  --secondary-color-lighten: hsla(305, 9%, 50%, 1);
  --secondary-color-darken: hsla(305, 9%, 50%, 1);

  --accent-color: hsla(332, 73%, 36%,1);
  --accent-color-lighten: hsla(332, 73%, 46%,1);
  --accent-color-darken: hsla(332, 73%, 26%,1);

  --background-color: hsla(0, 0%, 100%, 1);
  --text-color: hsla(0, 0%, 15%, 1);
  --text-color-lighten: hsla(0, 0%, 35%, 1);

  --primary-background-color: hsla(189, 41%, 90%, 1);
  --secondary-background-color: hsla(189, 100%, 90%, 1);
  --accent-background-color:hsla(46, 100%, 85%, 1);

  --success-color: hsla(122, 39%, 49%, 1);
  --error-color: hsla(4, 90%, 58%, 1);
  --info-color: hsla(199, 98%, 48%, 1);

  --font-primary: Krub, sans-serif;
  --font-secondary: Orbitron, sans-serif;

  --card-border-radius: 4px;
  --button-border-radius: 4px;
}
h1, h2, h3, h4, h5, h6, .title-2, .title{
  font-family: var(--font-secondary);
}

.before svg .a{
  fill: var(--secondary-color);
}
.bi-primary-color-2 {
  background-image: linear-gradient(transparent 50%, var(--primary-color) 50%);
}
#nav-meatballs {
  z-index: 9;
}
#nav-meatballs .brand div.baseline{
  display: none;
}
.divider.primary {
  background-color: var(--primary-color);
}
#nav-meatballs .brand svg{
  width: 200px;
}
#nav-meatballs .brand{
  text-align: center;
}
.top-bar .main-nav ul li.sous_menu > a::after {
  font-family: 'Material Icons Outlined';
}
h1 {
  color: var(--primary-color)
}
@media screen and (max-width:601px) {
  .menu-mobile #main-nav {
    padding-bottom: 40px;
  }
}

/* TOP-BAR */
/* ======= */
@media screen and (max-width: 992px) {
  .top-bar .main-nav {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 993px){
  .top-bar {
    font-size: .75em;
    background: inherit;
    width: 100vw;
    background-color: white;
    height: 60px;
  }
  .top-bar.js-scroll {
    background-color: var(--background-color);
  }
  .main-nav {
    font-weight: 700;
  }
}
/* MEATBALLS */
/* ========= */
#nav-meatballs .brand .flex-row {
  justify-content: center;
  align-items: center;
}
#nav-meatballs .brand .flex-row div {
  text-align: center;
}
#nav-meatballs .horaires tr {
  font-size: 0.9em;
}

@media screen and (min-width: 601px) {
  #nav-meatballs .brand .flex-row div {
    text-align: left!important;
  }
  
}

/* HEADER */
/* ======= */
header .btn-devis{
  font-weight: 700;
}
.index-page header .brand svg{
  width: 400px;
}
.index-page .fold .brand{
  text-align: center;
}
.index-page .fold .brand .bold, .index-page .fold .brand .baseline{
  display: none;
}
.index-page .fold {
  padding: 15px 10px;
  position: relative;
}
.index-page .slider-header {
  background-image: url(../assets/gifs/slider/slide-01.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
}
.index-page .slider-header::before {
  position: absolute;
  content: ' ';
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  background: transparent linear-gradient(90deg, #000000 0%, #54545433 100%) 0% 0% no-repeat padding-box;
  opacity: 0.3;
  z-index: 3;
  border-bottom-right-radius: 150px;
}
.index-page .fold .container .bloc-fold {
  position: relative;
}
.index-page .bloc01text{
  background: white;
  box-shadow: #e5e2e2 0px 0px 13px 2px;
  /* padding: 25px 40px; */
  padding-right: 0;
  z-index: 99;
  margin: 35px 0;
  position: relative;
  z-index: 99;
}
.index-page .bloc01text h1{
  text-align: left;
}
.top-bar .main-nav ul li:hover > a {
  color: var(--secondary-color-darken);
}
.index-page header .reseaux-sociaux svg {
  /* fill: #fff; */
  position: relative;
  margin-top: 0.5em;
}
#bloc-01{
  background-image: url(../assets/gifs/bloc01.png);
  position: relative;
}
#bloc-01 h1{
  color: var(--secondary-color);
}
.bloc01{
  z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    padding: 30px;
    background-color: #FFFFFF;
    position: relative;
}
body:not(.index-page) .fold .container > div .col {
  margin-bottom: 10px;
}
 .bloc01text .before{
  position: absolute;
    right: -35px;
    bottom: -40px;
    z-index: 1;
}
#bloc-02 div.secondary{
  /* padding: 30px; */
  color: white;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
#bloc-02 .before-1 .before{
  position: absolute;
  bottom: -40px;
  right: -33px;
  z-index: 1;
  
}
#bloc-02 .before-2 .before{
  position: absolute;
  top: -37px;
  width: 175px;
  height: 175px;
  left: -38px;
  transform: rotate(180deg);
}
#bloc-02{
  background-image: url(../assets/gifs/bloc-02.jpg);
  padding: 50px 0;
}
@media screen and (max-width: 601px) {
  .index-page header .reseaux-sociaux ul {
    display: flex;
    justify-content: center;
  }
  .index-page .fold .container .bloc-fold {
    text-align: center;
  }
  .index-page .fold {
    background-image: url(../assets/gifs/slider/slide-01.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .top-bar .main-nav {
    z-index: 9;
  }
  .index-page .fold::before {
    position: absolute;
    content: ' ';
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: transparent linear-gradient(90deg, #000000 0%, #54545433 100%) 0% 0% no-repeat padding-box;
    opacity: 0.3;
    z-index: 0;
  }
  .index-page .fold div {
    position: relative;
    z-index: 1;
  }
  .index-page .wrapper {
    display: none;
  }
  .top-bar .brand .flex-row, .page-404 .brand .flex-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .top-bar .brand .flex-row .col > div, .page-404 .brand .flex-row .col > div {
    text-align: center;
  }
  .top-bar .brand a {
    display: block;
    margin: 0 auto;
  }
  .top-bar a.tel {
    text-align: center;
    margin: 0.5em 0;
    display: block;
  }

}
@media screen and (min-width: 601px) {
  .index-page header {
    position: relative;
    height: 600px;
  }
  body:not(.index-page)  .top-bar .container {
    padding: 10px 0px;
  }
  .index-page .slider-header {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 500px;
    z-index: 0;
  }
  .index-page .fold {
    padding-top: 9em;
  }
  header .carousel-arrow-prev {
    right: 65px;
    left: inherit;
  }
  header .carousel-arrow {
    border-radius: 0px;
    top: 93%;
  }
  .index-page .wrapper, .index-page .wrapper .carousel, .index-page .wrapper .carousel img {
    min-height: 500px!important;
  }
  .index-page .wrapper .carousel img {
    object-fit: cover;
  }
  body:not(.index-page) header .top-bar .brand {
    transform: translateY(30px);
  }
}
@media screen and (min-width: 993px) {
  .index-page header {
    position: relative;
    height: 100vh;
  }
  .index-page .wrapper, .index-page .wrapper .carousel, .index-page .wrapper .carousel img {
    height:100vh;
  }
  .index-page .slider-header {
    top: 0;
    height: 100vh;
    border-bottom-right-radius: 150px;
  }
  .index-page .top-bar .container > div {
    /* margin-top: 20px; */
     padding: 5px 0; 
    background-color: var(--background-color);
  }
  body:not(.index-page) .slider-header {
    display: none;
  }
  .index-page .fold div.container:nth-child(1){
    width: 100%;
  }
  .index-page .fold div.container:nth-child(1){
    width: 100%;
  }
  .index-page .fold .bloc-fold div:nth-child(1){
    justify-content: flex-end;
  }
  .index-page .fold .bloc-fold div.col:nth-child(2){
    padding-right: 0;
  }

  .index-page .fold::before {
    top: 0px;
  }
  .index-page .fold .reseaux-sociaux {
    transform: translateY(90px);
    max-width: 300px;
  }
  .index-page .fold .bloc-fold {
    min-height: 200px;
  }
  .index-page .fold {
    padding-top: 6em;
    margin-top: 0px!important;
  }
  body:not(.index-page) header .top-bar .brand {
    transition: transform .3s ease-in-out;
  }
  body:not(.index-page) header .top-bar.js-scroll .brand {
    transform: translateY(0);
  } 
}
@media screen and (min-width: 1280px) {
  header .carousel-arrow-prev {
    right: 13%;
  }
  header .carousel-arrow-next {
    right: 10%;
  }
}

/* BLOCS */
/* ===== */

body:not(.contact-page) h1 {
  text-align: center;
}
.contact-page header .divider {
  height: 0px;
}
.bloc-01-before {
  height: 100%;
  position: relative;
}
.bloc-01-before .before {
 position: absolute;
 right: -23px;
 bottom: -23px;
 content: ' ';
 width: 171px;
 height: 171px;
 z-index: -1;
}
#bloc-03 .bloc-01-before .before {
  top: -36px;
  right: -35px;
  bottom: inherit;
  transform: rotate(-90deg);
}
#bloc-04 .bloc-01-before .before {
  top: -23px;
  left: -23px;
  right: inherit;
  bottom: inherit;
  transform: rotate(180deg);
}
#bloc-02.section {
  position: relative;
}
#bloc-02 .before svg .a {
  fill: #fff;
}
#bloc-02 .before {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media screen and (min-width: 601px) {
  #bloc-01 p {
    padding: 3em 0px;
  }
  #bloc-02.section {
    padding: 80px 0;
  }
  #bloc-02 .image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(50% + .75em);
    width: 50%;
  }
  /* #bloc-02.section:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    background-color: var(--primary-color);
    width: 50%;
    height: 100%;
    mix-blend-mode: color;
    opacity: 1;
    z-index: 1;
  } */
  #bloc-02 .texte-padding {
    padding: 3em 2em;
    background-color: var(--secondary-color);
    z-index: 9;
    position: relative;
  }
 
}

/* POINTS FORTS */
/* ============ */
#points-forts {
  margin: 3em 0;
}
#points-forts svg:nth-child(1) g{
  fill: var(--primary-color);
}
#points-forts .container {
  position: relative;
  background-color: #fff;
  padding: 25px;
}
#points-forts .container .before {
  position: absolute;
  content: ' ';
  width: 171px;
  height: 171px;
  z-index: -1;
}
#points-forts .container .before:nth-child(1) {
  right: -35px;
  bottom: -35px;
}
#points-forts .container .before-2 .before, #bloc-01 .before-2 .before svg{
  left: -35px;
  top: -35px;
  transform: rotate(180deg);
}
#bloc-01 .before-2 .before {
  position: absolute;
  z-index: 1;
  left: -50px;
}
#bloc-01 div.container:nth-child(1){
  position: relative;
}
@media screen and (min-width: 993px){
  #points-forts .container {
    padding: 35px 25px;
  }
  #points-forts ul {
    margin-top: 3em;
  }
}
/* ENCARTS AVIS */
/* ============ */
.encart-avis #encart_avis .slick-prev, .encart-avis #encart_avis .slick-next {
  top: 115%!important;
}
@media screen and (min-width: 601px){
  .encart-avis #encart_avis .slick-prev, .encart-avis #encart_avis .slick-next {
    top: 50%!important;
  }
}
/* ENCARTS MARQUES */
/* =================== */
#encart-marques{
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: #ffffffe6;
  padding: 0 30px;
  border-top-left-radius: 150px;
  background: linear-gradient(90deg, #ffffffad, #fffffff7, #ffffff);
  border-bottom-right-radius: 150px;
  border:grey solid 1px;
}
#encart-marques .slick-slicker{
  box-shadow: none;
}
#encart-marques .title-2{
  text-align: center;
  color: var(--text-color);
}
#encart-marques .card{
  background-color: transparent;
}
#encart-marques .slick-prev {
  left: 0px;
}
#encart-marques .slick-next {
  right: 0px;
}
#encart-marques div.slick-track img{
  max-width: 100px;
  max-height: 80px;
  margin: auto;
}
#encart-marques .slick-track {
  display: flex;
  padding: 25px 0;
  align-items: center;
}
#encart-marques div.row:nth-child(1){
  margin: auto;
  position: relative;
}
#encart-marques .capeb{
  position: absolute;
  right: -300px;
  bottom: 0px;
  padding: 0 20px;
  height: 100%;
  background-color: white;
  border-bottom-right-radius: 150px;
  border-left: grey 1px solid;
}
#encart-marques .capeb img{
  position: relative;
  top: 0px;
}
#encart-marques .capeb p{
  padding-top: 20px;
  width: 40%;
  min-width: 100px;
  font-weight: 800;
}
@media screen and (max-width:1300px){
  #encart-marques .capeb{
    bottom: 210px;
  }
  #encart-marques .overflow-hidden{
    width: 100%
  }
  #encart-marques{
    border: none;
  }
  #encart-marques .capeb{
    border: none;
  }
}
/* ENCARTS PRESTATIONS */
/* =================== */
.card.full-image .card-image .card-title a::after {
  border-radius: 70px 0 70px 0;
}
#encart-prestations img, .slick-catalogue .card-image img {
  max-height: 290px;
  object-fit: cover;
  height: 100%;
  border-radius : 70px 0 70px 0;
}
#encart-prestations .prestation{
  border-radius: 70px 0 70px 0;
}
#encart-prestations .prestation:hover{
  border-radius: 0 0 0 0;
}
#encart-prestations .card-image:hover img {
  border-radius : 0px 0 0px 0;
  transition: all ease-in 0.3s;  
}
#encart-prestations .card-image::before {
  border-radius : 0px 0 0px 0;
  opacity: 0;
  transition: border-radius ease-in 0.3s;  
}
#encart-prestations .card-image:hover::before {
  border-radius : 0px 0 0px 0;
  opacity: 1;
}
#encart-prestations .slick-dots li button::before {
  color: #fff;
}

#encart-prestations .card.full-image .card-image .card-title {
  left: 0;
  bottom: 0;
  text-align: left;
  transition: all linear 0.3s;  
}
#encart-prestations .card.full-image .card-image:hover .card-title {
  position: absolute;
  top: 50%;
  bottom: 50%;
  text-align: center;
  
}
/* #encart-prestations .card.full-image .card-image .card-title::before {
  content: 'Prestation';
  font-size: 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 30%;
  text-transform: uppercase;
  letter-spacing: 0.96px;
} */
#encart-prestations .card.full-image.secondary .card-image::before {
  background-color: #313131!important;
  opacity: 0.7;
  border-radius: 70px 0 70px 0;
  transition: 0.3s ease-in-out;
}
#encart-prestations .card.full-image.secondary .card-image:hover::before {
  background-color: var(--primary-color)!important;
  border-radius: 0;
}
#encart-prestations .card-title a {
  outline: none!important;
  text-shadow: black 0px 0px 8px;
}
.infos-article{
  position: absolute;
    bottom: 20px;
}


/****** BLOC 03******/
/* =============== */
#bloc-03 div.container-fluid{
  padding: 5em 0;
}
#bloc-03 .before svg .a{
  fill: white;
}
#bloc-03 .before {
  z-index: 1;
}
#bloc-03 .before-2 .before {
  transform: rotate(90deg);
  left: -35px;
  position: relative;
  top: -136px;
}
#bloc-03 img{
  z-index: 9;
}

/* ENCARTS CONTACT */
/* =============== */
#encart-contact .container {
  position: relative;
}
#encart-contact .btn-rappel a{
  border-color: var(--secondary-color);
  color: var(--secondary-color);
  border-radius: 0;
}
#encart-contact .btn-1{
  border-radius: 0;
  font-weight: 700;
}
#encart-contact .btn-rappel a:hover{
  border-color: var(--secondary-color-darken);
  color: white;
  background-color: var(--secondary-color);
}
#encart-contact .container .before {
  position: absolute;
  left: -35px;
  top: 35px;
  z-index: -1;
  transform: rotate(180deg);
}
#encart-contact .container .before-2 .before {
  position: absolute;
  right: -35px;
  bottom: -25px;
  top: inherit;
  left: inherit;
  transform: rotate(0deg);
}
.encart-contact li .card {
  min-height: 220px;
}
#img-sparation {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
}
@media screen and (min-width: 993px) {
  .flex-row .l-offset-1 {
    margin-left: 8.33%;
  }
}

/* ACTUALITES */
/* ========== */
.image-actualite {
  height: 100%;
  position: relative;
}
.actualites-detail h1, #container_actualite_listing .titre_actu, .devis-page h1{
  color: var(--secondary-color)!important;
}
.container-actualite {
  padding: 20px;
}
#encart-actualites .flex-row ul:not(.slick-dots) li .card div:not(.card-title) {
  width: 95%!important;
  position: relative;
  margin-left: 0 !important;
  padding-left: 30px!important;
}
#encart-actualites .flex-row ul:not(.slick-dots) li {
  width: 100%!important;
  margin-left: 0 !important;
  padding-right: 0px;
  padding-left: 0px;
}
.top-bar .main-nav ul{
  font-size: 1.1em;
  font-weight: 300;
}
/* .top-bar .main-nav{
  background-color: var(--secondary-color);
} */
#encart-actualites .flex-row ul {
  margin-left: 0px;
}
#encart-actualites .btn{
  background-color: var(--accent-color);
  font-weight: 700;
}
#encart-actualites .btn:hover{
  background-color: var(--accent-color-darken)
}
#encart-actualites .flex-row ul:not(.slick-dots) li .card div:not(.card-title)::before {
  content: ' ';
  left: 0;
  height: 80%;
  width: 1px;
  top: 0!important;
  bottom: 0;
  margin: auto;
  background-color: var(--primary-color);
  position: absolute;
}
.image-actualite .before {
  position: absolute;
  right: 23px;
  bottom: 23px;
  content: ' ';
  width: 171px;
  height: 171px;
  z-index: 1;
}
#encart-actualites ul:not(.slick-dots) {
  margin-bottom: 0px;
}
.container-actualite .before {
  display: none;
}
#encart-marques .title-2{
  text-align: center;
  display: block;
  width: 80%;
}
@media screen and (min-width: 601px) {
  .image-actualite .before {
    position: absolute;
    right: -23px;
    top: -23px;
    content: ' ';
    width: 171px;
    height: 171px;
    transform: rotate(-90deg);
    z-index: -1;
  }
  .container-actualite {
    padding: 25px 0px 25px 25px;
  }
  .container-actualite .center-align {
    text-align: left;
  }
}
@media screen and (min-width: 993px) {
  .container-actualite {
    position: relative;
  }
  .container-actualite .before {
    display: block;
    position: absolute;
    right: 0;
    bottom: 20px;
    opacity: 0.5;
  }
  #encart-actualites .flex-row ul:not(.slick-dots) li .card div:not(.card-title) {
    width: 80%!important;
  }
}

/* ACTUALITES DETAIL */
/* ======= */

.actualitesDetailContenu ul, .actualitesDetailContenu ol {
  margin-left: 40px;
}


/* ENCART MAP */
/* ========== */
#encart-map div{
  height: 100%;
}
#encart-map .googlemapssearch{
  height: 500px;
}
#encart-map .card {
  margin: 0px;
  padding: 20px;
  min-height: 150px;
}
#encart-map.section {
  padding: 4rem 0px;
}
#encart-map .card li {
  font-style: 14px!important;
}
#encart-map .container {
  position: relative;
}
#encart-map .before {
  position: absolute;
  transform: rotate(180deg);
  content: ' ';
  width: 171px;
  height: 171px;
  z-index: -1;
  top: -35px;
  left: -35px;
}
#encart-map .before-2 .before {
  position: absolute;
  transform: rotate(0deg);
  content: ' ';
  width: 171px;
  height: 171px;
  z-index: -1;
  top: inherit;
  left: inherit;
  right: -35px;
  bottom: -35px;
}
@media screen and (min-width: 601px) {
  #encart-map .map-container, #encart-map .map-container iframe {
    height: 100%;

  }
}
@media screen and (min-width: 991px) {
  #encart-map ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 200px;
    padding: 0px 0px 20px;
  }
  #encart-map .zone-intervention-seule ul {
    max-height: 100px!important;
    float: row;
  }
  #encart-map .card {
    height: 100%;
    max-height: 300px;
    padding: 30px;
  }
}
/* PAGE INTERNE  */
/* ============= */
.page-interne h1{
  color: var(--secondary-color);
}
.page-interne .top-bar div.flex-row{
  align-items: center;
}
.reseaux-sociaux ul{
  margin-right: 0;
}
.reseaux-sociaux svg{
  fill: #212121;
}
/* ========== */
/* NEWSLETTER */
/* ========== */
#components-newsletter #js_submit{
  background-color: var(--accent-color)!important;
  color: white !important;
  border-radius: 0;
  font-weight: 700;
}
#newsletter div.secondary{
  border-top-right-radius: 120px;
}
#components-newsletter #js_submit:hover{
  background-color: var(--accent-color-darken)!important;
}
#newsletter label {
  display: none;
}
#newsletter .flex-row > .col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#newsletter .container .col img {
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
#newsletter .no-padding {
  padding: 0px;
}
@media screen and (min-width: 601px) {
  #components-newsletter {
    padding: 15px 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
}
/* FOOTER */
/* ======= */
.secondary.darken {
  background-color:#212121;
}
.footer-2{
  background-color: #020202;
}
 .brand .flex-row{
  display: block;
}
footer .brand svg .st0, footer .brand .st1, footer .brand .st2{
  fill: white;
}
footer .siret {
  margin: 0.5em auto;
}
footer address a.tel {
  display: block;
  margin-bottom: 0.5em;
}
footer .footer-2 {
  padding: 0.5em 0px;
}
footer .reseaux-sociaux ul {
  justify-content: center;
  display: flex;
  margin-bottom: 0.5em;
  align-items: center;
}
footer .section#footer {
  padding-bottom: 0px;
}
footer .brand svg {
  fill: #fff;
  width: 245px;
}
@media screen and (max-width: 601px) {
  footer .brand .flex-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .brand a {
    margin: 0 auto;
    display: block;
  }
  footer .brand a div, footer address  {
    text-align: center;
  }
  footer .brand .bold {
    margin-top: 0.5em;
  }
  footer .siret {
    display: block;
    text-align: center;
  }
  footer nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  footer nav a {
    display: block;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 601px) {
  footer address {
    text-align: right;
  }
  footer nav a {
    margin-left: 0.5em;
  }
}
/* ENCART CATALOGUE  */
/* ================ */
.top-bi-primary-color {
  background-image: linear-gradient(var(--primary-color) 40%, transparent 40%);
}
.top-bi-secondary-color {
  background-image: linear-gradient(var(--secondary-color) 40%, transparent 40%);
}
#encart-catalogue .card img {
  height: 290px;
  object-fit: cover;
}
.card-image {
  height: 290px;
}
#encart-catalogue .card {
  background-color: transparent;
  border-radius: 70px 0 70px 0;
}
#encart-catalogue .card-content .card-title {
  font-weight: 400;
}
#encart-catalogue .card-image {
  position: relative;
} 
#encart-catalogue .card .card-image::after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  content: ' ';
  top: 0;
  opacity: 0;
  border-radius: 70px 0 70px 0;
  transition: 0.3s ease-in-out;
} 
#encart-catalogue .card:hover .card-image::after {
  opacity: 0.5;
  /* border-radius: 70px 0 70px 0; */
} 
#encart-catalogue .card-image::before {
  position: absolute;
  content: ' ';
  left: 0px;
  bottom: -70px;
  height: 20px;
  width: 1px;
  height: 50px;
  background-color: var(--text-color);
}
#encart-catalogue .card:hover .card-image::before {
  background-color: var(--primary-color);
}
#encart-catalogue .card:hover .card-title {
  color: var(--primary-color);
}
.btn-slick {
  margin-top: 45px;
}
#encart-catalogue  .btn-slick a{
  background-color: var(--accent-color);
  border-radius: 0;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 993px) {
  #encart-catalogue  .btn-slick {
    text-align: center;
    margin-top: 10px;
  }

  #encart-catalogue .container {
    position: relative;
  }
  #encart-catalogue .slick-prev, #encart-catalogue .slick-next {
    top: 105% !important;
    width: 50px;
    height: 50px;
    border: 1px solid var(--text-color);
  }
  #encart-catalogue .slick-prev {
    left: inherit;
    right: 75px;
  }
  #encart-catalogue .slick-next {
    right: 10px;
  }
  #encart-catalogue .slick-next::before, #encart-catalogue .slick-prev::before {
    font-size: 18px;
  }
}

/* CATALOGUE DÉTAIL */
/* ================ */

.catalogue-detail a.lightbox,
.catalogue-detail a.lightbox img {
  display: block;
  width: 100%;
  height: auto;
}
.catalogue-detail a.lightbox {
  margin-bottom: 1.5rem;
}
.catalogue-detail .box-detail .row .flex-row .col:not(:first-child) {
  width: 33.333333333333333%;
}
.catalogue-detail h1, .catalogue-listing h1{
  color: var(--secondary-color);
}

/* CATALOGUE LISTING */
/* ================ */

#catalogue_contenu .card .card-image, #catalogue_contenu .card .card-image img {
  height: 297px;
}

#catalogue_contenu .card .card-image img {
  object-fit: cover;
}
#catalogue_contenu .card .card-image::before {
  position: absolute;
  content: ' ';
  left: 0;
  bottom: -70px;
  height: 20px;
  width: 1px;
  height: 50px;
  background-color: var(--text-color);
}
#catalogue_contenu .card:hover .card-image::before {
  background-color: var(--primary-color);
}
#catalogue_contenu .card .card-image {
  position: relative;
}
#catalogue_contenu .card .card-image::after {
  content: ' ';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-color);
  opacity: 0;
  transition: 0.3s ease-in-out;
  position: absolute;

}
#catalogue_contenu .card:hover .card-image::after {
  opacity: 0.5;
}
#catalogue_contenu .card:hover .card-title {
  color: var(--primary-color);
}

/* PAGE DEVIS */
/* ========== */

.devis-page .section .container > .row {
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.devis-page .section .container > .row .col {
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.container-devis {
  padding: 10px;
}
.devis-page .section .container > .row .before {
  position: absolute;
  content: ' ';
  left: -20px;
  top: -25px;
  transform: rotate(180deg);
  z-index: 0;
}

.devis-page .section .container > .row .before-2 .before {
  top: inherit;
  bottom: -25px;
  right: -20px;
  left: inherit;
  transform: rotate(0);
}
.devis-page .intro {
  margin-bottom: 50px;
  display: block;
}

@media screen and (min-width:601px) {
  .container-devis {
    padding: 20px;
  }
  .devis-page .section .container > .row .before {
    left: -25px;
    top: -30px;
  }
  .devis-page .section .container > .row .before-2 .before {
    right: -25px;
    bottom: -30px;
  }
}

/* RAPPEL */
/* ====== */

body.fancy-box-body {
  padding-top: 5px;
}
.rappel_telephonique .brand .flex-row > .col > div {
  text-align: center;
}
.rappel_telephonique .baseline, .rappel_telephonique .brand .bold {
  display: none;
}
.rappel_telephonique .brand{
  display: block;
}
.rappel_telephonique .brand .flex-row {
  justify-content: center;
}

.rappel_telephonique .brand .flex-row > .col > div.baseline {
  font-size: 0.8em;
}
.rappel_telephonique h4 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  text-align: center;
}
.btn-rappel a, .btn-3{
  border: 1px solid var(--secondary-color);
  color: var(--secondary-color);
}
.btn-rappel a:hover{
 background-color:var(--secondary-color);
 color: white;

}
#listing_calendrier_2 ul li ul li a{
  color: var(--secondary-color)!important;
}
.btn.primary, .primary.btn-1, .btn-2, .newsletterInput #js_submit, .actualitesListingLien {
  background-color: var(--secondary-color);
  color: #FFFFFF;
  font-weight: 700;
}
@media screen and (max-width: 601px){
  .rappel_telephonique .brand {
    text-align: center;
  }
  .rappel_telephonique .brand svg{
    width: 200px;
  }
}
@media screen and (min-width: 470px) {
  body.fancy-box-body {
    padding-top: 20px;
  }
  .rappel_telephonique .brand .flex-row > .col > div {
    text-align: left!important;
  }
  .rappel_telephonique .brand a {
    display: block;
    margin: 0 auto;
  }
}
/* PAGE 404 */
/* ======== */

body.page-404 {
  padding-top: 0;
}
.page-404 .right-404 {
  margin: 2.5rem 0 1.5rem;
  padding: 2rem 1rem;
  border-radius: var(--card-border-radius);
  background-color: #FFFFFF;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.04);
}
.page-404 .right-404 ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.page-404 ul li {
  position: relative;
  padding-left: 25px;
}
.page-404 ul li::before {
  position: absolute;
  content: ' ';
  width: 16px;
  height: 16px;
  background-image: url(../assets/gifs/icons/cancel.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 7px;
}
@media screen and (min-width: 601px) {
  body.page-404 > main > .section > .container > .flex-row {
    flex-direction: row-reverse;
  }
  .page-404 .right-404 {
    margin: 3rem 0;
    padding: 2rem 2.5rem;
  }
}

/* GESTION DE CONTENU */
/* ================== */

input[class*="mce-"] {
  width: 320px;
  max-width: 100%;
  box-sizing: border-box;
}
.mce-label {
  position: static !important;
}

/* CAROUSEL */

.wrapper {
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  max-height: 600px;
}

.carousel {
  position: relative;
  width: 100%;
  height: 0;
  background: #ddd;
}

/* Images */

.carousel-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: opacity ease-out 0.5s;
  transition: opacity ease-out 0.5s;
}

.carousel-img-displayed {
  display: block;
  opacity: 1;
  z-index: 2;
}

.carousel-img-hidden {
  display: block;
  opacity: 0;
  z-index: 1;
}

.carousel-img-noDisplay {
  display: none;
}

/* Flèches de défilement */

.carousel-arrow {
  z-index: 5;
  display: block;
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  margin-top: -18px;
  border-radius: 50%;
  border: 0;
  background-color: #fff;
  background-image: url(../assets/gifs/arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;

}

.carousel-arrow:hover,
.carousel-arrow:focus {
  background-color: var(--secondary-background-color);
}

.carousel-arrow-next {
  right: 20px;
}

.carousel-arrow-prev {
  left: 20px;
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotate(180deg);
  transform: rotateZ(180deg);
}

/* MENU A 3 NIVEAUX */
/* ================ */

@media screen and (min-width: 993px) {
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu {
      position: relative;
  }
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu a {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: baseline;
  }
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu > a::after {
      margin-top: 0;
      content: '\e5cc ';
  }
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu ul.ssdropdown {
      display: none;
      width: max-content;
      max-width: 400px;
      background-color: rgba(255,255,255,1);
      position: absolute;
      top: 0;
      left: 100%;
      box-shadow: 0 0 1rem 0 rgba(0,0,0,.08);
      z-index: 2;
  }
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu:hover ul.ssdropdown {
      display: block;
  }
  .top-bar .main-nav ul li.sous_menu ul.dropdown li.sous_menu:hover ul.ssdropdown a {
      font-weight: normal;
  }
}

/* PAGE CONTACT */
/* ============ */

.contact-page .image-wrapper {
  display: none;
}
.contact-page .coordonnees a.accent-text{
  color: white;
}
.contact-page  [class*="material-icons"].primary{
  color: var(--secondary-color);
}
.infos-content .material-icons-outlined, .infos-content .material-icons{
  min-width: 40px;
}
@media screen and (min-width: 993px) {
  .contact-page .image-wrapper {
    display: block;
    height: 710px;
  }
  .contact-page .image-wrapper > img {
    display: block;
    width: auto !important;
    max-width: none !important;
    min-width: 1000%;
    height: auto;
    min-height: 1000%;
    margin: auto;
    position: absolute;
    top: -10000%;
    right: -10000%;
    bottom: -10000%;
    left: -10000%;
    transform: scale(.1);
  }
}
@media screen and (max-width: 993px) {
  #encart-marques {
    position: absolute;
    bottom: -200px;
  }
  .index-page .fold {
    padding-top: 50px;
  }

.index-page .slider-header {
    top: 0px;
  }
  #encart-marques .capeb {
    bottom: 300px;
  }
  #bloc-01{
    margin-top: 200px;
  }
}
@media screen and (max-width: 601px){
  .index-page header .brand svg {
    width: 220px;
    margin-top: 50px;
  }
  #encart-marques{
    bottom: 0;
    position: relative;
    transform: inherit;
    right: 0;
    left: 0;
    z-index: 8;
  }
  #encart-marques .capeb{
    bottom: 0;
    position: relative;
    right: 0;
    text-align: center;
  }
  #encart-marques div.row:nth-child(1) {
    z-index: 999999999999;
    position: relative;

  }
  #encart-marques .title-2{
    z-index: 9999999999;
    position: relative;
    width: 100%;
    margin-bottom: 0;
  }
  #encart-marques .capeb p {
    width: 100%;
  }
  #bloc-01{
    margin-top: 0px;
  }
  .bloc01text .before{
    bottom: -18px;
  }
  #bloc-01 .before-2 .before {
    top: -10px;
  }
  .bloc01text {
    padding: 0px!important;
  }
  #encart-marques .capeb p{
    min-width: inherit;
    margin-top: 20px;
  }
  #encart-marques .overflow-hidden{
    margin-bottom: 50px;
  }
  .before{
    display: none;
  }
  .index-page .bloc01text{
    margin: 0;
  }
  #points-forts{
    margin: 0;
  }
  #bloc-02 .texte-padding{
    padding: 20px;
  }
  #bloc-02 div.flex-row:nth-child(1){
    margin-left: -1rem;
    margin-right: -1rem
  }
  #components-newsletter #js_submit{
    border: none;
  }
  #encart-map.section{
    padding: 0;
  }
  #encart-map .googlemapssearch {
    height: inherit;
  }
  .header-tel{
    text-align: center;
  }
  .top-bar .reseaux-sociaux{
    display: none
  }
}