@font-face {font-family: 'Autography';
    src: url('Autography.eot');
    src: url('Autography.eot?#iefix') format('embedded-opentype'),
        url('Autography.woff2') format('woff2'),
        url('Autography.woff') format('woff'),
        url('Autography.ttf') format('truetype'),
        url('Autography.svg#Autography') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {font-family: 'athelas';
    src: url('athelas.eot');
    src: url('athelas.eot?#iefix') format('embedded-opentype'),
        url('athelas.woff2') format('woff2'),
        url('athelas.woff') format('woff'),
        url('athelas.ttf') format('truetype'),
        url('athelas.svg#Autography') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {font-family: "icons";src: url("icons.eot"); src: url("icons.eot?#iefix") format("embedded-opentype"), url("icons.woff") format("woff"), url("icons.ttf") format("truetype"), url("icons.svg#Flaticon") format("svg"); font-weight: normal;  font-style: normal;}
html{height:100%;min-width:100%;width:100%; background-color:white; 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;font-family: "Arial";}
img { max-width: 100%; max-height: 100%;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
.connected .athide{display:block;}

a:visited{color:inherit;}
a:hover{color:gray;}

a.mbut:visited{color:black;}
a.mbut:hover{color:#fcbe07;}
a.linkClickedCurrentPage:link{color:#fcbe07;}
a.linkClickedCurrentPage:visited{color:#fcbe07;}
a.linkClickedCurrentPage.mbut>div, a.linkClickedCurrentPage.mbutac {color: #fcbe07}
a.linkClickedCurrentPage.mbutac:before{color: black}



.text_generic, .t_g, h1, h2, h3, .mbut{text-align:justify;font-family:"Arial",Times,serif;	color:black;font-size:16px;font-weight:normal;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"athelas",Times,serif;font-size:25px;margin:0;margin:15px 0;position:relative;display:block;}


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

.carousel {margin:0}
.carousel-caption{padding:1%;font-family:"Arial",Times,serif;text-align:center;display:block;position:absolute;bottom:20%;left:29%;width:40%;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:white;}
.title_gen_carrousel{font-size:1.5vw;margin:0; background:rgba(0,0,0,0.8);padding:20px;width:initial;font-family:"athelas",Times,serif; color: #fcbe07; text-align:center;}
.description_gen_carrousel {font-size:1vw;margin:0; background:rgba(0,0,0,0.8);padding:0.5vw;width:initial;font-family:"Arial",Times,serif;color:white;text-align:center;}
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: black;}
.carousel-control {  background-color:none;background:none;	border: none; color:white; top: 40%; opacity: 1; font-size: 110px;cursor:pointer}
.carousel-control.right,  .carousel-control.left{width:38px; height:100px; z-index:310; border-radius:0px; font-size: 100px;afont-family:"Arial";color:#fcbe07;line-height: 80px;background:rgba(0,0,0,0.8);}
.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{width:100%;max-width:100%}
.thumb-carousel-control{display:none;}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

#div_container_1_h, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;position:relative;z-index:50}
.gpheader{margin:20px auto;padding-bottom:5px;}
#div_container_1_h, #div_container_9_fo{width: 100%;z-index:355}
#div_container_9_fo{z-index:inherit;}
#div_container_5_fr{min-height:400px;display:block;}
.button_valid{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;}
.button_valid:hover{background: black;color: #fcbe07;;box-shadow:none;cursor:pointer;}
.text_in_button{line-height:30px;color:white;font-family:"Arial",Times,serif;}
#temp{display:none}
.input_submit {font-size: 20px; height: 45px; padding: 5px; width:150px; vertical-align: bottom; background-color: black;display:inline-block;}
.arrowAriane{color:black}
.tsplit2:not([id^="mainDiv"]){column-count: 2;column-width: auto;}
.tsplit2>.imageSub>.imageSub>div[id^="textcontent"]{column-count: 2;column-width: auto;} 

/******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-weight:bold;font-size:15px;}
a.pagerCurrentPage, .pager_group:hover,  .pager_leftArrow:hover, .pager_rightArrow:hover{	background-color:black;	text-align:center;}


/**** HEADER / MENU ***/
.gphead{width:100%;display:block;margin:auto;text-align:left;position:absolute;top:0;left:0;z-index:60;}
#global__1_h__groups__1000{top:30px}
.gplogo{width:150px;vertical-align:middle;text-align:right}
.gpmenumo{display:none;}
.gpmenu{width:950px;text-align:right;vertical-align:middle;background-color:white;position:relative;height:44px;	}
.gpmenu:after{content:'';height:44px;width:50%;position:absolute;top:0;left:0
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.mbut{text-align:left;font-size:17px;vertical-align:middle;;transition: all 0.5s ease 0s;border:none;height:24px; padding:10px 0 10px 30px;}
.mbut:hover a{color:black!important}

/******* Menu deroulant ***/
.cmenu { marin: 0;padding: 0;}
.ggmenu {position: relative;}
.ggmenu li {display: inline-block; vertical-align: middle;margin:0;}
.ggsm_next {font-family: gandg;content: '\e1dd'}
.gg_sm {display: none;position: absolute;left: 15px;top: 90%;}



.cmenu{padding:0;cursor:default;}
.ggmenu li{vertical-align:bottom;display:inline-block;} /** Attention on aligne les li sur le bottom sinon pb avec le survol***/

.gg_sm.lvl1{position: absolute !important; width: auto; background: rgba(0,0,0,0.7);  z-index: 70;  awidth: 35%; padding-bottom: 2vh;  padding: 5px;margin:5px;display:none;transition: all 0.5s ease 0s;}
.gg_sm a{width:auto;height:auto;}
.gg_sm a .gg_smn{height:auto;color:white;font-size:15px}
.gg_sm a .gg_smi{display:none;}
.t_g.gg_smn{padding:2% 0;}
.gg_sm a+.gg_sm{display:inline-block;    position: static;}
/*** Première ligne, on met sur la ligne 1 et la colonne correspondante ***/
.gg_sm.lvl1 a{grid-row: 1;}
.gg_sm.lvl1 a .t_g.gg_smn{color: #fcbe07;font-size: 17px;   /*text-transform: uppercase;*/ transition: all 0.5s ease 0s;}
.gg_sm a .gg_smn:hover{color: white!important;}
.gg_sm.lvl1 a{display:block;}

/********/


#div_container_2_lm{width:280px;margin-right:20px;vertical-align:top;margin-top:150px;display:inline-block;}

/***** CUSTOM ****/


.previewOverlay{z-index:650}
.previewImg{z-index:660;max-height:80vh;}
.previewImg img{height:80vh;}
.bcont, .bcontfir, .bcontxt, .p1080{width:1100px;display:block;margin:auto;text-align:left}
.p1080{apadding-top:250px}
.bcontxt{margin:20px auto;}
.bcont{padding-top:275px;position:relative}
.bcontfir{position:relative;margin-top:-50px;background-color:white;border-radius:5px;z-index:80;padding:20px;width:1060px;}
.bcontfir::before{background-image: url(".././view/global/background/g1669.png"); background-position: center; background-repeat: no-repeat; background-size: cover;   content: "";    height: 120px;    left: -80px; top:-80px;   position: absolute;    width: 120px;}
.gpph{width:1100px;display:block;margin:auto;text-align:left;position:relative}
.gplang, .gpbasket{background-color:#fcbe07;padding:10px;border-radius:0 0 5px 5px}
.gpbasket {float:right}
.btnaccount, .btnbasketh{position:relative;}

.simpleCart_quantity {display:none;}
.tlangfr{padding-right:10px;color:white}
.tlangen{padding-left:10px;color:white}
.logo{width:150px;height:150px;vertical-align:middle;left}
.tfootnone{display:none;}



.mbutac>div, .tfootel>div, .tfootadd>div, .tfootmail>div,.tconttel>div, .tcontadd>div, .tcontmail>div, .tfaceb>div, .tyout>div, .btnaccount>div, .btnbasketh>div, .icopack>div, .icodiscount>div, .icocellar>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;color:black;}
.mbutac:before, .tfootel:before, .tfootadd:before,.tfootmail:before,.tconttel:before, .tcontadd:before,.tcontmail:before, .tfaceb:before, .tyout:before, .btnaccount:before, .btnbasketh:before, .icopack:before, .icodiscount:before, .icocellar:before{ color:black; display: inline-block;text-align: center; vertical-align: middle; content:"\f101"; font-family: icons;font-size: 20px;}
.tfootel:before, .tconttel:before{content:"\f100";font-size:25px;color:black;}
.tfootadd:before, .tcontadd:before{content:"\f102";font-size:25px;color:black;}
.tfootmail:before, .tcontmail:before{content:"\f101";font-size:25px;color:black;}
.tfaceb:before{content:"\f103";font-size:35px;color:black;vertical-align:middle;}
.tyout:before{content:"\f103";font-size:45px;color:black;vertical-align:middle;}
.btnaccount:before{content:"\f106";font-size:27px;color:white;vertical-align:middle;}
.btnbasketh:before{content:"\f104";font-size:27px;color:white;vertical-align:middle;}
.icopack:before{content:"\f109";}
.icodiscount:before{content:"\f108";}
.icocellar:before{content:"\f107";}
.tfaceb, .tyout{vertical-align:middle;}
.tconttel>div, .tcontadd>div, .tcontmail>div, .tconttel:before, .tcontadd:before, .tcontmail:before{color:black;}
.btnaccount>div, .btnbasketh>div {color:white;transition: all 0.5s ease 0s;}
.btnaccount>div:hover , .btnbasketh:hover>div {color:black;}
.btnbasketh {margin-left:15px;}

.tfootel,.tfootadd,.tfootmail{margin:10px 0}


#div_container_9_fo{background-color:white;padding:10px 0;}
.bfoot{display:block;width:1100px;margin:auto;text-align:left;}
.tfolog{font-size:35px}
.bfoinfo1, .bfoinfo2,.bfoinfo3{width:340px;margin:0 10px;vertical-align:top;position:relative;}
.bfoinfo{vertical-align:bottom;display:block;text-align:center;}
.bfoinfo2{text-align:center;}
.bfoinfo3{text-align:center;}
.iflogo{width:200px;height:200px;vertical-align:middle;}
.tfoot, .tfootel, .tfootadd, .tfooti, .tfootcon{color:black;text-align:left;}
.tifoot{font-family:"athelas",Times,serif;font-size:35px;color:#fcbe07;margin:10px;text-align:center;}
.tfoot{margin:10px 0}
.tfootcon{font-size:13px;text-align:right;margin-top:20px;}
.tkeys{font-size:13px;}
.tfooti{font-size:25px;}
.tfoomap{width:50%;vertical-align:top;margin:15px 0;}
.isoc{width:60px;height:60px;margin:10px}
.iflogo2{width:150px;height:120px;vertical-align:middle;margin:10px;}
.iflogo2>a{height:100%;}

.forappel{text-align:right;margin-bottom:15px;}
.forappel td,.forappel tr{display:block;color:white;}
.forappel table, .forappel tbody {width:340px;display:inline-block;border-spacing: 0;vertical-align: bottom;}
.forappel .cell_1_form{display:none;}
.forappel input[type="text"],.forappel input[type="password"],.forappel input[type="date"],.forappel  textarea { font-size: 15px; line-height:20px; width: 98%; padding:0; background-color:white; color:black;border-radius:2px;border:1px solid #cccccc;font-family:"Arial",Times,serif;	padding:1%	}
.forappel table tr:nth-child(1), .forappel table tr:nth-child(2){	width:162px;display:inline-block;margin-bottom:5px;}
.forappel table tr:nth-child(2){margin-left:11px;}
.forappel .input_submit {font-size: 18px; height: 29px; padding: 5px; width:94px !important; vertical-align: bottom; background-color: black;display:inline-block;}


/**** ACCUEIL ****/
.gpgims{position:relative;}
.imsacc, .imsacc2{width:100%;height:100%;background-color:white;color:black;overflow:hidden;}
.imsacc img, .imsacc2 img{max-height:200%}
.imsacc:after{content:"";position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.7);width:100%;height:100%;z-index:2}
.gpgtxt{position:absolute;bottom:10vh;right:10vw;text-align:center;z-index:650}
.tigims{font-family:"athelas",Times,serif;font-size:55px;color:#fcbe07;margin:10px;text-align:center;}
.tgims{color:white;text-align:center;font-size:55px;font-family:"Autography",Times,serif;}

.tiacc, h1.tiacc, h2.tiacc{text-align:center;position:relative;display:block;}
/*.tiacc::after {  background-image: url(".././view/global/background/g2996.png"); background-position: center; background-repeat: no-repeat; background-size: 100%;   content: "";    height: 21px;    right: 0; bottom:-22px;   position: absolute;    width: 40%;left:30%}*/

.bcontbottle{width:100%; text-align:center;padding-top:2vw}
.ibottle1, .ibottle2, .ibottle3, .ibottle4, .ibottle5, .ibottle6, .ibottle7, .ibottle8, .ibottle9,.ibottle10 {width:8vw;height:30vw;transition: all 0.5s ease 0s;vertical-align:bottom;top:0;position:relative}
.ibottle a {height:100%}
.ibottle7{width:10vw;}
.ibottle8{width:9vw;}
.ibottle9{width:10vw;}
.ibottle10{width:10vw;}
.ibottle:hover{top:-2vw}
.btxtaccblack{background:rgba(0,0,0,0.7);padding:0.5vw;margin-top:-5vw;position:relative;width:50vw}

.bcontboxacc12, .bcontboxacc3{width:35vw;margin:1vw;height:72vw;vertical-align:top;}
.bcontboxacc1, .bcontboxacc2, .bcontboxacc3{width:35vw;position:relative;transition: all 0.5s ease 0s;}


.bcontboxacc2{margin-top:2vw}
.iboxacc1, .iboxacc2, .iboxacc3{width:35vw;height:35vw;overflow:hidden;transition: all 0.5s ease 0s;}
/*.bcontboxacc12:hover img, .bcontboxacc3:hover  img{transform: scale(1.1);}*/
.iboxacc3{height:72vw}
.tboxacc1, .tboxacc2, .tboxacc3{font-family:"athelas",Times,serif;font-size:2vw;color:#fcbe07;padding:1vw;text-align:left;transition: all 0.5s ease 0s;position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:650;width:30vw;height:3vw	;}
.tboxacc2{text-align:right;right:0;top:0;width:18vw;}
.tboxacc3{text-align:right;right:0;top:0;width:18vw;}
.bcontboxacc1:hover .tboxacc1, .bcontboxacc2:hover .tboxacc2, .bcontboxacc3:hover .tboxacc3{width:33vw;height:33vw;}
.bcontboxacc3:hover .tboxacc3{height:70vw}
.bcontboxacc1:hover , .bcontboxacc2:hover , .bcontboxacc3:hover {cursor:pointer;}
.bcontboxacc1:hover .tboxacc1:after, .bcontboxacc2:hover .tboxacc2:after, .bcontboxacc3:hover .tboxacc3:after{content:'En savoir +';color:white;text-align:center;display:block;font-family:"Arial",Times,serif;font-size:1.5vw;margin-top:2vw;}


/*** HISTOIRE ***/
.bcontboxhist1, .bcontboxhist2, .bcontboxhist3, .bcontboxhist4, .bcontboxhist12{margin:1vw;width:35vw;position:relative;transition: all 0.5s ease 0s;}
.bcontboxhist3{width:25vw;margin:1vw;height:25vw;vertical-align:top;}
.bcontboxhist4{margin:0;height:35vw;margin-bottom:2vw}
.tboxhist1, .tboxhist2, .tboxhist3{font-family:"athelas",Times,serif;text-align:center;font-size:1.5vw;color:#fcbe07;padding:1vw;transition: all 0.5s ease 0s;position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:350;width:33vw;height:3vw	;}
.tboxhist3{width:23vw;}
.iboxhist{width:25vw;height:25vw;}

/*** SALONS ***/
.bcontboxsalon{margin:1vw;width:16vw;height:16vw;position:relative;transition: all 0.5s ease 0s;}
.iboxsalon{width:16vw;height:16vw;}

/*** PERSONNALISATION ***/
.bcenter{text-align:center;}
.container_imsperso , .imsperso{display:inline-block;width:70vw;height:40vw;text-align:center}
/*.imsperso img{width:initial!important}*/

/*** ECOMMERCE ***/
.editItemButtom{display:none;}

.bicopack{text-align:center;margin:40px 0}
.icopack, .icocellar, .icodiscount{width:100px;vertical-align:middle;text-align:center;}
.icodiscount{display:none;}
.textDiscount, .textPack, .textCellar{width:600px;vertical-align:middle}
.icopack:before,.icodiscount:before, .icocellar:before{font-size:60px;color:#fcbe07}
.icodiscount:before {font-size:80px;}

.bcategvente{width:510px;margin:25px 10px;vertical-align:top;font-size:0;position:relative;}
.bcateggi{width:43%;margin-right:1%;vertical-align:top;transition:0.5s;overflow:hidden;text-align:center;}
.bcateggt{width:56%;vertical-align:top;}
.bcateggt .tiartv, .bcateggt h2.tiacc, .bcateggt h2{text-align:center;margin-bottom:20px;line-height:35px;font-size:35px;font-family:"Autography",Times,serif !important;}
.tiacc::after {width:50%;left:25%}
.bcateggi .imartv { width: 100%; min-height: 25vw;}
/*.bcateggi .imartv img{max-height:25vw;}*/
.bcategvente:hover .imartv img{transform: rotate(12deg);}

.labqty{width:60%;vertical-align:middle}
.dinpqty{width:40%;vertical-align:middle}
.inpqty { width:95%; height: 25px; margin: 10px 0;  padding: 2.5%; border: 1px solid #fcbe07;background-color: #fefefe; color: black; line-height:25px;text-align:center;}
.bcuvselect{background-color: white !important; border-radius: 5px; border: 1px solid #fcbe07;  color: #fcbe07 !important;  font-size: 0;transition: all 0.5s ease 0s;margin:15px 0;cursor:pointer;}
.bcuvselect:hover, .bcuvselected{background-color: #fcbe07 !important; }
.bcuvselect:hover .tnartv, .bcuvselect:hover .tpartv, .bcuvselected .tnartv, .bcuvselected .tpartv{color: white!important;}
.tnartv {font-size:14px;padding:2% 0 2% 2%;width:76%;vertical-align:middle;transition: all 0.5s ease 0s;}
.tpartv{font-size:14px;padding:2% 2% 2% 0;width:20%;text-align:right; vertical-align:middle;transition: all 0.5s ease 0s;}
.bqtyadd {position:absolute;bottom:0;right:0;text-align:right;width:35%}
.btnbasket{display:block; width: 95%!important; padding: 2.5%;}
.item_shipping{font-size:0.59vw}



/*** CONTACT ***/  
.tconttel, .tcontmail , .tcontadd {text-align:center}
.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{width:100%;display:inline-block;vertical-align:middle;text-align:right;margin-bottom:40px!important}
.fcontact table , .fcontact 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(6), .fcontact table tr:nth-child(7){	width:49%;display:inline-block;margin:1% 0}
.fcontact table tr:nth-child(2),.fcontact table tr:nth-child(4), .fcontact table tr:nth-child(7){margin-left:2%;}
 .fcontact table tr:nth-child(5), .fcontact table tr:nth-child(8){	width:100%;display:inline-block;margin:1% 0}
.fcontact td { display: block;}

.fcontact .cell_1_form{	width:100%;	padding:0;font-size:15px;margin-bottom:5px;}
.fcontact .cell_2_form { padding-left:0;}
.fcontact input[type="text"], .fcontact input[type="password"],  .fcontact textarea { font-family:Arial,Times,serif; border-radius:5px;font-size: 17px; line-height:20px; width: calc(100% - 10px); padding:10px; background-color:#ffffff; border:1px solid #fcbe07;	font-weight:normal;}
.fcontact textarea {height:200px;	}
.fcontact{color: white;}
.ggMap {width: 100vw; height: 30vw;margin-bottom:20px;margin-top:20px;}

/********** page categorie ****************/

.bancateg{width:100%;height:500px;}
.bcategs{padding:2vw;}
.icateg, .imartv{display:block;width:12vw;min-height:25vw;overflow:hidden;text-align:center;}
.bcategs>.duplicate_line a,  .bcategs .group_duplicable_editor, .bartvs>.duplicate_line a,  .bartvs .group_duplicable_editor{margin:40px 60px 10px 0;vertical-align:top;}
.bcategs>.duplicate_line{vertical-align:top;}
/*.bcategs>.duplicate_line:nth-child(3n+3) a, .bcategs>.group_duplicable_editor:nth-child(3n+3){margin-right:0;} */

.bcateg:hover:before{content:''; display:inline-block;width:12vw;height:30vw;background:rgba(255,255,255, 0.5);position: absolute;z-index: 1;left:0;top:0}
.bcateg a:after, .bcateggi a:after{transition: all 0.5s ease;opacity:0; content:'Découvrir la cuvée';margin:auto;color:white;text-align: center;padding :10px 0;width:12vw; font-size:20px;bottom: 4vw;left:0;background:#fcbe07;position: absolute;z-index:2;font-family:"Arial",Times,serif;}
.bcateg a:hover:after, .bcateggi a:hover:after{opacity:0.9;cursor:pointer;}
.bcateg:hover .imartv img{transform: scale(1.1);}
.bcateg .imartv img, .bcateggi .imartv img{transition: all 0.5s ease;}

.bcateg, .bcateg2{transition:0.5s;overflow:hidden;width:12vw;text-align:center;}
.bcateg2{border:1px solid #3f464d;}
.tactu{width:300px;padding:10px;text-align:center}
.bartv{}
.bartv:hover .t_g{color: #fbbb3f !important;}
.bartv .t_g,.bartv h1, .bartv h1.t_g,.bartv h2, .bartv h2.t_g{color:white!important;}
.biartv{width:180px;vertical-align:top;}
.btartv{width:326px;margin-left:20px;vertical-align:top;text-align:right}
.btdescr{max-height:130px;}
.bpicartv{margin-top:10px;}
.ticarc{margin-left:100px;width:158px;font-size:17px;font-weight:bold;padding-left:10px;}
.tpaut{text-align:right;font-size:20px;color:#fbbb3f}
.bartv .bmoreinf{background-color:white;padding:10px;text-align:center;display:inline-block;margin-top:15px;color:black!important;}
.bartv .bmoreinf div{color:black!important;}
.btitcat{text-align:left;}
.tcateg {text-align:center;background-color:#3f464d;text-align:center;font-size:15px;font-weight:bold;color:white;padding:10px;}


/*** PRODUIT ***/
.gpimprod{width:450px;vertical-align:top;position:relative;}
.gptxtprod{width:560px;margin-left:50px;vertical-align:top}
.improd{width:450px;height:800px;text-align:center;}
.improd2{width:100px;min-height:120px;text-align:center;position:absolute;top:0;right:15px}
.improdbck {height: 57vw;  width: auto;   transform: rotate(60deg);    position: absolute;    z-index: 1;    left: 40vw;    top: -7vw;}
.improdbck img{height:100%}
.gpdesprod{margin-top:20px;}
.tiprod{font-family:"athelas",Times,serif;font-size:30px;color:#fcbe07;margin:20px 0 5px 0}
.tiprod2 h1{font-family:"Autography",Times,serif;font-size:40px;}
.baccord{text-align:center;margin:20px 0}
.baccord .duplicate_line {vertical-align:top;}
.bcat{vertical-align:top;width:330px;margin:10px;}
.iprodacc{width:330px;height:250px;text-align:center;overflow:hidden;}
.iprodacc img{transition: all 0.5s ease;}
.iprodacc:hover img{transform: scale(1.2);}
.timgaccord{text-align:center;}
.timgaccord b, .timgaccord bold, .timgaccord strong{font-family:"athelas",Times,serif;font-size:30px;color:#fcbe07;font-weight:normal}

.prevBottle, .nextBottle{position:absolute;top:100%;width:210px;z-index:650;background-color:white;}
.prevBottle{left:0}
.nextBottle{right:0}
.prevBottle .gg_smn, .nextBottle .gg_smn{font-family:"athelas",Times,serif;font-size:18px;text-align:left;}
.prevBottle .gg_smn{text-align:right;}
.prevBottle .gg_smi, .nextBottle .gg_smi{width:100%;height:100px;overflow:hidden;text-align:center;display:inline-block;overflow:hidden;}
.prevBottle .gg_smi:before, .nextBottle .gg_smi:after{z-index: 300;content: '<'; height: 90px; line-height: 90px;  font-size: 40px;  color: white;  background-color: #fcbe07;  display: inline-block;  position: absolute;  left: 0;    padding: 5px;font-family:"Arial",Times,serif;}
.nextBottle .gg_smi:after{content: '>'; left: initial; right:0;}
.prevBottle .gg_smi img{transform: rotate(-55deg);height:250px;margin-top:-120px;max-width:initial;max-height:initial;transition: all 0.5s ease;}
.nextBottle .gg_smi img{transform: rotate(55deg);height:250px;margin-top:-120px;max-width:initial;max-height:initial;transition: all 0.5s ease;}
.nextBottle .gg_smi:hover img, .prevBottle:hover .gg_smi img{transform: scale(1.5);margin-top:-200px}



/*sitemap*/
.globalSiteMap{display:none;}
.contentSiteMap{width:1100px;display:block;margin: 15px auto;font-size:13px;}
a.siteMapLevel0{border-top:0;display:block;padding:10px 0px;}
a.siteMapLevel1{padding:10px 0px 10px 15px;border-left:1px solid #222;margin-left:10px;}
a[class*="siteMapLevel"].linkClickedCurrentPage{font-weight:bold;}
.t_g a[class*="siteMapLevel"]{font-size:14px;display:block;}
.gg_cosr{text-align:right;padding:10px;}

#DOMWindowOverlay{    background-color: rgba(0, 0, 0, 0.9)!important;}


/*telephone*/		
@media 	only screen and (max-device-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;}
	.t_g, label, h1, h2, h3, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, a{font-size:1.5vw!important;line-height:initial;}
	html { background-repeat: repeat;}
	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_5_fr{min-height:20vw;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 2.5vw!important;    margin: 1vw 0 2vw 0; line-height:initial;}
	.tiacc::after { height: 1.5vw;  bottom: -2vw;}
	input[type="text"], input[type="password"], textarea { font-size: 2vw!important; line-height: 2vw;  border: 0.1vw solid #d9dadc;}
	.mbutac>div, .tfootel>div, .tfootadd>div, .tfootmail>div, .tconttel>div, .tcontadd>div, .tcontmail>div, .tfaceb>div, .tyout>div {  margin-left: 0.5vw;}
	
	.gpheader { margin: 0;  padding: 0;}
	.gpph { width: 100%;height:5vw;}
	.gplang, .gpbasket { padding: 0.5vw; border-radius: 0 0 0.5vw 0.5vw;margin:0 2vw}
	.btnaccount:before, .btnbasketh:before { font-size: 2vw;}
	.tlangfr { padding-right: 1vw; }
	.tlangen { padding-left: 1vw;}
	
	.gplogo {width: 12vw;}
	.logo {  width: 10vw;  height: initial!important;}
	.gpmenu { width: 86vw;height: initial;padding:0 2vw 0 0}
	.gpmenu:after {display:none;}
	.mbut { height: initial; padding: 0.5vw 0 0.5vw 2vw;font-size:1.5vw!important;line-height:3vw;}
	.gg_sm.lvl1 { padding: 0.5vw; margin: 0.5vw;}
	.gg_sm.lvl1 li{display:block;}
	.gg_sm { left: 29%;}
	.gg_sm.lvl1>a .t_g.gg_smn { font-size: 2vw!important;}
	
	.bcont, .bcontfir, .bcontxt, .p1080 { width: 98vw;padding:1vw;}
	.bcontfir, .bcontxt{width: 90vw;}
	.bcontfir{margin-top: -5vw;    border-radius: 1vw;}
	.bcontfir::before { height: 9vw; left: -4.5vw; top: -4.5vw;  width: 9vw;}
	.bblocs {margin: 3vw 0;}
	.imgbloacc {	 margin-bottom: 2vw;}
	.tbloacc { width: 58%;  left: 20%;  bottom:15%; border-top: 0.1vw solid white;   border-bottom: 0.1vw solid white;}
	.container_imsacc{height:initial;}
	.tboxacc1, .tboxacc2, .tboxacc3, .tboxhist1, .tboxhist2, .tboxhist3{font-size:2vw!important}

	.imsacc,.imsacc2 { width: 100%;object-fit: cover;height:initial }
	.tigims { font-size: 4vw!important;  margin: 1vw; }
	.tgims { font-size: 3vw!important;}
	
	.improdbck { height: initial;  width: 20vw;  transform: rotate(70deg);  top: -18vw;}
	.gpimprod { width: 45%;text-align:center;}
	.improd { width: 100%;  height: initial;}
	.improd2 {width: 7vw;  min-height: initial;}
	.gptxtprod { width: 55%;  margin-left: 0;}
	.tiprod { font-size: 2vw!important;  margin: 1vw 0 0.5vw 0;}
	.bcat {width: 24vw; margin: 1vw;}
	.timgaccord b, .timgaccord bold, .timgaccord strong {font-family: "athelas",Times,serif; font-size: 2vw;}
	.iprodacc { width: 24vw;  height: initial;}
	.prevBottle, .nextBottle { width: 13vw;position:fixed;top:20vw;opacity:0.7;display:none;}
	.prevBottle .gg_smi, .nextBottle .gg_smi { height: 10vw;}
	.nextBottle .gg_smi img {transform: rotate(55deg); height: 22vw; margin-top: -8vw;width:initial}
	.prevBottle .gg_smi img { transform: rotate(-55deg);  height: 22vw;  margin-top: -8vw;  width: initial;}
	.prevBottle .gg_smi:before, .nextBottle .gg_smi:after { height: 9vw; line-height: 9vw;  font-size: 3vw!important;  padding: 0.5vw;}
	.closePopImg {    top: 2vw;    right: 2vw;    border-radius: 5vw;}
	.closePopImg:before { font-size: 5vw;}
	.previewImg img {  width: 80vw;  height:initial; max-height:80vh}
	.previewOverlay .prevSpan, .previewOverlay .nextSpan { font-size: 5vw; padding: 1vw;  border-radius: 5vw;z-index:700}
	.previewOverlay .nextSpan { right: 2vw;}
	.icon-arrow-right4:before, .icon-arrow-left5:before {font-size:5vw}
	
	.input_submit { font-size: 2.5vw;  height: initial;  padding: 1vw 3vw;  width: initial!important;}
		
	.container_imsperso, .imsperso { width: 100vw;  height: 60vw;}
	.carousel-control.right, .carousel-control.left { width: 5vw; height: 10vw;  font-size: 8vw!important; line-height: 8vw;}
	.carousel-control.left { border-radius: 0 0.5vw 0.5vw 0;}
	.title_gen_carrousel {font-size: 2vw!important; padding: 0.5vw;}
	
	.fcontact{width:80%};
	.ggMap { margin-bottom: 2vw;  margin-top: 2vw;}
	
	/*** ECOMMERCE ***/
	.bicopack{margin:4vw 0}
	.icopack, .icocellar, .icodiscount{width:10vw;}
	.textDiscount, .textPack, .textCellar{width:70vw;}
	.icopack:before,.icodiscount:before, .icocellar:before{font-size:6vw;}
	.icodiscount:before {font-size:12vw;}
	
	.bcategvente{width:43vw;margin:3vw 1vw;font-size:0!important;}
	.bcateggi{width:33%;margin-right:1%;}
	.bcateggt{width:66%;}
	.bcateggt .tiartv, .bcateggt h2.tiacc {margin-bottom:2vw;line-height:2vw;}
	.tiacc::after {width:50%;left:25%}
	.bcateggi .imartv { width: 100%; }
	
	.labqty{width:60%;}
	.dinpqty{width:40%;}
	.inpqty { width:95%; height: 2vw; margin: 0.5vw 0;  padding: 2.5%; border: 0.1vw solid #fcbe07;line-height:2vw;}
	.bcuvselect{border-radius: 0.2vw; border: 0.1vw solid #fcbe07; margin:0.5vw 0;}
	.tnartv {padding:2% 0 2% 2%;width:76%;}
	.tpartv{padding:2% 2% 2% 0;width:20%;font-size:1.3vw!important}
	.bqtyadd {position:relative;width:100%}
	
	
	#div_container_9_fo { padding: 1vw 0;}
	.bfoot { width: 100%;}
	.iflogo { width: 13vw; height: initial;}
	.iflogo2 { width: 8vw; height: initial;margin:2vw 5vw}
	.bfoinfo1, .bfoinfo2, .bfoinfo3 { width: 31vw;  margin: 0 1vw;}
	.tifoot { margin: 0.5vw;font-size:3vw!important}
	.tfootel:before, .tconttel:before, .tfootmail:before, .tcontmail:before, .tfootadd:before, .tcontadd:before { font-size: 2vw!important;}
	.tfaceb:before {  font-size: 3vw;}
	.tfootcon { margin-top: 2vw;padding:2vw}
}

@media 	only screen and (max-device-width : 468px) {
	.t_g, label, h1, h2, h3, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, a{margin-top:0;	font-size:4vw!important;line-height:6vw;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 5vw!important;    margin: 2vw 0 4vw 0; line-height:initial;}
	h1:before { width: 4vw;  height: 4vw;  margin-top: -14vw;   margin-left: -2vw;  border: 0.5vw solid black;}
	#div_container_1_h {z-index:600;}
	.gpph { height:8vw;}
	.btnaccount:before, .btnbasketh:before { font-size: 4vw;}
	.gplogo {width: 20vw;}
	.logo {  width: 15vw;  height: initial!important;}
	.gpmenu { display:none;width:100vw;text-align:center;margin:0;padding:0}
	.ggmenu li{display:block;padding: 2%; 0}
	.gg_sm.lvl1{position:relative!important;width:100%;background:black;left:0;margin:0}
	
	.mbut, .mbutac,.gg_sm.lvl1>a .t_g.gg_smn  { height: initial!important; font-size:5vw!important;padding:0.5vw;text-align:center; margin: 0.5vw auto;display:block;}
	.mbut, .mbutac {}
	.gpmenumo{display:block;}
	.btnMo {position:absolute;width:10vw;height:10vw;top:2vw;right:2vw;}
	.gplang, .gpbasket { padding: 1vw;  }
	.bcont, .bcontfir, .bcontxt, .p1080 {width: 98vw;}
	.gpgtxt {  bottom: 7vw;right: 5vw;}
	.tigims {font-size: 6vw!important;line-height: 6vw;}
	.bcontfir, .bcontxt {  width: 96vw;	}
	.bcontfir::before { height: 14vw; left: 0; top: -10.5vw;  width: 14vw;}
	.tiacc::after {width: 60%; left: 20%; height: 2.5vw; bottom: -3vw;}
	.t_g.gg_smn {  padding: 0;text-align:center;font-size:5vw!important}
	.prevBottle, .nextBottle {display:none;}
	
	.gpgims {overflow:hidden;}
	.imsacc, .imsacc2 { width: 150%;  }
	.improdbck { height: initial;  width: 55vw;  transform: rotate(70deg);  top: -18vw;left:25vw;}
	.ibottle1, .ibottle2, .ibottle3, .ibottle4, .ibottle5, .ibottle6, .ibottle7, .ibottle8, .ibottle9, .ibottle10 { width: 18vw;  height: auto;}
	.ibottle7{width:23vw;}
	.ibottle8{width:20vw;}
	.ibottle9{width:22vw;}
	.ibottle10{width:17vw;}
	.btxtaccblack { margin-top: -8vw;padding: 1vw;}
	.bcontboxacc12, .bcontboxacc3, .bcontboxhist1, .bcontboxhist2, .bcontboxhist3, .bcontboxhist4, .bcontboxhist12 { width: 80vw; margin: 1vw;  height: initial;}
	.bcontboxacc1, .bcontboxacc2, .bcontboxacc3 { width: 80vw;height:80vw;}
	.bcontboxacc3 {height:160vw;}
	.tboxacc1, .tboxacc2, .tboxacc3, .tboxhist1, .tboxhist2, .tboxhist3 { width: 70vw; height: initial;font-size: 4vw!important;height:6vw}
	.bcontboxacc1:hover .tboxacc1, .bcontboxacc2:hover .tboxacc2, .bcontboxacc3:hover .tboxacc3 {width:70vw;height:initial}
	.iboxacc1, .iboxacc2, .iboxacc3,.iboxhist { width: 80vw;  height: initial;overflow:auto;}
	.tgims { font-size: 7vw!important;}
	.tsplit2:not([id^="mainDiv"]) { column-count: 1;}
	
	.gpdesprod { margin-top: 2vw;}
	.gpimprod { width: 100%;vertical-align:middle;}
	.gptxtprod { width: 100%;  margin: 1vw 0;vertical-align:middle;}
	.improd {width: 65%;}
	.bcat { width: 30vw;}
	.iprodacc { width: 30vw;}
	.prevBottle .gg_smn, .nextBottle .gg_smn {display:none;}
	.timgaccord b, .timgaccord bold, .timgaccord strong {  font-size: 4vw;}
	.improd2{top:0;width:18vw;right:0}
	.bcontboxsalon { width: 45vw;  height: 45vw;}
	.iboxsalon { width: 45vw;  height: 45vw;}
	.tiprod { font-size: 6vw !important;        margin: 5vw 0 2vw 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(6), .fcontact table tr:nth-child(7) { width: 100%; display: block;}
	.fcontact table tr:nth-child(2), .fcontact table tr:nth-child(4), .fcontact table tr:nth-child(7) {  margin-left: 0;}
	input[type="text"], input[type="password"], textarea { font-size: 4vw!important; line-height: 4vw; border: none;padding:0.5vw}
	.ggMap { height: 60vw;}
	.input_submit { font-size: 6vw; }
	
	/*** ECOMMERCE ***/
	.icopack, .icocellar, .icodiscount{display:none;}
	.textDiscount, .textPack, .textCellar{width:100%;}
	.icopack:before,.icodiscount:before, .icocellar:before{font-size:13vw;}
	.icodiscount:before {font-size:14vw;}
	.bcateg a:after, .bcateggi a:after {opacity: 0.8; padding: 10px 0; width: 100%;font-size: 20px;  bottom: 4vw;}
	.bcategvente{width:96vw;margin:3vw 0;font-size:0!important;}
	.bcategvente .duplicate_line {vertical-align:top;}
	.bcateggi{width:33%;margin-right:1%;vertical-align:middle;position:relative;}
	.bcateggt{width:66%;vertical-align:middle;}
	.bcateggt .tiartv, .bcateggt h2.tiacc {margin-bottom:4vw;line-height:9vw;font-size:8vw!important}
	.tnartv, .tpartv {font-size:3vw!important}
	.tiacc::after {width:50%;left:25%}
	.bcateggi .imartv { width: 100%; }
	
	.labqty{width:60%;}
	.dinpqty{width:40%;}
	.inpqty { width:95%; height: 5vw; margin: 2vw 0;  border: 0.3vw solid #fcbe07;line-height:5vw;}
	.bcuvselect{border-radius: 0.5vw; border: 0.3vw solid #fcbe07; margin:2vw 0;}
	.tnartv {padding:2% 0 2% 2%;width:76%;}
	.tpartv{padding:2% 2% 2% 0;width:20%;}
	.bqtyadd {position:relative;width:100%}
	
	
	
		
	blockquote {margin:0!important;}
	.carousel-caption { display: block; position: relative; width: 100%;  left: 0;  padding: 0;  bottom: 0;    margin: 0;}


	#div_container_9_fo { padding: 2vw 0;}
	.iflogo { width: 35vw;}
	.iflogo2 { width: 22vw;}
	.bfoinfo1, .bfoinfo2, .bfoinfo3 {width: 98vw; margin: 2vw auto; display:block;}
	.tifoot { margin: 2vw; font-size: 5vw!important;}
	.tfoot{text-align:center;}
	.tfootel:before, .tconttel:before, .tfootmail:before, .tcontmail:before, .tfootadd:before, .tcontadd:before { font-size: 5vw!important;}
	.tfaceb:before { font-size: 7vw;}
	
	
}