:root {
	--color-1: #0774BA;
  --color-2: #929292; 
  --color-3: white;
  --color-4: #929292;
	--txt-bright-color:#ffffff;
    --shinyInput-color: #333;
    --shinyInput-background: #f9f9f9;
    --shinyInput-border: #333;
}



@font-face {    font-family: 'fontti';    src: url('fontti.eot');    src: url('fontti.eot?#iefix') format('embedded-opentype'),        url('fontti.woff2') format('woff2'),        url('fontti.woff') format('woff'),        url('fontti.ttf') format('truetype'),        url('fontti.svg#fontt') format('svg');    font-weight: normal;    font-style: normal;    }
@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;}
html{height:100%;min-width:100%;width:100%; /*user-select: none;*/	background-color:#f9f9f9;	}
.bgacc, .bgfoot{position: relative;	display: block;padding-top:5vh;}
.bgacc:before, .bgfoot:before{
	content: '';
	display: block;
	position:absolute;
	width:100%;
	height:100%;
	background-image: url("/css/bgacc.svg");
    background-size: 100%;
    background-repeat: no-repeat; 
    top: 5vh;
    left:0;
    z-index: 1;
   
    display: flex;
    align-items: center;}
.bgacc{ aspect-ratio: 17 / 12;}    
.bgfoot{} 
.bgfoot:before{background-image: url("/css/bgfoot.svg");}

body {margin:0;  min-width: 100%; width:100%; height:100%;-webkit-tap-highlight-color: transparent;}
b, strong{font-weight:bold;}
u{position: relative;    text-decoration: auto;
    z-index: 1;}
u:after{
    content: '';
    position: absolute;
    height: 0.3em;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    background-color: #929292;
    bottom: 0em;
    left: 0;
    z-index: -1;
}



img { max-width: 100%; max-height: 100%; /*width:auto;*/ width:100%;height:auto; }

#global_container{width:100%;display:block;	position:relative;}
.previewOverlay{z-index:700;}


.athide, .athideNC{display:none;}
.athideuser{display:none;}
.connected .athideuser{display:block;}
.hidden{opacity:0}
.visible{opacity:1}
/*.GandG_displayCodeP{display:block;width:60%;}*/
.ql-indent-1{margin-left:50px;}

div[class^=line_form].athide{display:none;}
.connected .athideNC{display:block;}
.bcenter{text-align:center;}
*{outline: 0;}
a{border : none;text-decoration : none;}
a .t_g{border : none;text-decoration : none;}

a.mbut:visited{color:white;}
.gphead-scr a.mbut:visited{color:black;}
a.mbut:hover, .mbut:hover{color:black;}
a.mbutach:visited, a.mbutach:hover{color:white;}
a.mbut:hover:after{width:100%}
.gphead:hover a.mbut:hover:after{border-color:var(--color-1);}

a.linkClickedCurrentPage:link{color:var(--color-1);}
a.linkClickedCurrentPage:visited{color:var(--color-1);}

.gpmenu a.linkClickedCurrentPage:visited{color:white; }
a.mbutach.linkClickedCurrentPage:visited{color:white;}
a.linkClickedCurrentPage.mbut:after{width:100%;}
.gphead:hover a.linkClickedCurrentPage:visited, .bhcont a.linkClickedCurrentPage:visited, .gphead-scr a.linkClickedCurrentPage:visited{color:var(--color-1); }
.gphead:hover a.linkClickedCurrentPage.mbut:after, .gphead-scr a.linkClickedCurrentPage.mbut:after{border-color:var(--color-1);}

input[type="text"], input[type="password"], input[type="number"],  textarea,
.GandG_account input[type="text"], .GandG_account select, .GandG_account input[type="password"], .GandG_account input[type="date"], .GandG_account textarea, 
.GandG_cart input[type="text"], .GandG_cart select, .GandG_cart input[type="password"], .GandG_cart input[type="date"], .GandG_cart textarea { font-size: 20px; line-height:40px; border-radius:10px; width: 98%; padding:1%; background-color:#ffffff; border:1px solid var(--color-1);	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:200px;	}
[class^="icons-"]:before, [class*=" icons-"]:before,[class^="icons-"]:after, [class*=" icons-"]:after, .container_imsgpacc15	.carousel-control-prev:before,  .container_imsgpacc15	.carousel-control-next:before ,
.gg_sendIcon:before{  text-align:center;    display: inline-block;  font-family: icons !important; vertical-align:middle;   font-style: normal;    font-weight: normal !important;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
[class^="icons-"] > div, [class*=" icons-"]>div, .container_imsgpacc15	.carousel-control-prev>div,  .container_imsgpacc15	.carousel-control-next>div{display:inline-block;vertical-align:middle;}
[class^="icons-"] > div, [class*=" icons-"]>div {max-width:82%}
[class^="icons-"]:before, [class*=" icons-"]:before {width:15%}
.icons-assurance:before {    content: "\f101";}
.icons-saas:before {    content: "\f102";}
.icons-comptabilite:before {    content: "\f103";}
.icons-cocher:before {    content: "\f104";}
.icons-coche:before {    content: "\f105";}
.icons-iphone:before {    content: "\f106";}
.icons-arroba:before {    content: "\f107";}
.icons-phone:before {    content: "\f108";}
.icons-pin:before {    content: "\f109";}
.icons-envoyer:before, .gg_sendIcon:before  {    content: "\f10a";}
.bgfoot .gg_sendIcon:before{color:white;}
.icons-rowfaq:before {    content: "\f10b";}
.icons-faq:before {    content: "\f113";width:initial}
.icons-facebook:before {    content: "\f115"; width:initial}
.icons-youtube:before {    content: "\f116";width:initial}
.icons-linkedin:before {    content: "\f114";width:initial}



.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-family:"Roboto",Times,serif;	color:black;font-size:18px;line-height:1.5}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-family:"fontti",Times,serif;font-weight:normal;color:black;margin-bottom:10px;font-size: 40px;margin-top:0}
h1, h1.t_g {font-family:"fontti",Times,serif;font-weight:normal}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color-1);font-weight:normal}
li{margin:0.75em auto}
.posrelat{position:relative}
.alignCenter{text-align:center;}
.alignCenter li{text-align:left;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignTop{vertical-align:top;}




.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btnstd,.btnstdb,.btnstdw, .bhcont, .btnslidetar{padding:12px 40px;border-radius:50px;color:var(--color-1);text-align:center;font-size:20px;transition: background-color 0.5s ease 0s;transition: color 0.5s ease 0s;cursor:pointer;font-weight:bold;width:initial}
.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, .btnstd,.btnstdb,.btnstdw, .bhcont, .btnslidetar {background-color: var(--color-3);box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
.btnstdb{background-color: var(--color-1); color:white;}
.btnstdw{background-color: white;background-image: none;color:var(--color-1)!important}
.btnstd:hover,.btnstdb:hover,.btnstdw:hover{background-color: var(--color-4);  color:var(--color-3);  box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.05), 0px 45px 27px rgba(0, 0, 0, 0.09), 0px 20px 20px rgba(0, 0, 0, 0.15), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.2);}
.btnstdb:hover{background-color: var(--color-2);}
.btnstdw:hover{background-color:white;color:var(--color-3)!important}
.mbutach:hover{box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}



