* { margin: 0; padding: 0 }

body { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }
body.bodyLock {overflow-y: hidden}

/* Skinning */
body.skinned { cursor: pointer; padding: 1px 0 0 0; background-repeat: no-repeat; background-position: top center; background-attachment: fixed }
body.skinned #container { cursor: default; margin: 80px auto 0 auto; width: 990px!important; background: white }

.home h1 {margin-bottom: 12px; font-size: 1.45em; font-weight: bold;}
h4 {font-size: 0.95em;}
ul { list-style: none }
a { text-decoration: none; color: inherit }
.hidden { display: none }
.clear { clear: both }
label { cursor: pointer }
img { border: none }

input[type=text], input[type=password], textarea { border: 1px solid #333; padding: 4px }
a.button, input[type=submit], input[type=button] { border: none; border-radius: 6px; 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: 184px;}
header .menu.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; border-bottom: 2px solid rgba(51,51,51,0.3);}
header .top {margin: 20px auto; width: 960px; height: 100px;}
header .top > div {float: left; text-align: center}
header .top > div:first-child {display: table; height: 100%; width: 230px; text-align: left}
header .top > div:first-child .socials {display: table-row}
header .top > div:first-child .socials a.social {display: inline-block; border: 1px solid black; border-radius: 50%; width: 25px; height: 25px; text-align: center; margin: 0 3px}
header .top > div:first-child .socials a.social:first-child {margin: 0 3px 0 0}
header .top > div:first-child .socials a.social i {color: black; font-size: 13px; margin: 6px 0 0 0}
header .top > div:first-child .abonnement {display: table-cell; vertical-align: bottom; font-size: 12px}
header .top > div:first-child .abonnement a {padding: 7px 25px; background: #F7D244; color: white; display: inline-block; border-radius: 5px; margin-bottom: 13px; font-weight: bold}
header .top > div:first-child .abonnement a img {position: relative; top: 4px; width: 17px}
header .top a.newsletter-buttom {display: block; font-weight: bold; font-size: 12px; background: #f2f2f2; padding: 4px 20px; width: 120px; border-radius: 7px; text-align: center; float: right}
header .top a.newsletter-buttom::after {display: block; clear: both; content: ''}
header .top a.login {display: block; clear: both; padding-top: 11px}
/*header .top > div:first-child .abonnement::after {display: inline-block; content: ' >'; margin: 0 0 0 5px; text-align: center; background: #f7d245; border-radius: 50%; padding: 1px; color: white; width: 15px; height: 15px}*/
/*header .top > div:first-child .newsletter::after {display: inline-block; content: ' >'; margin: 0 0 0 5px; text-align: center; background: red; border-radius: 50%; padding: 1px; color: white; width: 15px; height: 15px}*/
header .top > div:last-child {float: right; width: 230px; height: 100%; text-align: right; display: table; position: relative}
header .top .date {font-size: 12px}
header .top .logoContainer {width: 500px; text-align: center}
header .top .logoContainer .weblinks {margin: 4px 0 0 0}
header .top .logoContainer .weblinks .link {font-size: 12px}
header .top .logoContainer .weblinks .link:hover {color: red}
header .top form.search {display: table-row}
header .top form.search > a {position: absolute; right: 10px; top: 1px}
header .top .archive-search {background: #f2f2f2; border: none; border-radius: 7px; padding: 6px 30px 5px 10px; width: 120px}
header .top .archive-search:focus {outline: none}
header .top .loginContainer {display: table-cell; vertical-align: bottom}
header .top .loginContainer .login span {font-size: 13px; position: relative; bottom: 8px; display: inline-block; margin: 0 10px 0 5px; padding-right: 13px}
header .top .loginContainer .login p.angle-down {position: absolute; bottom: 3px; right: 0; font-size: 22px}
header .top .loginData {display: inline-block; text-align: left; font-size: 12px}
header .top .loginData a.monolj {position: relative; bottom: 1px}
header .top .loginData a.deconnexion {font-size: 11px; margin: 0; width: auto; height: auto; display: block; color: #5165ae}
header nav ul {margin: auto; width: 960px;}
header .top div.expiry { font-size: 11px; margin: 2px 0 0 0; float: right; width: 105px; color: red; font-weight: bold; }

nav ul { list-style: none }
nav ul li { float: left }
nav.main { font-family: Arial; clear: both; text-transform: uppercase; height: 24px; background: #000; color: white; overflow: hidden}
nav.main ul li {font-weight: bold; font-size: 12px; height: 24px}
nav.main ul li a { padding: 5px 9px; display: block }
nav.main ul li:first-child { border-left: none }
nav.main ul li.active { background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #e0e0e0 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e0e0e0 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e0e0e0 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */;
    color: #333 }
nav.sub { height: 26px; color: #808080; background: #F3F3F3; display:none; border-bottom: 1px solid #d8d8d8}
nav.sub ul li {font-size: 0.75em; padding: 6px 9px; border-left: 1px solid #CCCCCC}
nav.sub ul li:first-child { border-left: none }
nav.sub li.active a { color: #333 }

.banner.lb {margin: 0 auto 15px auto; width: 960px; text-align: center; position: relative; z-index: 10 }
.banner.lb > div { margin: auto }
.banner.mpu {margin: 0 0 30px 0 }

.maincontainer {margin: auto; position: relative; width: 960px; }
.mainbar {margin-bottom: 37px; float: left; width: 636px; }

.mainbar.articlePage * {max-width:100%;}

img.abonnez-full-ad {margin: 15px 0; display: none}
a.formule-premium-mpu {display: block}

.my-account {float: right; position: relative; height: 40px; top: -4px}
.my-account figure{width: 35px; height: 35px; position: relative; top: 15px; margin: 0 5px 0 0; display: inline-block}
.my-account .user-popup {display: none; min-width: 130px; text-align: left; position: absolute; z-index: 100; right: -10px; top: 15px; list-style: none; line-height: 35px; background: white; padding: 50px 20px 20px 20px; box-shadow: 1px 4px 5px -3px rgba(128, 128, 128, 0.35); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.my-account .user-popup a {color: black}
.my-account .user-popup.active {display: block}
.my-account .myAccount-link {position: relative; z-index: 101}
.my-account .myAccount-link span {font-size: 14px}

section.slideshow { position: relative; width: 635px; height: 400px; overflow: hidden }
section.slideshow article { width: 635px; height: 400px }
section.slideshow article h1 {font-size: 1.3em; margin: 0 0 5px 0 }
section.slideshow nav a.back, section.slideshow nav a.next { position: absolute; bottom: 106px; left: 0; height: 108px; width: 23px; background: url(../images/arrows.png) 0 -470px }
section.slideshow nav a.next { left: auto; right: 0; background-position: -24px -470px }

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; }

.mainarticle {padding: 15px 0; position: relative; border-top: solid 1px #d3d3d3; }
.mainarticle.no-border{border-top: none}
.mainarticle::after { clear: both; display: block; content: ' ' }
.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: 0; left:0;}
.mainarticle figure a {width: 200px; height: 160px; display: block}
.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; padding: 0 0 10px 0}
.smallarticles::after {clear: both; content: ''; display: block}
.smallarticles article { padding-top: 18px; margin-right: 20px; position: relative; float: left; width: 192px; height: 250px}
.smallarticles article figure { float: left; width: 100%; position: relative; margin: 0 6px 0 0 }
.smallarticles article figure a.article-img { display: block; width: 192px; height: 126px; margin: 0 0 5px 0; background-size: cover }
.smallarticles article figure img {width: 100%}
.smallarticles article figure img.icon { position: absolute; left:0; z-index: 2; width: auto }
.smallarticles article .text { float: left; width: 172px; line-height: 18px }
.smallarticles article h3 {color: #264472; font-size: 0.71em;}
.smallarticles article p { font-weight: bold; font-size: 0.75em; font-style: italic; color: #001E3E;}

.alauneArticles {clear:both; padding: 10px 0 10px 0}
.alauneArticles > h3 {font-size: 20px}
.alauneArticles::after {clear: both; content: ''; display: block}
.alauneArticles article { padding-top: 18px; margin-right: 20px; position: relative; float: left; width: 186px; height: auto; min-height: 150px}
.alauneArticles article figure { float: left; width: 100%; position: relative; margin: 0 6px 0 0 }
.alauneArticles article figure img {width: 100%}
.alauneArticles article figure img.icon { position: absolute; left:0; z-index: 2; width: auto }
.alauneArticles article .text { float: left; width: 172px!important; line-height: 18px!important; }
.alauneArticles article h3 {font-size: 0.71em;}
.alauneArticles article h3 a {color: #1B4575; font-size: 13px}
.alauneArticles article p a {color: #001E3E; font-size: 12px}
.alauneArticles article p { font-weight: bold; font-size: 0.75em; font-style: italic; color: #001E3E;}

h2.previousIssueDate {clear: both; color: #60a3de; padding: 15px 0; font-weight: normal; font-size: 20px}

.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: #ED2024; 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: auto; padding: 25px }
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; float: none }
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;}

.weekend {clear: both; position: relative; padding: 20px 0 }
.weekend h1 {padding-bottom: 10px; margin: 10px 0 0 0; font-size: 18px; text-transform: uppercase; color: #333 }
.weekend article {margin: 0 10px 10px 0; width: 200px; position: relative ; display: inline-block}
.weekend article:nth-child(3n) {margin: 0 0 10px 0}
.weekend article p { background: #595959; background: rgba(31, 31, 31, 0.6); position: absolute; bottom: 3px; left: 0; right: 0; font-size: 0.8em; color: white }
.weekend article p a { padding: 8px; display: block }

.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;}

#subscription .commerce{width: 150px;float:right}

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

.secondarybar { float: right; width: 300px; }
.secondarybar h1 {padding-bottom: 16px;}

section.rightbox {background: #F9F8F9; margin: 0 0 20px 0; clear: both; width: 300px; font-size: 15px }
section.rightbox h3 {text-transform: uppercase; background: #333; color: white; padding: 7px 0 7px 12px; font-size: 17px}
section.rightbox h4 {color: #191970;}
section.rightbox div.news {padding-left: 13px; padding-right: 13px; background-color: #F9F8F9;}
section.rightbox div.news article {padding: 6px 0px; border-bottom: solid 1px #d3d3d3; font-size: 0.9em; font-size: 0.8em;}
section.rightbox .more { text-align: right; font-style: italic; background: #F9F8F9; display: block; padding: 5px 15px; font-size: 13px }
section.rightbox ul.tabbedMenu { height: 32px; border-bottom: solid 1px #d3d3d3 }
section.rightbox ul.tabbedMenu li { float: left; font-size: 14px; padding: 7px 8px; text-transform: uppercase; border-left: 1px solid #deddde }
section.rightbox ul.tabbedMenu li.active { color: #9b2600; border-right: 1px solid #afaeaf }

section.rightbox.speciaux ul.tabbedMenu{ height: auto; float: none; border: none }
section.rightbox.speciaux ul.tabbedMenu li { width: 100%; border-bottom: 1px solid #d3d3d3; box-sizing: border-box }

section.rightbox.editorials { min-height: 140px }
section.rightbox.editorials h3 { margin: 0 0 10px 0 }
section.rightbox.editorials img { margin: 0 10px 0 0; float: left }
section.rightbox.editorials div.main { margin: 0 0 0 12px }
section.rightbox.editorials div { margin: 0 0 0 12px; padding: 10px 0; clear: both }
section.rightbox.editorials .author {font-style: italic; font-size: 13px }

.journal{ padding: 20px 0; height: 175px }
.journal figure { margin: 0 20px; float: left }
.journal a.button { text-align:center; padding: 7px 15px; margin: 10px 0; display: inline-block; font-size: 0.7em; color: white; background: #F7D243; text-transform: none }

.interactive { margin: 0 0 40px 0; clear: both;}
.interactive h1 {padding: 0 0 6px 0;}
.interactive .blocks { color: #333; height: 395px; 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 18px 0; margin: 6px 0 6px 6px; height: 347px; 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: 0; background: #fff; margin: 3px 0 }
.interactive .blocks .poll .choiceResult { margin: 10px 0 0 0 }

.newsletter-container {background: #000; color: white; padding: 15px 20px; margin-top: 30px; position: relative}
.newsletter-container h2 {font-size: 18px!important; font-weight: normal; margin-bottom: 20px!important; text-transform: none!important; color: white!important; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;}
.newsletter-container form {border-bottom: 1px solid gray; padding: 0 0 5px 0}
.newsletter-container form input[name="email"] {background: black; border: none; width: 440px; font-size: 15px; color: white; outline: none}
.newsletter-container form a.submit {float: right; color: white; font-size: 12px; position: relative; top: 6px}
.newsletter-container form a.submit i {margin-right: 5px}
.newsletter-container .noticeMessage {display: none; color: #ED2024; margin-top: 10px; font-size: 14px}

.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 16px 5px 0}
.newspaper section article.main .image a {width: 280px; height: 200px; display: block; margin: 0 0 12px 0}
.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{clear: both; font-style: italic; font-size: 14px; color: #8b0000; text-align: right; display: block }
.others {clear: both; font-size: 14px; position: relative; color: #ED2024; text-align: right; display: block; text-transform: capitalize }
.others::before {display: block; content: ''; background: #f1f1f1; height: 4px; position: absolute; bottom: 5px; width: 80%; z-index: -1}

footer{margin: 25px 0 0 0 }
footer .categories{height: 31px; width: 100%; background: #222222; text-align: center}
footer .categories a {display: inline-block; width:105px; font-size: 9px; color: white; background: #222; text-align: center; padding: 10px 0}
/*footer .categories a:first-child {width:112px}*/
footer .sitemap {display: none; max-width: 960px; margin: 20px auto 0 auto}
footer .referral {height:80px; background: #222;}
footer .referral > div {width: 945px; margin: auto}
footer .referral figure {width: 160px; float: left; margin: 5px 0}
footer .referral a.footerSignup {color: white; float: left; margin: 30px 50px 30px 30px; font-size: 14px}
footer .referral a.footerSignup img {position: relative; top: 3px}
footer .referral .os {width:180px; margin:auto; display: inline-block}
footer .referral .os a{background: url("../images/sprite1.png") no-repeat; display: block; width: 10px; height: 46px; float: left; padding: 0 25px; margin: 17px 0;}
footer .referral .os .android { background-position: -0px -0px; }
footer .referral .os .apple {background-position: -0px -46px; }
footer .referral .os .windows {background-position: -0px -92px;}
footer .referral .social {float: right;margin: 0 30px 0 0;}
footer .referral .social a {background: url("../images/socialsprite.png") no-repeat; display: block; float: left; width: 51px; height: 48px; margin: 15px 6px; background-size: 90px}
footer .referral .social .insta {background-position: 5px 2px;}
footer .referral .social .fb {background-position: -47px 2px; margin: 15px 0 15px 5px}
footer .referral .social .twitter {background-position: 4px -43px; margin: 15px 5px 15px 0}
footer .referral .social .yt {background-position: -47px -43px;}
.arrow-down {width: 0;height: 0;  border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 12px solid #222;float: right;margin: 0 38px 0 0;display: none;}
.footlist {padding: 0 21px 50px 0; width: 116px; float: left; text-transform: uppercase;font-size: 15px}

.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;}

.dataPage .errorMessage { margin: 10px 0; padding: 8px; color: red; background: #f6f6f6 }
.dataPage .errorMessage a { color: #00172f }

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

.dataPage { font-size: 13px }
.dataPage h1, .dataPage h2, .dataPage h3 { font-family: Arial; color: #00172f; margin: 0 0 10px 0 }
.dataPage h1 { font-size: 19px; font-weight: bold; padding: 0 0 10px 0 }
.dataPage h2 { font-size: 21px }
.dataPage h3 { font-size: 16px }



.loginForm { border: 1px solid #efefef; padding: 8px; color: #555 }
.loginForm p { margin: 0 0 10px 0 }
.loginForm hr { margin: 10px 0; width: 100%; border: 1px solid #efefef }
.loginForm input[type=text], .loginForm input[type=password]{ width: 250px; border: 1px solid #999; margin: 5px 0 }
.loginForm select{ width: 243px; border: 1px solid #999 }
.loginForm input[type=button], .loginForm a.button, .loginForm input[type=submit] { float: right; border-radius: 4px; color: white }
.loginForm ul { list-style-type: disc; }
.loginForm ul li { margin: 0 0 0 20px }
.loginForm .notice { font-size: 11px }
.inValid {display:none; text-transform: uppercase; font-size: 9px; font-weight: bold; color: #aa0000  ; margin:0px 3px;}
.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].archivedatepicker { width: 100px }
.archivePage a, .sectionPage a { color: #6495ed }
.archivePage a:hover, .sectionPage a { color: #000000 }

.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 a { color: #bc0d14 }
.articlePage a:hover { color: #8f0001 }
.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: left; margin: 0 0 10px 0; font-size: 13px; font-style: italic; font-weight: bold; color: #001e3e }
.articlePage article .date { float: right; margin: 0 0 10px 0; font-size: 13px; color: #aaaaaa }
.articlePage article .toolbox { clear: both; border-top: 1px solid #e9e9e6; border-bottom: 1px solid #e9e9e6; height: 35px; margin: 10px 0; }
.articlePage article .toolbox ul li.sharethis { padding: 2px 0 0 0 }
.articlePage article .text { font-size: 14px; width: 620px; line-height: 1.5em}
.articlePage article .text p { margin: 0 0 10px 0; clear: both }
.articlePage article .text a, .articlePage article .text a font, .articlePage article .summary a, .articlePage article .summary a font { color: #085294 !important }
.articlePage article .text a:hover, .articlePage article .text a:hover font, .articlePage article .summary a:hover, .articlePage article .summary a:hover font { color: #0A6EC0 !important }


.articlePage .articleImageOverlay {position: fixed; background: rgba(38,38,38,0.8); top: 0; left: 0; bottom: 0; right: 0; z-index: 10; display: none}
.articlePage .articleImageOverlay.active {display: block}
.articlePage .articleImageOverlay a.overlayClose {color: #D6D1D1; font-size: 30px; position: fixed; z-index: 10; left: 900px; right: 0; padding: 20px;}
.articlePage .articleImageOverlay figure.overlayHighresImage {text-align: center; color: white; margin: auto; position: relative; width: 1000px; height: 800px; display: table-cell; vertical-align: middle;}

.articlePage article .photosGallery.single { position: relative; cursor: zoom-in }
.articlePage article .photosGallery.single a.enlargeImage { display: block }
.articlePage article .photosGallery.single a.enlargeImage img.zoomIcon { height: 25px; position: absolute; right: 10px; top: 10px; opacity: 0; }
.articlePage article .photosGallery.single:hover a.enlargeImage img.zoomIcon { opacity: 1 }

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

.articlePage .toolbox a.abonnez {display: block; color: black; text-align: center; border: 1px solid black; border-radius: 4px; font-size: 11px; padding: 3px 2px; font-weight: bold; background: #f7d245 }
.articlePage .toolbox a.abonnezNew {display: block; color: black; text-align: center; border-radius: 4px; font-size: 11px; padding: 3px 2px; font-weight: bold; background: #f7d245; margin: -6px 0 0 7px }
.articlePage .toolbox a.monOLJ {display: block; color: white; text-align: center; border: 1px solid #8f0001; border-radius: 4px; font-size: 11px; padding: 3px 6px 3px 27px; font-weight: bold; background: #bc0d14 }
.articlePage .toolbox a.monOLJ.active { background: url(../images/star.png) no-repeat 6px 2px #bc0d14 }

.articlePage article .floatingToolbox { float: left; width: 70px; position: absolute; left: -80px }
.articlePage article .floatingToolbox > div {margin: 10px 0}
.articlePage article .floatingToolbox ul {position: relative}
.articlePage article .floatingToolbox ul p {display: none; position: absolute; bottom: 8px; font-size: 12px; width: 120px; left: -120px}
.articlePage article .floatingToolbox ul li.social {position: relative; border: 1px solid black; border-radius: 50%; text-align: center; width: 30px; height: 30px; margin: 7px auto}
.articlePage article .floatingToolbox ul li.social a {line-height: 22px}
.articlePage article .floatingToolbox ul li.social a.facebook {position: relative}
.articlePage article .floatingToolbox ul li.social a.facebook .fbShares {position: absolute; color: white; background: #3B5998; border-radius: 50%; min-width: 20px;
    min-height: 10px; font-size: 10px; top: -13px; right: -3px; left: auto; padding: 1px; box-sizing: content-box}
.articlePage article .floatingToolbox ul li.social a span {position: relative; left: -1px}
.articlePage article .floatingToolbox ul li a {padding: 0 10px; font-size: 14px; text-align: center; margin: 4px -8px; display: block; color: black; line-height: 30px}
.articlePage article .floatingToolbox ul li a.plus, .articlePage article .floatingToolbox ul li a.print {font-size: 18px}
.articlePage article .floatingToolbox ul li a.minus {font-size: 16px}
.articlePage article .floatingToolbox ul li:last-child a {font-family: Helvetica; font-size: 16px}

/*.articlePage article .floatingToolbox ul a {display: block; width: 50px; height: 54px; background: url(../images/articleicons.jpg);}*/
/*.articlePage article .floatingToolbox ul a.plus {background-position: 0 -74px;}*/
/*.articlePage article .floatingToolbox ul a.minus {background-position: 0 -126px;}*/
/*.articlePage article .floatingToolbox ul a.print {background-position: 0 -179px;}*/

.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 { text-align: center; 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.button { border-radius: 6px; color: white; font-size: 13px; padding: 7px 15px; }

.articlePage .premium-article .text{position: relative}
.articlePage .premium-article .text::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 75px; background: -moz-linear-gradient(rgba(255,255,255,0),#f8f8f8); background: -webkit-linear-gradient(rgba(255,255,255,0),#f8f8f8); background: linear-gradient(rgba(255,255,255,0),#ffffff)}
.articlePage .subscribe-notice{margin: 30px 0; text-align: center}
.articlePage .subscribe-notice h3{font-size: 16px; margin: 0 0 30px 0}
.articlePage .subscribe-notice .btn{display: inline-block; width: 225px; text-transform: uppercase; text-align: center; text-decoration: none; padding: 15px 20px 15px; color: #fff; border-radius: 3px; font-size: 0.8em; margin: 0 8px}
.articlePage .subscribe-notice .subscribe-btn{background-color: #e9b441}
.articlePage .subscribe-notice .subscribe-btn:hover{background-color: #cb9d29}
.articlePage .subscribe-notice .account-btn{background-color: white; color: #333c45; border: 1px solid #333c45}
.articlePage .subscribe-notice .account-btn:hover{background-color: #333c45; color: white}



.articlePage article img.inlineImage {cursor: zoom-in}
.articlePage article .inlineImageContainer {position: relative}
.articlePage article .inlineImageContainer:hover::after {display: block; content: ''; position: absolute; cursor: pointer; background: url(../images/zoom-icon.png) no-repeat center center; background-size: 25px;
    top: 0; right: 0; padding: 30px 10px; width: 40px; height: 40px;}

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

.comments { font-size: 12px }
.comments .comment { margin: 25px 0 }
.comments h3 { text-transform: uppercase; font-weight: bold; font-size: 21px; width: 270px; margin: 0 0 10px 0 }
.comments h4 { padding: 0 30px; margin: 5px 0; font-size: 16px; font-weight: bold; background: url(../images/blockquote-a.png) no-repeat top left }
.comments p.text { padding: 0 30px; margin: 5px 0; color: #777777; background: url(../images/blockquote-b.png) no-repeat bottom right; }
.comments p.date { padding: 0 30px; color: #111111; font-weight: bold }
.comments a {color: black; border-bottom: 1px solid black; padding-bottom: 2px}
a.abonnez-button {padding: 7px 25px; background: #F7D244; color: white; display: inline-block; border-radius: 5px; border: none}

.commentForm .length { color: #6495ed }
.commentForm table.noChrome td.label { width: 150px }

.editorialsList h2 { margin: 0 0 40px 0 }
.editorialsList article { margin: 0 0 40px 0; height: 120px; font-size: 12px }
.editorialsList article figure { overflow: hidden; 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: 440px }
.multimediaPage article .photosGallery, .multimediaPage article .photosGallery.multiple { height: 440px }
.multimediaPage article .photosGallery.multiple .carousel { height: 400px }

.toolbox ul.social li { float: left; margin: 7px 0 0 10px }
.toolbox ul.social li iframe { left: 0 }
.toolbox ul.social li iframe.twitter-share-button { width: 95px !important }

.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:after { clear: both; content: " "; display: block }
.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: #000000; 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 h1 a{ color:#000000}
.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;color:#000000 }
.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; border: none !important }
.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: top; 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.tabbedMenu { height: 48px; border-bottom: 1px solid #ececec }
.userProfile .userInfo ul.tabbedMenu li { text-transform: uppercase; color: #09346b; font-weight: bold; float: left; border-top: 1px solid #fff; border-left: 1px solid #fff }
.userProfile .userInfo ul.tabbedMenu 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.tabbedMenu 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 }

.articleFromCdl{position: relative}
.slideshow article.articleFromCdl figure {position: relative}
.slideshow article.articleFromCdl figure::before {display: block; content: ""; background: url(../images/cdl-logo.png) no-repeat center center; background-size: contain; width: 138px; height: 32px; position: absolute; top: 0; left: -1px; z-index: 1}
.mainarticle.articleFromCdl::before {display: block; content: ""; background: url(../images/cdl-logo.png) no-repeat center center; background-size: contain; width: 100px; height: 45px; position: absolute; top: 4px; left: 0; z-index: 1}
.newspaper article.main.articleFromCdl::before {display: block; content: ""; background: url(../images/cdl-logo.png) no-repeat center center; background-size: contain; width: 120px; height: 45px; position: absolute; top: 10px; left: 0; z-index: 1}
.smallarticles article.smallarticle.articleFromCdl:before {display: block; content: ""; background: url(../images/cdl-logo.png) no-repeat center center; background-size: contain; width: 100px; height: 24px; position: absolute; top: 17px; left: 0; z-index: 10}

.minisitesSidebar {position: relative}
.minisitesSidebar .minisitesOwl {width: 260px; margin: auto; position: relative; height: 160px; padding: 10px 0 0 0; overflow: hidden}
.minisitesSidebar .minisitesOwl .item {width: 260px; margin: auto}
.minisitesSidebar .minisitesOwl .item img {width: 100%}
.minisitesSidebar .minisitesOwl .owl-nav > div {width: 20px; height: 20px; background: #333333; padding: 4px; color: white; float: left; font-size: 20px; line-height: 0.9; position: absolute}
.minisitesSidebar .minisitesOwl .owl-prev {left: 74px}
.minisitesSidebar .minisitesOwl .owl-next {right: 74px}
.minisitesSidebar .slideIndex {display: inline; position: absolute; right: 128px; bottom: 16px; line-height: 29px}

.minisitesPage h1 {text-transform: uppercase; background: #333; color: white; padding: 7px 0 7px 12px; font-size: 17px; -webkit-box-shadow: 0px -3px 4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -3px 4px rgba(50, 50, 50, 0.75); box-shadow: 0px -3px 4px rgba(50, 50, 50, 0.75)}

.whitebeard { text-align: center; background: #efefef; padding: 5px 0; font-size: 12px }
.whitebeard span {position: relative; bottom: 5px}

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

/* Sponsored content */
.sponsorNotice { text-align: center; font-size: 13px; margin: 0 0 15px 0; border-bottom: 1px solid black; padding: 10px 0 10px 0; color: #666; text-transform: uppercase; border-top: 1px solid black; }

    /* Paywall CSS */
.dialog {color: #cdc9c6; padding: 16px; font-size: 11px; height: 210px; background-color: #032142; border: 8px solid #c8c8c8; width: 540px; margin: auto; border-radius: 10px; font-family: Arial; position: relative; display: none }
.dialog a.close {position: absolute; background: #000; border-radius: 20px; right: 0; top: 0; font-size: 11px; color: #fff; padding: 4px 8px; font-weight: bold; margin: -8px}
.dialog figure { display: block; margin: 0 auto 10px auto; width: 147px; height: 60px; background: url(../images/icons/sprite.png) no-repeat -67px -73px; background-size: 214px 386px; }
.dialog ul li {font-size: 16px;}
.dialog .info {padding: 15px 55px; }
.dialog ul {float: left; margin-left: 25px; list-style: disc; color: white }
.dialog p { font-size: 13px }
.dialog p strong {color: white;}
.dialog a.button {-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color: #c7cccf; font-size: 11px; color: #032142; padding: 3px 6px; font-weight: bold;}
.dialog .deja {float: left; font-size: 11px; text-align: center; margin-left: 24px; margin-top: 4px;}
.dialog p.ques {clear: both; font-size: 11px; padding-top: 10px;}
.dialog .deja a {color: #032142;}
.dialog .abonnez {float: right; color: #032142; margin-right: 40px;}

.dialog.small {background-color: #032142; height: 100px; border: 4px solid #c8c8c8; width: 290px;  margin: auto; padding:5px; border-radius: 10px; }
.dialog.small h5 {text-align: center;}
.dialog.small h5 span {color: white;}
.dialog.small h5.shift {margin-top: -10px;}
.dialog.small figure {width: 55px; margin: 0; }
.dialog.small p {font-size: 12px; margin: 10px; text-align: center;}
.dialog.small a.button {font-size: 10px;}
.dialog.small .deja {margin: 4px 0; text-align: left;}
.dialog.small .abonnez {margin: 0;}
.dialog.small a.close {padding: 1px 3px; right: 4px;top: 3px;}

.ui-dialog.ui-widget-content { background: #aaa; border: none }
.ui-dialog.ui-widget-content .ui-dialog-titlebar { display: none }
.ui-dialog .ui-dialog-content { padding: 0 !important; overflow: visible !important }

/* 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;
}

.paywall.popup {width: 580px; height: 210px; position: fixed; border: 1px solid; background: rgba(243,243,243,1); z-index: 11; bottom: 0; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); transition: 0.4s }
.paywall.popup .fermer { position: absolute; top: 0; right: -2px; height: 26px; width: 26px; cursor: pointer }
.paywall.popup.close {bottom: -215px!important}
.limit.dialog .fermer { position: absolute; top: 0; right: -8px; height: 26px; width: 27px; cursor: pointer }
.paywall.popup img.popupOljLogo {margin: 20px; float: left}
.paywall.popup .popupSeperator {border-bottom: 1px solid black; float: left; height: 55px; display: block; width: 350px}
.paywall.popup .popupTriangleClose {float: right; background: url('/interface/french/images/popup-close-triangle.png') right top no-repeat; width: 60px; height: 62px; background-size: contain}
.paywall.popup a.paywallPopupClose {position: absolute; right: 0; color: black; font-size: 20px; padding: 6px 10px}
.paywall.popup p.popupText {clear: both; margin: 20px; line-height: 25px}
.paywall.popup p.popupAbonne {margin: 0 5px 0 20px; font-weight: bold; float: left}
.paywall.popup a.popupIdentifiez {float: left; color: red; text-decoration: underline}
.paywall.popup a.popupPay {background: #F2C125; padding: 2px 7px; position: absolute; right: 10px; bottom: 10px; border-radius: 10px; border: 1px solid black; color: black; font-size: 30px; font-family: 'Times New Roman'; font-weight: bold; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5)}
.paywall.popup a.popupPay span {font-size: 18px; font-weight: normal}

/* Paywall HTML */
.paywall {position: fixed; bottom: 0; background-color: #333C45; left: 0; right:0; color: #fff; z-index: 3}
.paywall .progress-bar {display: flex; justify-content: space-between}
.paywall .progress-infos .btn-container {margin: 30px 50px 0 0}
.paywall .fermer {position: absolute; right: 30px; top: 10px; cursor: pointer; width: 25px; height: 25px; border: 1px solid white; border-radius: 50%; padding: 3px; line-height: 25px}
.search-overlay.paywalled {display: block; opacity: 0.3; top: 0}
.progress-bar .progress-item {background-color: #70767D; padding: 5px 0; flex: 0 1 25%}
.progress-bar .progress-item.used {background-color: #e9b441}
.paywall .progress-infos {display: flex; justify-content:space-around; padding: 15px; text-align: center; font-size:1.1em; position: relative}
.progress-infos .status {display: inline-block; width: 100%; font-size: 16px}
.progress-infos .status h2 {margin: 20px 0}
.completed .progress-infos .status {margin-bottom:30px}
.progress-infos .price {display: inline-block; margin-right:10px}
.progress-infos .progress-btn:hover {color: #333C45; background-color: #fff}
.progress-infos .progress-btn svg {margin-top:-2px; margin-right:5px}
.paywall .btn-container span {display: block; font-size: 14px; margin: 10px 0}
.paywall.completed {padding-bottom:35px}
.paywall.completed .progress-bar {background-color: #F1C562; padding:5px 0}
.paywall.completed .progress-infos {display: block}
.paywall.completed .progress-infos .status {font-weight:600; display: block; font-size:1.5em}
.progress-infos .status span {color: #e9b441; border-bottom: 3px solid #e9b441}
.progress-infos .price {display: block; margin-right:0; margin-bottom:20px}
.progress-infos .progress-btn {display: inline-block; text-decoration: none; padding: 15px 20px 15px; background-color: #e9b441; border-radius: 3px; text-transform: uppercase;
    font-size: 0.64em; font-weight:600; line-height: 1; margin-right:15px; width: 145px}
.progress-infos .progress-btn:hover {color: #fff; background-color: #cb9d29}
.progress-infos .progress-btn svg {margin-top:-2px; margin-right:5px}
.already-member {width: 405px; margin: 70px 0 0 50px; font-size: 16px}
.already-member a {text-decoration: none; border-bottom:2px solid #fff; font-weight: bold}
.already-member a:hover {text-decoration: none; border-bottom:none}
.search-overlay {display: none; position: fixed; z-index: 2; top: 120px; left:0; right: 0; bottom: 0; background-color: #333C45; opacity: 0; transition: opacity 0.1s ease-in}
.search-overlay.open {display: block; opacity: 0.3}
/* End Paywall HTML */

/*Elections*/
a.goto-elections.banner{width: 100%; height: 90px; display: block; background: url('/interface/french/images/elections/elections-banner.png') no-repeat center; background-size: cover; margin: 0 0 15px 0}
a.goto-elections.mpu{width: 100%; height: 250px; display: block; background: url('/interface/french/images/elections/elections-mpu.png') no-repeat center; background-size: cover; margin: 20px 0 0 0}
/*End Elections*/

.red {color: red}

.ias-list .ias-item > *:last-child { border-bottom: 7px solid #d3d3d3 }
img[usemap], map area { outline: none }

.dataPage.unsubscribe-form h2 { font-size: 16px }
.unsubscribe-form .reasons > p input[type=checkbox] + input[type=text] { display: none }
.unsubscribe-form .reasons > p input[type=checkbox]:checked + input[type=text] { display: block }

#subscription .commerce{width: 150px;float:right}

/* IPAD */
@media only screen and (max-width : 1080px) {
    .articlePage article .floatingToolbox {position: relative; width: auto; left: auto; clear: both}
    .articlePage article .floatingToolbox li {display: inline-block; margin: 7px 7px 7px auto!important;}
}

/* > IPAD */
@media only screen and (min-width: 1081px) {
    .articlePage article .floatingToolbox.fixed {position: fixed; margin-left: -80px; top: 50px; left: auto}
    .articlePage article .floatingToolbox ul li.social.subscribe-link:hover p {display: inline-table}
}

.video-wrapper{ display:table; width:auto; position:relative; }
.video-wrapper video { width: 100%; }
.video-wrapper .playpause::before { content: "\f144"; font-family: FontAwesome; display: inline-block; font-size: 150px; color: white; line-height: 150px }
.video-wrapper .playpause { width:50%; height:50%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; text-align: center }