figure{width:100%;margin:0 auto 40px;padding:0}
figure > img{width:100%;margin:auto;padding:0}
h2{text-align:left;text-transform:uppercase;font:3em/1em Oxygen;font-weight:300;color:#000}
article{border-bottom:10px solid #000000;}
.footer-large{margin-top:0 !important;}
.liste-article{position:relative;overflow:hidden;height:auto;width:100%}
.liste-article a{border:none;text-decoration:none}
.liste-article img{width:auto}
.liste img{overflow:hidden;width:100%;vertical-align:top;height:auto;}
.wrapper-list{position:absolute;bottom:0;width:100%;background:transparent linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.5) 80%,rgba(0,0,0,0.75) 100%) repeat scroll 0 0}
.wrapper-list h1{color:#FFF;margin-bottom:20px;margin-top:40px;font:700 3em "Open Sans",serif;padding:0 20px;text-align:center;text-transform:uppercase;display:block}
.wrapper-list h2{margin:0;padding:0;text-align:center;text-transform:uppercase;font:1.5em Oxygen;font-weight:700;font-family:Oswald,serif;font-size:2em;line-height:1.5em;letter-spacing:.1em;color:#EDC600;text-decoration:none;border:0 none}
.wrapper-list .article-date{text-align:center;display:block;width:100%;margin-bottom:20px;color:#11AEEF;font:300 16px Helvetica,serif}
.liste-article .article-link{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000}
.block-titre-page img{width:100%}
.block-titre-page {position:relative;}
.block-titre-page h1{font-size:4em;padding:0;margin:20px auto 20px;color:#FFF;text-shadow:2px 4px 6px #000}
.block-titre-page .sub{padding:0 0 20px 0;margin:10px auto 40px;color:#DDD;text-align:center;text-transform:none;font:700 2.4em/1.5em Oswald,serif;text-shadow:2px 2px 4px #000}
.wrapper-header {margin: 0;padding: 0;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;background: transparent linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.75) 100%) repeat scroll 0 0;height: auto;}
@media (max-width: 1280px) {
    .wrapper-list h1{font:700 2em "Open Sans",serif;margin-bottom:10px;margin-top:20px}
    .wrapper-list h2{font-size:1.4em}
    .wrapper-list .article-date{font:300 1.2em Helvetica,serif;margin-bottom:20px}
    .block-titre-page h1{font-size:3em}
    .block-titre-page .sub{font:700 2em/1em Oswald,serif}
}
@media (max-width: 992px) {
    .wrapper-list h1{font:700 1.4em "Open Sans",serif;margin-bottom:5px;margin-top:10px}
    .wrapper-list h2{font-size:1em}
    .wrapper-list .article-date{font:300 1em Helvetica,serif;margin-bottom:10px}
    .block-titre-page h1{font-size:2em;margin:0;padding:0}
    .block-titre-page .sub{font:700 1.5em/.8em Oswald,serif}
}
@media (max-width: 747px) {
    p{padding:10px}
    h2{text-align:left;text-transform:uppercase;font:2em/1em Oxygen;font-weight:300;color:#000}
    header h1{font:700 25px/25px "Open Sans",serif}
    .wrapper-header h2{font-size:.8em!important;margin-bottom:0}
    .block-titre-page .sub{font-size:.8em!important;margin:5px 0 20px;padding:0 0 10px}
}
@media (max-width: 480px) {
    .wrapper-list h1{font:700 20px/20px "Open Sans",serif;margin-bottom:5px;margin-top:10px}
    .wrapper-list h2{font-size:16px}
    .wrapper-list .article-date{font:300 14px Helvetica,serif;margin-bottom:5px}
    .block-titre-page h1{font-size:20px;margin:0;padding:0}
    .block-titre-page .sub{font:700 16px/16px Oswald,serif}
}