#div_container_1_h, #div_container_5_fr,#div_container_6_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 100%;z-index:2;}
#div_container_5_fr{padding-bottom:20px;position:relative;z-index:100; width:100%;margin:auto ;margin-top:110px;}
#div_container_5_fr:has(.c1){margin-top:0px;}
.connected #div_container_5_fr:has(.c1){margin-top:110px;}

.gpgims{position:absolute;width:100%;}
.connected .gpgims{position:relative;}
.gpgims2{position:relative;margin-top:-110px;}
.gpgims2 .imsacc{    aspect-ratio: 16 / 5;}
.container_imsacc {width:100%;}
.imsacc {width:100%;height:auto;aspect-ratio: 16/7;background-color:transparent;color:black;overflow:hidden;}

.imsacc img, .imsacc2 img{max-height:200%; max-width:130%;min-width: 100%;}
.imsacc .item_image.carousel .item img{height: auto;}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel {animation-duration: 1s; animation-fill-mode: both;animation-name: zoomIn; padding: 0%;vertical-align: middle; margin: auto;}
.imsacc .item{height: 100%;}
.imsacc .carousel-caption{bottom:25%;left:40%;width:40%;}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel{border-left: 5px solid var(--principal-color);}
.imsacc .title_gen_carrousel{position:relative;padding: 3% 0; display:block;font-size: var(--x-large-text); animation-delay: 500ms;text-align:center}
.imsacc .description_gen_carrousel {position:relative;transition: 0.3s;display:block;font-weight:normal;animation-delay: 1500ms;font-size: var(--medium-text);margin: auto;padding: 1% 0 0 0;}
.imsacc .bCar {transition: all 0.5s ease 0s!important; position: absolute;    bottom: 5%;    left: 55%;  color:var(--font-carousel-title-color);background-color: var(--bg-carousel-title-color);font-size: var(--x-large-text);    border: 2px solid var(--principal-color);    padding: 10px 50px;    border-radius: 10px;}
.imsacc .bCar:hover {background:rgba(0,0,0,0.8)}

