/**/


/* couleurs : Or : #d5bc8c - bleu : #242935 */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');




/* ********************************************* */
/*        GENERAL                        */
/* ********************************************* */

.slider .box .details .h1 {
	font-size: 2.5rem;
	font-weight: 500;
	margin-bottom: 2.5rem;
	text-transform: uppercase;
}

.detail .titre_detail_header {
  color: #242935;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 300;
}

p {
  font-size: 1rem;
  font-weight: 400;
}
.or{
	color: #d5bc8c
}

.bleu{
	color: #242935
}
.index .header .not-sticking {
  background: #242935;
}

.index .not-sticking .b-menu {
  border: #d5bc8c solid 2px;
}

.b-bun {
  background: #d5bc8c;
  position: relative;
  transition: all 0.4s ease;
}
.index .not-sticking .lang a {
  color: #d5bc8c;
  text-transform: uppercase;
}
.btn-primary, .btn-info, .btn-success {
  color: #fff;
  background-color: #242935;
  border-color: #242935;
  width: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 300;
}
.btn-primary:hover, .btn-info:hover, .btn-success:hover {
  color: #ffffff;
  background-color: #d5bc8c;
  border-color: transparent;
  width: 100%;
}
.b-menu {
  background: rgba(255,255,255,0.3);
  border: #d5bc8c solid 2px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 60px;
  padding-left: 15.5px;
  padding-top: 17.5px;
  position: relative;
  transition: all 0.4s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 60px;
  z-index: 12;
}
.b-link {
  background: transparent;
  border-left: rgba(68, 68, 68, 0) solid 2px;
  color: #d5bc8c;
  font-size: 30px;
  font-weight: 300;
  margin-left: 30px;
  text-decoration: none;
  transition: all 0.4s ease;
  width: auto;
}

.b-link:hover {
  border-left: #d5bc8c solid 2px;
  padding-left: 30px;
  color: #d5bc8c;
  text-decoration: none;
}

.lang a {
  color: #d5bc8c;
  text-transform: uppercase;
}

.btn-primary:hover, .btn-info:hover, .btn-success:hover {
  color: #ffffff;
  background-color: #d5bc8c;
  border-color: transparent;
  width: auto;
}

.contact .top_page {
  background-image: url("/assets/images/top_page/contact_top.jpg");
}
.on-vous-rappelle .top_page {
  background-image: url("/assets/images/top_page/on-vous-rappelle_top.jpg");
}
.recherche-detaillee .top_page {
  background-image: url("/assets/images/top_page/recherche-detaillee_top.jpg");
}
recherche-detaillee_top.jpg

/* ********************************************* */
/*         PAGE ACCUEIL                          */
/* ********************************************* */

.baseline {
  z-index: 20;
  position: absolute;
  bottom: 45%;
  left: 50px!important;
}

.titre-baseline {
  font-weight: 300;
  font-size: 5.5rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left ;
  color: #242935;
  text-shadow: none;
  line-height: 0.7;
  	font-family: 'Montserrat', sans-serif;

}
.titre-baseline span {
  font-weight: 300;
  font-size: 2.5rem;
  text-transform: initial;
}


.titre-baseline span::after {
  content: "";
  display: inline-block;
  width: 210px;
  height: 3px;
  background: #d5bc8c;
  vertical-align: middle;
  margin: 0 10px;
}

.titre-baseline span::before {
display: none
}

.titre-baseline img{
	width: 15%
}
.section-scroller-wrapper > .section-scroller > .section-scroller__text {
  text-transform: uppercase;
  font-size: 12px;
  color: #d5bc8c;
}

.section-scroller-wrapper > .section-scroller::before {
  content: '';
  width: 38px;
  margin-right: 5px;
  background-color: #d5bc8c;
  height: 1px;
}


/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF                                                               */
/* ------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 560px) {
  .listeliens ul li {
      width: 100%!important;
  }
  }

.listeliens ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
	
.listeliens ul li{
        width: calc(100% / 3);
        /* si 3 colonnes */
    }

@media (max-width: 560px) {
  .listeliens ul li{
  width: 100%;
    }
    }

.listeliens a {
        color:#9E7A39;
      }

