/*** Voici la feuille CSS intégrale du thème "Simple Blue" d'Anthony GUILLEMETTE
Ci-dessous le copyright du thème :

	Theme Name: Simple Blue
	Theme URI: http://...
	Description: Un theme plus simple et légerement web 2.0
	Version: 1.0
	Author: Anthony GUILLEMETTE
	Author URI: http://www.aguillem.fr/
	Author Email : anthony@aguillem.fr
	
' Cette création est mise à disposition sous un contrat Creative Commons.
' http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

La liste qui suit définit le style visuel pour les différents éléments du blog (blocks).
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
	(dont les Headings)
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page

Codes couleurs
bleu foncé :	#c3d9ff;
bleu clair :	#e8eef7;
bleu texte :	#85B1FF;
gris foncé :	#36393d;
gris clair :	#7a888d;
beige :			#f9f7ed;

Les éléments HTML en général
*******************************************************************************/
body {
	background-color: #fff;
	color: #000;
	font-size: 12px;
	line-height: 1.6em;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    text-align: center;
}

h1 {
	font-size: 2.2em;
	line-height: 1.4em;
	font-weight: bold;
}

h2 {
	color: #36393d;
	font-size: 1.4em;
	line-height: 1.2em;
}

h2 a,h2 a:link, h2 a:visited {
	color: #36393d;
	text-decoration: none;
}

h2 a:hover,h2 a:focus,h2 a:active {
	color: #c3d9ff;
	background-color: inherit;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	padding-top: .5em;
}

pre,code {
	border: 1px solid #c3d9ff;
	background: #e8eef7;
	margin-top: .4em;
	margin-bottom: .4em;
}

code {
	padding: 2px;
	overflow: scroll;
}

pre {
	padding: 5px;
	overflow: auto;
}

q {
	color: #999;
}

ul,ol {
}

ul li {
	margin-left: 1em;
}

fieldset {
	border: none;
}

label {
	cursor: pointer;
}

.field label {
	display: block;
}

textarea {
	width: 450px;
	border: 1px solid #c3d9ff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
	background-color: #fff;
	padding: 2px;
}

blockquote {
	padding: .5em;
	text-align: justify;
	background-color: #e8eef7;
	border: 1px solid #c3d9ff;
}

input {
	border: 1px solid #c3d9ff;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #fff;
}

input[type=submit],input[type=button] {
	cursor: pointer;
}

input:hover,textarea:hover,input:active,textarea:active,input:focus,textarea:focus {
	border: 1px solid #36393d;
}

input[type=submit]:hover,input[type=button]:hover {
	background-color: #36393d;
	color: #c3d9ff;
	border-color: #c3d9ff;
}

p {
	padding-top: .4em;
	padding-bottom: .4em;
}

span.sep {
	color: #B18B89;
}

a,a:link,a:visited {
	color: #85B1FF;
	text-decoration: none;
}

a:hover,a:focus,a:active {
	background-color: #36393d;
	color: #85B1FF;
}

a[href ^="http://"][hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #85B1FF;
	font-size: 0.8em;
}

img,img a,a.image {
	border: none;
}

acronym,abbr {
	border-bottom: 1px dashed #B1B9BC;
	color: #B1B9BC;
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

.right {
	float: right;
}

.left {
	float: left;
}

.spacer {
	clear: both;
	visibility: hidden;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* L'entête
*******************************************************************************/
#navigation-container {
	background-color: #36393d;
}

	#prelude {
		text-align: right;
		font-size: 0.8em;
	}
	
		#prelude a,#prelude a:link, #prelude a:visited {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			margin: 0 1em;
		}
		
		#prelude a:hover,#prelude a:focus,#prelude a:active {
			color: #c3d9ff;
		}

	#navigation {
		width: 920px;
		margin: 0 auto;
		list-style: none;
		text-align: left;
		font-size: 1.2em;
	}
	
		#navigation li {
			float: left;
		}
		
			#navigation a, #navigation a:link, #navigation a:visited {
				display: block;
				font-weight: bold;
				color: #fff;
				line-height: 2em;
				padding: 0.5em 1em;
				text-decoration: none;
			}
		
			#navigation a.active {
				color: #c3d9ff;
				background: url('images/fleche-nav.png') no-repeat bottom;
			}
		
			#navigation a:hover,#navigation a:focus,#navigation a:active {
				color: #c3d9ff;
			}