.connected .bgacc{position:relative;}



.bcont, .bcontpad{display:block;margin:auto;width:70%;position:relative;z-index:1}
.bcontpad{width:76%;padding:2%;}
.bcontmin{display:block;margin:auto;width:60%;position:relative;z-index:1}
.bcontmin2{display:block;margin:auto;width:60%;position:relative;z-index:1; max-width:500px;}
.bcont2{display:block;margin:0 10% 0 0;width:90%;position:relative;z-index:1}
.bcont3{display:block;margin:0 0 0 10%;width:90%;position:relative;z-index:1}
.bcontvid, .gpacc12{display:block;margin:auto;width:96%;position:relative;z-index:1; background: linear-gradient(90deg, #3988D8 0%, var(--color-1) 100%);border-radius: 30px; }
.gpacc12{width:92%;padding:2%;text-align:center;}
.bcontvid .t_g, .bcontvid h3, .gpacc12 .t_g, .gpacc12 h3{color:white;text-align:center;}

.twhite {color:white;}

#div_container_1_h{position:fixed;top:0;left:0;z-index:600}
.gphead{position:relative;width:100%;display:block;margin:auto;text-align:left;transition: all 0.5s ease 0s;border-radius: 0px 0px 20px 20px;}
.connected .gphead{position:relative;}
.gphead-scr{background:white}
.backhead{background:rgba(255,255,255,0.7)}
.gphead:hover, .bgWhite{background:white;}

.gpheader{width:70%;display:block;margin:auto}
.gplogo{width:13%;vertical-align:middle;text-align:center; margin: 1% 0;}
.logo{width:100%;min-height:30px;transition: all 0.5s ease 0s;}
.logo-scr{width:100%;}
.gpmenumo{display:none;}
.bhcont{box-shadow:none;background:white;margin-bottom:20px;font-size:15px;font-weight:normal;border:1px solid white;vertical-align:middle;}
.bhcont b, .bhcont strong {color:var(--color-3)}
.bhsocial {vertical-align:middle;margin-bottom: 20px;}
.bhsocial .t_g{color:white;}
.bhsocial .icons-facebook:before, .bhsocial .icons-linkedin:before, .bhsocial .icons-youtube:before {color:white; font-size:22px;margin-left:10px}
.gpmenus{transition: all 0.5s ease 0s;width:87%;text-align:right;padding:0.5% 0 1% 0;vertical-align:middle;}
.mbut, .mbutach, .mbutco{cursor:pointer;text-align:left;vertical-align:middle;transition: all 0.5s ease 0s;border:none;margin-left:30px;color:white;position:relative;padding-bottom:0;font-size:16px;}
.mbut:hover{color:var(--color-1)!important; }
.mbut:after{content:'';position:absolute;bottom:-2px;right:0;width:0;transition: all 0.5s ease 0s;border-bottom:2px solid white;}
.mbutach{margin-left:5%;font-size:16px;color:white;padding:10px 20px;}
.mbutco{color:black;font-weight:bold}
.cmenu li {  display: inline-block;}
.gphead:hover .mbut, .gphead-scr .mbut {color:black;}
.gphead:hover .icons-facebook:before, .gphead:hover .icons-linkedin:before, .gphead:hover .icons-youtube:before, 
.gphead-scr .icons-facebook:before, .gphead-scr .icons-linkedin:before, .gphead-scr .icons-youtube:before{color:black}
.bhcont-scr{border-color:var(--color-3)}


/** PAGE REF **/
.pageRef {text-align:center;}
.irefer {width:100%;height:50vh;margin:2vw 0}
.irefer {display:block;overflow:hidden;}
.irefer img{width:100%;max-height:initial}
.pageRef .button_valid{margin:2vw;    display: inline-block;}

/*** ACCUEIL ***/
.gpacc1, .gpacc2, .gpacc3, .gpacc4,.gpacc4b,.gpacc4c, .gpacc8, .gpacc10{width:48%;vertical-align:middle;position:relative;z-index:3}
.gpacc1{width:48%;margin-top: 30vw;min-width:500px;}
.gpacc1 .t_g:not(.btnstd){margin:auto;width:90%;}
.gpacc2, .gpacc4,.gpacc4b,.gpacc4c{width:48%;margin-left:4%;}
.imacc1{width:70%;height:auto;aspect-ratio:1;position:relative;}
.imacc1 img{clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
/*.gpacc3{padding:5% 5% 5% 10%;width:33%;margin-left:-5%;border-radius:40px;	-webkit-box-shadow: 5px 0px 24px -10px #cccccc; box-shadow: 5px 0px 24px -10px #cccccc;}*/
.gpacc3{width: 44.3%; min-width:300px;        margin-left: auto;
        margin-right: auto;} 
.gpacc3.cropped{clip-path: polygon(100% 0%, 0 0, 0 96%);}
.gpacc3b{width:100%; text-align:center; display:block;}
.imacc3{width:100%;height:auto;aspect-ratio:1;}
.gpacc3.cropped .imacc3{aspect-ratio:1;}
.gpacc4,.gpacc4b,.gpacc4c{width:56%;margin-left:-10%;}
.gpacc5, .gpacc5b, .gpacc5c{padding:2%;margin:2% 0;width:85%; box-sizing: border-box; border-radius:200px;background-color: var(--color-1)}
.gpacc5b{margin-left:10%;}
.gpacc5{margin-left:20%;}
.gpacc6, .gpacc7{width:20%;vertical-align:middle;}
.gpacc7{width:80%;}
.gpacc7 .t_g, .gpacc7 h3{color:white;}
.gpacc7 .t_g{font-size:15px;}
.gpacc7 h3{font-size:30px!important;margin-bottom:5px}
.gpacc6{text-align:center}
.imacc6{width:40%;min-height:50px;}
.imacc6 img{filter: invert(1);}
	.imgbg{background-image: url('/css/bgboxreorder.webp');    background-size: auto;position:relative; z-index:1; overflow:hidden;}
	.boxreorder{;position:relative; z-index:1; }
	
.gpback8{background-color:#f2f2f2;margin:5% 0;padding:4%;width:92%;-webkit-box-shadow: -30px -82px 40px -90px #CCCCCC; box-shadow: -30px -82px 40px -90px #CCCCCC}
.gpacc8 {width:40%}
.gpacc10 {width:60%; display: block; flex-direction:column;margin:auto;}
.gpacc9, .gpacc9b{padding:2% 5%;width:55%;box-sizing:border-box;border-radius:40px;background: linear-gradient(45deg,  #8dbc48 0%,#abbc48 100%);  margin:2% 0}
.gpacc9b{margin-left:45%;}
.tnumbacc{color:white;font-size:70px;font-family:"fontti",Times,serif;text-align:center}
.tnumbacc div{display:block;margin:2% 0}
.tnumbacc .suffixe{font-family:"Roboto",Times,serif;font-size:15px;}

.gpacc11{padding:2%;width:11%;border-radius:40px;background: linear-gradient(45deg,  #305b9e 0%,#378db3 100%); }
.gpacc11 .t_g, .gpacc11 h3, .gpacc11 h3 strong, .gpacc11 bold, .gpacc11 b{color:white}
.wrapper2{width:100%;  height:auto;  position:relative;   overflow:hidden;vertical-align:middle;aspect-ratio: 100/25;}
.box2{   position:absolute;  text-align:center;}
.boxes2 {  width:150%; position:relative;  margin-left:-25%;  display:flex;}
.connected .wrapper2, .connected .wrapper3{overflow:auto;}
.connected .boxes2 {margin-left:0;flex-wrap: wrap;    justify-content: center;}
.connected .box2{position:relative;margin:50px;width:20%;}
.connected .boxes2 {  width:100%; left:0;  }
.connected .wrapper2{aspect-ratio: auto;}

.bavis{position:relative;}
.container_imsgpacc15	.carousel-inner {height:auto}
.bavis:after{content:'';display:inline-block;-webkit-box-shadow: 0 0 60px -32px #8a8a8a;
-moz-box-shadow: 0 0 60px -32px #8a8a8a;
box-shadow: 0 0 60px -32px #8a8a8a;position:absolute;z-index:0;    width: 70%;    height: 100%;    top: 0;    left: 15%;}

.container_imsgpacc15{background:#f9f9f9;position:relative;z-index:10}
.imsgpacc15 {display:block;width:50%;margin:auto;padding:2% 0}
.imsgpacc15 .carousel-item.active, .imsgpacc15 .carousel-item-next, .imsgpacc15 .carousel-item-prev {height:auto;vertical-align:middle;}
.imsgpacc15 .carousel-item {display:block!important;opacity:0;transition: all 0.5s ease 0s;}
.imsgpacc15 .carousel-item.active {opacity:1}
.imsgpacc15 .carousel-inner {display: flex; align-items: center;}


.imaccequip{width:100%;height:100%;aspect-ratio:16/12;margin-bottom:30px;}
.imaccequip img{border-radius:20px;}



/***** Gallerie photo ***/
.lazyload, .lazyloading {opacity: 0;filter: blur(5px);}
.lazyloaded {filter: blur(0);transition: 1s;}
.grid{margin:20px auto 50px;}
.grid .duplicate_line{width:25%;background:white;padding:1%;box-sizing:border-box;}
.pprodTitle{position:absolute;left:50%;     transform: translate(-50%, 0);display:inline-block;width:auto;}
.bicat{width:100%;padding:9px;box-sizing:border-box;cursor:pointer;text-align:center;}
.connected .group_duplicable_editor:has(.bicat){width:25%;}
.connected .bicat{width:100%; min-height:150px;}
img.lazyloaded, .icat{width:100%;}
.imnow img{width:100%;}
.lazyloaded:hover{opacity:1}
.previewOverlay .prevSpan, .previewOverlay .nextSpan, .closePopImg{font-size:0;padding:0; line-height:1; border-radius: 100%;}
.previewOverlay .prevSpan:before, .previewOverlay .nextSpan:before, .closePopImg:before{padding: 0.5em;line-height:1;display:inline-block; font-size: x-large;}
.prevTitle{text-align:center;} 



/** Formulaire **/
.fcontact .t_g, .fcontact label{font-size:medium}
.shinyGroup input, .shinyGroup textarea{font-size:medium;line-height:1;}

.flexContForm{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.shinyGroup, .loginFormConnect .line_form{ position: relative;  font-size:medium; margin: 1em 0; /** creer de l'espace pour pour le label qui remonte et a l'ombre sur le hover**/}
.shinyGroup .cell_1_form, .shinyGroup .cell_2_form:not(:has([type=radio])), .loginFormConnect .line_form .cell_1_form, .loginFormConnect .line_form .cell_2_form{display:contents;}

.loginFormConnect .line_form, .shinyGroup.fullW{width:100%;text-align:left;display:block;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.loginFormConnect .line_form input, .loginFormConnect .line_form label, .shinyGroup input, .shinyGroup textarea, .shinyGroup label{font-size:medium;}
.shinyGroup textarea{height: 10em;width: 100%; box-sizing: border-box;}
.shinyGroup input:not([type=radio]) , .shinyGroup textarea, .loginFormConnect .line_form input:not([type=radio]){ width: 100%;    line-height: 1.5; padding: 0.5em 1em; box-sizing: border-box; text-align: left; color: var(--shinyInput-color); border: 1px solid var(--color-1); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.1em;}
.shinyGroup input:focus, .shinyGroup textarea:focus, .loginFormConnect .line_form:focus{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;outline: none;border-color:  var(--color-1);}
.shinyGroup input::placeholder , .shinyGroup textarea::placeholder, .loginFormConnect .line_form input::placeholder{ color: transparent;}
  /* Hide Safari's autofill button*/
.shinyGroup input::-webkit-contacts-auto-fill-button, .shinyGroup textarea::-webkit-contacts-auto-fill-button, .loginFormConnect .line_form  input::-webkit-contacts-auto-fill-button{ visibility: hidden; pointer-events: none; position: absolute;}
.shinyLabel, .shinyGroup:not(:has([type=radio])) label, .loginFormConnect .line_form label{position: absolute; top: 0.75em; left: 1em; color: var(--shinyInput-color);  pointer-events: none; transform-origin: left center; transition: all 0.2s ease 0s;}
.loginFormConnect .line_form .cell_1_form:has(+ .cell_2_form input:focus) label, 
.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown)) label,
aa.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:-webkit-autofill)) label,
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus) label, 
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}

.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}

.shinyGroup select{ width: 100%;box-sizing:border-box; padding: 0.5em; background: whitesmoke;font-size: var(--font-size-medium);}
div[class^=line_form] {
    width:100%;
}
.inpRGPD .cell_1_form{display:none;}


/*** TARIFS ***/
.gptar1{background:#FFFFFF;border-radius:50px;position:relative;z-index:1;width:45%;}
.gptar2{}
.gptar3{width:100%;}
.txtbtnslidetar5, .txtbtnslidetar15, .txtbtnslidetarmore{width:29%;padding:1% 2%;text-align:center;vertical-align:middle;height:50px;position:relative;z-index:5;font-size:20px;cursor:pointer;transition: all 0.5s ease 0s;}
.btnWhiteSlide{color:white;}

.btnslidetar{width:29%;height:50px;font-size:0;position:absolute;z-index:3;top:0;left:0;transition: all 0.5s ease 0s;padding:1% 2%;}
.leftBtnSlide{left:33%;}
.leftBtnSlide2{left:67%;}
.gptar5{display:none}

.gpcoltar1, .gpcoltar2, .gpcoltar3, .gpcoltar4, .gpcoltar5{width:28%;padding:1%;vertical-align:middle;text-align:center;}
.bsticky .gpcoltar1,.bsticky .gpcoltar2, .bsticky .gpcoltar3, .bsticky .gpcoltar4, .bsticky .gpcoltar5 {vertical-align:top;}
.gpcoltar1 .t_g, .gpcoltar2 .t_g, .gpcoltar3 .t_g, .gpcoltar4 .t_g, .gpcoltar5 .t_g {color:black}
.gpcoltar1{text-align:left}
.titabprice{font-size:20px;height:50px;}
.gpcoltar2, .gpcoltar3, .gpcoltar4, .gpcoltar5{width:15.5%}
.imgcoltar2{width:70%;}
.blinetar .group_duplicable_editor,.blinetar .duplicate_line{display:block;}
.piclinetar{width:50px;height:50px;}
.gpfonct4{border:1px solid white;padding:60px 40px; border-radius:30px; background:rgba(255, 255, 255, 0.30);}
.gpfonct4{padding:20px;}
.gpfonct3 .group_duplicable_editor,.gpfonct3 .duplicate_line {width:100%;vertical-align:top;margin:1% 0}
.gpfonct3 .t_g{color:black;}
.icofaq{position:absolute;top:20px;right:20px;transition: all 0.5s ease 0s;cursor:pointer}
.icofaq:before{transition: all 0.5s ease 0s;}
.tifaq{font-weight:bold;cursor:pointer;color:var(--color-1)!important;}
.descfaq{margin-top:20px;display:none;}
.connected .descfaq{display:block;}
.btabprice, .bsticky{background:rgba(255,255,255,1);border-radius:25px}
.bsticky{position:sticky;top:115px;z-index:350;}


/*** CONTACT ***/
.bbcontactcoor {display:flex;flex-direction:row}
.bcontactcoor{width:100%; box-sizing:border-box; vertical-align:top;}
.bcontactcoor{text-align:left;display:flex; flex-direction:column }
.bcontactcoor .tifoot{text-align:left}
.bcontactcoor .icons-iphone, .bcontactcoor .icons-envoyer, .bcontactcoor .icons-phone, .bcontactcoor .icons-pin { margin: 15px 0; }
.bcontactcoor .icons-iphone:before, .bcontactcoor .icons-envoyer:before, .bcontactcoor .icons-phone:before, .bcontactcoor .icons-pin:before { font-size: 25px; }
.fcontact{width:100%;display:block;text-align:right}
.fcontact input,.fcontact  select, .fcontact  textarea{color:var(--color-1);width:100%;display:inline-block; padding:2%; background: rgba(255, 255, 255, 0.30);     border: 1px solid var(--color-1);border-radius:20px; box-sizing:border-box;}
.fcontact input[type="checkbox"] {width:initial;}
.fcontact ::placeholder{color:var(--color-1);}
.fcontact  select {width:100%;padding:4% 2%;font-weight:normal}
.fcontact option{color:black;}
.fcontact textarea{height:150px}
.fcontact table , .fcontact tbody{width:100%;}
.inpRGPD .cell_2_form { text-align: left;}
.fcontact td { display: block;margin:5px 0}
.gpcontform {border-radius:25px;background:none;}
.gpcont3 {width:50%;}
.gpcont4 {width:41%;}


#div_container_9_fo{}
.bfootback{}
.bfoot .t_g, .bgacc .t_g:not(.btnstd) {color:white}

.bfoot{display:block;width:100%;margin:auto;text-align:left;padding:0;box-sizing:border-box; margin-top:0;position:relative;}
.bfologo{width:100%;text-align:center;margin:5vw 0;}
.logofo{width:20%;}
.bfoinfo,.bfoinfo2,.bfoinfo3, .bfoinfo4{width:33%;padding:2%;vertical-align:top;box-sizing:border-box;}
.bfoinfo4{width:34%;}
.bfoinfo4{background:#ffffff;border-radius:10px}
.bfoinfo4 .t_g{color:black;}
.bfoot .icons-iphone:before, .bfoot .icons-envoyer:before, .bfoot .icons-phone:before, .bfoot .icons-pin:before {    font-size:25px}
.bfoot .icons-iphone, .bfoot .icons-envoyer, .bfoot .icons-phone, .bfoot .icons-pin {margin:15px 0}
.logoquali{width:100%;}

.fo_contrap .g_sinphone{vertical-align: middle;background-color: #cccccc; border-radius: 5px 0 0 5px; color:white	;border-width: 0;     padding: 5px 10% 5px 5px; box-sizing:border-box;}
.fo_contrap .cell_1_form {display:none;}
.fo_contrap {    display: inline-flex;    width:100%}
.inpmailfo {background-color: #ffffff; }
.gg_sendIcon{padding:5px 0;border:none;width:20%!important;margin-left:-10%;background:var(--color-1);box-shadow:none;border-radius:5px;height:50px;}
.table_form_global__9_fo__form__055__100__form {width:90%;border-spacing: 0!important;}
.inpRGPD .cell_2_form {padding-top:15px;}
.tfootrap {margin-bottom:15px;font-size:14px;} 
.tifoot{font-size:25px;margin-bottom:10px;font-family:"fontti",Times,serif;font-weight:normal}
.bconcept {padding:2%;text-align:right;box-sizing:border-box; margin-top:50px;}
.grecaptcha-badge{display:none;}

.imsacc .carousel-caption{display: none}
.imgPageRef{width:100%; height:auto; aspect-ratio:8/3;margin:3% auto;}
/*** Anim ***/
.appRight, .appLeft{animation-delay: 400ms;}
.appRight2, .appLeft2{animation-delay: calc( 2*400ms );}
.appRight3, .appLeft3{animation-delay: calc( 3*400ms );}
.appRight4, .appLeft4{animation-delay: calc( 4*400ms );}


.bmb20{margin:20px 0}
.bmb40{margin:40px 0}
.mbot40{margin-bottom:40px}
.mbot80{margin-bottom:80px}
.mtop80{margin-top:80px}
.ptop80{padding-top:80px}
.mtop40{margin-top:40px}
.mLR20{margin-left:20px; margin-right:20px}

@media 	only screen and (max-width : 1600px) {
	.gpacc11{width:14%}
	.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:17px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 35px;}
	.tnumbacc {  font-size: 65px;}
}

@media 	only screen and (max-width : 1400px) {
	.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 32px;}
	.tnumbacc {  font-size: 60px;}
	.bcont, .bcontpad, .bfoot {  width: 80%;}
	.bfoot {width: 90%;}
	.gpacc11{width:18%}
	.wrapper2{aspect-ratio:100/30}
}

@media 	only screen and (max-width : 1200px) {
	.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:15px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 30px;}
	.tnumbacc {  font-size: 55px;}
	.bcont, .bcontpad, .bfoot {  width: 90%;}
	.p1080{max-width:100%;}
	.bfoot{width:90%;}
	.grid .duplicate_line{width:33.33%;}
	.gpacc11{width:25%}
}



@media 	only screen and (max-width : 468px) {
	:root {
	
	}
	
	html, body{height:100%;}
	.t_g, label, h1, h2, h3, .newBlockSearchResult .item_name, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder, .bchiffres .suffixe {margin-top:0;	font-size:4vw; line-height:1.5}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw; line-height:1.5;margin:2vw 0 1vw 0}
	h2, h3, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw;line-height:1.5;}
	.gpacc7 h3{  font-size: 5vw !important;line-height:1;}
	.bgacc{padding-top: 85%;}
	.gpacc1 .t_g:not(.btnstd){color: black;}
	input[type="text"], input[type="password"], input[type="number"], textarea, select, option, .GandG_account input[type="text"], .GandG_account select, .GandG_account input[type="password"], .GandG_account input[type="date"], .GandG_account textarea, .GandG_cart input[type="text"], .GandG_cart select, .GandG_cart input[type="password"], .GandG_cart input[type="date"], .GandG_cart textarea {
    font-size: 4vw;
    line-height: 1.2;}
	.bgfoot:before{display:none;}
	.bmb40{margin:2vw 0!important}
	.mbot40{margin-bottom:2vw!important}
	.mbot80{margin-bottom:6vw!important}
	.mtop80{margin-top:6vw!important}
	.ptop80{padding-top:6vw!important}
	.mtop40{margin-top:4vw!important}
	.bcontmin, .bcontmin2 {  width: 96%;}
	.bcont, .bcontpad {   width: 96%;	}
	.bcont2, .bcont3 { margin: auto;    width: 96%;}
	.grid .duplicate_line{width:50%;}
	.gpacc1{min-width:100%;}
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete, #button_refuse, #button_accept, .btnstd, .btnstdb, .btnstdw, .bhcont, .btnslidetar{padding: 2vw 4vw;border-radius:5vw;font-size:4vw;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.01), 0px 5px 5px rgba(0, 0, 0, 0.05), 0px 10px 10px rgba(0, 0, 0, 0.09), 0px 5px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
	
	#div_container_5_fr{padding-bottom:2vw;padding-top:2vw;}
	.gphead{border-radius: 0px 0px 2vw 2vw;background:white;}
	#div_container_1_h {position:relative;}
	.gpheader {   width: 100%; }
	.gplogo {  width: 17%; padding:2%   }
	.headCont{position:absolute;top:2vw;right:2vw;}
	.bhcont{box-shadow:none}
	.bhsocial .icons-facebook:before, .bhsocial .icons-linkedin:before, .bhsocial .icons-youtube:before { color: black;    font-size: 5vw;    margin-left: 1vw;}
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:1vw;margin-top: 0;top: 2vw; z-index: 320; width:10vw;height:10vw;}
	.gpmenus {  width: 100%;    text-align: center;   padding: 0; position: relative;}
	.ibutmob {width:8vw;height:8vw;fill:var(--principal-color)}
	.gpmenu{  transition: none; display:none;  overflow: auto;     flex-flow: nowrap;    background-color: white;    width: 100%;text-align:center!important;padding:0; position: absolute;}
	.gpmenu .cmenu {display: inline-flex;}
	.gpmenu .cmenu li {  display: block;}
	.mbut{margin:0 1vw;font-size:3vw;}
	.mbut{font-size:4vw;white-space: nowrap;text-align:center;margin:2vw 0;width:100%}
	.headCont-scr .t_g{font-size:2.5vw}
	.logo-scr { width: 100%;}
	/*.headCont-scr .bhcont {padding: 1vw;margin-bottom:0}
	.headCont-scr .bhsocial {   margin-bottom: 0;	}
	.headCont-scr .bhsocial .icons-facebook:before,.headCont-scr  .bhsocial .icons-linkedin:before,.headCont-scr  .bhsocial .icons-youtube:before { color: black;    font-size: 4vw;    margin-left: 1vw;}*/
	
	#div_container_9_fo {    margin-top: 5vw; background-position-y: 10vw; }
	.bfoot{width:100%; margin-top:2vw;}
	.bfoot .bcont{background-color: var(--color-1); width:100%; padding:2%; box-sizing: border-box;}
	.bfoot .bcont .gg_sendIcon:before{color:white;}
	.logofo {    width: 50%; min-height:initial;}
	.bfoinfo1, .bfoinfo2, .bfoinfo3, .bfoinfo4 { width: 50%;margin:2vw 0}
	.bfoot .t_g{line-height:5vw; font-size:4vw;}
	.icofoo:before {  font-size: 4vw;}
	.tfootcon{font-size:1.3vw;margin-top:2vw;}
	.tifoot{font-size:4.5vw;padding-bottom:0.5vw;margin-top:2vw}
	.tfoosmap{margin:1.5vw 0;}
	.tconcep{margin-top:4vw;font-size:3vw!important;}
	
	
	
	.gpacc1, .gpacc2, .gpacc3.cropped, .gpacc4, .gpacc4b, .gpacc4c, .gpacc8, .gpacc10 {  width: 100%; margin: 4vw 0; padding:0; clip-path: unset;}
	.gpacc5, .gpacc5b, .gpacc5c {  padding: 2%;    width: 96%;   border-radius: 3vw;    margin: 2%; display:flex;}
	.gpacc6 {display:flex;}
	.imacc6 {    width: 90%;    align-content: center;}
	.gpacc7 { width: 100%;}

	.boxreorder{display:flex;flex-direction:column;}
	.boxreorder .order1{order:1}
	.boxreorder .order2{order:2}
	.boxreorder .order3{order:3}
	.boxreorder .order4{order:4}
	.boxreorder .order5{order:5}
	.boxreorder .order6{order:6}
	.tnumbacc { font-size: 10vw;}
	.wrapper2 { aspect-ratio: 100 / 60;}
	.boxes2 { width: 200%;    margin-left: -50%;}
	.gpacc11 {width:35%}
	.imsgpacc15 {  width: 92%;    padding: 4%;}
	.descfaq {margin-top:2vw;}
	
	.bsticky .gpcoltar1, .bnosticky .gpcoltar1{display:none;}
	.blinetar .gpcoltar1 {display:block;width:100%;}
	.gpcoltar2, .gpcoltar3, .gpcoltar4, .gpcoltar5 {width:23%;padding:1%;}
	.bsticky { top: 3vw;}
	.gptar1 { border-radius: 15vw;width:100%;}
	.txtbtnslidetar5, .txtbtnslidetar15, .txtbtnslidetarmore, .btnslidetar {  width: 29vw;    padding: 1vw 2vw;    height: 8vw;    font-size: 3vw;}
	.leftBtnSlide { left: 33vw;}
	.leftBtnSlide2 {  left: 66vw;}
	.tprice5, .tprice15 , .tpricemore {font-size:3vw}
	.bfoinfo, .bfoinfo2, .bfoinfo3, .bfoinfo4 {width:50%;vertical-align:top;margin:2vw 0}
	.bfoinfo3{display:none;}
	.bfoinfo4 {width:100%;}
	.fo_contrap .g_sinphone{    border-radius: 3vw 0 0 3vw;  padding: 1vw 5vw 1vw 1vw;line-height:9vw}
	.gg_sendIcon{    height: 11vw;    border-radius: 3vw;}
	
	
}