@import url('lecoam_general.css');
*{

/* style */

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

}

body{

margin: 0;

padding: 0;

font-size: 62.5%;

/* style */

color: #ddd;

background: #33070F; /* rouge foncé */

}

#container{

margin: 0 auto;

text-align: center;

}

#zoneheader{

height: 80px;

/* style */

background: #923448; /* rose medium */

}

#zonetop{

position: relative;

height: 40px;

/* style */

background: #501521;

}

#zonecenter{

float: left;

width: 590px;

/* style */

background: #33070F; /* rouge foncé */

}

#zoneleft{

float: left;

width: 0px;

/* style */

}

#zoneright{

float: left;

width: 180px;

text-align: right;

/* style */

}

#footer{

clear: both;

height: 40px;

width: 100%;

margin-top: 50px;

/* style */

}



.zonemaxwidth{

width: 770px;

margin: 0 auto;

text-align: left;

/* style */

}



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

#header_impression{

display: none;

}



/*------------------------------------------------------------------------

as much as possible...

first redefine HTML elements, then define the other elements

Use CONTAINER as common declaration for the others

-------------------------------------------------------------------------*/

acronym{

/* style */

border-bottom: dotted 1px #ddd;

cursor: help;

}

* html table{

font-size: 1.2em;

}

p, ul li{

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

line-height: 1.3em;

font-size: 1.2em;

}

ul{

margin: 10px 24px;

list-style-type: square;

}

ul li{

margin-left: 20px;

list-style-type: square;

}



/*---------- SPECIAL ELEMENTS ----------*/

a.showdiv {

position: relative;

text-decoration: none;

}

a:hover.showdiv {

text-decoration: none;

background: none;

}

a.showdiv span {

display: none;

}

a img { /* pas sur, c'est très general qd mem */

vertical-align: middle;

}

a:hover.showdiv span {

display: block;

position: absolute; 

top: 20px;

left: 0px;

z-index: 20;

}

a#panier_acces{

display: block;

width: 148px;

height: 25px;

text-align: center;

margin-top: 5px;

/* style */

background-image: url('/_commun/img/panier_acces_fd.gif');

font-weight: bold;

}

a#panier_acces img{

vertical-align: middle;

margin: 2px 5px 0 0;

}

a.h3{

font-size: 13px;

font-weight: bold;

}



/* IMG */

img{

border: none;

}

img.middle{

border: none;

vertical-align: middle;

}

/* TITLES */

h1{

margin: 2px 0 8px 0;

padding: 0 0 16px 0 ;

font-size: 16px;

font-weight: bold;

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

color: #f5f5f5;

background-image: url('/_commun/img/h1_fd.gif');

background-position: bottom;

background-repeat: repeat-x;

}

h2{

font-size: 14px;

}

/* LIST */

li{

margin: 0;

padding: 0;

}

ul{

margin: 0;

padding: 0;

}

/* LINKS */

a{

font-size: 1.1em;

color: #F6B90A;

text-decoration: none;

}

a:hover{

color: #F5D887;

text-decoration: underline;

}

a:visited{

color: #F5D887;

}

a:active{

color: #FFF;

}

a:focus{

background-color: #501521;;

}

a.retour{

font-weight: bold;

line-height: 4em;

font-size: 1.2em;

margin: 15px;

}



/* FORMS */

form{

margin: 0;

padding: 0;

font-size: 1.2em;

}

form p{

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

font-size: 0.9em;

}

input{

margin: 0;

padding: 0;

}

.input_focus{ /* sur evenement js */

color:red;

background-color: #ddd;

}

input .submit{

margin: 20px;

float: right;

border: solid 1px #fff;

}

textarea{

margin: 0;

padding: 0;

}

select{

margin: 0;

padding: 0;

}

fieldset{

margin: 4px;

padding: 0;

padding: 10px;

font-size: 0.8em;

}

