:root {
	--color-1: #3988D8;
  --color-2: #5B70E6; 
  --color-3: #f3f8fc;
  --color-4: #487DDD;
  --color-5: #cccccc;
  --deg-color-1:linear-gradient(to right,  rgba(57,136,216,1) 0%,rgba(57,136,216,0.4) 85%,rgba(57,136,216,0.1) 100%); 
  --deg-color-2:linear-gradient(to bottom,  rgba(134,67,235,1) 0%,rgba(134,67,235,0.4) 85%,rgba(134,67,235,0.1) 100%); 
  --deg-color-3:linear-gradient(to bottom,  rgba(57,136,216,1) 0%,rgba(57,136,216,0.4) 85%,rgba(57,136,216,0.1) 100%); 
  --deg-color-4:linear-gradient(to right,  rgba(57,136,216,0.09) 0%,rgba(57,136,216,0) 85%,rgba(57,136,216,0) 100%); 
	--txt-bright-color:#ffffff;
	--radius-img:15px;
	--radius-std:20px;

}


@font-face {    font-family: 'fontr';    src: url('fontr.eot');    src: url('fontr.eot?#iefix') format('embedded-opentype'),        url('fontr.woff2') format('woff2'),        url('fontr.woff') format('woff'),        url('fontr.ttf') format('truetype'),        url('fontr.svg#fontr') format('svg');    font-weight: normal;    font-style: normal;    }
@font-face {    font-family: 'fontrb';    src: url('fontrb.eot');    src: url('fontrb.eot?#iefix') format('embedded-opentype'),        url('fontrb.woff2') format('woff2'),        url('fontrb.woff') format('woff'),        url('fontrb.ttf') format('truetype'),        url('fontrb.svg#fontr') 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;background-color:#ffffff;font-size:0;overflow-x:hidden;}
body {margin:0;  min-width: 100%; width:100%; height:100%;-webkit-tap-highlight-color: transparent;}
b, strong{font-weight:bold;font-family:"fontrb",Times,serif;}
img { max-width: 100%; max-height: 100%; /*width:auto;*/ width:100%;height:auto; }
.cell_image_carousel img{width:initial}
#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%;}*/

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:inherit;}


a.linkClickedCurrentPage:link, a.linkClickedCurrentPage:link .smtitle, a.linkClickedCurrentPage:link .ssmenurow:before{color:var(--color-1);}
a.linkClickedCurrentPage:visited, a.linkClickedCurrentPage:visited .smtitle, a.linkClickedCurrentPage:visited .ssmenurow:before{color:var(--color-1);}
a.linkClickedCurrentPage:visited .ssmenurow:before, a.linkClickedCurrentPage:link .ssmenurow:before{margin-left: 5px;}
.mbutabo, .mbutabo:visited{color:black}


a.mbutach.linkClickedCurrentPage:visited{color:white;}
a.linkClickedCurrentPage.mbut:after{width:100%;}

a.mbut:hover, .mbut:hover{color:var(--color-1);}
a.mbutach:visited, a.mbutach:hover{color:white;}
a:hover{color:var(--color-2)}

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: 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 , .accPic:after, 
.viewCartSHOP td[class*="item-check"]: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:85%}
.icons-facebook:before {    content: "\f101";}
.icons-instagram:before {    content: "\f102";}
.icons-tiktok:before {    content: "\f103";}
.icons-linkedin:before {    content: "\f104";}
.icons-check:before, .viewCartSHOP td[class*="item-check"]:before {    content: "\f105";}
.icons-rowfaq:before {    content: "\f108";}
.icons-menu:after {    content: "\f109"; font-size:10px;margin-left:10px;transition: all 0.5s ease 0s;}
.icons-star:before {    content: "\f10a";}
.icons-time:before {    content: "\f10b";}
.icons-panier:before {    content: "\f10d"; color:black;font-size:25px}
.icons-youtube:before {    content: "\f10e";}
.icons-pinterest:before {    content: "\f10f";}
.icons-siteweb:before {    content: "\f110";}
.icons-newsletter:before {    content: "\f111";}
.icons-seo:before {    content: "\f112";}
.icons-sea:before {    content: "\f113";}
.icons-ecommerce:before {    content: "\f114";}
.icons-stratdecomm:before {    content: "\f115";}
.icons-ideedecomm:before {    content: "\f116";}
.icons-outilsdecomm:before {    content: "\f117";}
.icons-maketinflu:before {    content: "\f118";}
.icons-calendar:before {    content: "\f11a";}
.icons-trafic:before {    content: "\f119";}
.icons-web:before {    content: "\f11e";}
.icons-playstore:before {    content: "\f123";}
.icons-apple:before {    content: "\f122";}
.icons-close:before {    content: "\f12a"; font-size: 30px;}


.t_g, h1, h2, h3, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-family:"fontr",Times,serif;	color:black;font-size:16px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name, .mbut{font-family:"fontti",Times,serif;color:black;margin-bottom:10px;font-size: 30px;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:bold}
ul{margin:0}



.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btndose, .btndose2, .btnslidetar,  #payment-form #submit{padding:12px 40px;border-radius:10px;color:white;text-align:center;font-size:16px;transition: all 0.5s ease 0s;cursor:pointer;width:initial}
.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, .btndose,.btnslidetar,  #payment-form #submit{background-color: var(--color-2);
	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);}
 #payment-form #submit {border:none;}
.btndose:hover,.btndose2:hover,  #payment-form #submit:hover{background-color: var(--color-1);    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);}
.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);}
.btndose:hover a:hover,.btndose2:hover a:hover,  #payment-form #submit:hover a:hover {color:inherit!important;}
a.btndose:hover, a.btndose2:hover{color:white}
.btndose2{background-color: var(--color-4);}
.icoimg {width:5vw;aspect-ratio:1;border-radius:var(--radius-img);border:1px solid var(--color-2);background:white;position:absolute!important;z-index:10}
.icoimg img{border-radius:var(--radius-img);}


