<style>

*{
	margin:0;
	padding:0;
}
body{
	/*background:#ddd;*/
	font-family:"Myriad Pro","Trebuchet MS", sans-serif;
	font-size:12px;
}
.actualite{
	color:#FFF;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size:30px;
	position:relative;/*changé*/
	font-weight:bold;
	text-shadow:4px 4px 4px #444;
	top:-90px;
}
.zoom{
	color:#FFF;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size:30px;
	position:relative;/*changé*/
	font-weight:bold;
	text-shadow:4px 4px 4px #444;
	top:0px;
	left:10px;
}
.sites_recents {
	color:#FFF;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size:30px;
	position:absolute;/*changé*/
	font-weight:bold;
	text-shadow:4px 4px 4px #444;
	top:250px;
	right:20px;
}
.textedroite {
	color:#FFF;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size:12px;
	position:absolute;/*changé*/
	font-weight:bold;
	top:300px;
	/*text-shadow:4px 4px 4px #444;*/
	left:100px;
	text-decoration:none;
}
.textedroite a{
	text-decoration:none;
	font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
.textegauche {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	left:10px;
}
.textegauche a{
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}
.textegauche a:hover{
	color:#FFFF33;
	text-decoration:none;
}
.titregauche {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration:none;
	font-weight:bold;
	left:10px;
}
.cn_wrapper{/*conteneur global*/
	margin:0px auto 0px auto;
	width:622px;/*changé*/
	height:638px;
	color:#000;
	overflow:hidden;
	padding:5px;
	border:1px solid #111;
	/*background-color:#333;*/
	-moz-box-shadow:1px 1px 4px #222;
	-webkit-box-shadow:1px 1px 4px #222;
	box-shadow:1px 1px 4px #222;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	top:-90px;
}
.cn_wrapper h1{
	font-size:20px;
	text-transform:uppercase;
}
.cn_wrapper h2{
	font-size:12px;
	border-bottom:1px solid #000;
	padding-bottom:3px;
	text-transform:uppercase;
}
.cn_preview{/*conteneur image et texte*/
	width:470px;
	height:648px;
	position:absolute;
	top:0px;
	left:3px;
}
.cn_list{
	width:415px;/*conteneur item*/
	height:640px;/*réglage hauteur bloc texte donc fleches*/
	position:absolute;
	top:2px;
	left:5px;
}
.cn_preview{
	left:418px;/*changé*/
}
.cn_content{
	border:1px solid #444;
	top:680px;/*5*/
	left:3px;
	width:198px;/*changé*/
	padding:3px;
	position:absolute;
	background-color:#FFF;*/
	height:635px;/*Regle la hauteur de cn_more en mm temps*/
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
}
.cn_content img{/*image*/
	width:194px;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
	padding-right:10px;

}
.img2{/*image*/
	box-shadow:3px 3px 4px #222;
	margin-right:10px;
}
.cn_date{
	position:absolute;
	bottom:30px;
	right:8px;
	font-size:11px;
}
.cn_category{
	position:absolute;
	bottom:30px;
	left:8px;
	font-size:11px;
	padding:1px 3px;
	/*background:#ccc;*/
	border:1px solid #ddd;
	color:#000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.cn_content p{
	height:330px;/*pour le en savoir plus*/
	margin-top:0px;
	overflow:hidden;
}
a.cn_more{
	position:absolute;
	padding: 0px 0px;
	left:0px;
	bottom:0px;
	width:202px;
	height:15px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration: none;
	border:1px solid #4c7ecb;
	outline:none;
	cursor:pointer;
	background-color: #808080;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-border-bottom-left-radius: 5px;
	-border-bottom-right-radius: 5px;
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
}
a.cn_more:hover{
	color: #011c44;
}                           
.cn_item{
size:10px:
	border:1px solid #090909;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	height:32px;
	color:#000;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:3px;
	margin:3px 3px 0px 0px;
	background:#FFF;
	background-color:#FFFFFF;
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#ffffff),
			to(#ffffff)
		);
	background:
		-moz-linear-gradient(
			top,
			#ffffff	,
			#ffffff
		);
	-moz-box-shadow:1px 1px 3px #111;
	-webkit-box-shadow:1px 1px 3px #111;
	box-shadow:1px 1px 3px #111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.cn_item:hover, .selected{
	color:#FFF;
	border-color:#4c7ecb;
	background-color: #808080;
	background-image:
		-moz-linear-gradient(
			top,
			rgba(255,255,255,0.25),
			rgba(255,255,255,0.05)
		);
	background-image:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, rgba(255,255,255,0.25)),
			color-stop(1, rgba(255,255,255,0.05))
		);
}
.cn_item:hover h2,
.cn_list .selected h2,
.cn_item:active h2{
	border-color:#2C5FAC;
}
.cn_item:hover p,
.cn_list .selected p,
.cn_item:active p{
	border-color:#527CBB;
}
.cn_item:active {
	color: #011c44;
}
.cn_list p{
	height:29px;
	padding-top:0px;
	overflow:hidden;
	border-top:1px solid #333;
}
.cn_nav{
	width:95px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:165px;/*change la position des fleches*/
}
a.cn_next, a.cn_prev{
	float:left;
	height:23px;
	width:23px;
	background-color:#888888;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	outline:none;
	border:1px solid #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
a.cn_next{
	background-image:url(../images/next.png);
}
a.cn_prev{
	margin-right:5px;
	background-image:url(../images/prev.png);
}
.cn_nav a:hover{
	background-color:#101010;
}
.cn_nav a:active{
	margin-top:1px;
	background-color:#000;
}
.cn_nav a.disabled{
	opacity:0.5;
}
.cn_page{
	display:none;
}
</style>