legend{

margin: 0;

padding: 0;

}

fieldset label{

display: block;

font-weight: bold;

}

label.obligatoire{

color: #ffbb00;

}

a.button, input.button{

border: solid 1px #888;

padding: 2px 8px;

background: #D1BB7F;

color: #000 !important;

font-weight: bold;

}

a.superbutton, input.superbutton{

border: solid 1px #888;

padding: 2px 8px;

background: #ffbb00;

color: #000;

font-weight: bold;

cursor: pointer;

cursor: hand;

}





.clear{

clear: both;

}

.floatleft{

float: left;

}

.floatright{

float: right;

}



.coameur_fiche{

margin: 20px 0;

border: solid 1px #333;

background: #4D0B17;

font-size: 1.2em;

}

.coameur_fiche h3{

font-size: 1.1em;

font-weight: bold;

margin: 0;

padding: 8px;

background: #660E1E;

}

.coameur_fiche .adresse{

float: right;

width: 48%;

}

.coameur_fiche .points_fidelite{

color: #ffbb00;

}

.coameur_fiche div{

margin: 8px;

}

/*dl{

margin: 0;

padding: 0;

}

dt{

margin: 0;

padding: 0;

}

dd{

margin: 0;

padding: 0;

}*/



/*---------- CONTAINER ----------*/



/*----- HEADER -----*/



/* NAV */

#nav{

margin: 0;

padding: 0;

}



#zoneheader form.formrecherche{

float: left;

}

#zoneheader .nav{

width: 565px; /* reste 5px de libre mais decalage IE*/

float: right;

}

#photos{

margin: 5px 0 0 0;

}

#zoneheader .nav li a{

background: #501521;

}

#zoneheader .formrecherche{

display: none;

}



/*----- ZONETOP -----*/



/* MENU */

#menuzone{

margin: 0;

padding: 0;

width: 100%;

height: 40px;

}

#menu{

margin: 0 0 0 195px;

padding: 0;

position: absolute;

z-index: 600;

top: 0;

width: 575px;

}



#menu dl, #menu dt, #menu dd, #menu ul, #menu li {

margin: 0;

padding: 0;

list-style-type: none;

z-index: 600;

}

#menu dl {

float: left;

margin: 0;

}



#menu dl#rub1{

width: 130px;

}

#menu dl#rub2{

width: 106px;

}

#menu dl#rub3{

width: 115px;

}

#menu dl#rub4{

width: 107px;

}

#menu dl#rub5{

width: 100px;

}

#menu dt {

cursor: pointer;

}

/*div.limit{

	position: absolute;

	width: 1px;

	height: 100%;

	top: 0;

	left: 770px;

	background: #ccc;

}*/

#menu h2{

font-weight: bold;

font-size: 12px;

font-family: Verdana;

padding: 0;

margin: 9px 0 0 0;

color: #FFC2CF;

}

#menu dt img{

vertical-align: bottom;

float: left;

}

#menu dd{

display: none;

position: absolute;

top: 40px;

background: #501521;

white-space: nowrap;

border-bottom: solid 1px #FFC2CF;

}

#menu dd a{

display: block;

}

#menu li a, #menu dt a {

text-decoration: none;

display: block;

height: 100%;

border: 0 none;

padding: 6px;

font: bold 10px Verdana, Arial, sans-serif;

color: #ffb8c7;

}

#menu li a{

border-left: solid 1px #FFC2CF;

}

#menu li a:hover{

border-left: solid 1px #ffbb00;

}

#menu li a:hover, #menu dt a:hover {

background: #923448;

color: #fff;

}



#section_menu{

padding: 10px 0 3px 0;

margin-bottom: 4px;

clear: both;

width: 770px;

border-bottom: dotted 1px #888;

}

#section_menu ul{

padding: 0;

margin: 0;

}

#section_menu li{

display: block;

float: left;

margin: 0;

padding: 0;

