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;}
body{font-family:"Arial";color:#303030;background:#F3F3F3;}
a{color:#303030;}
a:hover{color:#3498DB;text-decoration:underline;}
h1{font-size:1.2em;font-weight:bold;padding:8px;background:#303030;color:#eee;text-align:center;border-radius:3px;}
h2,h3{background:#EDEDED;font-weight:bold;color:#262626;padding:5px 8px;border-radius:3px;text-align:center;}
header{background:#303030;}
header img{display:block;margin:auto;}
footer{text-align:center;font-size:0.7em;}
footer, #page{width:1024px;margin:auto;padding:10px 0px;background:#FFF;}
nav{display:inline-block;vertical-align:top;margin-left:10px;width:200px;font-size:0.9em;}
#contenu{display:inline-block;vertical-align:top;width:794px;}
nav ol{background:#303030;padding:3px;}
nav ol li a{display:block;background:#303030;color:#EEE;text-decoration:none;padding:10px 5px;text-align:center;font-size:0.9em;border-bottom:1px solid #565656;}
nav ol li a:hover{color:#FFF;background:#3498DB;text-shadow:#FFF 0px 0px 6px;text-decoration:none;}
nav ol li:last-child a{border:none;}
.social li{display:inline-block;vertical-align:top;margin:0px 3px;padding:5px;}
#social_txt{font-weight:bold;font-size:0.9em;}
#infos_publication{text-align:right;padding:4px 10px;font-size:0.8em;font-style:italic;}
article{text-align:justify;padding:5px 10px;font-size:0.9em;line-height:1.4em;}
article p{margin:5px;}
article ul,article ol{margin:10px 50px;list-style:circle;}
article li a{padding:3px 0px;}
aside{margin:10px auto;text-align:center;}
ol.articles{font-size:0.8em;margin:auto;max-width:90%;}
ol.articles li{padding:5px 0px;}
ol.articles li .date{display:inline-block;width:25%;text-align:center;font-style:italic;font-size:0.9em;}
ol.articles li .titre{display:inline-block;width:50%;}
ol.articles li .hits{display:inline-block;width:25%;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;}
}