/**
Style du site/interface
**/
html{
}
body{
behavior: url(csshover2.htc);
margin:0;
padding:0;
font-family: Arial;
font-size: 12px;
color:#000000;
background:#f9f9f7;
background-image: url(../media/back.gif);
background-repeat: repeat-x;
//background-position:50% 0;
}
/** BLOCS PRINCIPAUX **/
div#header {
position:relative;
width:980px;
height:105px;
margin:0 auto;
padding:0;
background:#000000;
}
div#langue {
position:absolute;
top:5px;
left:5px;
}
div#langue img{
float:left;
margin-top:2px;
}
div#langue a{
color:#FFFFFF;
}
div#nav {
z-index:1000;
position:relative;
margin:0 auto;
width:980px;
height:24px;
background:#000000;
//background-image: url(../media/menu.gif);
//background-repeat: no-repeat;
padding:0;
text-align:center;
border-top: 2px solid #FFFFFF;
}
div#page {
position:relative;
margin:0 auto;
width:980px;
padding:0;
background:#FFFFFF;
height:100%;
}
div#footer {
position:relative;
width:980px;
height:40px;
margin:0 auto;
//background-image: url(../media/footer.gif);
//background-repeat: no-repeat;
//background-position:top;
padding:0;
padding-top:25px;
text-align:center;
color: #ce29a2;
}
/*bloc de contenu*/
div#contenu {
padding-top:10px;
padding-left:8px;
padding-right:8px;
padding-bottom:30px;
}
div#left {
float:left;
width:781px;
margin:0;
padding:0;
padding-bottom:10px;
}
div#right {
float:right;
width:168px;
margin:0;
padding:0;
}
div#panier_mini{
position:relative;
width:100%;
height:80px;
background-image: url(../media/panier.gif);
background-repeat: no-repeat;
background-position:left, top;
padding:0;
margin:0;
}
div#panier_mini_info{
position:absolute;
width:129px;
height:55px;
top:0;
right:0;
padding:0;
margin:0;
text-align:center;
}
div#panier_mini_info h1{
color:#ce29a2;
font-weight:bold;
font-size:12px;
line-height:15px;
margin:0;
margin-bottom:5px;
padding:0;
background-image: none;
}
div#panier_mini_info a{
color:#ce29a2;
padding:3px;
}
div#panier_mini_action{
position:absolute;
left:0px;
bottom:5px;
width:40px;
}
div#panier_mini_action .submit{
background:none;
color:#000000;
border:0;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}
div#panier_mini_action .submit:hover{
text-decoration:underline;
}
div#espace_client{
position:relative;
width:100%;
height:215px;
background:#000000;
background-image: url(../media/client.gif);
background-repeat: no-repeat;
background-position:10px 10px;
padding:0;
margin:0;
}
div#espace_client_top{
position:absolute;
top:15px;
right:0;
width:116px;
padding:0;
margin:0;
text-align:center;
color:#FFFFFF;
}
div#espace_client_top h1{
color:#ce29a2;
font-weight:bold;
font-size:12px;
line-height:15px;
margin:0;
margin-bottom:5px;
padding:0;
background-image: none;
}
div#espace_client_main{
position:absolute;
width:158px;
top:80px;
left:5px;
padding:0;
margin:0;
text-align:left;
color:#FFFFFF;
}
div#espace_client a{
color:#FFFFFF;
}
div#france {
position:relative;
width:100%;
background:#000000;
color:#FFFFFF;
padding:0;
margin:0;
margin-top:15px;
}
div#france div{
padding:10px;
}
div#vin{
float:left;
width:500px
}

