#articles-list{margin:20px auto;width:959px;overflow:hidden;}
#articles-table{position:relative;left:-1px;display:table;border-collapse:collapse;border-spacing:0px;font-weight:300;}
#articles-table div.article{padding:0px 17px;border:solid #E8E8E8;border-width:0px 1px 0px 1px;display:table-cell;width:285px;min-width:285px;}
#articles-table div.article h1{background-color:#373cf5;color:white;margin:0px;padding:8px 12px;font-family:FiraSans,Verdana,Arial,Helvetica,sans-serif;font-weight:600;font-size:12pt;background-image:url("/images/fleche-titre.png");background-position:left bottom;background-repeat:no-repeat;padding-bottom:20px;margin-bottom:15px;}
#articles-table div.article img.rss{float:right;cursor:pointer;}
#articles-table div.article div.content{height:208px;width:285px;overflow:hidden;text-overflow:ellipsis;margin-top:15px;margin-bottom:22px;}
#articles-table div.article h2{color:#141ea5;margin:0px 0px 5px 0px;padding:0px;font-size:11pt;font-weight:300;cursor:pointer;}
#articles-table div.article p{color:black;margin:5px 0px;padding:0px;font-size:10pt;}
#articles-table div.article p.date{color:#373cf5;margin:5px 0px;padding:0px;font-size:9pt;font-style:italic;}
#articles-table div.article p.suite{font-size:10pt;font-weight:600;margin:15px 0px 13px 0px;}
#articles-table div.article a.suite{color:#141ea5;}
#articles-table div.article a.suite:ACTIVE{color:#373cf5;}
#articles-table div.article a.suite:VISITED{color:#666666;}
#articles-nav{margin:20px 0px 38px 0px;text-align:center;height:24px;}
#articles-nav div.dot{display:inline-block;width:16px;height:16px;margin:4px 12px;border-radius:8px;background-color:black;opacity:0.2;cursor:pointer;}
#articles-nav div.dot.active{background-color:#141ea5;opacity:1.0;}