:root {
	--font-size-txt:18px;
	--font-size-title:35px;
	--font-size-title-big:70px;
	--font-size-carousel-title : 40px;
	--font-size-carousel-txt : 25px;
}


@font-face {  font-family: "cicle";  src: url("./cicle.eot");  src: url("./cicle.eot?#iefix") format("embedded-opentype"),       url("./cicle.woff2") format("woff2"),       url("./cicle.woff") format("woff"),       url("./cicle.ttf") format("truetype"),       url("./cicle.svg#icons") format("svg");  font-weight: normal;  font-style: normal;}
@font-face {  font-family: "fontd";  src: url("./fontd.eot");  src: url("./fontd.eot?#iefix") format("embedded-opentype"),       url("./fontd.woff2") format("woff2"),       url("./fontd.woff") format("woff"),       url("./fontd.ttf") format("truetype"),       url("./fontd.svg#icons") 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%; 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%; width:100%; height:auto;}
.cell_image_carousel img{width:initial;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
.carousel .item img {width: inherit;}
a{transition: unset!important;}
.carousel .lazyloaded{transition:0s;}
.homeBackground{position:relative;z-index:500}

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:"cicle",Times,serif;	color:black;font-size:var(--font-size-txt);font-weight:normal; letter-spacing: 0;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"fontd",Times,serif;font-size:var(--font-size-title);font-weight:normal;color:black;margin:0 0 10px 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;}
.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:"cicle",Times,left;text-align:left;display:block;position:absolute;bottom:20%;left:10%;width:50%; background:none;
	background-attachment: unset;background-image: url("../view/global/background/back-logo.svg");background-position: top left;background-repeat: no-repeat;background-size: 20% auto;}
.title_gen_carrousel, .description_gen_carrousel  { text-align: left;color:white;padding: 0}
.title_gen_carrousel {font-family:"fontd",Times,serif;color:white;font-size:var(--font-size-carousel-title);padding-bottom:20px;margin-left:80px}
.description_gen_carrousel {color:white;text-align:left;margin-left:20px;padding-bottom:15px;}
	
.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;position:relative}
#div_container_5_fr, #div_container_9_fo {background:white;}
#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:var(--font-size-txt);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:"cicle",Times,serif;}
#temp{display:none}
.input_submit,.tbutnewsacc, .tbutcontact {font-size: var(--font-size-txt); height: initial; padding: 0.5vw; width:10vw!important; vertical-align: bottom; background-color: #000000;display:inline-block;color:white;}
.arrowAriane{color:#000000}



/**** HEADER / MENU ***/
#div_container_1_h{position:fixed;z-index:350}
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:15vw;vertical-align:middle;text-align:center;}
.logo{width:13vw;height:8vw;}
.gpmenumo{display:none;}
.cmenu { display: flex;}
.gpmenu{width:70vw;text-align:center;vertical-align:middle;padding: 1% 0;}
.gpmenu{background: rgba(0,0,0,0.6);}
.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:var(font-size-txt);vertical-align:top;transition: all 0.5s ease 0s;border:none;margin:0 1vw;color:white;padding:0.5vw 0;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{padding-top:200px;}
.container_imsprod:before{display:none;}
.bmb20{margin-top:1vw}

.thmail,.thmail,.thphone,.tfoomail,.tfoomap,.tfoophone{}
.thmail,.thmail,.thphone {font-size:var(--font-size-title)!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: var(--font-size-title);color:white}
.iinsta:before{content:"\f105";}
.iyout:before{content:"\f106"}
.ifaceb:before{content:"\f104"}
.ifaceb, .iyout, .iinsta {margin:1vw 0.5vw}


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


@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:-60px;bottom:25vh;transform: rotate(-90deg);font-size:0;font-weight:bold;transition: all 0.5s ease 0s;}
.menuBlack{font-size:var(--font-size-txt);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:50px;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:75vw;margin:auto;text-align:center;}
.bfoinfo{display:block;}
.flogo{width:150px;min-height:20px;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:var(--font-size-title);margin-bottom:1vw}
.tment{text-align:center;}
.tconcep{text-align:right;font-size:var(--font-size-txt);}
.tfoohor1, .tfoohor2{width:50%;vertical-align:top;text-align:center;}
.tfoohor2{font-weight:bold;}

.bfoinfo1 .tifoot {text-align:left}
.bfoinfo3, .bfoinfo3 .t_g{text-align:right}




