body {
    font-size: 12px;
}

span {
    font-family: "roboto-regular";
}

.text-button, .text-button:hover, .text-button:focus, .text-button:visited {
    color: #1EAFD8;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.text-button-discret, .text-button-discret:hover, .text-button-discret:focus, .text-button-discret:visited {
    color: #CCC;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.text-button:hover {
    color: #5F4052;
}

.text-button-discret:hover {
    color: #5F4052;
}

a.action-button-primary, a.action-button-primary:hover, a.action-button-primary:focus, a.action-button-primary:visited {
    padding: 9px 15px;
    background-color: #1EAFD8;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    margin-right: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
}

a.action-button-secondary, a.action-button-secondary:hover, a.action-button-secondary:focus, a.action-button-secondary:visited {
    padding: 9px 15px;
    background-color: transparent;
    color: #888;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

div#barreAction a.action-button-secondary, div#barreAction a.action-button-secondary:hover, div#barreAction a.action-button-secondary:focus, div#barreAction a.action-button-secondary:visited {
    padding: 9px 15px;
    background-color: #E0E0E0;
    color: #888;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

a.action-button-primary:hover {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-top: 15px;
}

a.action-button-secondary:hover {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-top: 15px;
}

.darkBackground {
    color: #5F4052;
}

.noLeftMargin {
    padding-left: 0;
    margin-left: 0;
}

h1 {
    font-family: "roboto-light";
    font-size: 32px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 11px;
    color: #888;
    text-transform: uppercase
}

h5 {
    font-size: 10px;
    color: #888;
}

.marginTop {
    margin-top: 15px;
}

.marginTopDouble {
    margin-top: 30px;
}

p.comment {
    font-family: "roboto-light";
}

.slider {
    margin-bottom: -12px;
    padding-top: 12px;
}

/* SWITCH MAISON : faire en sorte que onclick grâce à du js on passe d'une class "off" à une classe "on" */
.on, .off {
    display: inline-block;
    width: 20px;
    height: 9px;
}

.on .line, .off .line {
    height: 1px;
    background-color: #AAA;
    width: 20px;
    position: relative;
    top: 4px;
    z-index: 1;
}

.on .line {
    background-color: #1EAFD8;
}

.on div.knob {
    background-color: #1EAFD8;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    position: relative;
    top: 0px;
    left: 12px;
    z-index: 2;
}

.off div.knob {
    background-color: #AAA;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
}

/* HEADER */
#header {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 40px;
    background-color: red;
    z-index: 1000;
    background: url('../../../../../WB+/HTML/imgs/headerBG.png') repeat-x bottom;
}

#header label {
    padding-top: 10px;
    margin-left: 20px;
    color: #CFC3CA;
    width: 100px;
    float: left;
}

#header select, #header select:focus, #headerBarOne select, #headerBarOne select:focus {
    color: #FFF;
    font-family: roboto-light;
    border-bottom: 1px solid #CFC3CA;
    background: url('../../../../../WB+/HTML/imgs/selectArrowWhite.png') no-repeat center right;
}

.arrowDropdown {
    display: inline-block;
    height: 20px;
    margin-left: 2px;
    vertical-align: middle;
    width: 20px;
    background: url('../../../../../WB+/HTML/imgs/selectArrowWhite.png') no-repeat center right;
}

.open {

}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
    opacity: .5;
}

.dropdown {
    cursor: default;
}

.dropdown:hover {
    color: #1EAFD8;
}

#headerBarOne select {
    border-bottom: 0px;
    height: 25px;
}

#headerBarOne select:focus {
    border-bottom: 0px;
    height: 25px;
}

#header div.form-group {
    width: 200px;
    float: left;
    margin-top: 5px;
    padding-right: 15px;
    border-right: 1px solid #CFC3CA;
}

#headerBarOne div.form-group {
    float: left;
    margin-top: 5px;
    padding-right: 15px;
    border-right: 1px solid #CFC3CA;
    margin-right: 15px;
}

#headerBarTwo div.form-group {
    float: left;
    margin-top: 9px;
    padding-right: 0px;
    margin-right: 10px;
    font-size: 12px;
    border-right: 1px solid #AAA;
}

