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:#002336;background:#10bad3;text-align:center;padding-top:20px;}
a{text-decoration:none;color:#094162;}
a:hover{color:#129AF0;}
h1,h2,h3{font-weight:bold;padding:5px 8px;color:#094162;text-align:left;}
h1{color:#002336;font-size:1.4em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5,h6{font-size:1em;}
/*--- HEADER ---*/
header{}
header img{display:block;margin:auto;width:100%;position:absolute;margin-bottom:10px;}
header a{display:block;width:100%;}

/*--- FOOTER ---*/
footer{padding:10px 0px;color:#FFF;}
footer p{text-align:center;font-size:0.8em;}
footer a{}
footer a:hover{}
	
/*--- STRUCTURE ---*/	
#page{position:relative;padding:10px 0px 20px 0px;font-size:0.9em;width:100%;margin:auto;}
nav{display:block;position:fixed;top:0px;left:0px;width:100%;background:#008490;}
#contenu{margin:20px auto;width:70%;}


/*--- MENU ---*/
nav div{position:relative;display:inline-block;vertical-align:top;margin:0px 10px;padding:0px 10px;}
nav div h2{cursor:pointer;padding:3px 10px;font-size:1.2em;}
nav div h2, nav div h2 a{color:#FFF;}
nav div:hover h2{color:#008490;}
nav div h2:hover, nav div h2 a:hover{color:#7e0000;}
nav div ol{display:none;position:absolute;left:0px;width:200px;}
nav div:hover {background:#FFF;}
nav div:hover ol{display:block;background:#FFF;font-size:0.9em;}
nav div:hover ol li{display:block;text-align:left;padding:5px 8px;}
nav div:hover ol li, nav div:hover ol li a{color:#008490;}
nav div:hover ol li a:hover{color:#3f3f3f;}
nav div:hover ol li:hover{background:#e9edf0;}

/*PUB*/
nav aside{position:absolute;right:0px;top:50px;width:200px;}
aside{margin:10px auto;text-align:center;}
@media (max-width: 1400px) {nav aside{display:none;}}

/*Social*/
.social{position:absolute;bottom:0px;left:0px;width:1000px;text-align:center;font-size:0.8em;}
.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.6em;color:#434343;}
article{text-align:justify;padding:5px;margin:5px;font-size:0.9em;background: rgba(249, 234, 224, 0.7);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
article p{margin:20px;}
article strong{color:#000;}

/*Liste d'actualites*/
ol.articles{margin:auto;text-align:left; background: rgba(249, 234, 224, 0.7);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);}
ol.articles li{padding:5px 0px;border-bottom:solid 2px #E9EDF0;}
ol.articles li:hover{}
ol.articles li:last-child{border:0px;}
ol.articles li .date{display:inline-block;width:25%;text-align:center;font-style:italic;}
ol.articles li .titre{display:inline-block;width:60%;}
ol.articles li .titre:hover{color:#FFF;}
ol.articles li .hits{display:inline-block;width:15%;}
@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;}
}