/* 
    Document   : default
    Created on : 10 oct. 2012, 14:19:43
    Author     : VINTAGE
    Description:
        Purpose of the stylesheet follows.
*/
body{

    background-color: #e8e7e5;
    /*background-color: #E0F1DF;*/
    padding:0; margin-top: 0;  font-family: 'Trebuchet MS';

    /*background-image: url('../img/bg-site4.jpg');    background-repeat: no-repeat; background-position: center top;*/
    /*background-attachment:fixed;*/
}
body .imgHeader {
    text-align: center;
}
::selection{
    background-color: #e8e7e5;
}
.submit-search-index{
    background-image: url('../img/ok.jpg');
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    background-color: white;
    border: none;
    text-indent: -9999px;
    vertical-align: middle;
}
.left100{
    width: 100%; float: left;
}
.left50{
    width: 49%; float: left; margin-left: 0.3%;
}
input[type="text"]{
    border: 1px solid #999999; color: #999999; 
}
.bg{
    /*background-color: #e8e7e5;*/
    margin-left: auto;margin-right: auto;  width: 1100px;position : relative; padding:0px; margin-top: 0px;
    min-height: 1500px;
    background-image: url('../img/grappe.gif');
    background-repeat: no-repeat;

}
.container{
    width: 950px;
    float: left;
    min-height: 1200px;
    background-color: white;
    margin-left: 9.4%;
    margin-top: 26px;
    font-family: Arial, Helvetica, sans-serif;
}
.deviseLangue{
    float: left;
    width: 100%;
    height: 20px;
    margin-top: -20px;
}
.deviseLangue{
    font-size: 12px; 
    font-weight: bold
}
.deviseLangue img{
    width: 18px;vertical-align: central
}
.deviseLangue a{
    font-size: 12px; 
    font-weight: bold;
    text-decoration: none;
    color: black
}
.deviseLangue a:hover{
    text-decoration: none;
    color: #8b0220
}
.deviseLangue a:active{
    text-decoration: underline;
    color: #8b0220
}
.top{
    float: left;
    width: 100%;
    min-height: 180px;

}
.logoTop{
    width: 27%;
    float: left;
    margin-left: 1.6%;
    margin-top: 20px;
}     
.numVert{
    width: 27%;
    height: 98px;
    float: left;
    margin-left: 7%;
    text-indent: -4000px;
    background-image: url("../img/banniere_num_vert.jpg");
    background-repeat: no-repeat;
}
.socialTop{
    text-align: center;
    width: 15%;
    float: left;
    margin-top: 15px;
    margin-left: 35%;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;

}
.loginCart{
    width: 19%;
    float: right;
    margin-top: 15px;
}
.panierTopInside{
    width: 62%; float: right; margin-right: 30px; height: 45px; color:#1F3B09; margin-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px; line-height: 18px;
}
.panierTopInside span{
    color: #6E0019;
}
.panierTopInside a{
    color: black;
    text-decoration: none;
    color: black;

}
.panierTopInside a:hover{
    text-decoration: underline;
}
.logoPanier{
    display: inline-block;
    margin-top: 5px;
    width: 18%;
}
.autoComplete-Newsletter{
    float: left;
    width: 100%;
    height: 40px;
    background-color: #f2f2f2;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
}
.recherche{
    width: 26%;
    float: left;
    min-height: 10px;
    margin-left: 1.3%;
    margin-top: 7px;
} 
.recherche input[type="text"]{
    height: 13px;
    font-size: 12px;
    margin-left: 10px;
}
.demandeRappel{
    width: 40%;
    float: left;
    margin-top: 6px;
    text-align: center;
    margin-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
}   
.demandeRappel img{
    float: right; margin-right: 30%;
}
.voxReflexclose{
    background-color: red;
}
.newsLetter{
    float: right;
    width: 32%;
    margin-top: 10px;
}
.newsLetter input[type="text"]{
    height: 13px;
    font-size: 12px;
    margin-left: 10px;
}


.menu1-corner{
    width: 103.4%;
    float: left;
    margin-left: -1.7%;
    height: 15px;
    margin-top: -15px;
}
.coinDroite{
    float: right;
    margin: 0;
    padding: 0;

}
.coinGauche{
    float: left;
}
.menu1{
    width: 103.4%;
    float: left;
    margin-left: -1.7%;
    background-image: url("../img/Fondmenu1px.jpg");
    background-repeat: repeat-x;
    height: 46px;
}
#menu, #menu ul /* Liste */     
{
    padding : 0; 
    margin : 0; 
    list-style : none; 
    line-height : 21px; 
    text-align : left; /* on centre le texte qui se trouve dans la liste */
    float: left;
    z-index: 600;
}

#menu /* Ensemble du menu */
{
    font-weight : bold; 
    font-family : Arial; 
    font-size : 12px; 
}
#menu a 
{
    display: block;
    padding: 0;
    color: #fff;
    text-decoration: none;
    height: 46px;
    line-height: 46px;
    /* margin-right: 5px; */
    text-align: center;
    text-indent: 0;
    padding-left: 15px;
    padding-right: 15px;
}
#menu a.selected 
{
    background-color: #e9e7e6;
    color: #6e0019;
}

#menu li ul li a 
{       
    background-color: #e9e7e6;
    height: 15px;
    line-height: 15px;
    color: #6e0019;
    font-family: 'Trebuchet MS';
    min-width: 150px;  
    font-size: 11px;
    text-align: left;
}


#menu li   
{ 
    float: left;
    text-indent: 10px;

}


#menu li ul /* Sous-listes */
{ 
    z-index: 1000;
    position: absolute;
    left: -999em; /* Hop, on envoie loin du champ de vision */
    width : 144px;; 
    z-index: 1;
}





#menu li ul ul 
{
    margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    background-color: #e9e7e6;
}
#menu a:hover   
{
    background: #e9e7e6;
    text-decoration: underline;
    color: #6e0019;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */

}


img, a{
    border: none; 
}

.topBlocSlide{
    float: left;
    width: 100%;
    min-height: 305px;
    margin-top: 10px;
}

