@charset "utf-8";
@font-face {font-family: "regular";src:url('font/Montserrat-Regular.ttf') format('truetype'),url('font/Montserrat-Regular.woff') format('woff'),url('font/Montserrat-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {font-family: "titre";src:url('font/Montserrat-Bold.ttf') format('truetype'),url('font/Montserrat-Bold.woff') format('woff'),url('font/Montserrat-Bold.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}

@font-face {font-family: "semibold";src:url('font/Montserrat-SemiBold.ttf') format('truetype'),url('font/Montserrat-SemiBold.woff') format('woff'),url('font/Montserrat-SemiBold.woff2') format('woff2');font-weight: normal;font-style: normal;font-display: swap;}


/*All*/
.album .hoverDirectionDiv div,.fullPageBan .galerie li{background-position:50% 50%;background-repeat:no-repeat}*,.mfp-container,.slick-slider,:after,:before,img.mfp-img{box-sizing:border-box}.slick-dots li button:before,.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.owl-carousel.owl-drag .owl-item,.slick-slider{touch-action:pan-y;user-select:none}.mfp-arrow,.owl-carousel,.owl-carousel .owl-item,.slick-slider{-webkit-tap-highlight-color:transparent}.clearfix,.container{clear:both;float:none}.actuUl,.galerie li,.temoignageUl{list-style-type:none}.galerie li img,.heightTotal,.mfp-container:before,.mfp-content,.tableCell{vertical-align:middle}.container{margin-right:auto;margin-left:auto}.lg-1,.lg-10,.lg-11,.lg-12,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.md-1,.md-10,.md-11,.md-12,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.sm-1,.sm-10,.sm-11,.sm-12,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.xs-1,.xs-10,.xs-11,.xs-12,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9{position:relative;min-height:1px}.xs-1,.xs-10,.xs-11,.xs-12,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9{float:left}#ban .galerie,.table,.xs-12{width:100%}.xs-11{width:91.66666667%}.xs-10{width:83.33333333%}.xs-9{width:75%}.xs-8{width:66.66666667%}.xs-7{width:58.33333333%}.xs-6{width:50%}.xs-5{width:41.66666667%}.xs-4{width:33.33333333%}.xs-3{width:25%}.xs-2{width:16.66666667%}.xs-1{width:8.33333333%}.xs-offset-12{margin-left:100%}.xs-offset-11{margin-left:91.66666667%}.xs-offset-10{margin-left:83.33333333%}.xs-offset-9{margin-left:75%}.xs-offset-8{margin-left:66.66666667%}.xs-offset-7{margin-left:58.33333333%}.xs-offset-6{margin-left:50%}.xs-offset-5{margin-left:41.66666667%}.xs-offset-4{margin-left:33.33333333%}.xs-offset-3{margin-left:25%}.xs-offset-2{margin-left:16.66666667%}.xs-offset-1{margin-left:8.33333333%}.xs-offset-0{margin-left:0}@media (min-width:768px){.container{width:750px}.sm-1,.sm-10,.sm-11,.sm-12,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9{float:left}.sm-12{width:100%}.sm-11{width:91.66666667%}.sm-10{width:83.33333333%}.sm-9{width:75%}.sm-8{width:66.66666667%}.sm-7{width:58.33333333%}.sm-6{width:50%}.sm-5{width:41.66666667%}.sm-4{width:33.33333333%}.sm-3{width:25%}.sm-2{width:16.66666667%}.sm-1{width:8.33333333%}.sm-offset-12{margin-left:100%}.sm-offset-11{margin-left:91.66666667%}.sm-offset-10{margin-left:83.33333333%}.sm-offset-9{margin-left:75%}.sm-offset-8{margin-left:66.66666667%}.sm-offset-7{margin-left:58.33333333%}.sm-offset-6{margin-left:50%}.sm-offset-5{margin-left:41.66666667%}.sm-offset-4{margin-left:33.33333333%}.sm-offset-3{margin-left:25%}.sm-offset-2{margin-left:16.66666667%}.sm-offset-1{margin-left:8.33333333%}.sm-offset-0{margin-left:0}}@media (min-width:993px){.container{width:970px}.md-1,.md-10,.md-11,.md-12,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9{float:left}.md-12{width:100%}.md-11{width:91.66666667%}.md-10{width:83.33333333%}.md-9{width:75%}.md-8{width:66.66666667%}.md-7{width:58.33333333%}.md-6{width:50%}.md-5{width:41.66666667%}.md-4{width:33.33333333%}.md-3{width:25%}.md-2{width:16.66666667%}.md-1{width:8.33333333%}.md-offset-12{margin-left:100%}.md-offset-11{margin-left:91.66666667%}.md-offset-10{margin-left:83.33333333%}.md-offset-9{margin-left:75%}.md-offset-8{margin-left:66.66666667%}.md-offset-7{margin-left:58.33333333%}.md-offset-6{margin-left:50%}.md-offset-5{margin-left:41.66666667%}.md-offset-4{margin-left:33.33333333%}.md-offset-3{margin-left:25%}.md-offset-2{margin-left:16.66666667%}.md-offset-1{margin-left:8.33333333%}.md-offset-0{margin-left:0}}.hidden,.mfp-hide,.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}@media (min-width:768px) and (max-width:992px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}@media (min-width:993px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}@media (min-width:1200px){.container{width:1170px}.lg-1,.lg-10,.lg-11,.lg-12,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9{float:left}.lg-12{width:100%}.lg-11{width:91.66666667%}.lg-10{width:83.33333333%}.lg-9{width:75%}.lg-8{width:66.66666667%}.lg-7{width:58.33333333%}.lg-6{width:50%}.lg-5{width:41.66666667%}.lg-4{width:33.33333333%}.lg-3{width:25%}.lg-2{width:16.66666667%}.lg-1{width:8.33333333%}.lg-offset-12{margin-left:100%}.lg-offset-11{margin-left:91.66666667%}.lg-offset-10{margin-left:83.33333333%}.lg-offset-9{margin-left:75%}.lg-offset-8{margin-left:66.66666667%}.lg-offset-7{margin-left:58.33333333%}.lg-offset-6{margin-left:50%}.lg-offset-5{margin-left:41.66666667%}.lg-offset-4{margin-left:33.33333333%}.lg-offset-3{margin-left:25%}.lg-offset-2{margin-left:16.66666667%}.lg-offset-1{margin-left:8.33333333%}.lg-offset-0{margin-left:0}.visible-lg{display:block!important}.hidden-lg{display:none!important}}.fullPageBan .galerie li img,.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader,.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.pucesB,.realBottom .precedentGalerie,.realBottom .suivantGalerie,.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.albumDiv,.center,.galerie li,.galerieZoom,.mfp-container,.pucesB,.titrePhoto{text-align:center}.right{text-align:right}.left,.mfp-content{text-align:left}.flash,.flash .actuUl .premier,.fullPageBan,.relative,.tem,.tem .temoignageUl .premier{position:relative}.flash .active,.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover,.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before,.tem .active{opacity:1}.flash .actuUl,.tem .temoignageUl{position:relative;overflow:hidden}.flash .actuUl li,.tem .temoignageUl li{position:absolute;height:100%;width:100%;opacity:0;top:0;left:0;transition:.2s ease-out}.actuUl li.active,.temoignageUl li.active{opacity:1;z-index:1;transition:.2s ease-out}.fullPageBan{width:100%;height:100%}.fullPageBan .galerie li{background-size:cover;transform:translatez(0)}.fullPageBan .galerie,.fullPageBan .photoDiv,.galerieZoom,.galerieZoom .photoDiv,.galerieZoom ul,.heightTotal,.table,.tableCell{height:100%}#ban .precedentBan,#ban .suivantBan,.precedentGalerie,.suivantGalerie{position:absolute;width:50px;background-position:50% 50%;z-index:8;top:0;height:100%;cursor:pointer;background-repeat:no-repeat}#ban .precedentBan{left:0;display:none}#ban .suivantBan{right:0;display:none}.precedentGalerie{left:0;background-size:auto 50px;background-image:url(../img/center/left.png)}.suivantGalerie{right:0;background-size:auto 50px;background-image:url(../img/center/right.png)}.galerie .premier{position:relative;z-index:0}.galerie li img{max-width:100%;max-height:100%;margin:auto}.galerie li a{display:block;width:100%;height:100%}.galerie li{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:.8s ease-out}.galerie li.active{opacity:1;z-index:1;transition:.8s ease-out}.hoverDirection{position:relative;padding:15px}.hoverDirection .hoverDirectionDiv{position:relative;overflow:hidden!important;padding:0!important;cursor:pointer}.hoverDirection .hoverDirectionDiv .hoverDirectionButton{position:absolute;background-color:rgba(255,255,255,.2);background-position:50%;background-repeat:no-repeat;background-size:50px;height:100%;width:100%;z-index:4;margin:0!important;display:none}.galerieZoom::after{content:"";position:absolute;left:0;top:100%;width:100%;height:100px;background-color:rgba(0,0,0,.9)}.galerieZoom{position:fixed;top:0;left:0;width:100%;z-index:99999999999;background-color:rgba(0,0,0,.95);display:none}.galerieZoom.activeZoom,.no-js .owl-carousel,.owl-carousel.owl-loaded,.slick-initialized .slick-slide,.slick-slide img,.table,.tableCell{display:block}.tableCell{padding:20px 0;position:relative}.albumDiv{position:relative;margin-bottom:50px}.albumDiv img{max-width:95%!important;max-height:95%!important}.albumDiv .galerie li a{position:relative;display:inline-block;height:100%}.albumDiv .galerie{padding:0;position:relative;text-align:center;max-width:800px;width:100%;margin:0 auto;display:inline-block}.heightTotal{width:0;display:inline-block}.titrePhoto{color:#000;font-size:1em;position:absolute;padding:0 30px;bottom:10px;width:100%}.closeGal{position:fixed;right:10px;top:10px;cursor:pointer;z-index:9999}.album .hoverDirectionDiv,.album>span{display:block;position:relative}.album .hoverDirectionDiv div::after{content:"";display:block;padding-bottom:100%;position:relative}.album .hoverDirectionDiv div{background-size:cover}.album>span{overflow:hidden;left:0;z-index:5;right:0;top:0;color:#000;padding:10px;height:62px}.compteurGal{font-size:.7em;position:absolute;right:3px;bottom:3px;color:#fff}@media (max-width:767px){.visible-xs{display:block!important}.hidden-xs{display:none!important}.xs-12{float:none}.closeGal{width:40px}}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042999;overflow:hidden;background:#0b0b0b;opacity:.95}.mfp-wrap{z-index:1043999;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{position:absolute;left:0;top:0;padding:0 8px}.mfp-container:before{display:inline-block;height:100%}.mfp-content{position:relative;display:inline-block;margin:0 auto;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{user-select:none}.mfp-preloader{color:#ccc;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-title,.mfp-title>a{color:#fcfcfc!important}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.mfp-title{text-align:left;line-height:18px;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure,.slick-list.dragging{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-container,.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.titrePhotoAlbumPage{color:#000;bottom:-20px}.slick-list{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.owl-carousel.owl-refresh .owl-item,.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.owl-carousel.owl-rtl .owl-item,[dir=rtl] .slick-slide{float:right}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-loading .slick-list{background:#fff}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.owl-carousel{display:none;width:100%;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{backface-visibility:hidden;transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-grab{cursor:move}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav,.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
#preload {
	width: 50px;
	display: none;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 60px;
	right: 0;
	margin: auto auto;
}
.section span,
.section li,
.section *{
	color:var(--text);
}
.circle {
	width: 50px;
	height: 50px;
	margin: 30px auto;
	border-radius: 50px;
	box-sizing: border-box;
	border: solid 10px rgba(0, 0, 0, 0.1);
	border-top-color: var(--a);
	-webkit-animation: spin 1s infinite linear;
}
.centerLoader {
	text-align: center;
}
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
/* Animations pas top avec mAnimGroup2 : */
@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:0}80%{transform:translateY(0) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}100%{transform:scale(1);opacity:1}}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}from{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translate3d(0,0,0)}}@keyframes fadeInBottomLeft{from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fadeInBottomRight{from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes flip{from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes rotateInDownLeft{from{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@keyframes wigleLeftRight{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}
.afterRotate {
	-webkit-backface-visibility: hidden;
	outline: 1px solid transparent;
}
.errorDiv {
	width: 100%;
	overflow: hidden;
}
img {
	border: none;
}
body {
	overflow-x: hidden;
	background-color: var(--fond);
	font-size: 15px;
}
header {
	position: relative;
}
*, p {
	font-family: 'regular', Arial, sans-serif;
	margin: 0;
	padding: 0;
}
p,html {
	color: var(--text);
}
iframe {
	max-width: 100%;
}
html {
	font-family: sans-serif;
	text-size-adjust: 100%;
}
a{
	color: var(--a);
	text-decoration: none;
}
a:hover {
	color: var(--hover);
	text-decoration: none;
}
::selection {
	background-color: rgba(100,100,100,0.6);
	color: #fff;
}
::-moz-selection {
	background-color: rgba(100,100,100,0.6);
	color: #fff;
}
*{
	outline: none !important;
}
ul{
	list-style-position: inside;
	margin: 0;
}

#center ul li:first-letter {
	text-transform: uppercase;
}

#all {
	overflow: hidden;
}

.obflink {
	display: block;
	cursor: pointer;
}

.buttonMenu,
.buttonMenu2,
.buttonMenuLeft {
	display: none;
}

.sharer {
	display: inline-block;
	margin: 5px;
}

.transi {
	transition: all 0.2s ease-out;
}

.bg-rps {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.container2 {
	width: 95%;
	max-width: 1600px;
	margin: auto;
}
.containerFlex {
	display: flex;
	flex-wrap: wrap;
}
.containerAlign {
	display: flex;
	align-items: center;
}
.containerSpace {
	display: flex;
	justify-content: space-between;
}
.containerRelative {
	position: relative;
	z-index: 1;
}
.wh-100 {
	width: 100%;
	height: 100%;
}
.corner {
	position: absolute;
	left: 0;
	top: 0;
}
.container {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/*ANIMATIONS*/
.scene,.scene .layer{backface-visibility:hidden}.active.backInUp,.mAnimGroup2.active.backInUp>*{animation:2s ease-in backInUp}.active.bounceIn{animation:2s ease-in bouneceIn}.mAnimGroup2.active.bounceIn>*{animation:2s ease-in bouceIn}.active.backInLeft,.mAnimGroup2.active.backInLeft>*{animation:2s ease-in backInLeft}.active.backInRight,.mAnimGroup2.active.backInRight>*{animation:2s ease-in backInRight}.active.fadeInBottomLeft,.mAnimGroup2.active.fadeInBottomLeft>*{animation:2s ease-in fadeInBottomLeft}.active.fadeInBottomRight,.mAnimGroup2.active.fadeInBottomRight>*{animation:2s ease-in fadeInBottomRight}.active.flip{animation:2s ease-in flip}.active.flipInX,.mAnimGroup2.active.flipInX>*{animation:2s ease-in flipInX}.active.flipInY,.mAnimGroup2.active.flipInY>*{animation:2s ease-in flipInY}.active.rotateInDownLeft,.mAnimGroup2.active.rotateInDownLeft>*{animation:2s ease-in rotateInDownLeft}.active.wigleLeftRight,.mAnimGroup2.active.wigleLeftRight>*{animation:2s ease-in wigleLeftRight}.active.zoomInDown,.mAnimGroup2.active.zoomInDown>*,.mAnimGroup2.active.zoomInUp>*{animation:2s ease-in zoomInDown}.active.zoomInUp{animation:2s ease-in zoomInUp}.mAnim2,.mAnimGroup2{position:relative;opacity:0}.mAnim2.active,.mAnimGroup2.active{opacity:1}.anim{opacity:0}.mAnim,.mAnim.animate,.mAnimGroup.animate>*,.mAnimGroup>*{transition:.75s ease-out}.scale{transform:scale(0)}.scale.animate{transform:scale(1)}.fromBottom,.mAnimGroup.fromBottom>*{transform:translateY(120%);opacity:0}.fromBottom.animate,.mAnimGroup.fromBottom.animate>*{transform:translateY(0);opacity:1}.fromRight,.mAnimGroup.fromRight>*{transform:translateX(120%);opacity:0}.fromLeft.animate,.fromRight.animate,.mAnimGroup.fromLeft.animate>*,.mAnimGroup.fromRight.animate>*{transform:translateX(0);opacity:1}.fromLeft,.mAnimGroup.fromLeft>*{transform:translateX(-120%);opacity:0}.scene{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);transform-style:preserve-3d}.scene .layer{width:110%;height:110%;overflow:hidden;position:absolute;display:block;left:-5%;top:0;transform-style:preserve-3d}.close,.far,.middle{background-position:center;background-size:cover;position:absolute;width:100%;height:100%;left:0;top:-5%}
/*header.tpl*/
#ban {
	max-height: 1200px;
	position: relative;
    height: 800px;
}

#ban .textBan * {
	color: #fff !important;
}

#ban video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#ban .textBan {
	position: absolute;
	bottom: 0px;
	top: 0;
	margin: auto;
	max-width: 100%;
	height: 100px;
	width: 500px;
	left: 0px;
	right: 0;
	font-size: 2em;
	text-shadow: 0 0 10px #000;
	z-index: 4;
}

#ban.fixed .galerie {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*#ban .galerie li.active.active2::after {
	width: 0;
}
#ban .galerie li.active::after {
	width: 100%;
	transition: all 5.2s ease-out;
}
#ban .galerie li::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--plus);
}*/
#ban.dezoom .galerie {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.2);
	transition: all 0.1s ease-out;
}