.malisteref {
  text-align: justify;
}

.ref .listeliens a {
  font-size: 13px;
      color:#9E7A39;
  }

      .page2ref .listeliens a {
  font-size: 13px;
      color:#9E7A39;
  }
  
.ref a {
  color:red;
  font-weight: 400;
  color:#9E7A39;
  font-size: 15px;
}

.listeliens a:hover {
  color:#9E7A39;
  text-decoration: underline;
  }

.ref p, .page2ref p {
  text-align:justify;
}

.ref h2, .page2ref h2 {
  font-size:20px;
  padding:25px 0px 25px 0px;

  }

  .ref {
    background: linear-gradient(to bottom, transparent, #e9e9e961);
} 

  .ref h1 {
    font-size:34px;
    text-align: center;
text-transform: uppercase;
color:#242935;
margin-bottom:25px;
    }

.page2ref h1 {
      font-size:26px;
      text-align: center;
  text-transform: uppercase;
  color:#242935;
  margin-bottom:25px;
  margin: 15px 0px 25px 0px;
      }


.mapagederef .top_page {
  background-image: url(../images/top_page/image_top.jpg);
}  

.ensavoirplus {
  color:black;
}

.btnlolo {
  width:auto !important;
  margin: 15px 0px 15px 0px;
}

.ensavoirplus:hover{
  color:grey;
}



/* ********************************************* */
/*        FOOTER                         */
/* ********************************************* */

.coordonnees_heading {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 25px;
  display: block;
  text-align: left;
  margin-bottom: 5px;
    	font-family: 'lora', serif;

}


/* ********************************************* */
/*        RESPONSIVE                         */
/* ********************************************* */

@media (min-width: 992px){
.header__logo {
  display: block;
  height: 80px;
  padding: 10px 0;
	}
.header__logo img {
  width: 300px;
}



}


  @media (max-width: 991px) {
.header__logo img {
  width: 200px;
  padding: 10px 0;
}



}

  @media (max-width: 500px){
	  
	  .coordonnees_heading {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 25px;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  font-family: 'lora', serif;
}
	  
.titre-baseline {
  font-size: 2.2rem;
}
.baseline {
  z-index: 20;
  position: absolute;
  top: 10%;
  left: 50px;
}
.titre-baseline span {
  font-weight: 300;
  font-size: 1.5rem;
  text-transform: initial;
}
}
/* ********************************************* */
/*         SLIDE IN OUT                      */
/* ********************************************* */
@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        transform: translate3d(250px, 0, 0);
        visibility: visible;
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}
@keyframes slideOutRight {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(250px, 0, 0);
        visibility: hidden;
    }
}



@keyframes backInDown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInDown {
    -webkit-animation: backInDown 1.5s;
    animation: backInDown 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInRight {
    -webkit-animation: backInRight 2.5s;
    animation: backInRight 2.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateX(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInLeft {
    -webkit-animation: backInLeft 1.5s;
    animation: backInLeft 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7;
    }

    80% {
        transform: translateY(0px) scale(.7);
        opacity: .7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.backInUp {
    -webkit-animation: backInUp 1.5s;
    animation: backInUp 1.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}



@-webkit-keyframes sliderFade-2 {
    0% {    opacity: 0.7  }
    10% {    opacity: 1  }
    35% {    opacity: 1 }
    45% {    opacity: 1  }
    60% {    opacity: 1  }
    75% {    opacity: 1 }
    90% {    opacity: 1 }
    100% {    opacity: 0.7 }
}


/* ********************************************* */
/*         BADGE GOOGLE                       */
/* ********************************************* */
.badge-google-content {
   background: #e9ecef;
   color: #111!important;
   border-radius: 6px;
   width: 60%;
   margin: 0 auto;
   padding: 0.8rem;
}
img.badge-google {
  width: 50%;
}
.google-stars, .google-stars span {
        background-size: 25px 22px;
        height: 22px;
        top: 1px;
        width: 123px;
    }
 .google-stars {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
        background-repeat: repeat-x;
        display: inline-block;
        overflow: hidden;
        position: relative;
    }
.google-stars span {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        display: block;
    }