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 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
body{font-family:"Arial";color:#808080;background: #ffefd9;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWZkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmY2ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #ffefd9 0%, #fff6de 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefd9), color-stop(100%,#fff6de));background: -webkit-linear-gradient(top, #ffefd9 0%,#fff6de 100%);background: -o-linear-gradient(top, #ffefd9 0%,#fff6de 100%);background: -ms-linear-gradient(top, #ffefd9 0%,#fff6de 100%);background: linear-gradient(to bottom, #ffefd9 0%,#fff6de 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefd9', endColorstr='#fff6de',GradientType=0 );}
a{text-decoration:none;color:#73A8AE;}
a:hover{color:#7B4C18;}
h1{font-family:"Lucida Sans Unicode";font-weight:normal;font-size:1.6em;padding:5px 8px;text-align:center;color:#999;}
h2{font-family:"Lucida Sans Unicode";font-weight:normal;font-size:1.4em;padding:5px 8px;text-align:left;color:#999;}
h3{font-family:"Lucida Sans Unicode";font-weight:normal;font-size:1.2em;padding:5px 15px;text-align:left;color:#999;}
header{text-align:center;background: #89bec6;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YmVjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWFlYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #89bec6 0%, #79aeb4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89bec6), color-stop(100%,#79aeb4));background: -webkit-linear-gradient(top, #89bec6 0%,#79aeb4 100%);background: -o-linear-gradient(top, #89bec6 0%,#79aeb4 100%);background: -ms-linear-gradient(top, #89bec6 0%,#79aeb4 100%);background: linear-gradient(to bottom, #89bec6 0%,#79aeb4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bec6', endColorstr='#79aeb4',GradientType=0 );}
header img{display:block;margin:auto;}
header a{display:block;width:100%;}
footer{width:100%;background:#EDE0C0;padding:30px 0px;color:#999;text-align:center;font-size:0.8em;line-height:1.5em;}
footer a{color:#999;}
footer a:hover{color:#808080;text-decoration:underline;}
#page{margin:auto;width:1024px;background:#FFF;padding:20px 0px 40px 0px;border-left:1px solid #eee;border-right:1px solid #eee;}
nav{display:inline-block;vertical-align:top;margin:0px 5px;width:200px;font-size:0.8em;}
#contenu{display:inline-block;vertical-align:top;margin:0px 5px;width:794px;}
nav h2, nav h2 a{color:#663300;font-size:1.3em;}
nav h2{padding:10px 5px;background: #f8eac3;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZWFjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmNiODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f8eac3 0%, #e6cb82 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8eac3), color-stop(100%,#e6cb82));background: -webkit-linear-gradient(top, #f8eac3 0%,#e6cb82 100%);background: -o-linear-gradient(top, #f8eac3 0%,#e6cb82 100%);background: -ms-linear-gradient(top, #f8eac3 0%,#e6cb82 100%);background: linear-gradient(to bottom, #f8eac3 0%,#e6cb82 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eac3', endColorstr='#e6cb82',GradientType=0 );margin-left:-15px;margin-right:15px;border-bottom: 3px solid #F8EAC3;border-right: 3px solid #F8EAC3;box-shadow:#999 3px 3px 6px;}
nav ol{margin-bottom:15px;}
nav ol li a:before{font-size:0.9em;content:"> ";color:#999;}
nav ol li a{display:block;color:#999;border-bottom:1px #EEE solid;padding:7px 3px;font-size:1em;}
nav ol li a:hover{color:#663300;}
nav ol li:last-child a{border:none;}
.social{text-align:center;}
.social li{display:inline-block;vertical-align:top;margin:0px 3px;padding:5px;}
#social_txt{font-weight:bold;font-size:0.9em;}
#infos_publication{font-family:"Lucida Sans Unicode";text-align:center;padding:5px 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:10px;}
article ul,article ol{margin:10px 50px;}
article li{padding:3px 0px;list-style-type:disc;}
article img{margin:10px 0px;box-shadow:#BBB 0px 0px 6px;}
article strong, article em, article b{color:#73A8AE;}
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;}

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