*{
margin:0;
padding:0;
box-sizing: border-box; /*permet de ne se fier qu'à width pour la largeur meme si padding et border*/
-moz-box-sizing: border-box;
}

a, a:focus, a img:focus, input:focus, textarea{       /*permet d'enlever le pointillé qd lien cliqué (img, a) sur IE*/
  outline:none;                                                                               
} 

#accessibilite {
  text-align: right;
  padding-bottom:10px;
}

hr{
  clear:both;
  visibility:hidden;
}

#liens a{color:#4599ad;display: block;text-align: center;}
#liens a:hover img{filter: contrast(70%);}
#liens{width:100%;padding-top:5px;display:flex;flex-wrap:wrap}

#liens h2{font-size: 1.6em;margin:20px 0 5px;padding:0 0 0 55px;width:100%;height:50px;line-height:50px;text-align:left}
#liens h3{font-size: 1em;padding: 18px 5px 5px;width:100%;min-height:25px;text-align:center;color:#000;text-transform:uppercase}
/*
#liens h2.lignetravaux{color:#ffcb26;background:url("../medias/media356_g.png") no-repeat, url("../images/fond_h2_t.png") no-repeat 245px center;}
#liens h2.lignecreateurs{color:#51b9ea;background:url("../medias/media354_g.png") no-repeat, url("../images/fond_h2_c.png") no-repeat 245px center;}
#liens h2.lignedirigeants{color:#adbc35;background:url("../medias/media355_g.png") no-repeat, url("../images/fond_h2_d.png") no-repeat 245px center;}
#liens h2.ligneevenements{color:#f5803f;background:url("../medias/media357_g.png") no-repeat, url("../images/fond_h2_e.png") no-repeat 245px center;}
*/

#liens > div{border-radius:13px;position:relative;width:31.3%;margin:1%;height:auto;padding:15px 1% 10px;border: 1px solid #d3d3d3;background-color: lightyellow;}
#liens > div .opt1{position:absolute;top:2px;left:2px;z-index:auto;width:25px}
#liens > div .opt2{position:absolute;top:2px;z-index:auto;width:25px}
#liens > div .opt3{position:absolute;top:2px;z-index:auto;width:25px}
#liens > div .opt4{position:absolute;top:2px;z-index:auto;width:25px}

#liens p{padding:10px 0 0 0;font-size:0.9em;text-align:center}

#liens span{display:block;padding:5px;width:100%;height:auto;background-repeat:no-repeat;background-position:center center;background-size:65%}

#liens img{display:block;margin:auto;max-height:90px;max-width:100%;width:auto;height:auto}


@media screen and (max-width:1280px) {
#accessibilite {display:none;}
}
@media screen and (max-width:1024px) {
#liens > div{width:23%;}
}
@media screen and (max-width:768px) {
#liens > div{width:31%;}
}

@media screen and (max-width:500px) {
#liens > div{width:48%;}

}