@charset "UTF-8";

body {
	background: url('/media/layout/img/blog_background.png') repeat-x #efede7;
}

a { color: black; text-decoration: none; border-bottom: 1px dotted; }
a:hover { border: 0; }

img.alignleft,
img.alignright,
img.aligncenter {
	border: 3px solid #000;
	margin-bottom: 5px;
	margin-top: 4px;
}
img.alignright {
	float: right;
	margin-left: 12px;
}

img.alignleft {
	float: left;
	margin-right: 12px;
}
img.aligncenter {
    display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

code {
    padding: 0px 3px 1px 3px;
    border: 1px solid #bbb;
    color: #a32915;
    font-family: Monaco, monospace;
    font-size: 0.9em;
    background-color: #fff;
}

/* HEADER */
	ul#nav a.portfolio { width: 60px; background-position: 9px -134px; }
	ul#nav a.portfolio:hover { background-position: -74px -134px; }
	ul#nav a.blog { width: 50px; background-position: -208px -134px; }
		
	ul#blog_nav {
		height: 31px;
		margin: 0;
		padding: 0 0 0 65px;
		list-style-type: none;
		background: url('/media/layout/img/blog_nav_background.jpg') no-repeat 0 0;
	}
	ul#blog_nav li {
		display: block;
		float: left;
		height:100%;
		margin: 0 15px 0 0;
		padding: 0;
	}
	
	ul#blog_nav a {
		height: 25px;
		display: block;
		padding: 3px 0 3px 0;
		border: 0;
		text-indent: -9000px;
		background: url('/media/layout/img/blog_sprites.png') no-repeat 0 0;
		outline: 0;

	}
	
	ul#blog_nav a.home { width: 56px; background-position: 0px 10px; }
	ul#blog_nav a.a-propos { width: 74px; background-position: -86px 10px; }
	ul#blog_nav a.abonnement { width: 81px; background-position: -190px 10px; }
	ul#blog_nav a:hover.home { width: 56px; background-position: 0px -13px; }
	ul#blog_nav a:hover.a-propos { width: 74px; background-position: -86px -13px; }
	ul#blog_nav a:hover.abonnement { width: 81px; background-position: -190px -13px; }


