:root {
	--color-1: #305b9e;
  --color-2: #3aa4bd; 
  --color-3: #8dbc48;
  --color-4: #abbc48;
  
  --fontlvl2-submenu-color-hover:#305b9e;
	--txt-bright-color:#ffffff;
	--radius-std:20px;
	--fontlvl1-submenu-size:17px;
	--fontlvl2-submenu-size:17px;
}


@font-face {    font-family: 'cicle';    src: url('cicle.eot');    src: url('cicle.eot?#iefix') format('embedded-opentype'),        url('cicle.woff2') format('woff2'),        url('cicle.woff') format('woff'),        url('cicle.ttf') format('truetype'),        url('cicle.svg#cicle') format('svg');    font-weight: normal;    font-style: normal;    }
@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%; font-size:0;overflow-x:hidden;/*user-select: none;*/	background-color:#f9f9f9;	 font-size:0;overflow-x:hidden;
	background-image: url("../view/global/background/background.svg");background-position: inherit;background-repeat: no-repeat;background-size: 80% ;background-position-x: right;background-position-y: 10%;}
body {margin:0;  min-width: 100%; width:100%; height:100%;-webkit-tap-highlight-color: transparent;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%; /*width:auto;*/ width:100%;height:auto; }

#global_container{width:100%;display:block;	position:relative;}
.previewOverlay{z-index:100;}


.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:white;}
.gphead-scr a.linkClickedCurrentPage:link{color:var(--color-1)!important;}
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";}
.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:"cicle",Times,serif;	color:black;font-size:18px;}
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: 35px;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}
h1 .ql-size-small{font-size:0.5em}

.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:white;text-align:center;font-size:20px;transition: all 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);background-image: linear-gradient( to left, rgba(141,188,72,1), rgba(255,255,255,0));
	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);background-image: linear-gradient( to left, rgba(50,96,166,1), rgba(255,255,255,0));}
.btnstdw{background-color: white;background-image: none;color:var(--color-1)!important}
.btnstd:hover,.btnstdb:hover,.btnstdw:hover{background-color: var(--color-4);    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 ;padding-top:250px;}

.bcont, .bcontpad{display:block;margin:auto;width:80%;position:relative;z-index:1}
.bcontpad{width:76%;padding:2%;}
.bcontmin{display:block;margin:auto;width:60%;position:relative;z-index:1}
.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:80%;display:block;margin:auto}
.gplogo{width:13%;vertical-align:middle;text-align:center;margin-left:0;vertical-align:middle;}
.logo{width:100%;min-height:30px;transition: all 0.5s ease 0s;}
.logo-scr{width:50%;}
.gpmenumo{display:none;}
.bhlang {display:block;text-align:right}
.bhlang a,.bhlang a.linkClickedCurrentPage, .bhlang a.linkClickedCurrentPage:visited, .bhlang .t_g {color:white}
.bhcont{box-shadow:none;border:1px solid white;margin-bottom:20px;font-size:15px;font-weight:normal;background:transparent;vertical-align:middle;color:white;margin-right:20px;}
.bhcont a,.bhcont a.linkClickedCurrentPage, .bhcont a.linkClickedCurrentPage:visited {color:white}
.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:18px;}
.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;}
.gg_sm { width: max-content;}
.cmenu .lvl1{left:30px;border-radius:0 0 7px 7px}
.cmenu .lvl2{width:230%;border-radius:0 0 7px 7px}
.gg_sm.lvl2 .gg_smn:before {color: var(--color-1);}
.lvl2 a { white-space: wrap;}