.firstHead {
	position: absolute;
	left: 0;
	background-color: var(--titre);
	line-height: 50px;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 8;
}
.firstHead .textCoord {
	letter-spacing: 1px;
}

.firstHead .container {
	position: relative;
}


.firstHead span {
	display: inline-block;
	margin: 0 2px;
}

.wrapLiens {
	position: absolute;
	right: 20px;
	top: 8px;
}

.wrapLiens a {
    display: inline-flex;
    margin-left: 5px;
    width: 35px;
    background-color: var(--a);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    height: 35px;
}

.wrapLiens img {
	width: 100%;
  	max-width:25px;
}

/* on Ban */
.onBan {
	position: absolute;
	z-index: 5;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.logo {
	width: 100%;
	max-width: 225px;
	display: block;
}

.logo a {
	display: block;
}

.logo img {
	width: 100%;
	display: block;
}

/* Down */
.down {
	cursor: pointer;
	width: 70px;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	bottom: 40px;
	z-index: 3;
	transition: all 0.3s ease-out;
}

.down img {
	max-width: 100%;
}

.down:hover {
	transform: translateY(5px);
	transition: all 0.3s ease-out;
}

.secondHead {
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 15px 0;
	background: var(--header);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.firstHead .container2 {
	justify-content: flex-end;
}
.firstHead .container2 .containerAlign {
	padding-right: 30px;
}
.rightHead {
	display: flex;
	align-items: center;
}
.rightHead .plus {
	margin: 0 30px;
}

.scroll .secondHead {
	position: fixed;
	top: 0;
}

.menu {
	text-align: center;
}

.menuUl>ul>li {
	display: inline-block;
	color: #000;
	position: relative;
	padding: 15px 20px;
}

.menuUl>ul>li>a {
	font-size: 1em;
	color: var(--titre);
	display: block;
	cursor: pointer;
	text-transform: uppercase;
}

.menuUl>ul>li.active>a,
.menuUl>ul>li>a:hover {
	color: var(--a);
	font-weight: bold;
}

.menu .sousCat {
	display: none;
	position: absolute;
	left: -50%;
	width: 200%;
	top: 100%;
	z-index: 9999;
	list-style: none;
	box-shadow: 0 2px 5px rgba(0 0 0 / 10%);
	transition: all 0.1s ease-out;
}

.menu li:hover>.sousCat {
	display: block;
	transition: all 0.1s ease-out;
}

.menu .sousCat>li {
	width: 100% !important;
}

.menu .sousCat>li>a {
	display: block;
	padding: 10px;
	font-size: 1.1em;
	text-align: center;
	color: var(--a);
	background-color: #fff;
	transition: all 0.2s ease-out;
}

.menu .sousCat>li.active>a,
.menu .sousCat>li:hover>a {
	display: block;
	color: #fff;
	background-color: var(--a);
	transition: all 0.2s ease-out;
}

.menu .sousCat .sousCat {
	transform: scaleX(0);
	transform-origin: left;
	position: absolute;
	left: 100%;
	width: 100%;
	top: 0;
	z-index: 9999999;
	background-color: #CCCCCC;
	transition: all 0.1s ease-out;
}

/*Section*/

section,
.section {
	padding-top: var(--padding);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--fond);
	position: relative;
}
section {
	background-color: var(--titre);
}
section * {
	color: #fff;
}
section .rightSom * {
	color: #000;
}
section .container {
	padding-bottom: var(--padding);
}
section.sectionIndex:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	content: '';
	background-color: var(--fond);
}
section .sommaire a {
	overflow: hidden;
	position: relative;
	box-shadow: 0 10px 20px rgb(0 0 0 / 20%)
}
section .fondSom:after {
	padding-bottom: 60%;
}
.contentSomArticle {
	padding: 30px;
	background-color: #f7f7f7;
}
section .sommaire .titreSom {
	font-family: 'titre';
	text-transform: uppercase;
	font-size: 1.4em;
}
.onSomHoverArticle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	display: flex;
	transform: translateX(100%);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(0 0 0 / 80%);
}
section .sommaire a:hover .onSomHoverArticle {
	transform: translateX(0);
}
section .descSom,
section .descSom * {
	color: #fff !important;
}
.leftCenter,
.rightCenter {
	flex: 50%;
}
.rightCenter {
	padding: 50px;
	position: relative;
}
.contentCenter {
	height: 380px;
	overflow-y: scroll;
	padding-right: 20px;
	position: relative;
	z-index: 1;
	scrollbar-width: thin;
	scrollbar-color: #fff rgba(255 255 255 / 5%);
}
.rightCenter:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .8;
	background-color: var(--titre);
}
.rightCenter .titre_article,
.rightCenter * {
	color: #fff;
}
section .container2 {
	border-radius: 20px;
	overflow: hidden;
}

.cadre {
	padding: 5px 15px;
	margin: 15px 0;
	background-color: #f2efe8;
}

.contenuTab {
	display: none;
}

.contenuTab.active {
	display: block;
}

.titreTab {
	display: block;
	margin: 10px 0;
	width: 100%;
	cursor: pointer;
	padding: 10px;
	background-color: var(--a);
	border-bottom: solid 2px var(--a);
}

.titreTab h2 {
	font-size: 1.2em;
	margin: 0;
	color: #fff;
	text-align: center;
	opacity: 0.7;
}

.titreTab:hover h2 {
	color: var(--a);
}

.titreTab:hover {
	cursor: pointer;
	background-color: #fff;
	opacity: 0.8;
}

.titreTab.active h2 {
	opacity: 1;
	color: var(--a);
}

.titreTab.active {
	cursor: default;
	background-color: #fff;
}

.titre_article.titreTemoignage {
	margin-bottom: 10px;
}

.noteMoyenne span {
	line-height: 0.8em;
	padding-top: 2px;
	float: left;
	margin-left: 8px;
}

.noteMoyenne img {
	vertical-align: middle;
	display: inline-block;
	float: left;
	margin-right: 2px;
}

.noteMoyenne {
	margin-bottom: 30px;
}

.titre_article {
	margin-bottom: 40px;
	color: #fff
	text-wrap: balance;
	font-size: 2em;
	position: relative;
	text-align: center;
	font-family: 'titre';
	font-weight: normal;
}

article,
.article,
.temoignageDiv2 {
	margin: 20px 0;
}

.article img,
.contenuTab img {
	max-width: 100%;
	height: auto;
}

.article ol,
.contenuTab ol,
.contenuTab ol {
	padding: 5px;
	background-color: #efefef;
	list-style-type: none;
	margin: 10px 0;
}

.article ol li,
.contenuTab ol li {
	padding: 10px 15px;
	margin: 5px;
	background-color: #f6f6f6;
	display: inline-block;
}

.encadre {
	padding: 15px;
	background-color: transparent;
	border: 1px solid #fff;
}

.BlockPresta {
	display: block;
}

.BlockPresta table {
	width: 25%;
	height: auto !important;
	float: left;
	display: inline-block;
	border: none;
}

.BlockPresta table * {
	width: 100%;
	display: block;
	text-align: center !important;
}

article a,
article a *,
.section a,
.section a *,
.contenu_article a,
.contenu_article a *,
.article a,
.article a *,
.contenuTab a *,
.contenuTab a {
	color: var(--a);
}

.article .plus,
article .plus,
.section .plus,
.contenu_article .plus,
.contenuTab .plus {
	margin-left: 10px;
	margin-right: 10px;
}

.contenu_article h2,
.contenuTab h2 {
	font-size: 1.35em;
	color: var(--a);
}

.contenu_article h3,
.contenuTab h3 {
	font-size: 1.1em;
	color: var(--a);
}

.couleurSpan *,
.couleurSpan {
	color: var(--a) !important;
}

.contenuTab ul,
.contenu_article ul {
	list-style: disc outside none;
	padding: 10px 10px 10px 25px;
}

.paddingTiny {
	padding: 10px;
}

