html { margin: 0; padding: 0;  }
p {margin: 0; padding: 0;}
body { background-color: #FFFFFF; font-family: Verdana; font-size: 10pt; color: black; margin-top: 0px; padding-top: 0px; padding-bottom: 5px }
select, textarea, input { font-family: Verdana; font-size: 11px }
form { margin: 0; padding: 0 }
a { text-decoration: none; color: #c1282e; }
a:hover { color: black }
img { border-style: none }
td { vertical-align: top }
th { text-align: left }
table { margin: 0; padding: 0; border-collapse: collapse; border-style: none }
ul { margin: 0px; padding-left: 20px; padding-top: 0px }

.color { color: #c1282e; }
.button { background-color: #c1282e; border-style: none; padding: 3px; color: white }
.textinput { border: solid 1px black }
.textinput-red { border: solid 1px #c3272f }
.horsep { background-image: url(/images/category_sep.png); background-repeat: repeat-x; height: 6px; width: 845px }
.intsep { background-image: url(/images/category_sep.png); background-repeat: repeat-x; height: 6px; width: 592px; margin: 6px 0px }
.intsep img { display: none }
.articlehorsep { clear: both; background-image: url(/images/category_sep.png); background-repeat: repeat-x; height: 6px; width: 280px; margin-top: 2px; margin-bottom: 2px }
.articlehorsep img { display: none }
.versep { background-image: url(/images/hor_sep.png); background-repeat: repeat-y; width: 2px; margin-left: 4px; margin-right: 4px }

#container { width: 1030px; margin-left: auto; margin-right: auto }
#main { width: 858px; margin-top: 0px; margin-left: 0; margin-right: 0; text-align: left; padding-right: 0px; float: left; border-right: 3px solid #999999; border-left: 3px solid #999999; }
#logo { float: left; padding-top: 10px; padding-bottom: 2px; padding-left: 10px }
#login { float: right; margin-right: 8px; padding-top: 10px; padding-bottom: 2px; font-size: 11px }
#search { color: #666666; width: 175px; padding: 2px }
.navigation { color: #717375; font-family: Arial; font-size: 14px }
.navigation a { color: #717375 }
#content { float: left; width: 790px; padding-top: 5px }
.copyright { clear: both; font-size: 11px; color: #666666; padding-left: 4px; padding-bottom: 5px; padding-top: 10px }
#partners { text-align: center; width: 160px; margin-top: 30px }
.newsletter-date img { vertical-align: bottom; height: 16px }

#topstrip { clear: both; padding-left: 10px; border-top: 1px solid black }
#slogan { float: left; letter-spacing: 0.24px; font-size: 11px; padding-top: 2px; font-family: Arial; font-weight: bold; }
#links { float: right; width: 423px; text-align: right; letter-spacing: 0.24px; font-size: 12px; padding-top: 2px; padding-right: 8px; font-family: Arial; font-weight: bold; color: #c1282e }
#links img { vertical-align: bottom }

#rubriques { clear: both; margin-top: 3px; height: 19px; font-family: Arial; font-size: 13px; padding-left: 10px; padding-top: 5px; padding-bottom: 3px; background-color: #c1282e; color: white; text-transform: uppercase; letter-spacing: 0.13px }
#paid { clear: both; padding-left: 10px; padding-top: 3px; height: 20px; font-family: Arial; font-size: 13px }
#rubriques a { color: white }
#rubriques a:hover { color: black }
#paid a { color: black; font-weight: bold }
#paid a:hover { color: #c1282e }
#topbanner { text-align: center; padding-bottom: 10px; margin-left: 0px }
#menu { font-size: 11px; width: 858px; height: 24px; margin-bottom: 3px; border-top: 1px solid #CCCCCC; margin-top: 3px; background-color: #c1282e }
#menu div { cursor: pointer; float: left; height: 14px; padding: 5px 8px; text-transform: uppercase; border-left: 2px solid #bbbbbb }
#menu .tabOff { background-color: #C1282E; color: white }
#menu .tabOffFlash { color: white; background: #C1282E url(/images/menu_on_flash.gif) no-repeat scroll center bottom; }
#menu .tabOff a, #menu .tabOffFlash a { color: white }
#menu .tabOn a, #menu .tabOn a:hover { color: #C1282E }
#menu .tabOn { background: #FFFFFF url(/images/menu_on.png) no-repeat scroll center bottom; color: #C1282E }
#menu .tabHome { float: left; cursor: pointer; height: 24px; width: 30px; border-left-style: none; border-right-style: none; padding: 0; margin: 0 }
#menu-extender { padding-bottom: 8px; font-size: 12px; width: 858px; border-bottom: 3px solid #cccccc; padding-top: 4px }
#menu-extender div { padding-left: 5px }
#menu-extender .tabOn { display: block }
#menu-extender .tabOff { display: none }
#menu-extender a { color: black; padding: 0px 7px 0px 10px; border-left: 1px solid black }
#menu-extender .first { border-left-style: none }
#menu-extender a:hover, #menu-extender .active { color: #c1282e }

#pagedata { float: left; width: 605px; margin-top: 5px }
#rightcol { float: left; width: 240px; margin-top: 5px }

.lefttd { display: none; visibility: hidden }
.centertd { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0 }

.leftsection { letter-spacing: 1px; width: 118px; padding-left: 6px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; background-color: #c1282e; color: white; font-size: 11px; font-family: "Arial Black", Arial; text-transform: uppercase; }
.leftsection a { color: white }
.leftcontent { padding-top: 5px }
.leftcontent, .leftcontent a { color: black }
.leftcontent a:hover { color: #c1282e }
.leftcontent ul { list-style-image: url(/images/arrowul.png); margin: 0 }
.leftcontent li { margin-bottom: 3px }
.centersection { width: 839px; height: 17px; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #c1282e; color: white; font-size: 12px; font-family: "Arial Black", Arial; text-transform: uppercase }
.innersection { width: 580px; height: 17px; padding-left: 4px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; background-color: #c1282e; color: white; font-size: 12px; font-family: "Arial Black", Arial; text-transform: uppercase }
.innerinfo { width: 578px; padding: 4px; background-color: #e7e8e9; font-family: Georgia; font-size: 14px }

.pointsection { width: 845px; padding: 0px; background-color: #e7e8e9; color: black }
.pointphoto { background-color: #e7e8e9; width: 250px; text-align: right; padding: 0; margin: 0 }
.pointphoto img { display: block }
.pointinfo { padding-left: 4px; background-color: #e7e8e9 }


.rightsection { width: 244px; border-left: 3px solid #c1282e; border-right: 3px solid #c1282e; border-bottom: 3px solid #c1282e; margin-bottom: 10px }
.rightsection .content { padding: 3px; font-family: Arial; font-size: 11px }
.rightsection .title, .rightsection .alttitle { padding: 3px; background-color: #c1282e; text-transform: uppercase; color: white; font-size: 11px; font-family: "Arial Black", Arial; } 
.rightsection .title a, .rightsection .alttitle a { color: white }

.partners { clear: both; margin-top: 25px; width: 156px; border-left: 2px solid #fad30a; border-right: 2px solid #fad30a; border-bottom: 2px solid #fad30a; margin-bottom: 10px }
.partners .content { padding: 3px; font-family: Arial; font-size: 11px }
.partners .title { padding: 3px; background-color: #fad30a; text-transform: uppercase; color: white; font-size: 11px; font-family: "Arial Black", Arial; text-align: left } 
.partners .title a { color: white }

#banners { width: 163px; text-align: center; margin-left: 3px; margin-top: 5px; float: left }
#fullpage { width: 970px; min-height: 300px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px }
#headnotes { font-size: 11px; padding: 3px; width: 964px; background-color: #c5c68c; height: 13px }
#headnotes .date { float: left }
#headnotes .icons { float: right }

#seclinkup { text-align: left; padding-left: 35px; padding-top: 4px; color: #3989c9; font-size: 12px; height: 22px; border-bottom: solid #6ba7d7 1px; background-image: url(images/layout/catbar.png); background-repeat: repeat-x; }
#seclinkup a { color: #3989c9; }

.small { font-size: 10px }
.clear { clear: both }
.hidden { display: none }

#content { background-color: #FFFFFF; width: 960px; margin-top: -1px; padding-right: 10px; color: #00599c;}
#leftcol { float: left; width: 475px; padding-right: 10px; margin-left: 13px; margin-right: 15px }
#boxcol { float: left; margin-left: 10px }

.point { color: #c1282e; text-transform: uppercase; font-family: "Arial Black", Arial; font-size: 12pt; font-weight: bold }
.categorytitle { color: #c1282e; text-transform: uppercase; font-family: "Arial Black", Arial; font-size: 18px; font-weight: bold }
.categorysmalltitle { color: #c1282e; text-transform: uppercase; font-family: "Arial Black", Arial; font-size: 14px; font-weight: bold }
.category { text-transform: uppercase; font-family: "Arial Black", Arial; font-size: 12px; color: #C1282E }
.category a { color: #c1282e }
.category a:hover { color: black }

.newstable { border: 0; border-collapse: collapse; }
.newstable td { border: 3px solid #999999; width: 285px; padding: 5px }

.article-width { margin-bottom: 5px; width: 590px }
.article a, .mceContentBody a { color: #c1282e; font-weight: bold; text-decoration: none }
.article .tagline, .tagline { font-size: 9px; font-family: "Arial Black", Arial; color: #58595B; text-transform: uppercase }
.article .tagline-author, .tagline-author { font-size: 9px; font-family: "Arial Black", Arial; color: #c1282e; text-transform: uppercase }
.article .bigtitle { font-size: 26px; font-family: Georgia; font-weight: bold; color: black }
.article .bigtitle a:hover { color: #c1282e }
.article .title { font-size: 22px; font-family: Georgia; font-weight: bold; color: black }
.article .title a, .article .smalltitle a, .morenews a, .pointtitle a { color: black }
.article .title a:hover, .article .smalltitle a:hover, .morenews a:hover, .pointtitle a:hover { color: #c1282e }
.article .smalltitle { font-family: Georgia, "Times New Roman", Times; font-size: 14px; font-weight: bold }
.pointtitle { font-family: Georgia, "Times New Roman", Times; font-size: 16px; font-weight: bold }
.article .searchtitle { font-family: Georgia, "Times New Roman", Times; font-size: 16px; font-weight: bold; color: black }
.article .searchtitle:hover { color: #c1282e }
.article .searchauthor { color: #c1283e; font-weight: bold }
.article .chapo { font-family: Georgia; font-size: 16px }
.article .chapotable { font-family: Verdana; font-size: 11px; color: #808285 }
.article .tableplus { color: #EC2227; font-family: Verdana; font-size: 11px; font-weight: bold }
.article .chapo a, .article .chapotable a { font-family: Verdana; font-size: 12px; color: #ec2227 }
.article .image { font-size: 10px; color: #9c9c9c; margin-bottom: 2px; margin-right: 7px; float: left;  } /* image & footnotes */
// .article .image img { border: 1px solid black }
.article .freeimage, .categorylisting .freeimage { font-size: 10px; color: #9c9c9c; margin-bottom: 2px; margin-right: 7px; float: left; } /* image & footnotes */
.article .info, .categorylisting .info { color: #4D4D4D; font-size: 11px; font-family: Verdana }
.time, .article .time, .categorylisting .time { font-family: Verdana; font-size: 12px; font-weight: bold; color: #EC2227 }
.article .tagsummary { color: #9B9B9B; font-family: Verdana; font-size: 11px }
.article .tagsummary .time { color: #EC2227; font-family: Verdana; font-size: 11px }
.article .thinfloated { float: right; max-width: 160px; margin-right: 10px; margin-left: 5px; padding-left: 5px }
.article .author { color: #c1282e; font-size: 11px; font-weight: bold }
.article .morePhotos { font-size: 12px; color: #d1d1a5; font-weight: bold; top: 130px; clear: both; float: right }
.article .morePhotos img { float: right; clear: right; margin-left: 20px; margin-top: 10px; margin-bottom: 10px }
.articleseparator { clear: both; background-color: #c9cacc; height: 1px; width: 468px; margin-top: 10px; margin-bottom: 10px }
.readmore { color: #f4783a; font-size: 10px; font-weight: bold; float: right; margin-right: 10px }
.readmore a { color: #f4783a; }
.pagetype { color: #aa4413; font-weight: bold }
.specialtitle { color: #aa4413 }
.article .info { color: #9c9c9c }
.morenews { font-size: 13px; font-family: Georgia; color: black; font-weight: bold }
.linkmore { color: #EC2227; font-size: 11px; font-family: Verdana; font-weight: bold }

.archive .title { font-family: "Arial Black", Arial; color: #c1282e; font-size: 12px; text-transform: uppercase }
.archive .number { color: black }
.archive .text { color: #666666; font-famil: Verdana; font-size: 11px }
.archive-horsep { background-image: url(/images/category_sep.png); background-repeat: repeat-x; height: 6px; width: 830px }
#archive-intro { width: 400px; float: left; font-size: 11px; margin-top: 15px }

.chapo-inside { font-family: Georgia; font-size: 20px }
.text-inside { font-family: Georgia; font-size: 16px }

.latestnews .tagsummary { color: black; font-family: Verdana; font-size: 10px }
.latestnews a { font-family: Arial; font-size: 12px; color: black }
.latestnews .tagsummary .time { color: #EC2227; font-family: Verdana; font-size: 10px }
.latestnews .more { color: black; font-weight: bold }
.latestnews .more:hover { color: #c1282e }

.categorylisting a { color: black }
.categorylisting a:hover { color: #c1282e }
.categorylisting .text { font-family: Verdana; font-size: 12px; color: #666666 }
.categorylisting .text a { color: #c1282e; font-weight: bold }
.categorylisting .tagline { font-size: 11px; font-family: "Arial Black"; color: black }
.categorylisting .first-title {  font-size: 30px; font-family: Georgia; font-weight: bold; color: black } 
.categorylisting .image { float: left; padding-right: 5px; padding-bottom: 5px; font-size: 11px; color: #666666 }
.categorylisting .second-article { float: left; width: 285px }
.categorylisting .second-title { font-size: 24px; font-family: Georgia; font-weight: bold; color: black }
.categorylisting .third-article { width: 190px }
.categorylisting .third-article .image { float: none }
.categorylisting .third-title { width: 190px; font-size: 16px; font-family: Georgia; font-weight: bold; color: black }
.categorylisting .morenews { float: left; width: 290px; font-size: 13px; font-family: Georgia; color: black; font-weight: bold; margin-right: 8px }
.categorylisting .morenews a { color: black }
.categorylisting .morenews a:hover { color: #c1282e }

.rightsep { width: 100%; height: 1px; margin-top: 3px; margin-bottom: 3px }
.mainsep { background-color: #ab4412 }
.articlesep { background-color: #c9cacc }
.white { color: white }
.special { color: #3989c9 }

/* Wide content box on left column */
.widebox-top { background-image: url(images/layout/widebox/top.png); background-repeat: no-repeat; margin-top: 10px; padding-left: 10px; padding-right: 10px; width: 444px; padding-top: 1px; height: 20px; text-transform: uppercase; color: white; font-weight: bold; font-size: 14px }
.widebox-content { width: 452px; padding: 5px 5px 5px 5px; border-left: solid 1px #80acce; border-right: solid 1px #80acce }
.widebox-down { background-image: url(images/layout/widebox/down.png); background-repeat: no-repeat; padding-left: 10px; padding-right: 10px; width: 444px; padding-top: 1px; height: 20px; text-align: center; color: white; font-size: 11px }

/* Regular content box on right column - 2 kinds: blue/white and brown */
.box-top1 { background-image: url(images/layout/box/topbg.png); background-repeat: repeat-x; margin-top: 10px; padding-left: 10px; padding-right: 10px; width: 235px; padding-top: 3px; height: 16px; color: white; font-weight: bold; font-size: 11px }
.box-content1 { font-size: 11px; width: 241px; padding: 5px 5px 5px 5px; border-left: solid 2px #3f83b4; border-right: solid 2px #3f83b4 }
.box-down1 { background-image: url(images/layout/box/btmbg.png); background-repeat: repeat-x; padding-left: 10px; padding-right: 10px; width: 235px; padding-top: 1px; height: 10px; text-align: center; color: white; font-size: 11px }

.box-content2 a { color: #0d72ba; font-weight: bold }

/* Sondage */
.pollbar { height: 10px; background-color: black }
#poll-answers { margin-left: 30px }
#poll-answers input { margin-left: 0; margin-right: 1px }
#poll-question { font-size: 12px; font-weight: bold }
#poll-link { position: relative; margin-top: -15px; float: right }

.title { font-weight: bold; font-size: 14px; }
.bigtitle { font-weight: bold; font-size: 16px }
.titlealt { font-weight: bold; color: #ab4212 }
.infomsg { font-weight: bold; color: red; }

.horoscope .title { color: #ab4212 }
.horoscope .date { color: #0f63a3 }
.horoscope .text { color: #9c9c9c }
.horoscope td { padding: 4px 4px 4px 4px }

.grey { color: #b0b1ac; font-weight: bold }

.stock-table { padding: 2px 4px 2px 4px; width: 100% }
.stock-table th { background-color: #80acce; color: white }
.stock-table td { color: black }
.leftheads th { text-align: left; vertical-align: top }
.enoughwidth th { width: 145px }

/* TinyMCE specific rules */
body.mceContentBody { background: #FFF; color: black }

.announcements { height: 350px }
.announcements hr { color: #ae400d; height: 1px; border: 0; background-color: #ae400d }
.announcements .title, .announcements #chosendates a, .announcements #otherSelection a { color: #ae400d }
.announcements #chosendates { display: none } 
.announcements #titlebar { margin-bottom: 5px }
.navbutton { font-size: 18px; height: 40px }
.announcements .navdiv { float: left; text-align: center; display: none; margin-top: 30px }
.announcements #chosendates { float: left; margin-left: 20px; margin-right: 10px }
.announcements #subcat div { display: none }
.announcements .nextcol { float: left; margin-left: 15px; }

.albumlist .title { font-size: 14px; font-weight: bold }

/* Video System */
.videoListingContainer { clear: both; margin-top: 10px }
.videoListingContainer .thumbnail { float: left; width: 130px }
.videoListingContainer .thumbnail img { border: 1px solid #666666 }
.videoListingContainer .description { float: left; margin-left: 5px; font-size: 12px; width: 255px }
.videoListingContainer .description .title { font-size: 14px; font-weight: bold; margin-bottom: 5px }
.videoListingContainer .info { float: left; margin-left: 10px; font-size: 11px }
.videoListingContainer .info .duration { font-size: 14px; font-weight: bold }

/* Scroller */
#latest_scroll_content { float: left; height: 22px; font-weight: bold; font-family: Verdana; color: #EC2227; margin-bottom: 8px; overflow: hidden; font-size: 11px }
#latest_scroll_content div { width: 710px; padding-top: 2px }
#latest_scroll_head { float: left; background-color: #c1282e; font-size: 12px; padding: 4px; color: white; font-weight: bold; width: 110px; margin-right: 8px }
.depeches-active { cursor: pointer; padding: 2px; padding-left: 3px; font-family: 'Arial Black'; color: black; font-size: 11px; float: left; height: 15px; background-color: #ffffff }
.depeches-inactive { cursor: pointer; padding: 2px; padding-left: 3px; font-family: 'Arial Black'; color: white; font-size: 11px; float: left; height: 15px; background-color: #c1282e }

/* Annonces */
.annonces-publish-sep { float: left; height: 180px }
.annonces-publish-option { float: left; width: 130px; font-size: 10px }
.annonces-col1 { float: left; width: 380px }
.annonces-col1 .box { width: 350px; border: 7px solid }
.annonces-col2 { float: left; width: 470px }
.annonces-col2 .box { width: 450px; border: 7px solid }
.annonces-catlist, .annonces-catlist-red { line-height: 25px }
.annonces-catlist a { color: #00b2d9; text-transform: uppercase; font-family: Arial Black; font-size: 12px }
.annonces-catlist-red input { color: #c3272f; }
.annonces-catlist-red label { color: #c3272f; text-transform: uppercase; font-family: Arial Black; font-size: 12px }

.greylink { color: #4D4D4D }
.greylink:hover { color: #C1282E }

.themecolor { color: #c1282e }
.themebgcolor { background-color: #c1282e }

.account-sub-notice { float: right; width: 155px; font-size: 11px; text-align: left; margin-right: 5px }
.account-sub-paper { float: left; width: 420px }
.account-sub-online { float: left; width: 400px }
.dossierPhoto { text-align: center }
.dossierPhoto img { max-height: 180px; max-width: 190px }