I.spinner svg {
    margin-top:10em;
    width: 7em;
    height: 7em;
    stroke: #444;
    fill: #444;
}

em {
    font-style: italic;
}
/*input[type="text"]{
    padding: 0 1em 0 1em;
}*/

/*.padding .item{
    border:none;
    padding-left:0;
}*/

/*.profile{*/
/*background: url('../img/header-background.jpg');*/
/*background-repeat: no-repeat;*/
/*background-size: 1000px 100%;*/
/*background-position: -300px 150px;*/
/*}*/

.icon-big{ font-size: 125%; }
.icon-big-1{ font-size: 150%; }
.icon-big-2{ font-size: 175% }
.icon-big-3{ font-size: 200% }

/*.item-big{*/
    /*font-size: 1.25em;*/
    /*font-weight: 600;*/
/*}*/

.item-img{
    padding:0;
}

.item-img img{
    display: block;
    object-fit: cover;
    object-position: center;
    height: 7em;
    width: 100%;
}

.fit-img{
    display: block;
    object-fit: cover;
    object-position: center;
}

.result .item-img .no-img,
.item-img .no-img{
    object-fit: scale-down;
    object-position: center;
    height:100%;
    top:0;
    background-color: red;
    width: 100%;
}

.item-img img{
    position: relative;
    top: 50%;
    transform: translateY(0%);
}

.white-background{
    background-color: white;
}

.black,
.black-background{
    background-color: black;
}

.result .item-img img{
    object-fit: cover;
    object-position: center;
    height: 20em;
    width: 100%;
}

.advices .item-img img,
.inventory .item-img img {
    width:auto;
    max-height: 18em;
}

/*.login{*/
/*background-color: #575757;*/
/*padding:0.5em;*/
/*}*/

/*.login .item{*/
/*border:none;*/
/*background-color: #bababa;*/
/*}*/

/*.login input{*/
/*background: rgba(44, 44, 44, 0.15);*/
/*width: 80%;*/
/*padding-right: 5em;*/
/*margin-right: 3em;*/
/*padding-left: 1em;*/
/*border: solid 1px #ccc;*/
/*}*/

/*.logo{*/
    /*background: url('../img/logo.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*width:100%;*/
    /*height:150px;*/
/*}*/

.modal-button{
    padding-top: 0.5em;
}

.vote{
    padding-top: 1.0em;
}