.corps{
    float: left; width: 73.5%;
    margin-left: 1%;
    min-height: 700px;
}
.topCorpsAriane{
    width: 95%; margin-left: 2%; float: left; height: 35px;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    color: #8d5158;
    margin-top: 5px;
}
.topCorpsAriane a{
    color: #8d5158; text-decoration: none
}
.topCorpsAriane a:hover{
    text-decoration: underline
}
.blocRightMenus{
    float: right;
    width: 24%;
}
.menusDroite{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.coinMenuDroite{
    float: right;
    width: 107%;
    margin-right: -7%;
    margin-top: -16px;
    height: 16px;
    background-image: url("../img/Coindroit.gif");
    background-repeat: no-repeat;
    background-position: right;
}
.headerMenuDroite{
    float: right;
    width: 107%;
    margin-right: -7%;
    background-image: url("../img/Fondmenu1px.jpg");
    background-repeat: repeat-x;
    min-height: 30px;
}
.bgTopMenuRight {
    background-image: url("../img/decofeuille.png"); background-repeat: no-repeat; 
    background-position: left;
    width: 95%;
    float: right;
    margin-top: 5px;           
}
.bgTopMenuRight span{
    display: inline; color: white; font-size: 14px;
    margin-left: 30px;  font-weight: bold         
}
.insideMenuDroite{
    width: 94%;
    float: left;
    background-color: #e9e7e6;
}


.insideMenuDroite ul{
    padding-left: 28px;
}
.insideMenuDroite li{
    list-style: image;
    list-style-image:  url("../img/fleche.gif");
    margin-bottom: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; color: #333333;
}
.insideMenuDroite li a{
    color: #333333;
    text-decoration: none;
}
.insideMenuDroite li a:hover{
    text-decoration: underline;
}
.imgInsideMenuDroite{
    width: 25%; float: left; text-align: center;
    margin-top: 10px;
}
.textInsideMenuDroite{
    font-family: 'Trebuchet MS';
    font-size: 12px;
}
.textInsideMenuDroite a{
    text-decoration: underline;
    color: black;
}
.textInsideMenuDroite p{
    line-height: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0;
}
.textInsideMenuDroite p span{
    font-style:italic; font-size:10px; 
    font-weight: normal;
}

.selectionProduit-top{
    float: left;
    width: 100%;
    background-image: url("../img/decofeuillerouge.jpg"); background-repeat: no-repeat; 
    background-position: left;
    text-indent: 45px; 
    margin-bottom: 7px;
}    
.selectionProduit-top h3{
    color: #6E0019; display: inline; font-family: 'Trebuchet MS'; font-size: 16px;
    padding: 0; margin: 0; 
}    
.selectionProduit-inside{
    float: left;
    width: 100%;
    min-height: 465px;
    font-size: 10px; 
}
.selectionProduit-inside ul{

    padding: 0; margin: 0; display: inline; float: left; width: 20%;
}
.selectionProduit-inside li{
    list-style: none; color: #000000;
    line-height: 12px;
}
.selectionProduit-inside li a{
    color: #000000; font-family: Arial; text-decoration: none;
}
.selectionProduit-inside li a:hover{
    text-decoration: underline;
}
.selectionProduit-inside h4{
    font-size: 13px;
}.selectionProduit-inside span{
    margin: 0;
    margin-top: 3px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;

}

.footerContainer{
    width: 950px;
    float: left;
    height: 108px;
    background-image: url("../img/Fondfooter.jpg"); 
    background-repeat: repeat-x;
    margin-left: 9.4%;

}
.footerContainer-list{
    width: 80%;
    float: left;
    height: 108px;
}
.footerContainer-list ul{
    width: 100%;
    height: 100px;
}
.footerContainer-list li{
    float: left;display: block; width: 25%; 
}
.footerContainer-list li a{
    color: white; text-decoration: none; font-family: "Trebuchet MS"; font-size: 12px;
}
.logofooterContainer{
    float: right;
    width: 28%;
    height: 178px;
    margin-top: -67px;
    margin-right: -80px;
    background-image: url("../img/decorationsfooter.gif"); 
    background-repeat: no-repeat;
    background-position: right
}
.logofooterContainer img{
    margin-top: 95px;
    border: none;
}

.lastFooter{
    width: 100%;
    float: left;
    font-size: 9px;
    font-family: arial;
    color: #666;
    text-align: center;
    line-height: 15px;  
}
.h1Inscription{
    width: 100%;
    float: left;
    background-image: url("../img/decofeuillerouge.jpg");
    background-repeat: no-repeat;
    text-indent: 55px;
}
.h1Inscription h1, h2, h3{
    font-family: 'Trebuchet MS';
    font-size: 18px; margin-top: 3px; color: #6e0019;
}
.h1Inscription-affiner-up{
    width: 100%;
    float: left;
    background-image: url("../img/up.png");
    background-repeat: no-repeat;
    text-indent: 55px;
    height: 41px;
    padding-top: 5px
}
.h1Inscription-affiner{
    width: 100%;
    float: left;
    background-image: url("../img/down.png");
    background-repeat: no-repeat;
    text-indent: 55px;
    height: 41px;
    padding-top: 5px
}
.h1Inscription-affiner-up:hover, .h1Inscription-affiner:hover{
    text-decoration: underline
}
.h1Inscription-affiner h1, h2, h3{
    font-family: 'Trebuchet MS';
    font-size: 18px; margin-top: 3px; color: #6e0019;
}       
.hover-affiner:hover{
    cursor: pointer;
}


.login{
    width: 42%; /* 293 px*/
    float: left;
    height: 145px;
    margin-left: 8%;
}
.loginTitle{
    float: left;
    width: 100%;
    height: 30px;
    color: white;
    text-indent: 10px;
    background-color: #466031;
}
.loginTitle h2{
    font-size: 14px;
    margin: 0; margin-top: 7px;
}
.loginInside{
    width: 291px;
    float: left;
    border: 1px solid #999999;
    height: 114px;
}
.loginInside input[type="text"]{
    width: 60%;
    float: left;
    height: 15px;
    margin-left: 20%;
    margin-top: 12px;
    font-size: 11px;
}
.loginInside input[type="image"]{
    float: left;
    margin-left: 23%;
    margin-top: 10px;
}
.recupPass{
    width: 44%;
    float: left;
    height: 145px;
    margin-left: 3%;
    color: #555555;
}
.recupPassTitle{
    float: left;
    width: 100%;
    height: 30px;

    font-family: 'Trebuchet MS';
}
.recupPassTitle h2{
    font-size: 16px;
    margin: 0; margin-top: 4px;
}
.recupPassInside{
    width: 100%;
    float: left;
    text-align: left;
}
.recupPassInside p{
    display: inline;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    font-weight: bold;
}

.recupPassInside input[type="text"]{
    width: 60%;
    float: left;
    margin-top: 5px;
    height: 15px;
    font-size: 11px;
}
.recupPassInside input[type="image"]{
    float: left;
    margin-top: 10px;
}
.containerInscription{
    width: 89%; /*621px */
    float: left;
    margin-left: 8%; 
    margin-top: 40px;
}
.containerInscriptionTitle{
    float: left;
    width: 100%;
    height: 30px;
    color: white;
    text-indent: 10px;
    background-color: #466031;
}
.containerInscriptionTitle h2{
    font-size: 14px;
    margin: 0; margin-top: 7px;
}

.containerInscriptionInside{
    width: 619px;
    float: left;
    border: 1px solid #999999;
    min-height: 510px;
}
.containerInscriptionInsideTitle{
    float: left;
    width: 100%;
    font-size: 14px; font-family: 'Trebuchet MS';
    color: #444444;
}
.containerInscriptionInsideTitle h3{
    margin: 0; margin-top: 5px; margin-left: 5px; float: left
}
.containerInscriptionInsideTitle a{
    display: block; margin: 0; margin-top: 7px; margin-left: 85px; float: left; font-size: 14px; text-decoration: none;
    color: #a90329; width: 50%; text-indent: 10px;
    background-position: center left;
    background-image: url("../img/fleche.gif");
    background-repeat: no-repeat;
}
.containerInscriptionInsideTitle a:hover{
    text-decoration: underline;

}
.containerInscriptionInsideTitle{
    float: left;
    width: 100%;
}
.containerInscriptionInsideTitle label{
    width: 40%;
    text-align: right;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 5px;
}
.containerInscriptionInsideTitle input[type="text"]{
    width: 30%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0; padding: 0;
    margin-top: 5px;
    margin-left: 5px;
    color: #666666;
}
.containerInscriptionInsideTitle input[type="image"]{
    display: block;
    float: left;
    margin-left: 40.8%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.containerInscriptionInsideTitle select{
    display: block;
    float: left;
    width: 21%;
    margin-left: 5px;
    margin-top: 5px;
}

.inscAdresse input[type="text"]{
    width: 50%;
}

.inscCp input[type="text"]{
    width: 15%;
}

.inscVille input[type="text"]{
    width: 26%;
}

.inscVille label{
    width: 8%;
}

.topUserName{
    font-weight:bold;font-size:12px; font-family:Arial, Helvetica, sans-serif;
    width: 100%; float: left; text-align: left; margin-top: -35px; height: 20px;
    background-color: white; text-indent: 5px;
}
.topUserName img{
    border: none;
    float: right;margin-right: 5px; margin-top: 2px;
}


.alert-message-error p{
    width: 70%;
    margin-left: 15%;
    vertical-align: middle;
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 16px;
    text-align: center;
}
.alert-message-error{
    width: 100%; float: left;
    min-height: 30px;
    font-size: 14px;
    text-indent: 40px;
    line-height: 30px;
    font-family: "Trebuchet MS";
    text-align: center;
}
.alert-message-error .left100{
    background-color: #b60000;
    text-align: left;
    color: white;
    font-size: 14px;
    background-image: url("../img/warning.png");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 5px;
    min-height: 30px;

}

.alert-message-success p{
    width: 70%;
    margin-left: 15%;
    vertical-align: middle;
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 16px;
}
.alert-message-success{
    width: 100%; float: left;
    min-height: 30px;
    font-size: 14px;
    text-indent: 40px;
    line-height: 30px;
    font-family: "Trebuchet MS";
}
.alert-message-success .left100{
    background-color: #208e24;
    text-align: left;
    color: white;
    font-size: 14px;
    background-image: url("../img/success.png");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 5px;
    min-height: 30px;
}

.ficheProdRight{
    float: right;
    width: 55%;
    text-align: left;
    color: #333333;
}
.ficheProdRight ul{
    display: block;
    float: left;
    width: 89%; 
    color: #700019;
    margin-top: 0px;
}
.ficheProdRight li{
    margin-top: 7px;
    font-family: "Trebuchet MS";
    font-size: 12px;
}

.infoFicheProdLi{
    color: #333333;
}
.infoFicheProdLi img{
    margin-left: 5px;
    vertical-align: middle;
}
.ficheProdAjouterPanier{
    float: right;
    width: 124px;
    text-align: center;
    margin-right: 68px;
    margin-top: 14px;
}
.ficheProdAjouterPanier_prix{
    width: 168px; float: left; background-color: #e9e7e6; border: 1px solid #bbbbbb; color: #a90329; font-size: 18px; min-height: 32px;
}
.ficheProdAjouterPanier_prix span{
    width: 100%; float: left; font-size: 12px; color: #333333; font-family: Arial; font-weight: bold;
}
.ficheProdAjouterPanier_addProd{
    width: 170px; float: left; color:#333333; font-family:Arial; font-size:10px;
}
.ficheProdAjouterPanier_addProd input{
    width: 100%;
}
.fraisPort{
    width: 98%; float: left; color: #6e0019; font-family:Arial; font-size: 10px; margin-top: 2px; text-align: right; 
}
.fraisPort a{
    color:#6e0019;font-family:Trebuchet MS; font-size:12px; font-weight:bold; text-decoration: none; margin-left: 7px
}
.fraisPort img{
    vertical-align: middle;  width: 20px;
}
.etiquettePerso{
    width: 140px; float: left;  color: #a90329; font-size: 18px; margin-top: 5px; margin-left: 25px; text-align:center; line-height:12px;
}
.etiquettePerso a{
    color:#4a6435; text-decoration:underline;font-family:Arial;  font-size:12px; 
}
.pictoPromo{
    background-image: url(../img/pictopromo_64.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    color: white;line-height: 50px;
    font-size: 18px;
    margin-bottom: -50px;
    margin-left: 220px;
    margin-top: 20px;
}
.pictoPromoSliding{
    background-image: url(../img/pictopromo_64.png);
    width: 50px;
    height: 50px;
    position: absolute;
    background-repeat: no-repeat;
    color: white;line-height: 50px;
    font-size: 18px;
}

.h1FicheProd{
    width: 100%;
    float: right;
    font-family: Trebuchet MS;
    font-size: 18px;
    font-weight: bold;
    color: #6E0019;
}
.h1FicheProd h1
{
    display:inline; font-size:17px; 
}
.bottomH1FicheProd{
    float: right;
    width: 100%;
    font-family:Trebuchet MS; font-size:16px; font-weight:bold; color:#333333;
}
.bottomH1FicheProd p{
    display: inline;
}
.bottomH1FicheProd a{
    text-decoration: none;
}
/** google +1 / facebook / twitter fiche produit ================================ */

.insideFicheProd{

    float: left;
    width: 99%;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98;
}
.imageFicheProduit{
    float: left;
    width: 300px;
    padding: 2px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
    margin-bottom: 10px; 

}
.imageFicheProduit img{
    max-width: 295px;
}

.desciptionFicheProd{

    float: left;
    width: 99%;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98; 
    font-family: "Trebuchet MS";color: #333;

}
.desciptionFicheProd p{
    width: 95%; text-align: justify; margin-left: 2.5%; font-size: 13px;
}
.desciptionFicheProd ul{
    width: 40%; float: left; margin-top: 2px; font-size: 13px;
}

.bgAutreMillFicheProd{
    float: left;
    width: 32%;
    text-align: center;margin-top: 20px;

}
.autreMillFicheProd{      
    float: left;
    width: 100%; min-height: 200px;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98; 
    font-family: "Trebuchet MS";color: #333; text-align: left;    
}
.autreMillFicheProd li{
    list-style: none;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}
.autreMillFicheProd  ul{
    padding: 0px;
    margin-top: 5px;
    margin-left: 5px;
}
.autreMillFicheProd  ul a{
    color: #333;
    text-decoration: none;
}
.autreMillFicheProd  ul a:hover{
    text-decoration: underline;
}
.bgAutreMillFicheProd h2{      
    display:inline-block; font-size:15px;color: #6E0019; min-height: 41px; margin-bottom: 0px
}



.h3SelectionProd{
    float: left; width: 100%; margin-top: 10px;
}
.h3SelectionProd h2, h3, h4{
    display:inline; font-size:15px;color: #6E0019; 
}

.addComment{
    width: 100%; float: left; font-size: 12px; text-indent: 2px;
}
.addComment a{
    color: #203c0b; text-decoration: none;
}
.addComment a:hover{
    text-decoration: underline;
}
.commentairesFicheProd{

    float: left;
    width: 99%;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98; 
    font-family: "Trebuchet MS";color: #333;
    min-height: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    text-indent: 5px;
}
.commentairesFicheProd span{
    margin-top: 10px;
    font-size: 14px;
    display: block;
    font-weight: bold;
    text-decoration: underline;
}
.commentairesFicheProd p{
    font-size: 14px;
    margin-top: 20px;
}
.commentairesFicheProd a{
    color: #6E0019;
    text-decoration: none;   
}
.commentairesFicheProd a:hover{
    text-decoration: underline;
}

.commentairesFicheProd .left100 span{
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #364622;
    text-decoration: underline;

}
.commentairesFicheProd .left100 p{
    margin: 5px; font-size: 12px; color: #364622;
}

.formPostComment{
    width: 500px;
    height: 500px;
}

.formPostCommentTop{
    width: 100%; float: left;
    min-height: 60px;
    background-color: #8b0220;
    background-image: url("../img/decofeuille.png");
    background-repeat: no-repeat;
    color: white;
    font-size: 18px;
    text-indent: 40px;
    background-position: 10px 10px;
    line-height: 30px;
    font-family: "Trebuchet MS";
    text-align: center;
}
.formPostComment .left100{
    text-align: center;
}

.formPostComment .left100 img{
    width: 300px;
}
.formPostComment .left100 form .left100{
    text-align: right;
}
.formPostComment .left100 form .left100 label{
    width: 49%;
    float: left;
    font-family: "Trebuchet MS"; color: #364622;
}
.formPostComment .left100 form input[type="text"]{
    width: 30%;
    float: left;
    margin-left: 10px;
}
.formPostComment .left100 form input[type="submit"]{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #999999;
    width: 46%;
}
.formPostComment .left100 form input[type="checkbox"]{

    float: left;
    margin-left: 10px;

}
.formPostComment .left100 form textarea{

    float: left;
    margin-left: 10px;
    width: 46%;
    height: 100px;
    border: 1px solid #999999;
    color: #999;
}
.flashAddProduct{
    
    width: 500px;
    height: 550px;
    float: left;
    font-family: "Trebuchet MS";
}

.flashAddProductTop{
    width: 100%; 
    float: left;
    min-height: 30px;
    background-color: #8b0220;
    background-image: url("../img/decofeuille.png");
    background-repeat: no-repeat;
    color: white;
    font-size: 18px;
    text-indent: 40px;
    background-position-x: 10px;
    background-position-y: 10px;
    line-height: 30px;
    font-family: "Trebuchet MS"; color: #364622;
}
.flashAddProduct .left100{
    text-align: center;
}

.flashAddProduct .left100 img{
    max-width: 300px;
    max-height: 300px;
}
.flashAddProduct .left100 table{
    margin-top: 5px;
    margin-left: 25%;
    width: 70%;
}
.flashAddProduct .left100 th{
    width: 50%;
    color: #364622;
    text-decoration: underline;
    text-align: left;   
    font-weight: normal;
    font-size: 14px;
}
.flashAddProduct .left100 td{
    width: 50%;
    text-align: left;
    font-size: 14px;
    line-height: 25px; 
}
.flashAddProduct .left50{
    text-align: center;
}
.flashAddProduct .left50 img{
    margin-top: 30px;
    border: none;
}

.lignePanier{
    float: left; width: 100%; font-family: 'Trebuchet MS';
}
.left100Panier{
    float: left; width: 100%;  font-family: "Trebuchet MS"; color: #364622;
}
.left100Panier table, tr{
    width: 100%;
}
.left100Panier th{
    color: #6E0019;
    font-size: 11px;
}

.img{
    width: 40px;
    text-align: center;
}

.img img{
    max-width: 40px;
    max-height: 60px;
}

.lib{
    width: 320px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
.lib span{
    font-size: 10px;
    color: #A00225;
}
.lib p{
    font-size: 10px;
}
.lib a{
    color: #6E0019;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;  
}
.lib a:hover{
    text-decoration: underline;  
}
.cl{
    width: 25px;
    font-size: 10px;
    font-weight: bold;
    color: #333;
}
.disp{
    width: 80px;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    text-align: center
}
.qte{
    width: 45px;
    text-align: center
}
.qte input[type="text"]{
    width: 20px;
    height: 25px;
    text-align: center;
}
.qte input[type="image"]{
    width: 15px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    margin-left: 4px;
}
.prixU{
    width: 80px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: center
}
.delete img{
    width: 10px;
}

.headerPanier{
    width: 100%; float: left;
    min-height: 45px;
    background-image: url("../img/Picto-panier.gif");
    background-repeat: no-repeat;
    color: white;
    font-size: 18px;
    text-indent: 60px;
    background-position-x: 10px;
    line-height: 25px;
    font-family: "Trebuchet MS"; color: #364622;
    line-height: 55px;
}
.headerPanier h1{
    color: #6E0019;
    padding: 0px; margin: 0px;
    font-size: 20px;
}
.total{
    float: right;
    width: 40%;
    background-color: #ffd2d3;
    min-height: 20px;
    color: #6E0019;
    font-weight: bold; line-height: 20px;
    margin-top: 10px; font-size: 15px; text-indent: 5px;   font-family: "Trebuchet MS"; color: #364622;
}
.total span{
    float: right; margin-right: 5px;
}

.totalbottom{
    float: right;
    width: 40%;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    line-height: 17px;
}
.totalbottom span{
    float: right;
    margin-right: 10px;
    text-align: right;
}
.totalbottom select{
    float: right;
    color: #666666;
}
.codePromo{
    float: left;
    width: 99.5%;
    color: #4A6435;
    font-size: 14px;
    text-indent: 3px;
    margin-top: 2px;
    margin-bottom: 15px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98;
    margin-top: 10px;
    min-height: 55px;
    font-family: "Trebuchet MS";
}
.codePromo input[type="image"]{
    width: 15px;
    margin-left: 5px;
}
.codePromo input[type="text"]{
    margin-left: 5px; 
    margin-bottom: 10px; 
}
.codePromo form{
    display: inline;
}
.codePromo p{
    display: inline;
}
.codePromo h2{
    margin: 0px;
    margin-bottom: 5px;
    margin-right: 15px;
    margin-top: 5px;
    font-size: 14px;
    color: #6E0019;
    display: inline-block

}
.codePromo label{
    display: inline-block;
    margin-right: 15px; 
    text-indent: 10px;
    font-size: 12px;
    color: #333;
}
.error{
    float: left; width: 99%; color: red; font-size: 11px; margin-bottom: 5px; margin-left: 0.7%; text-indent: 0px;
}
.codePromo .left100{
    float: left; width: 99%; font-size: 11px; margin-bottom: 5px; margin-left: 0.7%; text-indent: 0px;
}
.panierPays{
    float: left;
    width: 100%;
}
.panierPays input{
    float: left;
}
.panierPays label{
    display: inline; margin-right: 0px;
}
.panierPays select{
    float: none; margin-right: 15px;
}
.panierPays input[type="radio"]{
    float: none; vertical-align: middle
}
.panierExpress{
    float: left;
    width: 99%;
    line-height: 20px;
    margin-top: 10px;
}
.panierExpress span{
    margin-bottom: 5px;

}
.panierExpress span label{
    margin: 0; padding: 0;
    float: left;
    text-indent: 5px;
}
.panierExpress span label a{
    color: #333333; text-decoration: none;
}
.panierExpress span label a:hover{
    text-decoration: underline
}
.panierExpress input{
    float: left;
}
.totalAPayer{
    height: 25px;
    background-image: url("../img/Fondmenu1px.jpg");
    float: left; width: 100%;
    margin-top: 10px;
    font-size: 16px;
    font-family: Trebuchet MS;
    color: white;
    font-weight: bold;
    text-indent: 10px;
}
.totalAPayer span{
    float: right;
    margin-right: 5px;
}

.panierTotHT{
    width: 98%; float: right; margin-top: 5px; color: #333; font-weight: bold; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.panierTotHT span{
    float: right;
}
.francoPanier{
    font-weight: bold;
    color: #6E0019;
    font-size: 10px;
    float: left; width: 100%;
    margin-left: 0.5%
}
/** ============= auto complete ===================*/
/*********************************autocompletion**************************** **/
.suggestionsBox {
    position: relative;
    float:left;
    width: 500px;
    background-color: #e8e7e5;
    color: black;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index :3;
    font-weight:normal;
    border: 1px solid black;
}
.suggestionsBox a{
    color:black;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
    z-index :3;
}

.suggestionList li {

    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: none;
}
.header_tab_autocompletion{

    background-color: #ad032a;margin-top:none; width: 300px;
    color:white;
    text-align:center;
    height: 30px; font-size: 15px;font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.header_tab_autocompletion2{

    background-color: #ad032a;margin-top:none; width: 200px;
    color:white;
    text-align:center;
    height: 30px; font-size: 15px;font-family:Tahoma, Arial, Helvetica, sans-serif;
}
.topAutoCompletion{
    width: 100%; float: left;    
}
.topAutoCompletion span{
    display: block; width: 50%; float: left; color: white; text-align: center; font-size: 17px; background-color: #990223; 
}
.topAutoCompletion ul li{
    list-style: none;
    padding: 0;
    margin: 4px;
}
.topAutoCompletion ul li span{
    display: inline; width: auto; float: inherit; font-size: 12px; background-color: #e8e7e5;
}
.listNom{
    float: left; width: 58%;
    margin: 0;
    padding: 0;
    border-right: 1px solid black;

}
.listAppellRegion{
    float: right; width: 41%;
    margin: 0;
    padding: 0;
}


/* ====================================================  fiche prod  notre selection ============================*/
.jcarousel-skin-tango .jcarousel-container {
    float: left;
    width: 100%; min-height: 200px;
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98; 
    font-family: "Trebuchet MS";color: #333; text-align: left;   
    margin-bottom: 20px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 99%;
    margin-top: 5px;

}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    min-height: 195px;

}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    min-height: 195px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  32%;
    min-height: 195px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 220px;
    margin-top: 5px;
    float:left;
    min-height: 270px;
    border-right: 1px solid #9b9b98; 
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../img/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.notreSelectionProduitHead{
    width: 100%;
    float: left;
    color: #9b5158;
    text-align: center;
    font-size: 12px;font-weight: bold;
    min-height: 37px;
}
.notreSelectionProduitHead a{
    text-decoration: none;
    color: #9b5158;
}
.notreSelectionProduitHead a:hover{
    text-decoration: underline;
}

.notreSelectionProduitImg{
    width: 100%;
    float: left;
    text-align: center;
    min-height: 160px;
}
.notreSelectionProduitImg img{
    max-height: 155px;
}
.notreSelectionProduiBottom{
    font-size: 12px;
    width: 100%;
    float: left;
    min-height: 36px;
}
.notreSelectionProduiBottom a{
    text-decoration: none;
    color: #333;
}
.notreSelectionProduiBottom a:hover{
    text-decoration: underline;
}
.notreSelectionProduiSavoirPlus{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}.notreSelectionProduiSavoirPlus a{
    text-decoration: none;
    color: #84021e;

}
.notreSelectionProduiSavoirPlus a:hover{
    text-decoration: underline;
}
.SavoirPlusPrix{
    float: right;
    width: 90px;
    margin-right: 10px;
    border: 1px solid #bbbbbb;
    background-color: #e9e7e6;
    color: #84021e;
    text-align: center;
    font-size: 12px;
    min-height: 20px;
}
.SavoirPlusPrix span{
    color: #333;
    font-size: 10px;
    width: 100%;
    float: left;
}
.ligthBoxEtiquettePerso{
    width: 532px;
    float: left;
    background-image: url('../img/etiquette.jpg');
    background-repeat: no-repeat;
    background-position-y: 70px;
    height: 620px;
    overflow: hidden;
    background-position: 5px 70px;
}
.etiquetteMillesime{
    width: 100px;
    position: absolute;
    top: 210px;
    left: 245px;

}
.etiquetteLigne1{
    left: 155px;
    position: absolute;
    top: 168px;
    width: 215px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.etiquetteLigne2{
    left: 155px;
    position: absolute;
    top: 190px;
    width: 215px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.etiquetteInput{
    left: 125px;
    position: absolute;
    top: 400px;
    width: 300px;
    text-align: center;
    font-size: 14px;
    font-style: italic
}
.etiquetteInput span{
    color: #8D5158;
}
.etiquetteInput label{
    color: #333;
    font-style: normal
}
.etiquetteInput input[type="text"]{
    width: 420px;
}
.etiquetteInput input[type="image"]{
    margin-top: 10px;
}
.ligthBoxEtiquettePersoPanier{
    width: 532px;
    float: left;
    background-image: url('../img/etiquette.jpg');
    background-repeat: no-repeat;
    background-position-y: 70px;
    height: 590px;
}
.etiquetteMillesime{
    width: 100px;
    position: absolute;
    top: 250px;
    left: 245px;

}
.etiquetteLigne1{
    left: 155px;
    position: absolute;
    top: 201px;
    width: 215px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.etiquetteLigne2{
    left: 155px;
    position: absolute;
    top: 237px;
    width: 215px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.etiquetteInput{
    left: 15px;
    position: absolute;
    top: 440px;
    width: 500px;
    text-align: center;
    font-size: 14px;
    font-style: italic;
}
.etiquetteInput span{
    color: #8D5158;
}
.etiquetteInput label{
    color: #333;
    font-style: normal
}
.etiquetteInput input[type="text"]{
    width: 420px;
}
.etiquetteInput input[type="image"]{
    margin-top: 10px;
}
.ligthBoxEtiquettePersoPanier .left100 a{
    text-decoration: none; color: #4A6435;
}
.ligthBoxEtiquettePersoPanier .left100 a:hover{
    text-decoration: underline;
}
.insideMenuDroite table{
    width: 100%;
}
.insideMenuDroite th{
    text-align: right;
    color: #4A6435;font-size: 12px; height: 20px;
    width: 50%;
}
.insideMenuDroite td{
    text-align: right;
    color: #333;font-size: 12px;
    width: 40%;
}
.headerPanierDroite{
    width: 100%; float: left;
    background-image: url("../img/Picto-panier.gif");
    background-repeat: no-repeat;
    font-size: 16px; color: #6E0019; text-indent: 35px; font-weight: bold;
    line-height: 25px;
    font-family: "Trebuchet MS";
    text-align: left;
    min-height: 45px;
    line-height: 55px;
}

.ligneEtiquettePanierLeft{
    float:left; margin-left: 19.6%;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    width: 50%;
    text-align: right;
}
.ligneEtiquettePanierLeft a{
    color: #6E0019;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.ligneEtiquettePanierLeft a:hover{
    text-decoration: underline;
}
.ligneEtiquettePanierRight{
    float:left; margin-left: 2%;

}
.ligneEtiquettePanierRight input[type="text"]{
    width: 20px;
    height: 25px;
    text-align: center;
    border: 1px solid #999;
    color: #999;
    margin-right: 4px;
}
#lignesup{
    margin-top: -5px;
}
.modereglement{
    float: left;
    width: 100%;
    margin-top: 5px;
    text-indent:5px;
    background-position-x: 40px; 
    background-position-y: 3px; 
}
.modereglement span{
    font-family: 'Trebuchet MS';    font-size: 11px;
    font-weight: bold;
    color: #6E0019; font-size: 14px; 
}
.modereglementChoice{
    float: left;
    width: 99%;
    margin-left: 1%;
    margin-top: 10px;
}
.modereglementChoice label{
    font-family: 'Trebuchet MS'; 
    font-size: 11px;
    color: #364622;
    text-indent: 0px;
}
.modereglementChoice input[type="radio"] {
    margin: 0
}
.livraison-message-top{
    width: 100%;
    float: left;
    text-align: center;
    font-family: Trebuchet MS;
    font-weight: bold;
    color: #6E0019;
    font-size: 14px;
}
.livraison-message-top p{
    margin-bottom: 0px;
}
.montant-paiement{
    width: 100%; float: left; text-align: center; font-family: Trebuchet MS;
    font-size: 18px;
}
.mode-paiement-all{
    width: 80%; margin-left: 10%;
    border: 1px solid #D4D0C8;
    background-color: #F2F2F2;
    float: left;
    margin-top: 20px;
}
.mode-paiement{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.mode-paiement-top img{
    vertical-align: middle;
    margin-top: -5px;
}
.mode-paiement-top{
    width: 100%;
    float: left;
}
.mode-paiement-top span{
    display: block;
    width: 90%;
    float: left;
    margin-left: 9%;
    font-size: 14px;
    color: #83011D;
}
.mode-paiement-top p{
    width: 90%;
    float: left;
    margin-left: 9%;
    margin-top: 3px;
    font-size: 14px;
    font-style: italic;
    font-family:serif;
    line-height: 20px;
}
.commande-validation-p{
    width: 80%;
    float: left;
    margin-left: 10%;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.fidelite-top{
    width: 100%;
    float: left; 
    background-image: url('../img/fidelite-header.png');
    background-repeat: no-repeat;
    min-height: 250px;
}.fidelite-top p{
    font-size: 16px; margin-left: 57px; margin-top: 3px;
}
.fidelite-bottle{
    width: 100%;
    float: left; 
    background-image: url('../img/fidelite-bg.png');
    background-repeat: no-repeat;
    min-height: 300px;
}
.fidelite-bottle p{
    width: 70%;
    float: right; 
    margin-top: 20px;
    margin-right: 10%;
    color: #890F2A;
    font-size: 15px;

}
.fidelite-bottle a{
    color: black;
    font-weight: bold
}
.fidelite-bottle span{
    color: #890F2A;
    font-weight: bold
}
.fidelite-bottom{
    width: 100%;
    float: left; 
    min-height: 250px; border: 1px solid #E9E7E6;
}
.cadeau{
    float: left;
    width: 98%;border-bottom: 1px solid #E9E7E6;
    margin-left: 1%;
}
.cadeau-img{
    float: left;
    width: 201px;border-right: 1px solid #E9E7E6; text-align: center; margin-top: 3px; margin-bottom: 3px;
}
.cadeau-img img{
    max-width: 200px; max-height:170px; border: none 
}
.cadeau-h2{
    width: 470px; float: right; margin-right: 5px;
    border-bottom: 1px solid #E9E7E6;
}
.cadeau-h2 h2{
    color:#6e0019; font-family:Arial; font-size:18px; font-weight:bold; margin: 5px;
}
.cadeau p{
    width: 470px; float: right; margin-right: 5px;
    border-bottom:1px solid #e9e7e6; color:#333333; font-family:Arial; font-size:13px; min-height: 90px;
    margin-bottom: 4px;
}
.pts{
    width: 470px; float: right; margin-right: 5px;color: #333;  margin-bottom: 4px;
    font-family: Arial;
    font-size: 14px; 
}
.pts img{
    float: right; margin-right: 5px; margin-bottom: 0px;
}
.fidelite-no-pts{
    float: right;
    color: #cc0000;
}
.fidelite-nb-pts{
    float: left; width: 100%; background-color: #E9E7E6;
    text-align: right;
}
.panier-cadeau{
    background-image: url("../img/cadeau.png");
    background-repeat: no-repeat;
    background-position: left;
    background-color: #E9E7E6;
    width: 98%;
    font-size: 12px;font-family: Arial, Helvetica, sans-serif;
    height: 25px; font-weight:  bold;
    line-height: 28px;
    float: right;
    text-indent: 30px;
}
.containerInscriptionTitle h2{
    color: white;
}
.containerInscription table{
    width: 100%; float: left; color: #444;font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
.containerInscription th{
    width: 70%;
    text-align: left;
    float: left
}
.containerInscription td{
    width: 25%;
    text-align: left;
    float: left
}
.containerInscription .left100 a{
    float: right;
    color: #8e0121;
    font-size: 14px;
    margin: 5px;
}
.historique-pts{
    width: 100%; float: left;
}
.historique-pts th{
    background-color: #E9E7E6;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.mon-compte-client{
    width: 265px;
    height: 75px;
    border: 1px solid #9a9a9a;
    float: left;
    background-image: url("../img/IcoCompte.gif");
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: 5px;
    margin-left: 12%;
}
.mes-commandes{
    width: 265px;
    height: 75px;
    border: 1px solid #9a9a9a;
    float: left;
    background-image: url("../img/IcoCmd.gif");
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 5px;
    margin-left: 5%;
}
.mon-compte-client span,.mes-commandes span{
    display: block; float: right; width: 70%;color: #6E0019; margin: 2px;font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; margin-top: 5px;
}
.mon-compte-client p,.mes-commandes p{
    color: #A3A3A3;
    text-align: justify;
    font-size: 10px;
    width: 65%; float: right; margin-top: 2px;
    font-weight: bold; margin-right: 5.5%;font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.historique-cmd{
    width: 100%; float: left;
}
.historique-cmd th{
    background-color: #E9E7E6;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.historique-cmd th{
    background-color: #E9E7E6;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;text-align: center; 
}
.historique-cmd td{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px; text-align: center;color: #364622
}
.ligthBoxSav{
    width: 532px;
    float: left;
    height: 390px;
}
.ligthBoxSav .left100{
    margin-top: 5px;
}
.ligthBoxSav label{
    float: left; width: 40%; text-align: right; margin-right: 10px; 
}
.ligthBoxSav textarea{
    height: 150px;
}
.ligthBoxSav input[type="image"]{
    float: left; margin-left: 45%; margin-top: 10px;
}
/* pagination */
.data{
    float: left; width: 100%;
}
#loading{
    width: 100%;
    position: absolute;
    top: 100px;
    left: 100px;
    margin-top:200px;
}
#container .pagination ul{
    float: right;
}
#container .pagination ul li.inactive,
#container .pagination ul li.inactive:hover{
    background-color:#ededed;
    color:#bababa;
    border:1px solid #bababa;
    cursor: default; 
}
#container .data ul li{
    list-style: none;
    font-family: verdana;
    margin: 2px 0 2px 0;
    color: #000;
    font-size: 13px;float: right; 
}

#container .pagination{
    width: 98%;
    float: left;
    margin-top: 2px;
    margin-left: 1%;
}
#container .pagination ul li{
    list-style: none;
    float: left;
    padding: 2px 4px 2px 4px;
    margin: 0 2px 0 2px;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    background-color: #f2f2f2;
    min-width: 15px; text-align: center;color: #a90329;
    background-color: #e9e7e6;border: 1px solid #aaaaaa;
}
#container .pagination ul li:hover{
    color: #fff;
    background-color: #006699;
    cursor: pointer; background-color: #a90329;border: 1px solid #aaaaaa;
}
.go_button
{
    background-color:#a90329;;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
}
.total
{
    float:right;font-family:arial;color:#6E0019;
}
#container table{
    width: 97%; float: left; margin-left: 1.5%; margin-top: 10px;border: 1px solid #999999
}
#container table tr{
    padding-top: 2px;
    padding-bottom: 2px;
}
#container thead {
    background-image: url(../img/fondcol.jpg);
    background-repeat: repeat-x; height: 24px; background-color: #1c3807
}
#container th{
    height: 24px;
    font-family: Trebuchet MS;
    font-size: 11px;
    Line-Height: 18pt;
    font-weight: bold;
    color: #FFFFFF; padding: 0px;
}
.cellName1{
    color: #8D5158;
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.cellName2{
    text-decoration: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #aaaaaa;font-weight: bold; display: block; margin: 1px;
}
.cellName1:hover, cellName2:hover, .cellAppelHref:hover {
    text-decoration: underline;
}
.cellVol{
    text-align: center;font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #364622; text-decoration: none
}
.cellCouleur{
    text-align: center;font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #364622; text-decoration: none
}
.cellCouleur2{
    text-align: center;font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #364622; text-decoration: none; font-weight: normal
}
.cellCouleur2 :hover{
    text-decoration: none
}
.cellAppel{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px; text-align: center;
    color: #364622;text-decoration: none; font-weight: bold
}
.cellAppelHref{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px; text-align: center;
    color: #364622;text-decoration: none; font-weight: bold
}
.cellPrix{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #8D5158;
    width: 70px;
    text-align: center;
}
.cellAdd{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #8D5158;

}
.cellPrixBarre{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #8D5158; text-decoration: line-through;
    display: block;
}

.h1Recherche{
    background-image: url("../img/banniererecherche.jpg");
    background-repeat: no-repeat;
    float: left;
    width: 678px;
    height: 100px;
    margin-left: 10px;
    line-height: 50px;
}
.top404{
    background-image: url("../img/top404.png");
    background-repeat: no-repeat;
}
.top404text{
    font-size: 14px;
    font-family: 'trebuchet ms';
}
.top404text span{
    font-size: 28px;
    color: #6e0019;
    display: inline-block;
    float: right;
    margin-right: 170px;
}
li.mail span{
    font-size: 20px;
}
.top404text li{
    list-style: none;
    line-height: 28px;
    margin-top: 10px;
}
.top404text li.tel{
    background-image: url("../img/phone.jpg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 20px 0px;
}
.top404text li.mail{
    background-image: url("../img/mail.jpg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 20px 0px;
}

.h1Recherche h1{
    font-family:Trebuchet MS; font-size:2.2em; color:#ffffff; text-indent: 10px;
}
.h1RechercheDesc{
    background-image: url("../img/maquette-habillage-liste-decoupe.png");
    background-repeat: no-repeat;
    background-size: 710px;
    float: left;
    width:718px;
    height: 188px;
    margin-left: -25px;
    margin-top: -15px;
}
.h1RechercheDesc h1{
    font-family:Trebuchet MS; font-size:24px; color:#ffffff; text-indent: 10px;line-height: 40px;margin-bottom: 5px;

}
.h1RechercheDesc p{
    font-size: 11px;
    font-family: Arial;
    margin-left: 40px;
    width: 91%;
    margin-top: 0px; max-height: 85px;
}
.nbResultat{
    width: 50%; float: left;font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #1f3b09;
    text-indent: 10px; margin-top: 20px;
}
.nbResultat h2{
    display: inline; font-weight: normal; font-size: 14px;
}
.affinerRecherche{
    width: 97%;
    margin-left:1.2%; 
    margin-top: 2px; 
    float: left;
    border: 1px solid #999999;
    background-color: #e9e7e6;
    display: none;
}
.affinerRecherche ul{
    width: 19%;
    float: left;
    padding: 0;
    list-style-image: none;
    margin-left: 1%;
    text-indent: 7px;
}
.affinerRecherche li{
    list-style: none
}
.affinerRecherche span{
    color: #6e0019;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.affinerRecherche span:hover{
    text-decoration: underline;
    cursor: pointer;
}
.affinerRecherche .title{
    background-image: url("../img/fleche.gif"); background-repeat: no-repeat; background-position-y:3px;
    color: #222222;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-indent: 7px;
}
.affinerRecherche ul ul {
    margin: 0; padding: 0;
    width: auto; margin-top: 16px;
    z-index: 100;
}
.affinerRecherche ul ul li {
    margin-right: 5px;
}
.affinerHidden{
    position:absolute;
    background-color:#e9e7e6;border:1px solid #999999;font-family:Trebuchet MS; font-size:11px; Line-Height: 12pt;font-weight:bold;color:#6e0019;

}
.appellation{
    float: left;
    width: 100%;
}
.appellation ul{
    list-style: none;
    margin-left: 15px;
}
.appellation li{
    margin-top: 5px;
}
.appellation li a{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #8D5158;
    text-decoration: none;
}
.appellation li a:hover {
    text-decoration: underline;
}
#other-pages{
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #364622;
    text-decoration: none;
    margin-left: 2%;
    width: 96%;
}
#other-pages p{
    margin-top: 25px;
}
.listTitle{
    font-style: italic;
    list-style: none;
    text-decoration: underline;
    padding: 0; margin: 0
}
.TexteGrasRouge {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #8D5158;
    display: inline;
}
.prod_block{
    width: 32%;
    float: left;
    margin-left: 1%;
    height: 320px;
    margin-top: 10px;
    position:relative;
}
.prod_block:nth-child(1n+0){
    border-bottom: 1px solid #c9c7c6;;
    border-right: 1px solid #c9c7c6;;
}
.prod_block:nth-child(3n+0){
    border-bottom: 1px solid #c9c7c6;;
    border-right: none;;
}
.cadeaux-block{
    border: 1px solid #e9e7e6; margin-top: 10px;
}
.title-block-prod{
    float: left;
    width: 100%;
    color: #a90329;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
}
.title-block-prod a{
    color: #a90329;
    text-decoration: none;
}
.title-block-prod-index{
    float: left;
    width: 100%;
    color: #a90329;
    font-family: Arial;
    font-size: 12px;
    height: 37px;
}
.title-block-prod-index a{
    color: #a90329;
    text-decoration: none;
}
.title-block-prod a:hover{
    color: #a90329;
    text-decoration: underline;
}
.img-block-prod{
    float: left;
    width: 70px;
    height: 80px;
    text-align: center;
    margin-top: 5px;
}.img-block-prod img{
    max-width: 100%; max-height: 80px;
}
.img-block-prod-index{
    float: left;
    width: 70px;
    height: 135 px;
    text-align: center;
    margin-top: 5px;
}.img-block-prod-index img{
    max-width: 100%; max-height: 130px;
}
.prix-block-prod{
    color: #a90329;
    font-family: Arial;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    background-color:#e9e7e6;
    width: 124px; float: right; margin-right: 10px; min-height: 30px;
}
.add-block-prod{
    width: 124px; float: right; margin-right: 10px; height: 30px;
}
.exped-block-prod{
    color: #333333;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    background-color:#e9e7e6;
    width: 124px; float: right; margin-right: 10px; height: 30px;
    line-height: 24px;
}
.desc-block-prod{
    width: 98%; float: left; margin-left: 1%;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    height: 110px;
}
.index-short-desc{
    width: 98%;
    float: left;
    margin-left: 1%;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    height: 70px;

    margin-bottom: 20px;
}
.desc-block-prod-index{
    width: 98%; float: left;
    margin-left: 1%;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    height: 40px;
}
.etiq-block-prod{
    width: 98%;
    position: absolute;
    bottom: 3px;
    left: 1px;
    font-family: Arial;
    font-size: 12px;
    height: 15px;
    color: #4a6435;
}
.dispo-block-prod {
    width: 98%; float: left; margin-left: 1%;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
}
.dispo-block-prod a{
    color: black;
    text-decoration: none
}
.dispo-block-prod a:hover{
    color: black;
    text-decoration: underline;
}
.reduc-block-prod{
    width: 36px;
    background-image: url('../img/pictopromo.png');
    background-repeat: no-repeat;
    height: 36px;
    margin-top: 10px;
    margin-left: 50px;
    position: absolute;
    color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; text-align: left; text-indent: 3px; line-height: 32px;
}
.left100Logiciel{
    width: 90%;margin-left: 5%; margin-top: 5px;
}
.left100Logiciel input[type='text'], select{
    float: right;
}
.logChk input{
    float: left;
}
.logChk label{
    float: right;
    width: 95%;
}
/*
    -------------------------------------------------slide show ------------------------------
/*
        Pagination
*/
#slides{
    width: 704px; float: left;
}
#slides img{
    border: 1px solid #bdb6c3
}
.slides_container {
    width:704px;
    height:256px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: center;
}
.slides_container div {
    width:700px;
    height:254px;
    display:block;
}

