/* _______ ______ _______ _______ ______ _______ _______ ______ _______ _______ _______ _ _ _ _______ ______ _ _ (_______)(_____ \ (_______)(_______)(_____ \ (_______) (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_) | | _ _____) ) _____ _______ ____) ) _____ _____ _____) ) _______ _ _ _ _____ _ _ _ _ _ _____) ) _____| | | | | __ / | ___) | ___ | / ____/ | ___) | ___) | __ / | ___ || ||_|| || ___) | || || || | | || __ / | _ _) | |_____ | | \ \ | |_____ | | | || (_____ | | | | | | \ \ | | | || | | || |_____ | || || || |___| || | \ \ | | \ \ \______)|_| |_||_______)|_| |_||_______)|_| |_| |_| |_||_| |_||_| |_||_______) \_____/ \_____/ |_| |_||_| \_) Version 0.9.6.0 Date 02/01/2015 */ @font-face { font-family: Nevia; src: url('font/nevia.woff2') format('woff2'), /* Super Modern Browsers */ url('font/nevia.woff') format('woff'), /* Pretty Modern Browsers */ url('font/nevia.ttf') format('truetype') /* Safari, Android, iOS */ } @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* SLICK CORE + THEME */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.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:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /* FANCY */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(jquery/fancybox2/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(jquery/fancybox2/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(jquery/fancybox2/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.5);}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)} /* ################################################################################################################ * BASICS *###############################################################################################################*/ html, body { margin: 0; padding: 0; border: 0; height: 100%;} body { font-size:14px; background: #111; color: #fff; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; display: flow-root; font-weight: 300; letter-spacing: 0; line-height: 1.5em; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; } body.is-loading * { -moz-animation: none !important; -webkit-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } input, select, textarea { color: #aaa; font-size: 15px; font-weight: 300; letter-spacing: 0.025em; line-height: 1.75em; } a { -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; color: #fff; text-decoration: none; } a span.ml:hover{ text-decoration: underline; } a:hover { color: #e6be71; text-decoration: none; } a:active, a:focus { outline:0; } a img { border:0; } strong, b {font-weight: 500; } p strong,p b {font-weight: 700; } /*.chrome strong, b {font-weight: 600; }*/ p, ul, ol, dl, table, blockquote { margin: 0 0 2em 0; } p{ font-size: 1.15em; line-height: 1.5em;} h1, h2, h3, h4, h5, h6 { font-family: "Nevia", serif; color: inherit; font-weight: 300; line-height: 1.1em; margin-bottom: 1em; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light{ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; border: 0; } h1 { text-transform: uppercase; } h2 { text-transform: uppercase; font-size: 2.7em; } h3 { font-size: 2em; } h4 { font-size: 1.5em; } sub { font-size: 0.8em; position: relative; top: 0.5em; } sup { font-size: 0.4em; position: relative; top: -0.7em; } hr { border-top: solid 1px rgba(124, 128, 129, 0.2); border: 0; margin-bottom: 1.5em; } blockquote { /*border-left: solid 0.5em rgba(124, 128, 129, 0.2); font-style: italic; padding: 1em 0 1em 2em;*/ } pre { margin:10px; padding:5px; background:#fafafa; border:1px dashed #ebebeb; font-family:Arial, Trebuchet MS, Helvetica, sans-serif; font-size:12px; } /** * Lists */ ul { margin:0; padding:0; } li { list-style-type:none;} dl { margin:0; padding:0; } dt {} dd {} em{ font-style: italic !important;} /* ################################################################################################################ * ELEMENTS *###############################################################################################################*/ /* Table */ table { width: 100%; } table.default { width: 100%; } table.default tbody tr { border-bottom: solid 1px rgba(124, 128, 129, 0.2); } table.default td { padding: 0.5em 1em 0.5em 1em; } table.default th { font-weight: 400; padding: 0.5em 1em 0.5em 1em; text-align: left; } table.default thead { background: #7c8081; color: #fff; } /* Form */ input[type="text"], input[type="password"], input[type="email"], textarea{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; background: none; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.85); color: #fff; display: block; padding: 0.4em 2%; text-decoration: none; width: 96%; outline: 0; line-height: 1.3em; } textarea{ border: solid 1px rgba(255, 255, 255, 0.85); } select{ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; background: none; border: solid 1px rgba(255, 255, 255, 0.85); color: #fff; display: block; padding: 10px 8px; border-right-width: 1px; border-right-style: solid; line-height: 1.3em; min-width: 220px; } select option{ color: #000;} .missingField label, .invalidField label { color:#EE2E24 !important; font-weight: 600; } .missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#EE2E24 !important; } .formErrors { margin:0; padding:10px 0 10px 0; } .formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#EE2E24 !important; font-weight: 600;} .fancybox-inner .missingField label, .fancybox-inner .invalidField label { color:#000; } .fancybox-inner .missingField input, .fancybox-inner .missingField textarea, .fancybox-inner .missingField select, .fancybox-inner .invalidField input, .fancybox-inner .invalidField textarea, .fancybox-inner .invalidField select { color:#000; } .fancybox-inner .formErrors li { color:#000;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, select:hover { /*border-color: rgba(0, 161, 222, 0.7);*/ border-color: #999; } fieldset{ border: none !important; margin: 0; padding: 0;} #field-security { display: none !important; } .formButtons { text-align: center;} label { color: #fff;} .textField, .textareaField, p.selectField{ margin: 0 0 30px 0;} /* Button */ input[type="button"], input[type="submit"], input[type="reset"], .button { -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: none; border: 1px solid #fff; color: #fff; cursor: pointer; display: inline-block; font-weight: 300; letter-spacing: 0; padding: 1em 2.5em; line-height: 1.2em; text-align: center; text-decoration: none; width: auto; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; margin: 0 7px 5px; font-size: 1.2em; letter-spacing: 1px; font-family: "Nevia", serif; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .button.mini { padding: 0.8em 1.8em; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover { border-color: #fff; color: #000 !important; background: #e6be71; background: linear-gradient(60deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%); } .button:hover svg { color: #000 !important; } /* Specials */ /** * Floating elems */ .float, .floatL {display:inline; float:left;} .floatR {display:inline; float:right;} img.floatL, img.floatR{ display:block; } img.floatL{ margin: 0 20px 20px 0; } img.floatR{ margin: 0 0 20px 20px; } /** * Away elems */ .awayText {text-indent: -9999px; overflow: hidden; } .hidden {display: none;} .no-mobile .mobileZim{ display: none !important;} /** * WRAPPERS 980 */ .focus { margin:0 auto; width: 980px; } .clear{ clear: both; min-height: 1px;} .bigclear{ clear: both; height: 80px;} /** * Overlays */ /* WHITE*/ .overlay-w { background:rgba(255,255,255,0.7); } .lt-ie9 .overlay-w{ background:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)"; zoom: 1; } /* BLACK*/ .overlay-b{ background:rgba(0,0,0,0.7); } .lt-ie9 .overlay-b{ background:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)"; zoom: 1; } .shadow{ text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .shadow-w{ text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); } .focusW{ width: 980px; margin: 0 auto;} /* ################################################################################################################ * PAGES *###############################################################################################################*/ .sfont { font-family: "Nevia", serif; } .vcard p { margin:0; padding:0; } .vcard .tel .type, .vcard .geo, .vcard .uri { display:none; } .colzim{ display: block; width: 100%;} .fitzimW { overflow: hidden;} .fitzim { display: block; height: 100%; } .absW{ position: relative; } .centered{ text-align: center !important;} .lefted{ text-align: left !important;} .righted{ text-align: right !important;} .spaced{ letter-spacing: 0.05em;} .lined{ border-top: 1px solid #fff; padding-top: 15px;} .rounded{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .away, .awayfade{ position: relative; opacity: 0;} .awayleft{ left: -120px;} .awayright{ right: -120px;} .awaytop{ top: -100px;} .pico{ font-size: 0.5em !important } .micro{ font-size: 0.7em !important } .mini{ font-size: 0.8em !important } .littleup{ font-size: 1.2em !important } .big{ font-size: 1.6em !important } .super { font-size: 2.5em !important } .superplus { font-size: 3em !important } .mega { font-size: 4em !important } .ultra { font-size: 5.5em !important } h2 .big{ line-height: 0.9em; } h2 .decal{ position: relative; top:-10px; } h2.big{ line-height: 1.4em; } h2.ultra{ line-height: 0.9em; } /* .sfont.big { font-size: 2.2em !important; line-height: 1em; } .sfont.super { font-size: 4em !important; line-height: 0.9em; } .sfont.mega { font-size: 6em !important; line-height: 1em; } .sfont.ultra { font-size: 8em !important; line-height: 1em; } */ .centeredlist{ width: 100%; clear: both; margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%; padding-top: 70px;} .centeredlist:first-child{ padding-top: 0;} .flexi{ display: flex; } .flexilist{ display: flex; flex-wrap: wrap; gap: 40px} .centeredlist100{ margin-left: 0%!important; margin-right: 0%!important; width: 100%} .centeredlist90{ margin-left: 5%!important; margin-right: 5%!important; width: 90%} .centeredlist85{ margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%} .centeredlist80{ margin-left: 10%!important; margin-right: 10%!important; width: 80%} .centeredlist75{ margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%} .centeredlist70{ margin-left: 15%!important; margin-right: 15%!important; width: 70%} .centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%} .centeredlist50{ margin-left: 25%!important; margin-right: 25%!important; width: 50%} .centeredlist30{ margin-left: 35%!important; margin-right: 35%!important; width: 30%} .centeredlist > li{ display: inline-block; vertical-align: top; position: relative;} .centeredlist > li{ width: 45%; } .centeredlist > li.col5{ width: 5%; margin: 0; } .centeredlist > li.col10{ width: 9%; margin: 0; } .centeredlist > li.col20{ width: 20%; } .centeredlist > li.col25{ width: 25%; } .centeredlist > li.col30{ width: 30%; } .centeredlist > li.col33{ width: 33.33%; } .centeredlist > li.col40{ width: 40%; } .centeredlist > li.col45{ width: 45%; } .centeredlist > li.col50{ width: 50%; } .centeredlist > li.col60{ width: 60%; } .centeredlist > li.col70{ width: 70%; } .centeredlist > li.col100{ width: 100%; } .fcol40{ width: calc(40% - 20px); } .fcol50{ width: calc(50% - 20px); } .fcol60{ width: calc(60% - 20px); } .fittedzimW{ } .fittedzimW img{ width: 100%; height: 100%; position: relative; object-fit: cover; vertical-align: top; } .mediummargin{ margin-top: 40px; margin-bottom: 40px;} .bigmargin{ margin-top: 80px; margin-bottom: 80px;} .marginbottom{ margin-bottom: 50px;} .titlepadding{ padding-top: 95px;} .titlepaddingmini{ padding-top: 45px;} .titlepaddingmedium{ padding-top: 150px;} .titlepaddingbig{ padding-top: 200px;} .bottompadding{ padding-bottom: 100px;} .smallpadding{ padding: 30px 0; } .mediumpadding{ padding: 60px 0; } .mediumpaddingtop{ padding: 60px 0 0 0; } .bigpadding{ padding: 100px 0; } .bigpadding2{ padding: 200px 0; } .nospacetop{ margin-top: 0; padding-top: 0;} .nospacebottom{ margin-bottom: 0; padding-bottom: 0;} .nospace{ margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0;} .restr30p{ width: 30%; } .restr40p{ width: 40%; } .restr50p{ width: 50%; } .restr60p{ width: 60%; } .restr70p{ width: 70%; } .screensW, .screensAnimW{ width: 100%; height: 100%; } .screen{ width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: 0;} .screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100vw; height: 100%; top: 0; left: 0; overflow: hidden; background: #000; position: relative;} .screenZim, .carouselZim, .carouselZoomZim, .carouselZoomZimW{ display: block; position: absolute; } .screenZim{ display: none;} .screenCarouselW{ display: none;} .carouselZim, .carouselZoomZimW{ opacity: 0;} /*.screenCarouselZoomW.half{ height: 50%;}*/ .screenCarouselZoom{ height: 100%; width: 100%;} .carouselZoomZim { /* image à l'échelle 1 au départ */ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .carouselZoomZim.scale{ /* propriétés de transition */ -moz-transition:all 5s ease-out; -webkit-transition:all 5s ease-out; -o-transition:all 5s ease-out; transition:all 5s ease-out; transform: translate3d(0px, 0px, 0px) scale(1.05); } .colZim{ display: block; width: 100%; margin: 0 auto;} #ZoomHalfBanner{ height: 100vh; position: relative; overflow: hidden; background: #000 url(zims/loader/loader.gif) no-repeat center;} #ZoomHalfBanner.half{ height: 50vh; } #ZoomHalfBanner.halfplus{ height: 80vh; } #ZoomHalfBanner h2{ position: absolute; z-index: 500; font-size: 3.8em; bottom: 25px; right: 0; margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 1); text-align: center; width: 100%} #ZoomHalfBanner h2 img{ max-width: 300px } #CarouselArrows{ display: none;} /*#CarouselArrows a{ font-size: 4em; position: absolute; top: 50%; z-index: 1000; text-shadow: 1px 1px 1px rgb(0 0 0);}*/ #CarouselArrows a{ position: absolute; top: 45%; z-index: 1000; text-indent: -999px; overflow: hidden; background: url(zims/icons/slider-arrows.png) no-repeat left center; width: 25px; height: 113px} #CarouselArrows a#CarouselPrev{ left: 2%; } #CarouselArrows a#CarouselNext{ right: 2%; background-position: right center; } #ScreenVideoHead{ height: 100%; } /* .video-js .vjs-tech{ height: 600px !important;} */ .contactBlock{ display: inherit;} .contactBlock li{ vertical-align: top; } .contactBlock strong{ font-weight: 600;} .contactBlock p{ margin-bottom: 10px;} .contactBlock p svg, .contactBlock p svg{ display: block; float: left; font-size: 1.5em;} .contactBlock p span.line{ display: block; padding: 0 0 10px 40px; text-align: left;} .contactBlockLinks{ display: inline-block; float: right;} .overlayPopup{ position: fixed; bottom: 0; right: 0; z-index: 6000; background: rgba(0,0,0,0.8); display: none; } .overlayPopup > .overlayCloser{ position: absolute; top: 20px; right: 20px; cursor: pointer; } .overlayPopup > .overlayCloser svg{ fill: #fff; width: 40px; } .overlayPopup > div{ width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; } .overlayPopup > div img{ display: block; height: 90vh; max-height: 800px; } @media(max-width:767px) { .overlayPopup > div img{ height: auto; max-width: 95vw; } .overlayPopup > .overlayCloser{ top: 70px; right: 15px; } } .gold{ color: #e6be71; } .goldbg{ background: #e6be71; background: linear-gradient(60deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%); } .goldborder{ border: 1px solid; border-image-slice: 1; border-image-source:linear-gradient(90deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%); } .goldtext, #MainMenu > li > a, #MainMenu > li > strong { color: #e6be71; background: linear-gradient(90deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100% ); background-size: 100% 100%; background-position: 0% 0%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: background-size 1.5s ease, background-position 1.5s ease; } .goldtext:hover, #MainMenu > li > a:hover, #MainMenu > li > strong:hover { background-size: 100% 100%; animation: goldShine .7s ease-in-out forwards; } @keyframes goldShine { 0% { background-position: 0% 0%; background-size: 100% 100%; } 100% { background-position: 100% 100%; background-size: 200% 100%; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* */ /* HEADER */ #Header { position: fixed; top: 0; width: 100%; z-index: 1000; -moz-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out; transition: background-color 0.2s ease-in-out, border 0.7s ease-in-out; background-image: url(zims/frontend/header-repeat.png); background-repeat: repeat-x; background-position: center top; background-color: rgba(0,0,0,0); } .scrolled #Header, .forcedHeader #Header{ background-color: rgba(0,0,0,0.3); border-bottom: 1px solid #fff; backdrop-filter: blur(6px); height: 100px; } .scrolled #Header.open, .forcedHeader #Header.open { backdrop-filter: unset; } .covidbanner #Header { top: 50px; } #HomeLinkW { position: relative; text-align: center; z-index: 5002; margin: 0; height: 1px;} #HomeLinkW a{ display: inline-block; } #HomeLinkW a img{ width: 100px; padding: 5px 0 5px; -moz-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; transition: width 0.2s ease-in-out, padding 0.2s ease-in-out; } .scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img{width: 65px; } #page-home #HomeLinkW a img{ width: 280px; padding: 16px 0 10px;} /* MAIN MENU */ #Nav{ position: fixed; top: 0; width: 100%; height: 100px; z-index: 5001;} .covidbanner #Nav { top: 50px; } .open #Nav{ height: 100%; } /*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/ #UpperMenu{ width: 100%; position: relative; z-index: 5005;} #UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 25px; } #UpperMenu ul#LeftUpperMenu{ display: none; left: 0; padding-left: 13%; } #UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 20%; } #UpperMenu ul li{ display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 33px; /*background: url(zims/frontend/upmenu-line.gif) no-repeat center top;*/ } .white #UpperMenu ul li{ background-image: url(zims/frontend/upmenu-line2.gif); } #UpperMenu ul li a{ color: #fff; text-transform: uppercase; font-size: 1.1em; border-right: 1px solid #fff; padding: 0 15px; display: inline-block; letter-spacing: 1px; } #UpperMenu ul li a:hover{ color: #e6be71; } #UpperMenu ul li a.icon{ padding: 0 0 0 15px; } #UpperMenu ul li a span{ display: inline-block; position: relative;} #UpperMenu ul li.noline a{ border-right: none; } #UpperMenu ul li.lineL a{ border-right: none; border-left: 1px solid #fff; margin-left: 15px;} #UpperMenu ul li a svg, #UpperMenu ul li a svg{ font-size: 1.3em;} #UpperMenu ul li a svg.fa-instagram{ font-size: 1.33em;} #UpperMenu ul#RightUpperMenu li{ float: right; } /* ANIMATED MENU ICO */ #NavIco { display: block; position: fixed; z-index: 5001; height: 25px; width: 32px; left: 2.5%; top: 31px; font-family: 'Questrial', sans-serif; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .covidbanner #NavIco { top: 81px; } #NavIco span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .open #NavIco { transform: rotate(180deg); } #NavIco span:nth-child(1) { top: 0px; } #NavIco span:nth-child(2),#NavIco span:nth-child(3) { top: 9px; } #NavIco span:nth-child(4) { top: 18px; } .open #NavIco span { background: #e6be71 } #NavIco.active span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #NavIco.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #NavIco.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #NavIco.active span:nth-child(4) { top: 18px; width: 0%; left: 50%; } #NavIco strong { position: absolute; left: 55px; font-size: 1.1em; line-height: 1em; top: 10px; color: #fff; text-transform: uppercase; font-weight: normal; } /* #NavIco{ display: block; position: fixed; z-index: 5001; height: 50px; width: 50px; left: 2%; top: 18px; font-family: 'Questrial', sans-serif; background: url(zims/buttons/minimenu-w.png) no-repeat center; border: none; transition: none; } #NavIco.active{ background: url(zims/buttons/minimenu-ico.png) no-repeat center; } #NavIco span { position: absolute; left: 55px; font-size: 1.1em; line-height: 1em; top: 18px; color: #fff; text-transform: uppercase; }*/ #MenuW{ overflow: visible; width: 100%; height: 100%; position: relative; z-index: 1001; } #MenuOverlay{ background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); height: 100vh; width: 100vw; top: 0; left: 0; position: fixed; z-index: 900; display: none; } .open #MenuOverlay{ display: block; } #Menu{ overflow: visible; background: rgba(0,0,0,1) url(../media/images/logo-10p.svg) no-repeat -20px 105%; background-size: 500px; position: absolute; z-index: 1000; opacity: 0; overflow: visible; height: 100vh; width: 23vw; } #MainMenuW{ padding-top: 110px; margin-bottom: 30px; } #MainMenu > li{ margin-bottom: 20px } #MainMenu > li > a, #MainMenu > li > strong{ display: block; position:relative; font-family: "Nevia", serif; /*background: url(zims/frontend/menu-line-w.gif) no-repeat left bottom;*/ padding: 10px 0 10px 45px; min-height: 30px; text-transform: uppercase; font-weight: 300; color: #fff; font-size: 1.4em; cursor: pointer; text-align: left; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } #MainMenu > li > a span, #MainMenu > li > strong span{ width: 100%; display: inline-block; } #MainMenu > li > a svg, #MainMenu > li > strong svg { float: right; margin-right: 25px;} #MainMenu > li > a svg.fa-caret-down, #MainMenu > li > a svg.fa-caret-up, #MainMenu > li > strong svg.fa-caret-down, #MainMenu > li > strong svg.fa-caret-up { display: none;} #MainMenu > li > a:hover, #MainMenu > li > strong:hover, #MainMenu > li.actived > a, #MainMenu > li.actived > strong{ color: #000; text-decoration : none; background-color: #fff } #MainMenu li .submenu{ position: absolute; right: 0; top: 0; background: #fff; padding: 155px 0 0 0; height: 100%; display: none;} #MainMenu li ul > li{ /*background: url(zims/frontend/menu-line-b.gif) no-repeat left 10px;*/ /*padding-left: 40px; margin-bottom: 25px; */ }#MainMenu li ul > li a{ padding: 10px 30px 10px 40px; display: block; } #MainMenu li ul > li a:hover{ background: #000; color: #fff; } #MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: #000; color: #fff; } #MainMenu li ul > li > a{ font-weight: 300; color: #000; font-size: 1.3em; cursor: pointer; text-transform: none; text-transform: uppercase; } #MainMenu li ul > li > a img{ vertical-align:top; margin-top: -20px; } #MainMenu li ul > li > a:hover{ text-decoration : none; } #MainMenu li ul > li > ul{ opacity: 0; -moz-transition: opacity 0.7s ease-in-out; -webkit-transition: opacity 0.7s ease-in-out; -o-transition: opacity 0.7s ease-in-out; -ms-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out; } #MainMenu li ul > li.HTMLMenuW-Level2:hover > ul{ opacity: 1; } #MainMenu li ul > li > ul > li{ /*background: url(zims/frontend/menu-line-b.gif) no-repeat -30px 11px;*/ padding-left : 25px; } #MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: none;} #SecondaryMenu{ } #SecondaryMenu > li > a, #SecondaryMenu > li > strong{ display: block; padding: 2px 0 2px 45px; font-weight: 300; color: #fff; font-size: 1em; cursor: pointer; text-align: left; } #SecondaryMenu li > a:hover{ text-decoration : underline; } #Copyrights{ padding: 0 40px; font-size: 0.8em; line-height: 1.2em; position: absolute; bottom: 0; color: #fff; } #LangsW{ position: absolute; left: 100px; top: 30px; width: 50px; z-index: 5010; } #LangsW #LangOpen{ display: block; float: left; color: #fff; font-size: 1.4em; } #LangLinks{ float: right; } #LangLinks li{ text-align: right } #LangLinks li a{ color: #fff; text-transform: uppercase; padding: 3px 4px; display: block; font-size: 1.1em;} #LangLinks li.disabled{ display: none;} /* FOOT */ #FooterW{ padding: 25px 3% 0; background: #000; clear: both; position: fixed; bottom: 0; left: 0; width: 100%; height: 250px; z-index: 1; } #FooterW *{ color: #fff; } #FooterW a:hover, #FooterW a:hover svg{ color: #e6be71; } #FooterW a:hover svg path{ fill: #e6be71; } #FooterMenu{ display: inline; float: left; width: 30%} #FooterNews{ display: inline; float: left; width: 40%} #FooterNews .title{font-family: "Montserrat", sans-serif; text-transform: uppercase; font-size: 1.2em;} #FooterAddr{ display: inline; float: left; width: 30%; } #FooterAddr sup{ font-size: 0.6em; } #FooterBottom{ clear: left;} #Footer{ display: flex; gap: 40px; justify-content: space-between;} #FooterSocials svg { font-size: 1.5em; } #FooterSocial{ width: 25%;} #FooterAddr{ width: 25%;} #FooterNews{ width: calc(50% - 80px);} #FooterLogo { margin: 0; } #FooterLogo img{ height: 200px;} #FooterMenu { margin-top: 5px; } #FooterMenu li{ margin-bottom: 8px;} #FooterMenu li a{ font-size: 0.9em; text-transform: uppercase;} #FooterMenu li.minilink{ margin-bottom: 4px; } #FooterMenu li.minilink a{ font-size: 0.8em; } /*#FooterMenu li a.uppercase{ }*/ #FooterMenu li a:hover{ text-decoration: underline;} #FooterAddr { text-transform: uppercase; text-align: right; margin-top: 5px; line-height: 1.6em; font-size: 0.9em; } #FooterAddr #Gmap{ text-transform: none; padding: 4px 8px; letter-spacing: 0; margin: 5px 0; font-size: 1em; } #FooterAddr .socialLink{ font-size: 1.5em; margin-left: 7px; } #FooterNews{ position: relative; } #FooterNews p.title{ text-align: center; font-size: 1.3em; margin-bottom: 20px;} #FooterNews .textField { display: inline; float: left; margin: 0; width: 30%;} #FooterNews .textField label { display: none; float: left; } #FooterNews .textField input { border-right: none; border-top: none; border-left: none; text-align: center; border-color: #fff;} #FooterNews .formButtons{ width: auto; float: right;} #FooterNews .formButtons input{ padding: 9px 10px 5px;} #FooterNews #field-valid{ position: absolute; bottom: -30px; left: 0; margin: 0; line-height: 0.9em; } #FooterNews #field-valid label{ font-size: 0.8em; color: #bbb; } #FooterNews #field-email{ margin: 0 2.5%; width: 45% } #NewsletterForm { margin: 0;} #FootNewsErrors{ color:#EE2E24; margin-bottom: 0; display: block;} #FootNewsCheck{ display: block; position: absolute; bottom: 0; left: 80%; font-size: 2.2em; display: none; } #FooterSocials{ display: block; margin-top:0;} #FooterSocials a{ margin: 5px 10px 0 0;} #AllLink{ display: flex; margin: 0 auto; text-transform: uppercase; font-size: 0.9em; line-height: 1em;font-family: "Montserrat", sans-serif; width: 500px; } #AllLink span{ display: block; flex: 1; text-align: center; } #AllLink img{ padding-bottom: 8px;} #AllLink img#AllLogo{ height: 45px;} /*#AllLink{ text-align: center; text-transform: uppercase; font-size: 1em;font-family: "Montserrat", sans-serif; font-size: 1.2em; } #AllLink img{ display: inline-block; margin-bottom: 8px; width: 120px; }*/ #Credits{ float: left; text-align: left; font-size: 0.8em; margin-top: -80px; line-height: 1.2em; } #FooterW .button, #FooterW .submitButton { border: 1px solid #fff; color: #fff; font-size: 1em;} #FooterBottom{ padding: 40px 0 20px;} #Mentions{ font-size: 0.85em; margin: 0;} /* CTA */ #MainSelector{position: fixed; right: 3%; top: 18px; z-index: 5010;} .covidbanner #MainSelector { top: 68px; } #MainSelector { border : 1px solid #f0e6c7; -webkit-box-shadow: 0px 0px 10px 5px #e6be71; box-shadow: 0px 0px 10px 5px #e6be71; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } #MainSelector .resaLegend{ display: block; float: left; padding: 12px 22px; font-size: 1.2em; color: #fff; text-transform: uppercase; font-weight: 400; } #MainSelector:hover { background: #000;} #MainSelector:hover .resaLegend { color: #000; } #MainSelector p a:hover span{ opacity: 1; } /* Content */ #ContentW { position: relative; z-index: 2; padding-bottom: 250px; box-sizing: border-box; pointer-events: none; } #Content{ padding: 0 0 50px 0; min-height: 100vh; pointer-events: auto; background: #000 url(zims/frontend/backgrounds/bg.jpg) no-repeat center top; background-attachment: fixed; border-bottom: 1px solid; border-image-slice: 1; border-image-source:linear-gradient(90deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%); } .forcedHeader #Content{ padding-top: 150px;} .covidbanner #Content { padding-top: 200px; } #OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #000 url(zims/loader/loader.gif) no-repeat center; } #SoonPopupW, #RestoPopupW{ display: none;} #SoonPopup{ margin: 100px 150px;} /* Global */ .itemBG{ position: relative; display: block; z-index: 5; width: 100% } /* HOME */ #page-home { background: #1a171b; color: #fff; } /*#page-home #ContentW, #page-home #Content { height: 100%; }*/ #page-home #Content{ padding:0; min-height: auto;} #HomeCrea2f{ position: absolute; z-index: 100; bottom: 5px; width: 100%; text-align: center; margin-bottom: 0;} #VideoW { box-sizing: border-box; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; overflow: hidden; } #VideoHome{ position: absolute; z-index: -1;} .vjs-text-track-display {display: none; } #VideoW video, #VideoW .video-js{display: block; } #VideoOverlay{ overflow: hidden; top: 0; left: 0; background: rgba(0,0,0,0.2); } /*#HomeZimW-Mob{ position: fixed;}*/ /* Animated*/ #HomeZimW-Mob{ position: relative;} .videopanelW{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videopanel{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #VideoPanel2{ position: absolute; z-index: 1;} #VideoPanel3{ position: absolute; z-index: 2;} #VideoPanel4{ position: absolute; z-index: 4;} #VideoPanel5{ position: absolute; z-index: 5;} .videoOverlay, #VideoHomeCache{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;} .videoOverlay.overB{ background: rgba(0,0,0,0.3); } .videoOverlay.overW{ background: rgba(255,255,255,0.3); } #VideoHomeCache{ background: #000; display: none; z-index: 0} #MuteButton{ display: block; position: absolute; top: 48%; left: 20px; cursor: pointer; } #MuteButton svg{ font-size: 2.5em; } #MuteButton .muteon{ display: none;} #HomeTitleW{ position: absolute; bottom: 10%; width: 100%; } #HomeTitleW h2 { text-align: center; /*text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);*/ color: #fff; line-height: 1em; text-transform: uppercase;} #HomeTitleW h2 strong{ display: inline-block; font-size: 1.2em; font-weight: 400; padding: 0; margin: 0; letter-spacing: 2px; } /*#HomeTitleW h2 strong{ display: inline-block; font-size: 4em; font-weight: 400; padding: 0 0 10px 0; margin: 0 0 10px 0; letter-spacing: 5px; }*/ #HomeTitleW h2 em{ display: inline-block; font-size: 0.8em; font-weight: 400; font-style: normal !important; margin-top: 5px; padding-bottom: 5px;} #Hometitlelegend{ position: absolute; bottom: 5px; left: 70px; color: #fff; font-size: 0.9em; font-style: italic;} #Hometitlestar{ font-size: 0.5em; position: relative; bottom: 17px;} /* #Hometitlestar{ font-size: 0.3em; position: relative; bottom: 66px;} */ #page-home #FooterW{ display: none;} .homeSectionW{ min-height: 500px; width: 100%; height: 100%; } .homeSection{ padding: 50px 0; position: relative;} .headerZims{ height: 100%; width: 100%;} .headerZims li {flex: 1; background-size: cover; background-position: center;} .coordsList{ justify-content: center; gap: 50px;} .coordsList li{ text-align: center; font-size: 1.3em; line-height: 1.2em;} .coordsList li svg{ font-size: 2.2em; margin-bottom: 10px;} .gallerylistW{ position: relative;} .gallerylist img{display: inline-block; width: 100%; vertical-align: top;} .filterlist{ justify-content: center; gap: 10px} .filterlist li a{ padding: 10px 20px; font-size: 1.3em; border: 1px solid #fff; border-radius: 40px; color: #fff;} .filterlist li a:hover{ background: #fff; color: #000; } .gallerylistArrow{ display: block; position: absolute; z-index: 100; top: 48%; width: 30px; height: 30px; cursor: pointer; } .gallerylistArrow.arrowL{ border-left: 4px solid #e6be71; border-top: 4px solid #e6be71; transform: rotate(-45deg); left : -60px;} .gallerylistArrow.arrowR{ border-right: 4px solid #e6be71; border-top: 4px solid #e6be71; transform: rotate(45deg); right : -65px; } .gallerylistArrow.arrowL.vertcolor, .gallerylistArrow.arrowR.vertcolor{ border-color: var(--vert); } .gallerylistW .slick-slide { margin: 0 20px; } /* GENERAL BLOCK LISTS */ .zimBlocsList{} .zimBlocsList li.col25{ margin: 0 0.5% 20px 0.5% !important; width: 23.5% !important;} .zimBlocsList li.col30{ margin: 0 0.5% 20px 0.5% !important; width: 31.5% !important;} .zimBlocsList li.col50{ margin: 0 0.5% 20px 0.5% !important; width: 48.5% !important;} .zimBlocsList li.col100{ margin: 0 0.5% 20px 0.5% !important; width: 97% !important; } .scaleSelector{} .scaleSelector li.col25{ margin: 0 0.5% 20px 0.5%; width: 23.5%;} .scaleSelector li.col30{ margin: 0 0.5% 20px 0.5%; width: 31.5%;} .scaleSelector li.col50{ margin: 0 0.5% 20px 0.5%; width: 48.5%;} .scaleSelector li.col100{ margin: 0 0.5% 20px 0.5%; width: 99%; } .zimBlocsList li, .scaleSelector li { background: #333; } #page-home .zimBlocsList li { background: #111; } .zimBlocsList li h3, .scaleSelector li h3{ margin: 0; color: #fff; width: 100%; height: 100%; margin: 0; position: relative; min-height: 200px; } .zimBlocsList.reduct li h3{ max-height: 340px; overflow: hidden; } .scaleSelector.reduct li h3{ max-height: 435px; overflow: hidden; } .zimBlocsList.reduct li.col30 h3 img{ margin-top: -100px;} .zimBlocsList li .itemTitle, .scaleSelector li .itemTitle{ position: absolute; display: block; top: 32%; text-align: center; z-index: 10; width: 100%; text-transform: uppercase; font-size: 1.3em; -moz-transition: top 0.3s ease-in-out; -webkit-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } .zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone{ top: 40%; } .zimBlocsList li .itemTitle.illus{ top: 17%; } .zimBlocsList li .itemTitle.illus.mini{ top: 30%; } .zimBlocsList li .itemTitle strong, .scaleSelector li .itemTitle strong{ display: inline-block; padding: 0 15px; line-height: 1.2em; /*border-left: 2px solid #fff; border-right: 2px solid #fff;*/ -moz-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; -ms-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; } .zimBlocsList li a:hover .itemTitle strong{ padding: 0 25px; } .zimBlocsList li .itemTitle.alone strong{ font-size: 1.1em; } .zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{ display: block; padding: 20px 15px; line-height: 1.2em; font-size: 0.5em; opacity: 0; -moz-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, padding 0.3s ease-in-out; } .zimBlocsList li a:hover .itemTitle span.popup, .scaleSelector li:hover .itemTitle span.popup{ opacity: 1; padding: 12px 15px; } .zimBlocsList li .itemTitle span.popup .button, .secondLink .button { margin-top: 8px; padding: 8px 15px; color: #fff; border-color: #fff; font-size: 1em; } .zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink .button{ display: block; margin: 8px 30%; } .zimBlocsList li .itemTitle span.popup .button:hover, .scaleSelector li .button:hover{ color: #000 !important; } .zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button{ background: #fff; color: #000 !important; } /* avec logos (abandonné) */ /*.zimBlocsList li .itemTitle.illus img{ display: inline-block; max-width: 58%; } .zimBlocsList li .itemTitle.illus.mini img{ max-width: 30%; }*/ .zimBlocsList li a:hover .itemTitle { top: 30%;} .zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini{ top: 38%; } .zimBlocsList li a:hover .itemTitle.illus{ top: 15%;} .zimBlocsList li a:hover .itemTitle.illus.mini{ top: 28%;} .backdeco{ display: none; } .scaleSelector li{ overflow: hidden; position: relative;} .scaleSelector li h3{ height: 470px;} .scaleSelector li .itemTitle strong { font-size: 1.5em;} .scaleSelector li .itemTitle strong img{ width: 70%; max-width: 300px; max-height: 150px;} .zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro { display: block; font-size: 0.5em; line-height: 1.1em; margin-top: 10px;} .zimBlocsList li .itemTitle, .scaleSelector li .itemTitle{ font-size: 1em; } .scaleSelector li .itemBG{ width: auto; height: 100%; position: relative; left: -25%; } /*.scaleSelector li.active .itemBG{ left: 0%; }*/ .zimBlocsList li .links, .scaleSelector li .links { display: block; position: absolute; bottom: 5%; width: 100%; z-index: 10;} .zimBlocsList li .links .button, .scaleSelector li .links .button { margin-top: 8px; padding: 5px 8px; color: #fff; border-color: #fff; font-size: 0.6em; } .zimBlocsList li .links .soon, .scaleSelector li .links .soon { font-size: 0.5em; } .secondLink { position: absolute; width: 100%; bottom: 65px; z-index: 100; left: 0; font-size: 0.6em; } .scaleSelector li .videoW{ display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .scaleSelector li .videoW .videoOverlay{ position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); z-index: 2;} .scaleSelector li .videoW .video-js{ display: block; height: 100%; position: relative; z-index: 1;} .muteButton{ display: block; position: absolute; right: 20px; top: 20px; z-index: 50; cursor: pointer; display: none;} .muteButton svg{ font-size: 1em; } .muteButton .fa-volume-up{ display: none; } .muteButton .fa-volume-mute{ display: block; } .muteButton.playing .fa-volume-up{ display: block; } .muteButton.playing .fa-volume-mute { display: none; } /* DEV */ /*.scaleSelector li .itemBG{ display: none !important; }*/ /* MODIF LEFT SUR LA HOME */ .homeSection .zimBlocsList li .itemTitle, .homeSection .zimBlocsList li .itemTitle.alone, .homeSection .zimBlocsList li .itemTitle.mini, .homeSection .zimBlocsList li .itemTitle.illus, .homeSection .zimBlocsList li .itemTitle.illus.mini{ top: auto; bottom: 4%; text-align: left; -moz-transition: bottom 0.3s ease-in-out; -webkit-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; -ms-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .homeSection .zimBlocsList li a:hover .itemTitle, .homeSection .zimBlocsList li a:hover .itemTitle.alone, .homeSection .zimBlocsList li a:hover .itemTitle.mini, .homeSection .zimBlocsList li a:hover .itemTitle.illus, .homeSection .zimBlocsList li a:hover .itemTitle.illus.mini{ top: auto; bottom: 6% } #page-home .zimBlocsList li .itemTitle strong{ font-size: 1.2em; line-height: 1em;font-family: "Montserrat", sans-serif;} /* CAS SPECIAUX PLACEMENT IMAGE*/ #SocialEventsSelector .itemBG{ left: -50%; } /* #SkybarFbSelector .itemBG{ position: absolute; right: -5%; left: auto; } */ /* */ #HomeOffers{ } .offersList{} .offersList li{ margin-bottom: 30px !important;} .offersList li *{ text-align: left;} .offersList li div.actuW{ background: #000; position: relative; padding: 20px 40px 20px 20px; display: flex; } .offersList li img{ display: block; height: 200px; margin: 0 25px 0 0;} .offersList li h4 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 1.8em;} .offersList li p{ line-height: 1.2em; } .offersList li h5{ margin: 15px 0 0 0; text-transform: uppercase; font-size: 1.5em;} /* */ /* -- ANIMATED SECTIONS SELECTORS-- */ .itemSelector { margin: 40px 0; position: relative;} .videoSelector{} .itemSelector .itemsW, .itemSelector .clickerW{ display: flex;width: 100%} .itemsW{ position: relative; z-index: 300;} .clickerW{ position: absolute; top: 0; left: 0; z-index: 500;} .clickerW li a{ display: block; width: 100%; height: 100%; color: #fff; } /*.clickerW li a:hover{ background: url(zims/frontend/selector-repeat.jpg) repeat-x center bottom;}*/ .clickerW li a span.buttonW{ display: block; width: 100%; position: absolute; bottom: 30px; left: 0; text-align: center; } .clickerW li a span.buttonW span{ color: #fff; border-color: #fff; background: #000; } .clickerW li a span.buttonW span:hover{ color: #000; background: #fff; border-color: #fff; } .clickerW li .itemTitle{ position: absolute; display: block; top: 45%; text-align: center; /*opacity: 0;*/font-family: "Montserrat", sans-serif; z-index: 10; width: 100%; opacity: 1; font-size: 5em; text-transform: uppercase;} .clickerW li a.goback span.buttonW { opacity: 0.5; } .clickerW li a.goback .itemTitle { opacity: 0.7; color: #ccc; } .itemsW li, .clickerW li{ flex: initial; height: 600px; position: relative; width: 31.5%; overflow: hidden; margin: 0 1% 20px;} .itemsW li h3{ margin: 0; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .itemsW li .itemTitle{ position: absolute; display: block; top: 45%; text-align: center; /*opacity: 0;*/ z-index: 10; width: 100%; text-transform: uppercase; font-size: 2em;} .itemsW li .itemTitle.illus, .clickerW li .itemTitle.illus{ top: 33%; } .videoSelector .videoWW{ position: absolute; top: 0; left: 0; z-index: 400; width: 100%; height: 100%; overflow: hidden;} .videoSelector .videoW{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .videoSelector .videoW video{ position: absolute; z-index: 1; } .videoSelector .videoW .video-js{ width: 100% !important; } /*.videoSelector .videoW * {display: none; }*/ .videoSelector .videoW video, .videoSelector .videoW .video-js{display: block; } /* DETAILS PAGES */ .pictoList{} .pictoList.inline { display: table; width: 90%; margin: 0 auto; text-align: center;} .pictoList.inline li{ display: inline-block; padding: 0 20px;} .pictoList.inline li svg{ font-size: 1.5em;} /* */ .prestationList{ } .prestationList *{ text-align: left; } .prestationList p{ font-size: 1.1em; } .prestationList h3{ text-align: left; border-bottom: 1px solid #999; padding-bottom: 15px; line-height: 1.2em; } .prestationList ul{ padding-left: 18px; margin-bottom: 35px; } .prestationList ul li { text-align: left; margin-bottom: 18px; font-size: 1.1em; list-style-type: disc; list-style-position: ourtside;} .blocsW{ gap: 40px;} .blocsW > div{ flex: 1; border : 1px solid #f0e6c7; -webkit-box-shadow: 0px 0px 10px 5px #e6be71; box-shadow: 0px 0px 10px 5px #e6be71; -moz-transition: background-color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; padding: 25px; } /* */ #EventResaLink{ display: block; position: fixed; top: 88px; right: 3%; z-index: 1000; font-family: "Montserrat", sans-serif; background: #000; color: #fff; letter-spacing: 0; font-size: 1.4em; padding: 8px 20px; border: 2px solid; margin: 0; border-image-slice: 1; border-image-source: linear-gradient(45deg, #743ad5, #1d7eba); } #EventResaLink:hover{ background: #fff; } #EventResaLink.white{ background: #fff; color: #000; } #EventResaLink.white:hover{ background: #000; color: #fff !important; } .miniBackto{ display: block; position: absolute; left: 5%; } .miniBackto.onvid{ left: 6%; bottom: 30px; top: auto; z-index: 900;} .miniBackto:hover{ text-decoration: underline; } #page-rooms-suites .miniBackto{ top: 40px; } .floatingbgW{ clear: both; margin: 200px 0 100px; position: relative;} .floatingbgW.nomargin{ margin: 20px 0;} .floatingbgBand{ height: 75%; position: absolute; top: 12.5%; left: 0; z-index: 0; width: 100%; background: #000;} .styledSoulign { position: relative; border-bottom: 5px solid #c8ae77; padding-bottom: 15px;} .textW{ padding: 25px;} .floatingbgW .textW{ padding-bottom: 0;} .tempDeco{ display: inline; float: right; margin: -50px 0 0 25px; max-width: 50%; position: relative; z-index: 100; } .tab{ display: none; } .tabsMenu{ display: table; width: 100%; text-align: center;} .tabsMenu li{ display: inline-block;margin: 0 10px; } .tabsMenu li.active a.button{ background: #fff; color: #000 !important;} .separLine{ display: block; width: 100%; height: 1px; background: #fff; margin: 5px 0 25px 0; position: relative; } .separLine.separL{ left: -50%; } .separLine.separR{ right: -50%; } .straightLine{ display: block; width: 1px; height: 60px; background: #fff; margin: -30px auto 0; position: relative; z-index: 20;} .randomItemMenu{ display: flex; flex-direction : row; align-items: stretch } .randomItemMenu li{ flex-grow: 1; border: 1px solid #fff; margin: 0 5px; text-align: center; font-size: 1.2em; } .randomItemMenu li a{ display: block; padding: 15px 10px; text-transform: uppercase; } .randomItemMenu.black li{ border: 1px solid #000; } .randomItemMenu li.active{ background: #fff; } .randomItemMenu.black li.active{ background: #111;} .randomItemMenu li.active a{ color: #111; } .randomItemMenu.black li.active a{ color: #fff!important; } .randomItemMenu li a:hover{ text-decoration: underline; } #EventSpacesMenu{ margin: 80px 7.5% 0; width: 75%;} #EventSpaces{ min-height: 440px;} #Services{ min-height: 440px;} /* SECTIONS BG */ /* Agenda */ .nextEventW{ justify-content: center; gap: 40px; margin: 0 2.5%; width: 95%; } .nextEvent{ } .nextEvent *{ text-align: center; } .nextEvent > div.textEvent{ } .nextEvent > div.textEvent h4{ font-size: 2em; font-weight: 600; margin: 15px 0 5px 0 } .nextEvent .zimEvent img{ display: block; margin: 0 auto; max-height: 75vh; /*width: 100%;*/ -webkit-box-shadow: 0px 0px 10px 5px #e6be71; box-shadow: 0px 0px 10px 5px #e6be71;} .dateList{ gap: 80px 60px; justify-content: center;} .dateList li{ width: calc(33.33% - 40px); } .dateList li a{ display: block; position: relative;} .dateList li img{ display: block; width: 100%; } .dateList li * { text-align: center; } .dateList li h4{ font-size: 1.5em; margin: 15px 0 5px;} .dateList li p{ margin: 0; font-size: 0.8em; } .soireesPassees .dateList li{ width: calc(25% - 45px);} .galOv{ display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); font-size: 1.8em; align-items: center; justify-content: center; opacity: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .galOv svg{ font-size: 1.2em; } .dateList li a:hover .galOv{ opacity: 1; font-size: 2em;} /* */ #GalleryW{} #GalleryW > ul{ gap: 50px; justify-content: center;} #GalleryW > ul li{ width: calc(25% - 40px); background: #333; } #GalleryW > ul li img{ display: block; width: 100%; } /* */ .jobs{ display: flex; flex-direction: column; padding: 20px 0; gap: 10px; } .job{ display: block; background:#fff; font-size: 1.2em; padding: 10px 15px; text-align: center; color: #000; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;} #field-cv, #field-lettre-motiv{ width: 100% !important;} #field-cv label, #field-lettre-motiv label{ display: block;} /* CARTE */ #page-menus #Content{ padding-top:0;} .bigtitleW{ position: absolute; z-index: 100; top: 34%; display: table; width: 100%; } .bigtitleW h2{ font-size: 12em; line-height: 0.7em; margin: 0; display: table-cell; vertical-align: middle; position: relative; font-family: 'Butler', serif; color: #fff; text-align: center; } #HeaderCarte{position: relative; } #HeaderCarte ul{ display: flex; width: 100%; position: relative; z-index: 50; gap: 8px;} #HeaderCarte ul li img{ display: block; width: 100%} #CarteMainmenu{ display: flex; width: 100%; border-bottom: 2px solid var(--taupe); } #CarteMainmenu li { flex: 1; text-align: center; border-left: 1px solid var(--taupe); position: relative; -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } #CarteMainmenu li:first-child { border-left: 0; } #CarteMainmenu li a{ display: block; padding: 25px 5px 20px; text-decoration: none; text-transform: uppercase; font-size: 1.6em; letter-spacing: 3px;} #CarteMainmenu li .arrowW { text-align: center; width: 100%; position: absolute; top: 100%; display: none;} #CarteMainmenu li .arrowW img { width: 65px; } #CarteMainmenu li.active .arrowW { display: block; } #CarteMainmenu li.active, #CarteMainmenu li:hover { background: var(--taupe); } #CarteMainmenu li.active a, #CarteMainmenu li:hover a{ color: #fff;} .carteMainCateg:last-child{ padding-bottom: 50px;} #CarteList{ display: flex; flex-wrap: wrap; margin-top: 50px; /*background: url(zims/frontend/feuill-opk2-d.jpg) no-repeat right bottom;*/ } #CarteList > li{ width: 40%; margin: 0 5%; } #CarteList h2:first-child{ } #CarteList .centeredlist { padding-top: 0;} .carteMainCateg{ } #CarteList .centeredlist > li.fullsize { width: 100%; margin-right: 0;} .carteCategTitle { font-size: 1.6em; text-align: center; margin-bottom: 20px; } .bigprix{ margin-bottom: 20px; } /*.carteMainCateg .separ{ display: block; width: 50%; border-top: 5px double #d89a22; margin: 40px auto; } .carteMainCateg:first-child .separ{ display: none; }*/ .carte { margin-bottom: 50px; } .carte h3 { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 3px double var(--taupe); } .carte h3 .bigprix { font-size: 0.6em;} .intro{ margin-bottom: 20px; } /*.intro:after{ content:""; display: inline-block; width: 30px; height: 1px; background: var(--taupe); }*/ .conclus{ margin-top: 0; } /*.conclus:before{ content:""; display: inline-block; width: 30px; height: 1px; background: var(--taupe); }*/ .carteItem{ margin-bottom: 22px;} .caveItem{ margin-bottom: 22px;} .carteItem.lien-suivant { margin-bottom: 0;} .carteItemText { display: block; text-align: left; line-height: 1.2em;} .noprice .carteItemText { text-align: center;} .carteItemText span.dName{ line-height: 1.1em; font-size: 1.1em; } .carteItemText span.dName .carteItemPrix{ display: inline-block; float: right; width: 15%; text-align: right; font-family: "Nevia", serif; } .carteItemText span.desc{ display: block; font-size: 1em; margin-top: 4px; color: #ccc;} .carteItemText span.separ-ou { font-size: 1.1em; position: relative; top: -2px; } .carteItemPrix{ display: block; } .enavant{ border: 3px double #d89a22; padding: 15px; } .carteItemPrixVerre{ float: right; font-size: 0.9em; background:url(zims/icons/glass.png) no-repeat left center; padding-left: 15px; position: relative; top: -3px; line-height: 24px; min-height: 22px; min-width: 30px;} #CarteList .centeredlist > li.fullsize .carte-list > li { display: block; float: left; width: 30%; margin: 0 1%;} .crownIco{ width: 80px;} #CarteList > li:first-child{ width: calc(100% - 100px); margin: 0 auto 40px; padding: 30px 50px; border: 1px solid; border-image-slice: 1; border-image-source:linear-gradient(90deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%); } #CarteList > li:first-child .carteCategTitle { font-size: 2em; } #CarteList > li:first-child .carteItemText{ font-size: 1.4em;} #CarteList > li:first-child .separLine{ background: linear-gradient(90deg, rgba(207, 142, 50, 1) 0%, rgba(192, 127, 72, 1) 17%, rgba(224, 175, 106, 1) 29%, rgba(254, 233, 203, 1) 41%, rgba(224, 175, 106, 1) 57%, rgba(224, 175, 106, 1) 68%, rgba(192, 127, 72, 1) 79%, rgba(254, 233, 203, 1) 89%, rgba(168, 107, 54, 1) 100%);} #CarteLegends{ } #CarteList.upperFormule > li:first-child{ width: 90%; } #CarteList.upperFormule > li:first-child .carteCategTitle { letter-spacing: 5px; font-size: 2em; } #CarteList.upperFormule > li:first-child > ul > li { padding: 20px; border: 1px solid #fff; } #CarteList.upperFormule > li:first-child > ul > li .separLine{ display: none; } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list{ display: flex; flex-wrap: wrap; gap: 20px 50px; justify-content: center;} #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li{ width: calc(50% - 50px); } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li .carteItemText{ text-align: center } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li .dName{ display: flex; flex-direction: column-reverse; font-size: 1.6em; } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li .carteItemText span.dName .carteItemPrix { display: block; float: none; width: auto; text-align: center; font-size: 0.8em; } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li.carteItem { margin-bottom: 10px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ABOUT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #WordSliderW{ width: 100%; overflow: hidden; display: table; text-align: center; padding-top: 75px; position: relative; display: none;} #WordSliderW >div{ position: relative;} #WordSliderW .list{ font-size: 3.2em; padding: 0 10px; display: inline-block; margin-bottom: 20px; position: relative;} #WordSliderW .list.cloned{ position: absolute; top: 0px; left: 0px;} #WordSliderW .list li { float: left; padding-left:15px;font-family: "Montserrat", sans-serif;} #WordSliderW .list span{ display: block; position: relative; /* top: 20px; */ color: #fff; text-shadow: 0 0 10px #fff;} #WordSlider2{ margin-top: 40px;} #TransfoW{ overflow-x: hidden} #TransfoW h3{ margin-top: 0;} .transfoZimW{ display: table; width: 100%; text-align: center; } .transfoZimW span.zimW{ display: inline-block; width: 32%; margin: 0 0.5%; text-align: center; } .transfoZimW span img{ display: block; width: 100%; } #TransfoW .pagi-dots li button.active { background: #fff; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Press * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #page-press #ContentW{ background: #111; } #page-press #Content { } #page-press #Content *{ color: #fff; } #page-press .button{ border-color: #fff; } .contactBlock{ display: table; width: 100%; text-align: center; margin-bottom: 50px;} .contactBlock li{ display: inline-block; margin: 0; /*border-right: 1px solid #fff;*/ padding: 0 50px; } .contactBlock li.bigf{ font-size: 1.2em; line-height: 1.2em; } .contactBlock li .button{ margin-top: 10px; } .contactBlock li:last-child{ border: none; } .socialsLinks svg{ font-size: 2em;} .contactBlock.justifiedBlock li{ width: 45%; padding: 0 2.5%; } #page-contact .contactBlock li{ border:none; vertical-align: top; line-height: 1.5em; } #page-contact .contactBlock li strong{font-family: "Montserrat", sans-serif; display: inline-block; margin-bottom: 20px; font-size: 1.5em; } #page-contact .contactBlock li strong.maj{ font-weight: 400; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * EVENT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #ResaIndiv{ border: 1px solid #fff; padding: 5px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } #ResaIndiv p{ color: #000; padding: 40px; margin: 0; background: url(../media/images/logo-b-10p.svg) no-repeat right center; background-size: 300px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;; } #ResaIndiv p a{color: #000; } /*#page-event form input { border-bottom: solid 1px rgba(0, 0, 0, 0.85); } #page-event form label { color: #000; }*/ #EventW, #PostuleW, #MentionsW{ margin: 0 0 40px 0; padding-top: 40px;} #EventForm .textField label, #EventForm .textareaField label, #PostuleForm .textField label, #PostuleForm .textareaField label { text-align: left; margin-bottom: 7px; display: block;} #EventForm fieldset p, #PostuleForm fieldset p{ width: 47.5%; display: inline; float: left; text-align: left; margin-bottom: 40px;} #EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget { margin-right: 7.5%; width: 20%; } #EventForm fieldset p#field-nbpers { width: 71%;} #EventForm fieldset p#field-heure, #EventForm fieldset p#field-formule, #EventForm fieldset p#field-paiement { margin-right: 7.5%; width: 20%; } #EventForm fieldset p#field-budgetflex { margin-right:0; width: 20%; } #EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-nom{ clear: left; } #EventForm fieldset p#field-nom, #EventForm fieldset p#field-email{ margin-right: 5%; } #EventForm fieldset p#field-typeevent, #EventForm fieldset p#field-infos, #EventForm fieldset p#field-newsletter{ width: 100% } #EventForm fieldset p#field-societe{ margin-top: 50px;} #EventForm fieldset p#field-tel { width: 20%; } #field-infos textarea{ width: 100%;} .uniqueCheckBoxField input{ width: auto; } #EventForm ::placeholder{ color: #000; } #PostuleForm ::placeholder { color: #fff; } /*----------------*/ #PostuleForm fieldset p#field-nom, #PostuleForm fieldset p#field-email{ margin-right: 5%; } #PostuleForm fieldset p#field-message, #PostuleForm fieldset p#field-cv, #PostuleForm fieldset p#field-motiv { width: 100% } #PostuleForm fieldset p#field-cv input, #PostuleForm fieldset p#field-motiv input, #PostuleForm .help{ display: block; clear: both; margin-top: 10px;} #PostuleForm .help{ text-align: left; } #EventForm input::placeholder { display: none !important; color: rbga(0,0,0,0); opacity: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*#page-contact{ background: #090909 url(zims/frontend/contact-bg.jpg) no-repeat center top; background-attachment: fixed;} */ #ContactW{ width: 80%; margin: 0 10%; overflow: auto;} #FormW, #CoordsW{ } #FormW{ width: 60%; margin-right: 5%; } #CoordsW{ width: 35%; } #ContactW h3{ text-transform: uppercase; font-size: 2.5em; } #jGMapW { width:100%; height:600px; margin: 50px 0 0 0 ; border:none; clear: both; } #jGMapW .vcard{ } #jGMap { width:100%; height:100%; } .vcard p { margin:0 0 15px 0; padding:0; font-size:1.1em;} .vcard .tel .type, .vcard .uri, .vcard .geo { display:none; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * FANCY * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #ContactForm{ margin: 25px 0; padding: 0 0 0 0%;} #ContactForm fieldset p{ width: 45%; display: inline; float: left;} #ContactForm fieldset p#field-societe, #ContactForm fieldset p#field-email{ margin-right: 5%; } #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{ width: 100%; } #message{ height: 100px; } #date, #heure, #nbpers{ width: 90px; } #ReservLegend{ padding: 0 15px 10px 25px; margin: 10px 180px 10px 0; text-align: left; border-bottom: 1px solid #222; } .legend { font-size: 0.85em; color: #999; text-align: left; margin: 25px 0; } .fancybox-inner p#Confirmation{ padding: 50px 15px; margin: 0;} #FancyContactBox{ width: 600px; background: #fff; } #FancyContact{ padding: 0 25px 25px; } #FancyContact h2{ color: #000; font-size: 2.5em; font-weight: 900; letter-spacing:normal;text-transform: uppercase; margin: 0 0 15px 0; text-align:left; padding-top: 15px;} #ContactForm{ margin: 0;} input{ width: 90%; margin: 0;} #ContactForm fieldset p{ width: 43%; display: inline; float: left;} #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email{ margin-right: 10%; } #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{ width: 96%; } #message{ height: 100px; } .formButtons { display: inline; float: left; width: 100%; text-align: center;} .fancybox-inner #ContactForm *{ color: #000;} .fancybox-inner #ContactFormSubmit { border-color: #000;} .fancybox-inner #ContactFormSubmit:hover { color: #fff;} .fancybox-inner #ContactForm input, .fancybox-inner #ContactForm textarea { border-bottom: solid 1px rgba(0, 0, 0, 0.85); } p#Confirmation{ font-size: 1.2em; font-weight: 300; margin: 100px 5%; text-align:center; line-height: 1.5em; } /* SCROLLICON */ @-webkit-keyframes arrow-jump{0%{opacity:1}50%{opacity:1;-webkit-transform:translateY(111px);-moz-transform:translateY(111px);-0-transform:translateY(111px);transform:translateY(111px)}100%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-0-transform:translateY(0px);transform:translateY(0px)}} @-webkit-keyframes arrow-jump-line{0%{opacity:1;height:0}50%{opacity:1;height:111px}100%{opacity:1;height:0}} .scroll-section { position: absolute; z-index: 200; text-align: center; bottom: 130px; left: 20px; width: 30px; } /*#ArrowBottom2{ bottom: 150px; left: 0; right: 0; width: 100%;}*/ .scroll-section a {transition: all ease .5s; } .scroll-section a:after { position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; width: 7px; height: 7px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; content: ""; -webkit-animation: arrow-jump 5s infinite; -moz-animation: arrow-jump 5s infinite; -o-animation: arrow-jump 5s infinite; animation: arrow-jump 5s infinite; top: 100%; } .relative-block { position: relative; } .scroll-section span { writing-mode: tb-rl; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); font-size: 10px; font-weight: 400; letter-spacing: 3px; color: #fff; text-transform: uppercase; } .scroll-section a:after, .scroll-section:after { left: 1px; } .scroll-section a:after { position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; width: 7px; height: 7px; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; content: ""; -webkit-animation: arrow-jump 5s infinite; -moz-animation: arrow-jump 5s infinite; -o-animation: arrow-jump 5s infinite; animation: arrow-jump 5s infinite; top: 100%; } .scroll-section:after { -webkit-animation: arrow-jump-line 5s infinite; -moz-animation: arrow-jump-line 5s infinite; -o-animation: arrow-jump-line 5s infinite; animation: arrow-jump-line 5s infinite; } .scroll-section:after { position: absolute; top: 70px; left: 0; right: 0; margin: 0 auto; width: 1px; height: 111px; background: #fff; content: ""; top: 100%; } .mobonly{ display: none;} /* ----------------- RESPONSIVE ------------------------------*/ @media(max-width:1720px) { #FooterNews #field-email{ width: 43% } } @media(max-width:1560px) { .zimBlocsList li .itemTitle { font-size: 1.2em; } #FooterNews #field-email{ width: 37% } } @media(max-width:1440px) { #MainResaLink{ right: 15px; padding: 7px 20px; } #LangLinks li { margin-right: 8px; } .homeSectionW { padding-bottom: 100px; } #page-home .homeSectionW { padding-bottom: 10px; } #FaqW { width: 80% !important; margin: 0 10% !important; } #WordSlider { padding-top: 7px;} #WordSlider .wordslide{ font-size: 4em; margin-bottom: 30px} #FooterNews #field-email{ width: 34% } #CarouselArrows a{ width: 20px; } #Services li.col30 { width: 47%;} } @media(max-width:1350px) { #MainMenuW{ padding-top: 80px; margin-bottom: 20px;} #Menu { width: 28%;} #MainMenu > li > a, #MainMenu > li > strong{ padding: 7px 0 7px 40px; } #UpperMenu ul li a{ font-size: 0.9em; } #CovidBanner p { font-size: 0.95em; } #page-home .zimBlocsList li .itemTitle strong { font-size:1.2em; } .centeredlist50 { margin-left: 15%!important; margin-right: 15%!important; width: 70%; } .scaleSelector li h3 { height: 400px } #page-restaurants-selector .scaleSelector li h3 { height: 350px } .zimBlocsList li .itemTitle{ font-size: 0.8em !important;} .zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup{ font-size: 0.6em;} .rseBlock.centeredlist > li.col25 { width: 30.5%; margin: 0 1%; } .tabsContent .centeredlist > li.col60, .tabsContent .centeredlist > li.col50, .tabsContent .centeredlist > li.col40, .tabsContent .centeredlist > li.col30 { width: 48%; margin: 0 1%; } #page-hotel .centeredlist > li.col30 { width: 48%; margin: 0 1%; } #page-restaurants-selector .centeredlist > li.col30{ width: 31%; margin: 0 0.75%; } #MainFBSelector{ margin-bottom: 15px;} #EventSpacesMenu { margin: 60px 3.5% 0; width: 92%; } .centeredlist90 { margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; } .bigmargin { margin-top: 30px!important; margin-bottom: 30px !important; } .titlepaddingmini{ padding-top: 10px;} .prestationListW { margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; } #Services { min-height: 380px;} .contactBlock li { padding: 0 50px;} .coordsList { flex-direction: column;} .coordsList li { font-size: 1.1em; } } @media(max-width:1024px) { body { font-size:17px; } input, select, textarea { font-size: 17px; } .nomob{display: none; } .mobonly{ display: inline;} #Header { background-position: center -28px; } .covidbanner #Header { top: 0; } .covidbanner #Nav { top: 0; } #UpperMenu{ display: none;} #MainSelector, .covidbanner #MainSelector { top: 22px; right: 2%; } #MainSelector .resaLegend { padding: 2px 12px; font-size: 0.7em; letter-spacing: 0px; } /*#MainSelector .resaLegend { padding: 11px 9px 0 7px; color: #000;} #MainSelector p a.gotoRooms, #MainSelector p a.gotoRooms:hover{ background-position: -82px 8px; } #MainSelector p a.gotoResto, #MainSelector p a.gotoResto:hover{ background-position: -82px -53px;} #MainSelector p a { width: 45px; }*/ #HomeLinkW { margin: 0 2.5% 0 0; } #HomeLinkW a img { width: 80px; padding-top: 10px; position: relative; } .scrolled #HomeLinkW a img, .forcedHeader #HomeLinkW a img { width: 80px; } #LangsW { left: 65px; top: 24px; width: 62px; display: none; } .open #LangsW { display: block;} #NavIco, .covidbanner #NavIco { top: 27px; } .subactivated #NavIco span { background: #000; } #Menu{ width: 100%; } #MainMenuW { padding-top: 200px; margin-bottom: 15px; } #MainMenu > li > a, #MainMenu > li > strong { padding: 5px 0 4px 15px; -moz-transition: background-color 0s ease-in-out, color 0s ease-in-out; -webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out; -o-transition: background-color 0s ease-in-out, color 0s ease-in-out; -ms-transition: background-color 0s ease-in-out, color 0s ease-in-out; transition: background-color 0s ease-in-out, color 0s ease-in-out; } #MainMenu li{ font-size: 0.95em; padding: 7px 0; } #MainMenu > li{ position: relative; } #MainMenu li .submenu { width: 100%; position: static; background: #fff; padding: 8px 0; height: auto; display: none; } #MainMenu li ul > li { padding: 0} #MainMenu li ul > li a { padding: 5px 10px 5px 15px; font-size: 1.2em; } #MainMenu li ul > li > ul{ opacity: 1;} #MainMenu li ul > li > ul li a { font-size: 1.1em; padding: 3px 0 3px 15px; } #MainMenu li ul > li:first-child{ padding-top: 0;} #MainMenu > li > a:hover, #MainMenu > li > strong:hover { color: #fff; background-color: unset; } #MainMenu > li.actived > a, #MainMenu > li.actived > strong { color: #000; background-color: #fff; } #MainMenu li ul > li a:hover{ background: unset; color: #000; } #MainMenu li ul > li.HTMLMenuW-Level2:hover > a{ background: unset; color: #000; } #MainMenu-room-presentation-Item, #MainMenu-event-presentation-Item{ display: block;} #MainMenu > li > a span, #MainMenu > li > strong { display: block; width: 100%; padding-right: 5%; } #MainMenu > li > a svg , #MainMenu > li > strong svg { display: inline-block; float: right; } #MainMenu > li > a svg.fa-caret-up, #MainMenu > li > strong svg.fa-caret-up, #MainMenu > li > a svg.fa-caret-right, #MainMenu > li > strong svg.fa-caret-right { display: none;} #MainMenu > li > a svg.fa-caret-down, #MainMenu > li > strong svg.fa-caret-down {display: block; color: #fff; margin-right: 0 } #MainMenu > li.actived > a svg.fa-caret-up, #MainMenu > li.actived > strong svg.fa-caret-up { display: block; color: #000; margin-right: 0 } #MainMenu > li.actived > a svg.fa-caret-down, #MainMenu > li.actived > strong svg.fa-caret-down { display: none; } #MainMenu-room-bestfor{ display: none;} #SecondaryMenu > li > a, #SecondaryMenu > li > strong { padding: 2px 0 2px 15px; } #Copyrights { font-size: 0.6em; margin: 0 0 10px 0; padding: 0 15px } #FooterMenu, #FooterNews, #FooterAddr{ display: block; float: none; width: 100%; margin-bottom: 40px; } #FooterMenu{ margin-bottom: 40px; } #FooterMenu li{ text-align: center; font-size: 1.4em; display: block;} #FooterAddr{ text-align: center;} #FooterAddr #Gmap{ margin-bottom: 20px;} #FooterNews #field-valid label{ font-size: 0.75em;} #FooterNews .textField{ isplay: block; float: none; width: 100% !important; } #FooterNews #field-valid{ position: static; } #FooterNews .formButtons { width: auto; margin-top: 20px; float: none !important; display: block; } #FootNewsCheck { bottom: -15px; left: 45%; } #Credits {float: none; text-align: center; margin-top: 0; } h2{ width: 95%; margin: 0 2.5%; font-size: 2em; line-height: 1em; margin-bottom: 40px;} h3{ margin-top: 30px;} .bigmargin > h3{ margin-top: 0;} #ZoomHalfBanner h2{ font-size: 2em; line-height: 1em } p { font-size: 1em; } input[type="button"], input[type="submit"], input[type="reset"], .button { padding: 0.7em 1.5em; line-height: 1.2em; transition: color 0s ease-in-out, border-color 0s ease-in-out, background-color 0s ease-in-out; margin-bottom: 15px; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover, .zimBlocsList li .itemTitle span.popup .button, .secondLink .button,.zimBlocsList li a:hover .itemTitle span.popup .button, .scaleSelector li a:hover .button { background: none; border-color: #fff; color: #fff !important; }.button:hover svg { color: #fff !important; } .forcedHeader #Content { padding-top: 150px; } #ResaIndiv p{ font-size: 1.1em !important; line-height: 1.5em; } .scroll-section { top: 60%; bottom: auto; display: none; } /***/ .littleup{ font-size: 1em !important; line-height: 1.3em;} .ffat{ font-size: 1em !important; line-height: 1.4em;} .big{ font-size: 1.3em !important; line-height: 1.2em; } .super { font-size: 2em !important; line-height: 1em; } .mega { font-size: 2.6em !important; line-height: 1em; } .ultra { font-size: 3.2em !important; line-height: 1em;} .minimob{ font-size: 0.7em;} .little{ font-size: 1.1em !important } .fontreset{ font-size: 1em !important } .mini{ font-size: 0.8em !important; line-height: 1em; display: inline-block; } .tiny{ font-size: 0.7em !important; line-height: 1em; display: inline-block; } .micro{ font-size: 0.7em !important; line-height: 1em; display: inline-block; } .maj{ text-transform: uppercase; } p.justified, .justified p{ line-height: 1.5em; } .bigmargin{ margin-top: 40px!important; margin-bottom: 40px !important;} .supermargin{ margin-top: 60px!important; margin-bottom: 60px !important;} .megamargin{ margin-top: 120px!important; margin-bottom: 120px !important;} .notitle{ margin: 40px 0 0 0;} .lefted, .lefted *, .centeredlist > li p.lefted { text-align: center;} .titlepadding{ padding-top: 45px;} .titlepaddingmini{ padding-top: 25px;} .titlepaddingmadium{ padding-top: 50px;} .titlepaddingbig{ padding-top: 75px;} .mainPageTitle { padding-top: 60px;} .centeredlist{ display: block; } .centeredlist90, .centeredlist85, .centeredlist80, .centeredlist75, .centeredlist70, .centeredlist60, .centeredlist50, .centeredlist40, #GalleryW { margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95% !important} .centeredlist > li{ width: 100%; } .centeredlist > li.col25, .centeredlist > li.col25.colbigspace, .centeredlist > li.col30, .centeredlist > li.col33, .centeredlist > li.col40, .centeredlist > li.col45, .centeredlist > li.col50, .centeredlist > li.col60, .centeredlist > li.col100 { width: 100% !important; margin: 0; } .centeredlist > li.decalleft{ margin-left: 19%} .centeredlist > li.decalleftmini{ margin-left: 9%} .centeredlist > li.decalright{ margin-right: 19%} .centeredlist > li.decalrightmini{ margin-right: 9%} .itemBG { width: 100%; } .zimBlocsList .itemBG { width: 115%; } .tabsContent li .itemBG{ width: 100%; } .scaleSelector { display: block; } .scaleSelector li{ width: 100%; overflow: hidden; margin-bottom: 20px !important; } .scaleSelector li.col25{ width: 100%; margin: 0 0 20px 0;} .scaleSelector li .videoW{ display: none;} .scaleSelector li .itemBG{ left: -20% } .scaleSelector li h3 { height: 300px; } .zimBlocsList li .itemTitle { font-size: 0.8em; } .zimBlocsList li a .itemTitle, .zimBlocsList li a:hover .itemTitle { top: 15%; } .scaleSelector li .itemTitle { top: 10%; } .zimBlocsList li .itemTitle.alone, .zimBlocsList li .itemTitle.mini, .scaleSelector li .itemTitle.alone { top: 15%; } .zimBlocsList li a .itemTitle span.popup, .scaleSelector li .itemTitle span.popup { opacity: 1; padding: 12px 15px; font-size: 0.5em; } .zimBlocsList li h3, .scaleSelector li h3 { min-height: 240px; overflow: hidden; } .zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini { top: 30%; } .scaleSelector li .itemTitle strong { font-size: 1.2em; } .zimBlocsList li .itemTitle strong{ font-size: 0.8em; } .zimBlocsList.reduct li .itemTitle strong { font-size: 1.4em; } .zimBlocsList li .itemTitle .titleintro, .scaleSelector li .itemTitle .titleintro { font-size: 0.65em;} .titleintro sup { font-size: 0.5em;} .scaleSelector li .links { bottom: 2%; } .zimBlocsList li.col25, .zimBlocsList li.col30, .zimBlocsList li.col50, .zimBlocsList li.col100 { margin: 0 0 20px 0 !important; width: 100% !important; } .zimBlocsList li.col100 { overflow: hidden;} .zimBlocsList li.col100 .itemBG { width: 250%; } .zimBlocsList li.col50 .itemBG { width: 150%; } .zimBlocsList li .itemTitle span.popup, .scaleSelector li .itemTitle span.popup { font-size: 0.6em; } .zimBlocsList li .links .button, .scaleSelector li .links .button, .secondLink .button { margin: 2px 30%; padding: 4px 15px !important} .secondLink {bottom: 50px;} .zimBlocsList li .itemTitle span.popup .button, .secondLink .button { font-size: 1em; margin-top: 10px;} .scaleSelector li .itemTitle strong img { width: 55%; max-width: 250px; } .tabsContent li .itemBg{ width: 100%; } .scrolled #Header, .forcedHeader #Header { height: 120px; } /* HOME */ #HomeZimW-Mob img{ position: absolute; } #HomeTitleW{ bottom: 12%; } /* #HomeTitleW h2 strong { font-size: 5em; line-height: 0.9em;} */ #Hometitlestar{ bottom: 16px;} .homeSectionW { padding-bottom: 0px; } #page-home .zimBlocsList li .itemTitle strong { font-size: 0.9em; } #page-home .scroll-section { top: 80%; } #HomeTitleW h2 { font-size: 1.8em; } #HomeTitleW h2 strong { font-size: 1.3em; line-height: 0.9em;} #HomeTitleW h2 em { font-size: 1.4em; } #CovidBanner { top: auto; bottom: 0; } #CovidBanner p { margin: 5px 2.5%; line-height: 1.2em; font-size: 0.85em; padding-right: 25px;; } /* PAGES */ #page-rooms-suites .miniBackto { top: 20px; } #RoomsSuggest .itemBG{ width: 140%;} #BestforSuggest .itemBG{ width: 120%;} #EventResaLink { top: 77px; right: 0%; font-size: 1.2em;} #EventSpacesMenu { margin: 80px 2.5% 0; width: 95%; } #EventMainSelector li .itemBG{ left: -50% } #EventMainSelector li .itemTitle { top: 30%; } #EventW .button{ padding: 1em 2.5em; min-width: 98%;} .randomItemMenu{ display: block; } .randomItemMenu li { margin: 0 5px 10px 0 } .transfoZimW span.zimW { width: 90%; line-height: 1em; margin-bottom: 25px;} .rseBlock{ display: unset !important; } .pictoList.inline li { display: block; margin-bottom: 8px; } .pictoList.inline li svg { font-size: 1.1em; } #MainFBSelector{ margin-top: 40px;} .prestationList h3 { font-size : 1.5em; margin-top: 0;} .prestationList ul li, .prestationList p{ font-size: 0.95em; } #PhotoChef img.itemBG{ width: 85%; margin: 0 auto;} #page-rooms-selector .zimBlocsList li a .itemTitle, #page-rooms-selector .zimBlocsList li a:hover .itemTitle{ top: 26%} #page-rooms-selector .zimBlocsList li a .itemTitle.huge, #page-rooms-selector .zimBlocsList li a:hover .itemTitle.huge{ top: 13%} #page-rooms-selector .zimBlocsList li a .itemTitle.alone, #page-rooms-selector .zimBlocsList li a:hover .itemTitle.alone{ top: 32%} #page-rooms-selector .scaleSelector li .itemTitle{ top: 33%} #page-rooms-selector .scaleSelector li .links, #page-events-meetings .scaleSelector li .links{ bottom: 7%;} #page-rooms-suites .zimBlocsList li .itemTitle.alone, #page-rooms-suites .zimBlocsList li .itemTitle.mini, #page-rooms-suites .scaleSelector li .itemTitle.alone{ top: 23% } #page-rooms-selector .zimBlocsList.reduct .itemBG { width: 100%; } #page-rooms-selector .zimBlocsList.reduct .col50 .itemBG { width: 130%; } #BestForSelect.zimBlocsList li h3 { height: 240px; } #BestForSelect.zimBlocsList .itemBG { width: 100%; } .rseBlock.bigmargin{ margin-top: 0 !important;} .rseBlock li { border: none; padding: 0 0 0 0;} .rseBlock li .rseKeynums { border: 1px solid #fff; margin: 0 2%; padding: 0 20px 2%; width: auto; } .rseBlock li .rseKeynums.auto { width: 92%;} .rseBlock li > h3{ margin-top: 10px;} .rseBlock li > *{ padding: 0 5% 0 2%;} .rseBlock{ } .rseBlock li img{ margin-top: 20px;} .miniBackto{ display: none;} .bpoints{ display: block; clear: left; text-indent: 999px; width: 0; height: 0; overflow: hidden;} #SocialBrochureModuleW{ padding-top: max(100%,620px) !important; } #ContentW { padding-bottom: 450px; } #FooterW { height: 450px;} #Footer{ flex-direction: column; gap: 20px;} #FooterSocial{ width: 100%; text-align: center; margin-bottom: 0;} #FooterLogo{ text-align: center; } /* FORMS */ #EventForm fieldset p, #PostuleForm fieldset p { width: 100%; display: block; float: none; } #EventForm fieldset p#field-datesevent, #EventForm fieldset p#field-budget { margin-right: 0; width: 100%; } #EventForm fieldset p#field-datesflex, #EventForm fieldset p#field-budgetflex, #EventForm fieldset p#field-tel { margin-right:0; width: 100%;} #EventForm select{ max-width: 97%;} .uniqueCheckBoxField label{ font-size: 0.8em;} /* CONTACT */ #FancyContactBox{ width: auto; } #ContactW{ width: 90%; margin: 0 5%; padding-top: 0;} #FormW, #CoordsW{ display: block; float: none;} #FormW{ width: 100%; margin-right: 0; } #CoordsW{ width: 100%; } #ContactForm fieldset p{ width: 100%; display: block; float: none;} #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{ width: 92%;} #jGMapW { width:100%; height:600px; } .faqItemList{ width:auto; } #FaqCatsSelector > li{ width: 48%; } /*#FaqCatsSelector > li.onback{ opacity: 0.5;} #FaqCatsSelector > li .catsSubSelector ul li { font-size: 1em; margin-bottom: 15px; }*/ #page-contact .contactBlock { margin-bottom: 0;} #page-contact .contactBlock li strong{ font-size: 1.4em; margin-bottom: 10px} .contactBlock li{ margin-bottom: 50px; width: 95%; border-right: none; } .contactBlock li.bigf{ font-size: 1em;} .contactBlock.justifiedBlock li:last-child{ margin-bottom: 50px; } #Knowmore{ margin-top: 40px;} .HsliderW{ width: 100%; overflow: hidden; position: relative; } .HsliderW.menuslider{ position: relative; left: -5%;} .swipeItem{ display: inline-block; float: left;} .panelswiper{ overflow: auto; margin-left: 0 !important; margin-right: 0 !important; display: block !important;} .panelswiper.enabled{ position: relative; left: 0; top: 0; } .fancybox-nav span{ visibility: visible !important;} .flexi, .flexilist{ flex-direction: column;} .fcol40, .fcol50, .fcol60 { width: 100%; } .headerZims{ flex-wrap: wrap; flex-direction: row;} .headerZims li {flex: unset; width: 50%;} #CarteList > li:first-child { width: calc(100% - 10px); margin: 0 auto 30px; padding: 30px 20px; } #CarteList > li:first-child .carteItemText { font-size: 1.2em; } } @media(max-width:767px) { #HomeCrea2f{ bottom: 30px; } #page-home #HomeLinkW a img { width: 130px; } #HomeTitleW { bottom: 18%; } #Hometitlelegend{ left: 10px;} #FooterAddr, #Mentions{ font-size: 0.85em;} #AllLink{ font-size: 1.2em;} #FooterMenu li a { font-size: 0.7em; } #FooterSocials span{ display: inline-block; margin-bottom: 10px } #FooterAddr .socialLink { font-size: 2.5em; margin: 0 15px; } #CookiesBanner p{ margin: 10px 2.5%; text-align: center;} #CookiesBanner p a{ float: none; } #CookiesBanner p a:hover{ background: none !important;} .mediumpadding{ padding: 30px 0;} .fitzim { width: 100%; height: auto; } .contactBlock.justifiedBlock li{ width: 95%} #MuteButton svg{ font-size: 2em; } .randomItemMenu{} input[type="text"], input[type="password"], input[type="email"], textarea{ width: 100%} #page-rooms-selector #ContentW { background-size: cover; } .prestationList .lefted{ text-align: left !important;} #MentionsW h2, #MentionsW h3{ font-size: 1.5em; line-height: 1.1em;} .zimBlocsList li.col100 .itemBG { left: -80%; } .carteItemText span.dName .carteItemPrix { width: 30%; } #ZoomHalfBanner.half{ height: 70vh;} /* resurcharge 1024 */ #CarouselArrows a{ width: 20px; } .zimBlocsList.reduct li .itemTitle strong { font-size: 1.2em; } .zimBlocsList li a:hover .itemTitle strong { padding: 0; } #page-home .zimBlocsList li a:hover .itemTitle strong { padding: 0 15px; } .dateList { gap: 50px; } .dateList li, .soireesPassees .dateList li { width: 100%; } .nextEvent .zimEvent img { width: 90vw; max-height: unset; } .nextEvent > div.textEvent h4 { font-size: 1.8em; } .nextEventW{ flex-direction: column;} #ResaIndiv, #ResaIndiv p { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } #ResaIndiv p { padding: 30px 20px; } #CarteList { flex-direction: column; } #CarteList > li { width: 100%; margin: 0; } .gallerylistArrow.arrowL { left: 4px; } .gallerylistArrow.arrowR { right: 4px; } #ContactW h3 { font-size: 2em; } #ContactW{ flex-direction: column-reverse;} #CarteList.upperFormule > li:first-child { width: 100%; } #CarteList.upperFormule > li:first-child > ul > li ul.carte-list > li{ width: calc(100%); } #GalleryW > ul { gap: 20px;} #GalleryW > ul li{ width: 100%; } .filterlist{ flex-direction: row !important; } } @media(max-width:480px) { /*#HotelIco img{ width: 50%;} #DesignFloatLinks { top: 38px; } #Logo-Umami { width: 150px; } #Logo-Filia{ width: 175px; }*/ #HomeZimW-Mob img{ left: -595px !important; } .faqItemList.questionlist li .response { padding: 0;} } @media(max-width:375px) { input, select, textarea { font-size: 15px; } /*#HomeContentW h2 {font-size: 2em; }*/ #jGMapW { height:500px; } } @media(min-height:760px) and (max-width:415px) { #HomeZimW-Mob img{ left: -695px !important; } } /*@media(max-width:1024px) and (min-height:1350px) { #HomeZimW-Mob{ display: block; position: absolute; left: -750px;} } @media(max-width:800px) and (min-height:1024px) { #HomeZimW-Mob{ display: block; position: absolute; left: -650px;} } @media(max-width:430px) { #HomeZimW-Mob{ display: block; position: absolute; left: -580px;} } @media(max-width:380px) { #HomeZimW-Mob{ display: block; position: absolute; left: -500px;} } @media(max-width:380px) and (min-height:780px) { #HomeZimW-Mob{ display: block; position: absolute; left: -660px;} } @media(max-width:350px) { #HomeZimW-Mob{ display: block; position: absolute; left: -430px;} }*/ /* - -------------------------- - */