:root {
  --primary-color: hsla(230, 47%, 40%, 1);
  --primary-color-lighten: hsla(230, 47%, 55%, 1);
  --primary-color-darken: hsla(230, 47%, 25%, 1);

	
  --secondary-color: hsla(11, 43%, 40%, 1);
  --secondary-color-lighten: hsla(11, 43%, 55%, 1);
  --secondary-color-darken: hsla(11, 43%, 25%, 1);

  --accent-color: hsla(184, 31%, 51%, 1);
  --accent-color-lighten: hsla(184, 31%, 66%, 1);
  --accent-color-darken: hsla(184, 31%, 36%, 1);

  --background-color: hsla(53, 41%, 95%, 1);
  --text-color: hsla(340, 13%, 5%, 1);
  --text-color-lighten: hsla(340, 13%, 25%, 1);

  --primary-background-color: hsla(230, 47%, 95%, 1);
  --secondary-background-color: hsla(11, 43%, 90%, 1);
  --accent-background-color:hsla(184, 31%, 91%, 1);

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

  --font-primary: 'Roboto', sans-serif;
  --font-secondary: 'Roboto', sans-serif;

  --card-border-radius: 4px;
  --button-border-radius: 4px;

  --image-slide-01: url('../assets/gifs/slider/slide-01.jpg');
  --image-slide-02: url('../assets/gifs/slider/slide-02.jpg');
  --image-slide-03: url('../assets/gifs/slider/slide-03.jpg');

}
/* Contact Slide*/

nav#foot-nav a:hover{
	opacity: 0.5;
}

#encart-bg-index.section {
  background-image: linear-gradient(to bottom, transparent 50%, var(--secondary-color) 50%);
}

.brand .logo {
    font-size: 10px;
}

.coordonnees .tel {
    color: #fff;
}

.logo-footer {
    font-size: 9px;
}

.rappel_telephonique .brand { font-size:9px}

.contact-slide{
  position: absolute;
  left: 0;
  bottom: -25px;
  padding: 20px;
  z-index: 1;
}
.contact-slide::before{
  content: "";
  position: absolute;
  left: -100%;
  width: 200%;
  height: 100%;
  background-color: var(--background-color);
  box-shadow: 0px 3px 6px #00000029;
  z-index: -1;
}
.contact-slide .tel{
  margin-right: 20px;
}

.slide-img img{
  height: fit-content;
  width: 100%;
  object-fit: cover;
  opacity: .6;
}
.slider-slick .slide-img{
  flex-wrap: nowrap;
}
.slider-slick .certif{
  position: absolute;
  right: 70px;
  bottom: 70px;
  padding: 10px;
  z-index: 1;
  box-shadow: 0px 3px 6px #00000029;
}
.certif img{
  margin: 10px;
}

.slider-slick .reseaux-sociaux{
  position: absolute;
  left: -32px;
  top: 31%;
}
.slider-slick .reseaux-sociaux ul{
  flex-direction: column;
}
.slider-slick .reseaux-sociaux svg{
  fill: var(--text-color);
  width: 22px;
  height: 22px;
  margin: 10px 0;
}

.slide-img .col:first-child img{
  margin-bottom: 15px;
}



/* BLOC 01 */
#bloc-01 {
  background: #F6F6F6;
  position: relative;
  z-index: -1;
  padding: 4rem 0;
}


/* PRESTATIONS*/
#encart-prestations{
  position: relative;
  background: #F6F6F6;
}
#encart-prestations::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: var(--secondary-color);
  width: 40%;
  min-width: 460px;
  height: 60%;
  z-index: 0;
  transition: .3s;
}
#encart-prestations .container{
  position: relative;
}
#encart-prestations .card-title a{
  font-size: 0.9rem;
}
#catalogue_contenu .card.full-image .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 24px;
  color: #FFFFFF !important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
}
#catalogue_contenu li{
  list-style: none;
}

