:root {
--fontlvl1-submenu-size:.875rem;
--fontlvl2-submenu-size:.875rem;
--radius: .5rem;
--background: #fff;
--foreground: #1c2121;
--ink: #171c1c;
--card: #fff;
--card-foreground: #1c2121;
--popover: #fff;
--popover-foreground: #1c2121;
--muted: #f6f9f7;
--muted-foreground: #606c6c;
--border: #e2e9e6;
--input: #dce5e0;
--ring: #65cdb6;
--mint: #8fdbca;
--mint-soft: #e8f8f4;
--lime: #acd959;
--lime-soft: #f3f9e6;
--primary: #222b2b;
--primary-foreground: #fff;
--secondary: #e8f8f4;
--secondary-foreground: #222b2b;
--accent: #f3f9e6;
--accent-foreground: #222b2b;
--destructive: #dc2828;
--destructive-foreground: #fff;
--gradient-brand: linear-gradient(135deg, #8fdbca 0%, #acd959 100%);
--gradient-brand-soft: linear-gradient(135deg, #e8f8f4 0%, #f3f9e6 100%);
--shadow-soft: 0 1px 2px #171c1c0a, 0 8px 24px #171c1c0f;
--shadow-card: 0 2px 8px #171c1c0a, 0 20px 40px -20px #3d8f7d26;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--tracking-tight: -.025em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-relaxed: 1.625;
--radius-xl: 0.5rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-2xl: 40px;
--blur-3xl: 64px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
--default-mono-font-family: var(--font-mono);
--color-background: var(--background);
--color-foreground: var(--color-background);;
--color-border: var(--border);
--color-ink: var(--ink);
--svg-fleche-droite:url('data:image/svg+xml,\');
--svg-fleche-bas:url('data:image/svg+xml,\');
--svg-croix:url('data:image/svg+xml,\');
--padding-content: 3% 15%;
--padding-content-first : 9rem 15% 3% 15%;
}
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("./fonts/Tangerine.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: 'Karla';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("./fonts/Karla-regular.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: 'Karla';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url("./fonts/Karla-italic.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;
}
*, :before, :after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}
.t_g, h1, h2, h3, ::placeholder, input{font-size: 1.08rem;font-family: Karla, sans-serif;line-height:1.8;color:var(--muted-foreground);}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"Tangerine",Times,serif;font-weight:600;position:relative;margin:unset;line-height:1.1;color: var(--ink);}
h1 b, h2 b, h3 b, h1 bold, h2 bold, h3 bold, h1 strong, h2 strong, h3 strong, .fontTitle b, .fontTitle bold, .fontTitle strong{font-weight:700; background-image: var(--gradient-brand);
color: #0000; -webkit-background-clip: text; background-clip: text;}
.p1080 h1 {font-size:3rem;}
.p1080 h2, .p1080 h3 {font-size:2rem;}
.p1080{width:100%;padding-top:3rem;}
.text-xxs {font-size: .5rem;}
.text-xs {font-size: .75rem;}
.text-sm {font-size: .875rem;}
.text-base {font-size: 1rem;}
.fontTitle{font-family:"Tangerine",Times,serif;}
.text-lg h1,.text-lg h2,.text-lg h3,.text-lg {font-size: 1.125rem;}
.text-xl h1,.text-xl h2,.text-xl h3,.text-xl {font-size: 1.25rem;}
.text-2xl h1,.text-2xl h2,.text-2xl h3,.text-2xl {font-size: 1.5rem;}
.text-3xl h1,.text-3xl h2,.text-3xl h3,.text-3xl {font-size: 1.875rem;}
.text-4xl h1,.text-4xl h2,.text-4xl h3,.text-4xl {font-size: 2.25rem;}
.text-5xl h1,.text-5xl h2,.text-5xl h3,.text-5xl, h1.ttitle {font-size: 3rem;}
.text-6xl h1,.text-6xl h2,.text-6xl h3,.text-6xl{font-size: 4rem;}
.text-7xl h1,.text-7xl h2,.text-7xl h3,.text-7xl{font-size: 5rem;}
.text-8xl h1,.text-8xl h2,.text-8xl h3,.text-8xl{font-size: 6rem;}
.mt-1{margin-top:1rem!important;}
.mt-1\.5 {margin-top: 1.5rem!important;}
.mb-0\.75 {margin-bottom: .75rem!important;}
.mb-1{margin-bottom:1rem!important;}
.mb-1\.5{margin-bottom: 1.5rem!important;}
.mb-2 {margin-bottom: 2rem!important;}
.mb-4 {margin-bottom: 4rem!important;}
.mb-6 {margin-bottom: 6rem!important;}
.mb-8 {margin-bottom: 8rem!important;}
.prestSVG{width:2.5rem;aspect-ratio:1;}
.icoStdBef:before { content:''; display:block; mask-size: contain !important;; background: var(--muted); width: 100%; height: 100%; transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-duration: 0.5s; transition-property: all;}
.icoStdBef:before{width:1rem;height:1rem;display:inline-block;vertical-align:middle;}
.icoStdBef>div{display:inline-block;width:auto!important;vertical-align:middle;}
.ico-esc:before {mask: var(--ico-esc);}
.ico-fleche-bas{-webkit-mask: var(--svg-fleche-bas); mask: var(--svg-fleche-bas); mask-size: contain;}
.ico-croix{-webkit-mask: var(--svg-croix); mask: var(--svg-croix); mask-size: contain;}
.icofaq:before{-webkit-mask: var(--svg-croix); mask: var(--svg-croix); mask-size: contain;}
.icogold:before{background:hsl(var(--brand-accent))}
.noAfter{display:none;}
html{ 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-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";font-feature-settings: normal;font-variation-settings: normal;-webkit-tap-highlight-color: transparent;}
body{ font-size:0; background-color: var(--color-background);;font-family: Karla, sans-serif;color: hsl(var(--color-background););-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin: 0;line-height: inherit}
*{box-sizing:border-box}
.container{margin:0;padding:0;}
#global_container{position:relative;min-height:100%;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto;border-radius:var(--radius-2xl)}
ul{list-style-type: none;}
li{display:flex;gap:1rem;align-items: center;}
li:before{content:'';width:0.5rem;height:0.5rem;border-radius:9999px;background:var(--gradient-brand);}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide, .athideuser {display:none;}
.connected .athideuser {display:block;}
.posrelat{position:relative;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{ text-align:center; }
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}
a { color: inherit; text-decoration: inherit;}
#div_container_1_h, #div_container_5_fr, #div_container_9_fo{display: block;margin:auto;width: 100%;z-index:2;}
.bcont{display:block;width:100%;padding:var(--padding-content);margin-left:auto;margin-right:auto;}
.padcont{padding-top:4rem;padding-bottom:4rem}
#div_container_5_fr{overflow:hidden;}
.carousel {margin:0}
.carousel-caption{display:none;padding:0.2% 0 0.2% 1%;font-family:"Tangerine",Times,serif;text-align:center;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, .carousel-control {display:none;}
.carousel-indicators li { border-radius:0px;height: 13px;width: 13px;background-color: white ;}
.carousel-indicators .active { background-color: var(--lime);}
.carousel .item img { max-height: 200%;width:100%;height:auto;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{font-family:"Tangerine",Times,serif;}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}
.input_submit, .button_valid, .btnstd, .btnstdinv, #global_container input[type='button']{ animation-duration: 0.3s; transition-duration: 0.3s; transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
color: var(--primary-foreground); font-weight: 500; background-color: var(--ink);
border:none;cursor:pointer;border-radius:9999px;font-size:.875rem;padding : 0.625rem 1.5rem; }
.btnstdinv{border:2px solid var(--primary-foreground);background:var(--primary-foreground);font-weight:500;color:var(--muted-foreground);border:1px solid var(--border)}
.btnstd:hover, #global_container input[type='button']:hover, .input_submit:hover, .button_valid:hover { translate:0 calc(var(--spacing) * -.5);box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);}
.bcontmin{width:100%;margin:auto;padding:var(--padding-content);}
/**** HEADER / MENU ***/
.gpmenumo{display:none;}
.gphead{ animation-duration: .5s;transition-duration: .5s; transition-property: all;transition-timing-function: cubic-bezier(.4, 0, .2, 1); z-index: 500;top:0;left:0;right:0; position: fixed;
backdrop-filter: saturate(160%) blur(16px); background-color: #ffffffb8;border-bottom: 1px solid #e2e9e6b3;}
.connected .gphead{position:relative;}
.gpheader{margin-left: auto;margin-right: auto;display: flex; align-items: center; justify-content: space-between; padding: var(--padding-content); padding-top: .5rem;
padding-bottom: .5rem; }
.gpmenu{ align-items: center; gap: 2rem;display: flex;}
.mbut, .mbutcont{ position:relative;color: color-mix(in oklab, var(--color-background); 85%, transparent);animation-duration: .3s; transition-duration: .3s;
transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1);font-size:0.92rem}
.mbut:hover{ color: hsl(var(--brand-accent));}
.mbut:after{ content: ''; width:100%; height:1px; transition-duration: .3s; animation-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); background-color: hsl(var(--brand-accent)); width: 0px;height: 1px; left: 0;bottom: -4px; position: absolute;}
.mbut:hover:after,.gpmenu .linkClickedCurrentPage:after{ content: ''; width: 100%;}
.mbutcont{ background-color: var(--ink); color: var(--primary-foreground);padding : 0.625rem 1.5rem; border-radius:9999px; margin-left:5rem;}
.gplogo, .bfooterLogo{ gap: calc(var(--spacing) * 3); align-items: center; display: flex;}
.logoH, .logofo{height: 5rem;width:5rem;animation-duration: .3s; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1);
padding:0.2rem; }
.scLogo{width:3.5rem;height:3.5rem;}
.scMbut{font-size:0.8rem;}
.gpheadscr .gpheader{background-color: hsl(var(--color-background); / 0.8); box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
.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; z-index:501}
.gg_hc .is-active { visibility: visible !important; opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.gg_sm {border-bottom:2px solid hsl(var(--accent))}
.cmenu{display: flex; gap: 2rem; align-items: center;}
/**** ACCUEIL ****/
.gpacc0{ overflow: hidden; position: relative; opacity:0}
.bubacc1, .bubacc2{ position: absolute; background: var(--gradient-brand);filter:blur(var(--blur-3xl)); opacity: .25; width:30rem;aspect-ratio:1}
.bubacc1{right: calc(var(--spacing) * -40);top: calc(var(--spacing) * -40);}
.bubacc2{width:25rem; left: calc(var(--spacing) * -32);top: calc(var(--spacing) * 40);}
.gpacc0a{padding:var(--padding-content-first);display:grid;gap:3rem; grid-template-columns: 1.05fr .95fr;align-items: center;}
.gpacc0c{}
.container_imacc1{padding:0.5rem;width: 100%;aspect-ratio:0.85;max-width: 100%;border-radius:var(--radius-2xl);position:relative;}
.container_imacc1:before{content:'';background-image: var(--gradient-brand);filter:blur(2px);
opacity: .7; border-radius: var(--radius-2xl);width:100%;height:100%; display: block;
position: absolute; left: 0; top: 0;}
.container_imacc1 .carousel-inner { border-radius: var(--radius-2xl);}
.container_imacc1 .container, .container_imacc1 .carousel{width:100%;height:100%;border-radius:var(--radius-2xl);}
.container_imacc1 .carousel .item img{animation: 14s cubic-bezier(.4, 0, .2, 1) infinite hero-wipe ;max-height: initial;width: 100%;max-width: initial;height: 100%;object-fit: cover;margin: auto;
will-change: transform, opacity;}
.gpacc1, .gpacc2, .gpacc3, .gpacc4{position:relative;padding:var(--padding-content); background-image: linear-gradient(135deg, rgba(143, 219, 202, 0.1) 0%, rgba(172, 217, 89, 0.1) 40%, rgba(172, 217, 89, 0.1) 100%);border-top:1px solid color-mix(in oklab, var(--border) 70%, transparent);}
.gpacc1a{ display:grid;gap:3rem; grid-template-columns: .9fr 1.1fr;align-items: center; margin-bottom: calc(var(--spacing) * 6);}
.gpacc1c{ display: grid; gap: calc(var(--spacing) * 6);grid-template-columns: repeat(2, minmax(0, 1fr));}
.imacc1{width:100%;aspect-ratio:1.5; grid-column: span 2 / span 2;}
.imacc1b{width:100%;aspect-ratio:0.85;}
.gpacc1b1{padding-top: calc(var(--spacing) * 8); margin-top: calc(var(--spacing) * 8);border-top:1px solid var(--border); display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--spacing) * 6);
align-items: self-start;; text-align:center}
.gpacc1d{display: grid; gap: calc(var(--spacing) * 6); grid-template-columns: repeat(4, minmax(0, 1fr));}
.imacc1d{width:100%;aspect-ratio:1.5}
.gpacc2, .gpacc4{background:white;}
.gpacc2a{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 8);margin-bottom: calc(var(--spacing) * 8);}
.gpacc2b,.gpacc2b2, .gpacc2c{transition: opacity .8s, transform .8s cubic-bezier(.22, 1, .36, 1);padding: calc(var(--spacing) * 10);background-color: color-mix(in oklab, var(--secondary) 30%, transparent);
border:1px solid var(--border);border-radius: var(--radius-3xl);}
.linegpacc2b{text-align:right}
.linegpacc2b:before{content:'';display: inline-block;background: var(--gradient-brand); transition-property: all;
transition-timing-function: var(--default-transition-timing-function); transition-duration: .5s;border-radius:999px; width: calc(var(--spacing) * 12);height: calc(var(--spacing) * 1);}
.gpacc2b:hover .linegpacc2b:before, .gpacc2b2:hover .linegpacc2b:before{width: calc(var(--spacing) * 20);}
.gpacc2c{ display: grid;grid-template-columns: 1.1fr .9fr;padding:0;}
.gpacc2d{padding: calc(var(--spacing) * 10);}
.gpacc2e{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--spacing) * 8);}
.gpacc2f{position:relative; background: var(--gradient-brand-soft); overflow: hidden;border-radius: 0 var(--radius-3xl) var(--radius-3xl) 0;}
.imacc2a, .imacc2a2{animation: floaty 10s ease-in-out infinite; box-shadow: 0 2px 8px #171c1c0a, 0 20px 40px -20px #3d8f7d26;
position:absolute;top:22%;left:25%;padding:var(--spacing); rotate: 45deg;
width:45%;aspect-ratio:1; overflow: hidden;
border-radius: var(--radius-2xl);position:relative;border:5px solid var(--lime)}
.imacc2a img, .imacc2a2 img{rotate: -45deg;scale: 150% 150%; border-radius: var(--radius-2xl); }
.imacc2a2{animation: floaty4 10s ease-in-out infinite;width:25%;top:-12%;left:initial;right:-22%}
.los1gpacc2,.los2gpacc2,.los3gpacc2{aspect-ratio:1;rotate: 45deg;border-radius: var(--radius-xl);position:absolute;}
.los1gpacc2{animation: floaty 12s ease-in-out infinite reverse;width:10%; border:2px solid var(--mint); background:white;right:2rem;bottom:2rem;}
.los2gpacc2{animation: floaty2 9s ease-in-out infinite reverse;width:13%; left:4rem;bottom:4rem; background: var(--gradient-brand); opacity: 0.75;}
.los3gpacc2{animation: floaty3 10s ease-in-out infinite reverse;width:17%; left:2rem;top:2rem; border:2px solid var(--lime); }
.gpacc3{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: calc(var(--spacing) * 6);}
.gpacc3a{ grid-column: span 5 / span 5;}
.gpacc3b{grid-column: span 7 / span 7;}
.gpFAQs{width:100%;display:block;margin:auto;border:1px solid var(--color-border);border-radius: var(--radius-2xl);background-color: var(--color-white);}
.gpFAQs .group_duplicable_editor,.gpFAQs .duplicate_line {width:100%;vertical-align:top;margin:0}
.gpFAQ{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;
padding:1rem;}
.gpacc3b > .duplicate_line { border-bottom:1px solid var(--border);}
.gpacc3b > .duplicate_line:last-child { border-bottom: none;}
.gpFAQ:hover{}
.gpFAQSel{}
.gpFAQti{display:flex;justify-content: space-between;align-items: center;cursor:pointer;}
.gpFAQtxt{display: none;text-align:left}
.icofaq{cursor:pointer; display: grid;place-items: center;width: calc(var(--spacing) * 8);height: calc(var(--spacing) * 8);border:1px solid var(--border);border-radius:9999px;}
.icofaq:before{transition: all 0.5s ease 0s; background:black;}
.gpFAQSel .icofaq:before{rotate:45deg;}
.tifaq{font-weight:900;}
.descfaq{margin-top:1rem;}
.connected .gpFAQtxt{display:block;}
/*** AVIS ***/
.nameReview{font-weight: bold;}
.dateReview{color: gray;}
.review_avgBox{padding:0.5em;box-sizing:border-box;margin-bottom:1em;}
.review_subBoxReview{width: calc(100% - 4em);aspect-ratio:1;display:flex; flex-direction: column;margin:auto;box-sizing: border-box;padding:1em;margin:2em;border-radius:1rem;
box-shadow: 0 1px 2px hsl(224 63% 25% /.06);background-color: var(--card);border:1px solid var(--border);justify-content: space-between;}
.areview_listReview{display : grid;grid-template-columns: repeat(4, 1fr); text-align : center; grid-column-gap: 8px;grid-row-gap: 8px;}
.review_txtAvis{display: none;}
.review_avgRate{display:inline-block;}
.review_txtnbReview{display:none;}
.review_avgRate{margin:0 0.5em;}
.commentReview{line-height: 1.33em; margin-top:0.75em; font-size:1rem;max-height: 8em;text-overflow: ellipsis;overflow:hidden;order:1}
.review_displayStar, .review_nbReview{display:inline-flex;}
.review_nbReview:before{content:'(';display:inline-block;}
.review_nbReview:after{content:')';display:inline-block;}
.review_contAVG{display:inline-flex;align-items:center;cursor:pointer;}
.profilePictureReview{max-width:3em;max-height:3em;grid-area: 1 / 1 / 4 / 2;}
.authorReview{display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: repeat(2, 1fr);order:2; padding-top: calc(var(--spacing) * 4);
border-top:1px solid var(--border); margin-top: calc(var(--spacing) * 6);justify-content: space-between;}
.pictureReview{grid-area: 1 / 1 / 4 / 2; justify-content: center; display: flex;}
.nameReview{ grid-area: 1 / 2 / 2 / 3; align-items: center; display: flex; justify-content: center;font-size:1rem}
.rateReview{line-height:0.75rem;}
.review_fullGStar{width:1rem;height:1rem;}
.dateReview{font-size:0.75rem;line-height:0.75rem;}
.review_logoGoogle {width:15%; margin: auto;display:none;}
.review_logoGoogle .review_fullGStar{width:100%;height:auto;}
.review_listReview { position: relative; display: flex; flex-wrap:nowrap; agrid-template-columns: repeat(3, 1fr); aflex-direction: column; overflow: hidden; height: 360px;}
.review_boxReview {
--slides: 3;
--width: calc( 100% / var(--slides) );
width: var(--width); display: flex; height: 100%; position: relative; flex-shrink: 0; cursor: pointer;}
.GG_carprev{position:absolute;left:2px;top: calc(50% - calc(var(--spacing) * 6));}
.GG_carnext{position:absolute;right:2px;top: calc(50% - calc(var(--spacing) * 6));}
.GG_carnext, .GG_carprev{ box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); cursor:pointer;background:var(--color-white);display: grid;place-items: center;width: calc(var(--spacing) * 12);height: calc(var(--spacing) * 12);border:1px solid var(--border);border-radius:9999px;}
.GG_carnext:before, .GG_carprev:before{font-size:35px;}
.bntAvis{right:2rem;position:absolute;z-index:10;}
.GG_carprev:before, .GG_carnext:before{ content:''; display:inline-block; -webkit-mask: var(--svg-fleche-droite);
mask: var(--svg-fleche-droite);
mask-size: contain; font-family:none;}
.GG_carprev:before{transform:rotate(180deg)}
.GG_carprev:before, .GG_carnext:before{width:20px;height:20px;background-color:var(--lime);transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; animation-duration: .3s;}
.GG_carprev:hover:before, .GG_carnext:hover:before{background-color:var(--mint);}
/*** SITEMAP ***/
.gpsitemap{padding: var(--padding-content);border:1px solid var(--border);}
.div_fsm {padding:15px 0}
.fsm {font-weight:700;}
.fsm > a{padding:0 10px;font-weight:normal}
.fsm > a:first-child{padding:0 10px 0 0;}
.fsm .linkClickedCurrentPage{color:hsl(var(--brand-accent)); }
/* ============================================================
FOOTER
============================================================ */
.bfooter { var(--color-white); border-top:1px solid var(--border);}
.bfooterInner { width: 100%; margin: auto; padding:var(--padding-content); padding-top: 2.5rem; padding-bottom: 0; }
.bfooterCols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem;padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); }
.bfooterCol { display: flex; flex-direction: column; gap: .5rem; padding: calc(var(--spacing) * 7);background-color:
color-mix(in oklab, var(--secondary) 30%, transparent); border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius: var(--radius-3xl);}
.bfooterDescTxt { font-size: .875rem; line-height: 1.6; margin-top: .5rem; }
.bfooterColTitle { font-size: 1.3rem; }
.bfooterNavLink { font-size: .875rem; transition: .3s ease;}
.bfooterNavLink:hover { color: var(--lime); opacity: 1; }
.bfooterInfo { font-size: .875rem; transition: .3s ease;}
.bfooterInfo:hover { color: var(--lime); }
.bfooterCopyInner { width: 100%; margin-left: auto; margin-right: auto; padding:var(--padding-content); padding-top: 1.5rem; padding-bottom:1.5rem; display: flex;
flex-direction: row; gap: .5rem; justify-content: space-between;}
.bfooterCopyTxt { font-size: .75rem; }
.bfooterCopyTxt a { color: inherit; transition: .3s ease;}
.bfooterCopyTxt a:hover { color: var(--lime); }
.icoFooter:before{background: var(--lime); width:2rem;height:2rem; }
.icoFooter{display:inline-block;}
/****animations ***/
@keyframes ken-burns {
0% { transform: scale(1.15);}
33% { transform: scale(1);}
40% { transform: scale(1);}
50% { transform: scale(1);}
100% { transform: scale(1);}
}
@keyframes floaty{
0%, 100% { transform: translateY(0);}
50% { transform: translateY(-15px);}
}
@keyframes floaty2{
0%, 100% { transform: translateX(0);}
50% { transform: translateX(-20px);}
}
@keyframes floaty3{
0%, 100% { transform: translateY(0);}
50% { transform: translateY(20px);}
}
@keyframes floaty4{
0%, 100% { transform: translateY(0);}
50% { transform: translateY(-25px);}
}
@keyframes hero-wipe{
0% {
clip-path: polygon(0 0, 0 0, -25% 100%, -25% 100%);
z-index: 2;
transform: scale(1.14) translateX(2%);
}
8% {
clip-path: polygon(0 0, 125% 0, 100% 100%, -25% 100%);
z-index: 2;
transform: scale(1.08) translateX(0);
}
33% {
clip-path: polygon(0 0, 125% 0, 100% 100%, -25% 100%);
z-index: 1;
transform: scale(1) translateX(0);
}
41% {
clip-path: polygon(125% 0, 125% 0, 100% 100%, 100% 100%);
z-index: 1;
transform: scale(1) translateX(0);
}
100% {
clip-path: polygon(125% 0, 125% 0, 100% 100%, 100% 100%);
z-index: 0;
transform: scale(1.14) translateX(2%);
}
}
@keyframes fade-in {
0% { opacity: 0 }
to {opacity: 1}
}
@keyframes fade-in-up {
0% {opacity: 0;transform: translateY(30px)}
to {opacity: 1;transform: translateY(0)}
}
@keyframes brick-marquee {
0% { transform: translate(0);}
100% { transform: translate(-50%);}
}
/* ============================================================
RESPONSIVE
============================================================ */
@media only screen and (max-device-width : 468px) {
:root {
}
html, body{width:100%;height:100%;}
.gpmenumo{display:block;cursor:pointer;}
.ibutmob{width:10vw;height:10vw;fill:#ffffff;position:absolute;top:5vw;right:2vw;}
.gpheader { padding-top: 1rem; padding-bottom: 1rem;flex-direction:column;align-items: flex-start;}
.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%;}
.gpmenu .cmenu li { display: block;}
.gpmenu .gg_sm a { white-space: wrap;}
.cmenu .lvl1 { margin-left: 0;width: 100%;}
.t_g.gg_smn { padding: 1vw;}
.mbutcont { margin-left: 0;}
.gplinkCont{display:none;}
.logoH,.connected .logoH, .logoH.scrolled {height: 3.5rem;}
.mbut { white-space: nowrap; text-align: center; width: 100%;}
.bfooterInner { padding-top: 2rem; padding-bottom: 2rem;}
.bfooterCols {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; margin-bottom: 2rem;}
.bfooterCopyInner { padding-top: 2rem; padding-bottom: 2rem; gap: 0.5rem;}
}