@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: 'fontd';src: url('fontd.eot');src:url('fontd.woff') format('woff'), url('fontd.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: 100%; width:100%; height:100%;overflow-x:hidden;}
#global_container{position:relative;height:100%;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
.carousel .item img {width: inherit;}
a{transition: unset!important;}
.carousel .lazyloaded{transition:0s;}

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

a.mbut:visited{color:white;}
a.mbut:hover{color:white;}
a.mbut:after{content:'';width:0;border-bottom:1px solid white;position:absolute;bottom:0;left:0;transition: all 0.5s ease 0s;padding-right:5%;}
a.mbut:hover:after, a.linkClickedCurrentPage.mbut:after{padding-right:35%;}
a.linkClickedCurrentPage:link{color:#000000;}
a.linkClickedCurrentPage:visited{color:#000000;}
.mbut:hover, a.linkClickedCurrentPage.mbut{color:white!important;}
a.linkClickedCurrentPage.mbut{font-weight:bold;}

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:justify;font-family:"fontc",Times,serif;	color:black;font-size:1.1vw;font-weight:normal; letter-spacing: 1px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"fontd",Times,serif;font-size:1.7vw;line-height:1.6vw;font-weight:normal;color:black;margin:0;text-align:left;	position:relative;}
/*h1:after, h2:after, h3:after{content:'';width:40%;border-bottom:1px solid #f1452a;position:absolute;left:30%;bottom:-10px;}
h1:before, h2:before, h3:before{content:'';width:40%;border-top:1px solid #f1452a;position:absolute;left:30%;top:-10px;}*/
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:#000000;}
.alignLeft{text-align:left!important;}
.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 1%;font-family:"fontc",Times,left;text-align:left;display:block;position:absolute;bottom:20%;left:10%;width:50%;background:none;border-left:2px solid white;}
.title_gen_carrousel, .description_gen_carrousel  { text-align: left;color:white;padding:1% 0}

.title_gen_carrousel{margin-bottom:0;	font-size:2.5vw;text-align:left;color:white;font-family:"fontd",Times,serif;}

	
.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 .carousel-item {  transition: opacity 3s;   animation: fadeInBlack 3s ;}
@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:white;position:relative}
#div_container_5_fr{background:white;}
#div_container_4_fr{background:black;width:100%;}
.gpheader{margin:auto;padding:0;width:100%}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:400px;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:fixed;z-index:350}
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:20%;vertical-align:middle;text-align:center;margin-left:2%;}
.logo{width:100%;min-height:200px;display:none;}
.gpmenumo{display:none;}

.gpmenu{width:13%;text-align:right;vertical-align:middle;position:absolute;z-index:780;right:0;top:0;background:rgba(0,0,0,0.6);padding:0 1%;height:100vh;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+40,000000+100&0+0,0.35+40,0.35+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 40%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 40%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=1 ); /* IE6-9 */
}
.connected .gpmenu{height:97vh;margin-top:3vh}
.gpmenu:before{content:'';display:inline-block;width:0.1%;height:100%;vertical-align:middle}
.gmenu{display:inline-block;width:99%;vertical-align:middle}
.mbut{text-align:left;font-size:1.1vw;vertical-align:top;transition: all 0.5s ease 0s;border:none;margin:2vw 0.5vw;color:white;padding:0.5vw 0;display:block;position:relative}
.submbut{padding-left:2vw;cursor:pointer;}
.btnmenu{color:white;text-align:center;cursor:pointer;}
.gpsoc{position:absolute;left:1vw;bottom:-95vh}


/***** CUSTOM ****/
.carousel-caption{}
.bcontacc{width:1100px;margin:auto;margin-top:2vw;display:block;position:relative}
.bcontxt, .bcont, .bcontxt2{width:95vw;margin:auto;display:block;}