/*Liste à puce*/
ul[style*="list-style-type: square;"] {
	list-style-type: none !important;
}

ul[style*="list-style-type: square;"] li {
	position: relative;
	padding-left: 20px;
}

ul[style*="list-style-type: square;"] li::before {
	content: "➤";
	width: 20px;
	height: auto;
	position: absolute;
	left: 0px;
}

ul[style*="list-style-type: upper-roman;"] {
	list-style-type: none !important;
}

ul[style*="list-style-type: upper-roman;"] li {
	position: relative;
	padding-left: 20px;
}

ul[style*="list-style-type: upper-roman;"] li::before {
	content: "✓";
	width: 20px;
	height: auto;
	position: absolute;
	left: 0px;
}

ul[style*="list-style-type: georgian;"] {
	list-style-type: none !important;
	text-align: left !important;
	padding: 0 !important;
}

section ul[style*="list-style-type: georgian;"] li {
	display: inline-block;
	width: 33%;
}

ul[style*="list-style-type: georgian;"] li {
	position: relative;
	padding-left: 12px;
	text-align: left;
}

ul[style*="list-style-type: georgian;"] li::before {
	content: "●";
	width: 20px;
	height: auto;
	position: absolute;
	left: 0px;
}

/* Galerie Categorie
.realArticle{
  position: relative;
  margin-top: 30px;
}
.realArticle .galerie{
  position: relative;
} */
/*Galerie Categorie*/
.realArticle {
	position: relative;
	padding-top: 30px;
}

.realArticle .galerie {
	position: relative;
}

.realArticle .photoDiv {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.imgArticle {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	background-clip: content-box;
}

.imgArticle::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.imgArticle a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.photoDivSlick img {
	max-width: 100%;
}

/*Album par categorie*/
.AlbumsCategorie {
	padding: 20px 0;
}

.AlbumsCategorie .before_after {
	height: 400px;
}

.albumCategorie {
	padding: 7px;
}

.albumCategorie a {
	display: block;
}

.albumCategorie a:hover>div>div {
	opacity: 0.8;
	transform: scale(1.1);
	transition: all 0.3s ease-out;
}

.albumCategorie a>div>div {
	background-size: cover;
	background-position: 50%;
	opacity: 1;
	transform: scale(1);
	transition: all 0.3s ease-out;
}

.albumCategorie a>div {
	overflow: hidden;
}

.albumCategorie a>div>div::after {
	content: "";
	display: block;
	padding-bottom: 70%;
}

.titreAlbumCategorie {
	height: 80px;
	overflow: hidden;
	margin-top: 5px;
	text-align: center;
}

/*Photo pour album par categorie*/
.photoCategories {
	padding: 20px 0;
}

.photoCategorie {
	padding: 3px;
}

.photoCategorie a {
	display: block;
}

.photoCategorie a:hover div {
	opacity: 0.9;
	transition: all 0.3s ease-out;
}

.photoCategorie a div {
	background-size: cover;
	background-position: 50%;
	opacity: 1;
	transition: all 0.3s ease-out;
}

.photoCategorie a div div::after {
	content: "";
	display: block;
	padding-bottom: 70%;
}

.titrePhotoCategorie {
	height: 80px;
	overflow: hidden;
	margin-top: 5px;
	text-align: center;
}

/*Temoignages / Flash-infos*/
.blocTemFlashInside * {
	color: #323232 !important;
}

.actualiteDiv .dateFlash {
	font-size: 1.2em;
	margin-bottom: 5px;
	color: var(--a);
}

.blocTemFlashInside.nopadding {
	padding: 0;
}

.blocTemFlashInside {
	position: relative;
}

.actuAbsolute {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	bottom: 0;
}

.listingActu {
	padding: 10px;
	margin: 0;
}

.enteteActu {
	padding: 20px;
	background-color: #dedede !important;
}

.listingActu .blocTemFlashInside:hover .lirePlus {
	opacity: 0.8;
	transition: all 0.3s ease-out;
}

.lirePlus .middleLirePlus p {
	font-size: 1.1em;
	margin-top: 10px;
	text-transform: uppercase;
}

.lirePlus .middleLirePlus {
	display: table-cell;
	vertical-align: middle;
}

.tableLirePlus {
	display: table;
	width: 100%;
	height: 100%;
}

.listingActu .blocTemFlashInside .lirePlus {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--a) !important;
	opacity: 0;
	transition: all 0.3s ease-out;
}

.listingActu .blocTemFlashInside {
	height: 290px;
	padding: 0;
	position: relative;
}

.limitText>div {
	overflow: hidden;
	height: 100%;
}

.limitText {
	text-align: inherit;
	height: 200px;
}

/*Blog*/
.actualiteDiv .titreBlocTemFlashInside,
.blogDiv .titreBlocTemFlashInside {
	height: 65px;
	padding: 0 5px;
}

.actualiteDiv .titreBlocTemFlashInside,
.actualiteDiv .dateFlash,
.blogDiv .titreBlocTemFlashInside,
.blogDiv .dateFlash {
	color: var(--a) !important;
}

.actualiteDiv .dateFlash,
.blogDiv .dateFlash {
	font-size: 0.9em;
	padding: 5px 0;
	letter-spacing: 1px;
}

.blogDiv .blocTemFlashInside {
	height: 440px;
	margin-bottom: 0;
	padding: 4px;
	background-color: #e2e2e2;
}

.blogDiv .limitText::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(to top, #fff 50%, rgba(0, 0, 0, 0));
	z-index: 0;
}

.blogDiv .limitText {
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	background-color: #fff !important;
}

.blogText {
	padding: 20px;
	text-align: justify;
}

.imageBlog::after {
	content: "";
	display: block;
	padding-bottom: 60%;
}

.imageBlog {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.imageBlogA {
	height: 350px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 20px;
}

.leBlog {
	max-width: 850px;
	margin: auto;
}

.enteteLeBlog {
	padding: 20px;
	text-align: center;
}

.leBlog .contenu_article {
	padding: 20px;
	text-align: justify;
}

.leBlog,
.actualiteDiv {
	max-width: 100%;
	margin: auto;
}

.leBlog .imageBlog,
.actualiteDiv .imageBlog {
	margin-bottom: 15px;
}

.leBlog .imageBlog::after {
	content: "";
	display: block;
	padding-bottom: 35%;
}

.leBlog .dateBlog {
	font-style: italic;
}

.leBlog .titre_article {
	margin-bottom: 0px;
}

/*Actu Temoignage*/
.blocTemFlashInside .dateTemoignage,
.dateTemoignage {
	color: #888 !important;
	font-style: italic;
}

.titreBlocTemFlashInside {
	margin-top: 5px;
	font-size: 1.2em;
}

.blocTemFlashInside {
	text-align: center;
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #ededed;
	width: 100%;
}

.noteInput {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 2px;
	z-index: 1;
	cursor: pointer;
}

.noteInput input {
	opacity: 0;
	width: 16px;
	cursor: pointer;
	height: 16px;
	display: inline-block;
}

.noteInput.active img.on {
	display: block;
}

.noteInput img.on {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	width: 100%;
}

.noteInput img.off {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	top: 0;
	bottom: 0;
	width: 100%;
}

/*Equipe*/
.equipe {
	text-align: center;
	position: relative;
	padding: 50px 0;
}

.allEquipe {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.cardEquipe {
	padding: 15px;
}

.titreEquipe {
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff !important;
	margin-bottom: 0 !important;
	text-shadow: 3px 0 10px rgb(0 0 0 / 40%) !important;
}

.fondEquipe {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%);
}

.fondEquipe:after {
	content: '';
	display: block;
	padding-bottom: 130%;
}

.onFondEquipe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
}

.onFondEquipe2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateY(100%);
	background-color: var(--plus);
	transition: all 0.3s ease-out;
}

.divEquipe {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
}
.divEquipe2 img {
	filter: invert(1) brightness(0);
}
.divEquipe2 .descEquipe p,
.divEquipe2 .descEquipe *,
.divEquipe2 .descEquipe ,
.divEquipe2 .titreEquipe2 ,
.divEquipe2 .fonctionEquipe {
	color: #000 !important;
}
.divEquipe2 .titreEquipe2  {
	margin-bottom: 10px;
	padding-top: 20px;
}
.divEquipe .titreEquipe {
	bottom: unset;
	top: 0;
	font-size: 1.5em;
	position: relative;
	left: unset;
	transform: unset;
	margin-bottom: 40px !important;
}

.divEquipe .titreEquipe:after {
	position: absolute;
	left: 50%;
	bottom: -15px;
	background-color: #fff;
	content: '';
	width: 20px;
	height: 5px;
	transform: translateX(-50%) skewX(-20deg);
}

.fondEquipe:hover .onFondEquipe {
	transform: translateY(-100%);
	transition: all 0.3s ease-out;
}

.fondEquipe:hover .onFondEquipe2 {
	transform: translateY(0);
	transition: all 0.3s ease-out;
}

.fonctionEquipe {
	font-size: 1.3em;
	color: #fff;
	margin-bottom: 10px;
}

.descEquipe p,
.descEquipe * {
	color: #fff;
}
.descEquipe {
	font-size: 1.1em;
	padding: 10px 0;
	color: #fff;
}

.descEquipe * {
	color: #fff;
}

/*Document*/
.documents {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.document {
	text-align: center;
	padding: 15px;
}

.titre_document {
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 0 5px 0;
}

.desc_document {
	font-size: 0.9em
}

/*Carte*/
.carte {
	display: flex !important;
	flex-wrap: wrap;
}

.blockCarteCategorie {
	padding: 5px 2px;
	transition: all 0.2s ease-out;
}

.blockCarteCategorie a {
	position: relative;
	display: block;
	z-index: 0;
}

.blockCarteCategorie a:hover {
	opacity: 0.8;
	transition: all 0.2s ease-out;
}

.blockCarteCategorie a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: -1;
}

.flexCarte {
	display: flex;
	align-items: center;
	min-height: 80px;
}
.flexCarte2 {
	padding-left: 20px;
	width: calc(100% - 100px);
}
.w-100 {
	width: 100%;
}

.titreCarte {
	color: #fff;
	padding: 40px;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 1.2em;
}

.titreCarteArticle {
	padding: 5px 10px;
	display: inline-block;
	font-size: 1.3em;
	color: var(--a);
}

.rightCarte {
	text-align: right;
}

