body,img,table,div,span,p,form,fieldset,input,textarea,ol,ul,li,h1,h2,h3,h4,h5,h6,figure,figcaption{margin:0px;padding:0px;border:0px;font-size:100%;list-style:none;outline:none;}
*{-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
body{
	font-family:"Arial";
	color:#222;
	font-size:1em;
	background:#333;
}
a{
	text-decoration:none;
	color:#511C39;
}
a:hover{
	color:#A00058;
}
h1,h2,h3{
	font-weight:bold;
	padding:8px 15px;
	color:#7F0046;
	font-size:1.1em;
	font-style:italic;
}

/*--- HEADER ---*/
header{
	text-align:center;
}
header img{
	display:block;
	margin:auto;
	box-shadow:#000 0px 0px 10px;
}
header a{
	display:block;
	width:100%;
}

/*--- FOOTER ---*/
footer{
	width:1024px;
	margin:0px auto;
	padding:10px 0px;
}
	footer p{
		text-align:center;
		font-size:0.8em;
		color:#333;
	}
	footer a{
		
	}
	footer a:hover{
		text-decoration:underline;
	}
	
/*--- STRUCTURE ---*/	
#page{
	width:1024px;
	margin:0px auto;
	padding:10px 0px;
	background:#F9EFF5;
	box-shadow:#000 0px 0px 10px;
}
	nav{
		float:left;
		margin-left:10px;
		margin-top:20px;
		width:230px;
		font-size:0.8em;
	}
	#contenu{
		float:right;
		width:760px;
		margin:0px 10px;
	}

/*--- MENU ---*/
nav h2{
	margin-top:10px;
	padding:5px 10px;
	text-align:center;
	color:#FFF;
	clear:both;
	border-radius:10px 10px 0px 0px;
	background: #cb60b3; /* Old browsers */
	background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
	
	border:1px solid #999;
	border-bottom:0px;
	box-shadow:#000 2px 2px 6px;
}
nav ol{
	display:block;
	border:1px solid #BBB;
	border-top:0px;
	border-radius:0px 0px 10px 10px;
	box-shadow:#000 2px 2px 6px;
	
	margin-bottom:10px;
	padding:5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
}	
nav ol li{
	
}

nav ol li:last-child{
	border:none;
}

nav ol li a{
	display:block;
	
	font-weight:bold;
	padding:5px;
}
nav ol li a:hover{
	padding-left:10px;
}
#pub2{
	margin:10px auto;
}
/*Social*/
.social{
	text-align:right;
}
.social li{
	display:inline-block;
	vertical-align:top;
	margin:0px 3px;
	padding:5px;	
}
#social_txt{
	font-weight:bold;
	font-size:0.9em;
}

/*--- Contenu ---*/
#infos_publication{
	text-align:right;
	padding:4px 10px;
	font-size:0.8em;
	font-style:italic;
}
article{
	text-align:justify;
	margin:5px 0px;
	padding:5px 10px;
	font-size:0.9em;
	line-height:1.4em;
}
	article p{
		margin:10px;
	}
	article strong, article b{
		
	}
	article i, article em{
		
	}

/*--- Espace pub ---*/
aside{
	margin:10px auto;
	text-align:center;
}
/*Liste d'actualites*/
ol.articles{
	font-size:0.9em;
	margin:auto;
}
ol.articles li{
	padding:5px 0px;
}
ol.articles li .date{
	display:inline-block;
	width:120px;
	text-align:center;
	font-style:italic;
	font-size:0.9em;
}
ol.articles li .titre{
	display:inline-block;
	width:490px;
}
ol.articles li .hits{
	display:inline-block;
	width:90px;
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
}
@media (max-width: 700px) {
	body, header, header img, #page, #contenu, nav, footer, footer p{display:block;width:100%;margin:0px auto;border:0px;box-shadow:none;}
	article{max-width:95%;margin:0px auto;}
	#contenu img, #contenu iframe{max-width:100%;padding:0px;margin:0px auto;border:0px;}
	#contenu ol, #contenu ul{max-width:85%;padding:0px;margin:0px auto;border:0px;}
	ol.articles{width:100%;display:block;}

div{max-width:100%;}

ol.articles{position:relative;display:block;width:100%;}
	ol.articles li{position:relative;display:block;max-width:100%;margin:0px;padding:25px 0px 5px 0px;}
	ol.articles li .date{position:absolute;top:5px;left:5px;margin:0px;width:auto;}
	ol.articles li a.titre{position:relative;display:block;width:80%;max-width:80%;text-align:center;}
	ol.articles li .hits{position:absolute;top:5px;right:5px;margin:0px;width:auto;}
	.fb-comments{max-width:90%;}
	.fb_iframe_widget{max-width:90%;}
	aside{max-width:100%;text-align:center;}
	#pub3, #pub3, #pub3{max-width:95%;}
	footer a{display:block;padding:5px;margin:10px;}
}