.card-content::before{
  position: absolute;
  content: "";
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 30%;
  height: 2px;
  bottom: 0;
  background: var(--secondary-color);
  transition: .3s;
}
.prestation:hover .card-content::before{
width: 100%;

}


#title-rotate {
  position: absolute;
  transform: rotate(-90deg);
  left: -263px;
  top: 40%;
  height: auto;
  width: auto;
}
#points-forts{
  background: #F6F6F6;
}
#points-forts ul li p {
  font-size: 1rem;
}
#points-forts ul li p.description-pts {
  opacity: 0.8;
  font-size: 0.8rem;
}
#encart-contact{
  background: url(../assets/gifs/bg-contact.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#bg-index{
  background: url(../assets/gifs/bg-index.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
  width: 100%;
}
.index-page #encart-actualites img, .index-page #encart-actualites .date-actualite{
  display: none;
}
#encart-actualites ul li{
  width: 100%!important;
}
#encart-actualites .card{
  background: var(--background-color)!important;
  padding: 24px;
  box-shadow: 0px 3px 6px #00000029!important;
}

#newsletter{
  border-bottom: 1px solid var(--secondary-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
}
#actu-news .reseaux-sociaux{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#actu-news .reseaux-sociaux svg{
  fill:  var(--secondary-color);

}
#formulaire_4 .optional {
  /*font-weight: bold;*/
}
#formulaire_4 ul {
  width: 94%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#formulaire_4 ul li, div.divGenerateurErreur ul li {
  width: 50%;
}
.index-page .divGenerateurRequired{
  display: none;
}
.box-form {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
footer .infos-content {
  display: flex;
  margin: 2rem 0;
  align-items: center;
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 20px;
}
footer .infos-content:last-child  {

  border-bottom: none;

}
footer .infos-content .material-icons {
  font-size: 32px;
  margin-right: 20px;
}
footer .brand svg path{
  fill:  var(--background-color);
}
#foot-nav{
  text-align: center;
  padding-top: 30px;
}
body:not(.index-page) .fold{
  padding-bottom: 10px;
}
.contact-page p.intro {
  color: var(--background-color)!important;
}

.catalogue-listing #catalogue_contenu .card {
  max-width: 320px;
}
#catalogue_contenu .card {
  margin: 10px;
}

@media screen and (min-width: 600px){
  .box-form {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
  #formulaire_4 ul li, div.divGenerateurErreur ul li {
    width: 50%;
}
  .no-desktop{
    display: none;
  }
  #bloc-01 .container::before{
    content: url(../assets/gifs/travaux.png);
    position: absolute;
    right: 0;
    bottom: -40px;
  }
  #encart-catalogue .btn-devis{
    padding-right: 20px;
  }
  #points-forts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
}
}

#encart-catalogue .card.full-image .card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  padding: 24px;
  color: #FFFFFF !important;
  position: absolute;
  top: 0;
  right: 0;z-index: 1;
  bottom: 0;
  left: 0;
}
#catalogue_contenu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.paginationControl{
  width: 100%;
  text-align: center;
}
.brand{
  transition: .3s;
}
.brand:hover{
  opacity: .7;
}

.cover-card{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.card.full-image:hover::before {
  opacity: 1;
}
.card.full-image::before {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .34;
  transition: opacity .3s ease-in-out;
}

#mess_newsletter{
  color: var(--error-color);
  font-size: .8rem;
}

.contact-page #encart-map .map-container iframe {
  height: auto;
}

.contact-page #fil_ariane a {
  color: var(--background-color)!important;
}
@media screen and (min-width: 740px){
	
	div#encart-catalogue .btn-3 {
    margin: 0px 10px;
}
	
#formulaire_5{
  display: flex;
  flex-wrap: wrap;
}
#formulaire_5 .form_right{
  width: 50%;
  padding: 40px;
}
#formulaire_5 .form_left{
  width: 50%;
  padding: 40px;
}
#formulaire_5 .divGenerateurRequired {
  margin-top: 1rem;
  width: 100%;
  padding: 40px;
}

}