.lvl1 li, .lvl2 li{padding:3px 5px;}
.gphead:hover .mbut, .mbut-scr {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}
.gphead:hover .bhcont, .headCont-scr .bhcont{border:1px solid black}
.gphead:hover .bhcont a, .headCont-scr .bhcont a, .headCont-scr .bhcont a.linkClickedCurrentPage:visited,
.gphead:hover .bhlang a, .gphead:hover .bhlang .t_g, .headCont-scr .bhlang a, .headCont-scr .bhlang a.linkClickedCurrentPage:visited, .headCont-scr .bhlang .t_g{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}
.gpacc2, .gpacc4,.gpacc4b,.gpacc4c{width:48%;margin-left:4%;}
.imacc1{width:70%;height:auto;aspect-ratio:1;position:relative;}
.imacc1 img{border-radius:500px;position:relative;z-index:2;}
.imacc1:before{content:'';display:inline-block;width:100%;height:auto;aspect-ratio:0.8;position:absolute;top:0;left:0;z-index:0;background-image: url("../view/global/background/backimgacc.svg");background-position: inherit;background-repeat: no-repeat;background-size: 100% ;}
.imacc1b:before{background-image: url("../view/global/background/backimgaccgr.svg");}
/*.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{padding:2%;width:36%;}
.gpacc3b{width:50%;vertical-align:middle;text-align:center}
.imacc3{width:90%;height:auto;}
.gpacc4,.gpacc4b,.gpacc4c{width:56%;margin-left:4%;}
.gpacc5, .gpacc5b, .gpacc5c{padding:2%;width:85%;box-sizing:border-box;border-radius:200px;background: linear-gradient(45deg,  #305b9e 0%,#378db3 100%); margin:2% 0}
.gpacc5b{margin-left:5%}
.gpacc5c{margin-left:10%}
.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);}

.imcopecr{width:85%;aspect-ratio:1.5;vertical-align:bottom}
.imcopecr img, .imcopecrmob img{border-radius:15px;position:relative;z-index:2;border:10px solid black}
.imcopecrmob img{border:5px solid black}
.imcopecr:before{background-size: 120% ;  background-image: url("../view/global/background/backimgaccgrecr.svg");}
.imcopecrmob{width:25%;aspect-ratio:0.55;margin-left:-10%;z-index:350;position:relative;margin-bottom:20px;vertical-align:bottom}


.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:55%;margin-left:5%}
.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:"cicle",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:var(--radius-std);}

/*** 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;}

.gpfonct5{width:25%;vertical-align:middle;}
.gpfonct6{width:73%;margin-left:2%;vertical-align:middle;}
.gpfonct7{width:46%;padding:2%;text-align:center;}
.imtar5{width:100%;}


/*** QUI SOMMES NOUS ***/
.gptromb .group_duplicable_editor,.gptromb .duplicate_line {width:28%;vertical-align:top;margin:2%}
.gptromb1{width:100%;box-sizing:border-box;padding:2%}

.gptromb4{padding:0 0 0 0;position:relative;}
.gptromb4{text-align:left;width:100%;z-index:4;}
.imgtromb{width:100%;aspect-ratio:1;margin-bottom:35px}
.imgtromb img{border-radius:500px;}
.imgtromb:before {    content: '';    display: inline-block;    width: 100%;    height: auto;    aspect-ratio: 0.8;    position: absolute;   top: 0;    left: 0;    z-index: 0;    background-image:url("../view/global/background/backimgaccgr.svg");    background-position: inherit;    background-repeat: no-repeat;    background-size: 100%;}
.imgtromb a{width:100%;height:100%}
.tnametrom{width:100%; padding: 0 ;vertical-align:top;color:black;font-weight:bold;font-size:22px;}
.tpostetromb{width:100%; padding: 0;text-align:right;vertical-align:top;color:rgba(25, 24, 37, 0.40);margin-top:15px}
.desctromb{color:black;margin-bottom:20px;width:100%; padding: 0;margin-top:15px}




/*** prestations ***/
.item_name .prefixe{font-style:italic;color:gray}
.barticles{text-align:center;}
.barticles .group_duplicable_editor, .barticles .duplicate_line {margin:0.5vw;vertical-align:top;padding:1vw;border:1px solid #999999;border-radius:4px;}
.barticle{width:20vw;min-width:250px;padding:20px 0}





/*** ACTUALITES ***/
.gpblog .group_duplicable_editor,.gpblog .duplicate_line {width:28%;vertical-align:top;margin:2%}
.gpblog1{width:100%;}
.gpblog4{background:#ffffff;border-radius: var(--radius-std);padding:0 0 0 0;position:relative;}
.gpblog4{text-align:left;margin-top:-15px;width:calc( 100% - 32px);z-index:4;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);}
.imgblog{width:100%;height:100%;aspect-ratio:1;margin-bottom:15px}
.imgblog img{border-radius:  var(--radius-std) var(--radius-std) 0  0px;}
.imgblog a{width:100%;height:100%}
.tiblog{width:92%; padding: 0 4%;vertical-align:top;color:black;font-weight:bold;height:3em;}
.timeblog, .timeblogD{width:92%; padding: 0 4%;text-align:right;vertical-align:top;color:rgba(25, 24, 37, 0.40);}
.timeblogD{width:100%; padding:4% 0}
.timeblog:before{color:rgba(25, 24, 37, 0.40);}
.descblog{height:7em;overflow:hidden;color:black;margin-bottom:20px;width:92%; padding: 0 4%;}
.btnblog{  width:100%; border-radius: 0  0px var(--radius-std) var(--radius-std); box-sizing:border-box;}
.vidactu, .bcont > div[id*="5_fr__video__300__001__video"]{width:70%;height:25vw;margin:40px auto;display:block;}  
.connected .vidactu {width:100%; margin:auto;}
.imactu img, .imqev img{border-radius:var(--radius-std)}
.imactu:before{display:none}

/*** CONTACT ***/
.bbcontactcoor {display:flex;flex-direction:row}
.bcontactcoor{width:50%; 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:96%;display:inline-block; padding:2%; background: rgba(255, 255, 255, 0.30);     border: 1px solid var(--color-1);border-radius:20px;	}
.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%;font-size:0;}
.fcontact table tr td:nth-child(1){display:none;}
.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{margin-top: 50px;background-image: url("../view/global/background/backfooter.svg");background-position: inherit;background-repeat: no-repeat;background-size: 100% ;background-position-x: center;}
.bfootback{}
.bfoot .t_g{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-bottom:3%;}
.logofo{width:20%;}
.bfoinfo,.bfoinfo2,.bfoinfo3, .bfoinfo4{width:22%;padding:2%;vertical-align:top;box-sizing:border-box;}
.bfoinfo4{width:30%;}
.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;}



