.post__link,
.post__link_1 {
 -webkit-transform:translate(-50%);
 -ms-transform:translate(-50%)
}
.post__link,
.post__link_1,
.post__link_2 {
 text-align:center;
 padding-top:1em;
 bottom:40px;
 z-index:8;
 position:absolute
}
.swiper-content .hero .calendar,
.swiper-content .hero .calendar .date {
 height:60px;
 display:-webkit-box;
 display:-ms-flexbox;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal
}
body {
 background:#ededed;
 font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
 /*! font-size: 14px; */color:#000;
 margin:0;
 padding:0;
 background: #ededed;
}
.on-voit-rien {
 display:none
}
.post__link {
 left:50%;
 transform:translate(-50%)
}
.post__link_1 {
 left:30%;
 transform:translate(-50%)
}
.post__link_2 {
 left:70%;
 -webkit-transform:translate(-50%);
 -ms-transform:translate(-50%);
 transform:translate(-50%)
}
.post__container a:hover {
 background-color:#eee;
 color:#000
}
.post__container a {
 position:relative;
 color:#cb9c9c;
 padding:1rem 1.7rem;
 text-decoration:none;
 -webkit-transition:.3s ease-in;
 -o-transition:.3s ease-in;
 transition:.3s ease-in;
 font-size:1.2rem;
 border:1px solid #ef7b35;
 z-index:10
}
.haut-contact img,
.haut-contact-ctn:after {
 border-radius:0 0 2rem 2rem;
 width:100%
}
.haut-contact {
 width:100%;
 overflow:hidden;
 position:relative;
}

.haut-contact-ctn:after {
 position:absolute;
 top:0;
 left:0;
 content:'';
 height:100%;
  
background:-o-linear-gradient(bottom,rgba(245,245,220,.1),rgba(245,245,220,.9));
 background:-webkit-gradient(linear,left bottom,left top,from(rgba(245,245,220,.1)),to(rgba(245,245,220,.9)));
 background:linear-gradient(to top,rgba(233, 233, 233, 0.1),rgba(236, 236, 236, 0.9));
}
haut-contact-ctn {
  background-color: red;
}
.copy h1 {
 font-size:1.8rem;
 padding:0;
 margin:0 10px 0 0
}
.copy h3 {
 font-size:1.3rem;
 padding:0;
 margin:-12px 0 0px;
 color:#8b0000
}
.copy h6 {
 font-size:.9rem;
 padding:0 30px;
 margin:0;
}
.copy a{
  color: cornflowerblue;
}
.copy a:hover{
  color: goldenrod
}
.copy p {
 padding:0;
 margin:0;
 font-size:1rem;
 line-height:1.5rem;
 color:graytext
}
.copy span {
  padding: 20px 0;
}
.swiper-container {
 width:100%;
 padding-top:50px;
 padding-bottom:50px;
}
.swiper-slide {
 width:400px;
 height:500px;
 padding:5px
}
.swiper-content {
 background-color:#fff;
 width:100%;
 height:100%
}
.swiper-content .hero {
 width:100%;
 height:175px;
 position:relative
}
.swiper-content .hero .calendar {
 width:60px;
 float:right;
 background-color:#8c2710d9;
 border-radius:50%;
 margin-right:15px;
 margin-top:15px;
 color:#fff;
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.swiper-content .hero .calendar .date {
 display:flex;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.swiper-content .hero .calendar img {
 font-size:1.2rem;
 line-height:1.3rem;
 height:40%
}
.swiper-content .hero .photo-btn .gallery .row .image:hover {
 opacity:1;
 -webkit-transition:.2s;
 -o-transition:.2s;
 transition:.2s
}
.swiper-content .hero.email {
 background:url("../img/contact/1.jpg") center/cover
}
.swiper-content .hero.facee,
.swiper-content .hero.telephone {
 background:url("../img/contact/2.jpg") center/cover
}
.swiper-content .hero.youteub {
 background:url("../img/contact/5.jpg") center/cover
}
.swiper-content .hero.insta {
 background:url("../img/contact/3.jpg") center/cover
}
.swiper-content .copy {
 padding:0 20px;
}
@media (max-width:440px) {
 .copy h1,
 .copy h3,
 .copy p {
  padding:0;
   text-align: center
 }
 .swiper-content .hero .calendar,
 .swiper-content .hero .calendar .date {
  display:-webkit-box;
  display:-ms-flexbox;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal
 }
 .on-voit-rien {
  display:block;
  padding:10px 25px 0;
  text-align:left
 }
 .swiper-container {
  width:95%;
  padding-top:50px;
  padding-bottom:50px
 }
 .swiper-content .hero .calendar {
  width:50px;
  height:50px;
  float:right;
  background-color:#8c2710d9;
  border-radius:50%;
  margin-right:45px;
  margin-top:15px;
  color:#fff;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
 .copy h1 {
  font-size:1.8rem;
  margin:0;
 }
 .copy h3 {
  font-size:1.2rem;
  margin:0;
  color:#8b0000
 }
 .copy p {
  margin:0;
  font-size:1rem;
  line-height:1.5rem;
  color:graytext
 }
 .swiper-content .hero .calendar .date {
  height:46px;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
 }
}