/*     Theme by Flayks     */

body{background:url(img/fond.jpg); margin:0; padding:0}

#conteneur{width:556px; margin:0 auto}

/* HAUT
-------------------------------------------------------------- */
#haut{height:142px; width:556px; background:url(img/haut.png) top left no-repeat}
#haut a#logo{height:64px; width:270px; text-indent:-9999px; display:block; margin:84px 0 0 6px; position:absolute; background:url(img/logo.png) top left no-repeat}
/* Tache *
#haut #tache { margin:85px 0 0 509px; background:url(img/tache.png) top left no-repeat; position:absolute; top:0; height:69px; width:74px }
/**/
#haut span{font-size:14px; font-weight:bold; font-family:trebuchet ms; color:#4d0d57; margin:113px 0 0 25px; position:absolute}

/* CONTENU
-------------------------------------------------------------- */
#contenu{width:556px; height:100%; background:url(img/contenu.png) top left repeat-y; display:table; padding-bottom:25px}
#contenu .post{margin:50px 0 65px 0; padding:0 23px}
#contenu h3{border-top:5px solid #d4eaeb; border-bottom:5px solid #d4eaeb; margin:0 0 20px -2px; padding:1px 0 1px 10px; color:#9d9d9d; font-size:20px; font-family:trebuchet ms; width:505px; text-transform:uppercase; font-weight:400}
#contenu .post p{margin:17px 0; padding:0; color:#000; font-family:arial; font-size:12px}
#contenu .post p a{color:#666; text-decoration:none }
#contenu .post p a:hover{color:#999; text-decoration:underline }
#contenu .post h2 a.title{color:#000; font-weight:bold; font-size:16px; text-decoration:none}
#contenu .post h2 a:hover.title{color:#777}

/* CITATIONS */
#contenu .post .quote{margin:15px 0; padding:0 30px; font-size:28px; letter-spacing:-1px; color:#333}
#contenu .post .quote a{text-decoration:underline; color:#333}
#contenu .post .quote big{font-weight:bold; font-size:60px; line-height:0; vertical-align:-15px; margin-right:10x; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50)}
#contenu .post .quote p{color:#666; font-size:16px; letter-spacing:0}

/* PHOTOS */
#contenu .post img{border:5px solid #b5dbdd; -moz-border-radius:7px}
#contenu .post a img:hover{border-color:#74b4b7}
#contenu .post .photo {text-align:center; margin:0 auto}

/* VIDEOS */
#contenu .post object.videos{border:5px solid #b5dbdd; -moz-border-radius:7px; margin-bottom:10px; margin:0 5px}

/* LIENS */
#contenu h2.link a { font-weight: normal; font-size:19px; color:#555; border-bottom:1px dotted #000; text-decoration:none; }
#contenu h2.link a:hover { color:#000; }

/* CONVERTATIONS */
#contenu .post ul.conversation{list-style-type:none; margin:0 0 0 2px; padding:1px; border:5px solid #b5dbdd; -moz-border-radius:7px; width:495px}
#contenu .post ul.conversation li{font-size:12px; padding:4px 0px 4px 8px; color:#000}
#contenu .post ul.conversation li span.label{font-weight:bold}
#contenu .post ul.conversation li.odd{background-color:#F6FAFB}
#contenu .post ul.conversation li.even{background-color:#DDEFEF}

/* EXTRAS */
#contenu .post p.extras{float:right; margin:0; padding:0}
#contenu .post p.extras a{color:#457fb9; text-decoration:none; font-family:trebuchet ms; font-size:12px; padding-left:16px}
#contenu .post p.extras a:hover{color:#000}
#contenu .post p.extras a.date{background:url(img/date.jpg) center left  no-repeat}
#contenu .post p.extras a.comments{background:url(img/comments.jpg) center left no-repeat}
#contenu .post p.extras a.notes{background:url(img/tumblr.gif) 2px left no-repeat}

/* DISQUS */
#contenu #disqus_thread { margin:0 20px; }
#contenu .disqus_thread { margin:0 20px; }
#contenu #disqus_thread a{ color:#555; border-bottom:1px dotted #000; text-decoration:none; }
#contenu #disqus_thread a:hover{ color:#000; }
#contenu #disqus_thread #dsq-content #dsq-comments .dsq-comment-rate { display: none; }  
#contenu #disqus_thread #dsq-content #dsq-comments .dsq-comment-header { background: #d4eaeb; }
#contenu #disqus_thread #dsq-extra-links, #contenu #disqus_thread #dsq-extra-meta, #contenu #disqus_thread .dsq-comment-footer { display: none; }

/* PAGINATION */
#contenu p#pagination{ text-align:center; margin:0 0 15px; padding:0}
#contenu p#pagination a{ color:#000; font-size:19px; text-decoration:none; padding:0 10px; font-family:arial}
#contenu p#pagination a:hover{ text-decoration:underline}

/* PIED
-------------------------------------------------------------- */
#pied{clear:both; width:544px; height:26px; margin:-15px auto 0; background:url(img/pied.png) top center no-repeat}
#pied p{margin:0; padding:3px 0 0; text-align:center; font-size:15px; color:#246c70; font-family:trebuchet ms}
#pied p a{color:#3E8B8F; text-decoration:none}
#pied p a:hover{color:#fff; text-decoration:underline}

/* POSTNOTES
-------------------------------------------------------------- */
ol.notes {
    padding: 0px;
    margin: 0px 0px;
    list-style-type: none;
    border-bottom: solid 1px #ccc;
}

ol.notes li.note {
    border-bottom: solid 1px #ccc;
    padding: 0 10px;
}

ol.notes li.note img.avatar {
    vertical-align: -4px;
    margin-right: 0px;
    width: 16px;
    height: 16px;
	border: none;
}

ol.notes li.note span.action {
    font-weight: bold;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

ol.notes li.note blockquote {
    border-color: #eee;
    padding: 4px 10px;
    margin: 0 0px 8px 25px;
	border-left: 3px solid #fff;
}

ol.notes li.note blockquote a {
    text-decoration: none;
	color: #fff;
}

div#post_notes {
	background:url('http://www.tumblr.com/images/black_60.png');
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 505px;
	margin:0 auto;
	padding:10px 0;
	font:normal 10px 'Lucida Grande', Helvetica, Arial, sans-serif;
	line-height:32px;
	color:#fff;
	border-bottom:solid 1px #000;
}

div#post_notes .action a {
	font-variant: small-caps;
	text-decoration: none;
	font-size: 14px;
	color:#fff;
}
div#post_notes .action a:hover {
	text-decoration: underline;
}