* { margin: 0; padding: 0 }

body { padding: 10px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; background: none!important; }

.hidden { display: none }
.clear { clear: both }

input[type=text], input[type=password], textarea { border: 1px solid #333; padding: 4px }
a.button, input[type=submit], input[type=button] { border: none; cursor: pointer; background: #333; color: white; padding: 5px 12px; text-align: center; display: inline-block; margin: 10px 0; text-transform: uppercase; font-size: 12px }

header {width: 100%; margin: auto; height: 120px;}
header .top * { display: none }
header .top div:first-child { display: block }
header .top div:first-child * { display: block }
header .logo { display: block }
header .top .date { display: none !important }
nav { display: none !important }
.banner { display: none }
.mainbar { width: auto }

article .tag { color: #aa0000; font-weight: bold; text-transform: uppercase }
article .author { font-style: italic }
article a.links { display: block; background: #aaa; height: 19px; width: 20px; color: white; text-align: center; border-radius: 7px; }
article div.toolbox { display: none }
article div.floatingToolbox, .floatingToolboxMinisite { display: none }
.mainarticle {padding: 15px 0; clear: both; position: relative; border-top: solid 1px #d3d3d3; }
.mainarticle.dossier { background: url(../images/dossierbg.png) no-repeat bottom center; padding: 15px 0 30px 0; margin: 0 0 30px 0; border: none; text-align: right }
.mainarticle figure {float: left; width: 200px; margin: 0 30px 10px 0; position: relative }
.mainarticle figure .icon {position: absolute; top: 0px; left:0;}
.mainarticle .articletext {line-height: 18px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; text-align: left; margin: 0 0 15px 0; font-size: 0.75em; float: left; width: 400px }
.mainarticle.noimage .articletext { width: auto; float: none }
.mainarticle .articletext .more { color: #999 }
.mainarticle .articletext p {color: #001E3E; font-size: 1.2em; font-weight: bold; margin: 10px 0 }
.mainarticle .articletext ul {font-size: 1em; list-style-type: disc; }
.mainarticle .articletext h2 { margin: 0 0 8px 0; line-height: 24px; font-size: 1.5em; color: #264472;}
.mainarticle.dossier a.view { clear: both; display: inline-block; margin: 0; background: url(../images/voirledossier.png); width: 171px; height: 48px }
.mainarticle .tag { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #aa0000 }

.sujet {padding-top: 18px; clear: both;}
.sujet p {float: left; display: block; width: 197px; text-align:right; font-size: 0.8em; font-weight: bold; color: #aa0000; }
.sujet ul {padding-bottom: 18px; float: right; width: 397px;}

.smallarticles {border-top: solid 1px #d3d3d3;clear:both}
.smallarticles article { padding-top: 18px; margin-right: 20px; position: relative; float: left; width: 295px; height: 80px; }
.smallarticles article figure { float: left; width: 110px; position: relative; margin: 0 6px 0 0 }
.smallarticles article figure img.icon { position: absolute; left:0; z-index: 2 }
.smallarticles article .text { float: left; width: 172px }
.smallarticles article h3 {color: #264472; font-size: 0.71em;}
.smallarticles article p { font-weight: bold; font-size: 0.75em; font-style: italic; color: #001E3E;}


.counter {width: 22px; height: 18px; float: right; background: url(../images/counterback.png) no-repeat top left; font-size: 10px; text-align: center; padding: 1px 0 0 0; color: #c1282e; position: absolute; top: 20px; right: -13px }

section.authorInfo { margin: 25px 0; height: 165px; background: #fff; padding: 25px 25px 0 25px; -moz-box-shadow: inset 0 0 10px 1px #aaa; -webkit-box-shadow: inset 0 0 10px 1px #aaa; box-shadow: inset 0 0 10px 1px #aaa; }
section.authorInfo.nophoto { height: 46px }
section.authorInfo img { float: left; height: 140px; margin: 0 15px 0 0 }
section.authorInfo h3 { font-style: italic; font-weight: normal; font-size: 20px; font-family: Georgia; margin: 50px 0 0 0; width: 400px; float: left }
section.authorInfo.nophoto h3 { margin: 0 }
section.authorInfo p { float: right; font-size: 11px; margin: 15px 0 0 0 }

.reservee {border-top: solid 1px #d3d3d3; padding-top: 17px; margin-right: 41px; position: relative; float: left; width: 273px; height: 100px;}

.dossiers {clear: both; position: relative; padding: 20px 0 }
.dossiers h1 {padding-bottom: 10px; margin: 10px 0 0 0; font-size: 18px; text-transform: uppercase; color: #333 }
.dossiers .paginated { margin: 0 23px }
.dossiers nav a.back, .dossiers nav a.next { position: absolute; bottom: 20px; left: 0; width: 23px; height: 109px; background: url(../images/arrows.png) 0 -76px }
.dossiers nav a.next { left: auto; right: 0; background-position: 0 -235px }
.dossiers article { width: 280px; height: 109px; overflow: hidden; float: left; margin: 0 15px 0 0; position: relative }
.dossiers article p { background: #595959; background: rgba(31, 31, 31, 0.6); position: absolute; bottom: 0; left: 0; right: 0; font-size: 0.8em; color: white }
.dossiers article p a { padding: 8px; display: block }

.pagination { clear: both; position: relative; text-align: center; font-size: 12px; font-weight: bold }
.pagination a.back { position: absolute; left: 0; font-weight: normal }
.pagination a.next { position: absolute; right: 0; font-weight: normal }

.featuredVideo { float: left; width: 393px; }
.featuredVideo h1, .galleryList h1 {margin-bottom: 0px; padding-bottom: 10px; font-size: 18px; text-transform: uppercase; color: #333}
.featuredVideo p {width: 359px; font-style:italic; color:#191970; line-height: 17px; font-size: 0.75em; }

.galleryList {float: right; width: 175px; }
.galleryList h4 {color: #191970;}

.searchbar {padding-left: 5px; background:url("../images/searchback.png") no-repeat; width: 255px; height: 37px; float: right;}
.searchbar .search {border: 1px solid #808080; width: 200px; height: 23px; }
.searchbar img {padding-top: 0px; border-top: none; float: right; margin-top: 5px; margin-right: 5px;}
.searchbar input {float: left; padding-left: 4px; margin-top: 5px; margin-right: 5px;}
.lire {font-style: italic; font-size: 0.70em; color: #AA0000; margin-bottom: 27px; text-align: right;}



.retour p {width: 189px; color: #AA0000; font-size: 0.75em; font-weight:bold; float: left;}

.secondarybar { display: none }
.secondarybar h1 {padding-bottom: 16px;}

.interactive { margin: 0 0 40px 0; clear: both;}
.interactive h1 {padding: 0 0 6px 0;}
.interactive .blocks { color: #333; background: #333; height: 253px; font-size: 0.8em; }
.interactive .blocks p { margin: 0 0 5px 0 }
.interactive .blocks a.button {font-size: 0.8em; padding: 6px 12px; color: white; display: inline-block; text-transform: none; background: #c1282e; border-radius: 5px;}
.interactive .blocks h4 { text-transform: uppercase; border-bottom: solid 1px #c1282e; padding-bottom: 8px; margin-bottom: 10px; font-size: 18px }
.interactive .blocks section { float: left; padding: 18px 17px; margin: 6px 0 6px 6px; background: #e1e1e1; height: 205px; width: 257px; }
.interactive .blocks section.questions { width: 320px }
.interactive .blocks section.questions a.button, .interactive .blocks section.contribution a.button { float: right }
.interactive h3 { margin: 10px 0 10px 0; font-size: 13px }
.interactive .blocks ul li { margin: 0 0 4px 0 }
.interactive .blocks .loading { display: none }
.interactive .blocks .poll .question { font-weight: bold }
.interactive .blocks .poll .bar { height: 9px; width: 0px; background: #fff; margin: 3px 0 }
.interactive .blocks .poll .choiceResult { margin: 10px 0 0 0 }

.newspaper {width: 978px; position: relative;}
.newspaper section { margin: 0 45px 45px 0; float: left; width: 280px }
.newspaper section h2 { font-size: 18px; border-bottom: solid 1px grey; text-transform: uppercase; font-weight: bold; margin-bottom: 18px; padding-bottom: 14px; }
.newspaper section article.main {margin-bottom: 10px; padding: 16px; background-color: #e1e1e1;}
.newspaper section article.main img {margin-top: 13px;}
.newspaper section article.sub { color: #264472; font-size:13px; padding: 0 0 10px 0 }
.newspaper section article.sub:first-child { border-bottom: solid #d3d3d3 }
.newspaper section a.plus, .others {clear: both; font-style: italic; font-size: 14px; color: #8b0000; text-align: right; display: block }

footer {display:none}
.dialog { display: none }

.bottom {clear: both; background-color: #222;}
.bottom .logo { width: 960px; margin: auto; text-align: left; padding: 20px 0 }
.bottom .logo a { display: block; width: 147px; height: 60px; background: url(../images/icons/sprite.png) no-repeat -67px -73px; background-size: 214px 386px }

.author {font-size: 1.2em; font-weight: bold;}

article h1, article h2 { font-family: Georgia }

.categoryPage.list article { border-bottom: 1px solid #c9cacc; padding: 5px 0; margin: 5px 0 }
.categoryPage.list article h2 { font-size: 15px }

.categoryPage.gallery article { float: left; margin: 0 20px 20px 0; text-align: center }

.archivePage input[type=text].datepicker { width: 100px }
.archivePage a { color: #6495ed }
.archivePage a:hover { color: #6495ed }

.articlePage h1 { font-size: 24px; margin: 0 0 12px 0 }
.articlePage h2, .categoryPage h1, .sectionPage h1 { color: #001a3a; text-transform: uppercase; font-size: 17px; margin: 0 0 10px 0 }
.articlePage article figure { color: #999999; font-size: 12px }
.articlePage article .summary { font-size: 18px; color: #000; margin: 10px 0 10px 0 }
.articlePage article .summary .tag { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #aa0000 }
.articlePage article .attributes { float: none; margin: 0 0 10px 0; font-size: 13px; font-style: italic; font-weight: bold; color: #001e3e }
.articlePage article .date { float: none; margin: 0 0 10px 0; font-size: 13px; color: #aaaaaa }
.articlePage article .text { width: auto }
.articlePage article .text p { margin: 0 0 10px 0 }

.articlePage article .photosGallery.multiple { height: 400px }
.articlePage article .photosGallery.multiple .carousel { height: 400px }

.articlePage .related { margin: 20px 0 }
.articlePage .related h3 { font-weight: bold; font-size: 19px; margin: 8px 0 }
.articlePage .related ul li { background: url(../images/listarrow.png) no-repeat 0 5px; padding: 0 0 0 9px; font-size: 13px }
.articlePage .related a { color: #001e3e }

.articlePage .purchaseNotice { font-size: 16px; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; margin: 25px 0; border-top: 1px dashed #aaa; padding: 25px 0 }
.articlePage .purchaseNotice a { color: #6495ed }

.mainbar a.return { color: #c1282e; text-transform: uppercase; display: block; margin: 15px 0 25px 0; font-size: 12px; text-transform: uppercase; font-weight: bold }

.comments { display: none }


.editorialsList h2 { margin: 0 0 40px 0 }
.editorialsList article { margin: 0 0 40px 0; height: 120px; font-size: 12px }
.editorialsList article figure { float: left; position: relative; margin: 0 20px 0 0; width: 140px; height: 140px; -moz-box-shadow: inset 0 0 5px 2px #999; -webkit-box-shadow: inset 0 0 5px 2px #999; box-shadow: inset 0 0 5px 2px #999; }
.editorialsList article figure img { position: relative; z-index: -1; display: block; }
.editorialsList article h2 { font-style: italic; font-size: 18px; color: #000; margin: 0 0 10px 0 }
.editorialsList article h2 .author { font-weight: bold }
.editorialsList article h3 { font-weight: bold; color: #001e3e; font-size: 15px; margin: 0 0 10px 0 }

.multimediaPage .carousel { height: 620px }

.pageTabs { height: 45px }
.pageTabs li { border-right: 1px solid #b2b1b2; font-size: 12px; padding: 15px 5px; float: left; border-left: 1px solid #e2e1e3; color: #5d4666; border-bottom: 1px solid #e3e2e3; border-top: 1px solid #e3e2e3 }
.pageTabs li:first-child { border-left: none }
.pageTabs li.active { color: #aa0000; border-bottom: 1px solid white; border-top: 1px solid white }

.carnet .announcement { border-bottom: 1px solid #e9e9e6; padding: 15px 0 }
.carnet .announcement h3 { font-size: 18px; font-weight: bold; margin: 10px 0 }
.carnet .announcement p { color: #444444; font-size: 13px }
.carnet .announcement p.date { color: #aaaaaa; text-align: right; font-style: italic }

.videosPage p.date { color: #999999; font-size: 12px }
.videosPage .main { margin: 25px 0; font-size: 13px }
.videosPage .main h1 { font-size: 18px; font-weight: bold; margin: 10px 0 }
.videosPage .main p.author { font-style: italic; font-size: 12px; color: #001e3e; margin: 10px 0 5px 0 }
.videosPage .main p.date { margin: 0 0 7px 0 }
.videosPage .main a.more { color: #999; font-style: italic }
.videosPage .main .tagline { color: #aa0000; text-transform: uppercase }
.videosPage .secondary { float: left; width: 285px; margin: 0 20px 20px 0; height: 310px; font-size: 11px }
.videosPage .secondary p.date { float: right }
.videosPage .secondary h2 { color: #264472; font-size: 15px; margin: 7px 0; text-transform: none;  }

table.noChrome, table.chrome { border-collapse: collapse; width: 100% }
table.noChrome td, table.noChrome th, table.chrome td, table.chrome th { padding: 5px }
table.noChrome th, table.chrome th { text-align: left }
table.chrome tr { border-bottom: 1px solid #efefef }
table.chrome tr:hover { background: #efefef; cursor: pointer }
table.chrome thead tr:hover, table.chrome tr.noHover:hover { background: inherit; cursor: inherit }
table.noChrome td.label, table.chrome td.label { width: 140px; vertical-align: middle; font-weight: bold }
table.noChrome td.label.multiline, table.chrome td.label.multiline { vertical-align: top }
table.noChrome td, table.chrome td { vertical-align: top }
table.noChrome tr.highlight, table.chrome tr.highlight { background: #ff6666; color: white }
table.noChrome input[type=text], table.noChrome input[type=password] { padding: 5px; width: 230px; border: 1px solid #aaa }

.userProfile .userPhoto { float: left; width: 160px }
.userProfile .userInfo { float: left; width: 465px; margin: 0 0 0 10px }
.userProfile .userPhoto p.name { font-weight: bold; font-style: italic; margin: 5px 0 15px 0; font-size: 14px }
.userProfile .userPhoto a { font-size: 12px; color: #489dba; margin: 0 0 5px 0; display: block }
.userProfile .userPhoto a:hover { text-decoration: underline }
.userProfile .userInfo ul { height: 48px; border-bottom: 1px solid #ececec }
.userProfile .userInfo ul li { text-transform: uppercase; color: #09346b; font-weight: bold; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff }
.userProfile .userInfo ul li.active { border-bottom: 1px solid #fff; border-top: 1px solid #ececec; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #fff; height: 47px }
.userProfile .userInfo ul li a { padding: 15px 25px; display: block }
.userProfile .userInfo .tabs { border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec }
.userProfile .userInfo .tabs > div div { padding: 10px }
.userProfile .userInfo .tabs > div div .date { color: #333 }

.latestNews article { margin: 10px 0 }
.latestNews article .time { color: red; font-size: 12px }
.latestNews article .color { color: red }

/* Minisite - Orientation Professionnelle */
.maincontainer.wide {position: relative; width: 960px}
.miniSite {display: none}
.articleContent {left: 0; padding: 0}
.articleContent .articleHead {padding: 0}
.articleContent .text {width: 100%}
.articleContent div.toolbox { display: none }
.articleContent div.floatingToolbox { display: none }
.articleContent .photosGallery { width: 636px }
.articleContent .attributes {float: none }
.articleContent .date {float: none }

/* PDF Page */
.pdfEntry { display: block; float: left; margin: 0 20px 20px 0; padding: 0; text-align: center }

/*Elections*/
.elections .elections-pages .promo{display: none}
.elections .elections-pages .container.more-articles{display: none}
.elections .elections-pages .container .right-col .latest-news{display: none}
.elections .elections-pages .container .right-col .dates{display: none}

/* rCarousel */
.ui-carousel {
    direction: ltr;
    height: auto;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative; /*for ie7 to work e.g in html carousels*/
    width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
    border: 0;
    display: block;
    float: left;
    height: auto;
    overflow: hidden;
    width: 100px;
    direction: ltr;
}