.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:white;}
.bcontxt {width:75vw;padding-top:2vw}
.gpgims{position:fixed;top:0;width:100%;height:100vh;background:black;}
.connected .gpgims{margin-top:50px;}
.bmb20{margin-top:1vw}

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

.btnmenu:before,.ifaceb:before,.iinsta:before,.iyout:before{ display: inline-block;text-align: center; vertical-align: middle; content:"\f101"; font-family: icons;font-size: 1.5vw;color:white}
.btnmenu:before{content:"\f107";font-size:2vw;margin-bottom:0.3vw;display:block;color:white;}
.iinsta:before{content:"\f105";}
.iyout:before{content:"\f106"}
.ifaceb:before{content:"\f104"}
.ifaceb, .iyout, .iinsta {margin:1vw 0.5vw}




/*.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:absolute;top:2vw;	left:2vw;z-index:360;	}
#mylogo  {width:10vw;height:initial;	}
#mylogo .logb{fill:transparent;stroke-width:0.5;		stroke-dasharray:620;	stroke-dashoffset:820;	animation:fill 2s ease forwards 3s, line-anim 4s ease forwards 0s;transition: all 0.5s ease 0s;}
#mylogo .logolet{fill:transparent;stroke-width:0;		animation:fill 2s ease forwards 3s}


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

@keyframes fill{	from{		fill:transparent;	}	to{		fill:#ffffff;	}}
@keyframes sizeArr{	from{		width:10vw;	} 50% {    width : 10.5vw }	to{		width:10vw;	}}
@keyframes leftArr{	from{		left:45vw;	} 50% {    left : 44.75vw }	to{		left:45vw;	}}

.animArro{position:absolute;bottom:-101vh;	left:45vw;z-index:360;animation:leftArr 2s linear none infinite}

#myArro{width:10vw;height:initial; animation:sizeArr 2s linear none infinite}
#myArro .cirArr{stroke:white;cursor:pointer;fill:transparent;stroke-width:0.8;		stroke-dasharray:50;	stroke-dashoffset:200;	animation:line-anim 3s linear none infinite;transition: all 0.5s ease 0s;}
#myArro .cirArr:hover{fill:rgba(255,255,255,0.2);}
#myArro .arrLine{stroke-width:0.8;transition: all 0.5s ease 0s;}
#myArro .cirArr:hover+path{}

.telfix{position:fixed;left:-8vw;bottom:25vh;transform: rotate(-90deg);font-size:0;font-weight:bold;transition: all 0.5s ease 0s;}
.menuBlack{font-size:1.4vw;transition: all 0.5s ease 0s;}
#tarteaucitronRoot{z-index:3600}

@keyframes line-anim2{	to{		stroke-dashoffset:0;		stroke:#4c4f52;	}}
.gpup{position:fixed;bottom:2vw;	right:2vw;z-index:360;opacity:0;transition: all 0.5s ease 0s;}
#myArroUp{width:5vw;height:initial; 	}
#myArroUp path{stroke-width:0.5;stroke:#4c4f52;}
#myArroUp .cirArr{stroke:#4c4f52;cursor:pointer;fill:transparent;stroke-width:1.3;		stroke-dasharray:50;	stroke-dashoffset:200;	animation:line-anim2 3s linear none infinite;transition: all 0.5s ease 0s;}

#myArroUp .arrLine{stroke:#4c4f52;stroke-width:0.8;transition: all 0.5s ease 0s;}
#myArroUp .cirArr:hover+path{}
.gpupVisi{opacity:1;}



#div_container_9_fo{padding-top: 2vw;}
.bfoot{display:block;width:80vw;margin:auto;text-align:center;}
.bfoinfo{display:block;}
.flogo{width:35vw;height:5vw;text-align:center;display:block;margin:2vw auto;}
.bfoinfo1,.bfoinfo2,.bfoinfo3{width:33%;text-align:center;vertical-align:top;}
.tfoophone, .tfoomail, .tfoomap{text-align:left;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:13px;}
.tfoohor1, .tfoohor2{width:35%;vertical-align:top;text-align:center;}
.tfoohor2{width:65%;}
.tfoohor2{font-weight:bold;}




/**** ACCUEIL ****/
#div_container_5_fr img{width:100%;     height: initial;}
.container_imsprod {width:100%;}
.connected .imsprod{height:100vh;}
.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)}

