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;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
body{font-family:"Arial";color:#525353;font-size:1em;text-align:center;
background: #759ed2;
background: -moz-linear-gradient(top, #759ed2 0%, #8eacd1 18%, #e3f0f9 28%, #f4eebc 32%, #ede197 100%) fixed;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#759ed2), color-stop(18%,#8eacd1), color-stop(28%,#e3f0f9), color-stop(32%,#f4eebc), color-stop(100%,#ede197)) fixed;
background: -webkit-linear-gradient(top, #759ed2 0%,#8eacd1 18%,#e3f0f9 28%,#f4eebc 32%,#ede197 100%) fixed;
background: -o-linear-gradient(top, #759ed2 0%,#8eacd1 18%,#e3f0f9 28%,#f4eebc 32%,#ede197 100%) fixed;
background: -ms-linear-gradient(top, #759ed2 0%,#8eacd1 18%,#e3f0f9 28%,#f4eebc 32%,#ede197 100%) fixed;
background: linear-gradient(to bottom, #759ed2 0%,#8eacd1 18%,#e3f0f9 28%,#f4eebc 32%,#ede197 100%) fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759ed2', endColorstr='#ede197',GradientType=0 ) fixed;
}
a{text-decoration:none;color:#D26200;}
a:hover{color:#E19407;}
h1,h2,h3{font-weight:bold;color:#E19407;text-align:left;font-family:"Verdana";}
h1:first-letter,h2:first-letter{color:#8B0F11;}

h1{font-size:1.2em;padding:8px 20px;}
h2{font-size:1.1em;padding:8px 15px;}
h3{font-size:1em;text-decoration:underline;padding:8px 15px;}
header{width:100%;}
header img{display:block;margin:auto;}
header a{display:block;width:100%;}	
#page{display:inline-block;width:1024px;padding:10px 0px;background:#FFF;/*border:1px solid #EAEAEA;border-top:0px;border-bottom:0px;*/}
nav{display:inline-block;width:200px;margin-left:18px;font-size:0.8em;text-align:left;}
#contenu{display:inline-block;vertical-align:top;width:800px;}
.social{border-radius:7px;font-size:0.9em;}
nav div{margin-bottom:15px;}
nav h2{font-weight:bold;padding:8px 0px 0px 0px;font-size:1em;text-align:left;margin:5px;}

nav ol{margin-bottom:10px;border-radius:3px;
background: #fff9dd;
background: -moz-linear-gradient(top, #fff9dd 0%, #f4ecbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9dd), color-stop(100%,#f4ecbb));
background: -webkit-linear-gradient(top, #fff9dd 0%,#f4ecbb 100%);
background: -o-linear-gradient(top, #fff9dd 0%,#f4ecbb 100%);
background: -ms-linear-gradient(top, #fff9dd 0%,#f4ecbb 100%);
background: linear-gradient(to bottom, #fff9dd 0%,#f4ecbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9dd', endColorstr='#f4ecbb',GradientType=0 );
}
nav ol li a{color:#444;display:block;padding:8px 5px;font-size:1em;}
nav ol li:nth-child(odd) a:before{content:"☛ ";color:#333;}
nav ol li:nth-child(even) a:before{content:"☛ ";color:#666;}
nav ol li:nth-child(odd) a:hover:before{content:"☛ ";color:#57992B;}
nav ol li:nth-child(even) a:hover:before{content:"☛ ";color:#0064B2;}
nav ol li a:hover{margin-left:5px;color:#BD4304;}
nav h2 a:hover{text-shadow:#FEE006 0px 0px 6px;}
.social li{display:inline-block;vertical-align:top;padding:3px;	}
#social_txt{font-weight:bold;font-size:0.9em;}
#infos_publication{text-align:right;padding:4px 10px;font-size:0.9em;font-style:italic;}
article{text-align:justify;padding:10px;font-size:0.9em;line-height:1.4em;}
article p{margin:0px 10px;}
article ul,article ol{margin:10px 50px;}
article li{list-style-type:circle;padding:3px 0px;}
article img{display:block;margin:15px auto;background:#FFF;padding:10px;box-shadow:#7F7049 3px 3px 6px;}
aside{margin:10px auto;text-align:center;}
ol.articles{font-size:0.8em;margin:auto;}
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;}
footer{border-top:1px dotted #AAA;color:#444;background:#FFF;width:1024px;margin:0px auto;}
footer p{padding:3px 5px 30px 5px;text-align:right;font-size:0.8em;}
footer a{}
footer a:hover{}

@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;}
}