/* body {background : url('../design/grey.jpg') repeat}
#vert  : #aec62c
fa-leaf
 fa-shopping-cart
 fa-bug
 fa-pagelines
 fa-certificate
 fa-flask
 fa-cutlery
 fa-at
 
2019 - remplacer le vert #aec62c par #4ECDC4 
 
.well_menu {  background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 10px; min-height: 20px; padding: 5px;} */
 html, body { height: 100%; padding:0; margin:0; } /* laisser 100% pour les maps */
/* html {background:#222222} */
p {font-size:13px}
.row {    margin-right: 0px;}
.center, .centre {text-align:center;}
.pleft {text-align:left;}
.red {color:red;}
.noir {color:#000;}
.pright {text-align:right;}
.carousel {margin-top:0;}
.well {padding:10px;border-radius:2px;}
.margin_0 {margin:0px;}
.padding_0 {padding:0px;}
.padding_4 {padding:4px;}
.margtop{margin-top:0px}
.btn {margin: 1px;}
a.neutre {color : #53555c ;}
img.logo_accueil {position:relative;width:250px;top:-30px;}
img.menu_salon {width:100px;}
.top-nav-collapse img.logo_accueil {position:relative;width:50px;}
.text-uppercase  { text-transform: uppercase !important; }


.fooding {}
.w100 {width:100%}
.btn {	white-space: normal;}

a.covoituragesimple {width:100%;text-align:center;}
a.covoituragesimple:hover {color:#fff;}
a.covoituragesimple .covicon {position:relative;}
a.covoituragesimple .covtext {padding-left: 20px; font-size: 2em;top: -2px; position: relative;}

p.covoituragesimple {    background: none repeat scroll 0 0 black; color: white; display: inline-block; position: relative; padding: 10px 20px 10px 10px; margin:0;    text-decoration: none;    cursor: pointer;width:100%;text-align:center;	font-size : 1.2em; font-weight:bold;}

/* slider V2 */
#main-slider{margin-top:59px; background: #000;}
.texteopaque{position:absolute;  top:0;  left:0;z-index:1;  opacity:0.3;  filter:alpha(opacity=50);}
.hero { position: absolute; width:100%; top:30%;z-index: 3; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,.75); }
.hero h1 { font-size: 6em;     font-weight: bold; margin: 0; padding: 0; color: #ffffff; z-index: 3000; }
.hero h3 { color: #ffffff; }
.section-dark { background: #000; }
.carousel-indicators {bottom:-10px;left:0; margin-left:0;width:100%; background-color: rgba(0, 0, 0, 0.5);}

/* menu */
.navbar-nav > li > .dropdown-menu {background:#000 }
.navbar {   margin-bottom : 0;}
.navbar-nav {   font-size: 1.3em;}
header .vigneron  {margin : 0 0 3px;font-size:0.9em;} 
header .caviste  {margin : 0 0 3px;font-size:0.9em;} 
a.menu_vigneron {color:#53555c}
.vigneron:hover, .caviste:hover {background:#3B3C41 ; color:#fff}
.vigneron:hover h3, .caviste:hover h3{color:#f2f6db }
.vigneron:hover .rouge{color:#ffc6c6 }
a.menu_vigneron:hover  {background:#3B3C41 ; color:#fff}
.region .col-md-4 {padding: 5px}
.menu .btn {width: 100%;padding:0;white-space: normal;}
.menu  .double{height: 40px;line-height: 40px;}
.double{height: 40px;line-height: 40px;}
.wauto {   width: 100%;}
.w150 {   width: 150px;}
.h150 {   height: 150px;}
.w200 {   width: 200px;}
.h200 {   height: 200px;}

.click_boutik { height:50px;padding:0;margin:0;display:block}
.cuvee_prix {width:50px;}
.table > tbody > tr > td a,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 0px;
  margin:0;
  line-height: 1.428571429;
  vertical-align: middle;
 
}
img .vvv {width: 50px;
	height: 50px;}

.navbar-left li {margin-right:0px;}
.dropdown-menu .divider {    background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden;}
.dropdown-header h4{margin-top:0px}


.section{     padding: 0;}
.img-responsive {margin: 0 auto;}
.largimage {}
.thumbnail.right-caption > img {    float: left;    margin-right: 9px;}
.thumbnail.right-caption {    float: left;}
.thumbnail.right-caption > .caption {    padding: 4px;}
.bold {font-weight:bold;}

/* menu search */
.navbar-brand { position: relative; z-index: 2; }
.navbar-inverse .navbar-nav > li > a {    color: #fff;}
.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 5px 10px; margin: 10px auto; transition: transform 0.3s; }
.navbar .navbar-collapse { overflow: hidden !important; }
.navbar-collapse { max-height: 550px;}
.navbar.navbar-inverse .nav-collapse { background-color: #000000; float: right;margin : 0 -35px 0 0 ;}
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }
.navbar-form .form-control {width:400px;}
.navbar-nav.navbar-right:last-child {    margin-right: 0px;}
.searchable-container{margin:20px 0 0 0}
.searchable-container .label.btn-default.active{background-color:#3b413b;color:#FFF}
.searchable-container .label.btn-default{width:90%;border:1px solid #efefef;margin:5px; box-shadow:5px 8px 8px 0 #ccc;white-space:normal;}
.searchable-container .label .bizcontent{width:100%;}
.searchable-container .btn-group{width:90%}
.searchable-container .btn span.glyphicon{opacity: 0;}
.searchable-container .btn.active span.glyphicon {opacity: 1;}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { clip: rect(0px, 0px, 0px, 0px);    pointer-events: none;    position: absolute;}
	
/* search result */
hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }

.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none;  }
.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 
.search-result span.plus { position: absolute; right: 0; top: 126px; }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }


.navbar-left li .btn.btn-circle { margin-top: 10px; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-square { border-radius: 10px; }
.btn.btn-outline {  background-color: transparent;}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-outline-dark {margin-top:10px;
color: white;
  font-size: 18px;
  border-radius: 25px;
    background-color: #7B3D72;
	font-weight:bold;
	border:0px solid #7B3D72;
	cursor:default;
}
.btn-outline-dark:hover {    background-color: #7B3D72;border:0px solid #7B3D72;}

.ribbon {    position: relative;    right: -5px;	text-align:center;top:5px;}
.ribbon span {    display: block;    font-size: 18px;    font-weight: 600;}
.ribbon-content{    position: relative;     width: 100%;     height: 100px;     background: #f1f1f1;     border: 1px solid #DDD;  }
.ribbon:before, .ribbon:after {    content: '';    position: absolute;    left: -9px;    border-left: 10px solid transparent;}
.ribbon:before {    top: 0;}
.ribbon:after {    bottom: 0;}
.ribbon.negociant {    background: #7B3D72;    color: #fff;    border-right: 5px solid #33082d;}
.ribbon.negociant:before {    border-top: 27px solid #7B3D72;}
.ribbon.negociant:after {    border-bottom: 27px solid #7B3D72;}

/*  boutique carousel  */
.carousel-inner {margin-left:0px;}
.carousel-inner .item .row{margin:0;padding:0;width:100%}
.carousel-inner .item .row .col-sm-12{margin:0;padding:0;width:100%}
.col-item { border: 0px solid #E1E1E1; border-radius: 0px; background: #FFF; }
.col-item .photo img { margin: 0 auto; width: 100%; }
.col-item:hover .info { background-color: #F5F5DC; }
.col-item .price { /*width: 50%; margin-top: 5px; */ padding:0;}
.col-item .price h3 { line-height: 20px; margin: 0; }
.col-item .price h5 { line-height: 20px; margin-top: 5px; }
.priceh { height: 65px; }
.priceh  h3{ font-size:1.1em }
.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  -o-transition-property: opacity;  transition-property: opacity;}
.carousel-fade .carousel-inner .active {  opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}
.boutik_haut {margin:0 ; padding:0 ;}
.vvv {transition: all 0.55s ease 0s;}
.vvv:hover {background:pink;}



/*  boutique carousel haut */
.productbox {    width:205px;    height:auto;    background-color:#ffffff;	margin-bottom:10px;	 padding: 10px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;background-color: #fff;
        border: solid 1px #cbcbcb; transition: all .20s ease-in-out;}
.productbox img{    width:153px;    height:140px;    }
.producttitle {    font-weight:bold;	width:100%;  text-align: center; color:#53555c   }
.producttitle a{   color:#000;   text-decoration:none;    }
.producttitle .btn{    background-color:#EDEEF0;}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

.toptop {width:99%; font-size:1.5em; padding:3px;}
.toptop_nav {margin-left: 50px; }
.boutik_control {margin:0 0 10px 0 ; padding : 0 ; width:100%; }
.btn_boutik {width:48%;margin:0 ; }


.boutique-top  {margin:0 1px ; padding:0 ;}
.boutique-top  .col-md-4 {margin:5px 0 0 0 ; padding:0 ;}
.boutique-top  h4 {font-size:1.1em;}

#men_boutique {}
#cadre_boutique {text-align:center;}
.btn_comp {text-align:center;padding: 3px 6px; font-size:13px;white-space: nowrap;}
.div_commerce {width:260px;height:150px;margin:2px 2px;}
.div_commerce_rech {width:260px;height:210px;margin:2px 2px;}
.div_commerce_rech_cuvees {width:100%;}
.boutique .thumbnail > img, .thumbnail a > img {float:left;margin-right: 9px;}
.carrousel_fete img.media-object {float:none;}
ul.thumbnails {list-style:none; padding:0;}
.thumnail img.span2 {width:50px;}
.boutique .caption h4, .boutique .caption h4 a {text-align:center;font-size:12px;font-weight:bold;color:#53555C; padding-top:50px;}
.boutique .caption h4.marge, .boutique .caption h4.marge a{ padding-top:0px;}
.caption h5 a{text-align:center;font-size:1em;font-weight:bold;color:#53555C}
.caption p {text-align:center;color:#53555C}
.div_commerce:hover {background:ddd}
.fright h4 {font-size:12px;}
.ancres{display: block; height: 65px; /*same height as header*/ margin-top: -65px; /*same height as header*/ visibility: hidden;}


.panel-cuvee > .panel-heading {    color: #53555c;    background-color: #aec62c;    border-color: #aec62c;}
.btn-filter {background: #fff;color: #53555c;  border-color: #53555c; }
.devise {color: #53555c;  border-color: #53555c; margin:15px 0 5px 0px; width:100%}
.devise .btn:hover, .devise .btn:focus, .devise .btn:active {    background: none repeat scroll 0 0 #FFCB05; }
.uk-navbar-nav>li {    margin: 2px 2px;}
.uk-navbar {    background: #fff; position: relative;    width: 100%;  margin-top: 10px; }
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {    padding: 0px 15px;}
.uk-navbar-nav>li>a {border:solid 1px ;  height: 35px;  line-height: 35px; font-size: 12px;    border-radius: 2px}
.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {height: 35px;}
.uk-element {margin: 0 30px 30px 40px;}
/* img {    max-width: initial;} */
.navbar-toggler img {    max-width: initial;}


p.telephone_mob {display:none;}
#men_domaine {font-size:1.3em}
table {font-size:1.3em}
table.travail {font-size:1em;}
table.analyses {font-size:1.3em;}
p.size8 {font-size:0.8em;} 
.table {margin-bottom:5px}


.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
#fixe2 {  padding: 5px 0;}
.zcontainer {position:absolute;top:-50px;z-index:50;}
#fixe0.floatable {position: fixed;top: 0px;width:100%;z-index:1;}
#fixe2.floatable {position: fixed;top: 0px;width:100%;z-index:2;}
#the_section.floatable {margin-top: 130px;}
#the_section.floatable3 {margin-top: 130px;}
.floatable3 {margin-top: 130px;}
.even {background: #f9f9f9 ; }
.frouge {background:#F7DFD8;border:1px solid #ff8d8d}  /* a enlever ????*/
.fjaune {background:#fefde9;border:1px solid #f7f18c}
.fjaune_cuvee {border:1px solid #aec62c}
.fvert {background:#f2f6db;border:1px solid #d8e68e}
.fvert2 {background-color: #4ECDC4;border-color: #4ECDC4;color: #fff;}
.fnoir {background:#000;border:1px solid #d8e68e; color:#fff;}
.fblanc {background:#fff;}
.fmenu_bleu {background: #d1fcfc;}
.rouge {color:#CC0000}
.noir {color:#000}
.blanc {color:#fff}
.float_d {float:right;padding:2px 5px;}
.float_r {float:right;}
.float_g {float:left;padding:2px 5px;}
.float_l {float:left;}
.text_r {text-align:right;}
.text_l {text-align:left;}
.salon {height:250px;}
.prix, .overflow {width:100%;overflow: hidden;}
.t10 {font-size:0.8em;margin:0 ; padding : 0}
.t8 {font-size:0.7em;margin:0 ; padding : 0}

/*  formulaires  */
.contact .control-label {  float: left;    line-height: 30px;    margin-right: 5px;}
.contact .form-control {  width:250px;}
	form .alert {		display: none;	}
	.tab {margin:0 10px;}
.formular {    padding: 5px;}
#labels {z-index:2;}

/* accordeon */
.accordion-container {    clear: both;    margin: 0 0 20px;    width: 100%;}
.accordion-toggle {background: none repeat scroll 0 0 #4ECDC4;color: #fff;display: block;font-size: 1.5em;font-weight: 300;padding: 20px;position: relative;text-decoration: none;}
.accordion-toggle span.toggle-icon {font-size: 1.5em;position: absolute;right: 20px;top: 9px;}
.plus_vigneron {border-color: #fff;box-shadow:none;}
.section-breadcrumbs .container {width:100%}
.accordion-toggle:hover {background: #FFCB05}

/*  tableau  */
.tablesorter-bootstrap {font-size:0.9em;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td  {padding:5px;}
.table_0 > thead > tr > th, .table_0 > tbody > tr > th, .table_0 > tfoot > tr > th, .table_0 > thead > tr > td, .table_0 > tbody > tr > td, .table_0 > tfoot > tr > td  {padding:2px; font-size:0.8em;border:1px solid #ddd}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: normal;}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {width: 98%;height: auto;}


.shape{    border-style: solid; border-width: 0 215px 125px 0; float:right; height: 0px; width: 0px;	-ms-transform:rotate(360deg); /* IE 9 */	-o-transform: rotate(360deg);  /* Opera 10.5 */	-webkit-transform:rotate(360deg); /* Safari and Chrome */	transform:rotate(360deg);}

.shape {	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);}
.offer-radius{	border-radius:7px;}
.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{	border-color: transparent #d9534f transparent transparent;}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{	border-color: transparent #5cb85c transparent transparent;}
.offer-default {	border-color: #999999; }
.offer-default .shape{	border-color: transparent #999999 transparent transparent;}
.offer-primary {	border-color: #428bca; }
.offer-primary .shape{	border-color: transparent #428bca transparent transparent;}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{	border-color: transparent #5bc0de transparent transparent;}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{	border-color: transparent #f0ad4e transparent transparent;}
.shape-text{color:#fff; font-size:16px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap;	-ms-transform:rotate(30deg); /* IE 9 */	-o-transform: rotate(360deg);  /* Opera 10.5 */	-webkit-transform:rotate(30deg); /* Safari and Chrome */	transform:rotate(30deg);}	

/*  carte */
#map-canvas {height: 400px; width: 100%; }
#map {height: 400px; width: 100%; }
.grande-map #map-canvas {height: 100%; width: 100%; }
.grande-map {width:100%; height:100%; padding:0;}
.nowrap {	white-space: nowrap;}
.maps_totale {margin:0; padding: 60px 0 3px 0;background: #d8e68e;}
.total {    height: 85%;    width: 100%;}
.controls {    width: 200px;height : 48px; display : inline ;}


/* picto labels */
.label_conteneur {width:500px;}
.popover {max-width:800px;}
.popover-title {background:#D8E68E;text-align:center;font-weight:600;}

/*  sociaux  */

.sharrrre {    font-family: MV Boli, "Roboto", Segoe Script, serif; 	font-size:1.5em; 	 }
.img_180 {    -ms-transform: rotate(180deg); /* IE 9 */    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */    transform: rotate(180deg);} 
.img_90 {  margin: 10px 0 ;  -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);} 
.sfloat {  width: 81px;  height: 255px;}
.navbar  {min-height: 30px;}
/*  event list  */

.event-list { list-style: none; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; }
.event-list > li { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px rgb(51, 51, 51); box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7); padding: 0px; margin: 0px 0px 20px; }
.event-list > li > time { display: inline-block; width: 100%; color: #53555C; background-color: #4ECDC4; padding: 5px; text-align: center; text-transform: uppercase; }
.event-list > li:nth-child(even) > time { background-color: #EEFFC0; }
.event-list > li > time > span { display: ; }
.event-list > li > time > .day { display: block; font-size: 35pt; font-weight: 600; line-height: 1;margin: 10px 0 ; }
.event-list > li time > .month { display: block; font-size: 18pt; font-weight: 100; line-height: 1;margin: 15px 0 ; }
.event-list > li time > .year { display: block; font-size: 24pt; font-weight: 600; line-height: 1;margin: 10px 0 ; }
.event-list > li > img { width: 100%; }
.event-list > li > .info { padding-top: 5px; text-align: center; }
.event-list > li > .info > .title { font-size: 17pt; font-weight: 700; margin: 0px; }
.event-list > li > .info > .desc { font-size: 13pt; font-weight: 300; margin: 0px; }
.event-list > li > .info > ul,
.event-list > li > .social > ul { display: table; list-style: none; margin: 10px 0px 0px; padding: 0px; width: 100%; text-align: center; }
.event-list > li > .social > ul { margin: 0px; }
.event-list > li > .info > ul > li { display: table-cell; font-size: 11pt; font-weight: 300;padding: 3px 0px; }
.event-list > li > .social > ul > li { display: table-cell; font-size: 18pt; font-weight: 300;padding: 3px 0px; }
.event-list > li > .info > ul > li > a { display: block; width: 100%; text-decoration: none; } 
.event-list > li > .social > ul > li { padding: 0px;}
.detail { background: #7ce1da; }
.detail a{color:#53555C}
.event-list > li > .social > ul > li > a { padding: 3px 0px; } 
.event-list > li > .info > ul > li:hover,
.event-list > li > .social > ul > li:hover { background-color: rgb(200, 200, 200); }
.event-list .salon_date { background-color: #eeeeee;text-align:center ;font-size: 15pt; }
.facebook a, .twitter a, .google-plus a { display: block; width: 100%; color: rgb(75, 110, 168) !important; }
.twitter a { color: rgb(79, 213, 248) !important; }
.google-plus a { color: rgb(221, 75, 57) !important; }
.facebook:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(75, 110, 168) !important; }
.twitter:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(79, 213, 248) !important; }
.google-plus:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(221, 75, 57) !important; }



/* redonner la couleur aux boutons */
.btn-violet {	background-color: #FFCB05;	border-color: #ffa200;    color: #53555c;}
.btn-warning {	background-color: #f0ad4e;	border-color: #eea236;    color: #fff;}
.btn-info	 {	background-color: #D8E68E;	border-color: #aec62c;    color: #53555c; }
.menu .btn-info	 {	background-color: #FFCB05;	border-color: #FFCB05;    color: #53555c; }
.menu .btn-warning	 {	background-color: #FFCB05;	border-color: #FFCB05;    color: #fff; }
.btn-default, .btn-hero {	background-color: #4ECDC4;	border-color: #4ECDC4;    color: #fff; }
.btn-primary	 {	background-color: #4ECDC4;	border-color: #4ECDC4;    color: #fff;}
.btn-camera	 {	background-color: #fff;	border-color: #fff;    color: #4ECDC4;}
.btn-perso	 {	background-color: #aec62c;	border-color: #aec62c;    color: #fff; }
.btn-danger	 {	background-color: #fff;	border-color: #4ECDC4;    color: #000; }
.dropdown-menu .btn-danger	 {	background-color: #4ECDC4;	border-color: #4ECDC4;    color: #fff;}
.menu .btn-danger:hover,	.menu .btn-info:hover,	.menu .btn-warning:hover	 {	background: none repeat scroll 0 0 #3b3c41; color: #fff;}
.btn-sucess	 {	background-color: #FFBDD6;	border-color: #FFE2F1;    color: #fff;}
.btn-inverse {	background-color: #9090E8;	border-color: #A8A7E8;    color: #fff;}
.btn-jaune 	{	background-color: #F3F383;	border-color: #EDED1C;    color: #000;}
.btn-rouge 	{	background-color: #ED7D57;	border-color: #c52a2a;    color: #fff;}
.btn-vert	 {	background-color: #D8E68E;	border-color: #aec62c;    color: #53555c;}
.btn-grisouille	 {	background-color: #ECEEEC;	border-color: #ECEEEC;    color: #2F3C48;}
.btn-mon_commerce	 {	background-color: #5C8F94;	border-color: #5C8F94;    color: #fff;}
.btn-admin	 {	background-color: #F67280;	border-color: #F67280;    color: #fff;}
.btn-cuvee	 {	background-color: #880e4f;	border-color: #880e4f;    color: #fff;}
.btn-mes_photos	 {	background-color: #c70039;	border-color: #c70039;    color: #fff;}
.btn-fav	 {	background-color: #fff;	border-color: #4ECDC4;    color: #53555c; padding: 8px 12px;}
.btn-vert a	 {  color: #53555c;}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger  {	background-color: #FFCB05;	border-color: #ffa200;    color: #53555c;}
.menu .btn.btn-info	 {    font-weight:400; font-size:1.3em;padding:0;height: auto;  margin: 0 0 5px 0;}
.menu .btn.btn-info.fleche	 {  cursor: default;}
.fleche a {color}

.btn-map	 {    background-color: #fff;    border-color: #aec62c;    color: #53555c;}
.btn-map.active {   background-color: #aec62c; }
.btn-map:active, .btn-map.active, .open .dropdown-toggle.btn-map {   }

        /*Panel tabs*/
.pull-right {    position: relative;  clear:right;    border-bottom: 1px solid transparent;z-index:1;}
.panel-tabs > li {    float: left;    margin-bottom: -1px;    top: -40px;}
.panel-tabs > li > a {    margin-right: 2px;    margin-top: 4px;    line-height: .85;    border: 1px solid transparent;    border-radius: 4px 4px 0 0;    color: #53555c; background-color: #fefde9;}
.panel-tabs > li > a:hover {    border-color: transparent;    color: #53555c;    background-color: #FFCB05;}
.fjaune_clair {    border-color: transparent;    color: #53555c;    background-color: #fefde9;}
.panel-tabs > li.active > a,.panel-tabs > li.active > a:hover,.panel-tabs > li.active > a:focus {    color: #53555c;    cursor: default;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;    background-color: #FFCB05;    border-bottom-color: transparent;}

.custom-nav{  margin: 0;  border: none;}
.custom-tab{  padding: 0; margin: 0;  background-color: #FFCB05; }
.nav-tabs > li > a {padding-top: 30px;}
.custom-tab a{  padding-top: 30px;}
.custom-tab active{  padding: 0; margin: 0;  background-color: #aec62c;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {  background-color: #4ECDC4;  color: #fff;}
.nav>li>a:hover,.nav>li>a:focus {  background-color: #FFCB05;  color: #fff;}
.custom-tab a{  padding: 0;  border: none !important;  margin: 0;  height: 80px;  color: #fff;}

.custom-tab.active:after{    top: 100%;	left: 50%;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(185, 9, 8, 0);	border-top-color: #4ECDC4;	border-width: 10px;	margin-left: -10px;}
.uk-navbar-nav>li>a {    cursor: hand;} 


/* hover */
    .cuadro_intro_hover{padding: 0px; position: relative; overflow: hidden; height: 145px;	}
	.cuadro_intro_hover:hover .caption{opacity: 1; transform: translateY(-130px); -webkit-transform:translateY(-120px); -moz-transform:translateY(-120px); -ms-transform:translateY(-120px); -o-transform:translateY(-120px);	}
	.cuadro_intro_hover img{z-index: 4;	}
	.cuadro_intro_hover .caption{position: absolute; width: 100%; top:143px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
	.cuadro_intro_hover .blur{background-color: rgba(0,0,0,0.5); height: 120px; z-index: 5; position: absolute; width: 100%;	}
	.cuadro_intro_hover .caption-text{z-index: 10; color: #fff; position: absolute; text-align: center; top:-33px; width: 100%;	}
	.cuadro_intro_hover .caption-text h3{background-color: #000; color: #fff; 	font-size : 1em; padding:5px;	}
	.cuadro_intro_hover .caption-text p{color: #fff; 	font-size : 1em; padding:2px;	}

.sains {margin:0;padding:0}
.sains .col-md-3  { margin:0;padding:0 1px}
.sains .col-md-3  p{ padding:0px}
.sains .col-md-3  .btn{ height: 30px;  line-height: 30px;width:80%}

/* végétarien */
.listrap {list-style-type: none; margin: 0; padding: 0; cursor: default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;        }
.listrap li { margin: 0; padding: 5px; line-height: 25px; text-align: right;     }
.listrap li.active { background-color: #eee;}
.listrap li:hover { background-color: #D8E68E;}
.listrap li.active:hover { background-color: #000;}
.listrap span { margin-right: 10px;        }
.listrap .listrap-toggle { display: inline-block; width: 30px; height: 30px; float:right ;       }
.listrap .listrap-toggle img{ top:-5px      }
.listrap .listrap-toggle span { background-color: #ff4d4d; opacity: 0.8; z-index: 100; width: 30px; height: 30px; display: none; position: absolute; border-radius: 50%;
            text-align: center; line-height: 30px; vertical-align: middle; color: #ffffff;        }
.listrap .listrap-toggle span:before { font-family: 'Glyphicons Halflings'; content: "\e014";        }
.listrap li.active .listrap-toggle span { display: block;        }
.img-circle {   width: 30px;}
.comment-tabs .img-circle {   width: 60px;}
.class_commentaire {font-size : 1.2em;}

.salon .img-thumbnail {width:150px;float:right;display: block;}
.vigneron  {height:230px;}

/* gite */

.img_gite  {width:100px;}

/* menu boutique */
.men_boutique  {position:relative;float:right;right:57px; top:8px;}


/* menu langue */

.nav, .navbar-inverse, .navbar-fixed-top {z-index:101;}

.animate {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navbar-fixed-left {position: fixed;top: 0px;right: 150px;border-radius: 0px;z-index:1;}
.navbar-minimal {width: 54px;min-height: 51px;max-height: 100%;border-width: 0px;z-index: 1000;}
.navbar-minimal > .navbar-toggler {position: relative;min-height: 51px;z-index: 100;cursor: pointer;}
.navbar-minimal.open > .navbar-toggler,.navbar-minimal > .navbar-toggler:hover {background-color:#4ECDC4;}
.navbar-minimal > .navbar-toggler > span {position: absolute;top: 50%;right: 50%;margin: -16px -0px 0 0;width: 16px;height: 11px;
	background-repeat: no-repeat;background-position: 0 0;-webkit-transition: -webkit-transform .3s ease-out 0s;-moz-transition: -moz-transform .3s ease-out 0s;-o-transition: -moz-transform .3s ease-out 0s;-ms-transition: -ms-transform .3s ease-out 0s;transition: transform .3s ease-out 0s;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);
}
.navbar-minimal > .navbar-menu {
position: absolute;top: -1000px;left: 0px;margin: 0px;padding: 0px;list-style: none;z-index: 50;background-color: rgb(51, 51, 51);background-color: rgba(51, 51, 51, 1);}
.navbar-minimal > .navbar-menu > li {margin: 0px;padding: 0px;border-width: 0px;height: 60px;}
.navbar-minimal > .navbar-menu > li > a {position: relative;display: inline-block;color: rgb(255, 255, 255);padding: 10px 15px;text-align: left;cursor: pointer;
	border-bottom: 1px solid rgb(81, 81, 81);width: 100%;text-decoration: none;margin: 0px;}
.navbar-minimal > .navbar-menu > li > a:last-child {border-bottom-width: 0px;}
.navbar-minimal > .navbar-menu > li > a:hover {background-color: #4ECDC4;}
.navbar-minimal > .navbar-menu > li > a > .glyphicon {float: right;}
.navbar-minimal.open {width: 320px;}
.navbar-minimal.open > .navbar-toggler > span {background-position: 0 -16px;-webkit-transform: rotate(-360deg);-moz-transform: rotate(-360deg);-o-transform: rotate(-360deg);-ms-transform: rotate(-360deg);transform: rotate(-360deg);}
.navbar-minimal.open > .navbar-menu {top: 60px;width: 100%;min-height: 100%;}

@media (min-width: 768px) {
.navbar-minimal.open {width: 60px;}
.navbar-minimal.open > .navbar-menu {overflow: visible;}
.navbar-minimal > .navbar-menu > li > a > .desc {position: absolute;display: inline-block;top: 50%;left: 130px;margin-top: -20px;margin-left: 10px;text-align: left;white-space: nowrap;padding: 10px 13px;border-width: 0px !important;background-color: rgb(51, 51, 51);background-color: rgba(51, 51, 51, 0.8);opacity: 0;}
.navbar-minimal > .navbar-menu > li > a > .desc:after {z-index: -1;position: absolute;top: 50%;left: -10px;margin-top: -10px;content:'';width: 0;height: 0;
	border-top: 10px solid transparent;border-bottom: 10px solid transparent; border-right: 10px solid rgb(51, 51, 51);border-right-color: rgba(51, 51, 51, 0.8);}
.navbar-minimal > .navbar-menu > li > a:hover > .desc {left: 60px;opacity: 1;}
}

/* menu langue */
@media screen and (max-width: 1362px) {/*  portable */
.navbar-fixed-left {right: 0px;}
}

@media screen and (max-width: 1199px) {/*  portable */
/* .section { margin-top:50px;}  */
}
@media screen and (max-width: 767px) {/*  portable */
.navbar-fixed-left {right: 80px;}
	.navbar-nav .open .dropdown-menu { position: absolute; float: none; width: 100%; margin-top: 0; background-color: #000; border: 0; box-shadow: none;	top:50px;  }
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } 
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
    .navbar.navbar-default .nav-collapse,    .navbar.navbar-inverse .nav-collapse {     transform: translate(-100%,0px);    }
    .navbar.navbar-default .nav-collapse.in,    .navbar.navbar-inverse .nav-collapse.in {        transform: translate(0px,0px);    }
    .navbar.navbar-default .nav-collapse.slide-down,    .navbar.navbar-inverse .nav-collapse.slide-down {        transform: translate(0px,-100%);    }
    .navbar.navbar-default .nav-collapse.in.slide-down,    .navbar.navbar-inverse .nav-collapse.in.slide-down {        transform: translate(0px,0px);    }
.navbar-form .form-control {width:auto;}
/* .section { margin-top:0px;}  */
#the_section.floatable {  margin-top: 50px;}
.well {  padding: 5px;}
.row , #men_salons{  margin: 0 -5px;  }
.div_commerce {  width: 49%; height:190px ;  margin: 1px;}
.boutique {    padding : 0;}
ul.thumbnails {   padding : 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 2px;}
.padding_0 {padding : 0;}  
.sharrrre {    font-size:1em; margin-top:3px;	 }
.img-thumbnail {}
.salon .img-thumbnail {width:150px;float:none;display: block;}
.img-thumbnail {width:150px;}

.event-list > li > time > .day { display: inline; font-size: 25pt; font-weight: 600; line-height: 1;margin: 10px 0 ; }
.event-list > li time > .month { display: inline; font-size: 18pt; font-weight: 100; line-height: 1;margin: 15px 0 ; }
.event-list > li time > .year { display: inline; font-size: 18pt; font-weight: 600; line-height: 1;margin: 10px 0 ; }
.event-list > li > img { text-align:center;margin:0 auto ; } 
table.analyses {font-size:0.7em;}

}
@media (min-width: 768px) {

.event-list > li { position: relative; display: block; width: 100%; height: 160px; padding: 0px; } 
.event-list > li > time, .event-list > li > img  { display: inline-block; } 
.event-list > li > time { width: 160px; float: left; } 
.event-list > li > a > img { width: 160px; float: right; } 
.event-list > li > .info { background-color: rgb(245, 245, 245); overflow: hidden; } 
.event-list > li > time { width: 160px; height: 160px; padding: 0px; margin: 0px; } 
.event-list > li > img { padding: 0px; margin: 0px; } 
.event-list > li > .info { position: relative; height: 160px; text-align: left; padding: 0 ; } 
.event-list > li > .info > .title,  .event-list > li > .info > .desc { padding: 5px; } 
.event-list > li > .info > ul { position: absolute; left: 0px; bottom: 0px; } 
.event-list > li > .social { position: absolute; top: 0px; right: 160px; display: block; width: 40px; }
.event-list > li > .social > ul {border-left: 1px solid rgb(230, 230, 230);} 
.event-list > li > .social > ul > li { display: block;padding: 0px; } 
.event-list > li > .social > ul > li > a { display: block; width: 40px; padding: 10px 0px 9px; }


 }
 
/*  hover  */

div.cliquable {  position: relative; }
div.cliquable:hover { cursor: hand; cursor: pointer;opacity: .9; background-color: rgb(200, 200, 200);}

.black {background:#000;}
.intrants {font-size:24px;margin: auto 10px;}

/* Accueil salon */


/* carte ================================================== */
.img_opaque {background: #000; opacity: .9;width:100%;height:420px; padding:0}  /* a mettre en responsive */
.hero2 {  color: #fff; left: 50%; position: absolute; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75); text-transform: uppercase; top: 50%; transform: translate3d(-50%, -50%, 0px); z-index: 3;
	padding:15px;background-color: #080d15; opacity: .9;}
.hero2 h1 { font-size: 4em;     font-weight: bold; margin: 0; padding: 0; color: #ffffff; }
.hero2 h3 { color: #ffffff; }

/* salons ================================================== */

#salons , #cuvees { padding: 0 0 40px; }
#salons-carousel .thumb_salon , #cuvees-carousel .thumb_salon { position:relative; overflow:hidden; padding: 0; border: 0; border-radius: 0; }
#salons-carousel .thumb_salon .caption .caption-content,  #cuvees-carousel .thumb_salon .caption .caption-content { position: absolute; bottom: 10px; width: 100%; left: 0; }
#salons-carousel .thumb_salon .caption i , #cuvees-carousel .thumb_salon .caption i { border: 4px solid #FFFFFF; border-radius: 100%; color: #FFFFFF; display: inline-block; font-size: 18px; height: 46px; line-height: 40px; position: relative; text-align: center; top: -40px; width: 46px; z-index: 8; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
#salons-carousel .thumb_salon .caption i.fa-link , #cuvees-carousel .thumb_salon .caption i.fa-link { margin-left: 10px; }
#salons-carousel .caption  { color: #fff; padding: 15px; position:absolute; top: -100%; right:0; background:rgba(174, 198, 44, 0.85); width:100%; height:100%; text-align:center; z-index:2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#cuvees-carousel .caption  { color: #fff; padding: 15px; position:absolute; top: -100%; right:0; background:rgba(0, 0, 0, 0.85); width:100%; height:100%; text-align:center; z-index:2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#salons .thumb_salon:hover .caption,  #cuvees .thumb_salon:hover .caption { top: 0%; }
#cuvees-carousel .caption h2 { font-size: 22px; font-weight: 400; }
#salons-carousel .caption h3,  #cuvees-carousel .caption h3 { font-size: 22px; font-weight: 400; color:rgba(174, 198, 44) }
#cuvees-carousel .caption p{ color: #fff;  font-weight: 400; }
#cuvees-carousel .carousel-inner img {     max-heigth: 100%;     height: auto;     max-height: 100%; }

#salons-carousel .thumb_salon,  #cuvees-carousel .thumb_salon {    border: 1px solid #ddd;    border-radius: 4px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);    display: block;    line-height: 20px; height:280px;  padding: 4px;    transition: all 0.2s ease-in-out 0s;}
.thumb_salon h2{   color: #fff; }

/* Carousel salon controller */

.carousel-control{	width: auto;}
.dart-carousel-controller{	text-align: center;	padding-top: 10px;}
.dart-carousel-controller .left,.dart-carousel-controller .right, .owl-controls .owl-prev, .owl-controls .owl-next{
	cursor: pointer;	background: #f6f6f6;	width: 38px;	height: 38px;	line-height: 38px;	color: #989898;	opacity: 1;	top: auto;	text-shadow: none;	display: inline-block;	text-align: center;	border-radius: 100%;}
.owl-controls .owl-next{	margin-left: 6px;}
.dart-carousel-controller .left:hover,.dart-carousel-controller .right:hover,.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{	background: #4ECDC4;	color: #fff;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{	display: inline-block;}

/********************************//*         Carousel fêtes       */ /********************************/

 .carousel-indicators .active{ background: #4ECDC4; }
 ol.fete {    bottom: -15px;}
 .content{ margin-top:0px; }
 .adjust1{ float:left; width:100%; height: 230px;}
 .adjust2{ margin:0; color:#FC7C0A ;}
 .carousel-indicators li{ border :1px solid #ccc; }
 .carousel-control{ color:#4ECDC4; width:10%; }
 .carousel-control:hover, .carousel-control:focus{ color:#4ECDC4; }
 .carousel-control.left, .carousel-control.right {cursor: pointer; opacity: 1;text-shadow: none;	display: inline-block;	text-align: center;	}
 .carousel-control.left { background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);    background-repeat: repeat-x;}
 .carousel-control.right {background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);    background-repeat: repeat-x;}
 #carousel_resto .carousel-control.left { margin:0px; top:100px;left: -20px ;	}
 #carousel_resto .carousel-control.right { margin:0px; top:100px;right: -20px ;	}
.padding_accueil {}
 
 .media-object{ margin:auto;  }
 .valign {margin-top:80px;}
 .carrousel_fete .thumbnail  {padding:0px;border:0;} 
 .back_papille {background : #E3001B ;} 
 @media screen and (max-width: 768px) { 
 .media-object{ margin-top:0; }
 .valign {margin-top:0px;}
 }

 
/* scroll tot top */

.back-to-top {   cursor: pointer;position: fixed;bottom: 56px;right: 20px;display:none;}
#back-to-top .btn.btn-lg {padding: 10px;}
.fixed_bottom {margin-bottom:30px;}
.navbar-inverse {border-color: #000;}


/* Publicité habillage */
.habillage {width:1400px;}
.habillage_responsive {width:100%;}
.habillage_gauche , .habillage_droite {display:inline-block;margin:0;padding:0;}
/* .habillage_gauche .img-responsive {max-width: initial;}*/
.habillage_haut {margin:0;padding:0;}

/* 
.btn_favoris {    position: fixed;    top: 140px;    right: 10px;    z-index: 1;} */

/* Upload image */
.image-upload > input , #file-input, #logo{     display: none; }
.image-upload img {     width: 80px;     cursor: pointer; }
.main-chart {background : wred ;margin:2px;}
.f_left  {float:left;}
.f_right  {float:right;}



.tooltip-toggle {  cursor: pointer;  position: relative;}
.tooltip-toggle::before {  position: absolute;  top: 40px;  left: -10px;  width: 200px; z-index: 200; background-color: #000; border-radius: 5px;  content: attr(data-tooltip);  padding: 5px;  text-transform: none;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.tooltip-toggle-100::before {  position: absolute;  top: 40px;  left: -10px;  width: auto; z-index: 200; background-color: #000; border-radius: 5px;  content: attr(data-tooltip);  padding: 5px;  text-transform: none;  -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.tooltip-toggle::after {  position: absolute;  top: 35px;  left: 17px;  border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-bottom: 5px solid #000;  content: " ";  font-size: 0;  line-height: 0;  margin-left: -5px;  width: 0;}
.tooltip-toggle::before,.tooltip-toggle::after {  color: #fff; font-size: 12px;  opacity: 0;  pointer-events: none;  text-align: center;}
.tooltip-toggle:hover::before,.tooltip-toggle:hover::after {  opacity: 1;  -webkit-transition: all 0.75s ease;  transition: all 0.75s ease;}

@media screen and (max-width: 1400px) {/*  portable */
.habillage {width:100%;}

}
 @media screen and (max-width: 1200px) {/*  portable */
.habillage_gauche , .habillage_droite {display:inline-block;margin:0;padding:0;}
}
  @media screen and (max-width: 992px) {/*  portable */
.habillage_gauche , .habillage_droite {display:none}
.clear_background {background:#fff;}
}
 
/* admin */
.xcheck {top:-11px;}
.checkbox	{min-height:0;}
	[type="checkbox"]:not(:checked),	[type="checkbox"]:checked {		visibility:hidden	}
	.myinput [type="checkbox"]:not(:checked),	.myinput  [type="checkbox"]:checked {		visibility:visible	}
	[type="checkbox"]:not(:checked) + label,	[type="checkbox"]:checked + label {		position: relative;		padding-left: 75px;		cursor: pointer;	}
	[type="checkbox"]:not(:checked) + label:before,	[type="checkbox"]:checked + label:before,	[type="checkbox"]:not(:checked) + label:after,	[type="checkbox"]:checked + label:after {		content: '';		position: absolute;	}
	[type="checkbox"]:not(:checked) + label:before,	[type="checkbox"]:checked + label:before {		left:0; top: -3px;		width: 65px; height: 30px;		background: #DDDDDD;		border-radius: 15px;		-webkit-transition: background-color .2s;		-moz-transition: background-color .2s;		-ms-transition: background-color .2s;		transition: background-color .2s;	}
	[type="checkbox"]:not(:checked) + label:after,	[type="checkbox"]:checked + label:after {		width: 20px; height: 20px;		-webkit-transition: all .2s;		-moz-transition: all .2s;		-ms-transition: all .2s;		transition: all .2s;		border-radius: 50%;		background: brown;		top: 2px; left: 5px;	}

	/* on checked */
	[type="checkbox"]:checked + label:before {		background:#34495E; 	}
	[type="checkbox"]:checked + label:after {		background: #D8E68E;		top: 2px; left: 40px;	}
	[type="checkbox"]:checked + label .ui,	[type="checkbox"]:not(:checked) + label .ui:before,	[type="checkbox"]:checked + label .ui:after {		position: absolute;		left: 6px;		width: 65px;		border-radius: 15px;		font-size: 14px;		font-weight: bold;		line-height: 22px;		-webkit-transition: all .2s;		-moz-transition: all .2s;		-ms-transition: all .2s;		transition: all .2s;	}
	[type="checkbox"]:not(:checked) + label .ui:before {		content: "non";		left: 32px	}
	[type="checkbox"]:checked + label .ui:after {		content: "oui";		color: #D8E68E;	}
	[type="checkbox"]:focus + label:before {		border: 1px dashed #777;		-webkit-box-sizing: border-box;		-moz-box-sizing: border-box;		-ms-box-sizing: border-box;		box-sizing: border-box;		margin-top: -1px;	}

.input-group[class*="col-"] {        margin: 5px 0;}
.plus_bouton {        margin: 0 0 0 -5px;}
.suite {       display: inline-table;position: relative;top: 15px;left: 15px;}
.suite2 {       display: inline-table;position: relative;top: 15px;left: 15px;}
.nicEdit-main {background:#fff4e3;}


input[type=radio]{    visibility:hidden}  /* ne pas mettre display none */
.myinput input[type=radio]{    visibility:visible}  /* ne pas mettre display none */
/* Affichage par défaut du bouton radio personnalisé */
input[type=radio] + label:before {    background: #fff;    border: 2px solid #000;    border-radius: 50%;    margin-top: -3px;    margin-right: 6px;    display: inline-block;    vertical-align: middle;    content: '';    width: 17px;    height: 17px;}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio]:checked + label:before {    background: #000;    border-color: #000;    box-shadow: inset 0px 0px 0px 2px #fff;}
label{    cursor:pointer;}

.container_alert {    position: absolute;    left: 3px;	top:70px;	width:auto;}
/* admin */

/* cookies */
#cookieChoiceInfo a  {background-color:#43b1a9;  padding:2px 4px;    font-size:80%;    line-height: 1;    border-radius:3px;  }
a#cookieChoiceDismiss  {background-color:#FFCB05;   }
/* cuvées */
.cuvee_gras {font-size:1.3em; font-weight:bold;} 
.checkbox  .xcuvee {top:-15px;display:content;}
.rattrapage {padding-top:20px;}
.inherit { float: inherit;} 

.cuvee_box { justify-content: center;  background: none;  margin: 4px 0; width: 100%;  border: 2px #ccc solid;  color: #000 ;font-size: 1.3em; height: 2.5em;  line-height: 2.5em;  white-space: nowrap; }
.c_g {background-color: #eee;    border: 1px solid #ccc;    border-radius: 4px; padding: 0 5px; text-align:right; font-weight:bold;}
.c_d {background-color: #fff;    border: 1px solid #ccc;    border-radius: 4px; padding: 0 5px; text-align:left ; position:relative ; left : -20px; }
.c_g2 { border: 0px solid #ccc;   padding: 0 5px; text-align:right; font-weight:bold;  white-space: pre; }
.c_d2 { border: 0px solid #ccc;   padding: 0 5px; text-align:left ; position:relative ; left : -20px; }

.crossSign {    color: #de2315;    background: #fff;    border-radius: 45px;    padding: 5px 7px;    border: 2px solid;    box-shadow: 0px 0px 11px -5px #000;}
.rightSign {    color: #1ab921;    background: #fff;    border-radius: 45px;    padding: 5px;    border: 2px solid;    box-shadow: 0px 0px 11px -5px #000;}
.badge.badge-danger {  background-color: #ef1c1c ; color:#fff;}
.panel {margin-bottom:0;}
.crosshair {  cursor: hand;}
 
.timeline {  list-style: none;  padding: 20px 0 20px;  position: relative;}
.timeline:before {  top: 0;  bottom: 0;  position: absolute;  content: " ";  width: 3px;  background-color: #eeeeee;  left: 25px;  margin-right: -1.5px;}
.timeline > li {  margin-bottom: 20px;  position: relative;}
.timeline > li:before, .timeline > li:after {  content: " ";  display: table;}
.timeline > li:after {  clear: both;}
.timeline > li:before, .timeline > li:after {  content: " ";  display: table;
}.timeline > li:after {  clear: both;}
.timeline > li > .timeline-panel {  width: calc( 100% - 75px );  float: right;  border: 1px solid #d4d4d4;  border-radius: 2px;  padding: 5px 15px;  position: relative;  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before {  position: absolute;  top: 26px;  left: -15px;  display: inline-block;  border-top: 15px solid transparent;  border-right: 15px solid #ccc;  border-left: 0 solid #ccc;  border-bottom: 15px solid transparent;  content: " ";}
.timeline > li > .timeline-panel:after {  position: absolute;  top: 27px;  left: -14px;  display: inline-block;  border-top: 14px solid transparent;  border-right: 14px solid #fff;  border-left: 0 solid #fff;  border-bottom: 14px solid transparent;  content: " ";}
.timeline > li > .timeline-badge {  color: #fff;  width: 50px;  height: 50px;  line-height: 50px;  font-size: 1.4em;  text-align: center;  position: absolute;  top: 16px;  left: 0px;  margin-right: -25px;  background-color: #999999;  z-index: 100;  border-top-right-radius: 50%;  border-top-left-radius: 50%;  border-bottom-right-radius: 50%;  border-bottom-left-radius: 50%;}
.timeline > li > .timeline-badge .img-circle {     width: 50px; position:relative ; z-index : 800 ;}
.timeline > li.timeline-inverted > .timeline-panel {  float: left;}
.timeline > li.timeline-inverted > .timeline-panel:before {  border-right-width: 0;  border-left-width: 15px;  right: -15px;  left: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {  border-right-width: 0;  border-left-width: 14px;  right: -14px;  left: auto;}
.timeline-badge.primary {  background-color: #2e6da4 !important;}
.timeline-badge.success {  background-color: #3f903f !important;}
.timeline-badge.warning {  background-color: #f0ad4e !important;}
.timeline-badge.danger {  background-color: #d9534f !important;}
.timeline-badge.info {  background-color: #5bc0de !important;}
.timeline-title {  margin-top: 0;  color: inherit;}
.timeline-body > p, .timeline-body > ul {  margin-bottom: 0;}
.timeline-body > p + p {  margin-top: 5px;}
.timeline-body {    display: none;} 
 
/* Responsive styles
================================================== */

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 1201px) {
 /* salons */ #salons-carousel .caption h4 { 	font-size: 16px; } #salons-carousel .thumb_salon  .caption .caption-content { 	bottom: 5px; }
.click_boutik h4 {font-size:0.9em;}
.text_r {text-align:center;}
.text_l {text-align:center;}
.uk-navbar {   margin: 0 ; }

 }

/* Small Devices Potrait */
@media (max-width : 767px){
 /* salons */ #salons-carousel .thumb_salon { 	margin-bottom: 20px; }
 /* salons */ #isotope .col-sm-3 { 	width: 100%; } 
.click_boutik h4 {font-size:0.8em;}
.btn {font-size:11px;padding:2px;}
.btn-fav, .btn-circle	 {	font-size:14px;padding: 6px 12px;}
.cuvee_50 {width:50%;}
.total {height:80%;}
.maps_totale {padding: 52px 0 3px 0;}
.text_r {text-align:center;}
.text_l {text-align:center;}
.controls {width : 100%}
.btn_favoris {     top: 60px;    right: 10px;}
.comment-tabs .img-circle {   width: 45px;}

 }

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
#main-slider{margin-top:51px;}
.navbar-toggle {padding: 7px 2px;}
.navbar-fixed-left {right: 45px;}
.navbar-minimal {width: 30px;}
 /* salons */ 
 #salons-carousel .caption { 	padding: 10px 0; } #salons-carousel .thumb_salon .caption .caption-content { 	bottom: 10px; } #salons-carousel .thumb_salon .caption i.fa-link { 	margin-left: 3px; } #salons-carousel .caption h3 { 	font-size: 17px; 	margin-bottom: 0; 	text-align: center; } #salons-carousel .caption p { 	text-align: center; }
 #salons-carousel .thumb_salon .caption i { 	top: -10px; }
 #salons-page .image-thumb img { 	height: auto; }
.section{     padding: 0px 0 10px 0;}
.maps_texte {display:none;}
.formular {    padding: 0px;}
.formular fieldset {    margin-top: 0px;    padding: 0px;    border: none;}
.cuvee_box {left:0;}
.c_d2 {left:30px;}
}

/* Custom, iPhone Retina */ 
@media (min-width : 320px) and (max-width: 478px)  {

 /* salons */ #salons-carousel .caption h3 { 	font-size: 14px; 	line-height: normal; 	margin-bottom: 5px; 	font-weight: 600; } #salons-carousel .caption p { 	font-size: 12px; 	line-height: normal; }
}
/* Accueil boutiques */
#boutiques img.thumbnail {display:table-column ;}
.thumbnail_centre {background-color: #fff; border: 1px solid #ddd; border-radius: 4px; line-height: 1.42857; margin-bottom: 5px; padding: 4px; transition: all 0.2s ease-in-out 0s; }

/* Embeds responsive
//
// Credit: Nicolas Gallagher and SUIT CSS. */

.embed-responsive {  position: relative;  display: block;  height: 0;  padding: 0;  overflow: hidden;}
.embed-responsive-item,    embed,  object,  video {    position: absolute;    top: 0;    left: 0;    bottom: 0;    height: 100%;    width: 100%;    border: 0;  }


/* Modifier class for 16:9 aspect ratio */
.embed-responsive-16by9 {  padding-bottom: 56.25%;}

/* Modifier class for 4:3 aspect ratio */
.embed-responsive-4by3 {  padding-bottom: 75%;}

.menu_image {position:absolute;top:0px; right:3px; width:35px;}
.menu_pre_image {margin-right:19px;}


/* recherche */
.rech_vin {height:58px;display:block;}
.recherche {margin-top:15px;}

/* bouton responsive */
   .btn-responsive {   width:100%;  }
 
@media (max-width: 768px) {
  .btn-responsive {    padding:2px 4px;    font-size:80%;    line-height: 1;    border-radius:3px;  }
  .adjust1 {height:auto;}
.hero h1 { font-size: 2em;     }
.hero h3 { display:none;    }
.btn-lg {    font-size: 12px;    line-height: 1.33;    padding: 5px 8px;}
.uk-navbar {   margin: 0 ; }
}

@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {    padding:4px 9px;    font-size:90%;    line-height: 1.2;  }
.hero h1 { font-size: 2em;     }
}



/* #the_section {     margin-top: 50px;} */
.section-breadcrumbs  {margin-top:65px;}
.section_sans_hidden  {margin-top:0px;}
.section_avec_hidden  {margin-top:0;}
#main-slider{margin-top:65px; }

@media   (min-width: 769px) and (max-width: 1198px)  {
.section-breadcrumbs  {margin-top:55px;}
}
@media  (max-width: 992px) {
.section_sans_hidden  {margin-top:0px;}
.section_avec_hidden  {margin-top:55px;}
#main-slider{margin-top:50px; }
/*.container {background:red;}*/
}

@media (max-width: 769px) {
.section-breadcrumbs  {margin-top:50px;}
.section_sans_hidden  {margin-top:0px;}
.section_avec_hidden  {margin-top:50px;}
/*.container {background:yellow;}*/
.menu_image {position:relative;top:0px; right:3px; width:30px;}
.menu_pre_image {margin-right:0px;}
}

@media (max-width : 479px) {
.section_sans_hidden  {margin-top:0px;}
/*.container {background:pink;}*/
}

.annonce_bas {position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
border-width: 1px 0 0;
bottom : -100px;}

.duree_req {
color:#fff;
}