/* CONTENT */
    h3 { font-size: 1.2em; }
	div.blog_content {
		width: 480px;
		float: left;
	}
	
	/* Titres contenu */
	div.post h2,
	div.post h1,
	div#comments h2,
	div#reply h2 {
		margin: 0 0 4px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #555;
		color: #000;
		font-family: Georgia, serif;
		font-style: italic;
		font-size: 1.35em;	
	}
	
	/* Posts */
	div.post { margin-bottom: 40px; }
	div.single_post { margin-bottom: 20px; }
	
	div.post h2 a {
		border: 0;
		color: #000;
		text-decoration: none;
	}
	
	p.post_meta {
		margin: 7px 0 0 0;
		color: #555;
		text-align: left;
		font-size: 0.85em;
	}
	p.post_meta strong { color: #333; }
	p.post_meta a {
		border: 0;
		color: #a32915;
		text-decoration: none;
		font-weight: bold;
	}
	p.post_meta a:hover { color: #811e0e; }
	
	div.post_entry p {
		color: #2a2a2a;
		text-align: justify;
		line-height: 1.5em;
		font-size: 1em;
	}
	div.post_entry a { color: #000; font-weight: bold; }
	
	div.post img.post-left, div.post img.post-right { border: 3px solid #333; }
	div.post img.post-left { float: left;  margin: 4px 8px 4px 0; }
	div.post img.post-right { float: right; margin: 4px 0 4px 8px; }
	
	div.post ul { margin: 15px 0 15px 25px; padding: 0; list-style-type: none; }
	div.post li {
		padding: 1px 0 1px 20px;
		background: url('/media/layout/img/blog_sprites.png') no-repeat -259px -176px;
	}
	
	p.feedback, p.more {
		margin: 0;
		font-size: 0.85em;
	}
	p.more {
		width: 365px;
		float: left;
		font-weight: bold;
	}
	p.feedback {
		width: 110px;
		float: right;
		text-align: right;
	}
	
	p.more a { border: 0; color: #a32915; text-decoration: none; }
	p.more a:hover { color: #811e0e; }
	
	p.feedback a {
	    padding-left: 19px;
	    border: 0;
	    color: #333;
	    text-decoration: none;
	    background: url('/media/layout/img/blog_sprites.png') no-repeat -253px -209px;
	}
	p.feedback a:hover { color: #a32915; }
	
	p.tags strong { font-weight: bold; font-size: 0.95em; }
	p.tags a {
		padding-left: 15px;
		border: 0;
		color: #333;
		text-decoration: none;
		font-size: 0.85em;
		background: url('/media/layout/img/blog_sprites.png') no-repeat -254px -242px;
	}
	p.tags a:hover { color: #a32915; }
	
	div.post_nav .alignleft { float: left; width: 120px; }
	div.post_nav .alignright { float: right; width: 120px; text-align: right; }
	
	/* Commentaire (affichage) */
	div.comment {
		position: relative;
		margin: 20px 0 20px 0;
		color: #3e3d3b;
		font-size: 0.95em;
		background: url('/media/layout/img/blog_sprite_comment.png') repeat-y -960px 0;
	}
	div.comment > div {
		background: url('/media/layout/img/blog_sprite_comment.png') no-repeat -480px bottom;
	}
	div.comment > div > div {
		padding: 12px 20px 4px 98px;
		background: url('/media/layout/img/blog_sprite_comment.png') no-repeat 0 0;
	}

	div.comment_avatar {
		position: absolute;
		top: 0;
		left: 0;
	}
	div.comment_avatar a { border: 0; outline: none; }
	div.comment_avatar img { border: 3px solid #333; }
	
	div.comment_meta { margin-bottom: 10px; }
	div.comment_meta strong{ color: #000; font-size: 1.1em; }
	div.comment_meta a { border: 0; color: #a32915; text-decoration: none; }
	div.comment_meta a:hover { color: #811e0e; } 
	
	div.comment p { text-align: justify; margin:  10px 0 10px 0; line-height: 1.4em; }
	 
	/* Commentaires (form) */
	div#reply { margin: 34px 0 0 0; }
	div#reply input.text, .wp_user {
		width: 211px;
		height: 20px;
		padding: 5px 0 0 35px;
		font-size: 0.9em;
		border: 0;
		background: url('/media/layout/img/blog_sprites_form.png') no-repeat;
	}
	div#reply input#author { background-position: 0 0; }
	div#reply input#author:focus { background-position: -247px 0; }
	
	div#reply input#email { background-position: 0 -27px; }
	div#reply input#email:focus { background-position: -247px -27px; }
	
	div#reply input#url { background-position: 0 -54px; }
	div#reply input#url:focus { background-position: -247px -54px; }
	
	.wp_user { background-position: -247px 0; margin-top: 14px; padding-bottom: 0; }
	.wp_user a { border: 0; color: #000; text-decoration: none; }
	
	div#reply label {
		font-size: 0.9em;
		padding-left: 15px;
		cursor: pointer;
	}
	
	div#reply textarea {
		width: 459px;
		height: 123px;
		padding: 9px 10px 9px 10px;
		border: 0;
		font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
		font-size: 0.9em;
		background: url('/media/layout/img/blog_sprites_form.png') no-repeat 0 -81px;
	}
	
	div#reply input#submit {
		width: 100px;
		height: 32px;
		padding: 0 10px 0 10px;
		border: 0;
		color: #fff;
		font-size: 1.1em;
		cursor: pointer;
		background: url('/media/layout/img/blog_sprites_form.png') no-repeat 0 -225px;
	}
	
				
	/* Sidebar */
	div#sidebar {
		width: 185px;
		float: right;
	}
	
	div#sidebar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div#sidebar ul ul { margin: 0 5px 0 5px; }
	div#sidebar li { margin: 0 0 25px 0; border: 0; }
	div#sidebar li li { margin: 0; border: 0; }
	
	div#sidebar li.widget_archive li,
	div#sidebar li.widget_links li,
	div#sidebar li.widget_categories li { border-bottom: 1px dotted  }
	
	div#sidebar li.widget_archive a,
	div#sidebar li.widget_links a,
	div#sidebar li.widget_categories a { display: block; padding: 3px 0 3px 0; }

	div#sidebar a { border: 0; color: #444; text-decoration: none; }
	div#sidebar a:hover, div#sidebar a:hover { color: #a32915; }
	
	div#sidebar h2 {
		width: 185px;
		height: 25px;
		margin: 0 0 1px 0;
		padding: 5px 0 0 13px;
		text-indent: -9000px;
		background: url('/media/layout/img/blog_sprites.png') no-repeat 0 -51px;
	}
	div#sidebar h2 span {
		display: block;
		width: 100%;
		height: 25px;
		background: url('/media/layout/img/blog_sprites.png') no-repeat 0 0;
	}
	
	div#sidebar li.widget_search h2 span { background-position: 0 -211px; }
	div#sidebar li.widget_categories h2 span { background-position: 0 -151px; }
	div#sidebar li.widget_archive h2 span { background-position: 0 -121px; }
	div#sidebar li.widget_tag_cloud h2 span { background-position: 0 -181px; }
    div#sidebar li.widget_links h2 span { background-position: -1px -273px; }
    
	li.widget_search form {
		position: relative;
		width: 185px;
		height: 25px;
		margin: 5px 0 0 0;
		padding: 0;
		background: url('/media/layout/img/blog_sprites.png') no-repeat 0 -86px;
	}
	
	li.widget_search form input.search {
		position: absolute;
		top: 0;
		left: 0;
		width: 143px;
		height: 15px;
		margin: 0;
		padding: 5px 10px 5px 5px;
		border: 0;
		background: transparent;
	}
	
	li.widget_search form input.submit {
		position: absolute;
		display: block;
		top: 0;
		right: 0px;		
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		border: 0;
		text-indent: -9000px;
		background: transparent;
		cursor: pointer;
	}
	
	li.widget_tag_cloud { text-align: center; }