/*
Theme Name: Michèle Lutz
Theme URI: https://www.michelelutz.fr
Author: Mars Rouge
Author URI: https://www.marsrouge.com
Version: 1.0
*/

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

:root {
	
	--blanc:#ffffff;
	--bleuf:#221c46;
	--bleuc:#62c6ea;
	--gris:#f1ebeb;
	--pad200:200px;
	--pad150:150px;
	--pad130:130px;
	--pad120:120px;
	--pad100:100px;
	--pad90:90px;
	--pad80:80px;
	--pad75:75px;
	--pad70:70px;
	--pad60:60px;
	--pad50:50px;
	--pad40:40px;
	--pad35:35px;
	--pad30:30px;
	--pad25:25px;
	--pad20:20px;
	--pad15:15px;
	--pad10:10px;
	--menu:22vw;
	--ease:cubic-bezier(.23,1,.32,1);
	--ease2:cubic-bezier(.215,0,.355,1);
	
} 

* {scrollbar-width: none; -ms-overflow-style: none;}
html {background:var(--beige);}
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 {background:var(--beige); color:var(--marron2); overflow-x: hidden; webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; counter-reset:item;
transition:background .4s ease-out;}
::-webkit-scrollbar {width:0px;}

a {color:inherit; outline:none; webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; -o-transition:all .2s; -ms-transition:all .2s; 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);}

sup {font-size:.6em; vertical-align:super;}
 
button {font-size:inherit;}
button:hover {cursor:pointer;}
 
section {position:relative; clear:both; transform-style:preserve-3d; z-index:2;}

button {border:0;}
li {list-style: none; margin-bottom:0;}
li:last-child {margin-bottom:0;}

p {margin-bottom:var(--pad40);}
p:last-child {margin-bottom:0!important;}

.grecaptcha-badge {visibility: hidden!important; pointer-events:none!important; display:none!important;}

img {pointer-events:none;}



/* FONTS */
 
body {font-family: "aktiv-grotesk", sans-serif; color:var(--bleuf); font-weight: 400; font-style:normal; font-optical-sizing:auto; line-height:1.1;}
h1, h2, h3 , h4 {line-height:1; font-family: "aktiv-grotesk", sans-serif; font-weight: 400; font-style:normal;}

body, .normal {font-size:1.2rem; line-height:1.35;}
.font-size--a {font-size:3.8vw; line-height:.9;}
.font-size--b {font-size:2.5rem; line-height:1.2;}
.font-size--c {font-size:1.6rem;}
.font-size--s {font-size:1rem; line-height:1.5;}
.font-size--xs, .menu__breadcrumbs {font-size:.8rem; font-weight:700;}
.titre {font-family: "proxima-nova-extra-condensed", sans-serif; font-weight:900; font-size:6vw; font-style: normal; line-height:.95; transform:skewY(-8deg);}
.titre span {color:var(--bleuc);}
.titre-b {font-family: "proxima-nova-extra-condensed", sans-serif; font-weight:900; font-size:4vw; font-style: normal; transform:skewY(-8deg);}
.title-footer {font-family: "proxima-nova-extra-condensed", sans-serif; font-size:11.8vw; font-weight:900; text-transform:uppercase; height:14.5rem;}
strong {font-weight:700;}

.article p {line-height:1.5;}
p {line-height:1.3;}
italic {font-style: italic;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.uppercase, .titre, .titre-b, .font-size--xs, .menu__breadcrumbs {text-transform:uppercase;}

.shadow {text-shadow: 0 0 3rem rgba(34,28,70, 0.7);}



/* SPLITTING */

.splitting .word, .splitting .char {display:inline-block;}
.splitting .char {position:relative;}
.splitting .char::before, .splitting .char::after {content:attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none;}
.splitting {--word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);}
.splitting .word {--word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));}
.splitting .char {--char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); 
--distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center))); padding: 0 10px; margin: 0 -10px; -webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed; -webkit-transform: translateZ(0); transform: translateZ(0);}
.char-wrap {display: inline-block; position: relative; overflow: hidden;}

.is-ready #first .font-size--a .char {opacity: 1; transform: none; filter:blur(0); transition-delay: calc(.1s + ( 0.01s * ( var(--char-index)) ));}
#first .font-size--a .char {display: inline-block; opacity: 0; filter:blur(50px); transform-origin: 50% 100% 0px;
transform: translate3d(0px, 50px, 0px) scale(0.4); will-change: transform, filter;
transition:opacity 2s cubic-bezier(.15,.61,.5,1), transform .8s cubic-bezier(.15,.61,.5,1), filter .6s cubic-bezier(.15,.61,.5,1);}

#first .item .font-size--d {opacity:1; transform:none; filter:none; transform-style:preserve-3d;}
#first .font-size--d {opacity:0; transform:translateY(3rem);
transition: opacity .6s cubic-bezier(.215,.61,.455,1), transform .8s cubic-bezier(.215,.61,.455,1);}
.is-ready #first .font-size--d {transform:none!important; opacity:1!important; filter:none!important; transition-delay:.3s;}

#first .article {opacity:0; transform:translateY(3rem);
transition: opacity .6s cubic-bezier(.215,.61,.455,1), transform .8s cubic-bezier(.215,.61,.455,1);}
.is-ready #first .article {transform:none!important; opacity:1!important; filter:none!important; transition-delay:.3s;}



/* GRID + FLEX + WRAPPER */

.absolute {position:absolute;}
.grid {display:grid;}
.flex {display:flex;}
.aligncenter {justify-content:center;}
.justify-end {justify-content: flex-end;}
.itemsstart {align-items: flex-start;}
.itemscenter {align-items:center;}
.alignright {justify-content:flex-end;}
.alignbottom {justify-content: flex-end;}
.itemstbottom {align-items: flex-end;}
.justify {justify-content:space-between;}
.baseline {align-items:baseline;}
.direction {flex-direction:column;}
.center {text-align:center;}

.grid-pad100 {grid-gap:var(--pad100);}
.grid-pad90 {grid-gap:var(--pad90);}
.grid-pad80 {grid-gap:var(--pad80);}
.grid-pad70 {grid-gap:var(--pad70);}
.grid-pad60 {grid-gap:var(--pad60);}
.grid-pad50 {grid-gap:var(--pad50);}
.grid-pad40 {grid-gap:var(--pad40);}
.grid-pad35 {grid-gap:var(--pad35);}
.grid-pad30 {grid-gap:var(--pad30);}
.grid-pad25 {grid-gap:var(--pad25);}
.grid-pad20 {grid-gap:var(--pad20);}
.grid-pad15 {grid-gap:var(--pad15);}
.grid-pad10 {grid-gap:var(--pad10);}
.grid-pads {grid-gap:var(--pads);}