#div_container_1_h, #div_container_5_fr, #div_container_7_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:110px;}
#div_container_7_fr{width:100%}
#div_container_5_fr a {transition: all 0.5s ease 0s;}
.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}
.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}
.bcontblue, .bcontblack, .gpblack2{display:block;margin:auto;width:94%;position:relative;z-index:1; background: var(--color-1);border-radius: 30px; }
.bcontblack2{display:flex}
.gpblack2{display:inline-flex;width:40%;margin:2%;flex-direction:column;padding:3%;align-items: center;}
.gpblack2 .btndose{width:30%;}
.bcontblack, .gpblack2{background:black}
.bcontblue .t_g, .bcontblue h3, .bcontblack .t_g, .bcontblack h3, .gpblack2 .t_g, .gpblack2 h3{color:white;}
.bcontblue .t_g a, .bcontblack .t_g a{color:white;border-bottom:1px solid transparent}
.bcontblue .t_g a:hover, .bcontblack .t_g a:hover{color:white;border-bottom:1px solid white}
.bcontblue .btndose a:hover, .bcontblack .btndose  a:hover {border-bottom:1px solid transparent}
.bcontblue .tibub1, .bcontblue .tibub2 {color:var(--color-2);}
.tgrow1{flex-grow:1}
.twhite {color:white;}
.gphead{position:fixed;z-index:400;top:0;left:0;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;}
.backhead{background:rgba(255,255,255,0.9)}
.gphead:hover, .bgWhite{background:white;}
.gpheader{width:70%;display:block;margin:auto}
.gplogo{width:20%;vertical-align:middle;text-align:center;margin-left:0;vertical-align:middle;}
.logo{width:100%;min-height:30px;transition: all 0.5s ease 0s;}
.gpmenumo{display:none;}
.gpmenu{width:80%;text-align:right;padding:0.5% 0;vertical-align:middle;}
.gpmenu2{width:30%;}
.mbut{cursor:pointer;text-align:left;vertical-align:middle;transition: all 0.5s ease 0s;border:none;margin:0 15px;color:black;position:relative;padding-bottom:0;font-size:16px;}

.cmenu li {  display: inline-block;}
.bmenu{position:relative;}
.smenuserv, .smenuqui, .smenutar, .smenuress{padding:2% 0;display:none;position:absolute;width:25vw; background:white;padding:10%;border-radius:var(--radius-std)}
.lssmenuserv, .connected .ssmenuserv, .lssmenuqui, .connected .ssmenutar, .lssmenutar, .connected .ssmenutar, .lssmenuress, .connected .ssmenuress{width:100%;text-align:left}
.ssmenuqui, .ssmenuserv, .ssmenutar, .ssmenuress{width:100%;margin:2% 0}
.imsmenu{width:10%;vertical-align:top;min-height:10px;position:relative!important}
.smtitle{width:90%;margin-left:2%;vertical-align:top;font-size:16px;text-align:left}
.smtitle{transition: all 0.5s ease 0s;}
.smtitle b, .smtitle strong, .smtitle bold{transition: all 0.5s ease 0s;}
.ssmenuserv:hover .t_g, .ssmenuqui:hover .t_g{color:black;}
.ssmenuserv:hover .smtitle b,.ssmenuserv:hover  .smtitle strong,.ssmenuserv:hover  .smtitle ,
.ssmenuqui:hover .smtitle b,.ssmenuqui:hover  .smtitle strong,.ssmenuqui:hover  .smtitle {color:var(--color-1)}
.rotsmenu:after{transform:rotate(180deg)}
.gppub{width:100%;text-align:center;box-sizing:border-box;padding:10px 10%;background-color:var(--color-1);margin-bottom:10px;}
.txtpub {text-align:center;color:white;}
.bckfirstbloc {width:100%;background:var(--deg-color-4);padding-top:50px;margin-bottom:80px}
.bckfirstbloc .mbot160{margin-bottom:80px!important}



/*.bubblue, .bubpink, .bubbluehead, .bubpink2, .bubblue2, .bubpink3{position: absolute;width: 500px;height: 500px;z-index:0}

.bubblue, .bubbluehead, .bubblue2{background: #3988D8;opacity: 0.6;filter: blur(250px);z-index:-1}
.bubblue{left: -95px;bottom: -200px;}
.bubbluehead{top:-300px; left: -200px;}
.bubblue2{right:400px;bottom:-200px;}

.bubpink, .bubpink2, .bubpink3{background: #9648FF;opacity: 0.6;filter: blur(250px);}
.bubpink{right:-300px;bottom:-200px;}
.bubpink2{left:-700px;top:-200px;opacity:0.5;}
.bubpink3{left:200px;bottom:150px;}

.bubvideo, .bubvideo2{width:140px;height:140px;border-radius:150px;background: rgba(255, 255, 255, 0.12);position: absolute;}
.bubvideo{top:20px;left:-40px;}
.bubvideo2{bottom:20px;right:-40px;}*/


/*** ACCUEIL ***/
.gpacc1, .gpacc2{width:48%;vertical-align:middle;position:relative;z-index:3}
.gpacc2{width:48%;margin-left:4%;}

	
.gpacc1 .btndose {margin-top:20px;}
.bckimblue1, .bckimblue2,.bckimblue3,.bckimblue4, .bckimpurp1{position:relative; z-index:1}	
.bckimblue1:before,.bckimblue2:before,.bckimblue3:before,.bckimblue4:before, .bckimpurp1:before{content:'';position:absolute;top:-10%;height:120%;left:0;display:inline-block;aspect-ratio:1;border-radius:var(--radius-img);z-index:-1;background:var(--deg-color-1)}
.bckimpurp1:before {background:var(--deg-color-2);top:-5%;height:110%;left:-5%;}
.bckimblue2:before{background:var(--deg-color-1);top:-25%;height:110%;left:0;}
.bckimblue3:before{background:var(--deg-color-1);top:-5%;height:110%;left:-5%;}
.bckimblue4:before{background:var(--deg-color-3);top:-5%;height:110%;right:-5%;left:initial;}

.imacc1, .imacc2, .imacc3, .imacc4, .imacc5, .imacc9, .imacc10, .imfaq2, .imecole2, .imecole4, .imagence1, .imcharcom, .imgcharcom2, .imquiz1, .imquiz2, .immicro1,
.imchal1, .imchal2, .imchal3, .iatform1{width:100%;height:initial;aspect-ratio:1.50;}
.imacc2, .imacc3, .imfaq2, .imecole2, .imchal3 {aspect-ratio:1;}
.imacc1{width:85%;padding-left:15%}
.imacc3{width:70%;padding-left:30%;margin-top:50%}
.imacc5{width:85%;padding-left:15%;}
.imacc9, .imecole4{width:75%;padding-left:25%;aspect-ratio:1.7;}
.imecole2{width:60%;padding-left:40%;padding-top:30%}
.imacc1 img, .imacc2 img, .imacc3 img, .imacc2b img, .imacc3b img, .imacc4 img, .imacc4b img, .imacc4c img, .imacc5 img, .imacc9 img, .imacc9b img, .imacc10 img,
.imfaq2 img, .imconsul2b img, .imconsul3b img, .imecole2 img, .imecole2b img, .imecole3b img, .imecole4 img, .imagence1 img, .imcharcom img, .imgcharcom2 img,
.imgcharcom2b img, .imgcharcom3b img, .imquiz1 img, .imquiz2 img, .imquiz3 img, .immicro1 img, .imchal1 img, .imchal2 img, .imchal2b img, .imchal2c img,
.imchal3 img, .iatform1 img {border-radius:var(--radius-img);}
.imacc2b, .imacc3b, .imacc4b, .imacc4c, .imacc9b, .imconsul2b, .imconsul3b, .imecole2b, .imecole3b, .imgcharcom2b, .imgcharcom3b, .imchal2b, .imchal2c {width:35%;min-height:50px;position:absolute!important;top:-5%;left:-15%;z-index:15;}
.imacc2b{width:45%;}
.imacc3b{left:5%;top:0}
.imacc4b{top:25%}
.imacc4c{width:30%;z-index:14;top:-15%;left:5%;}
.imacc9b{width:38%;}