#headerBarTwo div.form-group:last-child {
    border-right: none;
}

#headerBarTwo a.filterItem {
    color: #333;
    padding-right: 10px;
    text-decoration: none;
}

#headerBarTwo a:hover.filterItem {
    color: #AAA;
    padding-right: 10px;
    text-decoration: none;
}

#headerBarTwo span.remove {
    color: #B02B4C;
}

#header div.noRightBorder {
    border-right: 0px;
}

#header a, #header a:hover, #header a:visited {
    color: #CFC3CA;
    font-family: "roboto-light";
    padding-top: 8px;
    display: block;
    float: left;
    margin-left: 15px;
}

#header a.active {
    font-family: "roboto-regular";
    color: #FFF;
}

/* PRE-HEADER */
#preHeader {
    height: 140px;
    background-color: #6E495F;
    padding-top: 55px;
    z-index: 2;
}

#preHeader h1 {
    font-family: "roboto-thin";
    color: #FFF;
}

#headerBarOne {
    background-color: #604053;
    height: 35px;
    position: fixed;
    top: 130px;
    left: 0;
    z-index: 2;
    width: 100%;
}

#headerBarTwo {
    background-color: #F0F0F0;
    height: 35px;
    position: fixed;
    top: 165px;
    left: 0;
    width: 100%;
}

#headerBarOne .light {
    color: #CFC5CB;
    font-size: 10px;
}

/* BLOC VIN */
span.chaine-geo {
    color: #333;
    font-family: "roboto-light";
    display: block;
    text-transform: capitalize;
}

span.designation {
    color: #1EAFD8;
    font-size: 20px;
    display: block;
}

span.colisageFormat {
    color: #333;
    font-size: 12px;
    display: block;
    padding-top: 5px;
}

span.mots-cles {
    display: block;
    color: #604053;
}

span.format {
    font-size: 10px;
    display: block;
    padding-top: 3px;
    color: #888;
}

span.prixAchat {
    display: block;
    padding-top: 1px;
}

ul.argumentaire {
    margin: 0 0 -5px -3px;
    padding: 8px 0 0 0;
}

ul.argumentaire li {
    list-style-type: disc;
    margin-left: 20px;
}

label.stock {
    font-family: "roboto-light";
}

/* FICHE VIN (reprend en partie et surcharge les classes de bloc vin) */
div.ficheVin span.chaine-geo {
    font-size: 16px;
}

div.ficheVin span.mots-cles {
    font-size: 16px;
}

div.ficheVin span.designation {
    font-size: 26px;
    color: #333;
}

div.ficheVin ul.argumentaire {
    padding: 0px;
    font-family: "roboto-light";
}

div.ficheVin span.enUnePhrase {
    font-size: 20px;
    font-family: "roboto-light";
}

div.ficheVin p {
    font-family: "roboto-light";
}

div.ficheVinExtra ul.listePrix {
    padding-left: 36px;
}

div.ficheVinExtra ul.listePrix li {
    font-family: "roboto-light";
    color: #888;
    margin-left: 0px;
    padding-left: 0px;
}

/* SUR VOTRE CARTE */
table.surVotreCarte td.thead {
    font-size: 10px;
    color: #AAA;
    font-family: "roboto-light";
    padding: 0px 6px 0px 0px;
}

table.surVotreCarte td {
    padding-right: 10px;
}

table.surVotreCarte td input.form-control {
    padding: 13px 0px 10px 0px;
}

table.surVotreCarte td div.input-group span.input-group-addon {
    padding-top: 0px;
    margin-top: 0px;
}

/* FILTRES */
ul.filters {
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}

ul.filters li {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 3px;
    font-family: "roboto-light";
}

div.filterBlock {
    font-family: 'roboto-light';
    padding: 0 35px 10px 15px;
    margin-top: -8px;
}

ul.filters li.active {
    font-family: "roboto-regular";
}

ul.filters li.ouvert {
    font-family: "roboto-medium";
    color: #1EAFD8;
}

ul.filters li:hover {
    color: #1EAFD8;
    cursor: default;
}

