* {font-family:Georgia, Arial, Helvetica, sans-serif}

html, body {margin:0; padding:0}
body {background:url(body.png) #2B2928 repeat-x}
object {outline:0}

h1, h2, h3, h4, h5, h6 {color:#A58631}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}
p, p * {font-size:14px}
a {color:#3A200F}

#global {width:983px; background:url(main-bigfond.png) #2B2928 no-repeat; margin:0 auto; min-height:500px; position:relative}

#header h1 {margin:0}
#header a {display:block; position:absolute; right:0; width:325px; height:207px; text-indent:-4000px}
#menu {width:325px; float:right; margin-top:170px}

#content {padding-top:40px; overflow:hidden}

#contenu {width:548px; margin:0 0 20px 92px}
#haut_contenu {background:url(contenu-ht.png) no-repeat top left; min-height:400px}
#bas_contenu {background:url(contenu.png) no-repeat bottom left; min-height:400px}

#ariane, #ariane * {margin:0; font-size:12px; color:#6A4811}

#menu ul {margin:0; padding:0; list-style-type:none}
#menu ul li {background:url(menu-filet.png) no-repeat left bottom}
#menu img {border:0; margin-bottom:5px}

#fond_footer {background:url(pied-rpt.png) #2B2928 repeat-x; min-height:300px}
#footer {width:883px; margin:auto; padding:20px 0 0 100px; position:relative}
#footer * {margin:0}

#footer h1 {color:#3A200F; overflow:hidden}
#footer h2 {margin:0 0 8px 0; clear:both}
#footer h2, #footer h2 * {color:#6A4811; font-size:14px; text-transform:uppercase; text-decoration:none}
#footer div.accroche{color:#3A200F}

#parmi_cuvees {width:230px; overflow:hidden; float:left; height:236px; padding:0 20px}
#parmi_cuvees img {display:block; float:left; clear:both; margin:0 8px 8px 0}
#parmi_cuvees h1 img {margin:0 8px 0 0}
#parmi_cuvees a.voir {display:block; width:156px; height:30px; background:url(btn-cuvees.png); clear:both; text-indent:-4000px; margin:10px 0 0 0}
#parmi_cuvees a.voir:hover {background:url(btn-cuvees.png) 0 30px}

#conseils {width:230px; overflow:hidden; float:left; height:236px; padding:0 20px}
#conseils a.voir {display:block; width:152px; height:30px; background:url(btn-conseils.png); clear:both; text-indent:-4000px; margin:10px 0 0 0}
#conseils a.voir:hover {background:url(btn-conseils.png) 0 30px}

#blog {width:230px; overflow:hidden; float:left; height:234px; border-left:1px solid #fff; border-right:1px solid #fff; padding:0 20px}
#blog a.voir {display:block; width:98px; height:30px; background:url(btn-suite.png); clear:both; text-indent:-4000px; margin:10px 0 0 0}
#blog a.voir:hover {background:url(btn-suite.png) 0 30px}

#plan {width:280px; overflow:hidden; height:234px; padding:0 20px}
#plan img {border:0; margin:0 0 10px 0}
#plan .accroche {font-size:12px}
#plan span {font-size:11px}

#vigneron {clear:both; width:300px; height:60px; background:url(logo-vigneronindependant.png) no-repeat 0 4px; margin:8px 0 0 0; color:#C8BD9E; padding:6px 0 0 44px; text-transform:uppercase; position:absolute; top:270px}
#vigneron img {display:block}

#menu_bas {clear:both; position:absolute; right:200px; top:270px; margin:0; padding:0; list-style-type:none}
#menu_bas li {display:inline}
#menu_bas a {text-decoration:none; color:#C8BD9E; font-size:12px}

#ariane {position:absolute; margin:-18px 0 0 36px; z-index:40}
#ornement.affiche #ariane {margin:-49px 0 0 0px}
#ornement.affiche h1 {margin-top:0}

#edito {color:#5E5E5E}
#edito #visuel {margin:-2px 0 0 -2px}
#edito h1 {padding-top:10px; margin:0}

#ornement {min-height:430px; padding:2px 16px 8px 2px; overflow:hidden}
#ornement.affiche {background:url(ornement.png) no-repeat top left; padding:31px 20px 8px 30px}
#ornement.cache {background:none}

div.description {font-size:14px; color:#5E5E5E; padding:0 0 0 10px}
div.visuel {float:left; margin:0 20px 10px 0}
div.visuel_article {float:left; margin:0 10px 10px 0}
div.visuel img {border:0}


div.rubrique_liste {width:30%; float:left; overflow:hidden; margin:0 16px 16px 0}
.blog div.rubrique_liste {width:100%; float:none}
div.rubrique_liste img {display:block; margin:auto; border:0}
div.rubrique_liste h2 {text-align:center}
div.rubrique_liste h2.titre {text-align:left}
div.rubrique_liste h2 a {text-decoration:none; color:#A58631}

a.lire_la_suite {color:#A58631; font-size:12px}

div.filet {background:url(contenu-filet.png) no-repeat; clear:both}

div#langs {position:absolute; top:20px; right:350px}
div#langs, div#langs * {color:#A58631; font-size:14px; text-decoration:none; text-transform:uppercase}

.chapo{	font-weight:bold; }
