.pagination {
    float: right; margin-top: 3px;
    width: 70px; height: 35px;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
    border: none;
}

.pagination li.current a {
    background-position:0 -12px;
}
#slides a:visited {color: #bdb6c3;}
#slides a:active  {color: #bdb6c3;}

#slides .link {
    display:block;
    margin-top:10px;
    font-weight:800;
}
/*
        Caption
*/

.caption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:700px;
    font-size:1.3em;
    line-height:1.70;
    color:#fff;
    border-top:1px solid rgba(0,0,0,.3);
    text-shadow:none;
}.caption p{
    width: 95%; margin-left: 2.5%; margin-top: 5px; font-size: 16px ;
}

/* ----------------------------------- fin slide ----------------------------- */
.slide-right-menu{
    float: right;
    width: 220px;
    text-align: center;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 20px; border: 1px solid #ccc;
}
.slide-right-menu ul{
    margin: 0; padding: 0; width: 90%; margin-left: 5%; display: inline-block; float: left
}
.slide-right-menu li{
    display: inline-block; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; width: 27%; float: left
}
.slide-right-menu li a{
    color: #364622; text-decoration: none; font-size: 12px; 
}
.slide-right-menu li a:hover{
    color: #800000; text-decoration: underline
}
.bonaff-valsurindex{
    float: left; width: 60%; height: 30px;text-indent: 10px;
}
.bonaff-valsurindex a{
    color: #1f3b09; text-decoration: none;font-family: Trebuchet MS;
    font-size: 16px;
    font-weight: bold; 

}
.bonaff-valsurindex a:hover{
    text-decoration: underline;
}
.h2green{
    float: right;width: 67%;font-family: Arial, Helvetica, sans-serif;
}
.h2green h2{
    color: #1f3b09;
    width: 100%;
    float: right;
}
.h2green ul{
    color: #333333;
    font-size: 12px;
    width: 98%;
    float: right;
    margin-top: 2px;
}.h2green ul li{
    margin-left: 10px;
}
.leftEtiquette{
    width: 60%; float: left; 
}
.rightEtiquette{
    width: 39%; float: left;     text-align: center
}
.rightEtiquette img{
    border: none;
    max-width: 100%;
    margin-top: 15px;
}
.greenTitle{
    color: #1f3b09;
    font-size: 18px;
    font-weight: bold;
    font-family: Trebuchet MS;
}
.listeMillesime{
    float: right; width: 58%; margin-right: 1%;
    margin-left: 0;font-size: 11px; list-style-image: none; margin-top: 5px;
}
.listeMillesime li{
    display: inline-block; margin-right: 2px; margin-left: 0px; margin-left: 0; 
}
.listeMillesime a{
    color: #800000
}
.actualites-bottom{
    float: left; width: 100%;
}
.actualites-bottom a{
    text-decoration: none; color: #6e0019
} 
.arianePanier{
    background-image: url('../img/ariane-goutte.jpg');
    background-repeat: no-repeat;
    height: 47px; margin-bottom: 20px
}
.arianePanier ul{
    font-size: 12px; list-style: none;  width: 100%; margin: 0
}
.arianePanier li{
    display: inline-block; margin-top: 26px; color: #c0c0c0; font-weight: normal;text-align: right;
}
.arianePanier h1{
    margin: 0; color: #8b0220;font-size: 12px; display: inline; text-decoration: underline;
}
.arianePanier a{ 
    color:  #c0c0c0; text-decoration: none;
}
.arianePanier a:hover{ 
    text-decoration: underline;
}
.index-list-1{
    width: 10.7%;
}
.index-list-2{
    width: 26%;
}
.index-list-3{
    width: 25.2%;
}
.index-list-4{
    width: 25.5%;
}
.prix-barre{
    text-decoration: line-through;
    font-size: 10px;
    float: left;
    width: 100%;
}
.retrait{
    margin-right: 15px;
    margin-right: 15px;
    font-size: 14px;
    color: #6E0019;
    display: inline-block;
    float: left;
}
.totaux{
    width: 40%;
    float: right;
    font-family: "Trebuchet MS";
}
.accepter-cgu a{
    color: black; text-decoration: none;
}
.accepter-cgu a:hover{
    text-decoration: underline 
}
.accepter-cgu{
    text-align: center; font-family: "Trebuchet MS"; font-size: 12px; margin-bottom: 5px;
}
#mapBox {
    width:600px; 
    height:510px; 
    text-align:center; 
}
.demande-rapp{
    width: 87%; margin-left: 10%; margin-top: 25px;
}
.demande-rapp label {
    display: block; margin-top: 10px;margin-bottom: 10px; float: left; width: 100%
}
.demande-rapp p {
    margin-bottom: 25px;
}
.demande-rapp select{
    width: 20%; float: left; margin-top: 10px; margin-left: 20px;  
}
.demande-rapp input[type="text"]{
    margin-top: 10px; margin-left: 0; 
}
.newsLetter-page select{
    float: left;
}
.newsLetter-page {
    border: 1px solid #999999;
    color: #999999;
}
.newsLetter-page textarea{
    float: left;
    width: 241px;
}
.newsLetter-page .image-bottom{
    float: left;
    width: 100%;
    text-align: center;
}
.newsLetter-page .radio-choice{
    display: inline-block;
    float: right;
}
.image-bottom img{
    width: 380px;
}
.tablesorter p{
    margin: 0;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #333333
}
.tablesorter .bottle{
    height:45px;
}
.recherche-avancee label{
    float: left; width: 50%;
    height: 25px;
    margin-top: 2px;
}
.recherche-avancee input{
    float: right; width: 49%; height: 25px; margin-top: 2px;
}
.recherche-avancee select {
    float: right; width: 49%; height: 25px; margin-top: 2px;
}
.spiritList{
    list-style: none;
    padding: 0;
    margin-top: 0;
}
.spiritList li{
    margin: 0; list-style: none;
}
.spiritList li a{
    color: #8D5158;
    font-size: 12px;
    text-decoration: none;
}
.spiritList li a:hover{
    text-decoration: underline;
}
.h1-index{
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
    color: #ccc;
    margin: 0;
    display: inline
}
.title-block-prod-index h2{
    font-size: 12px; font-weight: normal;
}
.prix-block-prod a{
    color: #a90329;
    font-family: Arial;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    background-color:#e9e7e6;
    width: 124px; float: right; margin-right: 10px; height: 30px;
}
.panneau-mini img{
    border: none;
    margin-top: 10px;
}
.contact404 ul li{
    color: #364622;
    font-size: 14px;
    text-align: left;
    list-style: none;

}
.contact404 ul li {
    min-height: 30px;
}
.contact404  ul li input, textarea{
    float: right;
    width: 60%;
    border: 1px solid #66666
}
.contact404  ul li  textarea{
    height: 100px;
}
.textAppellation{
    font-size: 11px;
    font-family: "Trebuchet MS";
    color: #333;
    margin-left: 2%;
    width: 95%;
    margin-top: 20px;
    text-align: justify;
}
.prod_block_horizontal{
    width: 90%; float: left; margin-left: 5%;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #9b9b98;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.img-block-prod-horizontal{
    width: 200px;
    float: left;
    min-height: 200px;
    border-right: 1px solid #9b9b98;
    text-align: center
}
.img-block-prod-horizontal img{
    max-width: 200px;
    max-height: 200px;
}
.prix-horizontal{
    float: right;
    width: 124px;
    margin-right: 16%;
}
.prix-block-prod-horizontal{
    color: #a90329;
    font-family: Arial;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    background-color:#e9e7e6;
    width: 124px; float: right; margin-right: 10px; min-height: 30px;
}
.prix-block-prod-horizontal a{
    color: #a90329;
    font-family: Arial;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    background-color:#e9e7e6;
    width: 124px; float: right; margin-right: 10px; height: 30px;
}
.desc-block-prod-horizontal{
    font-family: "Trebuchet MS";
    color: #333;
    font-size: 12px;
    width: 65%; float: right;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}