.column-2 {columns: 2;}

.column-gap {column-gap:var(--pad);}
.row-gap {row-gap:var(--pad);}
.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-avantages {grid-template-columns:1fr 2fr;}
.col-3 {grid-template-columns:1fr 1fr 1fr;}
.col-4 {grid-template-columns:1fr 1fr 1fr 1fr;}
.col-5 {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}

.inline-block {display:inline-block;}
.block {display:block;}

.relative {position:relative;}
.absolute {position:absolute;}

.wrapper {padding:var(--pad150) var(--pad80);}
.wrapper-nb {padding:var(--pad150) var(--pad80) 0 var(--pad80);}
.wrapper-50 {padding:var(--pad50);}
.wrapper-t-lr {padding:var(--pad80) var(--pad80) 0 var(--pad80);}
.wrapper-lr {padding:0 var(--pad80);}
.wrapper-80 {padding:var(--pad80);}
.wrapper-b {padding-bottom:var(--pad80);}
.wrapper-150-tb {padding:var(--pad150) 0;}
.wrapper-0-80-150-80 {padding:0 var(--pad80) var(--pad150) var(--pad80);}
.wrapper-600-130-150-130 {padding:calc(var(--pad150) * 4) var(--pad130) var(--pad150) var(--pad130);}
.wrapper-300-130-150-130 {padding:calc(var(--pad150) * 2) var(--pad130) var(--pad150) var(--pad130);}
.wrapper-150-130 {padding:var(--pad150) var(--pad130);}
.wrapper-200-130-150-130 {padding:var(--pad200) var(--pad130);}
.wrapper-200-80-80-80 {padding:var(--pad200) var(--pad80) var(--pad80) var(--pad80);}

.mar-200 {margin-top:var(--pad200);}
.mar-150 {margin-top:var(--pad150);}
.mar-100 {margin-top:var(--pad100);}
.mar-90 {margin-top:var(--pad90);}
.mar-80 {margin-top:var(--pad80);}
.mar-70 {margin-top:var(--pad70);}
.mar-60 {margin-top:var(--pad60);}
.mar-50 {margin-top:var(--pad50);}
.mar-40 {margin-top:var(--pad40);}
.mar-35 {margin-top:var(--pad35);}
.mar-30 {margin-top:var(--pad30);}
.mar-20 {margin-top:var(--pad20);}
.mar-15 {margin-top:var(--pad15);}
.mar-10 {margin-top:var(--pad10);}

.content-100 {width:100%;}
.content-90 {width:90%;}
.content-85 {width:85%;}
.content-80 {width:80%;}
.content-70 {width:70%;}
.content-65 {width:65%;}
.content-60 {width:60%;}
.content-55 {width:55%;}
.content-50 {width:50%;}
.content-45 {width:45%;}
.content-40 {width:40%;}
.content-35 {width:35%;}
.content-30 {width:30%;}
.content-25 {width:27%;}
.content-20 {width:20%;}
.content-10 {width:10%;}

.content-height-100 {height:100%;}

.height-80 {height:80vh;}
.height-100 {min-height:100vh;}
.height-100b {height:100vh;}

.width-100 {width:100%;}

.zindex {z-index:10;}
.nowrap {white-space:nowrap;}

.radius {border-radius:1.5rem!important;}



/* OVERLAY */

.st1 {fill: var(--bleuc);}
.st2 {fill: var(--bleuf);}

.menu-bar {position:fixed; top:var(--pad30); right:var-(--pad30);}
.menu-bar .menu-bar--link {opacity:0; transform:translateY(-4rem);}
.is-ready .menu-bar .menu-bar--link {opacity:1; transform:none;}

.menu-engagements {width:var(--menu); height:100vh; padding:var(--pad30); position:sticky; top:0; left:0; background:var(--blanc); z-index:10;}
.overlay-logo--mobile {display:none;}
.overlay-logo {width:170px; opacity:0; transform:translateY(-4rem); transition:.2s;}
.is-ready .overlay-logo {opacity:1; transform:none;}
.menu-links--title {transition:.3s;}
.menu-links .font-size--xs {opacity:0; transform:translateY(3rem);}
.is-ready .menu-links .font-size--xs {opacity:1; transform:none;}



/* MENU */

.menu-links {width:100%;}
.menu-link--item.active {background:var(--blanc); pointer-events:none;}
.menu-link--item.active .typo--link .text {color:var(--bleuf);}
.menu-link--item.active .icon:before {background:var(--bleuf);}
.menu-links--title {padding:0 var(--pad20); height:var(--pad40); border-radius:8rem; width:100%;}
.menu-link--item.btn {padding:0 var(--pad20); height:var(--pad40); width:100%; border:2px solid var(--bleuf); 
justify-content:flex-start; display:grid; grid-template-columns:17px auto;}
.menu-link--item.btn:hover .icon {transform:none;}
.icon {width:17px; height:17px; position:relative; transform:scale(.5); transform-origin:center center; transition:.3s;}
.icon:before {content:''; position:absolute; top:0; left:0; border-radius:8rem; width:100%; height:100%; background:var(--bleuc);}
.icon svg {fill:var(--bleuf); width:8px; z-index:1; transition:.3s; transform-origin:center center; opacity:0;}
.menu-link--item.btn:hover .icon svg {opacity:1;}

.menu-bar {position:fixed; top:var(--pad30); right:var(--pad30); z-index:20;}
.menu-bar--link {border-radius:8rem; overflow:hidden; padding:0 var(--pad30); display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit;
position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.3s; height:var(--pad50); background:var(--blanc);}
.menu-bar--link .text {position:relative; color:var(--bleuf);}
.menu-bar--link .hover, .menu-bar--link .text {transition:all .2s var(--ease); pointer-events:none; text-align: left; display:flex; align-items: center;}
.menu-bar--link .hover {width:100%; height:100%; position:absolute; top:0; left:0; transform:translateY(100%); opacity:0;}
.menu-bar--link .typo--link {position:relative; width:100%; overflow:hidden;}
.menu-bar--link:hover {background:var(--bleuc);}
.menu-bar--link:hover .text {opacity:0; transform:translateY(-100%);}
.menu-bar--link:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.menu-bar--link.active {background:var(--bleuc);}