span.filter {
    /*width:100px;*/
    padding-right: 10px;
    display: block;
    float: left;
}

span.comptage {
    color: #CCC;
}

/* FORMULAIRES */
label {
    font-size: 10px;
    color: #AAA;
    font-weight: normal;
    font-family: "roboto-regular";
}

input.form-control:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #1EAFD8;
    color: #1EAFD8;
}

input.form-control {
    border: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-bottom: 10px;
    height: 22px;
    font-size: 12px
}

input.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #CCC;
    font-size: 12px;
}

.form-group {
    margin-bottom: 5px;
}

select.form-control:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #1EAFD8;
    color: #1EAFD8;
}

select.form-control {
    border: 0;
    border-bottom: 1px solid #CCC;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    color: #000;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 22px;
    font-size: 12px;
    background: url('../../../../../WB+/HTML/imgs/selectArrow.png') no-repeat center right;
}

.selectMenu {
    border: 0;
    border-bottom: 1px solid #CCC;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    color: #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-bottom: 0px;
    padding-top: 2px;
    height: 22px;
    font-size: 12px;
    font-family: "roboto-light";
    background: url('../../../../../WB+/HTML/imgs/selectArrowWhite.png') no-repeat center right;
}

.dropdown-menu a {
    color: #888 !important;
    font-family: "roboto-regular" !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 8px !important;
    width: 100% !important;
}

.selectMenu:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #1EAFD8;
    color: #1EAFD8;
}

div.form-group h4 {
    margin-bottom: 5px;
    margin-top: 15px;
}

.input-group-addon {
    padding: 16px 0px 0px 2px;
    background: transparent;
    color: #CCC;
    font-size: 12px;
    border: none;
}

/* CHAMP DE RECHERCHE MAJEUR */
input.input-h1 {
    font-size: 30px;
    color: #FFF;
    height: 50px;
    font-family: "roboto-thin";
}

input.input-h1::-webkit-input-placeholder {
    color: #CFC3CA;
    font-size: 30px;
    font-family: "roboto-thin";
}

input.input-h1:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #FFF;
    color: #FFF;
}

/* STYLES DE LA PROPOSITION */
.propositionTable th, .propositionTable td {
    padding: 2px 15px 4px 0px;
    vertical-align: top;
}

.propositionTable td {
    padding-right: 15px;
}

.propositionTable tr td span.input-group-addon {
    padding-top: 0px;
    padding-bottom: 2px;
}

.propositionTable tr td input.form-control {
    padding-bottom: 4px;
    padding-right: 0px;
    padding-left: 0px;
}

.propositionTable tr td input.form-control:focus {
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 8px;
}

.propositionTable div.input-group {
    margin-top: -2px;
    margin-bottom: 5px;
}

.propositionTable td:last-child {
    padding-right: 0px;
}

td.img {
    width: 135px;
}

td.vin {
    width: 300px;
}

table.vueClient td.vin {
    width: 410px;
}

td.format {
    width: 270px;
}

td.format div.checkbox {
    margin-top: 0px;
}

td.format div.checkbox label.checkboxLabel {
    margin-top: 0px;
}

td.format div.checkbox input {
    margin-top: 0;
}

td.verre {
    width: 60px;
    padding-right: 10px;
}

td.prixAchat {
    width: 75px;
    padding-right: 10px;
}

td.prixTable {
    width: 75px;
    padding-right: 10px;
}

td.coef {
    width: 50px;
    padding-right: 10px;
}

td.fixe {
    width: 90px;
}

td.action {
    width: 115px;
}

img.btlCouchee {
    max-height: 120px;
    margin-top: -125px;
    transform: rotate(90deg);
    transform-origin: bottom left;
}

img.btlCoucheeXL {
    max-height: 240px;
    margin-top: -245px;
    transform: rotate(90deg);
    transform-origin: bottom left;
}

td.prixAchat label {
    padding-top: 3px;
    width: 100%;
    text-align: right;
    height: 19px;
}

img.btlDebout {
    width: 60%;
    max-width: 70px;
    margin-bottom: 15px;
}