@media screen and (min-width: 993px){
.box-detail {
    margin-right: 25px;
}
}
@media screen and (min-width: 601px){
.box-detail {
    margin-bottom: 25px;
}
}
.img-details2 img {
  height: auto;
}


@media screen and (max-width: 600px){
  #formulaire_4 ul li, div.divGenerateurErreur ul li {
    width: 100%;
}
  .brand .col{
    text-align: center!important;
  }
  #encart-catalogue .flex-row .btn-devis, #encart-catalogue .flex-row .center-align{
    width: 100%;
    margin: 10px 0;
  }
  footer .brand .col{
    text-align: center!important
  }
  .index-page #encart_avis .slick-prev, .index-page #encart_avis .slick-next {
    top: 112%!important;
  }
  #encart-devis{
    padding: 20px 0;
  }
  .btn-devis{
    width: 100%;
  }
}

/* TYPOGRAPHIE */
h2{position: relative;}
h2::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 72px;
  height: 2px;
  background: var(--secondary-color);
}
/* =========== */
.no-ipad{
  display: block;
}
@media screen and (min-width: 993px){
  .no-ipad{
    display: none;
  }
  .catalogue-listing #catalogue_contenu li {
    max-width: 33%;
}
#catalogue_contenu {
  justify-content: flex-start;
}
  #points-forts ul {
    justify-content: space-between;

}
  #foot-nav{
    text-align: right;
    padding-top: 0;
  }
  #encart-devis{
    position: relative;
    width: 90%;
    margin: 0 0 0 auto;
    box-shadow: 0px 3px 6px #00000029;
  }
  #encart-devis::before {
    content: "";
    position: absolute;
    left: -10%;
    top: 0;
    width: 10%;
    height: 100%;
    background-color: var(--secondary-color);
    box-shadow: 0px 3px 6px #00000029;
  }
  #formulaire_4 ul {
    width: 82%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#encart-devis #title-rotate {
  position: absolute;
  transform: rotate(-90deg);
  left: -140px!important;
  top: 33%!important;
  height: auto;
  width: auto;
}
#encart-devis .btn-devis{
  width: 50%;
}
#encart-devis .container{
  padding: 32px 0;
}
  .newsletterInput #js_submit {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
    position: initial!important;
    top: 0;
    right: .5rem;
    margin-top: 30px;
}
  #points-forts ul li {
    max-width: 215px;
}
 
  main p {
    font-size: .875em;
  }
  #encart-catalogue{
    width: 90%;
    margin: 0 0 0 auto;
    position: relative;
  }
  #encart-catalogue::before{
    content: "";
    position: absolute;
    left: -50%;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: var(--secondary-color);
  }
}
#points-forts ul li p.description-pts {
  max-width: none;
}

@media screen and (max-width: 992px){
  #encart-catalogue .section{
    justify-content: center!important;
  }
  #points-forts ul li p.description-pts {
    max-width: 330px;
}
#encart-devis .btn-devis{
  width: 100%;
}
footer .brand .col {
  text-align: center!important;
}
}
/* TOP-BAR */
/* ======= */

@media screen and (min-width: 993px){
  .top-bar {
    font-size: .75em;
  }
  .index-page .top-bar {
    font-size: .75em;
    padding: 20px 0;
    transition: .3s;
  }
  .index-page .top-bar.js-scroll {
    padding: 0;
  }
  .main-nav {
    font-weight: 700;
  }
  .top-bar .main-nav ul li a{
    font-weight: 500;
  }
}

/* NEWSLETTER */
/* ========== */

#newsletter label {
  display: none;
}

/* 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 .row .flex-row .col:not(:first-child) {
  width: 33.333333333333333%;
}

@media screen and (min-width:1024px) {
  .index-page .fold {
    margin-top: 60px!important;
  }
}