:root {
	--color-1: #026194;
  --color-2: #0eb4f5; 
  --fontlvl1-submenu-color-hover :#0eb4f5;
	--txt-bright-color:#ffffff;
	--radius-std:10px;
	--size-title : 40px;
	--lineHeight-title: 45px;
	--path-shape : polygon( 2.552% 49.938%,2.552% 49.938%,2.706% 47.896%,3.137% 45.987%,3.775% 44.232%,4.552% 42.649%,5.398% 41.256%,6.244% 40.075%,7.023% 39.122%,7.664% 38.418%,8.099% 37.982%,8.26% 37.832%,49.729% 3.47%,90.659% 37.362%,90.659% 37.362%,90.83% 37.519%,91.295% 37.973%,91.982% 38.702%,92.819% 39.683%,93.732% 40.895%,94.651% 42.315%,95.502% 43.919%,96.214% 45.686%,96.714% 47.594%,96.931% 49.619%,96.931% 49.619%,96.822% 51.642%,96.442% 53.544%,95.856% 55.303%,95.131% 56.897%,94.334% 58.306%,93.532% 59.507%,92.793% 60.479%,92.181% 61.2%,91.766% 61.648%,91.612% 61.803%,49.729% 96.407%,8.332% 62.068%,8.332% 62.068%,8.171% 61.917%,7.733% 61.479%,7.087% 60.773%,6.303% 59.817%,5.45% 58.632%,4.595% 57.236%,3.809% 55.65%,3.161% 53.892%,2.719% 51.982%,2.552% 49.938% ); 
	--fontlvl1-submenu-size: 18px;
}


@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: "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; }

#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:black;}
.gphead-scr a.mbut:visited{color:black;}
a.mbut:hover, .mbut:hover{color:black;}
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, .menuactive{color:var(--color-1)!important;}
a.linkClickedCurrentPage:visited{color:var(--color-1);}
.gpdevis a.linkClickedCurrentPage:visited{color:white;}

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

a.linkClickedCurrentPage.mbut:after, .menuactive:after{width:100%!important;}
.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 a.linkClickedCurrentPage.mbut:after, .gphead-scr a.linkClickedCurrentPage.mbut:after, .menuactive: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, .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, [class^="icons-"]:after, [class*=" icons-"]:after {width:15%}

.icons-facebook:before {    content: "\f104"; width:initial}
.icons-linkedin:before {    content: "\f105";width:initial}
.icons-quoteleft:before {    content: "\f10c";width:initial; transform:rotate(180deg)}
.icons-quoteright:after {    content: "\f10c";width:initial;}
.icons-tel:before {    content: "\f103";width:initial}
.icons-mail:before {    content: "\f102";width:initial}
.icons-map:before {    content: "\f101";width:initial}
.icons-row-avo:after, .gg_sendIcon:before {    content: "\f109";width:initial;transform:rotate(-125deg)}
.icons-youtube:before{ content: "\f10f";width:initial;}



.t_g, h1, h2, h3, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-family:"fontr",Times,serif;	color:black;font-size:18px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{font-family:"fontrb",Times,serif;color:black;margin-bottom:0;font-size:var(--size-title);line-height:var(--lineHeight-title);margin-top:0}

h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{}