.icoacc1{top:15%;left:5%}
.icoacc2{top:55%;left:5%}
.icoacc3{bottom:-10%;right:10%}
.icoacc4{top:-10%;right:-10%}
.icoacc5{bottom:5%;left:10%;z-index:15}
.icoacc6, .icoqui4{bottom:-15%;right:10%;}
.icoacc7{bottom:-15%;right:35%;}
.icoacc9{bottom:-5%;right:-5%;}
.connected .icoacc4{top:10%}
.connected .icoqui4{z-index:400}

.gpacc3, .gpacc4, .gpacc5, .gpacc6{vertical-align:middle;position:relative;}
.gpacc3{width:52%;margin-right:10%;}
.gpacc5{width:38%;margin-right:10%;}
.gpacc4{width:38%}
.gpacc6{width:52%;}
.tibub1, .tibub2 {background:#f7f4ff;border-radius:50px;padding:10px 20px;color:var(--color-2)}
.tibub2 {background:#c6d7f3;color:var(--color-1)}
.linkrow:after, .linkrow2:after, .linkrow3:after, .ssmenurow:before {font-family:"gandg"; content:'\e124';display:inline-block;margin-left:10px;vertical-align:middle;transition: all 0.5s ease 0s;}
.linkrow>div, .linkrow2>div, .linkrow3>div, .ssmenurow>div{display:inline-block;vertical-align:middle;}
.linkrow,.linkrow2,.linkrow3, .ssmenurow {color:var(--color-2);font-weight:bold;display:block;margin-top:30px;transition: all 0.5s ease 0s;}
.linkrow2{color:var(--color-1)}
.linkrow3{color:white}
.ssmenurow:before {font-size:20px;color:black;width:5%;margin-left:0}
.ssmenurow{margin-top:10px;}

.linkrow:hover, .linkrow:hover:after{color:var(--color-1)}
.linkrow2:hover, .linkrow2:hover:after{color:var(--color-2)}
.linkrow:hover:after, .linkrow2:hover:after{margin-left:30px;}
.ssmenurow:hover:before{margin-left:5px;color:var(--color-2)}


.gpblue, .gpblack{width:76%;display:block;margin:auto;padding:4% 0;}
.gpblue{width:96%;}
.gpblue h3, .gpblack h3{font-weight:normal}
.tibblue{font-size:30px;}
.bvidac{position:relative;margin:20px 0;}
.vidacc iframe{border-radius:var(--radius-std)}
.connected .bvidac>div{display:block;}


.txtpurpleacc, .txtpurpleacc2{color:#9648FF!important;letter-spacing: 0.2em;text-align: center;font-size:23px}
.txtpurpleacc2{letter-spacing: 0;text-align: left;font-weight:bold;}

.flextrans1{display : flex; flex-wrap : wrap; justify-content: space-between;align-items: start;align-items: stretch; }
.flextrans1{justify-content: center;}
.flexcenter{    justify-content: center;}
.gpacc7transb, .gpacc8transb, .gpacc8transc{}
.gpacc7transb, .gpacc8transb, .gpacc8transc, .gpacc8transd{background:rgba(255, 255, 255, 0.3);border-radius: var(--radius-std);padding:2%;flex-grow:1; margin:1% ;width:initial; box-sizing: border-box;    display: flex;        flex-direction: column;    justify-content: start; align-items: center;}
.gpacc7transb{flex-basis:18%;max-width: 18%;}
.gpacc8transb, .gpacc8transc, .gpacc8transd{flex-basis:23%;max-width: 23%;position:relative;align-items: flex-start;}
.gpacc8transd{flex-basis:30%;max-width: 30%;}
.gpacc8transc{background:none;padding:0 2%;align-items:center;}

.tigp7, .tigp8{font-size:22px;font-weight:bold;color:black;text-align:center;margin-bottom:20px; width:100%  }
.tigp8{text-align:left;margin-bottom:0;/*flex-grow:1;*/;height:4em;}
.descgp7, .descgp8{text-align:center;flex-grow:1;}
.descgp8{text-align:left}
.imacc7, .imacc7b, .imacc8b{/*width:40%;aspect-ratio: 1 / 1;height:auto;*/width:8vw; aspect-ratio:1; margin-bottom:20px;text-align:center;}
.imacc7>img, .imacc8b>img{width:auto;height:auto;}
.imacc7b{   width: 100%;    height: 14vw;}
.imacc7b img{border-radius: 16px;}
.imacc8b{width:85%;margin:0 auto 20px auto}
.imacc8b img{border-radius:100%}
.imacc8{width:5vw; aspect-ratio:1;margin-top:-25%;margin-bottom:5%;position:relative !important;}

#div_accueil__5_fr__video__770__050__video, .vidacc{width:100%;aspect-ratio:1.5}


.imslogos{width:100%;min-height:850px;position:relative;}
.tlogos{width:20%;position:absolute;left:40%;top:45%;font-size:25px;text-align:center;}
.tlogos b, .tlogos strong, .tlogos bold{font-size:40px;color:var(--color-1);font-family: "fontti",Times,serif;}
.imlog{width:7%;height:100px;position:absolute!important;}
.imlog img{width:auto;}
.pllog1{top:0;left:0}
.pllog2{top:15px;left:15%;}
.pllog3{top:4px;left:30%;}
.pllog4{top:8px;left:45%}
.pllog5{top:14px;left:60%}
.pllog6{top:7px;left:75%}
.pllog7{top:3px;left:90%}
.pllog8{top:150px;left:1%}
.pllog9{top:220px;left:16%}
.pllog10{top:165px;left:31%}
.pllog11{top:180px;left:63%}
.pllog11b{top:140px;left:77%}
.pllog12{top:170px;left:90%}
.pllog13{top:350px;left:3%}
.pllog13b{top:400px;left:14%}
.pllog14{top:360px;left:26%}
.pllog15{top:350px;left:68%}
.pllog15b{top:350px;left:81%}
.pllog16{top:370px;left:92%}
.pllog17{top:550px;left:1%}
.pllog18{top:620px;left:16%}
.pllog19{top:565px;left:31%}
.pllog20{top:580px;left:61%}
.pllog21{top:540px;left:75%}
.pllog22{top:540px;left:90%}
.pllog23{top:750px;left:0}
.pllog24{top:765px;left:15%;}
.pllog25{top:754px;left:30%;}
.pllog26{top:758px;left:45%}
.pllog27{top:774px;left:60%}
.pllog28{top:757px;left:75%}
.pllog29{top:763px;left:90%}



.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;}
.descfaq, .descfaq2{margin-top:20px;display:none;}
.connected .descfaq, .descfaq2{display:block;}
.imfonct2{width:100%;min-height:400px;}
.gpfonct5, .gpfonct6, .gpfonct7{width:31%;vertical-align:middle;padding:1%}
.gpfonct7{margin-top:5%}
.imfonct3{width:100%;min-height:300px;}


/*** FAQ ***/
.gpfaq .group_duplicable_editor,.gpfaq .duplicate_line {width:100%;vertical-align:top;margin:1% 0}
.gpfaq1{border:1px solid white;padding:20px; border-radius:30px; background:var(--color-3);}
.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;}
.descfaq, .descfaq2{margin-top:20px;display:none;}
.connected .descfaq, .descfaq2{display:block;}


/*** QUI SOMMES NOUS ***/
.icoqui1{top:5%;left:5%}
.icoqui2{top:35%;left:5%}
.icoqui3{top:65%;left:5%}
.gpqui1, .gpqui2, .gpqui3{vertical-align:middle;position:relative;}
.gpqui1, .gpqui3{width:62%;}
.gpqui1{margin-right:10%;}
.gpqui3{margin-left:10%;}
.gpqui2{width:28%;}
.imrowqui1, .imrowqui2, .imrowqui3{width:10%;aspect-ratio:1;vertical-align:middle;}
.imrowqui1{margin-left:2%;margin-right:2%}
.imrowqui2{margin-left:15%;margin-right:2%}
.imrowqui3{margin-left:2%;}
.trowqui1, .trowqui2{font-family:"fontti",Times,serif;font-size:40px;vertical-align:middle;}
.trowqui1{max-width:86%;}
.trowqui2{max-width:75%;}
.icoquilink:before{font-size:40px;}


/*** CONSULTANT ***/
.imconsul2b{top:40%}
.imconsul3b{top:60%;left:initial;right:-15%;z-index:360}
.icoconsul1{bottom:5%;right:-15%}
.icoedtech{bottom:5%;left:-15%;aspect-ratio: 2.75; width: 15vw;}
.icoQualitop{bottom: 5%;    left: -15%;    width: 9vw;    aspect-ratio: auto;  padding: 2%;}
.icoconsul2{bottom:5%;left:5%;z-index:360}
.tigp8cons{height:1.5em;}
.vidconsul, .vidblog, #div_pour-qui-consultant__5_fr__video__350__010__video, #div_pour-qui-ecole__5_fr__video__120__010__video,#div_pour-qui-ecole__5_fr__video__200__010__video,
#div_pour-qui-charge-de-la-communication__5_fr__video__350__010__video{width:100%;aspect-ratio:1.5}
.vidconsul iframe, .vidblog iframe{border-radius:var(--radius-std)}

/*** ECOLE ***/
.imecole2:before{width:80%;aspect-ratio:1;height:auto}
.imecole2b{top:-30%;left:10%;width:45%}
.imecole3b{top:initial;bottom:0;width:30%;}
.imecole4:before{top:-10%}

/*** AGENCE ***/
.icoagen1{top:40%;left:-8%;}
.icoagen2{bottom:-14%;left:30%;}
.icoagen3{bottom:-14%;left:50%;}
.icoagen4{bottom:-14%;left:50%;}
.icoagen5{top:30%;left:-15%;}
.icoagen6{top:60%;left:-15%;}
.imagence1:before{left:10%;}




/*** CHARGE COM ***/
.imcharcom:before{left:10%;}
.icocharcom1{top:30%;right:-7%;}
.icocharcom2{top:60%;right:-7%;}
.icocharcom3{bottom:-14%;left:-7%;}
.icocharcom4{bottom:-14%;left:55%;}
.icocharcom5{top:30%;right:-15%;}
.icocharcom6{top:60%;right:-15%;}
.imgcharcom2{width:70%;padding-left:30%;padding-top:20%;aspect-ratio:1}
.imgcharcom2b{width:40%;}
.connected .imgcharcom2b{top:15%;}
.imgcharcom3b{bottom:-15%;left:-15%;top:initial;}


/*** QUIZ ***/
.imquiz1{width:80%;aspect-ratio:0.75;padding-left:20%}
.imquiz1:before{width:50%;height:auto;aspect-ratio:1;top:initial;bottom:-10%;left:0}
.icoquiz1{top:10%;right:-10%;}
.gpcarrdeg1, .gpcarrdeg2{vertical-align:middle;width:23%;aspect-ratio:1;border-radius:var(--radius-std);display:inline-flex;flex-direction:column;    align-items: center;    justify-content: center;margin:1%;padding:2%;box-sizing:border-box}
.tigpdeg{font-family:"fontti",Times,serif;font-size:40px;}
.gpcarrdeg1 .t_g, .gpcarrdeg2 .t_g{color:white;}
.gpcarrdeg1{background:var(--deg-color-2)}
.gpcarrdeg2{background:var(--deg-color-3)}
.imquizquali{width:25%;}
.imquiz2{width:100%;aspect-ratio:1.3}
.icoquiz2{left:-15%;bottom:-15%;}
.gpquiz1{width:23%;margin:5%;vertical-align:top;}
.imquiz3{width:100%;position:relative;}
/*.imquiz3:after{content:'';position:absolute;bottom:10px;left:10%;width:80%;height:1px;box-shadow: 0px 7px 44px 0px rgba(0,0,0,0.75);z-index:-1;background:transparent}*/


/*** MICRO FORMATION ***/
.immicro1{width:70%;aspect-ratio:0.75;padding-left:17.5%; padding-right:17.5%}
.immicro1:before{top:-15%;left:0}
.gpdose .group_duplicable_editor,.gpdose .duplicate_line, .gpblog .group_duplicable_editor,.gpblog .duplicate_line {width:31%;vertical-align:top;margin:1%}
.gpdose1, .gpblog1{width:100%;text-align:left}
.gpdose4, .gpblog4{background:#F3F8FD;border-radius: var(--radius-std);border:1px solid white;padding:20px;position:relative;width:100%;box-sizing:border-box;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);}
.imgdose, .imgblog{width:100%;margin-bottom:20px;aspect-ratio:1.5}
.imgdose img, .imgblog img{border-radius: var(--radius-std);}
.tidose, .tiblog{font-weight:bold;font-size:18px;height:3em;overflow:hidden;text-align:left}
.descdose, .descblog{height:7.5em;overflow:hidden;color:black;margin-bottom:50px}
.btnapdose{transition: all 0.5s ease 0s;}
.gpdose1:hover .btnapdose{color:var(--color-1)}


.nooverflow{overflow:hidden;}
.imsprod .carousel-inner>.carousel-item>img{adisplay:none;}
.imsprod {width:100%;aspect-ratio:1;align-items: center;display: flex;padding: 10% 3%;box-sizing: border-box;}
.carousel .col-md-3{padding:0 !important;}
.imsprod  .carousel-control{text-align:center;display:inline-block !important;z-index:400;margin:0;padding:0;border-radius:100px;background:white;box-shadow:0px 0px 5px 0px black;color:black;
	width: 50px;    height: 50px;    line-height: 45px;    font-size: 50px;}
.imsprod  .carousel-control.left{left:1%}
.imsprod  .carousel-control.right{right:1%}
.imsprod .carousel-inner{overflow:inherit;    align-items: center;  display: flex;}

.imsprod .carousel-caption{display:none;}
.title_gen_carrousel {font-family:"fonta",Times,serif;color:white;font-size:1.4vw;padding-bottom:1vw}
.description_gen_carrousel {color:white;text-align:right}
.imsprod .item.active img{box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);}



.imsprod .item img{width:100%;height:auto;border-radius:var(--radius-std)}
.imsprod .bCar{display:none;}
.imsprod .title_gen_carrousel, .imsprod .description_gen_carrousel{display:none;}




.imsprod .item.active.carousel-item-start{z-index:1;}
.imsprod .item.active .col-md-3:nth-child(2){z-index:2}

.imsprod .item.active:not(.carousel-item-start) .col-md-3 img{transition-duration: 0s;}
.imsprod .item.active:not(.carousel-item-start) .col-md-3:nth-child(3) .carousel-caption{transition-duration: 0s;}

.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3) img{transform:scale(1.7);transition-duration: 0.6s;}
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3) .carousel-caption {opacity:1;transition-duration: 0.6s;}
    
 .carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3){z-index:2;}   
    