table#panier{
margin:0;
color:#000000;
}
table#panier th{
background:#ce29a2;
color:#FFFFFF;
font-weight:normal;
padding:2px;
}
table#panier .titre{
padding-left:15px;
}
table#panier .right{
padding-right:15px;
text-align:right;
}
table#millesime{
margin:0;
color:#000000;
}
table#millesime th{
color:#000000;
font-weight:normal;
padding:2px;
}
table#millesime td{
text-align:center;
}
table#millesime .rose{
color:#ce29a2;
font-weight:bold;
text-align:left;
}
div#info {
border: 1px solid #ce29a2;
background: #f7f1e6;
color: #ce29a2;
padding:5px;
margin-bottom: 10px;
}
a.info {
position: relative;
text-decoration:none;
}
a.info div {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover div {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   width:440px;
   white-space: normal;
   top: 0px; /* on positionne notre infobulle */
   left: -460px;
   background: white;
   color: green;
  padding: 3px;
   border: 1px solid #ce29a2;
   border-left: 4px solid #ce29a2;
text-align:left;
}

/*entetes*/
h1 {
margin:0;
margin-bottom:10px;
font-size:18px;
background-image: url(../media/carre.gif);
background-repeat: no-repeat;
background-position:0 50%;
line-height:30px;
padding-left:14px;
//padding-top:5px;
color:#ce29a2;
}
h2{
color:#ce29a2;
font-size:16px;
border-bottom: 2px solid #ce29a2;
margin:0;
margin-bottom:2px;
}
/* tableau d'information */

/* Formulaire */
fieldset{
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color:#a9a893;
border: 2px solid #a9a893;
}
legend{
font-size:14px;
font-weight:bold;
}
input{
border: 1px solid #ce29a2;
}
.panier_ajouter{
width:23px;
height:20px;
background-image: url(../media/caddie.gif);
background-repeat: no-repeat;
background-position:bottom;
cursor:pointer;
border:0;
}
.submit{
_width:0;
_overflow:visible;
*overflow:visible;
font-family: Arial;
font-size: 12px;
background:#ce29a2;
color:#FFFFFF;
border: 1px solid #FFFFFF;
margin:0;
padding:3px;
cursor:pointer;
}
.submit:hover{
background:#FFFFFF;
color:#ce29a2;
border: 1px solid #ce29a2;
}
.bouton{
background:#ce29a2;
color:#FFFFFF;
border: 1px solid #FFFFFF;
font-weight:500;
margin:0;
padding:3px;
_padding-bottom:5px;
_padding-top:5px;
*padding-bottom:5px;
*padding-top:5px;
cursor:pointer;
text-decoration:none;
font-size:12px;
}
.bouton:hover{
background:#FFFFFF;
color:#ce29a2;
border: 1px solid #ce29a2;
}

/* Vignette */
div#vignette{
width:147px;
height:114px;
margin:0;
background-image: url(../media/vignette.gif);
background-repeat: no-repeat;
background-position:top;
padding:0;
}
div#vignette .horizontal{
margin-top:7px;
margin-left:7px;
}
div#vignette .vertical{
margin-top:7px;
margin-left:36px;
}
/* terms */
table#terms td{
border-top:1px solid #a9a893;
}
/*Facture*/
div#cadre_imprime {
width:614px;
border:1px solid #000000;
padding:10px;
}
table#facture{
margin:0;
cellpadding:0;
cellspacing:0;
border-collapse:collapse;
font-size:12px;
color:#000000;
}
table#facture th{
border-style: solid;
border-color: #FFFFFF;
border-width: 2px;
background: #ce29a2;
padding:5px;
color:#FFFFFF;
}
table#facture .th1{
border-color: #ce29a2;
}
table#facture .th{
border-style: solid;
border-color: #ce29a2;
border-width: 2px;
background: #FFFFFF;
padding:5px;
color:#ce29a2;
}
table#facture td{
border-bottom: 2px solid #ce29a2;
background: #FFFFFF;
padding:5px;
}
table#facture .td1{
border: 2px solid #ce29a2;
background: #FFFFFF;
padding:5px;
}
table#facture .td{
text-align:center;
width:50px;
}
.mentions_titre{
font-weight:bold;
color:#ce29a2;
}
a{
color:#ce29a2;
}
@media print{
div#header {
display:none;
}
div#contenu
{
background: #FFFFFF;
width: 634px;
text-align:left;
border-top: 0;
border-left:0;
border-right:0;
border-bottom: 0;
border-color: #FFFFFF;
border-style: solid;
padding-top:0;
}
div#right{
display:none;
}
div#nav {
display:none;
}
div#footer {
display:none;
}
div#print{
display:none;
}
h1{
display:none;
}
div#cadre_imprime {
border:0;
}
table#facture{
margin:0;
cellpadding:0;
cellspacing:0;
border-collapse:collapse;
font-size:12px;
color:#000000;
}
table#facture th{
border-style: solid;
border-color: #000000;
border-width: 2px;
background: #FFFFFF;
padding:5px;
color:#000000;
text-align:center;
}
table#facture .th1{
border-color: #000000;
}
table#facture .th{
border-style: solid;
border-color: #000000;
border-width: 2px;
background: #FFFFFF;
padding:5px;
color:#000000;
}
table#facture td{
border-bottom: 2px solid #000000;
background: #FFFFFF;
padding:5px;
}
table#facture .td1{
border: 2px solid #000000;
background: #FFFFFF;
padding:5px;
}
table#facture .td{
text-align:center;
width:50px;
}
}