:root {
	--color-red:#ff524c;
	--color-yell:#ffbc2a;
	--color-bluef:#015ca1;
	--color-bluec:#099eca;
	
	--rgb-red:rgba(255,82,76,1);
	--rgb-yell:rgba(255,184,43,1);
	--rgb-bluec:rgba(9,158,202,1);
	--rgb-bluef:rgba(1,92,161,1);
	
	
	--radius-std:1vw;
	
	
	
	--disable-transition: none !important;
  --bglvl1-submenu-color: rgba(170,220,220,0.8);
  --bglvl2-submenu-color: rgba(170,220,220,0.8);
  --fontlvl1-submenu-color: #ffffff;
  --fontlvl2-submenu-color: #ffffff;
  --fontlvl1-submenu-color-hover: #ffffff;
  --fontlvl2-submenu-color-hover: #ffffff;
  --fontlvl1-submenu-size: 35px;
  --fontlvl2-submenu-size: 35px;
  --radiusglobal:10px;
}
/* width */
::-webkit-scrollbar {
  width: 7px;
  background-color: var(--color-red);background-image: linear-gradient( to bottom, var(--rgb-yell), rgba(255,255,255,0));
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 20px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient( to bottom, var(--rgb-bluec), var(--rgb-bluef));
  border-radius: 10px;
  height:20px;
  transition: all 0.5s ease 0s;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--rgb-bluec); 
}

@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-display: swap;}
@font-face {    font-family: 'fontt';    src: url('fontt.eot');    src: url('fontt.eot?#iefix') format('embedded-opentype'),        url('fontt.woff2') format('woff2'),        url('fontt.woff') format('woff'),        url('fontt.ttf') format('truetype'),        url('fontt.svg#fontt') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}

@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%; background-color:white; font-size:0;
	/*background-image: url("../view/global/background/back.svg");background-position: 150% center;background-repeat: no-repeat;background-size: 50% ;*/}
body {margin:0;  min-width: 900px; width:100%; height:100%;-webkit-font-smoothing: antialiased;}
#global_container{position:relative;}
b, strong{font-family:"fontr",Times,serif; background: linear-gradient( to right,var(--rgb-red), var(--rgb-yell) );  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.byell b,.byell  strong{/*background: linear-gradient( to right,var(--rgb-red), var(--rgb-red) );-webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color:white;background:transprent;-webkit-text-fill-color: inherit;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto; }
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
.connected .athide{display:block;}

a{transition:unset}
/*a:visited{color:inherit;}*/
a.mbut:hover, a:hover{color:var(--color-red);}

a.mbut:hover:after{opacity:1}
a.linkClickedCurrentPage:link{color:black;}
a.linkClickedCurrentPage:visited{color:black;}
.gpmenu a.linkClickedCurrentPage:visited{color:var(--color-red);}
a.linkClickedCurrentPage.mbut:after{opacity:1}

input[type="text"], input[type="password"],  textarea { font-size: 20px; line-height:20px; width: 100%; padding:0; background-color:#d9dadc; border:1px solid #d9dadc;	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:200px;	}



.text_generic, .t_g, h1, h2, h3, .mbut, .msubbut{text-align:left;font-family:"fontt",Times,serif;	color:black;font-size:18px;font-weight:normal;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"fontr",Times,serif;font-size:55px;font-weight:normal;margin:0;text-align:left;font-weight:bold;position:relative;}
h1, h3, h1.t_g {font-size:55px;}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color-red);}



.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{	text-align:center;	margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}


.carousel {margin:0}
.carousel-caption{padding:0.2% 0 0.2% 1%;font-family:"fontr",Times,serif;text-align:center;display:block;position:absolute;bottom:12%;left:67%;width:30%;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;color:white;}

/*.title_gen_carrousel{margin-bottom:10px;	font-size:1.7vw;line-height:6vw;font-weight:bold;}
.description_gen_carrousel {position:relative;font-size:2vw;background-color:var(--color-red);display:inline-block;padding:0.5vw;}*/
/*.description_gen_carrousel:before {content: ""; position: absolute; top: 0;  left: -12px;  width: 0;  height: 0;  border-color: transparent var(--color-red) transparent transparent;  border-style: solid;  border-width: 7vw 12px 0px 0;}
.description_gen_carrousel:after { content: "";  position: absolute;   top: 0;  right: -12px;  width: 0;  height: 0;  border-color: transparent transparent var(--color-red) transparent;    border-style: solid;    border-width: 0px 12px 7vw 0px;}*/
	
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: var(--color-red);}
.carousel .item img { max-height: 200%;width:100%;height:auto;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{font-family:"fontt",Times,serif;}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

#div_container_1_h, #div_container_2_h, #div_container_5_fr, #div_container_9_rm, #container_submenu, .gpheader{display: block;margin:auto;width: 100%;z-index:2;position:relative;}
.gpheader{margin:auto;width:100%;padding:0;transition: all 0.5s ease 0s;}
#div_container_1_h, #div_container_9_rm{width: 100%;}
#div_container_5_fr{min-height:0;width:100%;}


.text_in_button{line-height:30px;color:white;font-family:"fontr",Times,serif;}
.btnStandard, .input_submit, .button_valid{padding:10px 40px;border-radius:50px; color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s!important;cursor:pointer;
	background-color: var(--color-red);background-image: linear-gradient( to left, var(--rgb-yell), 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);}
.btnStandard:hover, .gpblog1:hover .btnStandard {background-color: var(--color-yell);}
#temp{display:none}
.input_submit {border:none;}
.input_submit:hover, .button_valid:hover{color:white;}
.arrowAriane{color:var(--color-red)}

[class^="icons-"] > div, [class*=" icons-"]>div, .tfoomail>div,.tfoophone>div,.ifacebook>div,.iinstagram>div,.iyoutube>div,.ilinkedin>div,.itwitter>div,
.container_imsgpacc15	.carousel-control-prev>div,  .container_imsgpacc15	.carousel-control-next>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;}
.tfoomail>div,.tfoomap>div,.tfoophone>div{color:black}
[class^="icons-"]:before, [class*=" icons-"]:before, .tfoomail:before, .tfoophone:before,.ifacebook:before,.iinstagram:before,.iyoutube:before,.ilinkedin:before,.itwitter:before,
.container_imsgpacc15	.carousel-control-prev:before,  .container_imsgpacc15	.carousel-control-next:before { display: inline-block;text-align: center; vertical-align: middle; content:"\f106"; font-family: icons;font-size: 25px;color:var(--color-red)}
.thmail:before,.tfoomail:before{content:"\f107"}
.icons-facebook:before{content:"\f104"}
.icons-instagram:before{content:"\f105"}
.icons-youtube:before{content:"\f107"}
.icons-linkedin:before{content:"\f106"}
.icons-tel:before {    content: "\f102";}
.icons-mail:before {    content: "\f101";}