list-style-type: none;

}

#section_menu li#section_menu_elt1{

width: 193px;

}

#section_menu li#section_menu_elt2{

width: 209px;

}

#section_menu li#section_menu_elt3{

width: 171px;

}

#section_menu li#section_menu_elt4{

width: 191px;

}

#section_menu li#section_menu_elt1 h4{

width: 132px;

}

#section_menu li#section_menu_elt2 h4{

width: 148px;

}

#section_menu li#section_menu_elt3 h4{

width: 110px;

}

#section_menu li#section_menu_elt4 h4{

width: 130px;

}

#section_menu li a{

display: block;

float: left;

width: 40px;

margin-right: 6px;

}

#section_menu li h4{

font-size: 10px;

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

font-weight: bold;

display: block;

float: left;

margin-right: 14px;

margin: 0;

padding: 0;

}

#section_menu li acronym{

border: none;

}

/* Fix IE. Hide from IE Mac \

* html #menu ul li a {

height: 1%;

}

* html #menu dd {

width: 1%;

}*/



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



/* INDEX */

#index{

float: right;

width: 180px;

height: 100%;

margin: 0;

padding: 0;

text-align: left !important;

}



#index a{

font: normal 12px Arial, Verdana, Tahoma, sans-serif;

letter-spacing: 0.08em;

color: #ccc;

}

#index h3 a{

font-weight: bold;

}

#index h3 img{

margin-right: 3px;

}

#index ul{

padding: 0;

margin: 0;

}

#index li{

padding: 0;

margin: 0;

list-style-type: square;

color: #ccc;

}

#index li a{

font-weight: bold;

font-size: 12px;

padding-bottom: 5px;

}

#index .rub li a{

font-weight: normal;

font-size: 11px;

}

#index .index_titre{

padding: 17px 6px 10px 6px;

}

#index .index_titre img{

margin-right: 6px;

}

#index .index_titre a{

display: block;

float: left;

font: bold 14px Arial, Verdana, sans-serif;

}



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

form#identification_box{

margin: 0;

padding: 0;

text-align: right;

}

#identification_box form{

text-align: right;

}

#identification_box fieldset{

border: none;

margin-bottom: 5px;

padding: 0;

}

#identification_box label{

display: inline;

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

font-size: 10px;

}

#identification_box legend{

display: none;

}

#identification_box img{

vertical-align: middle;

}

#identification_box a img{

margin-left: 5px;

}

#identification_box label img{

margin: 0;

cursor: pointer;

cursor: help;

}

#identification_box input{

margin: 0 0 2px 0 !important;

padding: 0;

width: 45%;

border: solid 1px #999;

background: #ccc;

font-size: 11px;

vertical-align: middle;

}

#identification_box input.ok{

margin: 0;

padding: 0;

width: 20px;

font-size: 10px;

font-weight: bold;

border: none;

background: none;

color: #ccc !important;

cursor: pointer;

cursor: hand;

float: inherit;

}

#identification_box a{

display: block;

margin: 0;

padding: 0;

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

font-size: 11px;

color: #ffbb00;

}



/* pubs */

#adsense_skycrapper{

margin-top: 15px;

text-align: right;

}

#adsense_skycrapper h3{

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

font-size: 11px;

font-weight: bold;

margin: 0 0 3px 0;

padding: 0;

color: #ddd;

}



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



/* SPIP */

#contenu{

padding: 20px 30px 50px 0;

line-height: 1.4em;

margin: 0.5em 0 2em 0;

text-align: justify;

/*background: yellow;*/

}

p.spip, ul.spip li{

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

line-height: 1.3em;

font-size: 1.2em;

text-align: justify;

}

p.spip:first-letter {

font-size: 1.4em;

margin-right: 0.05em;

color: #fff;

}

.chapo p.spip:first-letter {

font-size: inherit;

margin-right: 0.05em;

color: #fff;

}