.baccGray, .baccGray2{background:#4c4f52;padding:0;min-height:36vw;margin:4vw 0;text-align:center;width:100%;}
.baccGray2{width:100vw;}
.baccGray .t_g, .baccGray h1, .baccGray h1.t_g, .baccGray strong, .baccGray b, .baccGray2 .t_g, .baccGray2 h1, .baccGray2 h1.t_g, .baccGray2 strong, .baccGray2 b{color:white;transition: all 1s ease 0s;}
.baccGray h1, .baccGray h1.t_g {font-size:5vw;line-height:5vw;}
.baccGt, .baccGr, .baccGi{vertical-align:middle;transition: all 1s ease 0s;}
.baccGt{width:35vw;}
.baccGr{width:15vw;}
.baccGi{width:25vw;overflow:hidden;margin-top:-2vw;text-align:center;position:relative}
.imaccG{width:50vw;height:40vw;}
.imaccG .iconEditor{float: left!important;}
.tsplit2:not([id^="mainDiv"]){column-count: 2;} 
.tsplit4:not([id^="mainDiv"]){column-count: 4;}  
.font-red {font-size:0.9vw!important}
.font-redTi{font-size:3vw!important;line-height:3vw!important}

@keyframes lineEpic{	from{		stroke-width:0.3;	}  50% {    stroke-width:1 ;  } 	to{		stroke-width:0.3;}}
.animEpic{position:absolute;right:0;bottom:3vw;z-index:300;opacity:0;transition: all 4s ease 1s;}
#btnEpic {width:22vw; cursor:pointer;transition: all 0.5s ease 0s;}
#btnEpic .rectEpic{fill:transparent;stroke:#fffff;stroke-width:0.3;animation:lineEpic 2s linear none infinite;transition: all 0.5s ease 0s;}
#btnEpic:hover .rectEpic{fill:rgba(0,0,0,0.5);}


@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-bottom:4vw}
.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 ***/
/*.group_duplicable_editor, .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}
.imcarteD{width:90%;height:15vw}
.ticarte{font-size:1.3vw;font-weight:bold;}
.tpcarte{font-size:1vw;text-align:right}*/

.imMenu{width:50vw}


/*** MARQUES ***/
.bcontGr{padding:2vw 1vw;}
.bmarques{width:23vw;}
.imMarque{width:16vw;height:11vw;margin:1vw auto;display:block;}
.imMarque>img{border-radius:4px}  
.timarq{font-family:"fontd",Times,serif;font-size:3vw;line-height:3vw;display:block;}
.tmarq{display:block;}
.grid {width:19vw;margin:1.5vw 3vw;vertical-align:top;}