.imsprod .item.active .col-md-3:nth-child(2) img{transform:scale(1.7);}
.imsprod .item.active .col-md-3:nth-child(2) .carousel-caption {opacity:1;}


.imsprod .item.active .col-md-3:nth-child(1){z-index:1}
.imsprod .item.active .col-md-3:nth-child(3){z-index:1}

.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2){z-index:1;}   
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3){z-index:1;}  

.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2) img{transform:scale(1.2);transition-duration: 0.6s;}
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(4) img{transform:scale(1.2);transition-duration: 0.6s;}    
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2) .carousel-caption {opacity:0;transition-duration: 0.6s;}
    
.imsprod .item.active .col-md-3:nth-child(1) img{transform:scale(1.2);}
.imsprod .item.active .col-md-3:nth-child(3) img{transform:scale(1.2);}


/*** CHALLENGE ***/
.imchal1{width:80%;aspect-ratio:0.75;padding-left:20%}
.imchal1:before{width:50%;height:auto;aspect-ratio:1;top:initial;top:-3%;left:0}
.icochal1{bottom:-5%;right:-5%}
.imchal2{width:70%;aspect-ratio:0.6;padding-left:17.5%; padding-right:17.5%}
.imchal2:before{width:80%;top:15%;left:0;aspect-ratio:0.8;height:initial;}
.imchal2b {width:40%;top:55%;left:-10%}
.imchal2c {width:40%;top:-30%;right:-15%;left:initial;z-index:-1}
.imchal3:before{width:80%;aspect-ratio:1;height:initial;left:-5%;bottom:-5%;top:initial;}