.compact label, .compact th {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.center {
    text-align: center;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    text-align: center;
}

/* STYLES SPECIFIQUES A LA VUE ARGUMENTAIRE DE LA PROPALE */
h2.blocArgu {
    padding-top: 20px;
    padding-left: 135px;
}

h2.blocArgu:first-child {
    padding-top: 10px;
}

p.blocArgu {
    padding-left: 135px;
}

/* BARRE D'ACTION DE PIED DE PAGE */
div#barreAction {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 49px;
    z-index: 500;
    width: 100%;
    background-color: #F0F0F0;
}

div#barreAction div.row {
    margin-top: -7px;
}

/* CHOIX CLIENT */
.client {
    border: 1px solid #E0E0E0;
    background-color: transparent;
    padding: 20px 0;
    text-align: center;
    height: 170px;
}

.client div.hover {
    display: none;
}

.client:hover {
    background-color: #E1E1E1;
}

.client:hover div.hover {
    display: block;
    padding-top: 40px;
}

.client:hover div.hover .action-button-primary {
    margin: 0;
}

.client:hover div.notHover {
    display: none;
}

.cliented {
    background-color: #F1F1F1;
    pointer: hand;
}

.client h2, .client h3 {
    padding: 0px;
    margin: 0 20px 5px 20px;
}

.client p {
    padding: 0px 20px;
}

.client hr {
    border-top: 1px dotted #E0E0E0;
    padding: 0;
    margin: 10px 0 10px;
}

/* AUTRES STYLES RECENTS */
a {
    color: #1EAFD8;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #5F4052;
}

/* DROPDOWN */
.dropdown-menu a {
    font-family: "roboto-regular" !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #F1F1F1;
}

.dropdown-menu > .active > a:hover, .dropdown-me◊nu > .active > a:focus {
    font-family: "roboto-regular" !important;
    color: #604053 !important;
}

.dropdown-menu strong {
    color: #1EAFD8 !important;
}

ul#menuDeroulantHome .dropdown-menu > .active > a:hover, ul#menuDeroulantHome .dropdown-me◊nu > .active > a:focus {
    font-family: "roboto-regular" !important;
    color: #6E495F !important;
}

ul#menuDeroulantHome.dropdown-menu a:hover {
    color: #6E495F !important;
}

.table > thead.tarifs > tr > th {
    padding: 5px;
}

.table > tbody.tarifs > tr > td {
    padding: 5px 5px;
}

table.tarifs {
    margin-top: 5px;
    margin-top: 5px;
}

thead.tarifs th {
    font-weight: normal;
    color: #666;
    font-size: 11px;
    text-align:center;
    border-right:0px solid #CCC;
}
thead.tarifs th:last-child {
    border-right:none;
}

tbody.tarifs td {
    color: #666;
    text-align: center;
    border:0px;
}

tbody.tarifs td.achat, thead.tarifs th.achat {
    color: #333;
    text-align:center;
}

.zonePrix {
    /*background-color: #F7F7F7;
    padding: 8px 10px;
    margin-top: 15px;
    border-radius: 5px;*/
}

.zonePrix span.colisageFormat {
    padding-top: 0;
    text-align:center;
}

.zonePrix table.table {
    margin-bottom: 0;
}

table.tarifs > thead > tr > th {
    border-bottom:1px solid #CCC;
    padding:7px 0;
    background-color:#F1F1F1;
}

table.tarifs > thead > tr > th.achat {
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding:5px 0;
    background-color:#6D4B5E;
    color:#FFF;
}

table.tarifs > tbody > tr > td {
    border-right:0px solid #CCC;
    background-color:#F1F1F1;
}

table.tarifs > tbody > tr > td.achat {
    background-color:#6D4B5E;
    color:#FFF;

}

table.tarifs > tbody > tr > td:last-child {
    border-right:none;
}

.marginBottom {
    margin-bottom: 25px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    text-align: left;
}

h1.sectionPropale {
    padding-bottom:15px;
    padding-top:20px;
    border-bottom:3px dotted #CCC;
    margin-bottom:25px;
}

.taxe {
    font-size:0.7em;
}