body {
margin:0;
padding:0;
background:#222;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#page {
background:#000;
width:800px;
margin:0 auto;
}
/* éléments RTE */
p.align-center {
text-align:center ;
}
p.align-right {
text-align:right ;
}
p.align-left {
text-align:left ;
}
#header h1 {
float:left;
margin:0;
padding:0;
}
#header h1 span {
display:none;
}
#header h1 img {
border:0;
}
#header #menu {
float:right;
height:113px;
width:575px;
}
#menu ul {
list-style-type:none;
margin:0;
padding:0;
}
#menu ul li {
display:inline;
}
#menu ul li a {
display:block;
float:left;
margin:10px 20px 0 20px;
padding:70px 0 0 0;
background:url(../img/bouteille-NB.gif) center 4px no-repeat;
text-decoration:none;
color:#BBB;
}
#menu ul li.baravin a {
background:url(../img/verre-NB.gif) center 4px no-repeat;
}
#menu ul li.restaurant a {
background:url(../img/couverts-NB.gif) center 4px no-repeat;
}
#menu ul li.caviste a {
background:url(../img/bouteille-NB.gif) center 4px no-repeat;
}
#menu ul li.soirees a {
background:url(../img/verre-couverts-NB.gif) center 4px no-repeat;
}
#menu ul li.expos a {
background:url(../img/verre-bouteille-NB.gif) center 4px no-repeat;
}
/* survol */
#menu ul li a:hover {
color:#edcf33;
}
#menu ul li.baravin a:hover {
background:url(../img/verre-J.gif) center 4px no-repeat;
}
#menu ul li.restaurant a:hover {
background:url(../img/couverts-J.gif) center 4px no-repeat;
}
#menu ul li.caviste a:hover {
background:url(../img/bouteille-J.gif) center 4px no-repeat;
}
#menu ul li.soirees a:hover {
background:url(../img/verre-couverts-J.gif) center 4px no-repeat;
}
#menu ul li.expos a:hover {
background:url(../img/verre-bouteille-J.gif) center 4px no-repeat;
}
/* actif */
#menu ul li.baravinact a {
color:#d03315;
background:url(../img/verre-R.gif) center 4px no-repeat;
}
#menu ul li.restaurantact a {
color:#d03315;
background:url(../img/couverts-R.gif) center 4px no-repeat;
}
#menu ul li.cavisteact a {
color:#d03315;
background:url(../img/bouteille-R.gif) center 4px no-repeat;
}
#menu ul li.soireesact a {
color:#d03315;
background:url(../img/verre-couverts-R.gif) center 4px no-repeat;
}
#menu ul li.exposact a {
color:#d03315;
background:url(../img/verre-bouteille-R.gif) center 4px no-repeat;
}
#ligne {
height:24px;
clear:both;
background:url(../img/ligne-jaune.gif) repeat-x;
padding-left:25px;
}
#gauche {
float:left;
width:208px;
}
#gauche #inner {
padding:10px 10px 10px 20px;
}
dl.menuGauche {
margin-left:0;
padding:0 0 4px 0;
border-bottom:2px solid #edcf33;
width:150px;
clear:both;
}
dl.menuGauche a {
text-decoration:none;
font-size:1.2em;
font-weight:bold;
}
.menuGauche dd {
margin:6px 0;
padding-bottom:6px;
border-bottom:2px solid #edcf33;
text-align:center;
letter-spacing:0.1em;
}
.menuGauche dt {
margin:5px 0;
padding-left:5px;
}
.menuGauche dd a, .menuGauche dt a:hover, .menuGauche dt.active a{
color:#dd1212;
}
.menuGauche dt a {
color:#edcf33;
font-size:0.9em;
}
.menuGauche dd a:hover {
color:#BBB;
}
#droite {
float:left;
width:590px;
}
#ousuisje {
color:#BBB;
margin:8px 0;
}
#ousuisje a {
color:#edcf33;
text-decoration:none;
margin:8px 0;
}
#ousuisje a:hover, #ousuisje span {
color:#d03315;
}
#fond {
width:580px;
background:#FFF url(../img/bizoH.gif) left top no-repeat;
color:#000;
}
#fond #inner {
position:relative;
top:10px;
background:#FFF url(../img/bizoG.gif) repeat-y;
padding:5px 10px 10px 10px;
}
#contenu {
background:#FFF url(../img/fond-page.gif) 50% 75px no-repeat;
width:470px;
margin-left:45px;
padding-bottom:5px;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}
#contenu h2 {
color:#dd1212;
font-size:1.5em;
margin:0.9em 0;
padding:0;
}
#contenu h2 span {
font-size:0.8em;
}
#contenu h3 {
margin:4px 0;
padding:0;
font-size:1.1em;
}
#contenu p a {
text-decoration:none;
border-bottom:1px dashed #333;
color:#333;
}
#contenu p a:hover {
border-bottom:0;
background:#FFF;
border-bottom:1px dashed #000;
color:#000;
}

#clear {
clear:both;
width:100%;
padding-top:10px;
}
#pied {
padding:10px 10px 4px 10px;
background:transparent url(../img/pointille-J.gif) bottom center repeat-x;
text-align:center;
font-size:0.85em;
}
#pied a  {
background:#000;
padding:0 5px;
text-decoration:none;
color:#edcf33;
}
#pied a:hover  {
color:#d03315;
}
#pied a.active  {
color:#BBB;
}
#pied span {
background:#000;
}