/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤  _              _    _ _____  ______   __  __  ____  _____  ________     __ | |        /\  | |  | |  __ \|  ____| |  \/  |/ __ \|  __ \|  ____\ \   / / | |       /  \ | |  | | |__) | |__    | \  / | |  | | |__) | |__   \ \_/ / | |      / /\ \| |  | |  _  /|  __|   | |\/| | |  | |  _  /|  __|   \   / | |____ / ____ \ |__| | | \ \| |____  | |  | | |__| | | \ \| |____   | | |______/_/    \_\____/|_|  \_\______| |_|  |_|\____/|_|  \_\______|  |_|¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*//* COPYRIGHT TOUS DROITS RESERVES © LAURE MOREY *//*#my-scrollbar {width: 100vw;height: 100vh;overflow: auto; cursor: none; }[data-scrollbar], [scrollbar], scrollbar {display: block;position: relative}[data-scrollbar] .scroll-content, [scrollbar] .scroll-content, scrollbar .scroll-content {-webkit-transform: translateZ(0);transform: translateZ(0);position: absolute;top:0; left:0;/}[data-scrollbar].sticky .scrollbar-track, [scrollbar].sticky .scrollbar-track, scrollbar.sticky .scrollbar-track {background: hsla(0, 0%, 87%, .75)}[data-scrollbar] .scrollbar-track, [scrollbar] .scrollbar-track, scrollbar .scrollbar-track {position: absolute;opacity: 0;z-index: 1;transition: opacity .5s ease-out, background .5s ease-out;background: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}[data-scrollbar] .scrollbar-track.show, [data-scrollbar] .scrollbar-track:hover, [scrollbar] .scrollbar-track.show, [scrollbar] .scrollbar-track:hover, scrollbar .scrollbar-track.show, scrollbar .scrollbar-track:hover {opacity: 1}[data-scrollbar] .scrollbar-track:hover, [scrollbar] .scrollbar-track:hover, scrollbar .scrollbar-track:hover {background: hsla(0, 0%, 87%, .75)}[data-scrollbar] .scrollbar-track-x, [scrollbar] .scrollbar-track-x, scrollbar .scrollbar-track-x {bottom: 0;left: 0;width: 100%;height: 8px}[data-scrollbar] .scrollbar-track-y, [scrollbar] .scrollbar-track-y, scrollbar .scrollbar-track-y {top: 0;right: 0;width: 8px;height: 100%}[data-scrollbar] .scrollbar-thumb, [scrollbar] .scrollbar-thumb, scrollbar .scrollbar-thumb {position: absolute;top: 0;left: 0;width: 8px;height: 8px;background: rgba(0, 0, 0, .5);border-radius: 4px}[data-scrollbar] .overscroll-glow, [scrollbar] .overscroll-glow, scrollbar .overscroll-glow {position: absolute;top: 0;left: 0;width: 100%;height: 100%}*/#loader{position: fixed;top:50%; left:50%;transform: translate(-50%,-50%);z-index: 800;}#loader svg{overflow: visible;width: 100px;height: 150px;position: absolute;top:50%; left:50%;}#loader svg g {animation: slide 2s linear infinite;}#loader svg g:nth-child(2) {animation-delay: 0.5s;}#loader svg g:nth-child(2) path {animation-delay: 0.5s;stroke-dasharray: 0 158px; stroke-dashoffset: 1px;}#loader svg path {stroke:#00F2A9;stroke-width: 20px;stroke-linecap: round;fill: none;stroke-dasharray: 0 157px;stroke-dashoffset: 0;animation: escalade 2s cubic-bezier(0.8, 0, 0.2, 1) infinite;}@keyframes slide {    0% {transform: translateY(-50px);}    100% {transform: translateY(50px);}}@keyframes escalade {    0% {stroke-dasharray: 0 157px;stroke-dashoffset: 0;}    50% {stroke-dasharray: 156px 157px;stroke-dashoffset: 0;}    100% {stroke-dasharray: 156px 157px;stroke-dashoffset: -156px;}}*, *:after, *:before{-webkit-tap-highlight-color:transparent;list-style-position:inside;list-style-type:none;color:inherit;box-sizing:border-box;margin:0;padding:0;outline:none;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}*:after,*:before{display:inline-block;z-index:1;}html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,p,figure,figcaption,button{font-style:normal;border:0;font-size:inherit;color:inherit;background:transparent;text-decoration:none;}section,article,header,footer,nav,aside{display:block;}table,td,textarea,input,video{max-width:100%;}p,dd,ul{word-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none;}input,textarea,button{resize:none;-webkit-appearance:none;font-family:inherit;}img{border:none;max-width:100%;height:auto;}a,button{border:0;cursor:pointer;color:inherit;text-decoration:none;transition:.25s;}a,a:hover,a:active,a:focus,button,button:hover,button:focus,button:active{text-decoration:none;outline:none;}.clear{clear:both;background:none;outline:none;border:none;height:1px;margin:0;}*::-moz-selection{background:rgba(0,242,169,.5);color:#fff;}*::selection{background:rgba(0,242,169,.5);color:#fff;}::-webkit-input-placeholder{color:inherit;opacity:.5;}::-moz-placeholder{color:inherit;opacity:.5;}::-ms-input-placeholder{color:inherit;opacity:.5;}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 0 #000 inset;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;}html{width:100%;overflow-x:hidden;line-height:1;scroll-behavior: smooth;}body{width:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-family:'Bebas Neue'; color: #312252; }.go-top{cursor:pointer;transition:.25s;background:#00F2A9;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;position:fixed;bottom:25px;right:25px; opacity: 0; visibility: hidden;}.fixed .go-top{ opacity: 1; visibility: visible;}.go-top img{ width: 100%; height: auto; max-height: 35%;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Light.eot');    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Light.woff2') format('woff2'),    url('../fonts/Gilroy-Light.woff') format('woff'),    url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');    font-weight: 300;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Black.eot');    src: url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Black.woff2') format('woff2'),    url('../fonts/Gilroy-Black.woff') format('woff'),    url('../fonts/Gilroy-Black.svg#Gilroy-Black') format('svg');    font-weight: 900;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Extrabold.eot');    src: url('../fonts/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Extrabold.woff2') format('woff2'),    url('../fonts/Gilroy-Extrabold.woff') format('woff'),    url('../fonts/Gilroy-Extrabold.svg#Gilroy-Extrabold') format('svg');    font-weight: 800;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Regular.eot');    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Regular.woff2') format('woff2'),    url('../fonts/Gilroy-Regular.woff') format('woff'),    url('../fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Medium.eot');    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Medium.woff2') format('woff2'),    url('../fonts/Gilroy-Medium.woff') format('woff'),    url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');    font-weight: 500;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Semibold.eot');    src: url('../fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Semibold.woff2') format('woff2'),    url('../fonts/Gilroy-Semibold.woff') format('woff'),    url('../fonts/Gilroy-Semibold.svg#Gilroy-Semibold') format('svg');    font-weight: 600;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Thin.eot');    src: url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Thin.woff2') format('woff2'),    url('../fonts/Gilroy-Thin.woff') format('woff'),    url('../fonts/Gilroy-Thin.svg#Gilroy-Thin') format('svg');    font-weight: 100;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Bold.eot');    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Bold.woff2') format('woff2'),    url('../fonts/Gilroy-Bold.woff') format('woff'),    url('../fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');    font-weight: bold;    font-style: normal;}@font-face {    font-family: 'Gilroy';    src: url('../fonts/Gilroy-Heavy.eot');    src: url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),    url('../fonts/Gilroy-Heavy.woff2') format('woff2'),    url('../fonts/Gilroy-Heavy.woff') format('woff'),    url('../fonts/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');    font-weight: 900;    font-style: normal;}.container {width: 100%;max-width: 1170px;margin: 0 auto;}.container-fluid {max-width: 100%;width: 100%;}.circle-cursor {position: fixed;left: 0;top: 0;pointer-events: none;border-radius: 50%; z-index: 999999;}.circle-cursor--outer {width: 30px;height: 30px;border: 1px solid #312252;z-index: 12000;opacity: 0.5;}.circle-cursor--inner {width: 5px;height: 5px;left: -2.5px;top: -2.5px;z-index: 11000;background: #312252;}.openNav .circle-cursor--outer {width: 30px;height: 30px;border: 1px solid #FFF;z-index: 12000;opacity: 0.5;}.openNav .circle-cursor--inner {width: 5px;height: 5px;left: -2.5px;top: -2.5px;z-index: 11000;background: #FFF;}.openNav #app [data-cursor] > div{background:#fcf8f1;color:#fcf8f1;}.openNav #app [data-cursor] .cur1{box-shadow:0 0 0 4px #fcf8f1;}.openNav #app [data-cursor] .cur2{box-shadow:0 0 0 15px #fcf8f1;}.openNav.hover #app [data-cursor] .cur2{box-shadow:0 0 0 30px #fcf8f1;opacity:.1;}#header{ display: flex; justify-content: space-between;padding:40px; align-items: center; width: 100%; position: absolute; top:0; left:0; z-index: 800; transition: .5s ease-in;}.fixed #header{padding:15px 30px;position: fixed; background-color: #FFF; z-index: 999;box-shadow: 0 0 2px 0 #999;}.down #header {transform:translateY(-100%);}#logo{ display: inline-block; height: 60px; width: auto}#logo svg{ display: inline-block; height: 60px; width: auto; transition: .2s linear;}#logo .st0 {fill: #00F2A9; transition: .2s linear;}.fixed #logo .st0 {fill: #00F2A9;}#mot .st0{display:none;}#mot .st1{display:inline;}#mot .st2{fill:none;}#mot .st3{fill:none;stroke:#312252;stroke-width:2.2;stroke-miterlimit:10;}#mot .st4{fill:none;stroke:#312252;stroke-width:2.2;stroke-linejoin:bevel;stroke-miterlimit:10;}#slider{display: flex;justify-content: center;align-items: center;min-height: 900px;background-color: #FFF; flex-direction: column; height: 100vh; padding: 0 40px;}#slider .container{ position: absolute; top:55%; left:50%; transform: translate(-50%,-50%);}/*#slider canvas{height: 80vh;min-height: 400px; width: 100%;  touch-action: none;}*/.green{ color: #00F2A9;}#mot{ margin-bottom: 40px; max-width: 65%;}/*#mot:hover #text2{opacity: 1; }*/.text1{ /*position: absolute; top:0; left:0; z-index: 1;*/}/*#text2{ opacity: 0; transition: .5s linear; fill:#FFF;}#text2 .st0{fill:#f6f6f6;}*/#edito{ margin-bottom: 80px; font-family: 'Gilroy';}#edito p{font-size: 20px;line-height: 34px; font-weight: 300;}#edito p, #edito h1{font-size:calc(42px + 3 * (100vw - 320px) / 1080);font-weight: 300; line-height: 1.2; display: inline;}#edito h1{ margin-right: 0.2em;}.rw-sentence span{font-size:calc(42px + 5 * (100vw - 320px) / 1080);font-weight: 300;white-space: nowrap; line-height: 1.2;}.rw-sentence{margin: 0;text-align: left;text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}.rw-words{display: inline;text-indent: 10px;position: absolute;}.rw-words-1 span{position: absolute;top:0; left:0;opacity: 0;overflow: hidden;color: #00F2A9;animation: rotateWord 18s linear infinite 0s;}.rw-words-1 span:nth-child(2) {animation-delay: 3s;color: #1b00e1;}.rw-words-1 span:nth-child(3) {animation-delay: 6s;color: #ffc600;}.rw-words-1 span:nth-child(4) {animation-delay: 9s;color: #ff0870;}.rw-words-1 span:nth-child(5) {animation-delay: 12s;color: #6000a2;}.rw-words-1 span:nth-child(6) {animation-delay: 15s;color: #fe3c09;}@-webkit-keyframes rotateWord {    0% { opacity: 0; }    2% { opacity: 0; -webkit-transform: translateY(-30px); }    5% { opacity: 1; -webkit-transform: translateY(0px);}    17% { opacity: 1; -webkit-transform: translateY(0px); }    20% { opacity: 0; -webkit-transform: translateY(30px); }    80% { opacity: 0; }    100% { opacity: 0; }}@keyframes rotateWord {    0% { opacity: 0; }    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }    20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }    80% { opacity: 0; }    100% { opacity: 0; }}@keyframes anim {    0% { position: absolute; top:30%; left:50%; transform: translate(-50%,-50%);opacity: 0; }    100% { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); opacity: 1;}}#mot-animate .st3{stroke:#312252 !important;}.st1, #logo .st1, #logo .st2 {fill: #312252 !important;}#mot-animate .st4{stroke:#312252 !important;}#slide-projects{ background-color: #efeeec;  min-height: calc(100vh - 40px); /*align-items: center; justify-content: center; display: flex; flex-direction: column;*/}.contacts{position: absolute; bottom: 0; z-index: 1; width: 100%; display: flex; justify-content: space-between;padding:0 40px 40px 40px;}.contacts i, .footer-top i{ color: #00F2A9; margin-right: 0.5em; transition: .2s linear; }/*h1{color: #939393;  letter-spacing: 3px;  font-family: 'Gilroy'; font-weight: 300; text-transform: uppercase;}*/#wrapper{width: 100%; }.content{  display: flex; align-items: center; flex-direction: column; padding: 6em 40px 6em;}.titre-section, h1.titre-section{ font-size:calc(32px + 14 * (100vw - 320px) / 1080);  margin-bottom: calc(10px + 2%);color: #312252; font-family: 'Gilroy'; font-weight: 800; letter-spacing: -1px; line-height: 1.2;}#a-propos .titre-section{ font-weight: 300; font-size:calc(22px + 14 * (100vw - 320px) / 1080);}.paragraphe{font-size:calc(14px + 3 * (100vw - 320px) / 1080); font-family: 'Gilroy'; font-weight: 400; color: #57506a; line-height: 1.6; margin-bottom: 1em; letter-spacing: .5px;}.underline::after {content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 50%;z-index: -1;transform: scaleX(1);transition: transform .8s cubic-bezier(.06,.7,.32,.99) 1.2s;transform-origin: 0 0;}.underline-green::after{ background: #00F2A9;}.underline-grey::after{ background: #efefef;}.citation{font-family: 'Gilroy'; font-weight: 300; color: #999; font-size:calc(24px + 6 * (100vw - 320px) / 1080); line-height: 1.4;}.citation cite { display: inline-block;}#myicono{  margin-top: 80px; text-align: center; width: 100%;}#myicono img{width: 70%; height:auto; display: inline-block;}#page-index .container-fluid{ display: flex; align-items: center;}#page-index .paragraphe{ max-width: 80%;}.link{ color: #00F2A9; font-size:18px;}.link:before{ content:''; background-color: #00F2A9 ; width: 100%; height: 1px}.link:hover{ color: #312252;}.legende{ width:100%;letter-spacing: 3px; text-transform: uppercase; color: #a1a6b3; font-size:calc(11px + 3 * (100vw - 320px) / 1080); font-family: 'Gilroy'; font-weight: 300; line-height: 1.2;}.content-interne .col{ display: flex;}.content-interne .container{  text-align: left}#a-propos .container{ display: flex; flex-wrap: wrap;}.col{ -webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; }.img-border {width: 65%;z-index: 2;-webkit-box-shadow: 31px 31px 0 #FFF, 31px 31px 0 2px #00F2A9;box-shadow: 31px 31px 0 #FFF, 31px 31px 0 2px #00F2A9;margin-bottom: auto;}.img-perso{ width: 100%;display: flex;justify-content: center;}.col-infos{ flex-direction: column;}.btn {display: inline-block;width: 166px;height: 45px;font-size: 18px;line-height: 45px;text-align: center;text-transform: uppercase;color: #00F2A9;cursor: pointer;overflow: hidden; margin-top: 1em;}.btn svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.btn svg rect {fill: none;stroke: #00F2A9;stroke-width: 5;stroke-dasharray: 422, 0;-webkit-transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);-moz-transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);}.btn:hover svg rect, #project figure:hover .btn svg rect {stroke-width: 5;stroke-dasharray: 10, 310;stroke-dashoffset: 33;}.btn:hover, #project figure:hover .btn {color: #00F2A9;font-size: 18px;letter-spacing: 1px;}/* MENU RESPONSIVV */.fixed #btn-menu .menu_name { color: #312252; }.fixed #btn-menu .nav span{ background-color: #312252;}#btn-menu:hover .menu_name { color: #00F2A9; }#btn-menu:hover .nav span{ background-color: #00F2A9 }#btn-menu{  margin-left: 3.5em; margin-top: 0.2em; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#btn-menu .menu_name{line-height: 13px; display: inline-block; color: #312252; padding-left: 0.5em; font-size: 1.5em; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; position: relative;top: -3px;}#btn-menu .nav{width:30px;height:23px; display: inline-block; position: relative; cursor: pointer;z-index: 800;}#btn-menu .nav span{-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;width:100%;height:2px;background:#312252;display:inline-block;position:absolute;right:0;z-index:5000; border-radius: .25rem;}.openNav  .nav span, #btn-menu .nav:hover span{background:#00F2A9;}#btn-menu .nav span:nth-child(1){top:0;}#btn-menu .nav span:nth-child(2){top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); width: 70%; left:0}#btn-menu .nav span:nth-child(3){bottom:0;}.openNav .nav{position:absolute;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);right:0;z-index:999999}.openNav .nav span:nth-child(2){width:0;opacity:0;}.openNav .nav span:nth-child(1){top:-2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;}.openNav .nav span:nth-child(3){bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;}#offres{ width:100%;padding: 4em 0 0 0;}#slide-offres{ width: 100%; margin: 0 auto;display: flex;flex-wrap: wrap;  }.offre{ background-color: #f6f6f6; padding: 3em 4em; transition: .5s ease-in;  font-family: 'Gilroy'; width: 25%; }.offre:hover{ background-color: #00F2A9; }.offre:hover .paragraphe, .offre:hover h3{ color: #FFF;}.offre:hover .st0{ fill: #FFF;}.offre h3{font-size:calc(24px + 10 * (100vw - 320px) / 1080); margin: 0.5em 0; font-weight: 800;}.offre svg{ height: 120px; width: auto; display: inline-block;transition: .5s ease-in;}#partners{background-color: #f6f6f6; padding:6em 4em; }#partners .content-crea{ display: flex; align-items: flex-start;}#partners #img-logo{  min-width:20%;}#partners #infos-logo{ padding-left: 2em;}#project{ display: flex; width: 100%; flex-wrap: wrap; padding: 0 40px;}#project figure {cursor: pointer; width: 50%; padding: 40px 20px ;text-align: center;  font-family: 'Gilroy';}#project .title{font-size:calc(28px + 7 * (100vw - 320px) / 1080);font-weight:300;margin: 0 0 10px 0; transition: .5s linear; color:#302254;}#project img{transition: .5s linear;}#project figure:hover .title{ color: #00F2A9;}#project figure:hover img{ box-shadow: 0 20px 20px rgba(0,0,0,0.15);transform: translateY(-5px);}figcaption{ margin-top: 20px;}.content-interne::before{ content: '';border-style: solid;border-width: calc(260px + 300 * (100vw - 320px) / 1080) calc(260px + 300 * (100vw - 320px) / 1080) 0 0;border-color: #f6f6f6 transparent transparent transparent; position: absolute; top:0; left:0; z-index:-1;}#triangle{ width: 100%; height: auto;}#projects-page, #a-propos{ padding: 10em 6em 0 6em;}#projects-page .container-intro {flex-direction: row; text-align: left; display: flex; align-items: center; width: 100%; justify-content: space-between; margin-top: 40px;}#projects-page .title{  text-align: left; width: 100%; font-size:calc(56px + 30 * (100vw - 320px) / 1080); margin-bottom: 20px; }.container-intro p{ font-size:calc(16px + 2 * (100vw - 320px) / 1080); font-weight: 300; line-height: 1.4;  font-family: 'Gilroy'; color: #6a6e7b; padding-right: 40px;}.container-intro p:first-child{ margin-bottom: 10px;}.container-intro p strong { color:#312252;  font-size: 1.2em; font-weight: 500;}.date { color:#939393;  font-size:calc(82px + 1 * (100vw - 320px) / 1080); width: 100%; flex:1; max-width: 16%;}.container-visuels{ margin-top: 40px;}#projects-page .btn{ margin-top: 40px;}.col-projects-3{ margin: 40px 0; display: flex; justify-content: space-between; align-items: start;}.col-projects-3 img{ max-width: 60%; display: inline-block;}#projects-page img{ display: block; width: 100%;}.col-projects-3 div { max-width: 40%;}.content-case{ padding-left: 40px; display: flex; flex-direction: column; justify-content: space-between; text-align: left;}.content-case-inverse{ padding-left: 0; padding-right: 40px;}.content-case img{ width: 100%; max-width: 100%;}.content-case .paragraphe,.col-projects-2 .paragraphe{ margin-bottom: 0;}.content-case div{  max-width: 100%; margin-bottom: 40px; height: 100%}.mb-4{ margin-bottom: 40px; }.anim-img{ margin-bottom: 0 !important;display: flex;justify-content: end;}.content-case .top{ position: absolute; bottom: 0; right:0; z-index: 2; width:100%; max-width: 100%;  }.top {animation: fade ease-in-out infinite 2s alternate;}@keyframes fade {    0% {opacity: 1;}    25% {opacity: 1;}    75% {opacity: 0;}    100% {opacity: 0;}}.a-multiple{ display: block; width: 100%; height: 100%; display: flex;}.a-multiple img {position: absolute;top:0; left:0;width: 100%;height: auto;opacity: 0;animation: multiple 6s infinite;}.a-multiple img:nth-child(1) {animation-delay: 0s;}.a-multiple img:nth-child(2) {animation-delay: 2s;}.a-multiple img:nth-child(3) {animation-delay: 4s; position: static; top:auto; left:auto;}.a-multiple img:nth-child(4) {animation-delay: 6s;}.a-multiple img:nth-child(5) {animation-delay: 8s;}.a-multiple img:nth-child(6) {animation-delay: 10s;}.a-multiple:nth-child(7) {animation-delay: 12s;}.a-multiple img:nth-child(8) {animation-delay: 14s;}.a-multiple img:nth-child(9) {animation-delay: 16s;}.a-multiple img:nth-last-child(3):first-child, .a-multiple img:nth-last-child(3):first-child ~ .a-multiple img {animation-duration: 6s;}.a-multiple img:nth-last-child(6):first-child, .a-multiple img:nth-last-child(6):first-child ~ .a-multiple img {animation-duration: 12s;}.a-multiple img:nth-last-child(9):first-child, .a-multiple img:nth-last-child(9):first-child ~ .a-multiple img {animation-duration: 18s;}@keyframes multiple {    0% { opacity: 0; z-index: 100;}    15% { opacity: 1;}    50% { opacity: 1;}    100% { opacity: 0; z-index: 1;}}.col-projects-2{ display: flex; flex-wrap: wrap; text-align: left; align-items: start;}.col-projects-2 img, .col-projects-2 div{ max-width: 50%;}.col-projects-2 div{ padding-right: 40px;}.other-project{padding-top: 2em;}.other-project, .other-project .paragraphe, .other-project *{ text-align: center;}#resume .rw-sentence span::after{content: '•'; display:inline-block; margin: 0 .2em;}#resume .rw-sentence span.green::after{content: '•'; display:inline-block; margin: 0 .2em; color: #312252;}#resume .rw-sentence span:last-child::after{display: none; }#page-erreur .col{ width: 100% !important; max-width: 100% !important;}#page-erreur .container{ text-align: center !important;}#page-erreur .titre-section, #page-erreur h1.titre-section, #page-erreur .paragraphe{ text-align: center !important;}#page-erreur #myicono{width: 30%; margin:2em auto; }#page-erreur #myicono img{ width: 100% !important; margin: 0 auto; display:inline-block}/*timeline*/.timeline-container {display: flex;justify-content: center; padding-top: 2em;}.timeline-container .vertical-scrollable-timeline {width: 600px;list-style-type: none;position: relative;}.timeline-container .vertical-scrollable-timeline .list-progress {width: 8px;height: 100%;background-color: #00F2A9;position: absolute;left: 48px;top: 0;overflow: hidden;}.timeline-container .vertical-scrollable-timeline .list-progress .inner {position: absolute;right: 0;bottom: 0;height: 100%;background-color: #c5c3cb;width: 100%;}.timeline-container .vertical-scrollable-timeline li {position: relative;padding: 35px 0px 125px 158px;}.timeline-container .vertical-scrollable-timeline li:last-child {margin-bottom: 0;}.timeline-container .vertical-scrollable-timeline li h2 {font-size: 25px;margin-bottom: 10px;font-weight: 600;color: #312252; line-height: 1.2;}.timeline-container .vertical-scrollable-timeline li p {line-height: 1.5;color: #312252;font-family: 'Gilroy'; }.timeline-container .vertical-scrollable-timeline li p:last-child {margin-bottom: 0;}.timeline-container .vertical-scrollable-timeline li .icon-holder {position: absolute;left: 0;top: 0;width: 104px;height: 104px;display: flex;justify-content: center;align-items: center;background-color: #c5c3cb;border-radius: 50%;z-index: 1;transition: 0.4s all;}.timeline-container .vertical-scrollable-timeline li .icon-holder::before {content: "";width: 80px;height: 80px;border: 4px solid #fff;position: absolute;background-color: #c5c3cb;border-radius: 50%;z-index: -1;transition: 0.4s all;}.timeline-container .vertical-scrollable-timeline li .icon-holder i {font-size: 25px;color: #fff;}.timeline-container .vertical-scrollable-timeline li::before {content: "";position: absolute;height: 100%;width: 8px;background-color: transparent;left: 48px;z-index: 0;}.timeline-container .vertical-scrollable-timeline li:last-child::before {width: 58px;left: 48px;background-color: #FFF;}.timeline-container .vertical-scrollable-timeline li.active .icon-holder {background-color: #00F2A9;}.timeline-container .vertical-scrollable-timeline li.active .icon-holder::before {background-color: #00F2A9;}.parenthese .a-multiple, .a-multiple{ margin: 40px 0;}p.contact-page a, p.contact-page *{ font-size: 22px; margin: 0.5em 0.2em; display: inline-block;}.legal h2, .sitemap h2{font-size: calc(26px + 3 * (100vw - 320px) / 1080) !important;}.legal .col-infos-one{padding-right: 2em;}.sitemap .list-sitemap{ margin-bottom: 1em!important; display: block !important; width:auto!important;}.sitemap .list-sitemap li{ font-family: 'Gilroy'; font-size: 16px; line-height: 1.8; list-style-type: disc; transition: all .2s ease-in;}.sitemap .list-sitemap li:hover{ margin-left:1em;}.sitemap .list-sitemap li a:hover, .sitemap h2{ color:#00F2A9; }.sitemap .col-infos-one{ width:100%;flex: 0 0 100%;max-width:100%;}#footer{padding: 3em 0; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: calc(18px + 2 * (100vw - 320px) / 1080); line-height: 1.6; }#footer img{ width: 10%; display: inline-block; margin: 1em auto;}#footer div{ display: flex; justify-content: center;}#footer div a{ margin-right: 0.5em;}#footer i{ margin-right: 0.2em; }#footer ul{ display: flex; width: 100%; justify-content: center; margin-top: 1em;}#footer ul li a{ color: #00F2A9; display:inline-block; margin:0 0.5em;}#footer ul li a i{ margin-right: 0;}#footer ul li a:hover{ color: #312252;}#footer p{ display: inline-block;}.fa-envelope{ color: #302254; font-size: 0.9em;}.fa-phone{ color: #302254; font-size: 0.9em;}#copyright{ color: #57506a; font-family: 'Gilroy'; text-transform: uppercase; letter-spacing: 3px;font-size:calc(10px + 1 * (100vw - 320px) / 1080); margin-top: 2em;}#copyright span{ display: inline-block; margin: 0 0.5em;}#copyright a::before {content: "";position: absolute;z-index: 1;left: 0;right: 100%;top: 1.8em;background: #939393;height: 1px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}#footer a:hover::before {right: 0;top: 1.8em;}/*#cookies{ z-index:9999;position: fixed; bottom: 0; left:0; width: 100%; background-color: rgba(48,34,84,.9); color: #FFF; padding: 2em;font-family: 'Gilroy'; text-align: center;font-size: calc(11px + 1 * (100vw - 320px) / 1080); line-height: 1.6;}#cookies div{ max-width: 70%; margin: 0 auto;}#cookies a{ color: #00F2A9;}#cookies a:hover{ color: #FFF;}*/.freeprivacypolicy-com---nb-headline {bottom:0 !important;top: auto !important; left:auto !important; right :0 !important;position:fixed !important; max-width:50% !important;}.freeprivacypolicy-com---nb .cc-nb-main-container {padding: 2rem !important;}.freeprivacypolicy-com---nb{ z-index: 999 !important;}.freeprivacypolicy-com---palette-light .cc-nb-okagree, .freeprivacypolicy-com---palette-light .cc-nb-reject, .freeprivacypolicy-com---palette-light .cc-cp-foot-save {background-color: #00F2A9 !important;}.freeprivacypolicy-com---nb .cc-nb-text {font-size: 14px !important;}.freeprivacypolicy-com---nb .cc-nb-title {font-size: 20px!important;}.freeprivacypolicy-com---pc-dialog input[type=checkbox].cc-custom-checkbox:checked+label:before {background: #00F2A9 !important;}.freeprivacypolicy-com---reset p.cc-nb-title {margin-bottom: 0 !important;}.btn-close{ position: absolute; top:18%; right:3%;font-size: calc(16px + 1 * (100vw - 320px) / 1080); }/* Cursor */*, [data-link] {cursor: none;}.your-cursor2 {position: absolute;background-color:#302254;width: 7px;height: 7px;border-radius: 100%;transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;user-select: none;pointer-events: none;z-index: 10000;transform: scale(1);}.your-cursor2.active {opacity: 0.5;transform: scale(0);}.your-cursor2.hovered {opacity: 0.08;}.follow2 {position: absolute;background-color: rgba(48, 34, 84, 0.3);width: 20px;height: 20px;border-radius: 100%;transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;user-select: none;pointer-events: none;z-index: 10000;transform: translate(5px, 5px);}.follow2.active {opacity: 0.7;transform: scale(3);}.follow2.hovered {opacity: 0.08;}.btn:not(:disabled):not(.disabled) {cursor: none;}/**************************************************************************************************//************************************* MEDIA QUERIES **********************************************//**************************************************************************************************/@media screen and (min-width: 1199px) and (max-height: 768px) {    #slide-projects {height: 79vh;}    #mediation .crea, #parenthese .crea, #madamethe .crea {width: calc(300px + 200 * (100vw - 320px) / 1080);}}@media screen and (max-width: 1200px) {    #slider .container{ position: static; top:auto; left:auto; transform: none;}    #slider { min-height: 900px; margin-top: 40px;}    #project {padding: 4em 40px 0 40px;}    .title-project.legende{ display: none;}    #mediation .crea, #parenthese .crea, #madamethe .crea{ width: calc(300px + 200 * (100vw - 320px) / 1080); }    .col-img{ width: 30%; float: left;}    .col-infos{ padding: 0 4em; width: 70% !important;  float: left;}    .img-border{ width: 98%}    #demarche{ padding: 4em 4em 0 4em;}    .col-projects-3 img{ max-width: 50%;width: 50%;}    .content-case img{ width: 100%; max-width: 100%;}    .col-projects-3 div {padding-left: 0;  max-width: 50%;}    .col-projects-3 div > div { max-width: 100%;}    .content-case{ padding-left: 40px !important;}    .content-case div{ margin-bottom: 40px;}    .col-projects-3 { align-items: start;}    .mb-4 {margin-bottom: 40px;}    .content-case-inverse {padding-left: 0 !important;}    .content-case-inverse img + img{ margin-bottom: 2em;}    .anim-img img{ margin-bottom: 0 !important;}    #projects-page, #a-propos, #resume {padding: 12em 4em 0 4em;}    .mt-4{ margin-top: 40px !important;}    .no-m{ margin-top: 0 !important;}    .a-multiple{ margin-top: 40px;}    #resume .rw-words {display: block;text-indent: 0;}}@media screen and (min-width: 992px) {    #menu-top{ display: block; width: auto}    #btn-menu{ display: none;}    .nav{ display: flex; }    .nav-link{ padding: 0;}    .nav-pills > li{   margin: 0.5em 1em; }    .nav-pills > li >  a {  color: #57506a;  font-size: calc(13px + 1 * (100vw - 320px) / 1080);font-weight: 500; font-family: 'Gilroy'; text-transform: uppercase; }    .fixed .nav-pills > li > a{ color: #57506a;}    .nav-pills > li > a:hover  {  color: #00F2A9;   }    .nav-pills > li > a:focus{ background-color: transparent;}    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {  background: none !important;  border-color: transparent !important;  }    .nav-pills > li >  a::before {  content: "";  display: block;  height: 1px;  position: absolute;  left: 50%;  bottom: -5px;  width: 0;  background-color: #74dee6;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }    .nav-pills > li>  a:hover:before {  width: 100%;  left: 0  }    #menu-top ul.startMenu li.li-close-menu, #menu-top ul.startMenu li.rs { display: none;}}@media screen and (min-width: 1001px) {    *:hover{cursor: none;}}@media screen and (max-width: 1000px) {    .circle-cursor{ display: none;}    *{cursor: default ;}    a,button{cursor: pointer !important; ;}}@media screen and (max-width: 1024px) {    .container-visuels {margin-top: 20px;}    .content-interne {background-size: 59%;}}@media screen and (max-width: 991px) {    #slider{ min-height: 200px; height: auto; margin-top: 140px !important;}    .content#page-index {padding:3em 40px 3em;}    .rw-sentence span {white-space: normal;}    #btn-menu{ display: block;}    .navbar{ padding: 0;}    #menu-top ul li:not(.show){opacity:0;top:-50px; animation-delay: 1s;}    #menu-top ul li.show{top:0;opacity:1;}    #menu-top ul li a.closeMenu{ color: #FFF;  font-size: 11px !important;  text-transform: uppercase; letter-spacing: 3px; margin-bottom: 2em;  font-weight: 300; font-family: 'Gilroy'; opacity: .5; transition: .5s linear;}    #menu-top .closeMenu {  display: inline-block;  width: 100%;  }    #menu-top .startMenu li a.closeMenu:hover{opacity: 1;}    #menu-top {  position: fixed;  background: #312252; top: 0;  bottom: 0;  height: 100vh;  width: 536px; max-width: 70%;  left:-16px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);  overflow: hidden;  z-index: 9999; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; transition:all ease 0.5s;   }    #menu-top.open{ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }    .container-menu{ overflow-y: scroll; height: 100%; width: calc(100% + 20px);}    #menu-top .startMenu{padding:3em 4em;  width: 100%; float: left;}    #menu-top .startMenu li{ width: 100%;  line-height: 1.6;  transition: all .5s linear; }    #menu-top .startMenu li.rs{ display: flex; margin-top: 1.5em;}    #menu-top .startMenu li.rs a{ width: auto; padding: 0 0.2em;font-size: calc(24px + 6 * (100vw - 320px) / 1080);}    #menu-top .startMenu li a {  color: #FFF;  font-size:calc(32px + 8 * (100vw - 320px) / 1080); width: 100%; display: inline-block;  transition: .2s linear; font-family: 'Gilroy'; font-weight: 700; }    #menu-top .startMenu li a:hover, #menu-top ul.startMenu li.rs a{ color: #00F2A9;}    #menu-top .startMenu li.rs a:hover{ color: #cbd4dc;}    #menu-top .startMenu li:hover a{ margin-left: 5px;}    .freeprivacypolicy-com---nb-headline {max-width:100% !important;}    #mot {max-width: 85%; margin: 40px 0;}    #project {padding: 3em 20px 0 20px;}    .offre{ width: 50%; }    .col-infos {padding: 0 0 0 4em;}    .col-projects-3, .col-projects-2{ flex-direction: column;}    .col-projects-3 img,.col-projects-2 img, .col-projects-2 div  {max-width: 100%;width: 100%;}    .col-projects-3 div { margin-bottom: 40px; width: 100%; max-width: 100%;}    .content-case, .content-case-inverse {padding: 0 !important;}    .col-projects-3 {margin: 0;}    .col-projects-3 + img{ margin: 40px 0;}    .col-projects-3 div > div{ margin-top: 40px;}    .mt-4, .anim-img {margin-top: 0 !important;}    .col-projects-2 div{ padding-right: 0; margin: 40px 0;}    .one, .parenthese .content-case + img{ margin-bottom: 40px;}    .a-multiple, .parenthese .col-one div {margin-top: 0;}    .mb-0{ margin-bottom: 0 !important;}    .col-order img{ order: 2;}    .col-order div{ order: 1;}    .col-order div:not(.anim-img){ margin-top: 0;}    .col-order .anim-img{ margin-bottom: 40px !important;}    .mediation .a-multiple{ margin: 0 !important;}    .mediation .a-multiple img:nth-child(3) {margin: 0;}    #loader {top: 40% !important;left: 40% !important;}    .your-cursor2,  .follow2 { display: none;}}@media screen and (max-width: 814px) {    #a-propos .rw-words {display: inline;text-indent: 10px;}}@media screen and (max-width:768px) {    #project figure {width: 100%;padding: 0 20px;}    #projects-page .container-intro {flex-direction: column;}    #footer div { display: inline-block; padding: 0 20px;}    .col-img{ width: 100%; order: 2; }    #a-propos .container, #resume .container{ flex-direction: column;}    .col-infos{ width: 100% !important;  padding: 0; order:1;}    .col-infos .btn{ margin-bottom: 2em;}    .container-intro div {width: 100%; margin: 0; flex: 1;}    .container-intro p {padding-right: 0;}    .col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}    .img-border {-webkit-box-shadow:none;box-shadow: none;}    .img-border {width: 100%;}    #myicono{  margin: 20px 0;}    #myicono img{width: 100%;}    #edito {margin-bottom: 20px;}    .timeline-container{ padding-top: 4em;}}@media screen and (max-width:735px) {    #resume .rw-words {display: inline;text-indent: 10px;}}@media screen and (max-width:655px) {    .citation br{ display: none;}}@media screen and (max-width:650px) {    /*.container-intro div {max-width:100%; width: 100%;}    .container-intro h1 {max-width: 100%; width: 100%;padding:0;}*/    .col-projects-3 div:not(.content-case), #projects-page .btn {margin-top: 20px;}    .container-intro h1 {/*font-weight: 500;line-height: 1.4;*/}    #projects-page, #a-propos, #resume {padding: 12em 2em 0 2em;}    .mb-4, .content-case div, .one, .col-projects-3 div, .parenthese .a-multiple {margin-bottom: 20px;}    /*.col-projects-3 {margin: 20px 0;}*/    .mt-4, .col-order .content-case div {margin-top: 0;}    .titre-section, h1.titre-section {margin-bottom: 10px;}    .col-projects-2 div {margin: 20px 0;}    .parenthese .content-case + img {margin-bottom: 20px;}    .col-order .anim-img {margin-bottom: 20px !important;}    .offre {padding: 3em 2em;}}@media screen and (max-width:600px) {    #a-propos .rw-words {display: block;text-indent: 0;}    .timeline-container {width:90%;margin : 0 auto;}}@media screen and (max-width:575px) {    .offre{ width: 100%; }    .content{ padding: 3em 40px;}    #edito p, #edito h1 {font-size: calc(36px + 3 * (100vw - 320px) / 1080)}    #a-propos .titre-section {font-size: calc(30px + 14 * (100vw - 320px) / 1080);}    #edito {margin-bottom: 2em;}    #header{ padding:40px;}    #project figcaption {padding: 0 0 40px 0;}    #projects-page .container-intro {margin-top: 20px;}    .contacts{ flex-direction: column; justify-content: center;}    .contacts p{ margin-bottom: 1em;}    .contacts p { text-align: center;}    #parenthese .crea {transform: rotate(8deg) translate(-54%,-65%);}    #project {padding:0;}    #footer img {width: 20%;}    #demarche {padding:2em;}    .container-intro h1{ text-align: left; width: 100%; flex: inherit; margin: 0;}    #projects-page.content, #wrapper, #slider, .content, #offres, #project, #footer{ margin: 0; border: 0;}    #resume .rw-sentence span{ display:block; width: 100%;}    #resume .rw-sentence span::after{display: none}    #resume .rw-sentence span.green::after{display: none;}    #partners .content-crea{ flex-direction: column; justify-content: center;}    #partners #img-logo{  min-width:20%; margin-bottom: 1em;}    #partners #infos-logo{ padding-left: 0;}}@media screen and (max-width:560px) {    #resume .rw-words {display: block;text-indent: 0;}}@media screen and (max-width:541px) {    #a-propos .rw-words {display: inline;text-indent: 10px;}}@media screen and (max-width:511px) {    #resume .rw-words {display: inline;text-indent: 10px;}}@media screen and (max-width:480px) {    #mot{ max-width: 100%;  margin: 0 0 20px 0;}    #edito p, #edito h1 {font-size: calc(30px + 3 * (100vw - 320px) / 1080)}    #menu-top {width: 100%;max-width: 100%; left:0;}    .offre {padding: 3em;}    #parenthese .crea {transform: rotate(8deg) translate(-54%,-65%) !important;}    #slide-projects .crea {transform: translate(-50%,-75%);}    #footer{ padding: 2em 0;}    .content-interne {padding: 10em 2em 4em 2em;}    .btn-close {right: 5%;}    #partners{ padding: 2em;  }}@media screen and (max-width:464px) {    .mediation .title span{ display: none;}}@media screen and (max-width:443px) {    #a-propos .rw-words {display: block;text-indent: 0;}}@media screen and (max-width:410px) {    #slide-projects{ min-height: 200px; height: auto;}    #slide-projects .crea {width: 100%;}    .bg-large div, #mediation .bg-large div, #parenthese .bg-large div, #madamethe .bg-large div{ background-image: none;}    .bg-large div:before { display: none;}    .bg-large::before {height: calc(250px + 200 * (100vw - 320px) / 1080);width: calc(250px + 200 * (100vw - 320px) / 1080);left: 50%;}    #slide-projects .container {margin-top: 0;}    #slide-projects .crea {transform: translate(-50%,-67%);}    #slide-projects .swiper-pagination{ position: static; top:auto; left:auto; transform: none; margin-top: 1em;}    #parenthese .crea  {width: calc(300px + 250 * (100vw - 320px) / 1080);  }    #mediation .crea {width: calc(300px + 250 * (100vw - 320px) / 1080););transform: translate(-50%,-70%) !important;}}@media screen and (max-width:400px) {    #a-propos .rw-words {display: inline;text-indent: 10px;}}@media screen and (max-width:390px) {    .timeline-container .vertical-scrollable-timeline li {padding: 1em 0 2em 6em !important;}    .timeline-container .vertical-scrollable-timeline li .icon-holder {width: 80px;height: 80px;}    .timeline-container .vertical-scrollable-timeline li .icon-holder::before {width: 60px;height: 60px;border: 2px solid #fff;}    .timeline-container .vertical-scrollable-timeline .list-progress {left: 36px;}    #edito p, #edito h1 {font-size: calc(18px + 3 * (100vw - 320px) / 1080)}    h1.titre-section {font-size: calc(24px + 14 * (100vw - 320px) / 1080) !important;}    .citation {font-size: calc(16px + 6 * (100vw - 320px) / 1080);}    .content{ padding: 2em 40px;}    .offre svg {height: 90px;}    .offre .paragraphe {font-size: calc(13px + 1 * (100vw - 320px) / 1080);}    .bg-large::before { left:50%;}    #slide-projects .swiper-pagination{ margin-top: 0;}    #caracteriels .crea{transform: translate(-50%,-75%);}    .img-border {box-shadow: 21px 21px 0 #FFF, 21px 21px 0 2px #00F2A9;}    #projects-page, #a-propos {padding: 9em 2em 2em 2em;}    .timeline-container{padding-top: 3em;}    .rw-sentence span {font-size: calc(32px + 5 * (100vw - 320px) / 1080);}    .freeprivacypolicy-com---nb .cc-nb-text {font-size: 12px !important;}    .freeprivacypolicy-com---nb .cc-nb-title {font-size: 18px!important;}    .freeprivacypolicy-com---nb .cc-nb-main-container {padding: 1rem !important;}}@media screen and (max-width:360px) {    .fixed #logo, .fixed #logo svg {height: 50px;}    .fixed #header{ padding: 10px 20px }    .content-interne {background-size: 124%;}    #footer img {width: 30%;}    .container-intro h1 {font-size: calc(14px + 1 * (100vw - 320px) / 1080);}    #projects-page, #a-propos {padding: 9em 20px 0 20px;}}@media screen and (max-width:320px) {    #caracteriels .crea {width: 150%;max-width: 115%;}    .img-border{ width: 100%;}    .content-interne {padding: 8em 1em 4em 1em;}    .content-interne .paragraphe {font-size: calc(15px + 1 * (100vw - 320px) / 1080);}    .go-top{ display: none;}}