@import url('lecoam_general.css');



/*---------- SPECIFIC STRUCTURE --------*/

#zonecenter{

float: left;


margin-top: 15px;

width: 310px;

/* style */

text-align: left;

}

#zoneleft{

float: left;

width: 310px;

margin: 15px 0 0 0;



/* style */

}

#zoneright{
position: relative;
float: right;
width: 259px;
margin: 0px;
top: 0;


/* style */

}


#footer{

clear: both;

height: 30px;

width: 100%;

margin: 50px 0 0 0;

/* style */

color: #000;

}



/*---------- ELEMENTS TO HIDE ----------*/

#zonetop{

display: none;

}



/* CONTAINER */



/* item */

.item{
display: block;

padding: 7px 0 7px 7px;

margin: 0 0 30px 0;

}


.item:hover{
text-decoration:none;

padding: 7px 0 7px 7px;

}

.item div{

width: 198px;

float: right;

margin: -75px 0 0 110px;

+margin: -82px 0 0 117px; /* hack IE */

vertical-align: middle;

}

.item img{

vertical-align: bottom;

}

.item h2{

margin: 6px 0 5px 0;

padding: 0;


font-weight: bold;

font-size: 1.2em;

color: #f5f5f5;

}

.item h2 strong{


font-weight: bold;

color: #ffcc00;

}

.item p{


font-size: 11px;

color: #f5f5f5;

margin: 0;

}



/* icon_light */

.light{

background: transparent url('../image/homepage_icon_bg.gif') left no-repeat;

}

.light:hover{

background: transparent url('../image/homepage_icon_bg2.gif') left no-repeat;

}



/* commun liste */

.extractions{

font-family: Verdana, Arial, sans-serif;

width: 300px;

}

.extractions h2{

color: #af7983;

font-weight: bold;

font-size: 1.1em;

font-family: Verdana, Arial, sans-serif;

margin: 15px 0 3px 10px;

}

.extractions ul{

margin: 0;

height: 90px;

padding: 10px 12px 20px 12px;

/*background: red;*/

background: transparent url('../image/extraction_coupcoeur_bg.gif') no-repeat;

}

.extractions li{

margin: 0;

padding: 0;

list-style-type: none;

/* style */

font-size: .85em;

color: #999999;

font-family: Verdana, Arial, sans-serif;

}

.extractions li a{

color: #cccccc;

font-family: Verdana, Arial, sans-serif;

}



/*----- ZONECENTER -----*/



/* item */
/*
#zonecenter .item div{

width: 208px;

}*/
#zonecenter {
text-align:center;
}
#zonecenter .itemCenter {
width:184px;
text-align:left;
font-size:11px;
margin:0 0 0 100px;
}
#zonecenter .itemCenter a {
color:#FFFFFF;
text-decoration:none;
}
#zonecenter .itemCenter h2 {
font-size:14px;
}
#zonecenter .itemCenter h2 strong {
color:#f3c106;
}
#zonecenter .itemCenter img {
margin:0 0 0 50px;
}

#zonecenter .item h2{

width: 210px;

}

#zonecenter .extractions ul{

margin: 0;

height: 90px;

padding: 0 12px 20px 12px;

/*background: red;*/

background: none;

}

#zonecenter .extractions li{

margin: 3px 0;

}



/*----- ZONELEFT -----*/



/* item */

#zoneleft .item{

/*margin: 0;*/

}



/* item_smaller */

#item_smaller{

margin: 0 0 30px 0;

}

#item_smaller .item{

margin: 0 0 0 5px;

}

#item_smaller .item div{

width: 243px;

margin: -36px 0 0 60px;

+margin: -43px 0 0 60px; /* hack IE */

}

#item_smaller .item h2{

width: 245px;

margin: 0;

font-size: 1em;

}



/* ligne vin */

span.commande{

}

span.commande span{

}

span.commande .prix{

font-weight: bold;

}



/*----- ZONERIGHT -----*/



/* identification */

#identification_box{

margin: 0 0 40px 0;

}

#identification_box a.h2{

display: block;

font-weight: bold;

font-size: .95em;

font-family: Verdana, Arial, sans-serif;

color: #ffbb00;

}

#identification_box a img{

vertical-align: middle;

margin-right: 10px;

}

#identification_box .note{

margin: -6px 0 15px 36px;

font-weight: normal;

font-size: .85em;

font-family: Verdana, Arial, sans-serif;

color: #ffbb00;

}

form#identification_form{

float: right;

width: 180px;

padding: 0;

margin: -19px 0 0 0;

/* style */

}

#identification_form .formspacer{

margin: 4px;

}

#identification_form legend{

display: none;

}

#identification_form label{

padding: 0 4px !important;

/* style */

font-weight: normal;

font-size: .8em;

font-family: Verdana, Arial, sans-serif;

}

#identification_form .boutons{

display: inline;

}

#identification_form .boutons input{

background: transparent;

width: auto;

color: #cccccc;

font-weight: bold;

font-size: 0.8em;

font-family: Verdana, Arial, sans-serif;

border: none;

}

#identification_form label{

display: block;

float: left;

width: 60px;

height: 16px;

text-align: right;

margin-top: 0px;

padding: 0 15px;

}

#identification_form input{

height: 14px;

width: 60px;

padding: 0 3px;

border: 1px solid #ffbb00;

background: #cccccc;

font-size: 1em;

color: #015582;

}