/**** ACCUEIL ****/
#div_container_5_fr img{width:100%;     height: initial;}
.container_imsprod {width:100%;}
.container_imsprod:before{content:'';height:100vh;width:100%;position:absolute;z-index:500	;left:0;top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.35+0,0.35+10,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 10%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 10%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.imsprod  img {  width: 126%;  max-width: 130%;}
.container_imsacc{height:100vh;}

.imsacc{width:100%;}
.container_imsprod .carousel-item:before{content:'';width:100%;height:100%;position:absolute;top:0:left:0;background:rgba(0,0,0,0.1)}

.bSymbo{display:block;text-align:center;m}
.imSymbo{width:10vw;height:6vw;position:absolute!important;    left: calc( 50% - 5vw );top:-2.5vw;z-index:10}

.baccGray{background:#4c4f52;padding:0;margin:4vw 0;text-align:center;width:100%;}
.baccGray .t_g, .baccGray h1, .baccGray h1.t_g, .baccGray strong, .baccGray b{color:white;transition: all 1s ease 0s;}
.baccGray h1, .baccGray h1.t_g {font-size:var(--font-size-title-big);}
.baccGt, .baccGr, .baccGi{vertical-align:middle;transition: all 1s ease 0s;margin:1vw}
.baccGt{width:43vw;}
.baccGi{width:45vw;overflow:hidden;text-align:center;position:relative}
.imaccG{width:45vw;height:25vw;}


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


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



.imsacc .carousel-inner>.carousel-item>img{adisplay:none;}
.imsacc {width:100%;height:28.5vw !important;align-items: center;display: flex;    margin: 7vw 0;}
.carousel .col-md-3{padding:0 !important;}
.imsacc  .carousel-control{display:inline-block !important;}
.imsacc  .carousel-control.left{display:none;}
.imsacc .carousel-inner{overflow:inherit;    align-items: center;  display: flex;}
.aimsacc .carousel-caption{width:auto;bottom:inherit;top:15%;}

.imsacc .carousel-caption{width:80%;background:rgba(0,0,0,0.3);padding:0.3vw;right:0;left:initial;bottom:10%;opacity:0;transition: all 0.5s ease 0s}
.imsacc .item.active img{box-shadow:0px 0px 5px 0px gray;}



.imsacc .item img{box-shadow:0px 0px 5px 0px black;width:100%;height:auto;}
.imsacc .bCar{position:absolute;    left: 50%;bottom:15%;
    margin: 0;
    color:white;
    display:none;
    transform: translateX(-50%);}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel{}



/*** Animation de l'image 2***/
/**** lorsque l'on enlève la grande photo on remet un zindex a 1 ***/
.imsacc .item.active.carousel-item-start{z-index:1;}

/*** une fois la transition terminée on a un z-index supérieur pour la grande photo***/
.imsacc .item.active .col-md-3:nth-child(2){z-index:2}

/** une fois la transition terminée on ne veut pas une seconde animation ***/
.imsacc .item.active:not(.carousel-item-start) .col-md-3 img{transition-duration: 0s;}
.imsacc .item.active:not(.carousel-item-start) .col-md-3:nth-child(3) .carousel-caption{transition-duration: 0s;}

/*** Zoom de la photo durant la transition ***/
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3) img{transform:scale(1.4);transition-duration: 0.6s;}
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3) .carousel-caption {opacity:1;transition-duration: 0.6s;}
    
/*** pour que la photo grossie soit devant durant la transition ***/
 .carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3){z-index:2;}   
    
/** taille de la photo une fois la transition terminée ***/
.imsacc .item.active .col-md-3:nth-child(2) img{transform:scale(1.4);}
.imsacc .item.active .col-md-3:nth-child(2) .carousel-caption {opacity:1;}


/***Animation de l'image 1 et 3***/
/*** une fois la transition terminée on a un z-index supérieur pour la grande photo***/
.imsacc .item.active .col-md-3:nth-child(1){z-index:1}
.imsacc .item.active .col-md-3:nth-child(3){z-index:1}

/*** pour que la photo grossie soit devant durant la transition ***/
 .carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2){z-index:1;}   
  .carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(3){z-index:1;}  

/*** Zoom de la photo durant la transition ***/
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2) img{transform:scale(1.2);transition-duration: 0.6s;}
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(4) img{transform:scale(1.2);transition-duration: 0.6s;}    
.carousel-multi .carousel-inner .carousel-item-start.active .col-md-3:nth-child(2) .carousel-caption {opacity:0;transition-duration: 0.6s;}
    