.ligneCarte {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.labelCarte,
.prixCarteItem {
	display: inline-block;
	padding: 0 5px;
	width: 20%;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

.imgCarteArticle {
	height: 300px;
	width: 100%;
}

.titreCarteItem {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 15px;
	position: relative;
}
.titreCarteItem:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 70%;
	height: 2px;
	content: '';
	background-color: var(--plus);
}

.ligneCarteItem {
	padding: 12px 15px;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.ligneCarteItem:nth-child(even) {
	background-color: #f7f7f7;
}

.imageCarteItem {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

.allDesc {
	padding-left: 5px;
}


.ligneCarte {
	position: relative;
	padding: 5px 15px;
	border-bottom: solid thin #000;
}

.carteLine {
	margin-top: 30px;
	border: 1px solid #ccc;
}

.descCarte {
	color: #999 !important;
	font-style: italic;
}

.prixCarte {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.3em;
}

/*CartePOP*/
.cartePOP {
	cursor: pointer;
}

.carteArticlePop {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	display: none;
}

.carteLinePop {
	position: relative;
	width: 50%;
	height: auto;
	margin: auto;
	scrollbar-color: rebeccapurple green;
	scrollbar-width: thin;
}

.ligneCarte,
.ligneCarteItem {
	background-color: #fff;
}

.carteArticlePop .closePop {
	position: relative;
	text-align: right;
	color: #fff;
	cursor: pointer;
	margin-top: 30px;
}

/*Produit*/
.produit {
	padding: 15px;
	transition: all 0.3s ease-out;
}
.logoProduit {
	max-width: 200px;
	width: 100%;
	margin: 20px auto 0 auto; 
}
.logoProduit img {
	width: 100%;
}
.produit:hover {
	opacity: 0.8;
	transform: scale(1.02);
	transition: all 0.3s ease-out;
}

.produit a {
	position: relative;
	display: block;
	border: 1px solid rgba(52, 52, 52, 0.2);
}

.titre_produit {
	position: relative;
	padding: 10px;
	height: 50px;
	overflow: hidden;
	font-size: 1.2em;
	margin: 0;
	color: #000;
}

.imgProduit {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 210px;
}

.prix_produitCat {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
	padding: 10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
	color: #000;
	background-color: #fff;
}

.rightProduit {
	position: relative;
	padding: 0 35px;
}

.photoProduit {
	position: relative;
	margin: 0 5px;
}

.photoProduitSlide {
	position: relative;
}

.slick-next:before,
.slick-prev:before {
	color: #0a0a0a !important;
}

.slick-next,
.slick-prev {
	background-color: transparent !important;
}

.realArticle .slick-next,
.realArticle .slick-prev,
.photoProduitSlide .slick-next,
.photoProduitSlide .slick-prev {
	width: 17px;
	height: 29px;
}

.realArticle .slick-next:before,
.realArticle .slick-prev:before,
.photoProduitSlide .slick-next:before,
.photoProduitSlide .slick-prev:before {
	content: none !important;
}

.titre_produitDiv {
	padding-bottom: 30px;
}

.refenre {
	padding-bottom: 10px;
}

.prixProduit {
	padding: 10px 0;
	font-size: 1.4em;
	font-weight: bold;
}

.resume {
	border: 1px solid #ccc;
	padding: 10px;
}

.blockPanierProduit {
	padding: 30px 0;
}

.titreProduit {
	font-size: 1.6em;
	padding: 20px 0;
}

.descriptif {
	position: relative;
	padding: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.blockPDF {
	position: relative;
	padding: 40px 0;
}

.titrePDF,
.blockPDF a {
	display: inline-block;
	vertical-align: middle;
}

.imgNouveaute {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.imgPromo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.blockPhotoProduitC {
	overflow: hidden;
	cursor: zoom-in;
}

.photoProduitC,
.photoProduitMini,
.galerieArticle {
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}

.galerieArticle {
	background-size: cover;
	margin: 10px;
}

.photoProduitC::after,
.photoProduitMini::after,
.galerieArticle::after {
	content: "";
	position: relative;
	padding-bottom: 75%;
	display: block;
}

/*Produit associe*/

.produitAssocies {
	padding: 15px;
}

.produitAssocies:nth-child(1) {
	padding-left: 0;
	padding-right: 30px;
}

.produitAssocies:nth-child(3) {
	padding-right: 0;
	padding-left: 30px;
}

.titreAssocie {
	margin: 20px 0 10px 0;
	color: #000;
}

.produitAssocieDiv {
	position: relative;
	border-top: 2px solid #ccc;
}

/*vehicule*/
.vendu {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto;
}

.vehiculeDiv {
	position: relative;
}

.photovehicule {
	position: relative;
}

.photovehicule img {
	max-height: 500px !important;
}

.titre_vehicule {
	height: 30px;
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	color: #424242;
}

.imgvehicule {
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 210px;
	border-bottom: 3px solid var(--a);
}

.prix_vehiculeCat {
	position: absolute !important;
	bottom: 5px !important;
	right: 5px !important;
	color: var(--a) !important;
	font-family: 'titre' !important;
	font-size: 1.5em !important;
}

.vehicule {
	text-align: center;
	padding: 15px;
	transition: all 0.6s ease-out;
	transform: scale(1);
}

.vehicule:hover {
	transition: all 0.6s ease-out;
	transform: scale(1.1);
}

.prix_vehicule {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 1.5em;
	color: #fff;
}

.retour {
	display: inline-block;
	margin-bottom: 10px;
	background-color: #f3f3f3;
	border-bottom: 1px solid var(--a);
}

.retour a {
	display: block;
	padding: 10px;
}

.retour:hover {
	background-color: #f8f8f8;
}

.equipements {
	position: relative;
	font-size: 1.1em;
	background-color: #fff;
}

.equipements li {
	width: 50%;
	float: left;
	margin: auto;
	color: #000;
}

.equipements * {
	color: #000;
}

.insidePhoto a {
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	border-bottom: 2px solid var(--a);
	display: block;
	opacity: 1;
	transition: all 0.3s ease-out;
}

.insidePhoto a:hover {
	opacity: 0.8;
	transition: all 0.3s ease-out;
}

.rightPhotovehicule a {
	height: 250px;
}

.blockPhoto .photo img {
	display: none !important;
}

.insidePhoto1 a {
	height: 500px;
	z-index: 1;
}

.insidePhoto6,
.insidePhoto7 {
	display: none;
}

.hoverPhoto {
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px 0 10px 5px;
	width: 50px;
	height: 50px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 0;
}

.insideHover {
	background-image: url(../img/center/see.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 50%;
	padding-left: 25px;
	color: #000;
}

.titre_vehiculeDiv {
	display: inline-block;
	font-size: 2em;
}

.prixvehicule {
	color: var(--a);
	font-size: 2em;
	float: right;
}

.blockPictovehicule {
	display: block;
	text-align: center;
	margin: 20px 0;
}

.pictovehicule {
	position: relative;
	margin: 20px 0px;
	display: inline-block;
	width: 12%;
}

.txtPicto {
	text-align: center;
	position: relative;
	display: inline-block;
	padding-top: 56px;
	font-weight: bold;
	font-size: 0.8em;
}

.txtPicto::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: contain;
}

.txtPicto1::after{background-image:url(../img/center/icon01.png)}.txtPicto2::after{background-image:url(../img/center/icon02.png)}.txtPicto3::after{background-image:url(../img/center/icon03.png)}.txtPicto4::after{background-image:url(../img/center/icon04.png)}.txtPicto5::after{background-image:url(../img/center/icon05.png)}.txtPicto6::after{background-image:url(../img/center/icon06.png)}.txtPicto7::after{background-image:url(../img/center/icon07.png)}.txtPicto8::after{background-image:url(../img/center/icon08.png)}

.titreCaract {
	position: relative;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.titreCaract::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	height: 3px;
	background-color: var(--a);
}

.essai a {
	display: inline-block;
	padding: 10px;
	margin: 10px 0;
	text-align: center;
	color: #fff;
	background-color: var(--a);
	opacity: 1;
	transition: all 0.3s ease-out;
}

.essai a:hover {
	opacity: 0.7;
	transition: all 0.3s ease-out;
}

.logo-vehicule img {
	width: 100%;
	max-width: 150px;
	margin: auto;
}

.blockVehicule {
	padding: 30px 0;
}

.blockVehiculeOne>div>p {
	margin: 3px;
	padding: 10px;
	background-color: #f3f3f3;
}

.blockAncre {
	position: relative;
	text-align: center;
	border-bottom: 1px solid #ccc;
	height: 67px;
}

.insideAncre.fixed {
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	background-color: #fff;
	z-index: 5;
}

.blockAncre div {
	display: inline-block;
	padding: 10px 30px;
	cursor: pointer;
	font-size: 1.2em;
}

.blockAncre div:hover,
.blockAncre div.active {
	color: var(--a);
}

/*Panier*/
.panier {
	position: absolute;
	right: 0px;
	padding: 10px;
	top: 0;
}

.groupRetrait {
	display: none !important;
}

.groupRetrait.active {
	display: block !important;
}

.panier img {
	max-width: 100%;
	margin-right: 10px;
}

.tableauPanier {
	display: table;
	width: 100%;
}

.lignePanier {
	background-color: #f1f1f1;
	display: table-row;
}

.lignePanier:first-child {
	background-color: #e1e1e1;
}

.lastLine .cellPanier {
	border: none;
}

.lastLine {
	background-color: transparent;
}

.lastLine .cellPanier:nth-child(3),
.lastLine .cellPanier:nth-child(4) {
	background-color: #e1e1e1;
}

.cellPanier {
	border-top: solid thin #ddd;
	padding: 10px;
	display: table-cell;
}

.boutonAjustPanier {
	display: inline-block;
	vertical-align: middle;
	background-color: #ccc;
	width: 20px;
	height: 20px;
	color: #000;
	cursor: pointer;
	margin: 0 2px;
	line-height: 1em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.insofrmationPanier {
	padding: 10px;
	background-color: #e1e1e1;
}

.formPanier {
	max-width: 900px !important;
	width: 100% !important;
	margin: 40px auto !important;
}

.panierArticle {
	margin: 0px auto;
	max-width: 900px !important;
	width: 100% !important;
}

.panier .groupTextarea {
	height: auto !important
}

.addPanier {
	margin-top: 30px;
}

.addPanier .plus {
	margin-top: 0;
	height: 50px;
	float: right;
}

.wrapNbProd {
	float: right;
	margin-right: 20px;
}

.moinsNb,
.plusNb {
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 2em;
	text-align: center;
	background-color: var(--plus);
	cursor: pointer;
	display: inline-block;
	border-radius: 100%;
	transition: all 0.3s ease-out;
	vertical-align: middle;
}

.moinsNb:hover,
.plusNb:hover {
	opacity: 0.7;
	transition: all 0.3s ease-out;
}

.nbProd {
	display: inline-block;
	line-height: 50px;
	margin: 0 10px;
	font-size: 1.4em;
	width: 60px;
	text-align: center;
	border: 1px solid #ccc
}

/*Bottom*/
.actuUl,
.temoignageUl {
	min-height: 180px;
}

.actuUl li>a {
	display: block;
}

.bottom {
	position: relative;
	background-color: var(--fond);
}

.titreBottom {
	color: var(--titre);
	font-size: 2.3em;
	margin-bottom: 50px;
	font-family: 'titre';
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
}
.titreBottom span {
	font-size: 0.6em;
	font-family: 'semibold';
}
.titreBottom:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 50px;
	height: 2px;
	content: '';
	background-color: var(--plus);
}

.plus {
	margin-top: 30px;
	padding: 15px 25px;
	background-color: var(--plus);
	color: #fff !important;
	position: relative;
	font-size: 1em;
	text-transform: uppercase;
	font-family: 'titre';
	letter-spacing: 1px;
	border-radius: 7px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s ease-out;
}

.plus:hover {
	background-color: var(--titre);
	color: #fff !important;
	transition: all 0.3s ease-out;
}

.plus2 {
	margin-top: 30px;
	padding: 10px 30px;
	background-color: #000000;
	color: #fff !important;
	border: none;
	position: relative;
	font-size: 1em;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s ease-out;
}

.plus2:hover {
	background-color: #FFFFFF;
	color: #000000 !important;
	transition: all 0.3s ease-out;
}

.plusCroix {
	position: relative;
	display: inline-block;
	margin: 30px auto 0;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	background-color: transparent;
	border: 2px solid #FFFFFF;
	transition: all 0.3s ease-out;
}

.plusCroix::before,
.plusCroix::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 34px;
	height: 2px;
	background-color: #FFFFFF;
	margin: auto;
}

.plusCroix::after {
	transform: rotate(90deg);
}

.plusCroix:hover {
	animation: pulse 0.8s infinite cubic-bezier(0.66, 0, 0, 1);
}
.allTitre {
	display: flex;
	align-items: center;
	justify-content: center;
}
.allTitre .titreBefore {
	color: #fff;
	right: 0;
	font-size: 1.1em;
	text-transform: uppercase;
}
.titreBefore {
	position: relative;
	right: 30px;
}
.titreAfter {
	position: relative;
	left: 30px;
}
.titreBefore,
.titreAfter {

	padding: 10px;
	color: #000;
	z-index: 1;
}

@-ms-keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@-webkit-keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@-moz-keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
/* **** Before_after **** */
.slide {
	height: auto;
	position: relative;
	z-index: 3;
	width: 100%;
}

.slide input {
	border: none;
	box-shadow: unset;
	margin: 0;
	display: block;
}

.imgAfter {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}

.imgBefore {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* Before_afterBan */
.before_afterBan {
	width: 100%;
	height: 100%;
	position: relative;
}

/* Effet classique */
.slideVertical {
	height: 100%;
}

.slideVertical input {
	height: 100%;
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	overflow: hidden;
	outline: none;
}

#ban .slideVertical input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 10px;
	height: 1400px !important;
	background-color: #fff !important;
	cursor: pointer;
	margin: 7px;
}

.slideVertical input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	height: 1400px !important;
	background-color: #fff !important;
	cursor: pointer;
}

.slideVertical input::-moz-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	transform: translateX(9px);
	width: 10px;
	height: 1400px !important;
	background-color: #fff !important;
	cursor: pointer;
}

.sliderButton {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-17px, -50%);
	z-index: -1;
}

.leftBA {
	position: absolute;
	left: 5px;
	width: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.rightBA {
	position: absolute;
	width: 6px;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.slideVertical~.imgBefore {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}

/* Effet faded */
.slideHorizontal~.imgBefore {
	width: 100%;
	opacity: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.slideHorizontal~.imgAfter {
	opacity: 1;
}

.slideHorizontal {
	height: 30px;
	width: 50%;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 100px;
}

.slideHorizontal input {
	-webkit-appearance: none;
	width: 100%;
	background-color: #fff;
	height: 4px;
	border: none;
	box-shadow: unset;
	border-radius: 5px;
}

.slideHorizontal input::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #fff !important;
	cursor: pointer;
}

.before_after {
	height: 500px;
	width: 500px;
	max-width: 100%;
	position: relative;
}

.before_after .slideVertical input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 6px;
	transform: translateX(3px);
	height: 1400px !important;
	background-color: #fff !important;
	cursor: pointer;
}

.before_after .slideVertical input::-moz-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	transform: translateX(3px);
	width: 6px;
	height: 1400px !important;
	background-color: #fff !important;
	cursor: pointer;
}

.before_after .sliderButton {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

/* Faded */
.slideHorizontal2~.imgBefore {
	left: -100%;
	transform: translateX(0);
	opacity: 1;
}

.sliderHeight {
	width: 5px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.slideVertical input {
	opacity: 0;
}

/*Sommaire sans lien*/
.sommaireA {
	position: relative;
	padding: 30px 0;
	margin: 50px 0;
}

.sommaireA:nth-child(2n+1) .rightSom {
	float: left;
}

.sommaireA:nth-child(2n) .rightSom {
	float: right;
}

.sommaireA:nth-child(2n+1) .leftSom {
	right: 0;
	left: initial;
}

.rightSom {
	box-shadow: 0 10px 20px rgba(0 0 0 / 10%);
	min-height: 200px;
	padding: 40px;
	width: 60%;
	border-radius: 15px;
	background-color: var(--fond2);
	
}
.descSomA{

}
.descSomScroll{
	max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
	scrollbar-color: var(--plus) transparent;
	padding-right: 10px;
}
.leftSom {
	position: absolute;
	left: 0;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	top: 0;
}

:root {
	--padding: 100px;
}

/*Sommaire*/
.sommaires {
	padding: var(--padding) 0;
}

.sommaire {
	padding: 10px;
}
.leftDivSom {
	position: relative;
	z-index: 1;
	background-color: var(--fond);
}
.leftDivSom:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 2000px;
	height: 100%;
	content: '';
	transform: translateX(-100%);
	background-color: var(--fond);
}
.nextSlick,
.prevSlick {
	position: relative;
	width: 50px;
	aspect-ratio: 1/1;
	cursor: pointer;
	background-color: var(--plus);
	border-radius: 50%;
	margin: 0 10px;
}
.nextSlick img,
.prevSlick img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.divSlick {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.nextSlick:hover,
.prevSlick:hover {
	opacity: .5;
}



.sommaire a,
.sommaire .lienSom {
	display: block;
	text-align: center;
}

.sommaire img {
	max-width: 100%;
}

.pictoSom::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.pictoSom {
	margin: auto;
	width: 250px;
	background-repeat: no-repeat;
	background-position: 50%;
}

.fondSom::after {
	content: "";
	display: block;
	padding-bottom: 70%;
	transition: all 0.3s ease-out;
}

.sommaire a:hover .fondSom::after,
.sommaire .lienSom:hover .fondSom::after{
	opacity: 1;
	transition: all 0.3s ease-out;
}

.fondSom {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	border-radius: 20px;
}
.onSom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
	display: flex;
	border-radius: 20px;
	align-items: center;
	justify-content: space-between;
	background-color: rgba(0 0 0 / 50%);
}
.divPicto {
	width: 50px;
	aspect-ratio: 1/1;
	background-color: var(--plus);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.titreSom {
	color: #fff;
	font-family: 'semibold';
	text-transform: uppercase;
	font-size: 1.3em;
}
.sommaires .slick-list {
	overflow: unset;
}
.sommaire .lienSom:hover {
	transform: scale(0.9);
}


/*Sommaire dropdown*/
.sommaireDropdown{
	padding: 10px 0;
}
.titreSomDropdown {
	color: var(--plus);
	font-size: 1.2em;
	font-family: 'titre';
	cursor: pointer;
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
}
.titreSomDropdown img {
	position: absolute;
	left: 10px;
	max-width: 12px;
	top: 50%;
	transform: translateY(-50%);
}
.sommaireDropdown .containerAlign {
	margin-bottom: 20px;
}
.hiddenSom {
	overflow: hidden;
	height: 0;
}
.sommaireDropdown .titreSomDropdown.active img {
	transform: translateY(-50%) rotate(90deg);
}
/*Actualite*/
.actu {
	padding-bottom: var(--padding);
}
.leftActu a {
	padding: 30px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.dateFlash {
	font-family: 'titre';
	color: var(--titre);
	font-size: clamp(2em,2vw,2.5em);
}
.centerActu {
	padding: 10px 20px;
	width: calc(100% - 200px);
}
.titreFlash {
	font-size: 1.2em;
	margin-bottom: 20px;
	color: var(--titre);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'semibold';
}

.rightActu {
	aspect-ratio: 1/0.4;
	border-radius: 20px;
}

.flexActu {
	display: flex;
	flex-wrap: wrap;
}

.flexD {
	flex-direction: row-reverse;
}

.mDivActu {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

.actuUl * {
	color: #000;
}

/*Témoignage*/
.temoignage {
	padding: var(--padding) 0;
}
.temoignage .titreBottom:after {
	left: 50%;
	transform: translateX(-50%);
}
.temoignageInside {
	padding: 30px;
	border-radius: 20px;
	background-color: var(--fond2);
}

.temoignageDiv {
	position: relative;
	padding: 0 max(50px,5vw);
}
.temoignageDiv .noteTem {
	margin: 0;
}

.temoignageDiv .auteur {
	padding: 0;
	margin: 0;
	margin-left: 10px;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: normal;
}
.temoignageDiv .containerSpace {
	margin-bottom: 30px;
}
.suivantTem,
.precedentTem {
	width: 50px;
	aspect-ratio: 1/1;
	position: absolute;
	top: 50%;
	cursor: pointer;
	background-color: var(--plus);
	transform: translateY(-50%);
	border-radius: 50%;
}
.suivantTem img,
.precedentTem img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.suivantTem {
	right: 0;
}
.precedentTem {
	left: 0;
}
.suivantTem:hover,
.precedentTem:hover {
	opacity: .5;
}

.temoignageUl * {
	color: #000;
}

.contenuTem {
	font-style: italic;
}

.auteur {
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 20px;
}

.noteTem img {
	display: inline-block !important;
}

.noteTem {
	text-align: center;
	margin-bottom: 10px;
}

.paddSlick {
	padding: 10px;
}

/* Realisations */

.imgR {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.realBottom .photoDiv {
	position: relative;
	width: 300px;
	margin: auto;
}

.realBottom .galerie {
	height: 300px;
}

.realBottom .galerie li {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

/* CoordonnéesHome */
.leftCoord {
	position: relative;
	padding: 20px;
	background-color: #ececec;
}

.bottomCoord {
	position: relative;
	padding: 75px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.bottomCoord:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .8;
	background-color: var(--titre);
}
.linksCoord {
  margin-top: 30px;
	margin-left: 20px;
}
.linksCoord img {
	filter: grayscale(100) brightness(100);
}
.divForm,
.coord {
	flex: 50%;
}
.coord {
	padding-left: 50px;
}
.textCoord {
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
}
.textCoord * {
	color: #fff;
}
.bottomCoord .titreBottom,
.bottomCoord .titreBottom span {
	color: #fff;
}
.bottomCoord .titreBottom:after {
	background-color: #fff;
}

.flexC {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 10px;
}

.flexPicto {
	padding: 10px;
	justify-content: space-between;
}

.flexPicto>div {
	padding: 15px;
	margin: 10px auto;
}

.pictoLargeurFixe {
	justify-content: center;
}

.pictoLargeurFixe>div {
	width: 200px;
	text-align: center;
}

.pictoFond>div {
	background-color: rgba(0, 0, 0, 0.5);
}

.section .flexC {
	border: dashed 1px rgba(0, 0, 0, 0.3);
}

.section .flexPicto>div {
	border: dashed 1px rgba(0, 0, 0, 0.3);
}

.iconC {
	padding-right: 10px;
}

.coordonnee-image {
	height: 100%;
	min-height: 250px;
}

.coordonnee-image .iframe {
	height: 100% !important;
}

.coordonnee-image .iframe iframe {
	height: 100%;
	width: 100%;
}

.coordonnee-image a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.coordonnee-image a img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
}

/* CoordonnéesContact */
.planCoord {
	padding: 20px 0;
}

.planCoord iframe {
	width: 100%;
	height: 300px;
}

#magasinSelect {
	width: auto;
}

/* Map */
.map a {
	display: block;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* Newsletter */
.newsletter {
	padding: 40px 0;
	text-align: center;
}

.newsletterF {
	max-width: 100%;
	position: relative;
	display: inline-block;
}

.sub {
	cursor: pointer;
}

.newsletter .text {
	padding: 13px 25px;
	background-color: #fff;
	border: none;
	max-width: 100%;
	border-radius: 0;
	width: 500px;
	/* padding-right: 80px;*/
}

/*
.newsletter .sub {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  border: none;
  background-color: transparent;
}
.newsletter .correctFormat ~ .pict,
.newsletter .incorrectFormat ~ .pict {
  right: 50px;
}
*/
/* Partenaires */
.partenaireDiv {
	text-align: center;
}

.partenaire {
	width: 250px;
	max-width: 100%;
	margin: 10px;
	display: inline-block;
}

.partenaire img {
	max-width: 100%;
}

/*Footer*/
footer {
	position: relative;
	background-color: var(--footer);
	padding: 10px 0;
}

.lienFooter {
	padding: 30px 0;
	text-align: right;
}

.lienFooter li:first-child::after {
	display: none;
}

.lienFooter li::after {
	content: "";
	position: absolute;
	left: -2px;
	width: 4px;
	height: 1px;
	background-color: #fff;
	margin: auto;
	top: 0;
	bottom: 0;
}

.lienFooter li {
	position: relative;
	display: inline-block;
	padding: 0 20px;
}

.lienFooter li a {
	display: inline-block;
	font-size: 1em;
	color: var(--titre);
	text-transform: uppercase;
}
.lienFooter li a:hover {
	opacity: 0.8;
}
/* Up */
.up {
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease-out;
}

.up img {
	max-width: 100%;
}

.up:hover {
	transform: translate(-50%,-60%);
	transition: all 0.3s ease-out;
}

/*Bar fixed*/
.coordBar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--a);
	text-align: center;
	z-index: 10;
	align-items: center;
	justify-content: space-between;
}

.coordBar a {
	color: #fff;
	display: block;
	padding: 8px;
	font-size: 15px;
}

.flexCoordBar {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	border-left: solid thin rgba(255, 255, 255, 0.3);
}

.flexCoordBar:first-child {
	border: none;
}

.flexCoordBar img {
	padding-bottom: 5px;
}

/*CmlickToCall*/
.webcalbackBG {
	filter: invert(100%);
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.webcallback .buttonwebcallback {
	content: "";
	position: absolute;
	right: 5px;
	top: -65px;
	width: 60px;
	cursor: pointer;
	height: 60px;
	border-radius: 50%;
	background-color: var(--plus);
}

.webcallback label {
	padding-bottom: 4px;
	display: inline-block;
	margin: 0;
}

.webcallback label,
.demandeOk {
	color: #000 !important;
}

.demandeOk {
	color: #000 !important;
}

.demandeOk img {
	display: block;
	vertical-align: bottom;
	margin-right: 20px;
	float: left;
	width: 48px;
}

.webcallback.active {
	transform: translateY(0);
	transition: all 0.3s ease-out;
}

.webcallback {
	position: fixed;
	right: 0;
	width: 100%;
	max-width: 450px;
	bottom: 0;
	transform: translateY(100%);
	background-color: #f0f0f0;
	padding: 7px 20px 10px 20px;
	z-index: 11;
	font-size: 0.9em;
	transition: all 0.3s ease-out;
}

.webcallback .group {
	padding-right: 138px;
	position: relative;
	height: auto !important;
	margin: 0;
}

.webcallback input {
	font-size: 1em;
	background-color: #fff;
}

.webcallback button {
	position: absolute;
	right: 0;
	width: 138px;
	font-size: 1.1em;
	color: #fff;
	bottom: 0;
	display: inline-block;
	cursor: pointer;
	background-color: var(--a);
	padding: 8px 20px;
	border: none;
}

.mediaDiv a:hover {
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease-out;
}

.mediaDiv a {
	background-color: rgba(0, 0, 0, 0.2);
	display: inline-block;
	padding: 40px 20px;
	border-radius: 100%;
	color: #fff;
	width: 250px;
	height: 250px;
	transition: all 0.3s ease-out;
}

.mediaDiv a p {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 1px;
}

.leftMedia,
.rightMedia {
	padding: 20px;
}

.mediaDiv {
	text-align: center;
}

/*Prestation*/
.prestations {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
}

.prestation {
	padding: 10px;
}

.prestation a {
	display: block;
	border: 2px solid #dd930c;
	background-color: transparent;
	padding: 10px;
	text-align: center;
	height: 100%;
}

.prixPrestation span {
	color: #424242;
	font-size: 0.5em;
}

.prestation img {
	width: 100%;
}

.titrePrestation {
	font-size: 1.2em;
}

.prixPrestation {
	color: var(--a);
	font-size: 1.4em;
	margin-bottom: 10px;
}

.blockInfosPresta {
	padding: 20px;
	background-color: #f2f2f2;
}

.descriptifPresta,
.optionPresta {
	padding: 40px 0;
}

.optionPresta {
	margin-top: 20px;
}

.titrePrestationDesc {
	margin-bottom: 20px;
	color: var(--a);
	font-size: 1.2em;
}

.containerPresta {
	display: flex;
	flex-wrap: wrap;
}
.ref_suivant {
	margin: 4px;
	float: right;
	display: inline-block;
	vertical-align: middle;
	padding: 3px 7px;
}
.lienRefloop {
	margin-top: 30px;
}
.lienRefloop .titreSomDropdown.rouge{
	color:red !important;
	font-weight: bold;
	font-size: 1.2em;
}
.lienRefloop .heightSom{
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	background-color: rgba(0,0,0,0.03);
}
.pastille_ref {
	vertical-align: middle;
	color: var(--a) !important;
	margin: 3px 10px;
	display: inline-block;
}
.titreRef {
	text-align: left;
}
/*Breadcrump*/
.breadcrumb {
	padding: 10px 0;
}

.breadcrumbInside {
	background-color: #fff;
	display: inline-block;
	padding: 5px;
	color: #000;
}

.breadcrumb a {
	display: inline-block;
	font-size: 0.8em;
	color: var(--a);
	padding: 2px;
}

.breadcrumb a.breadcrumbDisable {
	color: #000;
}

/*Puce*/
.pucesB,.pucesF,.pucesG,.pucesT{position:absolute;width:100%;text-align:center;top:70px;left:0}.pucesF,.pucesG,.pucesT{z-index:7;display:none}.pucesG{display:block}.pucesB li,.pucesF li,.pucesG li,.pucesT li{height:13px;width:13px;border-radius:100%;background-color:#999a9a;opacity:.5;display:inline-block;margin:0 2px;list-style:none;cursor:pointer}.pucesB li.active,.pucesB li:hover,.pucesF li.active,.pucesF li:hover,.pucesG li.active,.pucesG li:hover,.pucesT li.active,.pucesT li:hover{opacity:1}.pucesB li.active,.pucesF li.active,.pucesG li.active,.pucesT li.active{cursor:default;background-color:#728d41}.pucesB{z-index:9;display:none}


/*Contact.tpl*/
section .form {
	max-width: 100%;
	width: 950px;
	margin: auto;
}

.contactFormulaire form {
	width: 100%;
	max-width: 100%;
}

.rightFormulaireContact {
	padding-left: 5px;
}

.rightFormulaireContact>div {
	background-color: #fcfcfc;
	padding: 30px 15px;
	margin-bottom: 10px;
	text-align: center;
}

.rightFormulaireContact .adresseContact {
	font-size: 1.3em;
	margin-bottom: 14px;
}

.raisonContact {
	font-size: 1.3em;
	margin-bottom: 8px;
}

.telContact {
	font-size: 1.6em;
	margin-top: 7px;
}

.telContact * {
	color: var(--a);
}

.groupTextarea {
	height: auto;
}

.contactFormulaire .groupTextarea textarea {
	height: 237px !important;
}

.formulaireDiv {
	padding: 0 10px;
}

.planContact {
	padding-top: 50px;
}

.planContact iframe::after {
	content: "";
	display: block;
	padding-bottom: 50%;
}

.planContact iframe {
	width: 100% !important;
}

.placeholderF {
	margin-bottom: 10px;
	color: #ffff;
	font-size: 1em;
	transition: all 0.2s ease-out;
	pointer-events:none;
}
.group {
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: left;
	float: left;
	height: auto;
	margin-top: 15px;
}

.groupInfo span {
	margin-left: 20px;
}

.groupInfo::after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	top: 5px;
	left: 0;
	background-color: #fff;
	border: solid thin #e1e1e1;
	z-index: 0;
}

.groupInfo.checked::before {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	top: 8px;
	left: 3px;
	background-color: var(--a);
	z-index: 1;
}

.groupInfo input {
	z-index: 2;
	position: absolute;
	margin: 0;
	opacity: 0;
	margin-right: 15px;
	left: -12px;
	top: 6px;
}

.nobot {
	margin-top: 20px;
	position: relative;
}

.nobot span {
	color: #fff;
	margin-left: 25px;
}

.oblig {
	font-style: italic;
	font-size: 0.8em;
	margin-top: 15px;
}

.nobot::after {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	top: 0;
	left: 0;
	background-color: #fff;
	border: solid thin #222;
	z-index: 0;
}

.nobot.checked::before {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	top: 3px;
	left: 3px;
	background-color: var(--a);
	z-index: 1;
}

.nobot input {
	z-index: 2;
	position: absolute;
	margin: 0;
	opacity: 0;
	margin-right: 15px;
	left: 0;
	top: 0;
}

.field {
	font-size: 1.1em;
	padding: 12px 20px;
	display: block;
	width: 100%;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	position: relative;
	margin: 0;
	border-radius: 0 !important;
}

.field2 {
	font-size: 1.2em;
	padding: 8px;
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #757575;
	background-color: #f6f6f6;
	position: relative;
	margin: 0;
	border-radius: 0 !important;
}

.fieldD {
	position: relative;
}

.fieldD::after {
	content: attr(label);
	position: absolute;
	left: 10px;
	top: -10px;
	font-size: 1em;
	color: #bababa;
}

.incorrectFormat~.pict {
	position: absolute;
	right: 22px;
	bottom: 10px;
	content: "";
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/nomatching.png);
}

.correctFormat~.pict {
	position: absolute;
	right: 8px;
	bottom: 10px;
	content: "";
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/matching.png);
}

.relative {
	position: relative;
	max-width: 100%;
}

.field:focus {
	outline: none;
}

label {
	font-weight: normal;
	font-size: 1em;
	color: var(--text);
	margin-top: 20px;
}

label span {
	color: #000;
	margin-left: 15px;
	display: inline-block;
}

.inputFileContact {
	cursor: pointer;
}

.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before,
.bar:after {
	content: '';
	height: 3px;
	width: 0;
	bottom: 0px;
	position: absolute;
	background: var(--a);
	transition: 0.2s ease-in all;
}

.bar:before {
	left: 50%;
}

.bar:after {
	right: 50%;
}

.field:focus~.bar:before,
.field:focus~.bar:after {
	width: 50%;
}

.form .groupTextarea,
.form .groupFile {
	margin-top: 15px;
	border: none;
}

.form .groupFile div {
	position: relative;
}

.form .groupFile div input {
	font-size: 1.1em;
	padding: 8px;
	height: 100%;
	width: 100%;
}

.form .groupFile div span {
	display: none;
}

.form .groupFile div span img {
	height: 18px;
	margin-right: 20px;
}

.form .groupTextarea textarea {
	width: 100%;
	height: 130px;
	resize: none;
}

.infosSuccess img {
	margin-right: 10px;
	vertical-align: middle;
}

.infosSuccess {
	padding: 10px;
	color: #fff;
	background-color: #1a8725;
	margin: 15px 0;
}

.infosError {
	padding: 10px;
	color: #fff;
	background-color: #b10808;
	margin: 15px 0;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	box-shadow: inset 0 0px 0px 50px #f6f6f6 !important;
}

/*newsletter*/
.newsletterFormulaire {
	max-width: 500px;
	margin: auto;
	width: 100%
}

.inscriptionFail,
.inscriptionOk {
	padding: 15px;
	color: #fff;
	margin: 15px 0
}

.newsletterFormulaire select {
	margin: 0 0 20px
}

.inscriptionFail {
	background-color: #b10808
}

.inscriptionOk {
	background-color: #1a8725
}

/*Agenda*/
.listingField,.profilField{background-color:#e1e1e1;text-transform:uppercase}.listingLine,.profilLine{display:table-row;width:100%}.listingLine>div,.profilLine>div{display:table-cell;padding:6px 12px;color:#636363;border-bottom:thin solid #e1e1e1;border-right:thin solid #e1e1e1;text-align:left}.listingLine>div:first-child,.listingLine>div:last-child,.profilLine>div:last-child{border-right:none!important}.agenda{position:relative}.agendaXS{display:none}.agenda *{text-align:center!important}.horairediv{background-color:#e1e1e1}.numeroDiv{font-size:1.3em;color:#508eb5}.precedentBouton,.suivantBouton{color:#818181!important;position:absolute;top:0;background-repeat:no-repeat;display:inline-block}.agenda .listingLine>div{padding:0;vertical-align:middle;background-color:#f1f1f1}.reserve a{color:#000!important}.agenda .listingLine>div>div>a{padding:10px 25px;display:block}.complet,.indisponnible{padding:10px 25px}.agenda .table{display:table;width:100%}.indisponnible{background-color:#f1f1f1;background-image:url(../lib/CCMS/backoffice/img/del2.png);background-repeat:no-repeat;background-position:50%;background-size:15px;height:100%}.complet,.reserve{background-color:#c4c4dd;height:100%}.libre{background-color:#93ff88;height:100%}.mois{text-transform:uppercase;font-size:1.4em;padding:20px 0}.precedentBouton{padding:20px 20px 20px 50px;background-image:url(../lib/CCMS/backoffice/img/back.png);background-position:left;left:0}.suivantBouton{right:0;padding:20px 50px 20px 20px;background-image:url(../lib/CCMS/backoffice/img/back2.png);background-position:right}


/****Module Filtre****/
.filtre{display:table;width:100%;text-align:left;transition:.5s ease-out}.titreFiltre2:first-child::after,.titreFiltre:first-child::after{display:none}.titreFiltre2::after,.titreFiltre::after{content:"";position:absolute;left:0;top:0;bottom:0;height:15px;margin:auto;width:1px;background-color:#ccc}.titreFiltre,.titreFiltre2{position:relative;display:inline-block;width:auto;font-size:1em;text-transform:uppercase;letter-spacing:1px;font-family:regular;padding:10px;cursor:pointer;margin:1px;color:#ccc}.titreFiltre2:hover,.titreFiltre:hover{color:var(--a);opacity:.8;transition:.5s ease-out}.titreFiltre.active,.titreFiltre2.active{color:var(--a);transition:.5s ease-out}
.filtreSommaires{
	display: none;
}

.albums {
	min-height: 380px
}

.album {
	opacity: 1;
	padding:1px;
	transition: opacity .5s ease-out
}

.cacheAnim {
	opacity: 0;
	transition: .5s ease-out
}

.cache {
	height: 0;
	width: 0;
	padding: 0;
	overflow: hidden;
	transition: ease-out
}

figcaption {
	font-style: italic;
	font-size: .8em
}

/****POP Up*****/
.popUpDiv .table {
	display: table;
	width: 100%;
	height: 100%;
}

.popUpDiv .tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

.popInside {
	display: inline-block;
	margin-right: auto;
	background-color: #e3e3e3;
	border-radius: 0px;
	padding: 15px;
	max-width: 100%;
	width: 550px;
	text-align: center;
	position: relative;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

.popInside h2 {
	color: #000;
	margin-bottom: 30px;
	font-size: 1.4em;
}

.popInside * {
	color: #000;
	text-align: left;
	font-size: 0.9em;
}

.popUpDiv {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
}

.closePopUp img {
	width: 40px;
}

.closePopUp {
	position: absolute;
	right: 10px;
	top: 10px;
}

/****Module Vidéo*****/
.blockVideos {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.video {
	padding: 5px;
	margin-bottom: 15px;
	flex: 1 1 50%;
}

.video iframe {
	width: 100%;
	max-width: 560px
}

/* OWL */
.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-dot {
	margin: 0 5px;
}

.owl-dot button {
	height: 16px;
	width: 16px;
	cursor: pointer;
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #191919;
}

.owl-dot.active button {
	background-color: var(--a);
	border: 1px solid var(--a);
	cursor: default;
}

/*Contact.tpl*/
.paddAll {
	margin: 20px 0;
	padding: 0 12px;
	flex: 1 33%;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}
.flexRadio {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
}

.paddAllText {
	margin: 10px 0;
	padding: 0 5px;
	flex: 1 100%;
}

.groupText textarea {
	height: 180px !important;
}
textarea{
	resize: none;
}

.allRadio {
	padding: 0 5px;
	display: inline-block;
	width: 33.33%;
}

.allRadio input {
	margin-right: 10px;
}

.labelForm {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px !important;
	font-size: 1em;
	color: #fff;
	margin-top: 0;
	width: 100%;
}
.flexRadio label {
	color: #fff;
}
.flexCheckbox .allRadio {
	border: 1px solid #fff;
	position: relative;
	width: 150px;
	margin-right: 20px;
	padding: 0;
	opacity: 0.5;
}
.flexCheckbox .allRadio label {
	width: 100%;
	display: block;
	margin: 0;
	text-align: center;
	padding: 12px 20px;
}
.flexCheckbox .allRadio input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.flexCheckbox .allRadio.active {
	opacity: 1;
}
.paddAllText {
	display: flex;
	flex-direction: column-reverse;
}

.flexRadio .labelForm {
	padding-bottom: 0 !important;
}

.flexForm2 {
	display: flex;
	flex-wrap: wrap;
}

.flexForm2 .leftFormulaire {
	padding-right: 30px;
}

.clearflex {
	flex: 100%;
}

.flexForm2 .groupTextarea2 textarea {
	height: 80px;
}

/*.groupTextarea .placeholderF {
	top: 20px;
}

.flexForm2 .groupTextarea,
.form .flexForm2 .groupTextarea textarea {
	height: 100% !important;
}*/

.flexForm2 .groupTextarea {
	height: calc(100% - 15px) !important;

}
.form .flexForm2 .groupTextarea textarea {
	height: 100% !important;
}


.flexForm {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.titreForm {
	font-size: 1.5em;
	margin: 10px 0 18px 0;
	position: relative;
	color: var(--a);
}

.titreForm::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	background-color: var(--a);
	height: 1px;
}

/* New Actu */
.newActu .blocTemFlashInside {
	height: auto;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.newActu .limitText {
	height: auto;
	overflow: unset;
}

.blocTemFlash {
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.contentCardActu {
	background-color: #fff;
	padding: 20px;
	transition: all 0.3s 0.3s ease-out;
}

.circleCardImg {
	display: flex;
	margin: 2px 0;
	align-items: center;
	justify-content: center;
	background-color: var(--a) !important;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 0px 0 rgb(0 0 0 / 25%);
}

.circleCardImg img {
	max-width: 60%;
}

.flexCardActu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blocActuCardFlash .limitText {
	position: relative;
	cursor: pointer;
	box-shadow: 0 7px 10px 5px rgb(0 0 0 / 10%);
}

.cardFlipActu,
.cardFlipActu-2 {
	position: absolute;
	z-index: -1;
	width: 100%;
	left: 0;
	transform-origin: top;
	transform: rotateX(-90deg);
	transition: all 0.3s 0.3s ease-out;
	background-color: #d9d9d9 !important;
}

.cardFlipActu-2 {
	z-index: -2;
	padding: 2px 10px 20px 10px;
	transition: all 0.3s 0.0s ease-out;
}

.cardFlipActu-2 .plus {
	position: relative;
	margin-top: 0 !important;
}

.blocActuCardFlash .limitText:after {
	display: none;
}

.blocActuCardFlash.showing .blocTemFlashInside {
	opacity: 0.6;
	transform: scale(0.8);
}

.blocActuCardFlash.showing .blocTemFlashInside.show {
	opacity: 1;
	transform: scale(1.1);
}

.blocActuCardFlash.showing .blocTemFlashInside.show .cardFlipActu {
	background-color: #f8f8f8 !important;
	transform: rotateX(0);
	transition: all 0.3s 0s ease-out;
}

.blocActuCardFlash.showing .blocTemFlashInside.show .cardFlipActu-2 {
	background-color: #f8f8f8 !important;
	transform: rotateX(0);
	transition: all 0.3s 0.2s ease-out;
}

.blocActuCardFlash .blocTemFlashInside {
	transition: all 0.3s 0s ease-in;
}

.blocActuCardFlash .blocTemFlashInside.show .limitText {
	box-shadow: unset;
}

.blocTemFlashInside.show .cardFlipActu {
	z-index: 0;
}

.blocTemFlashInside.show .cardFlipActu-2 {
	z-index: 1;
	margin-top: -2px;
}

.blocTemFlashInside {
	z-index: 1;
}

.blocTemFlashInside.show {
	z-index: 4;
}

.blocTemFlashInside.show .contentCardActu {
	background-color: #f8f8f8;
	transition: all 0.3s 0s ease-out;
}

.blogDiv .blocTemFlashInside .imageBlog {
	margin-bottom: 0;
}

.leftArticleActu .imageBlog {
	margin: 0;
}

.leftArticleActu {
	margin-right: auto;
}

.circleActuDate {
	position: absolute;
	right: -30px;
	top: -30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(17deg);
	width: 20%;
	min-width: 130px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.3em;
	background-color: var(--a);
	border-radius: 50%;
}

.circleActuDate:after {
	display: block;
	content: '';
	padding-bottom: 100%;
}
.rightArticleActu * {
	color: #000;
}
.rightArticleActu .titre_article {
	text-align: left;
}

.rightArticleActu .contenu_article {
	font-size: 1.1em;
}

.flexArticleActu {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.rightArticleActu {
	padding: 50px;
	box-shadow: 0 7px 10px 5px rgb(0 0 0 / 10%);
	position: relative;
	background-color: #fff;
	right: 0;
	top: 0;
	width: 70%;
	margin-top: -150px;
}

.rightArticleClassique {
	width: 100% !important;
	margin-top: 0;
}

.divImgArticleActu {
	margin-bottom: 40px;
	position: relative;
}

/* New Tem */
.divTemInside {
	height: auto;
	padding: 10px;
	flex: 0 0 50%;
}

.divTemInside .blocTemFlashInside {
	height: 100%;
	margin: 0;
}

.blocTemFlashInside {
	text-align: center;
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px;
	background-color: transparent;
	width: 100%;
}

.borderTemFlashInside {
	height: 100%;
	border-left: 5px solid var(--a);
	box-shadow: 0 7px 10px 5px rgba(0 0 0 / 10%);
	padding: 10px;
	background-color: #eee;
}

.closeMenu3 {
	display: none;
}

@media (max-width: 1600px) {
	.container2 {
		max-width: 1400px;
	}
}

@media (max-width: 1400px) {
	.container2 {
		max-width: 1200px;
	}
	.menuUl>ul>li {
		padding: 15px;
	}
	.logo {
		max-width: 180px;
	}
	.temoignageInside {
		padding: 20px;
	}
	.temoignageDiv .auteur {
		font-size: 1em;
	}
}

@media (max-width: 1200px) {
	.carteLinePop {
		width: 90%;
	}
	.container2 {
		max-width: 992px;
	}
	.rightHead .plus {
		margin: 0 20px;
	}
	.leftDivSom,
	.rightDivSom {
		width: 100%;
	}
	.leftDivSom {
		padding-bottom: 30px;
	}
	.rightCenter {
		padding: 30px;
	}
	.centerActu {
		width: calc(100% - 150px);
	}
	.coord,
	.divForm {
		flex: 100%;
	}
	.bottomCoord .container2 {
		flex-wrap: wrap-reverse;
	}
	.coord {
		padding-left: 0;
		padding-bottom: 50px;
	}
}

@media (max-width: 992px) {
	.rightSom {
		width: 70%;
	}
	.video {
		flex: 1 1 100%;
	}
	#ban {
		height: 600px;
	}
	.coordBar {
		display: flex !important;
	}
	.logo {
		max-width: 130px;
		margin: 0 auto;
	}
	.titreSom {
		font-size: 1.2em;
	}
	.onSom {
		padding: 20px;
	}

	.closeMenu3 {
		display: block;
	}
	.leftCenter,
	.rightCenter {
		flex: 100%;
	}
	.leftCenter {
		aspect-ratio: 1/0.6;
	}
	.contentCenter {
		height: auto;
		padding-right: 0;
		overflow-y: unset;
	}

	/* Burger Menu */
	.secondHead {
		padding: 0;
		z-index: inherit !important;
		position: relative !important;
	}

	.banNotMobile {
		display: none !important
	}

	.banMobile {
		display: block !important;
	}

	.firstHead {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
		padding: 5px 10px;
		background-color: #fff;
		box-shadow: 0 5px 10px rgba(0 0 0 / 20%);
	}

	/*Barre du haut*/
	.buttonMenu {
		left: 0;
	}

	.buttonMenuLeft {
		right: 0;
	}

	.buttonMenuLeft,
	.buttonMenu {
		position: fixed;
		z-index: 99999999999999 !important;
		top: 10px;
		left: 10px;
		display: block !important;
		cursor: pointer;
	}

	.buttonMenu .titre {
		color: #535353;
	}

	.buttonMenuLeft .titre {
		float: right;
	}

	.buttonMenu .titre,
	.buttonMenuLeft .titre {
		text-transform: uppercase;
		font-size: 1.1em;
		display: none;
		color: #535353;
		line-height: 0.9em;
	}

	/*Les trois barre du menu*/
	.buttonMenuLeft .bouton {
		display: inline-block;
		float: right;
		margin-left: 15px;
		margin-right: 0;
	}

	.bouton {
		display: inline-block;
		float: left;
		width: 40px;
		height: 40px
	}

	.bouton div {
		display: block;
		width: 40px;
		height: 6px;
		position: relative;
		transition: 0.3s ease transform, 0.3s ease top, 0.3s ease width,
			0.3s ease right;
		background-color: #535353;
		margin-bottom: 6px;
	}

	.bouton div:first-child {
		transform-origin: 0;
	}

	.bouton div:nth-child(2) {
		right: 0;
		width: 40px;
	}

	.bouton div:last-child {
		margin-bottom: 0;
		transform-origin: 30px;
	}

	.bouton div.active:first-child {
		top: -3px;
		transform: rotateZ(45deg);
	}

	.bouton div.active:last-child {
		top: 5px;
		right: -2px;
		transform: rotateZ(45deg);
	}

	.bouton div.active:nth-child(2) {
		width: 53.15px;
		top: 4px;
		right: 7.5px;
		transform: rotateZ(-45deg);
	}

	/* ButtonMenu2 */
	.buttonMenu2 {
		position: fixed;
		z-index: 99999999999999 !important;
		top: 2px;
		left: 5px;
		display: block !important;
		cursor: pointer;
	}

	.bouton2 {
		position: relative;
		padding: 10px 8px;
	}

	.innerBouton {
		position: relative;
		height: 28px;
		width: 32px;
	}

	.bouton2 .innerBouton div {
		position: absolute;
		display: block;
		height: 4px;
		width: 32px;
		border-radius: 2px;
		background: #000;
	}

	.svg-main {
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
	}

	.top {
		top: 0;
		transform-origin: 32px 1px;
	}

	.bot {
		bottom: 0;
		transform-origin: 32px 3px;
	}

	.mid {
		top: 12px;
	}

	.path {
		stroke-dasharray: 240;
		stroke-dashoffset: 240;
		stroke-linejoin: round;
	}

	.animate-path,
	.path-burger {
		position: absolute;
		top: 0;
		left: 0;
		width: 68px;
		height: 68px
	}

	.buttonMenu2.active .path {
		animation: .6s linear forwards dash-in
	}

	.buttonMenu2 .path {
		animation: .6s linear forwards dash-out
	}

	.buttonMenu2.active .top {
		animation: .6s linear forwards close-top-out
	}

	.buttonMenu2.active .bot {
		animation: .6s linear forwards close-bot-out
	}

	.buttonMenu2 .top {
		animation: .6s linear forwards close-top-in
	}

	.buttonMenu2 .bot {
		animation: .6s linear forwards close-bot-in
	}

	.buttonMenu2.active .mid {
		animation: .6s linear forwards burger-fill-out
	}

	.buttonMenu2d .mid {
		animation: .6s linear burger-fill-in
	}

	.path-burger {
		mask: url(#mask)
	}

	.path-rotation {
		height: 34px;
		width: 34px;
		margin: 34px 34px 0 0;
		transform: rotate(0);
		transform-origin: 100% 0
	}

	.path-rotation:before {
		content: '';
		display: block;
		width: 30px;
		height: 34px;
		margin: 0 4px 0 0;
		background: #fff
	}

	@-webkit-keyframes dash-in {

		0%,
		40% {
			stroke-dashoffset: 240
		}

		100% {
			stroke-dashoffset: 0
		}
	}

	@keyframes dash-in {

		0%,
		40% {
			stroke-dashoffset: 240
		}

		100% {
			stroke-dashoffset: 0
		}
	}

	@-webkit-keyframes dash-out {
		0% {
			stroke-dashoffset: 0
		}

		100%,
		40% {
			stroke-dashoffset: 240
		}
	}

	@keyframes dash-out {
		0% {
			stroke-dashoffset: 0
		}

		100%,
		40% {
			stroke-dashoffset: 240
		}
	}

	@keyframes close-top-out {
		0% {
			left: 0;
			top: 0;
			transform: rotate(0)
		}

		20% {
			left: 0;
			top: 0;
			transform: rotate(15deg)
		}

		80% {
			left: -5px;
			top: 0;
			transform: rotate(-60deg)
		}

		100% {
			left: -5px;
			top: 1px;
			transform: rotate(-45deg)
		}
	}

	@keyframes close-bot-out {
		0% {
			left: 0;
			transform: rotate(0)
		}

		20% {
			left: 0;
			transform: rotate(-15deg)
		}

		80% {
			left: -5px;
			transform: rotate(60deg)
		}

		100% {
			left: -5px;
			transform: rotate(45deg)
		}
	}

	@keyframes close-top-in {
		0% {
			left: -5px;
			bottom: 0;
			transform: rotate(-45deg)
		}

		20% {
			left: -5px;
			bottom: 0;
			transform: rotate(-60deg)
		}

		80% {
			left: 0;
			bottom: 0;
			transform: rotate(15deg)
		}

		100% {
			left: 0;
			bottom: 1px;
			transform: rotate(0)
		}
	}

	@keyframes close-bot-in {
		0% {
			left: -5px;
			transform: rotate(45deg)
		}

		20% {
			left: -5px;
			transform: rotate(60deg)
		}

		80% {
			left: 0;
			transform: rotate(-15deg)
		}

		100% {
			left: 0;
			transform: rotate(0)
		}
	}

	@keyframes burger-fill-in {
		0% {
			width: 0;
			left: 36px
		}

		40% {
			width: 0;
			left: 40px
		}

		80% {
			width: 36px;
			left: -6px
		}

		100% {
			width: 36px;
			left: 0
		}
	}

	@keyframes burger-fill-out {
		0% {
			width: 36px;
			left: 0
		}

		20% {
			width: 42px;
			left: -6px
		}

		40% {
			width: 0;
			left: 40px
		}

		100% {
			width: 0;
			left: 36px
		}
	}

	/*Le menu*/
	.menu,
	.menuLeft {
		position: fixed;
		height: 100%;
		top: 0px;
		width: 350px;
		margin: 0;
		display: block;
		max-width: 80%;
		background-color: #fff;
		text-align: center;
		padding: 0;
		z-index: 99999999 !important;
		transition: all 0.5s ease-out;
	}

	.menu2 {
		height: 0 !important;
		left: 0 !important;
	}

	.menu3 {
		display: none;
		width: 100%;
		height: 100%;
		left: 0 !important;
		max-width: 100%;
		background-color: transparent;
		transition: all 0s ease-out !important;
	}

	.menu3 .menuUl {
		width: 350px;
		height: auto;
		margin: auto;
		max-height: 100%;
		overflow-y: auto;
		box-shadow: 0 0 20px 5px rgba(0 0 0 / 20%);
		padding-top: 0;
		background-color: rgba(255 255 255 / 50%);
	}

	.menu .closeMenu3 {
		display: none;
	}

	.menu3 .closeMenu3 {
		position: absolute;
		top: 50px;
		display: block;
		right: 50px;
		cursor: pointer;
	}

	.menu3.active {
		transition: all 0s ease-out;
	}

	.menu {
		left: -100%;
	}

	.menuLeft {
		right: -100%;
	}

	.menu.active,
	.menuLeft.active {
		transition: all 0.5s ease-out;
	}

	.menu2.active {
		top: 0 !important;
		height: 100% !important;
		transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1) !important;
	}

	.menu2 .menuExtension {
		display: none;
	}

	.menu.active {
		left: 0 !important;
	}

	.menuLeft.active {
		right: 0 !important;
	}

	/*Extension menu pour eviter le manque au scroll (barre de recherche qui disparait)*/
	.menuExtension {
		position: absolute;
		bottom: -250px;
		height: 250px;
		background-color: transparent;
		width: 100%;
		left: 0;
		z-index: -1;
	}

	/*overlay*/
	.siteCache {
		position: fixed;
		left: 0;
		top: -25%;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(30px);
		display: none;
		z-index: 9999999;
		width: 100%;
		height: 150%;
	}

	/*Div englobant l'UL*/
	.menuUl {
		height: 100%;
		padding-top: 70px;
	}

	.menuUl>ul {
		overflow: auto;
		padding: 0;
		display: block;
		height: 100%;
		margin: 0 !important;
	}

	.menu2 .menuUl>ul {
		visibility: hidden;
		transition: visibility 0s linear 1s;
	}

	.menu2.active .menuUl>ul {
		visibility: visible;
		transition-delay: 0s;
	}

	.menuUl>ul>li::after {
		display: none;
	}

	.menuUl>ul>li {
		float: none;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.menu2 .menuUl>ul>li {
		opacity: 0;
		transition: opacity .30573s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13667s, transform .45552s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09933s, -webkit-transform .45552s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09933s;
	}

	.menu2.active .menuUl>ul>li {
		opacity: 1;
		transition: opacity .30573s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13667s, transform .45552s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09933s, -webkit-transform .45552s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09933s;
	}

	/*Item du menu*/
	.menuUl>ul>li>a {
		color: #000 !important;
		padding: 15px !important;
		background-color: transparent !important;
		display: block;
		text-align: center;
	}

	.menuUl>ul>li.active>a,
	.menuUl>ul>li:hover>a {
		background-color: #EDEDED !important;
	}

	.menu li:hover>.sousCat,
	.sousCat.hovered {
		display: block;
		transition: all 0.1s ease-out;
	}

	/*Item du sous-menu*/
	.sousCat {
		top: 0;
		left: 0 !important;
		height: 0;
		overflow: hidden;
		padding: 0 !important;
		transform: scaleY(1);
		position: relative !important;
		width: 100% !important;
	}

	.menuUl>ul>li .sousCat.hovered {
		height: auto;
	}

	.sousCat li a {
		color: #323232 !important;
		background-color: #eDEDED;
	}

	.sousCat li.active a,
	.sousCat li:hover a {
		background-color: #fff;
		text-decoration: none;
	}

	/* ****** */
	.insidePhoto4,
	.insidePhoto5 {
		display: none;
	}

	.blockAncre div {
		padding: 10px;
		font-size: 1em;
	}

	.pictovehicule {
		width: 24%;
	}

	.wrapNbProd {
		padding: 10px;
	}

	.siteCache.activeWeb {
		display: block;
	}

	#ban.dezoom .galerie {
		position: fixed;
		z-index: -1;
		transform: scale(1);
	}

	.anim {
		opacity: 1;
	}

	.scale>*,
	.scale {
		transform: scale(1, 1) !important;
	}

	.fromBottom>*,
	.fromBottom {
		transform: translateY(0) !important;
		opacity: 1 !important;
	}

	.fromLeft>*,
	.fromLeft,
	.fromRight>*,
	.fromRight {
		transform: translateX(0) !important;
		opacity: 1 !important;
	}

	.BlockPresta table {
		width: 50%;
	}

	#notMobile {
		display: none;
	}

	.album a {
		max-width: 400px;
		margin: auto;
	}

	.galerie img {
		max-height: 100%;
		width: auto;
		max-width: 100%;
	}

	.listingActu>a {
		height: auto;
	}

	.listingActu {
		margin: 0;
	}

	.rightFormulaireContact {
		padding-left: 0;
	}

	.rightFormulaireContact>div {
		height: auto;
	}

	.lienFooter ul li a {
		font-size: 0.9em;
	}

	.titre_article {
		font-size: 1.8em;
	}

	.webcallback .buttonwebcallback {
		display: none;
	}

	.webcallback.active {
		display: block;
	}

	.webcallback .group {
		padding-right: 0;
	}

	.webcallback label {
		margin-bottom: 10px;
	}

	.webcallback input {
		position: relative;
		width: 100%;
	}

	.webcallback button {
		position: relative;
		width: 100%;
		margin-top: 20px;
	}

	.webcallback {
		padding: 15px;
		text-align: center;
		display: none;
		position: fixed;
		width: 260px;
		height: 150px;
		background-color: #eee;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 99999999;
	}

	.demandeOk img {
		float: none;
		margin: 0 auto 20px auto;
	}

	section ul[style*="list-style-type: georgian;"] li {
		display: block;
		width: 100%;
	}

	footer {
		padding-bottom: 90px;
	}
}

@media (max-width: 767px) {
	.circleActuDate {
		transform: scale(0.7) rotate(17deg);
	}
	.labelCarte,
	.prixCarteItem {
		width: 15%;
	}
	.rightArticleActu {
		margin-top: 0;
		width: 100%;
		padding: 40px 25px;
	}
	.flexCarte,
	.ligneCarte {
		flex-wrap: wrap;
	}
	:root {
		--padding: 70px;
	}
	.allRadio {
		width: 50%;
	}
	.flexCheckbox .allRadio {
		margin: 5px;
	}
	.lienFooter {
		text-align: center;
	}
	.up {
		display: none;
	}

	.paddAll {
		flex: 1 0 100%;
	}
	.divTemInside {
      flex: 0 0 100%;
  }

	.sommaireA {
		margin: 15px 0;
	}

	.rightSom {
		width: 100%;
		border-radius:0;
		max-height: max-content;
	}

	.blockAncre {
		height: auto;
	}

	.pictovehicule {
		width: 49.3%;
	}

	.leftSom {
		position: relative;
		height: 250px;
	}

	.rightFormulaireContact>div {
		height: auto;
	}

	.webcallback button {
		height: 35px;
	}

	.demandeOk img {
		width: 50px;
	}

	.lienFooter ul li::after {
		display: none;
	}

	.lienFooter ul li {
		display: block;
		padding: 8px 0;
	}

	.suivantBan,
	.precedentBan {
		display: none;
	}

	.tabTitre>div {
		display: block;
		float: none;
		padding: 0 10px;
		width: 100%;
	}

	/*Agenda*/
	.listingField div,
	.profilField div,
	.miseAJourDiv {
		display: none !important;
	}

	.listingField div:first-child,
	.profilField div:first-child {
		display: inline-block !important;
		padding-left: 15px;
	}

	.labelMobile {
		display: inline-block;
		margin-right: 8px;
		font-size: 0.8em;
		text-transform: uppercase;
	}

	.listingValue>div {
		display: block;
		border: none;
		margin-left: 47px;
		padding: 4px 15px;
	}

	.listingValue>div:first-child {
		position: absolute;
		margin: 0;
		left: 0;
		top: 0;
		width: 48px;
		height: 100%;
		padding: 15px;
		background-color: #4a4c91;
	}

	.listingValue,
	.profilValue {
		display: block;
		position: relative;
		border-top: solid thin #e1e1e1;
		padding: 10px 0;
	}

	.agenda {
		display: none;
	}

	.agendaXS {
		display: block;
		position: relative;
	}

	.suivantBouton {
		padding-right: 20px;
	}

	.precedentBouton {
		padding-left: 20px;
	}

	.agendaXS .listingField div:first-child {
		display: none !important;
	}

	.agendaXS .listingValue>div:first-child {
		width: 100%;
		display: block;
		text-align: center !important;
		color: #fff;
		position: relative;
		padding: 0;
		border: none;
	}

	.agendaXS .listingValue>div {
		padding: 0px;
		margin-left: 0px;
		clear: left;
		border-top: solid 2px #fff;
		border-bottom: solid 2px #fff;
	}

	.agendaXS .listingValue>div:nth-child(2) {
		border-top: none;
	}

	.horairediv * {
		color: #fff;
	}

	.agendaXS .listingValue>div:last-child {
		border-bottom: none;
	}

	.numeroDiv {
		color: #eee;
	}

	.agendaXS .listingValue>div>div {
		padding: 10px;
	}

	.agendaXS .listingValue {
		padding: 0;
	}

	.indisponnible {
		height: 37px;
	}

	.agendaXS .labelMobile {
		float: left;
	}

	.mois {
		padding-top: 50px;
	}

	.BlockPresta table {
		width: 100%;
	}

	#ban {
		max-height: 450px !important;
	}

	.titre_article {
		font-size: 1.3em;
	}

	.titreCarte {
		padding-right: 100px;
	}

	.popInside {
		padding: 10px;
		max-width: 100%;
		width: 350px;
	}

	.popInside h2 {
		margin-bottom: 30px;
		font-size: 1.1em;
	}

	.popInside p {
		font-size: 0.8em;
	}
}

@media (max-height: 500px) {
	#ban {
		min-height: 500px;
	}
}

@media (max-width: 500px) {
	.ligneCarteItem {
		flex-direction: column;
	}	
	.flexCarte2 {
		width: 100%;
		padding-left: 0;
		padding-top: 20px;
	}
	.temoignageDiv {
		padding: 0;
	}
	.precedentTem,
	.suivantTem {
		display: none !important;
	}
	.logo {
		max-width: 90px;
	}
	.actu .divPicto {
		display: none;
	}
	.centerActu {
		padding: 0;
		padding-top: 20px;
		width: 100%;
	}
	.titreBottom {
		font-size: 1.8em;
	}
	.leftActu a {
		flex-wrap: wrap;
	}
	.paddAll {
		margin: 10px 0;
	}
}

@media (max-width: 400px) {
	.coordBar a {
		font-size: 10px;
	}
}