#hd{background:#fc0;padding:30px;display:flex}#hd .img,#hd .t{width:50%;box-sizing:border-box;padding:0px 10px}#hd .img{text-align:right}#hd .t{font-size:2em;font-weight:bold;color:rgba(0,0,0,.9333333333);padding-top:1px}#bd{max-width:800px;margin:auto}#bd .breadcrumb{padding:10px 15px;color:#999;text-align:center}#bd .breadcrumb span.i{padding:0px 10px}.article-thumbs{padding:60px 0px}.article{padding:20px 20px}.article .bar{display:flex;padding:10px}.article .bar .tags,.article .bar .infos{width:50%}.article .bar .tags .tag{display:inline-block;padding:0px 7px;line-height:16px;height:16px;font-size:.6em;border-radius:8px;background:#266a2e;color:#fff;font-weight:bold}.article .bar .infos{line-height:20px;font-size:.8em;color:#555;text-align:right}.article .title{font-weight:bold;font-size:1.1em;text-align:center;padding:10px 0px}.article .content h2{padding:40px 0px;padding-top:50px;font-size:1.3em}.article .content h3{padding:20px 0px;padding-top:30px;color:#266a2e}.article .content .img{float:left;padding:10px;margin-right:10px;margin-bottom:10px}.article .content .img img{width:80px;height:auto}.article .content .extrait{line-height:22px;font-family:arial,sans-serif}@media screen and (min-width: 800px){#bd .breadcrumb{padding:20px;text-align:left}.article-list{font-size:1.2em}.article-list .article{padding:50px}}