/*
Theme Name: Griottes Palette culinaire
Description: Le theme de Griottes Palette culinaire
Version: 1.0
Author: Karen Chevallier
*/
/* YUI 3 Reset
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 3.0.0, build: 1549 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before{content:'< ';}
q:after{content:' >';}
abbr,acronym{font-variant:normal;border-bottom: 1px dotted;cursor:help;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/* HTML5 reset */
header,footer,nav,article,section,legend,figure{display:block;}
body,button,input,textarea,p,div,li{font:12px Trebuchet MS, verdana, sans-serif;color:#807d7d;}

/* fonts */
@font-face {
	font-family: 'KushtieLightLight';
	src: url('kushtie_light-webfont.eot');
	src: local('�'), url('kushtie_light-webfont.woff') format('woff'), url('kushtie_light-webfont.ttf') format('truetype'), url('kushtie_light-webfont.svg#webfontpRQe05Vf') format('svg');
	font-weight: normal;
	font-style: normal;
}
.griottes {padding-left:18px; background:url(img/griottes.png) 0px 4px no-repeat; margin-left:5px;}
.al {margin-top:10px}

/* raccourcis */
#header .shortcuts a{padding:0 6px;position:absolute;left:-9999px;top:0;}
#header .shortcuts a:focus{left:auto;right:0;color:#fff;background:#494949;}

/* body */
body {background:url(img/bk.png) top left repeat;}
#doc {width:1205px; margin:0 auto; background:url(img/point.png) 0 -4px repeat-y;}

/* header */
#header {width:1199px; margin:0 auto; height:265px;}

/* structure */
#maincont {width:1199px; margin:0 auto; background:#ffffff;overflow:hidden;}
#content {overflow:hidden; min-height:1400px; position:relative;}

/* article */
article {padding:5px 20px 20px 40px; float:left;}
.date {font-size:10px; font-style:italic; font-family:Trebuchet MS, verdana, sans-serif;}
article header .info {text-transform:uppercase; padding:8px 0; color:#807d7d; font-size:11px;}
article header .info span {text-transform:none; padding-left:10px;}
article header .info a {color:#807d7d; text-decoration:none;}
article header .info a:hover{text-decoration:underline;}
.post {width:879px;}
article h1 {font-size:30px; font:30px 'KushtieLightLight', Trebuchet MS, sans-serif; color:#908a83;}
article h1 a {color:#908a83; text-decoration:none;}
article h1 a:hover {color:#908a83; text-decoration:underline;}
article .content img {padding:13px; border:1px dashed #cecece;margin-bottom:15px; }
/* couleur par d�faut */
.content .blocrecette {background:#f8d3d3; width:295px; float:right; margin:0 0 40px 13px;}
article .content p a {}
article .content ul {padding-bottom:15px;}
article .content ul li {padding:0px 0px 0px 10px; background:url(img/puce.png) 0px 5px no-repeat; margin-left:10px;}
article .content p {padding-bottom:15px;}
.content .blocrecette p {padding:10px; color:#424242; font-size:12px;}
.content .blocrecette h2 {padding:10px; color:#424242; font-size:14px; font-weight:bold;}
article footer {clear:both;}
.keywords {font:12px Trebuchet MS, sans-serif; font-style:italic; border-bottom:1px dashed #cecece; padding-bottom:5px; margin-bottom:15px; text-align:left; clear:both;}
.keywords a{color:#807d7d; text-decoration:none;}
.keywords a:hover{text-decoration:underline;}
.comments {font:18px Trebuchet MS, sans-serif; text-align:left; color:#c6c0ba; padding-bottom:17px;}
article footer section {margin-bottom:15px;}
article footer p {text-align:left; color:#e1928b;}
/* couleur par d�faut */
article footer cite {font-size:18px; color:#e1928b; }
article footer cite a {color:#e1928b; text-decoration:none; }
article footer cite a:hover {text-decoration:underline; }
article footer blockquote p {color:#807d7d;}

/* par d�faut */
.content a {color:#b99876;}

.content .couleurs .blocrecette {background:#ede2d3;}
.content .couleurs a {color:#b99876;}

.content .neutre .blocrecette {background:#ede2d3;}
.content .neutre a {color:#b99876;}

.content .rose .blocrecette {background:#ecb3b2;}
.content .rose a {color:#8c4645;}
.content .violet .blocrecette {background:#e3d6e8;}
.content .violet a {color:#521569;}
.content .vert .blocrecette {background:#d7de81;}
.content .vert a {color:#808912;}
.content .bleu .blocrecette {background:#d2ede8;}
.content .bleu a {color:#19b599;}

.content .noir .blocrecette {background:#000; color:#a18874;}
.content .noir .blocrecette p, .content .noir .blocrecette h2 {color:#a18874;}
.content .noir a {color:#b47428;}

.page {font:25px 'KushtieLightLight', Trebuchet MS, sans-serif; color:#908a83; padding:20px 20px 10px 35px; height:40px; clear:both;}
.page .fr{float:right; margin-right:280px;}
.page a {color:#908a83; text-decoration:none;}
.page a:hover {text-decoration:underline;}

/* aside */
#asidemain {float:right; width:250px; top:20px; position:absolute; left:950px}
#asidemain .info li {float:left; font:14px Trebuchet MS, sans-serif; color:#807d7d; font-weight:normal}
#asidemain .info li a{color:#807d7d; text-decoration:none; font-size:14px;}
#asidemain .info li a:hover{text-decoration:underline;}
#asidemain section {clear:both; padding:10px 0 25px 0; background:url(img/sep.png) -15px bottom no-repeat; overflow:hidden;}
#asidemain section form {padding:10px 0 25px 0; overflow:hidden;}
.rech {width:188px; border:1px dashed #cecece; border-right:none; padding:4px; font-size:16px; float:left;}
.ok {width:30px; border:1px dashed #cecece; border-left:none; padding:0px 4px; font-size:16px; font-weight:bold; background:none; cursor:pointer; height:32px;float:left; }
.categories img {margin-bottom:10px;}
#asidemain li a{color:#807d7d; text-decoration:none; font-size:13px;}
#asidemain li a:hover{text-decoration:underline;}
#asidemain section h1 {font:22px 'KushtieLightLight', Trebuchet MS, sans-serif; color:#000; padding-bottom:10px;}
#asidemain section h2 {font-size:13px;}
#asidemain section p strong {display:block; font-size:13px;}
#couleurs li {height:37px; width:45px; float:left;}
#couleurs li a{height:37px; width:45px; display:block;}
#couleurs .beige {background:url(img/couleurs.jpg) -10px -10px no-repeat;}
#couleurs .rose {background:url(img/couleurs.jpg) -90px -8px no-repeat;}
#couleurs .violine {background:url(img/couleurs.jpg) -172px -4px no-repeat;}
#couleurs .griotte {background:url(img/couleurs.jpg) -258px -6px no-repeat;}
#couleurs .violet {background:url(img/couleurs.jpg) -335px -4px no-repeat;}
#couleurs .anis {background:url(img/couleurs.jpg) -410px -4px no-repeat;}
#couleurs .vert {background:url(img/couleurs.jpg) -497px -4px no-repeat;}
#couleurs .emeraute {background:url(img/couleurs.jpg) -587px -6px no-repeat;}
#couleurs .turquoise {background:url(img/couleurs.jpg) -673px -4px no-repeat;}
#couleurs .bleu {background:url(img/couleurs.jpg) -755px -4px no-repeat;}
#couleurs .orange {background:url(img/couleurs.jpg) -835px -4px no-repeat;}
#couleurs .jaune {background:url(img/couleurs.jpg) -920px -4px no-repeat;}
#couleurs .havane {background:url(img/couleurs.jpg) -1010px -5px no-repeat;}
#couleurs .or {background:url(img/couleurs.jpg) -1095px -7px no-repeat;}
#couleurs .gris {background:url(img/couleurs.jpg) -1170px -7px no-repeat;}

/* footer */
footer {clear:both; padding-bottom:30px; padding-top:30px;}
footer p {text-align:center;}
footer p a{color:#e1928b; text-decoration:none;}
footer p a:hover{text-decoration:underline;}