/* Créeation graphique */
#img_page_cre {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}
#img_page_cre > img {
	position:absolute;
	width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
}
#img_page_cre > div#fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background-color:#000;
	opacity:.6;
	z-index:2;
}
#tt1EC,#tt2EC {
	margin-bottom:15px;
}
#img_page_EC {
	width:100%;
	box-sizing:border-box;
}
#img_page_EC>img {
	vertical-align:top;
}
/* les sites */
#liste-site {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}
#liste-site>article.site {
	width:23%;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	padding:10px;
	border:1px solid #CCC;
	margin-right:2%;
	margin-bottom:20px;
	box-shadow:2px 3px 2px rgba(0,0,0,.06);
	background-color:#FFF;
	text-align:center;
}
#liste-site>article.site > img {
	width:100%;
	vertical-align:top;
}
#liste-site>article.site > h3 {
	text-align:center;
}
#liste-site>article.site > a {
	text-align:center;
}