/*** 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, h2.mbot40{margin-bottom:40px}
.mbot80{margin-bottom:80px}
.mtop80{margin-top:80px}
.mtop40{margin-top:40px}
.mLR20{margin-left:20px; margin-right:20px}


@media 	only screen and (max-width : 1600px) {
	:root {
	--fontlvl1-submenu-size:17px;
	--fontlvl2-submenu-size:17px;
	}
	
	
	.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: 32px;}
	.tnumbacc {  font-size: 65px;}
}

@media 	only screen and (max-width : 1400px) {
	:root {
	--fontlvl1-submenu-size:16px;
	--fontlvl2-submenu-size:16px;
	}
	
	.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: 28px;}
	.mbut{    font-size: 15px;}
	.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) {
	:root {
	--fontlvl1-submenu-size:15px;
	--fontlvl2-submenu-size:15px;
	}
	
	
	.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:15px;}
	.mbut{    font-size: 14px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 27px;}
	.tnumbacc {  font-size: 55px;}
	.bcont, .bcontpad, .bfoot {  width: 90%;}
	.bfoot{width:90%;}
	.gpacc11{width:25%}
}

@media 	only screen and (max-width : 1200px) {
	:root {
	--fontlvl1-submenu-size:13px;
	--fontlvl2-submenu-size:13px;
	}
	
	
	.mbut{    font-size: 13px;}
}

@media 	only screen and (max-device-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:initial}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw; line-height:initial;margin:2vw 0 1vw 0}
	h2, h3, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw;line-height:7vw;}
	
	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: 5vw;}
	
	.bmb40{margin:2vw 0!important}
	.mbot40{margin-bottom:2vw!important}
	.mbot80{margin-bottom:6vw!important}
	.mtop80{margin-top:6vw!important}
	.mtop40{margin-top:4vw!important}
	.bcontmin {  width: 96%;}
	.bcont, .bcontpad {   width: 96%;	}
	.bcont2, .bcont3 { margin: auto;    width: 96%;}
	
	
	.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;display: flex;    align-items: baseline;}
	.bhcont{box-shadow:none}
	.bhsocial .icons-facebook:before, .bhsocial .icons-linkedin:before, .bhsocial .icons-youtube:before { color: black;    font-size: 5vw;    margin-left: 1vw;}
	.bhcont a, .bhcont a.linkClickedCurrentPage, .bhcont a.linkClickedCurrentPage:visited, .bhlang .t_g,.bhlang a{color:black;}
	.bhcont { border: 1px solid black;    margin-bottom: 2vw;    color: black; margin-right:2vw}
	.bhlang {display:inline-block;    margin-right: 2vw;}
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:1vw;margin-top: 0;top: 11vw; z-index: 320; width:10vw;height:10vw;}
	.gpmenus {  width: 96%;    text-align: center;   padding: 2%;}
	.ibutmob {width:8vw;height:8vw;fill:var(--principal-color)}
	.gpmenu{  transition: none; display:none;  overflow: auto;     flex-flow: nowrap;    width: 100%;text-align:center!important;padding:0}
	.gpmenu .cmenu {display: inline-flex;}
	.gpmenu .cmenu li {  display: block;}
	.gpmenu .gg_sm a {  white-space: wrap;}
	.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:96%;margin-top:2vw;}
	.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, .gpacc4, .gpacc4b, .gpacc4c, .gpacc8, .gpacc10 {  width: 100%; margin: 4vw 0; padding:0}
	.gpacc5, .gpacc5b {  padding: 2%;    width: 96%;   border-radius: 3vw;    margin: 2%;}
	.gpacc6 {display:none;}
	.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;}
	
	
	.gpblog .group_duplicable_editor, .gpblog .duplicate_line {  width: 46%;    margin: 2%;}
	.gpblog4 {margin-top: 0;width: 100%}
	.tiblog {  height: auto;}
	.btnblog { border-radius: 0 0 4vw 4vw;    }
	
	.vidactu{width:100%;height:65vw;margin:3vw auto;} 
	
	.bsticky .gpcoltar1, .bnosticky .gpcoltar1{display:none;}
	.blinetar .gpcoltar1 {display:block;width:100%;}
	.gpcoltar2, .gpcoltar3, .gpcoltar4, .gpcoltar5 {width:23%;padding:1%;}
	.bsticky { top: 3vw;}
	
	.gpfonct5{width:100%;}
	.gpfonct6{width:100%;margin-left:0;}
	
	.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;}
	
	
}