html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } :focus { outline: none; } ::-moz-focus-inner { border: 0; } ::-ms-clear { display: none; } /* CONSTANT CLASSES #START */ .toscroll { visibility: hidden; overflow: hidden; } .cleared { clear: both; } .fadeop { transition: opacity .3s linear; } .txt { font-family: "Roboto", sans-serif; font-size: 10px; color: #000; line-height: 1.2; } .txt ul { list-style-type: disc; padding-left: 15px; } .txt ul li { padding: 5px 0; display: list-item; } .txt ol { list-style-type: decimal; padding-left: 15px; } .txt ol li { padding: 5px 0; display: list-item; } .txt table { border-collapse: separate; border-spacing: 1px; } .txt a:hover { text-decoration: underline; } .flow > * + * { margin-block-start: var(--flow-space, 1em); } html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html, body { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, input, textarea, select, a { font-family: "Roboto", sans-serif; font-size: 10px; color: #000; line-height: 1.2; } input { border: 0 none; background: transparent none; padding: 0; margin: 0; } input[type=text], input[type=password], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select { background: transparent none; -webkit-appearance: none; } hr { border: 0px solid #000; border-top: 1px solid #000; } a { text-decoration: none; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } a:hover { text-decoration: none; } a:focus { outline: none; } a::-moz-focus-inner { border: 0; } img { max-width: 100%; height: auto; } p { padding-bottom: 10px; margin-bottom: 0; } b, strong { font-weight: 700; } i, em { font-style: italic; } * { -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 768px) { .va-middle { display: table; width: 100%; height: 100%; } .va-middle > div { display: table-cell; vertical-align: middle; width: 100%; } } .pa { position: relative; } .pa:before { content: ""; display: block; padding-top: 100%; } .pa > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .scroll-reveal { opacity: 0; } .scroll-reveal.is-revealed { opacity: 1; } .scroll-reveal.is-revealed.reveal-fadein { opacity: 0; } .scroll-reveal.is-revealed.reveal-fadein.reveal { opacity: 1; -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-fadeup { opacity: 0; -webkit-transform: translateY(10rem); -moz-transform: translateY(10rem); -ms-transform: translateY(10rem); -o-transform: translateY(10rem); transform: translateY(10rem); } .scroll-reveal.is-revealed.reveal-fadeup.reveal { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-fadeup.reveal { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.74s cubic-bezier(0, 0, 1, 1); -webkit-transition: transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.74s cubic-bezier(0, 0, 1, 1); -moz-transition: transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.74s cubic-bezier(0, 0, 1, 1); -o-transition: transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.74s cubic-bezier(0, 0, 1, 1); transition: transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.74s cubic-bezier(0, 0, 1, 1); } .scroll-reveal.is-revealed.reveal-fadeuplong { opacity: 0; -webkit-transform: translateY(10rem); -moz-transform: translateY(10rem); -ms-transform: translateY(10rem); -o-transform: translateY(10rem); transform: translateY(10rem); } .scroll-reveal.is-revealed.reveal-fadeuplong.reveal { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-faderight { opacity: 0; -webkit-transform: translateX(-100rem); -moz-transform: translateX(-100rem); -ms-transform: translateX(-100rem); -o-transform: translateX(-100rem); transform: translateX(-100rem); } .scroll-reveal.is-revealed.reveal-faderight.reveal { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-faderightsml { opacity: 0; -webkit-transform: translateX(-30rem); -moz-transform: translateX(-30rem); -ms-transform: translateX(-30rem); -o-transform: translateX(-30rem); transform: translateX(-30rem); } .scroll-reveal.is-revealed.reveal-faderightsml.reveal { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-fadeleft { opacity: 0; -webkit-transform: translateX(100rem); -moz-transform: translateX(100rem); -ms-transform: translateX(100rem); -o-transform: translateX(100rem); transform: translateX(100rem); } .scroll-reveal.is-revealed.reveal-fadeleft.reveal { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-fadeleftsml { opacity: 0; -webkit-transform: translateX(30rem); -moz-transform: translateX(30rem); -ms-transform: translateX(30rem); -o-transform: translateX(30rem); transform: translateX(30rem); } .scroll-reveal.is-revealed.reveal-fadeleftsml.reveal { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-drawright { opacity: 0; } .scroll-reveal.is-revealed.reveal-drawright.reveal { opacity: 1; -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-drawright.reveal rect { -ms-transition: all 1.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 1.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .scroll-reveal.is-revealed.reveal-rect-to-right { opacity: 0; -webkit-transform: scaleX(0.5); -moz-transform: scaleX(0.5); -ms-transform: scaleX(0.5); -o-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; will-change: transform; } .scroll-reveal.is-revealed.reveal-rect-to-right.reveal { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-css { opacity: 0; } .scroll-reveal.is-revealed.reveal.reveal-scale { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); opacity: 1; -ms-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-scale-down { -webkit-transform: scaleY(0.99); -moz-transform: scaleY(0.99); -ms-transform: scaleY(0.99); -o-transform: scaleY(0.99); transform: scaleY(0.99); opacity: 1; -ms-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1.54s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-scale-to-right { -webkit-transform: scaleX(0.99); -moz-transform: scaleX(0.99); -ms-transform: scaleX(0.99); -o-transform: scaleX(0.99); transform: scaleX(0.99); opacity: 1; -ms-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-scaledown-to-right { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); opacity: 1; -ms-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-scaledown-to-left { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); opacity: 1; -ms-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-scale-hori { -webkit-transform: scaleX(1.001); -moz-transform: scaleX(1.001); -ms-transform: scaleX(1.001); -o-transform: scaleX(1.001); transform: scaleX(1.001); opacity: 1; -ms-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal.reveal-move-mask-to-right { -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); -ms-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-projbloc .home__villes__item__visu__mask { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .scroll-reveal.is-revealed.reveal-projbloc:nth-child(2n) .home__villes__item__visu__mask { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .scroll-reveal.is-revealed.reveal-projbloc:nth-child(2n) .home__villes__item__txts__wrap { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .scroll-reveal.is-revealed.reveal-projbloc:nth-child(2n) .home__villes__item__txts { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .scroll-reveal.is-revealed.reveal-projbloc .home__villes__item__txts__wrap { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .scroll-reveal.is-revealed.reveal-projbloc .home__villes__item__txts { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .scroll-reveal.is-revealed.reveal-head-bg { opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .scroll-reveal.is-revealed.reveal-head-bg.reveal { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-head-bg.reveal div { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .scroll-reveal.is-revealed.reveal-slideshow.reveal .citizers__slideshow { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -ms-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.74s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .reveal-fadein { -webkit-transition: opacity 0.75s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -moz-transition: opacity 0.75s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -ms-transition: opacity 0.75s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -o-transition: opacity 0.75s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.75s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; } .reveal-fadeup { opacity: 0; -webkit-transform: translateY(30rem); -moz-transform: translateY(30rem); -ms-transform: translateY(30rem); -o-transform: translateY(30rem); transform: translateY(30rem); } .reveal-fadeuplong { opacity: 0; -webkit-transform: translateY(30rem); -moz-transform: translateY(30rem); -ms-transform: translateY(30rem); -o-transform: translateY(30rem); transform: translateY(30rem); } .reveal-faderight { opacity: 0; -webkit-transform: translateX(-100rem); -moz-transform: translateX(-100rem); -ms-transform: translateX(-100rem); -o-transform: translateX(-100rem); transform: translateX(-100rem); } .reveal-faderightsml { opacity: 0; -webkit-transform: translateX(-30rem); -moz-transform: translateX(-30rem); -ms-transform: translateX(-30rem); -o-transform: translateX(-30rem); transform: translateX(-30rem); } .reveal-fadeleft { opacity: 0; -webkit-transform: translateX(100rem); -moz-transform: translateX(100rem); -ms-transform: translateX(100rem); -o-transform: translateX(100rem); transform: translateX(100rem); } .reveal-fadeleftsml { opacity: 0; -webkit-transform: translateX(30rem); -moz-transform: translateX(30rem); -ms-transform: translateX(30rem); -o-transform: translateX(30rem); transform: translateX(30rem); } .reveal-drawright { opacity: 0; } .reveal-drawright rect { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .reveal-rect-to-right { opacity: 0; -webkit-transform: scaleX(0.5); -moz-transform: scaleX(0.5); -ms-transform: scaleX(0.5); -o-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; will-change: transform; } .reveal-css { opacity: 0; } .reveal-scale { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .reveal-scale-down { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .reveal-scale-to-right { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; } .reveal-scaledown-to-right { -webkit-transform: scaleX(1.001); -moz-transform: scaleX(1.001); -ms-transform: scaleX(1.001); -o-transform: scaleX(1.001); transform: scaleX(1.001); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } .reveal-scaledown-to-left { -webkit-transform: scaleX(1.001); -moz-transform: scaleX(1.001); -ms-transform: scaleX(1.001); -o-transform: scaleX(1.001); transform: scaleX(1.001); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 1; } .reveal-scale-hori { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); opacity: 1; } .reveal-move-mask-to-right { opacity: 1; } .reveal-head-bg { opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .reveal-head-bg div { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } .reveal-slideshow .citizers__slideshow { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); transform: translateY(-10%); opacity: 0; } .reveal-projbloc .home__villes__item__visu__mask { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .reveal-projbloc .home__villes__item__txts__wrap { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .reveal-projbloc .home__villes__item__txts { -webkit-transform: translateX(80%); -moz-transform: translateX(80%); -ms-transform: translateX(80%); -o-transform: translateX(80%); transform: translateX(80%); -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; opacity: 0; } .reveal-projbloc:nth-child(2n) .home__villes__item__txts__wrap { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .reveal-projbloc:nth-child(2n) .home__villes__item__txts { -webkit-transform: translateX(-80%); -moz-transform: translateX(-80%); -ms-transform: translateX(-80%); -o-transform: translateX(-80%); transform: translateX(-80%); } @-webkit-keyframes slideline { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @-moz-keyframes slideline { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @keyframes slideline { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @-webkit-keyframes moveleft { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(67%); -moz-transform: translateX(67%); -ms-transform: translateX(67%); -o-transform: translateX(67%); transform: translateX(67%); } } @-moz-keyframes moveleft { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(67%); -moz-transform: translateX(67%); -ms-transform: translateX(67%); -o-transform: translateX(67%); transform: translateX(67%); } } @keyframes moveleft { 0% { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(67%); -moz-transform: translateX(67%); -ms-transform: translateX(67%); -o-transform: translateX(67%); transform: translateX(67%); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 90% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes frise { 0% { -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @-moz-keyframes frise { 0% { -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @keyframes frise { 0% { -webkit-transform: translateX(-75%); -moz-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%); } 100% { -webkit-transform: translateX(-25%); -moz-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%); } } @-webkit-keyframes arrow { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes arrow { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes arrow { 0% { opacity: 0; } 25% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes arrowb { 0% { opacity: 0; } 45% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes arrowb { 0% { opacity: 0; } 45% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes arrowb { 0% { opacity: 0; } 45% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes arrowc { 0% { opacity: 0; } 65% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes arrowc { 0% { opacity: 0; } 65% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes arrowc { 0% { opacity: 0; } 65% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } .bg { position: absolute; width: 100vw; height: 100vh; } .page__logino { background-color: #245aa6; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2280%22%20viewBox%3D%220%200%2068%2080%22%20enable-background%3D%22new%200%200%2068%2080%22%3E%3Cg%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2240%22%20r%3D%2234%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20opacity%3D%220.3%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2240%22%20r%3D%2234%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20opacity%3D%220.3%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2268%22%20cy%3D%2240%22%20r%3D%2234%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20opacity%3D%220.3%22%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } em { font-style: italic; } .page__loadingo { display: none !important; } p { padding: 0px; } .resizable-textarea .grippie { visibility: hidden; } textarea { resize: none; } html, body { width: 100%; background: #f5f5f5; } body { position: relative; overflow-x: hidden; overflow-y: scroll; font-weight: 500; } body.is-main-menu-open.is-mobile { overflow: hidden; } .is-ui-freezed { pointer-events: none !important; } .is-ui-freezed * { pointer-events: none !important; } a { color: inherit; font-size: inherit; font-weight: inherit; } #iewarning { display: none; } .inv { display: none; } .rel { position: relative; } .df { display: flex; } @media only screen and (min-width: 768px) { .only__pho { display: none !important; } } @media only screen and (max-width: 767px) { .not__pho { display: none !important; } } .svg__wrap { position: relative; } .svg__wrap svg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .overlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 20; opacity: 0.25; pointer-events: none; display: none; } .overlay img { display: block; } .body { position: relative; } #progbar__wrap { position: fixed; left: 0px; right: 0px; height: 2px; bgo: #f00; z-index: 9999999999; } #progbar { position: absolute; top: 0px; left: 0px; height: 2px; background: #fff; width: 0px; background: #facfbd; background: #245aa6; } @media only screen and (max-width: 767px) { #progbar { -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } } a { -webkit-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; font-size: inherit; font-family: inherit; } * { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page__wrap { background: #f5f5f5; opacity: 0; } @media only screen and (max-width: 767px) { .page__wrap { padding-top: 10rem; } } .page__wrap__site-shops-buroscontacts { background: #fff; } .page__wrap__site-buros-burosplans { background: #fff; } .page__wrap__site-shops-shopsplans { background: #fff; } .page__content__wrap { position: absolute; } @media only screen and (max-width: 767px) { .home__content, .page__content { padding: 0px 15px 15px; } } .ft__white { color: #fff; } .ft__yellow { color: #ffed00; } .ft__a .inner { font-size: 10.4em; } .ft__b .inner { font-size: 17em; text-transform: uppercase; } @media only screen and (orientation: portrait) and (max-width: 727px) { .ft__b .inner { font-size: 34px; } } .ft__c .inner { font-size: 3em; text-transform: uppercase; font-family: 'NHaasGroteskDSPro-75Bd'; } @media only screen and (orientation: landscape) and (max-height: 727px) { .ft__c .inner { font-size: 16px; } } .ft__d .inner { font-size: 3.5em; text-transform: uppercase; font-family: 'NHaasGroteskDSPro-75Bd'; } @media only screen and (orientation: landscape) and (max-height: 727px) { .ft__d .inner { font-size: 7.6em; } } .ft__e .inner { font-size: 2.6em; text-transform: uppercase; font-family: 'NHaasGroteskDSPro-55Rg'; letter-spacing: 0.05em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .ft__e .inner { font-size: 9px; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .ft__e .inner { font-size: 9px; letter-spacing: 0px; } } .svg__arrow__right__path, .svg__fullscreen__path, .svg__arrow__lang__path { fill: none; stroke: #000000; stroke-width: 1.458px; stroke-width: 3px; } .cols__row { margin: 0px -1.3rem; display: flex; flex-wrap: wrap; } .cols__row:after { content: ''; display: block; clear: both; } .cols__row > [class^="col__"] { padding: 0px 1.3rem 2.6rem; } @media only screen and (max-width: 767px) { .cols__row { margin: 0px 0px; } .cols__row > [class^="col__"] { padding: 0px 0px 0px; } } .cols__row--sml-gap { margin: 0px -8px; } .cols__row--sml-gap:after { content: ''; display: block; clear: both; } .cols__row--sml-gap > [class^="col__"] { padding: 0px 8px 16px; } .cols__row--no-gap { margin: 0px; } .cols__row--no-gap:after { content: ''; display: block; clear: both; } .cols__row--no-gap > [class^="col__"] { padding: 0px; } .cols__row--big-gap { margin: 0px -2rem; } .cols__row--big-gap:after { content: ''; display: block; clear: both; } .cols__row--big-gap > [class^="col__"] { padding: 0px 2rem 4rem; } @media only screen and (max-width: 767px) { .cols__row--big-gap { margin: 0px 0px; } .cols__row--big-gap > [class^="col__"] { padding: 0px 0px 0px; } } .cols__row--sml-gapem { margin: 0px -10rem; } .cols__row--sml-gapem:after { content: ''; display: block; clear: both; } .cols__row--sml-gapem > [class^="col__"] { padding: 0px 10rem 20rem; } .cols__row--no-pb > [class^="col__"] { padding-bottom: 0px; } .col__50 { width: 50%; } .col__25 { width: 25%; } .col__16 { width: 16.66%; } .col__20 { width: 20%; } .col__225 { width: 22.5%; } .col__275 { width: 27.5%; } .col__25 { width: 25%; } .col__70 { width: 70%; } .col__75 { width: 75%; } .col__60 { width: 60%; } .col__66 { width: 66.66%; } .col__30 { width: 30%; } .col__40 { width: 40%; } .col__45 { width: 45%; } .col__33 { width: 33.33%; } .col__80 { width: 80%; } .col__85 { width: 85%; } .col__90 { width: 90%; } .col__95 { width: 95%; } .col__100 { width: 100%; } .col__417 { width: 41.7%; } .col__583 { width: 58.3%; } @media only screen and (max-width: 1279px) { .col__33--mddown { width: 33.33%; } .col__100--mddown { width: 100%; } .col__50--mddown { width: 50%; } } @media only screen and (max-width: 767px) { .col__33--xs { width: 33.33%; } .col__100--xs { width: 100%; } .col__50--xs { width: 50%; } } .col--last { padding-bottom: 0px !important; } .nav-icon2 { width: 32px; height: 32px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; cursor: pointer; } .nav-icon2 span { display: block; position: absolute; height: 1.2px; width: 50%; background: #facfbd; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-main-menu-open .nav-icon2 span { background-color: #fff; } @media only screen and (max-width: 767px) { .header--for--insc .nav-icon2 span, .header--for--opticien .nav-icon2 span, .show-white-header .nav-icon2 span, .z .nav-icon2 span { background-color: #fff; } } .nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 0px 0px 0; } .nav-icon2 span:nth-child(odd) { left: 0px; border-radius: 0px 0 0 0px; } .nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) { top: 0px; } .nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) { top: 0px; } .nav-icon2 span:nth-child(3), .nav-icon2 span:nth-child(4) { top: 12px; } .nav-icon2 span:nth-child(5), .nav-icon2 span:nth-child(6) { top: 24px; } body.is-main-menu-open .nav-icon2 span:nth-child(1), body.is-main-menu-open .nav-icon2 span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body.is-main-menu-open .nav-icon2 span:nth-child(2), body.is-main-menu-open .nav-icon2 span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body.is-main-menu-open .nav-icon2 span:nth-child(1) { left: 3px; top: 7px; } body.is-main-menu-open .nav-icon2 span:nth-child(2) { left: calc(50% - 2px); top: 7px; } body.is-main-menu-open .nav-icon2 span:nth-child(3) { left: -50%; opacity: 0; } body.is-main-menu-open .nav-icon2 span:nth-child(4) { left: 100%; opacity: 0; } body.is-main-menu-open .nav-icon2 span:nth-child(5) { left: 3px; top: 18px; } body.is-main-menu-open .nav-icon2 span:nth-child(6) { left: calc(50% - 2px); top: 18px; } .ff__pf { font-family: 'Playfair Display'; } .titre1 { font-family: 'Playfair Display'; font-size: 3rem; font-weight: 700; padding-bottom: 2.5rem; } .texte1 { font-size: 1.5rem; color: #fff; line-height: 1.45; } .texte1b { font-size: 1.5rem; color: #000; line-height: 1.45; font-weight: 600; } .titre10 { font-family: 'Playfair Display'; font-size: 1.7rem; font-weight: 700; color: #245aa6; padding-bottom: 0.7rem; padding-top: 1.7rem; } .texte10 { font-size: 1.5rem; color: #245aa6; } .titre10b { color: #fff; font-size: 0.9rem; } .titrepage1 { font-family: 'Playfair Display'; font-size: 3rem; font-weight: 700; color: #245aa6; } .titre11, .labelform { font-size: 2rem; font-weight: 700; color: #245aa6; } .titre2 { font-size: 3rem; line-height: 0.6; line-height: 0.8; } .titre2 strong { font-family: 'Playfair Display'; font-size: 5.8rem; font-weight: 700; } @media only screen and (max-width: 767px) { .titre2 strong { font-size: 5rem; } } .sstitre2 { font-size: 2rem; padding-top: 4.3rem; padding-bottom: 2.2rem; } .texte2 { font-size: 1.5rem; line-height: 1.53; } .titre3 { font-size: 2rem; font-weight: 700; padding-bottom: 2rem; } .texte4 { font-size: 1.2rem; color: #acb667; } .titre5 { font-family: 'Playfair Display'; font-size: 1.8rem; font-weight: 700; color: #fff; } .titre6 { font-family: 'Playfair Display'; font-size: 1.8rem; color: #fff; } .titre6b { font-family: 'Playfair Display'; font-size: 1.8rem; color: #000; font-weight: 700; } .titre7 { font-family: 'Playfair Display'; font-size: 3rem; font-weight: 700; } .titre12 { font-family: 'Playfair Display'; font-size: 2rem; font-weight: 700; color: #245aa6; } .titre8 { font-size: 1rem; color: #245aa6; font-weight: 700; } .titre9 { font-size: 2rem; color: #fff; } .city__map__adr { font-size: 1.6rem; } .city__map__adr__title { font-family: 'Playfair Display'; font-size: 2.6rem; font-weight: 700; } .spin__loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.65); z-index: 1000; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } @media only screen and (max-width: 1023px) { .spin__loading { position: fixed; } } .spin__loading.is-visible { opacity: 1; pointer-events: all; } .spin__loading b { position: absolute; display: block; width: 50px; height: 50px; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); } .spin__loading i { display: inline-block; width: 50px; height: 50px; border: 3px solid #245aa6; border-top-color: transparent; border-radius: 50%; background: none; float: none; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .page__loading { position: fixed; top: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(255, 255, 255, 0.999); display: none; opacity: 0; -webkit-transform: translateZ(0) translateY(0%); -moz-transform: translateZ(0) translateY(0%); -ms-transform: translateZ(0) translateY(0%); -o-transform: translateZ(0) translateY(0%); transform: translateZ(0) translateY(0%); } .page__loading.page__loading--popup { background: rgba(255, 255, 255, 0.5); background: transparent; } @media only screen and (max-width: 1023px) { .page__loading { position: fixed; } } @media only screen and (max-width: 767px) { .page__loading { display: none; } } .page__loading .loading__spin { -webkit-animation: none; -moz-animation: none; animation: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border: 4px solid #a74713; border-top-color: transparent; } body.jsoff .page__loading { display: none; } .page__loading.is-appearing { opacity: 0; display: block; -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); -o-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } .page__loading.is-appearing .loading__spin { -webkit-animation: spinb 1s linear infinite; -moz-animation: spinb 1s linear infinite; animation: spinb 1s linear infinite; } .page__loading.is-visible { opacity: 1; display: block; -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); -o-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); -webkit-transition: opacity 1.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 1.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 1.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 1.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 1.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .page__loading.is-visible.is-semi-opaque { opacity: .3; opacity: 0; } .page__loading.is-visible.page__loading--popup { -webkit-transition: opacity 0.45s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.45s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.45s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.45s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.45s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .page__loading.is-visible .loading__spin { -webkit-animation: spinb 1s linear infinite; -moz-animation: spinb 1s linear infinite; animation: spinb 1s linear infinite; } .page__loading.is-hidding { opacity: 0; display: block; -webkit-transform: translateZ(0) translateY(0); -moz-transform: translateZ(0) translateY(0); -ms-transform: translateZ(0) translateY(0); -o-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); -webkit-transition: opacity 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .page__loading.is-hidding.page__loading--popup { -webkit-transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .page__loading.is-hidding .loading__spin { -webkit-animation: spinb 1s linear infinite; -moz-animation: spinb 1s linear infinite; animation: spinb 1s linear infinite; } .page__loading .loading__spin__wrap { position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); } .page__loading .loading__spin { display: inline-block; width: 50px; height: 50px; border: 4px solid #2dccba; border: 4px solid #a74713; border: 4px solid #222; border-top-color: transparent; border-radius: 50%; background: none; float: none; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .page__loading.page__loading--popup .loading__spin { border: 3px solid #fec900; border-top-color: transparent; } .site__loading { z-index: 1002; background-color: transparent; background-color: #bac1b4; } .site__loading.is-visible { -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .site__loading__bg, .site__loading__video__wrap { position: absolute; width: 100%; height: 100%; } .site__loading__video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); min-width: 100%; min-height: 100%; width: auto; height: auto; } @-webkit-keyframes spinb { 0% { -webkit-transform: translateZ(0) rotate(0deg); -moz-transform: translateZ(0) rotate(0deg); -ms-transform: translateZ(0) rotate(0deg); -o-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(360deg); -moz-transform: translateZ(0) rotate(360deg); -ms-transform: translateZ(0) rotate(360deg); -o-transform: translateZ(0) rotate(360deg); transform: translateZ(0) rotate(360deg); } } @-moz-keyframes spinb { 0% { -webkit-transform: translateZ(0) rotate(0deg); -moz-transform: translateZ(0) rotate(0deg); -ms-transform: translateZ(0) rotate(0deg); -o-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(360deg); -moz-transform: translateZ(0) rotate(360deg); -ms-transform: translateZ(0) rotate(360deg); -o-transform: translateZ(0) rotate(360deg); transform: translateZ(0) rotate(360deg); } } @keyframes spinb { 0% { -webkit-transform: translateZ(0) rotate(0deg); -moz-transform: translateZ(0) rotate(0deg); -ms-transform: translateZ(0) rotate(0deg); -o-transform: translateZ(0) rotate(0deg); transform: translateZ(0) rotate(0deg); } 100% { -webkit-transform: translateZ(0) rotate(360deg); -moz-transform: translateZ(0) rotate(360deg); -ms-transform: translateZ(0) rotate(360deg); -o-transform: translateZ(0) rotate(360deg); transform: translateZ(0) rotate(360deg); } } .main__popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; display: none; z-index: 20; } .is-popup-open .main__popup { display: block; } .main__popup .mw { position: relative; } .main__popup.is-preparing { display: block; opacity: 0; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); transform: translateY(-300px); } .main__popup.is-showing { -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main__popup.is-hiding { -webkit-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -o-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); transform: translateY(-300px); } .main__popup.is-zoomable .main__popup__zoomin, .main__popup.is-zoomable .main__popup__zoomout { display: block; } .main__popup.is-changeable .main__popup__prev, .main__popup.is-changeable .main__popup__next { display: block; } .main__popup.main__popup--360 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 2000; } .is-popup-open .main__popup.main__popup--360 { display: block; } .main__popup.main__popup--360 .mw { position: relative; } .main__popup.main__popup--360.is-preparing, .main__popup.main__popup--360.is-appearing { display: block; opacity: 0.001; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .main__popup.main__popup--360.is-showing, .main__popup.main__popup--360.is-visible { display: block; -webkit-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 600ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .main__popup.main__popup--360.is-showing-fast { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .main__popup.main__popup--360.is-hiding, .main__popup.main__popup--360.is-hidding { display: block; -webkit-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 400ms cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -o-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .main__popup.main__popup--360.is-zoomable .main__popup__zoomin, .main__popup.main__popup--360.is-zoomable .main__popup__zoomout { display: block; } .main__popup.main__popup--360.is-changeable .main__popup__prev, .main__popup.main__popup--360.is-changeable .main__popup__next { display: block; } .main__popup.main__popup--360 .main__popup__content { top: 0; bottom: 0; left: 0; right: 0; } .main__popup.main__popup--360 .main__popup__close__svg { right: 1.2em; top: 2.2em; } .main__popup__head { position: absolute; width: 100%; height: 150px; bottom: 0; text-align: center; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .main__popup__head.is-active { display: block; } .main__popup__head:before { content: ''; position: absolute; width: 80px; height: 80px; bottom: 35px; right: 100px; background: url("imgs/tech-title-north.png") no-repeat 50% 50%; background-size: contain; } @media only screen and (max-width: 767px) { .main__popup__head:before { display: none; } } .main__popup__head img { max-width: 60%; max-height: 30px; width: auto; display: block; position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; margin: 0 auto; } .is-switching .main__popup__head { opacity: 0; } .main__popup__content { position: absolute; width: 100%; height: 100%; height: auto; top: 0; bottom: 150px; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-switching .main__popup__content { opacity: 0; } .main__popup__logo { position: absolute; margin-top: 20px; margin-left: 10px; } .main__popup__title { text-align: center; padding-top: 20px; } .main__popup__prev, .main__popup__next { position: absolute; left: 20px; top: 50%; margin-top: -30px; cursor: pointer; z-index: 1000; display: none; font-size: 24px; color: #245aa6; } @media only screen and (max-width: 767px) { .main__popup__prev, .main__popup__next { margin-top: -15px; padding: 10px; background: rgba(255, 255, 255, 0.9); } .main__popup__prev img, .main__popup__next img { width: 21px; } } .main__popup__next { left: auto; right: 20px; } .main__popup__cta { position: absolute; z-index: 100000000; right: 0px; top: 0px; } .main__popup__cta > div { cursor: pointer; width: 40px; height: 40px; text-align: center; vertical-align: middle; } .main__popup__close { margin-bottom: 10px; background-color: #4abba3; line-height: 40px; font-size: 24px; color: #fff; } .main__popup__close img { -webkit-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: transform 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); -o-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .main__popup__close:hover img { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .main__popup__close span { line-height: 40px; } .main__popup__zoomin, .main__popup__zoomout { display: none; } .main__popup__zoomin, .main__popup__zoomout, .main__popup__close { position: relative; font-size: 22px; color: #fec900; color: #fff; background-color: #4abba3; background-color: #245aa6; line-height: 40px; } .main__popup__zoomin span, .main__popup__zoomout span, .main__popup__close span { line-height: 40px; } .main__popup__zoomin:before, .main__popup__zoomout:before, .main__popup__close:before { content: ""; position: absolute; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); left: 0; top: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .main__popup__zoomin:hover:before, .main__popup__zoomout:hover:before, .main__popup__close:hover:before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .main__popup__close { font-size: 26px; } .main__popup--ml .main__popup__close { position: absolute; right: 0; width: 40px; height: 40px; text-align: center; z-index: 3; background-color: transparent; color: #888; cursor: pointer; } .main__popup__content--ml { bottom: 0; } .main__popup__content--ml .ml { position: relative; height: 100%; } .main__popup__content--ml .ml__titre { font-size: 24px; text-align: center; padding: 20px; } .main__popup__content--ml .nano > .nano-pane { top: 40px; } .main__popup--bg-black .main__popup__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); } .main__popup--pdfdl { background-color: transparent; text-align: center; } .main__popup--pdfdl:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .main__popup--pdfdl .main__popup__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); } .main__popup--pdfdl .main__popup__content__wrap { overflow: hidden; position: relative; display: inline-block; vertical-align: middle; width: 440px; background-color: #fff; } @media only screen and (max-width: 767px) { .main__popup--pdfdl .main__popup__content__wrap { max-width: 440px; width: 90%; } } .main__popup--pdfdl .main__popup__close { position: absolute; right: 0; background-color: transparent; color: #666; cursor: pointer; z-index: 2; width: 40px; text-align: center; } .main__popup--pdfdl .main__popup__close:before { display: none; } .main__popup--pdfdl .main__popup__content { position: relative; padding: 20px; line-height: 1.2; } .main__popup--pdfdl .pdfdl__form__sstitre { margin-top: 5px; font-weight: 900; text-transform: uppercase; font-size: 18px; } .main__popup--pdfdl .pdfdl__form__infos { font-weight: 300; margin-top: 15px; font-size: 18px; } .main__popup--pdfdl .inputline { border: 1px solid #666; width: 290px; margin-top: 10px; } @media only screen and (max-width: 767px) { .main__popup--pdfdl .inputline { width: 100%; } } .main__popup--pdfdl .labelform a { font-size: 12px; line-height: 1.2; vertical-align: middle; text-decoration: underline; } .main__popup--pdfdl .inputunikcheckbox { vertical-align: middle; margin-right: 2px; } .main__popup--pdfdl .submitline { text-align: center; } .main__popup--pdfdl .form__submit { background-color: #000; } .main__popup--pdfdl .form__submit .submit { vertical-align: middle; color: #fff; font-weight: 400; } .main__popup--pdfdl .form__submit__spin__wrap { vertical-align: middle; } .main__popup--pdfdl .form__submit__spin { border: 2px solid #fff; border-top-color: transparent; } .main__popup--pdfdl .pdfdl__form__content__inner { position: relative; } .main__popup--pdfdl .pdfdl__form__content__inner.is-ok .pdfdl__form__content__res { pointer-events: all; opacity: 1; } .main__popup--pdfdl .pdfdl__form__content__res { position: absolute; width: 100%; height: 100%; background-color: #fff; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .main__popup--pdfdl .pdfdl__form__content__res:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .main__popup--pdfdl .pdfdl__form__content__res a { text-decoration: underline; display: inline-block; vertical-align: middle; line-height: 1.2; } .inputline:-webkit-autofill { color: #fff; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0px 0px 0px 100px #a3c4e9 inset; } .we__form__wrap--share .inputline:-webkit-autofill { -webkit-box-shadow: 0px 0px 0px 100px #facfbd inset; color: #000; -webkit-text-fill-color: #000; } .youremail { font-size: 1px; } .formline { padding-bottom: 3.5rem; } .labelform { padding-bottom: 0.5rem; } .inputline, .inputtext { background: #a3c4e9; border-radius: 3rem; width: 100%; font-size: 2rem; color: #fff; padding: 1rem 2rem; } .we__form__wrap--share .inputline, .we__form__wrap--share .inputtext { background: #facfbd; color: #000; } .inputtext { min-height: 13rem; } @media only screen and (max-width: 767px) { .form__submit__inner { margin-top: 30px !important; } } .submitline { display: flex; justify-content: flex-end; } .inputsubmit { font-family: inherit; font-size: inherit; color: inherit; cursor: pointer; font-weight: inherit; } .form__msgs { position: absolute; margin-top: -4rem; width: 66%; } @media only screen and (max-width: 767px) { .form__msgs { margin-top: -11rem; width: 100%; } } .form__msg { position: absolute; width: 100%; opacity: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -moz-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -ms-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -o-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; text-align: center; font-size: 2rem; text-align: left; font-weight: 700; } .form__msg.is-visible { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: all 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: all 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: all 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .form__msg.is-out { opacity: 0; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -moz-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -ms-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; -o-transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; transition: all 0.65s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; } .form__msg__error { color: #e30; } .form__msg__offline { position: absolute; width: 100%; opacity: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); text-align: center; font-size: 2rem; text-align: left; font-weight: 700; color: #e30; pointer-events: none; padding: 2rem 0px; } body { background: #f5f5f5; } input { font-size: inherit; } @media only screen and (max-width: 767px) { .em__resize__bloc { width: auto !important; height: auto !important; position: static !important; } } @media only screen and (min-width: 768px) { .em__resize__bloc { position: absolute; } } .fill__blue { fill: #245aa6; } .fill__white { fill: #fff; } .fill__gray { fill: #f5f5f5; } .fill__sky { fill: #a3c4e9; } .fill__green { fill: #acb667; } .picto__path { fill: none; stroke: #A3C4E9; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10px; } .picto__path__blue { fill: none; stroke: #265AA6; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10px; } .picto__path__black { fill: none; stroke: #000000; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; } .picto__path__white { fill: none; stroke: #FFFFFF; stroke-width: 11.998px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10px; } .picto__path__blueb { fill: none; stroke: #A3C4E9; stroke-width: 5px; } .picto__path__whiteb { fill: none; stroke: #FFFFFF; stroke-width: 5px; stroke-linecap: round; } .picto__path__whitec { fill: none; stroke: #FFFFFF; stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10px; } .page__head { display: flex; padding-top: 13.2rem; justify-content: space-between; padding-left: 4.8rem; padding-right: 4.8rem; align-items: flex-start; } @media only screen and (max-width: 767px) { .page__head { padding: 0px; position: relative; min-height: 5.4rem; } } .page__title { display: flex; justify-content: flex-start; align-items: center; } @media only screen and (max-width: 767px) { .page__title { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 767px) { .page__close { position: absolute; right: 0px; top: 0px; } } .page__title__picto { position: relative; width: 5.4rem; } .page__title__picto:before { content: ''; display: block; padding-top: 100%; } .page__title__picto__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius: 50%; background: #245aa6; -webkit-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .page__title__picto__svg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } @media only screen and (min-width: 768px) { .page__title__txt { padding-left: 3rem; } } @media only screen and (max-width: 767px) { .page__title__txt { padding-bottom: 2rem; } } .page__wrap__model__biblisubmodel .page__title__txt { position: relative; } .page__wrap__model__biblisubmodel .page__title__txt .page__title__link { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .bibli__panel__item__remove { -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); display: block; cursor: pointer; } .bibli__panel__item__remove:before { content: ''; display: block; position: absolute; border-radius: 500px; background: #f00; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 3.2rem; height: 3.2rem; } .is-desktop .bibli__panel__item__remove:hover:before { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .is-desktop .bibli__panel__item__remove:hover:before .svg__wrap { border: 3px solid #000; } .page__close, .bibli__panel__close, .brochure__action__picto, .film__fullscreen, .fancybox__weimmo__cta { width: 5.4rem; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); display: block; cursor: pointer; } .page__close:before, .bibli__panel__close:before, .brochure__action__picto:before, .film__fullscreen:before, .fancybox__weimmo__cta:before { content: ''; display: block; position: absolute; border-radius: 500px; background: #f00; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 5.4rem; height: 5.4rem; } .is-desktop .page__close:hover:before, .is-desktop .bibli__panel__close:hover:before, .is-desktop .brochure__action__picto:hover:before, .is-desktop .film__fullscreen:hover:before, .is-desktop .fancybox__weimmo__cta:hover:before { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .is-desktop .page__close:hover:before .svg__wrap, .is-desktop .bibli__panel__close:hover:before .svg__wrap, .is-desktop .brochure__action__picto:hover:before .svg__wrap, .is-desktop .film__fullscreen:hover:before .svg__wrap, .is-desktop .fancybox__weimmo__cta:hover:before .svg__wrap { border: 3px solid #000; } .fancybox__weimmo__cta { background: none; border: none; padding: 0px; } .fancybox__weimmo__ctas { display: none; } .fancybox__weimmo__cta__wrap { padding: 1rem; } .fancybox__weimmo__cta__wrap__arrow { top: 50%; margin-top: -2.7rem; position: absolute; z-index: 99997; } @media only screen and (max-width: 767px) { .fancybox__weimmo__cta__wrap__arrow { top: auto; bottom: 0px; margin-top: 0px; } } @media only screen and (max-width: 767px) { .fancybox__weimmo__cta__wrap__arrow__left { left: 50%; margin-left: -6.4rem; } } .fancybox__weimmo__cta__wrap__arrow__right { right: 0px; } @media only screen and (max-width: 767px) { .fancybox__weimmo__cta__wrap__arrow__right { right: auto; left: 50%; margin-left: 1rem; } } .fancybox-button--zoom { display: none !important; } .fancybox-slide { padding: 10px; } .fancybox-toolbar { display: flex; } .we__shad__bloc { background: #fff; border-radius: 2.4rem; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .we__shad__bloc { padding: 2rem; margin-top: 15px; } } .we__shad__bloc.we__shad__bloc--with-hover { -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-desktop .we__shad__bloc.we__shad__bloc--with-hover:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .we__title__bloc { margin-top: 30px; } } .svgline { fill: none; stroke: #fec900; stroke-width: 3px; } .fillgold { fill: #fec900; } .bg__black { background: #000; } .bg__pink { background: #facfbd; } .bg__green { background: #acb667; } .bg__gray { background: #f5f5f5; } .bg__sky { background: #a3c4e9; min-height: 100vh; } .jq__mask { overflow: hidden; } .head__page__close { position: absolute; left: 90.59%; top: 5.96%; width: 6.19%; height: 8.25%; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .head__page__close { top: 30px; right: 30px; width: 30px; left: auto; } } .stroke__white { fill: none; stroke: #fff; stroke-width: 12px; } .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .no-events { pointer-events: none; } .bg__text { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .square__content { width: 409.6em; height: 409.6em; position: absolute; top: 0px; left: 50%; margin-left: -204.8em; } .square__content { top: 4em; width: 401.6em; height: 401.6em; margin-left: -200.8em; } @media only screen and (max-width: 767px) { .square__content { margin-left: 0px; left: 6.25%; top: 12.5%; width: 87.19%; height: 75%; } } .main__popup.main__popup--360 .main__popup__close__svg { position: absolute; right: 23.6em; top: 23.6em; z-index: 5; cursor: pointer; width: 10.4em; width: 16em; } .main__popup.main__popup--360 .main__popup__close__svg svg { display: block; width: 100%; } .main__popup.main__popup--360 .main__popup__close__svg svg .stroke__pink { fill: none; stroke: #fff; stroke-width: 12px; } .main__popup.main__popup--360 .main__popup__close__svg .svgline { stroke: #000; } .main__popup__titlename { position: absolute; left: 0px; right: 0px; bottom: 0px; } .main__popup__titlename__inner { background: rgba(255, 255, 255, 0.25); padding: 10px; text-align: center; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); } @media only screen and (max-width: 1024px) { .main__popup__titlename__inner { font-size: 16px; } } .main__popup__titlename__inner.is-visible { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .head { pointer-events: none; z-index: 15; } @media only screen and (max-width: 767px) { .head { position: fixed !important; left: 0px !important; right: 0px !important; top: 0px !important; } } .head__inner { display: flex; justify-content: space-between; pointer-events: all; position: absolute; width: 100%; top: 4.7%; opacity: 0; } @media only screen and (max-width: 767px) { .head__inner { top: 0px; padding: 15px 0px; background: #f5f5f5; } } .head__logo { display: block; } @media only screen and (max-width: 767px) { .head__logo { padding-left: 15px; width: 150px; } } @media only screen and (min-width: 768px) { .head__logo { margin-left: 3.51%; width: 20.72%; height: 3.61%; } } .head__right { margin-right: 3.51%; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .body__loginmodel .head__right { opacity: 0; } @media only screen and (max-width: 767px) { .head__right { text-align: right; margin-right: 15px; } } .head__right__cta { display: inline-block; font-size: 2rem; color: #fff; font-weight: 700; line-height: 1; padding: 1rem 1.4rem 1rem; margin-left: 2rem; line-height: 0.8; position: relative; cursor: pointer; } .head__right__cta:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #a3c4e9; border-radius: 50px; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .is-desktop .head__right__cta:hover:before { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 767px) { .head__right__cta { font-size: 1.2rem; padding: 0.75rem; margin-bottom: 0.5rem; } } .head__right__cta span { position: relative; } .page__login { height: 100%; position: relative; } .page__login__inner { position: absolute; padding-top: 76em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .page__login__inner { padding-top: 28.8em; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; padding-top: 0px; display: flex; align-items: center; padding-top: 100px; } } .login__border__txt { position: absolute; } @media only screen and (orientation: portrait) and (max-width: 727px) { .login__border__txt { display: none; } } .site__headlabela { top: 15em; left: 15em; } .site__headlabelb { top: 15em; right: 259.6em; width: 180em; text-align: right; padding-right: 14em; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .site__headlabelc { bottom: 15em; right: 15em; } .site__headlabeld { bottom: 15em; left: 259.6em; width: 180em; padding-left: 14em; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .login__logo { position: absolute; bottom: 15em; left: 15em; width: 61.6em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .login__logo { top: 15px; left: 20%; width: 60%; bottom: auto; } } .page__login__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; pointer-events: none; top: 4em; bottom: 4em; left: 4em; right: 4em; } @media only screen and (max-width: 767px) { .page__login__bg { bottom: auto; top: 50%; width: 230%; left: auto; right: auto; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); } } .page__login__content { width: 242em; margin: 0px auto; } @media only screen and (orientation: portrait) and (max-width: 727px) { .page__login__content { width: 100%; padding: 0px 15px; } } .logo__outlined .logo__path { fill: none; stroke-width: 0.8px; stroke: #000; } .logo__outlined .outline__red { fill: none; stroke-width: 0.8px; stroke: #e7ddd8; } .logo__filled .logo__path { fill: #000; } .logo__filled .fill__red { fill: #e7ddd8; } .site__loader__wrap { position: fixed; z-index: 500; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #245aa6; display: flex; justify-content: center; align-items: center; } .site__loader { width: 80%; max-width: 400px; } .loader__rect { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .we__txt__bloc { border-radius: 2.4rem; } @media only screen and (max-width: 767px) { .we__txt__bloc { padding: 2rem; } } @media only screen and (min-width: 768px) { .we__txt__bloc--home { position: absolute; left: 3.51%; top: 12.89%; width: 48.9%; height: 27.73%; } } @media only screen and (min-width: 768px) { .we__txt__bloc--home { padding: 5.4rem; padding-top: 2.7rem; } } .we__txt__bloc--home { background: #fec900; } .home__picto { position: absolute; left: 54.61%; top: 12.89%; width: 41.87%; height: 63.18%; } @media only screen and (max-width: 767px) { .home__picto { display: none; } } .home__picto__mask { position: absolute; background: #f5f5f5; width: 25%; height: 25%; } .home__picto__mask.home__picto__mask--45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width: 768px) { .home__menu__a { position: absolute; left: 3.51%; top: 43.26%; width: 48.9%; height: 16.5%; display: flex; justify-content: space-between; } .home__menu__a .home__menu__link { width: 30.8%; width: 30.4%; } .is-desktop .home__menu__a .home__menu__link:hover .home__menu__picto__bg { -webkit-transform: scale(6); -moz-transform: scale(6); -ms-transform: scale(6); -o-transform: scale(6); transform: scale(6); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .home__menu__b { position: absolute; left: 3.51%; top: 62.6%; width: 48.9%; height: 13.68%; display: flex; justify-content: space-between; } .home__menu__b .home__menu__link { width: 100%; } .is-desktop .home__menu__b .home__menu__link:hover .home__menu__picto__bg { -webkit-transform: scale(17); -moz-transform: scale(17); -ms-transform: scale(17); -o-transform: scale(17); transform: scale(17); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .home__menu__c { position: absolute; left: 3.51%; top: 79%; width: 92.97%; height: 16.21%; display: flex; justify-content: space-between; } .home__menu__c .home__menu__link { width: 31.2%; width: 31.7%; } .is-desktop .home__menu__c .home__menu__link:hover .home__menu__picto__bg { -webkit-transform: scale(9); -moz-transform: scale(9); -ms-transform: scale(9); -o-transform: scale(9); transform: scale(9); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } } @media only screen and (max-width: 767px) { .home__menu__a { padding-top: 2rem; } } .home__menu__link { display: block; background: #fff; border-radius: 2.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } @media only screen and (max-width: 767px) { .home__menu__link { flex-direction: row; justify-content: flex-start; padding: 1.2rem; margin-top: 1rem; } .home__menu__link .home__menu__txts { align-items: flex-start; padding-left: 3.2rem; padding-left: 1.2rem; } .home__menu__link .home__menu__txts .titre10 { padding-top: 0px; } } .home__menu__link span { position: relative; } .home__menu__link.home__menu__link--gallery { flex-direction: row; } .home__menu__link.home__menu__link--gallery .home__menu__txts { align-items: flex-start; padding-left: 3.2rem; } @media only screen and (max-width: 767px) { .home__menu__link.home__menu__link--gallery .home__menu__txts { padding-left: 1.2rem; } } .home__menu__link.home__menu__link--gallery .home__menu__txts .titre10 { padding-top: 0px; } .home__menu__link.home__menu__link__off { opacity: 0 !important; } .home__menu__txts { display: flex; flex-direction: column; align-items: center; } .home__menu__picto { position: relative; width: 5.4rem; } @media only screen and (max-width: 767px) { .home__menu__picto { width: 4rem; } } .home__menu__picto:before { content: ''; display: block; padding-top: 100%; } .home__menu__picto__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-radius: 50%; background: #245aa6; -webkit-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .home__menu__picto__svg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .home__menu__link__a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .home__menu__bulle { background: #245aa6; padding: 0.5rem 1rem; line-height: 1; border-radius: 50px; } .home__menu__private { position: absolute; top: 1.2rem; right: 1.2rem; } .home__menu__off { position: absolute; top: 1.2rem; right: 1.2rem; } .we__txt__bloc--brochure { background: #a3c4e9; } @media only screen and (max-width: 767px) { .we__txt__bloc--brochure { margin-top: 15px; } } @media only screen and (min-width: 768px) { .we__txt__bloc--brochure { position: absolute; left: 69.25%; top: 26.66%; width: 27.09%; padding: 3.4rem; } } .brochure__picto { position: relative; } @media only screen and (max-width: 767px) { .brochure__picto { margin-top: 15px; } } @media only screen and (min-width: 768px) { .brochure__picto { position: absolute; left: 74.01%; top: 55.47%; width: 22.47%; } } @media only screen and (min-width: 768px) { .brochure__share__wrap { position: absolute; left: 74.08%; top: 79.3%; width: 22.25%; height: 16.02%; } } @media only screen and (max-width: 767px) { .brochure__share { margin-top: 15px; padding: 4rem 2rem; } } @media only screen and (min-width: 768px) { .brochure__share { height: 100%; } } .brochure__share { display: flex; justify-content: center; align-items: center; text-align: center; padding-left: 5rem; padding-right: 5rem; padding-top: 3rem; padding-bottom: 3rem; } .brochure__share { cursor: pointer; } .brochure__share__picto { display: inline-block; width: 2.2rem; vertical-align: -0.2rem; margin-left: 0.7rem; } .brochure__share__a { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; } @media only screen and (max-width: 767px) { .brochure__navs { display: flex; justify-content: center; align-items: center; padding-top: 1rem; } } @media only screen and (min-width: 768px) { .brochure__slide__items__wrap { position: absolute; left: 5.71%; top: 26.46%; width: 59.88%; height: 68.95%; border: 0px solid #000; overflow: hidden; } } .brochure__slide__items { height: 100%; border: 1px solid #000; } .brochure__slide__item__bg { background: none no-repeat 50% 50%; background-size: contain; } .brochure__slide__item__bg:before { content: ''; display: block; padding-top: 86.32%; } .brochure__slide__nav { width: 5.4rem; z-index: 3; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } @media only screen and (min-width: 768px) { .brochure__slide__nav { position: absolute; } } @media only screen and (max-width: 767px) { .brochure__slide__nav { margin: 0px 1rem; } } .brochure__slide__nav:before { content: ''; display: block; position: absolute; border-radius: 500px; background: #f00; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 5.4rem; height: 5.4rem; } .is-desktop .brochure__slide__nav:hover:before { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .brochure__slide__nav--right { left: 63.32%; top: 58.11%; } .brochure__slide__nav--left { left: 3.51%; top: 58.11%; } .brochure__action__a { width: 5.4rem; cursor: pointer; } @media only screen and (min-width: 768px) { .brochure__action__a { position: absolute; left: 66.33%; top: 89.75%; } } @media only screen and (max-width: 767px) { .brochure__action__a { position: absolute; right: 15px; margin-top: -5.4rem; } } .brochure__slide__mask { position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; } .brochure__slide__mask { background: #f00; } .brochure__slide__mask { background: #f5f5f5; } .brochure__slide__mask.brochure__slide__mask--right { left: 50%; display: block; } .brochure__slide__line { position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; display: none; } .brochure__slide__line.brochure__slide__line--left { border-right: 1px solid #000; } .brochure__slide__line.brochure__slide__line--right { border-left: 1px solid #000; left: 50%; } @media only screen and (max-width: 767px) { .we__txt__bloc--axo { margin-top: 15px; } } @media only screen and (min-width: 768px) { .we__txt__bloc--axo { position: absolute; left: 6.52%; top: 23.93%; width: 22.11%; padding: 3.4rem; } } .we__txt__bloc--axo { background: #facfbd; } @media only screen and (max-width: 767px) { .axo__picto { margin-top: 15px; } } @media only screen and (min-width: 768px) { .axo__picto { position: absolute; left: 6.37%; top: 53.32%; width: 22.47%; } } .axo__slide__items { position: relative; } @media only screen and (min-width: 768px) { .axo__slide__items { position: absolute; left: 34.48%; top: 23.54%; width: 62.01%; } } .axo__slide__item { position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: opacity 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .axo__slide__item:first-child { position: relative; } .axo__slide__item.is-active { opacity: 1; pointer-events: all; } @media only screen and (max-width: 767px) { .axo__slide__navs { display: flex; justify-content: center; padding-top: 1rem; } } .axo__slide__nav { cursor: pointer; width: 5.4rem; z-index: 3; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } @media only screen and (min-width: 768px) { .axo__slide__nav { position: absolute; } .axo__slide__nav.axo__slide__nav--left { left: 59.59%; top: 82.81%; } .axo__slide__nav.axo__slide__nav--right { left: 67.28%; top: 82.81%; } } @media only screen and (max-width: 767px) { .axo__slide__nav { margin: 0px 1rem; width: 5.4rem; } } .axo__slide__nav:before { content: ''; display: block; position: absolute; border-radius: 500px; background: #f00; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 5.4rem; height: 5.4rem; } .is-desktop .axo__slide__nav:hover:before { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .axo__marker { position: absolute; width: 2rem; height: 2rem; cursor: pointer; border: 2px solid #000; background: #245aa6; border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .is-desktop .axo__marker:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .city__sspage { display: none; } @media only screen and (max-width: 767px) { .city__sspage { display: block; } } .city__sspage.city__sspage--1 { display: block; } .city__page__nav { display: flex; align-items: center; border-radius: 1.3rem; padding: 1.2rem 2rem; } @media only screen and (max-width: 767px) { .city__page__nav { display: none; } } .city__page__nav { position: absolute; left: 45.17%; top: 92.09%; } .city__page__nav__item { position: relative; width: 0.6rem; height: 0.6rem; background: #dadada; border-radius: 50px; margin-right: 1rem; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-desktop .city__page__nav__item:hover { background: #acb667; } .city__page__nav__item.is-active { cursor: default; } .city__page__nav__item.is-active:before { opacity: 1; } .city__page__nav__item.is-active { cursor: default; width: 1.6rem; background: #acb667; } .city__page__nav__txt { position: relative; margin-left: 1.2rem; } .city__page__nav__txt__next { position: absolute; top: 0px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; } .city__page__nav__txt__next.is-active { pointer-events: all; opacity: 1; } .city__page__nav__txt__next:first-child { position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .we__txt__bloc--city { margin-top: 15px; } } @media only screen and (min-width: 768px) { .we__txt__bloc--city { position: absolute; left: 39.31%; top: 12.99%; width: 49.56%; padding: 3rem 5rem; } } .we__txt__bloc--city { background: #acb667; } .we__txt__bloc--city { background: #fec900; } @media only screen and (min-width: 768px) { .we__title__bloc--city { position: absolute; left: 10.18%; top: 38.96%; width: 30.82%; } } .we__title__bloc--city span { color: #acb667; } .we__title__bloc--city span { color: #fec900; } @media only screen and (min-width: 768px) { .we__shad__bloc--city { position: absolute; left: 9.44%; top: 79%; width: 21.89%; padding: 3.5rem; } } @media only screen and (min-width: 768px) { .city__map__simple { position: absolute; left: 50%; top: 34.67%; width: 46.49%; height: 52.83%; background: #dadada; } } @media only screen and (max-width: 767px) { .city__map__simple { height: 30rem; position: relative; margin-top: 15px; height: auto; } } .city__map__simple img { display: block; } .city__map__simple__inner { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 1px solid #000; } .city__picto { position: absolute; left: 68.72%; top: 24.05%; width: 15.06%; } @media only screen and (max-width: 767px) { .city__picto { display: none; } } @media only screen and (min-width: 768px) { .we__title__bloc--city2 { position: absolute; left: 61.79%; top: 54.69%; width: 30.23%; } } .we__title__bloc--city2 span { color: #a3c4e9; } .city__map__full__bg { position: absolute; left: 3.51%; top: 26.07%; width: 46.85%; } @media only screen and (max-width: 767px) { .city__map__full__bg { display: none; } } .city__map__full { position: relative; border: 1px solid #000; background: #dadada; z-index: 2; } @media only screen and (min-width: 768px) { .city__map__full { position: absolute; left: 5.56%; top: 23.34%; width: 46.85%; height: 62.7%; } } @media only screen and (max-width: 767px) { .city__map__full { height: auto; margin-top: 15px; } } .city__map__full img { display: block; } .city__map__weimmo__logo { position: absolute; left: 14.43%; top: 13.93%; width: 14.82%; } .city__map__svg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .city__map__imgs .city__map__img__wrap { position: absolute; display: block; will-change: opacity, transform; -ms-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .city__map__imgs .city__map__img__wrap img { display: block; } .city__map__imgs .city__map__img__wrap.is-hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .mapsvg1 { opacity: 0.5; stroke: #f00; cursor: pointer; opacity: 0; } @media only screen and (max-width: 767px) { .map__data { position: relative; } } .city__map__adr__wrap { position: absolute; pointer-events: none; opacity: 0; -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; } .city__map__adr__wrap { -ms-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); } @media only screen and (min-width: 768px) { .city__map__adr__wrap { left: 52.35%; top: 23.34%; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform: translateX(-7rem); -moz-transform: translateX(-7rem); -ms-transform: translateX(-7rem); -o-transform: translateX(-7rem); transform: translateX(-7rem); } .city__map__adr__wrap.is-active { pointer-events: all; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } } @media only screen and (max-width: 767px) { .city__map__adr__wrap { bottom: 0px; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); z-index: 3; left: 0px; right: 0px; } .city__map__adr__wrap.is-active { pointer-events: all; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .city__map__adr { position: relative; border: 1px solid #000; } @media only screen and (min-width: 768px) { .city__map__adr { display: flex; } } @media only screen and (max-width: 767px) { .city__map__adr { width: 100%; } } .city__map__adr__img { background: #FEE4A0; } @media only screen and (max-width: 767px) { .city__map__adr__img { display: flex; justify-content: center; align-items: center; height: 12rem; border-bottom: 1px solid #000; } } @media only screen and (min-width: 768px) { .city__map__adr__img { width: 20rem; height: 20rem; display: flex; justify-content: center; align-items: center; border-right: 1px solid #000; } } .city__map__adr__img img { width: 15rem; } @media only screen and (max-width: 767px) { .city__map__adr__img img { width: 10rem; } } .city__map__txts { background: #F9CFBF; display: flex; flex-direction: column; justify-content: center; padding-left: 3rem; padding-right: 3rem; } @media only screen and (min-width: 768px) { .city__map__txts { width: 30rem; } } @media only screen and (max-width: 767px) { .city__map__txts { padding: 3rem; } } .city__map__adr__title { padding-bottom: 0.5rem; } .city__map__close__wrap { position: absolute; width: 4rem; right: -2rem; top: -2rem; cursor: pointer; } @media only screen and (max-width: 767px) { .city__map__close__wrap { right: -13px; width: 26px; top: -13px; } } .city__map__close__wrap:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #000; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); border-radius: 50%; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-desktop .city__map__close__wrap:hover:before { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } @media only screen and (min-width: 768px) { .city__share__wrap { position: absolute; left: 9.96%; top: 20.61%; } } @media only screen and (max-width: 767px) { .we__shad__bloc--city3 { padding: 4rem 2rem; } } @media only screen and (min-width: 768px) { .we__shad__bloc--city3 { padding: 2rem 3.2rem; cursor: pointer; } } @media only screen and (min-width: 768px) { .we__title__bloc--city3 { position: absolute; left: 51.54%; top: 14.16%; width: 39.53%; } } .we__title__bloc--city3 span { color: #fec900; } .we__title__bloc--city3 span { color: #ec6608; } .city__slide__items__wrap { position: relative; } @media only screen and (min-width: 768px) { .city__slide__items__wrap { position: absolute; left: 9.74%; top: 33.01%; width: 80.75%; height: 55.96%; } } @media only screen and (min-width: 768px) { .city__slide__items { height: 100%; border: 1px solid #000; } } .city__slide__items { border: 1px solid #000; background: #dadada; overflow: hidden; } .city__slide__item__bg { background: none no-repeat 50% 50%; background-size: cover; } .city__slide__item__bg:before { content: ''; display: block; padding-top: 51.96%; } @media only screen and (max-width: 767px) { .city__slide__navs { display: flex; justify-content: center; padding-top: 1rem; } } .city__slide__nav { width: 5.4rem; z-index: 2; z-index: 3; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } @media only screen and (min-width: 768px) { .city__slide__nav { position: absolute; } } @media only screen and (max-width: 767px) { .city__slide__nav { margin: 0px 1rem; width: 5.4rem; } } .city__slide__nav:before { content: ''; display: block; position: absolute; border-radius: 500px; background: #f00; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 5.4rem; height: 5.4rem; } .is-desktop .city__slide__nav:hover:before { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .city__slide__nav--left { left: 7.69%; top: 58.11%; } .city__slide__nav--right { left: 88.21%; top: 58.11%; } .city__slide__mask { position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; } @media only screen and (max-width: 767px) { .city__slide__mask { display: none; } } .city__slide__mask { background: #f00; } .city__slide__mask { background: #f5f5f5; } .city__slide__mask.city__slide__mask--right { left: 50%; } .city__slide__line { position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; display: none; } @media only screen and (max-width: 767px) { .city__slide__line { display: none; } } .city__slide__line.city__slide__line--left { border-right: 1px solid #000; } .city__slide__line.city__slide__line--right { border-left: 1px solid #000; left: 50%; } .city__slide__dots__wrap { position: absolute; left: 0px; right: 0px; top: 82.42%; display: flex; justify-content: center; } @media only screen and (max-width: 767px) { .city__slide__dots__wrap { display: none; } } .city__slide__dots { display: flex; align-items: center; border-radius: 1.3rem; padding: 1.2rem 1.5rem; } .city__slide__dot { position: relative; width: 0.6rem; height: 0.6rem; background: #dadada; border-radius: 50px; margin: 0px 0.5rem; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .is-desktop .city__slide__dot:hover { background: #fec900; } .city__slide__dot.is-active { cursor: default; width: 1.6rem; background: #fec900; } @media only screen and (min-width: 768px) { .page__content__wrap--gallery { width: 136.6rem; margin: 0px auto; position: relative; } } .we__txt__bloc--gallery { background: #facfbd; } @media only screen and (min-width: 768px) { .we__txt__bloc--gallery { position: absolute; left: 50%; top: 13.5rem; width: 38.65%; padding: 3rem 4.5rem; } } @media only screen and (max-width: 767px) { .gallery__blocs { margin-top: 30px; } } @media only screen and (min-width: 768px) { .gallery__blocs { padding-top: 15rem; width: 127rem; margin: 0px auto; } } .gallery__bloc { padding-bottom: 2rem; } @media only screen and (max-width: 767px) { .gallery__bloc { padding-bottom: 5rem; } } .gallery__bloc__titre__wrap { padding-bottom: 2rem; } @media only screen and (max-width: 767px) { .gallery__bloc__titre__wrap { padding-bottom: 0rem; } } .gallery__bloc__titre { display: inline-block; background: #000; border-radius: 2.5rem; padding: 2rem 2.5rem; } .gallery__bloc__item__inner { overflow: hidden; } .gallery__bloc__item__img { background: none no-repeat 50% 50%; background-size: cover; cursor: pointer; -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .gallery__bloc__item__img:before { content: ''; display: block; padding-top: 61%; } .we__txt__bloc--film { background: #acb667; } @media only screen and (min-width: 768px) { .we__txt__bloc--film { position: absolute; left: 38.73%; top: 12.99%; width: 49.93%; padding: 3.2rem 4.5rem; } } .we__txt__bloc--film.we__txt__bloc--film3d { background: #fec900; } .we__txt__bloc--filmmarque { background: #ec6608; } .film__bg { position: absolute; left: 15.08%; top: 36.62%; width: 73.72%; height: 54.59%; } @media only screen and (max-width: 767px) { .film__bg { display: none; } } .film__wrap { background: #fff; border: 1px solid #000; overflow: hidden; } @media only screen and (min-width: 768px) { .film__wrap { position: absolute; left: 13.32%; top: 33.79%; width: 73.72%; height: 54.59%; } } @media only screen and (max-width: 767px) { .film__wrap { position: relative; height: 20rem; margin-top: 15px; } } .film__preview { position: absolute; background: none no-repeat 50% 50%; background-size: cover; top: 0px; bottom: 0px; left: 0px; right: 0px; cursor: pointer; } .film__play__cta { position: absolute; top: 19.2rem; left: 41.4rem; width: 17.6rem; cursor: pointer; } @media only screen and (max-width: 767px) { .film__play__cta { width: 30%; top: 25%; left: 35%; } } .film__fullscreen { width: 5.4rem; opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; pointer-events: none; } @media only screen and (min-width: 768px) { .film__fullscreen { position: absolute; left: 92.39%; top: 86.13%; } } @media only screen and (max-width: 767px) { .film__fullscreen { margin-left: auto; margin-right: 0px; margin-top: 15px; } } .film__fullscreen.is-enabled { opacity: 1; pointer-events: all; } .page__video { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0.01; } .page__video.is-visible { opacity: 1; } .page__video:-webkit-full-screen { width: 100%; height: 100%; object-fit: contain; } @media only screen and (min-width: 768px) { .page__content__wrap--bibli { width: 136.6rem; margin: 0px auto; position: relative; } } .we__txt__bloc--bibli { background: #a3c4e9; } @media only screen and (min-width: 768px) { .we__txt__bloc--bibli { position: absolute; left: 57.19%; top: 13.3rem; width: 32.04%; padding: 3rem 4.5rem; } } @media only screen and (min-width: 768px) { .bibli__picto { position: absolute; left: 30.67%; top: 9.3rem; width: 20.42%; } } @media only screen and (max-width: 767px) { .bibli__picto { margin-top: 15px; } } .bibli__ctas__wrap { position: fixed; bottom: 4.8rem; z-index: 5; left: 0px; right: 0px; } @media only screen and (max-width: 767px) { .bibli__ctas__wrap { bottom: 15px; right: 15px; } } .bibli__ctas { display: flex; justify-content: flex-end; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .bibli__ctas { width: 126.6rem; margin: 0px auto; } } .bibli__cta__wrap { margin-left: 2rem; } .bibli__cta__inner { -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; opacity: 0; pointer-events: none; } .bibli__cta__inner.is-active { pointer-events: all; opacity: 1; } .bibli__cta { display: flex; align-items: center; background: #000; border-radius: 2.4rem; padding: 1.3rem 2.2rem; line-height: 1; margin-left: 2rem; cursor: pointer; font-weight: 700; } @media only screen and (max-width: 767px) { .bibli__cta { margin-top: 15px; } } .bibli__cta.bibli__cta--outline:before { background: #fff; border: 1px solid #000; } .bibli__send__picto { display: inline-block; width: 2rem; margin-left: 1.6rem; } .bibli__send__picto path { stroke: #fff; } .bibli__cta { background: none; position: relative; border-radius: 0px; } .bibli__cta:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #000; border-radius: 2.4rem; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } .is-desktop .bibli__cta:hover:before { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .bibli__cta span, .bibli__cta input { position: relative; } @media only screen and (max-width: 767px) { .bibli__items { padding-bottom: 12rem; } } @media only screen and (min-width: 768px) { .bibli__items { width: 126.6rem; margin: 0px auto; padding-bottom: 10rem; padding-top: 22rem; } } .bibli__subcats__item__link { display: block; height: 10rem; display: flex; justify-content: center; align-items: center; width: 100%; } .bibli__subitems__item__inner { height: 24.5rem; background: none no-repeat 50% 50%; background-size: cover; cursor: pointer; } .bibli__subitems__item__title { position: absolute; left: 2rem; bottom: 2rem; background: #a3c4e9; padding: 0.8rem 1.3rem; border-radius: 50px; } .bibli__subitems__item__coche { position: absolute; width: 4rem; right: 1rem; bottom: 1rem; } @media only screen and (min-width: 768px) { .bibli__submenu { position: absolute; left: 9.96%; top: 19.5rem; } } @media only screen and (max-width: 767px) { .bibli__submenu { padding-bottom: 15px; } } .bibli__panel { background: #ec6608; z-index: 100; padding-left: 5.5rem; padding-right: 4.8rem; } .bibli__panel.bibli__panel--float { position: fixed; right: 0px; top: 0px; bottom: 0px; width: 53rem; border-top-left-radius: 2.4rem; border-bottom-left-radius: 2.4rem; } @media only screen and (max-width: 767px) { .bibli__panel.bibli__panel--float { width: 90%; overflow-y: scroll; padding-left: 15px; padding-right: 15px; } } .bibli__panel.bibli__panel--float { -ms-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -moz-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -o-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); will-change: transform; -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); } .bibli__panel.bibli__panel--float.is-open { -ms-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .bibli__panel.bibli__panel--share { width: 33%; border-radius: 2.4rem; } @media only screen and (max-width: 767px) { .bibli__panel.bibli__panel--share { width: auto; padding: 15px; } } .bibli__panel .fill__green { fill: #ec6608; } .bibli__panel__title { padding-top: 15rem; padding-bottom: 5rem; } @media only screen and (max-width: 767px) { .bibli__panel__title { padding-top: 30px; } } .bibli__panel--share .bibli__panel__title { padding-top: 4.5rem; } @media only screen and (max-width: 767px) { .bibli__panel--share .bibli__panel__title { padding-top: 15px; padding-bottom: 15px; } } .bibli__panel__close { position: absolute; top: 13.2rem; right: 4.8rem; width: 5.4rem; cursor: pointer; } @media only screen and (max-width: 767px) { .bibli__panel__close { top: 30px; right: 15px; } } .bibli__panel__item { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0px; } .bibli__panel__item__remove { width: 3.2rem; cursor: pointer; } .bibli__list__model { display: none; } .bibli__coche__bg__blue { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; opacity: 0; } .bibli__subitems__item__inner.is-active .bibli__coche__bg__blue { opacity: 1; } .bibli__coche__bd__blue { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; opacity: 1; } .bibli__subitems__item__inner.is-active .bibli__coche__bd__blue { opacity: 0; } .bibli__subitems__link { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .biblipartage__cols { width: 126rem; margin: 0px auto; padding-top: 8.3rem; display: flex; justify-content: space-between; } @media only screen and (max-width: 767px) { .biblipartage__cols { flex-direction: column-reverse; width: auto; padding-top: 0px; } } @media only screen and (min-width: 768px) { .contact__form__wrap { width: 63%; padding: 4rem 5rem; } } .contact__form__wrap__inner { position: relative; } .biblipartage__titreform { padding-bottom: 3.5rem; } #formlineitems { display: none; } .we__form__wrap { position: relative; } .form__msg__offline { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } @media only screen and (max-width: 767px) { .page__wrap__espaceclient, .page__wrap__register, .page__wrap__pwdrecovery, .page__wrap__pwdchange, .page__wrap__partage { background: #a3c4e9; } } @media only screen and (min-width: 768px) { .espaceclient__form__wrap { width: 85rem; margin: 0px auto; margin-top: 4rem; padding: 4rem 5rem; } } @media only screen and (max-width: 767px) { .espaceclient__form__wrap { padding: 15px; } } .espaceclientmain__txtform { padding-bottom: 3.5rem; } .espaceclient__other__txts__blocb { display: flex; flex-direction: column; align-items: flex-end; } .espaceclient__other__txts { padding-top: 2.8rem; } @media only screen and (max-width: 767px) { .espaceclient__other__txts { display: flex; flex-direction: column-reverse; align-items: flex-end; } } .espaceclient__other__txts__register__cta { margin-top: 1.6rem; } @media only screen and (min-width: 768px) { .register__form__wrap { width: 85rem; margin: 0px auto; margin-top: -2.2rem; padding: 4rem 5rem; } } .register__txtform { padding-bottom: 3.5rem; } .register__other__txts__blocb { display: flex; flex-direction: column; align-items: flex-end; } .register__other__txts { padding-top: 2.8rem; } .register__other__txts__register__cta { margin-top: 1.6rem; } @media only screen and (max-width: 767px) { .espaceclient__other__txts__bloca { margin-top: 15px; text-align: center; } } @media only screen and (min-width: 768px) { .pwdrecovery__form__wrap { width: 85rem; margin: 0px auto; margin-top: 4rem; padding: 4rem 5rem; } } .pwdrecovery__txtform { padding-bottom: 3.5rem; } .pwdrecovery__other__txts__blocb { display: flex; flex-direction: column; align-items: flex-end; } .pwdrecovery__other__txts { padding-top: 2.8rem; } .pwdrecovery__other__txts__register__cta { margin-top: 1.6rem; } @media only screen and (min-width: 768px) { .pwdchange__form__wrap { width: 85rem; margin: 0px auto; margin-top: 4rem; padding: 4rem 5rem; } } .pwdchange__txtform { padding-bottom: 3.5rem; } .pwdchange__other__txts__blocb { display: flex; flex-direction: column; align-items: flex-end; } .pwdchange__other__txts { padding-top: 2.8rem; } .pwdchange__other__txts__register__cta { margin-top: 1.6rem; } .main__popup--partage { background: rgba(163, 196, 233, 0.95); z-index: 10; } @media only screen and (max-width: 767px) { .main__popup--partage { overflow-y: scroll; z-index: 30; } } .page__wrap__partage { opacity: 1; } @media only screen and (max-width: 767px) { .page__wrap__partage { padding-top: 15px; } } @media only screen and (min-width: 768px) { .partage__form__wrap { width: 110rem; margin: 0px auto; margin-top: -3rem; padding: 4rem 5rem; } } .partage__txtform { padding-bottom: 3.5rem; opacity: 0; } .partage__other__txts__blocb { display: flex; flex-direction: column; align-items: flex-end; } .partage__other__txts { padding-top: 2.8rem; } .partage__other__txts__register__cta { margin-top: 1.6rem; } #formlineapartager { display: none; } @media only screen and (min-width: 768px) { .page__content__wrap--contact { width: 136.6rem; margin: 0px auto; position: relative; } } @media only screen and (min-width: 768px) { .contact__content { width: 126rem; margin: 0px auto; position: relative; } } @media only screen and (min-width: 768px) { .contact__content__top { margin-top: 8.5rem; display: flex; align-items: flex-start; } } .we__txt__bloc--contact { background: #a3c4e9; } @media only screen and (min-width: 768px) { .we__txt__bloc--contact { width: 40rem; padding: 3rem 5.5rem; } } @media only screen and (min-width: 768px) { .contact__picto { width: 24.5rem; margin-left: 11rem; } } @media only screen and (max-width: 767px) { .contact__picto { margin-top: 15px; } } .contact__items { margin-top: 5rem; justify-content: center; } .contact__item__inner { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 1.5rem 5rem; } .contact__item__logo { background: none no-repeat 50% 50%; background-size: contain; width: 20rem; } .contact__item__logo:before { content: ''; display: block; padding-top: 33.33%; } .contact__item__nom { padding-bottom: 1.5rem; } .contact__item__ste { padding-bottom: 2rem; } .contact__item__poste { padding-bottom: 3rem; } .contact__item__cta { display: flex; align-items: center; padding: 1.3rem 2.2rem; line-height: 1; cursor: pointer; position: relative; } .contact__item__cta:before { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #000; border-radius: 2.4rem; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scale(0.99); -moz-transform: scale(0.99); -ms-transform: scale(0.99); -o-transform: scale(0.99); transform: scale(0.99); } .is-desktop .contact__item__cta:hover:before { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .contact__item__cta span { position: relative; } .contact__item__cta__picto { display: inline-block; width: 3rem; margin-left: 1.6rem; } .contact__item__cta__picto path { stroke: #fff; } .page__content__wrap--private { position: relative; padding-top: 20rem; text-align: center; } @media only screen and (min-width: 768px) { .page__content__wrap--private { width: 136.6rem; margin: 0px auto; } } .page__content__wrap--private a { text-decoration: underline; } .toaster__wrap { position: fixed; bottom: 0px; left: 0px; padding: 3.4rem; z-index: 100; pointer-events: none; } .toaster__wrap { -ms-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -webkit-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -moz-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); -o-transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); transition: all 0.25s cubic-bezier(0.42, 0, 1, 1); will-change: transform; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; } .toaster__wrap.is-open { -ms-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); transition: all 0.4s cubic-bezier(0, 0, 0.58, 1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; pointer-events: all; } @media only screen and (max-width: 767px) { .toaster__wrap { right: 0px; display: flex; justify-content: center; padding: 2rem; } } .toaster__inner { padding: 3.4rem; background: #245aa6; color: #fff; } @media only screen and (max-width: 767px) { .toaster__inner { padding: 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; } } .toaster__ctas { display: flex; padding-top: 2.5rem; } @media only screen and (max-width: 767px) { .toaster__ctas { justify-content: center; } } .toaster__ctas .bibli__cta { margin-left: 0px; margin-right: 2rem; } @media only screen and (max-width: 767px) { .toaster__ctas .bibli__cta { margin: 0px 1rem; } } .fancybox-slide--image .fancybox-content img { border-radius: 5.5rem; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); background: #fff; -webkit-transition: border-radius 0.35s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: border-radius 0.35s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: border-radius 0.35s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: border-radius 0.35s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: border-radius 0.35s cubic-bezier(0.42, 0, 0.58, 1) 0s; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .page__content__wrap--brochure, .todel .page__content__wrap--plans { left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; } } .todel .brochure__slide__line { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border-left: 2px solid #ffed00; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); z-index: 3; pointer-events: none; } .page__content__wrap--plans .todel .brochure__slide__line { border-left: 2px solid #f5f5f5; } .todel .brochure__slide__mask { position: absolute; top: 0px; bottom: 0px; width: 50%; background: #f5f5f5; pointer-events: none; } .page__content__wrap--plans .todel .brochure__slide__mask { background: #fff; } .todel .brochure__slide__mask--right { left: 50%; } .todel .brochure__slide__wrap { margin-top: 15em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__wrap { margin-top: 24em; } } .todel .brochure__slide__wrap { display: flex; justify-content: center; align-items: center; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__wrap { position: relative; padding: 0px 45px; } .page__content__wrap--plans .todel .brochure__slide__wrap { padding: 0px 15px; } } .todel .brochure__slide__nav { padding: 0px 11em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__nav { position: absolute; top: calc( 100% + 10px); padding: 0px; } } .todel .brochure__slide__nav .svg__wrap { width: 18em; cursor: pointer; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__nav .svg__wrap { width: 40px; } } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__nav--left { left: 15px; } } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__nav--right { right: 15px; } } .todel .brochure__slide__nav--left .svg__wrap { -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .todel .brochure__slide__items__wrap { position: relative; width: 125.2em; overflow: hidden; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__slide__items__wrap { width: 100%; } } .page__content__wrap--plans .todel .brochure__slide__items__wrap { width: 182.4em; padding-bottom: 22em; } @media only screen and (orientation: landscape) and (max-height: 727px) { .page__content__wrap--plans .todel .brochure__slide__items__wrap { width: 220em; } } @media only screen and (orientation: portrait) and (max-width: 727px) { .page__content__wrap--plans .todel .brochure__slide__items__wrap { width: 100%; padding-bottom: 40px; } } .todel .brochure__actions { position: absolute; bottom: 15em; left: 210em; left: auto; right: 28em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__actions { position: static; display: flex; justify-content: center; align-items: center; height: 60px; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .brochure__actions { display: flex; bottom: 15px; } } .page__content__wrap--plans .todel .brochure__actions { display: flex; } .todel .brochure__action__a { display: flex; align-items: center; margin-top: 3em; cursor: pointer; margin-left: 9em; position: relative; overflow: hidden; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__action__a { margin-top: 0px; margin-left: 0px; } .todel .brochure__action__a + .todel .brochure__action__a { margin-left: 10px; } } .todel .brochure__action__picto { width: 9.2em; margin-right: 2em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__action__picto { width: 20px; margin-right: 2px; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .brochure__action__picto { width: 20em; } } .brochure__action__a--dl .todel .brochure__action__picto .svg__arrow__right__st { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__action__txt .inner { font-size: 9px; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .brochure__action__txt { display: none; } } .todel .brochure__action__txt__inner { text-transform: uppercase; } .todel .brochure__action__mask { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #f5f5f5; } .page__content__wrap--plans .todel .brochure__action__mask { background: #fff; } .page__content__wrap--plans .todel .brochure__other__lang__wrap { display: none; } .todel .brochure__other__lang__title { position: absolute; width: 61.6em; top: 15em; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); text-align: right; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__other__lang__title { top: 17em; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: auto; right: 15px; text-align: left; } } .todel .brochure__other__lang__a { position: absolute; left: 24.8em; width: 27em; top: 15em; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__other__lang__a { top: 17.4em; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); width: auto; left: 45px; text-align: left; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .brochure__other__lang__a { width: 54em; left: 0px; text-align: right; } } .todel .brochure__other__lang__arrow { position: absolute; left: 51em; top: 44em; width: 8.6em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .todel .brochure__other__lang__arrow { top: 16em; left: 15px; width: 25px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .brochure__other__lang__arrow { width: 18em; top: 76em; } } .todel .plans__photositemstitre { padding: 2em 2em 14em; text-align: center; } .todel .plans__photositemstitre .inner { font-size: 4.5em; } @media only screen and (orientation: landscape) and (max-height: 727px) { .todel .plans__photositemstitre .inner { font-size: 8em; } } .page__wrap__site-shops-shopsplans .todel .plans__photositemstitre .inner { font-family: 'NHaasGroteskDSPro-55Rg'; } .todel .brochure__wrap { height: 100%; } .todel .brochure__wrap__inner { position: absolute; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__wrap__inner { top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; padding-top: 0px; display: flex; align-items: center; flex-direction: column; justify-content: center; } } .todel .brochure__slide__wrap { padding-top: 46.6em; position: relative; width: 409.6em; margin: 0px auto; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__wrap { padding: 0px 30px 60px; } } .todel .brochure__slide__wrap.brochure__slide__wrap--brochurebmodel .brochure__slide__subitem__txts { text-align: center; } .todel .brochure__slide__wrap.brochure__slide__wrap--brochurecmodel .brochure__slide__subitem__txts { display: flex; padding-left: 30em; padding-right: 30em; justify-content: space-between; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__wrap.brochure__slide__wrap--brochurecmodel .brochure__slide__subitem__txts { padding-left: 0px; padding-right: 0px; } } .todel .brochure__slide__subitem__txts { height: 26em; } .todel .brochure__slide__subitem__titre, .todel .brochure__slide__subitem__titreb { font-size: 7.6em; } .todel .brochure__slide__nav { position: absolute; width: 34em; margin-top: 138.6em; cursor: pointer; z-index: 2; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__nav { width: 40px; margin-top: 0px; bottom: 20px; } } .todel .brochure__slide__nav--left { left: 24.4em; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__nav--left { left: auto; right: 53%; } } .todel .brochure__slide__nav--right { right: 24.4em; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__nav--right { right: auto; left: 53%; } } .todel .brochure__slide__items__wrap { width: 416em; margin: 0px auto; overflow: hidden; position: relative; width: 288em; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__slide__items__wrap { width: calc(100vw - 60px); } } .todel .brochure__slide__items__wrap.brochure__slide__items__wrap--brochurebmodel { margin-top: -26em; } .todel .brochure__slide__items { border: 0px solid #e7ddd8; margin: 0px auto; } .todel .brochure__slide__item { display: none; } .todel .brochure__slide__item:first-child { display: block; } .todel .brochure__actions { width: 416em; display: flex; justify-content: center; margin: 0px auto; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__actions { justify-content: center; } } .todel .brochure__action__a { display: block; margin: 26em 20em 0px; cursor: pointer; position: relative; overflow: hidden; display: flex; align-items: center; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__action__a.brochure__action__a--fs { display: none; } } .todel .brochure__action__picto { width: 11.2em; display: inline-block; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__action__picto { width: 12px; } } .todel .brochure__action__txt { display: inline-block; margin: 0px 6.6em; font-family: 'Prata'; } .todel .brochure__action__txt__inner { font-size: 7.6em; line-height: 1; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .brochure__action__txt__inner { font-size: 17px; } } .todel .bg__text--brochure { position: absolute; bottom: -40em; left: 21em; pointer-events: none; } .todel .bg__text--brochure .bg__text__inner { display: inline-block; position: relative; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .bg__text--brochure { bottom: 5px; left: 0px; width: 100%; text-align: center; } } .todel .bg__text__picto { position: absolute; display: block; width: 38.8em; } .todel .bg__text__picto.picto--tech { top: 20em; left: 294em; } .todel .bg__text__picto.picto--brochure { top: 20em; left: 222em; } .todel .brochure__action__mask { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #facfbd; } .todel .brochure__fs__slide { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #facfbd; } .todel .brochure__fs__slide__items { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } .todel .brochure__fs__slide__items .slick-list { height: 100%; } .todel .brochure__fs__slide__items .slick-track { height: 100%; } .todel .brochure__fs__slide__item { display: block; background: none no-repeat 50% 50%; background-size: contain; position: absolute; top: 5rem; bottom: 5rem; left: 5rem; right: 5rem; } .todel .brochure__fs__slide__item__wrap { position: relative; } .todel .brochure__fs__slide__item__wrap .brochure__slide__subitem__txts { position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.2); display: flex; justify-content: center; height: auto; background: transparent; } .todel .brochure__fs__slide__item__wrap .brochure__slide__subitem__txts .brochure__slide__subitem__titre, .todel .brochure__fs__slide__item__wrap .brochure__slide__subitem__txts .brochure__slide__subitem__titreb { font-size: 3em; padding: 0px 1em 0.4em; font-size: 2em; } .todel .brochure__fs__slide__nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 4vw; cursor: pointer; } .todel .brochure__fs__slide__nav--left { left: 1vw; } .todel .brochure__fs__slide__nav--right { right: 1vw; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } @media only screen and (orientation: portrait) and (max-width: 727px) { .page__content__wrap--axo { left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; } } .axo__title { position: absolute; top: 31em; right: 251em; -webkit-transform-origin: 100% 0px; -moz-transform-origin: 100% 0px; -ms-transform-origin: 100% 0px; -o-transform-origin: 100% 0px; transform-origin: 100% 0px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); line-height: 1; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__title { display: none; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__title { right: auto; top: 10em; left: 26em; -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transform: rotate(-90deg) translateX(-100%); -moz-transform: rotate(-90deg) translateX(-100%); -ms-transform: rotate(-90deg) translateX(-100%); -o-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); } } .axo__subtitle { position: absolute; top: 23em; right: 35em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__subtitle { display: none; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__subtitle { right: 34em; top: 10em; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0px; -moz-transform-origin: 100% 0px; -ms-transform-origin: 100% 0px; -o-transform-origin: 100% 0px; transform-origin: 100% 0px; } } .axo__subtitle .inner { font-size: 4em; text-transform: uppercase; } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__subtitle .inner { font-size: 6.8em; } } .axo__turn { display: none; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__turn { display: block; } } .axo__map { margin: 31em auto 0px; width: 203em; position: relative; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__map { margin-top: 15em; width: auto; padding: 0px 15px; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__map { margin-top: 10em; width: 260em; } } .axo__infos { padding-left: 111.6em; padding-top: 10.2em; display: flex; flex-direction: column; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__infos { display: none; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__infos { display: flex; padding-left: 40em; padding-right: 40em; justify-content: center; flex-direction: row; } } .axo__info { display: flex; align-items: center; padding: 1.4em 0px; position: relative; } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__info { padding-right: 10em; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__info .axo__info__txt .inner { font-size: 5.6em; } } .axo__info__picto { width: 4.4em; height: 4.4em; border-radius: 50%; border: 1px solid #111; margin-right: 3.2em; } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__info__picto { width: 6.6em; height: 6.6em; } } .axo__info__picto.axo__info__picto--yellow { background: #ffed00; } .axo__info__picto.axo__info__picto--gray { background: #f5f5f5; } .axo__info__picto.axo__info__picto--white { background: #fff; } .axo__info__mask { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #f5f5f5; } .axo__actions { position: absolute; bottom: 15em; right: 15em; } @media only screen and (orientation: portrait) and (max-width: 727px) { .axo__actions { position: static; display: flex; justify-content: center; } } @media only screen and (orientation: landscape) and (max-height: 727px) { .axo__actions { bottom: 15px; right: 22em; } } .todel .axo__wrap { height: 100%; overflow: hidden; position: relative; } .todel .axo__wrap__inner { position: absolute; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__wrap__inner { top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; padding-top: 0px; display: flex; align-items: center; flex-direction: column-reverse; justify-content: center; padding: 0px 30px; } } .todel .axo__header { padding-top: 22.6em; padding-left: 90.6em; display: inline-block; pointer-events: none; display: flex; align-items: center; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__header { position: absolute; padding: 0px; bottom: 20px; padding: 0px 30px; display: none; } } .todel .axo__header__legendes { display: flex; margin-left: 23.6em; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__header__legendes { display: none; } } .todel .axo__header__legende { display: flex; align-items: center; border: 2px solid #fec900; padding: 2.6em; margin-right: 7.6em; } .todel .axo__header__legende img { width: 15.4em; margin-right: 5px; } .todel .axo__header__legende .svg__wrap { width: 10.8em; margin-right: 7em; } .todel .axo__header__legende span { font-size: 6.8em; letter-spacing: 0.2em; color: #fec900; } .todel .axo__header__txt { font-size: 8.8em; font-family: 'Prata'; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__header__txt { font-size: 36px; } } .todel .axo__header__picto { display: none; width: 17.6em; height: 14.4em; vertical-align: middle; margin-top: 1em; max-width: none; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__header__picto { position: absolute; width: 28px; height: 24px; margin-top: -5px; left: 250px; display: inline-block; } } .todel .axo__inner { position: absolute; left: 4.4%; right: 4.4%; bottom: 0px; height: 87%; left: 12.45%; top: 12.89%; width: 75.11%; height: 70.9%; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__inner { position: static; width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; height: auto; } } .todel .axo__slide__nav { position: absolute; width: 34.6em; z-index: 10; top: 304em; } .todel .axo__slide__nav patho, .todel .axo__slide__nav polygono { filter: url(#drop-shadow2); } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__slide__nav { display: none; } } .todel .axo__slide__nav--left { cursor: pointer; left: 149.2em; } .todel .axo__slide__nav--right { cursor: pointer; left: 227.6em; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .todel .axo__slide__nav--right path { filter: url(#drop-shadow2b); } .todel .axo__slide__nav--losange { width: 12em; margin-left: 201.4em; top: 315em; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__slide__nav--losange { display: none; } } .todel .axo__turn { display: none; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__turn { display: block; } } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__slide__items { position: relative; } .todel .axo__slide__items:before { content: ''; display: block; padding-top: 71.1538461538%; } } .todel .axo__slide__item { display: none; position: relative; position: absolute; width: 100%; bottom: 0px; } .todel .axo__slide__item:first-child { display: block; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__slide__item { bottom: auto; top: 0px; } } .todel .axo__marker { position: absolute; width: 8em; cursor: pointer; } @media only screen and (max-width: 767px) and (max-aspect-ratio: 175 / 100) { .todel .axo__marker { display: none; } } .todel .axo__marker img { display: block; margin-left: -7.6em; margin-top: -7.6em; } .todel .axo__marker .svg__wrap { display: block; margin-left: -4em; margin-top: -4em; } .todel .axo__marker .svgline { stroke: #000; } .popup__img__with__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: none no-repeat 50% 50%; background-size: cover; background-color: #facfbd; background-size: contain; } .sup { font-size: 70%; vertical-align: super; } .video__loader { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; overflow: hidden; background: #b4ceef; display: flex; justify-content: center; align-items: center; } .video__loader img { width: 30vw; max-width: 536px; } @media only screen and (max-width: 1279px) { .video__loader img { width: 30vw; } } @media only screen and (max-width: 767px) { .video__loader img { width: 70vw; } } .video__loader__videoo { min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); } .video__loader__video { width: 100%; height: 100%; } .logout__screen { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 101; background: #f5f5f5; display: flex; justify-content: center; align-items: center; color: #000; flex-direction: column; font-size: 18px; text-align: center; display: none; } .logout__screen.is-visible { display: block; opacity: 0; display: flex; } .logout__screen.is-showing { -webkit-transition: opacity 0.45s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -moz-transition: opacity 0.45s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -ms-transition: opacity 0.45s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; -o-transition: opacity 0.45s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; transition: opacity 0.45s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; opacity: 1; } .logout__txt { padding-bottom: 30px; line-height: 1.8; } .reload__cta__wrap { text-align: center; } .reload__cta { display: inline-block; background: #ffed00; color: #666; padding: 15px 20px; cursor: pointer; } .home__slide, .home__slide__items { height: 100vh; height: 100%; width: 100%; overflow: hidden; } .home__slide__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #245aa6; } .home__slide__items__wrap { position: absolute; } @media only screen and (max-width: 767px) { .home__slide__items__wrap { width: 100% !important; height: 100vh !important; position: static !important; } } .home__slide__item { position: absolute; width: 100%; height: 100%; visibility: hidden; overflow: hidden; font-size: inherit; letter-spacing: inherit; } .home__slide__item:nth-child(1) { visibility: visible; } .slick-initialized .home__slide__item { visibility: visible; } .home__slide__visu { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; justify-content: center; align-items: center; } .home__slide__visu--icon { display: none; } @media only screen and (min-width: 768px) { .home__slide__visu__img__wrap { position: absolute; left: 29.19%; top: 28.25%; width: 41.56%; height: 43.5%; } } @media only screen and (max-width: 767px) { .home__slide__visu__img__wrap { padding: 20px; position: relative; } } .home__slide__visu__img__wrap__visu { position: relative; } .home__slide__visu__img__wrap__visu:after { content: ''; display: block; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #245aa6; opacity: 0.95; } .home__slide__visu__img { display: block; max-width: none; width: 100%; } .home__slide__visu--icon .home__slide__visu__img { visibility: hidden; } .home__slide__icon__img { position: absolute; right: 0px; top: 0px; -webkit-transform: translate3d(50%, -50%, 0px); -moz-transform: translate3d(50%, -50%, 0px); -ms-transform: translate3d(50%, -50%, 0px); -o-transform: translate3d(50%, -50%, 0px); transform: translate3d(50%, -50%, 0px); width: 123px; width: 10em; width: 18.4%; } @media only screen and (max-width: 767px) { .home__slide__icon__img { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } } .home__slide__item.home__slide__item--lumiere .home__slide__icon__img { -webkit-transform: translate3d(50%, -85%, 0px); -moz-transform: translate3d(50%, -85%, 0px); -ms-transform: translate3d(50%, -85%, 0px); -o-transform: translate3d(50%, -85%, 0px); transform: translate3d(50%, -85%, 0px); } @media only screen and (max-width: 767px) { .home__slide__item.home__slide__item--lumiere .home__slide__icon__img { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .home__slide__icon__img img { display: block; max-width: none; width: 100%; } .home__slide__txt { color: #fff; text-align: center; font-family: 'amerika_sansregular'; font-size: 130px; letter-spacing: 5px; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; line-height: 0.9; padding: 10%; display: flex; align-items: center; justify-content: center; font-size: 27.4em; letter-spacing: 0em; } @media only screen and (max-width: 767px) { .home__slide__txt { line-height: 1.3; } } .home__slide__txt .inner { width: 100%; } .home__slide__cta { position: absolute; bottom: 16.5%; text-align: center; width: 100%; color: #fff; font-size: 3em; letter-spacing: 0.2em; text-decoration: underline; letter-spacing: 1px; font-weight: 500; } @media only screen and (max-width: 1279px) { .home__slide__cta { font-size: 20px; } } @media only screen and (max-width: 767px) { .home__slide__cta { font-size: 16px; } } .home__slide__item__content { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 24px; padding: 0px 20px; } .home__slide__item__titre { font-size: 160%; padding-bottom: 20px; } .slick-slider { margin-bottom: 0px; } .home__slide__navs { position: absolute; bottom: 50px; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 5; } .home__slide__nav { padding: 10px 5px; } @media only screen and (max-width: 1279px) { .home__slide__nav { padding-left: 12px; padding-right: 12px; } } .home__slide__nav svg { display: block; width: 16px; height: 16px; cursor: pointer; } .circle__outline { fill: none; stroke: #888; stroke-width: 0px; } .circle__inner { fill: #fff; opacity: 1; } .is-selected .circle__inner { fill: #facfbd; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__wrap__inner { display: flex; flex-direction: column; height: auto; min-height: 100%; } .page__bg__wrap { order: 10; } .page__txts__wrap { display: none; } } .ppage__wrap { bgo: #fff; } .page__txts__wrap { margin-left: 130px; width: calc(50% - 130px); height: 100vh; height: 100%; } @media only screen and (max-width: 1205px) { .page__txts__wrap { width: calc(60% - 130px); } } .page__txts { top: auto !important; bottom: 0px !important; left: 130px !important; position: absolute; } .ppage__wrap--site-lumiere-lumierea .page__txts { visibility: hidden; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__txts { top: 0px !important; bottom: auto !important; left: 0px !important; width: auto !important; height: auto !important; position: relative !important; padding-top: 120px; z-index: 2; } } @media only screen and (max-width: 767px) { .page__txts { padding-top: 80px; } } .webapp__axo__wrap { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #fff; } .webapp__axo__inner { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: none no-repeat 50% 50%; background-size: contain; top: 150px; bottom: 50px; top: 100px; } .webapp__axo__bg { position: absolute; background: none no-repeat 50% 50%; background-size: cover; } .webapp__axo__cta { bgo: #f00; position: absolute; cursor: pointer; } .webapp__axo__cta--1 { left: 3.86%; top: 8.25%; width: 12.98%; height: 4.95%; } .webapp__axo__cta--2 { left: 79.03%; top: 35.75%; width: 12.36%; height: 5.6%; } .webapp__axo__cta--3 { left: 8.39%; top: 70.05%; width: 8.95%; height: 3.85%; } .webapp__axo__cta--4 { left: 79.03%; top: 69.6%; width: 11.13%; height: 4.95%; } .webapp__axo__cta--5 { left: 6.21%; top: 75.7%; width: 10.63%; height: 4.65%; } .webapp__axo__cta--6 { left: 79.25%; top: 78.65%; width: 10.07%; height: 4.95%; } .webapp__axo__legends { position: absolute; bottom: 2vw; left: 10vw; width: 15vw; } .page__bg__wrap { position: absolute; top: 0px; height: 100vh; right: 0px; height: auto; top: 0px; bottom: 0px; } .ppage__wrap--site-lumiere-lumierea .page__bg__wrap { visibility: hidden; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__bg__wrap { position: relative; left: 0px !important; top: -60px; } .page__bg__wrap:before { content: ''; display: block; padding-top: 80%; } } @media only screen and (max-width: 767px) { .page__bg__wrap:before { padding-top: 110%; } } .page__bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #fff; background: none no-repeat 50% 50%; background-size: cover; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__bg { bottom: -60px; } } .page__bg__wrap--pagecmodel .page__bg { left: 12vw; background: none no-repeat 50% 50%; background-size: contain; background-size: contain; top: 70px; } .page__bg__wrap--pagedmodel .page__bg { top: 100px; background: none no-repeat 50% 50%; background-size: contain; } .page__bg__wrap--pagedmodel { background: #dbe8f7; } .page__bg--inside { opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; pointer-events: none; } .page__bg--inside.is-active { opacity: 1; pointer-events: all; } @media only screen and (max-width: 767px) { .page__bg__link { position: absolute; display: block; top: 0px; bottom: 0px; left: 0px; right: 0px; } } .page__txts__mover { position: absolute; width: 100%; height: 100%; background: #245aa6; bottom: 0px; } .page__arrow__mover { position: absolute; width: 100%; height: 100%; background: #245aa6; bottom: 0px; } .webapp__axo__navs .page__arrow__mover { display: none; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__arrow__mover { display: none; } } .page__arrow__mover__prev { position: absolute; width: 100%; height: 100%; background: #245aa6; bottom: 0px; } .webapp__axo__navs .page__arrow__mover__prev { display: none; } @media only screen and (min-aspect-ratio: 100 / 100) { .page__arrow__mover__prev { display: none; } } .page__arrow__mover__mask { position: absolute; width: 100%; height: 100%; background: #245aa6; bottom: 0px; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); display: none; } .page__nb__n__ptitre { position: relative; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 4em; } @media only screen and (max-width: 767px) { .page__nb__n__ptitre { padding: 10px; } } .page__nb { text-decoration: underline; font-size: 7.8em; font-family: 'amerika_sansregular'; line-height: 1; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__nb { font-size: 16em; } } @media only screen and (max-width: 767px) { .page__nb { font-size: 32px; letter-spacing: 1px; } } .page__ptitre { font-size: 2.4em; font-weight: 600; letter-spacing: 0.06em; font-size: 12px; } @media only screen and (min-width: 1600px) { .page__ptitre { font-size: 2.4em; } } @media only screen and (max-aspect-ratio: 100 / 100) { .page__ptitre { font-size: 4.8em; } } @media only screen and (max-width: 767px) { .page__ptitre { font-size: 12px; } } .page__titre__n__picto { position: relative; display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; } .page__titrepage__wrap { width: 43.470790378%; padding-left: 3em; padding-right: 2em; } @media only screen and (max-width: 767px) { .page__titrepage__wrap { width: 55%; padding-left: 10px; padding-right: 10px; } } .page__titrepage { font-size: 7em; text-align: right; line-height: 1.1; font-weight: 600; word-break: keep-all; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__titrepage { font-size: 10em; } } @media only screen and (max-width: 767px) { .page__titrepage { font-size: 20px; } } .page__picto__wrap { padding-left: 16em; padding-bottom: 13em; } .page__picto { width: 25.6em; } @media only screen and (max-width: 767px) { .page__picto { width: 64px; } } .picto__nav__titre__wrap { padding-bottom: 2.2em; border-bottom: 1px solid #fff; text-align: center; } @media only screen and (max-aspect-ratio: 100 / 100) { .picto__nav__titre__wrap { padding-bottom: 11px; } } .picto__nav__titre { font-size: 2.4em; letter-spacing: 0.08em; line-height: 1.2; } @media only screen and (max-aspect-ratio: 100 / 100) { .picto__nav__titre { font-size: 4.8em; } } @media only screen and (max-width: 767px) { .picto__nav__titre { font-size: 12px; } } .picto__nav__items { display: flex; margin: 0px -2em; padding-top: 2.6em; } @media only screen and (max-aspect-ratio: 100 / 100) { .picto__nav__items { margin: 0px -10px; padding-top: 13px; } } .picto__nav__item { padding: 0px 2em; } @media only screen and (max-aspect-ratio: 100 / 100) { .picto__nav__item { padding: 0px 10px; } } .picto__nav__item__hover { width: 18em; cursor: pointer; position: relative; } @media only screen and (max-aspect-ratio: 100 / 100) { .picto__nav__item__hover { width: 26em; } } @media only screen and (max-width: 767px) { .picto__nav__item__hover { width: 50px; } } .pagec__picto, .pagec__pictob { -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .picto__nav__item.is-active .pagec__picto, .picto__nav__item.is-active .pagec__pictob { opacity: 0; } .picto__nav__item:hover .pagec__picto, .picto__nav__item:hover .pagec__pictob { opacity: 0; } .pagec__pictoh, .pagec__pictobh { position: absolute; top: 0px; width: 100%; -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s; opacity: 0; } .picto__nav__item.is-active .pagec__pictoh, .picto__nav__item.is-active .pagec__pictobh { opacity: 1; } .picto__nav__item:hover .pagec__pictoh, .picto__nav__item:hover .pagec__pictobh { opacity: 1; } .page__txts__n__etiqs { bottom: 0px; position: absolute; width: 100%; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__txts__n__etiqs { position: static; } } .page__txts__inner { width: 87.125748503%; bgo: #245aa6; color: #fff; position: relative; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__txts__inner { width: 60vw; } } @media only screen and (max-width: 767px) { .page__txts__inner { width: 90vw; } } .page__txt__wrap { position: relative; padding-right: 12.8865979381%; padding-left: 43.470790378%; padding-bottom: 10em; } @media only screen and (max-width: 767px) { .page__txt__wrap { padding-left: 80px; padding-right: 40px; padding-bottom: 20px; padding-top: 30px; } } .page__txt { font-size: 2.4em; line-height: 1.8; font-size: 12px; font-weight: 500; } @media only screen and (max-width: 1279px) { .page__txt { font-size: 11px; line-height: 1.5; } } @media only screen and (min-width: 1600px) { .page__txt { font-size: 2.4em; } } @media only screen and (max-aspect-ratio: 100 / 100) { .page__txt { font-size: 4.8em; } } @media only screen and (max-width: 767px) { .page__txt { font-size: 12px; line-height: 1.4; letter-spacing: 0.5px; font-size: 11px; } } .page__nav__arrow { position: absolute; width: 17.4em; height: 23.4em; bgo: #245aa6; font-size: inherit; } .webapp__axo__navs .page__nav__arrow { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 6.525vw; height: 8.775vw; } @media only screen and (max-width: 767px) { .webapp__axo__navs .page__nav__arrow { width: 43px; height: 58px; } } @media only screen and (max-width: 767px) { .page__nav__arrow { width: 43px; height: 58px; } } .page__nav__arrow svg { display: block; width: 100%; height: 100%; position: relative; } .page__nav__arrow .stroke__white { fill: none; stroke: #fff; stroke-width: 1px; } .webapp__axo__navs .page__nav__arrow .stroke__white { stroke: #facfbd; } .page__nav__arrow .arrownav__path__a { stroke-width: 1px; } .page__nav__arrow--prev { bottom: 0px; left: 0px; } .webapp__axo__navs .page__nav__arrow--prev { left: 10vw; left: 3vw; } @media only screen and (max-width: 767px) { .webapp__axo__navs .page__nav__arrow--prev { left: 20px; } } @media only screen and (max-aspect-ratio: 100 / 100) { .page__nav__arrow--prev { bottom: auto; top: 100%; bgo: #245aa6; } } .page__nav__arrow--next { right: 0px; bottom: 0px; } .webapp__axo__navs .page__nav__arrow--next { right: 10vw; right: 3vw; } @media only screen and (max-width: 767px) { .webapp__axo__navs .page__nav__arrow--next { right: 20px; } } @media only screen and (max-aspect-ratio: 100 / 100) { .page__nav__arrow--next { right: auto; right: 40vw; } } @media only screen and (max-width: 767px) { .page__nav__arrow--next { right: 10vw; } } .page__bg__txt__wrap { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media only screen and (max-width: 1200px) { .page__bg__txt__wrap { padding-left: 10em; } } .page__bg__txt { font-size: 2.0vw; font-family: 'amerika_sansregular'; color: #245aa6; text-align: center; } @media only screen and (max-aspect-ratio: 100 / 100) { .page__bg__txt { font-size: 3.5vw; } } .page__bg__txt__icon { padding: 3em 0px; } .page__bg__txt__icon:first-child { visibility: hidden; } .page__bg__txt__icon img { width: 18em; } .main__popup.is-showing { -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.9s cubic-bezier(0.55, 0, 0.1, 1); } .main__popup.is-hiding { -ms-transition: all 0.75s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: all 0.75s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 0.75s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.75s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.75s cubic-bezier(0.55, 0, 0.1, 1); } .main__popup__close__svg .close__path__a, .main__popup__close__svg .close__path__b { stroke-dashoffset: 0px; stroke-dasharray: 75,150; -webkit-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: none 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .main__popup__close__svg:hover .close__path__a, .main__popup__close__svg:hover .close__path__b { stroke-dashoffset: -225px; -webkit-transition: stroke-dashoffset 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: stroke-dashoffset 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: stroke-dashoffset 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: stroke-dashoffset 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: stroke-dashoffset 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .main__popup__close__svg:hover .close__path__b { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .etiqs { width: 58.23%; position: relative; color: #fff; line-height: 1.1; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiqs { width: 58vw; bottom: 0px; position: absolute; } } @media only screen and (max-width: 767px) { .etiqs { width: 83vw; } } .etiq { cursor: pointer; } .etiq--typea { background: #facfbd; padding: 0px 5em; position: absolute; right: 0px; -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); -ms-transform: translateY(-99%); -o-transform: translateY(-99%); transform: translateY(-99%); padding-bottom: 5em; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .etiq--typea:hover { -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); -ms-transform: translateY(-99%); -o-transform: translateY(-99%); transform: translateY(-99%); } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typea { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); padding-top: 5em; padding-bottom: 0px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .etiq--typea:hover { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @media only screen and (max-width: 767px) { .etiq--typea { padding: 0px 25px; padding-top: 20px; } } .etiq--typea:before { content: ''; display: block; position: absolute; background: #facfbd; height: 5.4em; width: 100%; margin-left: -5em; margin-top: -5em; top: 0px; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typea:before { top: 100%; margin-top: 0px; } } @media only screen and (max-width: 767px) { .etiq--typea:before { margin-left: -25px; height: 20px; } } .etiq--typea .etiq__inner { font-family: 'amerika_sansregular'; text-align: center; font-size: 5.4em; position: relative; padding-top: 5px; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typea .etiq__inner { padding-top: 0px; } } @media only screen and (max-width: 767px) { .etiq--typea .etiq__inner { font-size: 14px; } } .etiq--typeb { background: #fdf0e4; padding: 11.6em 0px; position: absolute; right: 0px; padding-left: 5em; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: translateY(-100%) rotate(-90deg) translateX(0%); -moz-transform: translateY(-100%) rotate(-90deg) translateX(0%); -ms-transform: translateY(-100%) rotate(-90deg) translateX(0%); -o-transform: translateY(-100%) rotate(-90deg) translateX(0%); transform: translateY(-100%) rotate(-90deg) translateX(0%); -webkit-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -moz-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -ms-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; -o-transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .etiq--typeb:hover { -webkit-transform: translateY(-100%) rotate(-90deg) translateX(99%); -moz-transform: translateY(-100%) rotate(-90deg) translateX(99%); -ms-transform: translateY(-100%) rotate(-90deg) translateX(99%); -o-transform: translateY(-100%) rotate(-90deg) translateX(99%); transform: translateY(-100%) rotate(-90deg) translateX(99%); } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typeb { padding-left: 0px; padding-right: 5em; -webkit-transform: translateY(-100%) rotate(-90deg) translateX(100%); -moz-transform: translateY(-100%) rotate(-90deg) translateX(100%); -ms-transform: translateY(-100%) rotate(-90deg) translateX(100%); -o-transform: translateY(-100%) rotate(-90deg) translateX(100%); transform: translateY(-100%) rotate(-90deg) translateX(100%); } .etiq--typeb:hover { -webkit-transform: translateY(-100%) rotate(-90deg) translateX(0%); -moz-transform: translateY(-100%) rotate(-90deg) translateX(0%); -ms-transform: translateY(-100%) rotate(-90deg) translateX(0%); -o-transform: translateY(-100%) rotate(-90deg) translateX(0%); transform: translateY(-100%) rotate(-90deg) translateX(0%); } } @media only screen and (max-width: 767px) { .etiq--typeb { padding: 28px 0px; padding-right: 20px; } } .etiq--typeb:before { content: ''; display: block; position: absolute; background: #fdf0e4; height: 100%; width: 5em; right: -5em; top: 0px; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typeb:before { left: -5em; right: 0px; } } @media only screen and (max-width: 767px) { .etiq--typeb:before { width: 20px; left: -20px; } } .etiq--typeb .etiq__inner { font-family: 'amerika_sansregular'; text-align: center; font-size: 11em; position: relative; line-height: 1; color: #facaa7; } @media only screen and (max-width: 767px) { .etiq--typeb .etiq__inner { font-size: 27px; } } .etiq--typec { background: #facaa7; width: auto; } .etiq--typec:before { background: #facaa7; } .etiq--typec .etiq__inner { font-size: 7.4em; } @media only screen and (max-width: 767px) { .etiq--typec .etiq__inner { font-size: 19px; } } .etiq--typed { padding-left: 9.6em; padding-right: 9.6em; } @media only screen and (max-width: 767px) { .etiq--typed { padding-left: 24px; padding-right: 24px; } } .etiq--typed:before { margin-left: -9.6em; } @media only screen and (max-width: 767px) { .etiq--typed:before { margin-left: -24px; } } .etiq--typed .etiq__inner { font-size: 3em; line-height: 1.4; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typed .etiq__inner { font-size: 10px; } } .etiq--typee { background: #fdf0e4; padding-left: 18em; padding-right: 18em; padding-bottom: 10em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typee { padding-bottom: 0px; padding-top: 10em; } } @media only screen and (max-width: 767px) { .etiq--typee { padding-left: 50px; padding-right: 50px; padding-bottom: 0px; padding-top: 40px; } } .etiq--typee:before { background: #fdf0e4; margin-left: -18em; height: 10.2em; margin-top: -10em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typee:before { margin-top: 0px; } } @media only screen and (max-width: 767px) { .etiq--typee:before { margin-left: -50px; height: 40px; } } .etiq--typee .etiq__inner { color: #facfbd; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typee .etiq__inner { padding-bottom: 0px; padding-top: 20px; } } @media only screen and (max-width: 767px) { .etiq--typee .etiq__inner { padding-top: 0px; } } .etiq--typef .etiq__inner { font-size: 7.6em; padding-top: 20px; padding-bottom: 20px; line-height: 1.0; } @media only screen and (max-width: 767px) { .etiq--typef .etiq__inner { font-size: 19px; } } .etiq--typeg { padding-left: 14em; padding-right: 14em; } @media only screen and (max-width: 767px) { .etiq--typeg { padding-left: 35px; padding-right: 35px; } } .etiq--typeg:before { margin-left: -14em; } @media only screen and (max-width: 767px) { .etiq--typeg:before { margin-left: -35px; } } .etiq--typeg .etiq__inner { font-size: 4.4em; padding-top: 20px; padding-bottom: 20px; line-height: 1.3; } @media only screen and (max-width: 767px) { .etiq--typeg .etiq__inner { font-size: 11px; padding-top: 0px; padding-bottom: 0px; } } .etiq--typeh { background: #facaa7; } .etiq--typeh:before { background: #facaa7; } .etiq--typeh .etiq__inner { font-size: 4.4em; padding-top: 30px; padding-bottom: 30px; line-height: 1.3; } @media only screen and (max-width: 767px) { .etiq--typeh .etiq__inner { font-size: 11px; padding-top: 20px; padding-bottom: 20px; } } .etiq--higher:before { height: 10.2em; margin-top: -10em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--higher:before { margin-top: 0px; } } .etiq--pink { background: #facfbd; } .etiq--pink:before { background: #facfbd; } .etiq--fz22 .etiq__inner { font-size: 4.4em; line-height: 1.3; } @media only screen and (max-width: 767px) { .etiq--fz22 .etiq__inner { font-size: 11px; } } .etiq--typei { padding-left: 12em; padding-right: 12em; padding-top: 0em; padding-bottom: 15em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typei { padding-top: 15em; padding-bottom: 0em; } } @media only screen and (max-width: 767px) { .etiq--typei { padding-left: 30px; padding-right: 30px; padding-top: 40px; } } .etiq--typei:before { margin-left: -12em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typei:before { margin-top: 0px; } } @media only screen and (max-width: 767px) { .etiq--typei:before { margin-left: -30px; height: 40px; } } .etiq--typej { background: #fdf0e4; padding-left: 16em; padding-right: 16em; padding-bottom: 10em; padding-top: 5em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typej { padding-bottom: 5em; padding-top: 10em; } } @media only screen and (max-width: 767px) { .etiq--typej { padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 20px; } } .etiq--typej:before { background: #fdf0e4; margin-left: -16em; } @media only screen and (max-width: 767px) { .etiq--typej:before { margin-left: -40px; } } .etiq--typej .etiq__inner { font-size: 4.4em; line-height: 1.1; color: #c3d9f2; } @media only screen and (max-width: 767px) { .etiq--typej .etiq__inner { font-size: 11px; } } .etiq--typek .etiq__inner { font-size: 4.4em; } @media only screen and (max-aspect-ratio: 100 / 100) { .etiq--typek .etiq__inner { font-size: 18px; } } .anim__underline { display: inline-block; position: relative; } .anim__underline:before { content: ''; display: block; position: absolute; height: 1px; background: #fff; width: 100%; bottom: 0px; -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .anim__underline:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .pdf__cta { background: #245aa6; position: absolute; right: 0px; bottom: 0px; } @media only screen and (max-aspect-ratio: 100 / 100) { .pdf__cta { position: static; order: 11; } } .pdf__cta__link { display: block; display: flex; padding: 20px 30px 20px 24px; color: #fff; font-weight: 500; font-size: 12px; justify-content: center; align-items: center; } .pdf__cta__icon { width: 32px; position: relative; } .pdf__cta__icon img { display: block; } .pcat__brochureicone { -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .pdf__cta__link:hover .pcat__brochureicone { opacity: 0; } .pcat__brochureiconeh { position: absolute; top: 0px; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; opacity: 0; } .pdf__cta__link:hover .pcat__brochureiconeh { opacity: 1; } .pdf__cta__txt { padding-left: 10px; line-height: 1.1; -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s; } .pdf__cta__link:hover .pdf__cta__txt { color: #facfbd; } /*# sourceMappingURL=style.css.map */