:root{--corail:#E84545;--bleu:#2B2E4A;--illustrator:#ff7400;--photoshop:#317AFF;--blender:#215688;--color-logamik-1:#c55ea0;--color-logamik-2:#692353;--color-sunIsland-1:#7ED913;--color-sunIsland-2:#307ae8;--color-boatConnect-1:#b3a657;--color-boatConnect-2:#1f618a;--color-ariesDesign-1:#E84545;--color-ariesDesign-2:#2B2E4A;--border-img:50px 20px 50px 20px;--font-txt:Comfortaa;--font-titre:Alata}body{height:100vh;margin:0;padding:0;color:white;font-family:Comfortaa,Open sans,Arial;cursor:none;-webkit-font-smoothing:antialiased;overflow:hidden}.top-arrow{display:none}::selection{background-color:var(--bleu);color:var(--corail)}h1,h2{font-family:Alata,Open sans,Arial;text-transform:uppercase;margin:0;padding:0}.h1-main{font-size:140px;font-weight:normal;justify-content:flex-start;margin-right:20%}h1{font-family:alata;color:#fff;text-transform:uppercase;font-size:4em;margin:0;letter-spacing:.2em;animation:fade-in-down;animation-duration:.8s}h2{font-size:6rem;font-weight:lighter;color:#ffffff;text-align:center;padding-top:2%}h3{font-size:2.8em;font-family:Alata;font-weight:lighter}#mesRealisations h2{color:var(--color-ariesDesign-2);-webkit-text-stroke:1px var(--bleu)}.colorLetter{color:var(--bleu)}header{width:100vw;transform-origin:top left;position:fixed;z-index:999}.parent-id{height:auto}section{scroll-snap-align:end}footer{display:none}.checkbox-valid{display:none;position:relative}.setting-menu-btn{box-sizing:border-box;cursor:none;position:fixed;width:5em;height:5em;top:2em;left:30px;background-color:var(--bleu);border-radius:50%;transition:.2s ease-out;z-index:999}.setting-menu-btn:after{content:"";width:40px;height:34px;position:absolute;background-image:url(../images/icones/all-pages/bars-solid.svg);background-size:contain;background-repeat:no-repeat;left:50%;top:50%;transform:translate(-50%,-50%)}.setting-menu-btn:hover{border:solid white 3px;transition:.1s}.menu-select{position:fixed;right:100%;padding:0;margin:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffffff;transition:.2s ease-in;opacity:1;z-index:99}.checkbox-valid:checked ~ .menu-select{visibility:visible;right:0;opacity:1;transition:.2s ease-out}ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;text-align:center;margin:0;padding:0}li{padding:1.5em 0}li a{list-style:none;transition:all .1s;font-size:5em;font-weight:100;font-family:var(--font-titre);text-transform:uppercase;color:var(--bleu)}li a:hover{color:#E84545;font-size:5.2em;font-weight:400;transition:all .1s}.menu-secondaire{position:fixed;right:0;width:5rem;height:100%;display:flex;justify-content:end;align-items:center;flex-direction:column;border-left:solid 2px #fff;opacity:.3;transition:all .3s;z-index:999}.container-reseaux{margin-bottom:4rem}.menu-secondaire img{width:40px;margin:30% 0;transition:.2s}.menu-secondaire img:hover{transform:translatey(-6px);box-shadow:5px 5px 5px rgba(0,0,0,.3);transition:.2s}.menu-secondaire:hover{opacity:.9;transition:all .3s}.background{position:absolute;top:0;left:0;width:5rem;height:100%;background-color:var(--color-ariesDesign-2);transform:translateX(5rem);transition:.1s ease-in;z-index:-1}.menu-secondaire:hover .background{transform:translateX(0);transition:.1s ease-out}a{text-decoration:none;color:#ffffff;scroll-behavior:smooth;cursor:none;transition:.2s}a:active{color:#E84545}::-webkit-scrollbar{display:none}.cursor{width:30px;height:30px;cursor:none;border-radius:50%;border:solid 2px #fff;position:absolute;pointer-events:none;transition:all .2s ease;transition-property:background-color,width,height;transform-origin:center;z-index:9999}.cursor-hover-section-realisations{width:30px;height:30px;cursor:none;border:solid 3px var(--corail);background-color:transparent;border-radius:50%;transform-origin:center;position:absolute;pointer-events:none;z-index:9999}.cursor-hover-section{width:5px;height:5px;cursor:none;border:solid 3px var(--bleu);background-color:transparent;border-radius:50%;transform-origin:center;position:absolute;pointer-events:none;z-index:9999}.cursor-hover{width:5px;height:5px;cursor:none;opacity:80%;border:solid 3px #fff;background-color:#fff;border-radius:50%;transform-origin:center;position:absolute;pointer-events:none;z-index:9999}.cursor-color{width:5px;height:5px;opacity:80%;background-color:#2B2E4A;border:solid 3px #2B2E4A;z-index:9999}.cursor-color2{border:solid 3px var(--corail);z-index:9999}.cursor-color-realisation{width:30px;height:30px;cursor:none;background-color:#fff;mix-blend-mode:exclusion;border-radius:50%;transform-origin:center;position:absolute;pointer-events:none;z-index:9999}#scrollContainer{width:100vh;height:100vw;transform:rotate(-90deg) translateX(-100vh);transform-origin:top left;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:y mandatory}.horizontalContainer{display:flex;flex-direction:row;width:400vw;transform:rotate(90deg) translateY(-100vh);transform-origin:top left}#logo{display:flex;width:100%;margin-top:5%;justify-content:center}#hero,#aProposDeMoi,#mesRealisations,#contact{width:100%;height:100vh;box-sizing:border-box;overflow:hidden}#hero{background:linear-gradient(90deg,rgba(232,69,69,1) 0%,rgba(232,69,69,1) 95%,rgba(43,46,74,1) 100%);position:relative;display:flex;flex-direction:column}.competences ::before{content:' ';display:inline-block;width:10px;height:10px;background-color:#2B2E4A;border-radius:50%;margin:0 10px}.container-titre{display:flex;flex-direction:column;width:100%;align-items:center}.competences{display:flex;width:50%;justify-content:center;margin-left:20%}.competences p{padding:0 1%;font-size:1.5em}.mention{font-size:.7em;position:absolute;bottom:3%;left:50%;transform:translateX(-50%);transform-origin:center;transition:.2s}.mention:hover{color:#2B2E4A;font-weight:bolder;transform-origin:center;font-size:1em;transition:.2s}#aProposDeMoi{display:grid;position:relative;grid-template:repeat(4,25% 20% 20%) / repeat(4,1fr);background:linear-gradient(90deg,rgba(43,46,74,1) 0%,rgba(43,46,74,1) 95%,rgba(48,52,87,1) 96%,rgba(70,74,124,1) 98%,rgba(97,104,171,1) 100%);place-items:center;z-index:0}.container-photo{position:relative;grid-area:4/4/5/6;align-self:center;justify-self:flex-start}#aProposDeMoi h2{grid-area:1/1/2/5;padding:0}.color-title-txt{color:#E84545;font-weight:bold}.txt-aProposDeMoi{position:relative}.background-txt{margin:0;position:absolute;top:40%;left:10%;text-transform:uppercase;font-weight:400;font-family:Alata;font-size:5.5em;color:#E84545;opacity:30%;z-index:2;transform-origin:center;animation-name:texte-flottant;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.config-txt-aPropos{font-family:var(--font-txt);margin:0;font-size:1.3em;z-index:999}.aProposDeMoi-text-1{grid-area:2/2/3/3;left:20%}.aProposDeMoi-text-2{grid-area:3/3/4/4;left:-20%}.aProposDeMoi-text-3{grid-area:4/2/5/3;left:20%}#aProposDeMoi .hero-arrow{z-index:999}.constellation-cancer{grid-area:4/1/5/2;margin:auto;z-index:0}.constellation-gemini{grid-area:2/4/3/5;margin:auto;z-index:0}.arrow-a-propos-de-moi svg .st0:hover{fill:#E84545;transition:.3s}.arrow-left-a-propos-de-moi svg .st0:hover{fill:#E84545;transition:.3s}.constellation-aries{grid-area:4/3/5/4;margin:auto;transform:rotate(-85deg);z-index:0}@keyframes texte-flottant{from{transform:translate(0)}to{transform:translate(-2%,-4%)}}#mesRealisations{position:relative;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 96%,rgba(246,181,181,1) 98%,rgba(232,69,69,1) 100%)}.gridRealisations{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%;margin:0 10%}.gridRealisations p{margin:0;color:#2B2E4A;text-align:center;font-size:1.8em;font-family:Alata}.config{position:relative;width:80%;height:400px;padding:5px;border-radius:var(--border-img);background-position:top;background-size:cover;background-repeat:no-repeat;transition:.2s;margin:auto;padding:0}.celulle h3{font-size:3rem;color:var(--corail);text-align:center}.accueil-txt-sites-web{position:absolute;opacity:0;bottom:0;transform:translateY(0);transition:ease .3s;z-index:-1}.config:hover .accueil-txt-sites-web{opacity:100%;transform:translateY(130%);transition:ease-in-out .6s}.gridRealisations * a{position:absolute;width:100%;height:100%}.marine{box-shadow:-20px 20px #2B2E4A}.marine:nth-child(1){padding-bottom:1%}.marine:hover{box-shadow:0 0 0 10px #2B2E4A;transition:.2s}.corail{box-shadow:-20px 20px #E84545}.corail:hover{box-shadow:0 0 0 10px #E84545;transition:.2s}.logamik{background-image:url(../images/img-index/site-logamik.png)}.illustrations{background-image:url(../images/img-index/TP_Flatdesign_city_moscou.jpg)}#contact{background-color:var(--corail);position:relative}.logo-contact{width:300px;height:auto}.container-logo-contact{display:flex;width:100%;height:auto;justify-content:center;align-items:center}#contact h2{color:#ffffff}.coordonnees{display:flex;flex-direction:column;justify-content:center;align-items:center}.coordonnees p{margin:0;padding:0 15em;font-size:2em;text-align:center}.container-coordonnes{display:flex;flex-direction:column;width:50%;height:auto;margin:3em 0;justify-content:space-evenly}.config-coordonnees{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:1em 1.5em;border-radius:2em .5em;border:solid .2em #ffffff;transition:.2s}.mobile{margin-top:1.5em}.config-coordonnees:hover{background-color:var(--bleu);border:solid .2em var(--bleu)}.config-coordonnees a{padding:0 .7em;font-size:2em}.config-coordonnees svg{width:50px}.horizontalContainer-sites-web{width:300vw}section{scroll-snap-align:start}.center-h1-sites-web{width:100%;display:flex;align-items:center;justify-content:center;position:fixed;z-index:99}.wrapper-section{flex:none;width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr;box-sizing:border-box;align-items:stretch;padding:1.8% 3%;scroll-snap-type:x mandatory}.contain-1,.contain-2{display:flex;flex-direction:column;justify-content:center;align-items:center}.contain-2{justify-content:start}.contain-1 img{width:clamp(400px,650px,100%)}.anim-contain-1{animation:fade-in-left;animation-duration:.6s;animation-timing-function:ease-out}.anim-contain-2{animation:fade-in-right;animation-duration:.6s;animation-timing-function:ease-out}.contain-2 img{width:130px}#sunIslandTravel .contain-2 img,#boatConnect .contain-2 img{width:180px}.logo{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;margin:0 auto}#logamik h2{font-size:5em;color:#fff;font-family:raleway;text-transform:uppercase;font-weight:bolder;margin:0;margin-top:1.5rem}#boatConnect h2{font-family:Josefin slab;font-weight:bolder;font-size:3.5em;text-align:center;margin-top:1.5rem}#sunIslandTravel h2{font-family:Josefin slab;font-weight:bolder;font-size:2.9em;text-align:center;margin-top:1.5rem}#vizion-connect h2{font-family:Oswald;font-weight:bold;font-size:2.9em;text-align:center;margin-top:1.5rem}.config-btn{display:flex;width:200px;height:50px;align-items:center;justify-content:center;color:#fff;font-family:raleway;font-size:1em;font-weight:bolder;border-radius:25px;border-style:none;cursor:none;transition:.3s;z-index:99}.btn-logamik{background-color:var(--color-logamik-1)}.btn-logamik:hover{background-color:var(--color-logamik-2);transition:.3s}.btn-sunIsland{background-color:var(--color-sunIsland-1)}.btn-sunIsland:hover{background-color:var(--color-sunIsland-2);transition:.3s}.btn-boatConnect{background-color:var(--color-boatConnect-2)}.btn-boatConnect:hover{background-color:var(--color-boatConnect-1);transition:.3s}.btn-vizion-connect{background-color:grey;}.btn-vizion-connect:hover{background-color:#FA4339;transition:.3s}.txt-logamik{color:#fff;font-family:var(--font-txt);font-size:1.3em;text-align:center;padding:0 10%}h3{font-size:1.3em;color:#fff;font-family:Alata;font-weight:lighter;text-transform:uppercase;margin:2rem 0}.config-liste{text-align:start;padding:0 10%;font-size:1em;font-weight:lighter}.config-liste li{margin:1% 0;padding:.2em 0;list-style-position:outside}.config-background{background-size:cover}#logamik{background-image:url(../images/img-sites-web/site-web-logamik/resize-background-logamik-1920x1080.png);}#sunIslandTravel{background-image:url(../images/img-sites-web/sites-web-sun-island-travel/background-sun-island-travel.png);}#boatConnect{background-image:url(../images/img-sites-web/sites-web-boat-connect/background-boat-connect-1920x1080.png);}#vizion-connect{background-image:url(../images/img-sites-web/sites-web-vizion-connect/hero-page-accueil-rework.png);}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-300px);}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(300px);}100%{opacity:1;transform:translateY(0)}}.horizontalContainer-realisations{display:flex;flex-direction:row;width:100vw;height:100vh;transform:rotate(90deg) translateY(-100vh);transform-origin:top left}.center-h1{position:fixed;width:100vw;height:auto;display:flex;justify-content:center;align-items:center;z-index:0}.realisation-h1 h1{font-family:Alata;font-size:4rem;color:var(--color-ariesDesign-1);text-transform:uppercase;margin:0;letter-spacing:.2em;animation:fade-in-down;animation-duration:.8s}.contents-grid{display:grid;grid-template:2fr / 1fr;grid-auto-flow:column;gap:5px;width:max-content;height:max-content;padding:6% 5% 0% 5%}.wrapper-img:nth-child(2n+1){flex-direction:column-reverse}.wrapper-img{display:flex;width:auto;height:max-content;flex-direction:column;scroll-snap-align:start;scroll-margin:5rem}.wrapper-small-img{display:flex;justify-content:space-between}.big-picture{max-width:500px;z-index:1}.small-picture{max-width:240px}.koroku{position:relative}.config-video{position:absolute;width:500px;height:500px;top:0;left:0;opacity:0;transition:.2s;border-radius:var(--border-img);margin:5px}.koroku .config-video:hover{opacity:1;transition:.2s}.wrapper-img>img,.wrapper-small-img>img,.koroku>.big-picture,.slider-big-picture>img{border-radius:var(--border-img);margin:5px;box-shadow:0 0 8px rgba(0,0,0,.2);transition:.2s}.wrapper-img>img:hover,.wrapper-small-img>img:hover,.slider-jardicoeur:hover,.slider-geoclic:hover{transform:translateY(-5px);box-shadow:3px 3px 8px rgba(0,0,0,.4);transition:.2s}.config-slider{width:240px;height:240px;overflow:hidden;border-radius:var(--border-img);margin:5px}.container-slider{display:flex}.container-slider-jardicoeur{animation:slider-horizontal;animation-delay:1s;animation-duration:12s;animation-direction:alternate;animation-iteration-count:infinite}.container-slider-sunIsland{background-color:var(--color-sunIsland-2);flex-direction:column;animation:slider-vertical;animation-delay:1s;animation-duration:12s;animation-direction:alternate;animation-iteration-count:infinite}.container-slider-jardicoeur:hover,.container-slider-sunIsland:hover,.animation-slider-opacity:hover{animation-play-state:paused}.slider-big-picture{position:relative}.animation-slider-opacity{z-index:3}.slider-big-picture :nth-child(2){position:absolute;top:0;left:0}.container-slider-geoclic>img:nth-child(1){z-index:1;animation:img-1-slider 6s infinite}.container-slider-geoclic>img:nth-child(2){z-index:2;animation:img-2-slider 6s infinite}.container-slider-geoclic>img:nth-child(3){z-index:3;animation:img-3-slider 6s infinite}.container-slider-geoclic{position:relative}.container-slider-geoclic>img{position:absolute}.animation-slider-opacity{z-index:3;animation:switch-slider;animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0)}}@keyframes slider-horizontal{0%{transform:translate(0);}5%{transform:translate(0);}33%{transform:translateX(-100%);}66%{transform:translateX(-200%);}100%{transform:translateX(-300%);}}@keyframes slider-vertical{0%{transform:translate(0);}5%{transform:translate(0);}33%{transform:translateY(-25%);}66%{transform:translateY(-50%);}100%{transform:translateY(-75%);}}@keyframes img-3-slider{0%{opacity:1}50%{opacity:0;}100%{opacity:0;}}@keyframes img-2-slider{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@keyframes img-1-slider{0%{opacity:0}50%{opacity:0;}100%{opacity:1;}}@keyframes switch-slider{0%{opacity:0;}40%{opacity:0;}100%{opacity:1;}}#logo-mention{position:relative}#mentionsLegale{background-color:#E84545;padding:0 15% 5% 15%;text-align:center;flex:inherit}#mentionsLegale h3{color:#2B2E4A;font-size:2em}#mentionsLegale h2{-webkit-text-stroke:inherit}@media screen and (max-width:1600px){h1{font-size:130px}.competences p{font-size:1.2em}.config{width:60%;height:250px}.reseauxSociaux{bottom:0}.config-txt-aPropos{font-size:1.2em}.accueil-txt-sites-web{font-size:1.5em}.center-h1-sites-web h1{font-size:4rem}.contain-1 img{width:clamp(300px,550px,100%)}.txt-logamik{font-size:1.2em}.coordonnees p{font-size:1.5em}.container-coordonnes{margin:2em 0}.hero-arrow{right:25px}.hero-arrow-left{left:25px}}@media screen and (max-width:1366px){.h1-main{font-size:7em}h1{font-size:120px}h2{font-size:4.5rem}li a{font-size:4em}.competences p{font-size:1em}.txt-aProposDeMoi{font-size:.9em}.photo-portrait{width:230px;height:auto}.config{min-height:300px}.logo-contact{width:20%}.celulle{display:flex;flex-direction:column;justify-content:space-evenly;min-width:50%}.celulle h3{font-size:2.5rem}.coordonnees p{font-size:1.5em;padding:0 10em}.config-coordonnees a{font-size:1.5em}.container-coordonnes{margin:1.5em 0}.center-h1-sites-web h1{font-size:4rem}.contain-1 img{width:clamp(300px,450px,100%)}.txt-logamik{font-size:1em}.config-slider{width:190px;height:190px}.big-picture{width:400px}.small-picture{width:190px}}@media screen and (max-width:1366px) and (max-height:1024px){.cursor{display:none}}@media screen and (max-width:1024px){.cursor{display:none}.competences p{font-size:.8em}ul{justify-content:inherit}li{width:30%}.photo-portrait{width:300px}h1{font-size:6em}h2{font-size:5em}}@media screen and (max-width:768px){.horizontalContainer{transform:none;transform-origin:none;max-width:100%;min-height:100vh;flex-direction:column}#scrollContainer{transform:none;width:100vw;min-height:100vh;transform-origin:none;overflow-x:inherit;padding:inherit;scroll-behavior:smooth}header{transform-origin:inherit;transform:inherit;width:100vw;transform-origin:top left}li{transform:inherit;width:100%;font-size:.9em;display:flex;justify-content:center;align-items:center}body{overflow:initial}#mesRealisations{height:100%}.hero-arrow-animation,.hero-arrow-animation-left{display:none}.hero-arrow,.hero-arrow-left{display:none}h2{font-size:30px}h1{font-size:3.5em;margin:auto}.h1-main{font-size:2.9em;margin:auto}.cursor{display:none}footer{display:block;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:auto;background:var(--corail);padding-bottom:25%}.icones-reseaux-sociaux-mobile svg{width:30%;height:auto;margin:2% 0}.sites-web-reseauxSociaux{display:none}.icones-reseaux-sociaux-mobile{text-align:center}.mention{display:none}.mention-mobile{font-size:.7em;bottom:10%;padding:1em 1.5em;margin:2em 0;border:solid 2px #ffffff;border-radius:25px}.menu-secondaire{display:none}.top-arrow{display:initial;position:fixed;bottom:2.5%;right:5%;z-index:999;width:5em;height:5em;background-color:#ffffff;border-radius:50%}.top-arrow a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);scroll-behavior:smooth}.top-arrow svg{width:30px;height:auto}.setting-menu-btn{width:60%;border-radius:50px;background-color:#ffffff}.setting-menu-btn:after{content:"menu";width:inherit;height:auto;background-image:none;color:var(--bleu);font-family:var(--font-titre);font-size:2.3em;text-transform:uppercase;text-align:center}.setting-menu-btn:hover{border:none}.menu-select{left:0;bottom:-100vh}.checkbox-valid:checked ~ .menu-select{visibility:visible;bottom:0;opacity:1;transition:.2s ease-out}li a{font-size:3em}li a:hover{color:inherit;font-size:3em;font-weight:bolder;transition:all .1s}#hero{justify-content:flex-start;align-items:center;background:var(--color-ariesDesign-1)}.setting-menu-btn{top:inherit;left:40%;bottom:1.5em;transform:translateX(-50%)}#logo{margin:0}#logo img{width:250px;height:250px}.reseauxSociaux{display:none}.competences{flex-direction:column;font-size:1.3em;margin:auto}#aProposDeMoi{grid-template:repeat(5,1fr) / 1fr;justify-content:center;align-items:center;padding:5% 0;background:var(--color-ariesDesign-2)}#aProposDeMoi h2{font-size:2.6em}.constellation-aries,.constellation-cancer,.constellation-gemini{display:none}.background-txt{display:none}.txt-aProposDeMoi,.container-photo{grid-area:none;left:0;font-size:.8em;text-align:center;padding:0 2%}.photo-portrait{width:250px}.aProposDeMoi-text-1{grid-area:2/1/3/2}.aProposDeMoi-text-2{grid-area:3/1/4/2}.aProposDeMoi-text-3{grid-area:4/1/5/2}.container-photo{grid-area:5/1/6/2;margin:auto;margin-bottom:5%}#mesRealisations{max-width:100%;background:#ffff}.gridRealisations{height:auto;grid-template-columns:1fr;grid-template-rows:none;margin-bottom:10%;padding:10% 0}.config:hover .accueil-txt-sites-web{display:none}.celulle h3{color:#E84545;text-align:center}#contact{height:auto;padding:10% 5%}.logo-contact{width:150px}.coordonnees p{font-size:1.4em;padding:0 2em}.container-coordonnes{width:100%;height:auto;flex-direction:column;margin:3em 0}.config-coordonnees{border:solid .15em #fff}.config-coordonnees a{font-size:1.4em;justify-content:center}.center-h1-sites-web{width:100vw;position:absolute;top:0;left:0}.center-h1-sites-web h1{font-size:2.8em}.wrapper-section{height:100%;padding:20% 3% 10% 3%;grid-auto-flow:column;grid-template-columns:1fr;grid-template-rows:1fr fit-content(100%)}.contain-1{padding-top:10%;justify-content:inherit}.contain-2{grid-area:1/1}#logamik h2{font-size:2.3em}.config-btn{height:65px;border-radius:50px}.config-liste{text-align:center}#vizion-connect{background-size:cover;background-position:center}.config-background{background-position:center;background-size:cover}#logamik{background-image:url(../images/img-sites-web/site-web-logamik/resize-background-logamik-mobile-v2.png);}#boatConnect{background-image:url(../images/img-sites-web/sites-web-boat-connect/background-boat-connect-resize-mobile.png);}body{overflow:inherit}main{width:100vw}.visuel-menu{top:unset;bottom:5%;left:50%;transform:translate(-100%,50%);z-index:999}.realisation-h1 h1{font-size:2.5rem;text-align:center}.center-h1{position:absolute}.contents-grid{display:flex;flex-direction:column;padding:0;padding:30% 0 5% 0}.wrapper-small-img{width:410px}.config-slider{width:190px;height:190px}.horizontalContainer-realisations{transform:none;transform-origin:none;max-width:100%;min-height:100vh;flex-direction:column;align-items:center}.config-video{width:400px;height:400px}}