:root {
--color-1: 71 77% 60%;
--color-2: 155 100% 81%;
--color-3: 232 85% 42%;
--color-gray-txt: 0 0% 45%;;
--radius-btn: 20px;
--radius-img: 32px;
--radius-bloc: 32px;
--radius-blocmin: 20px;
--svg-fleche-bas:url('data:image/svg+xml,\');
--svg-cerveau:url('data:image/svg+xml,\');
--svg-chapeau:url('data:image/svg+xml,\');
--svg-cible:url('data:image/svg+xml,\');
--svg-coeur:url('data:image/svg+xml,\');
--svg-compte:url('data:image/svg+xml,\');
--svg-eclair:url('data:image/svg+xml,\');
--svg-etoile:url('data:image/svg+xml,\');
--svg-facebook:url('data:image/svg+xml,\');
--svg-fleche-diag-hd:url('data:image/svg+xml,\');
--svg-fleche-droite:url('data:image/svg+xml,\');
--svg-fleche-stat:url('data:image/svg+xml,\');
--svg-fleche-bas:url('data:image/svg+xml,\');
--svg-fusee:url('data:image/svg+xml,\');
--svg-immeuble:url('data:image/svg+xml,\');
--svg-instagram:url('data:image/svg+xml,\');
--svg-linkedin:url('data:image/svg+xml,\');
--svg-livre:url('data:image/svg+xml,\');
--svg-mail:url('data:image/svg+xml,\');
--svg-manette:url('data:image/svg+xml,\');
--svg-menu:url('data:image/svg+xml,\');
--svg-play:url('data:image/svg+xml,\');
--svg-youtube:url('data:image/svg+xml,\');
--svg-palette:url('data:image/svg+xml,\');
--svg-feuille:url('data:image/svg+xml,\');
--svg-3-feuilles:url('data:image/svg+xml,\');
--svg-file:url('data:image/svg+xml,\');
--svg-download:url('data:image/svg+xml,\');
--svg-camera:url('data:image/svg+xml,\');
--svg-calendrier:url('data:image/svg+xml,\');
--svg-checkround:url('data:image/svg+xml,\');
--svg-puzzle:url('data:image/svg+xml,\');
--svg-ampoule:url('data:image/svg+xml,\');
--svg-message:url('data:image/svg+xml,\');
--svg-roue-crante:url('data:image/svg+xml,\');
--svg-stylo-plume:url('data:image/svg+xml,\');
--svg-boussole:url('data:image/svg+xml,\');
--svg-fleche-reload:url('data:image/svg+xml,\');
--svg-quote:url('data:image/svg+xml,\');
--svg-carton:url('data:image/svg+xml,\');
--svg-valise:url('data:image/svg+xml,\');
--svg-stats:url('data:image/svg+xml,\');
--svg-medaille:url('data:image/svg+xml,\');
--svg-heure:url('data:image/svg+xml,\');
--animation-duration: .5s;
--transition-duration: .5s;
--transition-timing-function-bezier : cubic-bezier(.4, 0, .2, 1);
}
@font-face { font-family: "icons"; src: url("./icons.eot"); src: url("./icons.eot?#iefix") format("embedded-opentype"), url("./icons.woff2") format("woff2"), url("./icons.woff") format("woff"), url("./icons.ttf") format("truetype"), url("./icons.svg#icons") format("svg"); font-weight: normal; font-style: normal;}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFQ.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: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.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;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.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;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.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;
}
html{min-width:100%;width:100%; background-color:#f9f9f9; font-size:0;overflow-x:hidden;}
body {margin:0; min-width: 100%; width:100%; height:100%;display:block;margin:auto;padding:0}
#global_container{position:relative;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{display:none;}
.athideuser{display:none;}
.connected .athide{display:block;}
a {transition: all 0.5s ease 0s;}
.imageSub div.label {min-width: 55px;}
a:visited{color:inherit;}
a:hover{color:hsl(var(--color-2));}
a.mbut:visited{color:white;}
a.mbut:hover{color:hsl(var(--color-1));}
a.linkClickedCurrentPage:link{color:hsl(var(--color-2));}
a.linkClickedCurrentPage:visited{color:hsl(var(--color-2));}
.t_g, .mbut, .fc button, .fc table{text-align:left;font-family:"Poppins",Times,serif; color:black;font-size:16px;line-height:1;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"Poppins",Times,serif;margin:0;line-height:1;}
input[type="text"], input[type="password"], input[type="number"], textarea { font-family:"Poppins",Times,serif; font-size: 20px; line-height:40px; border-radius:10px; width: 98%; padding:1%; background-color:#ffffff; border:1px solid hsl(var(--color-1)); }
.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete, #button_refuse, #button_accept, #payment-form #submit{margin: 20px 0 0 0;padding:12px 40px;border-radius:10px;color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s;cursor:pointer;width:initial}
.fc button, .fc table {font-size:18px!important;}
.ico-etoileb, .ico-cibleb, .ico-ampouleb, .ico-compteb, .ico-roue-cranteb, .ico-stylo-plumeb, .ico-boussoleb, .ico-fleche-reloadb, .ico-quoteb, .ico-cartonb,
.ico-manetteb, .ico-valiseb, .ico-puzzleb, .ico-linkedinb, .ico-facebookb, .ico-instagramb, .ico-youtubeb, .ico-calendrierb, .ico-medailleb, .ico-immeubleb, .ico-messageb, .ico-heureb{display: inline-flex; align-items: center; gap: 10px;}
.ico-etoileb:before, .ico-cibleb:before, .ico-ampouleb:before, .ico-compteb:before, .ico-roue-cranteb:before, .ico-stylo-plumeb:before, .ico-boussoleb:before, .ico-fleche-reloadb:before, .ico-quoteb:before,
.ico-cartonb:before, .ico-manetteb:before, .ico-valiseb:before, .ico-puzzleb:before, .ico-linkedinb:before, .ico-facebookb:before, .ico-instagramb:before, .ico-youtubeb:before,
.ico-calendrierb:before, .ico-medailleb:before, .ico-immeubleb:before,.ico-messageb:before,.ico-heureb:before{content:'';display:block;}
.ico-fleche-droitea{display: inline-flex; align-items: center; gap: 10px;}
.ico-fleche-droitea:after{content:'';display:block;}
.icobefore:before{width:25px;height:25px;background:black;}
.ico-fleche-droite{-webkit-mask: var(--svg-fleche-droite); mask: var(--svg-fleche-droite); mask-size: contain;}
.ico-fleche-droitea:after{-webkit-mask: var(--svg-fleche-droite); mask: var(--svg-fleche-droite); mask-size: contain;}
.ico-fleche-diag-hd{-webkit-mask: var(--svg-fleche-diag-hd); mask: var(--svg-fleche-diag-hd); mask-size: contain;}
.ico-fleche-bas{-webkit-mask: var(--svg-fleche-bas); mask: var(--svg-fleche-bas); mask-size: contain;}
.ico-immeuble, .ico-immeubleb:before{-webkit-mask: var(--svg-immeuble); mask: var(--svg-immeuble); mask-size: contain;}
.ico-chapeau{-webkit-mask: var(--svg-chapeau); mask: var(--svg-chapeau); mask-size: contain;}
.ico-etoile, .ico-etoileb:before{-webkit-mask: var(--svg-etoile); mask: var(--svg-etoile); mask-size: contain!important;}
.ico-compte, .ico-compteb:before{-webkit-mask: var(--svg-compte); mask: var(--svg-compte); mask-size: contain;}
.ico-cible, .ico-cibleb:before{-webkit-mask: var(--svg-cible); mask: var(--svg-cible); mask-size: contain!important;}
.ico-eclair{-webkit-mask: var(--svg-eclair); mask: var(--svg-eclair); mask-size: contain;}
.ico-manette, .ico-manetteb:before{-webkit-mask: var(--svg-manette); mask: var(--svg-manette); mask-size: contain;}
.ico-linkedin, .ico-linkedinb:before{-webkit-mask: var(--svg-linkedin); mask: var(--svg-linkedin); mask-size: contain;}
.ico-facebook, .ico-facebookb:before{-webkit-mask: var(--svg-facebook); mask: var(--svg-facebook); mask-size: contain;}
.ico-youtube, .ico-youtubeb:before{-webkit-mask: var(--svg-youtube); mask: var(--svg-youtube); mask-size: contain;}
.ico-instagram, .ico-instagramb:before{-webkit-mask: var(--svg-instagram); mask: var(--svg-instagram); mask-size: contain;}
.ico-play{-webkit-mask: var(--svg-play); mask: var(--svg-play); mask-size: contain;}
.ico-palette{-webkit-mask: var(--svg-palette); mask: var(--svg-palette); mask-size: contain;}
.ico-feuille{-webkit-mask: var(--svg-feuille); mask: var(--svg-feuille); mask-size: contain;}
.ico-3-feuilles{-webkit-mask: var(--svg-3-feuilles); mask: var(--svg-3-feuilles); mask-size: contain;}
.ico-file{-webkit-mask: var(--svg-file); mask: var(--svg-file); mask-size: contain;}
.ico-download{-webkit-mask: var(--svg-download); mask: var(--svg-download); mask-size: contain;}
.ico-camera{-webkit-mask: var(--svg-camera); mask: var(--svg-camera); mask-size: contain;}
.ico-calendrier, .ico-calendrierb:before{-webkit-mask: var(--svg-calendrier); mask: var(--svg-calendrier); mask-size: contain;}
.ico-fleche-stat{-webkit-mask: var(--svg-fleche-stat); mask: var(--svg-fleche-stat); mask-size: contain;}
.ico-checkround{-webkit-mask: var(--svg-checkround); mask: var(--svg-checkround); mask-size: contain;}
.ico-puzzle, .ico-puzzleb:before{-webkit-mask: var(--svg-puzzle); mask: var(--svg-puzzle); mask-size: contain;}
.ico-ampoule, .ico-ampouleb:before{-webkit-mask: var(--svg-ampoule); mask: var(--svg-ampoule); mask-size: contain;}
.ico-livre{-webkit-mask: var(--svg-livre); mask: var(--svg-livre); mask-size: contain;}
.ico-message, .ico-messageb:before{-webkit-mask: var(--svg-message); mask: var(--svg-message); mask-size: contain;}
.ico-roue-crante, .ico-roue-cranteb:before{-webkit-mask: var(--svg-roue-crante); mask: var(--svg-roue-crante); mask-size: contain;}
.ico-stylo-plume, .ico-stylo-plumeb:before{-webkit-mask: var(--svg-stylo-plume); mask: var(--svg-stylo-plume); mask-size: contain;}
.ico-boussole, .ico-boussoleb:before{-webkit-mask: var(--svg-boussole); mask: var(--svg-boussole); mask-size: contain;}
.ico-fleche-reload, .ico-fleche-reloadb:before{-webkit-mask: var(--svg-fleche-reload); mask: var(--svg-fleche-reload); mask-size: contain;}
.ico-quote, .ico-quoteb:before{-webkit-mask: var(--svg-quote); mask: var(--svg-quote); mask-size: contain;}
.ico-carton, .ico-cartonb:before{-webkit-mask: var(--svg-carton); mask: var(--svg-carton); mask-size: contain;}
.ico-valise, .ico-valiseb:before{-webkit-mask: var(--svg-valise); mask: var(--svg-valise); mask-size: contain;}
.ico-stats, .ico-statsb:before{-webkit-mask: var(--svg-stats); mask: var(--svg-stats); mask-size: contain;}
.ico-medaille, .ico-medailleb:before{-webkit-mask: var(--svg-medaille); mask: var(--svg-medaille); mask-size: contain;}
.ico-heure, .ico-heureb:before{-webkit-mask: var(--svg-heure); mask: var(--svg-heure); mask-size: contain;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{ text-align:center; margin:auto;}
.fullWidth{width:100%;height:100%}
.wysiwyg{background-color:#b3b3b3;}
.posrelat{position:relative}
.color1{color:hsl(var(--color-1))}
.color2{color:hsl(var(--color-2))}
.color3{color:hsl(var(--color-3))}
.colorw, .colorw h1, .colorw h2, .colorw h3{color:hsl(0 0% 100%)}
.colorw2{color:#ffffffb3;}
.colorgray{color:hsl(var(--color-gray-txt))}
#div_container_1_h, #div_container_9_fo, #div_container_7_fr, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;position:relative;z-index:700}
#div_container_1_h{background:rgba(255,255,255,0.9)}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:400px;display:block;}
#div_container_7_fr {width:100%;}
.input_submit {font-size: 20px; padding: 5px; width:150px; vertical-align: bottom; background-color: hsl(var(--color-1))!important;color: white;margin:10px 10px 0;display:inline-block;border-radius:var(--radius-std);amargin-top:20px;border:1px solid hsl(var(--color-1))!important;}
.btnStd, .btnStd2 {background:white;border-radius:100px;font-family:"Poppins",Times,serif;padding:10px 20px; color:black!important;cursor:pointer;transition: all 0.5s ease 0s;}
.btnStd:hover, .btnStd:hover a, .btnStd2:hover, .btnStd2:hover a{color:hsl(var(--color-1))!important}
.btnStd2{background:#333333;color:white!important;}
.linegpanim1, .linegpanim2, .linegpanim3, .linegpanim4{ transition-duration: var(--transition-duration); animation-duration: var(--animation-duration); transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);
background-image: linear-gradient(to right, hsl(var(--color-1)), hsl(var(--color-1)) 0, hsl(var(--color-1) / .6));height:5px;
position: absolute; left: 0; top: 0; width: 0;}
.linegpanim2{background-image: linear-gradient(to right, hsl(var(--color-2)), hsl(var(--color-2)) 0, hsl(var(--color-2) / .6));}
.linegpanim4{background-image: linear-gradient(to right, hsl(var(--color-2)), hsl(var(--color-1)));}
/**** FORMES GENERIQUES *****/
.gpflexcent{display:flex; justify-content: center; gap: 20px;align-items: center;}
.bubtranswhite, .bubtranswhiteh, .bubcolor1, .bubcolor2, .bubcolor3,.bubcolor4, .bubwhite, .bubcolor3inv, .bubcolorcabinet{background-color: rgba(255, 255, 255, 0.05); line-height:24px; padding:12px 24px;border-radius:9999px;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(12px);
color:rgba(255, 255, 255, 0.8);transition-duration:0.5s;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}
.bubcolor1{background-color: hsl(var(--color-1));color:black;}
.bubcolor1:after{width:20px;height:20px;background:black}
.bubcolor2{background-color: hsl(var(--color-2));color:black}
.bubcolor3{background-color: hsl(var(--color-3));color:rgba(255, 255, 255, 1);}
.bubcolor4{ color: hsl(var(--color-3));background-color: hsl(var(--color-3) / 0.1);}
.bubcolor3inv{border:2px solid hsl(var(--color-3));color:hsl(var(--color-3));}
.bubcolor3:before{width:20px;height:20px;background:white}
.bubcolorcabinet{background:white; color:black;cursor:pointer}
.bubcolorcabinet:hover{transform:translate(0,-5px)}
.bubhcolcab1:hover{background:hsl(var(--color-1));}
.bubhcolcab2:hover{background:hsl(var(--color-2));}
.bubhcolcab3:hover{background:hsl(var(--color-3));color:white;}
.bubwhite{background-color: white;color:black}
.bubtranswhiteh:hover{border-color: (hsl(var(--color-1)) / .5);}
.bubtranswhite, .bubtranswhite .t_g, .bubtranswhiteh, .bubtranswhiteh .t_g{color:rgba(255, 255, 255, 0.8);font-weight:500}
.bubcolor3inv:hover{color:white;background:hsl(var(--color-3));transform: scaleX(1.05) scaleY(1.05);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);}
.gpheader{width:100%;position:fixed;text-align:center;padding-top:10px;}
.gphead{background-colorrgba(255, 255, 255, 0.7);backdrop-filterblur(24px);border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.7);
padding:14px 24px;display: inline-flex;justify-content: space-between;gap: 10px;align-items: center;width:60%;border-radius: 9999px;
backdrop-filter: blur(24px);}
.gphlogo{width:2%}
.heLogo{ transition-duration:0.3s; }
.mbut{}
.mbutcont{padding:10px 20px;background:rgb(16, 40, 198);border:0px solid rgba(230, 230, 230);color:white;box-sizing:border-box;border-radius: 9999px;}
.gpmmenu{position:relative;}
.gpmenumo{display:none;}
.gpsubmenu{width:320px;transform: translate(-50%,-3px); position: absolute; padding-top:20px; left: 50%; top: 100%; display:none}
.gpsubmenu1{ display: flex; flex-direction: column; animation: 0.25s ease-out 0s 1 normal forwards running dropdownFadeIn;backdrop-filter: blur(24px);box-shadow: 0 0 #0000, 0 0 #0000, 0 16px 48px rgba(0, 0, 0, .14);padding:8px;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
border:1px solid rgb(229 231 235);border-radius:var(--radius-bloc)}
.submenu, .submenu3{animation:0.3s ease-out 0s 1 normal forwards running dropdownFadeIn;display: flex; align-items: center;gap:10px;border-radius:var(--radius-bloc);
animation-duration: 0.2s;transition-duration: 0.2s;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);padding:10px;}
.submenu3{margin-left:30px;}
.submenuico{ background-color: hsl(var(--color-3));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 hsl(var(--color-3) / .4), 0 4px 6px -4px hsl(var(--color-3) / .4);
border-radius:999px;width:45px;height:45px;padding:10px;box-sizing:border-box}
.submenuico2{background-color: hsl(var(--color-1));box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px hsl(var(--color-1) / .4), 0 4px 6px -4px hsl(var(--color-1) / .4);}
.submenuico3{background-color: hsl(var(--color-3) / 0.1);width:25px;height:25px;padding:5px;box-shadow:none}
.submenuico4{background-color: hsl(var(--color-2) );box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px hsl(var(--color-2) / .4), 0 4px 6px -4px hsl(var(--color-2) / .4);}
.icomenu{background-color:white;width:25px;height:25px; animation-duration: 0.3s;transition-duration: 0.3s; transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.icomenu2{background-color:hsl(var(--color-3));}
.icomenu3{background-color:hsl(var(--color-3));width:15px;height:15px;}
.icomenu4{background-color:hsl(var(--color-3));}
.msbut{margin-bottom:5px;margin-bottom:10px;color: hsl(0 0% 10%)}
.msbut2, .msbut3{ color: hsl(0 0% 10% / .5);}
.msbut3{font-weight: 500;}
.menupr{font-weight: 500;display:flex;align-items:center;gap:10px; padding: 8px 16px;animation-duration: 0.2s;transition-duration: 0.2s;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.icomenurowb{width:15px;height:15px;background-color: black;-webkit-mask: var(--svg-fleche-bas); mask: var(--svg-fleche-bas);mask-size: contain !important;animation-duration: 0.2s;transition-duration: 0.2s;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.gpmmenu:hover .menupr{opacity:0.7}
.gpmmenu:hover .icomenurowb{transform:rotate(180deg)}
.gpmmenu:hover .gpsubmenu{display:block}
.submenu:hover, .submenu3:hover{ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);background-image: linear-gradient(to right, #f9fafb , rgb(243 244 246 / .5) );}
.submenu:hover .submenuico, .submenu3:hover .submenuico{transform: rotate(3deg) scaleX(1.1) scaleY(1.1);}
.submenu:hover .msbut, .submenu3:hover .msbut{color:hsl(var(--color-3));}
@keyframes dropdownFadeIn {
0% { opacity: 0; transform: translateY(6px);}
100% { opacity: 1; transform: translateY(0);}
}
.bcont, .bcontbig, .bcontmin{width:60%;display:block;margin:auto;}
.bcont img, .bcontbig img{border-radius:var(--radius-img)}
.bcontbig{width:75%;}
.bcontmin{width:40%}
.gpacc1, .gppresta1{background-color: hsl(var(--color-3)) ;width:100%;height:100vh;position:relative;display: flex;align-items: center;justify-content: center;}
.posacc1:before, .posacc2:before, .posacc3:before, .posacc4:before, .posacc5:before, .posacc6:before{content:'';display:inline-block; mask-size: contain!important;width:25px;height:25px;background-color: hsl(var(--color-1));}
.posacc1, .posacc2, .posacc3, .posacc4, .posacc5, .posacc6{display:flex;align-items: center;justify-content: center;gap:10px}
.posacc1{position:absolute;top:20%;left:10%;z-index:3;animation: 10s ease-in-out 0s infinite normal none running floatDiscipline;}
.posacc1:before{-webkit-mask: var(--svg-cerveau); mask: var(--svg-cerveau);}
.posacc2{position:absolute;left: 5%; top: 60%; animation: 10s ease-in-out 1s infinite normal none running floatDiscipline;}
.posacc2:before{-webkit-mask: var(--svg-eclair); mask: var(--svg-eclair);}
.posacc3{position:absolute; left: 15%; top: 85%; animation: 10s ease-in-out 2s infinite normal none running floatDiscipline;}
.posacc3:before{-webkit-mask: var(--svg-coeur); mask: var(--svg-coeur);}
.posacc4{position:absolute; right: 3%; top: 15%; animation: 10s ease-in-out 0.5s infinite normal none running floatDiscipline;}
.posacc4:before{-webkit-mask: var(--svg-fusee); mask: var(--svg-fusee);}
.posacc5{position:absolute; right: 1%; top: 55%; animation: 10s ease-in-out 1.5s infinite normal none running floatDiscipline;}
.posacc5:before{-webkit-mask: var(--svg-compte); mask: var(--svg-compte);}
.posacc6{position:absolute; right: 5%; top: 80%; animation: 10s ease-in-out 2.5s infinite normal none running floatDiscipline;}
.posacc6:before{-webkit-mask: var(--svg-livre); mask: var(--svg-livre);}
.bubleacc1{position:absolute;top: 20%; left: 10%; transform: translate(-1.75px, -19.8683px); animation: 8s ease-in-out 0s infinite normal none running float;background-color: hsl(var(--color-1));opacity: 0.4;
border-radius: 9999px;width:16%;aspect-ratio:1;filter:blur(100px)}
.bubleacc2{position:absolute;bottom: 20%; right: 15%; transform: translate(-1.75px, -19.8683px); animation: 6s ease-in-out 0s infinite reverse none running float;background-color: hsl(var(--color-2));opacity: 0.4;
border-radius: 9999px;width:12%;aspect-ratio:1;filter:blur(80px)}
.gpacc2{text-align:center}
.gpacc2b{width:60%;display:block;margin:auto;text-align:center;margin-bottom:40px;}
.bubacc2, .bubpresta, .bubpresta2{display:inline-flex;box-sizing:border-box;align-items: center;margin-bottom: 35px;gap:12px}
.bping{height:8px;width:8px}
.noanimate-ping{background-color: hsl(var(--color-1)); border-radius: 9999px;width: 8px;aspect-ratio:1;line-height:0;position:absolute;}
.animate-ping{background-color: hsl(var(--color-1));position:absolute;border-radius: 9999px;width:100%;aspect-ratio:1;animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;}
.bubpresta2 .noanimate-ping, .bubpresta2 .animate-ping{background-color: hsl(var(--color-2));}
.pingbl{background-color: black;}
.txttiacc2,.txtti2acc2, .txt2tiacc, .txt2tiacc2{ font-weight: 700; line-height:1.2;color:white;text-align: center;}
.txt2tiacc{color:black;}
.txtti2acc2, .tiCabinet b, .tiCabinet strong, .tiCabinet bold{color: transparent;background-clip: text;background-size: 200% auto;
background-image:linear-gradient(to right, rgb(203, 232, 74), rgb(158, 255, 215), rgb(203, 232, 74));
animation: gradient 4s linear infinite;}
.txt2tiacc2{color:hsl(var(--color-1))}
.connected .txtti2acc2{color:hsl(var(--color-1))}
.linemoveacc2{width:100%;height:10px;position:absolute;left:0;bottom:-5px;}
.btxtacc3{margin-bottom:50px;}
.btxtacc4, .gppresta5, .gpcabinet7{height:60px;display: flex;justify-content: center;gap: 20px;}
.btnacc2, .btn2acc2, .btn3acc2, .btn4acc2, .btncabinet{display:inline-flex;box-sizing:border-box;align-items: center;gap:12px; transition-property: all;
transition-timing-function:var(--transition-timing-function-bezier);transition-duration: .3s;font-weight: 700; border-radius:var(--radius-btn); white-space: nowrap;padding:15px 40px;cursor:pointer;
overflow: hidden;}
.btnacc2 {background-color: hsl(var(--color-1));}
.btncabinet{background:transparent;border:transparent;background-image: linear-gradient(to right, hsl(var(--color-1)), hsl(var(--color-2)));}
.btn3acc2 {background-color: rgba(255, 255, 255, 0.05); border:1px solid rgba(255, 255, 255, 0.15); }
.btn4acc2{background-color: hsl(var(--color-2));}
.btn2acc2 {background-color:transparent;border:2px solid hsl(var(--color-2));}
.btnacc2:hover, .btn2acc2:hover, .btn4acc2:hover, .btncabinet:hover, .btn3acc2:hover{transform:matrix(1.05, 0, 0, 1.05, 0, 0);}
.btn4acc2:hover a, .btncabinet:hover a{color:black;}
.btnacc2:hover{ border:2px solid hsl(var(--color-1));background-color: transparent;}
/*.btn4acc2:hover{ border:2px solid hsl(var(--color-2));background-color: transparent;}*/
.btn2acc2:hover{border:2px solid transparent; background-color: hsl(var(--color-2));}
.icobtnacc2, .ico2btnacc2, .ico3btnacc2{width:16px;height:16px;background-color: #000000; transition-duration: .3s;}
.ico2btnacc2{background-color: hsl(var(--color-2));}
.ico3btnacc2{background-color: white}
.tbtnacc2, .tbtn2acc2 {transition-duration: .3s;}
.tbtn2acc2{color:hsl(var(--color-2))}
.connected .btnacc2:hover .tbtnacc2 {color:hsl(var(--color-1))}
.btnacc2:hover a {color:hsl(var(--color-1))}
.btnacc2:hover .icobtnacc2{background-color: hsl(var(--color-1));}
.connected .btn2acc2:hover .tbtn2acc2 {color:black}
.btn2acc2:hover a {color:black}
.btn2acc2:hover .ico2btnacc2{background-color: black;}
/*.btn4acc2:hover .tbtnacc2 {color:hsl(var(--color-2));}
.btn4acc2:hover .icobtnacc2 {background-color: hsl(var(--color-2));;}*/
.btnbig{padding:30px 40px;}
.imacc2{width:80%;aspect-ratio:1.8;display:block;margin:40px auto}
.icotxt2tiacc2{position:absolute;top:-15px;right:-20px;background-color:hsl(var(--color-1));width: 35px; height: 35px;}
.gpacc3, .gpacc9{background:hsl(var(--color-3));padding:80px 0;position:relative;}
.bckgpacc3{opacity: .05;position: absolute;top:0;left:0;width:100%;height:100%;background-image: radial-gradient(circle at 2px 2px, white 1px, transparent 0px); background-size: 40px 40px;box-sizing: border-box;}
.txt3tiaccmin{color:hsl(var(--color-1));font-weight:700;}
.txt3tiacc{color:white;font-weight:700;}
.gpxacc3, .gpxcab6{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));gap:40px;}
.gpxcab6{ grid-template-columns: repeat(3, minmax(0, 1fr));}
.gp1acc3blur, .gp2acc3blur{ animation-duration: var(--animation-duration); transition-duration: var(--transition-duration); transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);filter: blur(24px) ;
position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-bloc);opacity: .5;background-image: linear-gradient(to bottom right,hsl(var(--color-1) / .4), hsl(var(--color-1) / .1));}
.gp2acc3blur{background-image: linear-gradient(to bottom right,hsl(var(--color-2) / .4), hsl(var(--color-2) / .1));}
.gp1acc3, .gp2acc3, .gp1cab6{position:relative;}
.gp1acc3hid, .gp2acc3hid, .gp1cab6hid{text-align:left;position:relative;backdrop-filter: blur(4px);transition-duration: var(--transition-duration);animation-duration: var(--animation-duration);transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);background-color: #ffffff1a;
border:2px solid #fff3;border-radius:var(--radius-bloc);box-sizing: border-box;overflow:hidden;height:100%}
.gp1cab6hid{background:white;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); animation-duration: 0.5s; transition-duration: 0.5s;
transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.gp1cab6hid:hover{ transform: translate(0, -10px) ;box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / .25);;}
.gp1acc3b, .gp2acc3b, .gp1cab6b{padding:25px;position:relative;z-index:2}
.gp1cab6c{text-align:center}
.gp1acc3:hover .linegpanim1, .gp2acc3:hover .linegpanim2, .gp1cab6:hover .linegpanim4{ width:100%;}
.gp1acc3:hover .gpicogp1acc3b, .gp2acc3:hover .gpicogp2acc3b { transform: scaleX(1.1) scaleY(1.1) rotate(3deg);}
.gp1acc3:hover .icolinkgp1acc3b, .gp2acc3:hover .icolinkgp2acc3b { transform: translate(15px, 0);}
.gp1acc3:hover .gp1acc3blur, .gp2acc3:hover .gp2acc3blur{opacity:1; transform: scaleX(1.05) scaleY(1.05);}
.gp1acc3:hover .gp1acc3hid, .gp2acc3:hover .gp2acc3hid{transform: scaleX(1.02) scaleY(1.02);
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(225, 255, 0, 0.3) 0px 0px 40px 0px;}
.gp2acc3:hover .gp1acc3hid{ box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 255, 200, 0.3) 0px 0px 40px 0px}
.bub1gpacc3, .bub2gpacc3{padding:7px 12px;float:right;line-height:1}
.gpicogp1acc3b, .gpicogp2acc3b{width:50px;height:50px;padding:20px; background-color: hsl(var(--color-1) / .3); border-radius:var(--radius-bloc);
transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);margin-bottom:25px;}
.gpicogp2acc3b{background-color: hsl(var(--color-2) / .3);}
.icogp1acc3b, .icogp2acc3b{width:50px;height:50px;background:hsl(var(--color-1)); }
.icogp2acc3b{background:hsl(var(--color-2)); }
.tigp1acc3b,.tigp2acc3b{color:white;font-weight:700;margin-bottom:15px;transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;}
.txtgp1acc3b, .txtgp2acc3b{color: #ffffffb3;margin-bottom:25px;line-height:1.5 }
.linkgp1acc3b, .linkgp2acc3b{color: hsl(var(--color-1));vertical-align:middle;}
.linkgp2acc3b{color: hsl(var(--color-2));}
.icolinkgp1acc3b, .icolinkgp2acc3b{background: hsl(var(--color-1));width:20px;height:20px;vertical-align:middle;margin-left:15px; transition-property: transform;
transition-timing-function:var(--transition-timing-function-bezier); transition-duration: var(--transition-duration);}
.icolinkgp2acc3b{background: hsl(var(--color-2));}
.gpacc4, .gpacc7{background-color:hsl(var(--color-1));padding:80px 0;text-align:center;}
.gpacc7{background-color:hsl(var(--color-2));}
.txtgpacc4, .txtgpacc7{text-align:center;font-weight:700;vertical-align:middle;}
.txtgpacc4 u, .txtgpacc7 u{text-decoration-color: hsl(0 0% 10% / .3);}
.icotxtgpacc7{width:40px;height:40px;background:black;margin-right:10px;vertical-align:middle;}
.gpacc5{padding:80px 0; background-color: hsl(0,0%,95%);}
.gpacc5x{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr));gap: 25px;}
.gpacc5b{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
background:white; border-radius:var(--radius-bloc); display: flex;gap:15px;padding:40px;}
.gpacc5c{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
width:30px;height:30px;padding:20px;display:flex;align-items: center;justify-content: center;background-color: hsl(var(--color-3));border-radius:var(--radius-blocmin);}
.icogpacc5{width:30px;height:30px;background:white}
.tigpacc5{font-weight:bold;margin-right:15px; vertical-align:middle;}
.tbubgpacc5{color:black;padding:2px 9px;font-weight:700;vertical-align:middle;margin:10px 0}
.txtgpacc5{line-height:1.6;color: hsl(0 0% 45%);margin-top:20px;}
.gpacc5b:hover .gpacc5c{transform: rotate(3deg) scaleX(1.1) scaleY(1.1);}
.gpacc5b:hover {box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transform: translate(0, -10px);}
.gpacc6, .gppresta15{padding:80px 0; background-color:hsl(0 0% 10%);position:relative }
.icogpacc6:before{content:'';display:inline-block; mask-size: contain!important;width:25px;height:25px;background-color: hsl(var(--color-1));}
.icogpacc6{display:flex;align-items: center;justify-content: center;gap:10px}
.icogpacc6:before{-webkit-mask: var(--svg-fleche-stat); mask: var(--svg-fleche-stat);}
.bcklineacc6-1, .bcklineacc6-2, .bcklineacc6-3, .bcklineacc6-4, .bcklineacc6-5{position:absolute; background-image: linear-gradient(to right, transparent, hsl(var(--color-1) / .2), transparent);
width:100%;height:1px}
.bcklineacc6-1{ top: 20%; animation: 3s linear 0s infinite normal none running slideRight;}
.bcklineacc6-2{ top: 40%; animation: 4s linear 0.5s infinite normal none running slideRight;}
.bcklineacc6-3{ top: 60%; animation: 5s linear 1s infinite normal none running slideRight;}
.bcklineacc6-4{ top: 80%; animation: 6s linear 1.5s infinite normal none running slideRight;}
.bcklineacc6-5{ top: 100%; animation: 7s linear 2s infinite normal none running slideRight;}
.gpacc6x{display: grid;grid-template-columns: repeat(5, minmax(0px, 1fr));gap:15px;}
.gpacc6b{ position: relative;box-sizing: border-box;}
.bckgpacc6b, .bckgpacc6bcol2, .bckgpacc6bcol3{width:100%;height:100%;transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;
filter: blur(24px);opacity: 0;background-color: hsl(var(--color-1) / .1);border-radius: var(--radius-bloc);top:0;left:0;position:absolute;}
.bckgpacc6bcol2{background-color: hsl(var(--color-2) / .1);}
.bckgpacc6bcol3{background-color: hsl(0 0% 100% / .1);}
.gpacc6c, .gpacc6ccol2, .gpacc6ccol3{width:100%;transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;
backdrop-filter: blur(8px);padding:32px;text-align:center; background-color: hsl(0 0% 100% / .05);border:1px solid hsl(0 0% 100% / .1);border-radius: var(--radius-bloc);box-sizing: border-box;}
.tnumgpacc6{font-weight:700;text-align:center;margin-bottom:10px;}
.txtgpacc6{color: hsl(0 0% 100% / .6);text-align:center}
.gplinechiffre{background-color: hsl(0 0% 100% / .1);overflow: hidden;border-radius: 9999px;height:3px;margin-top:15px;}
.linechiffre, .linechiffreb, .linechiffrew{background-color: hsl(var(--color-1)); border-radius: 9999px;width: 80%;animation: 2s ease-out 0s 1 normal forwards running grow;height:100%;}
.linechiffreb {background-color: hsl(var(--color-2));width: 90%;}
.linechiffrew {background-color: hsl(0 0% 100%);width: 70%;}
.gpacc6b:hover .bckgpacc6b, .gpacc6b:hover .bckgpacc6bcol2, .gpacc6b:hover .bckgpacc6bcol3{ opacity: 1;}
.gpacc6b:hover .gpacc6c{border-color: hsl(var(--color-1) / .5);}
.gpacc6b:hover .gpacc6ccol2{border-color: hsl(var(--color-2) / .5);}
.gpacc6b:hover .gpacc6ccol3{border-color: hsl(0 0% 100% / .5);}
.gpacc8{padding:80px 0; }
.gpacc8x{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));ustify-content: center;gap:30px;}
.gpacc8b{ position: relative;box-sizing: border-box;}
.imacc8{width:100%;aspect-ratio:1;transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);}
.gpacc8c{opacity: 0;transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
display: flex;align-items: flex-end;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%; background-image: linear-gradient(to top, hsl(var(--color-1) / .8), transparent);border-radius:var(--radius-img);
padding-bottom:10px;transform: translateY(30px);}
.gpacc8d{overflow:hidden;border-radius:var(--radius-img);}
.connected .gpacc8d{border-radius:0}
.gpacc8b:hover .gpacc8c{opacity: 1; transform: translateY(-10px);}
.gpacc8b:hover .imacc8{transform: scale(1.1);}
.connected .gpacc8b:hover .imacc8{transform: scale(1);}
.connected .gpacc8c{display:none;;}
.gpacc8b:hover .t_g{color:hsl(var(--color-3))}
.icogpacc8{width:30px;height:30px;background:hsl(var(--color-3))}
.gpicoacc8{background:white;border-radius:9999px;padding:10px;width:30px;height:30px;}
.gpacc9{}
.tigpacc9{text-align:center;color:white;}
.tigpacc9 b, .tigpacc9 bold, .tigpacc9 strong{color:hsl(var(--color-1))}
.txtgpacc9{text-align:center;color: #ffffff80;}
.moveacc9-1, .moveacc9-2, .moveacc9-3{animation: float 5s ease-in-out infinite;position:absolute;}
.moveacc9-1{top:9%;left:3%;border-radius:var(--radius-bloc);border:1px solid #ffffff1a; opacity:0.5;width:5%;aspect-ratio:1}
.moveacc9-2{bottom:9%;right:3%;border-radius:99999px;border:1px solid hsl(var(--color-1) / 0.2);width:7%;aspect-ratio:1}
.moveacc9-3{top:50%;right:25%;background-color: hsl(var(--color-2) / .1);border-radius:15px;width:3%;aspect-ratio:1}
.imacc9{width:100px;aspect-ratio:1;margin-bottom:40px;}
/**** PRESTA ****/
.gppresta1{display:block; box-sizing: border-box; padding-top:120px;}
.gppresta2{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));gap:40px; align-items: center;}
.bubpresta, .bubpresta2{ border:none;border-left:4px solid hsl(var(--color-1));border-radius:var(--radius-btn); }
.bubpresta2{ border-color: hsl(var(--color-2));}
.bubpresta .t_g{color: hsl(var(--color-1));}
.bubpresta2 .t_g{color: hsl(var(--color-2));}
.gppresta4{display:flex;align-items:center;gap:15px; flex-wrap: wrap;}
.gppresta5{ justify-content: flex-start;}
.gpcabinet7{justify-content: center;}
.pospresta1:before{background-color:black;width:15px;height:15px;}
.pospresta1{padding:5px 8px;color:black; animation: float 5s ease-in-out infinite;}
.impresta1{width:100%;aspect-ratio:1.2;}
.impresta1 img{border-radius:var(--radius-img);border:2px solid hsl(0 0% 90%);}
.animimgpresta1, .animimgpresta2, .animimgpresta3{ border-radius: 9999px;background-color: hsl(var(--color-1));animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;width:10px;height:10px; position: absolute; }
.animimgpresta1{top:-20px;right:70px;}
.animimgpresta2{width:5px;height:5px;top:70px;right:-20px; animation-delay: 500ms;}
.animimgpresta3{bottom:150px;left:-20px;width:7px;height:7px; animation-delay: 1000ms;}
.animimgpresta4{width:70px;aspect-ratio:1;border-left:2px solid hsl(var(--color-1) / .5);border-bottom:2px solid hsl(var(--color-1) / .5);position:absolute;bottom:-10px;left:-10px;}
.pospresta2{position:absolute;top:20px;right:20px;z-index:400;}
.pospresta3{position:absolute;bottom:20px;left:20px;z-index:400;}
.pospresta3:before{background-color:hsl(var(--color-3));width:20px;height:20px;}
.pospresta4{display:flex;align-items:center;gap:15px;position:absolute;right:50px;bottom:-50px;z-index:400;background:white;border-radius:var(--radius-btn);padding:10px;}
.poscabinet4{right:initial;left:-30px;bottom:-30px;}
.gpicopres6{ background-color: hsl(var(--color-3));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 hsl(var(--color-3) / .4), 0 4px 6px -4px hsl(var(--color-3) / .4);
border-radius:var(--radius-btn);width:50px;height:50px;padding:10px;box-sizing:border-box}
.icopres6{background-color:white;width:30px;height:30px; animation-duration: 0.3s;transition-duration: 0.3s; transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.gppresta6b{padding:80px 0; background-color:white;}
.gppresta7{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:40px;align-items: flex-start;}
.gppresta8{grid-row: span 2 / span 2;}
.gppresta9{ grid-column: span 2 / span 2;display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr));gap: 25px;}
.gppresta9grid4 { grid-template-columns: repeat(4, minmax(0, 1fr));}
.gppresta9grid3 { grid-template-columns: repeat(3, minmax(0, 1fr));}
.impresta8 {width:100%;aspect-ratio:0.70}
.gppresta10{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
border:2px solid rgb(243 244 246);background-color:white;border-radius:var(--radius-bloc); display: flex;gap:15px;padding:40px;flex-direction:column}
.gppresta10:hover{border:2px solid hsl(232 85% 42% / 0.2);}
.gppresta10std:hover{border:2px solid hsl(var(--color-1) / 0.2);}
.gppresta10stdb:hover{border:2px solid hsl(var(--color-2) / 0.2);}
.gppresta11{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
width:30px;height:30px;padding:10px;display:flex;align-items: center;justify-content: center;background-color: hsl(var(--color-3));border-radius:var(--radius-blocmin);}
.gpcontact11{background-color: hsl(var(--color-1));}
.gpcontact11b{background-color: hsl(var(--color-2));}
.icogppresta11{width:25px;height:25px;background:white}
.gpcontact11 .icogppresta11, .gpcontact11b .icogppresta11{background:black}
.gppresta11std{width:20px;height:20px;border-radius:9999px;background-color:hsl(var(--color-1))}
.icogppresta11std{width:20px;height:20px;}
.tigppresta12{font-weight:bold;margin-right:15px; vertical-align:middle;}
.tbubgppresta12{color:black;padding:2px 9px;font-weight:700;vertical-align:middle;margin:10px 0}
.txtgppresta12{line-height:1.6;color: hsl(0 0% 45%);margin-top:20px;}
.gppresta10:hover .gppresta11{transform: rotate(3deg) scaleX(1.1) scaleY(1.1);}
.gppresta10:hover {box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transform: translate(0, -10px);}
.gppresta13{background-color:hsl(var(--color-3));width:100%;padding:20px 0; white-space: nowrap;overflow:hidden;}
.txtdefilpresta{display:inline-flex;gap:15px;color:white;vertical-align:middle;margin:0 30px;}
.txtdefilpresta:before{background-color:hsl(var(--color-1));content:'';display:inline-block;width:10px;height:10px;border-radius:9999px;}
.gppresta14, .gpcabinet8b{display:flex;gap:20px;flex-wrap:wrap; justify-content: center;}
.txtpresta15{color: rgba(255, 255, 255, 0.6);}
.gppresta16{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr)); gap:20px; padding:2% 0;flex-wrap: wrap;}
.gppresta17{box-sizing:border-box;border-radius:var(--radius-img);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);background-color:white;
transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 0.5s;animation-duration: 0.5s;overflow:hidden;
}
.gppresta16grid3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.gppresta17:hover{transform: scaleX(1.02) scaleY(1.02);}
.gppresta18{position:relative;}
.bubgppresta18{position:absolute;z-index:400;top:10px;left:10px;padding:3px 10px;}
.impresta18{width:100%;aspect-ratio:1.5;border-radius:var(--radius-img) var(--radius-img) 0 0; transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 0.7s;animation-duration: 0.7s;}
.gppresta17:hover .impresta18{transform: scaleX(1.1) scaleY(1.1);}
.connected .gppresta17:hover .impresta18{transform: scaleX(1) scaleY(1);}
.gppresta19{padding:25px;}
.tigppresta19{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; animation-duration: 0.3s;}
.gppresta17:hover .tigppresta19 {color:hsl(var(--color-3))}
.tigppresta19:after{width:20px;height:20px;background:hsl(var(--color-3));opacity:0; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; animation-duration: 0.3s;}
.gppresta17:hover .ico-fleche-droitea:after {opacity:1}
.txt1gppresta19{color:hsl(var(--color-3))}
.txt2gppresta19{color:hsl(0 0% 45%);line-height:2;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.txtbubgppresta19{ background-color: rgb(243 244 246 ); border:1px solid rgb(229 231 235);padding:10px 20px;border-radius:9999px;margin-right:15px;}
.gppresta19b{padding-top:15px;margin-top:15px;border-top:1px solid hsl(0 0% 90%)}
.tlinkgppresta19{color:hsl(var(--color-3))}
.tlinkgppresta19:after{ width: 20px; height: 20px; background-color: hsl(var(--color-3)); transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 0.15s;}
.gppresta17:hover .tlinkgppresta19:after{ transform: translate(10px, 0);}
.gppresta20{position:relative;padding:80px 0;background-image: linear-gradient(to bottom,#f9fafb, #fff,hsl(var(--color-1) / .1)) ;}
.linegppresta20{position:absolute;bottom:0;left:0;width:100%;height:1px;background-image: linear-gradient(to right, transparent, hsl(232 85% 42% / .2), transparent);}
.gppresta20hid{background:hsl(var(--color-3));border:none;height:100%;}
.gppresta21{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:15px;}
.gppresta21b, .gppresta21c{display:flex;align-items: center;gap:15px;border-radius:var(--radius-btn)}
.tnumbgppresta21b{ color: hsl(var(--color-1));font-weight: 700; background-color: hsl(var(--color-1) / .2); justify-content: center; align-items: center; display: flex; width:25px;height:25px;border-radius:999px;}
.txtgppresta21b{}
.txtpresta21c{padding:5px 10px; background-color: hsl(var(--color-1) / .1);border-color: hsl(var(--color-1) / .2);}
.gppresta21c{border-radius:0;border-bottom: 1px solid #ffffff1a;padding-bottom:40px;}
.gppresta21d{justify-content: space-between;align-items: center; display: flex;}
.bulpresta21d{padding:10px;background:hsl(var(--color-1));width:20px;border-radius:9999px;}
.bulpresta21d:after{background:black;width:20px;height:20px;}
.txtpresta21d{display:flex;align-items: center;gap:10px; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;}
.txtpresta21d:before{content:'';display:inline-block;background:hsl(var(--color-1));border-radius:9999px;width:7px;height:7px; animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;}
.gppresta20hov:hover .gppresta21b{ background-color: #ffffff1a;}
.gppresta20hov:hover .txtpresta21d{color:hsl(var(--color-1))}
.gppresta20hov:hover .tigp1acc3b {color:hsl(var(--color-1))}
.gppresta22{background:#f9fafb;padding:80px 0;position:relative;}
.bubgppresta22{display:flex;align-items: center;gap:10px; position:absolute;z-index:400;top:10px;right:10px;padding:3px 10px;}
.connected .bubgppresta22{top:60px;}
.bubgppresta22:before{content:'';display:inline-block;background:black;border-radius:9999px;width:7px;height:7px; animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;}
.gppresta23{background:#ffffff;padding:80px 0;position:relative;}
.gpFAQs{}
.gpFAQs .group_duplicable_editor,.gpFAQs .duplicate_line {width:100%;vertical-align:top;margin:1% 0}
.gpFAQ{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; background-color: rgb(249 250 251 );border-radius:var(--radius-btn);
padding:30px;}
.gpFAQSel{background-color: hsl(232 85% 42% / .05);}
.gpFAQti{display:flex;justify-content: space-between;align-items: center;cursor:pointer;}
.gpFAQtxt{display: none;}
.icofaq{transition: all 0.5s ease 0s;cursor:pointer;width:15px;height:15px;background:black}
.tifaq{font-weight:700}
.descfaq{margin-top:20px;}
.connected .gpFAQtxt{display:block;}
.gppresta24 {background:hsl(0 0% 95%);padding:80px 0;position:relative;}
.gppresta24b{grid-template-columns: repeat(3, minmax(0px, 1fr));gao:20px; display: grid;}
.tbubgppresta24{color:hsl(var(--color-3));padding:2px 9px;font-weight:700;vertical-align:middle;margin:10px 0}
.gppresta25{background:black;padding:80px 0;position:relative;}
.gppresta25b{border-bottom:1px solid hsl(0 0% 90%)}
.gppresta25c{display:flex; justify-content: flex-start; gap: 10px;align-items: center;}
/*.gpprestareviewec{display: flex; position: relative; align-items: center;gap:40px; width:80%;margin:auto}
.gpprestareviewec1{transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; animation-duration: .3s; background-color: rgb(255 255 255);
border:2px solid rgb(229 231 235 ); border-radius: 9999px; justify-content: center; align-items: center; width:30px; aspect-ratio: 1; display: flex; cursor: pointer; padding:10px; }
.gpprestareviewec1:hover{background-color:hsl(var(--color-3)); border-color:hsl(var(--color-3))}
.icoreviewacc{width:20px;height:20px;background-color:black;transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; animation-duration: .3s;}
.gpprestareviewec1:hover .icoreviewacc{background-color:white}*/
.gpprestareviewec{display: block; position: relative; width:80%;margin:auto}
.GG_carprev, .GG_carnext {transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; animation-duration: .3s; background-color: rgb(255 255 255);
border:2px solid rgb(229 231 235 ); border-radius: 9999px; justify-content: center; align-items: center; width:30px; aspect-ratio: 1; display: flex; cursor: pointer; padding:10px; position:absolute;z-index:10}
.GG_carprev{left:-100px;}
.GG_carnext{right:-100px;}
.GG_carprev:before, .GG_carnext:before{ -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:hover, .GG_carnext:hover{background-color:hsl(var(--color-3)); border-color:hsl(var(--color-3))}
.GG_carprev:before, .GG_carnext:before{width:20px;height:20px;background-color:black;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:white}
.gpprestareviewec1b {overflow: hidden; display: flex; flex-wrap: nowrap; align-items: center; height: 360px;}
.connected .gpprestareviewec1b{overflow: auto;}
.gpprestareviewec .duplicate_line {
--slides: 1;
--width: calc(100% / var(--slides));
display:inline-block;width:var(--width); display: flex; flex-shrink: 0; position: relative;padding:2%;box-sizing:border-box}
.connected .gpprestareviewec1b{flex-direction: column;}
.gpprestareviewec2 { 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); background-color: rgb(255 255 255); border-radius:var(--radius-bloc);overflow: hidden; }
.gpprestareviewec3{background-image: linear-gradient(to bottom right, hsl(var(--color-3)), hsl(var(--color-3) / .9));padding:40px;position:relative;}
.txt1gpreviewecq{position:absolute;left:15px;top:15px;line-height:1}
.txt1gpreviewecq2{position:absolute;right:15px;bottom:-10px;line-height:1}
.gpprestareviewec4{display: flex; align-items: center;gap:20px;padding:40px;}
.gpprestareviewec5 { border-radius: 9999px;justify-content: center; align-items: center; display: flex; width:50px;aspect-ratio:1;background:hsl(var(--color-1))}
.gppresta26{background-color: rgb(249 250 251);padding:3%;animation-duration: .7s; transition-duration: .7s;transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1); text-align: center; border-radius:var(--radius-bloc);}
.gppresta27{padding:3%; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05); background-image: linear-gradient(to bottom right, hsl(var(--color-3) / .05), #fff, hsl(var(--color-1) / .1) );
border-radius:var(--radius-bloc);border:1px solid rgb(243 244 246)}
.gppresta28{background-color:white;padding:80px 0}
.gppresta28b{ grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; display: grid;gap:40px;background-color:white;}
.bgppresta28{ background-color: rgb(249 250 251 ); padding:3%; border-radius:var(--radius-bloc);}
.impresta28{width:100%;aspect-ratio:1.5}
.gppresta29{padding:80px 0}
.gppresta29b{ grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; display: grid;gap:40px;}
.bgppresta29{ padding:3%; border-left:4px solid hsl(var(--color-3)); background:white;}
.bgppresta29 b, .bgppresta29 strong, .bgppresta29 bold {color:hsl(var(--color-3))}
.bgppresta29b{ padding:3%; background:hsl(var(--color-1) / .1); border-radius:var(--radius-bloc);}
/*** LE CABINET ***/
.gpimscainet{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(0, 1fr)); gap:15px; aspect-ratio: 1.5;}
.imcab1{ grid-row: span 4 / span 4; grid-column: span 7 / span 7;}
.imcab2{ grid-row: span 3 / span 3; grid-column: span 5 / span 5;}
.imcab3{ grid-row: span 3 / span 3;grid-column: span 5 / span 5;}
.imcab4{grid-row: span 2 / span 2; grid-column: span 7 / span 7;}
.gpcabinet1{padding:80px 0}
.gpcabinet2{ display: grid; gap:20px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.gpcabinet3{position: relative;transition-delay: 0ms; animation-duration: .7s; transition-duration: .7s;transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);transform: scaleX(1) scaleY(1); height: 100%;}
.gpcabinet3a{ position: relative; animation-duration: .5s;transition-duration: .5s;transition-property: all; transition-timing-function: cubic-bezier(.4, 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);border-radius:var(--radius-bloc);overflow: hidden;
display: flex; flex-direction: column; height: 100%;align-items: center;}
.linegpanim3{ background-image: linear-gradient(to right, hsl(var(--color-3)), hsl(var(--color-3)) 0, hsl(var(--color-3) / .6)); height:8px;}
.gpcabinet3c{padding: 8%}
.gpcabinet3d{padding: 0 8% 8% 8%;display: flex; flex-direction: column; align-items: center;width:100%;box-sizing:border-box}
.imcab5{width:50%;display:block;margin:auto;aspect-ratio:1; }
.imcab5 img{border-radius:9999px; 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);
transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .7s;animation-duration: .7s;}
.bubgpcabinet3{padding:2%;width:100%;text-align:center}
.icogpcabinet3{width:20px;padding:10px;aspect-ratio:1;background:black;border-radius:9999px; display: block;}
.icogpcabinet3:before{width:20px;height:20px;background:white}
.gpcabinet3:hover{transform:translate(0,-10px)}
.gpcabinet3:hover .imcab5{ }
.gpcabinet3:hover .linegpanim3{ width:100%;}
.gpcabinet3:hover .imcab5 img{ transform-style: preserve-3d; transform: rotateY(180deg);}
.gpcabinet4{padding:80px 0}
.gpcabinet5{padding:80px 0;background:white}
.yeargpcabinet5{animation-duration: 0.7s; transition-duration: 0.7s;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); position: relative;
padding:0 0 50px 50px }
.linecabinetgp5{ background-image: linear-gradient(to bottom, hsl(var(--color-3)), hsl(var(--color-3) / .2) ); width: 2px; top: 40px; left: 13px;bottom: 0px;position: absolute;}
.gpbubanimgpcabinet5{animation-duration: 0.5s;transition-duration: 0.5s;transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);rgb(255 255 255);
border:4px solid hsl(var(--color-3));border-radius: 9999px;width:20px;aspect-ratio:1;position: absolute; left: 0px; top: 5px;}
.bubanimgpcabinet5{ position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px;background-color: hsl(var(--color-3));border-radius: 9999px;animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;}
.txtbubgpcabinet5{padding:5px 15px;font-weight:bold;}
.gpcabinet6{padding:80px 0}
.txtbubgpcab6{padding:5px 15px;}
.imcab6{width:40%;aspect-ratio:1;display:block;margin:20px auto}
.gpcabinet8{padding:80px 0;}
/*** CONTACT ***/
.gpcontact0 {display:flex}
.gpcontact12, .gpdetblog10{ 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); background-color: rgb(255 255 255);border-radius: var(--radius-bloc) ;padding:25px;}
.gpcontact13{padding:80px 0}
.gpcontact14{padding:80px;box-sizing:border-box; background-color:hsl(var(--color-3)); flex-direction: row;align-items: center;gap:40px;display: flex;border-radius: var(--radius-bloc) ;}
.gpcontact14b{ flex-basis: 70%;text-align: left;}
.gpcontact14c{ flex-basis: 30%;text-align:center;position:relative}
.bubcontact14{width:60%;aspect-ratio:1;border-radius: var(--radius-bloc) ;backdrop-filter: blur(4px);background-color: #ffffff1a;border-color: #fff3;text-align:center;align-items: center;
justify-content: center;}
.bubcontact14:before{width:55%;height:55%}
.bubcontact14b{position:absolute;top:-5px;right:-5px; padding:5px 10px; animation: float 5s ease-in-out infinite;}
.bubcontact14c{position:absolute;bottom:-5px;left:-5px; padding:5px 20px; animation: float 5s ease-in-out infinite;animation-delay: 1s;}
.gpcontact15{display: flex; justify-content: center;gap:40px;}
.bubgpcontact15{width:80px;aspect-ratio:1;background-color: hsl(0 0% 95%);border-radius:var(--radius-bloc) ; animation-duration: .3s; transition-duration: .3s;transition-property: all;
transition-timing-function: cubic-bezier(.4, 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);align-items: center;justify-content: center;}
.bubgpcontact15:before{background:black;width:40px;height:40px; animation-duration: .3s; transition-duration: .3s;transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);}
.bubgpcontact15:hover{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); transform: scaleX(1.05) scaleY(1.05);}
.bubgpcontact15:hover:before{background:hsl(var(--color-3))}
/*** BLOG ***/
.gpblog1{padding:80px 0; background:hsl(0 0% 95%);;}
.gpblog2{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));gap:40px;}
.gpblog3{ transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .3s; animation-duration: .3s; animation-delay: 0ms;
background-color: hsl(0 0% 100%);border-radius:var(--radius-bloc) ; overflow: hidden;}
.gpblog4{ position:relative; overflow: hidden; width:100%;aspect-ratio:1.4;}
.imblog1 { overflow: hidden; width:100%;aspect-ratio:1.4;}
.imblog1 img{transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .5s; animation-duration: .5s; animation-delay: 0ms;}
.gpblog5{padding:20px;}
.gpblog7{display:flex;justify-content: space-between;align-items: center;}
.tblogdate:before, .tblogtime:before{width:18px;height:18px;color:hsl(0 0% 45%)}
.tblogtime{margin-left:20px;}
.bubblog{padding:5px 20px;position:absolute;top:10px;left:10px;z-index:350;}
.gpblog3:hover{box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);transform: translate(0, -10px);}
.gpblog3:hover .imblog1 img{transform: scaleX(1.05) scaleY(1.05);}
.gpblog3:hover .txt18{color:hsl(var(--color-3))}
.gpdetblog1{padding:120px 80px;display:flex;flex-direction:row;gap:40px;}
.gpdetblog1b{display:flex;align-items: center;gap:20px;}
.bcontblog{flex-basis:70%}
.bcontnavblog{flex-basis:25%;position:relative;}
.bcontblog2{display:flex;gap:40px;align-items: center;}
.imblogdet1, .imblogdet2{width:100%;aspect-ratio:1.5}
.gpdetblog2{grid-template-columns: repeat(3, minmax(0, 1fr));gap:20px;display:grid;}
.gpdetblog3, .gpdetblog6, .gpdetblog8{ background-color: hsl(0 0% 95%);transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;text-align: center;
padding:40px;border-radius:var(--radius-bloc) ;}
.imblogdet3, .imblogdet4, .imblogdet6, .imblogdet9{background:white;border-radius:calc( var(--radius-bloc) - 10px );padding:10% ;width:15%;aspect-ratio:1;transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-duration: .15s;}
.gpdetblog3:hover{background-color: hsl(var(--color-1) / .1);}
.gpdetblog3:hover .imblogdet3{ background-color: hsl(var(--color-1) / .2);}
.gpdetblog4{background-color: hsl(0 0% 95%);padding:40px;border-radius:var(--radius-bloc) ;border-left:3px solid hsl(var(--color-3));
display: flex;align-items: flex-start;gap:40px;}
.imblogdet4, .imblogdet9{background:hsl(var(--color-3));width:30px;padding:15px;}
.imblogdet4 img{ filter: invert(1);}
.gpdetblog5, .gpdetblog7{grid-template-columns: repeat(1, minmax(0, 1fr));gap:20px;display:grid;}
.gpdetblog6, .gpdetblog8{padding:20px;display: flex;align-items: flex-start;gap:40px; }
.gpdetblog8{align-items: center;}
.imblogdet6{width:30px;padding:15px}
.tnumbgpdetblog6{width:30px;padding:10px;border-radius:9999px;aspect-ratio:1;background:hsl(var(--color-3));display:flex;align-items: center;justify-content: center;text-align:center}
.gpdetblog9{padding:40px;border-radius:var(--radius-bloc) ;background:hsl(var(--color-3));width:100%;box-sizing:border-box}
.gpdetblog9b{display:flex;;align-items: center;gap:40px;}
.imblogdet9{background:hsl(var(--color-1))}
.gpdetblog9 .group_duplicable_editor, .gpdetblog9 .duplicate_line{width:100%;}
.gpdetblog9c{display:flex;align-items: center;gap:20px;}
.icogpdetblog9c{width:20px;height:20px;background:hsl(var(--color-1))}
.bcontnavblog1{background-color: hsl(0 0% 95%);border-radius:var(--radius-bloc) ;padding:30px;width:100%;box-sizing:border-box;position:sticky;top:20%;left:0}
.btnblogdet{border-radius:var(--radius-bloc) ;padding:15px;width:100%;box-sizing:border-box; transition-property: all;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-duration: .2s;animation-duration: .2s;}
.btnblogdet:hover{background:white;}
#div_container_9_fo {padding:0;margin-top:0;}
.gpfooter{background-color: hsl(0 0% 10%);}
.gpdivfooter{border-bottom: 1px solid hsl( 0 0% 100% / .1);display:block;padding:80px 0}
.gpdivfooter2{padding:20px 0}
.gpfootx{display: flex; justify-content: space-between; align-items: center;flex-direction: row; gap:25px;}
.gpfoomenu{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;flex-direction: row; gap:25px;}
.mbutfoot, .tfootadd{color: hsl(0 0% 100% / .7);}
.mbutfoot a, .tfootadd, .gpfooicoment{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);}
.mbutfoot:hover a, .tfootadd:hover a, .gpfooicoment:hover .tfootadd{color: rgba(255, 255, 255, 0.976);}
.gpfooicoment:hover .icogpfoo2 {background: rgba(255, 255, 255, 0.976);}
.foLogo{width:200px;}
.foLogo img{border-radius:0}
.gpfoosoci, .gpfooicossoci, .gpfooicosment, .gpfooicoment{display: flex; justify-content: space-between; align-items: center;flex-direction: row; gap:15px;}
.gpfooicossoci, .gpfooicosment, .gpfooicoment{gap:5px;}
.gpfooicosoci{transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);
padding:8px;border:1px solid hsl(0 0% 100% / .2);border-radius: 9999px;}
.gpfooicosoci:hover{background-color: hsl(0 0% 100% / .1);border-color: hsl(0 0% 100% / .4);}
.icogpfoo{background:hsl(0 0% 90%);width: 17px; height: 17px;}
.icogpfoo2{background: hsl(0 0% 100% / .7);width: 17px; height: 17px; transition-property: all; transition-timing-function:var(--transition-timing-function-bezier);transition-duration: var(--transition-duration); animation-duration: var(--animation-duration);}
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(30px);}
100% { opacity: 1; transform: translateY(0);}
}
@keyframes grow {
0% { width: 0px;}
}
@keyframes slideRight {
0% { transform: translate(-100%); }
100% { transform: translate(100%); }
}
@keyframes floatDiscipline {
0%, 100% { transform: translateY(0px) rotate(0deg);}
25% { transform: translateY(-15px) rotate(2deg);}
50% { transform: translateY(-5px) rotate(-1deg);}
75% { transform: translateY(-20px) rotate(1deg);}
}
@keyframes float {
0%, 100% { transform: translateY(0px);}
50% { transform: translateY(-8px);}
}
@keyframes ping {
75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes gradient {
0% { background-position: 0% 50%;}
50% { background-position: 100% 50%;}
100% { background-position: 0% 50%;}
}
@keyframes pulse {
50% { opacity: .5;}
}
.mright20{margin-right:20px;}
.mleft10{margin-left:10px;}
.mbot40, h1.mbot40, h2.mbot40, h3.mbot40{margin-bottom:40px;}
.mbot10, h1.mbot10, h2.mbot10, h3.mbot10{margin-bottom:10px;}
.mbot20, h1.mbot20, h2.mbot20, h3.mbot20{margin-bottom:20px;}
.txt100{font-size:100px;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:80px;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:70px;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:50px;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:40px;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:30px;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:24px;}
.txt20{font-size:20px;}
.txt18{font-size:18px;}
.txt16{font-size:16px;}
.txt14{font-size:14px;}
.txt12{font-size:12px;}
.ftw700{font-weight:700}
.colorw{color:white;}
.colorg{color:hsl(0 0% 45%);}
.color-1{color:hsl(var(--color-1));}
.color-2{color:hsl(var(--color-2));}
.color-3{color:hsl(var(--color-3));}
.lh2{line-height:2}
.bgblack{background-color:black;}
.bggray{background-color:hsl(0 0% 95%)}
.bgcol2{background-color: hsl(var(--color-2));}
.borcol2{border-color: hsl(var(--color-2));}
.radiusBloc{border-radius:var(--radius-bloc);}
.rotate180{transform:rotate(180deg)}
@media only screen and (max-width : 1800px) {
:root {
}
.bcont{width:65%;}
}
@media only screen and (max-width : 1700px) {
:root {
}
.bcont{width:70%;}
.bcontbig{width:80%;}
.bcontmin{width:45%}
.gphead {width: 65%;}
.t_g, .mbut, .fc button, .fc table{font-size:16px;}
.txt100{font-size:90px;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:75px;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:65px;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:55px;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:35px;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:25px;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:20px;}
.txt20{font-size:20px;}
.txt18{font-size:18px;}
.txt16{font-size:16px;}
.txt14{font-size:14px;}
.txt12{font-size:12px;}
}
@media only screen and (max-width : 1600px) {
:root {
}
.bcont{width:75%;}
.bcontbig{width:85%;}
.bcontmin{width:50%}
.gphead {width: 70%;}
.t_g, .mbut, .fc button, .fc table{font-size:16px;}
.txt100{font-size:80px;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:70px;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:60px;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:50px;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:30px;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:20px;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:15px;}
.txt20{font-size:20px;}
.txt18{font-size:18px;}
.txt16{font-size:16px;}
.txt14{font-size:14px;}
.txt12{font-size:12px;}
}
@media only screen and (max-width : 1400px) {
:root {
}
.bcont{width:80%;}
.bcontbig{width:90%;}
.bcontmin{width:55%}
.gphead {width: 75%;}
.t_g, .mbut, .fc button, .fc table{font-size:15px;}
.txt100{font-size:70px;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:65px;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:55px;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:45px;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:25px;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:15px;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:12px;}
.txt20{font-size:18px;}
.txt18{font-size:16px;}
.txt16{font-size:14px;}
.txt14{font-size:14px;}
.txt12{font-size:10px;}
}
@media only screen and (max-width : 1200px) {
:root {
}
.bcont{width:85%;}
.bcontbig{width:95%;}
.bcontmin{width:60%}
.gphead {width: 80%;}
.t_g, .mbut, .fc button, .fc table{font-size:14px;}
.txt100{font-size:60px;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:60px;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:50px;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:40px;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:20px;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:15px;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:12px;}
.txt20{font-size:18px;}
.txt18{font-size:16px;}
.txt16{font-size:14px;}
.txt14{font-size:14px;}
.txt12{font-size:10px;}
}
/*telephone*/
@media only screen and (max-device-width : 468px) {
:root {
--radius-btn: 2vw;
--radius-img: 3vw;
--radius-bloc: 3vw;
--radius-blocmin: 2vw;
}
.bcont, .bcontbig{width:96%;}
.bcontmin{width:94%}
.gpheader { position: absolute; padding-top: 1vw;}
.gphead {width: 100%;padding:3vw;box-sizing:border-box}
.gphlogo {width: 50%; text-align: left; }
.heLogo { width: 13%;}
.gpmenumo { display: block; }
.ibutmob{width:8vw;height:8vw;fill:hsl(var(--accent));}
.GG_carprev, .GG_carnext {display:none;}
.linegpanim1, .linegpanim2, .linegpanim3, .linegpanim4 { height: 1vw;}
.gpmenu{display:none;position:absolute;top:19vw;left:2vw;right:2vw;
border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.9); padding: 2vw; gap: 1vw;
width: 96vw; border-radius: var(--radius-bloc);box-sizing:border-box }
.gpmmenu{display:block;text-align:center;margin:2vw 0}
.menupr { display: inline-flex;}
.gpsubmenu { width: 75%; padding-top: 2vw;z-index:800;position:relative;}
.t_g, .mbut, .fc button, .fc table{font-size:3.5vw;}
.bping { height: 2vw; width: 2vw;}
.noanimate-ping { width: 2vw;}
.bubtranswhite, .bubtranswhiteh, .bubcolor1, .bubcolor2, .bubcolor3, .bubcolor4, .bubwhite, .bubcolor3inv, .bubcolorcabinet { line-height: 1; padding: 2vw 4vw;}
.posacc1:before, .posacc2:before, .posacc3:before, .posacc4:before, .posacc5:before, .posacc6:before { width: 4vw; height: 4vw;}
.posacc1, .posacc2, .posacc3, .posacc4, .posacc5, .posacc6 { gap: 1vw;}
.posacc2, .posacc5 {display:none}
.bubleacc2 { width: 60%;}
.icobefore:before { width: 4vw; height: 4vw;}
.bubcolor1:after { width: 4vw; height: 4vw;}
.bubacc2, .bubpresta, .bubpresta2 { margin-bottom: 6vw; gap: 3vw;}
.btxtacc3 { margin-bottom: 8vw;}
.btxtacc4, .gppresta5, .gpcabinet7 { height: initial; gap: 4vw; flex-direction:column;align-items: center;}
.btnacc2, .btn2acc2, .btn3acc2, .btn4acc2, .btncabinet { gap: 2vw; padding: 3vw 5vw; width: fit-content;}
.icobtnacc2, .ico2btnacc2, .ico3btnacc2 { width: 3vw; height: 3vw;}
.bubcolor3:before { width: 4vw; height: 4vw;}
.gppresta21 { gap: 2vw;}
.gppresta21b, .gppresta21c { gap: 2vw;}
.tnumbgppresta21b { width: 7vw; height: 7vw;}
.gppresta21c { padding-bottom: 4vw;}
.txtpresta21d:before { width: 2vw; height: 2vw;}
.bulpresta21d { padding: 2vw; width: 5vw;}
.bulpresta21d:after { width: 5vw; height: 5vw;}
.gpacc2b { margin-bottom: 4vw;}
.imacc2 { margin: 4vw auto;}
.icotxt2tiacc2 { top: -2vw; right: -2vw; width: 4vw; height: 4vw;}
.gpacc3, .gpacc9, .gpacc4,.gpacc5, .gpacc6, .gpacc7,.gpacc8, .gppresta15, .gppresta20, .gppresta6b, .gppresta22,.gppresta23, .gppresta28 , .gppresta29 ,
.gpcontact13, .gpdivfooter { padding: 6vw 0;overflow:hidden;}
.bckgpacc3 { background-size: 5vw 5vw;}
.gpxacc3, .gpxcab6 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4vw;}
.gp1acc3b, .gp2acc3b, .gp1cab6b { padding: 3vw;}
.gpicogp1acc3b, .gpicogp2acc3b { width: 8vw; height: 8vw; padding: 2vw; margin-bottom: 3vw;}
.icogp1acc3b, .icogp2acc3b { width: 8vw; height: 8vw;}
.tigp1acc3b, .tigp2acc3b { margin-bottom: 2vw;}
.txtgp1acc3b, .txtgp2acc3b { margin-bottom: 2vw;}
.icolinkgp1acc3b, .icolinkgp2acc3b { width: 3vw; height: 3vw; margin-left: 3vw;}
.gpacc5x { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4vw;}
.gpacc5b { gap: 3vw; padding: 5vw;}
.gpacc5c { width: 8vw; height: 6vw; padding: 2vw; }
.icogpacc5 { width: 6vw; height: 6vw;}
.tigpacc5 { margin-right: 2vw;}
.tbubgpacc5 { margin: 2vw 0;}
.txtgpacc5 { margin-top: 2vw;}
.icogpacc6:before { width: 4vw; height: 4vw;}
.gpacc6x { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4vw;align-items:center}
.gpacc6b { width: 70%;margin: auto;}
.gpacc6c, .gpacc6ccol2, .gpacc6ccol3 { padding: 3vw;}
.tnumgpacc6 { margin-bottom: 2vw;}
.gplinechiffre { height: 3px; margin-top: 2vw;}
.gpacc8x { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 8vw;}
.gpacc8b{width:60%;margin:auto;}
.gpacc8c { padding-bottom: 1vw; transform: translateY(3vw);}
.gpacc8b:hover .gpacc8c { transform: translateY(-1vw);}
.gpicoacc8 { padding: 2vw; width: 5vw; height: 5vw;}
.icogpacc8 { width: 5vw; height: 5vw;}
.moveacc9-1 { width: 15%;}
.moveacc9-2 { width: 17%;}
.moveacc9-3 { width: 13%;}
.imacc9 { width: 10vw; margin-bottom: 4vw;}
.gppresta1 { padding-top: 25vw; height:auto;padding-bottom:6vw}
.gppresta2 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4vw;}
.bubpresta, .bubpresta2 { border-width: 1vw }
.gppresta4 { gap: 3vw;}
.gppresta5 {margin:6vw 0}
.impresta1 { width: 80%; margin: auto; display: block;}
.animimgpresta1, .animimgpresta2, .animimgpresta3 { width: 2vw; height: 2vw;}
.animimgpresta1 { top: -2%; right: 7%;}
.animimgpresta2 { width: 3vw; height: 3vw; top: 30%; right: 0;}
.animimgpresta3 { bottom: 15%; left: 0; width: 2vw; height: 2vw;}
.animimgpresta4 { width: 15vw; bottom: -3%; left: 8%;}
.pospresta4 { gap: 2vw; right: 15%; bottom: -2%; padding: 2vw;}
.gpicopres6 { width: 10vw; height: 10vw; padding: 2vw;}
.icopres6 { width: 6vw; height: 6vw;}
.pospresta1:before { width: 4vw; height: 4vw;}
.gppresta7 { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4vw;}
.gppresta8{display:none;}
.gppresta9 { grid-column: span 1 / span 1; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4vw;}
.gppresta10 { gap: 4vw; padding: 4vw;}
.gppresta11 { width: 8vw; height: 8vw; padding: 2vw;}
.icogppresta11 { width: 5vw; height: 5vw;}
.tigppresta12 { margin-right: 2vw;}
.tbubgppresta12 { margin: 2vw 0;}
.txtgppresta12 { margin-top: 2vw;}
.gppresta16 { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 4vw; padding: 2% 0;}
.gppresta19 {padding: 4vw;}
.bubgppresta18 { top: 2vw; left: 2vw;}
.txtbubgppresta19 { padding: 2vw 4vw; margin-right: 2vw;}
.gpFAQs .group_duplicable_editor, .gpFAQs .duplicate_line { margin: 2vw 0;}
.gpFAQ { padding: 5vw;}
.gpFAQti {gap:4vw}
.tifaq { width: 84vw;}
.icofaq { width: 4vw; height: 4vw;}
.gppresta28b, .gppresta29b { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4vw;}
.gpdetblog1 { padding: 20vw 0 5vw 0; gap: 0;}
.bcontnavblog{display:none;}
.bcontblog { flex-basis: 100%;}
.gpdetblog1b { gap: 2vw;}
.gpdetblog2 { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4vw;}
.gpdetblog3, .gpdetblog6, .gpdetblog8 { padding: 4vw;}
.imblogdet3, .imblogdet4, .imblogdet6, .imblogdet9 { border-radius: calc(var(--radius-bloc) - 1vw); padding: 4%;}
.imblogdet6 { width: 7vw; padding: 2vw;}
.gpdetblog5, .gpdetblog7 { gap: 4vw;}
.gpdetblog6, .gpdetblog8 { gap: 4vw;}
.gpdetblog9 { padding: 3vw;}
.gpcontact12, .gpdetblog10 { padding: 2vw; box-sizing:border-box;}
.gpcontact14 { padding: 3vw; gap: 4vw;}
.bubcontact14b { top: -5vw; right: -2vw;font-size:3vw}
.bubcontact14c { bottom: -5vw; left: -2vw;font-size:3vw}
.bubcontact14:before { width: 55%; height: 55%;}
.gpcontact15 { gap: 4vw;}
.bubgpcontact15 { width: 15vw;}
.bubgpcontact15:before { width: 6vw; height: 6vw;}
.gpfootx { flex-direction: column; gap: 4vw;}
.foLogo {width: 40vw;}
.gpfoomenu { flex-direction: column; gap: 3vw;}
.gpfoosoci, .gpfooicossoci, .gpfooicosment, .gpfooicoment { gap: 2vw;}
.gpfooicosoci { padding: 2vw;}
.icogpfoo { width: 4vw; height: 4vw;}
.gpdivfooter2 { padding: 6vw 0;}
.icogpfoo2 { width: 4vw; height: 4vw;}
.txt100{font-size:9vw;}
.txt80, .ti80 h1, h1.ti80, .ti80 h2, h2.ti80, .ti80 h3, h3.ti80, .txt80 h1, h1.txt80, .txt80 h2, h2.txt80, .txt80 h3, h3.txt80 {font-size:6vw;}
.txt70, .ti70 h1, h1.ti70, .ti70 h2, h2.ti70, .ti70 h3, h3.ti70, .txt70 h1, h1.txt70, .txt70 h2, h2.txt70, .txt70 h3, h3.txt70{font-size:5vw;}
.txt50, .ti50 h1, h1.ti50, .ti50 h2, h2.ti50, .ti50 h3, h3.ti50, .txt50 h1, h1.txt50, .txt50 h2, h2.txt50, .txt50 h3, h3.txt50{font-size:4.5vw;}
.txt40, .ti40 h1, h1.ti40, .ti40 h2, h2.ti40, .ti40 h3, h3.ti40, .txt40 h1, h1.txt40, .txt40 h2, h2.txt40, .txt40 h3, h3.txt40{font-size:4vw;}
.txt30, .ti30 h1, h1.ti30, .ti30 h2, h2.ti30, .ti30 h3, h3.ti30, .txt30 h1, h1.txt30, .txt30 h2, h2.txt30, .txt30 h3, h3.txt30{font-size:3.5vw;}
.txt24, .ti24 h1, h1.ti24, .ti24 h2, h2.ti24, .ti24 h3, h3.ti24, .txt24 h1, h1.txt24, .txt24 h2, h2.txt24, .txt24 h3, h3.txt24{font-size:3vw;}
.txt20{font-size:3.5vw;}
.txt18{font-size:3.5vw;}
.txt16{font-size:3.2vw;}
.txt14{font-size:3vw;}
.txt12{font-size:2.8vw;}
.mright20{margin-right:2vw;}
.mleft10{margin-left:1vw;}
.mbot40, h1.mbot40, h2.mbot40, h3.mbot40{margin-bottom:4vw;}
.mbot10, h1.mbot10, h2.mbot10, h3.mbot10{margin-bottom:1vw;}
.mbot20, h1.mbot20, h2.mbot20, h3.mbot20{margin-bottom:2vw;}
}