@CHARSET "UTF-8";

#main .container .table {
    background:#333333 url(../img/BG-categorie_vins.jpg) no-repeat left top;
    background-size:cover;
    vertical-align:middle;
    height:631px;
    width:100%;
    min-height:631px;
    display:table;
    margin:0px auto;
}

#main .container .table ul {
    vertical-align:middle;
    list-style:none;
    display:table-cell;
    margin:0px auto;
    padding:5px 0px 0px 0px;
    max-width:89.5%;
    width:auto;
    text-align:center;
}

#main .container .table ul li {
    display:inline;
    vertical-align:middle;
    margin:2px;
    width:20%;
}

#main .container .table ul > li a {
    display:inline-block;
    margin:0px;
    padding:0px;
    width:238px;
    height:199px;
    color:white;
    border:0px;
    text-decoration: none;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:238px;
}

#main .container .table ul li a {
    color:white;
    border:0px;
    text-decoration: none;
}

#main .container .table ul > li a:hover {
	background-position:left bottom;
}

#internal-nav {
    width:100%;
    margin:0px auto;
    display:block;
    overflow:auto;
}

#internal-nav ul {
    display:table;
    float:right;
    width:auto;
    padding:0px;
    margin:0px 0px 0px auto;
}

#internal-nav ul { list-style:none; display:table; margin:5px 0px auto 0px; padding:0px; }
#internal-nav ul li { display:inline-block; margin:0px 5px; width:20px; height:20px; border:0px; }

#internal-nav ul li a { text-decoration:none; border:0px; display:block; width:100%; cursor:pointer; height:100%; }
#internal-nav ul li a:hover { text-decoration:none; border:0px; }

#internal-nav ul li:first-child {
    margin-left:0px;
}
#internal-nav ul li:last-child {
    margin-right:0px;
}

#main label { color:white; margin:5px 0px; display:table; padding:15px 20px; background:#333; text-transform:uppercase;
    float:left;
}

.bg-selection-sf  { background:transparent url(../img/BG-bottle-gray.png) !important; }
.bg-specialites { background:transparent url(../img/BG-bottle-khaki.png) !important; }
.bg-cremants { background:transparent url(../img/BG-bottle-orange.png) !important; }
.bg-vins-rouges-et-roses { background:transparent url(../img/BG-bottle-red.png) !important; }
.bg-vins-blancs { background:transparent url(../img/BG-bottle-green.png) !important; }

#main li#selection-sf,
#main li#specialites,
#main li#cremants,
#main li#vins-rouges-et-roses,
#main li#vins-blancs { display:none; }


#auxerrois a {
    background-image:url(../img/svg/blanc_auxerrois.svg);
}
#chardonnay a {
    background-image:url(../img/svg/blanc_chardonnay.svg);
}
#elbling a {
    background-image:url(../img/svg/elbling.svg);
}
#gewurztraminer a {
    background-image:url(../img/svg/blanc_gewurst.svg);
}
#pinot-blanc a {
    background-image:url(../img/svg/blanc_pinot-blanc.svg);
}
#pinot-gris a {
    background-image:url(../img/svg/blanc_pinot-gris.svg);
}
#riesling a {
    background-image:url(../img/svg/blanc_riesling.svg);
}
#rivaner a {
    background-image:url(../img/svg/blanc_rivaner.svg);
}
#pinot-noir a {
    background-image:url(../img/svg/rouge_pinot-noir.svg);
}
#rose a {
    background-image:url(../img/svg/rouge_pinot-rose.svg);
}
#cremant-brut a {
    background-image:url(../img/svg/cremant_brut.svg);
}
#cremant-rose a {
    background-image:url(../img/svg/cremant_rose.svg);
}
#esprit-de-vin a {
    background-image:url(../img/svg/specialite_esprit-vin.svg);
}
#jus-de-raisins a {
    background-image:url(../img/svg/specialite_jus-raisin.svg);
}
#mosellia a {
    background-image:url(../img/svg/specialite_moselia.svg);
}
#vin-de-glace a {
    background-image:url(../img/svg/specialite_vins-glace.svg);
}
#vins-de-paille a {
    background-image:url(../img/svg/vins-de-paille.svg);
}
#cremants-selection-sf a {
    background-image:url(../img/svg/cremants-selection-sf.svg);
}
#specialites-selection-sf a {
    background-image:url(../img/svg/specialites-selection-sf.svg);
}
#vins-rouges-et-roses-selection-sf a {
    background-image:url(../img/svg/vins-rouges-et-roses-selection-sf.svg);
}
#vins-blancs-selection-sf a {
    background-image:url(../img/svg/vins-blancs-selection-sf.svg);
}


@media (max-width:765px) {
    #internal-nav {
        width:90%;
    }
}