/* IMPORT FONTS */ @font-face { font-family: 'sat'; src: url('../fonts/Satisfy-Regular.woff2') format('woff2'), url('../fonts/Satisfy-Regular.woff') format('woff'), url('../fonts/Satisfy-Regular.ttf') format('truetype'), url('../fonts/Satisfy-Regular.svg#Satisfy-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aust'; src: url('../fonts/AustinCyr-Fat.woff2') format('woff2'), url('../fonts/AustinCyr-Fat.woff') format('woff'), url('../fonts/AustinCyr-Fat.ttf') format('truetype'), url('../fonts/AustinCyr-Fat.svg#AustinCyr-Fat') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'mont-l'; src: url('../fonts/Montserrat-Light.woff2') format('woff2'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'mont-r'; src: url('../fonts/Montserrat-Regular.eot'); src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); font-weight: normal; font-style: normal; } /* RESET */ body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;} strong,b { font-weight:normal; font-family:mont-r;} ul { list-style-type:none;} body { font:normal 16px/24px mont-l, Arial; color:#433930; background-color: #fff} a { text-decoration:none; color:#bf3130; outline:none;} img { border:none;} #wrapper { min-width:320px; overflow:hidden} #wrapper * { box-sizing:border-box; } .wrapper { max-width: 1165px; margin: 0 auto } * { outline: none} input.text, input[type="text"], input[type="tel"], input[type="email"], input[type="button"], input[type="submit"], textarea, .input-checkbox {-webkit-appearance: none;border-radius: 0;} select::-ms-expand {display: none;} /* CLASS */ .clr { zoom: 1; clear: both; float: none; display: block} .clr:after { content: ""; display: table;clear: both} .clear { clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block;} .left { float:left;} .right { float:right;} h2 { font: normal 48px/48px sat; color: #262008; margin-bottom: 17px } p { margin-bottom: 25px } .btn-submit { border-radius: 0 } /* HEADER */ #header { width:100%; position:relative; height: 100vh; min-height: 752px} .headerTop { width:100%; height:134px; position:absolute; z-index:65; background:#fff; padding:17px 60px; top: 0; left:0;} .head-right { background-color: #bf3130; position: absolute; top: 0; right: 0; height: 60px; display: block; z-index: 100 } .head-right a { float: left; } .head-right a.lang { background-color:#a72b2b; display: block; width: 60px; height: 60px; position:relative; } .head-right a.lang img { display: block; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto} .head-right a.tel { color: #fff; font-size: 16px; padding:17px 29px 18px 30px} .head-right a.tel:before { content: ""; background: url(../images/ico-tel.svg); width: 14px; height: 14px; display: inline-block; vertical-align: top; margin-right: 16px; margin-top: 5px } .logo { text-align: center;position:absolute; left: 0; right: 0; top: -2px; margin: auto; width: 216px; z-index: 200 } .logo-banner { display: none } .headerTop.navSticky { height: 60px ; position: fixed; z-index: 9999; -webkit-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.75)} .headerTop.navSticky .logo { display: none } .headerTop.navSticky .menu li.white-space { display: none } .headerTop.navSticky .menu { padding:0; } .headerTop.navSticky .menu > ul { text-align: left; } .headerTop.navSticky .menu a::after { margin-top: 14px } .logo:after { content: ""; background: url(../images/deco-logo.png); width: 212px; height: 66px; display: block; position: absolute; left: 0; right: 0; margin: auto; bottom: 2px } .logo img { position: relative;z-index: 2;} /* Header qui sommes nous */ #header .title { background: #bf3130;position: absolute;top: 134px;padding: 25px 0 27px;width: 100%; } #header .title h1 { font: normal 48px/48px sat;color:#ffffff;} #header.page { height: 236px; min-height: inherit;} /* fin Header qui sommes nous */ /* MENU */ .wrapMenuMobile { display:none ;} .menu { width:100%; display:block; position:relative; z-index:60; padding-top:68px; padding-left: 47px} .menu>ul { width:100%; display:block; position:relative; text-align:center; font-size:0; line-height:0; } .menu li { display:inline-block; position:relative; margin:0 20px} .menu a { width:auto; height:60px; font:normal 16px/24px mont-l; color:#262008; display:block; padding:0; position:relative;} .menu a:after { content: ""; border-bottom:#bf3130 solid 5px ; display: block; width:0; margin-top: 7px } .menu>ul>li.active>a { color:#bf3130;} .menu>ul>li.active>a:after { width: 100% } .menu li.white-space { width: 200px; margin-right: 26px } .menu li.logo-mob { display: none } .menuMobile span.mob { display: none } .menu .sub-menu { padding: 0; top: 49px; width: 275px; left: -100px } .menu .sub-menu li { margin: 0 } .menu .sub-menu li:nth-child(2n+2) a { background-color:#bf3130 } .menu .sub-menu a { color: #fff; background-color: #a72b2b; padding: 10px 25px; } .navSticky .menu .sub-menu { top:43px; } /* SLIDER */ #slider { width:100%; height:100vh; min-height:752px; position:relative; z-index:45; } #slider .slick-list { width:100%; height:100%;} #slider .slick-track { width:100%; height:100%;} #slider .banner { height: 100% ; } #slider .banner1 { background:url(../images/banner1.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; width: 100%; height: 100%} #slider .banner2 { background:url(../images/banner2.jpg) 50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; width: 100%; height: 100%} #slider .img-banner { position: relative; } #slider .img-banner:after { content: ''; background:url(../images/bg-banner.png) repeat-x bottom center; display: block; z-index: 20; display: block; position: absolute; left: 0; bottom: 0; height: 384px; width: 100% } /*#slider .banner:after { content: ''; height: 336px; display: block; position: absolute; left: 0; width: 100%; display: block;} */ .txt-banner { max-width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 95px; color: #fff; z-index: 100 } .txt-banner span { font:normal 48px/50px sat; display: block; margin-bottom: 18px; text-align: center; display: block; } .txt-banner p { max-width: 500px; margin: 0 auto ; text-align: center} .blc-scroll { position: absolute; right: 0; bottom: 0; background-color: #bf3130; height: 60px ; z-index: 100} .blc-scroll .scroll { color: #fff; padding: 17px 30px 15px 28px; display: block; float: left; height: 100%} /* tripadvisor */ .blcCertificate { position: absolute;top:50%;right:0;z-index: 55;margin-top: -40px } .blcCertificate a { display: block;position: absolute;top:50%;right:0;z-index: 55;margin-top: -40px } .blcCertificate a.on { right: -200px } /* fin tripadvisor */ .arw-slide { float: left; } .slick-prev { width:60px; height:60px; background:url(../images/arw-left.svg) 50% 50% no-repeat #a72b2b; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0} .slick-next { width:60px; height:60px; background:url(../images/arw-right.svg) 50% 50% no-repeat #a72b2b; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0} .slick-dots { width:100%; height:16px; position:relative; text-align:center; padding:0; line-height:0; z-index:999;} .slick-dots li { display:inline-block; height:16px; margin:0 5px;} .slick-dots button { display:block; width:16px; height:16px; border-radius:50%; text-indent:-9999px; background:none; outline:none; padding:0; border:2px solid #fff;} .slick-active button { background:#bf3130;} #slider .slick-current + .slick-slide { opacity: 1 !important; } #slider .slick-slide.nextSlider { opacity: 1 !important; } .slick-slider { overflow: hidden; } .slick-slider div.slick-current .hero-image { -webkit-animation: zoomMe 9.2s 1 linear; -moz-animation: zoomMe 9.2s 1 linear; -o-animation: zoomMe 9.2s 1 linear; -ms-animation: zoomMe 9.2s 1 linear; animation: zoomMe 9.2s 1 linear; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; width: 100%; height: 100%} .banner.slick-slide.slick-current .txt-banner { opacity: 1 } .banner.slick-slide .txt-banner { opacity: 0;} /* pop up */ .slideDepart { max-width: 750px; width: 750px!important; margin: 0 auto } .slideDepart .slick-list { width: 750px!important; } #popup_box { padding: 0;} .pp-Depart { background-color: #fff; z-index: 9999; margin: auto; text-align: center; padding-top: 40px} #popup_box .fancybox-close-small.fancybox-button { padding: 25px 22px } .pp-Depart h2 { text-align: center; font-size: 40px; background-color: #fff } .pp-Depart p { font-size: 16px; line-height: 24px; text-align: center;} .pp-Depart p:last-of-type { margin-bottom: 0px } .pp-Depart p span { color: #bf3130 } .pp-Depart .link { position: relative; bottom: -30px ; z-index: 5} .pp-Depart .blc-img { position: relative; } .pp-Depart .blc-img img { display: block; width: 100% } .pp-Depart .logo-pp { position: absolute; top: 0; margin: 79px auto 0; left: 0; right: 0; height: 131px } .pp-Depart .logo-pp img { width: 122px ; margin: 0 auto} .blc-reservation { background-color: #433930; height: 80px; color: #fff; text-align: center; padding-top: 28px; font-size: 16px } .blc-reservation a { color: #fff; padding-left: 31px; background: url(../images/ico-tel.svg) no-repeat left center; } .blc-reservation span { padding-right: 16px;} .fancybox-close-small { background: url(../images/close.png) no-repeat top center #fff !important; width: 50px !important; height: 45px !important; top:20px !important; right: 18px !important} .fancybox-close-small:after { content: 'Fermer'; display: block; position: absolute; top:37px; left:4px; color: #433930; font-size: 10px; text-transform: uppercase; letter-spacing: 1px } #popup_box .fancybox-button svg { display: none !important } /* FILTRE */ .blcFiltre { max-width: 1024px; margin: 0 auto; background-color: #fff; padding:45px 84px 60px; position: relative; z-index:100; display: table; } .blcFiltre span.titre { text-align: center; font: normal 48px/48px sat; color: #262008; margin-bottom: 17px ; display: block;} .option ul li { position:relative; margin-bottom:3px} .option ul li input[type=radio] { position: absolute; visibility: hidden; } .option ul li label { display: block; position: relative; font-size: 16px; padding:0 0 0 28px; margin: 0 auto; height: 20px; z-index: 9; cursor: pointer; line-height:24px; font-family: mont-l } .option ul li .check { display: block; position: absolute; height: 15px; width: 17px; top:5px; left: 0; z-index: 5; background:url(../images/check2.png) no-repeat left center; border-radius:0; border:none } .option ul li .check::before { display: block;height: 15px; width: 17px; position: absolute; left:0; top:0; content: ''; margin: auto; } .option input[type=radio]:checked ~ .check { background:url(../images/check2.png) no-repeat; border-radius:0} .option input[type=radio]:checked ~ .check::before { background:url(../images/check.png) no-repeat ; border-radius:0 ; background-color: #fff} .blc-check .option li:last-child { margin-right: 0;margin-left: 14px;} .blc-check { text-align: center; margin-bottom: 14px} .blc-check span { display: inline-block; font: normal 18px/24px mont-l; color: #262008; text-transform: uppercase; margin-right:20px} .blc-check .option { display: inline-block; } .blc-check .option li { display: inline-block; margin-right: 11px; padding-left: 0 } .blc-chp label { color: #bf3130; font-size: 16px; font-family: mont-l; margin-bottom:7px; display: block; } .blc-chp select { width: 100%; box-sizing: border-box; height: 50px; background: url(../images/select.png) right center no-repeat; -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; appearance: none; outline: 0; cursor: pointer; color: #999999; font-size: 14px; border: 1px solid #cecece; font-family:mont-l; padding:0 35px 0 14px;text-overflow:ellipsis;} .chp-filtre .blc-chp { float: left; margin-right: 30px } .blc-chp.width1 { width: 350px } .blc-chp.width2 { width: 295px } .btn-submit { background-color: #bf3130; height:50px; color: #fff; font-size: 16px; font-family: mont-l; border:none; padding: 0 30px; margin-top: 31px; cursor: pointer } .chp-filtre .blc-chp:last-child { margin-right: 0} .blcCircuit { margin-top: -98px;} .lstCircuit .hide { display: block; position: absolute; width: 100%; height: 100%; background-color: #bf3130; left: 0; top: 0; color: #fff; text-align:center; padding-top: 98px } .lstCircuit .item { float: left; width: 25%; } .lstCircuit .item .content { position: relative; height: 500px;-webkit-perspective:1676px; -moz-perspective: 1676px; -ms-perspective: 1676px;perspective: 1676px;} .lstCircuit .item .titre { position: absolute; text-align: center ; z-index: 20; padding: 0 20px; bottom: 49px;color: #fff; font-size:24px; line-height: 30px; text-align: center; width: 100% } .lstCircuit .item .content .img { height: 500px; position: relative; } .lstCircuit .item .content .img:after { content: ""; background-color: rgba(0,0,0,0.1); position: absolute;width: 100%; height: 100%; display: block; top: 0; left: 0 } .lstCircuit .item .content .img img { width: 100%; height: 500px; object-fit: cover; display: block; } .lstCircuit .titre-hide { color: #fff; font-size:24px; line-height: 30px; margin-bottom: 23px} .lstCircuit .link { display: inline-block; height: 60px; line-height: 60px; padding: 0 30px; font-size: 16px; color: #fff; border: #fff solid 1px; background-color: transparent; } .lstCircuit .hide .inner { position: absolute; top: 50%; margin-top: -26px; left: 0; right: 0;} #slideCircuit .slick-prev , #slideCircuit .slick-next { position: absolute; top: 50%; margin-top: 19px} #slideCircuit .slick-prev { background:url(../images/arw-left-r.svg) 50% 50% no-repeat #ffffff; left: 25%; margin-left: -30px } #slideCircuit .slick-next { background:url(../images/arw-right-r.svg) 50% 50% no-repeat #ffffff; right: 25%; margin-right: -30px } .lstCircuit .item .content::after { content: ''; background-color: rgba(0,0,0,0.5); position: absolute; top: 0;left: 0; width: 100%; height: 100%; display: block; opacity: 0; z-index: 20} .lstCircuit.slick-slider , .lstCircuit .slick-list { overflow: visible !important; } .lstCircuit .item .front { -webkit-transform: rotateY(0); -moz-transform: rotateY(0);-o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); -webkit-transform:rotateY(0);z-index: 1; transition: transform .5s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; position: absolute; width: 100%; height: 100%; top: 0 ; left: 0; backface-visibility: hidden;} .lstCircuit .item .hide { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);-o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);-webkit-transform:rotateY(180deg);transition: transform .5s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; backface-visibility: hidden;} .blcBienvenu { position: relative; } .blcBienvenu .wrapper { max-width: 1024px; margin: 0 auto; padding:65px 0 77px; text-align: center; } .blcBienvenu h1 { font: normal 48px/48px sat; color: #333333; margin-bottom: 17px } .blcBienvenu h2 { color: #bf3130; font-size: 18px; line-height: 24px; font-family: mont-l; text-transform: uppercase; font-weight: normal; margin-bottom: 26px} .link { display: inline-block; height: 60px; line-height: 58px; padding: 0 30px; font-size: 16px; color: #fff; border: #bf3130 solid 1px; background-color: #bf3130 } .blcBienvenu p { margin-bottom: 33px } .maki { position: absolute; right:0 ; top:-1px; width: 176px; height: 100% } .cameleon { position: absolute; bottom:14px; left:20px; width: 205px} .maki img { object-fit: cover;height: 100%; } .blcNavette { margin-top: -1px;} .blcNavette .blc-left { float: left; width: 66.66%; height: 302px; background-color: #f0eeef } .blcNavette .blc-left .blc-img { float: left;; width: 50% } .blcNavette .blc-left .blc-txt { float: left;; width: 50%; padding: 39px 16px} .blcNavette .blc-left .blc-txt h2 { font: normal 48px/48px sat; color: #262008; margin-bottom: 19px } .blcNavette .blc-left ul li { margin-bottom: 6px } .blcNavette .blc-left ul { margin-bottom: 33px } .blcNavette .blc-left .link { margin-right: 24px ; background-color: #433930; border-color: #433930} .blcNavette .blc-left .link.mobile { display: none } .location-voiture { float: left; width: 33.33% } .lst-voiture .blc-img { height: 242px; width: 100% } .lst-voiture .blc-img img { width: 100%; height: 242px; object-fit: cover } .location-voiture .titre { padding-right: 120px; position: relative; } .location-voiture .titre .link { display: block;background-color: #bf3130; color: #fff; text-align: center; height: 60px; } .location-voiture .titre .arw-slide2 { position: absolute; right: 0; bottom: 0 } .lst-voiture .item { position: relative} .lst-voiture .item .hide { background-color: #a72b2b ; position: absolute; top:0; left: 0; width: 100%;height: 100%; display: block; padding: 47px 89px; color: #fff; opacity: 0} .lst-voiture .item .hide h3 { font: normal 18px/24px mont-l; text-transform: uppercase;margin-bottom: 24px } .lst-voiture .item .hide ul li span { font-family: mont-r; } .blcActu .wrapper { padding:62px 0px 81px; text-align: center; } .blcActu h2 { text-align: center; display: block;font: normal 48px/48px sat; color: #262008; margin-bottom: 24px } .lst-actu { margin-bottom: 44px; text-align: left} .lst-actu .col { float: left; width: 50% ; min-height: 180px} .lst-actu .col:last-child { padding-left: 35px;} .lst-actu .col .inner { position: relative; padding-left: 220px; display: block; color: #433930 } .lst-actu .col .inner .blc-img { position: absolute; left: 0; top: 5px; width: 180px; height: 180px; display: block; } .lst-actu .col .inner span { display: block; } .lst-actu .col .inner .blc-img:after { content: ""; background-color:rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; opacity: 0 } .lst-actu .col .inner .blc-img img { object-fit: cover; height: 180px; width: 100%; display: block; } .lst-actu .col .inner .blc-txt .date { color: #bf3130; font-size: 14px; line-height: 18px; display: block; margin-bottom: 8px } .lst-actu .col .inner .blc-txt .title { font: normal 18px/28px mont-r ; margin-bottom: 20px; color:#433930;} .lst-actu .col .inner p { margin-bottom: 0 } .lst-Testimonial .slick-slider { background-attachment: fixed !important; } .lst-Testimonial .item { position: relative; background-attachment: fixed !important;min-height: 410px } .lst-Testimonial .slick-list, .lst-Testimonial .slick-track { background-attachment: fixed !important; transform: none !important } .lst-Testimonial:after { content: ''; background-color: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .lst-Testimonial .item .content { position: relative; z-index: 2; max-width: 690px; margin: 0 auto; text-align: center; padding: 83px 0 60px} .lst-Testimonial .item .content h2 { font: normal 18px/22px mont-r; color: #fff; text-transform: uppercase; margin-bottom: 29px } .lst-Testimonial .item .content h2 span { text-transform: none; display: block; font-size: 14px; line-height: 18px; font-family: mont-l } .lst-Testimonial .item .content p { color: #fff; position: relative; max-width: 850px; margin: 0 auto } .lst-Testimonial .item .content p:before { content: ""; background: url(../images/quote.png); width: 38px; height: 28px; display: block; position: absolute; left:-68px; top: -11px } .lst-Testimonial .slick-dots { position: absolute; bottom: 60px } .lst-Testimonial .item .blc-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .lst-Testimonial { background: url(../images/bg-testi1.jpg) no-repeat center; background-size: cover; background-attachment: fixed !important;} .blcReference { position: relative; } .blcReference .wrapper { padding:69px 0 70px 74px} .blcReference h2 { float: left; padding-right: 70px;padding-top: 11px ; position: relative; z-index: 2; width:33.33%} .blcReference .listeReference { float: left; width: 66.66%; position: relative; z-index: 20 } .listeReference li { float: left; } .blcReference .deco { position: absolute; bottom: 0; left: 23px } .listeReference li a img { text-align: center; display: block; margin: 0 auto;} #footer { background-color: #433930; color: #fff;padding: 42px 0 33px; position: relative;} .footer a { color: #fff } .footer .titre { font: normal 30px/30px sat; margin-bottom: 13px; display: block; color: #fff } .footer1 , .footer2 , .footer2 .col { float: left; } .footer1 { padding-right: 75px } .footer2 { padding-top: 9px;} .footer2 .col:last-child { padding-right: 0 } .footer2 .col { padding-right: 60px } .footer2 .col li , .footer2 .col li a { font-size: 14px ; line-height: 24px} .footer2 .social li { float: left; margin-right: 11px } .footer2 .social li:last-child { margin-right: 0 } .footer2 .col li span { font-size: 12px; cursor: pointer } .social { padding-top: 16px;} .social a { background-color: #fff; width: 49px; height: 49px; display: block;} .social a.facebook { background: url(../images/facebook.svg) no-repeat center #fff; } .social a.google { background: url(../images/google.svg) no-repeat center #fff; } .social a.twitter { background: url(../images/twitter.svg) no-repeat center #fff; } .social a.tripadvisor { background: url(../images/tripadvisor.svg) no-repeat center #fff; } .social a.youtube { background: url(../images/youtube.svg) no-repeat center #fff; } .social a.insta { background: url(../images/insta.svg) no-repeat center #fff; } .ftr-bot { padding:24px 60px 0; font-size: 14px } .ftr-bot a { color: #fff } .ftr-bot .copy { float: left;} .ftr-bot .realise { float: right; padding-left: 32px; background: url(../images/logo-maki.svg) no-repeat left center; } #footer .scroll { width: 60px; height: 60px; background: url(../images/arw-top.png)no-repeat center; background-color: #352d25; right: 0; top: 0; display: block; position: absolute; } .joinchat {bottom:60px!important} /******** qui sommes nous ********/ .aboutUs .titre { font: normal 48px/48px sat;color:#333333;text-align: center;margin-bottom: 23px; } .about h2 { font: normal 18px/18px mont-l;color:#333333;text-transform: uppercase;color:#bf3130;text-align: center; margin-bottom: 34px } #page { } .about { padding: 63px 0 55px} .about .blcText { width: 50%;float: left;padding-right: 25px;text-align: justify; } .about .blcPhoto { width: 50%;float: left;padding-left: 25px } .about .blcPhoto img { width: 100%;margin-top: 6px } .blcAtout { margin-bottom: 64px } .blcAtout .item { width: 25%;float: left;border-right:1px solid #cecece;text-align: center;height: 130px;display: table; } .blcAtout .item >div { display: table-cell;vertical-align: middle; } .blcAtout .item span { font: normal 16px/24px mont-l;display: inline-block;vertical-align: middle;margin: 0 10px;color: #000000;text-align: left; } .blcAtout .item span img { display: block; } .blcAtout .item:last-child { border-right:none; } .blcAtout .wrapper { border: 1px solid #cecece; } .blcTeam { text-align: center;margin-bottom: 74px } .blcTeam .wrapper { max-width: 1205px; } .blcTeam p { max-width: 885px;margin: auto; } .blcTeam .listPost .item { cursor:pointer;background: #ffffff; width: auto!important;display: inline-block;border: 1px solid #cecece;font:normal 16px/55px mont-l, Arial;height: 60px;padding: 0 30px;margin: 0 11px;color: #433930 } .blcTeam .listPost .item.active { color: #ffffff;background: #8c3021;border: 1px solid #8c3021 } .blcTeam .listPost { margin: 55px auto 0;} .blcTeam .listPost .blc-chp { display: inline-block;min-width: 300px } .blcTeam .listPost .blc-chp .chp { background-color: #f9f9f9; } .blcTeam .listPost .blc-chp select { height: 60px;color:#999999;font: normal 16px/16px mont-l;padding: 0 29px;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background-position:right 10px center;} .blcTeam .listTeam { max-width: 1054px;width: 100% !important;margin: auto; } .blcTeam .listTeam .item { float: left; padding: 0 17px;width: 33.33%; } .blcTeam .listTeam .item .img { margin-bottom: 21px } .blcTeam .listTeam .item img { width: 100%; } .blcTeam .listTeam .item span { color: #bf3130;font-size: 14px;display: block;text-transform: uppercase; } .blcTeam .listTeam .item .name { font: normal 18px/18px mont-l;color: #433930;text-transform: inherit;margin-bottom: 9px } .bandeau { text-align: center;background: #bf3130;padding: 20px 0 } .bandeau .link { background: #a72b2b;margin: 0 15px; } .blcGalerie { position: relative; } .blcGalerie:after { content:'';background: rgba(0,0,0,0.5);position: absolute;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;z-index: 5 } .blcGalerie .galerie { float: left;display: block;position: relative; } .blcGalerie a { position: relative;display: block;} .blcGalerie a:after { content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;right: 0;bottom: 0; background: #a72b2b;opacity: 0;z-index: 100;} .blcGalerie img { display: block;width: 100%;object-fit: cover;height: 300px } .blcGalerie .container-1 img { height: 350px } .blcGalerie .galerie-1 { width:66.6%;} .blcGalerie .galerie-2 { width:33.4%;} .blcGalerie .galerie-3 { width:22%;} .blcGalerie .galerie-4 { width:28%;} .blcGalerie .galerie-5 { width:50%;} .blcGalerie .mobile { display: none } .blcGalerie .link { position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 250px;border:1px solid #ffffff;background: none;opacity: 0;z-index:200 } /* fin qui sommes nous */ /******** PAGE CONTACT ********/ #page.contact { margin: 78px 0 0} .contact h2 { font: normal 18px/18px mont-l;text-transform: uppercase;color: #bf3130;text-align: center;margin-bottom: 27px; } .contact .blcText { text-align: center;max-width: 880px;margin: auto; } .blcFormulaire { margin-top: 54px } .blcFormulaire .wrapper { max-width: 1190px } .blcFormulaire .blcLeft { float: left;width: 50%;padding-right: 8px } .blcFormulaire .blcRight { float: left;width: 50%;padding: 0 12px 0 24px } .blcFormulaire .blcLeft .blc-chp { float: left;width: 50%;padding: 0 15px;position: relative;margin-bottom: 28px;} .blcFormulaire .blc-chp .chp { background-color: #f9f9f9;position: relative; border:1px solid #cecece;} .blcFormulaire .blc-chp .chp input {background-color: #f9f9f9;padding: 17px 29px;position: relative;height: 60px;border: none;width: 100%;font: normal 16px/16px mont-l;color: #535353} .blc-chp em {font-style: normal;position: absolute;top: 12px;right: 20px;color: #bf3130;font-size: 24px;z-index:2;} .blcFormulaire .blcLeft .objet { width: 100% } .blcFormulaire .blc-chp select { height: 60px;border:none;color: #999999;font: normal 16px/16px mont-l;padding: 0 29px } .blc-chp .chp textarea { height: 286px;padding: 17px 29px;width: 100%;border: none;background-color: #f9f9f9;color: #535353;resize: none;font: normal 16px/16px mont-l;display: block;} .blcFormulaire .blcButton { text-align: center; margin-top:18px;} .blcFormulaire .blcButton .captcha { display: inline-block;vertical-align: middle;margin: 0 15px} .blcFormulaire .blcButton .boutton { display: inline-block;vertical-align: middle;margin: 0 15px;height: 60px } .blcFormulaire .blc-chp .chp ::-webkit-input-placeholder { opacity:1;color:#999999;} .blcFormulaire .blc-chp .chp :-moz-placeholder { opacity:1;color:#999999;} .blcFormulaire .blc-chp .chp ::-moz-placeholder { opacity:1;color:#999999;} .blcFormulaire .blcButton .btn-submit { margin:0; } .contact .bandeau { margin-top: 80px } .contact .content-map { position: relative;height: 350px;} .contact .map { position: relative;height: 350px;background-size: cover;} .contact .adresse { font: normal 14px/24px mont-l;padding: 15px 25px 10px 25px;} .contact .adresse span { font: normal 16px/16px mont-r;color: #bf3130;display: block;margin-bottom: 12px } .contact .adresse p { margin: 0 } .gm-style .gm-style-iw-c, .gm-style-iw-d { max-width: 100%!important;max-height: inherit; } .gm-ui-hover-effect, .gm-style .gm-style-iw-t::after, .gm-style-iw-t::before { display: none!important } .gm-style-iw, .gm-style-iw-d { max-height: inherit!important; } .gm-style-iw { border-radius: 0!important } .gm-style .gm-style-iw-c { padding: 0!important } .gm-style-iw > div { border-radius: 0!important } .gm-style .gm-style-iw-c { box-shadow: inherit;border:1px solid #dcdcdc; } /******** FIN PAGE CONTACT ********/ /* ACTUS */ .Actus .wrapper { padding:53px 0 82px} .Actus h2 { text-align: center; margin-bottom: 20px } .Actus h3 { font: normal 18px/18px mont-l;text-transform: uppercase;color:#bf3130;text-align: center; margin-bottom: 34px } .lst-actu-page { margin: 57px -20px 0;} .lst-actu-page .item { float: left; width: 33.33%; margin-bottom: 30px; } .lst-actu-page .content { max-width: 362px; margin: 0 auto; display: block; color: #433930; -webkit-perspective:1676px; -moz-perspective: 1676px; -ms-perspective: 1676px;perspective: 1676px; } .lst-actu-page .content .blc-img { height: 300px; position: relative; margin-bottom: 20px; -webkit-perspective:1676px; -moz-perspective: 1676px; -ms-perspective: 1676px;perspective: 1676px; } .lst-actu-page .content .blc-img .back .link { border-color: #fff } .lst-actu-page .content span { display: block; } .lst-actu-page .content .date { color: #bf3130; font-size: 14px; margin-bottom: 0; position: absolute; bottom: 0; left: 0; background-color: #fff; width: 138px; height: 40px; display: block; text-align: center; padding-top: 8px;} .lst-actu-page .content .s-titre , .lst-actu-page .content h4 { font: normal 18px/30px mont-l; color: #262008 ; margin-bottom: 20px; display: block;} .lst-actu-page .content .blc-txt { padding-right: 10px;} .lst-actu-page .content .blc-img .front img { display: block; width: 100% } .lst-actu-page .content .blc-img .front { -webkit-transform: rotateY(0); -moz-transform: rotateY(0);-o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); -webkit-transform:rotateY(0);z-index: 1; transition: transform .5s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; position: absolute; width: 100%; height: 100%; top: 0 ; left: 0; backface-visibility: hidden;} .lst-actu-page .content .blc-img .back {display: flex;align-items: center;justify-content: center; background-color: #bf3130; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);-o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);-webkit-transform:rotateY(180deg);transition: transform .5s ease-in-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; backface-visibility: hidden;} .lst-actu-page .content .blc-txt span { display: inline-block; } .pagination { text-align: center } .pagination .prev, .pagination .next, .pagination ul, .pagination li { display: inline-block; vertical-align:middle;} .pagination li { margin: -8px 28px 0 } .pagination li a { color: #999999; font-size: 16px } .pagination .prev, .pagination .next { width: 60px; height: 60px; background-color: #fff; border: #cecece solid 1px; margin: 0 17px } .pagination .prev { background:url(../images/arw-left-r.svg) no-repeat center #fff; } .pagination .next { background:url(../images/arw-right-r.svg) no-repeat center #fff; } .pagination li.active a { color: #a72b2b } /******** FIN PAGE ACTUS ********/ /******** PAGE ACTU-DETAILS ********/ #header .title.actu { padding: 21px 0 19px; } #header .title .titre { font: normal 48px/48px sat;color: #ffffff; display: inline-block;padding-top: 5px} #header .title .link.retour { float: right;border: 1px solid #ffffff } .actu-details .container { position: relative; } .actu-details .blcLeft { width: 100%; padding: 42px 400px 45px 0;min-height: 1000px } .actu-details .blcLeft .photo img { width: 100%;display: block; } .actu-details .date { font: normal 14px/14px mont-l;color: #bf3130} .actu-details h1 { font: normal 30px/40px mont-r;color: #262008;margin-bottom: 30px; } .actu-details .blcLeft .text { margin-top: 31px } .actu-details .blcLeft .text a { color: #bf3130 } .actu-details .blcRight { width: 320px;padding: 73px 0 50px 0;position: absolute;right: 0;top: 0 } .actu-details .blcRight img { width: 100%; display: block;} .actu-details .blcRight h2 { font: normal 24px/30px mont-l;color: #bf3130;text-transform: uppercase;margin-bottom: 34px;} .actu-details .blcRight .img { display: block; position: relative;} .actu-details .blcRight .date { color: #bf3130;font-size: 14px;margin-bottom: 0;position: absolute;bottom: 0;left: 0;background-color: #fff;width: 100%;height: 60px;display: block; text-align: center;padding-top: 18px;line-height: 24px;padding-right: 120px } .actu-details .blcRight .text-actu { margin-top: 28px } .actu-details .blcRight .text-actu a { margin: 2px 0 23px 0;font: normal 18px/30px mont-r;display: block;color: #262008 } .actu-details .blcRight .slideActu { position: relative; } .actu-details .blcRight .slideActu .slick-next { position: absolute;right: 0;top: 240px } .actu-details .blcRight .slideActu .slick-prev { position: absolute;right: 60px;top: 240px } .actu-details .blcRight .blcLink { background: #433930;padding: 30px;margin-top: 18px; } .actu-details .blcRight .blcLink .link { display: block;border:1px solid #ffffff;margin-bottom: 30px;background: #433930;text-align: center; } .actu-details .blcRight .blcLink .link:last-child{ margin-bottom: 0 } /******** FIN PAGE ACTU-DETAILS ********/ /********** CIRCUIT *******************/ .circuit .wrapper { padding:60px 0 18px} .circuit.circuit-d .wrapper { padding: 0 } .circuit h2 { text-align: center; margin-bottom: 20px; text-align: center; } .circuit .wrapper > p { text-align: center; max-width:977px; margin: 0 auto } .circuit .blcFiltre { padding:68px 84px 0 } .circuit .lst-actu-page { margin-top: 59px } .localite { position: absolute; left: 0; bottom: 0 } .localite span { height: 40px; padding: 10px 30px; display: block; float: left;font-size: 12px; text-transform: uppercase; } .localite span.titre { background-color: #fff; color: #433930; } .localite span.circuit { background-color: #433930; color: #fff } .circuit .lst-actu-page .content h3 { font: normal 20px/30px mont-r ; margin-bottom: 6px} .circuit .lst-actu-page .content .blc-txt ul li { float: left; font: normal 14px/18px mont-l; padding-right: 18px } .circuit .lst-actu-page .content .blc-txt ul li span { margin-right: 7px;} .circuit .lst-actu-page .item { margin-bottom: 38px } .circuit .lst-actu-page .content .blc-img .back { flex-direction: column;color: #ffffff;font: normal 16px/24px mont-l;background: #a72b2b} .circuit .lst-actu-page .content .blc-img .back span { margin-bottom: 16px; } .circuit .lst-actu-page .content .blc-img .back .link { height: 50px;line-height: 47px;border:1px solid #bf3130;margin-bottom: 0;margin-top: 22px; } .circuit .blcDepart { text-align: center;margin-bottom: 40px } .circuit .blcDepart .wrapper { max-width: 1024px } .circuit .blcLnkVideo { margin-bottom: 5px; } .circuit .blcSlide .blcImage { max-width: 572px; } .circuit .blcSlide .blcImage img { width: 100%;display: block;} .circuit .blcSlide .blcText span { color: #bf3130 } .circuit .blcSlide { position: relative; } .circuit .blcSlide .listItem { position: relative; } .circuit .blcSlide .listItem .item { position: relative;} .circuit .blcSlide h3 { font: normal 40px/46px sat;margin-bottom: 18px; } .circuit .blcSlide .blcText { width: 572px;;background: #ffffff;padding: 50px 0 0 60px ;text-align: left;position: absolute;right: 0;bottom: 0 } .circuit .blcSlide { margin-top: 55px } .circuit .blcSlide .link { margin-left: 60px;margin-top: 33px; } .circuit .arwDepart,.arwcircuit { position: absolute;bottom: 0px;left: 50%;margin-left: -60px;width: 120px;height: 60px } /********** CIRCUIT-DETAILS *******************/ .circuit-d .blcCirctuit { text-align: center;padding: 50px 0 64px; } .circuit-d .blcCirctuit .wrapper { max-width: 1024px;padding: 0 } .circuit-d .blcCirctuit h2 { margin-bottom: 22px } .circuit-d .blcSlide { position: relative; } .slideCircuit .blcText { max-width: 572px;width: 100%;background: #ffffff;float: right;text-align: left;padding: 50px 60px 0} .slideCircuit { margin-top: 54px } .slideCircuit .blcText span.title { font: normal 18px/24px mont-l;text-transform: uppercase;display: block;margin-bottom: 25px;color: #262008 } .slideCircuit { position: relative; } .slideCircuit .blcText { position: relative; } .slideCircuit .blcText ul { margin-left: 5px } .slideCircuit .blcText li { padding-left: 35px;margin-bottom: 10px; } .slideCircuit .blcText li:first-child { background: url(../images/icon-location.svg)left center no-repeat; } .slideCircuit .blcText li:nth-child(2) { background: url(../images/icon-clock.svg)left center no-repeat; } .slideCircuit .blcText li:nth-child(3) { background: url(../images/icon-calendar.svg)left center no-repeat; } .slideCircuit .blcText li:nth-child(4) { background: url(../images/icon-luggage.svg)left center no-repeat; } .slideCircuit .blcText li:nth-child(5) { background: url(../images/icon-car.svg)left center no-repeat; } .slideCircuit .blcText .link { margin: 37px 0 0 60px } .slideCircuit .blcImg {max-width: 572px;position: absolute;left: 0;top: 0;width: 572px;height: 100%;} .slideCircuit .item1 .blcImg { background: url(../images/slide-circuit-1.jpg)left center no-repeat; background-size: cover; } .slideCircuit .item2 .blcImg { background: url(../images/slide-circuit-2.jpg)left center no-repeat;background-size: cover; } .blcParcours { text-align: center;padding: 66px 0 20px; } .blcParcours .text { max-width: 1000px;margin:0 auto 55px; } .blcReservation { background: #bf3130;padding: 20px;text-align: center; } .blcReservation .link { background: #a72b2b } .blcTarif { margin: 0;padding-left: 33%;position: relative;min-height: 492px;background: #f7f7f7} .blcTarif .blcLeft { width: 33%;position: absolute;top: 0;left: 0;background: url(../images/img-tarif.jpg)center no-repeat;height: 100%;display: flex; align-items: center;justify-content: center;background-size: cover; } .blcTarif .blcRight { padding: 73px 0 20px 58px;max-width: 807px } .blcTarif ul.tabs { margin: 0px;padding: 0px;list-style: none;} .blcTarif ul.tabs li { background: none;color: #222;display: inline-block;padding: 0 0 11px;cursor: pointer;border-bottom:5px solid #f0eeef;font: normal 18px/24px mont-l;margin-right: 20px} .blcTarif ul.tabs li.current { color: #bf3130;border-bottom:5px solid #bf3130;} .blcTarif .tab-content { display: none;margin-top: 31px;} .blcTarif .tab-content.current{display: inherit;} .blcTarif .tab-content li { background: url(../images/icon-plus.svg)left 5px no-repeat;padding-left: 40px;margin-bottom: 14px; } .blcTarif #tab-2.tab-content li { background: url(../images/icon-moins.svg)left 5px no-repeat;} .blcTarif .blcRight img { width: 100% } .blcPointFort { margin-bottom: 53px } .blcActivite .listActivite { border:1px solid #cecece; } .blcActivite .item { float: left;width: 25%;border-right: 1px solid #cecece;height: 130px;display: table;text-align: center; } .blcActivite .item:last-child { border-right: none } .blcActivite .item>div { display: table-cell;vertical-align: middle; } .blcActivite .item span { display: inline-block;vertical-align: middle; } .blcActivite .item .text { text-align: left;padding-left: 16px; } .blcActivite .item span img { display: block; } .blcParcours h2 { margin-bottom: 14px } .blcParcours .jour { color: #433930;font-size: 12px;margin-bottom: 0;position: absolute;bottom: 0;left: 0;background-color: #fff;width: auto;display: block;text-align: center;padding: 8px 30px;text-transform: uppercase; } .blcParcours .lst-actu-page .content .blc-txt { text-align: left;padding: 0 } .blcParcours .lst-actu-page .content .blc-img .back { padding: 29px 40px;display: block;text-align: left;font: normal 14px/24px mont-l; } .blcParcours .lst-actu-page .content .blc-img .back span { margin-bottom: 22px } .blcParcours .lst-actu-page { margin-top: 55px; } .blcParcours .lst-actu-page .item { margin-bottom: 31px } .blcLinkCarte { background: #f0eeef;text-align: center;padding: 20px 0 } .blcLinkCarte .link { background: #433930;border-color: #433930 } .popCarte { max-width: 750px;text-align: center;padding: 46px 40px} #popCarte svg { display: none!important } .popCarte .text { margin-bottom: 42px; } .blcCirctuit .blcSlide .blcImage img { height: 425px;object-fit: cover; } /******** FIN PAGE CIRCUIT-DETAILS ********/ /******** PAGE LOCATION ********/ .PhotoText { padding: 53px 0 74px; } .PhotoText .titre { font: normal 48px/48px sat;color: #333333;text-align: center;margin-bottom: 20px; } .PhotoText h3 { font: normal 18px/18px mont-l;text-transform: uppercase;color: #bf3130;text-align: center;margin-bottom: 37px;} .PhotoText .blcPhoto { width: 50%;float: left;padding-left: 42px;} .PhotoText .blcPhoto img { width: 100%;display: block; } .PhotoText .blcText { width: 50%;float: left;padding-right: 25px; } .parcAuto .titre { font: normal 48px/48px sat;color: #333333;text-align: center;margin-bottom: 23px;} .parcAuto .text { max-width: 885px;margin: 0 auto 53px;text-align: center; } .parcAuto .carName { color: #433930;font-size: 12px;margin-bottom: 0;position: absolute;bottom: 0;left: 0;background-color: #fff;width: auto;display: block;text-align: center;padding: 8px 30px;text-transform: uppercase; } .parcAuto .carName.mob { display: none } .location .lst-actu-page { margin-top: 53px } .parcAuto h3 , .parcAuto .s-titre { font: normal 20px/24px mont-l;margin-bottom: 5px; } .location .lst-actu-page .content .blc-img { margin-bottom: 22px; } .parcAuto .option li { display: inline-block;font: normal 14px/14px mont-l;margin-right: 13px } .parcAuto .option li span { display: inline-block;vertical-align: middle;} .parcAuto .option li .picto { margin-right: 7px } .parcAuto .lst-actu-page .content .blc-img .back{ flex-direction: column; } .parcAuto .lst-actu-page .content .blc-img .back .link { margin: 35px auto;border-color: #bf3130 } .parcAuto .lst-actu-page .content .blc-img .price span { font: normal 12px/18px mont-l;color: #ffffff;display: block;} .parcAuto .lst-actu-page .content .blc-img .price span:first-child{padding-left: 5px} .parcAuto .lst-actu-page .content .blc-img .price b { font: normal 24px/24px mont-r;display: inline-block;vertical-align: top;} .parcAuto .lst-actu-page .content .blc-img span.saison { text-transform: uppercase; } .parcAuto .lst-actu-page .content .blc-img .back { background: #a72b2b } .location .lst-actu-page .item { margin-bottom: 54px } .parcAuto .etoile { text-align: center;margin:0 0 40px; } .parcAuto .etoile i { font-style: normal; } .parcAuto .etoile p { display: inline-block; } .parcAuto .etoile span { color: #a72b2b } .blcLnkVideo { background: #f0eeef;padding: 39px 0;text-align: center;margin-bottom: 63px; } .blcLnkVideo .link { background: #433930;border:1px solid #433930;line-height: 55px } /******** FIN PAGE LOCATION ********/ .fancybox-active #popup_box { display: inline-block !important } #popup_box { display: none !important } .lst-actu-page .content .s-titre { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .popCarte p { display: none !important; } .popCarte .text { margin-bottom: 0; } @media (min-width:1201px) { body a span, body a, .headerTop, .menu a:after, .btn-submit , .slick-prev ,.slick-next, .lst-voiture .item .hide , .lstCircuit .item .content::after, .listeReference li img ,.blcTeam .listTeam .item .txt,.blcGalerie a:after ,.blcTeam .listPost .item ,.lst-actu .col .inner .blc-img:after, .lst-actu .col .inner .blc-txt .title { -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;} .menu>ul>li>a:hover:after { width: 100% } .head-right a.lang:hover { background-color: #bf3130 } .head-right a.tel:hover { background-color: #a72b2b } .btn-submit:hover { background-color: #a72b2b } .scroll:hover { background-color: #a72b2b } .link:hover { background-color: #a72b2b ; border-color: #a72b2b } .slick-prev:hover, .slick-next:hover { background-color: #bf3130 } .lstCircuit:hover .item .content:after { opacity: 1 } #slideCircuit .slick-prev:hover { background-image:url(../images/arw-left.svg); background-color:#bf3130; } #slideCircuit .slick-next:hover { background-image:url(../images/arw-right.svg); background-color: #bf3130;} .lstCircuit .item .content:hover .hide { -webkit-transform: rotateY(0); -moz-transform: rotateY(0);-o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); -webkit-transform:rotateY(0);z-index: 50; } .lstCircuit .item .content:hover .front { -webkit-transform: rotate(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform:rotateY(-180deg);} .lst-voiture .item:hover .hide { opacity: 1 } .blcNavette .blc-left .link:hover { background-color: #362d26 } .footer a:hover { text-decoration:underline; } .ftr-bot a:hover { text-decoration:underline; } .social a.facebook:hover { background: url(../images/facebook-w.svg) no-repeat center #352d25; } .social a.google:hover { background: url(../images/google-w.svg) no-repeat center #352d25; } .social a.twitter:hover { background: url(../images/twitter-w.svg) no-repeat center #352d25; } .social a.tripadvisor:hover { background: url(../images/tripadvisor-w.svg) no-repeat center #352d25; } .social a.youtube:hover { background: url(../images/youtube-w.svg) no-repeat center #352d25; } .social a.insta:hover { background: url(../images/insta-w.svg) no-repeat center #352d25; } .logo-ftr:hover { opacity: 0.5 } .listeReference li img:hover { filter: grayscale(100%);} .footer .scroll:hover { background-color:#27211b } .lst-actu .col:hover .inner .blc-img:after { opacity: 1 } .lst-actu .col:hover .inner .blc-txt h3 { color: #bf3130 } .pagination .prev:hover { background:url(../images/arw-left.svg) no-repeat center #a72b2b; border-color: #a72b2b } .pagination .next:hover { background:url(../images/arw-right.svg) no-repeat center #a72b2b; border-color: #a72b2b } .pagination li a:hover { color: #a72b2b } .lst-actu-page .content:hover .blc-img .back { opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0);-o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); -webkit-transform:rotateY(0); z-index: 50} .lst-actu-page .content:hover .blc-img .front { -webkit-transform: rotate(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform:rotateY(-180deg);} .circuit .lst-actu-page .content .blc-img .back .link:hover{ border-color: #ffffff } /* tripadvisor */ .blcCertificate:hover a.on { right: 0 } .blcCertificate:hover a.off{ right: -60px } /******** hover qui sommes nous ********/ .bandeau .link:hover { background: #a11f0b } .blcGalerie a:hover:after, .blcGalerie a:hover .link { opacity: 1 } { opacity: 1 } .blcTeam .listPost .item:hover { color: #ffffff;background: #8c3021;border: 1px solid #8c3021} .blcGalerie .link:hover { background-color: #bf3130;border-color: #bf3130; } .blcGalerie:hover:after { opacity: 1 } /******** fin hover qui sommes nous ********/ /******** hover actu-details ********/ .actu-details .blcRight .blcLink .link:hover { background: #362d26 } #header .title .link.retour:hover { border-color: #a72b2b } /******** fint hover actu-details ********/ /******** hover Location ********/ .parcAuto .lst-actu-page .content .blc-img .back .link:hover{ border-color: #ffffff } .blcLnkVideo .link:hover { background: #362d26;border-color: #362d26 } /******** hover circuit details ********/ .blcReservation .link:hover { background: #bf3130;border-color: #ffffff } .blcLinkCarte .link:hover { background: #362d26;border-color: #362d26 } .menu .sub-menu li a:hover { color: #fff !important;opacity: 0.8 } .menu .sub-menu li:nth-child(2n+2) a:hover { opacity: 0.8; color: #fff! important } .menu .sub-menu a:hover { color: #fff;} } /* RESPONSIVE */ @media (max-width:1300px) { .menu { padding-left:0; } .blcNavette .blc-left .blc-txt { padding: 39px 0;} .blcNavette .blc-left .link { margin-right: 10px;} .blcActu .wrapper { padding: 62px 22px 81px} #footer { padding: 42px 40px 33px;} .footer2 .col { padding-right: 40px;} .ftr-bot { padding: 24px 0 0;} .Actus .wrapper { padding: 53px 34px 82px} .circuit .wrapper { padding:60px 34px 20px} .circuit .blcDepart .wrapper { padding: 45px 0 0} } @media (min-width:1201px) { .menu ul { display:block !important;}} @media (max-width:1200px) { .head-right { z-index: 20 } #header { height: 650px;} .headerTop .logo { display: none } .headerTop { height: 60px; padding: 0} .head-right { z-index: 80} #slider { height: 100%;min-height: inherit;} .blcFiltre { padding: 45px 40px 60px;} .chp-filtre { text-align: center;} .chp-filtre .blc-chp { display: inline-block; float: none; text-align: left; } .blcCircuit { margin-top: 0;top: 0;} .lstCircuit .hide { padding-top: 0 } .lstCircuit .item .content { height: 400px;} .lstCircuit .item .content .img { height: 400px } #slideCircuit .slick-prev, #slideCircuit .slick-next { margin-top: -30px;} .blcBienvenu .wrapper { padding: 62px 40px 77px} .maki { top: 0;} .blcBienvenu p { position: relative; } .blcNavette .blc-left .blc-img { width: 40%;} .blcNavette .blc-left .blc-txt { width: 60% } .lst-actu .col .inner { padding-left: 200px;} .blcReference .wrapper { padding: 52px 74px 49px;} .blcReference h2 { float: none;padding-right: 0;padding-top: 0;display: block;text-align: center; margin-bottom: 35px} .blcReference .listeReference { float: none;text-align: center;} .listeReference li:first-child { margin-right: 0;} .listeReference li { float: left;display: inline-block;width: 32%;} .footer1 { padding-right: 0;float: none;margin: 0 auto 25px} .footer2 .col { padding-right:40px;} .logo-ftr { display: block;margin: 0 auto;width: 125px;} .slick-slider div.slick-current .hero-image, .slick-slider div.slick-current .txt-banner { animation: none } .blcCertificate { left: 40px } .banner.slick-slide .txt-banner { padding-right: 70px } /*menu*/ .wrapMenuMobile { width:auto; height:60px; display:block; z-index:9999; transition:all 400ms ease-in-out; color:#262008; font:normal 16px/24px mont-l; cursor:pointer; position:absolute; left:0; top:0; padding-left: 40px;padding-top: 21px;} .menuMobile { width:auto; display:block; height:18px; cursor:pointer; position:relative; line-height:20px; padding:0 0 0 44px} .menuMobile span { } .menuMobile>div { width:30px; height:3px; background:#262008; position:absolute; left:0; top:50%; margin-top:-1px;} .menuMobile>div:before { width:100%; height:3px; background:#262008; position:absolute; right:0; top:8px; content:"";} .menuMobile>div:after { width:100%; height:3px; background:#262008; position:absolute; right:0; top:-8px; content:"";} .menuMobile.active>div { height:0px;} .menuMobile.active>div:before { top:0; transform:rotate(45deg);} .menuMobile.active>div:after { top:0; transform:rotate(-45deg);} .menu>ul {-webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; width:100%; height:100vh; position:absolute; left:0; top:0; padding:20px 0 0 0; background:#fff; display:table; z-index:999; transform: translateX(-100%)} .menu ul li { width:100%; margin:0 auto; display:block; float:none; padding:0;} .menu li a { height:60px; line-height:60px; border:0; padding:0 40px; margin:0; text-align:center; border-bottom:1px solid #cecece;} .menu li:last-child a { border-bottom: none } .menu a::after { display: none } .menu li.logo-mob { display: block } .menu li.logo-mob a { height: 116px;line-height: 0;padding-bottom: 0;} .menu .sub-menu { top: 0; left: 0; width: 100% } .menu .sub-menu a:hover { color: #fff } .menu-item-140 li a { position: relative; } .menu-item-140>a::before { content: ''; width: 20px; background-color: #a72b2b; position: absolute; right: 40px; top: 30px; height: 3px; display: block; } .menu-item-140 a::after { content: ''; width: 2px; height: 15px; position: absolute; right: 49px; top: 14px; display: block; background-color: #a72b2b; } .menu>ul>li.active>a:after { width: 2px } .menu-item-140.open a::after { display: none } .blc-menu { padding-right: 66px;} .wrapMenuMobile.active { left:auto; right: 10px; color: #fff; text-indent: -9px; z-index: 9999 } .wrapMenuMobile.active:after { content: ''; background-color: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100% } .wrapMenuMobile.active .menuMobile { padding: 30px 0 0 0; z-index: 99} .wrapMenuMobile.active .menuMobile > div::before { background: #fff } .wrapMenuMobile.active .menuMobile > div::after { background: #fff } .blcFiltre { z-index: 50 } .menu.slide { z-index: 9999;} .menu.slide>ul { transform: translateX(0); z-index: 99999 } .wrapMenuMobile .menuMobile span.mob { display: none } .wrapMenuMobile.active .menuMobile span.mob { display: block ; font-size: 10px; text-transform: uppercase; letter-spacing: 1px} .wrapMenuMobile.active .menuMobile span.desk { display: none } .blcReference .wrapper { padding: 52px 40px 95px;} .blcReference .deco { display: none } .blcReference h2 { width: 100% } .blcReference .listeReference { width: 100% } .listeReference li a { display: block; margin: 0 auto; text-align: center; width: 210px} .lst-Testimonial .item .blc-img , .lst-Testimonial .item , .lst-Testimonial .item .blc-img.test2, .lst-Testimonial .item .blc-img.test1 { background-attachment: inherit !important; } .lst-Testimonial .slick-list, .lst-Testimonial .slick-track { background-attachment: inherit !important; transform: inherit !important;} .lst-Testimonial { background-attachment: inherit !important; } .cameleon { display: none } .lstCircuit.slick-slider , .lstCircuit .slick-list { overflow: hidden !important; } .headerTop.navSticky .menu a::after { margin-top: 7px } .navSticky .menu .sub-menu { top:0; } /******** qui sommes nous ********/ #page {} #header.page { height: auto;} #header.page .headerTop { position: static; } #header .title { padding: 25px 40px 27px;position: static;} .about { padding: 40px 40px 15px } .about .blcText { padding-right: 25px } .about .blcPhoto { padding-left: 0 } .blcTeam { padding: 0 30px 25px;margin:0;} .blcTeam .listTeam { margin: 25px -5px 0;} .blcTeam .listTeam .item { padding: 0 10px;margin-bottom: 20px } .blcTeam .listTeam .item { padding: 0 5px;margin-bottom: 10px } .blcTeam .listTeam .item .txt { opacity: 1;position: relative;top: 100%;padding: 25px 20px 0;} .blcTeam .listTeam .contact { display: none } .blcTeam .listPost .item { margin-bottom: 20px } .blcAtout { margin-bottom: 50px } .blcAtout .wrapper { padding: 0 40px;border: none } .blcAtout .item { width: 50%;border-top: 1px solid #cecece; } .blcAtout .item:first-child, .blcAtout .item:nth-child(3) { border-left:1px solid #cecece; } .blcAtout .item:last-child { border-right:1px solid #cecece;border-bottom:1px solid #cecece } .blcAtout .item:nth-child(3) { border-bottom: 1px solid #cecece } /******** fin qui sommes nous ********/ /******** PAGE CONTACT ********/ .contact .bandeau { margin-top: 50px } #page.contact { margin: 65px 0 0; } .blcFormulaire { padding: 0 25px } .contact .blcText { padding: 0 40px } /******** FIN PAGE CONTACT ********/ /* ACTUS */ .lst-actu-page .item { padding: 0 10px;} .lst-actu-page .content .blc-img { height: 260px } .lst-actu-page .content .blc-img .front img { display: block; width: 100%; height: 260px; object-fit: cover;} .lst-actu-page { display: flex;flex-wrap: wrap; } /* ACTUS */ .Actus .wrapper { padding: 53px 50px 82px;} .circuit .wrapper { padding:60px 50px 20px} .circuit .blcFiltre { padding: 68px 0 0;} /******** PAGE ACTU-DETAILS ********/ #header .title.actu { padding: 21px 40px 19px;} .actu-details .wrapper { padding: 0 40px } .actu-details .blcLeft { padding: 42px 370px 50px 0; } .lst-actu-page .content .blc-img .back { display: none } /******** FIN PAGE ACTU-DETAILS ********/ /******** PAGE CIRCUIT ********/ .circuit .blcDepart .wrapper { padding: 40px 40px 0} .circuit .arwDepart,.arwcircuit { margin-left: -100px } /******** FIN PAGE CIRCUIT ********/ /******** PAGE LOCATION ********/ .PhotoText .wrapper { padding: 0 40px } .parcAuto .wrapper { padding: 0 30px } .location .lst-actu-page { margin-left: 0;margin-right: 0; } .parcAuto .lst-actu-page .content .blc-img .back{ opacity: 1;-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-o-transform: rotateY(0);-ms-transform: rotateY(0);transform: rotateY(0); -webkit-transform: rotateY(0);z-index: 50;display: flex;height: auto; flex-direction: row;top: inherit;bottom: 0;justify-content: flex-start;} .parcAuto .lst-actu-page .content .blc-img .back .price-bs{ margin:0 15px } .parcAuto .lst-actu-page .content .blc-img .back .link { display: none } .parcAuto .carName { display: none;} .parcAuto .carName.mob { display: block;position: relative;left: inherit;bottom: inherit;min-height: 50px;padding: 13px 20px 8px; } .parcAuto .lst-actu-page .content .blc-img .price b { font: normal 20px/22px mont-r; } .parcAuto .lst-actu-page .content .blc-img .price span{ font: normal 10px/18px mont-l; } .parcAuto .lst-actu-page .content .blc-img .back .price{ padding: 5px 0 } /******** FIN PAGE LOCATION ********/ /******** PAGE CIRCUIT-DETAILS ********/ .circuit-d .blcCirctuit .wrapper { padding: 0 40px } .blcParcours { padding: 50px 40px 25px } .blcTarif { margin: 0; } .blcTarif .blcRight { padding: 50px 40px } .circuit-d .blcCirctuit { padding: 50px 0 50px; } .slideCircuit { margin-top: 50px } .blcPointFort { padding: 0 40px } .blcActivite { padding: 0 40px } .blcTarif .blcLeft { width: 455px } .blcTarif { padding-left: 455px } /******** FIN PAGE CIRCUIT-DETAILS ********/ } @media (max-width:1023px) { #header { min-height: inherit; } .txt-banner { padding: 0 40px } .blcFiltre { width: 100% } .chp-filtre .blc-chp { display: block;float: left;margin-right: 0;padding: 0 10px;} .blc-chp.width1 { width: 50%;margin-right: 0;} .blc-chp.width2 { width: 50%;} .chp-filtre .blc-chp:last-child { margin-right: 0;float: none;display: inline-block;} #slideCircuit .slick-prev { left: 33.33%;} #slideCircuit .slick-next { right: 33.33%;} .maki { display: none } .blcNavette .blc-left { width: 50%;} .blcNavette .blc-left .blc-img { display: none } .location-voiture { width: 50%;} .blcNavette .blc-left .blc-txt { width: 100%;} .blcNavette .blc-left .blc-txt { padding: 39px 40px;} .blcNavette .blc-left .link { padding: 0 17px } .blcNavette .blc-left .link { margin-right: 0;} .lst-actu .col { float: none;width: 100%;min-height: 180px;margin-bottom: 20px; margin-bottom: 27px; border-bottom: #cecece solid 1px; padding-bottom: 80px} .lst-actu .col:last-child { padding-left: 0; border-bottom: none; padding-bottom: 0} .footer2 .col { padding-right: 0;float: none;text-align: center; margin-bottom: 30px} .footer2 { float: none } .social { text-align: center;} .footer2 .social li { float: none;margin: 0 5px;display: inline-block;} .ftr-bot { padding: 0;} .blc-scroll { z-index: 50 } /******** qui sommes nous ********/ .about .blcPhoto { padding: 0 0 15px 15px } .blcGalerie img { height: 250px } .blcTeam .listTeam span, .blcTeam .listTeam a { font-size: 15px } /******** fin qui sommes nous ********/ /******** PAGE CONTACT ********/ .blcFormulaire .blcLeft { width:100%;padding: 0; } .blcFormulaire .blcRight { width: 100%;padding: 0 15px } .blcFormulaire .container-1 { margin: 0 -15px } .blcFormulaire .blcButton { margin-top: 30px } /******** FIN PAGE CONTACT ********/ /******** ACTUS ********/ .lst-actu-page .item { width: 50%;} .lst-actu-page .content { max-width: 100% } /******** PAGE ACTU-DETAILS ********/ .actu-details .blcRight { width:270px } .actu-details .blcLeft { padding: 42px 310px 50px 0; } .actu-details .blcRight img { object-fit: cover;height:200px; } .actu-details .blcRight .slideActu .slick-next { top: 140px } .actu-details .blcRight .slideActu .slick-prev { top: 140px } .actu-details .blcRight .blcLink { padding: 30px 15px } /******** FIN PAGE ACTU-DETAILS ********/ /******** PAGE CIRCUIT ********/ .circuit .arwDepart,.arwcircuit {margin-left: 0;} .circuit .blcSlide .blcText { width: 50%;padding: 40px 0 0 40px } .circuit .blcSlide .link { margin-left: 80px } /******** FIN PAGE CIRCUIT ********/ /******** PAGE LOCATION ********/ .PhotoText .blcPhoto { margin-bottom: 15px;padding-left: 0 } /******** FIN PAGE LOCATION ********/ /******** PAGE CIRCUIT-DETAILS ********/ .slideCircuit .blcText { width: 100%;max-width: 60%; } .slideCircuit .blcImg { width: 100%;max-width: 60%;} .blcTarif .blcLeft { width: 100%;position: relative;height: 400px} .blcTarif { padding: 0 } .blcTarif .blcRight img { width: auto; } .blcTarif { padding-bottom: 15px } .blcActivite .item { width: 50%; } .blcActivite .item:nth-child(2) { border-right: none } .blcActivite .item:nth-child(1), .blcActivite .item:nth-child(2) { border-bottom: 1px solid #cecece;} /******** FIN PAGE CIRCUIT-DETAILS ********/ } @media (max-width:900px) { .about .blcText { float: none;width: 100%;padding-right: 0 } .about .blcPhoto { width: 550px;margin: auto;float: none } .PhotoText .blcText { float: none;width: 100%;padding-right: 0 } .PhotoText .blcPhoto { width: 550px;margin: auto;float: none } .PhotoText { padding-bottom: 40px } } @media (max-width:767px) { #header { height: auto;} .blcCertificate { display: none } .headerTop { position: relative; z-index: 200 } .headerTop.navSticky { position: relative; } #slider { height: 360px } .head-right a.tel { font-size: 0; width: 60px; padding: 0; height: 60px; position: relative; } .head-right a.tel::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto } #slideCircuit .slick-next { right: 0; margin-right: 0;} #slideCircuit .slick-prev { left: 0; margin-left: 0;} .txt-banner { display: none } .slideDepart .slick-list { width: 100% !important;} .slideDepart { width: 100% !important;} .cameleon { display: none } .blcNavette .blc-left .link.mobile { display: inline-block; border-color: #fff; width: 225px } .blcNavette .blc-left, .location-voiture { width: 100%; float: none; height: auto;} .blcNavette .blc-left .blc-txt { display: none } .blcNavette .blc-left { background-color: #433930; padding: 30px 40px; display: inline-block; text-align: center; } .lst-voiture { display: none !important } .arw-slide2 { display: none } .location-voiture { background-color: #bf3130; padding: 30px 0 } .location-voiture .titre { padding-right: 0;} .location-voiture .titre .link { display: block; width: 225px;border-color: #fff; margin: 0 auto; text-align: center;} .lst-Testimonial .item .content { padding: 34px 40px 70px;} .lst-Testimonial .item .content p::before { display: none } .ftr-bot .copy { display: none;} .ftr-bot .realise { float: none; text-align: center; max-width: 200px; margin: 0 auto } .pp-Depart .logo-pp { top: 50%; margin: -50px auto 0;} /******** qui sommes nous ********/ #page { margin-top: 0} #header .title { top: 1px } .about { padding-bottom: 40px } .about .blcPhoto { float: none;width: 100%;padding: 0 ;margin-top: 12px} .about .blcText { padding-right: 0 } .blcGalerie .desk { display: none } .blcGalerie .mobile { display: block; } .blcTeam .listTeam .item { width: 50%;} .blcTeam .listPost .item { margin:0 5px 10px } .blcTeam .listTeam { margin: 0 -5px 0;} .blcTeam .listTeam .item .img { margin-bottom: 0 } .about .blcText { text-align: inherit; } .blcGalerie::after { display: none } /******** fin qui sommes nous ********/ /******** PAGE CONTACT ********/ #page.contact { margin: 60px 0 0;} /******** FIN PAGE CONTACT ********/ /* ACTUS */ .Actus .wrapper { padding: 53px 40px 82px;} .lst-actu-page .item { padding: 0;float: none;width: 100%;height: auto!important;} .lst-actu-page .content { max-width: 100%;} .lst-actu-page .content .blc-img { height: auto;} .lst-actu-page .content .blc-img .front { height: auto; position: static; } .lst-actu-page .content .blc-img .front img { height: auto; object-fit: inherit;} .lst-actu-page { margin: 57px 0 0;} .pagination .prev, .pagination .next { margin: 0 10px } /******** PAGE ACTU-DETAILS ********/ .actu-details .blcRight { display: none } .actu-details .blcLeft { padding: 50px 0 25px } #header .title .titre { font: normal 40px/46px sat } /******** FIN PAGE ACTU-DETAILS ********/ .circuit .wrapper { padding:60px 40px 20px} .circuit .lst-actu-page .item { margin-bottom: 30px;} /******** PAGE CIRCUIT ********/ .circuit .blcSlide .blcImage { max-width: 100%;width: 100%; } .circuit .blcSlide .blcText { position: relative;width: 100%;padding-left: 0;text-align:center; } .circuit-d .blcSlide .blcText { text-align: left; } .circuit .arwDepart,.arwcircuit { left: -210px;right: 0;margin: auto; } .circuit-d .blcSlide .arwcircuit { left: 0; right: 0;margin: 0; } /******** FIN PAGE CIRCUIT ********/ /******** PAGE LOCATION ********/ .PhotoText .blcPhoto {width: 100%;float: none;padding: 0 } .PhotoText .container {} .PhotoText { padding: 35px 0 20px; } .parcAuto .etoile { margin-bottom: 35px } .circuit .blcSlide .link { margin-left: 120px } .parcAuto .lst-actu-page .content .blc-img .back .price-bs{ margin: 0 40px } .parcAuto .carName.mob { min-width: 86px;padding: 13px 15px 8px; } /******** FIN PAGE LOCATION ********/ /******** PAGE CIRCUIT-DETAILS ********/ .slideCircuit { padding-top: 0 } .slideCircuit .blcImg { max-width: 100%;width: 100%;position: relative;left: inherit;top: inherit;min-height: 350px } .slideCircuit .blcText { max-width: 100%;width: 100%; padding: 35px 0 0} .slideCircuit .blcText .link { margin:20px 0 0 120px } .circuit-d .blcCirctuit { padding: 35px 0 } .blcParcours { padding:35px 40px 15px } .blcTarif .blcRight img { width: 100%; } .blcTarif { padding:0} .blcTarif .blcRight { padding: 50px 40px 25px } .popCarte .carte img { width: 100%; } .popCarte { padding: 80px 40px 50px } .blcCirctuit .blcSlide .blcImage img { height: auto; } /******** FIN PAGE CIRCUIT-DETAILS ********/ } @media (max-width:600px) { .wrapMenuMobile { padding-left: 20px;z-index: 9999; } #slider { background: url(../images/banner-mob.jpg); background-size: cover; height: 360px } #slider > div { display: none } .blc-scroll { position: relative; } .blc-scroll .scroll { float: none;width: 100%;text-align: center;} .blc-scroll .scroll::after { content: '';background: url(../images/arw-down.png);width: 15px;height: 8px;display: inline-block;vertical-align: top;margin-left: 18px;background-repeat: no-repeat;margin-top: 11px;} .arw-slide { display: none } .logo-banner { display: block;position: absolute;top: 171px;z-index: 50;left: 0;right: 0;margin: auto;width: 138px;} .blcFiltre { padding:27px 20px 39px} .blcFiltre span.titre { font-size: 40px; line-height: 40px; margin-bottom: 20px } .blc-check span { display: block; margin-bottom: 24px; margin-right: 0 } .blc-check .option { margin-bottom: 12px; } .blc-check .option li { margin-right: 0 } .blc-chp.width1,.blc-chp.width2 { width: 100%; padding: 0;} .chp-filtre .blc-chp { float: none; margin-bottom: 22px } .chp-filtre .blc-chp:last-child { margin-right: 0; float: none; display: block;margin-bottom: 0; padding: 0;} .btn-submit { margin-top: 30px; display: block; width: 100% } .lstCircuit .item .titre { bottom: 33px } .blcBienvenu .wrapper { padding: 28px 20px 40px;} .blcBienvenu h1 { font-size: 40px; line-height: 40px } .blcBienvenu p { display:none} .blcBienvenu.deco1 .cameleon { display: none } .blcBienvenu h2 { margin-bottom: 35px } .blcNavette .blc-left { padding: 30px 20px; } .blcActu .wrapper { padding: 26px 20px 40px} .blcActu h2 { font-size: 40px; line-height: 40px ; margin-bottom: 28px} .lst-actu .col .inner .blc-img { display: none } .lst-actu .col .inner { padding-left: 0;} .lst-actu .col .inner p { display: none;} .lst-actu .col .inner .blc-txt .title { margin-bottom: 22px } .lst-actu .col { margin-bottom: 27px; border-bottom: #cecece solid 1px; padding-bottom: 0; min-height: inherit;} .lst-actu { margin-bottom: 4px;} .lst-Testimonial .item .content { padding: 34px 20px 70px;} .lst-Testimonial .slick-dots { bottom: 40px } .lst-Testimonial .item { height: auto; } .blcReference .wrapper { padding: 28px 20px 32px;} .blcReference h2 { display: none } .footer1 { margin-bottom: 14px } .footer2 .col { margin-bottom: 24px } .footer2 .col:last-child .titre { display: none } .col.col2 { margin-bottom: 18px;} .footer2 .social li { margin: 0 4px 5px;} .footer2 .col:last-child { margin-bottom: 22px } .social { text-align: left; max-width: 184px; margin: 0 auto;} .blcReference .deco { display: none } .pp-Depart .logo-pp img { width: 80px;} .blc-reservation { height: auto; padding-bottom: 28px } .blc-reservation span { padding-right: 0; display: block;} .pp-Depart h2 { font-size: 30px; padding: 0 20px; line-height: 30px;} .pp-Depart { padding-top: 70px } .pp-Depart .logo-pp { top: 50%; margin: -30px auto 0;} .pp-Depart { min-width: 308px;} .blcActu .blc-txt span:last-child { display: none } /******** qui sommes nous ********/ #page { margin-top: 0 } #header .title { font: normal 40px/40px sat;padding: 25px 20px;letter-spacing: -0.8px } #header .title .titre { font: normal 36px/46px sat;} .about { padding: 35px 20px 25px } .aboutUs .titre { font: normal 40px/40px sat;letter-spacing: -0.8px} .about h2 { font: normal 15px/18px mont-l;margin-bottom: 25px } .about .blcPhoto { margin-top: 0 } .blcTeam { padding: 0 20px 35px } .blcTeam .listTeam .item { width: 50% } .bandeau .link { display: block;margin-bottom: 20px } .bandeau a:last-child { margin-bottom: 0 } .blcTeam .listTeam span, .blcTeam .listTeam a{ font-size: 14px;line-height: 20px } .blcTeam .listTeam .name { font-size: 15px } .blcTeam .listPost .item { width: 100%!important; margin-bottom: 15px} .blcTeam .listPost button:last-child { margin-bottom: 0 } .blcTeam .listPost { margin: 25px auto 0 } .blcTeam .listTeam .item { padding: 0 } .blcTeam .listPost .blc-chp { display: block;min-width: inherit; } .blcTeam .listPost .blc-chp select { background-position-x:right;padding-left: 20px } .blcAtout { margin-bottom: 35px } .blcAtout .item { width: 100%;border:1px solid #cecece;border-bottom: none } .blcAtout .item:nth-child(3) { border-bottom: none } .blcAtout .wrapper { padding: 0 20px } .blcAtout .item { height: auto;padding: 30px 20px;text-align: left; } .blcAtout .item span { margin: 0 5px } .blcAtout .item span.picto { margin-left: 0;width: 45px } .blcAtout .item span.txtAtout { margin-right: 0 } .blcAtout .item .picto img { display: block;width: 35px; } .circuit .arwDepart,.arwcircuit { left: 0 } /******** fin qui sommes nous ********/ /******** PAGE CONTACT ********/ #page.contact { margin: 60px 0 0;} .contact .blcText { padding: 0 20px;margin-top: 40px;} #page.contact { margin: 40px 0 0;} .blcFormulaire .blcLeft .blc-chp { width: 100%; } .blcFormulaire { margin-top: 30px } .blcFormulaire .blcLeft .blc-chp { margin-bottom: 20px } .blcFormulaire .blcButton .captcha { display: block; margin:0;} .blcFormulaire .blcButton #captcha_resa { text-align: center; } .blcFormulaire .blcButton #captcha_resa>div { margin: auto; } .blcFormulaire .blcButton { margin-top: 20px } .blcFormulaire .blcButton .boutton { margin: 20px 0 0 } .blcFormulaire .container-1 { margin: 0 } .blcFormulaire { padding: 0} .contact .bandeau { margin-top: 35px;} .blocMap { display: none } /******** FIN PAGE CONTACT ********/ /* ACTUS */ .Actus .wrapper { padding: 40px 20px 60px;} .Actus h2 { font-size: 40px; line-height: 40px } .Actus h3 { font-size: 15px } .lst-actu-page { margin: 35px 0 0;} .pagination li { margin: -8px 20px 0;} .lst-actu-page .content .s-titre , .lst-actu-page .content h4 { font-size: 16px; line-height: 20px } .lst-actu-page .content p { font-size: 14px; line-height: 18px } .lst-actu-page .content .blc-img { margin-bottom: 20px } .circuit .blcFiltre { padding: 40px 0 0;} /******** PAGE ACTU-DETAILS ********/ #header .title .link.retour { display: none } #header .title.actu {padding: 25px 20px;} #header .title .titre { letter-spacing: -1.4px; } .actu-details .wrapper { padding: 0 20px } .actu-details .blcLeft { padding: 35px 0 25px;} .actu-details h1 { font: normal 24px/30px mont-r;} /******** FIN PAGE ACTU-DETAILS ********/ .circuit .wrapper { padding:40px 20px 20px} /******** PAGE LOCATION ********/ .PhotoText .wrapper { padding: 0 20px } .PhotoText .titre, .parcAuto .titre { font: normal 40px/40px sat;} .PhotoText h3 { margin-bottom: 25px } .location .lst-actu-page { margin-top: 30px } .parcAuto .text { margin-bottom: 30px } .location .lst-actu-page .item { margin-bottom: 35px } .parcAuto .etoile p { display: block; margin-bottom: 5px } .parcAuto .etoile i { display: none } .parcAuto .etoile { text-align: left; } .parcAuto h3, .parcAuto .s-titre { font: normal 18px/22px mont-l; } .parcAuto .option li { font: normal 12px/12px mont-l;margin-right: 8px;vertical-align: bottom;} .location .lst-actu-page .content .blc-img { margin-bottom: 15px;} .parcAuto .wrapper { padding: 0 20px } .blcLnkVideo { padding: 30px 20px;margin-bottom: 40px } .blcLnkVideo .link { height: auto;line-height: 24px;padding: 20px 30px } .parcAuto .lst-actu-page .content .blc-img .price span {font: normal 10px/18px mont-l;} .parcAuto .lst-actu-page .content .blc-img .back .price-bs { margin: 0 20px } .parcAuto .lst-actu-page .content .blc-img .price b {font: normal 18px/22px mont-r;} /******** FIN PAGE LOCATION ********/ .circuit h2 { font-size: 40px; line-height: 40px } /******** PAGE CIRCUIT ********/ .circuit .blcDepart .wrapper { padding: 35px 20px 0 } .circuit .arwDepart,.arwcircuit { position: inherit; } .circuit .blcSlide .link { margin: 0 0 25px 0 } .circuit .blcSlide .blcText { padding-top: 30px } .circuit .blcSlide { margin-top: 35px } .circuit .lst-actu-page { margin-top: 30px; } .circuit .blcLnkVideo { margin-bottom: 0 } .localite span { width: auto; } .localite { width: auto; right: 0;position: relative;margin-top: -40px} /******** PAGE CIRCUIT-DETAILS ********/ .circuit-d .blcCirctuit .wrapper { padding:0 20px; } .slideCircuit .blcImg { min-height: 250px } .circuit-d .blcCirctuit h2 { font: normal 36px/40px sat; } .slideCircuit { margin-top: 35px } .slideCircuit .blcText .link { margin: 20px 0 35px 0; } .blcParcours { padding: 35px 20px 15px; } .blcParcours h2 { font: normal 36px/40px sat;} .blcReservation .link { height: auto;line-height: 24px;padding:20px 30px } .blcReservation { padding: 30px 20px; } .blcTarif { } .blcTarif ul.tabs li { margin: 0 0 25px } .blcTarif .tab-content { margin-top: 0 } .blcPointFort { padding: 0 20px;margin-bottom: 35px } .blcActivite { padding: 0 20px } .blcActivite .item:nth-child(2), .blcActivite .item:last-child { border-right: 1px solid #cecece;} .blcActivite .item { width: 100%;border: 1px solid #cecece;border-bottom: none; } .blcActivite .item:nth-child(1), .blcActivite .item:nth-child(2){ border-bottom: none } .blcActivite .item:last-child { border-bottom: 1px solid #cecece; } .blcActivite .listActivite { border:none; } .blcParcours .lst-actu-page .content .s-titre, .blcParcours .lst-actu-page .content h4{ margin-bottom: 0} .blcTarif .blcLeft { height: 300px } .blcTarif .blcRight { padding: 35px 20px 15px;} .blcActivite .item { height: auto;padding: 30px 20px;text-align: left; } .popCarte { padding: 80px 20px 35px;} .popCarte h2 { font: normal 41px/40px sat; } } @media (max-width:480px) { .blcTeam .listTeam .item { width: 100%; } .blcTeam .listTeam .item .txt { padding: 15px 20px 0; } .blcTeam .listTeam .poste { margin: 5px 0px 15px; } .pagination .prev, .pagination .next { margin: 0;} .pagination li { margin: -8px 7px 0;} .parcAuto .lst-actu-page .content .blc-img .back .price-bs { margin: 0 10px } .parcAuto .carName { padding: 8px 15px; } .localite span { padding: 10px 20px; } } @keyframes zoomMe { from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } 50% { transform: scale(1.05,1.05); transform-origin: 50% 50%; opacity: 0.8; } 75% { transform: scale(1.08,1.08); transform-origin: 50% 50%; opacity: 0.4; } to { transform: scale(1.1,1.1); transform-origin: 50% 50%; opacity: 0; } } @-webkit-keyframes myMove { from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } 50% { transform: scale(1.05,1.05); transform-origin: 50% 50%; opacity: 0.8; } 75% { transform: scale(1.08,1.08); transform-origin: 50% 50%; opacity: 0.4; } to { transform: scale(1.1,1.1); transform-origin: 50% 50%; opacity: 0; }from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } } @-o-keyframes myMove { from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } 50% { transform: scale(1.05,1.05); transform-origin: 50% 50%; opacity: 0.8; } 75% { transform: scale(1.08,1.08); transform-origin: 50% 50%; opacity: 0.4; } to { transform: scale(1.1,1.1); transform-origin: 50% 50%; opacity: 0; }from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } } @-moz-keyframes myMove { from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } 50% { transform: scale(1.05,1.05); transform-origin: 50% 50%; opacity: 0.8; } 75% { transform: scale(1.08,1.08); transform-origin: 50% 50%; opacity: 0.4; } to { transform: scale(1.1,1.1); transform-origin: 50% 50%; opacity: 0; }from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } } @-ms-keyframes myMove { from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } 50% { transform: scale(1.05,1.05); transform-origin: 50% 50%; opacity: 0.8; } 75% { transform: scale(1.08,1.08); transform-origin: 50% 50%; opacity: 0.4; } to { transform: scale(1.1,1.1); transform-origin: 50% 50%; opacity: 0; }from { transform: scale(1,1); transform-origin: 50% 50%; opacity: 1; } }