.menu-mobile {display:none;}
.menu--wrapper-btn {position:fixed; width:6rem; height:6rem; right: var(--pad30); top: var(--pad30); z-index: 50; cursor:pointer;}
.menu--btn {position:absolute; width:100%; height:100%; top:0; left:0; display: flex; align-items: center; justify-content: center;}
.menu--btn:before {content:''; background:var(--blanc); width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%;
z-index:-1; transition: .2s var(--ease2);}
.menu--btn.open:before {background:var(--bleuc);}
.menu--wrapper-btn:hover .menu--btn:before {transform:scale(1.1);}
.menu--icon {width:2.5rem; display:flex; flex-direction:column; grid-gap:7px; transition:.2s;}
.menu_part {width:100%; height:2px; background:var(--bleuf); transition:.2s;}
.menu--icon.open .menu_part:nth-child(2) {display:none;}
.menu--icon.open .menu_part:nth-child(3) {transform: rotate(90deg); margin-top: -1px;}
.menu--icon.open {grid-gap:0; transform:rotate(-135deg);}

.menu {position:fixed; height:100vh; width:100vw; background:var(--bleuf); z-index:30; padding-top:10rem;
transition:transform .9s cubic-bezier(.86,0,.07,.995); transform: translate3d(0,-100%,0);}
.menu.open {transform:translateZ(0);}
.menu-wrapper {position: relative; width: 100%; height: 100%;}

.menu-close {position:relative; width:100%; height:100%; display:none; z-index:10;}
.menu--wrapper-btn.open .menu-close {display:block;}
.menu--wrapper-btn.open .menu--btn {pointer-events:none;}

.menu__wrap {position: absolute; top:5rem; bottom: 0; overflow: hidden; width: 100%;}

.menu__level {position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden; overflow-y: scroll; width:100%; height: 100%; margin: 0;
padding: 0; list-style-type: none;}
.menu__level:focus {outline: none;}
.menu__level--current {visibility: visible;}

.menu__item {display: block; width:100%; border-bottom: 1px solid rgba(255,255,255,.2); padding: 1rem 2rem; transform:translateY(-4rem); opacity:0;
transition:.3s var(--ease2);}
.menu.open .menu__item {opacity: 1; transform:none; transition: opacity .3s, transform .3s var(--ease2);}
.menu.open .menu__item:nth-child(1) {transition-delay:.6s;}
.menu.open .menu__item:nth-child(2) {transition-delay:.7s;}
.menu.open .menu__item:nth-child(3) {transition-delay:.8s;}
.menu.open .menu__item:nth-child(4) {transition-delay:.9s;}
.menu.open .menu__item:nth-child(5) {transition-delay:1s;}
.menu.open .menu__item:nth-child(6) {transition-delay:1.1s;}
.menu.open .menu__item:nth-child(7) {transition-delay:1.2s;}
.menu.open .menu__item:nth-child(8) {transition-delay:1.3s;}
.menu.open .menu__item:nth-child(9) {transition-delay: 1.4s;}
.menu.open .menu__item:nth-child(10) {transition-delay:1.5s;}
.menu.open .menu__item:nth-child(11) {transition-delay:1.6s;}
.menu.open .menu__item:nth-child(12) {transition-delay:1.7s;}
.menu__item:last-child {border-bottom:0;}
.menu__link {font-weight: 400!important; position: relative; display: block; -webkit-transition: color .1s; transition: color .1s;}
.menu__link[data-submenu]::after {content:url('assets/img/arrow.svg'); position: absolute; width: 15px; top: 50%; right:0; transform: translateY(-50%);}
.menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {color: var(--bleuc);}

.menu__breadcrumbs {line-height: 1; position: relative; padding: 2rem 0 2rem 2rem; border-bottom:1px solid rgba(255,255,255,.2);}
.menu__breadcrumbs a {display: inline-block; cursor: pointer; vertical-align: middle; color:var(--bleuc);}
.menu__breadcrumbs a, .menu__link a {transition:.3s!important;}
.menu__breadcrumbs a:hover {color:var(--bleuc)!important;}
.menu__breadcrumbs a:last-child {pointer-events: none; color:var(--blanc);}
.menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus, .menu__breadcrumbs a:active, .menu__link a:focus, .menu__link a:active {color:var(--bleuc);}
.menu__breadcrumbs a:not(:last-child)::after {content: url('assets/img/menu-arrow.svg'); width:3px; display: inline-block; margin:0 .7rem; transition:.3s;}
.menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {;}

.menu__inner .menu--stuff-item:nth-child(1) {display: none;}
.menu__inner .menu--stuff-item-follow {width: calc(100vw / 6);}
.menu__inner {display:flex; align-items: center; justify-content: center;}
.menu li {margin-bottom: 0;}
.menu li:first-child a, .menu li a {font-size: 4vw; font-weight: 900; color: var(--blanc);}
.menu li:first-child a:hover, .menu li a:hover {color: var(--bleuc)!important;}
.menu h3 {margin-bottom: 2vw;}

[class^='animate-'], [class*=' animate-'] {visibility: visible;}
.animate-outToRight .menu__item {-webkit-animation: outToRight .6s both cubic-bezier(.7, 0, 0.3, 1); animation: outToRight 0.6s both cubic-bezier(.7, 0, 0.3, 1);}

