*{margin:0; padding:0;}



body {
	color:#000;
	background:#768f9a url('images/body-background.png') repeat-y;
	font:11px Verdana,Arial,sans-serif;
	
}

/* Définition élement generaux */
.clear {clear:both;}
a img{border:none;}
p {
	text-align:justify;
	margin:0 0 12px 0;
}

	h1{font-size:18px; color:#07072c; margin:15px 0; border-bottom:solid 1px grey;}
	h2{font-size:14px; color:#000; margin:10px 0 5px 0; }
	h3{font-size:14px; color:#000; margin:10px 0 5px 0; }
	h4{font-size:12px; color:#000; margin:10px 0 5px 0; }
	
	table{border:solid 1px grey; border-collapse:collapse; width:96%; }
	td {padding:5px;}
	

	.PostContent { padding: 10px 0px 0px 0px; font-size: 13px; line-height: 1.4em ; color:#63565f;}
.PostContent p { font-size: 13px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }

	blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
	blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
	blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
	blockquote a { color:#336699;}
	blockquote a:visited { color:#336699;}
	blockquote a:hover { color:#000033;}
	
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* Gabarit */

#container{
	width:980px;
	background:url('images/container-photo-background.jpg') no-repeat bottom left;

}

	#col-left{
		background:url(images/col-left-background.png) no-repeat;
		width:220px;
		min-height:700px;
		float:left;
		text-align:center;
		padding:20px 0 0 0;
	}
		
		#sidebar {
		border:solid 1px #fff;
		width:183px;
		height:238px;
		margin:auto;
		overflow:auto;
		margin-top:25px;
		padding:6px;
		text-align:left;
		background:url('images/sidebar-background.jpg') no-repeat;
		}
		
		.widgettitle {text-transform: uppercase; text-align:center; color:#fff; font-size:12px; margin:0 0 10px 0; padding:0 0 4px 0; border-bottom: solid 1px #fff;}
		#recent-posts ul {list-style-type:none;}
		#recent-posts ul li {padding:5px 6px 3px 6px; height:32px; background: url('images/sidebar-ul-li-background.png') no-repeat; text-align:justify; list-style-type:none; margin-bottom:5px; overflow:hidden;}
		#recent-posts ul li:hover {background: url('images/sidebar-ul-li-background-ro.png') no-repeat;}
		
		#sidebar a{color:white; text-decoration:none; font-weight:bold; font-size:10px;}

	#col-main{
		float:left;
		width:760px;
	}

		#header{
		text-align:center; padding:20px 0;
		}


		#menu{
		}

			/* Style en fonction couleur et taille ligne 
			.menu-simple { height:22px; padding:10px 0 3px 0;}
			.menu-double{ height:29px; padding:3px 0 3px 0;}*/
			


		
		
	#content{
	min-height:500px;
	padding:6px;
	}

			#content ul{padding:0 0 0 25px; margin:0 0 15px 0;}
	
	#footer{
	background:url('images/footer-background.png');
	height:55px;
	}
		
		#plan{
		width:160px;
		margin:0 0 0 60px;
		float:left;
		}
		
		#credits{
		float:left;
		width:750px;
		color:#fff;
		padding:12px 5px 5px 5px;
		}