/** taille de la photo une fois la transition terminée ***/
.imsacc .item.active .col-md-3:nth-child(1) img{transform:scale(1.2);}
.imsacc .item.active .col-md-3:nth-child(3) img{transform:scale(1.2);}




.bbbaccfix, .bacctxt, .bbbaccfix2, .bacctxt2, .bbbaccfix3{width:46.5vw;vertical-align:middle;}
.bbbaccfix, .bbbaccfix2, .bbbaccfix3{width:47.5vw;}
.bbbaccfix3{width:31.6vw;vertical-align:top;}
.bacctxt{width:45.5vw;}
.bacctxt{margin-left:2vw;}
.bbbaccfix, .bacctxt2	, .bbbaccfix2{margin-left:2.5vw;}
.bacctxt, .bacctxt2{text-align:center}
.bacctxt2{width:45.5vw}
.baccfix, .baccfix2, .baccfix3 {width:47.5vw;height: 100%; }
.imgaccfix, .imgaccfix2, .imgaccfix3, .imgaccfix4, .imgaccfix5 { width: 47.5vw; min-height: 47.5vw;}

.bconArr .thumbnailsCarousel ul { justify-content: flex-start;}
.bconArr .thumbnailsCarousel ul.list-inline li { margin: 1% 1% 0 0;}


/*** AVIS ***/

.btiavis{text-align:center}
.tavis{vertical-align:middle;font-size:2vw}
.imavis{width:4vw; height:4vw; vertical-align:middle; margin-left:2vw}
.imavis>a{width:100%}

.container_GMB_car{display:block;width:90%;height:510px;padding:2vw 0;margin:auto;}
.container_GMB_car>div{height:100%;}
.container_GMB_car .rate, .container_GMB_car .star{vertical-align:middle;padding:0.5em;} 
.container_GMB_car .carousel-caption{background-color:transparent;width:100%;display:flex;flex-wrap:wrap;position:static;flex-grow:1;align-items:center;padding:0;border-radius:0;font-size:medium;display:block;}
.container_GMB_car .date_gen_carrousel{flex-basis:100%;font-style: italic;}
.container_GMB_car .title_gen_carrousel{font-weight:bold;margin:0.5em auto;width:100%;color:black;}
.container_GMB_car .carousel-control.left { left: -5%;}
.container_GMB_car .carousel-control.right { right: -5%;}
.container_GMB_car .description_gen_carrousel{flex-grow:1;color:black;}
.container_GMB_car .col-md-3 {text-align:right;margin:1%;width:23%!important;}


.container_GMB_car .item.active{display: flex;}
.container_GMB_car .item{    flex-grow: 1;flex-direction: column;flex-wrap: wrap;background-color:white;}
.container_GMB_car .item>span{aflex-direction: row;    aflex-wrap: wrap;    ajustify-content: end;    aflex-grow: 0 !important;    aheight: initial !important; display: inline-block !important;}
.container_GMB_car .carousel-inner{}
.description_gen_carrousel{}
.title_gen_carrousel{}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}


