/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-recettes.css, 2011/11/14
 * @link	http://www.agenceici.com
 */


.navigation { position:relative; padding:40px 0 0 60px; height:45px; z-index:32; }
.navigation select { border:1px solid #000; background:#dad096; }
.navigation option { background:#dad096; }
.navigation a.button-left { position:absolute; left:-20px; bottom:-15px; width:63px; height:63px; }
.navigation a.button-left img { width:63px; height:63px; background:url(../images/catalog-left.png); }
.navigation a.button-right { position:absolute; right:-20px; bottom:-15px; width:63px; height:63px; }
.navigation a.button-right img { width:63px; height:63px; background:url(../images/catalog-right.png); }


.infos { position:absolute; right:0; top:85px; width:250px; height:515px; background:url(../images/recettes-infos.jpg) no-repeat; }
.infos a { color:#000; }
.infos p { font-size:11px; text-align:justify; padding:20px; color:#351e00; line-height:13px; }
.infos p.text-1 { }
.infos p.text-2 { padding-top:110px; }
.infos p.text-3 { padding-top:0px; }


.recette { position:relative; width:420px; border:1px solid #594321; background:url(../images/recettes-background.jpg); }
.recette img.png { position:absolute; left:15px; top:15px; }
.recette h1 { font-weight:normal; font-size:20px; color:#2d1a0c; padding:15px 15px 0 15px; margin-left:110px; }
.recette h2 { font-weight:normal; font-size:14px; font-style:italic; color:#2d1a0c; padding:0 15px 10px 15px; margin-left:110px; }
.recette .pictos { position:relative; margin:0 15px 0 125px; padding:10px 0; border-top:1px solid #2d1a0c; font-style:italic; color:#2d1a0c; }
.recette .pictos span { position:relative; }
.recette .pictos span.personnes { }
.recette .pictos span.temps-1 img { margin-left:5px; vertical-align:middle; width:18px; height:19px; background:url(../images/recettes-temps-1.png); }
.recette .pictos span.temps-2 img { margin-left:5px; vertical-align:middle; width:28px; height:20px; background:url(../images/recettes-temps-2.png); }
.recette .pictos img.nissarde { position:absolute; right:0px; top:-15px; width:34px; height:57px; background:url(../images/recettes-nissarde-min.png); }
.recette .texts { }
.recette .texts p { text-align:justify; padding:15px; }
.recette .texts p.text-1 { font-size:11px; }
.recette .texts p.text-2 { font-style:italic; color:#2d1a0c; border-top:1px solid #d7ba77; border-bottom:1px solid #d7ba77; background:#f6e9b8; }
.recette .texts p.text-3 { font-size:11px; color:#433928; }