/* 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:#fffcf5;color:#000;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(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(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(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.7)}.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)} /* _______ ______ _______ _______ ______ _______ _______ ______ _______ _______ _______ _ _ _ _______ ______ _ _ (_______)(_____ \ (_______)(_______)(_____ \ (_______) (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_) | | _ _____) ) _____ _______ ____) ) _____ _____ _____) ) _______ _ _ _ _____ _ _ _ _ _ _____) ) _____| | | | | __ / | ___) | ___ | / ____/ | ___) | ___) | __ / | ___ || ||_|| || ___) | || || || | | || __ / | _ _) | |_____ | | \ \ | |_____ | | | || (_____ | | | | | | \ \ | | | || | | || |_____ | || || || |___| || | \ \ | | \ \ \______)|_| |_||_______)|_| |_||_______)|_| |_| |_| |_||_| |_||_| |_||_______) \_____/ \_____/ |_| |_||_| \_) Version 0.9.6.0 Date 02/01/2015 */ /* ################################################################################################################ * IMPORTS/FONTS *###############################################################################################################*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap'); @font-face { font-family: Anton; src: url('font/Anton-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('font/Anton-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('font/Anton-Regular.ttf') format('truetype') /* Safari, Android, iOS */ } /* ################################################################################################################ * BASICS *###############################################################################################################*/ html, body { margin: 0; padding: 0; border: 0; } body { font-size:14px; /*background: #fffcf5 url(zims/frontend/dot-deco2.svg) no-repeat 105% bottom; background-size: 400px; background-attachment: fixed;*/ background: #fffcf5 url(zims/frontend/bgdeco.jpg) no-repeat center; background-attachment: fixed; background-size: cover; color: #222; font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 0; line-height: 1.6em; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; overflow-x: hidden; } /*body.mousemoving{ cursor: url(zims/icons/burger.png), auto; }*/ input, select, textarea { color: #333; font-size: 14px; font-weight: 300; line-height: 1.5em; font-family: 'Montserrat', sans-serif; } a { -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; color: #666; text-decoration: none; } a:hover { /*border-bottom-color: transparent; text-decoration: none;*/ /*color: #666; */ color: #aaa; text-decoration: underline; } a:active, a:focus { outline:0; } a img { border:0; } strong, b { font-weight: 600; } p, ul, li, ol, dl, table, blockquote { margin: 0 0 1.5em 0; letter-spacing: 0; } h1, h2, h3, h4, h5, h6 { color: inherit; font-weight: 300; line-height: 1.3em; margin-bottom: 1em; letter-spacing: 0; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; border: 0; } h2 { font-size: 2.7em; font-family: 'Anton', sans-serif; } h3 { font-size: 1.5em; font-family: 'Anton', sans-serif; margin-top: 0; } sub { font-size: 0.8em; position: relative; top: 0.5em; } sup { font-size: 0.8em; position: relative; top: -0.5em; } 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: 0 0 0 13px; margin: 0; } 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 {} sup{ font-size: 0.5em;} p strong{ font-weight: 600;} /* ################################################################################################################ * 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(56, 85, 66, 0.9); color: #000; display: block; padding: 0.4em 2%; text-decoration: none; width: 96%; outline: 0; line-height: 1.3em; } textarea{ border: solid 1px rgba(56, 85, 66, 0.9); } 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(56, 85, 66, 0.9); color: #000; display: block; padding: 0.4em 0.75em; border-right-width: 1px; border-right-style: solid; line-height: 1.3em; -webkit-appearance: menulist; } 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: #333333 ; } fieldset{ border: none !important; margin: 0; padding: 0;} #field-security { display: none !important; } .formButtons { text-align: center;} label { color: #000;} .textField, .textareaField, p.selectField{ margin: 0 0 10px 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: 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; background: none; border: 1px solid #000; color: #000; background: none; cursor: pointer; display: inline-block; font-size: 1.1em; font-weight: 300; letter-spacing: 0px; padding: 0.8em 1.5em; line-height: 1.2em; text-align: center; text-decoration: none; width: auto; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; font-family: 'Anton', sans-serif; } .button.styled{ text-transform: none; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover { background: #fff; color: #000 !important; } .button.under { border: none; border-bottom : 1px solid #000; border-top : 1px solid #fff; padding: 1em 2em; margin: 0 25px 12px; } .button.under:hover { background: none; border-top-color : #000; color: #000; text-decoration: none; } .button.mini { padding: 0.4em 1.3em; } /* 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); } .clearblue{ color: #b2c7b9 } .focusW{ width: 980px; margin: 0 auto;} .sfont{ font-family: 'Anton', sans-serif; } .up{ text-transform: uppercase;} /* ################################################################################################################ * PAGES *###############################################################################################################*/ /*html{ overflow-y: scroll;}*/ html, body, #Main{ } body.noscroll, .noscroll #Main{ overflow: hidden;} #Main{ width: 100%; height: 100%;} .page{ width: 100%; overflow: hidden; position: relative;} .simpleformPage{ width: 100%; height: 100%; overflow: hidden; position: relative;} .screensW, .screensAnimW{ width: 100%; height: 100%; } .screen{ width: 100%; height: 100%; position:absolute; top: 0; left: 0; } .screenZimW, .screenCarouselW, .screenCarouselZoomW{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .screenCarouselZoomW{ overflow: visible; } .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%;} .screensAnimW{ overflow: hidden; } .halfZimW{} .halfZimW div{ width: 50%; height: 100%; overflow:hidden; position:absolute; } .halfZimL{ left: 0; top: 0; } .halfZimR{ right: 0; top: 0; } .halfZimR img{ right: 0; left: auto !important;} .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 9s ease-out; -webkit-transition:all 9s ease-out; -o-transition:all 9s ease-out; transition:all 9s ease-out; transform: translate3d(0px, 0px, 0px) scale(1.15); } #ZoomHalfBanner{ height: 650px; position: relative; overflow: hidden; background: #222 url(zims/loader/ducat2.gif) no-repeat center 49%;} #ZoomHalfBanner.darkPanel{ } #ZoomHalfBanner h2{ position: absolute; z-index: 1000; font-size: 3.8em; bottom: 25px; left: 4%; margin: 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1);} .paddingupdown { padding: 20px 0; } .screenPanelW{ width: 100%; height: 100%; position: absolute;} .screenPanel{ position: absolute; } h2.pageTitle{ font-size: 3em; margin: 0; } h2.pageTitle span{ } .away{ position: relative; opacity: 0;} .awayleft{ left: -120px;} .awayright{ right: -120px;} .awaytop{ top: -100px;} .majlinks{ text-transform: uppercase; } .absW{ position: relative; } .bordered{ border-top: 1px solid #111; padding-top: 15px; border-bottom: 1px solid #111; padding-bottom : 15px;} .borderedfull{ border: 1px solid #fff; padding: 15px 25px; } .grey .bordered{ border-color: #fff;} .sidemargin{ margin-left: 25px; margin-right: 25px; } .mini{ font-size: 0.8em;} .littleup{ font-size: 1.15em !important;} .big{ font-size: 1.4em !important;} .super { font-size: 1.8em !important } .superplus { font-size: 2.3em !important } .mega { font-size: 3.8em !important } .ultra { font-size: 5.5em !important } .sfont.ultra { font-size: 7.5em !important; line-height: 0.8em; } .styledBlockW{ background: #fff; padding: 15px; } .styledBlock{ border: 1px solid #000; padding: 40px; } .styledBlock *{ color: #000; text-align: center; } .styledBlockW.decalLeft{ margin-left: -60px; } .styledBlockW .button { border-color: #fff;} .styledBlockW .button:hover{color: #fff;} .centeredlist{ display: table; width: 100%; text-align: center;} .centeredlist.leftedlist{ text-align: left;} .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%} .centeredlist74{ margin-left: 12%!important; margin-right: 12%!important; width: 74%} .centeredlist70{ margin-left: 15%!important; margin-right: 15%!important; width: 70%} .centeredlist65{ margin-left: 17.5%!important; margin-right: 17.5%!important; width: 65%} .centeredlist60{ margin-left: 20%!important; margin-right: 20%!important; width: 60%} .centeredlist50{ margin-left: 25%!important; margin-right: 25%!important; width: 50%} .centeredlist70decal{ margin-left: 5%!important; margin-right: 25%!important; width: 70%} .centeredlist > li, .centeredlist > div, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: inline-block; vertical-align: top; position: relative;} .centeredlist > li, .centeredlist > div{ width: 45.5%; } .centeredlist > li.uniqueCol{ width: 100%;} .centeredlist > li div.cellW{ height: 100%; } .centeredlist > li:nth-child(odd){ } .centeredlist > li:nth-child(even){ } .centeredlist > li.col5, .centeredlist > div.col5{ width: 3%; } .centeredlist > li.col10, .centeredlist > div.col10{ width: 7.5%; } .centeredlist > li.col20, .centeredlist > div.col20{ width: 19.5%; } .centeredlist > li.col25, .centeredlist > div.col25{ width: 22%; margin: 0 1.5% 20px; } .centeredlist > li.col30, .centeredlist > div.col30{ width: 30%; margin: 0 1.5% 20px;} .centeredlist > li.col30.fill, .centeredlist > div.col30.fill{ margin-right: 3%; } .centeredlist > li.col40, .centeredlist > div.col40{ width: 40%; } .centeredlist > li.col45, .centeredlist > div.col45{ width: 44.5%; } .centeredlist > li.col50, .centeredlist > div.col50{ width: 49.5%; } .centeredlist > li.col55, .centeredlist > div.col55{ width: 53.5%; } .centeredlist > li.col60, .centeredlist > div.col60{ width: 58%; } .centeredlist > li.col70, .centeredlist > div.col70{ width: 68%; } .centeredlist > li.col100, .centeredlist > div.col100{ width: 100%; } .centeredlist > li.decalleft, .centeredlist > div.decalleft{ margin-left: 19%} .centeredlist > li.decalleftmini, .centeredlist > div.decalleftmini{ margin-left: 9%} .centeredlist > li.decalright, .centeredlist > div.decalright{ margin-right: 19%} .centeredlist > li.decalrightmini, .centeredlist > div.decalrightmini{ margin-right: 9%} .centeredlist > li p, .centeredlist > li h4{ text-align: left;} .centeredlist.flexi{ display: flex; flex-wrap: wrap;} .styledZimW, .verticalgallery, .embedVideoW { position: relative; margin: 0 !important; z-index: 10;} .styledZimW.fullbg{ background: #666; padding: 5% 0;} .grey .styledZimW.fullbg{ background: #555;} .styledZimW.miniSquare{ } .styledZim{ display: block; width: 90%; position: relative; left: 5%; z-index: 5; } .styledZim img, .styledZimFloat img{ display: block; width: 100%; position: relative; } .styledZimFloat{ display: block; position: absolute; } .squareBg{ display: block; position: absolute; z-index:0; } .squareBg.colG{ width: 30%; left: -5%; height: 120%; top: -10%; } .squareBg.colD{ width: 30%; right: -5%; height: 120%; top: -10%; } .squareBg.subG{ width: 30%; left: -5%; height: 60%; top: 20%; } .squareBg.subD{ width: 30%; right: -5%; height: 60%; top: 20%; } .squareBg.subUp{ width: 60%; left: 20%; height: 20%; top: -8%; } .squareBg.subDown{ width: 60%; left: 20%; height: 20%; bottom: -5%; } .squareBg.integralG{ width: 100%; left: -5%; height: 100%; top: -7%; } .squareBg.integralD{ width: 100%; right: -5%; height: 100%; bottom: -7%; } .squareBg.demiG{ width: 45%; left: -5%; height: 45%; top: -8%; } .squareBg.demiD{ width: 45%; right: -5%; height: 45%; bottom: -8%; } .squareBg span{ display: block; width: 100%; height: 100%; background: rgb(60,60,61); } .grey .squareBg span{ background: rgb(200,174,119) !important; } .RearBigTitle{ display: block; font-size: 4em !important; position: absolute; left: 0; bottom: 60px; width: 100%; z-index: 0; opacity: 0.5; color: rgb(212,184,126) !important; text-align: center; font-family: Bodoni, Arial; text-transform: uppercase; line-height: 0.9em;} .grey .RearBigTitle{ color: rgb(200,174,119) !important; opacity: 0.4; } .RearBigTitle.static{ position: static; font-size: 3em;} .bgbeige{ background: #e7e2df} .styledMiniList{ margin-bottom: 20px;} .styledMiniList li{ list-style-type: square; font-size: 0.7em; margin-bottom: 12px; padding: 0 0 12px 10px; border-bottom: 1px solid #ccc; list-style-position: outside; text-align: left; } .styledMiniList li span.text{ font-size: 1.3em; } /*.grey .button { border-color: #fff; color: #fff; }*/ .grey .button.under { border-bottom-color: #fff; border-top-color: rgb(26,23,27); color: #fff; } .grey .button.under:hover { background: none; border-top-color: #fff; color: #ccc; } .centered *, .centered, .centeredlist > li p.centered{ text-align: center; } .righted *, .righted, .centeredlist > li p.righted{ text-align: right !important; } .lefted *, .lefted, .centeredlist > li p.lefted{ text-align: left; } .justified *, .justified { text-align: justify !important } p.justified, .justified p{ line-height: 1.5em; } .bigmargin{ margin-top: 50px!important; margin-bottom: 50px !important;} .supermargin{ margin-top: 100px!important; margin-bottom: 100px !important;} .notitle{ margin: 50px 0 0 0;} .fontplus{ font-size: 1.15em;} .bolded{ font-weight: bold} .titlepaddingmini{ padding-top: 50px;} .titlepaddinglitle{ padding-top: 70px;} .titlepadding{ padding-top: 95px;} .titlepaddingmedium{ padding-top: 150px;} .titlepaddingbig{ padding-top: 200px;} .nomargintop{ margin-top: 0 !important;} .spacebottom{ padding-bottom: 40px;} .nospacebottom{ padding-bottom: 0;} .sidepadding{ padding: 0 25px; width: auto !important;} .blockPadder{ padding: 0 10%;} .nopaddingtop{ padding-top: 0;} .orange{ color: #aaa !important} .greencolor{ color: #333333 !important} .orangeBg{ background: #aaa;} .orangeBg *{ color: #fff !important} .orangeBg .button{ border-color: #fff;} .styledTitle{ display: inline-block; background: #aaa; color: #fff !important; padding: 8px 8px 8px 15px;} .orangeBg .styledTitle{ background: #fff; color: #aaa !important;} .linedList{ padding: 15px 0 15px 25px; margin-left: 50px; border-left: 2px solid #aaa;} .orangeBg .linedList{ border-color: #fff;} .linedList li{ text-align: left; font-size: 0.9em; margin-bottom: 10px;} .colZim{ display: block; width: 100%;} .whitecolor{ color: #fff;} .yellowcolor{ color: #fff4dc; } .goldcolor{ color: #e6bf59; } /**/ .homeSection .spacer{ padding-top: 65px; position: relative;} .homeSection .spacerMini{ padding-top: 45px; position: relative;} .homeSection .spacerBig{ padding-top: 110px; position: relative;} .homeSection .spacerMega{ padding-top: 200px; position: relative;} .greenBtn, .greenBtnlight{ -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; color: #222; background: #fff4dc; font-family: 'Anton', sans-serif; } .greenBtn:hover{ background: #000; color: #fff4dc; text-decoration: none; } .greenBtnlight{ background: #fff4dc; } /*.nomob{ display: none;}*/ /* .contactBlockW{ margin: 50px 0;} .contactBlock{} .contactBlock.push{ padding: 70px 0 0 25px; } .contactBlock p{ } .contactBlock p svg{ display: block; float: left; font-size: 1.5em;} .contactBlock p.acces{} .contactBlock p.horaires{ background-position: left -145px;} .contactBlock p.coords{ background-position: left -292px;} .contactBlock p span.line{ display: block; border-bottom: 1px solid #fff; padding: 0 0 20px 40px;} */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * GENERAL * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* vert1 : #333333 vert2 : #b2c7b9 gris : #e5e1e6 JAUNE : #ffeec3 */ /* HEADER */ #Header { position: fixed; top: 0; width: 100%; z-index: 1000; height: 75px; -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-repeat: repeat-x; background-position: center top; background-color: #000; border-bottom: none; } .scrolled #Header, .forcedHeader #Header{ } #Header h1 { margin: 0; width: 270px; margin: 0 auto; position: absolute; left: 8%; top: 10px; z-index: 5002; -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } /* .scrolled #Header h1, .forcedHeader #Header h1{ opacity: 1;} */ /* MAIN MENU */ #Nav{ position: fixed; top: 0; width: 100%; height: auto; z-index: 5001;}/* height: auto */ #Nav.open{ height: 100%; } /* ANIMATED MENU ICO */ #NavIco { display: block; position: fixed; z-index: 5001; height: 25px; width: 32px; left: 2.5%; top: 25px; -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; } #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; } #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; } /*.scrolled #NavIco span, .forcedHeader #NavIco span{ background: #f8b133; } #NavIco.active span{ background: #fff !important; }*/ #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 { display: none; /*position: absolute; z-index: -1; left: -15px; font-size: 0.8em; line-height: 1em; top: -20px; color: #000; text-transform: uppercase; font-weight: normal; background: #fff; width: 62px; height: 62px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;*/ } #ResaButton{ display: flex; align-items: center ; position: absolute; right: 0; top: 0; font-size: 1.2em; letter-spacing: 1px; font-family: 'Anton', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; background: #fff4dc; padding: 0 25px; height: 75px; margin: 0; -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; } #ResaButton:hover { background: #fff; color: #444 !important; } #MenuW{ overflow: visible; width: 100%; height: 100%; position: relative; z-index: 5000;} #MenuOverlay{ background: rgba(221,216,204,0.5); height: 100%; width: 100%; top: 0; left: 0; position: absolute; z-index: 900; display: none; } #Menu{ /*url(zims/frontend/menu-deco.jpg) no-repeat left top;*/ background: url(../media/images/dot-deco-w15.svg) no-repeat 105% 110%; background-size: 500px; position: absolute; z-index: 1000; overflow: hidden; width: 100%; height: 0; } .open #Menu{ height: 100%;} #MainMenuW{ display: flex; width: 84%; margin: 18vh 8% 0; justify-content: flex-start; align-items: center; } #MainMenu{ display: inline-block; vertical-align: middle; width: 65%;} #MainMenu > li{ position: relative; margin-bottom: 30px; opacity: 0; position: relative; left: -15px; text-align: left; } #MainMenu > li:last-child{ margin-bottom: 0; } /*#MainMenu > li span.menuItemLine{ position: absolute; top: 48%; left: 0; width: 25px; height: 3px; background: linear-gradient(90deg, rgba(7,41,41,1) 0%, rgba(8,64,64,1) 100%); }*/ #MainMenu > li > a, #MainMenu > li > strong{ font-family: 'Anton', sans-serif; display: inline-block; position:relative; line-height: 1em; padding: 0; text-transform: uppercase; letter-spacing: 1px; color: #fff; font-size: 2.2em; cursor: pointer; text-align: left; font-weight: 400; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, letter-spacing 0.3s ease-in-out; } #MainMenu > li > a:hover{ letter-spacing: 3px; color: #fff4dc; text-decoration : none; } /*#MainMenu > li:hover a { letter-spacing: 8px; } */ #MainMenu > li > a i, #MainMenu > li > strong i { font-size: 1.3em;} #ContactMenu{ display: inline-block; vertical-align: middle; width: auto; margin-left: 5vw; text-a%lign: left; font-size: 1.1em; opacity: 0; position: relative; left: -10px; color: #fff; } #ContactMenu .separ{ display: block; border-bottom: 2px solid #fff; padding-bottom: 12px; margin-bottom: 12px; font-weight: 600;} #ContactMenu .separtop{margin-top: 15px;} #ContactMenu a{ color: #fff } #ContactMenu .socials svg{ font-size: 1.5em; vertical-align: top; color: #fff } #ContactMenu a:hover, .socials svg:hover{ color: #fff; } #ContactMenu .socials svg.fa-instagram{ font-size: 1.6em; } #MenuAnim1{ position: absolute; width: 300%; height: 300%; left: -150%; top:150%; transform: rotate(30deg); transition: transform 800ms ease-in-out; background: #000000; } /*#MenuAnim2{ position: absolute; width: 100%; height:200%; right: 0%; top: 0; background: #f9884f; transform: rotate(-30deg); }*/ #MenuAnim1.deploy { transform: rotate(30deg) translate(0,-90%); } #MenuAnim1.retract { transform: rotate(30deg) translate(90%,-70%); } #SocialsHead{ position: absolute; display: block; top:25px; right: 15%; z-index: 1010; padding-left: 0; text-align: center; } #SocialsHead a{ font-size: 1.6em; color: #fff; margin: 0 10px;} #SocialsHead a:hover{ color: #fff4dc; } #Socials{ display: block; width: 100%; float: left; margin: 0; padding-top: 7px; text-align: center; } #Socials a{ color: #fff; margin: 0 15px;} #Socials a svg{ font-size: 1.8em; } #Socials a:hover svg{ color: #fff4dc; } #LangsW{ position: absolute; display: block; width: 60px; z-index: 5010; left: 2.5%; top: 28px;} #LangsW #LangOpen{ display: block; float: left; color: #fff; font-size: 2em; position: relative; top: -5px; } #LangLinks{ float: right; } #LangLinks li{ text-align: right; margin-bottom: 2px; } #LangLinks li a{ color: #fff; text-transform: uppercase; padding: 0 5px 8px 0; font-size: 1.1em; } #LangLinks li a svg{ } #LangLinks li.disabled{ display: none;} /* */ /*#LangLinks li{ height: 20px; float: left; margin-right: 20px;} #LangLinks li a{ display: block; height: 100%; background-position: left center; background-repeat:no-repeat; padding: 0 0 0 30px; text-indent: -999px; overflow: hidden; } #LangLinks li a:hover{ border: none; } #FrLink{ background-image: url(zims/frontend/fr.jpg); } #EnLink{ background-image: url(zims/frontend/en.jpg); }*/ #Links{ width: 100%; display: table; text-align: center; } #Links li{ display: inline-block; margin: 0 4%; } #MainResa{ font-weight: 400; font-size: 1.2em; background: #fff; padding: 10px 30px; color: #000; letter-spacing: 2px; border: 1px solid #000; -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; text-transform: uppercase; -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; } #MainResa:hover { color: #fff; text-decoration: none; background-color: rgb(26,23,27); } .scrolled #MainResa{ border-color: #000; } /*#MainResa{ display: none }*/ #FooterW{ min-height: 200px; position: relative; padding-bottom: 10px; background: #fff4dc; /*background: url(zims/frontend/carreaux-bg.jpg);*/} #FooterDecal{ margin: -2px 0 0 0; } #Footer{ padding: 25px 4% 15px; clear: both; } #Footer *{ color: #111; text-transform: uppercase; } #FooterMenu{ display: inline; float: left; width: 20%; padding: 20px 0 0 0;} #FooterMenu a{ text-transform: uppercase; font-family: 'Anton', sans-serif;} #FooterMenu2{ display: inline; float: left; width: 20%; padding: 20px 0 0 30px; min-height: 120px;} #FooterMenu2 a{ text-transform: uppercase; font-family: 'Anton', sans-serif;} #FooterSocials{ display: inline; float: left; width: 10%; padding: 20px 0 0 30px; min-height: 120px; min-width: 180px} #FooterSocials em{ font-style: normal; position: relative; top: 6px; } #FooterSocials img.logo{ display: block; float: right; width: 170px; margin: 0 7% 20px 0; } #FooterAddr{ display: inline-block; float: right; text-align: right; width: 15%; padding-right: 4%; line-height: 1.2em; padding: 10px; min-height: 120px; margin-bottom: 0;} #FooterAddr img{ width: 200px;} #FooterMenu li, #FooterMenu2 li{ margin-bottom: 2px; font-size:1.2em;} #FooterAddr #Gmap{ text-transform: none; padding: 4px 8px; letter-spacing: 0; } #FooterW .socialLink{ display: inline-block; font-size: 1.5em; margin-right: 10px; margin-top: 7px; vertical-align: top; } #FooterW .socialLink svg{ vertical-align: top; } #FooterW .socialLink img{ width: 18px; vertical-align: top; } #FooterNewsW{ background: #b2c7b9; padding: 0} #FooterNews{ position: relative; padding: 25px 25px 35px 25px; margin: -2px 0 0 0; } #FooterNews h3{ text-align: center; margin: 0 0 0 0; text-transform: none; color: #333333; font-size: 5em; } #FooterNews .formW{ position: relative; padding: 25px 30%; } #FooterNews *{ color: #111;} #FooterNews .title{ text-align: center; text-transform :none; font-size: 1.15em; letter-spacing: 1.5px;} #FooterNews .textField { display: inline; float: left; margin: 0 } #FooterNews .textField label { display: none; float: left; } #FooterNews .textField input { border-right: none; border-top: none; border-left: none; text-align: center; border-color: #111; color: #111 !important;} #FooterNews .formButtons{ width: auto; display: block; margin: 0 auto; float: none; clear: left; } #FooterNews .formButtons input{ padding: 10px 25px; font-size: 1.2em; border-color: #111; } #FooterNews #field-valid{ display: block; clear: both; font-size: 0.9em; padding-top: 15px; text-align: center;} #FooterNews #field-valid label{ font-size: 1.1em; letter-spacing: 1px; } #FooterNews fieldset p input{ padding: 10px 2% 3px; border-bottom: 1px solid #111; text-transform: none; font-size: 1.2em; line-height: 1.2em;color: #111 !important; letter-spacing: 2px; font-weight: 300; } #FooterNews #field-prenom{ width: 20%; margin: 0 4% 0 28%; } #FooterNews #field-email{ margin: 0; width: 20%; } #NewsletterForm { width: 100%; margin: 0;} #FootNewsErrors{ color:#EE2E24; margin-bottom: 10px; display: block; text-align: center;} #FootNewsCheck{ display: block; position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; font-size: 2.2em; display: none; } /*#FooterSocials{ display: block; line-height: 1.5em; font-size: 1.3em;}*/ #FooterBottom{ padding: 25px 0 0 0; text-align: left; font-size: 0.8em; margin-top: 50px; clear: both; } #FooterBottom a{ margin-right: 20px; } #AssuranceLink{} #AssuranceLink img{ width: 200px;} #Credits{ clear: both; font-size: 0.9em; } .alcoolLegend { float: right; text-align: right; } input:-internal-autofill-selected { background-image: none !important; background-color: none !important; color: #000 !important; } /*#FooterW .button, #FooterW .submitButton { border: 1px solid #fff; color: #fff; }*/ /* Content */ #ContentW{ margin-top: 75px; /*url(zims/frontend/wood.jpg) repeat-y center top; background-size: 100% auto;*/} #Content{ } #OverlayLoad{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: #000 url(zims/loader/loader.gif) no-repeat center 49%; } /*#OverlayLoad{ display: none;}*/ .simplePageTitle{ font-size: 3em; font-weight: 600; text-align: center; margin: 50px 0; text-transform: uppercase;} #SpecialAnnounce, .specialAnnounce{ display: none;} #PopupContent{ height: 650px; width: auto; min-width: 650px; } @media(max-width:650px) { #PopupContent{ height: auto; width: 100%; min-width: unset; } } #PopupContent img{ display: block; height: 100%; } #SubMenuW{ margin: 30px 0; position: relative; z-index: 100; } #SubMenuW ul.submenu{ width: 100%; display: flex; gap: 20px; justify-content: center; } #SubMenuW ul.submenu li{ display: flex; align-items: center; text-align: center; background: #fff4dc; -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } #SubMenuW ul.submenu li a { display: inline-block; padding: 15px 30px; color: #000; text-transform: uppercase; font-family: 'Anton', sans-serif; letter-spacing: 0.5px; line-height: 1em; font-size: 1.2em; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;} #SubMenuW ul.submenu li:last-child{ border-right:none } #SubMenuW ul.submenu li.active{ background: #fff; } #SubMenuW ul.submenu li.active a{ color: #000; } #SubMenuW ul.submenu li:hover { background: #fff; } #SubMenuW ul.submenu li:hover a{ color: #444; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * HOME * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*#page-home #HeaderW{ height: 100px; background: #000; } #page-home #Header h1 { position: absolute; left: 20px; } #page-home #ContentW{ margin-top: auto; background: none; } #page-home #MainMenu{ display: block; } #page-home #MainResa{ border-color: #fff;} */ #page-home #ContentW, #page-home #Content { height: auto;} #HomeContentW { } #HomeZimW { position: relative; } #HomeOverlayW { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; overflow:hidden; } #HomeOverlay { width: 100%; height: 100%; position: relative; overflow:hidden; } #MuteButton{ display: block; position: absolute; top: 48%; left: 20px; cursor: pointer; z-index: 100; color: #fff; } #MuteButton svg{ font-size: 2.5em; } #MuteButton .muteon{ display: none;} #PlayButton{ display: block; position: absolute; top: 48%; right: 20px; cursor: pointer; z-index: 100; color: #fff; } #PlayButton svg{ font-size: 2.5em; } #PlayButton .play{ display: none;} @-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: 1000; text-align: center; bottom: 100px; left: 20px; width: 30px; } #ArrowBottom2{ bottom: 200px; left: 0; right: 0; width: 100px;} .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%; } /* HOME */ #page-home #Content{ padding:0; min-height: auto;} #VideoW { box-sizing: border-box; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; 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; height: 95vh; width: 100%; position: fixed; z-index: -1; } #VideoOverlayBg{ top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.15); position: absolute; z-index: 0; } /*#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} #HomeTitleW{ position: absolute; top: 25%; width: 100%; } #HomeTitleW h2 { line-height: 1em; font-size: 2.2em; text-align: center; color: #fff; text-align: center; margin: 0; text-transform: none } #HomeTitleW h2 img { height: 45vh; } #HomeContentW { margin-top: 98vh; position: relative; } h2.soulign{ } h2.soulign span{ display: inline-block; padding-bottom: 10px;border-bottom: 2px solid #fff;} .homeSectionW { position: relative; padding-top: 140px; } .homeSection{ position: relative; padding: 80px 0;} .homeSectionW .scroll-section *{ color: #000;} .homeSectionW .scroll-section:after, .homeSectionW .scroll-section a:after{ background: #000;} .homeSectionW.grey .scroll-section *{ color: #fff;} .homeSectionW.grey .scroll-section:after, .homeSectionW.grey .scroll-section a:after{ background: #fff;} .bigpadding{ padding: 100px 0; } .bigpadding2{ padding: 200px 0; } .homeSection ul{ } .homeSection p{ margin: 0 0 40px 0; } .homeSectionW.white{ } .homeSectionW.white *{ } .homeSectionW.grey .button:hover{ color: #000; background: #fff; border-color: #fff; } #SoonPopupW{ display: none;} #SoonPopup{ margin: 100px 80px;} #WoodBandBg{ position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background: url(zims/frontend/wood.jpg) no-repeat center top; background-size: cover; } #GreenBandBg{ position: absolute; width: 25%; height: 200%; top: -50%; right: 50%; background: rgba(154, 190, 170, 0.75); transform: rotate(50deg); } #GreenTriangle{position: absolute; width: 500px; height: 500px; bottom: -350px; right: -200px; background: rgba(154, 190, 170, 0.75); transform: rotate(55deg); } #HomeContentW h2{ font-size: 2.7em;} #HomeContentW h3{ font-size:1.7em; } #HomeInsta { padding-top: 20px !important; } #SideLinks{ position: fixed; bottom: 30px; right: 2%; z-index: 1000;} #SideLinks a{ display: table-cell; 2 -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; font-size: 0.8em; width: 120px; height: 120px; text-align: center; vertical-align: middle; transition: transform 280ms cubic-bezier(0.175, 0.885, 0.320, 1.275); } #SideLinks a:hover{ color: #fff; transform: rotate(-2deg) translate(-8px, -8px) scale(1.1); } #SideLinks a.cnc{ background: rgba(168,245,201, 0.8); } #SideLinks a.liv{ background: rgba(255,103,29, 0.9); } .logoWide{ width: 250px;} /* GENERAL BLOCK LISTS */ .zimBlocsList{ margin-bottom: 50px;} .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; } .itemBG { position: relative; display: block; z-index: 5; width: 100%; } .zimBlocsList li, .scaleSelector li { background: #aaa; } .zimBlocsList li h3, .scaleSelector li h3{ margin: 0; color: #fff; width: 100%; height: 100%; margin: 0; position: relative; min-height: 200px; letter-spacing: 0.5px; } .zimBlocsList.reduct li h3{ max-height: 340px; overflow: hidden; } .scaleSelector.reduct li h3{ max-height: 435px; overflow: hidden; } .zimBlocsList.reduct li.col30 h3 img{ } .zimBlocsList li .itemOv{ display: block; position: absolute; z-index:6; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.2); -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; } .zimBlocsList li:hover .itemOv{ background: rgba(0,0,0,0.5); } .zimBlocsList li .itemTitle, .scaleSelector li .itemTitle{ position: absolute; display: block; top: 38%; 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;*/ font-weight: 400; -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 { color: #fff; } .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; } .zimBlocsList li a:hover .itemTitle { top: 32%;} .zimBlocsList li a:hover .itemTitle.alone, .zimBlocsList li a:hover .itemTitle.mini{ top: 40%; } .zimBlocsList li a:hover .itemTitle.illus{ top: 15%;} .zimBlocsList li a:hover .itemTitle.illus.mini{ top: 28%;} .backdeco{ display: none; } .simpleFlexList{ display: flex; margin-bottom: 40px;} .simpleFlexList li{ padding: 0 40px; border-right: 1px solid #666; flex: 1;} .simpleFlexList li:last-child{ border-right: none; } .simpleFlexList li .number{ font-size: 3em; margin-bottom: 20px; } .simpleFlexList li img{ max-width: 120px; } .framed{ padding: 25px; background: #fff4dc; } .faqList{ display: flex; flex-wrap: wrap; gap: 20px 1.5%; margin-bottom: 40px; } .faqList li{ width: 28%; padding: 15px 2%; background: #fff4dc; } .faqList.onecol{ gap: 20px 0%; } .faqList.onecol li{ width: 100%; text-align: left; } .faqList li svg{ font-size: 3em; color: #000; } .faqList li h4{ font-size: 1.3em; color: #000; margin-top: 10px; line-height: 1.1em; } .faqList li .num{ font-size: 2.5em; color: #000; } .faqText{ } .faqText p { text-align: left; margin-bottom: 10px;} .faqList.onecol .faqText pp{ text-align: left; } /*#IntroBtn{ margin-top: -50px; }*/ #HomeContentW { background: #fffcf5 url(zims/frontend/bgdeco.jpg) no-repeat center; background-attachment: fixed; background-size: cover; } /* INTRO */ #HomeIntro{ padding:0; position: relative; border-top: 10px solid #feeab9; } #HomeIntro div.bandUp{ background: rgba(255,245,220, 0.6); position: absolute; top: -19px; left:0; width: 100%; height: 10px; } .IntroBtn a{ display: inline-block; padding: 12px 25px; font-size: 1.5em; text-transform: uppercase; } .IntroBtn.subBtn { margin: 2% 0 5%; } .IntroBtn.subBtn a { font-size: 1em; padding: 8px 20px; } #Intro{ line-height: 1.5em; padding: 0; } .introTitle { font-size: 3em !important; text-transform: none; margin: 25px 0 30px 0; line-height: 1.2em;text-transform: uppercase; } .bgimage{ background: #111 url(zims/frontend/paralax-bg.jpg) no-repeat center; background-size: 100%; background-attachment: fixed; } /*.bgimage2{ background: url(zims/frontend/paralax-bg2.jpg); }*/ .bgimage2{ background: #111 url(zims/frontend/paralax-bg2.jpg) no-repeat center; background-size: 100%; background-attachment: fixed; } #InstaFollow{ padding-top: 100px; } .socialsLinks svg{ font-size: 3.5em; color: #000; margin: 0 20px;} .socialsLinks{} #IphoneW{ position: relative; top: -115px; height: 100px;} #IphoneW img{ display: block; width: 100%; max-width: 350px;} .decoBlock{ background: #333; font-size: 1.3em; -webkit-box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.33); box-shadow: 3px 3px 8px 3px rgba(0,0,0,0.33); } .decoBlock p{ padding: 25px; text-align: center !important; color: #fff; font-size: 0.9em; line-height: 1.2em;} .decoBlock p:last-child{ margin-bottom: 0; } .decoBlock p .mini{ display: inline-block; line-height: 1.2em; } .decoBlock svg{ font-size: 2.5em; color: #fff4dc; margin-bottom: 15px; } .flatflag{ display: flex; width: 80%; margin: 60px 10% 0; } .flatflag > li { flex: 1; height: 20px;} .blueslot{ background: #2e3192 } .whiteslot{ background: #fff } .redslot{ background: #ed1c24 } .flexicenter{ justify-content: center; } .actu{ background: #fff; } .actu * { text-align: center !important; } .actu h4 { background: #fff4dc; color:#444; font-weight: 700; font-size: 1.2em; margin: 0; padding: 25px 10px; } .actu .button { border: 1px solid #222; color: #222; padding: 0.5em 1.5em;} .multidecoZimW{ position: relative; width: 100%; position: relative; top: -35px; min-height: 350px;} .multidecoZim{ position: absolute; top: 0; left: 0; width: 100%; } .multidecoZim:nth-child(1){ top: 15px; left: 40%; width: 60%; z-index: 10; } .multidecoZim:nth-child(2){ top: -30px; left: -7%; width: 55%; z-index: 15; } .multidecoZim:nth-child(3){ top: 200px; left: 13%; width: 60%; z-index: 20; } #AdhW{ padding-top: 0;} #ActusW{ padding-top: 50px;} #AffilW{ padding-top: 0;} #AffilW .homeSection { padding-bottom: 0;;} .markerLabel{ padding: 10px; text-align: center; min-width: 250px; margin: 0 !important;} .markerLabel .haffil{ font-size: 2em; text-align: center; display: inline-block; margin-bottom: 10px; text-transform: uppercase; } .markerLabel .hnom{ font-size: 1.3em;} .markerLabel .hcoords{ display: inline-block; margin: 12px 0; border-top: 1px solid #000; padding-top: 15px;} .markerLabel .hweb{} /* GAL */ #MiniGalW{ position: relative; overflow: hidden; width: 600px;} #MiniGalW .ul{ width: 100%; overflow: hidden; min-height: 250px; } #MiniGalW .ul li{ display: block; width: 100%; margin:0; border: none !important; padding: 1px 0; } #MiniGalW .ul li img{ display: block; width: 100%; vertical-align: top} #MiniGalArrows{ position: absolute; top: 0; z-index: 1000; width: 100%; height: 100%} #MiniGalArrows a{ position: absolute; top: 36%; z-index: 1000; text-indent: -999px; overflow: hidden; background: url(zims/frontend/minigal-arrows.png) no-repeat left center; width: 25px; height: 113px} #MiniGalArrows a#MiniGalPrev{ left: 2%; } #MiniGalArrows a#MiniGalNext{ right: 2%; background-position: right center; } .verticalgalleryW{ position: relative; } .verticalgallery{ width: 100%; overflow: hidden; min-height: 250px; } .verticalgallery li{ display: block; width: 100%; margin:0; border: none !important; padding: 1px 0; } .verticalgallery li img{ display: block; width: 100%; vertical-align: top} .galleryArrowW{ background: rgb(60,60,61); display: block; position: absolute; top:36%; left: -5%; width: 5%; padding: 10px 0; } .grey .galleryArrowW{ background: rgb(200,174,119); } .galleryArrowW.mini{ top: 32%;} .galleryArrowW.right{ left: auto; right: -5%;} .galleryArrow{ display: block; margin: 0 auto; width: 100%; text-align: center; font-size: 1.4em; cursor: pointer; color: #fff;} .galleryArrow.top-arrow{ margin-bottom: 15px; } .galleryArrow.top-bottom{ margin-top: 15px;} .grey .galleryArrow, .grey .galleryArrow i{ color: #000 !important;} /*#GallerySection{ padding-top: 20px; min-height: 650px;}*/ #HomeGallery{ background: #e5e2df; padding: 30px 0 0 0; margin-bottom: 0; } /*.maingalleryW{ position: relative; } .maingallery{ width: 100%; clear: both; } .maingallery li{ display: inline; float: left; width: 22%; margin: 0 1.5% 25px;} .maingallery li img{ display: block; width: 100%; position: relative; } .maingallery li:nth-child(3n+1){ clear: left; } .galZimW{ display: table-cell; vertical-align: top; }*/ .maingalleryW{ position: relative; } .maingallery{ width: 100%; clear: both; display: flex; flex-wrap: wrap; } .maingallery li{ width: 22.5%; margin: 0 1.25% 30px 1.25%; max-width: 400px;} .maingallery li img{ display: block; width: 100%; } .galZimW{ display: table-cell; vertical-align: top; } .galleryW{ display: flex; margin-bottom: 40px; gap: 5px; flex-wrap: wrap; justify-content: center;} .galleryW li{ padding: 0; width: calc(25% - 10px); min-height: 250px; background: #f7f4ed; } .galleryW li img{ display: block; width: 100%; } #TricoDates{} #TricoDates ul{ display: flex; width: 100%; } #TricoDates ul li{ flex: 1; line-height: 1em; font-size: 1.3em; text-align: center; } #TricoDates ul li p{ display: flex; flex-direction: column; } .dateslines{ flex-direction: row !important; justify-content: center; align-items: center; margin-bottom: 5px; } .dateslines span.lineG, .dateslines span.lineD{ display: inline-block; height: 3px; width: 47%; background: #fff; vertical-align: middle;} .dateslines span.lineG.empty, .dateslines span.lineD.empty{ background: #181818;} .dateslines svg{ font-size: 2em; vertical-align: middle; } .dateslines span.lineD.empty span{ display: inline-block; float: left; background: #fff; width: 10px; margin-right: 10px; height: 3px; vertical-align: middle;} #TricoDates ul li p.year{ font-size: 2em; margin-bottom: 14px; font-weight: 600; color: #fff; } #TricoDates ul li p.desc{ font-size: 0.65em; padding: 0 10px; line-height: 1.2em; color: #fff; text-align: center; } #TricoDates ul li p.desc strong{ font-size: 1.1em; text-transform: uppercase;} .logomini{ width: 180px; margin: 10px auto 0;} .decorL{ background: #feeab9; padding-left: 10px; border-left: 10px solid #fff5dc; } .bgimage .decorL, .bgimage2 .decorL{ border-left: none; } .decorR{ background: #feeab9; padding-right: 10px; border-right: 10px solid #fff5dc; } .bgimage .decorR, .bgimage2 .decorR{ border-right: none; } .teamLabel{ background: #fff7e4; padding: 15px 15px; border-top: 8px solid #feeab9; } /* CONDITIONS DEACTIVATED */ #ConditionsW{ padding-top: 0; margin-top: 80px;} #ConditionsW > div{ background: #fff4dc; text-align: center; } #ConditionsW ul { display: flex; gap: 50px; } #ConditionsW ul li { background: #fffcf5; position: relative; top: -50px; flex: 1; border-bottom: 3px solid #111; -webkit-box-shadow: 0px 6px 9px 5px rgba(0,0,0,0.27); box-shadow: 0px 6px 9px 5px rgba(0,0,0,0.27);} #ConditionsW ul li p{ padding: 25px 35px; text-align: left; line-height: 1.5em;} #ConditionsW ul li h3 { color: #111; padding: 15px 30px; } #ConditionsW ul li h3 svg{ font-size: 4.5em; margin-bottom: 18px; } #ConditionsW ul li h3 path{ fill: #f1d794; } p.cadre{ display: inline-block; margin: 0 auto; background: #fff4dc ; padding: 15px; font-size: 1.5em; margin-bottom: 50px; } p.cadre svg{ } #ConditionsW { background: #fff4dc; } #GraphW{text-align: center; padding-bottom: 80px; } #Graph{ position: relative; display: inline-block; margin: 0 auto; } #Graph img { width: 500px; display: block; } #Graph span { position: absolute; } #Graph span#GrapLabel1 { top: 95px; left: -170px; } #Graph span#GrapLabel2 { top: 25px; right: -155px; } #Graph span#GrapLabel4 { top: 340px; right: -175px; } #Graph span#GrapLabel3 { bottom: -35px; left: 133px; } .cadrePW { background: #fff4dc; } .cadreP{ padding: 25px; } #FormaFormW fieldset{ padding-top: 40px;} /*#GalW{ position: relative; overflow: hidden; padding: 0 5% 40px; margin: 0; background: rgba(229,225,230,1); } #MiniGalW{ position: relative; } #MiniGal{ min-height: 300px; } #GalTitle { text-align: center; margin: 70px 0 0 0; text-transform: none; color: #b2c7b9; font-size: 8em !important; line-height: 0.8em; } .galZimW img{ display: block; width: 100%;} .maingalleryArrowW{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%} .galleryArrow{ display: block; position: absolute; top: 45%; margin: 0 auto; text-align: center; font-size: 4em; cursor: pointer; color: #b2c7b9; } .galleryArrow.top-arrow{ left: -40px; } .galleryArrow.bottom-arrow{ right: -40px;} .galleryArrow:hover{ color: #333333; } */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Press * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* #page-press #ContentW{ background: #111; } #page-press #Content { padding: 20px 0 90px } #page-press #Content *{ color: #fff; } #page-press .button{ border-color: #fff; } */ #PressMediaSection{ padding-top: 35px; } .contactBlock{ display: table; width: 100%; text-align: center;} .contactBlock li{ display: inline-block; margin: 0; /*border-right: 1px solid #fff;*/ padding: 0 50px; vertical-align: top; } .contactBlock li:last-child{ border: none; } .socialsLinks svg{ font-size: 2em;} /* HALFs */ .halfSectionW{ position: relative; display: flex; } .halfSection{ width: 50% } .halfSectionContent{padding: 25px 7.5%; } .halfSection.imagebg{ width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover;} .halfSection.greenbg{ background-color: #b2c7b9;} #PresseList{ display: flex; flex-wrap: wrap; gap: 20px 1.5%; margin-bottom: 40px; } #PresseList li{ width: 28%; padding: 15px 2%; background: #fff; } #PresseList li img{ width: 100%; display: block; } #PresseList li span.articleTitle{ display: block; border-top: 2px solid #f6f4f0; padding-top: 15px; margin-top: 0; text-transform: uppercase; } #PresseList li span.articleDate{ font-size: 0.8em; } #PresseList.partners li{ width: calc(17% - 30px); padding: 15px 2%; background: #fff; } #PresseList.partners li .logoW{ display: flex ; min-height: 220px; align-items: center; } .soonMsg{ padding: 150px 0; font-size: 1.5em; font-style: italic;} /* ADRESSE */ /* #HomeAdresse{ background: url(zims/frontend/adresse-bg.jpg) no-repeat center top; background-size: cover;} */ #HomeAdresseW, #HomeChefW{ padding: 50px 12% 0; overflow: hidden; margin-top: 30px; } #HomeChefW{ margin-bottom: 40px; } #HomeAdresse, #HomeChef{ background: #fff7e4; position: relative; } /*#HomeAdresse .halfSection.imagebg{ background-image: url(../media/images/backgrounds/home/adresse.jpg); -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.54); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.54); }*/ #HomeAdresse h3.sfont, #HomeChef h3.sfont{ margin: 0 0 10px 0; font-size: 5em; color: #333333;} #AdressWW{ padding: 25px; width: 48%; } #ChefWW{ padding: 25px; width: 43%; margin-left: 50%; } #AdressW li{ padding:0; position: relative; margin-bottom: 50px; } #AdressW li h4{ font-size: 1.4em; color: #333333; position: relative; margin: 5px 0 15px 0; line-height: 0.8em; text-transform: uppercase; } #AdressW li p{ font-size:1em; text-transform: uppercase; line-height: 1.1em; margin-bottom: 25px; color: #111; letter-spacing: 0px; } #AdressW li p a{ color: #111; } #AdressW li p:last-child{ margin-bottom: 0; } #ChefWW p{ font-size:1.1em; line-height: 1.5em; color: #111; letter-spacing: 1.5px; } .adresseZimW{ position: absolute; bottom: 0; right: 30px; width: 45%; height: 110%; } .adresseZim{ display: block; height: 100%; background: url(../media/images/deco/adresse.jpg?c=2) no-repeat center; background-size: cover; } #ReseauxZim{ position: relative; top: 30px;} #SatisfactionW{ margin: 80px 0 120px; } #SatisfactionW h3{ font-size: 2em; } #SatisfactionW ul{ display: flex; width: 100%; } #SatisfactionW ul li{ flex: 1; margin-right: 3%; padding-right: 2%; line-height: 1em; border-right: 1px solid #000; font-size: 1.3em; min-height: 150px; } #SatisfactionW ul li:last-child{ border-right: none; margin-right: 0; padding-right: 0; } #SatisfactionW ul li div{ display: flex; height: 100%; width: 100%;flex-direction: column;} #SatisfactionW ul li p{ flex: 1; min-height: 50%; margin: 0; text-align: center;} #SatisfactionW ul li p:last-child{ padding-top: 25px; min-height: calc(50% - 25px);} /* #HomeMenus{ padding: 40px 0 60px;} #HomeMenusFetes{ padding: 20px 0 60px;} #HomeMenusFetes > p:not( p.subBtn ) { margin: 15px 0; } .menusTitle { font-size: 5em !important; text-transform: none; margin: 40px 0 0 0; line-height: 1.2em; color: #333333; } .menusIntro{ letter-spacing: 1.5px; margin-bottom: 70px;} .menulist{ } .menulist li{ } .menulist li a{ display: inline-block; max-width: 100%; margin: 0 auto; position: relative; color: #111; vertical-align: bottom;} .menulist li a img{ width: 300px; vertical-align: bottom;} .menulist li a .label { display: block; text-align: center; position: absolute; bottom: 0; width: 100%; z-index: 20; color: #333333; text-transform: uppercase; font-size: 1.8em; line-height: 1.2em; background: rgba(255,255,255,0.6); -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; } #MenuFetesList.menulist li a .label { bottom: 0; font-size: 1.5em; } .menulist li a.labeltop { margin-top: 50px; } .menulist li a.labeltop .label { bottom: auto; top: 0; } .menulist li a .label span{ display: inline-block; padding: 20px 10px; } .menuWLeftZim{} .menuWLeftZim .menuZimLeft{ display: block; float: left; margin: 0 50px 0 0; width: 40%;} .menulist li a:hover .label{ background: #b2c7b9; color: #333333; } */ .mobScrollArrow{ display: none;} body.simplelandpage, .simplelandpage #Main{ height: auto; } .simplelandpage{ background: #fff; } .simplelandpage #Nav{ display: none; } .simplelandpage #FooterW{ display: none; } .simplelandpage #Header h1 { left: 4%;} .simplelandpage #Content{ background: #fff; padding-top: 80px; padding-bottom: 200px; } .simplelandpage #Content h2{ color: #333333; font-size: 2.2em; text-transform: uppercase; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DJS * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /*#DjsSection{ padding-top: 100px; min-height: 300px;} #DjsSection h2{ letter-spacing: 3px;} .djDetailW{ display: none;} #DjsList li{ margin-right: 3%; vertical-align: middle; position: relative !important; } #DjsList li img{ display: block; width: 100%} .djOverlay{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; min-height: 90px; background: rgba(0,0,0,0.5); } .djOverlay > div{ padding: 10px; } .djOverlay h4{ margin: 0 0 10px 0; } .djOverlay p{ margin: 0; } .djOverlay .plusLink{ display: block; float: right; margin: 0 0 20px 20px; border: 2px solid #fff; padding: 5px; text-align: center; width: 22px; height: 22px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .djOverlay .plusLink:hover{ color: #000 !important; background: #fff; } .djOverlay .plusLink:hover svg{ color: #000 !important; } .djDetail{ padding: 40px; max-width: 500px;} .djDetail h4{ margin: 0 0 1em 0;}*/ #PressW h2 { font-size: 6em !important; text-transform: none !important; margin: 40px 0 20px; line-height: 0.8em; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * EVENT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #EventsSection{ /*padding-top: 150px; padding-bottom: 150px;*/ background: #b2c7b9; padding: 40px 0 40px 0; } .verticalcenteredW{ display: table; height: 450px; width: 100%} .verticalcentered{ display: table-cell; vertical-align: top; text-align: center; position: relative; z-index: 10; } .verticalcentered h3{ font-size: 4em !important; line-height: 1em;text-align: center; margin: 0; display: table; width: 100%; height: 100%;} .verticalcentered h3 .mini{ font-size: 0.25em; font-weight: 300; text-transform: uppercase;} .verticalcenteredW .overlayBlack{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0; -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .verticalcenteredW:hover .overlayBlack{ background: rgba(0,0,0,0.35); } .verticalcentered h3 a{ display: table-cell; margin: 0; padding: 1em 7% 0; height: 100%;} .verticalcentered h3 .arrow{ font-size: 1.2em; } .verticalcentered h3 a:hover{ text-decoration: none; color: #fff;} #EventGrpBg{ background: url(../media/images/event/event-grp.jpg) no-repeat center; background-size: cover; } #EventOrgBg{ background: url(../media/images/event/event-org.jpg) no-repeat center; background-size: cover; } #EventGrpBg{ margin-right: 5%;} #EventW * { color: #333333; } #EventW .submitButton { display: inline-block; padding: 12px 25px; font-size: 1.5em; background: #333333; color: #fff; text-transform: uppercase; } #EventW .submitButton:hover { text-decoration: none; color: #9ABEAA !important; } #EventW, #PostuleW, #MentionsW{ margin: 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-creneau, #EventForm fieldset p#field-budget, #EventForm fieldset p#field-nbpers { margin-right: 5%; width: 21%; } #EventForm fieldset p#field-datesflex { margin-right: 7.5%; width: 20%; } #EventForm fieldset p#field-budgetflex, #EventForm fieldset p#field-nbpers { margin-right:0; width: 22%; } #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%; } .uniqueCheckBoxField input{ width: auto; } ::placeholder{ color: #111; } #EventForm ::placeholder, #ContactForm ::placeholder { color: #fff; } #EventForm input::placeholder, #ContactForm input::placeholder { display: none !important; color: rbga(0,0,0,0); opacity: 0; } .legend{ font-size: 0.9em; color: #888; text-align: left; margin: 25px 0; display: inline-block; line-height: 1.3em;} /*----------------*/ #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; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CONTACT * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #ContactW{ width: 80%; margin: 100px 10% 50px; margin-top: 100px;} #page-contact #ContactW{ width: 100%; margin: 40px 0 50px; } #FormW{ width: 65%; margin: 0 17.5%; padding-bottom: 50px;} #ContactForm{ margin: 50px 0;} fieldset { border-top: 5px solid #fff4dc !important; margin-bottom: 15px; } fieldset legend{ background: #fff4dc; font-family: 'Anton', sans-serif; font-size: 1.3em; padding: 20px 35px; text-transform: uppercase; margin-bottom: 20px;} #jGMapW { width:100%; height:70vh; margin:0; border:none; clear: both; border-top: 4px solid #fff4dc; border-bottom: 4px solid #fff4dc;} #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; } form fieldset p.fulllen{ width: 100% !important;} #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, #ContactForm fieldset p#field-souhait{ margin-right: 5%; } #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{ width: 100%; } /*#objet, #message{ width: 93%; }*/ /* #ContactForm fieldset p#field-date, #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/ #message{ height: 140px; padding: 15px;} #date, #heure, #nbpers{ width: 90px; } /*.formButtons { display: inline; float: left; width: 100%; texta-lign: center;} .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;} .formButtons input:hover{ color: #fff;}*/ #ReservLegend{ padding: 0 15px 10px 25px; margin: 10px 180px 10px 0; text-align: left; border-bottom: 1px solid #222; } .fancybox-inner p#Confirmation{ padding: 50px 15px; margin: 0;} #FancyContactBox{ width: 600px; } #FancyContact{ padding: 0 25px 25px; } #FancyContact h2{ font-size: 2.5em; letter-spacing:normal; margin: 0 0 15px 0; text-align:left; padding-top: 15px;} #ContactForm{ margin: 0;} input{ width: 90%; margin: 0;} #ContactForm fieldset p{ width: 46%; display: inline; float: left; margin-bottom: 30px;} #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-datesevent, #ContactForm fieldset p#field-souhait{ margin-right: 8%; } #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ContactForm fieldset p#field-newsletter{ width: 100%; } #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; } .newsFormWidget{ margin: 0 28%; } #page-test #FooterNewsW{ display: none;} .mobonly, .mobonlyinline{ display: none !important; } /* Responsive */ @media(min-width:1925px) { } @media(min-width:1650px) { } @media(max-width:1650px) { /*#FooterNews #field-prenom{ width: 40%; } #FooterNews #field-email{ width: 42%; }*/ } @media(max-width:1440px) { .titlepadding{ padding-top: 60px;} #LangLinks li { margin-right: 8px; } .newsFormWidget{ margin: 0 20%; } } @media(max-width:1650px) { #BarDesc{ margin-left: 15%!important; margin-right: 15%!important; width: 70%; } } @media(max-width:1450px) { #BarDesc{ margin-left: 10%!important; margin-right: 10%!important; width: 80%; } #HomeVipBg{ padding-top: 80px; } } @media(max-width:1280px) { .centeredlist70 { margin-left: 5%!important; margin-right: 5%!important; width: 90%; } .alcoolLegend { float: none; display: block; clear: left; text-align: left; } /*#MainMenu li { font-size: 0.9em; margin-right: 6px; padding-right: 9px; }*/ #LangLinks li a { font-size: 0.9em;} #HomeTitleW h2 img { width: 400px; } #HomeTitleW{ bottom: 30%;} .homeSectionW { padding-bottom: 60px; } #TopLinks{ right: 0;} #Socials { margin: 0 0 0 25px; } .HTMLMenu li { margin-right: 10px; padding-right: 0px; } #SocialsHead { right: 24%; } #MenuAnim1 { left: -220%; } #Intro{ width: 100%; margin: 0 0 40px 0 !important; } #HomeAdresseW { padding: 50px 10% 0; margin-top: 30px; } .adresseZimW { width: 40%;} #MiniGalArrows a { top: 30%; } #HomeMenus { } #HomeVipBg .col60{ width: 100% !important } #EventsSection { padding-top: 50px; padding-bottom: 50px; } #HomeAdresse ul.centeredlist80, #EventsSection ul.centeredlist80 { margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; } #BarDesc { margin-left: 5%!important; margin-right: 5%!important; width: 90%; } #HomeCarrieres { padding: 30px 0; } #HomeCarrieres .col30 { width: 50% !important } #FooterAddr { width: 30%; } #FooterBottom { padding: 25px 0 0 0; } /*#FooterNews { margin: 0 25%; }*/ } @media(max-width:1025px) { body { font-size:15px; line-height: 1.4em; } input, select, textarea { font-size: 16px; } .mobonly{ display: block !important;} .mobonly.inline, .mobonlyinline{ display: inline !important;} .nomob{display: none !important;} .arrowNext{ display: none } .focusW{ width: 95%; margin: 0 2.5%;} /*.desktop{ display: none !important;}*/ /*#HeaderW{ position: fixed; height: 85px !important; background-position: center -22px !important;} #Header.scrolled{ background: #000; } #Header h1{ width: 190px; left: 30px; margin : 0 !important; top: 15px}*/ #Header{ height: 70px; } #Header h1{ width: 235px; top: 12px; left: 2.5% } #ContentW{ margin-top: 100px; } #page-histoire #ContentW{ margin-top: 70px; } /*.mobile #ResaLink, .mobile #Socials{ display: none } #Header h1 a { margin: 0; float: right; width: 180px}*/ #ResaButton { top: 90px; right: 15px; } #UpperNav{ display: block; left: auto; right: 0;} #NavIco{ display: block; top: 24px; right: 2.5%; left: auto; } #SocialsHead{display: none;} #TopLinks { right: 70px; } #LangsW { top: 27px; width: 65px; left: auto; right: 20%; } #LangLinks li a{ font-size: 0.9em;} #RightNav { top: 90px; } #MainResa { font-size: 0.9em; border: 1px solid #000; padding: 7px 24px;} #page-home #MainResa {border: 1px solid #fff; } .scrolled #MainResa { border: 1px solid #000 !important; } #ResaLink{ right: 20px; position: fixed;} #Socials{ display: block; float: none; margin: 30px auto 15px; padding-top: 0; text-align: center; } #Socials a { color: #fff; margin: 0 20px; } /* #Menu{ overflow: hidden; width: 100%; background: #000; } .no-mobile #Menu{ display: none; } #MainMenu li a:hover, #MainMenu li a:hover span.ico, #MainMenu li a.HTMLMenuItemLink-Current, #MainMenu li a.HTMLMenuItemLink-Current span.ico{ color: #fff !important; text-decoration: none; } #MainMenu-resa-Item a, #MainMenu-resa-Item a span, #MainMenu-resa-Item a:hover, #MainMenu-resa-Item a:hover span{ color: #333333 !important; } #MainMenuW{ padding: 100px 0 0 !important; margin: 0 !important; display: block; width: 100%;} #MainMenu { float: none; text-align: center; padding: 0; display: block; height: auto; } #MainMenu li { display: block; font-size: 1.5em; vertical-align: middle; padding: 0; } #MainMenu li a { display: inline-block; line-height: 1.2em; font-size: 0.9em; padding: 10px 0; } #MainMenu-resa-Item { background: #ffeec3; color : #333333 } #MainMenu-resa-Item a { padding: 17px 0 !important; color : #333333 !important; } #MainMenu-resa-Item:hover a { color: #333333 !important; } .HTMLMenu li{ width: 100%; margin: 0; font-size: 1em; text-align: center; padding: 15px 0; color: #000; float: none; display: block;} .HTMLMenu li:last-child{ border: none; } .HTMLMenu li a{ background: none; padding: 0; } */ #MenuAnim1 { left: -350%; width: 350%; } #MainMenuW { width: 95%; margin: 115px 2.5%; display: block; } #MainMenu { width: 100%; } #MainMenu > li > a, #MainMenu > li > strong { font-size: 1.6em; text-align: center; } #MainMenu > li { margin-bottom: 25px; text-align: center; } #ContactMenu { margin-left: 0%; margin-top: 40px; left: -10px; width: 90%; padding: 0 5%; } #ContactMenu .col { display: block; vertical-align: top; margin-bottom: 30px; float: none; clear: both; } #ContactMenu .col.first { } #ContactMenu .separtop { margin-top: 0; } #ContactMenu .socials { margin-bottom: 25px; display: block; } #ContactMenu .socials svg { font-size: 1.5em; } #ContactMenu .socials svg.fa-instagram { font-size: 1.7em; } #ResaButton{ top:70px; right: 0; height: 55px; } #page-devenir-franchise #ResaButton{ display: none;} #LangLinks{ position: static; } #Links { margin: 5px 0;} #Links li{ width: 30%; margin: 0 1.5%;} #Links a img{ display: block; max-width: 100%;} h2.pageTitle{ font-size: 2.5em;} h3{ font-size: 1.4em; } .screenZimW{ position: static; height: 300px;} .screenZim{ display: block; position: static; width: 100%;} .screenPanelW, .screenPanel{ position: static;} .mainTextW{ width: 83%; padding: 20px 0 30px 20px; } /*input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border-color: #6c5953; }*/ input[type="button"], input[type="submit"], input[type="reset"], .button { font-size: 1em; } #FooterDecal { margin: -1px 0 0 0; } #FooterMenu, #FooterMenu2, #FooterNews, #FooterAddr{ display: block; float: none; width: 100%;} #FooterMenu { } #FooterNews { } #FooterNews .title { font-size: 1em; margin: 0; } #FooterNews h3 { font-size: 4em; } #FooterNews #field-valid label { font-size: 0.9em; } #FooterNews{ margin-top: 0; padding: 20px 5% 0; width: 90%} #FooterNews .formW { padding: 25px 2.5%; } #FootNewsCheck { bottom: 30px; right: 47%; } #FooterNews #field-valid{ width: auto; } #FooterAddr, #FooterMenu2, #FooterSocials { margin-top: 20px; } #FooterNews fieldset p input { font-size: 1em; padding: 6px 2% 5px; } #NewsletterForm{width: auto; } #FooterNews .textField, #FooterNews .formButtons{ display: block; float: none; margin: 0 0 15px 0 !important; width: 100% !important; } #FooterNews .formButtons{ height: 35px;} #FooterNews #field-valid { vertical-align: top; } #FooterNews .formButtons input { padding: 7px 25px 10px; font-size: 1em; } .newsFormWidget{ margin: 0 2.5%; } #Footer { padding: 25px 5% 15px; background: none; } #FooterMenu2, #FooterAddr, #FooterSocials { display: block; float: none; width: 100%; border-left: none; padding: 0; min-height: unset; } #FooterBottom { padding: 15px 0; margin-top: 25px; } #FooterBottom a { margin-right: 15px; } #Credits { width: 100%; text-align: left; position: static; font-size: 0.9em; margin-bottom: 0; line-height: 1.2em;} #Credits a{ margin-bottom: 10px; display: inline-block;} .alcoolLegend { float: none; clear: left; display: block; } #FooterMenu li { } #FooterMenu li a { } #FooterAddr { font-size: 1em; } #FooterAddr span{ } #FooterSocials { font-weight: 500; } #FooterW .socialLink { font-size: 1.3em; } /* */ #ChefWW p { font-size: 1em; } .homeSectionW { padding-bottom: 50px; } .homeSection .spacer, .homeSection .spacerMega{ padding-top: 50px;} .centeredlist{ display: block; /*text-align: left;*/} .centeredlist90, .centeredlist80, .centeredlist85, .centeredlist74, .centeredlist70, .centeredlist60, .centeredlist50{ margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%} .centeredlist > li, .centeredlist.col3 > li, .centeredlist.col4 > li{ display: block; vertical-align: top; position: relative;} .centeredlist > li, .centeredlist > div, .centeredlist > li.col60, .centeredlist > li.col50, .centeredlist > li.col40, .centeredlist > li.col45, .centeredlist > li.col30, .centeredlist > li.uniqueCol, .centeredlist > li.col25, .centeredlist > div.col25, .centeredlist > li.col55 { width: 100%!important; margin: 0 0 20px 0!important; } .centeredlist > li.col5, .centeredlist > div.col5, .centeredlist > li.col10, .centeredlist > div.col10{ display: none;} .centeredlist > li.decalleft{ margin-left: 0} .centeredlist > li.decalright{ margin-right: 0} .centeredlist > li.decalleft{ margin-left: 0} .centeredlist > li.decalleftmini{ margin-left: 0} .centeredlist > li.decalright{ margin-right: 0} .centeredlist > li.decalrightmini{ margin-right: 0} .sidepadding{ padding: 0; } .sidemargin{ margin: 0;} .littleup { font-size: 1.1em !important;} .big{ font-size: 1.2em !important;} .super { font-size: 1.4em !important } .superplus { font-size: 2em !important } .mega { font-size: 2.5em !important } .ultra { font-size: 3em !important } .sfont.ultra { font-size: 6.5em !important; line-height: 0.7em; } .galleryArrowW{ position: absolute; right: 0; width: 10%; z-index: 1000; top: 30%;} .galleryArrow { font-size: 2em; } .styledZimFloat{ left: 0 !important;} #DesignFloatLinks{ right: 0;} .scroll-section { display: none; } #ArrowBottom2{ display: block; } .mobpadding { padding-top: 60px;} .titlepadding, .titlepaddingmini, .titlepaddingmedium, .titlepaddingbig{ padding-top: 40px; margin-top: 0;} .righted *, .righted, .centeredlist > li p.righted{ text-align: left; } .halfSectionW { flex-direction: column; } .halfSection, .halfSection.imagebg { width: 100%; min-height: 400px; } /* HOME */ #HomeTitleW{ bottom: 40%;} #HomeTitleW h2 img{ width: 300px;} #HomeTitleW h2 strong{ padding: 0 2%; line-height: 1.2em; } #VideoW {height: 50vh; overflow: hidden; } /*#VideoW img.mobonly{ display: block; position: relative; left: -70%; height: 100%;}*/ #HomeContentW { margin-top: 50vh; } #VideoOverlay { height: 65vh; } #VideoW video, #VideoW .video-js{ height: 50vh; } /* 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 fieldset p#field-budgetflex, #EventForm fieldset p#field-nbpers { width: 100%; } /* CONTACT */ #FancyContactBox{ width: auto; } #ContactW{ width: 90%; margin: 0 2.5%;} #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; } /* PAGES */ #IntroTitle { font-size: 4em !important; line-height: 1em; margin-bottom: 20px; } #IntroBtn a { } #HomeAdresseW, #HomeChefW { padding: 10px 2.5% 0; } #HomeAdresse, #HomeChef { padding: 0; } #HomeAdresse h4{ font-size: 1.3em;} #HomeAdresse li, #HomeAdresse li *{ text-align: center; } #AdressW li:last-child { margin-bottom: 10px; } #AdressWW, #ChefWW { padding: 15px; margin: 0; width: 90%; } #HomeAdresse h3.sfont, #HomeChef h3.sfont { margin: 0 0 15px 0; font-size: 4em; } #AdressW li h4 { } #AdressW li p { font-size: 1em; text-transform: none; } .adresseZimW, .chefZimW{ position: static; bottom: 0; right: 0; width: 80%; height: 300px; margin: 20px 10%; } .chefZimW{margin-top: 0 !important; } .bgimage{ background-size: cover; } .bgimage2{ background-size: cover; } /*#HomeMenus{ padding: 20px 0 40px; } #HomeBar{ padding: 40px 0 } #MenuList li a { display: inline-block; overflow: hidden; height: 340px; } #MenuList li a img { position: relative; top: -150px; } #MenuList li { margin-top: 30px !important; } #MenuList li a .label{ font-size: 1.8em;}*/ #MenusWW { padding: 15px; margin: 40px 6% 0; } #HomeMenus h3.sfont { margin: 30px 0 0 0; font-size: 5em !important; } .menuLinks a {font-size: 3em; } .menuLinks a span { top: 15px;} .menuList li a .label { } .menuWLeftZim .menuZimLeft{ float: none; margin: 0 auto 25px; width: 100%; max-width: 275px; } #HomeIntro { padding: 20px 0; } #Intro { line-height: 1.3em; } .homeSectionW.bgardoise, #HomeVipBg { background-size: auto 100%; background-attachment: unset; } #EventsSection { padding-top: 40px; padding-bottom: 40px; } .verticalcenteredW { height: 280px; } .verticalcentered h3 { font-size: 4em !important; line-height: 0.7em; padding: 0 5%; } #EventGrpBg{ margin-bottom: 30px;} .slick-list { padding-top: 0px ! important; padding-bottom: 0px !important; } #HomeCarrieres { padding: 30px 2.5%; } #HomeInsta { padding-bottom: 0px !important; padding-top: 20px !important; } .contactBlock li { margin-top: 20px; } #DjsSection h2{ font-size: 1.3em; text-align: center;} .footfollow{ display: none;} #TricoDates ul{ flex-direction: column;} #TricoDates p.dateslines{ margin-bottom: 5px; display: none; } #TricoDates p.desc{ margin-bottom: 7px; } #TricoDates li::after{ content:""; height: 40px; width: 2px; background: #fff; display: block; margin: 0 auto; } #TricoDates li:last-child::after{ display: none; } .multidecoZimW { top: 0; min-height: 300px; } } @media(min-width:568px) and (max-width:799px) { .styledZimW, .verticalgalleryW, .embedVideoW { position: relative !important; max-width: 70%; margin: 0 auto !important; } #DesignFloatLinks{ top: 100px; right: 80px;} } @media(min-width:800px) and (max-width:1024px) { .styledZimW, .verticalgalleryW, .embedVideoW { position: relative !important; max-width: 55%; margin: 0 auto !important; } #DesignFloatLinks{ top: 100px; right: 200px;} } @media(max-width:768px) and (min-height: 900px) { #HomeTitleW { bottom: 35%;} #FancyContactBox{ width: 100%; } } @media(max-width:767px) { #Header { top: -1px; } #VideoW img.mobonly{ display: block; position: relative; left: -70%; height: 100%;} #VideoOverlay{ height: 58vh; } #VideoW video, #VideoW .video-js { width: 150%; left: -12.5%; height: 53vh; } #HomeTitleW h2 img { height: 40vh; } #HomeContentW { margin-top: 45vh; } .homeSection { position: relative; padding: 40px 0; } #page-histoire #HomeDescr .homeSection.bgimage { padding-top: 70px; } #HomePrez{ padding-top: 20px; margin-top: 0;} #page-contact #FooterW, #page-event-request #FooterW{ margin-top: 30px; } #HomeGallery{ overflow: hidden; } #MainGalW{ overflow-x: scroll} .maingallery { width: 200%; } .maingallery li { /*margin: 0 1.5% 20px;*/ } #HomeTitleW h2 { font-size: 1.4em; } .introTitle { font-size: 1.9em !important; } .homeSectionW { overflow-x: hidden;} #HomeMenus { padding: 0; } .menulistW{ overflow-x: scroll; } .menulist{ display: flex; width: 300%; margin-left: 0 !important; margin-right: 0 !important;} .menulist li{ width: 33.3% !important;} .mobScrollArrow { display: block; position: absolute; bottom: 220px; left: 0; font-size: 1.8em; text-align: center; width: 100% } .mobScrollArrow span { position: absolute; top: 0; color: #333333; } .mobScrollArrow span.left{ left: 1.5%; } .mobScrollArrow span.right{ right: 1.5%; } .menusIntro { margin-bottom: 20px; } .bgimage { background-size: auto 100%; } .flexirevmob{ display:flex; flex-direction: column-reverse; } #InstaFollow { padding-top: 50px; } #IphoneW img { max-width: 250px; display: inline; } #IphoneW { top: 0px; text-align: center; } .centeredlist.flexi { flex-direction: column; flex-wrap: nowrap; } #page-contact #ContactW { margin: 180px 0 50px; } #page-les-formations #ContentW { margin-top: 150px } #FormW { width: 95%; margin: 0 2.5%; } #ArrowBottom2 { width: 28px; } #FooterAddr { display: block; float: none; text-align: left; width: auto; } #ConditionsW ul{ flex-direction: column; } #ConditionsW ul li h3 svg{ font-size: 3.5em;} #ConditionsW ul li p { padding: 20px 10px; } .zimBlocsList li.col30 { margin: 0 0 20px0 !important; width: 100% !important; } .simpleFlexList{ flex-direction: column; } .simpleFlexList li { padding: 0 40px 20px; border-right: none; border-bottom: 1px solid #666; } #SubMenuW ul.submenu{ flex-direction: column; gap :0; } #SubMenuW ul.submenu li{ margin: 0 7.5%; text-align: center; margin-bottom: 15px; display: block;} #SubMenuW ul.submenu li a { display: block; font-size: 1.2em; } #field-financement select{ max-width: 300px;} #FooterMenu li, #FooterMenu2 li { margin-bottom: 8px; } #ReseauxZim{ top: 0; border-bottom: 10px solid #feeab9; margin-bottom: 25px; } #GraphW{ padding-bottom: 80px; } #Graph img { width: 280px; } #Graph span{ display: bloxk; width: 115px;} #Graph span#GrapLabel1 { top: 90px; left: -60px; } #Graph span#GrapLabel2 { top: 0px; right: 5px; } #Graph span#GrapLabel4 { top: 260px; right: -40px; } #Graph span#GrapLabel3 { bottom: -45px; left: 7px; } #page-ils-parlent-de-nous #Content{ padding-top: 40px;} #PresseList li, .faqList li{ width: 100%;} .galleryW li{ width: 49%} #PresseList.partners li .logoW { min-height: 175px; } #PresseList.partners li{ width: calc(50% - 18px);} .galleryW li{ width: calc(50% - 10px); } } @media(max-width:480px) { #HomeVipBg{ background-position: 0 center; } } @media(max-width:375px) { } @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:600px) and (max-height:900px) { #HomeZimW-Mob{ display: block; position: absolute; left: -650px;} } @media(max-width:600px) and (max-height:800px) { #HomeZimW-Mob{ display: block; position: absolute; left: -500px;} } @media(max-width:600px) and (max-height:570px) { #HomeZimW-Mob{ display: block; position: absolute; left: -430px;} }*/ @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;}*/ } @media(min-width:3000px) { body { font-size:20px; } }