/*** ATELIER DE FORMATION ***/
.iatform1{width:100%;aspect-ratio:1.5;}
.iatform1:before{width:50%;aspect-ratio:1;height:initial;left:-5%;top:-5%;}


/*** LE BLOG ***/

.gpblog2{background:#F3F8FD;border-radius: 16px;border-left:1px solid white;border-top:1px solid white;border-right:1px solid white;padding:16px;position:relative;}
.gpblog2{width:50%;z-index:5;position:relative;margin-bottom: -12px;}
.tidonblog:before, .tidonblog>div>div, .tidonblog>div{font-weight:bold;color: var(--first-color);        background: linear-gradient(90deg, #3988D8 0%, #9648FF 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
.tidonblog:before{margin-right:5px;}
.tidonblog .imageSub{width:auto!important}
.timeblog{width:12%;padding:5px;aspect-ratio:1;border-radius:18px;background:#F3F8FD;vertical-align:top;color:rgba(25, 24, 37, 0.40);position:absolute;top:20px;right:20px;font-size:13px;}
.connected .timeblog{top:40px}
.timeblog>div{display:inline-block;}
.timeblog:before{color:rgba(25, 24, 37, 0.40);display:block;font-size:18px;margin-top:5px;}
.btnblog{    position: absolute;    right: -1px;    bottom: -1px;border-radius: 16px 0px;}
.icons-time .suffixe{vertical-align:bottom}

.gpvidblog [id*="010__video"] {width:100%;}

/*** RESSOURCES ***/
.gptelech .gg_html_edit, .gpfcont .gg_html_edit, .gpcalcont .gg_html_edit {  width: 100%;    min-height: 600px;}
.connected .gptelech .gg_html_edit,.connected .gpfcont .gg_html_edit,.connected .gpcalcont .gg_html_edit{  border: 1px solid var(--color-1);    border-radius: var(--radius-std);}


/*** CONTACT ***/
/*.gpfcont{border-top:1px solid var(--color-2);}*/


/*** TARIFS ***/
.gptarif, .gptarifcomm, .gptarifcons{display:block;margin:auto;width:400px;border:1px solid white;background: var(--color-3) ;/*linear-gradient(135deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.20) 100%);*/border-radius: 40px;padding:2%;
	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);}
.gptariftxt1{color:black;font-size:25px;line-height:40px;text-align:center;margin-bottom:20px;}
.gptariftxt2, .gptariftxt3{color:#9648FF;font-size:40px;text-align:center;}
.gptariftxt2{font-family:"fontti",Times,serif;line-height:50px;}
.gptariftxt2>div,.gptariftxt3>div, .connected .gptariftxt2>div>div, .connected  .gptariftxt3>div>div{color:#9648FF;background: linear-gradient(45deg, #3988D8 0%,#3988D8 10%,  #9648FF 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}
.gptariftxt2 sup{font-size:15px;line-height:15px;}
.gptariftxt3{font-size:20px;margin-bottom:40px;}
.gptariftxt4, .gptariftxt5{color:black;margin:10px 0;text-align:left}
.gptariftxt5{text-align:center;border-bottom:1px solid var(--color-1);padding:3% 1%;width:98%;}
.gptariftxt4:before{color:#9648FF;font-size:30px;margin-right:10px;}
.connected .gptariftxt4>div {width:auto!important;}

.gptarifcomm, .gptarifcons{width:80%;}
.gptarcomm{vertical-align:top;width:25%;}
.gptarifcons .gptarcomm{width:33%;}


/*** PANIER  ***/
.basketSHOP, .resumePaiementSHOP{width:35%;padding:0 5%;box-sizing:border-box;vertical-align:top;}
.basketSHOP{position:relative;    margin-top: 0;    height: 100%; }
.resumePaiementSHOP{width:65%;border-left:1px solid var(--color-4);}
.bfixBasketSHOP{width:100%}

.bfpayment {background:var(--color-6);padding:20px 12.5vw;    display: flex;    align-content: flex-start;    flex-wrap: wrap;    flex-direction: row;    align-items: flex-start;}
.fpayment{width:100%;display:inline-block;vertical-align:middle;text-align:right;margin:0}
.fpayment table , .fpayment tbody{width:100%;font-size:0;}
.fpayment table tr:nth-child(1), .fpayment table tr:nth-child(2),.fpayment table tr:nth-child(3), .fpayment table tr:nth-child(4),
.fpayment table tr:nth-child(6), .fpayment table tr:nth-child(7) {	width:49%;display:inline-block;}
.fpayment table tr:nth-child(2), .fpayment table tr:nth-child(4), .fpayment table tr:nth-child(7){margin-left:2%;}
.fpayment table tr:nth-child(5),.fpayment table tr:nth-child(8){	width:100%;display:inline-block;}
.fpayment td{ display: block; margin:0 0 15px 0}
.fpayment .button_valid {display:none;}
/*** CUSTOM CHECKBOX ***/
.fpayment .labelInputCheckBox {font-size:15px;position:relative;padding-left:40px;}
.fpayment [type="checkbox"]:not(:checked), .fpayment [type="checkbox"]:checked { position: absolute; left: -9999px;}
.fpayment [type="checkbox"]:not(:checked) + label:before,
.fpayment [type="checkbox"]:checked + label:before { content: '';    position: absolute;    left: 1px;    top: -4px;    width: 25px;    height: 25px;  border:1px solid gray;  background: #f8f8f8;    border-radius: 15px;}
.fpayment [type="checkbox"]:not(:checked) + label:after,.fpayment [type="checkbox"]:checked + label:after {    content: "\f105";    font-family: icons !important;    position: absolute;    top: -6px;    left: 0;    font-size: 29px;    color: black;    transition: all .2s;    line-height: initial;}
.fpayment [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); }
.fpayment [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); }


.fpayment .cell_1_form{display:none;	width:100%;	padding:0;font-size:15px;}
.fpayment .cell_2_form { padding-left:0;}
.fpayment input[type="text"],.fpayment  input[type="date"],.fpayment  input[type="password"], .fpayment  textarea,.fpayment  select,.fpayment option {font-family: "fontr",Times,serif; font-size: 15px;  width: calc(100% - 10px); padding:5px; background:rgba(255,255,255,0.8); border:1px solid #d9dadc; border-radius:0.5vw;	}
.fpayment select {width: 100%};
.fpayment textarea{width: 68.7vw;}
.fpayment textarea{height:200px;	}
.fpayment{color: white;}


.bfpayment .cartTable tbody tr:nth-child(odd) {    background-color: transparent!important;;}
.bfpayment .cartTable {    margin-top: 0!important;}
.bfpayment .cartTable thead {display:none!important}
.viewCartSHOP .item-name {font-size:18px;padding-bottom:10px;margin-bottom:10px;font-weight:bold;text-align:center}
.viewCartSHOP {width:100%;max-width: 100%;    min-height: 200px;padding:5%;box-sizing:border-box;}

.modPaymentCB{display:anone;}
.viewCartSHOP  .itemRow td{display:block;}
.replaceButtonValid {margin-top:30px;}


.basketSHOP, .resumePaiementSHOP{width:45%;}
.resumePaiementSHOP{width:55%;border-left:1px solid var(--color-4);}
.viewCartSHOP td[class*="item-check"] {width:100%;display:block; margin:10px auto;text-align:center}
.viewCartSHOP td[class*="item-check"]:before {    margin-right: 1%;    width: 10%;color: #9648FF;    font-size: 30px; display:none;}
.viewCartSHOP .item-total, .viewCartSHOP .item-tva, .viewCartSHOP .item-totalttc {display:block;text-align:right;font-size:25px;color: #9648FF;  background: linear-gradient(45deg, #3988D8 0%, #3988D8 10%, #9648FF 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;font-weight:bold;margin:10px 0}
.viewCartSHOP .item-total {border-top:1px solid var(--color-1);padding-top:20px;margin-top:20px;}
.viewCartSHOP .item-tva, .viewCartSHOP .item-total{font-size:20px;}
.viewCartSHOP .item-total:before, .viewCartSHOP .item-tva:before, .viewCartSHOP .item-totalttc:before{font-family:"fontr",Times,serif;color:black;text-align:left;letter-spacing:0;font-size:18px;-webkit-text-fill-color: initial;background: none;    background-clip: unset;font-weight:normal}
.viewCartSHOP .item-total:before{content:'Total HT : '; font-size:15px}
.viewCartSHOP .item-tva:before{content:'TVA : '; font-size:15px}
.viewCartSHOP .item-totalttc:before{content:'Total TTC : '}

.viewCartSHOP {width:100%;max-width: 100%;    min-height: 200px;padding:5%;box-sizing:border-box;
    border: 1px solid white;
    /*background: #F3F8FC;*/
    border-radius: var(--radius-std);
    /*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);*/
}
.priceSHOP{font-style:italic;font-size:25px;margin-top:10px;}

/*.viewCartSHOP .cartTable tr{ display: grid;  grid-template-columns: 1fr;    align-items: center;    grid-template-rows: repeat(14, 1fr);    grid-column-gap: 0px;    grid-row-gap: 0px;   }*/
.viewCartSHOP .cartTable tr{ display: block}
.viewCartSHOP .cartTable tbody tr:nth-child(even) {    background-color: #FFFFFF;}



#payment-form #submit{margin-top:20px;float:right}
.loadingCircle.one, .loadingCircle.three {display:none;}
.loadingCircle.two {height: 150px;  width: 150px;   top: 0;  border:none ; left: 0;animation-name:flip;background-image: url("../view/global/background/logo.png");background-position: center;background-repeat: no-repeat;background-size: 65% ;}
/*.loadingCircle.three { height: 200px;    width: 200px;    top: 10px;    left: 10px; border-top: 3px solid var(--color-3);}*/
.fc-basic-view .fc-body .fc-row {height:initial!important}

.bpaylegal{border-top:1px solid var(--color-1);border-bottom:1px solid var(--color-1);padding:15px 0;width:100%;}
.tpaylegal{width:33%;text-align:center;vertical-align:middle;}
.binfopaymore{display:flex;flex-direction:row;flex-wrap: wrap;}
.bbinfopaymore{display:flex;flex-basis:50%;flex-direction:row;    align-items: center; }
.tinfopaymore{flex-basis:60%;padding:5%}
.iminfopaymore{flex-basis:30%;}


.bpay5 .resumePaiementSHOP{padding:0 1%;}
.bpay5 .gpacc7trans {    max-width: 45%;  flex-basis: 45%;}

.btnstoreco{margin:1vw;vertical-align:middle;width:100px;text-align:center;}
.btnstoreco:before{font-size:60px;color: var(--color-1);
    background: linear-gradient(90deg, #3988D8 0%, #9648FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}


#div_container_9_fo{position:relative;z-index:110;background-color:#f8f8f8;padding:2% 0}
.bfoot{width:80%;margin:auto;display:block;}
.flogo{width:100%;min-height:50px;margin-bottom:20px;}
.flogofor {width:200px;height:auto;vertical-align:middle;}
.bfologo{width:15%;text-align:left;vertical-align:middle;margin:20px 0}
.bfosocial{width:82%;text-align:right;vertical-align:middle;}


.bfoinfo1,.bfoinfo2,.bfoinfo3, .bfoinfo4, .bfoinfo5, .bfoinfo6, .bfoinfo7{width:18%;vertical-align:top;}
.bfoinfo2,.bfoinfo3, .bfoinfo4, .bfoinfo5, .bfoinfo6 {margin-left:2%}
.bfoinfo7{width:100%;}

.icofoo:before{color:var(--color-1);font-size:20px;margin:0 10px}
.tfootcon{font-size:13px;text-align:center;margin-top:10px;}
.tifoot{font-family:"fontti",Times,serif;font-size:25px;padding-bottom:5px;}
.tfoosmap{width:50%;vertical-align:top;margin:15px 0;text-align:center;}
.tment{text-align:center;}
.tconcep{text-align:right;font-size:13px;}
.bfoot a {transition: all 0.5s ease 0s;}
.bfoot a:hover {color:var(--color-1)}

#DOMWindowIframe {height:200vh!important}

.bmb20{margin:20px 0}
.bmb40{margin:40px 0}
.mbot40{margin-bottom:40px}
.mbot80{margin-bottom:80px}
.mbot160{margin-bottom:160px}
.mbot240{margin-bottom:240px}
.mtop80{margin-top:80px}
.mtop40{margin-top:40px}
.mleft20{margin-left:20px}
.mleft40{margin-left:20px}
.mleft80{margin-left:20px}
.mLR20{margin-left:20px; margin-right:20px}
.mall20{margin:20px!important;}

.posrelat{position:relative}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.alignTop{vertical-align:top;}

/*** Anim ***/
.appFadeIn2, .appLeft2{animation-delay: 300ms;}
.appFadeIn3, .appLeft3{animation-delay: 600ms;}
.appFadeIn4, .appLeft4{animation-delay: 900ms;}
.appFadeIn5, .appLeft5{animation-delay: 1200ms;}
.appFadeIn6, .appLeft6{animation-delay: 1500ms;}
.appFadeIn7, .appLeft7{animation-delay: 1800ms;}
.appFadeIn8, .appLeft8{animation-delay: 2100ms;}
.appFadeIn9, .appLeft9{animation-delay: 2400ms;}

@media 	only screen and (max-width : 1700px) {
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btndose, .btndose2, .btnslidetar,  #payment-form #submit{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 25px;}
	#div_container_5_fr {padding-top: 90px;}
	.timgacc , .tifoot, .tvid1, .tvid2, .tvid3  { font-size: 25px;}
	.tigpdeg { font-size: 40px;}
	.gptariftxt2 { font-size: 40px;}
	.timeblog {font-size:13px}

}


@media 	only screen and (max-width : 1600px) {
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btndose, .btndose2, .btnslidetar,  #payment-form #submit{font-size:13px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 22px;}
	#div_container_5_fr {padding-top: 80px;}
	.timgacc , .tifoot, .tvid1, .tvid2, .tvid3  { font-size: 22px;}
	.tigpdeg { font-size: 40px;}
	.gptariftxt2 { font-size: 40px;}
	.timeblog {font-size:13px}

}

@media 	only screen and (max-width : 1400px) {
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btndose, .btndose2, .btnslidetar,  #payment-form #submit{font-size:12px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 22px;}
	#div_container_5_fr {padding-top: 70px;}
	.mbut{    font-size: 15px;}
	.bcont, .bcontpad, .bfoot {  width: 80%;}
	.bfoot {width: 90%;}
	.tigpdeg { font-size: 40px;}
	.gptariftxt2 { font-size: 40px;}
	.timeblog {font-size:12px}
}

@media 	only screen and (max-width : 1200px) {
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btndose, .btndose2, .btnslidetar,  #payment-form #submit{font-size:13px;}
	.mbut{    font-size: 13px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-size: 20px;}
	#div_container_5_fr {padding-top: 60px;}
	.bcont, .bcontpad, .bfoot {  width: 90%;}
	.bfoot{width:90%;}
	.tigpdeg { font-size: 30px;}
	.gptariftxt2 { font-size: 30px;}
	.timeblog {font-size:12px}
}




/*telephone*/		

@media 	only screen and (max-device-width : 468px) {
	:root {
	--radius-img:2vw;
	--radius-std:3vw;
}
	
	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:3.5vw; 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-bottom: 3vw;}
	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;}
    
  .input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete, #button_refuse, #button_accept, .btndose, .btndose2, .btnslidetar, #payment-form #submit {    padding: 1vw 3vw;    border-radius: 1vw;}
	
	.bmb20{margin:2vw 0}
	.bmb40{margin:4vw 0}
	.mbot40{margin-bottom:4vw}
	.mbot80{margin-bottom:5vw}
	.mbot160{margin-bottom:6vw}
	.mbot240{margin-bottom:10vw}
	.mtop80{margin-top:5vw}
	.mtop40{margin-top:4vw}
	.mleft20{margin-left:2vw}
	.mleft40{margin-left:2vw}
	.mleft80{margin-left:4vw}
	.mLR20{margin-left:2vw; margin-right:2vw}
	.mall20{margin:2vw!important;}



	#div_container_5_fr{padding-bottom:2vw;padding-top:19vw;}
	.gphead{border-radius: 0px 0px 2vw 2vw;background:white;position:absolute;}
	.gpheader {   width: 100%; }
	.gplogo {  width: 50%; padding:1% 0   }
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:1vw;margin-top: 0;top: 5vw; z-index: 320; width:10vw;height:10vw;}
	.ibutmob {width:8vw;height:8vw;fill:var(--principal-color)}
	.gpmenu{  display:none;  overflow: auto;     flex-flow: nowrap;    width: 100%;text-align:center;padding:2vw 0}
	.bmenu{display:block;}
	.icons-menu:after { font-size: 2.5vw;    margin-left: 1.5vw;}
	.bsmenu{padding-left:2.5vw}
	.mbut{font-size:4vw;white-space: nowrap;text-align:center;margin:2vw 0;width:100%}
	.smenuserv, .smenuqui, .smenutar, .smenuress { position: relative;width:96%;padding:2%}
	.imsmenu{min-height:auto;width: 9%!important;}
	.smtitle{font-size:3vw;    width: 85%;}
	.gppub { padding: 1% 10%;    margin-bottom: 0; height:12vw}
	.txtpub {font-size:3vw}
	
	.bcont, .bcontpad, .bfoot, .bcontmin  {  width: 94%;}
	.bckfirstbloc {  padding-top: 3vw;    margin-bottom: 5vw;}
	.bckfirstbloc .mbot160 { margin-bottom: 5vw !important;}	
	.tibub1, .tibub2 { border-radius: 5vw;    padding: 2vw 4vw; margin-bottom:3vw}
	.linkrow, .linkrow2, .linkrow3 {  margin: 3vw 0;}
	.gpblue, .gpblack { width: 92%;    padding: 4%;}
	.bcontblack2{flex-direction:column;align-items: center;}
	.gpblack2 { width: 86%;  margin: 4% 0;    padding: 4%;}
	.breorder{        display: flex;     flex-direction: column;}
	.breorder .gpacc6, .breorder .gpqui3{order:1}
	.breorder .gpacc5, .breorder .gpqui2{order:2}

	
	.gpacc1, .gpacc2, .gpacc3, .gpacc4, .gpacc5, .gpacc6, .gpqui1, .gpqui2, .gpqui3, .gpqui4 { width: 100%;margin:6vw 0}
	.gpacc2, .gpacc4, .gpacc5, .gpqui2, .gpqui3 {margin-top:5vw}
	.gpacc1 .btndose { margin-top: 2vw;}
	.icoimg {width: 14vw;}
	.imacc1, .imacc2, .imacc3, .imacc4, .imacc5, .imacc9, .imacc10, .imfaq2, .imecole2, .imecole4, .imagence1, 
	.imcharcom, .imgcharcom2, .imquiz1, .imquiz2, .immicro1, .imchal1, .imchal2, .imchal3, .iatform1 { width: 80%; display:block;margin:auto;}
	.imacc2b, .imacc3b, .imacc4b, .imacc4c, .imacc9b, .imconsul2b, .imconsul3b, .imecole2b, .imecole3b, .imgcharcom2b, .imgcharcom3b, .imchal2b, .imchal2c {    width: 35%;    left: 0;}
	.icoacc4 {  top: 0;    right: 0;}
	.imacc3 { width: 70%;}
	.bckimblue2:before { top: -10%;    height: 110%;}	
	.imacc3b {top: -5%;}
	.icoacc5 {  left: 60%;bottom:-10%;}
	
		
	.icoedtech, .icoQualitop { left: 0;  width: 30vw; padding:2vw;}
	
	.imacc4{padding-left:20%;}
	.imacc4b{top:2%;width:30%;}
	.imacc4c { width: 25%;    top: -15%;    left: 35%;}
	.icoacc6, .icoqui4 { right: 5%;}
	.icoacc7 { right: 25%;}
	.gpacc7transb { flex-basis: 31%;    max-width: 31%;}
	.imacc7, .imacc7b {  width: 23vw;    margin-bottom: 2vw;}
	.gpacc8transb , .gpacc8transc, .gpacc8transd{ flex-basis: 85%;    max-width: 85%;margin:10vw auto;padding:7%}
	.tigp8 { height: initial;}
	.imslogos{display:none;}
	.imacc10{width:100%;}
	.imacc9, .imecole4 { width: 75%;}
	.imacc9b{width:25%}
	.icoacc9 {  right: 0;}
	
	.icoquiz1 { top: 2%;    right: -2%;}
	.imquiz1:before { bottom: -5%;}
	.gpcarrdeg1, .gpcarrdeg2 { width: 48%;}
	.tigpdeg {  font-size: 6vw;    }
	.immicro1:before { top: -3%;height:80%}
	.icoconsul1 { right: 0;}
	.imquiz2 { width: 90%;}
	.icoquiz2 { left: initial; right:0;bottom:-5%}
	.gpdose .group_duplicable_editor, .gpdose .duplicate_line, .gpblog .group_duplicable_editor, .gpblog .duplicate_line {  width: 46%;   margin: 2%;}
	.gpdose4, .gpblog4 { padding: 4%;    width: 100%;}
	.descdose, .descblog { height: 7.5em;    margin-bottom: 5vw;}
	
	.gpquiz1 { width: 40%;}
	
	.icochal1 { right: -2%;}
	.imchal2 { width: 70%;  padding-left: 30%;    padding-right: 0;}
	.imchal2b {   top: initial; bottom:-5%;   left: 0;}
	.imchal2c {  top: -5%;    left: 15%;    z-index: 3;}
	
	.icocharcom1, .icocharcom2, .icocharcom5, .icocharcom6 { right: -2%;}
	.icocharcom3 {left: -2%;}
	.imconsul2b { top: initial; bottom:-7%}
	.imgcharcom2 { width: 70%;}
	.imgcharcom2:before{top: 0%;    height: 80%;    left: 0%;}
	.icocharcom4 { bottom: -7%;left: 23%;}
	.imgcharcom3b { bottom: -7%;}
	
	.imecole2 { padding-left:20%;padding-right:0}
	.imecole2b { top: -7%;}
	.icoconsul2 { left: 10%;}
	
	.imconsul3b {top: initial;bottom:-7%}
	.icoconsul2 { left: initial;right:0;    }
	
	.icoagen1,.icoagen5 ,.icoagen6 {  left: 0%;}
	.icoagen4 {left: 72%;}
	
	.gptariftxt2 {    font-size: 5vw;    }
	.gptarifcomm, .gptarifcons{width:200%;}
	.gpovermob {overflow: auto;padding:2vw 0}
	
	/*.gpblog .group_duplicable_editor, .gpblog .duplicate_line {        width: 90%;        margin: 2% 0;    }*/
	.timeblog {  display:none;   }
	.descblog { margin-bottom: 7vw;}
	.gpblog2 { border-radius: 2vw;    padding: 1.5vw;margin-bottom: -10px;}
	.btnblog {border-radius:var(--radius-std) 0 var(--radius-std) 0}
	
	.bfpayment { padding: 2vw;}
	.basketSHOP, .resumePaiementSHOP {  width: 100%; padding:2% 0}
	.resumePaiementSHOP { border-left: none;}
	.bbinfopaymore { flex-basis: 100%; }
	.fpayment input[type="text"], .fpayment input[type="date"], .fpayment input[type="password"], .fpayment textarea, .fpayment select, .fpayment option {  font-size: 3vw;
    width: calc(100% - 4vw);    padding: 2vw;    border-radius: 2vw;}
  .btnstoreco:before { font-size: 8vw;}
  .btnstoreco {margin: 3vw;    width: initial;}
  
  #DOMWindowIframe {height:200vh!important}
	
	.bfoot{width:96%;}
	.flogo{min-height:initial;}
	.bfologo{margin:2vw 0;width:20%}
	.bfosocial { width: 79%;}
	.bfoinfo1,.bfoinfo2,.bfoinfo3, .bfoinfo4, .bfoinfo5, .bfoinfo6, .bfoinfo7{ width: 46%;margin:2%; display:inline-block;}
	.bfoot .t_g{line-height:5vw; font-size:3vw;}
	.icofoo:before {    font-size: 5vw;    margin: 2vw;}
	.tfootcon{font-size:1.3vw;margin-top:2vw;}
	.tifoot{font-size:2.5vw;padding-bottom:0.5vw;margin-top:2vw}
	.tfoosmap{margin:1.5vw 0;}
	.tconcep{margin-top:4vw;font-size:3vw!important;}
	.bfoinfo7{display:block;margin:2% auto}
	.flogofor {    width: 50%;    display:block;margin:auto;}
	
	
}