.etiq-block-prod-horizontal span{
    color: #4a6435;
    font-family: Arial;
    font-size: 12px;
}
.etiq-block-prod-horizontal{
    float: right; width: 150px; margin-right: 3%;text-align: center

}
.dispo-block-prod-horizontal{
    float: left; width: 95%; margin-left: 3%;
    margin-left: 1%;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
}
.title-block-prod-index-horizontal{
    float: left;
    width: 100%;
    color: #a90329;
    font-family: Arial;
    font-size: 12px;
}
.title-block-prod-index-horizontal a {
    color: #a90329;
    text-decoration: none;
}
.title-block-prod-index-horizontal h2{
    margin: 0; margin-left: 5px; margin-top: 5px; font-size: 14px
}
#limheight {
    height: 130px; /*your fixed height*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; /*3 in those rules is just placeholder -- can be anything*/
}
#limheight li {
    display: inline-block; /*necessary*/;
    width: 230px; 
}
.all-millesimes{
    width: 100%; float: left; background-color: #f0f0f0;
}
.all-millesimes h5{
    color: white; display: inline-block; margin: 2px; font-size: 14px;font-family: 'Trebuchet MS';
    font-weight: normal;background-color: #79031e; width: 100%; text-indent: 15px;
}
.all-millesimes ul {
    margin-left: 5px;
    margin-right: 5px;
}
.all-millesimes li {
    list-style: none; display: inline-block; color: #666; margin: 0; margin-right: 10px;
}
.all-millesimes li a{
    display: inline-block; color: #666;
    text-decoration: none; font-size: 14px;
}
.all-millesimes li a:hover{
    color:#73051e;
    text-decoration: underline
}
.left20{
    float: left; width: 19%; font-size: 12px;
}
.left20 ul{
    margin: 0;
    padding: 0;
}
.left20 ul li{
    list-style: none;
}
.left20 ul a{
    text-decoration: none;
    color: #333333;
}
.left20 ul a:hover{
    text-decoration: underline;
}
.left20 ul li:last-child{
    margin-bottom: 10px;
}
.welcome-popin{
    float: left;
    width: 555px;
    height: 230px;
    background-image: url("../img/popin.png");
    background-repeat: no-repeat;
}
.welcome-popin .header{
    height: 32px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 32px;
}
.welcome-popin p{
    color: #444039;
    font-size: 13px;
    text-align: center;
}
.welcome-popin input[type="text"]{
    position: absolute;
    top: 82px;
    left: 130px;
    height: 20px;
    width: 230px;
    text-indent: 10px;
}
.welcome-popin input[type="image"]{
    position: absolute;
    top: 82px;
    left: 385px;
}
.indisponible-moment
{
    width: 98.5%;
    float: left;
    height: 50px;
}
.indisponible-moment p{

    background: rgba(153, 10, 43, 1);
    color: white;
    text-align: center;
    font-family: "Trebuchet MS";
    height: 100%;
    padding: 0;
    font-weight: 100;
    margin: 0;
    line-height: 50px;
}
.other-millesimes{
    float: left;
    width: 98%;
    text-align: center;
    font-style: italic;
    font-size: 13px;
    margin: 0;
}
.other-millesimes p{
    margin: 0;
    margin-top: 7px;
}

.fa.only-responsive{
    display: none;
}
.only-responsive{
    display: none;
}

.alcool-mill p{
    margin-top: 10px; margin-bottom: 30px; color: #333333; font-size: 13px
}
.alcool-mill p.first-paragraph{
    width:400px;
}
.alcool-mill h2{
    width: 65%; float: right; margin-bottom: 0px;
}