#title-container {
	background-color: #c3d9ff;
	margin-bottom: 1em;
}

	#title {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		padding: 2em 0;
	}

		#title h1 a,h1 a:link,h1 a:visited {
			color: #fff;
			text-decoration: none;
		}

		#title h1 a:hover,h1 a:focus,h1 a:active {
			color: #36393d;
			background-color: inherit;
		}

		#title h2#slogan {
			color: #36393d;
			font-weight: bold;
			font-size: 1.2em;
			padding-top: .5em;
		}

/* La page
*******************************************************************************/
#page {
	width: 920px;
	margin: 0 auto;
    text-align: left;
}

/* Le contenu
*******************************************************************************/
#main {
	float: left;
	width: 590px;
}

/**** Affichage de la date ****/
.day-date-border {
	float: left;
	padding-right: .2em;
	width: 65px;
}

.day-date {
	color: #c3d9ff;
	text-align: center;
	padding: 0 2px 2px 0;
    font-weight: bold;
}

.day-date-month-year {
	margin-top: .2em;
	font-size: .9em;
}

.day-date .date-day {
	font-size: 2.2em;
	text-align: right;
	display: block;
	color: #36393d;
}

.day-date .date-month {
	text-transform: uppercase;
}

/***************************/
.list .post {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #36393d;
}

.post-bloc-head {
}

.post-head {
	border-left: 2px solid #36393d;
	padding-left: .6em;
	float: left;
    width: 510px;
}

.post h2 {
	font-weight: bold;
    padding-top: .1em;
}

.post-info {
	font-size: 0.8em;
	text-align: left;
	color: #7a888d;
}

.post ul,.post ol {
	padding-left: 2em;
}

.post-chapo,.post-content {
	margin-top: .8em;
	clear: left;
	text-align: justify;
}

.post-content blockquote {
}

.post-content a {
	text-decoration: underline;
}

.post-content h2 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.post-content .next {
	margin-left: 3em;
}

.post-chapo img,.post-content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: .4em;
	border: 1px solid #c3d9ff;
}

.post-chapo img.right,.post-content img.right {
	margin-left: 1em;
}

.post-chapo img.left,.post-content img.left {
	margin-right: 1em;
}

.post-info-co {
	font-size: 0.8em;
	padding-left: 1em;
	clear: both;
}

#tags {
	padding-left: 2em;
	padding-top: .5em;
}

/***************************/
#lastPosts {
	background-color: #36393d;
	color: #fff;
	padding: .5em;
}

	#lastPosts h2 {
		color: #c3d9ff;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	#lastPosts li {
		list-style: none;
		margin-left: 0;
	}
		
		#lastPosts li a {
			display: block;
			border-bottom: 1px dotted #fff;
			padding-left: .2em;
			color: #fff;
		}
	
		#lastPosts li a:hover {
			background-color: #c3d9ff;
			color: #36393d;
			border-bottom: 1px dotted #36393d;
		}

#trackbacks h3,#comments h3 {
	border-top: 1px solid #36393d;
	color: #85B1FF;
	font-weight: bold;
	margin-top: .5em;
	padding-top: .5em;
}

#trackbacks p.comment-info,#comments p.comment-info {
	font-size: 1em;
	padding-left: 1em;
	margin-top: .5em;
}

#trackbacks blockquote,#comments blockquote {
}

#comments .error {
    color: red;
	border: 1px solid red;
	padding: .5em;
	margin-top: .5em;
}
/***************************/
.pagenav {
	text-align: center;
}

