/* Intro
---------------------------------------------------------------------------------------------------*/
.page-recette h1{font-family:Arial; color:#ff8300; font-weight:normal; font-size:2em}
.page-recette  h1 img{float:left; border-right:8px solid #fbfaf4; background:#fbfaf4; margin:0 0 0 -10px}
.page-recette .intro{padding-bottom:8px; border-width:0px; width:auto}
.intro p{font-size:1.1em}
.page-recette .intro p{border-bottom:1px solid #e2e1d7; padding-bottom:8px; margin-bottom:8px}

/* metadata ------------------*/
#box-selection-slideshow p span, 
.page-recette .intro div span{float:left; margin-right:12px; height:1.5em; font-size:.92em; white-space:nowrap}
.page-recette .intro div span span{margin-right:4px; font-size:1em}
.ease em, .cost em, .note em, .totaltime em, .preptime em, .cooktime em, .pausetime em{display:block; height:1.5em; line-height:1.5em; background-image:url("img/ico/metadata-ico.png"); background-repeat:no-repeat ; float:left; text-indent:-9999em}
.ease-0 em{background-position:0 0; width:19px}
.ease-1 em{background-position:-65px 0; width:19px}
.ease-2 em{background-position:-130px 0; width:19px}
.cost-0 em{background-position:0 -100px; width:30px}
.cost-1 em{background-position:-65px -100px; width:30px}
.cost-2 em{background-position:-130px -100px; width:30px}
.note-0{background-position:0 -50px; width:65px}
.note-1{background-position:-65px -50px; width:65px}
.note-2{background-position:-130px -50px; width:65px}
.note-3{background-position:-195px -50px; width:65px}
.note-4{background-position:-260px -50px; width:65px}
.note-5{background-position:-325px -50px; width:65px}
.totaltime em{background-position:0 -150px; width:15px}
.preptime em{background-position:-65px -150px; width:11px} 
.cooktime em{background-position:-130px -150px; width:16px}
.pausetime em{background-position:-195px -150px; width:11px}
.page-recette .image-with-credit #cycle{width:376px; height:214px}

/* Tools container
---------------------------------------------------------------------------------------------------*/
.tools-container{-opera-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background:#fff; border:1px solid #e2e1d7; margin:15px 0 20px; clear:both}

/* image-zoom DEPRECATED // NOT IN USE ------------------*/
span.zoom{position:absolute; display:block; width:30px; height:30px; background:url("img/ico/zoom.png") no-repeat top left; text-indent:-9999em}
a:hover span.zoom{background-position:top right}

/* tools -----------------------*/
.tools{padding:10px; font-size:.92em; zoom:1}
.tools li a{background-image:url("img/ico/tools-ico-big-blanc.png"); background-repeat:no-repeat; padding-left:30px; height:2.5em; display:block}
.tool-print a{background-position:0 0}
.tool-print a:hover, .tool-print a:focus{background-position:-1000px 0}
.tool-send a{background-position:0 -50px}
.tool-send a:hover, .tool-send a:focus{background-position:-1000px -50px}
.tool-add a{background-position:0 -100px}
.tool-add a:hover, .tool-add a:focus{background-position:-1000px -100px}
.tool-comment a{background-position:0 -150px}
.tool-comment a:hover, .tool-comment a:focus{background-position:-1000px -150px}
.tool-photo a{background-position:0 -200px}
.tool-photo a:hover, .tool-photo a:focus{background-position:-1000px -200px}
.tool-refresh a{background-position:0 -250px}
.tool-refresh a:hover, .tool-refresh a:focus{background-position:-1000px -250px}

/* print recipe
---------------------------------------------------------------------------------------------------*/
#print-popup{width:520px; padding:10px}
#print-popup .print-partner{float:right; background:#e2e1d7; padding:0 2px 2px 2px; margin-left:15px}
#print-popup .print-partner p{border-bottom:1px solid #fff; text-transform:uppercase; color:#797979; font-size:.86em; text-align:center; margin:0}
#print-popup p{margin-bottom:5px}
#print-popup form{margin-bottom:15px}
#print-popup .highslide-controls{float:right;left:auto;right:-10px;top:-10px;width:20px}

/* Ingredients
---------------------------------------------------------------------------------------------------*/
#ingredients-container{-opera-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; background:#fff; border:1px solid #e2e1d7; padding:10px 10px 15px 10px}
.ingredients{width:250px; float:left; margin-right:10px}
.ingredients form{float:right; font-size:.92em}
.ingredients form p input.input-image{padding-bottom:6px; vertical-align:middle}
.ingredients form input#servings{width:1.2em; font-size:1.3em; font-weight:bold; text-align:right; padding:1px 2px; height:14px; margin:-5px 0 0 0; border:1px solid #e2e1d7; background:#fff url(img/input-bg.gif) repeat-x}
.dotlist .ingredient-link{border-bottom:1px dotted #AAA}
.dotlist .ingredient-link a{border-bottom:1px dotted #AAA}
.dotlist .recipe-link{color:#247694; font-weight:bold; border-bottom:1px dotted #247694}
.dotlist .recipe-link:hover, .dotlist .recipe-link:focus, .dotlist .recipe-link:active{color:#0085B5;border-bottom:1px dotted #0085B5; text-decoration:none}
#ingredients-container .tab-container h4, .ingredients h4{font-size:1em; margin-top:1em}
#ingredients-container .tab-container{width:255px; float:right}
.read-more-conversions{float:right; width:255px; margin-top:1.25em}
.read-more-conversions a:link, .read-more-conversions a:visited{background:url(img/read-more-conversions.gif) no-repeat 0 50%; padding-left:17px; color:#9c9a8b; font-size:.92em}
.read-more-conversions a:hover, .read-more-conversions a:focus{color:#666}

/* Directions
---------------------------------------------------------------------------------------------------*/
.recipe-steps{-opera-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; margin-top:20px; background:#fff; border:1px solid #e2e1d7; padding:0px 10px 15px 10px}
.recipe-steps h2{margin-top:13px}
#hide-photos-link{position:absolute; zoom:1; padding:0 5px; color:#9c9a8b; background:#e2e1d7; font-size:.92em; width:105px; margin-left:419px}
#ie6 #hide-photos-link, #ie7 #hide-photos-link{/*margin-top:-11px*/}
#hide-photos-link a:link, #hide-photos-link a:visited{color:#9c9a8b}
#hide-photos-link a:hover, #hide-photos-link a:focus{color:#333; text-decoration:none}
.step{margin-bottom:20px}   
.step-num{margin-right:20px; float:left; display:block; position:relative}
.step-num strong{position:absolute; font:bold 16px/16px Arial, Helvetica, sans-serif; background:#fff; border-bottom:1px solid #e2e1d7; border-right:1px solid #e2e1d7;display:block; width:22px; height:19px; text-align:center}
.step-num .step-img{}
.step-details .step-img{display:block; padding-top:5px}
.step-details em, .step-details i{font-style:normal; font-weight:bold; display:block}
.step-img img{border:1px solid #e2e1d7; margin-right:5px}
/* reset above rules for step main image */ 
.step-num .step-img img{margin:0}
.step-details{float:right; width:324px}
.small-images{width:350px}
.small-images130{width:374px}
.hide-img .step-details{width:481px}

/* Conseils
---------------------------------------------------------------------------------------------------*/
.conseils{background:#fff; border:1px solid #e2e1d7; padding:10px 10px 15px 10px; margin:0 40px 0 0}
.conseils img{float:right; margin:-20px -40px 0 0}
.bottom-tools{background:url(img/bottom-tools-bg.png) no-repeat 0 100%; font-size:.92em; padding:4px 10px; margin-bottom:20px}
.conseil-vin{padding-left:25px; background:url(img/ico/ico-conseil-vin.gif) no-repeat 0 4px; margin:1em 0 0}

/* Page tag 
---------------------------------------------------------------------------------------------------*/
.page-recette .tagintro h1{margin-bottom:1em}
.tags-list{display:block; font-size:.92em}
.result-text .tags-list a, .result-text .tags-list strong{color:#999; text-decoration:none; font-weight:400}
.result-text .tags-list a:hover, .result-text .tags-list a:hover strong{color:#0085B5}

/* Page theme & tags croises
---------------------------------------------------------------------------------------------------*/
.page-recette .tagintro .theme-h1{font-size:2.4em; line-height:1.2; margin:0.2em 0 .5em 0 !important; font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-weight:normal}
.page-recette .tagintro .theme-h1 span{color:#f7b905; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:.5em; display:block; text-transform:uppercase}
.recipes-crossed-categories{width:177px; float:right; border-left:15px solid #fbfaf4; /*font-size:.92em*/}
.recipes-crossed-categories h6{margin-bottom:.8em}
.recipes-crossed-categories p{border-bottom:1px solid #eae3bc; margin-bottom:.4em}
.theme_first_recipe{background:#92aa2a url("img/theme_first_recipe.png") repeat-x; padding:8px; color:#eae649; margin-bottom:2em}
.theme_first_recipe img{float:left; width:350px; margin-right:10px}
.theme_first_recipe h3 a{color:#405000; font-size:1.5em}
.theme_first_recipe p{color:#fff}