/* RESET */
body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;background:#EFF0EA;margin:0;padding:0}.wrapper,.row{*zoom:1}.wrapper:before,.row:before,.wrapper:after,.row:after{content:"";display:table}.wrapper:after,.row:after{clear:both}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* RESPONSIVE */
img{width:auto;max-width:100%;height:auto!important}.wrapper{width:100%;margin:0 auto}[class*='column-']{float:left;padding:1em;width:100%;min-height:1px}@media only screen and (min-width: 30em){.wrapper{width:95%;max-width:72.5em/*65em*/}.column-1{width:8.33333%}.column-2{width:16.66667%}.column-3{width:25%}.column-4{width:33.33333%}.column-5{width:41.66667%}.column-6{width:50%}.column-7{width:58.33333%}.column-8{width:66.66667%}.column-9{width:75%}.column-10{width:83.33333%}.column-11{width:91.66667%}.column-12{width:100%}}.text-justify {text-align:justify;}.text-center {text-align:center;}.text-right {text-align:right;}.text-left {text-align:left;}.gras {font-weight:bold}

a {color:#333}
.nav-links a {color:#E4EBEE;}

a.obf, a.obf:hover, a.obf:visited {color:#E4EBEE}


p{margin-bottom:20px;}
.col1 {background:#eff0ea}
.col2 {background:#3A515F}
.col3 {background:#eed3be}
.col4 {background:#98aeb9}
.col5 {background:#e8dc92}

a.obf, a.obf:hover, a.obf:visited {color:#fff;}

ol#toc {margin:10px;font-size:12px}
ol#toc a, ol#toc a:visited {color: #3c3c33c}

.cboth {clear:both}

.contenu h1 {font-size:20px;color:#3A515F;text-transform:uppercase;font-weight:300;text-align:center;letter-spacing:1px;margin:20px}
.contenu h2 {font-size:18px;color:#3A515F;}

#article
/* ARTICLE */
.articles .thema {
	margin-top:10px;
	background:#555;
	text-decoration:none;
	color:#ccc;
	font-size:0.7em;
	text-transform:uppercase;
	padding:2px 8px;
	display:inline-block;
	margin-right:6px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.articles h1 {
	text-align:left;
	margin-bottom:30px;
	margin-top:30px;
}
.articles .chapo {
	border-left:5px solid #999;
	padding:10px 20px 10px 20px;
	background:#333;
	margin-bottom:30px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.article h2 {margin:20px 0px;font-weight:500}
.article a, .articles a:hover, .articles a:visiter {color:#ccc;}
.article ul {margin:20px 10px 20px 30px;}
.article p {margin:20px 0;}
.article p img {
	max-width:500px;
	display:block;
	margin:auto;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
}
.chapo, .article p, .article li {line-height:1.4em;}

.article blockquote {
	font-style: italic;
  margin-left: 32px;
  font-family: Georgia, "Times New Roman", serif;
	font-size:1.2em;
	margin:20px 20px;
	border-left:5px solid #999;
	padding:10px 20px 10px 20px;
	background:#333;
	margin-bottom:30px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	line-height:1.4em;
}
.related ul {padding:20px 0;}
.related li {list-style-type:none;}
.related li a {color:#ccc;padding:10px 20px;display:block;border:1px solid#333;
background:#272727;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
			   margin-bottom:10px;
			  }
.related li a:hover {color:#fff;}

.liste .titre {
	color:#bdd657;
	line-height:1.4em;
}
.liste .listechapo {
	margin:10px 10px 20px 10px;
	line-height:1.4em;
}


/*sidebar*/
.sidebar {
position: -webkit-sticky; /* Safari */
position: sticky;
top:100px;
text-align:center;
}
.sidebar a {display:block;margin-bottom:20px;text-decoration:none;color:#EFF0EA}
.sidebar span {width:66%;display:block;margin:15px auto;padding:7px;border-radius:3px;background:#3a515f}
.sidebar ul {list-style-type:none}
.sidebar li {list-style-type:none}

/*footer*/
footer {background:#3A515F;color:#F3F2EC}
footer a {color:#F3F2EC;text-decoration:none}
footer li {list-style-type:none;line-height:18px}