/* CSS Document */
/* ------------------------------------------------------------------------- Main */
/* ----------------------------------------------------- Middle */
	#middle {
		float:left;
		width:456px
	}
/* --------------------------------- Blocs */
	#middle div.bloc_top {
		float:left;
		width:100%;
		height:15px;
		font-size:0;
		background:#fff url(../images/background/bloc_middle_top.gif)
	}
	#middle div.bloc {
		float:left;
		width:418px;
		background:#fff url(../images/background/bloc_middle.gif) repeat-y;
		padding:0 18px 0 20px
	}
	#middle div.bloc_bottom {
		float:left;
		width:100%;
		height:65px;
		background:#fff url(../images/background/bloc_middle_bottom.gif); 
		margin-top:-30px
	}
/* ------------- Articles */
	#middle div.article {
		float:left;
		width:100%;
		padding:0 0 30px 0
	}
	#middle div.article h3 {
		font-size:1.4em;
		color:#222;
		margin:0 0 10px 0
	}
	#middle div.article img {
		float:left;
		margin:0 12px 0 0
	}
	#middle div.article img.right {
		float:right;
		margin-right:0;
		margin-left:12px
	}
	#middle div.article p {
		line-height:1.6em;
		margin:0 0 5px 0
	}
	#middle div.article a.lire_suite {
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
		font-weight:bold;
		color:#132c50;
		background:url(../images/background/rond_plus.gif) no-repeat left center;
		padding:0 0 0 14px;
		text-decoration:underline
	}
	#middle div.article a.lire_suite:hover, #middle div.article a.lire_suite:focus, #middle div.article a.lire_suite.focus {
		color:#000;
		text-decoration:none
	}
/* ----------------------------------------------------- Right */
	#right {
		float:left;
		width:230px;
		padding:0 10px 0 27px
	}
	#right img {
		clear:both;
		display:block;
		margin:0 auto 40px auto
	}
/* -------------------------------- Blocs */
	#right div.bloc_top {
		height:13px;
		font-size:0;
		background:#fff url(../images/background/bloc_right_top.gif)
	}
	#right div.bloc {
		float:left;
		width:193px;
		background:#fff url(../images/background/bloc_right.gif) repeat-y left bottom;
		padding:0 22px 20px 15px
	}
	#right div.bloc span.titre {float:left}
/* ------------ Agenda */
	#agenda {
		clear:both;
		padding:10px 0 0 10px
	}
	#agenda li {margin:0 0 13px 0}
	#agenda li a {color:#222}
	#right div.bloc a.lire_suite {
		float:right;
		font-weight:bold;
		color:#132c50;
		background:url(../images/background/rond_plus.gif) no-repeat left center;
		padding:0 0 0 14px
	}
/* -------------------------------- Animation flash */
	#animation_flash {
		height:1%;
		text-align:center
	}
	#animation_flash p {
		text-align:left;
		padding:0 20px;
		margin:0 0 10px 0
	}
	#animation_flash p a {
		color:#be252c;
		text-decoration:underline
	}
	#animation_flash p a:hover, #animation_flash p a:focus, #animation_flash p a:focus {text-decoration:none}