body {margin:0;padding:0;background:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* STYLES COMMUNS */
* {margin:0;padding:0;font-size:11px;color:#3A3838;}
h1 strong, h2 strong, h3 strong {display:none;}
li {list-style:none;}
.clear {clear:both;font-size:1px;height:0;line-height:0;}
.img-left {float:left;padding-right:10px;}
.vin {color:#773C5A;}
.blanc {color:#B7CC40;}
.rouge {color:#A80000;}
.gris {color:#928D8D;}
.rose {color:#B66283;}
.anis {color:#98AA36;}
.size10 {font-size:10px;}
.size10 *{font-size:10px;}
.left {float:left;}
.right {float:right;}
em{font-family:Georgia, "Times New Roman", Times, serif;color:#666;font-weight:normal;}


h2 {font-family:"Trebuchet MS";font-size:18px;font-weight:normal;color:#773C5A;}
h3 {font-family:"Trebuchet MS";font-size:16px;}
h3 span {font-size:16px;}
h4, h4 span, h4 a {font-size:12px;}

#container {width:810px;margin:0 auto;position:relative;min-height:500px;}
* html #container {width:810px;height:500px;}
#container .ronds {background:url(../img/common/bg-ronds.png) no-repeat;width:90px;height:105px;position:absolute;top:245px;left:-85px;}

/* HEADER */
#header {width:810px;height:110px;background:#FFF url(../img/common/new/bg-header.gif) no-repeat 0 bottom;position:relative;}
#header h1 {background:url(../img/common/new/logo.png) no-repeat;width:236px;height:72px;position:absolute;top:30px;left:0;}   
#header h1 a {display:block;width:235px;height:50px;}
#header #navig {width:536px;position:absolute;top:15px;left:272px;}
#header * {font-size:10px;}
#header a {text-decoration:none;}

#header #liens {padding:0 5px;height:18px;}
#header #liens a:hover{text-decoration:underline;}
#header #liens p {float:left;color:#773C5A;font-size:12px;}
#header #liens p strong {font-size:12px;}
#header #liens p * {color:#773C5A;}
#header #liens p a{background:url(../img/common/new/picto-mail.gif) no-repeat;padding-left:20px;font-weight:bold;}
#header #liens ul {float:right;}
#header #liens ul li{display:inline;}
#header #liens li.deconnect {background:url(../img/membre/croix.png) no-repeat right 5px;padding:2px 10px 0 0;}
#header #liens li.deconnect a:hover {color:#CC0000;}

#header #barre-search {background:url(../img/common/new/bg-barre-search.png) no-repeat;width:516px;height:36px;line-height:31px;padding:0 10px;}
#header #barre-search form {float:left;position:relative;}
#header #barre-search form input#cat-search {width:160px;height:18px;background:url(../img/common/new/bg-champ-search.gif) no-repeat;border:none;position:absolute;top:6px;padding:2px 0 0 4px;}
#header #barre-search form input#ok {position:absolute;top:8px;left:165px;}
#header #barre-search p {float:right;font-weight:bold;background:url(../img/common/new/picto-panier.gif) no-repeat 0 10px;padding-left:20px;}
#header #barre-search p a {color:#3A3838;text-decoration:underline;}

#menu {background:url(../img/common/new/bg-barre-menus.png) no-repeat 0 0;width:533px;height:20px;padding:6px 0 0 3px;position:absolute;top:70px;left:272px;z-index:100;}
#menu dd {display:block;float:left;position:relative;width:177px;text-align:center;}
#menu dd a{display:block;height:15px;text-decoration:none;}
#menu dd a strong{color:#FFF;}
#menu dd span {display:block;height:15px;}
#menu dd span strong {color:#FFF;}
#menu dd.js span strong {background:url(../img/common/new/fleche-down.gif) no-repeat right 4px;padding-right:15px;}
#menu dd ul {display:none;text-align:left;}
#menu dd ul a{color:#3A3838;font-weight:normal;height:auto;background:none !important;}
#menu dd:hover ul, #header dl#menu dd.sfhover ul {display:inline-block;position:absolute;top:15px;left:1px;background:#FFF;width:175px;border:1px solid #773C5A;z-index:100;}
#menu dd.sfhover ul li {padding:4px 10px;border-top:1px solid #E4D8DE;}
#menu dd.sfhover ul li.first {border:none;}
#menu dd.sfhover ul li:hover {background:#F0EBEC;}

/* COLONNE GAUCHE */
#col-left {float:left;position:relative;left:5px;padding:5px;z-index:1;}

/* COLONNE DROITE */
#col-right {float:right;position:relative;z-index:1;}

/* FOOTER */
#footer {width:810px;padding-top:15px;margin:0 auto;position:relative;clear:both;background:url(../img/common/bg-footer.png) no-repeat 0 0;}
#footer * {text-align:center;font-size:10px;color:#3A3838;}
#footer .ronds {background:url(../img/common/bg-ronds-footer.png) no-repeat;width:79px;height:42px;position:absolute;top:0;left:810px;}
#footer li {display:inline;}
#footer li a{text-decoration:none;}
#footer li a:hover{text-decoration:underline;}