:root {
/* Brand */
--sms-blue: hsl(217 70% 45%);
--sms-blue-deep: hsl(217 65% 32%);
/* Accent unified to SMS blue (was hazard yellow) */
--hazard: hsl(217 70% 45%);
--hazard-deep: hsl(217 65% 32%);
/* Light theme */
--background: hsl(40 15% 95%);
--bg-elev: hsl(0 0% 100%);
--bg-soft: hsl(40 10% 90%);
--foreground: hsl(30 8% 14%);
--muted: hsl(40 10% 90%);
--muted-foreground: hsl(30 5% 38%);
--dim: hsl(30 4% 58%);
--border: hsla(30 8% 14% / 0.1);
--border-strong: hsla(30 8% 14% / 0.2);
--primary: var(--sms-blue-deep);
--primary-foreground: hsl(0 0% 100%);
--accent: var(--hazard-deep);
--accent-foreground: hsl(0 0% 100%);
--radius: 2px;
--spacing: .25rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.3rem;
--text-5xl: 3.1rem;
--text-6xl: 3.9rem;
--text-7xl: 3.5rem;
--text-7xl--line-height: 1;
--text-8xl: 4rem;
--text-8xl--line-height: 1;
--text-9xl: 5.5rem;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-display: "Anta", sans-serif;
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-bg-elev: var(--bg-elev);
--color-bg-soft: var(--bg-soft);
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
--color-dim: var(--dim);
--color-border: var(--border);
--color-border-strong: var(--border-strong);
--color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-card: var(--bg-elev);
--color-card-foreground: var(--foreground);
--color-input: var(--border-strong);
--color-ring: var(--accent);
--color-destructive: hsl(0 84% 60%);
--color-destructive-foreground: hsl(0 0% 100%);
--color-popover: var(--bg-elev);
--color-popover-foreground: var(--foreground);
--color-secondary: var(--bg-soft);
--color-secondary-foreground: var(--foreground);
--radius: 2px;
--radius-btn: 5px;
--radius: 15px;
--pad-content:4% 15%;
--pad-content-header:1% 15%;
--pad-content-full:4% 4%;
--svg-in:url('data:image/svg+xml,\');
--svg-fleche-droite:url('data:image/svg+xml,\');
--svg-fleche-bas:url('data:image/svg+xml,\');
}
.dark {
--background: hsl(30 5% 12%);
--bg-elev: hsl(30 4% 16%);
--bg-soft: hsl(30 4% 14%);
--foreground: hsl(40 15% 95%);
--muted: hsl(30 4% 18%);
--muted-foreground: hsl(35 8% 70%);
--dim: hsl(30 4% 46%);
--border: hsla(0 0% 100% / 0.08);
--border-strong: hsla(0 0% 100% / 0.18);
--primary: var(--sms-blue);
--primary-foreground: hsl(0 0% 100%);
--accent: var(--hazard);
--accent-foreground: hsl(0 0% 100%);
}
@font-face {
font-family: 'Anta'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/anta/v1/gyBzhwQ3KsIyVFs7PQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: 'Inter Tight'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/intertight/v9/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'JetBrains Mono'; font-style: normal; font-weight: 100 800; src: url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD7OwE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.icoIn{display: inline-flex; align-items: center; gap: 10px;position:relative;}
.icoIn:before{content:'';-webkit-mask: var(--svg-in); mask: var(--svg-in); mask-size: contain;width:25px;height:25px;background: var(--foreground);}
.icobefore:before{width:25px;height:25px;background:var(--hazard-deep);}
.ico-balanceb{display: inline-flex; align-items: center; gap: 10px;}
.ico-balanceb:before{content:'';display:block;}
.ico-balance, .ico-balanceb:before{-webkit-mask: var(--svg-balance); mask: var(--svg-balance); mask-size: contain;}
html{height:100%;min-width:100%;width:100%; overflow-x:hidden; margin:0;font-size: inherit; scroll-behavior: smooth; line-height: 1.5; -webkit-text-size-adjust: 100%;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;font-feature-settings: normal;font-variation-settings: normal;-webkit-tap-highlight-color: transparent;}
body{margin:0; min-width: 100%; width:100%; height:100%;font-family: Inter Tight, sans-serif;display:block;margin:auto;padding:0;background-color: var(--background); color: var(--foreground);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
*{box-sizing:border-box}
#global_container{position:relative;min-height:100%;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto; }
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide, .athideuser {display:none!important;}
.connected .athideuser {display:block!important;}
.posrelat{position:relative;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{ text-align:center; margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}
#popupWysiwyg{color:black!important;}
.padgentop{padding-top:7rem}
input, textarea {font-family:"Inter Tight",Times,serif;color:var(--primary);width:calc(100% - 20px);display:inline-block; padding:10px; background: rgba(255, 255, 255, 0.30); border: 1px solid var(--primary);border-radius:10px; }
.t_g, h1, h2, h3, ::placeholder, input{font-family:"Inter Tight",Times,serif; font-size:1rem;font-weight:normal;line-height:1.5;color:var(--foreground)}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"Anta",Times,serif;margin:0;font-weight:100;position:relative;line-height:initial}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong,h1 bold, h2 bold, h3 bold{font-weight:100;color:var(--primary)}
.font-mono{font-family:"JetBrains Mono",Times,serif; }
.font-titre{font-family:"Anta",Times,serif;}
.text-xs {font-size: var(--text-xs);}
.text-sm {font-size: var(--text-sm);}
.text-base {font-size: var(--text-base);}
.text-lg h1,.text-lg h2,.text-lg h3,.text-lg {font-size: var(--text-lg);}
.text-xl h1,.text-xl h2,.text-xl h3,.text-xl {font-size: var(--text-xl);}
.text-2xl h1,.text-2xl h2,.text-2xl h3,.text-2xl {font-size: var(--text-2xl);}
.text-3xl h1,.text-3xl h2,.text-3xl h3,.text-3xl {font-size: var(--text-3xl);}
.text-4xl h1,.text-4xl h2,.text-4xl h3,.text-4xl {font-size: var(--text-4xl);}
.text-5xl h1,.text-5xl h2,.text-5xl h3,.text-5xl, .p1080 .ttitle {font-size: var(--text-5xl);}
.text-6xl h1,.text-6xl h2,.text-6xl h3,.text-6xl{font-size: var(--text-6xl);}
.text-7xl h1,.text-7xl h2,.text-7xl h3,.text-7xl{font-size: var(--text-7xl);}
.text-8xl h1,.text-8xl h2,.text-8xl h3,.text-8xl{font-size: var(--text-8xl);}
.text-9xl h1,.text-9xl h2,.text-9xl h3,.text-9xl{font-size: var(--text-9xl);}
#div_container_1_h, #div_container_5_fr, #div_container_9_fo, .gpheader{display: block;margin:auto;width: 100%;z-index:2;}
.bcont{display:block;width:100%;padding:var(--pad-content);}
#div_container_5_fr{overflow:hidden;}
.carousel {margin:0}
.carousel-caption{padding:0.2% 0 0.2% 1%;font-family:"Anta",Times,serif;text-align:center;display:block;position:absolute;bottom:30%;left:15%;width:50%;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;color:white;}
.carousel-indicators {display:none;}
.carousel-indicators li { border-radius:0px;height: 13px;width: 13px;background-color: white ;}
.carousel-indicators .active { background-color: var(--color-1);}
.carousel .item img { max-height: 200%;width:100%;height:auto;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{font-family:"Anta",Times,serif;}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}
.input_submit, .formLogin .button_valid, .btnstd, .btnstdinv, #global_container input[type='button'], .butDevisH{ background: var(--hazard-deep); color: white;white-space: nowrap;
border: 0; align-items: center; gap: 10px; padding: 16px 26px; font-size: 15px; font-weight: 600; border:none;cursor:pointer;transition: transform .15s, box-shadow .2s, background .2s, border-color .2s;}
.btnstd:hover, #global_container input[type='button']:hover, .input_submit:hover, .butDevisH:hover {box-shadow: 0 14px 32px -10px
color-mix(in oklab, var(--color-accent) 70%, transparent);transform: translateY(-2px);}
.btnstdinv{ color: var(--foreground); border:1px solid var(--foreground);background:transparent}
.btnstdinv:hover {box-shadow: 0 14px 32px -10px
color-mix(in oklab, var(--foreground) 70%, transparent);background-color:var(--foreground);transform: translateY(-2px);color:var(--color-accent)}
.bcontmin{width:60%;margin:auto;}
/**** HEADER / MENU ***/
.gpmenumo{display:none;}
.gphead{position:fixed;top:0;left:0;right:0;z-index:300; animation-duration: .5s;transition-duration: .5s;transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1);
background-color: transparent;}
.gphead:before{content: ""; position: absolute; inset: 0; background: hsla(0 0% 0% / .55); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), 0 100%); z-index: -1;}
.gpheadscr{background-color: var(--background) ; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);}
.connected .gphead{position:relative;}
.gpheader{ display: flex; align-items: center;justify-content: space-between; padding:var(--pad-content-header);}
.gplogo{display: flex; align-items: center;gap:20px;}
.logoH{width: 110px; margin-bottom: -50px;aspect-ratio:1}
.gpdevis{}
.connected .gpmenu, .cmenu {display:flex; flex-direction : row; align-items: center;gap:2rem;}
.ggmenu, .gpmenu {display:block}
.mbut{ position:relative; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-duration: .3s;animation-duration: .3s;font-weight: 500; color: var(--muted-foreground);;}
.gpheadscr .mbut, .connected .mbut{ color: var(--muted-foreground);}
.mbut:hover{ color: rgb(255 255 255);}
.gpheadscr .mbut:hover, .connected .mbut:hover{ color: rgb(255 255 255);}
.mbut:after{content:'';position:absolute;left:0;bottom:0;height:1px; width: 0;transition-duration: .3s;
animation-duration: .3s; transition-property: all; transition-timing-function:cubic-bezier(.4, 0, .2, 1); background-color: var(--hazard-deep);}
.mbut:hover:after,.gpmenu .linkClickedCurrentPage:after{width:100%;}
.gg_sm { display: flex !important; visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease; pointer-events: none; }
.ggmenu > .cmenu > .gg_hc:hover > .gg_sm, .gg_hc .gg_hc:hover .gg_sm { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
.gg_hc .is-active { visibility: visible !important; opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.gg_sm {border-bottom:2px solid var(--hazard-deep)}
/**** ACCUEIL ****/
.gpacc0{ height: 100vh; padding: 140px 0 80px; overflow: hidden;align-items: center;display: flex; position: relative;}
.imacc1{object-fit: cover;filter: brightness(.65) contrast(1.05) saturate(.85);z-index: 0; position: absolute!important; top:0;left:0;bottom:0;right:0;width:100%}
.imacc1 img{ max-height: initial; width: 100%; max-width: initial; height: 100%; object-fit: cover; margin: auto;}
.connected .imacc1{height:100vh}
.gpacc1b{width: 100%; z-index: 2;position: relative;padding-inline: 20rem;}
.gpacc1b2{ grid-template-columns: 1.4fr 1fr;gap: 60px;align-items: flex-end; display: grid;}
.pretitre {font-family: var(--font-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--foreground); align-items: center; gap: 10px; font-size: 12px; display: inline-flex;}
.gpacc1d{margin-bottom:2rem;}
.gpacc1e{ gap: calc(var(--spacing) * 3); align-items: center;flex-wrap: wrap;display: flex;}
.gpacc1f{gap: calc(var(--spacing) * 7); flex-direction: column; display: flex;}
.txtgpacc1g{border-left:2px solid var(--color-accent);padding-left: calc(var(--spacing) * 5);color: var(--foreground);}
.gpacc1h{padding-top: calc(var(--spacing) * 6);gap: calc(var(--spacing) * 6);grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;}
.txtbgpacc1i{color: var(--foreground);font-family: var(--font-display);letter-spacing: -.02em; text-transform: uppercase;}
.txtgpacc1i{text-transform: uppercase;letter-spacing: .15em;color: var(--foreground); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}
.gpacc2{background:var(--color-bg-soft);width:100%;padding-block: calc(var(--spacing) * 4); white-space: nowrap;overflow:hidden;}
.connected .gpacc2{overflow:auto;}
.txtdefilpresta{font-family: var(--font-display);display:inline-flex;gap:15px;color: var(--muted-foreground);vertical-align:middle;align-items:center;margin:0 30px;}
.txtdefilpresta:before{background-color:var(--accent);content:'';display:inline-block;width: 0.75rem; height: 0.75rem;transform:rotate(45deg)}
.gpacc3, .gpacc4, .gpacc5, .gpacc6, .gpacc7{padding:var(--pad-content);position:relative; }
.gpacc3b, .gpacc4b, .gpacc5b, .gpacc6b{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between; gap: calc(var(--spacing) * 10); margin-bottom: 3rem;}
.gpacc3c, .gpacc4c, .gpacc5c, .gpacc6c{max-width:60%}
.gpacc3d, .gpacc4d, .gpacc5d, .gpacc6d{max-width:35%;}
.gpqui1{margin-bottom: 60px;}
.gpacc3e, .gpacc5e{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px;}
.gpacc3f, .gpacc3j, .gpacc3o,
.gpacc5f, .gpacc5j, .gpacc5o, .gpacc5obl{ grid-column: span 7; background: var(--color-primary); color: hsl(0 0% 100%); border-color: transparent; min-height: 420px; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
padding: calc(var(--spacing) * 9); overflow: hidden; gap: calc(var(--spacing) * 4);display: flex;flex-direction: column;position: relative;}
.gpacc5obl.o2, .gpacc5o.o2{grid-column: span 6;min-height: 300px;}
.gpacc5obl.o2:nth-child(3), .gpacc5o.o2:nth-child(3){grid-column: span 12;min-height: 575px;}
.gpacc5obl.o2 .imacc5c, .gpacc5o.o2 .imacc5c{aspect-ratio:16/9;}
.gpacc3g, .gpacc3k{ position: absolute; right: -40px; bottom: -40px; width: 50%; aspect-ratio:1; opacity: 0.3;
mix-blend-mode: overlay; transition: opacity .35s ease;}
.gpacc5g, .gpacc5k{width:100%;}
.gpacc5g:before, .gpacc5obl:before{position: absolute;left:0;bottom:0; content: ''; width: 100%; height: 50%;
z-index: 1;background-image: linear-gradient(to top, var(--color-primary), transparent);opacity:0.7}
.connected .gpacc3g,.connected .gpacc3k{position:relative;}
.imacc2, .imacc2b, .imacc5, .imacc5b, .imacc5c{width:100%;height:100%;}
.imacc5{aspect-ratio:1.5}
.imacc5b{aspect-ratio:1}
.imacc5c{aspect-ratio:0.6}
.gpacc3i, .gpacc3m, .gpacc5i, .gpacc5m{height: 100%;display: flex;flex-direction: column;gap: calc(var(--spacing) * 4);z-index:2}
.gpacc5i, .gpacc5m{height:auto;}
.gpacc5i, .gpacc5m{position:absolute;padding:calc(var(--spacing) * 15);bottom:0;left:0;width:100%;z-index:350;}
.gpacc3i .t_g, .gpacc3i h3{color:white;}
.gpacc5f .txtgpacc5i, .gpacc5f .txt2gpacc5i,.gpacc5obl .txtgpacc5i,.gpacc5obl .txt2gpacc5i, .gpacc5obl .txt2gpacc5i h3 {color:white;}
.txt3gpacc3i{ flex: 1;}
.gpacc3j, .gpacc3o, .gpacc5j, .gpacc5o{grid-column: span 5;background: var(--color-bg-elev);border:1px solid var(--color-border);}
.gpacc5j:before, .gpacc5o:before{position: absolute;left:0;bottom:0; content: ''; width: 100%; height: 50%;
z-index: 1;background-image: linear-gradient(to top, #ffffff, transparent);opacity:0.7}
.gpacc3k{width: 50%;mix-blend-mode: initial;opacity:0.1}
.gpacc3m .txtgpacc3i{color: var(--color-dim);}
.gpacc3m .txt3gpacc3i, .gpacc3m .txt4gpacc3i{color:var(--color-muted-foreground);}
.gpacc3o, .gpacc5o, .gpacc5obl{ grid-column: span 4;}
.gpacc5e:has(.gpcenterchild:nth-child(2):last-child) .gpcenterchild:nth-child(1) { grid-column: 3 / span 4;}
.gpacc5e:has(.gpcenterchild:nth-child(2):last-child) .gpcenterchild:nth-child(2) { grid-column: 7 / span 4;}
.gpacc5e:has(.gpcenterchild:only-child) .gpcenterchild { grid-column: 5 / span 4;}
.gpacc3f:hover, .gpacc3j:hover, .gpacc3o:hover,
.gpacc5f:hover, .gpacc5j:hover, .gpacc5o:hover, .gpacc5obl:hover {box-shadow: 0 30px 80px -30px hsla(0 0% 0% / .5); transform: translateY(-6px)!important;}
.gpacc4{background: var(--color-bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.gpacc4e{display: grid;grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center;}
.gpacc4g, .gpqui4g{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 40px;}
.gpqui4g{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr)); }
.txtgpacc4h{color: var(--color-primary);font-weight:500;line-height:0.8}
.txt2gpacc4h{ color: var(--color-muted-foreground);}
.imacc4{width:100%;aspect-ratio:4/5;}
.imacc4 a {width:100%}
.gpacc4j{position:relative;}
.gpacc4l{ position: absolute;bottom: -30px; left: -30px; background: var(--color-accent); color: var(--color-accent-foreground); padding: 24px 28px;
max-width: 220px; box-shadow: 0 30px 80px -30px hsla(0 0% 0% / .7);}
.txtgpacc4l, .txt2gpacc4l{color:white;}
.txtgpacc4l{line-height:0.8}
.gpacc6back{ position: absolute; inset: 0; z-index: 0; background: var(--sms-blue-deep); clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0 100%);
background-image: repeating-linear-gradient(-68deg, hsla(0 0% 96% / .05) 0, hsla(0 0% 100% / .05) 1px, transparent 1px, transparent 50px), linear-gradient(135deg, var(--sms-blue) 0%, var(--sms-blue-deep) 100%);}
.gpacc6a{padding:2rem 0}
.gpacc6e, .gpqui6e{display: grid;grid-template-columns: repeat(4, 1fr); background: hsla(0 0% 100% / .06); border: 1px solid hsla(0 0% 100% / .18); backdrop-filter: blur(2px);
transition: opacity .8s, transform .8s cubic-bezier(.2, .7, .2, 1);}
.gpqui6e{grid-template-columns: repeat(5, 1fr);}
.gpacc6f{padding: 42px 32px; border-right: 1px solid hsla(0 0% 100% / .18); min-height: 300px;position:relative;}
.txtgpacc6f{color: transparent; -webkit-text-stroke: 1px hsla(0 0% 100% / .6); transition: color .3s, -webkit-text-stroke .3s;}
.txt4gpacc6f{position: absolute; display: grid;text-align:center;place-items: center;right: -12px; top: 54px; background: hsl(0 0% 100%); color: var(--sms-blue-deep); width: 24px; height: 24px; z-index: 2;}
.txt2gpacc6f, .txt3gpacc6f{color:white;}
.gpacc6f:hover{background: hsla(0 0% 100% / .08);}
.gpacc6f:hover .txtgpacc6f{color:white;}
.gpacc7a{display: grid;grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: start;}
.grid1{grid-template-columns: 1fr}
.gpacc7d{ border-top:1px solid var(--border); margin-top: calc(var(--spacing) * 10);padding-top: calc(var(--spacing) * 7);display: grid;gap: calc(var(--spacing) * 5);
grid-template-columns: repeat(2, minmax(0, 1fr));}
.txtgpacc7e{ text-transform: uppercase; color: var(--color-dim);}
.gpa2contactForm {text-align:right}
.gpa2contactForm.gg_form .t_g { padding:2rem;background:white;border:1px solid var(--color-dim); display: grid !important; grid-template-columns: 1fr 1fr; gap: 1.25rem 2rem; margin-bottom: 1.5rem; border-spacing: 0;}
.line_full { grid-column: 1 / -1 !important; width: 100% !important; }
.gpa2contactForm.gg_form .line_form.line_full { grid-column: 1 / -1 !important; }
.gpa2contactForm.gg_form .line_form { display: flex !important; flex-direction: column;}
.gpa2contactForm.gg_form .cell_1_form, .gpa2contactForm.gg_form .cell_2_form { display: block !important; width: 100%;}
.gpa2contactForm.gg_form .cell_1_form { display: block; font-size: .7rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--color-dim); margin-bottom: .4rem;}
.p1080 input, .gpa2contactForm.gg_form .cell_2_form input,.gpa2contactForm.gg_form .cell_2_form select, .gpa2contactForm.gg_form .cell_2_form textarea { width: 100%; background: transparent; border-top:0px;border-left:0px;border-right:0px; border-bottom: 1px solid var(--color-dim); padding: .75rem 1rem; font-size: .875rem;
color: hsl(var(--foreground)); transition: border-color .3s ease; outline: none; border-radius: 0; font-family: "Inter Tight", sans-serif; box-sizing: border-box;}
.gpa2contactForm.gg_form .cell_2_form input:focus, .gpa2contactForm.gg_form .cell_2_form textarea:focus, .gpa2contactForm.gg_form .cell_2_form select:focus { border-color: var(--sms-blue-deep);}
.gpa2contactForm.gg_form .cell_2_form textarea { resize: vertical; min-height: 140px; }
.gpa2contactForm.gg_form .input_submit { cursor: pointer; border: none; border-radius: 0; margin-top: .25rem; }
.gpacca120 { width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem;}
.gpaccb120 { text-align: center; margin-bottom: 3rem; }
.gpaccb125 { display: grid; grid-template-columns: 2fr 2fr; gap: 4rem; align-items: center;}
.gpaccc120 { width: 100%; }
.gpaccc125 { display: flex; flex-direction: column; gap: 1rem; }
/* Coordonnées grille 2×2 */
.gpaccd125 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 2rem;}
/* Coordonnées items */
.gpa2coordItem { display: flex; gap: .75rem; align-items: flex-start; color: hsl(var(--foreground));}
.gpa2coordItem:before { content: ''; display: block; flex-shrink: 0; width: 1.5rem; height: 1.5rem; background-color: var(--primary); mask-repeat: no-repeat;
mask-position: center; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain;}
.gpa2coordAddr:before { mask-image: var(--ico-location); -webkit-mask-image: var(--ico-location); }
.gpa2coordTel:before { mask-image: var(--ico-phone); -webkit-mask-image: var(--ico-phone); }
.gpa2coordMail:before { mask-image: var(--ico-mail); -webkit-mask-image: var(--ico-mail); }
.gpa2coordHours:before { mask-image: var(--ico-clock); -webkit-mask-image: var(--ico-clock); }
.gpexpertises{margin-top: calc(var(--spacing) * 10);padding-top: calc(var(--spacing) * 7);display: grid;gap: calc(var(--spacing) * 5);
grid-template-columns: repeat(4, minmax(0, 1fr));}
.gpexpertises .group_duplicable_editor,.gpexpertises .duplicate_line {width:100%;aspect-ratio:1.75;border:4px solid var(--primary);}
.gpexpertises .duplicate_line a{width:100%;}
.gpexpertise{ display: flex; align-items: center; align-content: center; width: 100%; height: 100%; justify-content: center;}
.txtgpexpertise{}
#div_container_9_fo{}
.bfooter{padding:var(--pad-content);background-color: hsl(30 5% 10%);margin-top:40px;}
.bfooterInfos{grid-template-columns: repeat(3, minmax(0, 1fr));display: grid;gap:50px; margin-bottom:30px;}
.bfooterInfosLogo{display: flex;align-items: center;gap:20px;}
.logofo{width:30%}
.tiFooter{font-family:"Anta",Times,serif;font-weight:600;font-size:var(--text-xl); color:var(--foreground); }
.txtsFooter{color:var(--foreground);}
.txtcoordsFooter{display: flex;align-items: center; gap:10px;}
.txtcoordsFooter:before{background:var(--primary);width:15px;height:15px;}
.bconcept{display:flex; flex-direction: row; justify-content: space-between; align-items: center; border-top:1px solid var(--border) ;padding-top:30px;}
.bfooter .linkClickedCurrentPage{color:white}
/*.bmb20{margin:20px auto}
.bmb40{margin:40px auto}
.bmb80{margin:80px auto}
.mtop20{margin-top:20px}
.mtop40{margin-top:40px}
.mtop80{margin-top:80px}
.mbot10{margin-bottom:10px}
.mbot20, h1.mbot20, h2.mbot20, h3.mbot20{margin-bottom:20px}
.mbot40{margin-bottom:40px}
.mbot80{margin-bottom:80px}
.txt14{font-size:14px}
.txt16{font-size:16px}
.txt18{font-size:18px}
.txt22{font-size:22px}
.txt26{font-size:26px}*/
.fontti{font-family:"Anta",Times,serif;font-weight:600;}
.color1{color:var(--muted-foreground);}
.color2{color: var(--primary);}
.color3{color: var(--background);}
.colorw, h2.colorw, .colorw h2{color:white;}
@media only screen and (max-width : 1601px) {
:root {
--radius: 2px;
--spacing: .25rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.3rem;
--text-5xl: 2.8rem;
--text-6xl: 3.5rem;
--text-7xl: 4rem;
--text-7xl--line-height: 1;
--text-8xl: 4rem;
--text-8xl--line-height: 1;
--text-9xl: 5.5rem;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--radius: 2px;
--radius-btn: 5px;
--radius: 15px;
--pad-content:4% 15%;
--pad-content-header:1% 15%;
--pad-content-full:4% 4%;
}
}
@media only screen and (max-width : 1400px) {
:root {
--spacing: .25rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 1.3rem;
--text-5xl: 1.8rem;
--text-6xl: 2.5rem;
--text-7xl: 3rem;
--text-7xl--line-height: 1;
--text-8xl: 3rem;
--text-8xl--line-height: 1;
--text-9xl: 4.5rem;
--pad-content:4% 12%;
--pad-content-header:1% 12%;
}
.gpacc1b { padding-inline: 15rem;}
}
@media only screen and (max-width : 1200px) {
:root {
--spacing: .25rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 1.2rem;
--text-5xl: 1.4rem;
--text-6xl: 1.5rem;
--text-7xl: 2rem;
--text-7xl--line-height: 1;
--text-8xl: 2.5rem;
--text-8xl--line-height: 1;
--text-9xl: 4rem;
--pad-content:4% 8%;
--pad-content-header:1% 8%;
}
.gpacc1b { padding-inline: 10rem;}
}
@media only screen and (max-width : 468px) {
:root {
--fontlvl1-submenu-size:1rem;
--fontlvl2-submenu-size:1rem;
--spacing: .15rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.2rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 1.2rem;
--text-5xl: 1.6rem;
--text-6xl: 1.8rem;
--text-7xl: 2rem;
--text-7xl--line-height: 1;
--text-8xl: 2.5rem;
--text-8xl--line-height: 1;
--text-9xl: 3rem;
--pad-content:2% 4%;
--pad-content-header:1% 8%;
}
.gpacc1b { padding-inline: 1rem;}
html, body{width:100%;height:100%;}
.gpmenumo{display:block;cursor:pointer;}
.ibutmob{width: 2.5rem; height: 2.5rem; fill: #ffffff; position: absolute; top: 0.5rem; right: 1rem;}
.gpheader { padding-top: 0.5rem; padding-bottom: 2.5rem;flex-direction:column;align-items: flex-start;}
.gpheader>a{font-size:0;}
.gphead { background-color: hsl(var(--noir) / .9);}
.gpmenu{ transition: none; display:none; overflow: auto; flex-flow: nowrap; width: 100%;text-align:center!important;padding:0; }
.gpmenu .cmenu {display: inline-flex; width: 96%;justify-content: center; flex-direction: column;gap: 1rem;}
.gpmenu .cmenu li { display: block;}
.gpmenu .gg_sm a { white-space: wrap;}
.cmenu .lvl1 { margin-left: 0;width: 100%;}
.cmenu>.gg_hc{width:86%}
.ggmenu>.cmenu .gg_sm,
.ggmenu>.cmenu .gg_hc:hover>.gg_sm{display:none !important;}
.mbut {white-space: nowrap; text-align: center; width: 100%;position: relative;}
.ggsm_next{display:block;content:''}
.ggsm_next:before{content:'';}
.ggsm_down:after, .ggsm_next:after{ position: static; width:1.5rem;height: 1.5rem; position: absolute; top: 0 ; right: 0.5rem; left: initial;
bottom: initial;mask: var(--svg-fleche-bas);display: block; mask-size: contain !important; background: white;transition-duration: .3s;
animation-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1);transform: scaleX(1) scaleY(1);}
.ggsm_next:after{top:0.5rem;}
.ggsm_down:hover:after, .ggsm_next:hover:after{width:1.5rem}
.ggsm_down:has(+.is-active):after, .ggsm_next:has(+.is-active):after{transform: rotate(90deg);}
.ggmenu>.cmenu .gg_sm.is-active, .ggmenu>.cmenu .gg_hc:hover>.gg_sm.is-active{display: flex !important;text-align: left; }
.ggmenu>.cmenu .gg_sm.is-active { visibility: visible;opacity: 1;transform: translateY(0);pointer-events: auto;}
.gg_sm.lvl1, .gg_sm.lvl2 { position: static !important; }
.gg_sm {border-bottom: none;}
.t_g.gg_smn { padding: 0.5rem;}
.gpdevis{ position: absolute; right: -9vw; top: 30vw;transform:rotate(270deg)}
.input_submit, .formLogin .button_valid, .btnstd, .btnstdinv, #global_container input[type='button'], .butDevisH { gap: 1vw; padding: 1.5vw 2.5vw;}
.butDevisH { padding: 1vw;font-size: var(--text-xs);}
.gpacc1b2 { grid-template-columns: 1fr; gap: 2rem;}
.txtdefilpresta { gap: 2vw; margin: 0 2vw;}
.gpacc3b, .gpacc4b, .gpacc5b, .gpacc6b {flex-direction:column;align-items: flex-start;}
.gpacc3c, .gpacc4c, .gpacc5c, .gpacc6c, .gpacc3d, .gpacc4d, .gpacc5d, .gpacc6d { max-width: 100%;}
.gpacc3b .bcont, .gpacc4b .bcont, .gpacc5b .bcont, .gpacc6b .bcont{padding:0}
.gpacc3e, .gpacc5e { grid-template-columns: 1fr; gap: 2rem;}
.gpacc3f, .gpacc3j, .gpacc3o, .gpacc5f, .gpacc5j, .gpacc5o, .gpacc5obl{ grid-column: auto;min-height:auto;}
.gpacc5obl.o2, .gpacc5o.o2{ grid-column: span 12; min-height:auto !important; width:100%}
.gpacc3g, .gpacc3k { right: -4vw; bottom: -4vw;}
.gpacc4e { grid-template-columns: 1fr; gap: 2rem;}
.gpacc4g, .gpqui4g { gap: 2rem;}
.gpacc4h{ display: grid; justify-content: center;align-content: start;text-align:center;}
.gpacc4l {bottom: -3%; left: -3%; padding: 2vw; max-width: auto ;}
.gpacc6a { padding: 5rem 0;}
.gpacc6e, .gpqui6e { grid-template-columns: repeat(1, 1fr);}
.gpacc6f {padding: 2rem 1rem ; border-bottom: 1px solid hsla(0 0% 100% / .18); border-right:none ; min-height: auto;}
.txt4gpacc6f { right: calc(50% - 1rem); top: calc(100% - 1rem); width: 2rem; height: 2rem; transform: rotate(90deg); padding-bottom: 0.2rem;}
.gpqui4g { grid-template-columns: repeat(1, minmax(0, 1fr));}
.gpacc5e:has(.gpcenterchild:nth-child(2):last-child) .gpcenterchild:nth-child(1),
.gpacc5e:has(.gpcenterchild:nth-child(2):last-child) .gpcenterchild:nth-child(2) ,
.gpacc5e:has(.gpcenterchild:only-child) .gpcenterchild { grid-column: auto;}
.gpacc5o, .gpacc5obl { width: 70%; margin: auto;}
.gpacc7a { grid-template-columns: 1fr ; gap: 3rem;}
.gpa2contactForm.gg_form .t_g { padding: 0.75rem; gap: 0.5rem 0.75rem; margin-bottom: 1.5rem;}
.p1080 input, .gpa2contactForm.gg_form .cell_2_form input, .gpa2contactForm.gg_form .cell_2_form select, .gpa2contactForm.gg_form .cell_2_form textarea { padding: .25rem 0.5rem; font-size: 1rem;}
.bfooter { margin-top: 3rem;}
.bfooterInfos { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; margin-bottom: 1.5rem;}
.bfooterInfos1{display:flex;}
.bfooterInfosLogo { gap: 2rem; width: 25rem;}
.logofo { width: 100%;}
.bfoot1, .tiFooter{text-align:center;}
.txtcoordsFooter { gap: 1rem; justify-content: center;}
.txtMention {font-size:var(--text-xs)}
.bconcept { padding-top: 1.5rem;}
}