:root {
    --bgcolor1: #ffffff;
    --color1: #000000;
    --color2:#166180; 
    --color3: #ea7f01;
    --fontlvl1-submenu-size: 1.1vw;
}

@font-face {font-family: 'fontc';src: url('fontc.eot');src:url('fontc.woff') format('woff'), url('fontc.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'fonta';src: url('fonta.eot');src:url('fonta.woff') format('woff'), url('fonta.ttf') format('truetype');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%; background-color:#ffffff; font-size:0;}
body {margin:0;  min-width: 900px; width:100%; height:100%;overflow-x:hidden;}
#global_container{position:relative;height:100%;}
b, strong{font-weight:bold;color:#000000}
img { max-width: 100%; max-height: 100%;width: 100%; height: initial;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
.connected .athide{display:inline-block;}
.carousel .item img {width: inherit;}
a{transition: unset!important;}


a:visited{color:inherit;}
a:hover{color:#000000;}

a.mbut:visited{color:white;}
a.mbut:hover{color:#cccccc;}
a.linkClickedCurrentPage:link{color:#000000;}
a.linkClickedCurrentPage:visited{color:#000000;}
.mbut:hover, a.linkClickedCurrentPage.mbut{color:#cccccc!important;}

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{text-align:left;font-family:"fontc",Times,serif;	color:var(--color1);font-size:1.1vw;font-weight:normal; letter-spacing: 1px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:Roboto,Times,serif;font-size:1.7vw;line-height:1.8vw;font-weight:normal;color:var(--color1);margin:0;text-align:center;font-weight:bold;position:relative;}
h1:after, h2:after, h3:after{content:'';width:20%;border-bottom:3px solid var(--color3);position:absolute;left:40%;bottom:-10px;}

h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color1);}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{	text-align:center;	margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}

.container_imsprod.imageSub{height:100vh;}
.container_imsprod, .imsprod{width:100%}
.carousel {margin:0}
.carousel-caption{padding:1%;font-family:"Roboto",Times,serif;text-align:center;display:block;position:absolute;bottom:50%;left:34%;width:30%;background:rgba(0,0,0,0.5);}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;color:white;}



	
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: #000000;}
.carousel-control {  background-color:none;background:none;	border: none; color:white; top: 40%; opacity: 1; font-size: 110px;cursor:pointer;display:none;}
.carousel-control.right,  .carousel-control.left{width:38px; height:100px; z-index:310; border-radius:0px; font-size: 100px;color:#000000;line-height: 80px;}
.carousel-control.left{ left: 0;border-radius:0 5px 5px 0}
.carousel-control.right{ right: 0;border-radius:5px 0 0 5px}
.carousel .item img { max-height: 200%;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

/*** FadiIn Black ***/
/*.carousel-fade .item,.carousel-fade .carousel-item {  transition: opacity 2s;   animation: fadeInBlack 2s ;}
@keyframes fadeInBlack {from { opacity: 1;  }25% {    opacity: 0;  }75% {    opacity: 0;  } to {    opacity: 1;  }}*/

#div_container_1_h, #div_container_5_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;z-index:770;background:var(--bgcolor1);position:relative}
#div_container_5_fr{background-position: center;	}
.gpheader{margin:auto;padding:0;width:100%}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:50px;width:100%;position:relative;}
.button_valid,.tbutnewsacc, .tbutcontact{width:170px!important;text-align:center;font-size:22px;color:white;background-color: black;padding:5px 5px;transition: all 0.5s ease 0s;border:none;border:1px solid #000000}
.button_valid:hover, .tbutnewsacc:hover, .tbutcontact:hover{background: white;color: #000000!important;box-shadow:none;cursor:pointer;}
.text_in_button{line-height:30px;color:white;font-family:"fontc",Times,serif;}
#temp{display:none}
.input_submit,.tbutnewsacc, .tbutcontact {font-size: 1.2vw; height: initial; padding: 0.5vw; width:10vw!important; vertical-align: bottom; background-color: #000000;display:inline-block;color:white;}
.arrowAriane{color:#000000}

/******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:#000000;	text-align:center;}


/**** HEADER / MENU ***/
#div_container_1_h{position:absolute;z-index:780}
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:20%;vertical-align:middle;text-align:center;position:absolute;top:-80vh;left:2vw}
.logo{width:100%;min-height:200px;}
.gpmenumo{position:absolute; top:2vh;right:2vw;display:none}

.gpmenu{width:80%;text-align:left;vertical-align:middle;position:fixed;z-index:780;left:10%;top:1vw;background:rgba(0,0,0,0.6);padding:1%;border-radius:0.5vw ;}
.mbut, .htel, .hresto{text-align:left;font-size:15px;line-height:1.5vw;vertical-align:middle;transition: all 0.5s ease 0s;border:none;margin:0 0.5vw;color:white;padding:0.2vw;font-family:"Roboto",Times,serif;}
.submbut{padding-left:2vw;cursor:pointer;display: none;}
.btnmenu{color:white;text-align:center;cursor:pointer;}
.htel{position:absolute;right:0;vertical-align:middle;transition: all 0.5s ease 0s!important;text-align:center;top:0;font-size:13px}
.gpmenu a:visited{color:white} 
.gpmenu .htel:hover {color:var(--color3)}
.htel .prefixe{display:block;font-size:22px;}
.htel:hover{color:var(--color2)}
.gplang{position:fixed;right:4vw;top:2vw}
.hresto{margin-left:3vw;font-size:15px;text-align:center;color:white!important}


/***** CUSTOM ****/
.carousel-caption{}
.bcontacc{width:1100px;margin:auto;margin-top:2vw;display:block;position:relative}
.bcontxt, .bcont, .bcontxt2{width:95vw;margin:auto;display:block;}
.bcontxt {width:85vw;padding-top:2vw}
.bcontxt2 { width: 80vw;padding-top:2vw}
.gpph{width:100%;display:block; padding: 0}
.gpphoneh{width:98%;padding:0.5% 1%;text-align:right;position:relative;display:block;margin:auto;}
.tphonesh{margin:-5px 0 0 888px;width:200px;}

.bconArr{width:100%;position:relative;margin-top:100vh;background:var(--bgcolor1);}
.bconArr2{width:100%;position:relative;padding:1vw 0;background:var(--bgcolor1);}
.bconArr:before{content:''; position:absolute;z-index:370; top:-5vw;left:0;  margin-bottom: 4vh;    clip-path: polygon(0 100%, 100% 100%, 100% 35%, 50% 100%, 0 35%);width:100%;height:5.1vw;background:white;}
.bconArr:after {content:''; position:absolute;z-index:370; top:-4.8vw;left:0;  margin-bottom: 4vh;    clip-path: polygon(50% 90%, 60% 77%, 60% 87%, 50% 100%, 40% 87%, 40% 77%); width:100%;height:5vw;background:var(--color3);}

.gpgims{position:fixed;top:0;width:100%;height:100vh;}

.imsprod{width:100%;height:100vh;}
.imsprod .carousel-caption{text-align: left;position:absolute;background: transparent; left:60%;bottom:20%;}
.imsprod .carousel-caption:before{content:'';position:absolute;left:0;height:100%;display:inline-block;border-right: 0.2vw solid var(--color2);    transform: scale(1.003) skew(-20deg);-webkit-transform: scale(1.003) skew(-20deg);}
.imsprod .carousel-control{border:none;background:transparent;color: var(--font-custom-color);font-size: 5vw;    cursor: pointer;}
.imsprod .title_gen_carrousel{padding-left:2vw;position:relative; display:block;flex-basis:100%; font-size: 5vw; animation-delay: 500ms;  color:white;font-family:"Roboto",Times,serif;}
.imsprod .description_gen_carrousel {position:relative;transition: 0.3s;display:block;flex-basis:100%;font-weight:bold;animation-delay: 2000ms;font-size: xx-large;margin: auto;padding: 0;color:white;font-family:"fontc",Times,serif;}

.bmb20{margin-top:1vw}

.thmail,.thmail,.thphone,.tfoomail,.tfoomap,.tfoophone{}
.thmail,.thmail,.thphone {font-size:1.5vw!important ;}
.tlang>div,.tlangfr>div, .tfoomail>div,.tfoomap>div,.tfoophone>div,.ifaceb>div,.iinsta>div,.iyout>div, .tcontadd>div, .tconttel>div, .tcontmail>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;}

.tlang:before ,.tlangfr:before, .btnmenu:before, .tfoomail:before,.tfoomap:before,.tfoophone:before,.ifaceb:before,.iinsta:before,.iyout:before, .tcontadd:before, .tconttel:before, .tcontmail:before{ display: inline-block;text-align: center; vertical-align: middle; content:"\f105"; font-family: icons;font-size: 1.5vw;color:var(--color1)}
.btnmenu:before{content:"\f107";font-size:2vw;margin-bottom:0.3vw;display:block;color:white;}
.tfoomail:before{}
.tlang:before{content:"\f107";color:white;font-size:2vw}
.tlangfr:before{content:"\f106";color:white;font-size:2vw} 
.tfoomap:before,.tcontadd:before{content:"\f104"}
.tfoophone:before, .tconttel:before{content:"\f101"}
.iinsta:before{content:"\f103";}
.ifaceb:before{content:"\f102"}
.ifaceb, .iyout, .iinsta {margin:1vw 0.5vw}
.ifaceb {vertical-align:middle;}
.tfootel>div, .tfootadd>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;color:white;}
.mqtour{width:2.5vw;height:2.5vw;vertical-align:middle;	}


/*.animbgb{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:4;display:inline-block;	animation:exitAnim 2s ease forwards 6s, exitAnim2 2s ease forwards 8s}*/
.animlogo{position:fixed;top:1vw;	left:2vw;z-index:360;	}
.animlogo2{position:absolute;top:-25vw;	left:38vw;z-index:360;}
#mylogo  {width:15vw;height:initial;	}
#mylogo2{width:24vw;height:initial;	}

#mylogo path{fill:transparent;		stroke-dasharray:620;	stroke-dashoffset:820;	animation:fill 2s ease forwards 3s, line-anim 4s ease forwards 0s, flicker22 3s linear infinite;}
@keyframes flicker22 {
  from {    stroke-width : 3 }
  4% {     stroke-width : 2}
  10% {     stroke-width : 1 }
  20% {   stroke-width : 2 }
  37% {     stroke-width : 3 }
  42% {    stroke-width : 2 }
  56% {    stroke-width : 1 }
  60% {    stroke-width : 2 }
  70% {    stroke-width : 3 }
  97% {    stroke-width : 2}
  to {     stroke-width : 3 }
}
.telfix{position:fixed;right:-9vw;bottom:25vh;transform: rotate(-90deg);font-size:1.4vw;font-weight:bold;color:black;}

#tarteaucitronRoot{z-index:3600}

.menuBlack:before, .menuBlack{color:black;}

@keyframes line-anim{	to{		stroke-dashoffset:0;		stroke:#ffffff;	}}
@keyframes fill{	from{		fill:transparent;	}	to{		fill:#ffffff;	}}





#div_container_9_fo{padding-top: 3vw;}
.bfoot{display:block;width:80vw;margin:auto;text-align:center;}
.bfoinfo{display:block;}
.flogo{width:15vw;height:6vw;text-align:center;display:block;margin:2vw auto;}
.bfoinfo1,.bfoinfo2,.bfoinfo3{width:33%;text-align:center;vertical-align:top;}
.tfoophone, .tfoomail, .tfoomap{text-align:center;margin:1vw 0;}


.tifoot, .tifoot2, .tfoot{color:#000000;text-align:center}
.tifoot{font-weight:bold;font-size:1.3vw;margin-bottom:1vw}
.tment{text-align:center;}
.tconcep{text-align:right;font-size:1.1vw;}
.tfoohor1, .tfoohor2{width:50%;vertical-align:top;text-align:center;}
.tfoohor2{font-weight:bold;}


/******* Menu deroulant ***/
.cmenu { display: flex;}
.ggmenu{display:inline-block}
.ggmenu .gg_smi{display:none;}    
.gg_hc .mbut:after{display:none!important;}

.gg_hc .lvl1{padding:0.5vw}
.cmenu li { padding: 0.3vw;}

/**** ACCUEIL ****/
#div_container_5_fr img{max-width:100%;     height: initial;}
.imsprod  img {  width: 126%;  max-width: 130%;}
.container_imsacc{height:100vh;}
.imsacc{width:100%;}
.carousel-item:before{content:'';width:100%;height:100%;position:absolute;top:0:left:0;background:rgba(0,0,0,0.1)}

/*.imacc1:before{content:''; width: 0;  height: 0;   border-top: 2vw solid #f2f4f3 ;   border-left: 20vw solid transparent;position:absolute;top:0;left:0;}
.imacc1{position:relative;width:20vw;height:35vw; }
.imacc1:after{content:''; width: 0;  height: 0;   border-bottom: 2vw solid #f2f4f3 ;   border-right: 20vw solid transparent;position:absolute;bottom:0;left:0;}*/
.imacc1,.imacc2,.imacc3, .imacc5{position:relative;width:20vw;height:35vw; 
	
}
.imacc1:not([id*="__image"]),.imacc2:not([id*="__image"]),.imacc3:not([id*="__image"]), .imacc5:not([id*="__image"]){
	-webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
  -moz-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
    clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);}
    
.imacc4:not([id*="__image"]){
	-webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
  -moz-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
      clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 95%);
}

.bimacc1:not([id*="__groups__"]), .bimacc3:not([id*="__groups__"]), .bimacc5:not([id*="__groups__"]){z-index:10}
.bimacc2:not([id*="__groups__"]), .bimacc4:not([id*="__groups__"]){z-index:2}
.bimacc4[id*="__groups__"]{z-index:500}
.bimacc1, .bimacc2,.bimacc3, .bimacc4,.bimacc5{vertical-align:top;position:relative}
.bimacc2{margin-top:5vw;margin-left:-5vw}
.bimacc4{margin-top:10vw;margin-left:-20vw}
.bimacc5{margin-left:-5vw}
.bimsacc1, .btxtacc1{vertical-align:middle;width:36vw}
.btxtacc1{width:45vw;margin-left:4vw;vertical-align:middle;}
.btndiscover{padding:1vw 2vw;background:#f2f4f3;text-align:center;font-size:1.5vw;font-weight:bold;width:15vw;margin:2vw auto;display:block;border:0.1vw solid black;transition: all 0.5s ease 0s;display:none;}
.btndiscover:hover{color:#f2f4f3;background:black;}
.tsplit2:not([id^="mainDiv"]){column-count: 2;column-width: 41vw;}


@keyframes sizeArr2{	from{		width:10vw;	} 50% {    width : 12vw }	to{		width:10vw;	}}
#myArro2{width:10vw;height:initial; animation:sizeArr 2s linear none infinite;transition: all 0.5s ease 0s;}
#myArro2 .cirArr{cursor:pointer;fill:transparent;stroke:white;stroke-width:0.8;			transition: all 0.5s ease 0s;}
#myArro2 .cirArr:hover{fill:rgba(255,255,255,0.2);}
#myArro2:hover{animation:sizeArr2 2s linear none infinite;}
#myArro2 .arrLine{stroke-width:0.8;transition: all 0.5s ease 0s;stroke:white;}

.baccPhos{display:block;position:relative;padding:2vw 0 2vw 0;}
.baccPho1, .baccPho2, .baccPho3, .baccPho4{width:25%;vertical-align:middle;z-index:10;position:relative;transition: all 0.5s ease 0s;}
.baccPho2{z-index:9}
.baccPho3{z-index:8}
.baccPho4{z-index:7}
.imaccPho1, .imaccPho2, .imaccPho3, .imaccPho4{transition: all 0.5s ease 0s}
.imaccPho1{width:130%}
.imaccPho2{width:120%}
.imaccPho3{width:110%}
.imaccPho4{width:100%}

#myArro3,#myArro4,#myArro5,#myArro6{width:6vw;height:initial; transition: all 0.5s ease 0s;position:absolute;right:-25%;top:10vw}
#myArro6 {right:initial;    left: 5%;transform: rotate(180deg);}
.arrowReturn{right:initial;    left: 5%;transform: rotate(180deg);}
#myArro4,#myArro5,#myArro6{opacity:0}

#myArro3 .cirArr, #myArro4 .cirArr, #myArro5 .cirArr, #myArro6 .cirArr{cursor:pointer;fill:transparent;stroke:white;stroke-width:1.2;			transition: all 0.5s ease 0s;}
#myArro3 .cirArr:hover, #myArro4 .cirArr:hover, #myArro5 .cirArr:hover, #myArro6 .cirArr:hover{fill:rgba(255,255,255,0.2);}

#myArro3 .arrLine, #myArro4 .arrLine, #myArro5 .arrLine, #myArro6 .arrLine{stroke-width:1.2;transition: all 0.5s ease 0s;stroke:white;}


/*** MENU ***/
.gpcarte .group_duplicable_editor, .gpcarte .duplicate_line {width:22%;margin:1.5%;vertical-align:top;}
.bcarte{width:100%;display:block;}
.bimcarte{width:90%;min-height:18vw;display:block;margin:auto}
.imcarte{width:100%;min-height:18vw}
.bbbox .imcarte, .bbyaki .imcarte, .bbgyoza .imcarte, .bbwok .imcarte{min-height:26vw!important}
.imcarteD{width:90%;min-height:15vw}
.ticarte{font-size:1.3vw;font-weight:bold;}
.tpcarte{font-size:1vw;text-align:right}
.biaccserv, .lbiaccserv, .lbiaccreal {width:15vw;margin:1vw;position:relative;vertical-align:top;transition: all 0.5s ease 0s;}
.imacser2  {width:15vw;height:7vw}
.bireal{width:20vw;}
.lbiaccserv .biaccserv{width:100%;margin:0}
.biaccchant{width:30vw;text-align:center;}
.group_duplicable_editor, .duplicate_line  {vertical-align:top;}
.biaccserv .item_name, .tpart{text-align:center;margin:0.5vw 0;display:block;}

/*** CARTE ***/
.licarte .bconArr, .licarte .bconArr2{text-align:center;}
.bentr{display:block;padding:0 5vw;width:90vw}
.bentr h2{padding-top:2vw;margin-bottom:2vw}
.icarte{width:100%;height:70vh;}
.ttitpla, .ttitpla h2{display:block; text-align:center; color:#166180}
.bcart, .bcart2{width:100%;vertical-align:top;}
.licarte .duplicate_line, .licarte .group_duplicable_editor{vertical-align:top;width:31.2%;margin:1%;}
.btcart{width:80%;vertical-align:top;}
.bpcart{width:19%;margin-left:1%;vertical-align:top;}

.btcart2{width:300px;vertical-align:middle;}
.bpcart2{width:150px;margin-left:50px;vertical-align:middle;}
.tiplat{margin-bottom:2vw!important;font-size: 1.3vw!important;font-weight:100!important}
.tiplat h3{margin:0;font-size:20px;}
.tplat{text-align:center;}
.tpplat{text-align:right	}
.tpplat strong,.tpplat b{color:#166180}

.bcart2{border:1px solid #62a5cd;padding:10px;margin-left:14px;margin-right:14px;min-height:150px;margin-bottom:25px;transition: all 0.5s ease 0s;}
.bcart2:hover{background-color:white;}

.tpplat2{color:#62a5cd;}
.bpricad{margin-top:30px;}

.tmidd{width:50%;vertical-align:top;text-align:center;}


.bbbaccfix{width:100vw;}

.bbaccfix{ position: relative; height: 30vw; display: flex; justify-content: flex-end; align-items: flex-end;}
.baccfix{width:100vw;height: 100%; position: absolute; clip: rect(0px, 100vw, 30vw, 0px);}
.imgaccfix { width: 100vw; min-height: 100vw; position: fixed; left:0; padding: 0;top:0;}

.baccfix .imageSub{position:relative}
.imgaccfix .iconEditor{float: left!important;}

/*** GALERIE ***/
.bgal{text-align:center;		margin-bottom:2vw;text-align:center;padding-top:5vw}
.icat{	width:30vw;	height:22vw;	cursor:pointer;}
.icat img{width:100%;	height:auto;}
.icat2{	width:350px;	height:500px;}
.bcat{		width:30vw;	margin:1vw;	text-align:center;}
.previewOverlay, .previewImg{z-index:700}
.previewImg {  max-height: 80%;}
.previewImg > img {   max-height: 80vh;  height: initial!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;width:initial!important;padding:1vw;} 



/*** CONTACT ***/

.bcontainfos{width:33%;text-align:center;vertical-align:top;}
.pictcont:before{font-size:3vw;color:var(--fontlvl1-color)}
.pictcont, .pictcont:before, .tcontinfos{text-align:center;}
.pictcont:before, .tcontinfos{margin:1vw 0}
.tconmap, .tconphone, .tconmail{text-align:center;margin-top:1vw;font-size:3vw;font-weight:bold;}
.tconphone{margin-top:2vw;}
.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; font-weight:normal;}


.fcontact{width:50%;padding:0;display:inline-block;vertical-align:middle;text-align:right;display:block;margin:1vw auto 0 auto;}
.fcontact table , .fcontact tbody{width:100%;font-size:0;}
.fcontact table tr:nth-child(1), .fcontact tr:nth-child(2),
.fcontact table tr:nth-child(6), .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 .cell_2_form { padding-left:0;}
.fcontact input[type="text"],.fcontact input[type="password"],.fcontact  textarea { font-size: 1.1vw; line-height:2vw; width: 100%; padding:0; background-color:#ececec; border:none; border-radius:0.2vw	}
.fcontact textarea {height:7vw;	}
.gpaccmap{width:100%; margin-top:3vw}
.main_ggMap, .ggMap{width:100%;height:50vh;}

 


/*telephone*/		
@media 	only screen and (max-device-width : 1100px) {
	
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;height:initial}
	.t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees{}
	html{overflow-x:hidden;}
	body{	width: 100vw;	min-width: 100vw;	overflow-x:hidden;}
	.gpheader, #div_container_1_h, #div_container_9_fo, #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;}
	.gplogo { top: -65vh;}
	.logo { min-height: 2px;}
	
	
	.gpgims {position:absolute; height: 80vh;top:-80vh}
	.imsprod { height: 80vh;}
	.bconArr {  margin-top: 80vh;}
	.bconArr:before {  top: -5vw;    height: 5vw;}
	.bconArr:after { top: -5vw;}
	.imsprod .carousel-caption {  bottom: 35%;}
	.imsprod .title_gen_carrousel {  font-size: 4vw;}
	.imsprod .description_gen_carrousel { font-size: 2vw;}
	
	
	.imgaccfix {  position: absolute;}
	
	.bfoot {  width: 95vw;}
	
}

@media 	only screen and (max-device-width : 468px) {
	:root { --fontlvl1-submenu-size: 4vw;line-height:5vw}
	
	.t_c, .text_generic, .t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, .line_form_peer{margin-top:0;	font-size:4vw;line-height:initial;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 6vw;    margin: 5vw 0 ; line-height:initial;}
	
	.btnmenu:before, .tfoomail:before, .tfoomap:before, .tfoophone:before, .ifaceb:before, .iinsta:before, .iyout:before { font-size: 6vw;}
	.mqtour { width: 6vw;    height: 6vw;}
	.carousel-control{display:none;}
	.bcontxt {width: 96vw;}
	h2.ttitpla {margin-top:0}
	.gplogo { top: 2vw;width: 40%;}
	.htel { position: relative;   font-size: 6.8vw; float:right;margin-top:2vw	}
	.htel .prefixe { font-size: 2.5vw;}
	.mbut {font-size:4vw;line-height:6vw;}
	.submbut {padding-left: 4vw;}
	.btnmenu:before {font-size: 7vw;}
	.gpmenu {width: 70%; top: 10vh;  padding: 1%;display:none;}
	.gpmenumo { top: 2vw; right:4vw; display:block;}
	.ibutmob{width:10vw;height:10vw;color:white;fill:white;}
	.gpmenu {width: 80%;}
	.ggmenu { display: block;}
	.gplang{position:absolute;right:19vw;top:3vw}
	.tlang:before,.tlangfr:before { font-size: 8vw;}
	
	.gpgims {  position: relative;    height: initial;top:0}
	.imsprod { height: initial;}
	.bconArr {  margin-top: 0;}
	.imsprod .carousel-caption {  width: 45%;left:50%;}
	.imsprod .title_gen_carrousel {  font-size: 5vw;}
	.imsprod .description_gen_carrousel { font-size: 3vw;}
	
	.bimsacc1, .btxtacc1 {   width: 96vw;margin:2vw 0}
	.bimsacc1{text-align:center;}
	.bimacc2 { margin-top: 15vw;    margin-left: -17vw;}
	.imacc1, .imacc2, .imacc3, .imacc5 {  width: 50vw;    height: initial;}
	.tsplit2:not([id^="mainDiv"]) {  column-count: 1;	    column-width: 100%;}
	
	.baccPhos {  height: 82vw;}
	.baccPho1, .baccPho2, .baccPho3, .baccPho4{width:100%!important;position:absolute;margin:0!important}
	.imaccPho1, .imaccPho2, .imaccPho3, .imaccPho4 {width:100%!important}
	#myArro3, #myArro4, #myArro5, #myArro6 {  width: 15vw;    right: 2vw;    top: 31vw;}	
	
	
	.licarte .duplicate_line, .licarte .group_duplicable_editor {  width: 80%; margin: 3% 0;}
	.tiplat { font-size: 4vw!important;	}
	h3.tiplat{margin-top:0}
	.btcart { width: 75%;}
	.bpcart { width: 20%;    margin-left: 5%;}
	
	.bgal{padding-top:20vw}
	
	
	.bcontainfos { width: 70%;display:block;margin:2vw auto;}
	.tcontadd:before, .tconttel:before, .tcontmail:before{font-size:8vw}
	.fcontact {width: 100%;}
	.fcontact input[type="text"], .fcontact input[type="password"], .fcontact textarea {font-size: 6.5vw; line-height: 6.5vw;}
	.fcontact textarea { height: 50vw;}

	.bfoot { width: 96vw;}
	.flogo { width: 30vw;  height: initial;}
	.bfoinfo1, .bfoinfo2, .bfoinfo3 {width: 100%;margin:3% 0}
	.tifoot { font-size: 6vw;  margin-bottom: 2vw;}
	
	
}