/*
Theme Name: North Sébastien 2.0
Theme URI: https://www.north-sebastien.fr
Author: 360° North
Author URI: https://www.360degresnorth.com/
Version: 2.0
*/

@CHARSET "UTF-8";
	
* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline:none;}

:root {
	--font:1.2rem;
	--bleu:#1d4ac0;
	--marron:#e9b572;
	--blanc:#ffffff;
	--pad:3vw;
	--pad-med:5vw;
	--pad-big:10vw;
	--pad-col-neg:calc(-16.6666667vw + 2px);
	--pad-col:calc(100% / 6);
	--pad-col-vw:calc(100vw / 6);
	--pad-col2:calc((100% / 6) * 2);
	--pad-col3:calc((100% / 6) * 3);
	--pad-col4:calc((100% / 6) * 4);
	--pad-col5:calc((100% / 6) * 5);
	} 

body {font-family: 'roboto', sans-serif; font-size:var(--font); color:var(--blanc); background:var(--bleu); line-height: 1.8; font-weight:inherit; overflow-x: hidden; webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}

h1, h2, h3, .font-title {line-height:1;}
strong {font-weight:600;}
.font-title {font-size:9vh; margin-left:-.5vw; margin-bottom:var(--pad); font-family:'Karla', sans-serif; font-weight:200;}
.font-m , .form input, .form textarea {font-size:6vh; margin-left:-.5vw; margin-bottom:var(--pad); font-family:'Karla', sans-serif; font-weight:200; line-height:1.2;}
.font-xs, .wpcf7-not-valid-tip {font-size:.9rem;}
.font-nb {margin-bottom:0!important;}
.article h2 {font-size:4vh; font-family:'Karla', sans-serif; font-weight:200; line-height:1.2; color:var(--marron); margin-bottom:var(--pad); margin-top:var(--pad-med);}
.article h2:first-child {margin-top:0;}
.article a {color:var(--marron)!important;}
.article a:hover {color:var(--blanc)!important;}
.article ul  {margin-left:3rem;}
.article li, .options li {position:relative; margin-bottom:1.5rem;}
.article li:after, .options li:after {content:''; position:absolute; left:-3rem; top:.7rem; border-radius:50%; border:1px solid var(--blanc); background:transparent; width:10px; height:10px;}

a {color:var(--marron); 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:3rem;}
p:last-child {margin-bottom:0!important;}
li {list-style-type:none; margin-bottom:2rem;}
li:last-child {margin-bottom:0;}
sup {font-size: 70%; line-height: 0; position: relative; margin-left:.2rem;}
strong {font-weight:700;}
section {clear:both; position:relative;}
.center {text-align:center;}
.overline {z-index:1;}
.marron  {color:var(--marron);}
.right {text-align:right;}

.btn a {margin-right:var(--pad);}
.btn a:last-child {margin-right:0;}



/* SCROLL */

.smooth-scroll {width:100%; overflow:hidden; opacity:1;}
html, body {overflow:hidden;}
html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
.c-scrollbar {position: absolute; right: 0; top: 0; z-index:99; width: 10px; height: 100vh; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; opacity: 0; }
.c-scrollbar:hover {transform: scaleX(1.45); }
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1; }
.c-scrollbar_thumb {position: absolute; top: 0; right: 0; background-color:var(--blanc); opacity:1; width:4px; border-radius:30px; margin: 3px; cursor: -webkit-grab; cursor: grab; }
.has-scroll-dragging .c-scrollbar_thumb {cursor: -webkit-grabbing; cursor: grabbing;}
.c-scrollbar_display {opacity:0!important; transition:.3s!important;}
.smooth-scroll--menu {transform:translateX(-100%); opacity:0;}



/* GENERAL */

