@CHARSET "UTF-8";

@font-face {
font-family: 'regular';
src: url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Bold.eot);
src: url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Bold.woff) format("woff"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Bold.ttf) format("truetype"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Bold.svg) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bold';
src: url(http://www.jdga.marsrouge/wp-content/themes/aera/assets/fonts/Interstate-Black.eot);
src: url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Black.woff) format("woff"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Black.ttf) format("truetype"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/Interstate-Black.svg) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/InterstateMono.eot);
src: url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/InterstateMono.woff) format("woff"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/InterstateMono.ttf) format("truetype"), url(https://www.sodico.fr/wp-content/themes/sodico/assets/fonts/InterstateMono.svg) format("svg");
font-weight: normal;
font-style: normal;
}
* {box-sizing:border-box; padding:0; cursor:none; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline:none;}
:root {
--noir:#0f1329;
--saumon:#da9d80;
--blanc:#fff;
--gris:#eeeff3;
--pad:10vw;
--padxs:5vw;
} 
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,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;} body {font-family: 'Roboto', sans-serif; background:var(--blanc); color:var(--noir); line-height: 1.8; font-weight:inherit; overflow: hidden; overflow-y: auto; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -o-transition:background-color .3s; transition: background-color .3s;}
canvas {display: block; position: absolute; top: 0px; left: 0px; z-index: -1; pointer-events: none;}
a {color:var(--saumon); outline:none; webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; text-decoration:none;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
p {margin-bottom:var(--padxs);}
p:last-child {margin-bottom:0!important;}	
body, .slider__content, .product--content-doc li {font-size:1.2rem;}
section {position:relative; clear:both; transform-style:preserve-3d;}
strong {font-weight:inherit;}
button {border:0;}
strong {color:var(--saumon);}
li {list-style:none;}
li:last-child {margin-bottom:0;}
h1, h2, h3 {font-weight: inherit; line-height:1.2;}
h1 {margin-bottom:var(--padxs);}
h2, .mono {font-family: 'mono', sans-serif;}
h2, h3, .introduction {font-size: 1.8rem; line-height:1.3;}
.introduction {position:relative; margin-bottom:var(--padxs);}
.introduction--txt {width:80%;}
.title {font-family: 'bold', sans-serif; font-size:9vw; line-height:.9; word-wrap: break-word;}
.title--center {padding:0 var(--pad); text-align:center;}
.title-h2 {font-size:3.5rem; line-height:1;}
.title-h2 a {color:var(--noir);}
.title-h2 a:hover {color:var(--saumon);}
.introduction--center .title {text-align:center;}
.introduction--center .introduction {margin-bottom:0;}
.introduction--center .introduction--txt {width:60%; margin:auto;}
.underline- a, .st-accordion ul li ul li a {text-decoration: none; background-image: linear-gradient(var(--noir), var(--noir)); background-position: bottom left; background-repeat: no-repeat; 
background-size:100% 1px; webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; padding: .3rem 0;}
.underline- a:hover, .st-accordion ul li ul li a:hover {background-size: 0% 1px;}
.subtitle {font-family: 'Roboto', sans-serif; display:block; margin-bottom:1.5rem;}
.small, .footer--stuff .mailerlite-form label.error {font-size:1rem;}
.smallxs {font-size:.8rem;}
.center {text-align:center; display: flex; align-content: center; align-items: center; justify-content: center;}
.alignright {text-align:right; display: flex; align-content: flex-end; align-items: flex-end; justify-content: flex-end;}
.right {text-align:right;}
.underline a, .navigation span {text-decoration: none; background-image: linear-gradient(var(--noir),var(--noir)); background-position: bottom left; background-repeat: no-repeat; 
background-size: 0% 1px; webkit-transition: all .3s; -moz-transition: all .4s; transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; padding: .3rem 0;}
.underline a:hover, .navigation:hover span {background-size: 100% 1px;}
.underline .btn:hover {background-image:none!important; background-size: 0% 0px;}
.sticky {position:sticky; top:var(--padxs);}
.bg--saumon-blanc {background: linear-gradient(to left, var(--blanc) 50%, var(--saumon) 50%);}
.bg--noir {background:var(--noir); color:var(--blanc);}
.bg--saumon {background:var(--saumon); color:var(--noir);}
.bg--saumon a {color:var(--noir);}
.bg--saumon a:hover {color:var(--blanc);}
.bg--saumon .anchor a {color:var(--blanc);}
.bg--saumon .anchor a:hover {color:var(--noir);}
.bg--saumon strong {color:var(--blanc);}
.btn, .next, .prev {background:transparent; width:150px; height:150px; transition:.3s; position:relative; text-align:center; display:block; line-height:1.4;}
.btn:before, .next:before, .prev:before {position:absolute; content:''; background:var(--noir); width:100%; height:100%; left:0; top:0; transition:.3s; border-radius:50%;}
.btn .small {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:var(--blanc)}
.btn:hover::before, .next:hover::before, .prev:hover::before {transform:scale(1.4);}
.reveal {opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s;}
.reveal_visible {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.not-found {position:absolute; right:-1rem; transform:rotate(-90deg); top:30%;}
.not-found img {width: 30vw;} .cursor {z-index: 1000000; width: 10px; height: 10px; background-color:var(--saumon); border-radius: 50%; position: fixed; pointer-events: none; transform: translate(-50%, -50%); transition: height 400ms, width 400ms;}
.cursor__icon {position: relative; width: 100%; height: 100%;}
.cursor__play {width: 30%; height: 30%; color: white; top: 50%; left: 50%; transform:translate(-50%,-50%); display: block; position: absolute; opacity: 0; transition: all 200ms; fill:var(--blanc);}
.cursor__voir, .cursor__equipe, .cursor__locaux, .cursor__decouvrir, .cursor__lire, .cursor__collection, .cursor__appartements, .cursor__terrains, .cursor__contact, .cursor__postuler {color:var(--blanc); top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0); display: block; position: absolute; opacity: 0; transition: all 200ms; line-height:1.4; text-align:center;}
.cursor.state--voir, .cursor.state--equipe, .cursor.state--locaux, .cursor.state--decouvrir, .cursor.state--lire, .cursor.state--collection, .cursor.state--appartements, .cursor.state--terrains, .cursor.state--contact, .cursor.state--postuler, .cursor.state--play {width: 8vw; height: 8vw; border: 1px solid transparent;}
.cursor.state--voir .cursor__voir, .cursor.state--equipe .cursor__equipe, .cursor.state--locaux .cursor__locaux, .cursor.state--decouvrir .cursor__decouvrir, .cursor.state--lire .cursor__lire, .cursor.state--collection .cursor__collection, .cursor.state--appartements .cursor__appartements, .cursor.state--postuler .cursor__postuler, .cursor.state--terrains .cursor__terrains, .cursor.state--contact .cursor__contact, .cursor.state--play .cursor__play {opacity: 1; transform:translate(-50%,-50%) scale(1);}
.cursor.state--transition-movement {transition: height 200ms, width 200ms, left 200ms, top 300ms;}
.cursor.state--link {width: 3.5vw; height: 3.5vw; background-color:var(--saumon); mix-blend-mode: difference!important;}
a.hover-voir, a.hover-decouvrir, a.hover-lire, a.hover-collection, a.hover-locaux, a.hover-appartements, a.hover-equipe, a.hover-terrains, a.hover-postuler, a.hover-contact, a.hover-play {display:block;}
.cursor__inview {background-color:var(--noir)!important;}
.cursor__btn {background-color:var(--blanc)!important;}
.cursor__transparent {background-color:transparent!important;} .logo--wrapper {width:var(--pad); position:absolute; z-index:1; padding:calc(var(--pad) / 4.5);}
.logo svg .st0 {fill:var(--saumon);}
.logo svg .st1 {fill:var(--noir);}
.sidebar {background:var(--noir); color:var(--blanc); width:var(--pad); height:100vh; position:fixed; right:0; top:0; z-index:1;}
.sidebar--menu {font-size:1.15rem; transform:rotate(90deg); display: flex; height: var(--pad); -moz-box-align: center; align-items: center; margin-top: calc(var(--pad) / 1.5);}
.sidebar--menu a {margin: 0 1vw; color:var(--blanc); white-space:nowrap;}
.sidebar--menu a:hover {color:var(--saumon);}
.btn-tetris {display:block; transform: rotate(-90deg);}
.btn-tetris svg {fill:var(--blanc); width: 30px;}
.overlay--contact {position: fixed; bottom:4vw; right:calc(var(--pad) - 50px); z-index:10;}
.overlay--contact .overlay--contact-btn, .overlay--contact .overlay--contact:after {width:250px; height:100px;}
.overlay--contact.scroll .overlay--contact-btn, .overlay--contact.scroll .overlay--contact:after {width:100px; height:100px;}
.overlay--contact-btn {padding:2.1rem; background:transparent; position:relative; transition:.3s;}
.scroll .overlay--contact-btn:after {content:''; background:var(--saumon); position:absolute; border-radius:50%; width:100%; height:100%; top:0; right:0; z-index: -1; transition:.3s;}
.overlay--contact-btn:after {content:''; background:var(--saumon); position:absolute; border-radius:2rem; width:100%; height:100%; top:0; right:0; z-index: -1; transition:.3s;}
.overlay--contact-btn:hover::after {transform:scale(1.1); transform-style: preserve-3d; box-shadow: 1px 1px 30px rgba(0, 0, 0, .2);}
.overlay--contact-btn svg {fill:var(--blanc); width:2rem;}
.overlay--contact-btn span {white-space: nowrap;}
.overlay--contact-btn {color:var(--blanc); display:flex; align-content: center; align-items: center; justify-content: center; grid-gap: 1rem;}
.scroll .overlay--contact-btn span {display:none; transition:.3s; opacity:0;} .follow {position:absolute; right:-82px; bottom:0;}
.follow svg  {fill:var(--noir); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.3s;}
.follow li {border:1px solid var(--noir); border-top:0; background: var(--blanc); position:relative;}
.follow li:before {content:''; background:var(--noir); width:100%; height:0; left:0; bottom:0; position:absolute; transition:.3s;}
.follow li:nth-child(1) {border-top:1px solid var(--noir);}
.follow a {display: block; width: 80px; height: 80px;}
.follow li:hover::before {height:100%;}
.follow li:hover svg {fill:var(--blanc);}
.product--content .follow {top:calc(-5vw - 80px); right: calc(var(--pad) - 80px);}
.intro--tetris .follow {right:0; top:var(--pad);} .action {background: none; border:  0; color: #fff; padding: 0;}
.action--menu {pointer-events: auto; position:relative; z-index: 20;}
.menu--open .action--menu {pointer-events: none;}
.menu-txt {position: absolute; color: var(--blanc); font-size: .8rem; width: var(--pad); text-align: center; pointer-events: none; top: 1rem;}
.menu--trigger {opacity:1; pointer-events:none; background:transparent;}
.action--close {opacity:0; transition:3s;}
.menu--trigger, .action--close {position:fixed; top:0; right:0; z-index:200;}
.menu__item-inner .logo--wrapper {top:0;}
.menu__item-inner .logo--wrapper svg .st1 {fill:var(--blanc);}
.mobile {width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: grid; grid-template-columns: 100%; pointer-events: none;}
.menu--open {pointer-events: auto;}
.menu__item {width: 100%; height:100vh; overflow: hidden;}
.menu__item-inner {overflow: hidden; transform: translate3d(100%,0,0); height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center;}
.menu__item--bg .menu__item-inner {background:var(--noir);}
.mainmenu {margin-left: var(--pad); line-height: 1.2;}
.mainmenu__link {overflow: visible; position: relative; display: block; transition:color .5s; opacity: 0;}
.mainmenu__item {font-size:4.5vw; font-family: 'bold', sans-serif; font-weight:inherit;}
.menu__item a {transition:.5s; transition-timing-function: ease-out;}
.mainmenu a {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--saumon);}
.mainmenu__item:hover {padding-left:var(--padxs); color:var(--saumon);}
.menu--icon {transition: all 0.4s; width:var(--pad); height:calc(var(--pad) / 1.5); display:block;}
.menu--trigger:hover .menu_part:nth-of-type(2) {left:0;}
.menu_part {height: 2px; position: absolute; background:var(--blanc); right: 0; margin: auto; left: 0; border-radius: 0px; transition: all 0.35s cubic-bezier(0.8, 0, 0.2, 1.3); top: calc(50% - ((5px)) + -2px);}
.menu_part:nth-of-type(1), .menu_part:nth-of-type(2), .menu_part:nth-of-type(3) {width:50px;}
.menu_part:nth-of-type(1) {top: calc(50% - ((8px)) + -5px);}
.menu_part:nth-of-type(2) {top: calc(50% - ((4px)) + 2px); left:50px;}
.menu_part:nth-of-type(3) {top: calc(50% - ((0px)) + 9px);}
.menu-part-1 {transform: rotate(45deg); top: calc(50% - (1px)) !important;}
.menu-part-2 {left: -7px !important; opacity: 0;}
.menu-part-3 {transform: rotate(-45deg); top: calc(50% - (1px)) !important;}
.menu-rot {transform: rotate(90deg);}
.menu--stuff {position:absolute; left:var(--pad); bottom: var(--padxs);}
.menu--stuff a {color:var(--blanc);}
.menu--stuff a:hover {color:var(--saumon);}
.menu--follow {position:absolute; right:var(--pad); bottom: var(--padxs);}
.menu--follow svg {fill:var(--blanc);}
.menu--follow svg, .follow svg {width:1.5rem;}
.menu--follow {fill:var(--blanc);}
.menu--follow a:hover svg, .menu--follow a:active svg, .menu--follow a:focus svg {fill:var(--saumon);}
.hover-reveal {position: fixed; width: 50vw; height: 80vh; top: 0; left: 0; pointer-events: none; opacity: 0; z-index:-1;}
.hover-reveal__inner, .hover-reveal__img {width: 100%; height: 100%; position: relative;}
.hover-reveal__deco {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--saumon);}
.hover-reveal__img {background-size: cover; background-position: 50% 50%;} .content {margin-right:var(--pad);}
.wrapper {padding:var(--pad);}
.wrapper-right {padding-right:var(--pad);}
.wrapper-left {padding-left:var(--pad);}
.wrapper-nt {padding:0 var(--pad) var(--pad) var(--pad);}
.wrapper-nb {padding:var(--pad) var(--pad) 0 var(--pad);}
.wrapper-botxs {padding:var(--pad) var(--pad) var(--padxs) var(--pad);}
.wrapper-ntnb {padding:0 var(--pad);}
.wrapper-stb {padding:var(--padxs) var(--pad) 0 var(--pad);}
.wrapper-sidebar {padding:var(--pad) var(--padxs) var(--pad) var(--pad);}
.wrapper-bot {padding-bottom:var(--pad);}
.pad-botxs {padding-bottom:var(--padxs);}
.grid {display:grid;}
.grid-pad {grid-gap:var(--pad);}
.grid-padxs {grid-gap:var(--padxs);}
.col-1-2 {grid-template-columns: 1fr 2fr;}
.col-1-3 {grid-template-columns: 1fr 3fr;}
.col-2 {grid-template-columns: 1fr 1fr;}
.col-2-1 {grid-template-columns: 2fr 1fr;}
.col-3 {grid-template-columns: 1fr 1fr 1fr;}
.mar-top {margin-top:var(--pad);} .anchor--wrapper {position:absolute; top:0; bottom:0; left:0; height:100%; width:var(--pad); line-height:var(--pad);}
.anchor {writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; transform:rotate(180deg); margin-top:var(--pad);}
.anchor li {display:inline-block; margin-bottom:2vw;}
.anchor li:last-child {margin-bottom:0;}
#cookiesdirective {border-top:1px solid var(--noir);}
#cookiesdirective input[type="submit"] {background:none!important; position:relative; color:var(--saumon)!important; border:0!important; font-size:1rem!important; font-family: 'mono'!important; transition:.3s!important; margin:0 .5rem;}
#cookiesdirective input[type="submit"]:hover {color:var(--noir)!important;}
.cookies--col {position:relative; margin:auto; height:auto; width:80%; text-align:center; padding:2rem; font-size:1rem;}
.cookies--pic {right:0; position:absolute; margin-right: calc(var(--padxs) / 2); float:left; width:10rem; top: 50%; transform: translateY(-50%);}
.cookies--pic img {width:100%; height:auto;} #slider:before {content:''; background:var(--noir); width:calc(100% - (var(--pad) * 2)); height:1px; top:0; position:absolute; margin:0 var(--pad);}
.slider {position:relative; width:100%; height: calc(100vh + 7vw); padding-top:7vw; box-sizing:border-box; margin:0 auto; overflow:hidden; margin-bottom: -1px;}
.slider a {color:var(--noir);}
.slider__container {position:relative; width:100%; height:100%; display:block; margin:0; padding:0; font-size:0; list-style:none; white-space:nowrap;}
.slider__content {position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden;}
.slider__title h2 {color:#000; margin-left: var(--pad); white-space: normal;}
.slider__text {white-space:normal; margin-left:var(--pad); line-height:inherit; width:calc(45vw - var(--pad));}
.slider__item {position:relative; height:100%; width:100%; display:inline-block;}
.slider__img {position:absolute; z-index:1; top:7vh; right:0; pointer-events:none;}
.slider-controls {display:none;}
.slider-navigation {position:absolute; left:var(--pad); right:0; bottom:var(--pad); width:calc(50vw - var(--pad)); text-align:center;}
.slider-navigation li {position:relative; display:inline-block; margin-right:2rem;}
.slider-navigation li:last-child {margin-right:0;}
.slider-navigation li a {display:inline-block; width:1vw; height:1vw; border:1px solid var(--saumon); border-radius:50%; background:transparent; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.slider-navigation li a:hover {background:var(--noir); border-color:var(--noir);}
.slider-navigation li a.is-active {background:var(--saumon); border:1px solid var(--saumon);}
.slider__item:nth-child(1).is-active .slider__text, .slider__item:nth-child(2).is-active .slider__text, .slider__item:nth-child(3).is-active .slider__text, .slider__item:nth-child(4).is-active .slider__text {margin-top:var(--padxs); opacity:1;}
.slider__item:nth-child(1) .slider__text, .slider__item:nth-child(2) .slider__text, .slider__item:nth-child(3) .slider__text, .slider__item:nth-child(4) .slider__text {margin-top:10vw; opacity:0; transition:.4s;} .cursor__inner {z-index: 9999; pointer-events: none; position: absolute; top: 0; left: 0; border-radius: 50%;}
.cursor__inner--dot {width:0; height:0;}
.cursor__inner--circle {width: 40px; height: 40px; background:transparent; border:1px solid var(--blanc); mix-blend-mode: difference!important;}
.cursor__inner--circle:before {content:url(https://www.sodico.fr/wp-content/themes/sodico/assets/img/layout/frame_top.svg); width:10px; position:absolute; left:50%; top:-20px; transform:translateX(-50%);}
.cursor__inner--circle:after {content:url(https://www.sodico.fr/wp-content/themes/sodico/assets/img/layout/frame_bottom.svg); width:10px; position:absolute; left:50%; bottom:-20px; transform:translateX(-50%);}
.clickdrag {position:absolute; bottom:var(--padxs); z-index:1; color:var(--blanc); writing-mode: vertical-rl; width: var(--pad); line-height: var(--pad); transform: rotate(180deg);}
#app {width: 100vw; height: 100vh; overflow: hidden; position: absolute; top: 0; left: 0;}
.frame {position: relative; text-align: left; top: 0; left: 0; display: grid; align-content: space-between; width: 100%; max-width: none; height: 100vh; padding: 2rem; pointer-events: none; grid-template-columns: 75% 25%; grid-template-rows: auto auto auto; grid-template-areas:"title links" "... ..." "tip ..."; background-color: var(--noir);}
.frame canvas {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .6;}
.frame__title-wrap {grid-area: title; display: flex;}
.frame__title {font-size: 1rem; margin:0; font-weight: normal;}
.frame__links {display: inline; grid-area: links; padding: 0; justify-self: end;}
.frame__links a:not(:last-child), .frame__demos a:not(:last-child) {margin-right: 1rem;}
.frame a {pointer-events: auto;}
.frame .content {display: flex; flex-direction: column; width: 100vw; height:100vh; position: relative; justify-content:center; align-items:center;}
.slides {box-sizing: border-box; position:absolute; top:50%; padding: 0 var(--pad); width: 100%; max-width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.slide {box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 100%; margin: 0 auto; height: 30vh; color:var(--blanc); transform: translateY(-50%); transition: transform 1300ms cubic-bezier(0.2,1,0.3,1), opacity 500ms cubic-bezier(0.2,1,0.3,1);}
.slide-meta {margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slide-meta, .slide-more {opacity: 0; transition:.4s;}
.slide-meta {transform:translateY(-1.5rem);}
.slide-more {transform:translateY(1.5rem);}
.show-meta .slide-meta, .show-meta .slide-more {opacity: 1; transform:translateY(0);}
.slide-more .slide-details span:nth-child(1) {color:var(--saumon); display:block;}
.slide-more .slide-details span:nth-child(2):before {position:relative; white-space:nowrap;}
.slide-more {border-left: 1px solid var(--blanc); padding-left:var(--padxs); max-width:30vw; min-width:30vw; grid-gap: 3rem;}
.slide-title {font-size: 8.5vw; margin:0; width:100%; color:var(--blanc); padding:1rem 0; white-space:nowrap; text-indent:-0.5vw; font-family:'bold', sans-serif; transition:color 500ms cubic-bezier(0.2,1,0.3,1);}
.slide-btn {position:absolute; right:-40vw; top:0; display:block;}
.slide-btn .btn:before {background:var(--blanc);}
.slide-btn .btn .small {color:var(--noir);}
.frame .prev, .frame .next {opacity: 0; text-align:left;}
.frame .prev:before, .frame .next:before {content:none;}
.frame .prev {transform: translateY(-85%);}
.frame .next {transform: translateY(-15%);}
.frame .prev .slide-title, .frame .next .slide-title {-webkit-text-stroke:1px var(--blanc); text-stroke:1px var(--blanc); -webkit-text-fill-color:transparent; text-fill-color:transparent; color:transparent;}
.scrolling > .slide {transform: translateY(-50%); opacity: 1;} .frame .slide:nth-child(1) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Colmar';}
.frame .slide:nth-child(1) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'66 logements, du studio au 5/6 pièces';} .frame .slide:nth-child(2) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Huningue';}
.frame .slide:nth-child(2) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'2 résidences intimes de 9 et 19 logements, du 2 au 4/5 pièces';} .frame .slide:nth-child(3) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Saint-Louis';}
.frame .slide:nth-child(3) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'63 logements dont 6 duplex, du 2 au 6 pièces';} .frame .slide:nth-child(4) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Mulhouse';}
.frame .slide:nth-child(4) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'46 logements dont 2 duplex, du studio au 5 pièces';} .frame .slide:nth-child(5) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Brunstatt';}
.frame .slide:nth-child(5) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'41 logements du 2 au 4 pièces';} .frame .slide:nth-child(6) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Village-Neuf';}
.frame .slide:nth-child(6) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'78 logements et 4 maisons individuelles, du 2 au 4 pièces';} .frame .slide:nth-child(7) .slide-more .slide-details:nth-child(1) span:nth-child(2):before {content:'Illzach';}
.frame .slide:nth-child(7) .slide-more .slide-details:nth-child(2) span:nth-child(2):before {content:'42 logements dont 2 duplex et 6 maisons individuelles, du 2 au 4/5 pièces';}         .home-mobile--slideshow {display:none; background:var(--noir);}
.home-mobile--slideshow .galerie--count { right: auto; bottom: auto; top: 15%; text-align: center; width: 100%; color:var(--blanc);}
.home-mobile--slideshow .galerie--count:before {content:none;}
.home-mobile--slideshow-item {height:100vh; background-size: cover; background-position: 50% 50%; position:relative;}
.home-mobile--slideshow-cnt {position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
.home-mobile--slideshow-title {width:100%; padding:0 var(--pad); text-align:center; color:var(--blanc); margin-top:auto;}
.home-mobile--slideshow-title h2 {height:auto!important;}
.home-mobile--slideshow-title:before {content:none!important;}
.home-mobile--slideshow-item .resume {color:var(--blanc); width:100%; padding:0 var(--pad); font-size:1.4rem; padding-bottom:3rem; transform:translateY(3rem); opacity:0; transition:.7s; transition-delay:.8s;}
.slick-current.home-mobile--slideshow-item .resume, .slick-current.home-mobile--slideshow-item .btn {transform:translateY(0); opacity:1;}
.home-mobile--slideshow-item .btn {text-align:center; margin:auto; transform:translateY(3rem); opacity:0; transition:.7s; transition-delay:.9s;}
.home-mobile--slideshow-item .btn:before {background:var(--blanc);}
.home-mobile--slideshow-item .btn .small {color:var(--noir);}
.home-mobile--slideshow-item .overlay {position:absolute; width:100%; height:100%; background:rgba(15,19,41,.3);}
.home-mobile--slideshow .galerie--nav .prev, .home-mobile--slideshow .galerie--nav .next {top:auto!important; bottom:calc(var(--pad) * 2);} .item--img-wrap {--aspect-ratio: 1000/700; overflow: hidden; width: 100%; padding-bottom: calc(100% / (var(--aspect-ratio))); position: relative; background: var(--saumon);}
.item--img {width:101%; height:100%; background-size:cover; background-position:center center; will-change:transform; position:absolute; transition: .6s!important; opacity: .8; backface-visibility: hidden; transform-style: preserve-3d;}
.item:hover .item--img {transform:scale(1.1); opacity:1;}
a.item:hover .item--meta {border-bottom:1px solid var(--blanc);}
.item .item--meta, .section--title {position:relative; border-bottom:1px solid var(--noir); padding:2rem 0; margin-bottom:2rem;}
.item .item--meta span {display:inline-block;}
.item .item--meta span:nth-child(2) {position:absolute; right:0;}
.jobs {padding:calc(var(--pad) * 1.5) var(--pad) var(--pad) var(--pad);}
.jobs .breadcrumb {width:calc(100% - var(--pad)); top:var(--pad);}
.jobs h1 {font-size:4vw; text-align:center; }
.jobs h3 {color:var(--saumon); margin-bottom:2rem; font-size: 120%; margin-top:calc(var(--padxs) / 2);}
.jobs .article ul {margin-bottom:2rem;}
.jobs .jobs-liste {padding-left:var(--padxs);}
.jobs .jobs-formations, .jobs .jobs-missions, .jobs .jobs-contact {margin-bottom:var(--padxs);}
.jobs .jobs-contact {border-top:1px solid var(--noir); padding-top:var(--padxs);} .breadcrumb {text-align:center; position:absolute; top:calc(var(--pad) / 1.5); width:100%; color: var(--saumon);}
.breadcrumb li, .article--date li {display:inline-block; margin-right:3rem;}
.breadcrumb li:after, .article--date li:after {content:'—'; position:absolute; margin: 0 1.3rem; color:var(--saumon);}
.breadcrumb li:last-child, .article--date li:last-child {margin-right:0;}
.breadcrumb li:last-child::after, .article--date li:last-child::after {content:none;}
.product--title {padding-top:var(--pad);}
.product--title .title {margin-bottom:0;}
.product--title img {width:100%; height:auto; pointer-events:none;}
.product--title .product--visuel img, .article--title .product--visuel img {margin-top:-3vh;}
.product--title .product--visuel .title, .article--title .product--visuel .title {z-index:-1;}
.product--title .product--thumb .title, .article--title .product--thumb .title {z-index:1;}
.product--title .product--thumb-img, .article--title .product--thumb-img {margin-top:var(--padxs); overflow:hidden; width: 100%; height: 80vh; position:relative;}
.product--title .product--thumb-img-w, .article--title .product--thumb-img-w {width: 100%; height: 100vh; background-size: cover; background-position: center center; will-change: transform; backface-visibility: hidden; transform-style: preserve-3d;}
.product--details {color:var(--blanc); padding: calc(var(--pad) / 3); position:relative;}
.product--details a {color:var(--blanc);}
.product--details a:hover {color:var(--noir);}
.liste--details {margin-top:2rem;}
.liste--details a {color:var(--noir);}
.liste--details a:hover {color:var(--saumon);}
.product--details span {color:var(--noir);}
.liste--details span {color:var(--saumon);}
.product--details span, .liste--details span {display:block; margin-bottom: .3rem;}
.product--details li, .liste--details li {margin-bottom:2rem;}
.product--details li:last-child, .liste--details li:last-child {margin-bottom:0;}
.product--details .btn {position:absolute; bottom:var(--pad); right:-75px;}
.product--content {padding:var(--padxs) var(--pad) var(--pad) var(--pad); margin-top:-5vw; background:var(--blanc);}
.product--content-col {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap:var(--padxs); -webkit-column-gap:var(--padxs); -moz-column-gap:var(--padxs);}
.product--content-col p {margin-bottom:2rem;}
.product--content-col li {margin-bottom: 1rem;}
.product--content-col li:last-child {margin-bottom: 0rem;}
.product--content-doc li {margin-bottom:1rem; display: block; height: 40px; position: relative; transition:.3s;}
.product--content-doc li a {color: var(--noir); display:block; height:100%;}
.product--content-doc li:hover {transform:translateX(1rem);}
.product--content-doc li:hover span:nth-child(2) {color:var(--saumon);}
.product--content-doc li span:nth-child(1) {width:40px; height:40px; background-size: cover; border:1px solid var(--noir); border-radius:50%; display: block; padding: .7rem; position: absolute; transition:.3s;}
.product--content-doc li span:nth-child(2) {position:absolute; margin-left:4rem; line-height:1.5; transform:translateY(-50%); top:50%; transition:.4s;}
.product--content-doc li svg {width:100%;}
.product--cara li {display:block; margin-bottom: .2rem!important;}
.product--gallery {margin-top:-1px;}
.product--gallery .anchor {margin-top:0;}
.product--gallery .galerie--nav .prev, .product--gallery .galerie--nav .next, .sodico--gallery .galerie--nav .prev, .sodico--gallery .galerie--nav .next {top: 50%; transform: translateY(-50%);}
.title--blog {display:none;}
.section--title {padding:0 0 2rem 0;}
.product--avantages {margin-top:-1px;}
.product--avantages div:nth-child(1) img {width:100%;}
.product--avantages div:nth-child(1) {margin-right: -8px;}
.product--avantages div:nth-child(2) {padding-left: calc(var(--padxs) + 8px);}
.product--avantages a {display:block; color:var(--noir);}
.product--avantages a:hover {color:var(--saumon); transform:translateX(2rem);}
.tab_content {position:relative; overflow:hidden;}
.tab_content div {padding-left:0!important;}
.tabs_item {display:none; pointer-events:none;}
.tabs_item:first-child {display: block;}
.current a {color:var(--saumon);}
.content .article iframe {width:100%; height:50vh;}
.content iframe {width:100%; height:100vh;}
.content-p {margin-top:var(--padxs);}
.liste, .input__field, .textarea__label--fx, .input__label, .wpcf7-list-item-label {font-size: 1.5rem; line-height:1.5;}
ul.liste {margin-top:2rem;}
.liste li {margin-bottom:2rem!important;}
.liste li:last-child {margin-bottom:0!important;}
ul.liste--link {margin-top:var(--padxs);}
.liste--link li {margin-bottom: 0!important; border-bottom: 1px solid var(--noir); position:relative;}
.liste--link li:first-child {border-top:1px solid var(--noir);}
.liste--link li a {color:var(--noir); display:block; padding: 2rem 0; margin-right:2rem;}
.liste--link li:before {content:''; background:var(--noir); width:100%; height:0; left:0; bottom:0; position:absolute; z-index:-1; transition:.3s;}
.liste--link li:hover::before {height:100%;}
.liste--link li:hover a {padding: 2rem; color:var(--blanc);}
.liste--link li:hover span {fill:var(--blanc); padding:0 2rem;}
.liste--link span {position: absolute; top: 0; height:100%; line-height:100%; right: 0; transition:.3s; display:flex;}
.liste--link span svg {width:1.5rem;} .tab--sodico {padding-top:var(--padxs); border-top:1px solid var(--noir);}
.tab--nav h3 {margin-bottom:1rem; display:block; left:0; position:relative; text-align:right; white-space:nowrap; transform-style:preserve-3d;}
.tab--nav h3 span {position:relative; opacity:.3; transition:.2s;}
.tab--nav h3:last-child {margin-bottom:0;}
.tab--nav h3 span:before {background:var(--noir); content:''; position:absolute; width:0; right:calc(100% + 1rem); height:1px; top:50%; transition:.4s; transition-timing-function: ease-out;}
.tab--nav h3:hover span::before {width:40px;}
.tab--content.active {display:block!important;}
.tab--title {position:relative; animation:tab-cnt 1s; padding-bottom: calc(var(--padxs) / 2); margin-bottom:0!important; padding-top:0!important;}
.tab--content-first {display:block!important;}
.tab--content {display:none;}
.tab--txt {position:relative; font-size:1.1rem; animation:tab-cnt 1.3s;}
.tab--img-wrapper {position:relative;}
.tab--img {position:relative; width:100%; height:auto; animation:tab-cnt 1.5s; margin-top:calc(var(--padxs) / 2);}
@keyframes tab-cnt {from{bottom:-10vw;opacity:0}to{bottom:0;opacity:1}}
.tab--txt p, .cd-h-timeline__event-description p {margin-bottom:2rem;}
.tab--txt p:last-child, .cd-h-timeline__event-description p:last-child {margin-bottom:0;}
.tab--link {transition:.3s;}
.tab--nav h3:hover span, .tab--link-active span {opacity:1!important;}
.tab--link-active:hover span:before {width:0!important;}
.tab--link-active {color:var(--blanc);}
.tab--content .legende {opacity:1; animation:tab-legende 1.1s; left: auto; right: calc(100% + 2rem + 40px); transform:translateX(0); bottom: calc(var(--padxs) / 1.5); z-index:1; width: 100%;}
@keyframes tab-legende {from{transform:translateX(3rem);opacity:0}to{transform:translateX(0);opacity:1}} .cd-h-timeline {opacity:0; transition: opacity .2s;}
.cd-h-timeline--loaded {opacity:1;}
.cd-h-timeline__container {position:relative; height:100px; max-width:100%;}
.cd-h-timeline__dates {position: relative; height: 100%; margin:0 50px; overflow:hidden; bottom:16px;}
.cd-h-timeline__dates::after, .js .cd-h-timeline__dates::before {content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px;}
.cd-h-timeline__dates::before {left: 0; background: linear-gradient(to right, var(--blanc), 1);}
.cd-h-timeline__dates::after {right: 0; background: linear-gradient(to left, var(--blanc), 1);}
.cd-h-timeline__line {position: absolute; z-index: 1; left: 0; top: 49px; height: 1px; background-color:transparent; transition: transform .4s;}
.cd-h-timeline__line ul {left:-120px;}
.cd-h-timeline__filling-line {position: absolute; z-index: 1; left: 0; top:1rem; height: 100%; width: 100%; background-color: var(--blanc); transform: scaleX(0); transform-origin: left center; transition: transform .3s;}
.cd-h-timeline__date {position: absolute; bottom:-17px; z-index: 2; text-align: center; padding-bottom: 1.8rem; color:rgba(0,0,0,.1); user-select: none; text-decoration: none;}
.cd-h-timeline__date::after {content: ''; position: absolute; left: 50%; transform: translateX(-30%); bottom: -11px; height: 20px; width: 20px; border-radius: 50%; border: 1px solid var(--blanc); background-color:var(--saumon); transition: background-color .3s, border-color .3s;}
.cd-h-timeline__date:hover::after {background-color: var(--blanc); border-color: var(--vert);}
.cd-h-timeline__date--selected {pointer-events: none; color:var(--blanc)!important;}
.cd-h-timeline__date--selected::after {background-color: var(--blanc); border-color: var(--blanc);}
.cd-h-timeline__navigation {position: absolute; z-index:1; padding:1rem; top: 50%; transform: translateY(-50%); height: 50px; width: 50px; border:1px solid var(--blanc); border-radius:50%; transition: border-color 0.3s; transition:.3s;}
.cd-h-timeline__navigation svg {fill:var(--blanc);}
.cd-h-timeline__navigation:hover {background:var(--blanc);}
.cd-h-timeline__navigation:hover svg {fill:var(--saumon);}
.cd-h-timeline__navigation--prev {left: 0; transform: translateY(-50%);}
.cd-h-timeline__navigation--next {right: 0;}
.cd-h-timeline__navigation--inactive {cursor:default; opacity:.2;}
.cd-h-timeline__navigation--inactive svg {fill:var(--blanc)!important;}
.cd-h-timeline__navigation--inactive:hover {background:transparent;}
.cd-h-timeline__events {position:relative; width: calc(100% + var(--pad) + var(--padxs)); margin-left:-10vw; transition:height .4s; margin-top:calc(var(--padxs) / 2); overflow:hidden; height: 25rem;}
.cd-h-timeline__event {position:absolute; z-index:1; width: 100%; left: 0; top: 0; transform: translateX(-50%); opacity: 0; animation-duration: .4s; animation-timing-function: ease-in-out;}
.cd-h-timeline__event--selected {position: relative; z-index: 2; opacity: 1; transform: translateX(0);}
.cd-h-timeline__event--enter-right, .js .cd-h-timeline__event--leave-right {animation-name: cd-enter-right;}
.cd-h-timeline__event--enter-left, .js .cd-h-timeline__event--leave-left {animation-name: cd-enter-left;}
.cd-h-timeline__event--leave-right, .js .cd-h-timeline__event--leave-left {animation-direction: reverse;}
.cd-h-timeline__event-content {width: 100%;}
.cd-h-timeline__event-img {margin-left:var(--pad);}
.cd-h-timeline__event-description {margin-right:var(--padxs);}
.cd-h-timeline__event-content .title {color:transparent; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--blanc); z-index:1; position: relative;}
.cd-h-timeline__event-description h3 {margin-bottom: 2rem; transform:translateY(10vw); opacity:0; transition:1s; transition-delay:.2s;}
.cd-h-timeline__event-description p {transform:translateY(10vw); opacity:0; transition:1s; transition-delay:.4s;}
.cd-h-timeline__event--selected .cd-h-timeline__event-description h3, .cd-h-timeline__event--selected .cd-h-timeline__event-description p {transform:translateY(0); opacity:1;}
.timeline--img-wrapper {background: var(--saumon); overflow: hidden; margin-top:10vh; position:relative; width:100%; --aspect-ratio: 1000/700; padding-bottom: calc(100% / (var(--aspect-ratio)));}
.timeline--img {width:100%; height:100%; background-size:cover; background-position:center center; will-change:transform; transform:scale(1.5); position:absolute; transition:1s; backface-visibility:hidden; transform-style:preserve-3d; filter:grayscale(1);}
.cd-h-timeline__event--selected .timeline--img {transform:scale(1);}
@keyframes cd-enter-right {0% {opacity: 0; transform: translateX(50%);} 100% {opacity: 1; transform: translateX(0%);}}
@keyframes cd-enter-left {0% {opacity: 0; transform: translateX(-50%);} 100% {opacity: 1; transform: translateX(0%);}}
html:not(.js) .cd-h-timeline__dates, html:not(.js) .cd-h-timeline__navigation {display: none;} .equipe {border-top:1px solid var(--noir); grid-gap:1px; background:var(--noir);}
.equipe--item {padding-top:6.2rem; text-align:center; background:var(--blanc); position:relative; overflow:hidden;}
.equipe--item img {width:100%; height:auto; pointer-events:none; z-index:1;}
.equipe--item h2 {font-size:3rem; line-height:1;}
.equipe--item h2 span {display:block;}
.equipe--item h3 {margin-bottom:.5rem;}
.equipe--item h2, .equipe--item h3 {opacity:0; transition:.3s; transition-timing-function: ease-out;}
.equipe--item h2 {transition-delay:.05s; transform:translateY(3vw);}
.equipe--item h3 {transform:translateY(-2vw);}
.equipe--item:hover h2, .equipe--item:hover h3 {opacity:1; transform:translateY(0);}
.equipe--item-txt {position:absolute; top:calc(var(--pad) / 3); width:100%; text-align:center;}
.equipe--item-pics {margin-top:-1vw; transition:.1s;}
.equipe--item-face, .equipe--item-hover {z-index:1;}
.equipe--item-hover {display:none; transition:.1s;}
.equipe--item:hover .equipe--item-face {display:none;}
.equipe--item:hover .equipe--item-hover {display:block;} img.size-full {width:100%; height:auto; margin-top: var(--padxs);}
.article--date {text-align:center; width:100%; position:relative; margin-bottom: calc(var(--padxs) / 2);}
.article--date li:after {color:var(--noir)!important;}
.article--title {padding-top:var(--pad);}
.article--title.wrapper-ntnb .breadcrumb {width:calc(100% - calc(var(--pad) * 2));}
.article--title.wrapper-ntnb .follow {bottom: var(--padxs);}
.article--title .title {font-size:7vw;}
.article--title img {width:100%; height:auto; pointer-events:none;}
.article--thumb {width:100%; height: 75vh; position:relative; overflow:hidden;}
.article-thumb--legende {position: relative; width: 100%; color: var(--saumon); margin-top: 2rem; text-align: right; margin-bottom: -2rem;}
.article-thumb--legende svg {transform: rotate(-90deg) translate(-.2rem); width: 20px; fill: var(--saumon); height: 20px; margin-right: 1rem; stroke-width: 1px; stroke: var(--saumon);}
.article--thumb-img {width: 100%; height: 100vh; background-size: cover; background-position: center center; will-change: transform; backface-visibility: hidden; transform-style: preserve-3d;}
.wrapper-stb .follow {position: absolute; right: calc(var(--pad) - 41px); top: -30px; z-index:1;}
.wrapper-sidebar .col1 {padding-right:var(--padxs);}
.wrapper-sidebar .col2 {padding-left:var(--padxs); border-left:1px solid var(--noir);}
.article h2:first-child {margin-top:0;}
.article h2 {margin-bottom:3rem; margin-top:var(--padxs);}
.article h3 {margin-bottom:2rem; margin-top:var(--padxs);}
.article p {margin-bottom: calc(var(--padxs) / 2);}
.article a:hover {color:var(--noir);}
.article ul {margin-bottom:var(--padxs);}
.article li {margin-bottom: 2rem; padding-left:3.5rem; position:relative;}
.article li:before {top:.7rem!important; margin-left:-3.5rem!important;}
.wrapper-sidebar .col2 ul.liste {margin-bottom:calc(var(--padxs) / 1.5);}
.wrapper-sidebar .col2 .list--popular-post h3 {font-size:inherit; font-weight:inherit;}
.wrapper-sidebar .col2 .list--popular-post li span:nth-child(1) {padding:0; border:0;}
.wrapper-sidebar .col2 .list--popular-post li span img {border-radius:50%;}
.wrapper-sidebar .col2 .list--popular-post li:hover a {color:var(--saumon);}
.wpp-list li {overflow: initial!important;}
.article--gallery {margin-bottom:var(--pad);}
.pagination {position:relative!important; width: 100%; text-align: center; height:150px; line-height:150px;}
.pagination li {display:inline-block;}
.pagination .next.page-numbers {position:absolute; left:var(--pad); top:0;}
.pagination .prev.page-numbers {position:absolute; right:var(--pad); top:0;}
.pagination .page-numbers {padding:0 1rem; display:block;} .filtres {width:calc(100% + var(--padxs)); padding-bottom:calc(var(--pad) - calc(var(--padxs) / 2)); transform: translateX(-2.5vw); position:relative; margin-top:-2.5vw;}
.filtres .grid {position:relative;}
.filtre--item {background:var(--white); overflow:hidden; position:relative; width:calc(calc(100% - calc(var(--padxs) * 3)) / 3); margin:calc(var(--padxs) / 2); --aspect-ratio: 1000/350; padding-bottom: calc(100% / (var(--aspect-ratio)));}
.filtre--item-thumb {width:100%; height:100%; background-size:cover; background-position:center center; will-change:transform; position:absolute; transition: .6s; backface-visibility: hidden; transform-style: preserve-3d;}
.filtre--item:hover .filtre--item-thumb {transform:scale(1.2);}
.filtre--overlay {width:100%; height:100%; position:absolute; color:var(--blanc);}
.filtre--overlay a {color:var(--blanc);}
.filtre--overlay:before {content:''; position:absolute; height:0; width:100%; transition:.7s; bottom:0; background:var(--saumon); z-index:1; transition-timing-function: ease-out;}
.filtre--item:hover .filtre--overlay:before {height:100%;}
.filtre--txt {position:absolute; z-index:2; color:var(--blanc); padding:calc(var(--padxs) / 2); top:5vw; left:0;}
.filtre--details {position:absolute; z-index:2; color:var(--blanc); padding:calc(var(--padxs) / 2); bottom:0; left:0;}
.filtre--txt {opacity:0; pointer-events:none; transition:.5s;}
.filtre--details li {opacity:0; pointer-events:none; transition:.3s; transform: translateY(1vw); transition:.3s;}
.filtre--item:hover .filtre--txt, .filtre--item:hover .filtre--details li {opacity:1; pointer-events:none;}
.filtre--item:hover .filtre--txt {top:0;}
.filtre--item:hover .filtre--details li:nth-child(1) {transition-delay:.1s; transform: translateY(0vw);}
.filtre--item:hover .filtre--details li:nth-child(2) {transition-delay:.2s; transform: translateY(0vw);}
.filtre--item:hover .filtre--details li:nth-child(3) {transition-delay:.3s; transform: translateY(0vw);}
.filtres--empty {display:none; margin-left:var(--pad); margin-top:-5vw;}
.message-empty {display:flex; justify-content: center; padding-bottom:var(--pad);}
.message-empty .content-60 {width:50%; text-align:center;} .filters--action {width: 1px; height: 100vh; background: var(--noir); position: absolute; top: 0;}
.filters--action-btn {position:absolute; left:-75px; bottom:calc(var(--pad) * 2);}
.filtres--button--open {transform:translateY(0%)!important; pointer-events:auto!important;}
.filtres--button--close {position:absolute; top: -3vw; right: var(--pad); z-index:10; opacity:0; pointer-events:none;}
.filtres--button--open .filtres--button--close {opacity:1; pointer-events:auto; top:2vw;}
.filtres--button--close-fx .btn {transform:translateY(-10vw);}
.filtres--button--close-fx {transition-timing-function: ease-out!important; transition:.8s!important;}
.filtres--button--close-fx .filtres--button-group {transform:translateY(-5vw)!important;}
.filtres--button--close-fx .filtres--button-container-col:nth-child(1) .filtres--button-group {transition-delay:.05s!important;}
.filtres--button--close-fx .filtres--button-container-col:nth-child(2) .filtres--button-group {transition-delay:.1s!important;}
.filtres--button--close-fx .filtres--button-container-col:nth-child(3) .filtres--button-group:nth-child(1) {transition-delay:.1s!important;}
.filtres--button--close-fx .filtres--button-container-col:nth-child(3) .filtres--button-group:nth-child(2) {transition-delay:.2s!important;}
.filtres--button-container .filtres--button-group {transform:translateY(5vw);}
.filtres--button .btn {transition:.5s; transition-delay:.8s;}
.filtres--button .btn:before {background: var(--blanc);}
.filtres--button .btn .small {color:var(--noir);}
.filtres--button .btn--close {position:absolute; top:0; transition:all 0.35s; width:var(--padxs); height:var(--padxs); display:block; right:calc(var(--padxs) / 2); opacity:0; pointer-events:none; transition:.5s; transition-delay:1s;}
.filtres--button--open .btn--close {opacity:1; top:3.5vw; pointer-events:auto;}
.filtres--button .btn--close .btn--close-part {height:2px; position:absolute; width:20px; background:var(--noir); right:0; margin: auto; left:0; border-radius:0px; transition: all 0.35s cubic-bezier(0.8, 0, 0.2, 1.3); top: calc(50% - ((5px)) + -2px);}
.filtres--button .btn--close .btn--close-part-1 {transform: rotate(45deg); top:calc(50% - (1px));}
.filtres--button .btn--close .btn--close-part-2 {transform: rotate(-45deg); top:calc(50% - (1px));}
.filtres--button .btn--close:hover .btn--close-part {width:50px;}
.filtres--button {background:var(--gris); height:100vh; overflow-y:auto; width:calc(100% - var(--pad)); position:fixed; top:0; right:0; left:0; z-index:8; pointer-events:none; transform:translateY(-100%); transition:.5s; transition-timing-function: ease-in;}
.filtres--button-container {padding:0 var(--pad) 0 calc(var(--pad) + var(--padxs));}
.filtres--button-container .grid {grid-gap:var(--padxs); padding-bottom:5vh;}
.filtres--button-container h2, .filtres--button-container .filtres--button-group {opacity:0; pointer-events:none; transition:.4s;}
.filtres--button-container h2 {transform:translateY(-5vw); transition-delay:.5s;}
.filtres--button-container .filtres--button-group {transform:translateY(5vw);}
.filtres--button-container .filtres--button-container-col:nth-child(1) .filtres--button-group {transition-delay:.5s;}
.filtres--button-container .filtres--button-container-col:nth-child(2) .filtres--button-group {transition-delay:.6s;}
.filtres--button-container .filtres--button-container-col:nth-child(3) .filtres--button-group:nth-child(1) {transition-delay:.7s;}
.filtres--button-container .filtres--button-container-col:nth-child(3) .filtres--button-group:nth-child(2) {transition-delay:.8s;}
.filtres--button--open .filtres--button-container h2, .filtres--button--open .filtres--button-container .filtres--button-group {opacity:1!important; transform:translateY(0)!important; pointer-events:auto!important;}
.filtres--button-container-col .filtres--button-group:first-child {margin-top:0;}
.filtres--button-container-col .filtres--button-group {margin-top: calc(var(--padxs) / 1.5);}
.button {display:block; padding:0; border:none; background:transparent; font-family:inherit; font-size: inherit; margin-bottom:1vh; padding-left:2rem; position: relative; transition:.3s;}
.button:last-child {margin-bottom:0;}
.button:before, .article li:before {content:''; border-radius:100%; position:absolute; border:2px solid var(--noir); width:10px; height:10px; margin-left: calc(-3rem + 15px); top: .4rem; transition:.3s;}
.button:active, .button.is-checked {color:var(--saumon);}
.button:active::before, .button.is-checked:before {border:2px solid var(--saumon); background:var(--saumon);} .filtres--button-container h2 {margin:4vw 0 4vh 0;}
.filtres--button-group label {display:inline-block; padding:0; border:none; background:transparent; font-family:inherit; font-size: inherit; margin-bottom:1%; padding-left:1rem; position: relative; transition:.3s;}
.filtres--button-group input {display:inline-block; border-radius:100%; border:2px solid var(--noir); width:14px; height:14px; transition:.3s;}
.filtres--button-group input:checked {border:2px solid var(--saumon); background:var(--saumon);} .galerie--item {width:100%; height:80vh; background-size: cover; background-position: center center; will-change: transform; backface-visibility: hidden; transform-style: preserve-3d; transition:.3s;}
.galerie h2 {margin-bottom:calc(var(--padxs) / 1.3); opacity:0; transition:.7s; transform:translateY(3rem); transition-delay:.7s;}
.slick-current h2 {opacity:1; transform:translateX(0);}
.slick-slide:nth-child(1) .title-h2:before {content:'01. ';}
.slick-slide:nth-child(2) .title-h2:before {content:'02. ';}
.slick-slide:nth-child(3) .title-h2:before {content:'03. ';}
.slick-slide:nth-child(4) .title-h2:before {content:'04. ';}
.slick-slide:nth-child(5) .title-h2:before {content:'05. ';}
.slick-slide:nth-child(6) .title-h2:before {content:'06. ';}
.slick-slide:nth-child(7) .title-h2:before {content:'07. ';}
.slick-slide:nth-child(8) .title-h2:before {content:'08. ';}
.slick-slide:nth-child(9) .title-h2:before {content:'09. ';}
.slick-slide:nth-child(10) .title-h2:before {content:'10. ';}
.slick-slide:nth-child(11) .title-h2:before {content:'11. ';}
.slick-slide:nth-child(12) .title-h2:before {content:'12. ';}
.slick-slide:nth-child(13) .title-h2:before {content:'13. ';}
.slick-slide:nth-child(14) .title-h2:before {content:'14. ';}
.slick-slide:nth-child(15) .title-h2:before {content:'15. ';}
.slick-slide:nth-child(16) .title-h2:before {content:'16. ';}
.slick-slide:nth-child(17) .title-h2:before {content:'17. ';}
.slick-slide:nth-child(18) .title-h2:before {content:'18. ';}
.slick-slide:nth-child(19) .title-h2:before {content:'19. ';}
.slick-slide:nth-child(20) .title-h2:before {content:'20. ';}
.galerie--nav .prev, .galerie--nav .next {position:absolute; display:block; z-index:1; top: calc(50% + var(--padxs));}
.galerie--nav .prev:before, .galerie--nav .next:before {z-index:-1;}
.galerie--nav .prev svg, .galerie--nav .next svg {width:100%; height:auto; padding:3rem; fill:var(--blanc);}
.galerie--nav .prev {left:calc(var(--pad) - 75px);}
.galerie--nav .next {right:calc(var(--pad) - 75px);}
.prev-marg {margin-left:6vw;}
.next-marg {margin-left:-6vw;}
.galerie--count {position: absolute; right: var(--padxs); bottom: var(--padxs); z-index: 1;}
.galerie--count:before {content: ''; position: absolute; width: 80px; height: 1px; background: var(--noir); top: 50%; left: -6rem;}
.galerie--count-total, .galerie--count-index, .galerie--count span:nth-child(2) {position:relative; display:inline-block;}
.galerie--count-index {color:var(--saumon);}
.galerie--count span:nth-child(2) {top:.2rem;}
.galerie--count-total {top:.4rem;}
.slick-slider {position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {float: left; min-height: 1px; margin: 0 var(--med-pad);}
.slick-current {;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block; width:50vw;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;} .legende--wrapper {position:relative;}
.legende {position:absolute; bottom:var(--padxs); left: -20vw; width: auto; text-align: right; font-size:.9rem; color:var(--saumon); transform:translateX(-3rem); opacity:0; pointer-event:none; transition:.4s;}
.legende span:after {background:var(--saumon); content:''; height:1px; width:0; position:absolute; top:.8rem; margin-left: 2rem; transition:1s;}
.legende--fx span:after, .tab--content .legende span:after {width:80px;}
.legende--fx {opacity:1; pointer-events:none; transform:translateX(0)!important;}
.sodico-texte {padding-right:2rem;}
.sodico-texte p {margin-bottom:calc(var(--padxs) / 2);}
.sodico-texte p:last-child {padding-bottom:calc(var(--padxs) * 1.5);}
.sodico-portrait {position:relative;}
.sodico-portrait img {width:100%; margin-top:calc(var(--padxs) * 1.5); margin-top:}
.sodico--sidebar {position:absolute; right:0; top:0; border-left:1px solid var(--noir); width:calc(var(--pad) * 2); z-index:1; height:calc(100% - calc(var(--pad) * 2)); margin:var(--pad) 0;}
.sodico--sidebar li:first-child a {padding:0 0 1rem var(--padxs);}
.sodico--sidebar li:last-child a {padding:1rem 0 0 var(--padxs);}
.sodico--sidebar a {color:var(--noir); color: var(--noir); padding: 1rem 0 1rem var(--padxs); display: block; opacity:.4;}
.sodico--sidebar li:hover a {transform:translateX(1rem);}
.sodico--sidebar-active {transform:translateX(1rem); opacity:1!important;}
.sodico--wrapper {position:relative; padding:var(--pad) calc(var(--pad) * 2 + var(--padxs)) var(--pad) var(--pad);}
.sodico--wrapper-b {position:relative; padding:var(--pad) calc(var(--pad) * 2 + var(--padxs)) 0 var(--pad);}
.sodico--wrapper .title-h2, .sodico--wrapper-b .title-h2 {margin-bottom:var(--padxs);}
.sodico--wrapper-pad {background:var(--blanc); position:absolute; bottom:0; left:0; height:calc(var(--padxs) * 1.5); width:100%;}
#equipe.sodico--wrapper .btn {margin-top:var(--padxs);}
.sodico--img-wrapper {position:relative;}
.sodico--img-wrapper .btn {position:absolute; z-index:1; top:var(--pad); display:none;}
.sodico--img-wrapper:hover .btn:before {transform:scale(1.4);}
.sodico--img {position:relative; width:calc(100% + 10vw); height:70vh; overflow:hidden; margin-left:-10vw;}
.sodico--img-wrapper:hover img {transform:scale(1.1);}
.sodico--img img {width: 100%; bottom:0; height:auto; position:absolute; transition:.6s;}
#le-23 .btn {margin:auto; margin-top:var(--padxs);}
.sodico--gallery {position:relative; width:calc(100% + var(--padxs)); padding-top:var(--padxs);}
.sodico--gallery .galerie--nav .prev {left:-75px;}
.sodico--gallery .galerie--nav .next {right:-75px;} .screen-reader-response {display:none;}
span.wpcf7-not-valid-tip {position:absolute!important; font-size:.9rem!important; right:0!important; top:1.5rem!important; color:var(--saumon)!important;}
div.wpcf7-response-output {margin: 2em 0em!important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border:0!important; background:none!important; padding:2rem 0 0 0 !important; margin: 0 !important; color:var(--saumon)!important;}
::-webkit-input-placeholder {opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity: 1; transition: opacity .5s;}
*:focus::-webkit-input-placeholder {opacity: 0;}
*:focus:-moz-placeholder {opacity: 0;}
*:focus::-moz-placeholder {opacity: 0;}
*:focus:-ms-input-placeholder {opacity: 0;}
*:focus::placeholder {opacity: 0;}
.formulaire__label {position:relative;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-radio label, .wpcf7-checkbox label {top:0rem!important; padding:0 0 1rem 0; display:block;}
span.wpcf7-list-item {margin:0!important;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {background: none; border: 2px solid var(--noir); border-radius: 50%; margin-top: -3px; margin-right:15px; display:inline-block; vertical-align: middle; content: ''; width: 10px; height: 10px; -webkit-transition: all .3s; -moz-transition: all .3s;transition: all .3s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--saumon); border-color:var(--saumon);} .wpcf7-form .subtitle.first {margin:0 0 2rem 0;}
.wpcf7-form .subtitle {color:var(--saumon); display:block; margin:2rem 0;}
.wpcf7-form .btn {margin-top: 2rem;}
input {border-radius:0; -webkit-appearance: none;}
textarea {resize: none; line-height:1.5!important;}
.input {position: relative; z-index: 1; display: inline-block; width:100%; vertical-align: top; color:var(--noir); margin-bottom:3rem;}
.input__field {position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: transparent; color: var(--noir); line-height:0; -webkit-appearance: none;}
.input__field:focus, input:focus {outline: none!important;}
.input__label {display: inline-block; float: right; padding: 0 1em; color:var(--noir); 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input__label-content {position: relative; display: block; padding: 1.5em 0; width: 100%;}
.input__field--fx {width: 100%; background: transparent; padding: 1.5rem 0; color:var(--noir); font-weight: inherit; font-family: inherit;}
.input__label--fx {width: 100%; position: absolute; text-align: left; padding:1rem 0; pointer-events: none;}
.input__label--fx::after {content: ''; position: absolute; width: 100%; height: 1px; background:var(--noir); left: 0; top: 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform .3s, background-color .3s; transition: transform 0.3s, background-color 0.3s;}
.input__label-content--fx {padding: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform .3s, color .3s; transition: transform .3s, color .3s;}
.input__field--fx:focus + .input__label--fx::after, .input--filled .input__label--fx::after {background:var(--noir);}
.input__field--fx:focus + .input__label--fx .input__label-content--fx,
.input--filled .input__label--fx .input__label-content--fx {color:var(--noir); -webkit-transform: translate3d(0, -2rem, 0) scale3d(.6, .6, 1); transform: translate3d(0, -2rem, 0) scale3d(.6, .6, 1);}
.textarea__label--fx {width: 100%; position: absolute; text-align: left; padding:1rem 0; pointer-events: none;}
.textarea__label--fx::after {content: ''; position: absolute; width: 100%; height: 1px; background:var(--noir); left: 0; top: 12rem; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform .3s, background-color .3s; transition: transform 0.3s, background-color 0.3s;}
.textarea__field--fx {width: 100%; background: transparent; padding: 1.5rem 0; height: 12rem; color:var(--noir); font-weight: inherit; font-family: inherit;}
.textarea__field--fx:focus + .textarea__label--fx::after, .input--filled .input__label--fx::after {background:var(--noir);}
.textarea__field--fx:focus + .textarea__label--fx .input__label-content--fx,
.input--filled .textarea__label--fx .input__label-content--fx {color:var(--noir); -webkit-transform: translate3d(0, -2rem, 0) scale3d(.6, .6, 1); transform: translate3d(0, -2rem, 0) scale3d(.6, .6, 1);}
.consultations .wpcf7-list-item {display: block;}
.consultations .formulaire__label {margin-bottom:3rem!important;}
.screen-reader-response, .wpcf7-response-output {display:none;} .footer {font-size:1.5rem; line-height:1.6;}
.footer, .footer a {color:var(--noir);}
.footer a:hover {color:var(--saumon);}
.footer .border {border-left:1px solid var(--noir);}
.footer--stuff, .footer--collections, .footer .copyright, .footer--menu {padding:4vw var(--padxs);}
.footer--follow {padding:4vw var(--padxs) 4vw 0; text-align:right;}
.footer--stuff input {border:1px solid var(--noir); width:100%; padding:1vw; font-size:1rem; transition:.3s;}
.footer--stuff .mailerlite-form-inputs {transition:.3s;}
.footer--stuff .mailerlite-form-inputs:hover {box-shadow: 1px 1px 30px rgba(0, 0, 0, .2);}
.footer--stuff .mailerlite-form-inputs, .footer--stuff .mailerlite-form-response {margin-top:1.5rem; margin-bottom:3vw; position: relative; font-size: 1rem; font-family:'roboto', sans-serif;}
.footer--stuff .mailerlite-form input.error {border-color:inherit; color:inherit;}
.footer--stuff .mailerlite-form label.error {font-family:'roboto', sans-serif; color:var(--saumon); margin-top: 1rem; position: absolute;}
.footer--stuff .mailerlite-subscribe-button-container {width:20%; position:absolute; top:1px; right:1px;}
.footer--stuff .mailerlite-subscribe-submit {background:transparent; width: 100%; height: 100%; padding: 1vw;}
.footer--stuff .mailerlite-subscribe-submit svg {width:1.5vw;}
.footer--stuff .mailerlite-subscribe-submit .st1{fill:var(--noir);}
.footer--stuff .mailerlite-form-response {text-align:left; color:var(--saumon);}
.footer--menu li, .footer--follow li, .menu--follow li, .menu--stuff li {display:inline-block; margin-right:2rem;}
.footer--menu li:last-child, .footer--follow li:last-child, .menu--follow li:last-child, .menu--stuff li:last-child {margin-right:0;}
.footer--follow svg {width:1.5rem; transition:.3s;}
.footer--follow li:hover svg {fill:var(--saumon);}
.footer--collections {border-top:1px solid var(--noir);}
.footer--collections ul {columns: 3; -webkit-columns: 3;}
.footer .col-1-2 {border-bottom:1px solid var(--noir);}
.footer .copyright {font-size:1.15rem; position:relative; display: flex; justify-content: space-between; align-items: center;}
.footer .copyright li {display:inline-block; margin-right:2rem;}
.footer .mr svg {width:40px; fill:var(--bg); transition:.3s;}
.footer .mr:hover svg {fill:var(--saumon);} .meta-livraison {background:var(--noir); color:var(--blanc); border-radius:7rem; padding:.5rem 1rem; position:absolute; z-index:1;
right:2rem; top:2rem;}
.meta-livraison.en-cours {background:var(--saumon);}
.wrapper-parent {grid-gap:var(--padxs);}
.wrapper-parent .item--img-wrap {background:none;}
.wrapper-parent .item--img {opacity:1;}
.wrapper-parent .item {color:var(--noir);}
.wrapper-parent .item:hover .item--meta {border-bottom: 1px solid var(--saumon);}
.wrapper-parent .item:hover {color:var(--saumon);}
.filtres--button {grid-gap:1rem;}
.filtres--button .logo--wrapper {top:0; left:0;}
.filtres--button {display: flex; align-content: center; align-items: center; justify-content: center;}
.filtres--button-container {width:50%; padding:0;}
.list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.list__item {width:calc(20% - 2rem); margin-right:2rem; margin-bottom:2rem; overflow:hidden; cursor:pointer;}
.list__item--wrapper {display:block; width:100%; height:15rem; position:relative;}
.list__item--wrapper--img {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center center;}
.button-phototheque {padding-bottom:3rem; display: flex; grid-gap: 1rem;}
.button-phototheque button {font-size:inherit; font-family:inherit; border-radius:6rem; padding:1rem 1.5rem; background:var(--saumon); color:var(--blanc);}
.button-phototheque button.is-active {background:var(--noir);}
.popup {position: fixed; display:flex; background: rgba(15,19,41,.6); z-index: 9999; width: 100vw; height: 100vh; align-items: center; justify-content: center; transition:.5s;}
.popup-wrapper {position:relative; width:600px; height:auto;}
.popup-wrapper a img {width:100%; height:auto;}
.popup-close {position:absolute; top:-15px; left:-15px; z-index: 5;}
.popup.remove {opacity:0; pointer-events:none;}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.sodico.fr/wp-content/themes/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(https://www.sodico.fr/wp-content/themes/sodico/assets/img/layout/prev.png) left 48% no-repeat;
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(https://www.sodico.fr/wp-content/themes/sodico/assets/img/layout/next.png) right 48% no-repeat;
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.sodico.fr/wp-content/themes/images/close.png) top right no-repeat;
text-align: right;
outline: none;
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
opacity: 1;
} @media screen and (max-height:900px) {
.slider {height:1050px;}
.filtres--button-container h2 {margin: 4vw 0 2rem 0;}
.button::before, .article li::before {top: .3rem;}
.equipe--item {padding-top: calc(var(--padxs) * 1.5);}
#tetris-wrapper{height:575px!important;}
.tetris-content .game{width:310px!important; height:575px!important;}
}
@media screen and (max-width:1680px) {
.title-h2 {font-size: 3.5vw;}
.footer .col-2-1 {grid-template-columns: 1.5fr 1fr;}
.footer--menu {padding: 4vw 0 4vw var(--padxs);}
}
@media screen and (max-width:1550px) {
body, .slider__content, .product--content-doc li {font-size: 1.1rem;}
h2, h3, .introduction {font-size: 1.6rem;}
.title {font-size: 9vw;}
.slider {height: 900px;}
.slider__img {width:50%;}
.timeline--img-wrapper {margin-top: 7rem;}
.footer {font-size: 1.4rem; line-height: 1.5;}
.sodico--img {height:60vh;}
}
@media screen and (max-width:1460px) {
body, .slider__content, .tab--txt, .product--content-doc li {font-size: 1rem;}
h2, h3, .introduction {font-size: 1.5rem;}
.title-h2 {font-size: 3.2vw;}
.footer .copyright, .sidebar--menu {font-size: 1rem;}
.small, .footer--stuff .mailerlite-form label.error, .footer--stuff input {font-size: .9rem;}
.liste, .input__field, .textarea__label--fx, .input__label, .wpcf7-list-item-label {font-size: 1.3rem;}
.menu_part:nth-of-type(1), .menu_part:nth-of-type(2), .menu_part:nth-of-type(3), .filtres--button .btn--close:hover .btn--close-part {width: 40px;}
.menu_part:nth-of-type(2) {left: 40px;}
.button::before, .article li::before {top: .3rem;}
.btn, .next, .prev {width: 130px; height: 130px;}
.btn:hover::before, .next:hover::before, .prev:hover::before {transform:scale(1.3);}
.galerie--nav .prev svg, .galerie--nav .next svg {height: auto; padding: 2.6rem;}
.galerie--nav .next {right: calc(var(--pad) - 65px);}
.galerie--nav .prev {left: calc(var(--pad) - 65px);}
.sodico--gallery .galerie--nav .prev {left: -65px;}
.sodico--gallery .galerie--nav .next {right: -65px;}
.filters--action-btn {left: -65px; bottom:50%;}
.product--details .btn {right: -65px;}
.introduction--center .introduction--txt {width: 70%;}
.frame .prev, .frame .next {width:auto!important; height:auto!important;}
.slide {height:auto;}
.follow {right: -72px;}
.follow a {display: block; width: 70px; height: 70px;}
.wrapper-stb .follow {right: calc(var(--pad) - 36px);}
.equipe--item {padding-top: 5.6rem;}
.equipe--item h2 {font-size: 2.5rem;}
.product--title .product--thumb-img, .article--title .product--thumb-img {height: 70vh;}
.product--title .product--thumb-img-w, .article--title .product--thumb-img-w {height: 90vh;}
.product--content .col-2 {grid-template-columns: 1fr;}
.menu-txt {display:none;}
.content iframe {height:80vh;}
.overlay--contact .overlay--contact-btn, .overlay--contact .overlay--contact:after {width:220px; height:80px;}
.overlay--contact-btn svg {width: 1.5rem;}
.overlay--contact.scroll .overlay--contact-btn, .overlay--contact.scroll .overlay--contact::after {width:80px; height:80px;}
.list__item {width: calc(33.3333% - 2rem);}
.cd-h-timeline__events {height: 20rem;}
}
@media screen and (max-width:1320px) {
.btn, .next, .prev {width: 120px; height: 120px;}
.galerie--nav .next {right: calc(var(--pad) - 60px);}
.galerie--nav .prev {left: calc(var(--pad) - 60px);}
.filters--action-btn {left: -60px;}
.liste, .input__field, .textarea__label--fx, .input__label, .wpcf7-list-item-label {font-size: 1.2rem;}
.title {text-align: center;}
.logo--wrapper {width: 150px;}
.overlay--contact-btn, .overlay--contact::after {width: 80px; height: 80px;}
.overlay--contact-btn {padding: 1.7rem;}
.overlay--contact {right: calc(var(--pad) - 40px);}
.follow {right: -62px;}
.follow a {width: 60px; height: 60px;}
.wrapper-stb .follow {right: calc(var(--pad) - 31px);}
.sodico--wrapper-b .product--content-col {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.product--content-col {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
.sodico--intro.col-1-2 {grid-template-columns:1fr;}
.sodico--intro .sodico-texte {padding-right: var(--pad);}
.sodico--intro .sodico-portrait img {width: 85%; margin-top: -7vw; right: -15%;}
.sodico--intro .legende {left: 0; color:var(--blanc); background:var(--saumon); padding: 0 .5rem;}
.product--details .btn {right: -60px;}
.filters--action {width:0px;}
.footer {font-size: 1.2rem;}
.footer--collections ul {columns: 2; -webkit-columns: 2;}
.footer--follow {display:none;}
.footer .col-2-1 {grid-template-columns: 1fr;}
}
@media screen and (max-width:1190px) {
body {overflow-y:auto; overflow-x:hidden!important;}
#app, .frame {display:none;}
.home-mobile--slideshow {display:block;} .equipe--item h2, .title-h2 {font-size: 2rem;}
h2, h3, .introduction {font-size: 1.3rem;}
.liste, .input__field, .textarea__label--fx, .input__label, .wpcf7-list-item-label {font-size: 1rem;}
.footer .copyright, .sidebar--menu {font-size: .9rem;} .section--title {padding: 0 0 1.5rem 0; margin-bottom:1.5rem; line-height: 1.5;}
.item .item--meta {padding:1.5rem 0; margin-bottom:1.5rem; line-height: 1.5;}
.liste--link.liste li {margin-bottom:0!important;}
ul.liste, .liste--details {margin-top:1.5rem;}
.filtres--button-container .grid {grid-gap: 1.5rem;}
.liste--link li a {padding: 1.5rem 0;}
.liste--link li:hover a {padding:1.5rem;}
.liste li, .tab--txt p, .cd-h-timeline__event-description p {margin-bottom: 1.5rem !important;}
.product--details li, .cd-h-timeline__event-description h3 {margin-bottom: 1.5rem;}
.product--details li, .liste--details li {margin-bottom: 1.5rem;}
.footer--menu li, .footer--follow li, .menu--follow li, .menu--stuff li, .footer .copyright li {margin-right: 1.5rem;}
.filtres--button-container h2 {margin: 4vw 0 1.5rem 0;}
.wpcf7-form .subtitle {margin: 1.5rem 0;}
.product--avantages a:hover {transform:translateX(1.5rem);}
.article li {margin-bottom: 1.5rem; padding-left: 2.5rem;}
.article li::before {top: .5rem !important; margin-left: -2.5rem !important;}
.mainmenu__item:hover {padding-left:1.5rem;}
.liste--link li:hover a {padding:1.5rem;}
.product--avantages a:hover {transform:translateX(1.5rem);} .article--date {margin-bottom: var(--padxs);}
.title--blog-limit {display:none;}
.title--blog {display:block;}
.not-found img {width: 40vw;}
.menu_part:nth-of-type(1), .menu_part:nth-of-type(2), .menu_part:nth-of-type(3), .filtres--button .btn--close:hover .btn--close-part {width: 30px;}
.menu_part:nth-of-type(2) {left: 15px;}
.menu_part:nth-of-type(1) {top: calc(50% - ((8px)) + -4px);}
.menu_part:nth-of-type(3) {top: calc(50% - ((0px)) + 8px);}
.sidebar--menu a {margin: 0 1.5vw;}
.sidebar.mono {font-family:inherit;}
.btn, .next, .prev {width: 100px; height: 100px;}
.galerie--nav .prev svg, .galerie--nav .next svg {padding: 2.2rem;}
.galerie--nav .next {right: calc(var(--pad) - 50px);}
.galerie--nav .prev {left: calc(var(--pad) - 50px);}
.sodico--gallery .galerie--nav .prev {left: -50px;}
.sodico--gallery .galerie--nav .next {right: -50px;}
.filters--action-btn {left: -50px;}
.filtres--button {touch-action:pan-y;}
.follow {right: -52px;}
.follow a {width: 50px; height: 50px;}
.wrapper-stb .follow {right: calc(var(--pad) - 26px);}
.menu--follow svg, .follow svg {width: 1.3rem;}
.liste--link span svg {width: 1.3rem;}
.liste--link li:hover span {fill:var(--blanc); padding:0 1.5rem;}
.product--details .btn {right: -50px;}
.btn-tetris svg {width: 20px;}
.sodico--img {width: calc(100% + var(--pad)); margin-left: -10vw; height: 65vh;}
.content iframe {height:70vh;}
.input {margin-bottom: 2rem;}
.input__field--fx:focus + .input__label--fx .input__label-content--fx, .input--filled .input__label--fx .input__label-content--fx,
.textarea__field--fx:focus + .textarea__label--fx .input__label-content--fx, .input--filled .textarea__label--fx .input__label-content--fx 
{-webkit-transform: translate3d(0, -2rem, 0) scale3d(.8, .8, 1); transform: translate3d(0, -2rem, 0) scale3d(.8, .8, 1);}
.sodico--wrapper {padding: var(--pad);}
.sodico--wrapper-b {padding: var(--pad) var(--pad) 0 var(--pad);}
.sodico--gallery {width:100%;}
.sodico--sidebar {display:none;}
.sodico--intro .sodico-portrait img {width: 75%; right: -25%;}
.equipe--item {padding-top: 5rem;}
.prev-marg {margin-left:5vw;}
.next-marg {margin-left:-5vw;}
.product--details span, .liste--details span {margin-bottom: 0;}
.filtre--item {width: calc(calc(100% - calc(var(--padxs) * 2)) / 2); margin: calc(var(--padxs) / 2);}
.tab--content .legende {width:75%;}
.tab--nav h3:hover::before {width:30px;}
.wrapper-sidebar.col-2-1 {grid-template-columns: 1fr;}
.wrapper-sidebar .col2 {margin-top:0; padding-left: 0; border-left: 0; padding-right: var(--padxs);}
.sticky {position: relative;}
.slider {height: 800px;}
.slider__img {top: auto; bottom: 0;}
.slider__img img {width:110%;}
.footer--stuff .mailerlite-subscribe-submit {padding:.8rem;}
.footer--stuff .mailerlite-subscribe-submit svg {width: 1.1rem;}
.pagination .next.page-numbers, .pagination .prev.page-numbers {display:none;}
}
@media screen and (max-width:990px) {
.slider {display:none;} body, .slider__content, .tab--txt, .product--content-doc li {font-size: .9rem;}
h2, h3, .introduction {font-size: 1.2rem;}
.equipe--item h2, .title-h2 {font-size: 1.6rem;}
.small, .footer--stuff .mailerlite-form label.error, .footer--stuff input {font-size: .8rem;}
.footer {font-size: 1.05rem;} .nj--content.col-1-2 {grid-template-columns: 1fr;}
.col-3 {grid-template-columns:1fr 1fr;}
.footer .col-1-2 {grid-template-columns: 2fr 3fr;} .cookies--col {width:100%; padding:var(--padxs); font-size:.9rem;}
.cookies--pic {right:auto; position: relative; margin-right: auto; float: none; padding-top: var(--padxs); width: 7rem; margin: auto; top: auto; transform: none;}
.sidebar--menu {height: calc(var(--padxs) * 1.5);}
.overlay--contact {display:none;}
.logo--wrapper {width: 140px;}
.st2 {display:none;}
.btn, .next, .prev {width: 80px; height: 80px;}
.galerie--nav .prev svg, .galerie--nav .next svg {padding: 1.6rem;}
.galerie--nav .prev {left: calc(var(--pad) - 40px);}
.galerie--nav .next {right: calc(var(--pad) - 40px);}
.sodico--gallery .galerie--nav .next {right: -40px;}
.sodico--gallery .galerie--nav .prev {left: -40px;}
.prev-marg {margin-left:4vw;}
.next-marg {margin-left:-4vw;}
.galerie--count::before {width: 50px; left: -4rem;}
.product--details .btn {right: -40px;}
.wpcf7-radio label, .wpcf7-checkbox label {padding: 0 1.5rem 1rem 0; display: inline-block;}
.equipe--item h2, .equipe--item h3 {opacity: 1; transform: translateY(0);}
.equipe--item {padding-top: 3rem;}
.product--details {color: var(--noir); background: var(--blanc); border-right: 1px solid var(--noir);}
.product--details span {color: var(--saumon);}
.anchor--wrapper {background:none!important;}
.product--details.bg--saumon .product--cara li {margin-bottom:0!important; margin-right:0!important;}
.product--details.bg--saumon li {margin-bottom:1.5rem!important;}
.product--details.bg--saumon li:last-child {margin-bottom:0!important;}
.product--details li, .liste--details li {display:inline-block; margin-right:1.5rem; margin-bottom: 0;}
.product--details li:last-child, .liste--details li:last-child {margin-right:0; margin-bottom:0;}
.product--title .product--thumb-img-w, .article--title .product--thumb-img-w {height: 100vh;}
.introduction--center .introduction--txt {width:100%;}
.product--content-doc li span:nth-child(1) {width: 30px; height: 30px; padding: .5rem; top: .4rem;}
.product--content-doc li span:nth-child(2) {margin-left: 3rem;}
.wpp-thumbnail {width:30px; height:30px;}
.liste li, .tab--txt p, .cd-h-timeline__event-description p {margin-bottom: 1rem !important;}
.article h2 {margin-bottom: 1.5rem;}
.article--thumb {height:50vh;}
.article--thumb-img {height: 70vh;}
.filtre--item {--aspect-ratio:1000/500;}
.filtre--details {left:auto; right: 0; text-align: right;}
.filtre--txt {opacity: 1; top: 0;}
.filtre--details li {opacity: 1; transform: translateY(0vw);}
.filtre--overlay::before {content:none;}
.filtre--item-thumb {opacity:.7;}
.filtre--item {background: var(--noir);}
.filtres--button-group {font-size:1.2rem;}
.filtres--button-container .col-3 {grid-template-columns: 1fr; margin-bottom: var(--pad);}
.sodico-portrait .parallax {transform:none!important;}
.sodico--intro .sodico-portrait img {margin-top: 1.5rem;}
.sodico-portrait .legende {bottom:auto; top:70%; margin-left: 0;}
.legende span::after {top: .7rem; margin-left: 1.5rem;}
.timeline--img-wrapper {margin-top: 10rem;}
.cd-h-timeline__navigation {padding:.8rem; height:40px; width:40px; margin:0 10px;}
.tetris:before {content:'Il n\'est pas possible de jouer au Tetris sur votre téléphone mobile.'; color:var(--blanc); margin-bottom:var(--pad);}
.blockrain-game-holder {display:none!important;}
#tetris-wrapper {width:100%!important;}
#tetris-wrapper, .tetris-content .game, .tetris-content {height:0!important;} .meta-livraison {display:none;}
.list__item {width: calc(50% - 2rem);}
}
@media screen and (max-width:790px) {
* {cursor:auto;}
.not-found {position:relative; right:auto; transform:none; text-align:center; margin-bottom:-12vw; top:auto;}
.not-found img {width: 100%;}
.col-2 {grid-template-columns: 1fr;}
.col-1-3 {grid-template-columns: 1fr;}
.pad-botxs {padding-bottom: var(--pad);}
.liste, .input__field, .textarea__label--fx, .input__label, .wpcf7-list-item-label {font-size: .9rem;}
.breadcrumb {top: calc(var(--pad) / 1.3);}
.menu--follow {position: absolute; right: var(--padxs);}
.article--title {padding-top: calc(var(--pad) * 1.5);}
.article--title .title {font-size: 6vw; padding: 0 2rem; line-height:1.1;}
.content {margin-right: 0;}
.logo--wrapper {width: 110px;}
.mainmenu__item {font-size: 6vw;}
.mainmenu__item:hover {padding-left:0;}
.mainmenu a {color: var(--saumon); -webkit-text-stroke-width: 0; -webkit-text-stroke-color: transparent;}
.hover-reveal {display:none;}
.menu-rot .menu_part {background: var(--blanc)!important;}
.menu--icon {height: 5rem;}
.menu_part {background: var(--noir);}
.menu_part:nth-of-type(2) {left: 0;}
.cursor {display:none;}
.sidebar {background:transparent; position:relative; height:0;}
.sidebar--menu {display:none;}
.follow {right: 0;}
.product--content .follow {top:-3rem;}
.product--details li, .liste--details li {margin-right: 3rem;}
.product--content {order:1; padding:var(--pad); margin-top:0;}
.product--details {padding:0 var(--pad) var(--pad) var(--pad); order: 2;}
.product--content-doc li:hover {transform:none;}
.product--details {font-size:inherit!important;}
.product--details span {font-size:.8rem!important;}
.product--details .btn {top: 0; right: var(--padxs);}
.button::before, .article li::before {border: 1px solid var(--noir); width: 7px; height: 7px;}
.article li::before {top: .6rem !important; margin-left: -1.5rem !important;}
.article li {padding-left: 1.5rem;}
.next, .prev {width: 60px; height: 60px;}
.galerie--nav .prev svg, .galerie--nav .next svg {padding: 1.1rem;}
.galerie--nav .prev {left: calc(var(--pad) - 30px);}
.galerie--nav .next {right: calc(var(--pad) - 30px);}
.sodico--gallery .galerie--nav .next {right: -30px;}
.sodico--gallery .galerie--nav .prev {left: -30px;}
.sodico--img-wrapper .btn {top: -10vw; right: var(--pad); display:block;}
.sodico--img {height: 55vh;}
.filters--action-btn {display:none;}
.tab--sodico.col-1-2 {grid-template-columns: 1fr;}
.tab--sodico.grid-padxs {grid-gap: .5rem;}
.tab--nav {margin-bottom:1.5rem;}
.tab--nav h3 {font-size: 1.1rem; width: auto; margin-right: 1.5rem; margin-bottom:1rem; display: inline-block;}
.tab--nav h3 span::before {content:none;}
.sodico--wrapper-pad {height:var(--pad);}
.legende {bottom:1rem;}
.tab--content .legende {width:auto; right:-2rem; color: var(--blanc); background: var(--noir); padding: 0 .5rem;}
.tab--content .legende span::after {content:none;}
.galerie--item {height:60vh;}
.galerie--count {right: calc(var(--padxs) / 2); bottom: 50%;}
.product--gallery .galerie--nav .prev, .product--gallery .galerie--nav .next, .sodico--gallery .galerie--nav .prev, .sodico--gallery .galerie--nav .next {top: auto; transform: none;}
.galerie--count::before {width: 30px; left: -2.5rem;}
.galerie--nav .prev, .galerie--nav .next {bottom: 1.5rem; top:auto;}
.galerie h2 {margin-top: 0;}
.product--content .follow {right: var(--padxs);}
.product--avantages div:nth-child(1) {margin-right: 0; width: calc(100% + 10vw); height: 350px;}
.product--avantages a:hover {transform:none;}
.product--avantages .section--title {width:100%!important; height:auto!important;}
.product--avantages div:nth-child(2) {background: var(--blanc); position: relative; left: -10vw; margin-top: var(--pad); padding:var(--padxs) 0 var(--padxs) var(--padxs); width:calc(100% + var(--pad));}
.product--avantages .tab_content div:nth-child(2) {margin-top:0!important; padding:0!important;}
.product--avantages .tab_content div:nth-child(1), .product--avantages .tab_content div:nth-child(2) {width:auto!important;}
.bg--saumon-blanc {background: transparent;}
.item--img-wrap {--aspect-ratio: 1000/600;}
.timeline--img-wrapper {width:80%; margin:auto; margin-top:2rem; --aspect-ratio: 1000/500;}
.cd-h-timeline__event-content .title {width:100%; text-align: center; margin: auto; display: inline-block; position:absolute; z-index:1;}
.cd-h-timeline__events {margin-top:1rem;}
.cd-h-timeline__event-img {margin-left: 0;}
.cd-h-timeline__event-description {margin-left: var(--pad);}
.timeline--img-wrapper.parallax {transform:none!important;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {border: 1px solid var(--noir); margin-top: -4px;}
.footer .copyright, .sidebar--menu {text-align: center; font-size: .8rem;}
.content iframe {height:280px;}
.menu--stuff, .menu--follow {position:fixed; bottom: var(--pad);}
.menu--stuff li {display:block; margin-right:0; margin-bottom: .3rem;}
.jobs h1 {font-size:6vw;}
.article-thumb--legende {margin-bottom: 0;}
.article-thumb--legende svg {width: 15px; height: 15px; stroke-width: 2px;}
.wrapper-parent {grid-gap:var(--pad);}
.item .item--meta {padding: 1rem 0; margin-bottom: 1rem;}
.overlay--contact {opacity:1!important; transform:none!important; bottom:6rem; right:2rem;}
.overlay--contact .overlay--contact-btn, .overlay--contact .overlay--contact::after {width: 185px; height: 60px;}
.overlay--contact.scroll .overlay--contact-btn, .overlay--contact.scroll .overlay--contact::after {width:60px; height:60px;}
.overlay--contact-btn {padding: 0.7rem;}
.button-phototheque {flex-wrap: wrap;}
.button-phototheque button {padding: .5rem 1rem;}
.popup-wrapper {width:80%;}
.cd-h-timeline__events {height: auto;}
.footer .copyright {align-items: flex-end;}
.copyright ul {display: flex; flex-direction: column; grid-gap:.5rem; text-align: left;}
}
@media screen and (max-width:500px) {
:root {--pad:12vw; --padxs:6vw;}
h2, h3, .introduction {font-size: 1.1rem;}
.right {text-align: left;}
.col-1-2, .col-3 {grid-template-columns: 1fr;}
.title {font-size: 11vw; padding-top:8rem;}
.wrapper-nb .title, .wrapper .title {padding-top:calc(8rem - var(--pad));}
.article--title .title {font-size:10vw; padding-top:8rem;}
.product--title {padding-top:0; overflow:hidden;}
.article--title {padding-top:0;}
.article--date li {display: block; margin-right:0;}
.article--date li::after {content: none;}
.cd-h-timeline__event-content .title {padding-top:1rem!important;}
.introduction--center .introduction--txt {margin-left: 0;}
.product--visuel {height:100vh;}
.product--title .title {padding-top:7rem;}
.product--title .product--visuel img, .article--title .product--visuel img {margin-top:auto;}
.product--title .product--thumb-img, .article--title .product--thumb-img, .article--thumb {height: 40vh;}
.product--title .product--thumb-img-w, .article--title .product--thumb-img-w, .article--thumb-img {height: 100%;}
.article--thumb-img.parallax, .product--thumb-img-w.parallax {transform:none!important;}
.product--title img {position: absolute; bottom: 0;}
.logo--wrapper {width: 100px; padding: calc(var(--pad) / 3.5);}
.mobile {display:block;}
.mainmenu {line-height: 1.5; margin-top:-15vh;}
.mainmenu, .menu--stuff, .menu--follow {z-index:1;}
.menu--icon {width:calc(var(--pad) * 2);}
.smallxs {font-size: .7rem;}
.product--details li, .liste--details li {display:block;}
.anchor--wrapper, .breadcrumb {display: none;}
.nj--content .liste--details li {margin-bottom:1.5rem!important;}
.liste--link a {margin-right:0;}
.liste--link li::before {content: none;}
.liste--link li:hover a {padding:1.5rem 0; color:var(--noir);}
.liste--link span {display:none;}
.galerie--item {height:30vh;}
.galerie--count::before {top: -20%; left:-1.5rem;}
.sodico--wrapper-b .product--content-col {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
.sodico--intro .sodico-portrait img {width: 100%; right: 0;}
.sodico--img {margin-left:-12vw; height:auto;}
.sodico--img img {position:relative;}
.sodico--img {height: 50vh;}
.follow a {width: 40px; height: 40px;}
.article--title.wrapper-ntnb .follow {top: var(--padxs); bottom:auto;}
.filtres {width:100%; margin:0; padding:0; transform:none;}
.filtre--item {width:100%; margin:0; margin-bottom:var(--padxs); --aspect-ratio: 1000/1000;}
.filtre--item:last-child {margin-bottom:0;}
.filtre--txt, .filtre--details {padding:var(--padxs);}
.filtre--details.small {font-size:1rem;}
.filtre--item h2 {font-size:2rem;}
.tab--content .legende {width: max-content; width: -moz-max-content; right:-6vw;}
.legende span::after {content: none;}
.sodico-portrait .legende {bottom: 2rem; top: auto;}
.equipe--item-txt {top: var(--pad);}
.equipe--item-pics {margin-top: 0;}
.equipe--item {padding-top: 4rem;}
.wpcf7-radio label, .wpcf7-checkbox label {display:block;}
.footer .col-1-2 {grid-template-columns:1fr;}
.footer .border {border-left:0;}
.footer--stuff, .footer--collections, .footer .copyright {padding: var(--pad);}
.footer--stuff input, .footer--stuff .mailerlite-subscribe-submit {padding: 4vw;}
.footer--stuff .mailerlite-subscribe-submit svg {width:25px;}
.mailerlite-form .mailerlite-form-field {margin-bottom: var(--pad)!important;}
.footer--menu {padding: 0 0 var(--pad) var(--pad);}
.footer .col-2-1 {grid-template-columns: 1fr 1fr;}
.footer--follow {display: block; padding: 0 var(--pad) 0 0;}
.footer--follow li {display:block; margin-right:0; margin-bottom:1rem;}
.footer--follow li:last-child {margin-bottom:var(--pad);}
.footer--menu li {display:block; margin-right:1rem;}
.footer--collections {display:none;}
.footer .copyright, .sidebar--menu {text-align: left;}
.footer .copyright li {margin-right: 0; margin-bottom: .3rem; display: block;}
.footer .copyright li:last-child {margin-bottom:0;}
.product--avantages.col-2-1 {grid-template-columns: 1fr;}
.product--avantages.wrapper-right {padding-right: 0;}
.product--avantages div:nth-child(1) {width:100%; height:auto;}
.product--avantages div:nth-child(2) {left:0; padding:var(--padxs); width:calc(100% - var(--pad)); margin:auto; margin-top:-3rem;}
.galerie h2 {height: 4rem;}
.mainmenu__item {font-size: 7vw;}
.menu--stuff, .menu--follow {bottom:5%;}
.menu--follow {right: var(--pad);}
.menu--follow svg {width:1.3rem;}
.menu__item {height:100%;}
.home-mobile--slideshow-title.title {width:100%; padding-top:0; font-size:10vw; padding-bottom:3rem;}
.home-mobile--slideshow-item .resume {font-size:1.2rem;}
.home-mobile--slideshow .galerie--count {top:10%;}
.cd-h-timeline__dates {margin:0;}
.cd-h-timeline__navigation--prev {left: -50px;}
.cd-h-timeline__navigation--next {right: -50px;}
.nj--content .liste--details reveal li:nth-child(3) {margin-top:1rem;}
.jobs h3 {margin-bottom:1rem; font-size: 110%;}
.jobs .article ul {margin-bottom:2rem;}
.jobs .jobs-liste {padding-left:0;}
.jobs .btn {width: 120px; height: 120px;}
.article-thumb--legende {margin-top:1rem;}
.liste--link li a {margin-right: 0;}
.title-h2 {line-height: 1.2;}
.list__item {width:100%; margin-right:0;}
.follow {display:none;}
}