/** 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:auto!important} 


/*** CONTACT ***/  
.tconttel, .tcontmail , .tcontadd {text-align:center; margin:1vw 0}
.tconttel{font-weight:bold;font-size:1.5vw}
.bcontimg, .bconttxt{width:50%;vertical-align:top;display:block;margin:auto}
.bconttxt{width:1100px;padding:0 1%}
.bconttxt .t_g{text-align:center;}
.bconttxt h1{text-align:left}
.imcontact{width:100%;height:50vw;}
.bforcont{border-top:1px solid #cccccc;margin-top:20px!important;padding-top:20px;;}
.fcontact, .fcontactepi{width:80%;display:inline-block;vertical-align:middle;text-align:right;margin:1vw 0}
.fcontact table , .fcontact tbody, .fcontactepi table , .fcontactepi tbody{width:100%;font-size:0;}

.fcontact table tr:nth-child(1), .fcontact table tr:nth-child(2), 
.fcontactepi table tr:nth-child(1), .fcontactepi table tr:nth-child(2),
.fcontact table tr:nth-child(3){	width:49%;display:inline-block;}
.fcontact table tr:nth-child(2), .fcontactepi table tr:nth-child(2),.fcontact table tr:nth-child(4),.fcontact table tr:nth-child(6){margin-left:2%;}
.fcontact table tr:nth-child(3),.fcontact table tr:nth-child(5),.fcontactepi table tr:nth-child(3){	width:100%;display:inline-block;}
.fcontact td, .fcontactepi td { display: block; margin:0.2vw 0}

.fcontact .cell_1_form, .fcontactepi .cell_1_form{	width:100%;	padding:0;font-size:1.2vw}
.fcontact .cell_2_form , .fcontactepi .cell_2_form { padding-left:0;}
.fcontact input[type="text"],.fcontact  input[type="date"],.fcontact  input[type="password"], .fcontact  textarea,.fcontact  select,.fcontact option,
.fcontactepi input[type="text"],.fcontactepi  input[type="date"],.fcontactepi  input[type="password"], .fcontactepi  textarea,.fcontactepi  select,.fcontactepi option {font-family: "fontc",Times,serif; font-size: 1vw; line-height:1vw; width: 98%; padding:1%; background:rgba(255,255,255,0.8); border:1px solid #d9dadc; border-radius:0.5vw;	}
.fcontact select {width: 100%};
.fcontact textarea{width: 68.7vw;}
.fcontact textarea, .fcontactepi textarea {background:rgba(246,246,246,0.8);border:1px solid #f6f6f6;height:10vw;	}
.fcontact, .fcontactepi{color: white;}
.ggMap {width: 100vw; height: 30vw;margin:2vw 0}




/*telephone*/		
@media 	only screen and (max-device-width : 1300px) {
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;height:initial}
	.t_c, .text_generic, .t_g, label, h1, h2, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees{margin-top:0;	font-size:1.5vw;line-height:initial;}
	.mbut {  font-size: 1.7vw;}
	html{overflow-x:hidden;}
	.title_gen_carrousel {   font-size: 2.5vw;}
	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;}
	
	.gpmenu { width: 20%;}
	
	.gpgims { position: absolute;   }
	.gpmenu, .gpgims, .gpgims .carousel-item{height:89vh}
	.gpgims .carousel .item img {  height: 100%;    width: initial; max-width: initial;}
	.gpsoc {  bottom: -89vh;}
	.animArro { bottom: -90vh;}
	.bconArr {  margin-top: 89vh;}
	.font-red {font-size:1.1vw!important}
	.font-redTi{font-size:3vw!important;line-height:3vw!important}
	.tconttel {   font-size: 2vw;margin:2vw 0}
	
	input[type="text"], input[type="date"], input[type="password"],  textarea, select, option {font-size: 2vw; line-height:2vw; 	}

}

@media 	only screen and (max-device-width : 700px) {
	.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; text-align:left;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 6vw;    margin: 5vw 0 ; line-height:initial;}
	h1:before, h2:before, h3:before { border-top: 0.4vw solid #f1452a;  top: -1.5vw;}
	h1:after, h2:after, h3:after { border-bottom: 0.4vw solid #f1452a;  bottom: -1.5vw;}
	.btnmenu:before, .tfoomail:before, .tfoomap:before, .tfoophone:before, .ifaceb:before, .iinsta:before, .iyout:before { font-size: 6vw;}
	.carousel-control{display:none;}
	
	#div_container_1_h {position:relative}
	.gpmenu {display:none; width: 100%;    text-align: center;        right: 0;    top: 12vw;    background: rgba(0,0,0,0.6);    padding: 0;    height: initial;}
	.mbut { font-size: 6vw;text-align:center;display: inline-block;margin-bottom:3vw}
	a.mbut:after {  border-bottom: 0.5vw solid white;}
	#mylogo { width: 20vw;}
	.gpmenumo{display:block;position:absolute;top:2vw;right:2vw}
	.ibutmob {width:10vw;height:10vw;fill:white}
	.gpsoc { bottom: -45vw;}
	.btnmenu:before, .tfoomail:before, .tfoomap:before, .tfoophone:before, .ifaceb:before, .iinsta:before, .iyout:before {    font-size: 4vw;}
	#myArro { width: 20vw;}
	.animArro {  bottom: -50vw;    left: 40vw; display:none;}
	@keyframes sizeArr{	from{		width:20vw;	} 	to{		width:20vw;	}}
	@keyframes leftArr{	from{		left:40vw;	} 	to{		left:40vw;	}}
	
	
	#div_container_5_fr{z-index:200}
	.bcontxt { width: 96vw;}
	.gpgims {  position: relative;}
	.gpmenu{height:initial}
	.gpgims, .gpgims .carousel-item{height:47vw}
	.gpgims .carousel .item img {  height: initial;    width: 100%; max-width: 100%;}
	.carousel-caption { width: 70%;}
	.bconArr { margin-top: 2vw;}
	.title_gen_carrousel{font-size:3vw;}
	.description_gen_carrousel {font-size:2.5vw;}
	
	.baccGr{display:none;}
	.baccGt, .baccGi { width: 96vw;}
	.baccGi {margin:4vw 0 }
	.baccGray h1, .baccGray h1.t_g { font-size: 10vw; line-height: 10vw;}
	.imaccG { width: 80vw;    height: initial;}
	.animEpic {   position: absolute;    right: 23vw;    bottom: 10vw;    opacity: 1;}
	#btnEpic { width: 50vw;}
	.tsplit2:not([id^="mainDiv"]) {    column-count: 1;}
	
	.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;}	
	
	.imMenu {width: 80vw;}
	
	.bmarques{width:96vw;}
	.imMarque{width:60vw;height:initial;display:block;margin:4vw auto 0 auto;}
	.timarq{font-size:14vw;line-height:14vw;}
	.grid {width:96vw;margin:2vw;}
	
	.fcontact, .fcontactepi { width: 100%;}
	.fcontact .cell_1_form, .fcontactepi .cell_1_form {  font-size: 4vw;}
	.fcontact table tr:nth-child(1), .fcontact table tr:nth-child(2),
	.fcontactepi table tr:nth-child(1), .fcontactepi table tr:nth-child(2),
	.fcontact table tr:nth-child(3), .fcontact table tr:nth-child(4), .fcontact table tr:nth-child(5), .fcontact table tr:nth-child(6) { width: 100%; margin:1vw 0}
	.fcontact input[type="text"], .fcontact input[type="date"], .fcontact input[type="password"], .fcontact textarea, .fcontact select, .fcontact option, .fcontactepi input[type="text"], .fcontactepi input[type="date"], .fcontactepi input[type="password"], .fcontactepi textarea, .fcontactepi select, .fcontactepi option {      font-size: 4vw;    line-height: 6vw;  }
	.fcontact textarea, .fcontactepi textarea {  height: 40vw;}
	.ggMap { height: 70vw;}
	.input_submit, .tbutnewsacc, .tbutcontact {  font-size: 4vw;    padding: 1vw;    width: initial!important;}		
	
	.bfoot {  width: 96vw;}
	.flogo { width: 96vw;    height: initial;}
	.bfoinfo1, .bfoinfo2, .bfoinfo3 {  width: 100%;margin:2vw 0}
	.tfoophone, .tfoomail, .tfoomap {  text-align: center;}
	.telfix {display:none;}
	.bfoinfo3{margin-top:2vw;}
	.tconcep {font-size:2.5vw}
	#myArroUp { width: 12vw;}
	
}