.noise {top: 0; left: 0; width: 100%; height: 100vh; display: block; z-index: 1; overflow: hidden; position: fixed; pointer-events: none;}
.noise:after {top: -10rem; left: -10rem; width: calc(100% + 20rem); height: calc(100% + 20rem); content: ""; position: absolute; animation: noise 1s steps(2) infinite; background-image: url(https://www.north-sebastien.fr/wp-content/themes/sebastiennorth/assets/img/noise.png); background-position: 50%;}
@-moz-keyframes noise {0% {transform: translate3d(0,9rem,0);} 10% {transform: translate3d(-1rem,-4rem,0);} 20% {transform: translate3d(-8rem,2rem,0);} 30% {transform: translate3d(9rem,-9rem,0);} 40% {transform: translate3d(-2rem,7rem,0);} 50% {transform: translate3d(-9rem,-4rem,0);} 60% {transform: translate3d(2rem,6rem,0);} 70% {transform: translate3d(7rem,-8rem,0);} 80% {transform: translate3d(-9rem,1rem,0);} 90% {transform: translate3d(6rem,-5rem,0);} to {transform: translate3d(-7rem,0,0);}}
@keyframes noise {0% {transform: translate3d(0,9rem,0);} 10% {transform: translate3d(-1rem,-4rem,0);} 20% {transform: translate3d(-8rem,2rem,0);} 30% {transform: translate3d(9rem,-9rem,0);} 40% {transform: translate3d(-2rem,7rem,0);} 50% {transform: translate3d(-9rem,-4rem,0);} 60% {transform: translate3d(2rem,6rem,0);} 70% {transform: translate3d(7rem,-8rem,0);} 80% {transform: translate3d(-9rem,1rem,0);} 90% {transform: translate3d(6rem,-5rem,0);} to {transform: translate3d(-7rem,0,0);}}

.lines_background {position: fixed; width: 100%; pointer-events:none; overflow: hidden; top:0; bottom:0; left:0; right: 0;}
.lines-background__line {border-right: 1px solid rgba(255,255,255,.07); z-index: 0; width: calc((100% / 6)); height:100vh; position:relative; display:inline-block; overflow:hidden;}

.cursor {z-index: 1000000; width: 20px; height: 20px; background-color:transparent; border:1px solid var(--blanc); transition-timing-function: ease-out; border-radius: 50%; transition-delay:.1s; position: fixed; pointer-events: none; transform: translate(-50%, -50%); transition: height 500ms, width 500ms;}
.cursor.state--transition-movement {transition: height 400ms, width 400ms, left 400ms, top 400ms;}
.cursor.state--link {width:5vw; height:5vw; background-color:rgba(127,158,237,.5); border:none;}

.underline a {color:var(--blanc); text-decoration: none; background-image: linear-gradient(var(--blanc), var(--blanc)); background-position: bottom; background-repeat: no-repeat; 
background-size: 0% 1px; webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; padding-bottom: .6rem;}
.underline a:hover, .current-menu-item a {color:var(--blanc); background-size: 100% 1px;}



/* PADDING + MARGIN + GRID + WRAPPER */

.flex {display:flex;}
.justify {justify-content: space-between;}
.vcenter {align-items:center;}

.container {padding:0 var(--pad-col);}

.pad-r-big {margin-right:var(--pad-big);}

.wrapper-left-1col {padding-left:var(--pad-col);}
.wrapper-left-2col {padding-left:calc(var(--pad-col) * 2);}
.wrapper-left-3col {padding-left:calc(var(--pad-col) * 3);}
.wrapper-right-1col {padding-right:calc(var(--pad-col) * 1);}
.wrapper-right-2col {padding-right:calc(var(--pad-col) * 2);}
.wrapper-right-3col {padding-right:calc(var(--pad-col) * 3);}
.wrapper-xxl-t {padding-top:var(--pad-col);}
.wrapper-xl-tb {padding-top:var(--pad-big); padding-bottom:var(--pad-big);}
.wrapper-xl-b {padding-bottom:var(--pad-big);}
.wrapper-xl-t {padding-top:var(--pad-big);}
.wrapper-m-b {padding-bottom:var(--pad-med);}
.wrapper-m-t {padding-top:var(--pad-med);}
.wrapper-s-t {padding-top:var(--pad);}
.wrapper-s-b {padding-bottom:calc(var(--pad) * 1.5);}

.neg-m {margin-top:-32vh;}
.neg-xl {margin-top:-50vh;}

.grid {display:grid;}
.grid-pad {grid-gap:var(--pad);}
.col-1-2-1 {grid-template-columns:1fr 2fr 1fr;}
.col-1-2-1 div:last-child {text-align:right;}
.col-1-3 {grid-template-columns:1fr 3fr;}
.col-2-1-1 {grid-template-columns:2fr 1fr 1fr;}
.col-2 {grid-template-columns:1fr 1fr;}
.col-2-1 {grid-template-columns:2fr 1fr;}
.col-2-2 {grid-template-columns:2fr 2fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}

.column {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: var(--pad-med); -webkit-column-gap: var(--pad-med); -moz-column-gap: var(--pad-med);}



/* HEADER */

.header-logo {position:absolute; top:var(--pad); left: calc((100% / 12) * 1.5 + 1px); z-index:10;}
.header-logo img {width:10vw;}

.header-menu a, .header-stuff a {color:var(--blanc); transition:.2s;}

.header-menu {position:fixed; top:var(--pad); right:calc(100% / 12); z-index:10;}
.header-menu li , .header-stuff li {display:inline-block; margin-left:var(--pad); margin-bottom:0;}
.header-menu li:first-child, .header-stuff li:first-child {margin-left:0;}

.header-stuff {position:fixed; bottom:var(--pad); left:var(--pad); transform:rotate(-90deg); transform-origin:top left; z-index:10;}



/* CONTENU */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
-khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slider {height:100vh; position:relative;}
.caroussel {overflow:hidden; position:relative; height:100%; width:100%; z-index:-1;}
.caroussel-item {position:relative; height:100vh; width:100%; overflow:hidden;}
.caroussel-item--img {background-size:cover; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.3); transition:.8s;}
.caroussel-item.slick-active .caroussel-item--img {transform:none; transition-delay:.2s;}
.caroussel-overlay {background:var(--bleu); opacity:.4; position:absolute; width:100%; height:100%; top:0; left:0;}
.caroussel-block {background:var(--bleu); position:absolute; width:var(--pad-col); height:20vh; bottom:-2px; left:var(--pad-col);}

.caroussel-nav {position: absolute; margin-left: -65px; z-index:1; margin-top: calc(-20vh - 65px); justify-content: space-between; width: calc(var(--pad-col) + 130px);}
.caroussel-nav .prev, .caroussel-nav .next {width:130px; height:130px; position:relative; justify-content: center; cursor:pointer;}
.caroussel-nav .prev:before, .caroussel-nav .next:before {transition:.4s;}
.caroussel-nav .prev:before {content:''; background:var(--marron); position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; z-index:-1;}
.caroussel-nav .next:before {content:''; background:transparent; border:1px solid var(--blanc); position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; z-index:-1;}
.caroussel-nav .prev:hover::before, .caroussel-nav .next:hover::before {transform:scale(1.2);}
.caroussel-nav svg {width:30%; fill:var(--bleu);}
.caroussel-nav .next svg {transform:rotate(-180deg); fill:var(--blanc);}

.caroussel-count {position: absolute; bottom:0; z-index: 1; width: var(--pad-col);  height:20vh; justify-content: center; align-items: center;}
.caroussel-count--index {margin-right:1rem;}
.caroussel-count--total {margin-left:1rem;}

.subtitle {color:var(--marron); padding-bottom:var(--pad); font-weight:400; font-size:var(--font);}

.img {overflow:hidden; position:relative;}
.img-xl, .galerie-photos .photo-item .img {width:100%; height:100vh;}
.img-m, .galerie-photos .photo-item:nth-child(2) .img, .galerie-photos .photo-item:nth-child(4) .img, .galerie-photos .photo-item:nth-child(6) .img, .galerie-photos .photo-item:nth-child(8) .img, .galerie-photos .photo-item:nth-child(10) .img,
.galerie-photos .photo-item:nth-child(12) .img, .galerie-photos .photo-item:nth-child(14) .img, .galerie-photos .photo-item:nth-child(16) .img, .galerie-photos .photo-item:nth-child(18) .img, .galerie-photos .photo-item:nth-child(20) .img,
.galerie-photos .photo-item:nth-child(22) .img, .galerie-photos .photo-item:nth-child(24) .img, .galerie-photos .photo-item:nth-child(26) .img, .galerie-photos .photo-item:nth-child(28) .img, .galerie-photos .photo-item:nth-child(30) .img  {width:100%; height:80vh;}
.img-thumb {background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.img-fx {transform:scale(1.3)!important; transition:1s!important; transition-delay:.4s!important;}
.is-inview.img-fx {transform:none!important;}
.img-vert img {width:100%; height:auto;}
.full-error img {width:100%;}

.recompenses-legende {margin-bottom:2rem; color:var(--marron);}
.liste li {margin-bottom:0;}
.liste li li {margin:1rem 0;}
.liste li li:last-child {margin:1rem 0 0 0;}
.liste li:first-child, .liste li li:first-child {padding-top:0;}
.liste li div:nth-child(2) {text-align:right;}
.liste a, .liste li {padding:2rem 0; position:relative; color:var(--blanc); display:block;}
.liste li li {padding:0; position:relative; color:var(--blanc); display:block;}
.liste a:hover {color:var(--bleu);}
.liste .grid div {transition:.2s;}
.liste a:hover .grid div:nth-child(1) {padding-left:2rem;}
.liste a:hover .grid div:nth-child(3) {padding-right:2rem;}
.liste a:before, .liste li:before {content:''; position:absolute; width:100%; height:1px; background:var(--blanc); bottom:0; left:0;}
.liste li li:before {content:none;}
.liste a:after {content:''; position:absolute; bottom:0; top:0; left:0; right:0; z-index:-1; transform:scaleY(0); transform-origin:center top; background-color:var(--blanc); transition:transform .5s cubic-bezier(.215,.61,.355,1);}
.liste a:hover::after {transform:scaleY(1); transform-origin:center bottom;}

.galerie-photos .photo-item:nth-child(2), .galerie-photos .photo-item:nth-child(4), .galerie-photos .photo-item:nth-child(6), .galerie-photos .photo-item:nth-child(8), .galerie-photos .photo-item:nth-child(10),
.galerie-photos .photo-item:nth-child(12), .galerie-photos .photo-item:nth-child(14), .galerie-photos .photo-item:nth-child(16), .galerie-photos .photo-item:nth-child(18) , .galerie-photos .photo-item:nth-child(20),
.galerie-photos .photo-item:nth-child(22), .galerie-photos .photo-item:nth-child(24), .galerie-photos .photo-item:nth-child(26), .galerie-photos .photo-item:nth-child(28), .galerie-photos .photo-item:nth-child(30) 
{padding:var(--pad-big) var(--pad-col);}
.photo-legende {position:absolute; margin-top:6rem; text-align:center; transform: translateX(-50%); left: 50%; opacity:0; transition:.8s; transition-delay:.3s;}
.photo-legende:after {position: absolute; content: ''; width: 1px; height: 0; background: var(--blanc); top: -4vw; transform: translateX(-50%); left: 50%; margin-left: -1px; transition:.6s; transition-delay:.5s;}
.is-inview.photo-legende {opacity:1; margin-top:3rem;}
.is-inview.photo-legende:after {height:3vw;}

.tarifs-options span {display:block;}
ul.options {margin-left:2rem;}
.options li:after {left:-2rem!important; top:.5rem; width:5px; height:5px;}



/* MENU MOBILE */

.mobile .menu__logo {position:absolute; height:9rem; top:0; left:0; background:transparent;}
.action {background: none; border: 0; color:var(--blanc); cursor: pointer; padding: 0;}
.action--menu {pointer-events: auto; position:relative; z-index: 20;}
.menu--open .action--menu {pointer-events: none;}

.action--close {position: absolute; width:50px; height:50px; right:calc(var(--pad) * 1.5); top:calc(var(--pad) * 1.5); z-index:200; opacity: 0; transition:3s;}

.mobile {width:100%; height:100vh; position:fixed; top:0; left:0; z-index:200; display:none; grid-template-columns: 100%; pointer-events: none;}
.menu--open {pointer-events: auto;}
.menu__item {width: 100%; position: relative; overflow: hidden;}
.menu__item-inner {overflow: hidden; transform: translate3d(100%,0,0); height: 100vh; width: 100%; position: relative; display: flex; flex-direction: column; justify-content:space-between;}
.menu__item-inner:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-image: url('https://www.north-sebastien.fr/wp-content/themes/sebastiennorth/assets/img/noise.gif'); opacity: .1; z-index: 100; pointer-events: none;}
.menu__item--bg .menu__item-inner {background:var(--marron);}
.mainmenu {margin-right:calc(var(--pad) * 1.5); text-align: right; line-height:1.3; margin-top:30vh;}
.mainmenu__link  {overflow: visible; position: relative; display: block; transition: color .5s; opacity: 0;}
.mainmenu__item {font-size:12vw; font-family: 'Karla', sans-serif; font-weight: 200;}
.menu__item a {color:var(--bleu);}

.menu--trigger {opacity:1; pointer-events:none; position:absolute; width:50px; height:50px; border-radius:50%; top:calc(var(--pad) * 1.5); right:calc(var(--pad) * 1.5); z-index:200; background:var(--marron);}

#mobile {display: none;}
.menu--icon {transition: all 0.35s; width: 50px; height: 50px; display:block; cursor: pointer;}
.menu_part {width: 21px; height: 2px; position: absolute; background:var(--bleu); 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) {top: calc(50% - ((8px)) + -1px); width: 20px;}
.menu_part:nth-of-type(2) {top: calc(50% - ((4px)) + 2px); width: 20px;}
.menu_part:nth-of-type(3) {top: calc(50% - ((0px)) + 5px); width: 20px;}
.menu-part-1 {transform: rotate(45deg); width: 20px !important; top: calc(50% - (1px)) !important;}
.menu-part-2 {left: -7px !important; opacity: 0;}
.menu-part-3 {transform: rotate(-45deg); width: 20px !important; top: calc(50% - (1px)) !important;}
.menu-rot {transform: rotate(90deg);}
.mainmenu__item:hover .menu_part:nth-of-type(3) {width:10px;}

.menu__item-inner .logo {position:absolute;}

.sidemenu {margin-bottom:12vh;}
.sidemenu li {display:block; margin-bottom:.5rem; text-align:right; margin-right:calc(var(--pad) * 1.5); transition: color .5s; opacity: 0;}



/* FORM */

.form .grid {grid-gap:var(--padxs);}
.form span {display:block; color:var(--marron);}
.form div {position:relative;}
.form input, .form textarea {width:100%; border:0; background:transparent; padding:2rem 0; border-bottom:1px solid var(--blanc); transition:.4s; color:var(--blanc); margin-left:0!important;}
input:focus, textarea:focus {border-bottom:1px solid var(--marron);}
textarea {resize: none; height:30vh; padding:2rem 0;}

button[type=submit] {border:0; background:none; font-size:var(--font); color:var(--blanc); cursor:pointer; position:relative;}
button[type=submit]:after {content:''; background:var(--blanc); width:0; height:1px; position:absolute; bottom:-.6rem; left:0; transition:.6s;}
button[type=submit]:hover::after {width:100%;}

.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip {color: var(--blanc)!important; margin-top: -2rem; margin-bottom: 2rem;}

::-webkit-input-placeholder {opacity: .2; -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity: .2; -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity: .2; -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity: .2; -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity: .2; 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;}



/* FOOTER */

.footer a {color:var(--blanc);}
.contact span {display:block; margin-bottom: 1rem; color: var(--marron);}

.footer .col-2-1-1 {position:relative;}
.footer .col-2-1-1:after {position:absolute; height:1px; content:''; width:100%; background:var(--blanc); bottom:0; left:0; z-index:-1;}
.footer .flex {flex-direction: column; justify-content:flex-end;}
.footer .flex li {margin-bottom:1rem;}
.footer .flex li:last-child {margin-bottom:0;}
.footer .flex:nth-child(3) {align-items:flex-end;}

.dn360 svg {width:75px; fill:var(--blanc); transition:.3s;}



/* RESPONSIVE */

@media screen and (max-width:1450px) {
	
	:root {
    --font: 1.1rem;
	}
	
	.header-logo {left: calc(var(--pad-col) - 5vw);}
	.header-logo img {width: 10vw;}
	
	.font-title {font-size: 8vh;}
	.font-m, .form input, .form textarea {font-size: 5vh;}
	
	.caroussel-nav {margin-left: -50px; margin-top: calc(-20vh - 50px); width: calc(var(--pad-col) + 100px);}
	.caroussel-nav .prev, .caroussel-nav .next {width: 100px; height: 100px;}
	
	.is-inview.photo-legende {margin-top: 2rem;}
	.photo-legende::after {top: -4vw;}
	
}

@media screen and (max-width:1000px) {
	
	:root {
    --font: 1rem;
	--pad: 3vw;
	--pad-med: 6vw;
	--pad-big: 12vw;
	}
	
	html, body {overflow:auto;}
	.lines_background {display:none;}
	
	.font-title {font-size: 7vh;}
	.font-xs, .wpcf7-not-valid-tip {font-size: .8rem;}
	
	.header-logo {left:calc(var(--pad) * 1.3);}
	.header-logo img, #loftloader-wrapper.loftloader-imgfading #loader img, #loftloader-wrapper.loftloader-imgloading #loader img, #loftloader-wrapper.loftloader-imgrotating #loader img, 
	#loftloader-wrapper.loftloader-imgbouncing #loader img, #loftloader-wrapper.loftloader-imgstatic #loader img  {width: 12vw!important;}
	
	.caroussel-block {left: 0;}
	.caroussel-nav {margin-left:calc(var(--pad-col) - 40px); margin-top: calc(-20vh - 40px); width: calc(var(--pad-col) + 80px);}
	.caroussel-nav .prev, .caroussel-nav .next {width: 80px; height: 80px; position:absolute;}
	.caroussel-nav .prev {bottom: calc(var(--pad-col) + var(--pad));}
	.caroussel-count {right:0;}
	
	.article ul {margin-left: 2rem;}
	.article li::after {left: -2rem; top: .6rem; width: 6px; height: 6px;}
	.options li::after {left: -2rem; top: .5rem; width: 6px; height: 6px;}
	.liste a, .liste li {padding: 1.5rem 0;}
	
	.recompenses-legende {margin-bottom: 1.5rem;}
	
	.col-1-3 {grid-template-columns:1fr; grid-gap: var(--pad-med);}
	.col-1-2-1 {grid-template-columns: .5fr 2fr 1fr;}
	.col-2 {grid-template-columns: 1fr; grid-gap:var(--pad-col);}
	.col-2-1-1 {grid-template-columns: 2fr 1fr;}
	.wrapper-xxl-t {padding-top:var(--pad-col);}
	.wrapper-left-1col {padding-left: 0;}
	.wrapper-left-2col {padding-left: calc(var(--pad-col) * 1);}
	#footer-stuff .wrapper-left-2col {padding-left: calc(var(--pad-col) * 2);}
	.wrapper-left-3col {padding-left: calc(var(--pad-col) * 2);}
	#photos-tarifs .wrapper-right-1col {padding-right:0;}
	#photos-tarifs .wrapper-left-3col {padding-left: calc(var(--pad-col) * 3);}
	.wrapper-right-2col {padding-right: calc(var(--pad-col) * 1);}
	#footer-stuff .wrapper-left-1col {padding-left: var(--pad-col);}
	
	.footer .flex {justify-content: flex-start; text-align: right;}
	.footer .flex:nth-child(3) {position: absolute; right: 0; bottom: calc(var(--pad) * 1.5);}

}

@media screen and (max-width:790px) {
	
	:root {
    --pad: 2rem;
	}
	.cursor {display:none;}
	.header-logo img, #loftloader-wrapper.loftloader-imgfading #loader img, #loftloader-wrapper.loftloader-imgloading #loader img, #loftloader-wrapper.loftloader-imgrotating #loader img, 
	#loftloader-wrapper.loftloader-imgbouncing #loader img, #loftloader-wrapper.loftloader-imgstatic #loader img {width: 15vw !important;}
	.underline a {padding-bottom:.3rem;}
	.underline a:hover {background-size: 0% 1px;}
	
	.column {column-count: 1; -webkit-column-count:1; -moz-column-count:1;}
	
	.recompenses-legende {margin-bottom: 0;}
	
	.img-xl, .galerie-photos .photo-item .img, .img-m  {height: 80vh;}
	.galerie-photos .photo-item:nth-child(2) .img, .galerie-photos .photo-item:nth-child(4) .img, .galerie-photos .photo-item:nth-child(6) .img, .galerie-photos .photo-item:nth-child(8) .img, 
	.galerie-photos .photo-item:nth-child(10) .img, .galerie-photos .photo-item:nth-child(12) .img, .galerie-photos .photo-item:nth-child(14) .img, .galerie-photos .photo-item:nth-child(16) .img, .galerie-photos .photo-item:nth-child(18) .img, 
	.galerie-photos .photo-item:nth-child(20) .img, .galerie-photos .photo-item:nth-child(22) .img, .galerie-photos .photo-item:nth-child(24) .img, .galerie-photos .photo-item:nth-child(26) .img, .galerie-photos .photo-item:nth-child(28) .img, 
	.galerie-photos .photo-item:nth-child(30) .img {height: 60vh;}
	
	.article h2 {font-size: 5vh;}
	.article li::after, .options li::after {top: .7rem;}
	.liste a:hover {color:var(--blanc);}
	.liste .grid div {transition:0s;}
	.liste a:hover .grid div:nth-child(1), .liste a:hover .grid div:nth-child(3) {padding-left:0; padding-right:0;}
	.liste li li:before {content:none;}
	.liste a:after {content:none;}
	.liste a:hover::after {transform:none;}
	ul.options {margin-bottom:1.5rem;}
	
	.caroussel-block {width: calc(var(--pad-col) * 2);}
	.caroussel-nav {width:calc(var(--pad-col) + 70px);}
	.caroussel-nav .prev, .caroussel-nav .next {width: 60px; height: 60px;}
	.caroussel-nav .prev {bottom:auto; left:calc(var(--pad-col) - 30px);}
	.caroussel-nav .next {right:0;}
	
	.col-2-1-1 {grid-template-columns: 1fr;}
	
	#footer-stuff .wrapper-left-2col {padding-left: 0;}
	.wrapper-left-3col {padding-left: calc(var(--pad-col) * 1);}
	.neg-m {margin-top: var(--pad-big); transform:none!important;}
	.wrapper-m-t {padding-top:var(--pad-big);}
	.wrapper-xxl-t {padding-top: calc(var(--pad-col) * 1.5);}
	
	.is-inview.photo-legende {margin-top: 1rem;}
	
	.footer .flex {text-align:left;}
	.footer .col-2-1-1 ul:nth-child(2) {margin-top:var(--pad-med);}
	.dn360 svg {width: 65px;}
	
	.form input, .form textarea {padding: 1.5rem 0;}
	.right.btn {text-align:center!important; margin-top:var(--pad-med)!important;}
	::-webkit-input-placeholder {opacity: .4; -webkit-transition: opacity .5s; transition: opacity .5s;}
	:-moz-placeholder {opacity: .4; -moz-transition: opacity .5s; transition: opacity .5s;}
	::-moz-placeholder {opacity: .4; -moz-transition: opacity .5s; transition: opacity .5s;}
	:-ms-input-placeholder {opacity: .4; -ms-transition: opacity .5s; transition: opacity .5s;}
	::placeholder {opacity: .4; transition: opacity .5s;}
	
	.photo-legende {margin-top:2rem;}
	.photo-legende::after {top: -6vw;}
	.is-inview.photo-legende::after {height: 4vw;}
	
}

@media screen and (max-width:520px) {
	
	:root {
	--pad:1.5rem;
	--pad-med:3rem;
	--pad-big:3rem;
	--pad-col:3rem;
	} 

	.header-menu, .header-stuff {display:none;}
	.menu__item-inner .logo, .header-logo {left: calc(var(--pad) * 1.5); top: calc(var(--pad) * 1.5);}
	.menu__item-inner .logo img, .header-logo img, #loftloader-wrapper.loftloader-imgfading #loader img, #loftloader-wrapper.loftloader-imgloading #loader img, #loftloader-wrapper.loftloader-imgrotating #loader img, 
	#loftloader-wrapper.loftloader-imgbouncing #loader img, #loftloader-wrapper.loftloader-imgstatic #loader img {width: 110px !important;}
	
	.slider, .caroussel-item , .img-xl, .galerie-photos .photo-item .img, .img-m, .galerie-photos .photo-item:nth-child(2) .img, .galerie-photos .photo-item:nth-child(4) .img, .galerie-photos .photo-item:nth-child(6) .img, 
	.galerie-photos .photo-item:nth-child(8) .img, .galerie-photos .photo-item:nth-child(10) .img, .galerie-photos .photo-item:nth-child(12) .img, .galerie-photos .photo-item:nth-child(14) .img, .galerie-photos .photo-item:nth-child(16) .img, 
	.galerie-photos .photo-item:nth-child(18) .img, .galerie-photos .photo-item:nth-child(20) .img, .galerie-photos .photo-item:nth-child(22) .img, .galerie-photos .photo-item:nth-child(24) .img, .galerie-photos .photo-item:nth-child(26) .img, 
	.galerie-photos .photo-item:nth-child(28) .img, .galerie-photos .photo-item:nth-child(30) .img {height:40vh;}
	.galerie-photos .photo-item:nth-child(2), .galerie-photos .photo-item:nth-child(4), .galerie-photos .photo-item:nth-child(6), .galerie-photos .photo-item:nth-child(8), .galerie-photos .photo-item:nth-child(10), 
	.galerie-photos .photo-item:nth-child(12), .galerie-photos .photo-item:nth-child(14), .galerie-photos .photo-item:nth-child(16), .galerie-photos .photo-item:nth-child(18), .galerie-photos .photo-item:nth-child(20), 
	.galerie-photos .photo-item:nth-child(22), .galerie-photos .photo-item:nth-child(24), .galerie-photos .photo-item:nth-child(26), .galerie-photos .photo-item:nth-child(28), .galerie-photos .photo-item:nth-child(30) {padding: calc(var(--pad-col) * 1.5) 0;}
	.img-vert {display:none;}
	.slider {margin-top:8rem; margin-bottom:calc(var(--pad-col) * 1.5);}
	#page-sebastien {margin-top:8rem;}
	.caroussel-block {display:none;}
	.caroussel-item--img {background-position:center center;}
	.caroussel-count {height:auto; bottom:var(--pad); right:var(--pad);}
	.caroussel-nav {margin-top:-30px; width: 45vw;}
	.caroussel-nav .prev:hover::before, .caroussel-nav .next:hover::before {transform:none;}
	
	.article.wrapper-right-2col {padding-right:var(--pad-col);}
	.liste li div:nth-child(2) {text-align: left; margin-top: 1.5rem;}
	ul.options {margin-bottom:0;}
	.liste a:first-child {padding:0 0 1.5rem 0;}
	.liste a .col-1-2-1 div:nth-child(1) {margin-bottom:1rem; color: var(--marron);}
	.liste a:before, .liste li:before {opacity: .2;}
	
	.col-1-2-1, .col-2-1  {grid-template-columns: 1fr;}
	.col-1-2-1 div:last-child {text-align: left;}
	.pad-r-big {margin-right: var(--pad-col);}
	.wrapper-right-2col {padding-right: 0;}
	.wrapper-xxl-t {padding-top:14rem;}
	#footer-stuff .wrapper-right-2col {padding-right:var(--pad-col);}
	
	.font-title {font-size: 2.5rem;}
	.font-m, .article h2 {font-size: 1.7rem;}
	.article h2 {margin-top:3rem;}
	.font-xs, .wpcf7-not-valid-tip {font-size: .7rem;}
	.form input, .form textarea {font-size:var(--font);}
	
	.recompenses-legende {display:none;}
	
	.footer {padding:0!important; color:var(--bleu);}
	.footer .wrapper-s-b {padding-top:0; margin-top:var(--pad-col); padding:var(--pad-col); background:var(--blanc);}
	.footer a {color:var(--bleu);}
	.footer a:hover, .footer a:active, .footer a:focus {color:var(--marron);}
	.footer .col-2-1-1::after {content:none;}
	.footer .flex:nth-child(3) {bottom:var(--pad-col); right:var(--pad-col);}
	.footer .flex li , .contact span {margin-bottom: .5rem;}
	.dn360 svg {fill:var(--bleu);}
	
	.mobile {display:flex;}
	.mainmenu__item {font-size:12vw; line-height:1.1;}
	.mainmenu__link {margin-bottom: 2vw;}
	
	.article li::after {top: .5rem; width: 5px; height: 5px;}
	.options li::after {top: .4rem; width: 5px; height: 5px;}
	.img-fx {transition-delay: .2s!important;}
	
}

@media screen and (max-width:400px) {
	
	:root {--font:.9rem;} 
	.font-title {font-size: 2rem;}
	.font-m, .form input, .form textarea, .article h2 {font-size: 1.5rem;}
	.mainmenu__item {font-size:10vw;}
	.dn360 svg {width: 55px;}
	
}