/*** 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:block;vertical-align:middle;text-align:right;margin:1vw auto}
.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), .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:49%;display:inline-block;}
.fcontact table tr:nth-child(4) {display:block;width:100%;}
.fcontact table tr:nth-child(2), .fcontact table tr:nth-child(6){margin-left:2%;}
.fcontact table tr:nth-child(7){	width:100%;display:inline-block;} 
.fcontact 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 {font-family: "cicle",Times,serif; font-size: 15px;  width: calc(100% - 10px); padding:5px; background:rgba(255,255,255,0.8); border:1px solid #d9dadc; border-radius:0.5vw;	}

.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;}
	#div_container_1_h{position:relative;}
	.telfix { left: -5vw;}
	.gpgims { position: absolute;   }
	.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) {
	.carousel-multi{display:none;}
	.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;}
	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}
	.gpheader{background:none;}
	.gphead{position:absolute;height:15vw;background:white;}
	.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;}
	a.mbut:hover:after, a.linkClickedCurrentPage.mbut:after {   padding-right: 100%;}
	a.linkClickedCurrentPage.mbut {font-weight: normal; }
	
	#mylogo { width: 25vw;}
	.gplogo { width: 16vw;    height: 15vw;}
	.logo { width: 16vw;  height: initial;}
	.gpmenumo{display:block;position:absolute;top:2vw;right:2vw}
	.ibutmob {width:10vw;height:10vw;fill:#4c4f52}
	.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;}
	@keyframes sizeArr{	from{		width:20vw;	} 	to{		width:20vw;	}}
	@keyframes leftArr{	from{		left:40vw;	} 	to{		left:40vw;	}}
	
	#div_container_5_fr{z-index:200}
	#div_container_4_fr{height:48vw;overflow:hidden;padding-top:15vw;background:white;}
	.bcontxt, .bconttxt { width: 96vw;}
	.gpgims {  position: relative;}
	.gpmenu, .gpgims, .gpgims .carousel-item{height:initial}
	.gpgims .carousel .item img {  height: initial;    width: 100%; max-width: 100%;}
	.carousel-caption { width: 70%;}
	.carousel-caption {  bottom: 20%;    left: 10%;    width: 50%;    background-size: 40% auto;}
	.title_gen_carrousel {padding-bottom: 0;   margin-left: 10vw;font-size:6vw}
	.description_gen_carrousel {  margin-left: 5vw;    padding-bottom: 0;}
	
	.imSymbo { width: 15vw;    height: initial;    left: calc( 50% - 7.5vw );    top: -5.5vw;}	
	.bconArr { margin-top: 2vw;}
	
	.container_GMB_car .carousel-caption {background:none;}
	.container_GMB_car {  height: 100vw;}
	.imavis { width: 20vw;   height: initial;}
	.carousel-caption:before{background:none;}
	.rate{text-align:center;font-weight:bold;font-size:8vw}
	.star {height:5vw;display:block;}
	.star>img{height:100%}
	
	.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: 96vw;    height: initial;}
	.animEpic {   position: absolute;    right: 23vw;    bottom: 10vw;    opacity: 1;}
	#btnEpic { width: 50vw;}
	
	.imsacc {height: initial !important;  margin: 7vw 0;}
	.imsacc .carousel-control {display:none!important;}
	
	
	.bbbaccfix, .bbbaccfix2, .bbbaccfix3, .baccfix, .baccfix2, .baccfix3, .imgaccfix, .imgaccfix2, .imgaccfix3, .imgaccfix4, .imgaccfix5, .bacctxt, .bacctxt2 { width: 96vw;}
	
	.imgaccfix, .imgaccfix2, .imgaccfix3, .imgaccfix4, .imgaccfix5{margin-top:7vw;padding-top:7vw;border-top:1px solid gray;}
	 /*** Reorder accueil ***/
	.boxreorder{display:flex;flex-direction:column;}
	.boxreorder :nth-child(1){order:1}
	.boxreorder :nth-child(2){order:2}
	.boxreorder :nth-child(4){order:3}
	.boxreorder :nth-child(3){order:4}
	.boxreorder :nth-child(5){order:5}
	.boxreorder :nth-child(6){order:6}
	.boxreorder :nth-child(8){order:7}
	.boxreorder :nth-child(7){order:8}
	.boxreorder :nth-child(9){order:9}
	.boxreorder :nth-child(10){order:10}
	.boxreorder :nth-child(11){order:12}
	.boxreorder :nth-child(12){order:11}
	.boxreorder :nth-child(13){order:13}
	.boxreorder :nth-child(14){order:14}
	.boxreorder :nth-child(15){order:16}
	.boxreorder :nth-child(16){order:15}
	.boxreorder :nth-child(17){order:17}
	.boxreorder :nth-child(18){order:18}
	
	
	.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;}
	
	.fcontact { width: 100%;}
	.fcontact .cell_1_form {  font-size: 4vw;}
	.fcontact table tr:nth-child(1), .fcontact 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), .fcontact table tr:nth-child(7) { width: 100%; margin:1vw 0}
	input[type="text"], input[type="date"], input[type="password"], textarea, select, option {  font-size: 5vw;    line-height: 5vw;}
	.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: 25vw;    height: initial;}
	.bfoinfo1, .bfoinfo2, .bfoinfo3 {  width: 100%;margin:2vw 0}
	.tfoophone, .tfoomail, .tfoomap {  text-align: center;}
	.bfoinfo1 .tifoot { text-align: center;}
	.telfix {display:none;}
	.bfoinfo3{margin-top:2vw;}
	.bfoinfo3 .t_g {font-size:4vw;line-height:6vw}
	.tconcep .ql-size-small{font-size:initial;line-height:6vw} 
	#myArroUp { width: 12vw;}
	
}