:root, html     { overflow-y: scroll; }
html            { background: #fff url(../_images/template/body-bkg.gif) repeat-x 0 0; }

body	        { font: 12px Arial, sans-serif; color: #4b4b4b; }

h1, h2, h3, h4, h5  { font-weight: normal; }

a               { text-decoration: none; color: #C02A16; }

a:hover,
a:active,
a:focus         { text-decoration: none; }

p, li, dd, dt, label, legend, td, th, caption, blockquote    { font-size: 14px; line-height: 19px; }

legend          { white-space: normal; }
select, input, textarea { outline: 0; font: 14px/19px Arial, sans-serif; margin: 0; }

/* LAYOUT */
.grid                { width: 960px; margin: 0 auto; position: relative; }

#header              { padding: 0; height: 255px; position: relative; z-index: 20; margin-bottom: -139px; background: url(../_images/template/header-bkg.png) no-repeat 50% 42px; }

#content             { position: relative; z-index: 10; }
#content-inner       { background: #fff; }

#main-content        { float: left; width: 580px; padding-bottom: 70px; }
#sidebar             { float: right; width: 360px; padding-bottom: 70px; }

/* HEADER */
#logo                   { position: absolute; top: 51px; left: 26px; float: left; text-indent: -9999px; overflow: hidden; background: url(../_images/template/logo.png) no-repeat 0 0; }
#logo a                 { display: block; outline: 0; }

#logo,
#logo a                 { width: 176px; height: 126px; }

#facebook        		{ position: absolute; top: 42px; right: 50px; z-index: 10; background: url(../_images/template/facebook-share-bkg.png) no-repeat 0 0; width:213px; height:80px; }

#facebook-share,
#facebook-share a       { width: 45px; height: 26px; display: block; position:relative; top: -12px; right:-43px; }

#facebook-share a       { overflow: hidden; text-indent: -9999px; background: url(../_images/template/facebook-share-icon.gif) no-repeat; }

#facebook-fan,
#facebook-fan a       { width: 20px; height: 20px; display: block; position:relative; top: -4px; right:-22px; }

#facebook-fan a       { overflow: hidden; text-indent: -9999px; background: url(../_images/_icons/facebook.png) no-repeat; }

#slogan                 { position: absolute; top: 97px; left: 440px; width: 397px; height: 49px; overflow: hidden; text-indent: -9999px; background: url(../_images/template/slogan.png) no-repeat 0 0; }

#header-chocolate       { position: absolute; top: 211px; left: 35px; }

/* NAVIGATION */
#navigation                     { height: 40px; position: relative; z-index: 20; }
#navigation li                  { float: left; font-size: 13px; line-height: 16px; color: #cfbbad; text-transform: uppercase; font-weight: bold; background: url(../_images/template/menu-bkg.png) no-repeat 0 0; }
#navigation li a                { float: left; color: #cfbbad; padding: 12px 13px; }

#navigation li.over a,
#navigation li.selected a,
#navigation li a:hover          { background: url(../_images/template/menu-hover.png) repeat-x 0 0; }
#navigation li.first-child      { margin-left: 93px; }

/* submenu */
#navigation li.over         { position: relative; }
#navigation li ul           { clear: both; position: absolute; border-top: 2px solid #c99d00; width: 210px; list-style: none; padding: 8px 10px 10px; z-index: 60; top: -9999px; left: -9999px; background: #892301; }

#navigation li.over ul      { top: 40px; left: 0; }

#navigation li li               { font-size: 12px; line-height: 14px; float: none; color: #cfbbad; text-transform: none; font-weight: normal; background: 0; border-top: 1px solid #c99d00; }
#navigation li li.first-child   { border-top: 0; margin: 0; }
#navigation li li a             { float: none; display: block; padding: 6px 13px; text-align: left; color: #fff; background: 0 !important; }
#navigation li li a:hover       { background: #913212 !important; }

#navigation li.over-right ul    { right: 0; left: auto; }


/* SLIDESHOW */ 
#slideshow-container            { height: 424px; position: relative; z-index: 10; }
#slideshow				        { position: relative; height: 424px; background: #fff; }
#slideshow .inner               { width: 960px; height: 400px; overflow: hidden; background: #fff; position: relative; }
#slideshow img      	        { display: block; width: 960px; height: 400px; }
#slideshow .items               { list-style: none; width: 960px; height: 400px; position: relative; z-index: 10; overflow: hidden; }
#slideshow .items li 	        { position: absolute; top: 0; left: 0; z-index: 10; display: none; width: 960px; height: 400px; }
#slideshow .items li p          { position: absolute; padding: 5px 20px 0; text-align: center; bottom: 0; left: 0; width: 920px; font-size: 29px; line-height: 33px; color: #fff; background: url(../_images/template/slideshow-text.png); letter-spacing: 1px; }
#slideshow .items li p span     { background: url(../_images/template/slideshow-chocolate.png) no-repeat 100% 1px; padding: 1px 54px 9px 0; display: inline-block; }
#slideshow .items li p strong   { font-family: "Arial Black", sans-serif; }

#slideshow .items .active  	{ display: block !important; }

#slideshow-container .numbered-nav-container       { position: absolute; width: 960px; height: 14px; top: 410px; left: 0; }
#slideshow-container .numbered-nav                 { list-style: none; z-index: 30; float: left; }

#slideshow-container .numbered-nav li              { float: left; margin-left: 2px; width: 14px; height: 14px; overflow: hidden; text-indent: -9999px; }
#slideshow-container .numbered-nav li:first-child  { margin-left: 0; }
#slideshow-container .numbered-nav a               { width: 14px; height: 14px; float: left; text-indent: -9999px; overflow: hidden; outline: 0; background: url(../_images/template/slideshow-dot.png) no-repeat 0 0; }

#slideshow .numbered-nav li.first-active a,
#slideshow .numbered-nav li.last-active a,
#slideshow .numbered-nav li.active a,
#slideshow .numbered-nav li a:hover         { background: url(../_images/template/slideshow-dot-selected.png) no-repeat 0 0; }

/* ARTICLE STYLE */
#content h1,
#page-home #article-container h2,
#subscribe-form-container h2          { font-size: 26px; line-height: 26px; color: #c99d00; font-weight: bold; }

#article-container              { width: 510px; padding: 76px 0 0 36px; background: url(../_images/template/article-decoration.jpg) no-repeat 14px 0; }
#article-container h2           { margin-bottom: 20px; }

.default-txt h2         { font-size: 20px; line-height: 23px; color: #5a2a13; font-weight: bold; }

.default-txt h3         { font-size: 17px; line-height: 20px; color: #5a2a13;font-weight: bold;  }

.default-txt h4,
.default-txt h5         { font-size: 13px; line-height: 18px; color: #5a2a13; font-weight: bold; }

.default-txt a           { text-decoration: underline; }

.default-txt a:hover,
.default-txt a:active,
.default-txt a:focus       { text-decoration: none; }

.default-txt p,
.default-txt li,
.default-txt dd,
.default-txt dt,
.default-txt td,
.default-txt th,
.default-txt caption        {}

.default-txt p,
.default-txt ul,
.default-txt ol,
.default-txt table,
.default-txt dl             { margin-bottom: 19px; }

.default-txt dt             { font-weight: bold; }

.default-txt ul             { list-style: none; }
.default-txt ul li          { padding: 0 0 0 10px; background: url(../_images/template/li-dot.png) no-repeat 0 7px; }

.default-txt ol             { margin-left: 30px; list-style: decimal; }

.default-txt li ul,
.default-txt li ol       { margin-top: 1em; }

.default-txt ul ol li    { background: 0; padding-left: 0; }

.default-txt table                 { width: 100%; border-collapse: separate; }
.default-txt table caption         { padding: 0 10px 10px; font-weight: bold; text-align: center; line-height: 1; color: #5a2a13; }
.default-txt thead th              { color: #5a2a13; font-weight: bold; line-height: 1; border-bottom: 1px solid #ddd; padding: 2px 0 9px; }

.default-txt tbody th,
.default-txt tbody td              { padding: 7px 0 9px; font-weight: normal; border-bottom: 1px solid #ddd; }

.default-txt tbody th              { padding-left: 10px; }

.default-txt blockquote,
.default-txt blockquote *          { font-style: italic; font-size: 18px; line-height: 25px; }
 
.default-txt .object-center         { margin-bottom: 28px; }
.default-txt .object-center img     { display: block; margin: 0 auto; }

.default-txt .object-left,
.default-txt .object-right         {}

.default-txt .object-left          { float: left; margin: 5px 10px 5px 0; clear: left; }
.default-txt .object-right         { float: right; margin: 5px 0 5px 10px; clear: right; }

.default-txt .object-left img,
.default-txt .object-right img     { display: block; }

#page-home #article-container .object-right { margin-top: -30px; margin-right: -37px; }

.default-txt pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }

.default-txt abbr,
.default-txt acronym { border-bottom: 1px dotted #666; cursor: help; }

.default-txt sup,
.default-txt sub    { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
.default-txt sup    { bottom: 1ex; }
.default-txt sub    { top: .5ex; }

/* ATELIERS */

.ateliers h3        { font-size: 12px; color: #5a2a13; font-weight: bold; }
.ateliers div       { min-height:150px;}
#Titles { font-size: 20px; line-height: 23px; color: #5a2a13; font-weight: bold; padding:10px 0 0px 0; }

/* WORKSHOPS */
#workshops            { background: url(../_images/template/workshops-bottom-bkg.png) no-repeat 50% 100%; position: relative; }
#workshops .inner     { padding: 42px 25px 10px; background: url(../_images/template/workshops-top-bkg.png) no-repeat 0 0; min-height: 292px; height: auto !important; height: 292px; }

#workshops h2       { font-size: 28px; line-height: 30px; color: #fff; margin-bottom: 18px; font-weight: bold; }
#workshops ul       { list-style: none; }

#workshops li p,
#workshops li       { color: #fff; font-size: 11px; line-height: 18px; }

#workshops li       { margin-top: 10px; }
#workshops li.first { margin-top: 0; }

#workshops li a     { color: #fff; }

#workshops,
#workshops h3           { font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 3px; }
#workshops h3 span      { display: block; }
#workshops h3 a:hover   { color: #c99d00; }

#workshops .item:first-child	{ font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; margin-top:0px; }
#workshops .item         { font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; margin-top:20px; }
#workshops .date         { font-size: 12px; line-height: 10px; color: #fff; }

#workshops .all         { font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; padding-top: 40px; }
#workshops .all a       { color: #fff; }
#workshops .all a:hover { color: #c99d00; }

#workshops-decoration   { position: absolute; top: -80px; right: -56px; }

/* submit recipe */
#submit-your-recipe         { width: 360px; height: 204px; margin: 30px 0 0; background: url(../_images/template/submit-recipe-bkg.jpg) no-repeat 0 0; }
#submit-your-recipe h2      { font-size: 21px; line-height: 21px; color: #fff; padding: 57px 0 2px 124px; }
#submit-your-recipe p       { font-size: 15px; line-height: 20px; font-family: "Arial Black", Arial, sans-serif; color: #fff; padding: 0 0 0 78px; }

#submit-your-recipe .more       { margin: 15px 0 0 168px; }

#submit-your-recipe .more,
#submit-your-recipe .more a     { display: block; width: 40px; height: 40px; padding: 0; background: url(../_images/template/submit-recipe-more.png) no-repeat 0 0; }

#submit-your-recipe .more a             { overflow: hidden; text-indent: -9999px; }
#submit-your-recipe .more a:hover       { background-image: url(../_images/template/submit-recipe-more-hover.png); }

/* SUBSCRIBE */
#subscribe-form-container               { padding: 31px 34px 0 36px; background: url(../_images/template/subscribe-form-spliter.gif) no-repeat 0 0; }
#subscribe-form-container .default-txt  { color: #000; margin-top: 20px; }

#subscribe-form                 { margin-top: -11px; width: 250px; }
#subscribe-form label           {}
#subscribe-form .field          { margin-bottom: 5px; }
#subscribe-form .field input    { background: #c5b1a1; color: #fff; border: 0; font-size: 11px; line-height: 13px; padding: 7px 10px; width: 230px; }
#subscribe-form .actions        { text-align: right; }

/* FOOTER ELEMENTS */
#footer             { clear: both; background: url(../_images/template/footer-repeat.gif) repeat-x 0 0; }
#footer .grid       { height: 258px; background: url(../_images/template/footer-bkg.gif) no-repeat 0 0; }

#logo-and-facebook      { float: left; width: 220px; padding: 7px 0 0; margin: 0 0 0 25px; }
#logo-and-facebook img  { display: block; }

#footer-logo            { float: left; }
#facebook               { float: left; padding: 10px 0 0 17px; }

#footer .section        { float: left; width: 210px; margin-left: 20px; overflow: hidden; padding: 16px 0 0; }
#footer .first          { margin-left: 14px; }
#footer .section h3     { font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; text-transform: uppercase; border-bottom: 1px solid #834834; padding: 0 0 8px; margin-bottom: 12px; }

#footer .default-txt    { color: #fff; }
#footer .default-txt a  { color: #fff; }

#footer .default-txt h2,
#footer .default-txt h3,
#footer .default-txt caption,
#footer .default-txt th,
#footer .default-txt td,
#footer .default-txt li,
#footer .default-txt p  { font-size: 11px; line-height: 19px; }

#footer .default-txt li     { padding: 0; background: 0; }

#footer .default-txt h2,
#footer .default-txt h3     { color: #fff; }


#footer .default-txt p  { margin-bottom: 21px; }

#newsletter-form                            { float: left; width: 100%; padding-top: 13px; }
#newsletter-form label                      {}
#newsletter-form #subscribe-to-newsletter   { float: left; background: #4f1101; color: #fff; border: 0; font-size: 11px; line-height: 13px; padding: 7px 10px; width: 140px; }
#newsletter-form .input-submit              { float: left; margin: 0 0 0 3px; }

#footer a           { text-decoration: none; }
#footer a:hover     { color: #c99d00; }

/* MISC */
#subscribe-form label,
#newsletter-form label  { position: absolute; top: -9999px; left: -9999px; }

#navigation:after,
.default-txt:after,
#content:after,
#content-inner:after,
#layout:after,
#header:after,
.grid:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }


/* RECEETTES */

.recettes h3        { font-size: 12px; color: #5a2a13; font-weight: bold; line-height:30px; padding-left:30px; }
.recettes div       { min-height:200px;}
#Titles { font-size: 20px; line-height: 23px; color: #5a2a13; font-weight: bold; padding:10px 0 0px 0; }
