.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.news_index { font-family: Verdana; font-weight: normal; float:left;padding-top:10px;}
.news_index a { }
.news_index a:hover { }
.news_index h1 { font-weight: bold; font-family: Arial; margin-bottom:20px; text-transform:uppercase; }
.news_index .hr {clear:both;border-top:1px solid #D1D1D1;height:1px;font-size:1px;}

.news {clear:both;border:0px solid red;margin:10px 0 20px 0;padding:0;}
.news .image { border:solid 1px #DDDDDD; float:left; padding:3px; margin-right:10px;}
.news .image img { border:none; }
.news .titre { margin-left:100px;margin-top: 5px;}
.news .date {margin-left:100px; margin-bottom:0;}
.news h2 {margin-bottom:3px;}
.news p {margin:0; margin-bottom:2px;}
.news .soustitre { margin-left:100px;text-align:justify; }
.news .plus { margin-left:100px;margin-top: 5px; }

.news_first {}
.news_first .image_first { border:solid 1px #DDDDDD; float:left; padding:3px; margin-right:10px; }
.news_first .image_first img { border:none; }
.news_first .date { }
.news_first .titre { margin: 5px 0px; }
.news_first .soustitre { text-align:justify; }
.news_first .plus { margin-top:5px; }

.news_detail { font-family: Verdana; font-weight: normal; padding-top:10px;}
.news_detail a { }
.news_detail a:hover { }
.news_detail h1 { font-weight: bold; font-family: Arial; margin-bottom:20px; text-transform:uppercase;}
.news_detail h2 {font-weight: bold; margin: 10px 0px; color:#484647; color:#647678;}
.news_detail .subtitle { font-weight: bold; color:#484647; text-align: justify; margin-bottom:10px;}
.news_detail .date {font-weight:bold;color:#647678;}
.news_detail .chapeau { margin-bottom:12px; }
.news_detail .text { text-align: justify; }
.news_detail .text div { margin-bottom:10px;}
.news_detail .image { float: right; margin-left: 10px; margin-bottom: 10px; border:solid 1px #DDDDDD; padding: 3px; }
.news_detail .image img { border: none; }
.news_detail .image .legend { color:#CCCCCC;width:164px;}
.news_detail .gallery { clear:both; padding-top: 10px; }
.news_detail .gallery .gallery_title { font-weight: bold; border-bottom: solid 1px #DDDDDD; margin-bottom:5px; }
.news_detail .gallery .gallery_image { border:solid 1px #DDDDDD; float:left; padding:3px; margin-right:5px; }
.news_detail .gallery .gallery_image img { border:none; }
.news_detail .docs { clear: both; padding-top: 10px; }
.news_detail .docs .docs_title { font-weight: bold; border-bottom: solid 1px #DDDDDD; }
.news_detail .videos { clear: both; padding-top: 10px; }
.news_detail .videos .videos_title { font-weight: bold; border-bottom: solid 1px #DDDDDD; margin-bottom:5px; }
.news_detail .videos .video { text-align: center; color: #CCCCCC; font-style: italic; }
.news_detail .code_video { clear: both; padding-top: 10px; }
.news_detail .code_video .code_title { font-weight: bold; border-bottom: solid 1px #DDDDDD; margin-bottom:5px; }
.news_detail .sounds { clear: both; padding-top: 10px; }
.news_detail .sounds .sounds_title { font-weight: bold; border-bottom: solid 1px #DDDDDD; margin-bottom:5px; }
.news_detail .sound { text-align: center; color: #CCCCCC; font-style: italic; }
.news_detail .options { float:right; }
.news_detail .options img { border:none; }
.news_detail .options #plus_moins {float:left;}
.news_detail .options #rss {float:left;}
.news_detail .options #print {float:left;}
.news_detail .options #send {float:left;}
.news_detail .options #facebook {float:left;}

.pagination { clear:both; padding-top: 20px; font-weight: bold; }
.pagination span.current { font-weight: bold;}

div.news_accroche {}
div.news_accroche h2 {}
div.news_accroche div.news {}
div.news_accroche div.news .date {}
div.news_accroche div.news div.title {}
div.news_accroche div.news div.title a {}
div.news_accroche div.news div.title a:hover {}
div.news_accroche div.news div.image {}
div.news_accroche div.news div.image a {}
div.news_accroche div.news div.image a:hover {}
div.news_accroche div.news div.image a img {}
div.news_accroche div.news div.header {}
div.news_accroche div.news div.next {}
div.news_accroche div.news div.next a {}
div.news_accroche div.news div.next a:hover {}