/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* general
------------------------------------------------------------------*/
body { background: #341211 url(../images/bg_body.png); font: 11px/1.321 Arial, Verdana, sans-serif; color: #808084; } 
select, input, textarea { font: 12px/1.321 Arial, Verdana, sans-serif; color: #808084; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { position: relative; margin-bottom: 6px;/*margin-bottom: 10px;*/ }
h1 span { position: absolute; left: -9999px; top: -9999px; }
h2 { margin-bottom: 6px;/*margin-bottom: 10px;*/ font-size: 13px; color: #630D0D; font-weight: normal; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #808084; }
a:hover { color: #341211; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

button {  width: auto; overflow: visible; }

form textarea,
form input { border: 0; background: #fff; }
.ie8 form .radio input,
.ie7 form .radio input,
.ie6 form .radio input { background-color: transparent; }
form label { color: #1A171B; }

.hidden { display: none; visibility: hidden; }
/*.ie6 #recette .visibleContent #showText { display: none !important; }*/
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 10px 0;/*margin: 0 0 14px 0;*/ }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

/* page structure
------------------------------------------------------------------*/
#wrapper { position: relative; width: 980px; height: 580px; margin: 0 auto; background: url(../images/bg_wrapper.png) no-repeat; }
#header { position: relative; height: 159px; width: 880px; margin: 0 50px; padding-top: 15px; }
.content { margin: 0 50px; }
#footer { position: absolute; z-index: 5; bottom: 0; left: 50px; width: 880px; height: 50px; }

/* header
------------------------------------------------------------------*/
#logo { float: left; display: inline; width: 174px; height: 108px; margin: 5px 0 0 20px; }
#menu { float: left; margin: 0 0 0 50px; list-style: none; }
#menu li { float: left; }
#menu li a { display: block; height: 139px; text-indent: -9999px; }
#menu li a#since1828 { width: 129px; background: url(../images/nav_since1828.png) no-repeat; }
#menu li a#since1828:hover,
#menu li.active #since1828 { background-image: url(../images/nav_since1828_active.png); }
#menu li a#recipesEat { width: 140px; background: url(../images/nav_eat.png) no-repeat; }
#menu li a#recipesEat:hover,
#menu li.active a#recipesEat { background-image: url(../images/nav_eat_active.png); }
#menu li a#recipesDrink { width: 139px; background: url(../images/nav_drink.png) no-repeat; }
#menu li a#recipesDrink:hover,
#menu li.active a#recipesDrink { background-image: url(../images/nav_drink_active.png); }
#menu li a#news { width: 173px; background: url(../images/nav_news.png) no-repeat; }
#menu li a#news:hover,
#menu li.active a#news { background-image: url(../images/nav_news_active.png); }
#path { position: absolute; left: 0; bottom: 0; width: 855px; padding: 0 0 5px 25px; background: url(../images/bg_shadow.jpg) no-repeat bottom; font-size: 10px; color: #C9AF5F; text-transform: uppercase; }
#path a { color: #C9AF5F; text-decoration: none; }
.game { background: url(../images/bg_gamebanner.png) no-repeat 0 40px; }
#gameLink { position: absolute; top: 40px; right: 0; display: block; width: 645px; height: 63px; text-indent: -9999px; }

/* homepage
------------------------------------------------------------------*/
#hp #header { height: 310px; }
#hp #newsScroller { position: relative; width: 880px; height: 205px; margin: 0 50px; background: grey; }
#hp #menu { clear: both; float: none; margin-left: 35px; }
#hp #menu li a { text-indent: -9999px; }
#hp #menu a#since1828 { width: 163px; height: 192px; background: url(../images/bg_hp_since1828.jpg) no-repeat; }
#hp #menu a#recipesEat { width: 220px; height: 192px; background: url(../images/bg_hp_recipes_eat.jpg) no-repeat; }
#hp #menu a#recipesDrink { width: 225px; height: 192px; background: url(../images/bg_hp_recipes_drink.jpg) no-repeat; }
#hp #menu a#news { width: 211px; height: 192px; background: url(../images/bg_hp_news.jpg) no-repeat; }

/* intro
------------------------------------------------------------------*/
#intro #wrapper { background: none; }
#introFlash { width: 391px; margin: 0 auto; padding-top: 90px; text-align: center; }
#videoView #introFlash { padding-top: 14px; }
#introFlash a { font-size: 23px; color: #C9AF5F; text-decoration: none; }

/* sections
------------------------------------------------------------------*/
#section1 { width: 880px; height: 178px; color: #fff; }
#section1 a { width: 830px; height: 153px; color: #fff; }
#section1 strong { font-size: 10px; color: #BE9E55; text-transform: uppercase; }
#section2 { float: left; width: 350px; height: 178px; color: #341211; }
#section2 a { width: 300px; height: 153px; color: #341211; }
#section3 { float: left; width: 530px; height: 178px; color: #341211; }
#section3 a { width: 505px; height: 153px; padding: 25px 0 0 25px; color: #341211; }
#since #section3 a { padding-left: 0; width: 530px; text-align: center; }
.section { position: relative; }
.section .bgImg { display: block; }
.section a.sectionText { text-transform: uppercase; text-decoration: none; font-size: 10px; }
.section .sectionText { position: absolute; top: 0; left: 0; display: block; padding: 25px 25px 0 25px;  font-size: 11px; line-height: 1.2; }
.section p { margin: 0 0 7px;/*margin: 0 0 10px;*/ }
.ie6 #section2 .sectionText { z-index: 100; }
#since #section2 p { width: 250px; }
#since #section3 h2 { padding-top: 115px; }
#recetteshp .linkImg,
#since #section3 .linkImg { margin-left: 7px; }
#recetteshp #section1 .linkImg { margin: 0; }
.recettesDuMois a { position: relative; }
.recettesDuMois .linkImg { position: absolute; top: 56px; left: 190px; }

#partners .section a { width: auto; height: auto; padding: 0; text-transform: uppercase; font-size: 10px; text-decoration: none; }
#partners #section1 { color: #341211; }
#partners #section1 .sectionText { padding-left: 130px; }
#partners #section1 a { color: #BD0926; }
#partners #section2 { color: #fff; }
#partners #section2 a { color: #ECC847; }
#partners #section3 { color: #72320C; }
#partners #section3 a { color: #231F20; }
#partners p { font-size: 10px; }

/*
#introSince1828 #section2 a { height: 162px; padding-top: 15px; }
#introSince1828 #section2 h2 { margin-bottom: 5px; }
#introSince1828 #section3 a { height: 38px; padding-top: 140px; }
*/

/* content
------------------------------------------------------------------*/
#pageHeader { position: relative; overflow: hidden; width: 880px; height: 178px; }
#pageHeaderBody { position: absolute; top: 0; left: 0; width: 830px; height: 153px; padding: 25px 25px 0 25px; text-transform: uppercase; font-size: 10px; line-height: 1.2; color: #fff; }
#histoire #pageHeaderBody { color: #341211; }
#histoire #pageHeaderBody p { width: 470px; }

#contentWrp { position: relative; z-index: 9; width: 855px; height: 157px; padding: 20px 0 0 25px; background: #fff; }
#recette #contentWrp { width: 880px; padding: 20px 0 0 0; background: #fff url(../images/bg_contentWrp.gif) no-repeat; }
#contentSidebar { float: left; width: 177px; height: 131px; border-right: 1px solid #341211; }
#recette #contentSidebar { border-right: none; }
#contentSidebar img { display: block; }
#contentSidebar ul { margin: 0 0 5px 0;/*margin: 0;*/ list-style: none; }
#contentSidebar ul li { padding-left: 9px; background: url(/images/bg_ul_li.png) 0 4px no-repeat; }
#contentLinks { position: relative; float: right; width: 126px; height: 131px; padding-left: 25px; border-left: 1px solid #341211; }
#recette #contentLinks { height: 155px; background: url(../images/bg_contentLinks.jpg) 20px 100% no-repeat; border-left: none; }
#contentLinks a { color: #C9AF5F; line-height: 2; }
#contentLinks #packshot { position: absolute; bottom: -20px; left: 20px; }
#printLink { padding: 5px 0 5px 20px; background: url(../images/icon_print.png) 0 2px no-repeat; }
#sendToFriend { padding: 5px 0 5px 20px; background: url(../images/icon_sendtofriend.png) 0 4px no-repeat; }
#pdfLink { padding: 5px 0 5px 20px; background: url(../images/icon_pdf.png) 0 2px no-repeat; }
#contentBody { position: absolute; top: 17px;/*top: 20px;*/ left: 203px; z-index: 10; overflow: hidden; width: 475px; height: 134px;/*height: 133px;*/ padding: 0 25px; background: #fff; }
#recette #contentBody { left: 0; width: 703px; padding: 0 0 0 25px; background: #fff url(../images/bg_contentBody.gif) no-repeat; }
#recette #contentBodyText { float: right; width: 455px; padding-right: 20px; }
#contentWrp .visibleContent,
#recette #contentWrp .visibleContent { height: auto; }
#showText { position: absolute; bottom: 0; right: 25px; width: 475px; height: 15px; margin: 0; padding-top: 25px; background: url(../images/bg_hiddentext.png) bottom no-repeat; text-align: right; }
#recette #showText { right: 20px; width: 683px; padding-top: 25px; background: url(../images/bg_hiddentext_recette.png) bottom left no-repeat; }
.ie6 .visibleContent #showTextWrp { display: none; }
#hideText { margin: 0; text-align: center;  }
#recette #hideText { clear: both; margin: 0; padding-left: 183px; text-align: center;  }

#recipeInfo { padding-top: 5px; text-transform: none; line-height: 1.5; }
.prepTime { float: left; margin-right: 15px; }
.prepTime em { color: #C8AE5F; font-style: italic; text-transform: uppercase; }
.peopleCount { clear: both; }
.ingredients #contentSidebar h3 { margin-left: 9px; color: #C8AE5F; text-transform: uppercase; font-size: 11px; font-style: italic; font-weight: normal; }
.ingredients #contentSidebar h4 { margin-left: 9px; }
.ingredients #contentSidebar li { font-style: italic; }
.ingredients #contentBody h2 { color: #808084; }

#overviewTop { position: relative; z-index: 20; height: 43px; padding: 25px 0 0 25px; background: url(../images/bg_search.png) no-repeat; }
#overviewTop form { margin: 0; }
#overviewTop .searchtext { float: left; text-transform: uppercase; color: #341211; font-weight: bold; font-size: 10px; }
#overviewTop #label { margin-right: 20px; border-bottom: 1px solid #341211; }
#overviewTop .add { margin-top: -5px; font-size: 18px; }
#overviewTop .choise { position: relative; float: left; width: 134px; min-height: 22px; margin: -5px 23px 0; -webkit-box-shadow: #C8AE5F 0 0 10px; -moz-box-shadow: #C8AE5F 0 0 10px; box-shadow: #C8AE5F 0 0 10px; }
.ie6 #overviewTop .choise { height: 22px; }

.ie6 #overviewTop .choise,
/*.ie6 #overviewTop .choise ul,*/
.ie7 #overviewTop .choise,
/*.ie7 #overviewTop .choise ul,*/
.ie8 #overviewTop .choise/*,
.ie8 #overviewTop .choise ul*/ { behavior: url(css/PIE.htc); }

#overviewTop .choise .drinkLink { position: absolute; top: 0; left: 0; z-index: 20; display: block; width: 134px; height: 22px; background: #fff1b4; color: #341211; font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: bold; text-align: center; line-height: 22px; }
#overviewTop .active .drinkLink,
#overviewTop .choise .selected { background: #341211; color: #fff1b4; }
#overviewTop .choise ul { position: absolute; top: 22px; left: 0; z-index: 10; display: none; width: 134px; margin: 0; padding: 10px 0; background: #fff1b4; list-style: none; -webkit-box-shadow: #C8AE5F 0 0 10px; -moz-box-shadow: #C8AE5F 0 0 10px; box-shadow: #C8AE5F 0 0 10px; }
#overviewTop .choise li { width: 124px; padding: 0 5px 2px; }
#overviewTop .choise li a,
#overviewTop .choise li span { display: block; width: 99px; padding: 0 5px 0 20px; background: url(../images/icon_listbullet.png) no-repeat 10px 5px; color: #341211; text-decoration: none; cursor: pointer; }
#overviewTop .choise li a:hover,
#overviewTop .choise li.selectedSub a,
#overviewTop .choise li span:hover,
#overviewTop .choise li.selectedSub span { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #341211; color: #fff2b5; }

/*.ie6 #overviewTop .choise li a:hover,
.ie7 #overviewTop .choise li a:hover,
.ie8 #overviewTop .choise li a:hover,
.ie6 #overviewTop .choise li.selectedSub a,
.ie7 #overviewTop .choise li.selectedSub a,
.ie8 #overviewTop .choise li.selectedSub a,
.ie6 #overviewTop .choise li span:hover,
.ie7 #overviewTop .choise li span:hover,
.ie8 #overviewTop .choise li span:hover,
.ie6 #overviewTop .choise li.selectedSub span,
.ie7 #overviewTop .choise li.selectedSub span,
.ie8 #overviewTop .choise li.selectedSub span { behavior:url(css/PIE.htc); }*/

#overviewTop .active ul { display: block; }
#overviewTop .radio { position: relative; top: -8px; float: left; width: 80px; color: #341211; text-transform: uppercase; font-weight: bold; line-height: 1.5; }
#overviewTop #submitButton { position: relative; top: -3px; width: 30px; border: 0; background: #341211; color: #FFF2B5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #C8AE5F 0 0 10px; -moz-box-shadow: #C8AE5F 0 0 10px; box-shadow: #C8AE5F 0 0 10px; }
.ie6 #overviewTop #submitButton { top: -5px; }
.ie6 #overviewTop #submitButton,
.ie7 #overviewTop #submitButton,
.ie8 #overviewTop #submitButton { behavior:url(css/PIE.htc); }
#newstalgieSelect label { margin-right: 15px; color: #341211; text-transform: uppercase; font-weight: bold; }
.overview { height: 263px; padding: 25px 25px 0; background: #fff; }
.overview p { text-transform: uppercase; color: #341211; }
#recipesMonth .overview .intro { margin-bottom: 75px; }
#recipesMonth .overview .intro h1,
#searchRecipes  .overview .intro h1 { margin-bottom: 15px; }
.overview { position: relative; }
.overview ul { margin: 0; list-style: none; }
.overview li { position: relative; float: left; overflow: hidden; width: 230px; height: 130px; margin-right: 70px; }
.overview li:nth-child(3n) { margin-right: 0; }
.overview li a { text-decoration: none; }
.overview li h2 { margin: 0; font-size: 12px; line-height: 1.1; }
.overview li h2 span { text-transform: uppercase; }
.overview li .readmoreLink { position: absolute; bottom: 10px; right: 0; margin: 0; text-align: right; }
/*.overview li a { display: block; height: 130px; }
.ie6 .overview li .readmoreLink { width: 66px; height: 15px; }*/
#searchRecipes .overview .intro { height: 263px; background: url(../images/bg_searchintro.jpg) no-repeat 400px 0; }
#searchRecipes #rechercherdeguster .intro { height: 263px; background: url(../images/bg_searchintro_deguster.jpg) no-repeat 180px 30px; }
.overview a.browse { left: 4px; bottom: 133px; }
.overview a.right { left: 859px; }

#contact { width: 880px; height: 355px; background: url(../images/bg_contact.jpg) no-repeat center top; }
#sendtofriend { position: relative; width: 880px; height: 355px; background: url(../images/bg_sendtofriend.jpg) no-repeat center top; }
#contact form,
#sendtofriend form { position: relative; width: 410px; height: 220px; margin: 0 auto; padding-top: 95px; }
#sendtofriend #sendPage { position: absolute; top: 42px; /*top: 35px;*/ left: -25px; font-size: 15px; color: #341211; line-height: 1.1em; text-transform: uppercase; }
#sendtofriend #sendPage span { text-transform: none; }
form fieldset { float: left; width: 245px; }
form fieldset:first-child { width: 165px; padding-top: 14px; }
form fieldset div { clear: both; padding-right: 10px;  }
form fieldset input { float: right; margin-bottom: 4px; }
form fieldset label { float: left; }
form fieldset textarea { width: 190px; }
form #name,
form #city,
form #country,
form #tel,
form #email { width: 110px; }
form #emailWrp { margin-bottom: 20px; }
form #firstname,
form #address { width: 95px; }
form #zip,
form #firstnameFriend,
form #emailFriend { width: 80px; }
form #messageWrp,
form #captchaImg { margin-bottom: 5px; }
form #message { width: 230px; height: 93px; }
form #captchaWrp { padding-right: 90px; background: url(../images/bg_captchawrp.png) no-repeat top right; }
form #captchaWrp input { width: 110px; }
form #mandatory { position: absolute; bottom: 0; left: 0; width: 160px; padding-top: 10px; color: #341211; }
form #formButton { position: absolute; right: 0; bottom: 10px; width: 60px; margin-right: 10px; border: 0; background: #341211; color: #FFF2B5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
form #captchaWrp span.error { clear: both; display: block; color: #f00; }
form input.error { background: #e1001a; }

#fulltext { width: 855px; height: 325px; padding: 0 0 0 25px; }
.columns { width: 855px; height: 325px; padding: 0 0 0 25px; column-width: 260px; }
.columns p,
.columns li { line-height: 1.2; }
.columns h2 { margin-bottom: 5px; }
.columns a { text-decoration: none; }
.columns h2 a { color: #341211; text-transform: uppercase; }
.columns ul { margin: 0 0 10px; list-style: none; }
.columns ul ul { margin: 0 0 15px 0; }
.columns #newsSitemap ul,
.columns ul ul ul { margin-bottom: 10px; }
.columns li a { padding-left: 15px; background: url(../images/icon_link_small.gif) 0 1px no-repeat; color: #341211; line-height: 1.35em; text-transform: uppercase; }
.columns li li { color: #630D0D; }
.columns li li a { padding: 0; background: none; line-height: 1.1em; text-transform: none; color: #808084; }
.columns li li li { line-height: 1.1; }
.columns li li li a { padding: 0; background: none; text-transform: none; color: #808084; }

.recipeCat { padding-left: 6px; background: url(../images/bg_sitemap_recipeCat.png) 0 4px no-repeat; }
.newstalgie li { padding-left: 6px; background: url(../images/bg_sitemap_newstalgie_li.png) 0 4px no-repeat; }

#disclaimer .column p { line-height: 1.15em; }

/* footer
------------------------------------------------------------------*/
#signature { float: left; margin-top: 5px; }
#footerLinks { float: right; margin: 0; padding-top: 10px;/*padding-top: 15px;*/ list-style: none; }
#footerLinks li { float: left; padding-left: 10px; color: #C9AF5F; text-transform: uppercase; line-height: 20px; font-size: 10px; }
#footerLinks li a { padding: 0;/*padding: 5px 0;*/ color: #C9AF5F; line-height: 20px; text-decoration: none; }
#footerLinks #contactLink { display: block; width: auto; height: 26px; padding-left: 30px; background: url(../images/icon_contact.png) no-repeat; }
.ie6 #footerLinks #contactLink { display: inline-block; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }