@charset "UTF-8";
/* SECTION REFERENCES */
#carrousel {position:relative;background:#f8f4f3;}
#carrousel .swipper-wrapper{padding:4rem 0 4rem 0;border-top:1px solid #000}
#carrousel .swipper-wrapper::before{content:"";position:absolute;width:40px;height:40px;top:-20px;left:50%;transform:translateX(-50%);background:url(../images/savoie-haute-savoie.webp) center center;background-size:cover}
#carrousel .swiper-slide,#carrousel .swiper-slide img,.activity-details{border-radius: 5px}

/*Info Flash*/
#carrousel h3{font-family:"Voltaire", sans-serif;font-size:1.325em;margin:0;padding:0 0 .125em 0;line-height:1.2;text-transform:uppercase;text-shadow: 1px 1px 2px #000}

.flash-news {position: relative;width: 100%;background:var(--bg-color);height:30px;overflow:hidden;padding: 0 2em;border-top:1px solid #000}
.flash-news > ul {position: absolute;top: 0;left: 0;right: 0;margin: 0;padding: 0;list-style: none;animation-name: news-3;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: ease;animation-fill-mode: both;animation-delay: 1s;}
.flash-news > ul:hover {animation-play-state: paused;}
.flash-news > ul li {margin: 0;padding: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;text-align: center}
.flash-news a {text-decoration:none;color:#000}

/* Animation pour 3 lignes de 30px */
@keyframes news-3 {
0%, 20% {transform: translateY(0);visibility: visible;}
25%, 45% {transform: translateY(-30px);}
50%, 70% {transform: translateY(-60px);}
75%, 100% {transform: translateY(0);}}

.activity-item{position:relative;overflow:hidden}
.activity-image img{display:block;width:100%;height:auto}
.activity-details {position:absolute;left:0;bottom:0;width:100%;padding:20px 20px 40px 20px;color:#fff;background:linear-gradient(to top, rgba(0,0,0,0.80), rgba(0,0,0,0));transform:translateY(0);transition: transform .3s ease}
.activity-details h4{font-size: 1.325rem; margin:0}

#carrousel .swiper-button-prev,#carrousel .swiper-button-next{color:#fff;cursor:pointer;background:#000;width:40px;height:40px;border-radius:50%;padding:10px;opacity:.6}
#carrousel .swiper-button-prev:hover,#carrousel .swiper-button-next:hover{opacity:1}
#carrousel .swiper-pagination{margin: 0 1em}
#carrousel .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.5}
#carrousel .swiper-pagination .swiper-pagination-bullet-active{background:#fff;opacity:1}

/*mod-last-articles*/
#mod-last-articles {background:var(--bg-color);padding:4em 0}
#mod-last-articles .mod-articles-flex{display: flex;gap: 2rem;justify-content: space-between;}
#mod-last-articles .mod-articles-item {flex: 1 1 0}
#mod-last-articles figure {margin:0}
#mod-last-articles .mod-articles-link{display: block;color:#000}
#mod-last-articles figure img{display:block;width:100%;height:auto}

#mod-last-articles h3.mod-articles-title{font-family:"Voltaire", sans-serif;font-size:2em;font-weight:normal;line-height:1.1;margin:0;padding:0;margin-top:1rem;color:#000}
#mod-last-articles .mod-articles-info{margin:.325rem 0 1rem 0}
#mod-last-articles .mod-articles-date{text-align: left;font-size: var(--fs-small);color: rgba(0,0,0,.4)}
#mod-last-articles .readmore a.btn{display: inline;color:#000 !important;text-decoration:none;padding:.325em 1em;border:1px dashed #000}
#mod-last-articles .readmore a.btn:hover{color:#fff !important;background:#000;border:1px dashed #000}

#mod-last-articles .mod-last-articles-intro{line-height:1.4;min-height: calc(1.4em * 4);margin-bottom: 1em}

#mod-last-articles .mod-articles-item{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}
#mod-last-articles .mod-articles-item.is-visible {opacity: 1;transform:translateY(0)}

#mod-last-articles .mod-articles-item:nth-child(1){transition-delay: 0.10s}
#mod-last-articles .mod-articles-item:nth-child(2){transition-delay: 0.20s}
#mod-last-articles .mod-articles-item:nth-child(3){transition-delay: 0.30s}

.mod-articles-image{overflow:hidden;border-radius:5px}
.mod-articles-image img{transition: transform .6s cubic-bezier(.25,.46,.45,.94)}
.mod-articles-item:hover .mod-articles-image img{transform: scale(1.08)}

@media only screen and (max-width: 768px) {
	#mod-last-articles .mod-articles-flex{flex-direction: column}
	#mod-last-articles .mod-articles-item {flex: 1 1 auto}
}

/*Derniers articles*/
.sidebar-articles{margin-top:2rem}
.sidebar-articles-header{text-align:center}
.sidebar-articles-rs{margin:.525rem 0 1rem 0}
.sidebar-articles-rs a{color:#000;opacity:1}
.sidebar-articles-rs a:hover{opacity:.8}
.mod-articles.mod-list{list-style-type:disc;padding-left:0;margin-left:1.2em}
.mod-articles.mod-list li{position: relative;padding:.525rem 0 !important;text-align:left}
.mod-articles.mod-list li:last-child{padding:.525rem 0 0 0 !important}
.mod-articles.mod-list li::before{content:"";position:absolute;width:80px;height:1px;bottom:0;left:50%;transform: translateX(-50%);background:rgba(0,0,0,.3);border-radius:5px}
.mod-articles.mod-list li:last-child::before{display: none}
.mod-articles.mod-list li a{color:#000}

/* Google Maps API*/
#map-wrapper{width:100%;background:var(--bg-color);color:var(--text-color)}
#map-wrapper .bloc-newspaper{align-items: center}
#map-wrapper .col-30{padding:2rem 2rem;border:none;background:repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 24px) top,repeating-linear-gradient(90deg, #000 0 12px, transparent 12px 24px) bottom,repeating-linear-gradient(0deg,  #000 0 12px, transparent 12px 24px) left,repeating-linear-gradient(0deg,  #000 0 12px, transparent 12px 24px) right;background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;background-repeat: no-repeat}
#map-wrapper .col-70{background:var(--bg-color)}

#map-wrapper .col-30{text-align:center}
#map-wrapper .col-30 h2{font-family:"Voltaire", sans-serif;font-size:3em;margin:0;padding:0 0 .125em 0;line-height:1.2;text-transform:uppercase}

#map-wrapper figure{width:100%;margin:0;padding: 0}
.testimonial{padding: 1rem 1rem 0 1rem;background:var(--bg-color);text-align: center;}
.testimonial-stars{font-size: 2em; letter-spacing:.08em;margin-bottom:.6rem}
.testimonial-text{line-height:1.4;font-style:italic;margin:0;padding:0}
.testimonial-name{font-size:.95rem}
.testimonial-source{opacity: .7;}
.rate{background:#000;color:#fff;padding:.325em .5em;border-radius:10px}

/* Swiper doit être contraint */
#swipper-testimonial{width:100%;overflow:hidden;min-height: 140px; /* ajuste selon ton design */}
/* Slides texte: éviter qu'ils forcent la largeur */
#swipper-testimonial .swiper-slide{white-space:normal;word-break:break-word}
#swipper-testimonial,#swipper-testimonial .swiper-wrapper{transform: translate3d(0,0,0);backface-visibility: hidden; will-change: transform}

.opening-rating-line{margin: 1rem 0;padding: 1rem 0; text-align:center;font-size:.95rem;letter-spacing:.08em;border-top:2px dashed #000;border-bottom:2px dashed #000}
.opening-rating-line strong{letter-spacing:0}
.opening-rating-line a{color:#000;text-decoration: underline !important}

#map{display:flex;align-items: center; width:100%;height:100%;background:var(--bg-color)}
#map .preload {display: table;width:100%;height:100% !important;background:var(--bg-color)}
#map .preload span{display: table-cell;text-align: center;vertical-align: middle}
#map .preload .svg-inline--fa{margin-bottom:.325em}

#view-121 #map-wrapper,#view-159 #map-wrapper{margin-bottom: 4em}

@media only screen and (min-width: 1024px) {
	#map-wrapper .bloc-newspaper{align-items: stretch}
	#map-wrapper .col-70{border-top:1px solid #000;border-bottom: 1px solid #000;padding:3rem 0 !important}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){
	#map-wrapper .bloc-newspaper{align-items: stretch}
	#map-wrapper .col-70{border-top:1px solid #000;border-bottom: 1px solid #000;padding:3rem 0 !important}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape){
	#map-wrapper .bloc-newspaper{align-items: stretch}
	#map-wrapper .col-70{border-top:1px solid #000;border-bottom: 1px solid #000;padding:3rem 0 !important}
}

#map .leaflet-tile {filter: grayscale(100%) brightness(1.1) contrast(0.9);}
#map .zoom-wrapper {position: absolute;top:50%;left:10px;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:4px;filter:none!important}
#map .zoom-wrapper a {display:flex;justify-content:center;align-items:center;width:40px;height:40px;text-align:center;background:var(--bg-color);color:#000;font-size: 20px;font-weight: bold;border-radius:5px;border:.063em solid #000;text-decoration: none;filter: none !important;opacity:1}
#map .leaflet-container img {max-height: none;}
#map .zoom-wrapper a:hover {background:#fff;opacity:.5}
#map .leaflet-popup-content {font-family: "PT Mono", monospace !important;font-size:15px !important;line-height:1.3 !important; letter-spacing:-.03em !important}
#map .leaflet-popup-content a{color:#000 !important}

.terroir-popup .leaflet-popup-content-wrapper{background: #f8f4f3 !important;box-shadow: 0 12px 28px rgba(0,0,0,0.25) !important}
.terroir-popup .leaflet-popup-tip{background: #f8f4f3 !important }

.leaflet-control-attribution{opacity:.2 !important}
.leaflet-control-attribution.leaflet-control a{color:#000}

.leaflet-marker-icon.pulse {background-color: #f5655d;border: 4px solid white;border-radius: 50%;width: 20px;height: 20px;box-shadow: 0 0 0 rgba(245, 101, 93, 0.4);animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 101, 93, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(245, 101, 93, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 101, 93, 0);
  }
}

@media only screen and (max-width: 768px) {
	#map{height:350px;padding:0}
	#map .zoom-wrapper {z-index: 1000}
	#mod-last-articles .mod-articles-flex{flex-direction: column}
	#mod-last-articles .mod-articles-item {flex: 1 1 auto;   /* optionnel mais propre */}
}

.link-item{flex: 0 0 32%; padding: 1rem; border: 1px solid #000}
.link-item img{margin-bottom: 1rem}
.link-text{display: block;font-family:"Voltaire", sans-serif;font-size:1.5rem;margin:0;padding:0 0 .325em 0;line-height:1.2; text-transform: uppercase; text-align: center}
@media only screen and (max-width:768px){
	.link-items.flex{flex-direction:column;justify-content: flex-start}
	.link-item{flex: 0 0 100%; margin-bottom: 1rem !important}
}


/*Full image*/
#main_com_content.vue122,#main_com_content.vue165{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}
#maincolumn.col-70{flex: 0 1 70%}
#sidebar.col-30{flex: 0 0 26%}
#maincolumn.col-70,#sidebar.col-30{min-width:0}
@media only screen and (max-width:768px){
	#main_com_content.vue122,#main_com_content.vue165{flex-direction:column;justify-content: flex-start}
	#maincolumn.col-70,#sidebar.col-30{flex: 0 0 100%;max-width:100%}
}

/*FIL D'ARIANE*/
.mod-breadcrumbs__wrapper{margin: 0; padding: 0; text-align: left}
.mod-breadcrumbs__wrapper ol{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.mod-breadcrumbs__divider.float-start{display: none}
.mod-breadcrumbs__wrapper a{color:#000}
@media only screen and (max-width:768px){
	.mod-breadcrumbs__wrapper ol{display:block}
	.mod-breadcrumbs__wrapper ol li{display:inline}
}


/*Blog*/
.com-content-category-blog .category-desc{padding-bottom:2rem}
.com-content-category-blog .category-desc h1{margin:0 !important;padding:0 !important}
.com-content-category-blog .category-desc h2{font-size: clamp(1.1rem, 1.7vw, 1.4rem);margin: 0 0 1.8rem}
.com-content-category-blog__items{display:grid;gap:2rem;grid-template-columns:repeat(2, minmax(0, 1fr))}
.com-content-category-blog__item.blog-item{width:100%;padding-top:2rem;border-top: 1px solid #000}
@media (max-width: 768px) {.com-content-category-blog__items {grid-template-columns: 1fr;}}
.com-content-category-blog__item.blog-item .page-header h2{font-family:"Voltaire", sans-serif;font-size:1.8em;margin:0;padding:0 0 .325em 0;line-height:1.1;text-transform: uppercase}
.com-content-category-blog__item.blog-item .page-header h2 a{color:#000}
.com-content-category-blog__item.blog-item dl.article-info{margin: 1rem 0 .325rem; padding: 0} 
.com-content-category-blog__item.blog-item .published{font-size: var(--fs-small);color: rgba(0,0,0,.4);margin:0;padding:0}
.com-content-category-blog__item.blog-item .readmore a.btn{margin-top:1rem !important;display:inline-block;color:#000!important;text-decoration:none;padding:.325em 1em;border:1px dashed #000}
.com-content-category-blog__item.blog-item .readmore a.btn:hover{color:#fff !important;background:#000;border:1px dashed #000}
.com-content-category-blog__item.blog-item figure {margin:0;padding:0;border-radius:5px;overflow: hidden}
.com-content-category-blog__item.blog-item figure img{display:block;width:100%;height:auto;transition: transform .6s cubic-bezier(.25,.46,.45,.94)}
.com-content-category-blog__item.blog-item figure img:hover{transform: scale(1.08)}

/*Blog Article*/
.blogactu{}
.blogactu h1{font-family:"Voltaire", sans-serif;font-size:var(--fs-h1);margin:.125em 0 0 0 !important;padding:0 !important;line-height:1.2;text-transform:uppercase}
.article-split__grid {}
.article-split__grid .page-header{margin: 0; padding: 0}
.article-split__grid dl.article-info{margin:0;padding:0}
/* Colonne image */
.article-split__media{width: 100%;}
.article-split__media figure{width:100%;margin:0;padding: 0}
.article-split__media img{width:100%;height:auto;display:block;border-radius:5px}
.article-split__content {width: 100%}
.blogactu .published{font-size: var(--fs-small);color: rgba(0,0,0,.4);margin:0 0 1rem 0;padding:0}

.com-content-article__body p{margin-bottom:1rem}
.com-content-article__media{border:1px solid #000;margin-bottom:2rem;padding:2rem 2rem 1rem 2rem}
.com-content-article__media p{margin-top:1rem;margin-bottom:0; color: rgba(0,0,0,.5) !important}
.blogactu .list-disc{list-style-type:disc;padding-left:0;margin-left:1.2em; margin-bottom: 1rem}
@media only screen and (max-width:768px){
	.com-content-article__media{border:none;margin-bottom:2rem;padding:0 !important}
}


.shape {}
.img-shape{float:left;margin:0 20px 10px 0;border:1px solid #000;padding:1em}
.img-169{width:60%;height:auto;object-fit: cover;shape-outside:inset(0)}
.shape::after{content:"";display:block;clear:both}

/*Pagination Categorie*/
.com-content-category-blog__pagination{border-top:1px double #000;margin:2rem 0 0 0;padding: 2rem 0}
.com-content-category-blog__pagination nav.pagination__wrapper{}
nav.pagination__wrapper ul.pagination {display:flex;justify-content: center;gap:0.5rem;padding:0;margin:0;list-style:none;align-items:center}
nav.pagination__wrapper ul.pagination .page-item{display:flex}
nav.pagination__wrapper ul.pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .75rem;font-size:.9rem;border-radius:8px;text-decoration:none;transition: 0.2s ease-in-out}
nav.pagination__wrapper ul.pagination .page-item.active .page-link{background:#000;color:#fff}
nav.pagination__wrapper ul.pagination .page-item.disabled .page-link{opacity:.35;cursor:default;pointer-events:none}

/*¨Pagination Article*/
.article-nav{margin-top:2rem;}
.article-nav__inner{display:flex;justify-content:space-between;gap: 2rem;flex-wrap:wrap}
.article-nav__link{display:flex;flex-direction:column;text-decoration:none;max-width:48%}
.article-nav__link--prev{align-items:flex-start}
.article-nav__link--next{align-items:flex-end;text-align:right}
.article-nav__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;display:inline-flex;gap:.4rem}
.article-nav__title{font-size:.95rem;font-weight:600}
@media only screen and (max-width:768px){
	.article-nav__inner{flex-direction:column;justify-content:flex-start;gap:0}
	.article-nav__link{display: block;max-width:100%}
	.article-nav__link--prev{margin-bottom: 1rem}
}


/*Menu items*/
.menu__wrapper,.border__wraper{padding:2rem; border: 1px solid #000}
.menu__line{margin-bottom:1rem}
.menu__header{color:#000; display:flex;align-items:baseline;}
.menu__wrapper h2,.border__wraper h2{font-family:"Voltaire", sans-serif;line-height:1.2;color:#000;font-size:1.325rem;margin:1rem 0 .325rem 0}
.menu__wrapper h3{font-family:"Voltaire", sans-serif;line-height:1.2;color:#000;font-size:1em}
.menu__wrapper h3.menu__title,.menu__price{font-family:"Voltaire", sans-serif;line-height:1.2;color:#000;font-size:1em}
.menu__wrapper h3.menu__star{font-size:1.325em }

.menu__dots {flex:1;border-bottom:1px dashed rgba(0,0,0,.3);margin:0 1em}
.menu__description{margin:0;padding:0}
.hr-text{line-height:1em;position:relative;outline:0;border:0;color:#000;text-align:center;height:1.5em}
.hr-text:before{content:"";background: linear-gradient(to right, transparent, #000, transparent);position:absolute;left:0;top:50%;width:100%;height:1px}
.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 0.5em;line-height:1.5em;background-color:#fcfcfa}
.gradient-line{width:50%;margin:1rem auto;display:block;border:none;height:1px;background:#f8f4f3;background:linear-gradient(to right, #f8f4f3, #000, #000, #000, #f8f4f3)}


/* Galerie */
.gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:0px;width:100%;margin:0 0 4rem 0}
.gallery-item {position: relative;padding:1rem 2rem;overflow:hidden;border-top:dashed 2px #000; border-left:none}

.gallery-item:nth-child(1),.gallery-item:nth-child(2),.gallery-item:nth-child(3){border-top:none}
.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(5),.gallery-item:nth-child(6){border-left:dashed 2px #000}

 .gallery-item img {display:block;width:100%;height:100%;cursor:pointer;border-radius: 5px; transition:transform .2s ease}
.gallery-item img:hover{transform:translateY(-2px)}

.gallery-item::after{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);font-size:2em;opacity:0;transition:all 0.3s ease;pointer-events:none;text-align:center;color:#000;background:#f8f4f3;width:2em;height:2em;line-height:2em;border-radius:100%}

.gallery-item:hover::after {transform: translate(-50%, -50%) scale(1);opacity: 1;}

.lightbox {position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f4f3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:15000}
.lightbox.active {opacity: 1;visibility:visible}
.lightbox-content{position:relative;max-width:90%;max-height:80vh;animation:zoomIn 0.3s ease;padding-bottom:100px}

@keyframes zoomIn {from {transform: scale(0.8);opacity: 0;}to {transform: scale(1);opacity: 1;}}

.lightbox img{max-width:100%;max-height:70vh;border-radius:5px;user-select:none}

.lightbox-close {position:fixed;top:30px;right:40px;color: #000;font-size: 40px;cursor: pointer;background: rgba(255,255,255,0);width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(10px);border: none;transition: all 0.3s ease;z-index: 1001;}

.lightbox-close:hover {transform:rotate(90deg) scale(1.1);background:rgba(255,255,255,0.2)}

.lightbox-nav {position:fixed;top:50%;transform:translateY(-50%);color: #000;font-size: 50px;cursor: pointer;padding: 20px;background: rgba(255,255,255,0.1);border-radius: 50%;transition: all 0.3s ease;backdrop-filter: blur(10px);border: none;user-select: none;z-index: 1001;}
.lightbox-nav:hover{background:rgba(255,255,255,0.2);transform:translateY(-50%) scale(1.1);}
.lightbox-nav.prev{left:30px}
.lightbox-nav.next{right:30px}

.image-title{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#000;font-size:1em;text-align:center;width:100% !important}

@media (max-width: 768px) {
    .gallery{grid-template-columns:repeat(1, 1fr);gap:10px}
    .gallery-item {padding:0;border-top:none}
    .gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(5),.gallery-item:nth-child(6){border-left:none}
    .lightbox-close {top: 20px;right: 20px;font-size: 30px;width: 40px;height: 40px;}
    .lightbox-nav {font-size: 30px;padding: 10px;opacity: 0.7;}
    .lightbox-nav.prev {left: 10px;}
    .lightbox-nav.next {right: 10px;}
    .image-title {position: static;transform: none;margin-top: 15px;}
    .lightbox-content {display: flex;flex-direction: column;align-items: center;}
}

/*Contact Form Pro*/
#rsform_3_page_0{margin: 1rem 0 4rem 0}
.rsform_3.flex{flex-wrap:wrap;margin-top: 0}

.formHidden{position:absolute;left:-20000px;top:-20000px;opacity:0}
.formNoError{display:none}
.formField{display:block;overflow:auto}
.formClr{clear:both;display:block}
sup.formRequired{margin-left:3px;opacity:.5;font-size:10px}
div.formCaption{display:block;width:25%;min-height:12px}
.formResponsive .formHorizontal .hide{display:none}

.rsform-block.rsform-block-lastname,.rsform-block.rsform-block-firstname,.rsform-block.rsform-block-email,.rsform-block.rsform-block-ville,.rsform-block.rsform-block-comments{position:relative;padding:1em}
.rsform-block-sujet{position:relative;padding:.938em 1em 1em 1em}
.rsform-block-lastname label,.rsform-block-firstname label,.rsform-block-email label,.rsform-block.rsform-block-ville label,.rsform-block-comments label{position:absolute;top:1.8em;left:1.875em;width:auto;color:#000;opacity:1;line-height:1;pointer-events:none;transition: all .3s linear}

form.formResponsive input[type=text]:focus + label{top: -.1em;color: #777777}
form.formResponsive input[type=text]:not(:placeholder-shown) + label {top: -.1em;color: #777777;opacity:1}
form.formResponsive input[type=text]:focus:valid + label {top: -.1em;color:#777777;opacity:1}
form.formResponsive textarea:focus + label{top: -.1em;color: #777777;opacity:1}
form.formResponsive textarea:not(:placeholder-shown) + label {top: -.1em;color: #777777;opacity:1}
form.formResponsive textarea:focus:valid + label {top: -.1em; color: #777777;opacity:1}
.formResponsive .formHorizontal .formControls{width:100%;margin:0;padding:0}
.formResponsive .formHorizontal p.formDescription{display:none}
.formResponsive .formHorizontal .formValidation,.formResponsive .formHorizontal .input-append,.formResponsive .formHorizontal .input-prepend,.formResponsive .formHorizontal .uneditable-input,.formResponsive .formHorizontal input,.formResponsive .formHorizontal textarea{border:none;outline:0}
.formResponsive input,.formResponsive textarea{width:100%;display: inline-block}
.formResponsive input[type=text],
.formResponsive input[type=number],
.formResponsive input[type=email],
.formResponsive input[type=tel],
.formResponsive input[type=url],
.formResponsive input[type=password]{color: #777777;height:3em;padding:.250em .625em;line-height:3em;background:#fff;box-shadow: rgba(149, 157, 165, .1) 0px 8px 24px; border-radius:5px}
.formResponsive .formHorizontal textarea{color:#777777;min-height:144px;padding:.250em .625em;background:#fff;resize:none;box-shadow: rgba(149, 157, 165, .1) 0px 8px 24px;border-radius: 5px}

.rsform-block.rsform-block-sujet label.rsform-error {background:#a0333c;color: #fff}
.rsform-block.rsform-block-sujet label.rsform-error.checked {background:#007bff}

@media only screen and (max-width: 768px){
	.rsform_3.flex{flex-direction:column;justify-content:flex-start}
	.rsform-block.rsform-block-lastname,.rsform-block.rsform-block-firstname,.rsform-block.rsform-block-email,.rsform-block.rsform-block-ville,.rsform-block.rsform-block-comments{padding:1em 0 !important}
	.rsform-block-sujet{padding:.938em 0 1em 0}
	.getintouch_intro{padding-top:2em}
	.getintouch{padding-bottom:6em}
	.formResponsive{margin-top:1em}
	.rsform-block {padding: 1em 0}
}

.formResponsive .rsform-block-firstname input[type=text]{text-transform: uppercase}
.formResponsive input[type=radio],.formResponsive input[type=checkbox]{margin:5px 5px 0 0;line-height:normal;cursor:pointer;padding-left:18px;float:left}

.formResponsive input[type=file]:focus,.formResponsive input[type=radio]:focus,.formResponsive input[type=checkbox]:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
.formResponsive button[type=reset],
.formResponsive button[type=button],
.formResponsive button[type=submit],
.formResponsive input[type=reset],
.formResponsive input[type=button],
.formResponsive input[type=submit]{border:none;text-align:center;vertical-align:middle;cursor:pointer}
.formResponsive button[type=reset]:focus,
.formResponsive button[type=button]:focus,
.formResponsive button[type=submit]:focus,
.formResponsive input[type=reset]:focus,
.formResponsive input[type=button]:focus,
.formResponsive input[type=submit]:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}

.formResponsive button[type=submit],.formResponsive input[type=submit]{font-family:"PT Mono", monospace;font-size:1em;letter-spacing:-.0325em;padding:.525em 3em;margin:0 auto;background-color:#000;color:#fff;border:2px dashed #000;border-radius: 5px; transition:background .3s linear}
.formResponsive button[type=submit]:hover,.formResponsive input[type=submit]:hover{background:#fff;color:#000}
.formResponsive .formError{color:#a0333c;padding:0;vertical-align:middle;font-size:13px;font-weight:300;margin:3px 0;height:18px;display:block}
.formResponsive input.rsform-error,.formResponsive select.rsform-error,.formResponsive textarea.rsform-error{color:#a0333c;border-color:#a0333c}
.formResponsive textarea.rsform-error {background:rgba(255,255,255,1)}


.formResponsive label.rsform-error{color:#a0333c}
form.formResponsive input[type=text]:focus + label.rsform-error{color:#a0333c}
form.formResponsive input[type=text]:not(:placeholder-shown) + label.rsform-error {color:#a0333c}

form.formResponsive textarea:focus + label.rsform-error{color:#a0333c}
form.formResponsive textarea:not(:placeholder-shown) + label.rsform-error {color:#a0333c}

.formResponsive input.rsform-error:focus,.formResponsive select.rsform-error:focus,.formResponsive textarea.rsform-error:focus{border-color:#a0333c}

/*Custom Select*/
.rsform-block-sujet .rsform-select-box{width:100%;box-sizing:border-box;padding:0.7rem 2.4rem 0.7rem 1rem;border-radius:5px;border:none;background-color:#fff;font-family:"PT Mono", monospace;font-size:0.95rem;line-height: 1.3;color: #000;outline: none;cursor: pointer;box-shadow: rgba(149, 157, 165, .1) 0px 8px 24px;-webkit-appearance: none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%239b8b73' height='8' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 L6 6 L12 0'/></svg>");background-repeat: no-repeat;background-position:right 1rem center;background-size:12px 8px}
.rsform-block-sujet .rsform-select-box:focus {border:none}
.rsform-block-sujet .rsform-select-box::-ms-expand {display:none}
@media (min-width: 900px) {
  .rsform-block-sujet .rsform-select-box {
    width: 80%;
  }
}

p.alert{color:#a0333c}

.rsform-block-rgpd{margin-bottom: 1rem}
.rsform-block-rgpd p{font-size: .875em}

span.formValidation,p.formDescription{display: none}
.formRed{display: inline-block;color:#fff;font-weight:normal;background:#a0333c; border-radius:1.250rem;padding: .125rem 1rem;margin: 0 0 1rem 1rem}
.formError{color:#a0333c;font-weight:300;font-size:10px}

.formRed{-webkit-animation:fadeDiv 2s;-moz-animation:fadeDiv 2s;-ms-animation:fadeDiv 2s;-o-animation:fadeDiv 2s;animation:fadeDiv 2s}
@keyframes fadeDiv {from { opacity: 0; }to   { opacity: 1; }}
@-moz-keyframes fadeDiv {from { opacity: 0; }to   { opacity: 1; }}
@-webkit-keyframes fadeDiv {from { opacity: 0; }to   { opacity: 1; }}
.grecaptcha-badge { visibility: hidden; }


.thanks{padding:2em 0}
.thanks,.thanks h2{color:#000 !important}
.thanks h2{margin-top:2rem}
.thanks .svg-inline--fa{font-size:4rem; display: inline-block;
  vertical-align: middle;
  line-height: 1;overflow: visible;}

/* Style général pour le wrapper */
.rsform-block-friendlycaptcha{width:100%;margin:1em 0;}
.rsform-block-capchawrapper{width:100%;margin:0 auto;text-align: left !important}
.frc-captcha{display:block;margin:0 auto;min-height:80px!important}

/*Mention Legales*/
.page-legals h2{font-size:1.325em;color:#000;margin:0;padding:0;line-height:1.1;text-transform: uppercase}
.page-legals h2:not(:first-child){margin:2em 0 0 0}

/*Operations*/
#footer{background:var(--bg-color);color:#000;padding-bottom:4em}
#footer, #footer a{color:#000}
#footer .custom_footer{border-top:1px solid #000;padding-top:4em}
#footer .flex{align-items:center}

#footer .footer_box1{flex: 0 0 100px}
#footer .footer_box1 img{display: block;width: 100%;height: auto;max-width: 100px;}
#footer .footer_box2{flex: 0 0 26%; border-right: 1px solid #000}
#footer .footer-hours{margin-top: 1em}
#footer .footer_ul .svg-inline--fa{margin-right:.325em}
#footer .footer-legal{margin-top:1rem}

@media only screen and (max-width: 768px){
	#footer li.tactile{padding:.525rem 0 !important}
	#footer span.tactile{display: block; padding:.525rem 0 0 0 !important}
	#footer .custom_footer{padding-top:2em}	
	#footer .flex{flex-direction:column;justify-content: flex-start}
	#footer .footer_box2{margin: 1rem 0}
	#footer .footer_box1,#footer .footer_box2,#footer .footer_box3{flex:0 0 100%;max-width:100%;border-right:none;text-align:center}
}