.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, .description_gen_carrousel, .tMoreacc2{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, .description_gen_carrousel, .tMoreacc2 {background-color: var(--color-1);/*background-image: linear-gradient( to right, rgba(51,51,51,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);border:none;}
.btnstd: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);}


#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 ;}

.bcont, .bcontfull, .bcontBloc{display:block;margin:auto;width:70%;position:relative;z-index:1}
.p1080{padding:10% 0}
.p1080 .button_edit {margin-top:5%}
.bcontfull{width:100%;}
.bcontBloc{width:50%;}
.twhite {color:white;}

.gpbackblue, .gpbackwhite{position:relative;width:100%;}
.gpbackblue:before, .gpbackwhite:before{content:'';width:102%;aspect-ratio:0.7;left:-1%;top:0; position:absolute; z-index:0;background-image: url("../view/global/background/backimgblue.svg");background-position: inherit;background-repeat: no-repeat;background-size: 100% ;background-position-x: center; }
.gpbackwhite:before{background-image: url("../view/global/background/backimgwhite.svg");}
.imShapeLogo{width:100%;aspect-ratio:0.7; clip-path: var(--path-shape);   position:realtive;}
.connected .imShapeLogo{clip-path:unset}

/**** HEADER / MENU ***/
/*.f-nav{ z-index: 320; 	position: fixed; 	left: 0; 	top: 0; 	width: 100%;}*/
.gphhead{width:100%;display:block;margin:auto;text-align:left;position: absolute; 	left: 0; 	top: 0; z-index:150}
.gpheader{display:block;width:100%;text-align:left; background:white;padding:0}
.gphead{width:100%;display:block;margin:auto;text-align:center;background-color:var(--color-1);}
.gphcoord{width:70%;text-align:left;vertical-align:middle;    display: inline-flex ;   align-items: center;   justify-content: space-between;position:relative;}
.thtels{}
.thmail{}
.thname{}
.thtels, .thmail, .thname{color:white;    flex-basis: 30%;text-align:center;}
.thmail:before, .thname:before{content:'';display:inline-block;position:absolute;top:5px;border-left:5px solid white; transform:rotate(10deg);height:30px;}
.thmail:before{left:33%;}
.thname:before{left:66%;}

.gpmenumo{display:none;}
.ggpmenu{width:70%;display:block;margin:auto;text-align:center;vertical-align:middle;position:relative;padding:5px;box-sizing:border-box;background-color:white;border-radius:0 0 15px 15px}
.gplogo{width:20%;vertical-align:middle;	}
.logoh, .logoh>a{width:100%;}
.gpmenu{width:60%;vertical-align:middle;}
.gpdevis{width:20%;vertical-align:middle;}
.mbut{text-align:left;vertical-align:middle;margin:0 20px;color:black;transition: all 0.5s ease 0s; padding:10px 0}
a.mbut:hover, a.linkClickedCurrentPage.mbut{color:var(--color-2)!important}
.cmenu {    display: flex; justify-content: center;}
.t_g.gg_smn { padding: 5px 10px;}


/** 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 ***/
.carousel {margin:0}
.carousel-caption{font-family:"fontrb",Times,serif;text-align:center;display:block;position:absolute;bottom:200px;top:initial;right:initial;left:65%;width:25%;color:white;background:rgba(255,255,255,0.7);padding:25px;border-radius:var(--radius-std)}
.carousel-caption h4, .carousel-caption p { text-align: center;color:white;}
.title_gen_carrousel{font-family:"fontrb",Times,serif;font-size:30px;margin:0; background:none;padding:0;width:initial;color:black ;text-align:center}
.description_gen_carrousel {font-size:22px;display:inline-block;margin-top:25px}
.carousel .item img, .carousel .item a {width:100%;max-width:100%}

.gpgims{position:relative;margin-bottom:30px;}
.container_imsacc, .container_imsdev {width:100%}
.imsdev .carousel-caption{display:none;}
.imsacc, .imsdev{width:100%;height:100vh;background-color:white;color:black;overflow:hidden;/*filter:brightness(1) blur(5px);transition: all 0.5s ease 0s;*/}
.imsdev{height:50vh;}
/*.gpgims:hover .imsacc, .gpgims:hover .imsacc2{filter:brightness(0.8) blur(0);}*/
.imsacc.imageSub, .imsdev.imageSub{margin-top:150px;}
.imsacc img, .imsdev img{max-height:200%; max-width:130%;min-width: 100%;}
.bimacc, .bimmemb{width:60%;margin-right:3%;vertical-align:middle;}
.btxtacc, .btxtmemb{width:36%;vertical-align:middle;}
.imacc1, .imemb1{width:100%;aspect-ratio:1.7}
.imacc1 img, .imemb1 img{border-radius:var(--radius-std)}

.bimCarrou{position:absolute;bottom:-1px;left:40%;width:20%;z-index:350}
.imCarrou{width:100%;}

.btxtsacc1{display: flex ;   align-items: center;   justify-content: space-between;margin-top:100px;align-items: flex-start;}
.btxtacc1 {flex-basis: 25%;background:white;-webkit-box-shadow: 0px 0px 30px -10px #999999; 
box-shadow: 0px 0px 30px -10px #999999; border-radius:var(--radius-std);padding:20px;display: inline-flex;    flex-direction: column;   
align-self: stretch; flex-wrap: wrap;margin-bottom:100px }
.macc1{margin-bottom:0; margin-top:100px }
.imbTxt1{display:block;width:30%;margin:-27% auto 20px auto}

.tiAcc1 {font-size:30px;text-align:center;margin-bottom:25px;}
.tMoreacc1{text-align:right;color:var(--color-1);margin-top:25px;}
.tiDesc1{flex-grow:1}


.btxtsacc2, .btxtsacc4, .btxtsqui4{margin:150px 0 50px 0;width:100%;background-image: url("../view/global/background/bvague1.svg");background-position: inherit;background-repeat: no-repeat;background-size: 140% ;background-position-x: center;}
.btxtsacc4{background-size: 120% ;}
.btxtsqui4{background-size: 100% ;}
.btxtacc2, .btxtqui2, .btxtacc3, .btxtacc4, .btxtqui4{width:50%;margin:120px 5% 260px 0;vertical-align:middle;text-align:right}
.bimgsacc2{width:45%;vertical-align:middle}
.bimgacc2{width:45%;position:relative;}
.imacc2{}
.btxtsacc2 .t_g, .btxtsacc2 h2,.btxtsacc4 .t_g, .btxtsacc4 h3, .btxtsqui4 .t_g, .btxtsqui4 h3,  .btxtsqui4 h1{color:white;text-align:left}
.imacc2p1{top: 14vw /*260px*/;}
.imacc2p2{top: -4vw /*-84px*/ ; left: -26%;}
.imacc2p3{left: 51%; top: -11vw /*-221px*/;}
.tMoreacc2{background:white;color:var(--color-1)!important;margin-top:30px;}

.gpnumber{display: flex ;   align-items: center;   justify-content: space-between;align-items: flex-start;}
.gpcarrdeg1, .gpcarrdeg2, .gpcarrdeg3, .gpcarrdeg4{vertical-align:middle;width:17%;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;
	background-image: url("../view/global/background/logowtrans.svg");background-position: inherit;background-repeat: no-repeat;background-size: 25% ;background-position-x: top;}
.tigpdeg{font-family:"fontrb",Times,serif;font-size:40px;}
.gpcarrdeg1{background-color:#036a9e}
.gpcarrdeg2{background-color:#0781ba}
.gpcarrdeg3{background-color:#0a97d3}
.gpcarrdeg4{background-color:#0eb1f2}
.gpcarrdeg1 .t_g, .gpcarrdeg2 .t_g, .gpcarrdeg3 .t_g, .gpcarrdeg4 .t_g{color:white;}


.btxtsacc3, .btxtsqui2{margin:150px 0 50px 0;width:100%;}
.btxtacc3{margin:120px 0 260px 5%;}
.btxtsacc3 .t_g, .btxtsqui2 .t_g{text-align:left}



.btxtsacc4{background-image: url("../view/global/background/bvague2.svg");}
.btxtsqui4{background-image: url("../view/global/background/bvague3.svg");}
.btxtacc4, .btxtqui4{margin:120px 5% 120px 0;}
.btxtqui4{margin:120px 0 120px 5%;}
.bimgacc4{width:45%;vertical-align:middle;}

.btxtsacc5, .btxtsacc5b{display: flex ;   align-items: center;   justify-content: space-between;align-items: flex-start;width:100%;padding:2%;box-sizing:border-box;}
.txtacc5{flex-basis:13%;text-align:center;}
.btxtsacc5b{background: linear-gradient(to right,  #026194 0%,#0eb1f2 100%); border-radius:var(--radius-std)}
.icoAvant{width:13%;text-align:center}
.icoAvant>img{width:60%}


.bformacc{width:90%;padding:3% 5%;background-color:var(--color-1);background-image: url("../view/global/background/logowtrans.svg");background-position: bottom right;background-repeat: no-repeat;background-size: 25% ;background-position-x: right;background-position-y: 0;}
.bformacc .t_g, .bformacc label, .bformacc h3{color:white;}
.telformacc {color:var(--color-1)!important;font-size:25px;display:block;text-align:center;}
.telformacc:before{color:var(--color-1);font-size:60px;}
.bacc8, .bacc9 {vertical-align:middle;}
.bacc8{width:50%;margin-right:10%;text-align:center}
.bacc9{width:40%;}
.fdevisacc input,.fdevisacc  select, .fdevisacc  textarea{font-family:"fontr",Times,serif; color:var(--color-1);width:calc(100% - 20px);display:inline-block; padding:10px; background: rgba(255, 255, 255, 0.6);     border: 1px solid var(--color-1);border-radius:10px;	}
.fdevisacc input[type="checkbox"] {width:initial;}
.fdevisacc table tr:nth-child(1), .fdevisacc table tr:nth-child(2) {	width:49%;display:inline-block;}
.fdevisacc table tr:nth-child(2){margin-left:2%;}
.fdevisacc ::placeholder{color:white;}
.fdevisacc  select {width:100%;padding:4% 2%;font-weight:normal}
.fdevisacc option{color:black;}
.fdevisacc textarea{height:150px}
.fdevisacc table , .fdevisacc tbody{width:100%;font-size:0;}
.fdevisacc table tr td:nth-child(1){display:none;}
.inpRGPD .cell_2_form { text-align: left;}
.fdevisacc td { display: block;margin:5px 0}
.fdevisacc .input_submit{float:right;margin-top:40px;    background: white;   color: var(--color-2);}



/*** Qui sommes nous / pourquoi ***/
.bquiqual{width:29%;padding:2%;vertical-align:top;text-align:center;}
.imgquiqual{width:30%;display:block;margin:auto;margin-bottom:20px;}


/*** PRODUITS ***/
.imbProds1{width:100%;aspect-ratio:1.75;margin-bottom:20px;}
.imbProds1 img{border-radius:var(--radius-std)}


/*** SOLUTIONS ***/
.bcontprods{width:100%;}
.bcontprods .group_duplicable_editor{width:20%;padding:2%;margin:2.5%;box-sizing:border-box;border:1px solid var(--color-1);border-radius:var(--radius-std)}
.btxtprod{width:100%;text-align:center!important}

#div_container_9_fo {padding:0;margin-top:0;}
.bfoot {display:block;width:100%;margin:auto;text-align:center;}
.bfologo {width:70%;display:block;margin:auto;text-align:center;margin-bottom:20px;position:relative}
.foLogo {width:250px;position:relative;}
.connected .foLogo {}

.bfoinfo, .bfoinfo1, .bfoinfo2,.bfoinfo3{vertical-align:top;position:relative;}
.bfoinfo{width:13%;margin-right:4%;}
.bfoinfo1{width:33%;margin-right:5%;}
.bfoinfo2{width:15%;}
.bfoinfo3{width:100%;}
.bfoinfo1 .tfoot, .bfoinfo2 .tfoot,.bfoinfo3 .tfoot,.bfoinfo1 .tifoot, .bfoinfo2 .tifoot,.bfoinfo3 .tifoot, .bfoinfo1, .bfoinfo2,.bfoinfo3{text-align:left;}
.imFooter{}
.imQuali{width:35%;margin-right:2%;}
.imQuali2{width:55%;}

.tifoot{font-size:30px;margin:10px 0;text-align:left;}
.tfoot{margin:10px 0;}
.tfootcon, .tfootment{font-size:13px;text-align:center;margin-top:20px;}
.tfootment{text-align:center;padding-bottom:20px;}
.tfooti{font-size:25px;}

/*** DEVIS ***/
.bformdev{width:100%;}
.fprojet{width:70%;display:block;vertical-align:middle;text-align:right;margin:20px auto;font-size:0}
.fprojet .cell_1_form{width:40%;text-align:left}
.fprojet .cell_2_form{width:60%;text-align:left}
.fprojet td { display: inline-block;margin:10px 0;padding:0}
.fprojet tr, .fprojet .cell_2_form{text-align:left;}
.fprojet table , .fprojet tbody{width:100%;}	
.fprojet input[type="text"], .fprojet textarea{font-family:"fontr",Times,serif;width: calc(100% - 17px);background: white; border: 1px solid var(--color-1);font-size:18px; padding: 5px;}
.fprojet textarea{height:200px;}

.fprojet table tr:nth-child(1) label, .fprojet table tr:nth-child(2) label{width:95%;}
.fprojet table tr:nth-child(1) input, .fprojet table tr:nth-child(2) input{width:5%;}

/*.fprojet table tr:nth-child(4), .fprojet table tr:nth-child(5) {width:49%; display: inline-block;}
.fprojet table tr:nth-child(5){margin-left:2%;}
.fprojet table tr:nth-child(4) .cell_1_form, .fprojet table tr:nth-child(5) .cell_1_form{    width: calc(40% - 5px);}*/


.fprojet input[type="text"],.fprojet input[type="password"],.fprojet input[type="date"], .fprojet textarea{border-radius:5px;border-right:solid 5px var(--color-2)}
	
	
/*** CONTACT ***/
.bcontainfos{width:30%;text-align:center;vertical-align:top;margin:1.5%;}
.pictcont:before{font-size:40px}
.pictcont, .pictcont:before, .tcontinfos{text-align:center;}
.pictcont:before, .tcontinfos{margin:20px 0}
.tconmap, .tconphone, .tconmail{text-align:center;margin-top:15px;}
.tcontinfos{font-size:22px;}

.tcontadd>div, .tconttel>div, .tcontmail>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;}
.tcontadd:before, .tconttel:before, .tcontmail:before{  display: inline-block;text-align: center; vertical-align: middle; content:"\f101"; font-family: icons;font-weight:normal; color:var(--color-2)}
.tconttel:before{content:"\f103";}
.tcontmail:before{content:"\f102";}	

.bvague{padding:100px 0;width:100%;background-image: url("../view/global/background/bvague1.svg");background-position: inherit;background-repeat: no-repeat;background-size: 130% ;background-position-x: center;}
.fcontact{width:50%;padding:0;display:inline-block;vertical-align:middle;text-align:right;display:block;margin:auto;}
.fcontact table , .fcontact tbody{width:100%;font-size:0;}
.fcontact table tr:nth-child(1), .fcontact tr:nth-child(2),
.fcontact tr:nth-child(4){	width:49%;display:inline-block;vertical-align:bottom}
.fcontact table tr:nth-child(2),.fcontact table tr:nth-child(4){margin-left:2%;}
.fcontact table tr:nth-child(3){	width:59%;display:inline-block;}
.fcontact table tr:nth-child(4){	width:39%;display:inline-block;}
.fcontact table tr:nth-child(5),.fcontact table tr:nth-child(8){	width:100%;display:inline-block;}
.fcontact td { display: block;margin-top:2%; }


.fcontact .cell_1_form{	width:100%;	padding:0;font-size:15px;}
.fcontact label{color:white;}
.fcontact .cell_2_form { padding-left:0;}
.fcontact input[type="text"],.fcontact input[type="password"],.fcontact  textarea {font-family:"fontr",Times,serif;width: calc( 100% - 10px);    border: 1px solid #d9dadc;    padding: 5px;}
.fcontact textarea {height:150px;	}
.gpaccmap{width:100%; margin-top:30px}
.main_ggMap, .ggMap{width:100%;height:50vh;}

.inpRGPD .cell_1_form{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 auto}
.bmb40{margin:40px auto}
.bmb80{margin:80px auto}
.mbot40{margin-bottom:40px}
.mbot80{margin-bottom:80px}
.mtop80{margin-top:80px}
.mtop40{margin-top:40px}
.mtop160{margin-top:160px}
.mLR20{margin-left:20px; margin-right:20px}
.padtop80{padding-top:80px;}

@media 	only screen and (max-width : 1600px) {
	:root {
	--size-title : 35px;
	--lineHeight-title: 40px;
	--fontlvl1-submenu-size: 17px;
	}
	
	.bcont, .bcontfull, .bcontBloc, .ggpmenu, .gphcoord {  width: 80%;}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:17px;}
	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"], 
	.title_gen_carrousel {    font-size: 25px;}
	.tiAcc1 { font-size: 25px;}
	.btxtsacc2, btxtsqui2 { margin: 150px 0 0 0;}
	.btxtacc2, .btxtqui2{    margin: 30px 5% 260px 0;}
	.btxtsacc3, .btxtsqui2 { margin: 150px 0 0 0;}
	.btxtsacc4 { margin: 50px 0 50px 0;}
	.btxtacc4, .btxtqui4 { margin: 30px 5% 120px 0;}
	.btxtqui4 { margin: 30px 0 120px 5%;}
	.tigpdeg {  font-size: 40px;}
	
	.bfologo { width: 80%;}
	.bfoinfo1 { width: 43%;}
	.tifoot { font-size: 30px;    line-height: 35px;}
	.tifoot2 { font-size: 25px;    line-height: 30px;}
	
	
	.bvague{background-size: 160% ;}
	
	

}

@media 	only screen and (max-width : 1400px) {
	:root {
	--size-title : 35px;
	--lineHeight-title: 40px;
	--fontlvl1-submenu-size: 16px;
	}
	
	.bcont, .bcontfull, .bcontBloc, .ggpmenu, .gphcoord {  width: 90%;}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:16px;}
	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"], 
	.title_gen_carrousel {    font-size: 20px;}
	.carousel-caption {  bottom: 100px;}
	.tiAcc1 { font-size: 25px;}
	.btxtsacc2, .btxtsqui2 { margin: 150px 0 0 0;}
	.btxtacc2, .btxtqui2{    margin: 70px 5% 260px 0;}
	.btxtsacc3, .btxtsqui2 { margin: 150px 0 0 0;}
	.btxtsacc4 { margin: 50px 0 50px 0;}
	.btxtacc4, .btxtqui4 { margin: 30px 5% 120px 0;}
	.btxtqui4 { margin: 30px 0 120px 5%;}
	.tigpdeg {  font-size: 40px;}
	
	.btxtsacc2{background-size: 150% ;}
	.btxtsacc4{background-size: 130% ;}
	.btxtsqui4{background-size: 110% ;}
	.bvague{background-size: 180% ;}
	
	.bfologo { width: 80%;}
	.bfoinfo1 { width: 43%;}
	.tifoot { font-size: 30px;    line-height: 35px;}
	.tifoot2 { font-size: 25px;    line-height: 30px;}
	
}

@media 	only screen and (max-width : 1200px) {
	:root {
	--size-title : 30px;
	--lineHeight-title : 35px;
	--fontlvl1-submenu-size: 15px;
	}
	
	.bcont, .bcontfull, .bcontBloc {  width: 90%;}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:15px;}
	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"], 
	.title_gen_carrousel {    font-size: 25px;}
	.tiAcc1 { font-size: 25px;}
	.btxtsacc2, .btxtsqui2 { margin: 150px 0 0 0;}
	.btxtacc2, .btxtqui2{    margin: 70px 1% 260px 0;width:54%;}
	.btxtsacc3, .btxtsqui2 { margin: 150px 0 0 0;}
	.btxtsacc4 { margin: 50px 0 50px 0;}
	.btxtacc4, .btxtqui4 { margin: 30px 2% 120px 0;width:59%;}
	.btxtqui4 { margin: 30px 0 120px 2%;}
	.bimgacc4 { width: 39%;}
	.tigpdeg {  font-size: 40px;}
	
	.btxtsacc2{background-size: 160% ;}
	.btxtsacc4{background-size: 140% ;}
	.btxtsqui4{background-size: 110% ;}
	.bvague{background-size: 200% ;}
	
	.imacc2p1 { left: 4%;}
	.imacc2p2 { left: -17%;}
	.imacc2p3 { left: 57%; top: -13vw ;}
	
	.bfologo { width: 80%;}
	.bfoinfo1 { width: 43%;}
	.tifoot { font-size: 30px;    line-height: 35px;}
	.tifoot2 { font-size: 25px;    line-height: 30px;}
	

}

@media 	only screen and (max-device-width : 468px) {
	:root {
	
	}
	
	html, body{height:100%;}
	
	
	:root {
	--size-title : 6vw;
	--lineHeight-title : 6.5vw;
	--fontlvl1-submenu-size: 5vw;
	--radius-std: 2vw;
	}
	
	.bcont, .bcontfull, .bcontBloc {  width: 90%;}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:4vw;}
	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"], 
	.title_gen_carrousel {    font-size: 4vw;}
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete, #button_refuse, #button_accept, .btnstd, .description_gen_carrousel, .tMoreacc2 { padding: 2vw 5vw;  border-radius: 5vw;}
	.bcont, .bcontfull, .bcontBloc, .ggpmenu, .gphcoord { width: 96%;}
	.gphhead{position:relative;}
	.gphcoord{padding:2% 0}
	.thname, .thname:before{display:none;}
	.thtels, .thmail, .thname { flex-basis: 50%;}
	.thmail:before { left: 50%;top:1px;    border-left: 2px solid white;  height: 8vw;}
	.ggpmenu { width: 98%;   padding: 1%;    border-radius: 0; text-align: left;}
	.gplogo { width: 45%;margin-right:5%}
	.gpdevis { width: 40%;text-align:center;        position: absolute;     top: 3vw;     left: 49%;}
	
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:1vw;margin-top: 0;top: 13vw; z-index: 320; width:10vw;height:10vw;}
	.ibutmob {width:8vw;height:8vw;fill:var(--color-1)}
	.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:7vw;white-space: nowrap;text-align:center;margin:1vw 0;width:100%; padding: 0.5vw 0;}
	
	
	
	
	.gpgims {  margin-bottom: 3vw;}
	.imsacc {height: 60vw;}
	.imsdev {height: 40vw;}
	.carousel .item img, .carousel .item a { width: 120%;    max-width: 120%;}
	.carousel-caption { display:none; bottom: 5vw; left: 20%; width: 76%; padding: 2%;}
	.title_gen_carrousel {    font-size: 5vw;}
	.tiAcc1 { font-size: 5vw;}
	.tigpdeg {  font-size: 6vw;}
	.bimCarrou { left: 35%; width: 30%;}
	
	.btxtsacc1 {  margin-top: 15vw;    flex-direction: column;        flex-wrap: wrap; align-content: center;        text-align: center;}
	.btxtacc1 { flex-basis: 70%;    padding: 5vw;    margin-bottom: 18vw;    width: 70%;}
	.macc1 { margin-top: 0;}
	.btxtsacc2, .btxtsqui2 { margin: 5vw 0 5vw 0; }
	.btxtacc2, .btxtqui2 { margin: 7vw 0 3vw 0;  width: 100%;}
	.bimgsacc2 { width: 100%;}
	.imacc2p2 { left:5%;}
	.imacc2p3 { left: 36%; top: -3vw; }
	
	.gpnumber { flex-wrap: wrap;justify-content: space-around;}
	.gpcarrdeg1, .gpcarrdeg2, .gpcarrdeg3, .gpcarrdeg4 { width: 40%; margin:5%; background-size: 25%;}
	.btxtsacc3, .btxtsqui2 { margin: 5vw 0 0 0;   }
	.btxtacc3{ width: 100%; margin: 3vw 0 3vw 0 ;   text-align: center;}
	.btxtacc4, .btxtqui4 { margin: 5vw 0 3vw 0; width: 100%; }
	.bimgacc4 {width: 70%; margin:auto; display:block;}
	
	.bmobacc5{overflow-y: hidden; width: 96vw;}
	.bmobacc5:after{font-family:'gandg'; content:'\e112'; font-size:10vw; position:absolute;z-index:15;color:white;right:2vw;opacity:0.2;bottom:8vw;}
	.btxtsacc5, .btxtsacc5b{    width: 300%;}
	
	.bformacc {width: 96%;  padding: 3% 2%;}
	.bacc8 { width: 100%; margin-right: 0; margin-bottom:4vw}
	.bacc9 { width: 100%;}
	
	
	.btxtsacc4, .btxtsqui4 { margin: 5vw 0 3vw 0;}
	
	.bvague{padding:3vw 0}
	.fcontact { width: 96%;}
	.fprojet{width:100%;margin:3vw auto;}
	.fprojet input[type="text"], .fprojet textarea { font-size: 4vw;    padding: 5px;}
	
	.btxtsacc2, .bvague{background-size: 100% ; background-image: url(../view/global/background/bvague1-mob.svg);}
	.btxtsacc4{background-size: 100% ; background-image: url(../view/global/background/bvague2-mob.svg);}
	.btxtsqui4{background-size: 100% ; background-image: url(../view/global/background/bvague1-mob.svg);}
	
	
	
	

	
	
	.bfoot { width: 96%;}
	.bfologo { width: 30%;margin-bottom: 2vw;}
	.foLogo { width: 100%;}
	.bfoinfo{display:none;}
	.bfoinfo1, .bfoinfo2 { width: 100%;    margin-right: 0; margin-bottom:3vw; text-align:center;}
	.bfoinfo1 .t_g, .bfoinfo2 .t_g{text-align:center}
	.tifoot {font-size:6vw}
	.imQuali { width: 20%;}
	.imQuali2 { width: 40%;}
	
	.bmb20{margin:2vwx auto}
	.bmb40{margin:4vw auto}
	.bmb80{margin:6vw auto}
	.mbot40{margin-bottom:4vw}
	.mbot80{margin-bottom:6vw}
	.mtop80{margin-top:6vw}
	.mtop40{margin-top:4vw}
	.mtop160{margin-top:10vw}
	.mLR20{margin-left:2vw; margin-right:2vw}
	.padtop80{padding-top:6vw;}
	
	
}