.uppercase{
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.advices-slide {
    height: 26em;
}

/*.bottle{*/
    /*width:2em;*/
/*}*/

.bottom-icon {
    width:1em;
}

/*.row + .row {*/
    /*margin-top: 0px;*/
/*}*/

.product .button.button-buy,
.product .button.button-follow {
    color: #000000;
    font-size: 0.9em;
    font-weight: 900;
    padding:0;
    line-height: 1em;
    width:100%;
    margin-bottom: 0.3em;
    -webkit-box-shadow: -2px 3px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -2px 3px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -2px 3px 2px 0px rgba(50, 50, 50, 0.75);
}

.product .button.button-buy{
    border-color: #80b19a;
    background-color: #9CD7C5;
}

.product .button.button-follow {
    border-color: #b58c6a;
    background-color: #E8B284;
}

.circle{
    width:3em;
    width:3em;
    border-radius:3em;
    font-size:1em;
    color:#fff;
    line-height:3em;
    text-align:center;
    background:#000;
    font-weight: 800;
}

/*.pod,*/
/*.vm{*/
    /*padding-top: 1.15em;*/
/*}*/


.padding-1 { padding: 0.2em }
.padding-2 { padding: 0.4em }
.padding-3 { padding: 0.6em }
.padding-4 { padding: 0.8em }
.padding-5 { padding: 1.0em }
.padding-6 { padding: 1.2em }
.padding-7 { padding: 1.4em }
.padding-8 { padding: 1.6em }
.padding-9 { padding: 1.8em }
.padding-10{ padding: 2.0em }

.margin-0 { margin: 0.1em }
.margin-1 { margin: 0.2em }
.margin-2 { margin: 0.4em }
.margin-3 { margin: 0.6em }
.margin-4 { margin: 0.8em }
.margin-5 { margin: 1.0em }
.margin-6 { margin: 1.2em }
.margin-7 { margin: 1.4em }
.margin-8 { margin: 1.6em }
.margin-9 { margin: 1.8em }
.margin-10{ margin: 2.0em }


/*.list .item-radio input:checked ~ .item-content, .list .item-radio .item-content    {*/
    /*background-color: rgb(228, 228, 228);*/
    /*color: black;*/
/*}*/

/*.list .item-radio .radio-icon    {*/
    /*color: black;*/
/*}*/

.modal{
    top: 0 ;
    bottom: 0 ;
    left: 0 ;
    right: 0 ;
    width: 100% ;
}

/*.list_divider{*/
    /*height:8em;*/
/*}*/

.grey{
    background-color: #cccccc;
}

/*.no-result{*/
    /*padding: 6em 0 6em 0;*/
/*}*/

.larger {
    font-size: 400%;
}

.white{
    color: white;
}

/*.add-vintage select,*/
/*.product select,*/
/*.product textarea{*/
    /*background-color: transparent;*/
    /*border: 1px #ccc solid;*/
/*}*/

/*.add-vintage select,*/
/*.product input[type="text"],*/
/*.product select{*/
    /*width:60%;*/
/*}*/

.photo{
    object-fit: cover;
    object-position: center;
    height: 4em;
    width: 4em;
    padding:0.2em;
}


/*Sticky bar in search refine*/
/*.footer-height-3 .button{*/
    /*padding: 0 1em 0 1em;*/
/*}*/

/*.button-bar .light-grey{*/
    /*color: #cccccc;*/
/*}*/

/*.button-bar > .button:last-child{*/
    /*border-radius: 0;*/
/*}*/

/*.results-title{*/
    /*padding: 1em 0 0 0;*/
/*}*/

/*.result-text-center{*/
    /*padding:2.5em;*/
/*}*/

/*.item-input-wrapper{*/
    /*border-radius:0;*/
/*}*/

.form{
    background-color: transparent;
}

.locations-table{
    width:100%;
    height: 20em;
    table-layout: fixed;
}

.top-table {
    margin-top:0.35em;
    width:100%;
    height: 1em;
    table-layout: fixed;
}

.left-table{
    margin-top:0.35em;
    width:100%;
    height: 20em;
    table-layout: fixed;
}

.position-labels {
    font-size: large;
    vertical-align: middle;
    height:1.3em;
}

.location-cell {
    position: relative;
    background-color: #666;
    border: solid 0.25em #444;
    height:1.3em;
    vertical-align: middle;
    text-align:center;
    font-size:8pt;
    cursor: pointer;
}

.location-cell button.action {
    position:absolute;
    right: 3px;
    bottom: 3px;
    font-size: 9pt;
    margin:1px !important;
    padding:3px !important;
    min-height: 0;
    border-radius: 2px;
    color: white;
}

.selected {
    background-color: #FFFAF0;
    font-weight:bold;
}

/*.physical,*/
/*.section,*/
/*.bloc,*/
/*.group,*/
/*.bin{*/
    /*background-color: rgba(214, 147, 95, 1);*/
    /*color: black;*/
/*}*/

.unusable {
    background-color: #444;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.uppercase{
    text-transform: uppercase;
}

/*.margin-lr-1{ padding:0 0.5em 0 0.5em }*/
/*.margin-lr-2{ padding:0 1em 0 1em }*/
/*.margin-lr-3{ padding:0 1.5em 0 1.5em }*/
/*.margin-lr-4{ padding:0 2em 0 2em }*/
/*.margin-lr-5{ padding:0 2.5em 0 2.5em }*/

.padding-lr-1{ padding:0 0.5em 0 0.5em }
.padding-lr-2{ padding:0 1em 0 1em }
.padding-lr-3{ padding:0 1.5em 0 1.5em }
.padding-lr-4{ padding:0 2em 0 2em }
.padding-lr-5{ padding:0 2.5em 0 2.5em }

.padding-lr-20{ padding:0 20px 0 20px; }

.padding-bt-1{ padding: 0.5em 0 0.5em 0 }
.padding-bt-2{ padding: 1em   0 1em   0 }
.padding-bt-3{ padding: 1.5em 0 1.5em 0 }
.padding-bt-4{ padding: 2em   0 2em   0 }
.padding-bt-5{ padding: 2.5em 0 2.5em 0 }

.margin-bt-1 { margin: 0.1em  0 0.1em  0 }
.margin-bt-2 { margin: 0.2em  0 0.2em  0 }
.margin-bt-3 { margin: 0.5em  0 0.5em  0 }
.margin-bt-4 { margin: 1.0em  0 1.0em  0 }
.margin-bt-5 { margin: 1.25em 0 1.25em 0 }
.margin-bt-6 { margin: 1.5em  0 1.5em  0 }
.margin-bt-7 { margin: 2.0em  0 2.0em  0 }
.margin-bt-8 { margin: 2.5em  0 2.5em  0 }
.margin-bt-9 { margin: 3.0em  0 3.0em  0 }
.margin-bt-10{ margin: 4.0em  0 4.0em  0 }

.margin-t-1 { margin: 0.1em  0 0em  0 }
.margin-t-2 { margin: 0.2em  0 0em  0 }
.margin-t-3 { margin: 0.5em  0 0em  0 }
.margin-t-4 { margin: 1.0em  0 0em  0 }
.margin-t-5 { margin: 1.25em 0 0em 0 }
.margin-t-6 { margin: 1.5em  0 0em  0 }
.margin-t-7 { margin: 2.0em  0 0em  0 }
.margin-t-8 { margin: 2.5em  0 0em  0 }
.margin-t-9 { margin: 3.0em  0 0em  0 }
.margin-t-10{ margin: 4.0em  0 0em  0 }

.text-red{ color: red }
/*.text-black{ color: black }*/

.container {
    position: absolute;
    bottom: 10%;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}
.breadcrumb-link {
    cursor: pointer;
}

h1, h2, h3, h4{ white-space:normal; }

.margin-left-20{
    margin-right: 7.5%;
}

.inventory-img{
    display: block;
    object-fit: cover;
    object-position: center;
}

.icon-green{ color: #008800; }
.icon-red{ color: #ff0000; }

/*.flex-container {*/
    /*list-style: none;*/
    /*-ms-box-orient: horizontal;*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -moz-flex;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*width: 60%;*/
/*}*/

.wrap    {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*.flex-item {*/
    /*height: 8em;*/
    /*width: 50%;*/
    /*object-fit: contain;*/
    /*object-position: left;*/
    /*overflow: hidden;*/
    /*margin: 1% 0 1% 0;*/
/*}*/

.flex-container-vintage {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
}

.flex-item-vintage {
    height: 8em;
    width: 20%;
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    padding: 0.25em;
}

.vintage-label-picture{
    width: 80%;
}

.dark-grey .item-input-wrapper{ margin: 2px 0 2px 0; }

.dark-grey-1, .card.dark-grey-1, .dark-grey-1, .card.dark-grey-1{ background-color: rgb(57, 57, 57); }
.dark-grey-2, .card.dark-grey-2, .dark-grey-2 .item-input-wrapper{ background-color: rgb(31, 31, 31); }
.dark-grey-3, .card.dark-grey-3, .dark-grey-3{ background-color: rgb(24, 24, 24); }

.light-grey-0, .light-grey-0 .item-input-wrapper{ background-color: rgb(255, 255, 255); }
.light-grey-1, .light-grey-1 .item-input-wrapper{ background-color: rgb(250, 250, 250); }
.light-grey-2, .light-grey-2 .item-input-wrapper{ background-color: rgb(220, 220, 220); }
.light-grey-3, .light-grey-3 .item-input-wrapper{ background-color: rgb(190, 190, 190); }
.light-grey-4, .light-grey-4 .item-input-wrapper{ background-color: rgb(160, 160, 160); }
.light-grey-5, .light-grey-5 .item-input-wrapper{ background-color: rgb(130, 130, 130); }
.light-grey-6, .light-grey-6 .item-input-wrapper{ background-color: rgb(100, 100, 100); }
.light-grey-7, .light-grey-7 .item-input-wrapper{ background-color: rgb(70, 70, 70); }
.light-grey-8, .light-grey-8 .item-input-wrapper{ background-color: rgb(40, 40, 40); }
.light-grey-9, .light-grey-9 .item-input-wrapper{ background-color: rgb(10, 10, 10); }

.text-light-grey-0, .text-light-grey-0{ color: rgb(255, 255, 255); }
.text-light-grey-1, .text-light-grey-1{ color: rgb(250, 250, 250); }
.text-light-grey-2, .text-light-grey-2{ color: rgb(220, 220, 220); }
.text-light-grey-3, .text-light-grey-3{ color: rgb(190, 190, 190); }
.text-light-grey-4, .text-light-grey-4{ color: rgb(160, 160, 160); }
.text-light-grey-5, .text-light-grey-5{ color: rgb(130, 130, 130); }
.text-light-grey-6, .text-light-grey-6{ color: rgb(100, 100, 100); }
.text-light-grey-7, .text-light-grey-7{ color: rgb(70, 70, 70); }
.text-light-grey-8, .text-light-grey-8{ color: rgb(40, 40, 40); }
.text-light-grey-9, .text-light-grey-9{ color: rgb(10, 10, 10); }

.text-grey{ color: rgb(81, 81, 81) }

.light-grey input{
    background-color: white;
    margin-right: 20px;
    padding: 0 5% 0 5%;
}

.border-white{ border: 2px solid white; }

.button-right{ position: absolute; right: 0em; }
.learnMore > .button-right{
    background-color:#c60000;
    color: #fefefe;
    font-family: Helvetica;
    font-size:18pt;
    font-weight:normal;
    border: solid 1px black;
    width:200px;
}

.button-toggle-arrow{
    height:2.5em;
    width:2.5em;
    margin-top: -0.65em;
    min-height: 2em;
    min-width: 2em;
    border-radius: 0px;
    display:inline-block;
    margin-right:1em;
}
.button-toggle-arrow.activated{ background-color: rgb(40, 40, 40) }

.margin-top-bottom-1{ margin: 1em 0 1em 0; }
.bottom-1{ margin-bottom: 1em; }

.wrap-text{
    text-overflow: ellipsis;
    white-space: normal;
}

.gmap {
    width: 100%;
    height: 175px;
}

.scroll {
    height: 100%;
}

/*.tabs-dark > .tabs, .tabs.tabs-dark {*/
    /*border-color: #111;*/
    /*background-color: #181818;*/
    /*background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%);*/
    /*color: #fff; }*/
/*.tabs-dark > .tabs .tab-item .badge, .tabs.tabs-dark .tab-item .badge {*/
    /*background-color: #fff;*/
    /*color: #181818; }*/

/*.tabs-striped.tabs-dark .tabs {*/
    /*background-color: #181818; }*/

/*.tab-item {*/
    /*margin-top: 0px;*/
    /*color: rgba(214, 147, 95, 1);*/
    /*border-style: solid;*/
    /*border-width: 2px 0 0 0;*/
    /*border-color: #181818;*/
    /*-webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0.8)), to(rgba(0,0,0,0.5)));*/
/*}*/

/*.tab-item.tab-item-active, .tab-item.tab-item.activated {*/
    /*color: #fff;*/
    /*border-style: solid;*/
    /*border-width: 2px 0 0 0;*/
    /*border-color: #181818;*/
/*}*/

/*.strong{ font-weight: 900; }*/

.vertical-middle{
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2;
    text-align: left;
}

/*.product .slider{ height: 100%; }*/

/*a{ color:black }*/

.margin-top-0{ margin-top: 0em }
.margin-top-1{ margin-top: 0.5em }
.margin-top-2{ margin-top: 1em }
.margin-top-3{ margin-top: 1.5em }
.margin-top-4{ margin-top: 2em }
.margin-top-5{ margin-top: 2.5em }
.margin-top-6{ margin-top: 3em }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.container-vertical-middle{
    text-align:left;
    width: 100%;
}

.container-vertical-middle .block-left {
    width:25%;
    display:inline-block;
    vertical-align:middle;
    text-align:left; /* on rétablit l'alignement du texte */
    height: 10em;
}

.container-vertical-middle .block-right {
    width:70%;
    display:inline-block;
    vertical-align:middle;
    text-align:left; /* on rétablit l'alignement du texte */
}

.container-vertical-middle .block-left img{
    object-fit: contain;
    width: 100%;
    height: 10em;
}

.container-vertical-middle .block-left .no-img{
    object-fit: contain;
    height: 100%;
    margin-top: 1.5em;
}

.block-footer{
    width: 100%;
    display: inline-block;
}

.left{  position: absolute; left: 0; width: 75%; }
.right{ position: absolute; right: 0; width: 25%; }

.width-1{ width: 1em }
.width-2{ width: 2em }
.width-3{ width: 3em }
.width-4{ width: 4em }
.width-5{ width: 5em }
.width-6{ width: 6em }
.width-7{ width: 7em }
.width-8{ width: 8em }
.width-9{ width: 9em }
.width-10{ width:10em }


.height-1{ height: 0.5em }
.height-2{ height: 1em }
.height-3{ height: 1.5em }
.height-4{ height: 2em }
.height-5{ height: 2.5em }
.height-6{ height: 3em }
.height-7{ height: 3.5em }
.height-8{ height: 4em }
.height-9{ height: 4.5em }
.height-10{ height: 5em }


.middle{
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    height: 2.5em;
    background-color: red;
}


/*.tag{*/
    /*background-color: #EDAE81;*/
    /*margin: 0.25em;*/
    /*line-height: 1em;*/
    /*padding:0.5em;*/
    /*border: none;*/
    /*color: black;*/
    /*font-weight: 600;*/
    /*font-size: 100%;*/
    /*border-radius: 5px;*/
    /*display: inline-block;*/
/*}*/

.camera-bottom{
    position: absolute;
    width: 100%;
    bottom: 5%;
    font-size: 60px;
}

.bar-footer{
    /*height: 50px;*/
    /*border-top: solid white 5px;*/
}

.right-icons{
    position: relative;
    float: right;
    z-index: 100;
    top:0;
}

.camera-icon{
    background: url('../img/picto_appareil_gradient_color_alpha.png') no-repeat;
    background-size: 55px;
    width: 100%;
    height:55px;
    background-position: center;
}

.checkin-icon{
    background: url('../img/button_checkin.png') no-repeat;
    background-size: 55px;
    width: 100%;
    height:55px;
    background-position: center;
    bottom: 5%;
    display: block;
}

.checkout-icon{
    background: url('../img/button_checkout.png') no-repeat;
    background-size: 55px;
    width: 100%;
    height:55px;
    background-position: center;
    bottom: 5%;
    display: block;
}

.acode-icon{
    background: url('../img/acode_label.png') no-repeat;
    background-position: right;
    background-size: 35px;

    width: 35px;
    height:35px;

    position: absolute;
    top: 10px;
    right: 15px;
}

.font-size-50{ font-size: 50%; }
.font-size-60{ font-size: 60%; }
.font-size-70{ font-size: 70%; }
.font-size-80{ font-size: 80%; }
.font-size-90{ font-size: 90%; }
.font-size-100{ font-size: 100%; }
.font-size-110{ font-size: 110%; }
.font-size-120{ font-size: 120%; }
.font-size-150{ font-size: 150%; }
.font-size-200{ font-size: 200%; }
.font-size-250{ font-size: 250%; }
.font-size-300{ font-size: 300%; }

.full-width{ width: 100%; }

.width-10pc{ width: 10% }
.width-20pc{ width: 20% }
.width-30pc{ width: 30% }
.width-40pc{ width: 40% }
.width-50pc{ width: 50% }

.thumbnail{
    display: inline-block;
    position: relative;
}
.thumbnail img{ width: 90%;  }

.thumbs-container{
    display:block;
    width: 100%;
}

.background .audio .item{
    background-color: rgb(10, 10, 10);
    border: none;
    height: 2em;
}

.background .audio .item input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    border-radius: 50%;
    background: #5c5c5c;
    position: relative;
    margin-top: -0.8em;
}

.background .audio .item  input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #5c5c5c;
    border: none;
    border-radius: 3px;
}

.video-thumb {
    display: inline-block;
    position: relative;
}
.video-thumb:after {
    content: '';
    position: absolute;
    top: 35%; right: 0;
    bottom: 0; left: 25%;
    background: url(../img/video-play-3-xxl.png) no-repeat;
    background-size: 50%;
}

.delete-thumb-overlay {
    content: '';
    top: -1.5em; left: 75%;
    background: url(../img/CloseButton3.png) no-repeat;
    background-size: 65%;
    height: 5em;
    width: 5em;
    position:absolute;
    z-index: 100;
}

.audio{
    display: inline-block;
    width: 100%;
}
.audio .item{
    width: 88%;
    float:left;
}

.audio .item.full-width{
    width: 100%;
    float:left;
}

.delete-thumb {
    background: url(../img/CloseButton3.png) no-repeat;
    background-size: 100%;
    width: 2.25em;
    height: 2.25em;
    display: inline-block;
    float: right;
}

.icon-300{ font-size: 300% }

.findit-icon-on{
    background: url(../img/icones_100x100/findit_ON.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size: 3em;
    height: 3em;
    padding: 0.8em;
    padding-right:4em;
}

.findit-icon-off{
    background: url(../img/icones_100x100/findit_OFF.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size: 3em;
    height: 3em;
    padding: 0.8em;
    padding-right:4em;
}

.save-icon-on{
    background: url(../img/icones_100x100/save_ON.png) no-repeat;
    background-repeat:no-repeat;
    background-position:right;
    background-size: 3em;
    height: 3em;
    padding: 0.8em;
    padding-right:4em;
}

.save-icon-off{
    background: url(../img/icones_100x100/save_OFF.png) no-repeat;
    background-repeat:no-repeat;
    background-position:right;
    background-size: 3em;
    height: 3em;
    padding: 0.8em;
    padding-right:4em;
}

.star-off{
    background: url(../img/icones_100x100/etoile_pleine.png) no-repeat;
    background-size: 1.25em;
    padding-top: 0.75em;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
}

.star-on{
    background: url(../img/icones_100x100/etoile_vide.png) no-repeat;
    background-size: 1.25em;
    padding-top: 0.75em;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
}

.points3{
    background: url(../img/icones_100x100/3points.png) no-repeat;
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}

.share-white{
    background: url(../img/icones_100x100/share_button.png) no-repeat;
    background-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}

.icon-home{
    background: url(../img/icones_100x100/icon_home.png) no-repeat;
    background-size: 1em;
    padding-top: 0.75em;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
}

.icon-home-off{
    background: url(../img/icones_100x100/home_blanc.png) no-repeat;
    background-size: 1em;
    padding-top: 0.75em;
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
}

.icon_profile{
    background: url(../img/icones_100x100/profile.png) no-repeat;
    background-size: 1em;
    padding-top: 0.75em;
    width: 1em;
    height: 1em;
    display: inline-block;
}

.icon_profile-off{
    background: url(../img/icones_100x100/profile_blanc.png) no-repeat;
    background-size: 1em;
    padding-top: 0.75em;
    width: 1em;
    height: 1em;
    display: inline-block;
}

.filtre-icon{
    background: url(../img/icones_100x100/filtre.png) no-repeat center center;
    background-size: 1.5em;
    padding-top: 0.75em;
    width: 3em;
    height: 3em;
    display: inline-block;
}

.refresh-icon{
    background: url(../img/icones_100x100/refresh.png) no-repeat center center;
    background-size: 1.5em;
    width: 3em;
    height: 3em;
    display: inline-block;
}

.follow-icon-on{
    background: url(../img/icones_100x100/followed.png) no-repeat 0 0;
    background-size: 3em;
    width: 3em;
    height: 3em;
    display: inline-block;
}

.follow-icon-off{
    background: url(../img/icones_100x100/follow.png) no-repeat 0 0;
    background-size: 3em;
    width: 3em;
    height: 3em;
    display: inline-block;
}

.guest-follow{
    background: url(../img/icones_100x100/guest-follow.png) no-repeat 0 0;
    background-size: 3em;
    width: 3em;
    height: 3em;
    display: inline-block;
}

.thumb-up{
    background: url(../img/icones_100x100/thumbs_up.png) no-repeat 0 0;
    background-size: 3em;
    padding-left: 3.5em;
    font-size: 80%;
    width: 100%;
    background-position: left center;
    display: inline-block;
}

.thumb-down{
    background: url(../img/icones_100x100/thumbs_down.png) no-repeat 0 0;
    background-size: 3em;
    padding-left: 3.5em;
    font-size: 80%;
    width: 100%;
    background-position: left center;
    display: inline-block;
}

.bouton_maturite-icon{
    background: url(../img/icones_100x100/bouton_maturite.png) no-repeat;
    background-size: 3em;
    height: 3em;
    width:3em;
}

.bouton_valeur-icon{
    background: url(../img/icones_100x100/bouton_valeur.png) no-repeat;
    background-size: 3em;
    height: 3em;
    width:3em;
}

.product-detail{
    max-height: 21em;
}

.product-image-container{
    position: relative;
    overflow-y: hidden;
    top: 0;
    max-height: 20em;
}

.valign-parent{ position: relative }
.valign-parent .valign-children { align-self: center }

.list-header {
    height: 6em;
    padding: 0;
    margin: 0.5em;
}

.expert-picture{
    width: 100%;
    padding-right: 15%;
}

.icon-right{
    float:right;
}

.button.button-single.button-outline.border-0, .border-0{ border-width: 0px }
.button.button-single.button-outline.border-1, .border-1{ border-width: 1px }
.button.button-single.button-outline.border-2, .border-2{ border-width: 2px }
.button.button-single.button-outline.border-3, .border-3{ border-width: 3px }
.button.button-single.button-outline.border-4, .border-4{ border-width: 4px }

.border-grey-0{ border-color: rgb(255, 255, 255); }
.border-grey-1{ border-color: rgb(250, 250, 250); }
.border-grey-2{ border-color: rgb(220, 220, 220); }
.border-grey-3{ border-color: rgb(190, 190, 190); }
.border-grey-4{ border-color: rgb(160, 160, 160); }
.border-grey-5{ border-color: rgb(130, 130, 130); }
.border-grey-6{ border-color: rgb(100, 100, 100); }
.border-grey-7{ border-color: rgb(70, 70, 70); }
.border-grey-8{ border-color: rgb(40, 40, 40); }
.border-grey-9{ border-color: rgb(10, 10, 10); }

.text-left{ text-align: left }

.underline{ text-decoration: underline }

ion-header-bar .ion-search,
ion-header-bar .ion-camera,
ion-header-bar .ion-close-round,
ion-header-bar .ion-qr-scanner{ font-size: 2.25em; margin-right: 0.2em; }

.button-like,
.button-dislike{
    line-height: 1em;
    height: 2em;
}

.categories.item{
    background-color: rgb(57,57,57);
    border: 1px solid rgb(40,40,40);
}

.membership_icon {
    display:inline-block;
    height: 0.95em;
    margin-left: 0.25em;
}

.conservation-slider{
    height: 4em;
}

.conservation-slider .item{
    background-color: rgb(57, 57, 57);
    border: none;
    height: 3em;
}


.conservation-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    border-radius: 50%;
    background: #5c5c5c;
    position: relative;
    margin-top:-8px;
}
.conservation-slider input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #5c5c5c;
    border: none;
    border-radius: 3px;
}

/*.selected{*/
    /*border: 3px #1d13ff solid;*/
/*}*/

/*.line-height-1{ line-height: 1em }*/
/*.line-height-2{ line-height: 2em }*/
/*.line-height-3{ line-height: 3em }*/
/*.line-height-4{ line-height: 4em }*/

/*.image-fit{*/
    /*object-fit: contain;*/
    /*width:100%;*/
    /*height:20em;*/
/*}*/

/*.float-left{ float: left }*/

.content-modal{
    margin-top: 3em;
    display: block;
}

.modal-avatar{
    float:left;
    width: 40%;
    margin-right: 0.5em;
}

.justified{
    text-align: justify;
    text-justify: inter-word;
}

.top-right{
    position:relative;
    right:1em;
    top:0;
    display: inline-block;
}

.text-right{ align-content: right }


.platform-android .action-sheet-group {
    margin: 0;
    border-radius: 0;
    background-color: rgb(57, 57, 57);
}

.platform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated {
    background: #e8e8e8;
    padding-left: 5%;
}

.platform-android .action-sheet .action-sheet-title, .platform-android .action-sheet .button {
    padding-left: 5%;
    text-align: left;
    border-color: transparent;
    font-size: 16px;
    color: inherit;
}

.action-sheet-group {
    color: white;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}

.platform-android .action-sheet .action-sheet-title {
    font-size: 14px;
    padding: 16px;
    color: #fff;
}


.top-50{
    padding-top: 50%;
}

/*.avatar-small {*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*border: solid 1px rgba(255, 255, 255, 0.8);*/
    /*border-radius: 50%;*/
    /*display: inline-block;*/
    /*height: 5em;*/
    /*left: auto;*/
    /*margin-bottom: 10px;*/
    /*position: relative;*/
    /*width: 5em;*/
/*}*/

.in-separator .checkbox{
    display: inline;
}

.membership_icon-big {
    display: inline-block;
    height: 1.75em;
    margin-left: 0.25em;
}

.profile_picto_association{
    margin-top: 0.5em;
}

.background .user-profile .item{
    background-color: transparent;
}


/*input[type=text]{*/
    /*padding:0.5em;*/
/*}*/

/*.tour-slide-box{ background-color: #383838 }*/

/*.slide-tour{*/
    /*background: url(../img/tour/walk_through_p2.jpg) no-repeat center center fixed;*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
    /*width:100%;*/
/*}*/

/*.floating{*/
    /*position: fixed;*/
    /*bottom: 4em;*/
    /*right: 0.5em;*/
    /*z-index: 100;*/
/*}*/

/*.floating.learnMore{*/
    /*bottom: 8em;*/
/*}*/
/*.floating.callUs {*/
    /*position: fixed;*/
    /*top: 6em;*/
    /*left:14%;*/
    /*z-index: 100;*/
/*}*/
/*.callUs > a{*/
    /*background-color:#242424;*/
    /*color: #fefefe;*/
    /*font-family: Helvetica;*/
    /*font-size:16pt;*/
    /*font-weight:bold;*/
    /*text-decoration: none;*/
/*}*/
/*.format-tablet .floating.callUs{*/
    /*top: 9em;*/
    /*left:47%;*/
/*}*/
/*.format-tablet .callUs > a{*/
    /*font-size:22pt;*/
/*}*/

.offline { color: darkred !important; }

.short-description{
    text-align: justify;
    background-color: rgb(255, 255, 204);
}

/*ion-view.pane:before {*/
    /*content: " ";*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*height: 60px;*/
    /*background-color: rgb(57, 57, 57);*/
/*}*/

/*ion-view {*/
    /*background-color: rgb(57, 57, 57);*/
/*}*/

.guestmode{
    color: black !important;
    background-color: rgb(57, 57, 57);
}

.guestmode-invert{
    color: rgb(57, 57, 57) !important;
    background-color: black;
}

/*.inventory .button.activated{*/
    /*background-color: black;*/
/*}*/

.action-sheet-options {
    background: #191919;
}

.action-sheet .button {
    display: block;
    padding: 1px;
    width: 100%;
    border-radius: 0;
    border-color: #d1d3d6;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 21px;
}

.action-sheet .button:hover {
    display: block;
    padding: 1px;
    width: 100%;
    border-radius: 0;
    border-color: #d1d3d6;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 21px;
}

.action-sheet-group .button:first-child:last-child {
    border-width: 0;
    background-color: #191919;
}

.line-height-1{ line-height:1em }
.line-height-2{ line-height:1.25em }
.line-height-3{ line-height:1.5em }
.line-height-4{ line-height:1.75em }

.selected-card {
    border: 2px solid blue;
    background-color: #777;
}

/*.applyFooter{*/
    /*margin-bottom: 19px !important;*/
/*}*/

.spinner-alone svg {
    width: 52px;
    height: 52px;
    position: absolute;
    margin-top : -26px;
    margin-left: -26px;
}

.badge_acode {
    background-color: transparent;
    color: #AAAAAA;
    z-index: 1;
    display: inline-block;
    padding: 3px 8px;
    min-width: 10px;
    border-radius: 10px;
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px; }
.badge_acode:empty {
    display: none; }

.tabs .tab-item .badge_acode.badge-light, .badge_acode.badge-light {
    background-color: #fff;
    color: #444; }
.tabs .tab-item .badge_acode.badge-stable, .badge_acode.badge-stable {
    background-color: #f8f8f8;
    color: #444; }
.tabs .tab-item .badge_acode.badge-positive, .badge_acode.badge-positive {
    background-color: #387ef5;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-calm, .badge_acode.badge-calm {
    background-color: #11c1f3;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-assertive, .badge_acode.badge-assertive {
    background-color: #ef473a;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-balanced, .badge_acode.badge-balanced {
    background-color: #33cd5f;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-energized, .badge_acode.badge-energized {
    background-color: #ffc900;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-royal, .badge_acode.badge-royal {
    background-color: #886aea;
    color: #fff; }
.tabs .tab-item .badge_acode.badge-dark, .badge_acode.badge-dark {
    background-color: #444;
    color: #fff; }

.button .badge_acode {
    position: relative;
    top: -1px; }



/*.view-bottle-data .bar-footer{*/
    /*border-top: 0;*/
/*}*/
/*.view-bottle-data .bottle-slide-tour {*/
    /*height: calc(100% - 120px) !important;*/
/*}*/
/*.view-bottle-data .bottle-slide-tour .bottle-slide span.label {*/
    /*width: 9em;*/
    /*text-align: right;*/
    /*display: inline-block;*/
    /*margin-right: 0.5em;*/
/*}*/
/*.view-bottle-data .bottle-slide-tour .bottle-slide span.data {*/
    /*font-weight: bold !important;*/
/*}*/

/*.view-bottle-data .bottle-slide-tour .bottle-slide .bottle-images > img {*/
    /*height: 100%;*/
/*}*/
/*.view-bottle-data .bottle-slide-tour .bottle-slide .bottle-images > img:not(:first-child) {*/
    /*margin-left: 10px;*/
/*}*/

.popup-zoom-image > .popup {
    width: 90%;
}
.popup-zoom-image .popup-body {
    background-color: white;
    text-align: center;
}

.button.button-full {
    margin: 0;
}

.col-40 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}