@-webkit-keyframes outToRight {to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
@keyframes outToRight {to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
.animate-outToLeft .menu__item {-webkit-animation: outToLeft .6s both cubic-bezier(.7, 0, 0.3, 1); animation: outToLeft .6s both cubic-bezier(.7, 0, 0.3, 1);}
@-webkit-keyframes outToLeft {to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@keyframes outToLeft {to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
.animate-inFromLeft .menu__item {-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1); animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
@-webkit-keyframes inFromLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes inFromLeft {from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate-inFromRight .menu__item { -webkit-animation: inFromRight .6s both cubic-bezier(.7, 0, 0.3, 1); animation: inFromRight .6s both cubic-bezier(.7, 0, 0.3, 1);}
@-webkit-keyframes inFromRight {from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes inFromRight {from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}




/* FX */

#homepage .content-70 {transform:scale(.4) rotate(45deg); opacity:0; transition:.4s;}
.is-ready #homepage .content-70 {transform:none; opacity:1;}

#homepage .content-100, #michele-lutz .font-size--b {transform:translateY(4rem); opacity:0; transition:.4s;}
.is-ready #homepage .content-100, .is-ready  #michele-lutz .font-size--b {transform:none; opacity:1;  transition-delay:.2s;}

#equipe .titre, #page .titre {transform:translateY(4rem) skewY(-8deg); opacity:0; transition:.4s;}
.is-ready #equipe .titre, .is-ready #page .titre {transform:skewY(-8deg); opacity:1;}

#equipe .mar-100, #page .mar-100{transform:translateY(4rem); opacity:0; transition:.4s;}
.is-ready #equipe .mar-100, .is-ready #page .mar-100 {transform:none; opacity:1; transition-delay:.2s;}

#engagement .titre {transform:translateY(4rem) skewY(-8deg); opacity:0; transition:.4s;}
.is-ready #engagement .titre {transform:skewY(-8deg); opacity:1;  transition-delay:.2s;}

#engagement .mar-90, #adjoints, #page .article {transform:translateY(4rem); opacity:0; transition:.4s;}
.is-ready #engagement .mar-90, .is-ready #adjoints, .is-ready #page .article {transform:none; opacity:1; transition-delay:.3s;}

#michele-lutz .titre {transform:scale(.4) rotate(45deg) skewY(-8deg); opacity:0; transition:.4s;}
.is-ready #michele-lutz .titre {transform:skewY(-8deg); opacity:1;}

#event-cnt .grid, #event .center {transform:translateY(4rem); opacity:0; transition:.4s;}
.is-ready #event-cnt .grid {transform:none; opacity:1; transition-delay:.2s;}
.is-ready #event .center {transform:none; opacity:1;}

#page-contact, #page-priorites {transform:translateY(4rem); opacity:0; transition:.4s;}
.is-ready #page-contact, .is-ready #page-priorites {transform:none; opacity:1; transition-delay:.2s;}




/* CONTENU */

.container {width: calc(100vw - var(--menu));}

.titre-section {position:relative; width: fit-content;}
.titre-section:before {content:''; position:absolute; bottom:-.6rem; left:0; width:100%; min-height:3px; height:3px; width:100%; background-color:var(--bleuf);}
.bggris .titre-section:before {background-color:var(--bleuc);}

.border-2px {border:2px solid var(--bleuf);}

.underline a {position:relative; white-space: nowrap;}
.underline a:before {content:''; position:absolute; bottom:-.4rem; left:0; width:100%; min-height:1px; height:1px; transform-origin:right; transform:scaleX(0); 
transition:transform .5s cubic-bezier(0.165, 0.84, 0.44, 1); background-color:var(--bleuf);}
.underline a:hover::before {transform-origin:left;transform:scaleX(1);}

.bgbleuf .underline a:hover {color:var(--bleuc);}
.bgbleuf .underline a:before {background-color:var(--bleuc);}

.font-size--b em, .article em {border-bottom:2px solid var(--bleuc); font-style: inherit;}

.colorw {color:var(--blanc);}
.colorb {color:var(--bleuc);}
.colorbf {color:var(--bleuf);}
.bgbleuf {background:var(--bleuf); color:var(--blanc);}
.bgbleuf .titre-section:before  {background-color:var(--bleuc);}
.bgbleuc {background:var(--bleuc);}
.bggris {background:var(--gris);}

.btn {border-radius:8rem; overflow:hidden; padding:0 var(--pad40); display:flex; align-items:center; justify-content:center;
color:inherit; cursor:pointer; text-decoration:none; pointer-events:auto; -webkit-user-select:none; -ms-user-select:none;  user-select:none; line-height:inherit;
position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:.3s; height:var(--pad75); background:var(--bleuf);}
.btn .text {position:relative; color:var(--blanc);}
.btn .hover, .btn .text {transition:all .2s var(--ease); pointer-events:none; color:var(--blanc); text-align: left; display:flex; align-items: center;}
.btn .hover {width:100%; height:100%; position:absolute; color:var(--bleuf); top:0; left:0; transform:translateY(100%); opacity:0;}
.btn .typo--link {position:relative; width:100%; margin-top:.15rem;}
.btn:hover {background:var(--blanc);}
.btn:hover .text {opacity:0; transform:translateY(-100%);}
.btn:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.btn-base {width: fit-content;}
.btn-base:hover {background:var(--bleuc);}
.bgbleuc .btn-base:hover {background:var(--blanc);}
.btn-base:hover svg {fill:var(--bleuf);}
.bgbleuc .btn-base:hover svg {fill:var(--bleuc);}
.btn-base .typo--link {margin-top:0; overflow:hidden;}
.btn-base svg {fill:var(--bleuc); width:15px; height:15px; transition:.2s;}

.btn-big {height:calc(var(--pad100) + var(--pad20)); padding:0 var(--pad30); width:100%;}
.btn-big svg {width:20px; height:20px; transition:.2s;}
.btn-big:hover svg {fill:var(--bleuc);}
.btn-big .typo--link {overflow:hidden; margin-top:0;}

.btn-big--b {background:var(--bleuc);}
.btn-big--b .text {color:var(--bleuf);}
.btn-big--b svg {fill:var(--bleuf);}
.btn-big--w {background:transparent; border:2px solid var(--blanc);}
.btn-big--w svg {fill:var(--blanc);}

.btn-big .thumb {width:var(--pad70); height:var(--pad70); position:absolute; right:var(--pad30); border-radius:8rem; overflow:hidden;}
.btn-big .thumb-img {width:100%; height:100%; position:absolute; background-size:cover; background-position:center center; transition:.3s;}
.btn-big:hover .thumb-img {transform:scale(1.1);}

.gradient {width:100%; position:absolute; bottom:0; left:0; height:70%; background: linear-gradient(0deg,rgba(34, 28, 70, 1) 0%, rgba(83, 237, 216, 0) 100%);}
#engagement .gradient {z-index:1;}

.template {display:grid; grid-template-columns:var(--menu) auto;}

.thumb-bg {position:absolute; top:0; left:0; width:100%; height:100vh; background-size: cover; background-position: center center;}
.thumb-bg .thumb-bg--img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:top center;}
#engagement .thumb-bg, #michele-lutz .thumb-bg {z-index:-1;}
#engagement .content-70, #engagement .mar-90.grid.col-2.grid-pad80 {position:relative; z-index:2;}
#michele-lutz .thumb-bg {opacity:1;}
#engagement .thumb-bg, #event .thumb-bg {opacity:.7;}

#edito .column-2 {width:70%;}
.edito-thumb {width:30%; margin-bottom:-10px; display: flex; align-content: flex-end; justify-content: flex-end; justify-items: flex-end; flex-direction: column;}
.edito-thumb img {width:100%; height:auto;}

.bg-half {position:absolute; top:0; left:0; width:100%; height:100%; 
background-image: -webkit-linear-gradient(0deg, var(--bleuc) 0%, var(--bleuc) 50%, var(--bleuf) 50%, var(--bleuf) 50%);
background-image: linear-gradient(0deg, var(--bleuc) 0%, var(--bleuc) 50%, var(--bleuf) 50%, var(--bleuf) 50%);}
.thumb-full {position:relative; overflow:hidden; width:100%; aspect-ratio: 6 / 4; z-index:1; background:var(--bleuf); display:flex;
justify-content: center; align-items: flex-end;}
.thumb-full--img {position:absolute; background-size:cover; background-position:center center; width:100%; height:100%; top:0; left:0; opacity:.7;
transition:.3s var(--ease2);}
.thumb-full:hover .thumb-full--img {opacity:1; transform:scale(1.02);}

.thumb-rounded {position:relative; width:30vw; height:30vw; overflow:hidden; border-radius:50%;}
.thumb-rounded--img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center:}

#exprimez-vous {margin-top:-1px;}
#relation {margin-top:-1px;}

.wrapper-btn--full {position:relative; z-index:1;}
.btn--full {border:2px solid var(--blanc); background:transparent; height:var(--pad80);}
.btn--full svg {width:var(--pad30); height:var(--pad30);}
.btn--full .typo--link {overflow:hidden; margin-top:0;}
.btn--full svg {fill:var(--blanc); transition:.2s;}
.thumb-full:hover .btn {background:var(--blanc);}
.thumb-full:hover .btn .text {opacity:0; transform:translateY(-100%);}
.thumb-full:hover .btn .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}
.thumb-full:hover .btn--full svg {fill:var(--bleuc);}

.thumb-relation {width:100%; position:relative; aspect-ratio: 6 / 4; overflow:hidden;}
.thumb-relation--img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; transition:.3s var(--ease2);}
.thumb-relation:hover .thumb-relation--img {transform:scale(1.07);}

.footer-thumb {position:relative; width:100%; aspect-ratio: 6 / 3.5; z-index:1; overflow:hidden;}
.footer-thumb--img {position:absolute; background-size:cover; background-position:center center; width:100%; height:100%; top:0; left:0; transition:.3s var(--ease2);}

.icon-engagement {transform:scale(.4); opacity:0; transition:.3s; transform-origin:left;}
.is-ready .icon-engagement {transform:none; opacity:1;}
.icon-engagement svg {fill:var(--bleuc); width:calc(var(--pad150) + var(--pad30)); height:auto;}

.icon-relation {position:relative; width:var(--pad30); height:var(--pad30); display:flex; align-items:center; justify-content:center;}
.icon-relation:before {position:absolute; content:''; width:100%; height:100%;  background:var(--bleuf); border-radius:10rem; transition:.3s var(--ease2); z-index:-1;}
.item-relation:hover .icon-relation:before {transform:scale(1.5);}
.icon-relation svg {fill:var(--bleuc); width:12px; height:12px;}
.item-relation .text {position:relative;}
.item-relation .hover, .item-relation .text {transition:all .2s var(--ease); pointer-events:none; text-align: left; display:flex; align-items: center;}
.item-relation .hover {width:100%; height:100%; position:absolute; color:var(--bleuf); top:-2px; left:0; transform:translateY(100%); opacity:0;}
.item-relation .typo--link {position:relative; width:auto; overflow:hidden;}
.item-relation:hover .text {opacity:0; transform:translateY(-100%);}
.item-relation:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.accordion {max-width:100%; display:flex; flex-direction:column; grid-gap:var(--pad30);}
.accordion li {position: relative; background:var(--blanc);}
.accordion .engagement-txt {display: none; padding:0 var(--pad50) var(--pad50) var(--pad50); width:100%;}
.accordion .engagement {width: 100%; display: block; cursor: pointer; user-select: none; padding:var(--pad50) var(--pad130) var(--pad50) var(--pad50); position:relative;}

.accordion .icon-accordion {position:absolute; width:50px; height:50px; border-radius:10rem; top:50%; transform:translateY(-50%); right:var(--pad50);
background:var(--bleuc); display:flex; align-content:center; justify-content:center; transition:.2s;}
.accordion .icon-accordion svg {width:15px; transition:.2s; fill:var(--bleuf);}
.accordion .engagement.active .icon-accordion {background:var(--bleuf);}
.accordion .engagement.active .icon-accordion svg {transform: rotate(180deg); transition:.2s; fill:var(--blanc);}
.accordion .engagement.active .icon-line--2 {opacity:0;}

.accordion .engagement-txt a {padding:0; width:auto; display: inline-block; color:var(--bleuc);}
.accordion .engagement-txt a:hover {color:var(--bleuf);}
.accordion .engagement-txt a:before {transform-origin:left;transform:scaleX(1); bottom:0px; background:var(--bleuc);}
.accordion .engagement-txt a:hover::before {transform-origin:right;transform:scaleX(0);}
.accordion .engagement-txt--cnt {width:calc(90% - calc(var(--pad100) * 2.5)); border-left:2px solid var(--bleuc); padding-left:var(--pad50);}
.accordion .engagement-thumb {position:relative; overflow:hidden; border-radius:50%; width: calc(var(--pad100) * 2.5); height: calc(var(--pad100) * 2.5);
float: right; margin-left: var(--pad30);}
.accordion .engagement-thumb .engagement-thumb--img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center;}

.article ul {display:flex; flex-direction:column; grid-gap:var(--pad20); padding-left:2.5rem; margin-bottom:var(--pad40);}
.article ul:last-child {margin-bottom:0;}
.article.alternative ul {grid-gap:var(--pad40);}
.article li {position:relative;}
.article li:before {content:''; position:absolute; width:14px; height:14px; border-radius:8rem; top:7px; left:-2.5rem; background:var(--bleuc);}
.bgbleuc .article li:before {background:var(--bleuf);}
.engagement-txt--cnt li:before {background:var(--bleuc)!important;}
.article ul ul li:before {background:var(--bleuc); width:10px; height:10px; top: 9px; left: -2rem;}
.article ul ul {margin-top:var(--pad20); padding-left:2rem;}
.bgbleuc .article ul ul li:before {background:var(--bleuc);}
.article h2 {margin:var(--pad60) 0 var(--pad30) 0;}
.article h2:first-child {margin:0 0 var(--pad30) 0;}
.article h3 {margin:var(--pad50) 0 var(--pad20) 0; text-transform:uppercase;}
.article h2, .article h3 {color:var(--bleuc);}
.bggris .article.underline a:before {bottom: -.25rem; transform: scaleX(1);}
.bggris .article.underline a:hover::before {transform: scaleX(0);}

.item-equipe img {width:100%; height:auto; border-radius:50%;}

.item-historique {background:var(--blanc);}

.carousel {overflow:hidden;}
.carousel em {font-style: inherit;}
.carousel-thumb {position:relative; width:100%; aspect-ratio: 6 / 4; overflow:hidden; height: 100%;}
.carousel-thumb--img {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center center; transform:scale(1.2);
transition:.4s var(--ease2);}
.swiper-slide .grid {opacity:0; transition:.2s var(--ease2);}
.swiper-slide-active .grid {opacity:1;}
.swiper-slide-active .carousel-thumb--img {transform:none; transition-delay:.2s;}
.carousel .pagination {grid-gap:var(--pad10); color:var(--blanc);}
.carousel-pagination:after {counter-increment: item; content: "0"counter(item); color:var(--bleuf);}
.carousel .swiper-slide:nth-child(10) .carousel-pagination:after, .carousel .swiper-slide:nth-child(11) .carousel-pagination:after,
.carousel .swiper-slide:nth-child(12) .carousel-pagination:after, .carousel .swiper-slide:nth-child(13) .carousel-pagination:after,
.carousel .swiper-slide:nth-child(14) .carousel-pagination:after, .carousel .swiper-slide:nth-child(15) .carousel-pagination:after {content:counter(item);}

.carousel-nav {width:var(--pad50); height:var(--pad50); position:relative; border-radius:10rem; transition:.3s;}
.carousel-nav svg {width:10px; fill:var(--bleuf);}
.nav-left {border:2px solid var(--bleuf); background:transparent;}
.nav-right {background:var(--blanc); border:2px solid var(--blanc);}
.carousel-nav:hover {background:var(--bleuf); border:2px solid var(--bleuf);}
.carousel-nav:hover svg {fill:var(--blanc);}
.carousel-nav.nav-left, .carousel-nav.nav-right {cursor:pointer;}
.swiper-button-disabled {pointer-events:none; opacity:.5;}

.item-historique img {border-radius:50%; width:15rem; height:15rem;}
.item-historique p {margin-bottom:1rem;}

.item-event {border:2px solid var(--bleuf);}
.event-thumb {position:relative; width:100%; aspect-ratio: 6 / 4; overflow:hidden;}
.event-thumb--img {width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; background-position:center center;
transition:.4s var(--ease2);}
.event-icon {position:relative; width:var(--pad70); height:var(--pad70); transition:.3s;}
.event-icon svg {fill:var(--bleuf); width:24px; height:auto; transition:.2s;}
.event-icon:before {content:''; width:100%; height:100%; background:var(--bleuc); position:absolute; top:0; left:0; transform:scale(1.1); border-radius:10rem; z-index:-1; transition: .2s var(--ease2);}
.item-event:hover .event-thumb--img {transform:scale(1.1);}
.item-event:hover .event-icon svg {fill:var(--blanc);}
.item-event:hover .event-icon:before {transform:none; background:var(--bleuf);}

.event-sidebar .flex {border-bottom:1px solid var(--bleuf); padding-bottom:var(--pad50);}

#carousel-engagements {margin-top:-1px;}



/* FOOTER */

.scrolltop {display:flex; align-items: center; justify-content: center; width:var(--pad150); height:var(--pad150); position:absolute; -webkit-user-select:none; -ms-user-select:none;
user-select:none; top:0; margin-top:-75px; left:50%; transform:translateX(-50%); -webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:2;}
.scrolltop:before {content:''; background:var(--bleuc); width:100%; height:100%; position:absolute; top:0; left:0; border-radius:8rem; transition:.2s var(--ease2);
z-index:-1;}
.scrolltop:hover::before {transform:scale(1.1);}
.scrolltop .typo--link {position:relative; width:100%; overflow:hidden;}
.scrolltop svg {width:30px; height:auto; fill:var(--bleuf);}
.scrolltop .text {position:relative;}
.scrolltop .hover, .scrolltop .text {transition:all .2s var(--ease); pointer-events:none; color:var(--blanc); display:flex; align-items: center; justify-content: center;}
.scrolltop .hover {width:100%; height:100%; position:absolute; color:var(--bleuf); top:0; left:0; transform:translateY(100%); opacity:0;}
.scrolltop:hover .text {opacity:0; transform:translateY(-100%);}
.scrolltop:hover .hover {opacity:1; transition-delay:.05s; transform:translateY(0);}

.rs {position:relative; height:var(--pad150); overflow:hidden; padding:0 var(--pad50); color:var(--blanc);}
.rs:before {content:''; z-index:-1; transition: .2s var(--ease2); border-radius:2rem; width:100%; height:100%; left:0; top:50%; position:absolute; transform:translateY(-50%);}
.rs-facebook:before {background:#3b5997;}
.rs-instagram:before {background:#e1475e;}
.rs-tiktok:before {background:#000000;}
.rs:hover::before {height:80%;}

.footer {position:relative; width:100vw; padding:var(--pad120) var(--pad80) var(--pad80) var(--pad80); height:27rem; margin-top: -1px;}
.title-footer {position:absolute; top:7rem; left:4.5rem; pointer-events:none;}

.marsrouge {width:40px; fill:var(--noir); transition:.2s;}
.marsrouge:hover {width:40px; fill:var(--vert2);}



/* CONTACT */

.form-item--message {margin-bottom:0!important;}
.label {margin-bottom:var(--pad20);}

button[type="submit"] {position:relative; font-family:inherit;}
input, textarea {font-family:inherit; font-weight:inherit; color:var(--noir); font-size:inherit; transition:.2s;}
input {border-radius:1rem; padding:0 var(--pad50); height:var(--pad100);}
textarea {border-radius:1.5rem; resize: none; height:auto; padding:var(--pad30) var(--pad50);}

.formulaire .label {margin-bottom:var(--pad20);}
.formulaire input, .formulaire textarea {width:100%; border:0; background:var(--gris);}
.formulaire input:focus, .formulaire textarea:focus {background:var(--gris2);}
.formulaire .btn {height:var(--pad50);}

.wpcf7-list-item {border-radius:1.5rem; background:var(--gris); width:100%; padding:0 var(--pad50); height:var(--pad100); display: flex; align-items: center;}
.wpcf7-list-item label {width:100%;}

.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-list-item-label {cursor:pointer; left:4rem; width:calc(100% - 4rem); position:relative; display: flex;}
.wpcf7-radio {display:flex; column-gap:4rem; row-gap:var(--pad20); margin-bottom:0; flex-wrap: wrap;}
.form-item--connu .wpcf7-radio {display:grid; grid-template-columns: 1fr 1fr; grid-gap:var(--pad20); margin-bottom:0; flex-wrap: wrap;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before,  .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {position: absolute; top:50%;
transform: translateY(-50%); left:-4rem; background: none; border:2px solid var(--vert2); border-radius:50%; display:inline-block; vertical-align:middle;
height:25px; width:25px; content:''; transition:.2s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before 
{background:var(--vert2);}

::-webkit-input-placeholder {opacity:.5; color:var(--noir) -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:.5; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:.5; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:.5; color:var(--noir) -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:.5; color:var(--noir) transition: opacity .5s;}

*:focus::-webkit-input-placeholder {opacity:.5; color:var(--noir)}
*:focus:-moz-placeholder {opacity.5; color:var(--noir)}
*:focus::-moz-placeholder {opacity:.5; color:var(--noir)}
*:focus:-ms-input-placeholder {opacity:.5; color:var(--noir)}
*:focus::placeholder {opacity:.5; color:var(--noir)}

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}

.wpcf7-not-valid {border:2px solid #d73333!important;}
.wpcf7-acceptance.wpcf7-not-valid {border:0!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip, .mailerlite-form-error {color:#d73333; font-size: .8rem; width: 100%; position: absolute; display: block; margin-top:.5rem;}



/* RESPONSIVE DESIGN */

@media screen and (max-width:1820px) {
	
	.menu-link--item.btn {height:35px;}
	
}

@media screen and (max-width:1750px) {
	
	.overlay-logo {width: 120px;}
	.menu-engagements {grid-gap:var(--pad20);}
	.wrapper-600-130-150-130 {padding: calc(var(--pad150) * 3) var(--pad130) var(--pad150) var(--pad130);}
	
}

@media screen and (max-width:1620px) {
	
	body, .normal {font-size:1.1rem;}
	.font-size--b {font-size:2rem;}
	.font-size--c {font-size: 1.4rem;}
	.font-size--xs {font-size:.75rem;}
	.btn .typo--link {margin-top:.1rem;}
	
	.overlay-logo {width:130px;}
	.menu-link--item.btn {height:32px;}
	.btn-big .thumb {width: var(--pad50); height: var(--pad50);}
	
	.menu-bar {grid-gap:var(--pad20);}
	.menu-bar--link {padding: 0 var(--pad20); height: var(--pad40);}
	
	.btn-big {height: var(--pad100); padding: 0 var(--pad30);}
	.article li:before {width: 12px; height: 12px; top: 6px;}
	
	.icon-engagement svg {width: var(--pad150);}
	.scrolltop {width: var(--pad120); height: var(--pad120); margin-top: -60px;}
	.scrolltop svg {width:20px;}
	
	.title-footer {font-size: 11.7vw;}
	.footer {height: 25rem;}
	
	.bggris .article.underline a:before {bottom: -.15rem;}

}

/* AJOUT MENU MOBILE */

@media screen and (max-width:1450px) {
	
	.overlay-logo--mobile {position:absolute; top:var(--pad30); left:var(--pad30); display:flex; z-index:20;}
	.overlay-logo--mobile .logo {width:130px;}
	.overlay-logo--mobile.variant .st2 {fill:var(--bleuf);}
	.st2 {fill: var(--blanc);}
	
	.menu-bar {display:none;}
	.menu-mobile {display:flex;}
	
	.icon-engagement svg {width: var(--pad100);}
	.menu-engagements {display:none; pointer-events:none;}
	.template {grid-template-columns: 1fr;}
	.container {width:100vw;}
	
	.wrapper-300-130-150-130 {padding:var(--pad150) var(--pad130) var(--pad150) var(--pad130);}
	
	.title-footer {font-size: 11.5vw; height: 10.5rem; top: 8rem;}
	.footer {height: 22rem;}
	
	
	
}

@media screen and (max-width:1190px) {
	
	:root {
	--blanc: #ffffff;
	--bleuf: #221c46;
	--bleuc: #62c6ea;
	--gris: #f1ebeb;
	--pad200: 5rem;
	--pad150: 5rem;
	--pad130: 4rem;
	--pad120: 4rem;
	--pad100: 4rem;
	--pad90: 3rem;
	--pad80: 3rem;
	--pad75: 3rem;
	--pad70: 3rem;
	--pad60: 3rem;
	--pad50: 3rem;
	--pad40: 2rem;
	--pad35: 2rem;
	--pad30: 2rem;
	--pad25: 2rem;
	--pad20: 2rem;
	--pad15: 1rem;
	--pad10: 1rem;
	}
	
	body, .normal {font-size: 1rem;}
	.font-size--b {font-size: 1.7rem;}
	.font-size--c {font-size: 1.3rem;}
	.titre {font-size: 8vw;}
	
	.menu-bar--link {padding:0 1.5rem; height:2.5rem;}
	
	.btn-big {height: var(--pad200); padding: 0 var(--pad20);}
	.btn-big .thumb-img {display:none;}
	.btn--full {height: var(--pad200);}
	
	#event {min-height:80vh;}
	#homepage .wrapper-80 {grid-gap:15vw;}
	#edito .mar-80.grid-pad50 {flex-direction:column;}
	#edito .column-2 {width: 100%;}
	.edito-thumb {width: 100%; align-content: center; justify-content: center; align-items: center;}
	.edito-thumb img {width:40%;}
	
	.event-icon svg {width: 15px;}
	
	#historique {grid-template-columns: 1fr;}
	.col-4 {grid-template-columns: 1fr 1fr 1fr;}
	
	.accordion .engagement {padding: var(--pad30) 8rem var(--pad30) var(--pad30);}
	.accordion .icon-accordion {width:40px; height:40px; right: var(--pad30);}
	.accordion .engagement-txt {padding: 0 var(--pad30) var(--pad30) var(--pad30);}
	.accordion .engagement-txt--cnt {padding-left: var(--pad30);}
	
	.scrolltop {margin-top: -2.5rem; width: var(--pad200); height: var(--pad200);}
	.scrolltop svg {width: 15px;}
	.footer {height:18rem;}
	.title-footer {top:6rem; left: 3rem; font-size: 11.6vw; transform:none!important; opacity: 1 !important;}
	
	.mar-90 {margin-top:var(--pad150);}
	.mar-100 {margin-top: var(--pad150);}
	
	.article h2, .article h3 {line-height: 1.2;}
	.article ul {padding-left: 2rem;}
	.article li:before {left: -2rem; top: 5px;}
	
	#event.wrapper-300-130-150-130 {padding: 0 var(--pad80) 0 var(--pad80); align-content: center; justify-content: center; align-items: center;}
	.wrapper-600-130-150-130 {padding:40vw var(--pad80) var(--pad150) var(--pad80);}
	.wrapper-200-130-150-130 {padding:13rem var(--pad80) var(--pad150) var(--pad80);}
	.wrapper-200-80-80-80 {padding:13rem var(--pad80) var(--pad80) var(--pad80);}
	.wrapper-300-130-150-130 {padding:13rem var(--pad80) var(--pad150) var(--pad80);}
	
	.item-historique img {width:12rem; height:12rem;}
	
}

@media screen and (max-width:890px) {

	.titre {font-size: 10vw;}
	.titre-b {font-size:6vw;}

	#homepage {background: var(--bleuf);}
	#homepage .thumb-bg .thumb-bg--img {height: 70vh;}
	#homepage .thumb-bg .thumb-bg--img:before {content:''; width: 100%; position: absolute; bottom: 0; left: 0; height: 70%;
	background: linear-gradient(0deg,rgba(34, 28, 70, 1) 0%, rgba(83, 237, 216, 0) 100%);}
	#homepage .gradient {display:none;}
	
	#homepage .content-70, #exprimez-vous .content-70 {width:100%;}
	#homepage .content-100 {flex-direction:column; grid-gap: var(--pad10);}

	.thumb-rounded {width: 50vw; height: 50vw;}

	#equipe .col-2, #rs .col-2, #carousel-engagements .col-2, #engagement .col-2, #encore-plus .col-2, #relation .col-2 {grid-template-columns:1fr;}
	.column-2 {columns:1;}
	.col-4 {grid-template-columns: 1fr 1fr;}
	
	.edito-thumb img {width: 60%;}
	.radius, .rs:before {border-radius: 1rem !important;}
	.rs-wrapper .grid-pad50 {grid-gap:var(--pad10);}
	.wrapper-50 {padding: var(--pad30);}
	#exprimez-vous .grid-pad50 {grid-gap:var(--pad30);}
	
	#event {min-height:80vh;}
	#event .thumb-bg {height: 80vh;}
	
	#michele-lutz .thumb-bg, #engagement .thumb-bg {height: 60vh;}
	
	#page-priorites .content-70, #page-contact .content-70 {width:100%;}
	#page-contact .col-2 {grid-template-columns:1fr;}
	
	.footer {height: auto;}
	#footer-links {flex-direction:column; grid-gap:var(--pad10);}
	#footer-links a {border-bottom:1px solid var(--blanc); padding-bottom: var(--pad10);}
	#footer-links a:hover {color:var(--blanc);}
	#footer-links .grid-pad40 {grid-gap:var(--pad10);}
	#footer-links .flex.grid-pad40.underline.font-size--s {flex-direction:column;}
	#footer-links .underline a:before {content:none;}
	.title-footer {position:relative; height: auto; top:auto; left:auto; font-size: 10.79vw; margin-top: var(--pad40);}
	
	.item-historique {flex-direction: column; grid-gap: var(--pad20); align-items: center;}
	.item-historique img {order:1;}
	.item-historique .content-70 {order:2; width:100%;}
	.item-historique .mar-30 {margin-top: 1rem;}
	
}

@media screen and (max-width:600px) {
	
	:root {
	--blanc: #ffffff;
	--bleuf: #221c46;
	--bleuc: #62c6ea;
	--gris: #f1ebeb;
	--pad200: 5rem;
	--pad150: 5rem;
	--pad130: 4rem;
	--pad120: 4rem;
	--pad100: 4rem;
	--pad90: 3rem;
	--pad80: 2rem;
	--pad75: 2rem;
	--pad70: 2rem;
	--pad60: 2rem;
	--pad50: 2rem;
	--pad40: 2rem;
	--pad35: 2rem;
	--pad30: 2rem;
	--pad25: 2rem;
	--pad20: 2rem;
	--pad15: 1rem;
	--pad10: 1rem;
	}
	
	.titre {font-size:3rem;}
	.titre-b {font-size: 2rem;}
	.font-size--c {font-size: 1rem;}
	.font-size--b {font-size: 1.2rem; line-height: 1.2;}
	.font-size--s {font-size: .8rem;}
	.font-size--xs, .menu__breadcrumbs {font-size: .7rem;}
	
	#engagement .content-70 {width:100%;}
	.icon-engagement svg {width: var(--pad100);}
	
	p {line-height: 1.5;}
	
	.btn {height: 3rem;}
	.btn-big {height:4rem; grid-gap:1rem; padding: 0 1.5rem;}
	.btn-big svg {width: 15px; height: 15px;}
	
	.edito-thumb img {width: 100%;}
	
	.col-4, .col-1-3 {grid-template-columns:1fr;}
	
	#relation {margin-top:-1px;}
	#equipe-meg {display:none;}
	
	#michele-lutz {display: flex; flex-direction: column; justify-content: flex-end;}
	
	.accordion .icon-accordion, .icon-relation {width: 30px; height: 30px;}
	.accordion .icon-accordion svg, .icon-relation svg,  .event-icon svg {width: 10px;}
	.accordion .engagement {padding: var(--pad30) 5rem var(--pad30) var(--pad30);}
	.accordion .engagement-txt--cnt {padding-left: 0; width: 100%; border-left:0px;}
	
	.item-equipe {grid-gap:.5rem; align-items: center;}
	.thumb-rounded {width: 70vw; height: 70vw;}
		
	#equipe .col-4, #conseillers .col-4 {grid-gap:3rem; margin-top: 4rem;}
	
	.engagement-txt .flex {flex-direction:column; align-items: center;}
	.accordion .engagement-thumb {margin-left:0; width: 12rem; height: 12rem;}
	
	.item-equipe img {width:70%;}
	
	.carousel-nav {width: 3rem; height: 3rem;}
	.carousel-nav svg {width: 7px;}
	.carousel-container .content-80 {width:100%;}
	
	.article ul {grid-gap: 1rem; padding-left:1.5rem;}
	.article li:before {left: -1.5rem;top: 8px; width: 8px; height: 8px;}
	
	.scrolltop {margin-top: -2rem; width: 4rem; height: 4rem;}
	.scrolltop svg {width: 10px;}
	.title-footer {font-size: 10.5vw;}
	
	.menu--wrapper-btn {width: 3rem;height: 3rem;}
	.menu--icon {width: 1.4rem; grid-gap:3px;}
	.menu__link[data-submenu]::after {width: 8px;}
	.menu li:first-child a, .menu li a {font-size: 5vw;}
	
	.overlay-logo--mobile .logo {width: 100px;}
	
	#homepage .thumb-bg .thumb-bg--img {height:50vh;}
	#homepage .thumb-bg .thumb-bg--img {transform:none!important;}
	
	#home-contact .content-60 {width:100%;}
	#home-contact .wrapper-150-tb {padding:var(--pad150)  var(--pad20);}
	
	.wrapper-600-130-150-130 {padding: 16rem var(--pad80) var(--pad150) var(--pad80);}
	#event.wrapper-300-130-150-130 {padding: 0 var(--pad80) var(--pad150) var(--pad80); align-content: flex-end;}
	 
	.item-historique .font-size--c {font-size: 1.2rem;}
	
}