.spip_documents_left img{

margin: 17px 17px 17px 0;

border: solid 2px #ddd;

}

.spip_documents_right img{

margin: 17px 0 17px 17px;

border: solid 2px #ddd;

}

.spip_documents img{

border: solid 2px #ddd;

}

ul.spip{

margin: 10px 24px;

list-style-type: square;

}

table.spip{

width: 96%;

}

table.spip td{

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

line-height: 1.4em;

font-size: 1.1em;

border-bottom: solid 1px #888;

}

table.spip th{

font-size: 1.2em;

padding-bottom: 3px;

border-bottom: solid 2px #aaa;

}

.chapo{

font-size: 1.2em;

line-height: 1.4em;

font-weight: bold;

color: #D87489;

margin-bottom: 20px;

}

.chapo p.spip:first-letter {

font-size: 1.3em;

line-height: 1.4em;

font-weight: bold;

color: #D87489;

margin-bottom: 20px;

}

#tdm{

border-bottom: solid 1px #444;

}

#tdm h2{

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

font-size: 0.9em;

font-weight: bold;

}

#tdm ul{

padding: 0;

margin: 0;

list-style-type: circle;

}

#tdm ul li{

margin: 6px 0 5px 20px;

}

#tdm ul li a{

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

font-size: 0.9em;

font-weight: bold;

}

/* BLOCS COMMUNS */

ul.message{

margin: 5px;

padding: 5px;

list-style-type: none;

border: dotted 1px #ddd;

}

ul.message li{

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

font-weight: bold;

font-size: 0.9em;

}

ul.message li.erreur{

color: red;

}



/* PROMOTIONS */

div.promotion{

margin: 10px 0;

float: right;

border: solid 1px #333;

width: 190px;

float: left;

}

div.promotion h2{

margin: 5px 8px !important;

font-size: 12px !important;

}

div.promotion h3, div.promotion ul{

margin: 8px;

text-align: left;

}

div.promotion ul{

padding: 0;

}

div.promotion li{

list-style-type: none;

padding: 0;

margin: 8px 0 0 0;

}

div.promotion li a{

}

div.promotion .commande{

text-align: right;

}

div.promotion .cap_commande{

display: inline;

width: auto;

}

div.promotion .commande .cap1{

display: inline;

width: auto;

}

div.promotion .commande .cap2{

display: inline;

width: auto;

}

div.promotion .commande .cap3{

display: inline;

width: auto;

}

div.promotion .commande .cap3 img{

width: 15px;

height: 15px;

margin: 0 4px;

}

div.promotion .prix{

display: inline;

font-weight: bold;

margin: 0 4px;

font-size: 10px !important;

}

div.promotion .appellation_libelle, div.promotion .vin_libelle, div.promotion .cru, div.promotion .millesime, div.promotion .commande, div.promotion .prix{

font-size: 10px !important;

}



/* COMMENT */

#comment_vin_liste ul{

padding: 0;

margin: 0;

}

#comment_vin_liste li{

padding: 0;

margin: 0;

list-style-type: none;

}

#comment_vin_link{

margin: 10px 0;

}



/*----- FOOTER -----*/



#footer{

background: #501521;

}

.nav{

text-align: right;

}

#footer .nav{

width: 770px;

}

.nav li{

display: inline;

list-style-type: none;

padding-right: 10px;

}

#footer .nav li{

padding-right: 10px;

}

.nav li a{

font: bold 10px Verdana, Arial, sans-serif;

color: #ffb8c7;

vertical-align: top;

padding: 4px;

}

#footer p#abusalcool{

text-align: center;

margin: 10px 0 0 0;

padding: 3px;

/* style */

background: #923448; /* rose medium */

color: #000;

font-weight: bold;

}
#ariane {
	margin: 10px 0px 10px;
	font-size: 10px !important;
}
#ariane a {
	font-size: 10px !important;
}