/******Pagination *****/
.container_pager{margin-top: 20px;width: 100%;text-align: center;-moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
.pager_group, .pager_leftArrow, .pager_rightArrow{width:25px;height:25px;line-height:25px; padding: 6px;margin:0px 10px;background-color: black;color:white !important;cursor:pointer; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none; text-align:center;}
.pager_leftArrow, .pager_rightArrow{margin:0px 40px;font-size:15px;}
a.pagerCurrentPage, .pager_group:hover,  .pager_leftArrow:hover, .pager_rightArrow:hover{	background-color:var(--color-red);	text-align:center;}


/**** HEADER / MENU / FOOTER ***/
#div_container_1_h{position:fixed;z-index:5;top:0;left:0;}
.connected #div_container_1_h{position:relative;}
/*.connected #div_container_1_h { position: relative;background:var(--color-red);}*/
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo, .gplogow{width:7vw;vertical-align:middle;text-align:center;margin-left:3vw;vertical-align:middle;}
.logo, .logow{width:100%;height:initial;}
.logo {animation:logo-anim 0.5s ease forwards 0.5s;transform: scale(0);}
.gplogow{position:absolute;top:0;left:0;transition: all 2s ease 0s;opacity:0;z-index:800}
.gplogowopen{opacity:1;}
.logo>a,.logow>a{width:100%;}
.gpmenumo2, .gpmenumo3{display:block;position:absolute;cursor:pointer;right:3vw;margin-top: 0;top: 2vw; z-index: 320; width:5vw;height:5vw;}
#menu {width:5vw;height:5vw;fill:black}
#menu #menuline1{fill: url(#linearGradient8);animation:line-anim 5s ease forwards infinite;}
#menu #menuline2{fill: url(#linearGradient8);animation:line-anim3 5s ease forwards infinite;}
#menu #menuline3{fill: url(#linearGradient1889);animation:line-anim2 5s ease forwards infinite;}
@keyframes line-anim{	from {width: 48.552429px;} 50%{		width: 64.383179px;	}	to {width: 48.552429px;}}
@keyframes line-anim2{	from {width: 36.536339px;} 50%{		width: 64.383179px;	}	to {width: 36.536339px;}}
@keyframes line-anim3{	from {width: 64.383179px;} 50%{		width: 48.552429px;	}	to {width: 64.383179pxpx;}}
@keyframes logo-anim{	from {transform: scale(0);} to {transform: scale(1);}}


.gpmenu{z-index:780;transition: all 3s ease 0s;vertical-align:middle;width: 66vw;text-align:center;padding: 0;position:absolute;top:0;left:0;width:calc(100% - 1px);height:0;
	background-image: url("../view/global/background/backyell.jpg");background-position: center;background-repeat: no-repeat; background-size: 100% ; overflow:hidden; }

.mbut, .gg_smn, .msubbut{text-align:left;vertical-align:top;border:none;margin:0;color:white;position:relative;padding-bottom:3px; overflow:hidden;
	width:60%;font-family:"fontr",Times,serif; font-size:55px; color:white;line-height:9vh;}
.connected .mbut, .connected .msubbut{height:100px;} 
.msubbut{margin-left:150px;font-size:35px;line-height:7vh;}


.mbutproj{position:absolute;bottom:4vw;right:4vw;background:white;opacity:0;transition: all 1s ease 1.5s!important;font-size:35px;line-height:initial;}
.mbutproj>div{background: linear-gradient( to right,var(--rgb-red), var(--rgb-yell) );  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mbutprojopen{opacity:1; }

.lineclose1, .lineclose2{height:0.5vw;width:5vw;background-color:white;border-radius:5vw;position:absolute}
.gpmenumo3{opacity:0;z-index:-1;transition: all 1s ease 0.5s!important;}
.gpmenumo3open{z-index:800;animation:closeap-anim 2s ease forwards 1.5s;}
.lineclose1open{animation:close-anim 2s ease forwards 2s;}
.lineclose2open{animation:close-anim2 2s ease forwards 2s;}
@keyframes close-anim{	from {transform:rotate(0deg);} to {transform:rotate(45deg);}}
@keyframes close-anim2{	from {transform:rotate(0deg);} to {transform:rotate(-45deg);}}
@keyframes closeap-anim{	from {opacity:0;} to {opacity:1;}}

.gpmenumo3close{animation:closedisp-anim 2s ease forwards 0s;}
@keyframes closedisp-anim{	from {opacity:1;} to {opacity:0;}}
.lineclose1close{animation:closeclose-anim 2s ease forwards 0s;}
.lineclose2close{animation:closeclose-anim2 2s ease forwards 0s;}
@keyframes closeclose-anim{	from {transform:rotate(45deg);} to {transform:rotate(0deg);}}
@keyframes closeclose-anim2{	from {transform:rotate(-45deg);} to {transform:rotate(0deg);}}



.bconmin, .bcont, .bcontfull{width:80vw;margin:auto;display:block;}
.bconmin {width:70%;}
.bcontfull{width:95vw}
.bfirst{padding-top:100px;}
.bfixed {position:fixed;z-index:2;top:0;left:0;width:100%;}
.connected .bfixed {position:relative;}
.brelat, .brelatf{position:relative;z-index:2;background:white;}
.bnooverflow{overflow:hidden;}
.brelatf{margin-top:100px;}
#container_submenu{padding-bottom:100px;}
.connected .brelatf {margin-top:0;}
.bshadow{-webkit-box-shadow: 0px -11px 47px -25px rgba(163, 163, 163, 1);
-moz-box-shadow: 0px -11px 47px -25px rgba(163, 163, 163, 1);
box-shadow: 0px -11px 47px -25px rgba(163, 163, 163, 1);}
.byell, .bblue{background-image: url("../view/global/background/backyell.jpg");background-position: top;background-repeat: no-repeat; background-size: 100% ;}
.bblue{background-image: url("../view/global/background/backblue.jpg");}
.bgray{background-color:#333333;border-top:10px solid white;}
.byell .t_g, .byell h2, .byell h3, 
.bgray .t_g, .bgray h2, .bgray h3,
.bblue .t_g, .bblue h2, .bblue h3 {color:white;}

.scrollBar{  z-index:2;  position:absolute;  width:5px;  height:100vh;  background:gray; top:0;  right:0;  margin:auto;  border-radius:5px;}
.circle{  width:5px;height:50px;  border-radius:50px;  background:red;}


.tfootel>div, .tfootadd>div, .tfaceb>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;color:white;}
.tfootel:before, .tfootadd:before, .tfaceb:before{ color:black; display: inline-block;text-align: center; vertical-align: middle; content:"\f100"; font-family: icons;font-size: 25px;}
.tfootel:before{content:"\f100";font-size:25px;color:white;}
.tfootadd:before{content:"\f104";font-size:25px;color:white;}



#div_container_9_rm{position:relative;z-index:6;background:white;}
.bfoot{display:block;width:75vw;margin:auto;text-align:left;padding:30px 0;position:relative;}
.bfoot b, .bfoot bold, .bfoot strong{	}

.flogo{width:80%;text-align:center;}
.flogo>a{width:100%;}
.bfoinfo1,.bfoinfo2,.bfoinfo3, .bfoinfo4{width:25%;margin-right:2%;vertical-align:top;}
.bfoinfo4{width:15%; text-align:center;}


.tfootcon{font-size:13px;text-align:center;margin-top:10px;}
.tifoot{font-size:25px;padding-bottom:5px; font-family:"fontr",Times,serif;}
.tfoosmap{width:50%;vertical-align:top;margin:15px 0;text-align:center;}
.tment{text-align:center;}
.tconcep{text-align:center;font-size:13px;}

.cmenu{display: black; }
.cmenu .gg_smi{display:none;}
.gg_hc{position: initial;}
.gg_hc:hover{cursor:default}
.gg_sm  li{padding:0.4vw; }
.lvl1 li{text-align:right}
.lvl2  li{text-align:left}
.gg_sm a, .gg_sm>li>div{width:auto;height:auto;    white-space: nowrap;}
.t_g.gg_smn{padding:0}
.gg_sm.lvl1{display: block;flex-flow: column wrap;position: relative;z-index:400;background:none;	padding:0;border-bottom:none;width:40%;margin:auto;}
.gg_sm a, .gg_sm>li>div {text-align: left;}
.gg_sm .gg_sm{    top: 0; left: 100% ;}
.gg_smn{display:inline-block;vertical-align:middle;transition: all 0.5s ease 0s}
.ggsm_next {display:inline-block;}
.ggsm_next:before { display:none;}
.gg_smn:hover {var(--color-red)}


.cmenu>li {height:0;overflow:hidden}
.cmenu>li:nth-child(1){transition: all 1s ease 0.3s;margin-top:7vw}
.cmenu>li:nth-child(2){transition: all 1s ease 0.6s;margin-top:1vw}
.cmenu>li:nth-child(3){transition: all 1s ease 0.9s;margin-top:1vw}
.cmenu>li:nth-child(4){transition: all 1s ease 1.2s;margin-top:1vw}
.cmenu>li:nth-child(5){transition: all 1s ease 1.5s;margin-top:1vw}
.cmenu>li:nth-child(6){transition: all 1s ease 1.8s;margin-top:1vw}
.cmenu>li:nth-child(7){transition: all 1s ease 2.1s;margin-top:1vw}
.cmenu>li:nth-child(8){transition: all 1s ease 2.4s;margin-top:1vw}
.cmenu>li:nth-child(9){transition: all 1s ease 2.7s;margin-top:1vw}
.cmenu>li:nth-child(10){transition: all 1s ease 3s;margin-top:1vw}
.cmenu>li:nth-child(11){transition: all 1s ease 3.3s;margin-top:1vw}

.gg_sm>li:nth-child(1){margin-top:0}


.gpmenuopen{height: 100vh;}
.mbutopen{height:9vh!important;}
.msubbutopen{height:7vh!important;}



/** 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 ****/

.wrapper{width:42vw;  height:92vh;  position:relative;   overflow:hidden;vertical-align:middle;}
.box{  width:37vw;  height:25vw;  position:absolute;  text-align:center;}
.box img{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);}
.boxes {  position:relative;  top:-25vw;  left:50px;}
.connected .box{position:relative;}
.connected .wrapper{overflow:auto;}
.connected .boxes {top:0;}


.wrapper2, .wrapper3, .wrapper4, .wrapper5{width:100%;  height:auto;  position:relative;   overflow:hidden;vertical-align:middle;aspect-ratio: 16/10;}
.box2, .box3, .box4, .box5{   position:absolute;  text-align:center;}

.gpreal1 .box2 img, .gpreal1 .imacc6b img{-webkit-box-shadow: 0px 0px 17px 7px #D9D9D9; box-shadow: 0px 0px 17px 7px #D9D9D9;}
.boxes2, .boxes3,.boxes4, .boxes5 {  width:130%; position:relative;  left:-33%;  }
.connected .box2, .connected .box3, .connected .box4, .connected .box5{position:relative;}
.connected .wrapper2, .connected .wrapper3, .connected .wrapper4, .connected .wrapper5{overflow:auto;}
.connected .boxes2, .connected .boxes3, .connected .boxes4, .connected .boxes5 {left:0;}



.btxtacc1{margin-left:2vw;width:36vw;vertical-align:middle;}
.btxtacc2, .btxtacc2prest{width:30vw;vertical-align:middle;}
.btxtacc2prest{width:20vw;}
.tiaccannee h2{font-size:70px;}
.connected .taccannee>div>div>div, .taccannee>div, .tcontprj>div, .tcontprj>div>div>div {font-family:"fontr",Times,serif;font-size:130px;letter-spacing:30px;background: linear-gradient( to right, var(--rgb-bluec), var(--rgb-bluef));  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.bimacc2, .bimacc2prest{width:25vw;margin-left:2vw;vertical-align:middle;}
.bimacc2prest{width:25vw;}
.imacc2{width:25vw;height:40vw;}
.imacc2prest{width:25vw;}
.imacc2>a, .imacc2prest>a{width:100%}
.imacc2 img, .imacc2prest img{border-radius:var(--radius-std)}
.btxtacc3, .btxtacc3prest{width:26vw;margin-left:-3vw;}
.btxtacc3prest{width:36vw;vertical-align:middle;}
.tacc3{background:white;    position: relative;    padding: 20px;border-radius:var(--radius-std);-webkit-box-shadow: 0px 0px 30px -10px #404040; 
box-shadow: 0px 0px 30px -10px #404040;}
.btn2g{float:right;margin-top:5vw}

.btxtacc4, .btxtacc5{width:30vw;position:relative;vertical-align:middle;}
.btxtacc5{width:45vw;margin-left:5vw;}
.btxtacc4:after{content:'';display:inline-block;position:absolute;height:70%;width:5px;background-color:white;border-radius:50px;right:-2.5vw;top:15%;}
.tiaccserv h2, .tiaccserv h3, h2.tiaccserv , h3.tiaccserv {font-size:65px}
.bservice h3 {font-size:40px}
.bservices{display:flex;flex-wrap: wrap;    justify-content: center;align-items: stretch;}
.bservice{position:relative;flex-basis: 50%;
    padding: 2%;
    flex-grow: 1;
    max-width: 50%;
    width: initial;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: end;}
.bservice>div{flex-grow: 1;}
.btnser{background:var(--color-red);float:right;margin-top:2vw;flex-grow: unset!important;}

.bacc6{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;position:relative;z-index:10}
.btxtacc6, .bimgacc6, 
.btxtacc6-2, .bimgacc6-2, .bimgacc6-3{position:relative;flex-basis: 35%;flex-grow: 1;
    max-width: 40%;display: flex;box-sizing: border-box;
    flex-direction: row;
    justify-content: start;
    align-items: center;}
.btxtacc6-2, .bimgacc6-2, .bimgacc6-3 {flex-basis:58%;max-width: 58%;}
.bimgacc6-2, .bimgacc6-3 { flex-direction: column; justify-content: center;}
.bimgacc6-3{    align-items: self-start;flex-basis: 55%;  max-width: 55%;}
.imacc6b{width:80%;height:auto;}   
.imacc6b>a{width:100%}
.connected .imacc6b{height:40vw;}
.imacc6l{width:44%;height:auto;position:absolute!important;right:0;bottom:10%;} 
.connected .imacc6l{height:25vw;} 
.imacc6min{width:25%;min-height:200px;vertical-align:top;margin-top:2%}
.connected .imacc6min{height:25vw}
.bbtnacc6 {width:100%;text-align:right;margin-top:2vw}   

.tlinearred h3, h3.tlinearred {background: linear-gradient( to right, var(--rgb-red), var(--rgb-yell));  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.container_imsgpacc15 {display:block;margin-top:2vw; padding:2vw 0; z-index: 1;    position: relative; background:white;}
/*.imsgpacc15{height:20vw}*/
.container_imsgpacc15 .carousel .item img {width:10vw;height:initial;border-radius:10vw;}
.container_imsgpacc15 .carousel-caption {background:none;position:relative;text-align:center;    width: 80%; left:0;  padding: 5% 10% 2% 10%;bottom:0;}
.container_imsgpacc15 .title_gen_carrousel {text-align:center;font-size:40px;color:black;display:inline-block;width:45%;margin-right:5%;vertical-align:middle;font-family:"fontr",Times,serif;}
.container_imsgpacc15 .description_gen_carrousel {text-align:center;width:45%;margin-left:5%;display:inline-block;vertical-align:middle;}
.container_imsgpacc15 .carousel-caption {    display: flex;    flex-direction: row;   justify-content: center;    align-items: center;}
.container_imsgpacc15	.carousel-control-prev,  .container_imsgpacc15	.carousel-control-next{font-size:0;opacity:1;display:block;width:auto;}
.container_imsgpacc15	.carousel-control-prev{left:2%;}
.container_imsgpacc15	.carousel-control-next{right:2%}
.container_imsgpacc15	.carousel-control-prev:before, .container_imsgpacc15	.carousel-control-next:before{content:'';font-size:20px;background-color:white;color:black;padding:20px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:70px;background-image: url("../view/global/background/next-car.svg");background-position: center;background-repeat: no-repeat;background-size: 100% ;}
.container_imsgpacc15	.carousel-control-prev:before{transform:rotate(-180deg)}
.bavis{position:relative;height:26vw}
.container_imsgpacc15	.carousel-inner {height:22vw}
.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%;}

    
    
/*** Les 2 G ***/
.bimgnous, .bimgnous2{width:25%;vertical-align:middle;position:relative;}  
.bimgnous:before, .bimgnous2:before {    content: "";    z-index: -1;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    background: linear-gradient(-45deg, #ff524c 0%, #ffb82b 100% );    transform: translate3d(0px, 0px, 0) scale(0.95);    filter: blur(20px);    opacity: var(0.7);    transition: opacity 0.3s;    border-radius: inherit;}
.bimgnous::after, .bimgnous2::after {    content: "";    z-index: -1;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    background: inherit;    border-radius: inherit;}          
.bimgnous2:before {background: linear-gradient(-45deg, #099eca 0%, #0261a4 100% );}

.btnDavid, .btnMath{cursor:none;width:50%;position:absolute;bottom:-20px;left:calc( 25% - 40px );box-shadow:none;font-family:"fontr",Times,serif;}
.btnDavid:hover, .btnMath:hover{cursor:none;}
.btnDavid{background-color: var(--rgb-yell);background-image: linear-gradient( to left, var(--color-red), rgba(255,255,255,0)); }
.btnDavid:hover{background-color: var(--rgb-yell);}
.btnMath{background-color: var(--rgb-bluef);background-image: linear-gradient( to left, var(--color-bluec), rgba(255,255,255,0));}
.btnMath:hover{background-color: var(--rgb-bluef);}

.imgnous{width:100%;height:auto}
.connected .imgnous{height:30vw}
.btxtnous {width:40%; margin:0 5%; vertical-align:middle;}
.btxtnous .t_g, .btxtnous h1{text-align:center;}
.tnousannee {margin-left:15px;}


.btxtnous2, .btxtnous3, 
.btxtpresta2, .btxtpresta3{width:25vw;position:relative;vertical-align:middle;}
.btxtnous3, .btxtpresta3{width:65vw;margin-left:5vw;}
.btxtpresta3{width:65vw;}
.btxtnous2:after, .btxtpresta2:after{content:'';display:inline-block;position:absolute;height:70%;width:5px;background-color:white;border-radius:50px;right:-2.5vw;top:15%;}
.bhexa #hexa1, .bhexa #hexa2, .bhexa #hexa3 {position:absolute;top:-10vw;right:-35%;z-index:5;opacity:0.2;width:70vw;height:50vw;transition: all 0.5s ease 0s}
.bhexa #hexa1 path, .bhexa #hexa2 path, .bhexa #hexa3 path{stroke-width:2px;}
.bhexa #hexa2{transform:rotate(-20deg);right:-40%;}
.bhexa #hexa3{transform:rotate(-40deg);right:-45%;}

.bbnousannee, .bbnousannee1,
.bbprestanumber, .bbprestanumber1{width:48%;margin:0 1%; vertical-align:top;position:relative;z-index:10}
.bnousannee, .bprestanumber{position:relative;padding:10% 0; width:100%;}
.bbnousannee1, .bbprestanumber1{margin-top:10%;}
.bnousannee1, .bprestanumber1{width:20%;vertical-align:top;text-align:center}
.bnousannee2, .bprestanumber2{width:75%;margin-left:5%;vertical-align:top;}
.txtanneenous{font-family:"fontr",Times,serif;font-size:25px;line-height:90px;text-align:center;width:90px;position:relative;z-index:10}
.txtanneenous:before{position:absolute;left:0;z-index:-1;content:'';display:inline-block;width:90px;;height:90px;border-radius:20vw;filter: blur(10px);background-color: var(--rgb-yell);background-image: linear-gradient( to left, var(--color-red), rgba(255,255,255,0));}
.byell .txtanneenous:before{background-color: white;background-image: linear-gradient( to left, rgba(255,255,255,0), rgba(255,255,255,0));}
.byell .txtanneenous{color:var(--color-bluec);}

#linepresta, #lineprestaMob{position:absolute;top:0;left:-8%;z-index:0;width:60%;height:auto;transition: all 0.5s ease 0s}
#lineprestaMob{display:none;}
.btxtpresta3{height:45vw}
.bprestanumber{width:100%;}
.pnb1{left:-20%;top:2vw}
.pnb2{left:-28%;top:2vw}
.pnb3{position:absolute;top: 20vw; left: -5%;}
.pnb4{position:absolute;left:47%;top:32vw}
.pnb5{position:absolute;top:16vw;left:2%}

/*** prestations ***/
.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}


/*** présentation client ***/
.gpblog {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 4%;  align-items: stretch;}
.gpblog .group_duplicable_editor,.gpblog .duplicate_line {flex: 1 1 30%;  max-width: 30%;  display: flex;}
.gpblog .group_duplicable_editor{flex-direction: column;}
.gpblog .duplicate_line > a {display: flex;   width: 100%;}
.gpblog1{flex: 1;  display: flex;  flex-direction: column;  width: 100%;}
.gpblog4{background:#ffffff;border-radius: var(--radius-std);padding:0 0 0 0;position:relative;box-sizing: border-box;}
.gpblog4{transition: all 0.5s ease 0s;text-align:left;width:100%;z-index:4;
	box-shadow: 0px 11px 32px rgba(0, 0, 0, 0.01), 
	0px 7px 27px rgba(0, 0, 0, 0.05), 
	0px 3px 20px rgba(0, 0, 0, 0.09), 
	0px 1px 11px rgba(0, 0, 0, 0.1), 
	0px 0px 0px rgba(0, 0, 0, 0.1);
	display: flex;  flex-direction: column;   height: 100%;}
.gpblog1:hover .gpblog4 {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%;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{font-family:"fontr",Times,serif;width:100%;font-size:25px; padding: 0 4%;vertical-align:top;box-sizing:border-box;margin-bottom:20px;}
.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{color:black;margin-bottom:20px;width:100%; padding: 0 4%;box-sizing:border-box;flex: 1;}
.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 ***/
.bcontform{position:relative;z-index:10}
.btcontact h2, .tcontprj {font-size:85px;}
.tcontprj>div, .tcontprj>div>div>div {font-size:85px;letter-spacing:0;}
.fprojet{width:100%;display:block;text-align:right}
.fprojet input,.fprojet  select, .fprojet  textarea{font-family:"fontr",Times,serif;font-size:25px;color:var(--rgb-red);width:92%;display:inline-block; padding:4%; background: rgba(255, 255, 255, 0.8); border:none; border-radius:40px;	}
.fprojet ::placeholder{color:var(--rgb-red);background: linear-gradient( to right,var(--rgb-red), var(--rgb-yell) );  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fprojet  select {width:100%;padding:4%;font-weight:normal;color:var(--rgb-red);}
.fprojet option{color:var(--rgb-red);}

.fprojet textarea{height:150px; padding:3% 2%;width:96%;}
.fprojet table , .fprojet tbody{width:100%;font-size:0;}
.fprojet table tr td:nth-child(1){display:none;}
.fprojet td { display: block;margin:5px 0}

.fprojet table tr:nth-child(1), .fprojet table tr:nth-child(2),
.fprojet table tr:nth-child(3),.fprojet table tr:nth-child(4) {	width:49%;display:inline-block;}
.fprojet table tr:nth-child(2), .fprojet table tr:nth-child(4){margin-left:2%;}



.imacc6b img, .imacc6l img, .imacc6min img, .imgnous img{border-radius:var(--radius-std)}
.bmb20, h2.bmb20{margin-top:20px;margin-bottom:20px;}
.bmb80{margin-top:80px;margin-bottom:80px;}
.mbot20{margin-bottom:20px;}
.mbot40{margin-bottom:40px;}
.mtop20{margin-top:20px;}
.mtop40{margin-top:40px;}
.pad20{padding:2vw 0}
.pad40{padding:4vw 0}
.padtop90{padding-top:90px;}


@media 	only screen and (max-width : 1850px) {
	:root {
	
	}
	
	.text_generic, .t_g, h1, h2, h3, .mbut, .msubbut{font-size:17px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:50px;}

}

@media 	only screen and (max-width : 1700px) {
	:root {
	
	}
	
	.text_generic, .t_g, h1, h2, h3, .mbut, .msubbut{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:45px;}

}

@media 	only screen and (max-width : 1500px) {
	:root {
	
	}
	
	.text_generic, .t_g, h1, h2, h3, .mbut, .msubbut{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:40px;}

}

@media 	only screen and (max-width : 1350px) {
	:root {
	
	}
	
	.text_generic, .t_g, h1, h2, h3, .mbut, .msubbut{font-size:15px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:35px;}

}




/*telephone*/		
@media (max-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;}
	.t_c, .text_generic, .t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees{font-size:1.5vw;line-height:initial;}
	html{background-size:10%}
	body{	width: 100vw;	min-width: 100vw;	overflow-x:hidden;}
	
	.bconmin, .bcont, .bcontfull {  width: 95vw;}
	.bfixed { width: 100%;}
	.gpheader, #div_container_1_h, #div_container_9_rm, #div_1_h, 	#div_container_5_fr, .global_group_auto_gen_5_fr, .global_group_auto_gen_1_h, #container_submenu{	width:100%;	min-width:initial;max-width:initial;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 4vw;    line-height:initial;}
	.tcontprj>div, .tcontprj>div>div>div { font-size: 4vw;}
	.mbut { margin: 0 1vw;    padding-bottom: 0.5vw;font-size:4vw}
	.msubbut { margin-left: 10vw;    font-size: 2.5vw;}
	.fprojet input, .fprojet select, .fprojet textarea { font-size: 1.5vw;     border-radius: 4vw;}
	.btnStandard, .input_submit, .button_valid {    padding: 1vw 2vw;    border-radius: 5vw;    font-size: 1.5vw;}
	.gplogo, .gplogow { width: 10vw;}
	
	
	
	.wrapper {width: 50vw;}
	.btxtacc1 { width: 43vw;}
	.btxtacc3, .btxtacc3prest { width: 41vw;}
	.btxtnous2, .btxtacc4{  width: 25vw;}
	.btxtacc5 { width: 65vw;}
	.btxtacc4 h2, .btxtacc4  h2.t_g,
	.btxtnous2 h2,.btxtnous2  h2.t_g{font-size:5vw}
	.btxtproj4 h2,.btxtproj4  h2.t_g{font-size:3vw}
	.btxtacc5 h3, .btxtacc5 h3.t_g {font-size:3vw}
	.connected .taccannee>div>div>div, .taccannee>div{ font-size:8vw;    letter-spacing: 15px;}
	.tcontprj>div, .tcontprj>div>div>div { font-size:5vw;    letter-spacing: 0;}
	.container_imsgpacc15 .carousel-control-prev:before, .container_imsgpacc15 .carousel-control-next:before {  padding: 1vw;    width: 4vw;    height: 4vw;    line-height: 4vw;    border-radius: 4vw;}
	
	.btnDavid, .btnMath {left: calc( 25% - 2vw );}
	
	.txtanneenous {   font-size: 2vw;    line-height: 6vw;   width: 6vw;}
	.txtanneenous:before {  width: 6vw;    height: 6vw;}
	.bnousannee2 h3, .bnousannee2 h3.t_g, 
	.bprestanumber2 h3, .bprestanumber2 h3.t_g{font-size:2.5vw}
	.tnousannee {margin-left:1.5vw;}
	
	.btxtpresta2 {width:20vw}
	.btxtpresta3 {   width: 70vw;}
	.pnb4 { top: 35vw;}
	
	.pad20 { padding: 4vw 0;}
	
	
	.bfoot { width: 95vw;   padding: 4vw 0;}
	.flogo { width: 100%;}
}

@media (max-width : 468px){
	:root {
	
	--radius-std:4vw;
	
}
	
	
	
	.t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, .line_form_peer{font-size:3.5vw;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 8vw;  }
	
	.btnStandard, .input_submit, .button_valid {   padding: 3vw 6vw;    border-radius: 10vw;    font-size: 3.5vw;}
	
	
	.byell, .bblue { background-size: 300%;}
	.gplogo, .gplogow {width:20vw;}
	.gpmenumo2, .gpmenumo3 {  width: 12vw;    height: 12vw;}	
	#menu { width: 12vw;    height: 12vw;}
	.gpmenu { background-size: 150%;}
	.lineclose1, .lineclose2 { height: 1vw;    width: 12vw; top:5vw}
	.cmenu>li:nth-child(1) {  margin-top: 20vw;}
	.mbutopen { height: 7vh!important;}
	.msubbutopen { height: 6vh!important;}
	.mbut { font-size: 6.5vw;line-height:7vw}
	.msubbut { margin-left: 15vw;    font-size: 4.5vw;}
	.mbutproj{font-size: 6vw;    bottom: 15vw;    padding: 3vw 10vw;}
	.brelatf {  margin-top: 13vw;}
	
	.btxtacc4 h2, .btxtacc4 h2.t_g, .btxtnous2 h2, .btxtnous2 h2.t_g, .btxtpresta2 h2, .btxtpresta2 h2.t_g {  font-size: 8vw;text-align:center}
	.btxtacc5 h3, .btxtacc5 h3.t_g, .bnousannee2 h3, .bservice h3, .bnousannee2 h3.t_g, .btxtpresta3 h3.t_g, .bservice  h3.t_g{ font-size: 4.5vw;}
	
	.wrapper{width:95vw;height:40vh}
	.boxes { top: -50vw;left: 8vw;}
	.box { width: 80vw;height:initial}
	.btxtacc1{width:100%;margin:2vw 0}
	.boxes2, .boxes3,.boxes4, .boxes5 {  width:120%; left:-50%;  }
	
	.btxtacc2, .btxtacc2prest { width: 100%;}
	h2.tiaccannee, .taccannee>div  {font-size:8vw;text-align:center;}
	.taccannee>div{margin:2vw 0 ; font-size:18vw;line-height:18vw;    letter-spacing: 0;}
	.bimacc2, .bimacc2prest {   width: 70vw;    margin-left: 0;vertical-align:bottom;margin-bottom:15vw}
	.imacc2 { width: 70vw;    height: initial;}
	.btxtacc3, .btxtacc3prest { width: 80vw;margin-left:-55vw;vertical-align:bottom}
	.btxtacc4, .btxtacc5, .btxtnous2, .btxtnous3, .btxtpresta2, .btxtpresta3 {width: 100%;margin:2vw 0}
	.btxtacc4:after, .btxtnous2:after {  height: 1vw;    width: 30%;   border-radius: 5vw;    right: 35%;    top: initial;    bottom:-2vw}
	
	/*.bservice{flex-basis: 100%;    padding: 2%;    max-width: 100%;}*/
	.btxtacc6-2, .bimgacc6-2, .bimgacc6-3 {   flex-basis: 100%;    max-width: 100%;}
	.btxtacc6, .bimgacc6, .btxtacc6-2, .bimgacc6-2, .bimgacc6-3 { flex-basis: 100%;    max-width: 100%;margin:4vw 0}
	.imacc6min{width:40%;}
	.bimgacc6-2 h1{text-align:center}
	.wrapper2, .wrapper3, .wrapper4, .wrapper4{    aspect-ratio: 1;}
	.container_imsgpacc15 .carousel .item img {width:30vw;height:initial;border-radius:50vw;}
	.container_imsgpacc15 .carousel-caption {background:none;position:relative;text-align:center;    width: 80%; left:0;  padding: 2% 10%;flex-direction:column}
	.container_imsgpacc15 .title_gen_carrousel {font-size:5vw;width:100%;margin-right:0;text-align:center;}
	.container_imsgpacc15 .description_gen_carrousel {text-align:center;width:100%;margin-left:0;padding:0;font-size:3vw}
	.container_imsgpacc15	.carousel-control-prev:before, .container_imsgpacc15	.carousel-control-next:before{font-size:0;padding:0;width:8vw;height:8vw;line-height:8vw;border-radius:10vw;}
	.container_imsgpacc15 .carousel-inner {   height: 80vw;}
	.bavis { height: 82vw;}


	.breordernous{display:flex;flex-wrap: wrap;    justify-content: space-around;padding-top:15vw}
	.bimgnous, .bimgnous2 {width:initial;margin: 3vw;flex-basis:40%;max-width: 40%;}
	.breordernous>div:nth-child(1){order:2;}
	.breordernous>div:nth-child(2){order:1; flex-basis:100%;max-width: 100%;}
	.breordernous>div:nth-child(3){order:3;}
	.breordernous>div:nth-child(4){order:4;margin-top:3vw}
	.btxtnous { width: 100%;    margin: 0 0 2vw 0;} 
	.btnDavid, .btnMath {  width: calc( 90% - 6vw ); padding:3vw;  left: 5%; box-shadow: none;   font-family: "fontr",Times,serif;font-size:3vw}
	
	
	.bhexa #hexa1, .bhexa #hexa2, .bhexa #hexa3 {  width: 100vw;    height: 100vw;}
	.bnousannee1{width:100%;margin-bottom:0;text-align:right}
	.bnousannee2{width:100%; margin:0}
	.txtanneenous {  font-size: 5vw;    line-height: 15vw;    width: 15vw;display:inline-block}
	.txtanneenous:before {    width: 15vw;    height: 15vw;}
	.bbnousannee, .bbnousannee1, .bbprestanumber, .bbprestanumber1{width:47%;margin:0}
	.bbnousannee, .bbprestanumber{margin-right:6%}
	.bbnousannee1, .bbprestanumber1 {    margin-top: 25%;}
	
	.gpreal1 .bimgacc6{display:none;}
	.gpreal1{padding-top:15vw;}
	.gpreal1 .box2 img, .gpreal1 .imacc6b img {-webkit-box-shadow: 0px 0px 2vw 0.5vw #D9D9D9;
    box-shadow: 0px 0px 2vw 0.5vw #D9D9D}

	#lineprestaMob{display:block; left: 0;    width: 100%;}
	#linepresta{display:none}
	.btxtpresta3 {   width: 100%; height:350vw}
	.bbprestanumber, .bbprestanumber1 {width:80%;margin:0;height:0}
	
	.pnb1 {  top: 20vw; left: 2%;}
	.pnb2 {  top: 88vw; left: 20%;}
	.pnb3 {  top: 150vw; left: 2%;}
	.pnb4 { top: 210vw; left :15%}
	.pnb5 { top: 275vw; left: 2%;}	
	
	.btcontact h1, .btcontact  .tcontprj>div,.btcontact .tcontprj>div>div>div{font-size:12vw}
	.fprojet input,.fprojet  select, .fprojet  textarea{font-size:4vw;border-radius:3vw;	}
	
	
	.bfoinfo1, .bfoinfo2, .bfoinfo3, .bfoinfo4 {  width: 46%; margin: 2%;}
	.flogo { width: 50%;}
	
	.bmb20{margin-top:2vw;margin-bottom:2vw;}
	.bmb80{margin-top:4vw;margin-bottom:4vw;}
	.mbot20{margin-bottom:2vw;}
	.mbot40{margin-bottom:4vw;}
	.mtop20{margin-top:2vw;}
	.mtop40{margin-top:4vw;}

	
}