/* La barre de navigation
*******************************************************************************/
#sidebar {
	float: right;
	width: 280px;
	background-color: #36393d;
	padding: .5em 1em;
	color: #fff;
	margin-bottom: 1em;
}
	
	#sidebar h2 {
		font-size: 1.2em;
		line-height: 1.4em;
		font-weight: bold;
		border-bottom: 1px solid #c3d9ff;
		color: #c3d9ff;
	}
	
	#sidebar #syndicate h2 {
		border-bottom: 1px solid #fa9c39;
		color: #fa9c39;
	}
	
	#sidebar h3 {
		font-size: 1em;
		margin-top: .6em;
		margin-left: 1em;
		border-bottom: 1px solid #c3d9ff;
		color: #c3d9ff;
	}
	
	#sidebar a {
		color: #c3d9ff;
		background-color: inherit;
	}
	
	#sidebar div {
		margin-bottom: 1em;
	}
	
	#sidebar ul, #sidebar li {
		list-style: none;
	}
	
	#sidebar li {
		line-height: 1.8em;
	}

	#sidebar #about-me img#me {
		float: right;
		padding: .3em;
		margin-left: .2em;
		border: 1px solid #c3d9ff;
	}
	
	#sidebar #categories li, #sidebar #selection li, #sidebar #syndicate li, #sidebar #about-me li {
		margin-left: 0;
	}

		#sidebar #syndicate li a {
			display: block;
			color: #fff;
			border-bottom: 1px dotted #fff;
			background: url(images/rss.gif) no-repeat 0 center;
			padding-left: 2em;
		}
	
		#sidebar #syndicate li a:hover {
			color: #fa9c39;
			border-bottom: 1px dotted #fa9c39;
		}
	
		#sidebar .bloc li a {
			display: block;
			border-bottom: 1px dotted #fff;
			padding-left: .2em;
			color: #fff;
		}

		#sidebar .bloc li a[href ^="http://"][hreflang]:after {
			color: #fff;
		}
	
		#sidebar .bloc li a:hover {
			background-color: #c3d9ff;
			color: #36393d;
			border-bottom: 1px dotted #36393d;
		}

#sidebar #q {
	width: 14em;
	padding-left: 2.5em;
	color: #36393d;
	background: #fff url(images/loupe.png) no-repeat 2px -2px;
	border: 1px solid #7a888d;
}

#sidebar #q:hover,#q:focus,#q:active {
	background: #fff url(images/loupe.png) no-repeat 2px -23px;
	border: 1px solid #c3d9ff;
}

#sidebar input[type=submit],input[type=button] {
	background-color: #36393d;
	color: #c3d9ff;
	border-color: #c3d9ff;
}

#sidebar input[type=submit]:hover,input[type=button]:hover {
	background-color: #c3d9ff;
	color: #36393d;
	border-color: #c3d9ff;
}

/* Le pied de page
*******************************************************************************/
#footer-container {
	background-color: #36393d;
}

#footer {
	width: 920px;
	margin: 0 auto;
	color: #fff;
    text-align: left;
}

	#footer-main {
		float: left;
		width: 590px;
	}

	#footer-sidebar {
		float: right;
		width: 280px;
	}

		#footer-main div, #footer-sidebar div {
			margin: 1em 0;
			border-top: 1px solid #c3d9ff;
		}
	
	#footer h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: #c3d9ff;
	}
	
	#footer li a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer li a:hover {
		color: #c3d9ff;
	}

	#footer .bloc li {
		margin: 0;
		padding-left: 1em;
		list-style: none;
	}
	
		#footer .bloc li a {
			display: block;
			border-bottom: 1px dotted #fff;
			padding-left: .2em;
		}
	
		#footer .bloc li a:hover {
			background-color: #c3d9ff;
			color: #36393d;
			border-bottom: 1px dotted #36393d;
		}
	
	#footer span.date {
		font-size: 0.8em;
	}
	
	#footer #lastcomments span.author, #footer .nblect {
		font-weight: bold;
	}

	#footer #footer-bottom {
		text-align: center;
		font-size: 0.8em;
	}
	
		#footer #footer-bottom a {
			color: #c3d9ff;
			text-decoration: none;
		}
		
		#footer #footer-bottom a:hover {
			background-color: #c3d9ff;
			color: #36393d;
		}
	
		#footer #footer-bottom a.image {
			background-color: transparent;
		}

		#footer #footer-bottom .licence {
			line-height: 1em;
		}

/**** Affichage du nuage de tags ****/
#nuage ul {
	margin: 0;
	padding: 0 1em;
	display: block;
}

#nuage {
	text-align: center;
}

#nuage li {
	display: inline;
	margin: 0 .1em;
	padding: 0;
	background-image: none;
}

#nuage li.level-1 {
	font-size: 0.8em;
}

#nuage li.level-2 {
	font-size: 1.2em;
}

#nuage li.level-3 {
	font-size: 1.6em;
}

#nuage li.level-4 {
	font-size: 1.8em;
}

#nuage li.level-5 {
	font-size: 2.2em;
}