@import url("https://p.typekit.net/p.css?s=1&k=hki7kiz&ht=tk&f=14032.14034.14038.26908.26909.26911.26913.31292.31293&a=522301&app=typekit&e=css");

@font-face {
    font-family:"AktivGrotesk-Regular";
    src:url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/affdf5/00000000000000003b9b0328/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:400;
}

@font-face {
    font-family:"AktivGrotesk-Bold";
    src:url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/b5ce2a/00000000000000003b9b032d/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:700;
}

@font-face {
    font-family:"AktivGrotesk-Medium";
    src:url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:500;
}

@font-face {
    font-family:"AktivGroteskEx-Light";
    src:url("https://use.typekit.net/af/f6d3e0/00000000000000003b9ad139/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/f6d3e0/00000000000000003b9ad139/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/f6d3e0/00000000000000003b9ad139/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n3&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:300;
}

@font-face {
    font-family:"AktivGroteskEx-Regular";
    src:url("https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e10446/00000000000000003b9ad13a/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:400;
}

@font-face {
    font-family:"AktivGroteskEx-Medium";
    src:url("https://use.typekit.net/af/5a2c6f/00000000000000003b9ad13c/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/5a2c6f/00000000000000003b9ad13c/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/5a2c6f/00000000000000003b9ad13c/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n5&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:500;
}

@font-face {
    font-family:"AktivGroteskEx-Bold";
    src:url("https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/3f03c1/00000000000000003b9ad13e/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n7&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:700;
}

@font-face {
    font-family:"PoynterOSDisp-Roman";
    src:url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n4&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:400;
}

@font-face {
    font-family:"PoynterOSDisp-Semibold";
    src:url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n6&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:600;
}

html, body{margin: 0; padding: 0; height: 100%}
body{height: 100%; -webkit-touch-callout: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased}
body.no-scroll{overflow: hidden}
ul{list-style: none}
ul, li{margin: 0; padding: 0}
a{text-decoration: none; color: inherit}
*{margin: 0; padding: 0; box-sizing: border-box}
h1, h2, h3, h4{font-weight: normal}
img{border: none}
.hidden{display: none !important}
.clear{clear: both}
.desktop{display: block}
.mobile{display: none !important}
.main-container{width: 100%; max-width: 1140px; padding: 0 40px; margin: auto}
/*.page{padding: 105px 0 0 0}*/
.page.opinion-page .article-container{background-color: #F9F5ED; padding: 40px 0 0 0; margin: -40px 0 0 0}
.inside-page{padding: 40px 0}
/*.homepage.page{padding: 400px 0 0 0; transition: padding 0.35s ease}*/
/*.page.homepage-literraire{padding: 245px 0 0 0; transition: padding 0.35s ease}*/
/*.homepage.page.remove-padding, .homepage-litteraire.remove-padding{padding: 105px 0 0 0}*/
.ias-spinner{color: #D8D8D8; text-align: center; font-size: 20px; margin: 20px 0}
input[type=number]{-moz-appearance: textfield}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
.slick-slide a{outline: none}

/*General Styles*/
.comments-counter{position: absolute; bottom: 20px; right: 5px; font-size: 12px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #ADA5A5}
.no-image .comments-counter{right: 15px}
section.idees article .comments-counter{right: 15px}
.article-signature .comments-counter{right: 15px}
.comments-counter:before{content: ''; background: url('../images/icons-sprite.png?1') no-repeat -3px -54px; background-size: 85px; width: 14px; height: 14px; display: inline-block; margin: 0 5px 0 0; position: relative; top: 5px}
.section-title h2{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 32px; padding: 0 0 0 10px; display: inline-block; color: #1B1A1A}
.litteraire .section-title figure{width: 242px; height: 30px; background: url('../images/litteraire-logo.png') no-repeat center; background-size: contain; margin: 0 0 10px 10px; display: inline-block}
.in-english .section-title h2{font-family: AktivGroteskEx-Light, Helvetica, Arial, sans-serif; font-size: 30px; color: #191919}
.in-english .section-title h2 figure{width: 222px; height: 34px; display: inline-block; background: url('../images/logo.png') no-repeat center; background-size: contain; vertical-align: top; margin: 4px 5px 0 0}
.cdl .section-title h2{color: #E21B33; padding: 0 10px 5px 10px}
.cdl .section-title figure{width: 115px; height: 30px; background: url('../images/cdl-logo.png') no-repeat center; background-size: contain; margin: 0 0 5px 10px; display: inline-block; vertical-align: middle}
.section-title h2 span{font-family: AktivGroteskEx-Light, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 24px}
.section-title h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; font-weight: normal; padding: 0 0 0 12px}
.section-title .title i{font-size: 24px; color: #ADA5A5; display: inline-block; margin: 0 0 0 20px; position: relative; top: -2px}
.homepage section.cdl .section-title .title i{top: 3px}
.homepage section.litteraire .section-title .title i{top: -14px}
.triple-border{border-top: 1px solid #D1CFCF; width: calc(100% - 20px); margin: 12px auto 20px auto}
.triple-border:before{content: ''; display: block; border-top: 1px solid #D1CFCF; margin: 2px 0 0 0}
.triple-border:after{content: ''; display: block; border-top: 1px solid #D1CFCF; margin: 2px 0 0 0}
.load-more{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; text-align: center; width: 450px; height: 55px; border: 1px solid #1B1A1A; border-radius: 28px; display: block; line-height: 50px; margin: 30px auto; transition: .25s}
.load-more:hover{background-color: #1B1A1A; color: #FFFFFF}
.load-more.annonces{border-radius: 3px}
.hover-black-invert{border: 1px solid #1B1A1A; transition: .25s}
.hover-black-invert:hover{background-color: #FFFFFF !important; color: #1B1A1A !important}
.hover-subscribe-button{transition: .25s}
.hover-subscribe-button:hover{background-color: #FBD571 !important}
.paywall-login-link{display: none}
/*End General Styles*/


header .desktop-header.boutique-header{position: relative; height: 70px}
header .desktop-header.boutique-header .main-menu{height: 70px}
header .desktop-header.boutique-header .main-menu .inmenu-left-content .logo{margin: 20px 0 20px 30px}
header .desktop-header.boutique-header .main-menu .container{max-width: 1140px}
.boutique-page{margin: 0; padding: 0}




/*header .desktop-header{position: fixed; width: 100%; z-index: 99; background-color: #FFFFFF}*/
/*header .desktop-header.homepage-header{height: 405px}*/
/*header .desktop-header.homepage-header.litteraire{height: 245px}*/
/*header .desktop-header.pages-header{height: 105px}*/
header .desktop-header .top-menu{height: 25px; background-color: #000000; line-height: 20px}
header .desktop-header .top-menu .container{max-width: 1520px; padding: 0 40px; width: 100%; margin: auto}
header .desktop-header .top-menu .container ul{display: inline-block}
header .desktop-header .top-menu .container ul li{display: inline-block; text-align: center; vertical-align: top; height: 25px; position: relative; border-top: 2px solid transparent; transition: .25s; margin: 0 5px 0 0}
header .desktop-header .top-menu .container ul li a{color: #B9B9B9; font-size: 10px; display: block; height: 100%; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; transition: .3s; letter-spacing: 1px}
header .desktop-header .top-menu .container ul li.active a, header .desktop-header .top-menu .container ul li:hover a{color: #FFFFFF}
header .desktop-header .top-menu .container ul li span{color: #B9B9B9; font-size: 30px; line-height: 12px; position: relative; top: -4px}
header .desktop-header .top-menu .container .in-english{font-size: 11px; color: #B9B9B9; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; float: right; text-transform: uppercase; line-height: 20px; border-top: 2px solid transparent; transition: .3s; letter-spacing: 1px}
header .desktop-header .top-menu .container .in-english:hover, header .desktop-header .top-menu .container .in-english.active{color: #FFFFFF}
header .desktop-header.homepage-header .logo-container{display: block}
header .desktop-header .logo-container{padding: 30px 40px; max-width: 1520px; margin: auto; width: 100%; display: none}
header .desktop-header .logo-container .buttons{float: right; top: -10px; position: relative}
header .desktop-header .logo-container .buttons .visitor-displayname{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; width: auto; height: auto; margin: 0 10px 0 0; line-height: initial}
header .desktop-header .logo-container .buttons a{font-size: 14px; width: 135px; height: 40px; line-height: 36px; display: inline-block; text-align: center; border-radius: 4px; transition: .25s; vertical-align: middle}
header .desktop-header .logo-container .buttons a.loggedin{width: 40px; height: 40px; border-radius: 50%; background: url('../images/myaccount-icon.png') no-repeat center; background-size: contain}
header .desktop-header .logo-container .buttons .login{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #F3F0F0; border: 1px solid #F3F0F0; margin: 0 10px 0 0; transition: .25s}
header .desktop-header .logo-container .buttons .login:hover{background-color: #E3DEDE}
header .desktop-header .logo-container .buttons .subscribe{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; background-color: #FFDF8A; border: 1px solid #FFDF8A; transition: .25s}
header .desktop-header .logo-container .buttons .subscribe.donate{width: 140px}
header .desktop-header .logo-container .logo{display: block; width: 365px; color: #777272; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: auto; text-align: center; letter-spacing: 3px}
header .desktop-header .logo-container .logo figure{width: 100%; height: 50px; background: url('../images/logo.svg') no-repeat center; background-size: contain; margin: 0 0 10px 0}
header .desktop-header .logo-container .logo.in-english{font-size: 16px; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif}
header .desktop-header.litteraire .logo-container .logo figure{background: url('../images/litteraire-logo.svg') no-repeat center; background-size: contain}
header .desktop-header .main-menu{border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; font-size: 0; height: 50px; position: relative; text-align: center}
header .desktop-header.pages-header .main-menu{height: 70px; border-top: none}
header.fixed .desktop-header.pages-header{position: fixed; width: 100%; z-index: 99; background-color: #FFFFFF; top: 0}
header.fixed ~ .page{padding: 110px 0 0 0}
header.fixed ~ .page.homepage{padding: 320px 0 0 0}
header.fixed ~ .page.english-page, header.fixed ~ .page.litteraire-page{padding: 235px 0 0 0}
header.fixed .desktop-header .top-menu{display: none}
header .desktop-header .main-menu .container{width: 100%; max-width: 1520px; padding: 0 40px; margin: auto; height: 100%}
header .desktop-header .main-menu .toggle-menu{width: 50px; text-align: center; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; border-right: 1px solid #D8D8D8; display: inline-block; float: left; transition: opacity .25s}
header .desktop-header .main-menu .toggle-menu:hover{opacity: .7}
header .desktop-header.homepage-header .main-menu .toggle-menu{width: 135px; transition: opacity .25s}
header .desktop-header.homepage-header .main-menu .toggle-menu:hover{opacity: .7}
header .desktop-header .main-menu .toggle-menu a{display: block; height: 100%; padding: 16px 0; text-align: left}
header .desktop-header.pages-header .main-menu .toggle-menu a{padding: 27px 0 25px 0}
header .desktop-header .main-menu .toggle-menu a span{display: none}
header .desktop-header.homepage-header .main-menu .toggle-menu a span{display: inline-block}
header .desktop-header .main-menu .toggle-menu a i{width: 28px; height: 14px; background: url('../images/icons-sprite.png?1') no-repeat -52px -3px; background-size: 80px; display: inline-block; margin: 0 10px 0 0; position: relative; top: 2px}
header .desktop-header .main-menu .full-menu{position: fixed; top: 0; bottom: 0; width: 350px; background-color: #FFFFFF; padding: 80px 30px 0 30px; overflow-y: auto; left: -350px; transition: .25s; z-index: 1; border-right: 1px solid #D1CFCF}
header .desktop-header .main-menu .full-menu.active{left: 0}
header .desktop-header .main-menu .full-menu .close{width: 36px; height: 36px; border: 2px solid #777272; border-radius: 50%; background: url('../images/icons-sprite.png?1') no-repeat -55px -18px; background-size: 98px; position: absolute; right: 40px; top: 20px}
header .desktop-header .main-menu .full-menu ul{border-top: 1px solid #D8D8D8; padding: 25px 0}
header .desktop-header .main-menu .full-menu ul li{text-align: left}
header .desktop-header .main-menu .full-menu ul li a{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; transition: .25s; display: block; padding: 5px 10px}
header .desktop-header .main-menu .full-menu ul li a:hover{background-color: #F8F6F6}
header .desktop-header .main-menu .full-menu ul li.main-item a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
header .desktop-header .main-menu nav{display: inline-block; text-align: center; height: 50px; vertical-align: top}
header .desktop-header.pages-header .main-menu nav{padding: 10px 0 0 0; margin: 0; height: auto}
header .desktop-header.pages-header .main-menu nav ul.main{height: 100%}
header .desktop-header .main-menu nav ul.main{height: 50px}
header .desktop-header .main-menu nav ul.main > li{display: inline-block; vertical-align: top; position: relative; transition: .25s; border: 1px solid transparent; height: 100%; border-radius: 3px}
header .desktop-header.pages-header .main-menu nav ul.main > li{height: 59px}
header .desktop-header .main-menu nav ul.main > li > a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px; display: block; padding: 0 20px; height: 100%; line-height: 46px; color: #1B1A1A}
header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0 12px 0 28px}
header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{content: '\f107'; color: #777272; font-family: 'FontAwesome'; font-size: 18px; position: absolute; left: 11px}
header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 9px}
header .desktop-header.pages-header .main-menu nav ul.main > li > a{border: 1px solid transparent; border-radius: 3px; height: 45px}
header .desktop-header.pages-header .main-menu nav ul.main > li.active > a{color: #000000}
header .desktop-header .main-menu nav ul.main > li > ul{position: absolute; width: 290px; background-color: #FFFFFF; padding: 15px; top: 47px; left: 0; opacity: 0; visibility: hidden; transition: .25s; z-index: 9}
header .desktop-header.pages-header .main-menu nav ul.main > li > ul{top: 58px}
header .desktop-header .main-menu nav ul.main > li > ul > li{text-align: left; line-height: 28px}
header .desktop-header .main-menu nav ul.main > li > ul li a{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; transition: .25s; padding: 0 10px}
header .desktop-header .main-menu nav ul.main > li > ul li a:hover{background-color: #F8F6F6}
header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > ul li a{font-size: 14px}
header .desktop-header .main-menu nav ul.main > li:hover{border-left: 1px solid #D1CFCF; border-right: 1px solid #D1CFCF; border-bottom: 1px solid transparent}
header .desktop-header.pages-header .main-menu nav ul.main > li:hover{border-top: 1px solid #D1CFCF}
header .desktop-header .main-menu nav ul.main > li.has-sub:hover{border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF}
header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub:hover{border-bottom: 1px solid #FFFFFF; border-top: 1px solid #D1CFCF}
header .desktop-header .main-menu nav ul.main > li:hover a:before{transform: rotate(180deg)}
/*header .desktop-header.pages-header .main-menu nav ul.main > li.active:hover a{border: 1px solid transparent}*/
header .desktop-header .main-menu nav ul.main > li:hover ul{opacity: 1; visibility: visible}
header .desktop-header .main-menu .inmenu-left-content{display: inline-block; width: 328px; vertical-align: top; float: left}
header .desktop-header.homepage-header .main-menu .inmenu-left-content{display: none}
header .desktop-header .main-menu .inmenu-right-content{display: inline-block; width: 378px; vertical-align: top; text-align: right; margin: 14px 0 0 0; float: right}
header .desktop-header.homepage-header .main-menu .inmenu-right-content{display: none}
header .desktop-header .main-menu .inmenu-left-content .logo{width: 184px; height: 28px; background: url('../images/logo.svg') no-repeat center; background-size: contain; display: block; margin: 16px 0 16px 30px; float: left}
header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 22px 0 0 30px}
header .desktop-header .main-menu .inmenu-right-content .toggle-search{margin: -8px 15px 0 0; display: inline-block; vertical-align: middle}
header .desktop-header .main-menu .inmenu-right-content .toggle-search i{width: 20px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -3px -3px; background-size: 85px; display: inline-block; margin: 0 10px 0 0; position: relative; top: 5px}
header .desktop-header .main-menu .inmenu-right-content .button{height: 40px; width: 135px; text-align: center; color: #232222; font-size: 14px; display: inline-block; line-height: 36px; transition: .25s; border-radius: 3px; vertical-align: middle}
header .desktop-header .main-menu .inmenu-right-content .button.loggedin{width: 40px; height: 40px; border-radius: 50%; background: url('../images/myaccount-icon.png') no-repeat center; background-size: contain}
header .desktop-header .main-menu .inmenu-right-content .login{background-color: #F3F0F0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 15px 0 0; border: 1px solid #F3F0F0}
header .desktop-header .main-menu .inmenu-right-content .subscribe{background-color: #FFDF8A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; border: 1px solid #FFDF8A}
header .desktop-header .main-menu .inmenu-right-content .login:hover{background-color: #E3DEDE}
header .desktop-header .main-menu .search{width: 135px; height: 50px; vertical-align: top; position: relative; float: right; display: none}
header .desktop-header.homepage-header .main-menu .search{display: inline-block}
header .desktop-header .main-menu .search .toggle-search{display: block; margin: 8px 0 17px 0}
header .desktop-header .main-menu .search .toggle-search i{width: 20px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -3px -3px; background-size: 85px; display: inline-block; margin: 0 10px 0 0; position: relative; top: 6px}
header .desktop-header .main-menu .search .toggle-search span{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.header-search-container{background-color: #F3F0F0; padding: 20px 0; width: 100%}
.header-search-container.hide{display: none}
.header-search-container form{width: 100%; max-width: 1520px; margin: auto; text-align: center; font-size: 0}
.header-search-container form input[type=text]{width: 512px; height: 50px; background-color: #FFFFFF; border: none; padding: 0 10px; outline: none; color: #1B1A1A; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.header-search-container form input[type=text]::-webkit-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.header-search-container form input[type=text]:-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.header-search-container form input[type=text]::-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.header-search-container form input[type=text]:-ms-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.header-search-container form .submit{width: 175px; height: 50px; background-color: #1B1A1A; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: top; line-height: 46px; font-size: 16px; border-top-right-radius: 3px; border-bottom-right-radius: 3px}
.header-search-container form input[type=text].required::-webkit-input-placeholder{color: #CC0000}
.header-search-container form input[type=text].required:-moz-placeholder{color: #CC0000}
.header-search-container form input[type=text].required::-moz-placeholder{color: #CC0000}
.header-search-container form input[type=text].required:-ms-input-placeholder{color: #CC0000}
.header-search-container form .results p{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.header-search-container form .results p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
header .desktop-header.homepage-header .sub-menu{display: block}
header .desktop-header .sub-menu{background-color: #F8F6F6; font-size: 0; padding: 16px 0; display: none}
header .desktop-header .sub-menu ul{max-width: 1250px; width: 100%; margin: auto}
header .desktop-header .sub-menu ul > li{display: inline-block; width: 29%; border-right: 1px solid #D8D8D8; vertical-align: top; padding: 0 25px}
header .desktop-header .sub-menu ul > li figure{width: 90px; height: 90px; border-radius: 50%; float: left}
header .desktop-header .sub-menu ul > li figure.pdf{background-color: #D1CFCF}
header .desktop-header .sub-menu ul > li h2{font-size: 13px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 110px; transition: .25s}
header .desktop-header .sub-menu ul > li p{font-size: 13px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; padding: 0 0 0 110px; line-height: 18px; margin: 5px 0 0 0; transition: .25s}
header .desktop-header .sub-menu ul > li a:hover h2, header .desktop-header .sub-menu ul > li a:hover p, header .desktop-header .sub-menu ul > li a:hover h3{color: #817C7C}
header .desktop-header .sub-menu ul > li h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-size: 13px; padding: 0 0 0 110px; font-weight: normal}
header .desktop-header .sub-menu ul > li h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
header .desktop-header .sub-menu ul > li:last-child{border: none}
header .desktop-header .sub-menu ul > li:first-child{width: 22%}
header .desktop-header .sub-menu ul > li:last-child{width: 20%}
header .desktop-header .sub-menu ul > li:last-child > ul > li{display: block; border: none; width: auto; padding: 0; margin: 0 0 2px 0}
header .desktop-header .sub-menu ul > li:last-child > ul > li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 13px; transition: .25s}
header .desktop-header .sub-menu ul > li:last-child > ul > li a:hover{color: #817C7C}
header .mobile-header{display: none}

/*Article Styles*/
/*Articles variations classes: video, diapo, litteraire, from-cdl, sponsored, no-image*/
.article-1{margin: 0 0 30px 0; padding: 0 10px; height: 670px}
.article-1 .content{position: relative; height: 100%; transition: .25s}
.homepage.grosseactu .article-1{margin: 0}
.article-1 figure{height: 350px; position: relative}
.article-1.diapo{height: auto}
.article-1.diapo figure:before{content: ''; width: 80px; height: 80px; background: url('../images/camera-icon.png') no-repeat center; background-size: contain; position: absolute; top: 20px; left: 20px}
.article-1.video figure:before{content: ''; position: absolute; width: 60px; height: 60px; background: url('../images/play-icon.png') no-repeat center; background-size: contain; top: 20px; left: 20px}
.article-1.from-cdl figure:after{content: ''; width: 135px; height: 55px; background: url('../images/cdl-logo.png') no-repeat center; background-size: 110px; position: absolute; bottom: 0; right: 0; background-color: #FFFFFF}
.article-1 .details{padding: 20px 0 40px 0; border-bottom: 1px solid #D1CFCF; position: relative; height: 320px}
.article-1.diapo .details{background-color: #323030; padding: 20px 20px 40px 20px; transition: .25s}
.article-1 .details h3{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0}
.article-1 .details h3.author{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal; text-transform: none; margin: 10px 0 0 0}
.article-1 .details h2{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 40px; font-size: 35px; font-weight: normal; transition: .25s; color: #1B1A1A}
.article-1 a:hover .content .details h2{color: #817C7C}
.article-1.no-image a:hover .content .details h2{color: #1B1A1A}
.article-1.no-image a:hover .content{background-color: #E9E7E7}
.article-1.diapo .details h2{color: #FFFFFF}
.article-1 .details .text{font-size: 19px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 28px; margin: 15px 0 0 0}
.article-1.diapo .details .text{display: none}
.article-1 .details .date{font-size: 12px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; line-height: 23px; margin: 10px 0 0 0}
.article-1.diapo .details .date{display: none}
.article-1.no-image .content{background-color: #F8F6F6; padding: 20px; border-bottom: 1px solid #D1CFCF}
.article-1.no-image .details{border: none; padding: 0}
.article-1.no-image .content figure{display: none}
.article-1.no-image .content .details h2{font-size: 32px; line-height: 40px; max-height: 160px; overflow: hidden; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}
.article-1.diapo a:hover .details, .article-2.diapo a:hover .details, .article-3.diapo a:hover .details, .article-4.diapo a:hover .details{background-color: #484848}


.article-2{margin: 0 0 30px 0; width: 50%; float: left; height: 450px}
.article-2 .content{width: calc(100% - 20px); margin: auto; border-bottom: 1px solid #D1CFCF; height: 100%; position: relative; transition: .25s}
.article-2 .content figure{height: 225px; position: relative}
.article-2.diapo .content figure:before{content: ''; width: 60px; height: 60px; background: url('../images/camera-icon.png') no-repeat center; background-size: contain; position: absolute; top: 20px; left: 20px; background-color: #FFFFFF; border-radius: 50%}
.article-2.video .content figure:before{content: ''; position: absolute; width: 60px; height: 60px; background: url('../images/play-icon.png') no-repeat center; background-size: contain; top: 20px; left: 20px}
.article-2.litteraire .content figure:after{content: ''; width: 134px; height: 44px; background: url('../images/litteraire-article-logo.png') no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0}
.article-2.from-cdl .content figure:after{content: ''; width: 135px; height: 55px; background: url('../images/cdl-logo.png') no-repeat center; background-size: 110px; position: absolute; bottom: 0; right: 0; background-color: #FFFFFF}
.article-2.sponsored .content{background-color: #EDF6FC; border-bottom: none}
.article-2 .content .details{padding: 20px 0 0 0}
.article-2.no-image .content .details{padding: 0}
.article-2.diapo .content .details{background-color: #323030; padding: 20px; height: 225px; transition: .25s}
.article-2.sponsored .content .details{padding: 15px}
.article-2 .content .details h4{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0}
.article-2.no-image .content .details h4{margin: 0 0 10px 0}
.article-2.sponsored .content h4{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-transform: none}
.article-2.sponsored .content h4 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-2 .content .details h2{font-size: 22px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; max-height: 110px; overflow: hidden; line-height: 27px; font-weight: normal; transition: .25s}
.article-2 a:hover .content .details h2{color: #817C7C}
.article-2.diapo a:hover .content .details h2{color: #FFFFFF}
.article-2.no-image a:hover .content .details h2{color: #000000}
.article-2.no-image a:hover .content{background-color: #E9E7E7}
.article-2.diapo .content .details h2{color: #FFFFFF}
article .content .details h2 .subscribe{font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #8F7F54; width: 60px; height: 18px; background-color: #FFDF8A; display: inline-block; text-align: center; vertical-align: middle; margin: 0 0 0 5px; line-height: 18px}
.article-2 .content .details h3{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal; margin: 5px 0 0 0; max-height: 35px; overflow: hidden; padding: 0 40px 0 0}
.article-2 .content .details h3.date{margin: 5px 0 0 0; height: auto}
.article-2.sponsored .content .details h2{font-size: 20px; line-height: 26px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal}
.article-1.premium .details h2:after, .article-2.premium .details h2:after, .article-3.premium .details h2:after, .article-4.premium .details h2:after{content: 'Abonnés'; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #8F7F54; width: 60px; height: 18px; background-color: #FFDF8A; display: inline-block; text-align: center; vertical-align: middle; margin: 0 0 0 5px; line-height: 18px}
.article-2.no-image .content{background-color: #F8F6F6; padding: 17px 28px 20px 19px}
.article-2.no-image .content figure{display: none}
.article-2.no-image .content .details h2{font-size: 20px; line-height: 27px; max-height: 165px; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}


.homepage-litteraire .article-2.no-image .content .details h2{font-size: 28px; line-height: 32px}

.article-3{margin: 0 0 30px 0; width: 33.33%; float: left; height: 450px}
section.idees .article-3{height: 364px}
section.idees .article-3 .content{padding: 17px 19px 20px 19px; background-color: #F1EADE}
section.idees .article-3 .content figure{display: none}
section.idees .article-3 .content .details h2{font-size: 20px; line-height: 27px; max-height: 190px}
.article-3.extended{height: 555px}
.article-3 .content{width: calc(100% - 20px); margin: auto; border-bottom: 1px solid #D1CFCF; height: 100%; position: relative; transition: .25s}
.article-3 .content figure{height: 225px; position: relative}
.article-3.diapo .content figure:before{content: ''; width: 60px; height: 60px; background: url('../images/camera-icon.png') no-repeat center; background-size: contain; position: absolute; top: 20px; left: 20px}
.article-3.video .content figure:before{content: ''; position: absolute; width: 60px; height: 60px; background: url('../images/play-icon.png') no-repeat center; background-size: contain; top: 20px; left: 20px}
.article-3.no-image .content{background-color: #F8F6F6; padding: 17px 28px 20px 19px}
.article-3.no-image .content figure{display: none}
.article-3.litteraire .content figure:after{content: ''; width: 134px; height: 44px; background: url('../images/litteraire-article-logo.png') no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0}
.article-3.from-cdl .content figure:after{content: ''; width: 135px; height: 55px; background: url('../images/cdl-logo.png') no-repeat center; background-size: 110px; position: absolute; bottom: 0; right: 0; background-color: #FFFFFF}
.article-3.sponsored .content{background-color: #EDF6FC; border-bottom: none}
.article-3 .content .details{padding: 20px 0 40px 0}
section.idees .article-3 .content .details{padding: 0}
.article-3.no-image .content .details{padding: 0}
.article-3.diapo .details{background-color: #323030; padding: 20px; height: 225px}
.article-3.extended.diapo .details{height: 330px}
.article-3.sponsored .content .details{padding: 15px}
.article-3 .content .details h2{font-size: 22px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; overflow: hidden; line-height: 26px; max-height: 130px; font-weight: normal; transition: .25s}
.article-3.extended .content .details h2{max-height: 130px}
.article-3 a:hover .content .details h2{color: #817C7C}
.article-3.no-image a:hover .content .details h2{color: #000000}
section.idees .article-3 a:hover .content .details h2{color: #000000}
section.idees .article-3 a:hover .content{background-color: #EFEBE4}
.article-3.no-image a:hover .content{background-color: #E9E7E7}
.article-3.no-image .content .details h2{font-size: 28px; line-height: 32px; max-height: 130px}
section .article-3.no-image .content .details h2{font-size: 20px; line-height: 27px; max-height: 160px}
section.liban .article-3.no-image .content .details h2, section.monde .article-3.no-image .content .details h2{font-size: 28px; line-height: 32px}
.article-3.diapo .content .details h2{color: #FFFFFF}
.article-3.sponsored .content .details h2{font-size: 20px; line-height: 26px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal}
.article-3.no-image .content .details h2{font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}
.article-3 .content .details h4{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0}
.article-3.no-image .content .details h4{margin: 0 0 10px 0}
.article-3.sponsored .content h4{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-transform: none}
.article-3.sponsored .content h4 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-3 .content .details p{font-size: 17px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; line-height: 25px; max-height: 75px; overflow: hidden}
.article-3.diapo .content .details p{color: #FFFFFF}
.article-3 .content .details h3{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; margin: 5px 0 0 0; font-weight: normal; max-height: 32px; overflow: hidden; padding: 0 40px 0 0}
.article-3.extended .content .details h3{font-size: 13px; margin: 20px 0 0 0}

.article-4{margin: 0 0 30px 0; width: 33.33%; float: left; height: 365px}
.article-4 .content{width: calc(100% - 20px); margin: auto; border-bottom: 1px solid #D1CFCF; height: 100%; position: relative; transition: .25s}
.article-4.diapo .content figure:before{content: ''; width: 45px; height: 45px; background: url('../images/camera-icon.png') no-repeat center; background-size: contain; position: absolute; top: 20px; left: 20px}
.article-4.sponsored .content{background-color: #EDF6FC; border-bottom: none}
.article-4 .content figure{height: 146px; position: relative}
.article-4.video .content figure:before{content: ''; position: absolute; width: 45px; height: 45px; background: url('../images/play-icon.png') no-repeat center; background-size: contain; top: 20px; left: 20px}
.article-4.litteraire .content figure:after{content: ''; width: 110px; height: 36px; background: url('../images/litteraire-article-logo.png') no-repeat center; background-size: contain; position: absolute; bottom: 0; right: 0}
.article-4.from-cdl .content figure:after{content: ''; width: 95px; height: 40px; background: url('../images/cdl-logo.png') no-repeat center; background-size: 70px; position: absolute; bottom: 0; right: 0; top: initial; left: initial; background-color: #FFFFFF}
.article-4 .content .details{padding: 20px 0 0 0}
.article-4.no-image .content .details{padding: 0}
.article-4.sponsored .content .details{padding: 15px}
.article-4.diapo .details{background-color: #323030; padding: 20px; height: 220px}
.article-4 .content h4{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 13px; color: #777272; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0}
.article-4.no-image .content h4{margin: 0 0 10px 0}
.article-4.sponsored .content h4{font-size: 12px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-transform: none}
.article-4.sponsored .content h4 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-4 .content h2{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 19px; line-height: 25px; font-weight: normal; max-height: 125px; overflow: hidden; transition: .25s}
.article-4 a:hover .content h2{color: #817C7C}
.article-4.no-image a:hover .content h2{color: #000000}
.article-4.no-image a:hover .content{background-color: #E9E7E7}
.article-4.diapo .content .details h2{color: #FFFFFF}
.article-4.sponsored .content h2{font-size: 18px; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-4 .content h3{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; font-weight: normal; margin: 5px 0 0 0; padding: 0 40px 0 0; max-height: 35px; overflow: hidden}
.article-4.no-image .content{background-color: #F8F6F6; padding: 17px 19px 20px 19px}
.article-4.no-image .content figure{display: none}
.article-4.no-image .content .details h2{font-size: 20px; line-height: 27px; max-height: 165px; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}

.article-5{margin: 0 0 40px 0; border-bottom: 1px solid #D1CFCF; padding: 0 0 40px 0}
.article-5 .content{width: calc(100% - 20px); margin: auto}
.article-5 .content a > div{width: calc(100% - 185px); display: inline-block}
.article-5.no-image .content a > div{width: 100%}
.article-5 .content a > div h2{font-size: 24px; line-height: 30px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-weight: normal; transition: .25s}
.article-5 .content a:hover > div h2{color: #817C7C}
.article-5 .content a > div p{font-size: 16px; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; margin: 20px 0 0 0}
.article-5 .content a > div h3{font-size: 14px; color: #777272; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; font-weight: normal}
.article-5 .content a > div h3 span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-5 .content figure{width: 156px; height: 105px; float: right}
.article-5.no-image .content figure{display: none}

.article-signature{margin: 0 0 30px 0; width: 50%; float: left; height: 450px}
.article-signature.two-thirds{width: 66.6%; height: 670px}
.article-signature.third{width: 33.33%; height: 365px}
.article-signature a{display: block; width: calc(100% - 20px); background-color: #EEE5D4; height: 100%; margin: auto; padding: 60px 30px 30px 30px; position: relative; border-bottom: 1px solid #D2B37A; transition: .25s}
.article-signature a:hover{background-color: #F5EFE5}
.article-signature.third a{padding: 50px 25px 30px 25px}
.article-signature a figure{width: 114px; height: 114px; margin: 0 auto 20px auto; border-radius: 50%}
.article-signature.third a figure{width: 75px; height: 75px}
.article-signature a h2{text-align: center; font-size: 19px; line-height: 22px; color: #1B1A1A; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; font-weight: normal; width: 75%; margin: 0 auto 15px auto}
.article-signature.third a h2{font-size: 16px; line-height: 21px; width: 100%; min-height: 40px}
.article-signature a h3{text-align: center; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; color: #1B1A1A; font-weight: normal}
.article-signature.third a h3{font-size: 19px; line-height: 25px; max-height: 130px; overflow: hidden}
/*End Article Styles*/


/*Homepage*/
.homepage .main-container{font-size: 0}
.main-column{width: 66.6%; display: inline-block}
.homepage.grosseactu .liveblog-mainimage{height: 565px; max-width: 1340px; margin: 0 auto 40px auto}
.homepage.grosseactu .liveblog .details{margin: -165px 0 0 0}
.homepage .main-column .liveblog{width: calc(100% - 20px); margin: 0 auto 50px auto}
.homepage .main-column .liveblog figure{height: 350px}
.homepage .main-column .liveblog .details{background-color: #F8F6F6; padding: 20px 30px 40px 30px}
.homepage .main-column .liveblog .details .live{background-color: #DD3B31; display: inline-block; color: #FFFFFF; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: 140px; height: 40px; text-align: center; line-height: 40px; font-style: normal; border-radius: 22px; font-weight: normal; text-transform: uppercase; position: relative; padding: 0 0 0 20px; margin: 0 20px 0 0}
.homepage .main-column .liveblog .details .live:before{content: ''; width: 15px; height: 15px; position: absolute; border-radius: 50%; background-color: #FFFFFF; margin: 0 20px 0 0; left: 12px; top: 12px}
.homepage .main-column .liveblog .details .tag{font-size: 16px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #DD3B31; text-transform: uppercase; font-weight: normal}
.homepage .main-column .liveblog .details .title{font-size: 35px; line-height: 40px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.homepage .main-column .liveblog .details ul li{margin: 0 0 30px 0}
.homepage .main-column .liveblog .details ul li .date{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 20px 0 0 0}
.homepage .main-column .liveblog .details ul li .date span{color: #777272; margin: 0 0 0 20px}
.homepage .main-column .liveblog .details ul li .message{position: relative}
.homepage .main-column .liveblog .details ul li .message:before{content: ''; position: absolute; height: 100%; border-left: 1px solid #D1CFCF; left: 12px; padding: 0 0 10px 0}
.homepage .main-column .liveblog .details ul li:last-child .message:before{display: none}
.homepage .main-column .liveblog .details ul li .message p{font-size: 19px; line-height: 28px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; padding: 0 0 0 40px}
.homepage .main-column .liveblog .details ul li .message iframe{display: none}
.homepage .main-column .liveblog .details ul li .message .embed{display: none}
.homepage .main-column .liveblog .details .more{background-color: #1B1A1A; color: #FFFFFF; text-align: center; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: block; height: 45px; line-height: 42px; font-size: 14px; border-radius: 3px; margin: 30px 0 0 0}
.homepage .main-column .liveblog{width: calc(100% - 20px); margin: 0 auto 50px auto}
.homepage.grosseactu .liveblog{margin: 0 auto 20px auto}
.homepage .main-column .grosseactu-list{margin: 0 0 40px 0}
.homepage .main-column .grosseactu-list ul{width: calc(100% - 20px); margin: auto}
.homepage .main-column .grosseactu-list ul li{padding: 15px 0; border-bottom: 1px solid #D1CFCF}
.homepage .main-column .grosseactu-list ul li a{font-size: 19px; line-height: 30px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.homepage .main-column .grosseactu-list ul li a:before{content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #000000; display: inline-block; margin: 0 15px 0 0}
.sidebar{width: calc(33.4% - 20px); margin: 0 10px; display: inline-block; vertical-align: top; position: relative}
.homepage .sidebar.mpu-2{margin: 118px 10px 0 10px}
.homepage .sidebar.mpu-3{margin: 118px 10px 0 10px}

/*.sidebar .advertisement.mpu.responsive > div{width: 300px; height: 250px; border: 1px solid #000000; margin: auto}*/
.sidebar .advertisement.mpu.responsive.fixed > div{position: fixed; top: 95px; margin: 0 17px}
.sidebar .advertisement.mpu.responsive.pinned > div{position: absolute; bottom: 0; margin: 0 17px}

.latest-news-component{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px; background-color: #FFFFFF}
.article-page .latest-news-component{margin: 12px 0 40px 0}
.latest-news-component h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; border-bottom: 1px solid #D8D8D8; padding: 20px; font-weight: normal}
.latest-news-component h2:before{content: ''; width: 20px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -28px -2px; background-size: 82px; display: inline-block; margin: 0 10px 0 0; position: relative; top: 4px}
.latest-news-component ul{border-bottom: 1px solid #D8D8D8}
.latest-news-component ul li{width: calc(100% - 40px); border-bottom: 1px solid #D8D8D8; margin: auto; padding: 20px 0; min-height: 105px}
.latest-news-component ul li:last-child{border-bottom: none}
.latest-news-component ul li a .details{width: calc(100% - 100px); display: inline-block}
.latest-news-component ul li.no-image a .details{width: 100%}
.latest-news-component ul li a .details .time{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 13px; display: block; font-weight: normal; margin: 0 0 5px 0}
.latest-news-component ul li.urgent a .details .time:after{content: ''; display: inline-block; width: 10px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -27px -26px; background-size: 80px; margin: 0 0 0 5px; position: relative; top: 2px}
.latest-news-component ul li a .details p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 15px; transition: .25s}
.latest-news-component ul li a:hover .details p{color: #817C7C}
.latest-news-component ul li a .details p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.latest-news-component ul li a figure{width: 65px; height: 65px; float: right}
.latest-news-component .more{width: calc(100% - 40px); display: block; height: 45px; color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; font-size: 14px; line-height: 42px; border-radius: 3px; margin: 20px auto}
.homepage .reading-selection{margin: 20px 0 0 0}

.subscribe-box{height: 380px; background-color: #FFDF8A; width: 100%; max-width: 1380px; margin: 0 auto 20px auto !important; font-size: 0}
.subscribe-box .background{width: 380px; height: 305px; display: inline-block; margin: 37px 0}
.subscribe-box .details{width: calc(100% - 380px); display: inline-block; vertical-align: top; margin: 58px 0; padding: 0 20px}
.subscribe-box .details .logo{width: 162px; height: 25px; background: url('../images/logo.png') no-repeat center; background-size: contain}
.subscribe-box .details h2{font-size: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; line-height: 45px; color: #1B1A1A; margin: 10px 0 0 0; font-weight: normal}
.subscribe-box .details p{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; color: #1B1A1A; margin: 20px 0; width: 90% !important}
.subscribe-box .details a{height: 50px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; border-radius: 3px; text-align: center; margin: 0 10px 0 0; line-height: 50px; vertical-align: top}
.subscribe-box .details .subscribe{width: 220px; background-color: #1B1A1A; color: #FFDF8A}
.subscribe-box .details .email-offer{border: 1px solid #1B1A1A; width: 264px}

.subscribe-box-1{min-height: 380px; background-color: #FFDF8A; width: 100%; max-width: 1380px; font-size: 0; margin: 20px auto}
.subscribe-box-1 .background{width: 380px; height: 305px; display: inline-block; margin: 37px 0}
.subscribe-box-1 .details{width: calc(100% - 380px); display: inline-block; vertical-align: top; margin: 46px 0; padding: 0 20px}
.subscribe-box-1 .details .logo{display: inline-block}
.subscribe-box-1 .details .logo.olj{background: url('../images/logo.png') no-repeat center; background-size: contain; width: 162px; height: 25px}
.subscribe-box-1 .details .logo.cdl{background: url('../images/cdl-logo.png') no-repeat center; background-size: contain; width: 120px; height: 30px; margin: 0 0 0 20px; position: relative; top: 5px}
.subscribe-box-1 .details h2{font-size: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; line-height: 45px; color: #1B1A1A; margin: 20px 0 0 0; font-weight: normal}
.subscribe-box-1 .details p{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; color: #1B1A1A; margin: 20px 0; width: 75%}
.subscribe-box-1.in-english .details p{width: 90%}
.subscribe-box-1 .details a{height: 50px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; border-radius: 3px; text-align: center; margin: 10px 10px 0 0; line-height: 48px; vertical-align: top; transition: .25s}
.subscribe-box-1 .details .subscribe{width: 220px; background-color: #1B1A1A; color: #FFDF8A; border: 1px solid #1B1A1A}
.subscribe-box-1 .details .subscribe:hover{background-color: #FFDF8A; color: #1B1A1A}
.subscribe-box-1 .details .email-offer{border: 1px solid #1B1A1A; width: 264px}
.subscribe-box-1 .details .email-offer:hover{background-color: #1B1A1A; color: #FFDF8A}
.subscribe-box-1 .details .send-offer-form{display: inline-block; position: relative; margin: 10px 0 0 0}
.subscribe-box-1 .details .send-offer-form input[type='email']{height: 50px; border: none; width: 300px; padding: 0 60px 0 20px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; outline: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px}
.subscribe-box-1 .details .send-offer-form input[type="email"]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.subscribe-box-1 .details .send-offer-form input[type="email"]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.subscribe-box-1 .details .send-offer-form input[type="email"]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.subscribe-box-1 .details .send-offer-form input[type="email"]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.subscribe-box-1 .details .send-offer-form .submit{background-color: #1B1A1A; width: 50px; height: 50px; position: absolute; border-top-right-radius: 6px; border-bottom-right-radius: 6px; right: 0; top: 0; text-align: center; line-height: 60px; margin: 0}
.subscribe-box-1 .details .send-offer-form .submit i{color: #FFFFFF; font-size: 34px}
.subscribe-box-1 .details .notice-message{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #C84C4C; margin: 20px 0 0 0}


.subscribe-box-1.in-english{margin: 20px auto 50px auto}

.subscribe-box-2{height: 380px; background-color: #FFDF8A; width: 100%; max-width: 1380px; margin: 40px auto; font-size: 0}
.subscribe-box-2 .background{width: 380px; height: 305px; background: url('../images/subscribe-box-2-bg.png') no-repeat center; background-size: contain; display: inline-block; margin: 37px 0}
.subscribe-box-2 .details{width: calc(100% - 380px); display: inline-block; vertical-align: top; margin: 58px 0; padding: 0 20px}
.subscribe-box-2 .details .logo{width: 162px; height: 25px; background: url('../images/logo.png') no-repeat center; background-size: contain}
.subscribe-box-2 .details h2{font-size: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; line-height: 45px; color: #1B1A1A; margin: 10px 0 0 0; font-weight: normal}
.subscribe-box-2 .details p{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; color: #1B1A1A; margin: 20px 0}
.subscribe-box-2 .details a{height: 50px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; border-radius: 3px; text-align: center; margin: 0 10px 0 0; line-height: 50px; vertical-align: top}
.subscribe-box-2 .details .subscribe{width: 220px; background-color: #1B1A1A; color: #FFDF8A}
.subscribe-box-2 .details .email-offer{border: 1px solid #1B1A1A; width: 264px}

.subscribe-box-3 .background{background: url('../images/subscribe-box-3-bg.png') no-repeat center; background-size: contain}

.homepage section{margin: 40px 0 0 0}
.section-title .sub-categories{float: right; margin: 15px 10px 0 10px}
.section-title .sub-categories li{display: inline-block}
.section-title .sub-categories li:after{content: ''; display: inline-block; font-size: 20px; background-color: #777272; margin: 0 10px; width: 5px; height: 5px; border-radius: 50%; top: 50%;position: relative; transform: translateY(-50%)}
.section-title .sub-categories li:last-child:after{display: none}
.section-title .sub-categories li.no-separator:after{display: none}
.section-title .sub-categories li a{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; transition: .25s}
.section-title .sub-categories li a:hover{color: #1B1A1A}
.homepage .file{min-height: 800px; width: 100%; max-width: 1380px; margin: 60px auto 0 auto; padding: 60px 60px 145px 60px; position: relative}
.homepage .file:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, transparent 0, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, right top, left bottom, from(transparent), to(rgba(0, 0, 0, .75))); width: 100%; height: 100%}
.homepage .file > div{border: 1px solid #FFFFFF; min-height: 595px; padding: 40px; position: relative; z-index: 1}
.homepage .file > div i{width: 80px; height: 80px; display: block; background: url('../images/dossier-icon.png?1') no-repeat center; background-size: contain}
.homepage .file > div h3{font-size: 13px; text-transform: uppercase; color: #FFFFFF; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 40px 0 0 0}
.homepage .file > div h2{font-size: 44px; color: #FFFFFF; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 54px; margin: 40px 0 0 0; width: 585px}
.homepage .file > div h2 a{transition: .25s}
.homepage .file > div h2 a:hover{opacity: .8}
.homepage .file > div ul{margin: 40px 0 0 0; width: 370px}
.homepage .file > div ul li{margin: 0 0 10px 0}
.homepage .file > div ul li:before{content: ''; width: 12px; height: 12px; background-color: #FFFFFF; border-radius: 50%; display: inline-block; margin: 0 5px 0 0; position: relative; top: -2px}
.homepage .file > div ul li a{color: #FFFFFF; font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 28px; transition: .25s}
.homepage .file > div ul li a:hover{opacity: .8}
.homepage .file .more-files{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 14px; width: 196px; height: 45px; line-height: 45px; text-align: center; border-radius: 3px; background-color: #FFFFFF; float: right; margin: 40px 0 0 0; position: relative; z-index: 1}
.most-lists{height: 670px; width: 100%; max-width: 1380px; margin: 60px auto 0 auto; background-color: #F8F6F6; font-size: 0}
.most-lists .list{width: 33.33%; display: inline-block; vertical-align: top}
.most-lists.sidebar-display .list{width: 100%}
.most-lists.sidebar-display .list.most-comments{display: none}
.most-lists.sidebar-display .list.most-shares{display: none}
.most-lists .list .content{border-top: 3px solid #1B1A1A; width: calc(100% - 20px)}
.most-lists.sidebar-display .main-container{padding: 0}
.most-lists.sidebar-display .list .content{width: 100%; padding: 0 20px}
.most-lists .list .content h3{font-size: 22px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 20px 0 40px 10px; color: #1B1A1A}
.most-lists .list .content ul li{height: 170px; border-top: 1px solid #D1CFCF; padding: 20px 10px; position: relative}
.most-lists .list .content ul li span{position: absolute; font-size: 60px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; top: 50%; transform: translateY(-50%)}
.most-lists .list .content ul li article{padding: 0 0 0 50px}
.most-lists .list .content ul li article h4{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal; text-transform: uppercase}
.most-lists .list .content ul li article h2{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px; font-weight: normal; margin: 10px 0 0 0; max-height: 105px; overflow: hidden; transition: .25s}
.most-lists .list .content ul li article a:hover h2{color: #817C7C}
.article-page .most-lists{margin: 100px auto 0 auto}
.article-page .most-lists .main-container{padding: 0}
.article-page .most-lists .most-read{width: 100%}
.article-page .most-lists .list .content{width: 100%; padding: 0 10px}
.article-page .most-lists .most-comments, .article-page .most-lists .most-shares{display: none}
.homepage .caricature .carousel{padding: 0 10px}
.homepage .caricature .carousel li{background-color: #F8F6F6; padding: 40px 0; width: calc(100% - 20px); margin: auto}
.homepage .caricature .carousel li a{outline: none}
.homepage .caricature .carousel li a figure{width: 605px; height: 605px; margin: auto}
.homepage .caricature .carousel li a h2{text-align: center; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; color: #777272; font-weight: normal; margin: 30px 0 0 0}
.homepage .caricature .carousel li a h4{text-align: center; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; font-weight: normal}
.homepage .caricature .carousel .slick-next, .homepage .caricature .carousel .slick-prev{top: initial; bottom: 5px; width: 50px; height: 50px; background-color: #FFFFFF; border-radius: 50%; transition: .25s}
.homepage .caricature .carousel .slick-next:hover, .homepage .caricature .carousel .slick-prev:hover{background-color: #777272}
.homepage .caricature .carousel .slick-next{right: 50px}
.homepage .caricature .carousel .slick-prev{left: 50px; z-index: 1}
.homepage .caricature .carousel .slick-next:before{content: '\f105'}
.homepage .caricature .carousel .slick-prev:before{content: '\f104'}
.homepage .caricature .carousel .slick-next:before, .homepage .caricature .carousel .slick-prev:before{font-family: 'FontAwesome'; font-size: 28px; color: #777272; font-weight: bold; transition: .25s}
.homepage .caricature .carousel .slick-next:hover:before, .homepage .caricature .carousel .slick-prev:hover:before{color: #FFFFFF}
.homepage .newsletter-box{min-height: 380px; width: 100%; max-width: 1380px; margin: 60px auto 0 auto; background-color: #DDDAD2}
.homepage .newsletter-box .background{width: 295px; height: 295px; display: inline-block; margin: 37px 0; border-radius: 50%}
.homepage .newsletter-box .details{display: inline-block; vertical-align: top; width: calc(100% - 295px); padding: 0 50px; margin: 40px 0}
.homepage .newsletter-box .details h2{font-size: 26px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A}
.homepage .newsletter-box .details p{font-size: 26px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 36px; margin: 5px 0 0 0}
.homepage .newsletter-box .details form{margin: 20px 0 0 0; width: 325px; position: relative}
.homepage .newsletter-box .details form input{height: 50px; border: none; width: 275px; padding: 0 20px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; outline: none; margin: 0 0 10px 0}
.homepage .newsletter-box .details form input[type=email]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.homepage .newsletter-box .details form input[type=email]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.homepage .newsletter-box .details form input[type=email]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.homepage .newsletter-box .details form input[type=email]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.homepage .newsletter-box .details form a{background-color: #1B1A1A; width: 50px; height: 50px; position: absolute; border-top-right-radius: 6px; border-bottom-right-radius: 6px; right: 0; top: 0; text-align: center; line-height: 72px; transition: .25s}
.homepage .newsletter-box .details form a:hover{background-color: #817C7C}
.homepage .newsletter-box .details form a i{color: #FFFFFF; font-size: 34px}
.newsletter-box form .notice-message{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #C84C4C}
.sidebar .newsletter-box form .notice-message{margin: 10px 0 0 0}
.homepage .newsletter-box .details .more{font-size: 13px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; border-bottom: 1px solid #1B1A1A; margin: 30px 0 0 0; display: inline-block}
.homepage .newsletter-box.in-english{margin: 20px auto 50px auto}
.homepage .newsletter-box.in-english .details p{width: 80%}
/*End homepage*/


/*Article Page*/
.article-page .main-container{font-size: 0}
.article-page .main-column article.main{padding: 0 10px}
.article-page .main-column article.main .triple-border{width: 100%}
.article-page article.main .category{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 16px; color: #777272; font-weight: normal; text-transform: uppercase; margin: 0 0 30px 0; border-bottom: 1px solid #D8D8D8; padding: 0 0 20px 0}
.article-page .main-column article.main h1{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 52px}
.article-page .main-column article.main.arabic-article h1{direction: rtl}
.article-page .main-column article.main.premium h1:after{content: 'Abonnés'; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #8F7F54; width: 92px; height: 26px; background-color: #FFDF8A; display: inline-block; text-align: center; vertical-align: middle; margin: 0 0 0 10px; line-height: 26px}
.article-page .main-column article.main .summary{font-size: 22px; line-height: 34px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 30px 0 0 0}
.article-page .main-column article.main.arabic-article .summary{direction: rtl}
.article-page .main-column article.main .article-info p{color: #777272; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 25px 0 0 0; line-height: 30px}
.article-page .main-column article.main.arabic-article .article-info p{text-align: right}
.article-page .main-column article.main .article-info p a{color: #1B1A1A; border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0; transition: .25s}
.article-page .main-column article.main .article-info p a:hover{color: #817C7C; border-bottom: 1px solid #817C7C}
.article-page article.main .social-share, .article-diapo article.main .article-info > div .social-share{margin: 40px 0 0 0}
.article-page article.main.arabic-article .social-share{direction: rtl}
.article-page article.main .social-share li, .article-diapo article.main .article-info > div .social-share li, .annonces-page .ad-details .social-share li{width: 35px; height: 35px; border-radius: 50%; background-color: #1B1A1A; display: inline-block; text-align: center; line-height: 35px; margin: 0 5px 0 0}
.article-page article.main.arabic-article .social-share li{margin: 0 0 0 5px}
.article-page article.main .social-share li.switch-lang{width: auto; float: right; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; border-radius: 20px; background-color: #FFFFFF; border: 1px solid #707070; margin: 0 0 0 5px}
.article-page article.main.arabic-article .social-share li.switch-lang{float: left}
.article-page article.main .social-share li.switch-lang a{color: #777272; font-size: 14px; line-height: 32px; display: block; padding: 0 5px 0 20px}
.article-page article.main.arabic-article .social-share li.switch-lang a{padding: 0 20px 0 5px}
.article-page article.main .social-share li.switch-lang:hover a{color: #FFFFFF !important}
.article-page article.main .social-share li.switch-lang a i{width: 24px; height: 24px; display: inline-block; margin: 0 0 0 15px; vertical-align: middle}
.article-page article.main.arabic-article .social-share li.switch-lang a i{margin: 0 15px 0 0}
.article-page article.main .social-share li.switch-lang.fr a i{background: url('../images/goto_fr_article.png') no-repeat center; background-size: cover}
.article-page article.main .social-share li.switch-lang.en a i{background: url('../images/goto_en_article.png?1') no-repeat center; background-size: cover}
.article-page article.main .social-share li.switch-lang.ar a i{background: url('../images/goto_ar_article.png') no-repeat center; background-size: cover}
.article-page article.main .social-share li a, .article-diapo article.main .article-info > div .social-share li a, .annonces-page .ad-details .social-share li a{color: #FFFFFF; font-size: 16px; display: block}

.social-share li, .social-share li a{transition: .25s}
.social-share li:hover{background-color: #817C7C !important}
.article-page .main-column article.main .article-content{margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #D8D8D8}
.article-page .main-column article.main .article-content .article-image{height: 445px}
.article-page .main-column article.main .article-content .caption{margin: 12px 0 0 0; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif !important; color: #1B1A1A !important; font-size: 14px !important; line-height: 20px}
.article-page .main-column article.main .article-content .caption span{color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-page .main-column article.main .article-content .text{margin: 40px 0 0 0; font-size: 21px; font-family: Georgia, Helvetica, Arial, sans-serif; line-height: 33px}
.article-page .main-column article.main.arabic-article .article-content .text{direction: rtl}
.article-page .main-column article.main .article-content .text a{color: #085294; transition: .2s}
.article-page .main-column article.main .article-content .text a:hover{color: #0A6EC0}
.article-page .main-column article.main .article-content .text p{color: #1B1A1A; font-size: 21px; line-height: 33px; margin: 0 0 30px 0; font-family: Georgia, Helvetica, Arial, sans-serif}
.article-page .main-column article.main .article-content .text span{font-size: 21px !important; line-height: 33px !important}
.article-page .main-column article.main .article-content span.caption{font-size: 14px !important; line-height: 20px !important}
.article-page .main-column article.main .article-content .text .caption{margin: 0; display: block}
.article-page .main-column article.main .article-content p.error.message{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;color: #1B1A1A;display: block;margin: 20px auto}
.article-page .main-column article.main .article-content p.error.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.article-page .main-column article.main .article-content .text blockquote{font-size: 32px; line-height: 44px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-top: 1px solid #D1CFCF; border-bottom: 1px solid #D1CFCF; padding: 30px 0; margin: 30px 0}
.article-page .main-column article.main .article-content .text blockquote p{font-size: 32px; line-height: 44px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0}
.article-page .main-column article.main .article-content .text blockquote h3{margin: 20px 0 0 0; font-size: 19px; line-height: 26px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .main-column article.main .article-content .text blockquote h4{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; font-weight: normal; font-size: 19px; line-height: 26px}
.article-page .main-column article.main .article-content .text *{max-width: 100% !important}
.article-page .main-column article.main .article-content .text img.inlineImage {height: auto !important}
.article-page .main-column article.main .article-content .text .inline-related-article{border: 1px solid #D1CFCF; border-radius: 6px; margin: 0 0 20px 0; min-height: 140px}
.article-page .main-column article.main .article-content .text .inline-related-article p{margin: 0}
.article-page .main-column article.main .article-content .text .postquote{border-top: 1px solid #D1CFCF; border-bottom: 1px solid #D1CFCF; padding: 30px 0; width: calc(100% - 20px); position: relative; font-size: 15px; line-height: 25px}
.article-page .main-column article.main .article-content .text .postquote p{font-size: 15px; line-height: 25px}
.article-page .main-column article.main .article-content .text .postquote h3{font-size: 15px; line-height: 25px; margin: 0}
.article-page .main-column article.main .article-content .text .postquote:before{content: ''; height: calc(100% + 4px); border-left: 1px solid #D1CFCF; border-right: 1px solid #D1CFCF; position: absolute; right: -16px; top: -2px; width: 3px}
.article-page .main-column article.main .article-content .text .postquote:after{content: ''; height: calc(100% + 4px); border-left: 1px solid #D1CFCF; position: absolute; right: -20px; top: -2px}
.article-page .main-column article.main .article-content .text .inline-related-article.no-image{min-height: initial}
.article-page .main-column article.main .article-content .text .inline-related-article a{padding: 20px; display: block; direction: ltr}
.article-page .main-column article.main .article-content .text .inline-related-article a > div{display: inline-block; width: calc(100% - 148px); padding: 0 20px 0 0; vertical-align: top}
.article-page .main-column article.main .article-content .text .inline-related-article a h3{font-size: 15px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal; color: #1B1A1A; display: inline-block}
.article-page .main-column article.main .article-content .text .inline-related-article a > div h4{font-size: 18px; line-height: 25px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 5px 0 0 0; color: #1B1A1A}
.article-page .main-column article.main .article-content .text .inline-related-article a figure{display: inline-block; width: 148px; height: 100px; float: right; background-size: cover; background-position: center}
.article-page .main-column article.main .article-content .text .inline-related-article.no-image a figure{display: none}
.article-page .main-column article.main .article-content .text .article_truncated_text{display: none}
.article-page .main-column article.main .article-content .text ul{margin: 0 0 40px 0; list-style: disc; list-style-position: inside}
.article-page .main-column article.main .article-content .text ul li{font-size: 19px; line-height: 31px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 20px 0; padding: 0 0 0 100px}
.article-page .main-column .comments{background-color: #F8F6F6; padding: 30px 30px 60px 30px; border-top: 1px solid #1B1A1A; width: calc(100% - 20px); margin: 30px auto}
.article-page .main-column .comments h3{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-transform: uppercase}
.article-page .main-column .comments h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .main-column .comments .comment{margin: 10px 0 0 0}
.article-page .main-column .comments .comment p{font-size: 18px; color: #1B1A1A; line-height: 28px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-page .main-column .comments .comment .commenter{margin: 30px 0 0 0}
.article-page .main-column .comments .comment .commenter h4{color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px}
.article-page .main-column .comments .comment .commenter h4:before{content: ''; width: 20px; height: 20px; display: inline-block; margin: 0 10px 0 0; background: url('../images/icons-sprite.png?1') no-repeat -55px -48px; background-size: 85px; position: relative; top: 7px}
.article-page .main-column .comments .comment .commenter p{color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; margin: 5px 0 0 0}
.article-page .main-column .comments .add-comment{width: 240px; height: 50px; background-color: #1B1A1A; color: #FFFFFF; font-size: 16px; text-align: center; line-height: 46px; display: inline-block; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 40px 30px 0 0; vertical-align: middle; border-radius: 3px}
.article-page .main-column .comments .more{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; border-bottom: 1px solid #1B1A1A; padding: 0 5px 5px 5px; display: inline-block; vertical-align: middle; margin: 40px 0 0 0}
.article-page .promo-editorial{background-color: #F8F6F6; margin: 30px 0 0 0}
.article-page .promo-editorial figure{height: 190px; background: url('../images/static/promo-editorial-bg.png') no-repeat center; background-size: cover}
.article-page .promo-editorial .content{padding: 30px 40px 30px 25px}
.article-page .promo-editorial .content h3{font-size: 22px; line-height: 31px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A}
.article-page .promo-editorial .content p{font-size: 22px; line-height: 31px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.article-page .promo-editorial .content a{margin: 50px 0 0 0; display: block; color: #FFFFFF; background-color: #1B1A1A; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; height: 50px; line-height: 50px; width: 158px; border-radius: 3px}

.article-page .main-column .article-keywords{background-color: #F8F6F6; padding: 30px; margin: 30px auto 0 auto; width: calc(100% - 20px); border-top: 1px solid #1B1A1A}
.article-page .main-column .article-keywords h3{color: #1B1A1A; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 20px 0}
.article-page .main-column .article-keywords ul li{display: inline-block; margin: 0 10px 10px 0}
.article-page .main-column .article-keywords a{color: #777272; font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; display: block; padding: 10px 20px; border: 1px solid #979797; border-radius: 35px; outline: none; text-transform: uppercase; transition: .25s}
.article-page .main-column .article-keywords a:hover{background-color: #8C8888; color: #FFFFFF}
.article-page .main-column .video-ad{width: calc(100% - 20px); margin: 30px auto 0 auto}
.article-page .main-column .video-ad figure{background: url('../images/static/video-ad.png') no-repeat center; background-size: cover; height: 420px; position: relative}
.article-page .main-column .video-ad figure p{position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 14px; color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: auto; width: 250px; height: 20px; text-align: center; text-transform: uppercase; letter-spacing: 10px}
.sidebar .newsletter-box{background-color: #DDDAD2; padding: 20px; min-height: 420px; margin: 0 0 40px 0}
.sidebar .newsletter-box .main-container{padding: 0}
.sidebar .newsletter-box figure{width: 110px; height: 110px; background: url('../images/newsletter-box-bg.png') no-repeat center; background-size: contain; display: block; margin: 0 0 10px 0; border-radius: 50%}
.sidebar .newsletter-box.in-english figure{background: url('../images/newsletter-inenglish-bg.png') no-repeat center; background-size: contain}
.sidebar .newsletter-box h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px}
.sidebar .newsletter-box p{color: #1B1A1A; font-size: 22px; line-height: 31px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.sidebar .newsletter-box form{margin: 30px 0 0 0; width: 100%; position: relative}
.sidebar .newsletter-box form input{height: 50px; border: none; width: 100%; padding: 0 20px; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; outline: none}
.sidebar .newsletter-box form input[type=email]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.sidebar .newsletter-box form input[type=email]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.sidebar .newsletter-box form input[type=email]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.sidebar .newsletter-box form input[type=email]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272}
.sidebar .newsletter-box form a{background-color: #1B1A1A; width: 50px; height: 50px; position: absolute; border-top-right-radius: 6px; border-bottom-right-radius: 6px; right: 0; top: 0; text-align: center; line-height: 72px; transition: .25s}
.sidebar .newsletter-box form a:hover{background-color: #817C7C}
.sidebar .newsletter-box form a i{color: #FFFFFF; font-size: 34px}
.sidebar .newsletter-box .more{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; border-bottom: 1px solid #1B1A1A; margin: 30px 0 0 0; display: inline-block}
.article-page .main-column section{margin: 40px 0 0 0}
.article-page .sidebar .mostread{background-color: #F8F6F6; padding: 20px 10px; border-top: 2px solid #1B1A1A; margin: 100px 0 0 0}
.article-page .sidebar .mostread h3{font-size: 22px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 5px 0 40px 0}
.article-page .sidebar .mostread ul li{height: 185px; border-top: 1px solid #D1CFCF; padding: 20px 10px; position: relative}
.article-page .sidebar .mostread ul li span{position: absolute; font-size: 60px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; top: 50%; transform: translateY(-50%)}
.article-page .sidebar .mostread ul li article{padding: 0 0 0 50px}
.article-page .sidebar .mostread ul li h4{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal}
.article-page .sidebar .mostread ul li h2{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px; font-weight: normal; margin: 20px 0 0 0; max-height: 105px; overflow: hidden}
.breadcrumbs{margin: 40px 0 0 0}
.breadcrumbs li{display: inline-block; margin: 0 20px 0 0}
.breadcrumbs li a{color: #777272; font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.breadcrumbs li a:before{content: '\f105'; display: inline-block; font-family: 'FontAwesome'; margin: 0 20px 0 0; font-size: 18px}
.breadcrumbs li.home a i{width: 12px; height: 12px; background: url('../images/icons-sprite.png?1') no-repeat -19px -48px; background-size: 75px; display: inline-block}
.breadcrumbs li.home a:before{display: none}
.article-page .comments-panel{position: fixed; top: 0; bottom: 0; width: 435px; background-color: #FFFFFF; padding: 50px; overflow-y: auto; right: -435px; transition: .25s; z-index: 9999; border-left: 1px solid #D1CFCF}
.article-page .comments-panel.active{right: 0}
.article-page .comments-panel .title{border-bottom: 1px solid #D8D8D8; padding: 0 0 40px 0}
.article-page .comments-panel .title h2{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-transform: uppercase; font-weight: normal; display: inline-block}
.article-page .comments-panel .title h2 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .comments-panel .title .close{width: 36px; height: 36px; border: 2px solid #777272; border-radius: 50%; background: url('../images/icons-sprite.png?1') no-repeat -55px -18px; background-size: 98px; float: right; position: relative; top: -10px}
.article-page .comments-panel .login-container{border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 30px 0}
.article-page .comments-panel .login-container p{font-size: 16px; line-height: 24px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-page .comments-panel .login-container a{display: block; width: 100%; height: 50px; border-radius: 3px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center; line-height: 48px; font-size: 14px}
.article-page .comments-panel .login-container a.login{margin: 10px 0 20px 0; background-color: #1B1A1A; color: #FFFFFF}
.article-page .comments-panel .login-container a.subscribe{background-color: #FFDF8A; color: #161616; transition: .25s; line-height: 50px; margin: 10px 0 0 0}
.article-page .comments-panel .login-container a.subscribe:hover{background-color: #FBD571}
.article-page .comments-panel .notice{margin: 30px 0; border-bottom: 1px solid #D8D8D8; padding: 0 0 30px 0}
.article-page .comments-panel .notice h3{font-size: 16px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .comments-panel .notice p{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 22px; margin: 5px 0 0 0}
.article-page .comments-panel .notice a{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; border: 1px solid #D8D8D8; border-radius: 20px; display: block; margin: 10px 0 0 0; width: 154px; height: 40px; text-align: center; line-height: 32px}
.article-page .comments-panel .notice a:after{content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #1B1A1A; font-size: 24px; margin: 0 0 0 15px; position: relative; top: 2px}
.article-page .comments-panel .new-comment{padding: 0 0 30px 0; border-bottom: 1px solid #D8D8D8}
.article-page .comments-panel .new-comment h3{font-size: 16px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal}
.article-page .comments-panel .new-comment h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .comments-panel .new-comment form{margin: 30px 0 0 0; font-size: 0}
.article-page .comments-panel .new-comment form textarea{border: 1px solid #D1CFCF; height: 180px; width: 100%; outline: none; padding: 10px; max-width: 100%; min-width: 100%; max-height: 180px; min-height: 180px; border-top-left-radius: 6px; border-top-right-radius: 6px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; resize: none; border-bottom: none}
.article-page .comments-panel .new-comment form textarea::-webkit-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272}
.article-page .comments-panel .new-comment form textarea:-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272}
.article-page .comments-panel .new-comment form textarea::-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272}
.article-page .comments-panel .new-comment form textarea:-ms-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272}
.article-page .comments-panel .new-comment form textarea.rtl-content{direction: rtl; text-align: right}
.article-page .comments-panel .new-comment form .submit{display: block; background-color: #1B1A1A; color: #FFFFFF; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; width: 100%; height: 50px; line-height: 46px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px}
.article-page .comments-panel .new-comment form .remaining{text-align: center; margin: 15px 0}
.article-page .comments-panel .new-comment form .remaining p{font-size: 13px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; display: inline-block}
.article-page .comments-panel .new-comment form .remaining .progress-bar{width: 60px; height: 8px; border-radius: 20px; background-color: #F8F6F6; display: inline-block; margin: 0 0 0 10px}
.article-page .comments-panel .new-comment form .remaining .progress-bar .filled{width: 0; height: 100%; border-radius: 20px; background-color: #D1CFCF}
.article-page .comments-panel .new-comment .message{color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 10px 0 0 0; text-align: center}
.article-page .comments-panel .all-comments{margin: 30px 0 0 0}
.article-page .comments-panel .all-comments li{background-color: #F8F6F6; padding: 30px; margin: 0 0 20px 0; border-radius: 10px}
.article-page .comments-panel .all-comments li p{font-size: 16px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px}
.article-page .comments-panel .all-comments li h3{font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; font-weight: normal; margin: 10px 0 0 0}
.article-page .comments-panel .all-comments li h4{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal; margin: 5px 0 0 0}
.article-page .sidebar .newsletter-box{margin: 30px 0 40px 0}
.article-page .main-column article.main .article-content .text img.inlineImage{cursor: zoom-in}
.article-page .image-overlay{position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; display: none}
.article-page .image-overlay img{max-width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.article-page .image-overlay .close{position: absolute; top: 20px; right: 25px; width: 20px; height: 20px; background: url('/assets/images/close-icon-white.png') no-repeat center; background-size: contain}

.paywall{width: 100%; max-width: 1180px; margin: auto; position: fixed; background-color: #FFDF8A; bottom: 40px; left: 0; right: 0; height: 150px; padding: 28px 110px; transition: .25s; z-index: 9}
.paywall.hide{bottom: -150px}
.paywall.hide-on-load{bottom: -150px}
.paywall .message{display: inline-block; width: calc(100% - 290px)}
.paywall .message figure{width: 158px; height: 24px; background: url('../images/logo.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle; margin: 0 5px 0 0}
.paywall .message > div{display: inline-block; vertical-align: middle}
.paywall .message p{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 25px 0; line-height: 24px;font-weight: normal}
.paywall .message p img{margin: 0 0 0 2px; position: relative; top: 3px}
.paywall .actions{float: right; width: 250px; text-align: center}
.paywall .actions .subscribe{width: 250px; height: 60px; line-height: 58px; text-align: center; background-color: #1B1A1A; color: #FFDF8A !important; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px; display: inline-block; border-radius: 3px; margin: 0 0 15px 0; border: 1px solid #1B1A1A; transition: .25s}
.paywall .actions .subscribe:hover{background-color: #FFDF8A; color: #1B1A1A !important}
.paywall .actions .login{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A !important; border-bottom: 1px solid #1B1A1A; padding: 0 0 2px 0; margin: 20px 0 0 0}
.paywall .close{width: 32px; height: 32px; border: 1px solid #1B1A1A; border-radius: 50%; position: absolute; right: 20px; top: 50%; background: url('../images/icons-sprite.png?1') no-repeat 3px -22px; background-size: 80px; transform: translateY(-50%)}

.paywall.paywall-4{height: auto; background-color: #F6F4F4; border-radius: 6px; padding: 0 !important}
.paywall.paywall-4 form{padding: 45px 75px 0 75px}
.paywall.paywall-4 form .form-header{text-align: center}
.paywall.paywall-4 form .form-header h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px}
.paywall.paywall-4 form .form-header h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px; margin: 10px 0}
.paywall.paywall-4 form .form-header p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; font-size: 20px !important; color: #1B1A1A !important; line-height: 36px !important}
.paywall.paywall-4 form .form-header p span{width: 38px; height: 38px; border: 1px solid #1B1A1A; border-radius: 50%; display: inline-block; margin: 0 10px 0 0}
.paywall.paywall-4 form .social-login{border-top: none; padding: 0; margin: 0}
.paywall.paywall-4 form .social-login a{color: #FFFFFF !important}
.paywall.paywall-4 form .social-login a:hover{color: #FFFFFF !important}
.paywall.paywall-4 form .social-login > div{margin: 25px 0 40px 0; position: relative; z-index: 1}
.paywall.paywall-4 form .social-login > div span{font-size: 16px; color: #3B3B3B; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #F6F4F4; padding: 5px 30px}
.paywall.paywall-4 form .social-login > div:before{content: ''; position: absolute; width: 100%; border-top: 1px solid #979797; left: 0; top: 10px; z-index: -1}
.paywall.paywall-4 form .container{padding: 0 30px}
.paywall.paywall-4 form .container .row{margin: 0 0 30px 0}
.paywall.paywall-4 form .container .row label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.paywall.paywall-4 form .container .row input[type="text"], .paywall.paywall-4 form .container .row input[type="email"], .paywall.paywall-4 form .container .row input[type="password"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; padding: 0 10px}
.paywall.paywall-4 form .container .row input.required{border:solid 1px red}
.paywall.paywall-4 form .container .subscription-notice{max-width: 475px}
.paywall.paywall-4 form .container .subscription-notice .newsletter input[type="checkbox"]{display: none}
.paywall.paywall-4 form .container .subscription-notice .newsletter span{width: 22px; height: 22px; border: 1px solid #979797; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; position: relative; cursor: pointer; background-color: #FFFFFF}
.paywall.paywall-4 form .container .subscription-notice .newsletter span:before{content: '\f00c'; font-family: 'fontawesome'; font-size: 18px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; text-align: center; line-height: 20px; opacity: 0; visibility: hidden; transition: .3s}
.paywall.paywall-4 form .container .subscription-notice .newsletter span.active:before{opacity: 1; visibility: visible}
.paywall.paywall-4 form .container .subscription-notice .newsletter p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px !important; color: #000000; line-height: 19px !important; display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; width: calc(100% - 48px)}
.paywall.paywall-4 form .container .subscription-notice .terms{margin: 20px 0 0 0}
.paywall.paywall-4 form .container .subscription-notice .terms p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #565656; line-height: 19px}
.paywall.paywall-4 form .container .subscription-notice .terms p a{text-decoration: underline; color: #565656 !important}
.paywall.paywall-4 form .container .subscription-notice .terms p a:hover{color: #565656 !important}
.paywall.paywall-4 form .black-button{color: #FFFFFF !important}
.paywall.paywall-4 form .black-button:hover{color: #1B1A1A !important}
.paywall.paywall-4 .subscribed {border-top: 1px solid #D8D8D8; margin: 30px 0 0 0; padding: 10px 0 30px 0; text-align: center}
.paywall.paywall-4 .subscribed p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; color: #000000 !important; font-size: 16px !important; margin: 0 !important}
.paywall.paywall-4 .subscribed p a{text-decoration: underline; color: #000000 !important}
.paywall.paywall-4 .subscribed p a:hover{color: #000000 !important}

.paywall.after-paywall-4{min-height: 90px; padding: 18px 20px 25px 40px; height: auto; border-radius: 6px}
.paywall.after-paywall-4 .message h3{font-size: 22px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.paywall.after-paywall-4 .message h3 span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #B18204}
.paywall.after-paywall-4 .message p{text-align: left; margin: 5px 0 0 0}
.paywall.after-paywall-4 .message p a{text-decoration: underline}


/*.paywall.paywall-4{padding: 0 110px 0 20px}*/
/*.paywall.paywall-4 .message{width: 640px; height: 100%}*/
/*.paywall.paywall-4 .message > div{border-right: 2px solid #e9cc80; height: 100%; padding: 42px 20px 42px 0}*/
/*.paywall.paywall-4 .message p{text-align: left; display: inline-block; width: 385px; vertical-align: middle; padding: 0 0 0 20px}*/
/*.paywall.paywall-4 .message .articles-counter{width: 66px; height: 66px; line-height: 66px; margin: 0 20px 0 0}*/
/*.paywall.paywall-4 .actions{padding: 28px 0}*/

.paywall.inline{position: relative; bottom: initial; padding: 50px 30px; min-height: 375px}
.annonces-page .paywall.inline{width: calc(100% - 20px); height: auto}
.paywall.inline.premium{padding: 50px 75px}
.paywall.inline .message{width: 100%}
.paywall.inline .message figure{margin: auto; display: block}
.paywall.inline .message h3{font-size: 28px; line-height: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 25px 0 0 0; font-weight: normal; text-align: center}
.paywall.inline.premium .message h3{font-size: 32px; margin: 10px 0 0 0}
.paywall.inline .message p{margin: 15px 0 25px 0 !important; font-size: 20px !important; line-height: 24px !important; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; display: block}
.paywall.inline.premium .message p{margin: 10px 0 !important}
.paywall.inline .actions{width: 100%; float: none}
.paywall.inline .actions .subscribe{margin: 0 auto 15px auto; display: block}
.paywall.inline.subscribe .actions form{margin: 0 0 25px 0}
.paywall.inline.subscribe .actions form input{height: 50px; width: 262px; border: 1px solid #1B1A1A; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-radius: 3px; padding: 0 0 0 10px; outline: none}
.paywall.inline.subscribe .actions form input::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.paywall.inline.subscribe .actions form input:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.paywall.inline.subscribe .actions form input::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.paywall.inline.subscribe .actions form input:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.paywall.inline.subscribe .actions form .submit{height: 50px; width: 130px; background-color: #1B1A1A; color: #FFDF8A; font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; display: inline-block; border-radius: 3px; line-height: 50px; margin: 0 0 0 10px}



.paywall.paywall6{padding: 50px 30px}
.paywall.paywall6 .message h3{font-size: 28px; line-height: 38px; margin: 25px 0 0 0}
.paywall.paywall6 .message p{margin: 0 0 25px 0 !important}

/*.paywall.large{height: 300px; max-width: 1380px; padding: 50px 0; text-align: center}*/
/*.paywall.large h3{font-size: 32px; line-height: 38px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 10px 0 0 0; font-weight: normal}*/
/*.paywall.large p{font-size: 20px; line-height: 38px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; margin: 5px 0 25px 0}*/
/*.paywall.large p a{border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0}*/

.annonces-page .paywall.premium{height: auto; margin: -150px auto 80px auto; width: calc(100% - 20px)}
.annonces-page .paywall.premium .login{margin: auto}
.paywall.inline:before{content: ''; width: 100%; height: 85px; position: absolute; background: -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 23%); top: -85px; left: 0}
.opinion-page .article-page.opinions .paywall.inline:before{background: -webkit-linear-gradient(top, rgba(249, 247, 237, .4) 0, rgba(249, 247, 237, 1) 77%, rgba(249, 247, 237, 1) 23%)}
.carnet-annonce-view .paywall.inline{margin: 0 auto; height: 788px}
.carnet-annonce-view .paywall.inline:before{display: none}
.carnet-annonce-view .paywall.inline > div{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 75px}
.carnet-annonce-view .paywall.inline > div{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 75px}
.carnet-annonce-view .paywall.inline .message p{margin: 10px 0 15px 0 !important}

.header-strip{min-height: 70px; font-size: 0; position: relative}
.header-strip .close{width: 36px; height: 36px; border: 2px solid #FFFFFF; border-radius: 50%; background: url('../images/close-icon-white.png') no-repeat center; background-size: 15px; position: absolute; right: 20px; top: 18px}
.header-strip .main-container{padding: 0 50px}

.breaking-news-strip{background-color: #777272}
.breaking-news-strip .title{height: 35px; background-color: #FFFFFF; line-height: 35px; vertical-align: middle; margin: 18px 0 0 0; float: left}
.breaking-news-strip .title i{width: 35px; height: 35px; background-color: #DD3B31; display: inline-block; vertical-align: middle; background-image: url('../images/breaking-news-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 12px}
.breaking-news-strip .title span{display: inline-block; vertical-align: middle; padding: 0 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #DD3B31; text-transform: uppercase}
.breaking-news-strip h4{font-size: 18px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; padding: 22px 0 22px 200px}

.liveblog-strip{background-color: #DD3B31}
.liveblog-strip .title{width: 350px; min-height: 70px; float: left}
.liveblog-strip .title .live{background-color: #DD3B31; display: inline-block; color: #FFFFFF; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: 140px; height: 40px; text-align: center; line-height: 40px; font-style: normal; border-radius: 22px; font-weight: normal; text-transform: uppercase; position: relative; padding: 0 0 0 20px; margin: 15px 0 0 20px}
.liveblog-strip .title .live:before{content: ''; width: 15px; height: 15px; position: absolute; border-radius: 50%; background-color: #FFFFFF; margin: 0 20px 0 0; left: 12px; top: 12px}
.liveblog-strip h4{font-size: 18px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; vertical-align: middle; display: inline-block; width: calc(100% - 540px); margin: 0 15px; padding: 22px 0}
.liveblog-strip .more{font-size: 14px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: 160px; height: 45px; background-color: #1B1A1A; text-align: center; line-height: 42px; border-radius: 3px; float: right; margin: 12px 0 0 0}

.event-strip{background-color: #777272}
.event-strip .title{height: 35px; background-color: #FFFFFF; line-height: 35px; vertical-align: middle; margin: 18px 0 0 0; float: left}
.event-strip .title span{display: inline-block; vertical-align: middle; padding: 0 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; text-transform: uppercase}
.event-strip h4{font-size: 18px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; padding: 22px 0 22px 125px}

.header-strip.card-notice{background-color: #F6DFDF; padding: 15px 0}
.header-strip.card-notice .main-container{position: relative}
.header-strip.card-notice p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 19px; width: calc(100% - 300px)}
.header-strip.card-notice p a{min-width: 215px; height: 40px; line-height: 36px; color: #FFFFFF; background-color: #1B1A1A; border-radius: 3px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; position: absolute; right: 0; text-align: center; top: 0; padding: 0 10px}
.header-strip.card-notice .close{background: url('../images/icons-sprite.png?1') no-repeat 4px -22px; background-size: 83px; border: 2px solid #000000}
/*End Article Page*/


/*Opinions Article Page*/
.article-page.opinions .triple-border{border-top: 1px solid #D2B37A}
.article-page.opinions .triple-border:before{border-top: 1px solid #D2B37A}
.article-page.opinions .triple-border:after{border-top: 1px solid #D2B37A}
.article-page.opinions .main-column article.main .editorial-info{padding: 0 0 40px 0; border-bottom: 1px solid #D2B37A; margin: 0 0 20px 0; position: relative}
.article-page.opinions .main-column article.main .editorial-info .category{border-bottom: none; margin: 0 0 10px 0; padding: 0}
.article-page.opinions .main-column article.main .editorial-info .editorial-name{font-size: 26px; color: #1B1A1A; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; padding: 0 155px 0 0}
.article-page.opinions .main-column article.main .editorial-info .editorial-name i{font-size: 30px; margin: 0 0 0 10px}
.article-page.opinions .main-column article.main .editorial-info figure{width: 130px; height: 130px; position: absolute; top: -45px; right: 25px; z-index: 2; border-radius: 50%; box-shadow: 0 -10px 20px 6px #FFFFFF}
.article-page.opinions .main-column article.main .article-content{border-top: 1px solid #D2B37A}
/*End Opinions Article Page*/


/*Diapo Article Page*/
.article-diapo article.main{background-color: #323030; padding: 0 0 30px 0}
.article-diapo article.main .article-image{height: 900px; margin: -20px 0 0 0; padding: 35px 0 0 0; position: relative}
.article-diapo article.main .article-image:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%); background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))); width: 100%; height: 100%}
.article-diapo article.main .article-image .main-container{z-index: 1; position: relative}
.article-diapo article.main .article-image .triple-border{margin: 0 auto 10px auto}
.article-diapo article.main .article-image .category{color: #FFFFFF; font-size: 16px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #D8D8D8; width: calc(100% - 20px); margin: auto; padding: 0 0 10px 0}
.article-diapo article.main .article-wrapper{width: 100%; max-width: 1220px; padding: 0 60px; margin: auto}
.article-diapo article.main .article-info{width: 850px; background-color: #323030; padding: 30px 30px 0 30px ; position: relative; margin: -200px 0 0 0}
.article-diapo article.main .article-info:before{content: ''; width: 70px; height: 70px; background: url('../images/camera-icon.png') no-repeat center; background-size: contain; position: absolute; top: -95px; left: 25px}
.article-diapo article.main .article-info > div{width: 80%; padding: 0 0 30px 0}
.article-diapo article.main .article-info > div h1{font-size: 48px; line-height: 52px; color: #FFFFFF; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif}
.article-diapo article.main .article-info > div .summary{font-size: 22px; line-height: 34px; color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.article-diapo article.main .article-info > div .author{color: #777272; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 25px 0 0 0}
.article-diapo article.main .article-info > div .author a{color: #FFFFFF; border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0}
.article-diapo article.main .article-content{padding: 0 30px}
.article-diapo article.main .article-content .text{padding: 30px 0 0 0; border-top: 1px solid #D8D8D8}
.article-diapo article.main .article-content .text p{font-size: 21px; color: #FFFFFF; line-height: 33px; font-family: Georgia, Helvetica, Arial, sans-serif; margin: 0 0 20px 0}
.article-diapo article.main .article-content .inlineImage{max-width: 100%; cursor: pointer; margin: 0 0 20px 0}
.article-diapo article.main .article-content .caption{width: 100%; max-width: 335px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; font-size: 18px !important; line-height: 28px !important; color: #FFFFFF}
.article-diapo article.main .article-content .caption .description{border-top: 1px solid #D8D8D8; padding: 10px 0 0 0; display: block; margin: 15px 0 0 0}
.article-diapo article.main .article-content .caption .description:before{content: '\f0d8'; font-family: 'FontAwesome'; font-size: 24px; color: #FFFFFF; display: inline-block; margin: 0 10px 0 0}
.article-diapo article.main .article-content .caption .name{color: #777272}
.article-diapo .gallery{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #323030; z-index: 1; padding: 30px 120px; font-size: 0; overflow-y: scroll; display: none; z-index: 9999}
.article-diapo .gallery .navigate-container{width: 100%; text-align: right; margin: 0 0 40px 0}
.article-diapo .gallery .navigate-container .navigate{font-size: 34px; color: #FFFFFF; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #FFFFFF; display: inline-block; text-align: center; line-height: 44px; vertical-align: top; margin: 0 0 0 10px}
.article-diapo .gallery .navigate-container .close{display: inline-block; background: url('../images/close-gallery-icon.png') no-repeat center; background-size: 30px; width: 48px; height: 48px; border: 2px solid #FFFFFF; border-radius: 50%; vertical-align: top; margin: 0 0 0 200px}
.article-diapo .gallery .images li{display: none}
.article-diapo .gallery .images li.active{display: block}
.article-diapo .gallery .images li img{width: calc(100% - 450px); display: inline-block}
.article-diapo .gallery .images li .caption{display: inline-block; vertical-align: top; width: 350px; margin: 0 0 0 100px}
.article-diapo .gallery .images li .caption .counter{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; display: block}
.article-diapo .gallery .images li .caption .description{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #FFFFFF; line-height: 28px; display: block; margin: 5px 0 0 0}
.article-diapo .gallery .images li .caption .name{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; line-height: 28px; display: block}
/*End Diapo Article Page*/


/*Dossier Article Page*/
.article-page .dossier-component{border: 1px solid #D1CFCF; border-radius: 6px; padding: 30px 0; margin: 40px 0; min-height: 120px}
.article-page .dossier-component .dossier-details{padding: 0 30px}
.article-page .dossier-component .dossier-details a figure{width: 60px; height: 60px; border-radius: 50%; position: relative; margin: 0 0 0 45px; float: left}
.article-page .dossier-component .dossier-details a figure:before{content: ''; width: 60px; height: 60px; background: url('../images/dossier-icon-grey.png') no-repeat center; background-size: contain; position: absolute; left: -45px}
.article-page .dossier-component .dossier-details a > div{padding: 7px 0 0 125px; min-height: 60px}
.article-page .dossier-component .dossier-details a > div h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; color: #000000; line-height: initial}
.article-page .dossier-component .dossier-details a > div h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; margin: 5px 0 0 0; color: #000000; line-height: initial}
.article-page .dossier-component ul{margin: 30px 0 0 0 !important; border-top: 1px solid #D8D8D8; list-style: none !important}
.article-page .dossier-component ul li{border-bottom: 1px solid #D8D8D8; padding: 20px 0 !important; margin: 0 30px !important; line-height: initial !important}
.article-page .dossier-component ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 15px; color: #000000 !important}
.article-page .dossier-component .more{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A !important; font-size: 14px; border: 1px solid #D1CFCF; border-radius: 20px; text-align: center; width: 200px; height: 40px; line-height: 38px; display: block; margin: 30px 0 0 30px}
.article-page .dossier-component .more i{display: inline-block; margin: 0 0 0 30px; font-size: 20px; position: relative; top: 2px}
/*End Dossier Article Page*/


/*Sponsored Article Page*/
.article-page.sponsored{margin: -40px 0 0 0}
.article-page.sponsored .background.blue{background-color: #EDF6FC; padding: 40px 0}
.article-page.sponsored .latest-news-component{background-color: #FFFFFF}
.article-page.sponsored .main-column article.main h1{border-top: 1px solid #D1CFCF; padding: 30px 0 0 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 42px; line-height: 48px; color: #1B1A1A}
.article-page.sponsored .main-column article.main .author{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; color: #777272}
.article-page.sponsored .main-column article.main .author span{border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0; color: #1B1A1A}
.article-page.sponsored .main-column article.main .sponsor-notice{font-size: 16px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.article-page.sponsored .main-column article.main .sponsor-notice span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page.sponsored .main-column article.main .article-content{border-top: none}
.article-page.sponsored .main-column article.main .sponsor-link{background-color: #FFFFFF; padding: 20px; margin: 40px 0 0 0}
.article-page.sponsored .main-column article.main .sponsor-link p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px}
.article-page.sponsored .main-column article.main .sponsor-link p i{width: 20px; height: 20px; border: 1px solid #1B1A1A; border-radius: 50%; display: inline-block; margin: 0 20px 0 0; font-size: 14px; text-align: center; line-height: 20px; font-weight: bold; font-style: normal; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif}
.article-page.sponsored .main-column article.main .sponsor-link a{border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0}
.article-page.sponsored .main-column article.main .article-content{padding: 0; margin: 40px 0 0 0}
.article-page.sponsored .main-column article.main .article-content .caption{color: #1B1A1A}
.article-page.sponsored .main-column article.main .article-content .text p{font-size: 20px; line-height: 34px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
/*End Sponsored Article Page*/


/*Liveblog Article Page*/
.article-page.liveblog{margin: -40px 0 0 0}
.article-page.liveblog .article-image{height: 550px}
.article-page.liveblog article.main .article-intro{background-color: #F8F6F6; padding: 40px 0; margin: 0 0 40px 0}
.article-page.liveblog article.main .article-intro .triple-border{margin: 0 auto 10px auto}
.article-page.liveblog article.main .article-intro .category{border-bottom: 1px solid #D8D8D8; padding: 0 0 10px 0; width: calc(100% - 20px); margin: auto}
.article-page.liveblog article.main .article-intro .category .live{background-color: #DD3B31; display: inline-block; color: #FFFFFF; font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: 140px; height: 40px; text-align: center; line-height: 40px; font-style: normal; border-radius: 22px; font-weight: normal; text-transform: uppercase; position: relative; padding: 0 0 0 20px; margin: 0 20px 0 0}
.article-page.liveblog article.main .article-intro .category .live:before{content: ''; width: 15px; height: 15px; position: absolute; border-radius: 50%; background-color: #FFFFFF; margin: 0 20px 0 0; left: 12px; top: 12px}
.article-page.liveblog article.main .article-intro .category span{font-size: 16px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #DD3B31; text-transform: uppercase; font-weight: normal}
.article-page.liveblog article.main .article-intro h1{font-size: 48px; line-height: 52px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; padding: 0 10px}
.article-page.liveblog article.main .article-intro .article-info{margin: 25px 0 0 0; padding: 0 0 0 10px}
.article-page.liveblog article.main .article-intro .article-info p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272}
.article-page.liveblog article.main .article-intro .article-info p a{color: #1B1A1A; border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0}
.article-page.liveblog article.main .article-intro .social-share{margin: 40px 0 0 10px}
/*.article-page.liveblog article.main .messages{width: calc(100% - 20px); margin: auto}*/
/*.article-page.liveblog article.main .messages .message{border-top: 2px solid #DD3B31; background-color: #F8F6F6; padding: 20px 0; margin: 0 0 40px 0; position: relative}*/
/*.article-page.liveblog article.main .messages .message .message-header{border-bottom: 1px solid #D1CFCF; padding: 0 40px 20px 40px}*/
/*.article-page.liveblog article.main .messages .message .message-header .time-details{display: inline-block}*/
/*.article-page.liveblog article.main .messages .message .message-header .time-details span{font-size: 16px; display: block}*/
/*.article-page.liveblog article.main .messages .message .message-header .time-details .since{color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}*/
/*.article-page.liveblog article.main .messages .message.urgent .message-header .time-details .since:before{content: 'Urgent'; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #DD3B31; font-size: 16px; margin: 0 5px 0 0}*/
/*.article-page.liveblog article.main .messages .message .message-header .time-details .time{color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px 0 0 0}*/
/*.article-page.liveblog article.main .messages .message .message-header .social-share{float: right; margin: 0}*/
/*.article-page.liveblog article.main .messages .message .message-container{padding: 30px 40px}*/
/*.article-page.liveblog article.main .messages .message .message-container h3{font-size: 25px; line-height: 34px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 0 0 20px 0}*/
/*.article-page.liveblog article.main .messages .message.urgent .message-container h3{color: #DD3B31}*/
/*.article-page.liveblog article.main .messages .message .message-container p{font-size: 20px; line-height: 32px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}*/
/*.article-page.liveblog article.main .messages .message .message-container img{max-width: 100%; margin: 0 0 20px 0}*/
/*.article-page.liveblog article.main .messages .message .mise-a-jour{width: 365px; height: 50px; background-color: #DD3B31; position: absolute; text-align: center; line-height: 50px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; border-radius: 25px; font-size: 16px; top: 0; bottom: 0; left: 0; right: 0; margin: auto}*/
.article-page.liveblog .liveblog-notice{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px}
.article-page.liveblog .liveblog-notice h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; padding: 20px; font-weight: normal; color: #1B1A1A}
.article-page.liveblog .liveblog-notice .content{border-top: 1px solid #D8D8D8}
.article-page.liveblog .liveblog-notice .content p{font-size: 15px; line-height: 21px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; padding: 0 20px; margin: 20px 0}
.article-page.liveblog .liveblog-notice .content p:before{content: ''; width: 8px; height: 8px; background-color: #000000; border-radius: 50%; display: inline-block; margin: 0 5px 0 0}
/*End Liveblog Article Page*/


/*Category Page*/
.category-page h1{font-size: 44px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 10px 10px; display: inline-block}
.category-page .mobile-slider-menu{float: right}
.category-page .section-title .sub-categories{margin: 30px 10px 0 0}
.category-page .main-container{font-size: 0}
.category-page .featured .article-1{width: 66.6%; float: left}
.category-page .featured .article-2{width: 33.4%}
.category-page .sidebar .cdl-component{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px}
.category-page .sidebar .cdl-component .component-header{padding: 20px; border-bottom: 1px solid #D8D8D8}
.category-page .sidebar .cdl-component .component-header a figure{width: 115px; height: 30px; background: url('../images/cdl-logo.png') no-repeat center; background-size: contain}
.category-page .sidebar .cdl-component ul{border-bottom: 1px solid #D8D8D8}
.category-page .sidebar .cdl-component ul li{width: calc(100% - 40px); margin: auto; border-bottom: 1px solid #D8D8D8; padding: 20px 0; min-height: 130px}
.category-page .sidebar .cdl-component ul li:last-child{border-bottom: none}
.category-page .sidebar .cdl-component ul li a h3{font-size: 15px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; width: calc(100% - 105px); line-height: 21px; font-weight: normal}
.category-page .sidebar .cdl-component ul li.no-image a h3{width: 100%}
.category-page .sidebar .cdl-component ul li a h3 span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.category-page .sidebar .cdl-component ul li a figure{width: 90px; height: 90px; border-radius: 50%; float: right}
.category-page .sidebar .cdl-component .more{height: 46px; background-color: #1B1A1A; color: #FFFFFF; text-align: center; line-height: 46px; display: block; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: calc(100% - 40px); margin: 20px auto; border-radius: 3px}
/*End Category Page*/


/*Dossiers Page*/
.dossiers-page .main-container{font-size: 0}
.dossiers-page h1{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 50px; padding: 0 0 10px 10px}
.dossiers-page .triple-border{width: calc(100% - 10px); margin: 0 0 20px 10px}
.dossiers-page .dossier{display: block; height: 400px; margin: 0 0 20px 0; transition: .25s}
.dossiers-page .dossier:hover{opacity: .9}
.dossiers-page .dossier .content{width: calc(100% - 20px); margin: auto; height: 100%; position: relative}
.dossiers-page .dossier .content figure{height: 100%; position: relative}
.dossiers-page .dossier .content figure:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%); background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5))); width: 100%; height: 100%}
.dossiers-page .dossier .content .details{position: absolute; bottom: 0; left: 0; padding: 20px 25px; width: 100%}
.dossiers-page .dossier .content .details i{width: 50px; height: 50px; display: inline-block; background: url('../images/dossier-icon.png?1') no-repeat center; background-size: contain; vertical-align: middle; margin: 0 10px 0 0}
.dossiers-page .dossier .content .details h3{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 12px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; line-height: 16px; display: inline-block; vertical-align: middle}
.dossiers-page .dossier .content .details h2{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 36px; color: #FFFFFF; font-weight: normal; margin: 10px 0 0 0}
/*End Dossiers Page*/


/*Dossier Page*/
.dossier-page{margin: -40px 0 0 0; font-size: 0}
.dossier-page .cover{margin: 0 0 40px 0}
.dossier-page .cover figure{height: 680px; position: relative}
.dossier-page .cover figure:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%); background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))); width: 100%; height: 100%}
.dossier-page .cover figure .main-container{position: relative; z-index: 1; padding: 20px 40px; height: 100%}
.dossier-page .cover figure .main-container .triple-border{margin: 0 auto 10px auto}
.dossier-page .cover figure .main-container h2{font-size: 16px; color: #FFFFFF; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-weight: normal; padding: 0 0 10px 0; border-bottom: 1px solid #D1CFCF; margin: 0 10px; text-transform: uppercase}
.dossier-page .cover figure .main-container i{width: 70px; height: 70px; background: url('../images/dossier-icon.png?1') no-repeat center; background-size: contain; position: absolute; bottom: 20px; left: 50px}
.dossier-page .cover figure p{position: absolute; font-size: 14px; color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; bottom: 20px; right: 30px}
.dossier-page .cover .details{background-color: #E7E3E3; padding: 40px 0}
.dossier-page .cover .details .main-container{padding: 0 40px 0 50px}
.dossier-page .cover .details .main-container > div{width: calc(100% - 135px); display: inline-block}
.dossier-page .cover .details .main-container > div h1{color: #1B1A1A; font-size: 70px; line-height: 70px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-weight: normal}
.dossier-page .cover .details .main-container > div .description{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px; line-height: 34px; margin: 20px 0 0 0}
.dossier-page .cover .details .main-container > div .date{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-size: 16px; line-height: 26px; margin: 20px 0 0 0}
.dossier-page .main-container .social-share{font-size: 0; display: inline-block; vertical-align: bottom; margin: 0 10px 0 0}
.dossier-page.dossiers .main-container .social-share{float: right; margin: 20px 10px 0 0}
.dossier-page .main-container .social-share li{width: 35px; height: 35px; border-radius: 50%; background-color: #1B1A1A; display: inline-block; text-align: center; line-height: 35px; margin: 0 10px 0 0}
.dossier-page .main-container .social-share li:last-child{margin: 0}
.dossier-page .main-container .social-share li a{color: #FFFFFF; font-size: 16px; display: block}
.dossier-page section .article-4{height: 450px}
.dossier-page section .article-4 figure{height: 225px}
.other-files{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px}
.other-files h2{padding: 20px; font-size: 16px; font-family: AktivGrotesk-Mediun, Helvetica, Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #D8D8D8}
.other-files h2 a{text-transform: uppercase}
.other-files ul{border-bottom: 1px solid #D8D8D8}
.other-files ul li{width: calc(100% - 40px); margin: auto; border-bottom: 1px solid #D8D8D8; padding: 20px 0; min-height: 130px}
.other-files ul li:last-child{border-bottom: none}
.other-files ul li a h3{font-size: 15px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; width: calc(100% - 105px); line-height: 21px; font-weight: normal}
.other-files ul li.no-image a h3{width: 100%}
.other-files ul li a figure{width: 90px; height: 90px; border-radius: 50%; float: right}
.other-files .more{height: 46px; background-color: #1B1A1A; color: #FFFFFF; text-align: center; line-height: 42px; display: block; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; width: calc(100% - 40px); margin: 20px auto; border-radius: 3px}
.dossier-page .file-details{padding: 40px 0; background-color: #E7E3E3; border-top: 1px solid #D1CFCF; margin: 0 0 40px 0}
.dossier-page .file-details .main-container{padding: 0 40px 0 50px}
.dossier-page .file-details .tag i{display: inline-block; width: 70px; height: 70px; background: url('../images/dossier-icon-black.png') no-repeat center; background-size: contain; vertical-align: middle}
.dossier-page .file-details .tag h2{font-size: 16px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; font-weight: normal; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; text-transform: uppercase}
.dossier-page .file-details .title{margin: 40px 0 0 0; min-height: 165px}
.dossier-page .file-details .title figure{width: 165px; height: 165px; border-radius: 50%; float: left}
.dossier-page .file-details .title h1{color: #1B1A1A; font-size: 70px; line-height: 70px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; padding: 12px 0 12px 200px; width: 85%}
.dossier-page .file-details .date{margin: 30px 0 0 0; display: inline-block; width: calc(100% - 135px)}
.dossier-page .file-details .date p{font-size: 16px; line-height: 26px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
/*End Dossier Page*/


/*Author Page*/
.author-page .author-details{padding: 0 10px 0 10px}
.author-page .author-details figure{width: 90px; height: 90px; display: inline-block; border-radius: 50%; margin: 0 20px 0 0; vertical-align: middle}
.author-page .author-details > div{display: inline-block; vertical-align: middle}
.author-page .author-details > div p{font-size: 15px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: initial; margin: 0}
.author-page .author-details > div h1{font-size: 30px; color: #1B1A1A; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 5px 0 0 0}
.author-page .author-details p{font-size: 19px; line-height: 28px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0}
.author-page .author-details a{border: 1px solid #D1CFCF; border-radius: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; display: inline-block; margin: 0 20px 40px 0; padding: 10px 64px 10px 20px; position: relative}
.author-page .author-details a h4{font-weight: normal}
.author-page .author-details a h4 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.author-page .author-details a i{position: absolute; right: 20px; font-size: 18px; top: 10px}
.author-page .main-container{font-size: 0}
.author-page .featured .article-1{width: 66.6%; float: left}
.author-page .featured .article-2{width: 33.4%}
.author-page .featured .article-signature.third{width: 33.4%}
/*End Author Page*/


/*Editorials Page*/
.editorials-page .main-container{font-size: 0}
.editorials-page .section-title h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 5px 10px; font-weight: normal}
.editorials-page .section-title h2{font-size: 18px; color: #1B1A1A; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; font-weight: normal; padding: 0 0 20px 15px}
.editorials-page .triple-border{margin: 0 10px 20px 10px}
.editorials-page .sidebar .signatures{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px}
.editorials-page .sidebar .signatures h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; border-bottom: 1px solid #D8D8D8; padding: 20px; font-weight: normal}
.editorials-page .sidebar .signatures ul li{width: calc(100% - 40px); border-bottom: 1px solid #D8D8D8; margin: auto; padding: 20px 0; min-height: 90px}
.editorials-page .sidebar .signatures ul li:last-child{border-bottom: none}
.editorials-page .sidebar .signatures ul li figure{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #D8D8D8; display: inline-block; vertical-align: middle; margin: 0 20px 0 0}
.editorials-page .sidebar .signatures ul li h3{font-size: 16px; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; width: calc(100% - 70px)}
.editorials-page .sidebar .signatures ul li.no-image h3{width: 100%}
/*End Editorials Page*/


/*Caricature Page*/
.caricature-page .main-container{font-size: 0}
.caricature-page .section-title h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 10px 10px; display: inline-block}
.caricature-page .section-title .sub-categories{margin: 40px 10px 0 0}
.caricature-page .triple-border{width: calc(100% - 10px); margin: 0 0 20px 10px}
.caricature-page .main-container .caricature{height: 775px; margin: 0 0 20px 0}
.caricature-page .main-container .caricature a{width: calc(100% - 20px); background-color: #F8F6F6; display: block; height: 100%; margin: auto; padding: 40px}
.caricature-page .main-container .caricature a figure{height: 636px; margin: auto}
.caricature-page .main-container .caricature a h2{text-align: center; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; color: #777272; font-weight: normal; margin: 20px 0 0 0}
.caricature-page .main-container .caricature a h4{text-align: center; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; font-weight: normal}
/*End Caricature Page*/


/*Search Page*/
.search-page .header-search-container{display: none}
.search-page .main-container{font-size: 0}
.search-page .main-container .sidebar .goto-archives{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px; padding: 20px}
.search-page .main-container .sidebar .goto-archives p{font-size: 15px; line-height: 21px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.search-page .main-container .sidebar .goto-archives a{display: block; width: 100%; height: 45px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 45px; color: #FFFFFF; text-align: center; background-color: #1B1A1A; margin: 20px 0 0 0; border-radius: 3px}
/*End Search Page*/


/*Horoscopes Page*/
.horoscopes-page .main-container{font-size: 0}
.horoscopes-page .section-title h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 5px 10px; font-weight: normal}
.horoscopes-page .section-title h2{font-size: 18px; color: #1B1A1A; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; font-weight: normal; padding: 0 0 20px 15px}
.horoscopes-page .horoscopes li{width: 33.33%; float: left; margin: 0 0 20px 0; height: 290px; text-align: center}
.horoscopes-page .horoscopes li a{display: block; height: 100%; width: calc(100% - 20px); margin: auto; background-color: #F8F6F6; padding: 20px; border-bottom: 1px solid #E7E3E3; transition: .25s}
.horoscopes-page .horoscopes li a:hover{background-color: #E9E7E7}
.horoscopes-page .horoscopes li a figure{width: 80px; height: 80px; margin: auto}
.horoscopes-page .horoscopes li.belier a figure, .horoscopes-page .selected.belier figure{background: url('../images/horoscopes/aries.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.taureau a figure, .horoscopes-page .selected.taureau figure{background: url('../images/horoscopes/taurus.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.gemeaux a figure, .horoscopes-page .selected.gemeaux figure{background: url('../images/horoscopes/gemini.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.cancer a figure, .horoscopes-page .selected.cancer figure{background: url('../images/horoscopes/cancer.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.lion a figure, .horoscopes-page .selected.lion figure{background: url('../images/horoscopes/leo.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.vierge a figure, .horoscopes-page .selected.vierge figure{background: url('../images/horoscopes/virgo.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.balance a figure, .horoscopes-page .selected.balance figure{background: url('../images/horoscopes/libra.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.scorpion a figure, .horoscopes-page .selected.scorpion figure{background: url('../images/horoscopes/scorpio.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.sagittaire a figure, .horoscopes-page .selected.sagittaire figure{background: url('../images/horoscopes/sagittarius.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.capricorne a figure, .horoscopes-page .selected.capricorne figure{background: url('../images/horoscopes/capricorn.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.verseau a figure, .horoscopes-page .selected.verseau figure{background: url('../images/horoscopes/aquarius.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li.poissons a figure, .horoscopes-page .selected.poissons figure{background: url('../images/horoscopes/pisces.png') no-repeat center; background-size: contain}
.horoscopes-page .horoscopes li h3{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 10px 0 0 0}
.horoscopes-page .horoscopes li .date{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 5px 0 0 0}
.horoscopes-page .horoscopes li .contents{font-size: 16px; line-height: 25px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; overflow: hidden; height: 75px}
.horoscopes-page h2.subtitle{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; text-transform: uppercase; font-weight: normal; padding: 0 0 0 10px; margin: 0 0 20px 0}
.horoscopes-page .selected{margin: 0 0 40px 0}
.horoscopes-page .selected .content{width: calc(100% - 20px); margin: auto}
.horoscopes-page .selected .content{background-color: #F8F6F6; padding: 40px}
.horoscopes-page .selected .content figure{width: 140px; height: 140px; float: left}
.horoscopes-page .selected .content > div{padding: 0 0 0 170px}
.horoscopes-page .selected .content > div h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px; font-weight: normal}
.horoscopes-page .selected .content > div .date{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px; margin: 5px 0 0 0}
.horoscopes-page .selected .content > div .contents{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px; line-height: 30px; margin: 20px 0 0 0}
.horoscopes-page .selected .content a{width: 49%; height: 45px; font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; border: 1px solid #D8D8D8; display: inline-block; line-height: 42px; margin: 40px 0 0 0; position: relative; border-radius: 3px}
.horoscopes-page .selected .content .previous{float: left}
.horoscopes-page .selected .content .next{float: right}
.horoscopes-page .selected .content .previous:before, .horoscopes-page .selected .content .next:before{font-family: 'FontAwesome'; font-size: 20px; color: #ADA5A5; position: absolute}
.horoscopes-page .selected .content .previous:before{content: '\f104'; left: 20px}
.horoscopes-page .selected .content .next:before{content: '\f105'; right: 20px}
/*End Horoscopes Page*/


/*PDF Pages*/
h1.page-title{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 10px; font-weight: normal}
.pdf-pages .main-container{font-size: 0}
.pdf-pages .main-column{width: 66.6%; margin: 0}
.pdf-pages .sidebar{width: calc(33.4% - 20px); margin: 0 10px}
.pdf-pages ul.pdfs{width: calc(100% - 20px); margin: auto}
.pdf-pages ul.pdfs li{height: 650px; background-color: #F8F6F6; padding: 40px; margin: 0 0 20px 0}
.pdf-pages ul.pdfs li .image-container{border: 1px solid #D8D8D8; height: 480px; margin: 0 0 20px 0; padding: 30px}
.pdf-pages ul.pdfs li .image-container figure{height: 420px; margin: auto}
.pdf-pages ul.pdfs li h3{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal}
.pdf-pages ul.pdfs li h4{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal; margin: 2px 0 0 0}
.pdf-pages ul.pdfs li a.more{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 3px 0 0 0; display: inline-block; border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0}
.pdf-pages ul.pdfs li .details{display: inline-block; text-align: left; vertical-align: middle; width: calc(100% - 88px); padding: 0 20px 0 0}
.pdf-pages ul.pdfs li .pdf-link{width: 88px; height: 50px; font-size: 14px; color: #FFFFFF; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; background-color: #1B1A1A; display: inline-block; line-height: 50px; border-radius: 3px; vertical-align: middle}
.pdf-pages .all-editions{border: 1px solid #D1CFCF; border-radius: 6px; margin: 0 0 40px 0}
.pdf-pages .all-editions h2{font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; padding: 20px; border-bottom: 1px solid #D8D8D8}
.pdf-pages .all-editions ul{padding: 0 20px}
.pdf-pages .all-editions ul li{padding: 15px 0; border-bottom: 1px solid #D8D8D8; min-height: 102px}
.pdf-pages .all-editions ul li:last-child{border-bottom: none}
.pdf-pages .all-editions ul li figure{width: 72px; height: 72px; float: left; border-radius: 50%; background-color: #E7E2E2}
.pdf-pages .all-editions ul li p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; padding: 0 0 0 90px}
.pdf-pages .archives-link{border: 1px solid #D1CFCF; border-radius: 6px; padding: 20px; margin: 0 0 40px 0}
.pdf-pages .archives-link{font-size: 15px; line-height: 21px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.pdf-pages .archives-link a{display: block; height: 45px; background-color: #1B1A1A; text-align: center; line-height: 42px; color: #FFFFFF; border-radius: 3px; margin: 20px 0 0 0}
.pdf-pages .paywall{width: calc(100% - 20px); margin: -200px auto 0 auto}
.pdf-pages .paywall.premium:before{background: -webkit-linear-gradient(top, rgba(248, 248, 246, .1) 0, rgba(248, 248, 246, 1) 77%, rgba(248, 248, 246, 1) 23%); top: -85px; left: 0}
.pdf-pages section{margin: 40px 0 0 0}
.pdf-pages .les-speciaux-component{border: 1px solid #D1CFCF; margin: 0 0 40px 0; border-radius: 8px}
.pdf-pages .les-speciaux-component h2{padding: 20px; font-size: 16px; font-family: AktivGrotesk-Mediun, Helvetica, Arial, sans-serif; font-weight: normal; border-bottom: 1px solid #D8D8D8}
.pdf-pages .les-speciaux-component ul li{width: calc(100% - 40px); margin: auto; border-bottom: 1px solid #D8D8D8; padding: 20px 0; min-height: 105px}
.pdf-pages .les-speciaux-component ul li:last-child{border-bottom: none}
.pdf-pages .les-speciaux-component ul li a h3{font-size: 15px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; width: calc(100% - 105px); line-height: 21px; font-weight: normal}
.pdf-pages .les-speciaux-component ul li.no-image{min-height: initial}
.pdf-pages .les-speciaux-component ul li.no-image a h3{width: 100%}
.pdf-pages .les-speciaux-component ul li a figure{width: 65px; height: 65px; float: right}
.pdf-pages .pdf-notice{position: fixed; bottom: 20px; right: 20px; background-color: #BBC5D1; width: 400px; padding: 40px 25px; webkit-box-shadow: 0 0 43px -10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 43px -10px rgba(0,0,0,0.5); box-shadow: 0 0 43px -10px rgba(0,0,0,0.5); display: none; z-index: 1; transition: .25s}
.pdf-pages .pdf-notice.hide{bottom: -350px}
.pdf-pages .pdf-notice .close{width: 20px; height: 20px; position: absolute; right: 7px; top: 7px; background: url('../images/icons-sprite.png?1') no-repeat 2px -13px; background-size: 48px; border: 1px solid #000000; border-radius: 50%}
.pdf-pages .pdf-notice p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 24px; margin: 0 0 20px 0}
.pdf-pages .pdf-notice p:last-child{margin: 0}

/*End PDF Pages*/


/*Text Page*/
.text-page .main-container .main-column .text{padding: 0 0 0 10px}
.text-page .main-container .main-column .text p{font-size: 20px; line-height: 34px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 20px 0}
/*End Text Page*/


/*Archives SEO Page*/
.seo-page .dropdown-container{background-color: #F6F4F4; height: 155px; width: calc(100% - 20px); margin: auto; padding: 52px 0; border-radius: 6px}
.seo-page .dropdown-container > div{max-width: 480px; width: 100%; text-align: center; margin: auto}
.seo-page .dropdown-container > div label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: inline-block; vertical-align: middle; margin: 0 30px 0 0}
.seo-page .dropdown-container > div .drop-down{width: 295px; background-color: #FFFFFF; border: 1px solid #D1CFCF; display: inline-block; vertical-align: middle; border-radius: 6px; position: relative}
.seo-page .dropdown-container > div .drop-down .selected{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #1B1A1A; text-align: left; padding: 0 0 0 20px; line-height: 50px; position: relative; height: 50px; cursor: pointer}
.seo-page .dropdown-container > div .drop-down .selected a{position: absolute; right: 0; width: 50px; border-left: 1px solid #D1CFCF; height: 100%; text-align: center; font-size: 28px; color: #777272}
.seo-page .dropdown-container > div .drop-down .selected a i{transition: .25s}
.seo-page .dropdown-container > div .drop-down.expanded .selected a i{transform: rotate(-180deg)}
.seo-page .dropdown-container > div .drop-down .list{position: absolute; background-color: #FFFFFF; width: 100%; border: 1px solid #D1CFCF; border-top: none; max-height: 360px; overflow-y: scroll; display: none}
.seo-page .dropdown-container > div .drop-down .list ul li{border-top: 1px solid #D1CFCF}
.seo-page .dropdown-container > div .drop-down .list ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #1B1A1A; text-align: left; padding: 0 0 0 20px; line-height: 50px; height: 50px; display: block}
.seo-page .links{padding: 0 10px}
.seo-page .links .list{margin: 40px 0 0 0}
.seo-page .links .list h3{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-weight: normal; color: #1B1A1A; margin: 0 0 40px 0}
.seo-page .links .list ul{font-size: 0}
.seo-page .links .list ul li{width: calc(25% - 10px); display: inline-block; margin: 0 10px 0 0; vertical-align: top}
.seo-page .links .list.articles ul li{margin: 0 10px 20px 0}
.seo-page .links .list ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 28px; color: #1B1A1A}
/*End Archives SEO Page*/


/*Archives Search Page*/
.archives-page{font-size: 0}
.archives-page .intro{padding: 0 10px}
.archives-page .intro p{color: #1B1A1A; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px}
.archives-page .intro p a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.archives-page form.search{padding: 40px; background-color: #F6F4F4; margin: 20px 10px 65px 10px; width: calc(100% - 20px); border-radius: 6px}
.archives-page form.search .row{margin: 0 0 30px 0}
.archives-page form.search .row label{color: #817C7C; font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 10px 0; display: block}
.archives-page form.search .row input[type='text']{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; outline: none; padding: 0 10px}
.archives-page form.search .row .search-options .option{margin: 0 20px 0 0; display: inline-block}
.archives-page form.search .row .search-options .option input[type='radio']{display: none}
.archives-page form.search .row .search-options .option span{display: inline-block; width: 15px; height: 15px; border: 1px solid #C0C0C0; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; vertical-align: middle; transition: .25s}
.archives-page form.search .row .search-options .option label{display: inline-block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; cursor: pointer; vertical-align: middle; margin: 0}
.archives-page form.search .row .search-options .option.active span{border: 5px solid #3B88FD}
.archives-page form.search .row .half{width: 48%; display: inline-block; margin: 0 4% 0 0; vertical-align: top}
.archives-page form.search .row .half:last-child{margin: 0}
.archives-page form.search .row .category-select{position: relative}
.archives-page form.search .row .category-select .selected{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #FFFFFF; cursor: pointer; position: relative; color: #1B1A1A}
.archives-page form.search .row .category-select .selected a{display: block; padding: 15px 10px}
.archives-page form.search .row .category-select .selected a span{height: 50px; width: 50px; position: absolute; right: 0; top: 0; font-size: 30px; color: #777272; text-align: center; border-left: 1px solid #D1CFCF}
.archives-page form.search .row .category-select .selected a span i{transition: .25s; position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 50px; line-height: 50px}
.archives-page form.search .row .category-select .selected a.active span i{transform: rotate(-180deg)}
.archives-page form.search .row .category-select ul{position: absolute; width: 100%; border-left: 1px solid #D1CFCF; border-right: 1px solid #D1CFCF; max-height: 205px; overflow-y: scroll; display: none}
.archives-page form.search .row .category-select ul li{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
.archives-page form.search .row .category-select ul li a{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; padding: 15px 10px}
.archives-page form.search .row .date input[type='text']{width: 160px}
.archives-page form.search .row .date span{color: #817C7C; font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 20px; display: inline-block}
.archives-page form.search .submit{width: 170px; height: 50px; line-height: 46px; text-align: center; color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; display: block; border-radius: 3px}
.archives-page .search-results{padding: 0 10px}
.archives-page .search-results h4{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-weight: normal; border-bottom: 1px solid #979797; padding: 0 0 16px 0}
.archives-page .search-results h4 span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.archives-page .article-6{border-bottom: 1px solid #D1CFCF; padding: 30px 0}
.archives-page .article-6 h2{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding: 0 70px 0 0; transition: .25s}
.archives-page .article-6 a:hover h2{color: #817C7C}
.archives-page .article-6 p{font-size: 16px; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; margin: 15px 0 0 0}
.archives-page .article-6 h3{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-weight: normal; margin: 20px 0 0 0}
.archives-page .article-6 h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.archives-page .pagination{margin: 60px auto; text-align: center}
.archives-page .pagination a{display: inline-block; border: 1px solid #1B1A1A; font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 10px 0 0; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 4px; transition: .25s}
.archives-page .pagination a.active, .archives-page .pagination a:hover{background-color: #1B1A1A; color: #FFFFFF}
.archives-page .pagination span{display: inline-block; font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; margin: 0 10px 0 0}
.no-search-results{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; margin: 20px 0}
/*End Archives Search Page*/


/*Annonces Page*/
.annonces-page .main-container{font-size: 0}
.annonces-page .section-title h1{font-size: 30px}
.annonces-page .annonces-menu{margin: 30px 0; padding: 0 10px}
.annonces-page .annonces-menu li{display: inline-block; border-radius: 4px; border: 1px solid #D1CFCF; height: 35px; line-height: 34px; margin: 0 10px 0 0; background-color: #FFFFFF; text-align: center}
.annonces-page .annonces-menu li a{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; display: block; padding: 0 25px; position: relative}
.annonces-page .annonces-menu li:last-child a{padding: 0 40px}
.annonces-page .annonces-menu li a i{font-size: 18px; position: absolute; right: 6px; top: 8px}
.annonces-page .annonces-menu li a i.back{left: 12px; right: initial}
.annonces-page .annonces-menu li ul{position: absolute; opacity: 0; visibility: hidden; transition: .25s; z-index: 1}
.annonces-page .annonces-menu li ul li{display: block; width: 100%; border-bottom: none; margin: 0}
.annonces-page .annonces-menu li ul li a{padding: 0 20px}
.annonces-page .annonces-menu li:hover ul{opacity: 1; visibility: visible}
.annonces-page .main-column ul.annonces{padding: 0 10px}
.annonces-page .main-column ul.annonces li{margin: 0 0 20px 0}
.annonces-page .main-column ul.annonces li a{background-color: #F8F6F6; display: block; border-bottom: 1px solid #E7E3E3; padding: 30px; transition: .25s}
.annonces-page .main-column ul.annonces li a:hover{background-color: #E9E7E7}
.annonces-page .main-column ul.annonces li a > div h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-weight: normal; font-size: 18px; display: inline-block; color: #1B1A1A}
.annonces-page .main-column ul.annonces li a > div span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; display: inline-block; margin: 0 0 0 15px}
.annonces-page .main-column ul.annonces li a > div p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #1B1A1A; line-height: 28px; margin: 5px 0 0 0}
.annonces-page .main-column ul.annonces li.has-image{min-height: 210px}
.annonces-page .main-column ul.annonces li.has-image a > div{width: calc(100% - 185px); display: inline-block}
.annonces-page .main-column ul.annonces li.has-image a figure{width: 150px; height: 150px; background-repeat: no-repeat; background-position: center; background-size: cover; float: right}
.annonces-page .main-column ul.annonces li .more{color: #1B1A1A; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; border-bottom: 1px solid #1B1A1A; padding: 0 0 2px 0; margin: 20px 0 0 0; display: inline-block}
.annonces-page .load-more{margin: 60px auto 20px auto}
.annonces-page .sidebar .annonce-notice{border: 1px solid #D1CFCF; border-radius: 6px; margin: 0 0 40px 0; padding: 20px}
.annonces-page .sidebar .annonce-notice p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px}
.annonces-page .sidebar .annonce-notice a{height: 45px; line-height: 42px; text-align: center; color: #FFFFFF; display: block; background-color: #1B1A1A; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; border-radius: 3px; margin: 20px 0 0 0}
.annonces-page .ad-details .social-share{float: right; margin: 10px 0 0 0}
.annonces-page .ad-details{padding: 30px; background-color: #F8F6F6; margin: 0 auto 50px auto; width: calc(100% - 20px)}
.annonces-page .ad-details figure{height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 0 40px 0}
.annonces-page .ad-details p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28px; color: #1B1A1A}
.annonces-page .ad-details span{color: #777272; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; display: inline-block}
.annonces-page .latest-ads h2{font-size: 16px; color: #1B1A1A; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; margin: 0 0 30px 0; padding: 0 0 0 10px; text-transform: uppercase}
/*End Annonces Page*/


/*Post Annonces Page*/
.annonce-post-page .main-container{font-size: 0}
.annonce-post-page .intro{padding: 0 10px}
.annonce-post-page .intro p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 40px 0}
.annonce-post-page .intro p a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.annonce-post-page form{background-color: #F6F4F4; border-radius: 6px; padding: 40px 35px; width: calc(100% - 20px); margin: auto}
.annonce-post-page form h3{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C}
.annonce-post-page form section{margin: 0 0 35px 0}
.annonce-post-page form section .radio{margin: 25px 0 0 0}
.annonce-post-page form section .radio li{display: inline-block; width: 23.5%; margin: 0 2% 15px 0; vertical-align: top}
.annonce-post-page form section .radio li:nth-child(4n){margin: 0 0 15px 0}
.annonce-post-page form section .radio li a{font-size: 12px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 14px}
.annonce-post-page form section .radio li a span{width: 15px; height: 15px; border-radius: 50%; border: 1px solid #C0C0C0; background-color: #FFFFFF; display: inline-block; transition: .25s; margin: 0 5px 0 0}
.annonce-post-page form section .radio li a.active span{border: 5px solid #3B88FD}
.annonce-post-page form section .radio li a p{display: inline-block; width: calc(100% - 25px); vertical-align: top; float: right}
.annonce-post-page form section .radio li a p.title{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.annonce-post-page form section .radio li a input[type="checkbox"], .annonce-post-page form section .radio li a input[type="radio"]{display: none}
.annonce-post-page form section .payment li{width: 32%; margin: 0 2% 0 0}
.annonce-post-page form section .payment li:nth-child(3n){margin: 0}
.annonce-post-page form section .select{margin: 10px 0 0 0; display: inline-block}
.annonce-post-page form section .to-append{display: none}
.annonce-post-page form section .select .selected{width: 296px; height: 50px; border: 1px solid #D1CFCF; border-radius: 3px; background-color: #FFFFFF; display: inline-block; vertical-align: middle; position: relative}
.annonce-post-page form section .select .selected input{width: 100%; height: 100%; border: none; outline: none; padding: 0 0 0 10px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; cursor: pointer}
.annonce-post-page form section .select .selected i{width: 50px; height: 100%; border-left: 1px solid #D4D3D3; position: absolute; right: 0; font-size: 24px; text-align: center; line-height: 50px; cursor: pointer}
.annonce-post-page form section .dates .date input{width: 296px; height: 50px; border: 1px solid #D1CFCF; border-radius: 3px; background-color: #FFFFFF; padding: 0 0 0 10px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 10px 0 0 0; outline: none}
.annonce-post-page form section .dates .minus, .annonce-post-page form section .dates .plus{display: inline-block; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin: 0 0 0 25px; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 18px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.annonce-post-page form section .dates .date .minus{background-color: #F08A8A}
.annonce-post-page form section .select .plus{background-color: #3B88FD}
.annonce-post-page form section textarea{height: 145px; background-color: #FFFFFF; border: 1px solid #D1CFCF; border-radius: 3px; margin: 10px 0 0 0; width: 100%; max-width: 100%; min-width: 100%; max-height: 145px; min-height: 145px; outline: none; resize: none; padding: 10px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px}
.annonce-post-page form section .photos{margin: 20px 0 30px 0; border-bottom: 1px solid #D8D8D8; padding: 0 0 30px 0}
.annonce-post-page form section .photos > div{display: inline-block; vertical-align: top}
.annonce-post-page form section .photos > div:first-child{width: 46%}
.annonce-post-page form section .photos > div:last-child{width: 54%}
.annonce-post-page form section .photos > div input[type="file"]{display: none}
.annonce-post-page form section .photos > div .upload{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; padding: 2px 10px; background-color: #FFFFFF; box-shadow: 0 0 2px 2px rgba(0,0,0,.05); border-radius: 6px}
.annonce-post-page form section .photos > div span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; display: inline-block; margin: 0 0 0 10px}
.annonce-post-page form section .photos > div p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; margin: 0 0 0 10px; line-height: 14px}
.annonce-post-page form section .photos > div p a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.annonce-post-page form .error{font-size: 14px; color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serifl; margin: 0 0 20px 0; display: none}
.annonce-post-page form .submit, .annonce-post-page .checkout a{display: block; color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; height: 50px; width: 168px; line-height: 46px; border-radius: 3px; cursor: pointer; outline: none}
.annonce-post-page .checkout{width: calc(100% - 20px); margin: auto}
.annonce-post-page .checkout p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.annonce-post-page .checkout p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.annonce-post-page .checkout a{display: inline-block; margin: 20px 10px 0 0}
.annonce-payment-result-page p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 auto 20px auto; width: calc(100% - 20px)}
/*End Post Annonces Page*/

/*Emploi Page*/
.emploi-page .main-container{font-size: 0}
.emploi-page form{background-color: #F6F4F4; border-radius: 6px; padding: 40px 35px; width: calc(100% - 20px); margin: 0 auto 50px auto}
.emploi-page form .row{margin: 0 0 30px 0}
.emploi-page form .row label{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #817C7C; display: block; margin: 0 0 10px 0}
.emploi-page form .row .half{width: 48%; display: inline-block; margin: 0 4% 0 0; vertical-align: top}
.emploi-page form .row .half:last-child{margin: 0}
.emploi-page form .row input[type="text"], .emploi-page form .row input[type="email"], .emploi-page form .row input[type="number"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; outline: none; padding: 0 10px}
.emploi-page form .row input[type="text"].required, .emploi-page form .row input[type="email"].required, .emploi-page form .row input[type="number"].required{border: 1px solid #C84C4C}
.emploi-page form .row textarea{height: 145px; background-color: #FFFFFF; border: 1px solid #D1CFCF; border-radius: 3px; margin: 10px 0 0 0; width: 100%; max-width: 100%; min-width: 100%; max-height: 145px; min-height: 145px; outline: none; resize: none; padding: 10px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px}
.emploi-page form .row .upload{margin: 20px 0 0 0}
.emploi-page form .row .upload a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; padding: 2px 10px; background-color: #FFFFFF; box-shadow: 0 0 2px 2px rgba(0,0,0,.05); border-radius: 6px}
.emploi-page form .row .upload input[type="file"]{display: none}
.emploi-page form .error{color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 20px 0; display: none}
.emploi-page form .row span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 12px; display: inline-block; margin: 0 0 0 10px}
.custom-select{position: relative}
.custom-select .selected{height: 50px; width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #FFFFFF; cursor: pointer; position: relative; color: #1B1A1A; overflow: hidden}
.custom-select .selected a{display: block; padding: 15px 10px}
.custom-select .selected a span{height: 50px; width: 50px; position: absolute; right: 0; top: 0; font-size: 30px; color: #777272; text-align: center; border-left: 1px solid #D1CFCF; background-color: #FFFFFF}
.custom-select .selected a span i{transition: .25s; position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 50px; line-height: 50px; font-size: 24px}
.custom-select .selected a.active span i{transform: rotate(-180deg)}
.custom-select ul{position: absolute; width: 100%; border-left: 1px solid #D1CFCF; border-right: 1px solid #D1CFCF; max-height: 205px; overflow-y: scroll; display: none}
.custom-select ul li{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
.custom-select ul li a{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; padding: 15px 10px}
.emploi-page form .submit{color: #FFFFFF; background-color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; height: 50px; width: 168px; line-height: 46px; border-radius: 3px; border: 1px solid #1B1A1A; outline: none; cursor: pointer}
.emploi-page form .message{color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 20px 0}
/*End Emploi Page*/

/*Newsletters Page*/
.newsletters-page h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 10px}
.newsletters-page .newsletters .newsletter{width: 33.33%; float: left; min-height: 580px; margin: 0 0 30px 0}
.newsletters-page .newsletters .newsletter form{height: 100%}
.newsletters-page .newsletters .newsletter .content{width: calc(100% - 20px); margin: auto; background-color: #DDDAD2; min-height: 580px; padding: 25px; position: relative}
.newsletters-page .newsletters .newsletter .content figure{width: 100px; height: 100px; border-radius: 50%}
.newsletters-page .newsletters .newsletter .content h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px; margin: 15px 0 0 0}
.newsletters-page .newsletters .newsletter .content p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px; margin: 5px 0 0 0; line-height: 31px}
.newsletters-page .newsletters .newsletter form .notice-message{margin: 5px 0 0 0}
.newsletters-page .newsletters .newsletter .content .email-container{position: absolute; width: calc(100% - 50px); left: 25px; bottom: 60px}
.newsletters-page .newsletters .newsletter .content .email-container input{width: 100%; height: 50px; background-color: #FFFFFF; border: none; outline: none; padding: 0 0 0 10px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; border-top-right-radius: 6px; border-bottom-right-radius: 6px}
.newsletters-page .newsletters .newsletter .content .email-container a{width: 50px; height: 100%; background-color: #1B1A1A; position: absolute; right: 0; color: #FFFFFF; border-top-right-radius: 6px; border-bottom-right-radius: 6px; text-align: center; font-size: 30px; line-height: 46px; transition: .25s}
.newsletters-page .newsletters .newsletter .content .email-container a:hover{background-color: #817C7C}
.newsletters-page .newsletters .newsletter .content .newsletter-preview{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 14px; border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0; display: inline-block; position: absolute; bottom: 20px}
/*End Newsletters Page*/

/*Meteo Page*/
.meteo-page .section-title h2{color: #1B1A1A; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; font-size: 18px}
.meteo-page .main-container{font-size: 0}
.meteo-page .map-container{background-color: #F8F6F6; padding: 30px; width: calc(100% - 20px); margin: auto; border-bottom: 1px solid #E7E3E3; position: relative}
.meteo-page .map-container .map{width: 600px; margin: auto; position: relative}
.meteo-page .map-container .map img{width: 600px; margin: auto; display: block}
.meteo-page .map-container .map > div{position: absolute; top: 110px; left: 110px}
.meteo-page .map-container .map > div p{font-size: 15px; color: #3A383D; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center}
.meteo-page .map-container .map > div > div{position: absolute; width: 70px}
.meteo-page .map-container .map > div > div img{width: 25px}
.meteo-page .map-container .map > div > div span{font-size: 12px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; text-align: center}
.meteo-page .map-container .map > div .tripoli{top: -10px; left: 145px}
.meteo-page .map-container .map > div .tyr{top: 360px; left: 0}
.meteo-page .map-container .map > div .beirut{top: 165px; left: 75px}
.meteo-page .map-container .map > div .saida{top: 250px; left: 45px}
.meteo-page .map-container .map > div .cedars{top: -7px; left: 220px}
.meteo-page .map-container .map > div .deir-al-qamar{top: 220px; left: 120px}
.meteo-page .map-container .map > div .nabatiyyeh{top: 330px; left: 60px}
.meteo-page .map-container .map > div .byblos{top: 65px; left: 105px}
.meteo-page .map-container .map > div .zahle{top: 130px; left: 225px}
.meteo-page .map-container .map > div .laklouk{top: 48px; left: 190px}
.meteo-page .weather-details{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 22px; margin: 20px 0 0 0; padding: 0 10px}
/*End Meteo Page*/

/*My Account Page*/
.myaccount-pages .main-container{font-size: 0}
.myaccount-pages .myaccount-header{margin: 0 0 40px 0}
.myaccount-pages .myaccount-header h2{font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #1B1A1A; font-weight: normal; font-size: 18px; padding: 0 0 0 10px}
.myaccount-pages .myaccount-header h1{font-size: 36px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-weight: normal; margin: 5px 0; padding: 0 0 0 10px; display: inline-block}
.myaccount-pages .myaccount-header h1 span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.myaccount-pages .myaccount-header .logout{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #232222; font-size: 14px; width: 138px; height: 40px; line-height: 40px; text-align: center; background-color: #F3F0F0; float: right; margin: 0 10px 0 0; border-radius: 3px; transition: .25s}
.myaccount-pages .myaccount-header .logout:hover{background-color: #E3DEDE}
.myaccount-pages .myaccount-header .logout i{width: 12px; height: 15px; background: url('../images/logout-icon.png?1') no-repeat center; background-size: contain; display: inline-block; margin: 0 0 0 10px; position: relative; top: 3px}
.myaccount-pages .left-column{width: 33.4%; margin: auto; display: inline-block; padding: 0 10px}
.myaccount-pages .left-column .menu{border: 1px solid #F6F4F4; border-radius: 6px}
.myaccount-pages .left-column .menu li a{display: block; padding: 20px 40px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; border-bottom: 1px solid #F6F4F4; transition: .25s}
.myaccount-pages .left-column .menu li a i{width: 12px; height: 15px; background: url('../images/logout-icon.png?1') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0; position: relative; top: 2px}
.myaccount-pages .left-column .menu li:first-child a{border-top-left-radius: 6px; border-top-right-radius: 6px}
.myaccount-pages .left-column .menu li:last-child a{border-bottom-left-radius: 6px; border-bottom-right-radius: 6px}
.myaccount-pages .left-column .menu li:last-child a{border-bottom: none}
.myaccount-pages .left-column .menu li a.active{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; background-color: #F6F4F4}
.myaccount-pages .left-column .menu li a:hover{background-color: #F6F4F4}
.myaccount-pages .upgrade-notice{border-radius: 6px; background-color: #FFDF8A; padding: 32px; margin: 20px 0 0 0}
.myaccount-pages .upgrade-notice h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 20px; color: #1B1A1A}
.myaccount-pages .upgrade-notice p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; margin: 5px 0 0 0; color: #1B1A1A}
.myaccount-pages .upgrade-notice a{display: block; height: 50px; width: 100%; background-color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; color: #FFDF8A; border-radius: 3px; line-height: 46px; margin: 40px 0 0 0; transition: 0.25s; border: 1px solid #1B1A1A}
.myaccount-pages .upgrade-notice a:hover{background-color: #FFDF8A; color: #1B1A1A}
.myaccount-pages .help{margin: 20px 0 0 0; background-color: #F6F4F4; padding: 30px}
.myaccount-pages .help h3{color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px}
.myaccount-pages .help h3:before{content: ''; width: 15px; height: 13px; background: url('../images/contact-icon-black.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 10px 0 0}
.myaccount-pages .help .view-faq{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; padding: 0 0 5px 0; margin: 0 0 20px 0; display: block; text-decoration: underline}
.myaccount-pages .help p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px}
.myaccount-pages .right-column{width: 66.6%; margin: auto; display: inline-block; padding: 0 10px; vertical-align: top}
.myaccount-pages .right-column .section{margin: 0 0 50px 0}
.myaccount-pages .right-column .section .section-title h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 30px; display: block; border-bottom: 1px solid #D1CFCF; padding: 0 0 20px 0}
.myaccount-pages .right-column .section .section-title span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #817C7C; float: right; font-weight: normal; margin: 20px 0 0 0; text-transform: none}
.myaccount-pages .right-column .section ul{margin: 30px 0 0 0; display: inline-block; width: calc(100% - 350px)}
.myaccount-pages .right-column .section.payment ul{width: 100%}
/*.myaccount-pages .right-column .section.subscriptions ul{width: 100%}*/
/*.myaccount-pages.index .right-column .section ul{width: 100%}*/
.myaccount-pages .right-column .section ul li{margin: 0 0 20px 0}
.myaccount-pages .right-column .section ul li.bordered{border-bottom: 1px solid #D1CFCF; padding: 0 0 20px 0}
.myaccount-pages .right-column .section ul li label{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; font-size: 18px; display: block; margin: 0 0 5px 0}
.myaccount-pages .right-column .section ul li span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px}
.myaccount-pages .right-column .section ul li p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; display: inline-block; vertical-align: middle}
.myaccount-pages .right-column .section ul li figure{width: 30px; height: 30px; margin: 0 15px 0 0; display: inline-block; vertical-align: middle}
.myaccount-pages .right-column .section .add-card{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; border-bottom: 1px solid #1B1A1A; padding: 0 0 2px 0; display: block; max-width: 252px; margin: 0 0 20px 0}
.myaccount-pages .right-column .section .card-added-notice{font-size: 16px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.myaccount-pages .right-column .section.subscriptions .subscribe{height: 40px; width: 135px; text-align: center; color: #232222; font-size: 14px; display: block; line-height: 36px; transition: .25s; border-radius: 3px; background-color: #FFDF8A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; border: 1px solid #FFDF8A; margin: 20px 0}
.myaccount-pages .right-column .section.subscriptions .subscribe.donate{float: right; margin: -2px 0 0 0}
.myaccount-pages .right-column .section.alerte ul{width: 100%}
.myaccount-pages .right-column .section.alerte ul li p{cursor: pointer; vertical-align: middle}
.myaccount-pages .right-column .section.alerte ul li .radio{width: 30px; height: 30px; border: 1px solid #D1CFCF; border-radius: 50%; display: inline-block; margin: 0 15px 0 0; text-align: center; line-height: 30px; cursor: pointer; vertical-align: middle; position: relative}
.myaccount-pages .right-column .section.alerte ul li .radio:before{content: ''; width: 12px; height: 12px; opacity: 0; visibility: hidden; transition: .25s; background: url('../images/check-icon-black.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.myaccount-pages .right-column .section.alerte ul li .radio.active:before{opacity: 1; visibility: visible}
.myaccount-pages .right-column .section.alerte ul li input[type="checkbox"]{display: none}
.myaccount-pages .right-column .section.parrainage p{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px; width: 430px; display: inline-block; margin: 30px 0 0 0}
.myaccount-pages .right-column .section.parrainage .buttons a{width: 130px}
.myaccount-pages .right-column .section.donation .section-title{margin: 0 0 30px 0}
.myaccount-pages .right-column .section.donation p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.myaccount-pages .right-column .section.donation p.donation-successful{margin: 0 0 20px 0; color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.myaccount-pages .right-column .section.donation p .cancel-donation{margin: 5px 0 0 0; text-decoration: underline; display: block}
.myaccount-pages .right-column .section.donation form{margin: 15px 0 0 0}
.myaccount-pages .right-column .section.donation form .row{margin: 0 0 15px 0}
.myaccount-pages .right-column .section.donation form .row label, .myaccount-pages .right-column .section.donation form .row span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; display: inline-block; margin: 0; vertical-align: middle}
.myaccount-pages .right-column .section.donation form .row label{margin: 0 10px 0 0}
.myaccount-pages .right-column .section.donation form .row span{display: inline-block; margin: 0 0 0 5px}
.myaccount-pages .right-column .section.donation form .row input[type=number]{border: none; border-bottom: 2px solid #ADADAD; display: inline-block; width: 125px; outline: none; height: 30px; font-family: AktivGrotesk-regular, Helvetica, Arial, sans-serif; text-align: center; font-size: 18px; color: #969696; padding: 0; border-radius: 0}
.myaccount-pages .right-column .section.donation form .row input[type=number]::-webkit-input-placeholder{font-family: AktivGrotesk-regular, Helvetica, Arial, sans-serif; font-size: 13px; color: #969696; text-align: center}
.myaccount-pages .right-column .section.donation form .row input[type=number]:-moz-placeholder{font-family: AktivGrotesk-regular, Helvetica, Arial, sans-serif; font-size: 13px; color: #969696; text-align: center}
.myaccount-pages .right-column .section.donation form .row input[type=number]::-moz-placeholder{font-family: AktivGrotesk-regular, Helvetica, Arial, sans-serif; font-size: 13px; color: #969696; text-align: center}
.myaccount-pages .right-column .section.donation form .row input[type=number]:-ms-input-placeholder{font-family: AktivGrotesk-regular, Helvetica, Arial, sans-serif; font-size: 13px; color: #969696; text-align: center}
.myaccount-pages .right-column .section.donation form .row ul{display: inline-block; vertical-align: middle; margin: 0; width: auto}
.myaccount-pages .right-column .section.donation form .row ul li{display: inline-block; margin: 0 10px 0 0; cursor: pointer}
.myaccount-pages .right-column .section.donation form .row ul li input[type='radio']{display: none}
.myaccount-pages .right-column .section.donation form .row ul li i{display: inline-block; width: 15px; height: 15px; border: 2px solid #F6C343; border-radius: 50%; margin: 0 5px 0 0; transition: .25s; vertical-align: middle}
.myaccount-pages .right-column .section.donation form .row ul li i.active{background-color: #F6C343}
.myaccount-pages .right-column .section.donation form .row ul li label{width: auto; cursor: pointer; vertical-align: middle; display: inline-block; font-size: 12px; margin: 0; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.myaccount-pages .right-column .section.donation .buttons{float: none; margin: 10px 0 0 0}
.myaccount-pages .right-column .section.donation .buttons a{width: 288px; background-color: #1B1A1A; color: #FFFFFF; border-radius: 3px}
.myaccount-pages .right-column .section.donation form .error{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #C84C4C; font-size: 14px; margin: 0 0 20px 0; display: none}
.myaccount-pages .right-column .card-notice{background-color: #F6DFDF; padding: 20px; margin: 0 0 40px 0; border-radius: 6px}
.myaccount-pages .right-column .card-notice.success{background-color: rgba(0, 128, 0, 0.2)}
.myaccount-pages .right-column .card-notice > div{display: block;width: 100%}
.myaccount-pages .right-column .card-notice > div h3{color: #C84C4C; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.myaccount-pages .right-column .card-notice.success > div h3{color: black}
.myaccount-pages .right-column .card-notice > div p{color: #1B1A1A;font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;margin: 10px auto}
.myaccount-pages .right-column .card-notice a{color: #FFFFFF;font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;width: auto;height: 40px;text-align: center;float: none;background-color: #000000;border-radius: 6px;line-height: 36px;padding: 0;display: block;margin: auto auto 10px auto;max-width: 350px}
.myaccount-pages .right-column .card-notice a:last-of-type{margin:auto}
.myaccount-pages .right-column .card-notice a.link{float: none;background: none;padding: 0;color: black;text-decoration: underline;display: inline-block}
.myaccount-pages .right-column .section form{margin: 30px 0 0 0}
.myaccount-pages .right-column .section form .row{margin: 0 0 20px 0}
.myaccount-pages .right-column .section form .row p.error.message{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;color: #1B1A1A;padding:10px;background-color: #F6F4F4}
.myaccount-pages .right-column .section form .row p.error.message.hide{display: none}
.myaccount-pages .right-column .section form .row p.error.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.myaccount-pages .right-column .section form .row .half{width: 48%; margin: 0 4% 0 0; display: inline-block}
.myaccount-pages .right-column .section form .row .half:nth-child(even){margin: 0}
.myaccount-pages .right-column .section form .row.company{border-bottom: 1px solid #D1CFCF; padding: 0 0 30px 0; margin: 0 0 30px 0}
.myaccount-pages .right-column .section form .row label{color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 0 10px 0; display: block}
.myaccount-pages .right-column .section form .row input[type="text"],.myaccount-pages .right-column .section form .row input[type="date"], .myaccount-pages .right-column .section form .row input[type="email"], .myaccount-pages .right-column .section form .row input[type="password"], .myaccount-pages .right-column .section form .row input[type="number"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; padding: 10px 20px; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; outline: none; border-radius: 3px}
.myaccount-pages .right-column .section form .row input.required{border:1px solid #C84C4C!important}
.myaccount-pages .right-column .section form .submit{width: 220px; height: 50px; background-color: #1B1A1A; color: #FFFFFF; display: block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center; line-height: 46px; margin: 40px 0 0 0; border-radius: 3px}
.myaccount-pages .right-column .section .item-details h3{color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 18px}
.myaccount-pages .right-column .section .item-details ul{margin: 20px 0 0 0; width: 100%}
.myaccount-pages .right-column .section.upgrade .item-details{width: calc(100% - 236px); display: inline-block}
.myaccount-pages .right-column .section.upgrade .item-details ul{margin: 30px 0 0 0}
.myaccount-pages .right-column .section .item-details ul li{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; display: inline-block; vertical-align: middle; position: relative; padding: 0 0 0 50px}
/*.myaccount-pages .right-column .section .item-details ul li p{position: relative; padding: 0 0 0 50px}*/
.myaccount-pages .right-column .section .item-details ul li:before{content: '\f00c'; width: 30px; height: 30px; font-family: 'FontAwesome'; color: #1B1A1A; font-size: 18px; background-color: #FFDF8A; border-radius: 50%; margin: 0 15px 0 0; display: inline-block; text-align: center; line-height: 30px; position: absolute; left: 0}
.myaccount-pages .right-column .section .buttons{float: right; margin: 30px 0 0 0}
.myaccount-pages .right-column .section .buttons a{width: 236px; height: 40px; line-height: 36px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; display: block; text-align: center}
.myaccount-pages .right-column .section .buttons.remove-float{float: none}
.myaccount-pages .right-column .section.payment .buttons{float: none; margin: 10px 0 0 0}
.myaccount-pages .right-column .section .buttons .edit-subscription, .myaccount-pages .right-column .section .buttons .edit-card, .myaccount-pages .right-column .section .buttons .parrainer{background-color: #1B1A1A; color: #FFFFFF; border-radius: 3px}
.myaccount-pages .right-column .section.payment .buttons a{width: 288px}
.myaccount-pages .right-column .section.payment .buttons a.payment-history{border-bottom: 1px solid #817C7C; color: #817C7C; width: auto; display: inline-block; height: 35px}
.myaccount-pages .right-column .section.edit-newsletters ul{width: 100%}
.myaccount-pages .right-column .section.edit-newsletters ul li{margin: 0 0 40px 0}
.myaccount-pages .right-column .section.edit-newsletters ul li figure{width: 100px; height: 100px; border-radius: 50%; display: inline-block; margin: 0 20px 0 0; vertical-align: top; position: relative}
.myaccount-pages .right-column .section.edit-newsletters ul li.lettre-article-link figure:before{content: "Abonnés"; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgb(143, 127, 84); width: 92px; height: 26px; background-color: rgb(255, 223, 138); text-align: center; line-height: 26px; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto}
.myaccount-pages .right-column .section.edit-newsletters ul li.alaune figure{background: url('../images/newsletter-box-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.culture figure{background: url('../images/newsletter-culture-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.eco figure{background: url('../images/newsletter-eco-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.campus figure{background: url('../images/newsletter-campus-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.redaction figure{background: url('../images/newsletter-redaction-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.inenglish figure{background: url('../images/newsletter-inenglish-bg.png') no-repeat center; background-size: contain}
.myaccount-pages .right-column .section.edit-newsletters ul li.lettre figure{background: url('../images/subscribe-box-bg.png') no-repeat -15px 15px; background-size: 150px; background-color: #FFDF89}
.myaccount-pages .right-column .section.edit-newsletters ul li > div{width: 300px; display: inline-block; vertical-align: top}
.myaccount-pages .right-column .section.edit-newsletters ul li > div h3{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A}
.myaccount-pages .right-column .section.edit-newsletters ul li > div p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 21px; margin: 5px 0 0 0; padding: 0}
.myaccount-pages .right-column .section.edit-newsletters ul li .preview{color: #1B1A1A; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; float: none; margin: 10px 0 0 0; border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0; height: auto; line-height: initial}
.myaccount-pages .right-column .section.edit-newsletters ul li a{float: right; font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; width: 155px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; transition: .25s}
.myaccount-pages .right-column .section.edit-newsletters ul li .subscribed{border: 1px solid #D1CFCF;position: relative}
.myaccount-pages .right-column .section.edit-newsletters ul li .subscribed::after{content:'\f00c';color:green;font-size: 20px;font-family:FontAwesome;float:right;padding:0 10px 0 0}
.myaccount-pages .right-column .section.edit-newsletters ul li .subscribed:hover{background-color: #1B1A1A; color: #FFFFFF}
.myaccount-pages .right-column .section.edit-newsletters ul li .subscribe{background-color: #1B1A1A !important; color: #FFFFFF; border: 1px solid #D1CFCF}
.myaccount-pages .right-column .section.edit-newsletters ul li .subscribe:hover{background-color: #FFFFFF !important; color: #1B1A1A}

.payment-history-of-table.hidden{display: none}
.payment-history-of-table{margin: 20px 0}
.payment-history-of-table p.title{font-size: 16px;font-weight: bold;padding: 0 0 10px 0;margin: 0 0 20px 0;border-bottom: 2px solid rgba(204, 204, 204, 0.4)}
.payment-history-of-table table{width: 100%;border: 1px solid rgba(204, 204, 204, 0.9);border-collapse: collapse;line-height: 2.5;font-family: Helvetica}
.payment-history-of-table table th{border: 1px solid rgba(204, 204, 204, 0.9);text-align: center;font-size: 14px;font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.payment-history-of-table table td{border: 1px solid rgba(204, 204, 204, 0.9);text-align: center;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 13px}
/*End My Account Page*/

/*newsletter preview*/
.newsletter-overlay{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,.5);display: none;z-index: 999}
.newsletter-overlay .content{width: 620px; margin: auto; position: relative; height: 85%; background-color: #000000; top: 90px}
.newsletter-overlay .content .container{overflow-y: scroll; overflow-x: hidden; position: absolute; font-size: 14px; top: 56px; left: 0; right: 0; background-color: #fff; height: calc(100% - 66px); width: 600px; margin: auto}
.newsletter-overlay .content a.close{width: 36px; height: 36px; right: 10px; position: absolute; top: 10px; background: url('../images/close-newsletter-popup.png') no-repeat center; background-size: contain}
.newsletter-overlay .content .container table{margin: auto}
.newsletter-overlay .content .container table th, .newsletter-overlay .content .container table td{border:none!important}
/*newsletter preview*/

/*cancel subscription*/
.cancel-subscription-page h1{font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif;text-transform: uppercase;color: #1B1A1A;font-weight: normal;font-size: 18px;padding: 0 0 0 10px}
.cancel-subscription-page h2{font-size: 36px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;color: #1B1A1A;font-weight: normal;margin: 5px 0;padding: 0 0 0 10px;display: inline-block}
.cancel-subscription-page div.content{display: block;width: 100%;margin:20px auto;padding: 0 0 0 10px}
.cancel-subscription-page div.content p{color: #1B1A1A;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 16px;display: inline-block;vertical-align: middle;margin:0 0 10px 0}
.cancel-subscription-page div.content p a{color: #FFDF8A;text-decoration: underline}
.cancel-subscription-page div.content h2{font-size: 25px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;color: #1B1A1A;font-weight: normal;margin: 5px 0;padding: 0;display: inline-block}
.cancel-subscription-page div.content ul.reasons{display: block;width: 100%;margin:20px auto}
.cancel-subscription-page div.content ul.reasons li{display: block;width: 100%;margin: 10px auto;cursor: pointer}
.cancel-subscription-page div.content ul.reasons li h5{color: #1B1A1A;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 14px;display: inline-block;font-weight: normal;width: calc(100% - 30px)}
.cancel-subscription-page div.content ul.reasons li span{width: 15px;height: 15px;border: 1px solid #979797;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;position: relative;cursor: pointer;background-color: #FFFFFF;vertical-align: top}
.cancel-subscription-page div.content ul.reasons li.active span:before{content: '\f00c';font-family: 'fontawesome';font-size: 12px;position: absolute;left: 0;right: 0;top: -4px;bottom: 0;margin: auto;display: block;text-align: center;line-height: 20px;opacity: 1;transition: .3s;visibility: visible}
.cancel-subscription-page form{display: block;width: 100%;margin:20px auto}
.cancel-subscription-page form div.criteria{display: block;width: 100%;margin:0 0 20px 0}
.cancel-subscription-page form div.criteria label{color: #1B1A1A;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 16px;display: inline-block;font-weight: normal;display: block;margin:0 0 10px 0}
.cancel-subscription-page form div.criteria textarea{display: block;width:100%;height:100px;font-size: 15px;color:black;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;max-height: 100px;max-width: 100%;min-width: 100%;min-height: 100px;padding:10px}
.cancel-subscription-page form div.criteria textarea.required{border: 1px solid #C84C4C}
.cancel-subscription-page form div.criteria:last-of-type label{font-weight: bold}
.cancel-subscription-page form button{display: block;width: 100%;margin:20px auto;display: inline-block;border-radius: 3px;background-color: #1B1A1A;height: 50px;line-height: 50px;color: #FFFFFF;text-align: center;width: 168px;font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;cursor: pointer;border:none}
.cancel-subscription-page form div.message{display: block;width: 100%;margin:20px auto;color:black;font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.cancel-subscription-page form div.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
/*cancel subscription*/

/*Boutique Pages*/
.boutique-menu .top-menu{height: 70px}
.boutique-menu .top-menu .logo{width: 184px; height: 28px; background: url('../images/logo.svg') no-repeat center; background-size: contain; display: inline-block; margin: 22px 0 0 0}
.boutique-menu .top-menu .login{width: 135px; height: 40px; text-align: center; font-size: 14px; color: #232222; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 36px; background-color: #F3F0F0; float: right; margin: 15px 0 0 0; transition: .25s; border: 1px solid #F3F0F0; border-radius: 3px}
.boutique-menu .top-menu .login:hover{background-color: #FFFFFF}
.boutique-menu .lower-menu{height: 60px; background-color: #1B1A1A}
.boutique-menu .lower-menu ul{text-align: center; position: relative; top: 20px}
.boutique-menu .lower-menu ul li{margin: 0 10px; display: inline-block}
.boutique-menu .lower-menu ul li a{display: block; height: 100%; padding: 0 0 20px 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #FFFFFF}
.boutique-menu .lower-menu ul li a.active{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-menu .lower-menu ul li a.active, .boutique-menu .lower-menu ul li a:hover{border-bottom: 3px solid #FFFFFF}
.boutique-page .items-page{background-color: #F8F6F6; padding: 0 0 10px 0}
.boutique-page .items-page .cover{height: 560px; background: url('../images/boutique-homepage-cover.jpeg') no-repeat center; background-size: cover; position: relative}
.boutique-page .items-page .cover:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, left top, right bottom, from(transparent), to(rgba(0, 0, 0, .75))); width: 100%; height: 100%}
.boutique-page .items-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; max-width: 685px; text-align: center; top: 50%; transform: translateY(-75%)}
.boutique-page .items-page.option-3 .cover .text{max-width: 880px}
.boutique-page .items-page.option-3 .cover .text a{color: #232222; width: 135px; height: 40px; line-height: 40px; text-align: center; display: block; background-color: #FFDF8A; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 20px auto; border-radius: 3px}
.boutique-page .items-page .cover .text h1{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 60px; color: #FFFFFF}
.boutique-page .items-page .cover .text h2{font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; color: #FFFFFF; margin: 20px 0 0 0}
.boutique-page .items-page.option-2 .cover{background: url('../images/boutique-2-cover.png') no-repeat center; background-size: cover}
.boutique-page .items-page.option-3 .cover{background: url('../images/boutique-3-cover.png') no-repeat center; background-size: cover}
.boutique-page .items-page .main-container{padding: 0 30px}
.boutique-page .items-page ul.items{font-size: 0; margin: -160px 0 40px 0; position: relative; z-index: 1}
.boutique-page .items-page ul.items li{width: 32%; display: inline-block; vertical-align: middle;vertical-align: top;position: relative;top:40px}
.boutique-page .items-page ul.items li.premium{width: 36%;top:0}
.boutique-page .items-page ul.items li .content{width: calc(100% - 20px); margin: auto; background-color: #FFFFFF; height: 100%; border-radius: 10px; padding: 20px 0; min-height: 540px}
.boutique-page .items-page ul.items li.premium .content{padding: 35px 0; min-height: 610px}
.boutique-page .items-page ul.items li .content .logos{margin: 0 auto 15px auto; text-align: center}
.boutique-page .items-page ul.items li .content .logos figure{width: 100px; height: 100px; border-radius: 50%; background-color: #F8F6F6; display: inline-block; border: 2px solid #FFFFFF}
.boutique-page .items-page ul.items li .content .logos figure.olj{background-image: url('../images/item-olj-logo.png'); background-repeat: no-repeat; background-position: center; background-size: 75px}
.boutique-page .items-page ul.items li .content .logos figure.cdl{background-image: url('../images/item-cdl-logo.png'); background-repeat: no-repeat; background-position: center; background-size: 85px}
.boutique-page .items-page.option-2 ul.items li .content .logos figure.cdl{background-image: url('../images/item-cdl-logo-2.png'); background-repeat: no-repeat; background-position: center}
.boutique-page .items-page.option-3 ul.items li .content .logos figure.cdl{background-image: url('../images/item-cdl-logo-2.png'); background-repeat: no-repeat; background-position: center}
.boutique-page .items-page ul.items li.premium .content .logos figure.cdl{margin: 0 0 0 -15px}
.boutique-page .items-page ul.items li .content .title{padding: 0 20px; text-align: center}
.boutique-page .items-page ul.items li .content .title h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 24px}
.boutique-page .items-page ul.items li.premium .content .title h2{font-size: 30px}
.boutique-page .items-page ul.items li .content .title h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 20px; font-weight: normal}
.boutique-page .items-page ul.items li.premium .content .title h3{font-size: 24px}
.boutique-page .items-page ul.items li ul{padding: 0 0 20px 0; margin: 20px auto 0 auto; border-bottom: 1px solid #E7E3E3; width: calc(100% - 60px)}
.boutique-page .items-page ul.items li ul.inner li{top:0}
.boutique-page .items-page ul.items li ul li{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; width: 100%; min-height: initial; margin: 0 0 10px 0}
.boutique-page .items-page ul.items li ul li:before{content: '\f00c'; font-family: 'FontAwesome'; font-size: 20px; color: #1B1A1A; margin: 0 10px 0 0; display: inline-block}
.boutique-page .items-page ul.items li ul li.bold{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-page .items-page ul.items li .price{margin: 20px 0 0 0; text-align: center}
.boutique-page .items-page ul.items li .price h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 24px; color: #1B1A1A}
.boutique-page .items-page ul.items li .price h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; font-weight: normal; margin: 5px 0 0 0}
.boutique-page .items-page ul.items li .subscribe{width: 135px; height: 40px; line-height: 40px; text-align: center; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #232222; font-size: 14px; background-color: #FFDF8A; margin: 20px auto 0 auto; display: block; border: 1px solid #FFDF8A; border-radius: 3px}
.boutique-page .items-page ul.items li .more{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 14px; display: block; margin: 15px auto 0 auto; width: 90px; border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0}
.boutique-page .items-page section{margin: 0 0 70px 0}
.boutique-page .items-page section .section-title i{width: 125px; height: 108px; background: url('../images/offers-listing-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 20px 0 0; vertical-align: middle}
.boutique-page .items-page section.special-offers .section-title i{background: url('../images/special-offers-listing-icon.png') no-repeat center; background-size: contain; margin: 0}
.boutique-page .items-page section .section-title > div{display: inline-block; vertical-align: middle}
.boutique-page .items-page section .section-title > div h2{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 36px}
.boutique-page .items-page section .section-title > div span{font-family: AktivGroteskEx-Light, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 5px 0; display: block}
.boutique-page .items-page section.special-offers .section-title > div span{font-size: 36px}
.boutique-page .items-page section .section-title .triple-border{width: 100%; margin: 15px 0 0 0}
.boutique-page .items-page section ul{margin: 45px 0 0 0}
.boutique-page .items-page section ul li{min-height: 166px; background-color: #FFFFFF; border-radius: 10px; margin: 0 0 30px 0; padding: 32px 30px; font-size: 0}
.boutique-page .items-page section ul li .logos{display: inline-block; width: 190px; vertical-align: middle; text-align: center}
.boutique-page .items-page section ul li .logos figure{width: 100px; height: 100px; border-radius: 50%; background-color: #F8F6F6; display: inline-block; border: 2px solid #FFFFFF}
.boutique-page .items-page section ul li .logos figure.olj{background-image: url('../images/item-olj-logo.png'); background-repeat: no-repeat; background-position: center; background-size: 75px}
.boutique-page .items-page section ul li .logos figure.cdl{background-image: url('../images/item-cdl-logo.png'); background-repeat: no-repeat; background-position: center; background-size: 85px}
.boutique-page .items-page.option-2 section ul li .logos figure.cdl{background-image: url('../images/item-cdl-logo-2.png'); background-repeat: no-repeat; background-position: center}
.boutique-page .items-page.option-3 section ul li .logos figure.cdl{background-image: url('../images/item-cdl-logo-2.png'); background-repeat: no-repeat; background-position: center}
.boutique-page .items-page section ul li .logos span{font-size: 24px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-page .items-page section ul li.premium .logos figure.cdl{ margin: 0 0 0 -15px}
.boutique-page .items-page section ul li .details{text-align: center; display: inline-block; width: calc(100% - 380px); vertical-align: middle}
.boutique-page .items-page section ul li .details h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 24px; color: #1B1A1A}
.boutique-page .items-page section ul li .details h4{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 20px; color: #1B1A1A; font-weight: normal; margin: 5px 0 0 0}
.boutique-page .items-page section ul li .details p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; margin: 10px 0 0 0}
.boutique-page .items-page section ul li .details p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-page .items-page section ul li .buttons{width: 190px; display: inline-block; vertical-align: middle}
.boutique-page .items-page section ul li .buttons .subscribe{width: 135px; height: 40px; line-height: 40px; text-align: center; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #232222; font-size: 14px; background-color: #FFDF8A; margin: 20px auto 0 auto; display: block; border: 1px solid #FFDF8A; border-radius: 3px}
.boutique-page .items-page section ul li .buttons .contact{width: 150px; height: 40px; line-height: 40px; text-align: center; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #232222; font-size: 14px; background-color: #FFDF8A; margin: 20px auto 0 auto; display: block; border: 1px solid #FFDF8A; transition: .25s; border-radius: 3px}
.boutique-page .items-page section ul li .buttons .contact a{display: block}
.boutique-page .items-page section ul li .buttons .phone{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; text-align: center; margin: 20px 0 0 0}
.boutique-page .items-page section ul li .buttons .more{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 14px; display: block; margin: 15px auto 0 auto; width: 90px; border-bottom: 1px solid #1B1A1A; padding: 0 0 5px 0}
.boutique-page .items-page .reasons-container{height: 260px; font-size: 0; margin: 60px 0}
.boutique-page .items-page .reasons-container .reasons{width: 49%; display: inline-block; background: url('../images/reasons-bg.png') no-repeat center; background-size: cover; height: 100%; padding: 60px 45px; vertical-align: top; position: relative; border-radius: 10px; margin: 0 2% 0 0}
.boutique-page .items-page .reasons-container .reasons:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%); background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))); width: 100%; height: 100%; z-index: 1; border-radius: 10px}
.boutique-page .items-page .reasons-container .reasons .content{position: relative; z-index: 2}
.boutique-page .items-page .reasons-container .reasons .content h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 36px; color: #FFFFFF}
.boutique-page .items-page .reasons-container .reasons .content a{width: 160px; height: 50px; line-height: 50px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; text-align: center; display: block; background-color: #F8F6F6; border-radius: 3px; margin: 20px 0 0 0}
.boutique-page .items-page .reasons-container .contact{width: 49%; display: inline-block; background: url('../images/contact-bg.png') no-repeat center; background-size: cover; height: 100%; padding: 75px 45px; vertical-align: top; position: relative; border-radius: 10px}
.boutique-page .items-page .reasons-container .contact:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .4) 100%); background: -webkit-gradient(linear, right top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .4))); width: 100%; height: 100%; z-index: 1; border-radius: 10px}
.boutique-page .items-page .reasons-container .contact .content{position: relative; z-index: 2}
.boutique-page .items-page .reasons-container .contact .content h2{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 36px; line-height: 48px; color: #FFFFFF; margin: 0 0 10px 0}
.boutique-page .items-page .reasons-container .contact .content h2:before{content: ''; display: inline-block; width: 30px; height: 25px; background: url('../images/contact-icon-white.png') no-repeat center; background-size: contain; margin: 0 10px 0 0}
.boutique-page .items-page .reasons-container .contact .content p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 20px; color: #FFFFFF}
.boutique-page .info-page{background-color: #F8F6F6}
.boutique-page .info-page .cover{height: 560px; background: url('../images/boutique-info-cover.jpeg?1') no-repeat center; background-size: cover; position: relative; margin: 0 0 40px 0}
.boutique-page .info-page .cover:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, left top, right bottom, from(transparent), to(rgba(0, 0, 0, .75))); width: 100%; height: 100%}
.boutique-page .info-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; max-width: 860px; text-align: center; bottom: 50px}
.boutique-page .info-page .cover .text p{font-size: 24px; line-height: 30px; color: #FFFFFF; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}
.boutique-page .info-page .cover .text a{width: 34px; height: 17px; background: url('../images/angle-down.png?1') no-repeat center; background-size: contain; display: block; margin: 20px auto 0 auto}
.boutique-page .info-page .support-reasons{margin: 0 0 20px 0}
.boutique-page .info-page .support-reasons h2, .boutique-page .info-page .subscribe-reasons h2{font-size: 48px; line-height: 60px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; text-align: center; margin: 0 0 60px 0}
.boutique-page .info-page .support-reasons ul{font-size: 0}
.boutique-page .info-page .support-reasons ul li{position: relative; margin: 0 0 80px 0}
.boutique-page .info-page .support-reasons ul li span{font-size: 400px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #FFDF8A; position: absolute; left: -90px; line-height: 300px}
.boutique-page .info-page .support-reasons ul li:nth-child(2) span{right: -65px; left: initial; top: 0}
.boutique-page .info-page .support-reasons ul li figure{width: 510px; height: 382px; display: inline-block; vertical-align: top}
.boutique-page .info-page .support-reasons ul li > div{padding: 75px 0; display: inline-block; width: calc(100% - 550px); margin: 0 0 0 40px; vertical-align: top}
.boutique-page .info-page .support-reasons ul li:nth-child(2) > div{margin: 0 40px 0 0}
.boutique-page .info-page .support-reasons ul li h3{color: #1B1A1A; font-size: 30px; line-height: 36px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-page .info-page .support-reasons ul li p{color: #1B1A1A; font-size: 20px; line-height: 30px; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.boutique-page .info-page .triple-border{width: 100%; margin: -15px 0 0 0}
.boutique-page .info-page .subscribe-reasons{margin: 70px 0 80px 0}
.boutique-page .info-page .subscribe-reasons ul{padding: 0 0 0 80px}
.boutique-page .info-page .subscribe-reasons ul li figure{background-repeat: no-repeat; background-size: contain; background-position: center; float: left}
.boutique-page .info-page .subscribe-reasons ul li:first-child figure{width: 220px; height: 152px; margin: 32px 0}
.boutique-page .info-page .subscribe-reasons ul li:nth-child(2) figure{width: 172px; height: 152px; margin: 20px 0}
.boutique-page .info-page .subscribe-reasons ul li:last-child figure{width: 200px; height: 180px; margin: 18px 0}
.boutique-page .info-page .subscribe-reasons ul li > div h3{color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 20px}
.boutique-page .info-page .subscribe-reasons ul li > div{padding: 20px; background-color: #FFFFFF; margin: 0 0 20px 280px; border-radius: 10px; min-height: 190px}
.boutique-page .info-page .subscribe-reasons ul li > div p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; margin: 5px 0 0 0}
.boutique-page .info-page .subscribe{height: 150px; background-color: #FFDF8A; text-align: center; padding: 50px 0; margin: 100px 0 0 0}
.boutique-page .info-page .subscribe h3{color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 36px; display: inline-block; vertical-align: middle}
.boutique-page .info-page .subscribe h3 a{width: 158px; height: 50px; line-height: 46px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; color: #FFDF8A; background-color: #1B1A1A; display: inline-block; margin: 0 0 0 20px; vertical-align: middle; border-radius: 3px; border: 1px solid #1B1A1A; transition: .25s}
.boutique-page .info-page .subscribe h3 a:hover{background-color: #FFDF8A; color: #1B1A1A}



.boutique-page .parrainage-page .cover{height: 560px; background: url('../images/boutique-parrainage-cover.png') no-repeat center; background-size: cover; position: relative; margin: 0 0 70px 0}
.boutique-page .parrainage-page .cover:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, left top, right bottom, from(transparent), to(rgba(0, 0, 0, .75))); width: 100%; height: 100%}
.boutique-page .parrainage-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; max-width: 860px; text-align: center; top: 50%; transform: translateY(-50%)}
.boutique-page .parrainage-page .cover .text h3{font-size: 24px; line-height: 30px; color: #FFFFFF; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-weight: normal}
.boutique-page .parrainage-page .cover .text h2{font-size: 48px; line-height: 60px; color: #FFFFFF; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.boutique-page .parrainage-page .cover .text p{font-size: 24px; color: #FFFFFF; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; line-height: 30px; margin: 20px auto 0 auto; width: 685px}
.boutique-page .parrainage-page .cover a{width: 34px; height: 17px; background: url('../images/angle-down.png?1') no-repeat center; background-size: contain; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto}
.boutique-page .parrainage-page .main-container{font-size: 0}
.boutique-page .parrainage-page .info{width: 55%; margin: 0 5% 0 0; display: inline-block; vertical-align: top}
.boutique-page .parrainage-page .info h3{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 36px; margin: 0 0 10px 0}
.boutique-page .parrainage-page .info p{font-size: 20px; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 30px}
.boutique-page .parrainage-page .info .list{margin: 60px 0 0 0}
.boutique-page .parrainage-page .info .list ul{margin: 20px 0 0 0}
.boutique-page .parrainage-page .info .list ul li{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 26px; margin: 0 0 20px 0}
.boutique-page .parrainage-page .info .list ul li:before{content: '\f00c'; font-family: 'FontAwesome'; color: #1B1A1A; font-size: 18px; width: 30px; height: 30px; background-color: #FFDF8A; display: inline-block; border-radius: 50%; margin: 0 20px 0 0; text-align: center; line-height: 30px}
.boutique-page .parrainage-page form{width: 40%; display: inline-block; vertical-align: top; background-color: #F6F4F4; padding: 30px; margin: 0 0 70px 0}
.boutique-page .parrainage-page form h3{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 30px 0}
.boutique-page .parrainage-page form .row{margin: 0 0 30px 0}
.boutique-page .parrainage-page form label{color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; margin: 0 0 10px 0; display: block}
.boutique-page .parrainage-page form input[type='text'], .boutique-page .parrainage-page form input[type='email'], .boutique-page .parrainage-page form textarea{width: 100%; border: 1px solid #D1CFCF; border-radius: 3px; height: 50px; outline: none; padding: 0 0 0 10px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.boutique-page .parrainage-page form textarea{height: 100px; max-width: 100%; min-width: 100%; min-height: 100px; max-height: 100px; resize: none}
.boutique-page .parrainage-page form .submit{width: 100px; height: 50px; color: #FFFFFF; background-color: #1B1A1A; border-radius: 3px; text-align: center; display: block; line-height: 50px; font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}



.boutique-page .boutique-offer-page .cover{height: 560px; background: url('../images/boutique-offer-1-cover.png') no-repeat center; background-size: cover; position: relative}
.boutique-page .boutique-offer-page .cover:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .75) 100%); background: -webkit-gradient(linear, left top, right bottom, from(transparent), to(rgba(0, 0, 0, .75))); width: 100%; height: 100%}
.boutique-page .boutique-offer-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; text-align: center; top: 50%; transform: translateY(-30%)}
.boutique-page .boutique-offer-page .cover .text p{color: #FFFFFF; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 24px; max-width: 685px; margin: auto}
.boutique-page .boutique-offer-page .cover .text p:last-of-type{font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif}
.boutique-page .boutique-offer-page .cover .text h1{color: #FFFFFF; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 48px; margin: 30px 0}
.boutique-page .boutique-offer-page .cover .text a{width: 34px; height: 17px; background: url('../images/angle-down.png?1') no-repeat center; background-size: contain; display: block; margin: 100px auto 0 auto}
.boutique-page .boutique-offer-page form{margin: 90px 0 120px 0; font-size: 0}
.boutique-page .boutique-offer-page form .steps .step{background-color: #F6F4F4; border-radius: 8px; padding: 40px 85px 10px 85px; margin: 0 0 40px 0}
.boutique-page .boutique-offer-page form .steps .step .step-header{border-bottom: 1px solid #979797; padding: 0 0 25px 0; margin: 0 0 50px 0}
.boutique-page .boutique-offer-page form .steps .step .step-header.no-border{border-bottom: none;margin: 0 0 30px 0;padding:0}
.boutique-page .boutique-offer-page form .steps .step .step-header .number{width: 64px; height: 64px; background-color: #FBD571; border-radius: 50%; display: inline-block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 36px; text-align: center; line-height: 64px; vertical-align: middle}
.boutique-page .boutique-offer-page form .steps .step .step-header h2{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; display: inline-block; margin: 0 0 0 25px; vertical-align: middle}
.boutique-page .boutique-offer-page form .row .half{width: 49%; display: inline-block; margin: 0 2% 30px 0; vertical-align: top}
.boutique-page .boutique-offer-page form .row .half:nth-child(even){margin: 0 0 30px 0}
.boutique-page .boutique-offer-page form .row .half label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.boutique-page .boutique-offer-page form .row .half input[type="text"], .boutique-page .boutique-offer-page form .row .half input[type="email"], .boutique-page .boutique-offer-page form .row .half input[type="password"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; padding: 0 10px}
.boutique-page .boutique-offer-page form .row .half input.error{border: 1px solid #C84C4C}
.boutique-page .boutique-offer-page form .row .half input[type="number"]{height: 50px; border: 1px solid #D1CFCF; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; -moz-appearance: textfield; padding: 0 10px; width: 100%}
.boutique-page .boutique-offer-page form .row .half input[name="day"], .boutique-page .boutique-offer-page form .row .half input[name="month"]{width: 55px; margin: 0 10px 0 0}
.boutique-page .boutique-offer-page form .row .half input[name="year"]{width: 95px}
.boutique-page .boutique-offer-page form .row .half input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
.boutique-page .boutique-offer-page form .row .half input[type="number"]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.boutique-page .boutique-offer-page form .row .half input[type="number"]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.boutique-page .boutique-offer-page form .row .half input[type="number"]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.boutique-page .boutique-offer-page form .row .half input[type="number"]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.boutique-page .boutique-offer-page form .row .half p{color: #C84C4C; font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.boutique-page .boutique-offer-page form .row .half p a{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #1B1A1A}
.boutique-page .boutique-offer-page form .row .error{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.boutique-page .boutique-offer-page form .row .error span{color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-page .boutique-offer-page form .items p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 20px 0}
.boutique-page .boutique-offer-page form .items ul li{width: 49%; margin: 0 2% 0 0; min-height: 215px; background-color: #FFFFFF; border: 1px solid #DBD8D8; display: inline-block; border-radius: 6px; padding: 25px; vertical-align: top}
.boutique-page .boutique-offer-page form .items ul li:last-child{margin: 0}
.boutique-page .boutique-offer-page form .items ul li input{display: none}
.boutique-page .boutique-offer-page form .items ul li span{width: 30px; height: 30px; border: 1px solid #D1CFCF; border-radius: 50%; display: block; position: relative; transition: .25s}
.boutique-page .boutique-offer-page form .items ul li span.active{background-color: #1B1A1A}
.boutique-page .boutique-offer-page form .items ul li span.active:after{content: ''; width: 12px; height: 12px; background: url('../images/check-icon.png') no-repeat center; background-size: contain; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.boutique-page .boutique-offer-page form .items ul li h3{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 25px 0 0 0}
.boutique-page .boutique-offer-page form .items ul li h4{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px;padding:10px 0 0 0}
.boutique-page .boutique-offer-page form .donation{margin: 50px 0 0 0}
.boutique-page .boutique-offer-page form .donation h3{font-size: 18px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A}
.boutique-page .boutique-offer-page form .donation .amount{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 5px 0 0 0}
.boutique-page .boutique-offer-page form .donation .amount p{display: inline-block}
.boutique-page .boutique-offer-page form .donation .amount input{width: 80px; height: 48px; border: 1px solid #D1CFCF; border-radius: 3px; margin: 0 15px}
.boutique-page .boutique-offer-page form .step-footer{border-top: 2px solid #FBD571; margin: 50px 0 0 0; padding: 30px 0}
.boutique-page .boutique-offer-page form .step-footer h2{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center}
.boutique-page .boutique-offer-page form .step-footer .notice{width: 425px; margin: 25px auto 0 auto}
.boutique-page .boutique-offer-page form .step-footer .notice span{width: 24px; height: 24px; border: 1px solid #979797; display: inline-block; background-color: #FFFFFF; vertical-align: middle; cursor: pointer; transition: .25s; position: relative}
.boutique-page .boutique-offer-page form .step-footer .notice span:before{content: '\f00c'; font-family: 'fontawesome'; font-size: 18px; position: absolute; left: 0; right: 0; top: 2px; margin: auto; display: block; text-align: center; line-height: 20px; opacity: 0; visibility: hidden; transition: .3s}
.boutique-page .boutique-offer-page form .step-footer .notice span.active:before{opacity: 1; visibility: visible}
.boutique-page .boutique-offer-page form .step-footer .notice input{display: none}
.boutique-page .boutique-offer-page form .step-footer .notice p{font-size: 16px; color: #000000; line-height: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; width: calc(100% - 45px)}
.boutique-page .boutique-offer-page form .step-footer .notice p a{text-decoration: underline}
.boutique-page .boutique-offer-page form .step-footer a{width: 190px; margin: 40px auto 0 auto}

/*End Boutique Pages*/



/*Latest News*/
.latest-news-page .main-container{font-size: 0}
.latest-news-page h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 10px}
.latest-news-page h1:before{content: ''; width: 32px; height: 32px; background: url('../images/icons-sprite.png?1') no-repeat -44px -3px; background-size: 130px; display: inline-block; margin: 0 20px 0 0}
.latest-news-page .triple-border{width: calc(100% - 10px); margin: 20px 0 20px 10px}
.latest-news-page .article-5{min-height: 145px; padding: 0 0 40px 0; width: calc(100% - 10px); margin: 0 10px 40px 0}
.latest-news-page .article-5 .content{width: calc(100% - 10px); margin: 0 0 0 10px}
.latest-news-page .article-5 .content > div{width: calc(100% - 135px); display: inline-block}
.latest-news-page .article-5.no-image .content > div{width: 100%}
.latest-news-page .article-5 .content > div .time{font-size: 13px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #1B1A1A; float: left; position: relative; top: 4px}
.latest-news-page .article-5 .content > div h2{font-size: 20px; line-height: 28px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal; padding: 0 0 0 75px; transition: .25s}
.latest-news-page .article-5 a:hover .content > div h2{color: #817C7C}
.latest-news-page .article-5.urgent .content > div h2:before{content: ''; display: inline-block; width: 10px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -31px -31px; background-size: 90px; margin: 0 10px 0 0; position: relative; top: 2px}
.latest-news-page .article-5 .content > div h2 span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; display: inline-block}
.latest-news-page .article-5 .content figure{width: 105px; height: 105px; display: inline-block}
/*End Latest News*/


/*Jeux Page*/
.jeux-page h1{font-size: 50px; color: #1B1A1A; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 10px}
.jeux-page h2{font-size: 18px; color: #1B1A1A; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; padding: 0 0 0 10px; margin: 5px 0 0 0}
.jeux-page .main-container{font-size: 0}
.jeux-page .main-container .games{font-size: 0; width: calc(100% - 20px); margin: auto}
.jeux-page .main-container .games li{width: 32%; margin: 0 2% 2% 0; display: inline-block; vertical-align: top}
.jeux-page .main-container .games li a{padding: 50px 10px; display: block; min-height: 345px; height: 100%; transition: .25s; background-color: #F8F6F6; border-bottom: 1px solid #E7E3E3}
.jeux-page .main-container .games li a:hover{background-color: #E9E7E7}
.jeux-page .main-container .games li:nth-child(3n){margin: 0 0 2% 0}
.jeux-page .main-container .games li figure{width: 120px; height: 120px; border-radius: 50%; margin: auto}
.jeux-page .main-container .games li h3{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-align: center; margin: 25px 0 0 0}
.jeux-page .main-container .games li span{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; text-align: center; display: block; margin: 5px 0 0 0}
.jeux-page .main-container .game-container{background-color: #F8F6F6; width: calc(100% - 20px); margin: auto; padding: 40px 40px 120px 40px; border-bottom: 1px solid #E7E3E3}
.jeux-page .main-container .game-container img{width: 100%}
.jeux-page .main-container .game-container a.previous, .jeux-page .main-container .game-container a.next{width: 49%; height: 45px; font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; border: 1px solid #D8D8D8; display: inline-block; line-height: 42px; margin: 40px 0 0 0; position: relative; border-radius: 3px; transition: .25s}
.jeux-page .main-container .game-container a.previous:hover, .jeux-page .main-container .game-container a.next:hover{background-color: #1B1A1A; color: #FFFFFF}
.jeux-page .main-container .game-container a.print{width: 35px; height: 35px; border-radius: 50%; background-color: #1B1A1A; text-align: center; line-height: 35px; margin: 0 0 20px 0; color: #FFFFFF; font-size: 16px; float: right; transition: .25s}
.jeux-page .main-container .game-container a.print:hover{background-color: #817C7C}
.jeux-page .main-container .game-container .previous{float: left}
.jeux-page .main-container .game-container .next{float: right}
.jeux-page .main-container .game-container .previous:before, .jeux-page .main-container .game-container .next:before{font-family: 'FontAwesome'; font-size: 20px; color: #ADA5A5; position: absolute}
.jeux-page .main-container .game-container .previous:before{content: '\f104'; left: 20px}
.jeux-page .main-container .game-container .next:before{content: '\f105'; right: 20px}
.jeux-page .main-container .other-games{width: calc(100% - 20px); margin: 40px auto 0 auto}
.jeux-page .main-container .other-games h3{text-transform: uppercase; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A}
.jeux-page .main-container .other-games h3 span{display: inline-block}
.jeux-page .main-container .other-games ul{margin: 20px 0 0 0}
.jeux-page .main-container .other-games ul li{width: 32%; margin: 0 2% 0 0; display: inline-block; vertical-align: top}
.jeux-page .main-container .other-games ul li:last-child{margin: 0}
.jeux-page .main-container .other-games ul li a{display: block; padding: 20px; transition: .25s; background-color: #F8F6F6; height: 175px; border-bottom: 1px solid #E7E3E3}
.jeux-page .main-container .other-games ul li a:hover{background-color: #E9E7E7}
.jeux-page .main-container .other-games ul li figure{width: 80px; height: 80px; border-radius: 50%; background-color: #6F9BE5; margin: 0 auto 10px auto}
.jeux-page .main-container .other-games ul li h4{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-align: center}
.jeux-page .main-container .other-games ul li p{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; text-align: center; margin: 5px 0 0 0}
/*End Jeux Page*/


/*FAQ Page*/
.static-pages h1{font-size: 40px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 0 0 0 10px; font-weight: normal}
.faq-page .triple-border{width: calc(100% - 20px); margin: 20px 10px}
.faq-page .main-container{font-size: 0}
.faq-page h2{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-weight: normal}
.faq-page section{font-size: initial; padding: 0 10px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.faq-page ul{margin: 30px 0 0 0}
.faq-page ul li{border-radius: 6px; background-color: #F6F4F4; padding: 12px 50px 12px 20px; position: relative; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 36px; margin: 20px 0 0 0; height: 60px; overflow: hidden; cursor: pointer}
.faq-page ul li.active{height: auto}
.faq-page ul li:after{content: '\f106'; font-family: 'FontAwesome'; font-size: 24px; color: #ADA5A5; position: absolute; right: 20px; top: 10px}
.faq-page ul li.active:after{transform: rotate(180deg)}
.faq-page ul li a{text-decoration: underline; color: #085294; transition: .2s}
.faq-page ul li a:hover{color: #0a6ec0}
/*End FAQ Page*/


/*Contact Page*/
.contact-page .main-container{font-size: 0}
.contact-page h1{font-size: 50px}
.contact-page section{width: calc(100% - 20px); border-bottom: 1px solid #D1CFCF; padding: 0 0 40px 0; margin: 0 auto 40px auto}
.contact-page section:last-child{border: none; padding: 0; margin: 0 auto 20px auto}
.contact-page section h2{font-size: 30px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; line-height: 40px; margin: 0 0 10px 0}
.contact-page section p{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 28px}
.contact-page section p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.contact-page section .contact{margin: 0 0 30px 0}
.contact-page section .contact:last-child{margin: 0}
.contact-page section .contact p.add-margin-top{margin: 10px 0 0 0}
/*End Contact Page*/


/*Sitemap Page*/
.sitemap-page .main-container{font-size: 0}
.sitemap-page section{width: calc(100% - 20px); margin: auto}
.sitemap-page section ul > li > ul{float: left; width: 50%}
.sitemap-page section ul > li > ul{margin: 0 0 40px 0}
.sitemap-page section ul > li > ul > li{margin: 0 0 5px 0}
.sitemap-page section ul > li > ul > li h2{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 40px 0}
.sitemap-page section ul > li > ul > li a{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
/*End Sitemap Page*/


/*Login Page*/
.login-page{padding: 50px 0 60px 0}
.login-page .title h1{font-size: 36px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center; color: #1B1A1A}
.login-page .title p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; color: #817C7C; margin: 10px 0 0 0}
.login-page .container{background-color: #F6F4F4; padding: 60px 0 30px 0; width: 100%; max-width: 680px; margin: 50px auto 0 auto}
.login-page .container form{width: 100%; max-width: 430px; margin: auto}
.login-page .container form > div{width: 100%; max-width: 335px; margin: auto}
.login-page .container form > div label{display: block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #817C7C; margin: 0 0 10px 0}
.login-page .container form > div input{display: block; width: 100%; height: 50px; border: 1px solid #D1CFCF; outline: none; padding: 0 10px; margin: 0 0 20px 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 13px; border-radius: 3px}
.login-page .container form > div input.required{border: 1px solid #C84C4C}
.login-page .container form p.error.message{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;color: #1B1A1A;display: block;margin: 20px auto}
.login-page .container form p.error.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.login-page .container form > div .buttons{margin: 50px 0 0 0}
.login-page .container form > div .buttons .submit{display: inline-block; border-radius: 3px; background-color: #1B1A1A; height: 50px; line-height: 46px; color: #FFFFFF; text-align: center; width: 168px; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; cursor: pointer; border: 1px solid #1B1A1A}
.login-page .container form > div .buttons .forgot-password{font-size: 12px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #1B1A1A; margin: 0 0 0 20px}
.social-login{border-top: 1px solid #D8D8D8; margin: 30px 0 0 0; padding: 30px 0 0 0; text-align: center}
.social-login a{width: 218px; height: 42px; line-height: 42px; text-align: center; color: #FFFFFF; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 12px; display: inline-block; border-radius: 3px; margin: 0 5px}
.social-login a i{display: inline-block; margin: 0 10px 0 0; position: relative}
.social-login .facebook{background-color: #3367B8}
.social-login .facebook i{width: 18px; height: 18px; background: url('../images/facebook-login-icon.png') no-repeat center; background-size: contain; top: 5px}
.social-login .google{background-color: #4285F4}
.social-login .google i{width: 24px; height: 24px; background: url('../images/google-login-icon.png') no-repeat center; background-size: contain; top: 8px}
.login-page .no-account{border-top: 1px solid #D8D8D8; margin: 65px 0 0 0; padding: 40px 0; text-align: center}
.login-page .no-account h2{font-size: 36px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.login-page .no-account p{font-size: 18px; color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.login-page .no-account a{width: 220px; text-align: center; color: #FFFFFF; height: 50px; background-color: #1B1A1A; display: block; border-radius: 3px; line-height: 46px; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 40px auto 0 auto}
/*End Login Page*/


/*Forgot Password Page*/
.forgotpassword-page{padding: 50px 0 85px 0}
.forgotpassword-page .title h1{font-size: 36px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center; color: #1B1A1A}
.forgotpassword-page .container{background-color: #F6F4F4; padding: 75px 0; width: 100%; max-width: 860px; margin: 60px auto 0 auto}
.forgotpassword-page .container form{width: 100%; max-width: 430px; margin: auto}
.forgotpassword-page .container form p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19px; text-align: center; margin: 0 auto 40px auto; max-width: 400px}
.forgotpassword-page .container form > div{width: 100%; max-width: 335px; margin: auto}
.forgotpassword-page .container form > div label{display: block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; color: #817C7C; margin: 0 0 10px 0}
.forgotpassword-page .container form > div input{display: block; width: 100%; height: 50px; border: 1px solid #D1CFCF; outline: none; padding: 0 10px; margin: 0 0 20px 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px}
.forgotpassword-page .container form > div input.required{border: solid 1px #C84C4C}
.forgotpassword-page .container form > div .buttons{margin: 25px 0 0 0; text-align: center}
.forgotpassword-page .container form > div .buttons .submit{display: block; border-radius: 3px; background-color: #1B1A1A; height: 50px; line-height: 46px; color: #FFFFFF; text-align: center; width: 168px; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: auto}
.forgotpassword-page .container form > div .buttons .back{font-size: 16px; color: #565656; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #565656; margin: 50px 0 0 0; display: inline-block}
.forgotpassword-page .container form .error.message {font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;color: #1B1A1A;display: block;margin: 20px auto}
.forgotpassword-page .container form .error.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
/*End Forgot Password Page*/


/*Register Page*/
.register-page{padding: 50px 0 85px 0}
.register-page h1{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 36px; color: #1B1A1A; text-align: center; line-height: 43px}
.register-page form .container{background-color: #F6F4F4; font-size: 0; padding: 50px 85px 30px 85px}
.register-page form .container .social-login{border-top: none; padding: 0; margin: 0}
.register-page form .container .social-login > div{margin: 25px 0 50px 0; position: relative; z-index: 1}
.register-page form .container .social-login > div span{font-size: 16px; color: #3B3B3B; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #F6F4F4; padding: 5px 30px}
.register-page form .container .social-login > div:before{content: ''; position: absolute; width: 100%; border-top: 1px solid #979797; left: 0; top: 10px; z-index: -1}
.register-page form{margin: 60px 0 0 0}
/*.register-page form .step{margin: 40px 0 0 0}*/
/*.register-page form .step-1{max-width: 860px; margin: 40px auto 0 auto}*/
/*.register-page form .step-count{width: 40px; height: 40px; border: 1px solid #817C7C; border-radius: 50%; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; font-size: 24px; text-align: center; display: block; color: #817C7C; line-height: 38px; margin: auto}*/
.register-page form .container .row .half{width: 49%; display: inline-block; margin: 0 2% 30px 0; vertical-align: top}
.register-page form .container .row .half:nth-child(even){margin: 0 0 30px 0}
.register-page form .container .row .half label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.register-page form .container .row .half input[type="text"], .register-page form .container .row .half input[type="email"], .register-page form .container .row .half input[type="password"]{height: 50px; width: 100%; border: 1px solid #D1CFCF; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; padding: 0 10px}
.register-page form .container .row .half input.required{border: 1px solid #C84C4C}
.register-page form .container .row .half input[type="number"]{height: 50px; border: 1px solid #D1CFCF; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 3px; -moz-appearance: textfield; text-align: center; padding: 0 5px}
.register-page form .container .row .half input[name="day"], .register-page form .container .row .half input[name="month"]{width: 55px; margin: 0 10px 0 0}
.register-page form .container .row .half input[name="year"]{width: 95px}
.register-page form .container .row .half input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}
.register-page form .container .row .half input[type="number"]::-webkit-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.register-page form .container .row .half input[type="number"]:-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.register-page form .container .row .half input[type="number"]::-moz-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.register-page form .container .row .half input[type="number"]:-ms-input-placeholder{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; text-align: center}
.register-page form .container .row .half p{color: #C84C4C; font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.register-page form .container .row .half p a{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #1B1A1A}
.register-page form .container .row .error{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
.register-page form .container .row .error span{color: #C84C4C; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.register-page form .container .subscription-notice{max-width: 475px; margin: 50px auto 0 auto}
.register-page form .container .subscription-notice .newsletter input[type="checkbox"]{display: none}
.register-page form .container .subscription-notice .newsletter span{width: 22px; height: 22px; border: 1px solid #979797; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; position: relative; cursor: pointer; background-color: #FFFFFF}
.register-page form .container .subscription-notice .newsletter span:before{content: '\f00c'; font-family: 'fontawesome'; font-size: 18px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; text-align: center; line-height: 20px; opacity: 0; visibility: hidden; transition: .3s}
.register-page form .container .subscription-notice .newsletter span.active:before{opacity: 1; visibility: visible}
.register-page form .container .subscription-notice .newsletter p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #000000; line-height: 19px; display: inline-block; vertical-align: middle; cursor: pointer}
.register-page form .container .subscription-notice .terms{margin: 20px 0 0 0}
.register-page form .container .subscription-notice .terms p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #565656; line-height: 19px}
.register-page form .container .subscription-notice .terms p a{text-decoration: underline}
.black-button{background-color: #1B1A1A; color: #FFFFFF; border-radius: 3px; width: 150px; height: 50px; line-height: 46px; text-align: center; display: block; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 30px auto 0 auto}

.register-page .subscribe .offer{margin: 60px auto 0 auto; max-width: 650px}
.register-page .subscribe .offer h3{font-size: 22px; color: #000000; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center}
.register-page .subscribe .offer .container{background-color: #FFDF8A; border-radius: 8px; margin: 30px 0 0 0; font-size: 0}
.register-page .subscribe .offer .container .top-container{border-bottom: 1px solid #F3CB61; padding: 30px 30px 50px 30px}
.register-page .subscribe .offer .container .top-container > div{width: calc(100% - 185px); display: inline-block; vertical-align: top}
.register-page .subscribe .offer .container .top-container > div h2{font-size: 26px; color: #000000; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 0 0 15px 0}
.register-page .subscribe .offer .container .top-container > div p{font-size: 22px; color: #000000; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.register-page .subscribe .offer .container .top-container > div ul{margin: 20px 0 15px 0}
.register-page .subscribe .offer .container .top-container > div ul li{margin: 0 0 5px 0}
.register-page .subscribe .offer .container .top-container > div ul li:before{content: ''; width: 15px; height: 10px; background: url('../images/check-icon-black.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle; margin: 0 15px 0 0}
.register-page .subscribe .offer .container .top-container > div ul li p{font-size: 17px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; width: calc(100% - 30px); text-align: left}
.register-page .subscribe .offer .container .top-container > div ul li p.bold{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.register-page .subscribe .offer .container .top-container > div a{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; text-decoration: underline; margin: 0 0 0 35px}
.register-page .subscribe .offer .container .top-container .logos{width: 185px; display: inline-block; vertical-align: top}
.register-page .subscribe .offer .container .top-container .logos figure{display: inline-block; width: 100px; height: 100px; border-radius: 50%; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; background-size: 80px}
.register-page .subscribe .offer .container .top-container .logos figure.olj{background-image: url('../images/item-olj-logo.png')}
.register-page .subscribe .offer .container .top-container .logos figure.cdl{background-image: url('../images/item-cdl-logo.png'); margin: 0 0 0 -15px; border: 2px solid #ffdf89}
.register-page .subscribe .offer .container .bottom-container{padding: 30px}
.register-page .subscribe .offer .container .bottom-container h2{font-size: 31px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center}
.register-page .subscribe .offer .container .bottom-container p{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center}
.register-page .subscribe .offer .container .bottom-container a{margin: 45px auto 0 auto}
.register-page .subscribe .offer .skip{width: 220px; height: 50px; border: 1px solid #1B1A1A; display: block; margin: 70px auto 0 auto; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 14px; border-radius: 3px; text-align: center; line-height: 50px}
.register-page form .skip{font-size: 12px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; border-bottom: 1px solid #979797; width: 105px; text-align: center; padding: 0 0 10px 0; margin: 10px auto 50px auto; display: block}
.register-page .newsletters .container{margin: 50px 0 0 0}
.register-page .newsletters .container h4{font-size: 18px; color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; margin: 0 0 50px 0}
.register-page .newsletters .container ul{font-size: 0}
.register-page .newsletters .container ul li{display: inline-block; width: 32%; margin: 0 2% 2% 0; min-height: 325px; background-color: #F6F4F4; border-radius: 6px; padding: 25px; position: relative; vertical-align: top}
.register-page .newsletters .container ul li:nth-child(3n){margin: 0 0 2% 0}
.register-page .newsletters .container ul li:nth-child(4), .register-page form .step-2 .container ul li:nth-child(5){margin: 0 2% 0 0}
.register-page .newsletters .container ul li:last-child{margin: 0}
.register-page .newsletters .container ul li figure{width: 80px; height: 80px; border-radius: 60%; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0 15px 0}
.register-page .newsletters .container ul li h3{font-size: 18px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A}
.register-page .newsletters .container ul li p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 5px 0 0 0; line-height: 24px}
.register-page .newsletters .container ul li .subscribe{width: 30px; height: 30px; border: 1px solid #D1CFCF; border-radius: 50%; background-color: #FFFFFF; position: absolute; top: 25px; right: 25px; transition: .25s}
.register-page .newsletters .container ul li .subscribe.active{background-color: #1B1A1A}
.register-page .newsletters .container ul li .subscribed{background-color: #1B1A1A}
.register-page .newsletters .container ul li .subscribe:after{content: ''; width: 12px; height: 12px; display: block; background: url('../images/plus-icon.png') no-repeat center; background-size: contain; margin: 8px auto}
.register-page .newsletters .container ul li .subscribe.subscribed:after{background: url('../images/check-icon.png') no-repeat center; background-size: contain}
.register-page .newsletters .container .black-button{width: 220px; margin: 75px auto 0 auto}
/*End Register Page*/


/*Error Page*/
.error-page .main-container .error-message{margin: 80px 0 120px 0}
.error-page .main-container .error-message figure{width: 172px; height: 152px; background: url('../images/error-page-bg.png') no-repeat center; background-size: contain; margin: 0 auto 50px auto}
.error-page .main-container .error-message p{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 40px; color: #1B1A1A; text-align: center}
.error-page .main-container .error-message a{width: 348px; display: block; margin: 50px auto 0 auto; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; text-align: center; height: 55px; border: 1px solid #1B1A1A; color: #1B1A1A; border-radius: 28px; line-height: 55px}
/*End Error Page*/


/*English Homepage*/
.homepage.in-english .load-more{margin: 10px auto 20px auto}
/*End English Homepage*/


/*Unsubscribe Page*/
.unsubscribe-page .main-column{width: calc(100% - 20px); margin: 0 10px}
.unsubscribe-page .main-column p{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 5px 0}
/*End Unsubscribe Page*/


/*Litteraire Homepage*/
header .desktop-header.litteraire .main-menu .inmenu-left-content{width: 253px}
header .desktop-header.litteraire .main-menu .inmenu-right-content{width: 303px}
header .desktop-header.litteraire .main-menu .inmenu-right-content .login{margin: 0 10px 0 0}
header .desktop-header.litteraire .main-menu .inmenu-right-content .toggle-search i{margin: 0 5px 0 0}
header .desktop-header.litteraire .main-menu .inmenu-right-content .button{width: 125px}
header .desktop-header.litteraire .main-menu .inmenu-right-content .loggedin{width: 40px}
header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{padding: 0 11px; font-size: 14px}
header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 10px 0 22px}
header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content .logo{background: url('../images/litteraire-logo.svg') no-repeat center; background-size: contain}
header .mobile-header.litteraire .top-menu .logo{background: url('../images/litteraire-logo.svg') no-repeat center; background-size: contain}
header .mobile-header.litteraire .mobile-menu .menu-head .logo{background: url('../images/litteraire-logo.svg') no-repeat center; background-size: contain}
.homepage-litteraire .main-container{font-size: 0}
.homepage-litteraire .subscribe-box-1{margin: 20px auto 60px auto}
.homepage-litteraire section{margin: 0 0 30px 0}
.homepage-litteraire .article-4 .content h3{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.homepage-litteraire .file{margin: 20px auto 60px auto}
.homepage-litteraire .sidebar.mpu-2{margin: 85px 10px 0 10px}
.homepage-litteraire .newsletter-box{margin: 0 auto}
.litteraire-issue-calendar{padding: 10px 20px; background-color: #F6F4F4; border-radius: 6px; margin: 0 0 20px 0}
.litteraire-issue-calendar label{font-size: 13px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: inline-block; vertical-align: middle; margin: 0 8px 0 0}
.litteraire-issue-calendar .list{height: 40px; display: inline-block; vertical-align: middle; cursor: pointer; position: relative}
.litteraire-issue-calendar .month{width: 125px; margin: 0 8px 0 0}
.litteraire-issue-calendar .year{width: 85px}
.litteraire-issue-calendar .list .selected{position: relative}
.litteraire-issue-calendar .list .selected{position: absolute; width: 100%; border-radius: 20px; border: 1px solid #D8D8D8; background-color: #FFFFFF; height: 40px; overflow: hidden; transition: .5s; z-index: 1; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; padding: 10px 20px 10px 10px}
.litteraire-issue-calendar .list .selected.has-items:after{content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; color: #817C7C; position: absolute; right: 10px; top: 10px; transition: .25s}
.litteraire-issue-calendar .list .selected.has-items.active:after{transform: rotate(-180deg)}
.litteraire-issue-calendar .list ul{position: absolute; width: 100%; border-radius: 20px; border: 1px solid #D8D8D8; background-color: #FFFFFF; overflow-y: scroll; z-index: 1; top: 40px; opacity: 0; visibility: hidden; max-height: 125px; transition: .5s; border-top: none}
.litteraire-issue-calendar .list ul.active{opacity: 1; visibility: visible}
.litteraire-issue-calendar .list ul li{height: 40px; border-radius: 20px}
.litteraire-issue-calendar .list ul li a{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; padding: 10px 20px 10px 10px; display: block}
.litteraire-pdf-container{padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D8D8D8}
.litteraire-pdf-container a{display: block; border-radius: 6px; background-color: #F6F4F4; padding: 10px; min-height: 120px}
.litteraire-pdf-container a figure{width: 100px; height: 100px; border-radius: 50%; background-color: #D1CFCF; float: left}
.litteraire-pdf-container a > div{padding: 10px 0 0 115px}
.litteraire-pdf-container a > div h3{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-weight: normal}
.litteraire-pdf-container a > div span{display: block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; margin: 2px 0 0 0}
.article-page.litteraire .sidebar .litteraire-issue-calendar{margin: 20px 0}
/*End Litteraire Homepage*/

.upgrade-banner{min-height: 225px; border-radius: 3px; background-color: #FFDF8A; width: 100%; max-width: 1380px; font-size: 0; margin: 40px auto; padding: 40px 50px}
.upgrade-banner.hide-upgrade-banner .upgrade-article{display: none !important}
.upgrade-banner .upgrade-article{width: 38%; display: inline-block; vertical-align: middle; padding: 0 65px 0 0; margin: 0 65px 0 0; border-right: 1px solid #ECCE7E}
.upgrade-banner .upgrade-article article h3{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 20px 0}
.upgrade-banner .upgrade-article article figure{height: 175px; margin: 0 0 20px 0}
.upgrade-banner .upgrade-article article h4{font-size: 13px; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #A78D47; margin: 0 0 12px 0}
.upgrade-banner .upgrade-article article p{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; line-height: 24px}
.upgrade-banner .details{width: calc(62% - 65px); display: inline-block; vertical-align: middle}
.upgrade-banner.hide-upgrade-banner .details{width: 100%; display: block}
.upgrade-banner .logos{font-size: 34px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.upgrade-banner .logos .olj{width: 162px; height: 25px; background: url('../images/logo.png') no-repeat center; background-size: contain; display: inline-block}
.upgrade-banner .logos .cdl{width: 120px; height: 30px; background: url('../images/cdl-logo.png') no-repeat center; background-size: contain; display: inline-block; position: relative; top: 3px}
.upgrade-banner h2{font-size: 24px; color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 5px 0 0 0}
.upgrade-banner a.subscribe{display: inline-block; height: 50px; padding: 0 25px; background-color: #1B1A1A; border-radius: 3px; line-height: 46px; text-align: center; font-size: 16px; color: #FFDF8A !important; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 25px 0 0 0; transition: .25s; border: 1px solid #1B1A1A}
.upgrade-banner a.subscribe:hover{background-color: #FFDF8A; color: #1B1A1A !important}
.article-page .main-column article.main .article-content .text .upgrade-banner .main-container{padding: 0}
.article-page .main-column article.main .article-content .text .upgrade-banner .upgrade-article{display: none !important}
.article-page .main-column article.main .article-content .text .upgrade-banner .details{display: block; width: 100%}


/*Footer*/
footer{background-color: #F8F6F6; padding: 30px 0; font-size: 0; border-top: 1px solid #D8D8D8}
footer .logo-container{width: 25%; display: inline-block; text-align: center; vertical-align: top}
footer .logo-container a{font-size: 10px; color: #777272; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; display: block; line-height: 16px; letter-spacing: 3px}
footer .logo-container a figure{display: block; width: 185px; height: 28px; background: url('../images/logo.svg') no-repeat center; background-size: contain; margin: 0 auto 10px auto}
footer.litteraire .logo-container a figure{background: url('../images/litteraire-logo.svg') no-repeat center; background-size: contain}
footer ul.main{width: 75%; display: inline-block}
footer ul.main > li{width: 33.33%; display: inline-block; vertical-align: top; border-left: 1px solid #D8D8D8; padding: 0 20px}
footer ul.main > li:first-child > ul:first-child{border-bottom: 1px solid #D8D8D8; margin: 0 0 25px 0}
footer ul.main > li:nth-child(2) > ul:first-child{border-bottom: 1px solid #D8D8D8; margin: 0 0 25px 0}
footer ul.main > li:nth-child(2){border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8}
footer ul.main > li:last-child{border-left: none}
footer ul.main > li > ul{min-height: 218px; border-bottom: 1px solid #D1CFCF; margin: 0 0 30px 0}
footer ul.main > li > ul.no-border{border: none}
footer ul.main > li > ul > li{margin: 0 0 7px 0}
footer ul.main > li > ul:last-child{border: none; min-height: 150px}
footer ul.main > li > ul > li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; transition: .25s}
footer ul.main > li > ul > li a:hover{color: #817C7C}
footer ul.main > li > ul.rubriques > li a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
footer ul.main > li > ul > li h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 0 5px 0}
footer ul.main > li > ul > li p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 25px}
footer ul.main > li > ul > li .subscribe{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; width: 135px; text-align: center; background-color: #FFDF8A; display: block; height: 40px; margin: 25px 0 0 0; border: 1px solid #FFDF8A; transition: .25s; border-radius: 4px; line-height: 36px}
footer ul.main > li > ul > li .subscribe:hover{color: #000000}
footer ul.main > li > ul > li i{display: inline-block; margin: 0 10px 0 0; vertical-align: top; font-size: 20px; color: #1B1A1A}
footer ul.main > li > ul.social > li{margin: 0 0 10px 0}
/*footer ul.main > li > ul > li.facebook i{width: 16px; height: 16px; background: url('../images/facebook-icon.png') no-repeat center; background-size: contain}*/
footer ul.main > li > ul > li.facebook i{width: 16px; height: 16px; background: url('../images/social-icons-sprite.png') no-repeat -25px -3px; background-size: 67px}
footer ul.main > li > ul > li.twitter i{width: 18px; height: 14px; background: url('../images/social-icons-sprite.png') no-repeat -3px -25px; background-size: 67px}
footer ul.main > li > ul > li.instagram i{width: 16px; height: 16px; background: url('../images/social-icons-sprite.png') no-repeat -3px -3px; background-size: 67px}
footer ul.main > li > ul > li.youtube i{width: 17px; height: 12px; background: url('../images/social-icons-sprite.png') no-repeat -47px -3px; background-size: 67px}
footer .copyrights{margin: 40px 0 20px 0; border-top: 1px solid #D8D8D8; padding: 30px 0 0 0}
footer .copyrights p{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; float: left}
footer .copyrights p:last-child{float: right}
footer .copyrights p a{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
footer .copyrights p span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
/*End Footer*/


@media only screen and (max-width : 1500px) {
    header .desktop-header .main-menu .inmenu-left-content{width: 250px}
    /*header .desktop-header.pages-header .main-menu nav ul.main > li > a{padding: 0 4px 0 20px}*/
    header .desktop-header .main-menu .inmenu-right-content .button{width: 120px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .button{width: 120px}
    header .desktop-header .main-menu .inmenu-right-content{width: 300px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{font-size: 15px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{padding: 0 13px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 8px 0 18px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{font-size: 18px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 6px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content{width: 295px}
    header .desktop-header.litteraire .main-menu .inmenu-left-content{width: 245px}
    header .desktop-header.pages-header.litteraire .main-menu .toggle-menu{width: 35px}
}

@media only screen and (max-width : 1440px) {
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 20px 0 20px 20px}
    header .desktop-header .main-menu .inmenu-left-content{width: 210px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{font-size: 15px; padding: 0 10px 0 22px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 9px}
    header .desktop-header .main-menu .inmenu-right-content{width: 260px}
    header .desktop-header .main-menu .inmenu-right-content .button{width: 105px; font-size: 13px}
    header .desktop-header .main-menu .inmenu-right-content .login{margin: 0 10px 0 0}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search i{margin: 0 2px 0 0}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{font-size: 14px}
    header .desktop-header.pages-header.litteraire .top-menu .container{padding: 0 10px}
    header .desktop-header.pages-header.litteraire .main-menu .container{padding: 0 10px}
    header .desktop-header.litteraire .main-menu .inmenu-left-content{width: 210px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content{width: 260px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content .logo{width: 150px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .button{width: 100px}
}

@media only screen and (max-width : 1280px) {
    header .desktop-header.litteraire .main-menu nav ul.main > li > a{padding: 0 15px}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 8px 0 22px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 4px}
    header .desktop-header.litteraire.pages-header .main-menu nav ul.main > li > a{font-size: 13px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > ul li a{font-size: 13px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{font-size: 16px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{padding: 0 10px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 5px 0 15px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content{width: 170px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content{width: 220px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .button{width: 90px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .login{margin: 0 5px 0 0}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .toggle-search i{margin: 0}
    .header-strip.card-notice .main-container{max-width: 920px}
}

@media only screen and (max-width : 1200px) {
    header .desktop-header.pages-header .main-menu .toggle-menu{width: 40px}
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{width: 150px; height: 22px; margin: 23px 0 23px 10px}
    header .desktop-header .main-menu .inmenu-left-content{width: 185px}
    header .desktop-header .main-menu .inmenu-left-content .logo{margin: 16px 0 16px 20px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{padding: 0 10px 0 20px; font-size: 14px; line-height: 44px}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 7px; font-size: 16px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 4px}
    header .desktop-header .main-menu nav ul.main > li > a:before{font-size: 18px; margin: 0 3px 0 0}
    header .desktop-header .main-menu .inmenu-right-content{width: 215px}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search{margin: -8px 10px 0 0}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search i{margin: 0; width: 15px; height: 15px}
    header .desktop-header .main-menu .inmenu-right-content .button{width: 90px; font-size: 12px}
    .boutique-page .items-page .reasons-container .reasons .content h2{font-size: 32px; line-height: 40px; width: 400px}
    .boutique-page .items-page .reasons-container .contact .content h2{font-size: 32px}
    .boutique-page .info-page .main-container{padding: 0 70px}
    .boutique-page .info-page .subscribe-reasons ul{padding: 0}
    header .desktop-header .logo-container{padding: 40px 20px}
    header .desktop-header.homepage-header .main-menu .toggle-menu{width: 110px}
    header .desktop-header .main-menu .search{width: 110px}
    header .desktop-header .main-menu .container{padding: 0 20px}
    header .desktop-header.litteraire .main-menu nav ul.main > li > a{font-size: 15px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content{width: 160px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content{width: 210px}
    header .desktop-header.litteraire.pages-header .main-menu nav ul.main > li > a{font-size: 12px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > ul li a{font-size: 12px}
}

@media only screen and (max-width : 1060px) {
    header .desktop-header .top-menu .container{padding: 0 10px}
    header .desktop-header .logo-container{padding: 40px 10px}
    header .desktop-header .main-menu .container{padding: 0 10px}
    .main-container{padding: 0 10px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{font-size: 16px}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 5px}
    header .desktop-header.litteraire .main-menu nav ul.main > li > a{font-size: 15px; padding: 0 12px}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 6px 0 18px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content{width: 115px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content{width: 195px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content .logo{width: 110px; margin: 23px 0 23px 5px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .button{width: 80px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-right-content .button{font-size: 11px}
    .header-strip.card-notice .main-container{max-width: 820px}
}

@media only screen and (max-width : 1000px) {
    header .desktop-header .main-menu .inmenu-left-content .logo{width: 125px; height: 20px; margin: 19px 0 19px 20px}
    header .desktop-header.litteraire .main-menu nav ul.main > li > a{font-size: 14px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{padding: 0 6px 0 16px}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 5px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 4px}
    header .desktop-header .logo-container .buttons a{width: 120px}
    header .desktop-header.litteraire.pages-header .main-menu nav ul.main > li > a{font-size: 11px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > ul li a{font-size: 11px}
}

@media only screen and (max-width : 960px) {
    .desktop{display: none !important}
    .mobile{display: block !important}
    header .desktop-header{display: none}
    header .mobile-header{display: block}
    .comments-counter{display: none}
    .sidebar{width: 100%; margin: auto}
    .social-share li:hover{background-color: #1B1A1A !important}
    .social-share li.switch-lang:hover{background-color: #FFFFFF !important}
    .article-page article.main .social-share li.switch-lang:hover a{color: #777272 !important}
    .load-more{width: 100%; font-size: 16px; height: 48px; line-height: 44px}
    .load-more:hover{background-color: #FFFFFF; color: #1B1A1A}
    .most-lists .main-container{padding: 0 0 0 20px}
    .subscribe-box-2{width: 100%; margin: 40px 0; height: auto}
    .page{padding: 20px 0 40px 0}
    header.fixed ~ .page{padding: 70px 0 40px 0}
    header.fixed ~ .page.homepage{padding: 70px 0 0 0}
    header.fixed ~ .page.english-page, header.fixed ~ .page.litteraire-page{padding: 70px 0 40px 0}
    .page.opinion-page .article-container{padding: 30px 0 10px 0; margin: -20px 0 0 0}
    .inside-page{padding: 0}
    .hover-black-invert:hover{background-color: #1B1A1A !important; color: #FFFFFF !important}
    .hover-subscribe-button:hover{background-color: #FFDF8A !important}
    .section-title .sub-categories li a:hover{color: #777272}
    .advertisement.mpu{margin: 0 0 25px 0}
    .mobile-slider-menu{overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none}
    .mobile-slider-menu::-webkit-scrollbar{display: none}
    header.fixed .mobile-header .top-menu{position: fixed; top: 0; width: 100%}

    /*Header*/
    header .mobile-header .top-menu{height: 60px; padding: 15px; box-shadow: 0 1px 9px 0 rgba(151, 151, 151, 0.25); background-color: #FFFFFF; z-index: 99}
    header .mobile-header .top-menu .toggle-mobile-menu{width: 20px; height: 12px; background: url('../images/icons-sprite.png?1') no-repeat -56px -3px; background-size: 78px; display: inline-block}
    header .mobile-header .top-menu .logo{width: 132px; height: 20px; background: url('../images/logo.svg') no-repeat center; background-size: contain; display: inline-block; margin: 0 0 0 10px; position: relative; top: 5px}
    header .mobile-header .top-menu .subscribe{width: 100px; height: 30px; background-color: #FFDF8A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 12px; text-align: center; float: right; border-radius: 2px; margin: 0 0 0 10px; line-height: 30px; color: #232222}
    header .mobile-header .top-menu .subscribe.donate{font-size: 11px}
    header .mobile-header .top-menu .login{width: 30px; height: 30px; border-radius: 50%; background-color: #E8E8E8; float: right; background-image: url('../images/login-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 15px}
    header .mobile-header .sub-menu{height: 60px; font-size: 0; box-shadow: 0 1px 9px 0 rgba(151, 151, 151, 0.25)}
    header .mobile-header .sub-menu .latest-news{border: none; height: 100%; display: inline-block; vertical-align: top; border-right: 1px solid #D8D8D8; border-radius: 0; padding: 0 10px 12px 0; margin: 0 5px 0 0 }
    header .mobile-header .sub-menu .latest-news a{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #232222; height: 35px; display: block; text-align: center; line-height: 34px; position: relative; border-radius: 18px; border: 1px solid #D8D8D8; margin: 13px 0 0 0; padding: 0 8px}
    header .mobile-header .sub-menu .latest-news a i{width: 18px; height: 18px; background: url('../images/icons-sprite.png?1') no-repeat -26px -2px; background-size: 75px; display: inline-block; position: relative; top: 4px; margin: 0 2px 0 0}
    header .mobile-header .sub-menu .latest-news a span{border-radius: 50%; background-color: #DD3B31; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 10px; width: 18px; height: 18px; padding: 2px; margin: 0 0 0 2px; display: inline-block; vertical-align: middle; line-height: 13px; position: relative; top: -1px}
    header .mobile-header .sub-menu nav{padding: 0 0 0 10px; height: 60px; overflow-x: scroll; overflow-y: hidden}
    header .mobile-header .sub-menu nav ul{width: 825px}
    header .mobile-header.litteraire .sub-menu nav ul{width: 775px}
    header.english-header .mobile-header .sub-menu nav ul{width: 490px}
    header.english-header .mobile-header .sub-menu nav{display: block; width: 100%; margin: 0}
    header .mobile-header .sub-menu nav ul li{border: 1px solid #D8D8D8; border-radius: 18px; display: inline-block; margin: 13px 5px}
    header .mobile-header .sub-menu nav ul li a{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; padding: 0 16px; text-align: center; height: 33px; line-height: 32px}
    header .mobile-header .mobile-menu{height: 100%; position: fixed; z-index: 100; width: 100%; transition: .5s; top: 0; background-color: #FFFFFF; left: -100%}
    header .mobile-header .mobile-menu.active{left: 0}
    header .mobile-header .mobile-menu .menu-move{overflow: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; padding: 0; position: absolute; z-index: 11; right: 0; top: 0}
    header .mobile-header .mobile-menu .menu-head{padding: 15px; height: 60px; box-shadow: 0 1px 9px 0 rgba(151, 151, 151, 0.25)}
    header .mobile-header .mobile-menu .menu-head .close{width: 22px; height: 22px; background: url('../images/icons-sprite.png?1') no-repeat -1px -26px; background-size: 80px; display: inline-block}
    header .mobile-header .mobile-menu .menu-head .logo{width: 132px; height: 20px; background: url('../images/logo.svg') no-repeat center; background-size: contain; display: inline-block; margin: 0 0 0 10px}
    header .mobile-header .mobile-menu .menu-head .login{width: 30px; height: 30px; border-radius: 50%; background-color: #E8E8E8; float: right; background-image: url('../images/login-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 15px}
    header .mobile-header .mobile-menu .container{padding: 20px}
    header .mobile-header .mobile-menu .subscribe{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; text-align: center; background-color: #FFDF8A; display: block; width: 100%; height: 48px; border-radius: 3px; line-height: 46px}
    header .mobile-header .mobile-menu form{margin: 20px 0 0 0; position: relative; border-bottom: 1px solid #D1CFCF; padding: 0 0 20px 0}
    header .mobile-header .mobile-menu form input[type=text]{height: 50px; width: 100%; border-radius: 3px; border: 1px solid #DBDBDB; padding: 0 10px 0 50px; outline: none; color: #1B1A1A; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
    header .mobile-header .mobile-menu form input[type=text]::-webkit-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
    header .mobile-header .mobile-menu form input[type=text]:-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
    header .mobile-header .mobile-menu form input[type=text]::-moz-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
    header .mobile-header .mobile-menu form input[type=text]:-ms-input-placeholder{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A}
    header .mobile-header .mobile-menu form input[type=text].required::-webkit-input-placeholder{color: #CC0000}
    header .mobile-header .mobile-menu form input[type=text].required:-moz-placeholder{color: #CC0000}
    header .mobile-header .mobile-menu form input[type=text].required::-moz-placeholder{color: #CC0000}
    header .mobile-header .mobile-menu form input[type=text].required:-ms-input-placeholder{color: #CC0000}
    header .mobile-header .mobile-menu form .submit{width: 20px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -3px -3px; background-size: 85px; position: absolute; top: 15px; left: 15px}
    header .mobile-header .mobile-menu ul.main > li{border-bottom: 1px solid #D1CFCF; padding: 20px 0 10px 0}
    header .mobile-header .mobile-menu ul.main > li > a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 10px 0; display: block}
    header .mobile-header .mobile-menu ul.main > li > a.main-item{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
    header .mobile-header .mobile-menu ul.main > li > a.main-item.has-sub:after{content: ''; float: right; width: 13px; height: 8px; background: url('../images/chevron.png') no-repeat center; background-size: 14px; position: relative; top: 8px; transition: .25s}
    header .mobile-header .mobile-menu ul.main > li > a.main-item.active:after{transform: rotate(180deg)}
    /*header .mobile-header .mobile-menu ul.main > li > ul{display: none}*/
    header .mobile-header .mobile-menu ul.main > li > ul > li{margin: 0 0 10px 0}
    header .mobile-header .mobile-menu ul.main > li > ul > li > a{font-size: 16px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block}
    /*End Header*/

    header .desktop-header.boutique-header{display: block; height: 60px}
    header .desktop-header.boutique-header .main-menu{height: 60px}
    header .desktop-header.boutique-header .main-menu .inmenu-left-content{width: auto}
    header .desktop-header.boutique-header .main-menu .inmenu-left-content .logo{width: 132px}
    header .desktop-header.boutique-header .main-menu .inmenu-left-content .logo{margin: 19px 0 19px 10px}
    header .desktop-header.boutique-header .main-menu .inmenu-right-content{width: auto; margin: 14px 0}
    header .desktop-header.boutique-header .main-menu .inmenu-right-content .button{width: 30px; height: 30px; border-radius: 50%; background-color: #E8E8E8; float: right; background-image: url('../images/login-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 15px; font-size: 0}

    /*Article Styles*/
    .article-1{margin: 0 0 25px 0; height: auto}
    .article-1 figure{height: 216px}
    .article-1 .details{padding: 25px 0; height: auto}
    .article-1 .details h3{font-size: 12px}
    .article-1 .details h2{font-size: 28px; line-height: 30px}
    .article-1.diapo .details{padding: 20px}
    .article-1.diapo .details h2{font-size: 20px; line-height: 27px}
    .article-1 .details .text{font-size: 16px; line-height: 24px}
    .article-1.no-image .content{background-color: #FFFFFF; padding: 0}
    .article-1.no-image .content .details{padding: 15px 0}
    .article-1.no-image .content .details h2{font-size: 20px; line-height: 22px; max-height: initial}
    .article-1 a:hover .content .details h2{color: #1B1A1A}
    .article-1.no-image a:hover .content{background-color: #FFFFFF}
    .article-1.diapo a:hover .details{background-color: #323030}
    .article-2.diapo a:hover .details, .article-3.diapo a:hover .details, .article-4.diapo a:hover .details{background-color: #FFFFFF}

    .article-2{width: 100%; height: auto; margin: 0 0 25px 0}
    .article-2 .content{min-height: 120px}
    .article-2 .content figure{width: 96px; height: 96px; float: right}
    .article-2 .content .details{padding: 0 0 25px 0}
    .article-2.no-image .content .details{padding: 0 0 25px 0}
    .article-2 .content .details h4{font-size: 12px; padding: 0 105px 0 0; margin: 0 0 5px 0}
    .article-2 .content .details h2{font-size: 20px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-2 .content .details h3{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0}
    .article-2.diapo .content .details{padding: 0 0 25px 0; background-color: #FFFFFF; height: auto}
    .article-2.diapo .content .details h2{color: #000000}
    .category-page .featured .article-2.diapo .content .details h2{color: #FFFFFF; padding: 0}
    .category-page .featured .article-2.diapo .content figure:before{display: block}
    .article-2.no-image .content{background-color: #FFFFFF; padding: 0}
    .article-2.no-image .content .details h2{font-size: 20px; line-height: 22px; max-height: initial}
    .article-2.sponsored .content{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
    .article-2.sponsored .content .details{padding: 0 0 25px 0}
    .article-2.litteraire .content figure:after, .article-2.video .content figure:before, .article-2.diapo .content figure:before, .article-2.from-cdl .content figure:after{display: none}
    .article-2.no-image .content .details h4{margin: 0 0 5px 0}
    .article-2 a:hover .content .details h2{color: #000000}
    .article-2.no-image a:hover .content{background-color: #FFFFFF}
    .article-2.diapo a:hover .content .details h2{color: #000000}

    .article-3{width: 100%; height: auto; margin: 0 0 25px 0}
    .article-3 .content{min-height: 120px}
    section.idees{background-color: #F1EADE; padding: 40px 0 0 0; width: calc(100% + 20px); margin: 30px -10px 0 -10px !important}
    section.idees .section-title{width: calc(100% - 20px); margin: auto}
    section.idees .triple-border{width: calc(100% - 40px)}
    section.idees .article-3{height: auto; float: none}
    section.idees .article-3 .content{padding: 0 10px; background-color: #F1EADE}
    section.idees .article-3 .content .details h2{max-height: initial; padding: 0; line-height: 22px}
    .reading-selection .article-3.extended{height: auto}
    .reading-selection .article-3 .content figure{width: 100%; height: 225px; float: none}
    .reading-selection .article-3.from-cdl .content figure:after{display: block}
    .reading-selection .article-3 .content .details{padding: 15px 0 25px 0}
    .reading-selection .article-3 .content .details h4{font-size: 12px; padding: 0 105px 0 0; margin: 0 0 5px 0}
    .reading-selection .article-3 .content .details h2{font-size: 20px; line-height: 22px; max-height: initial; padding: 0}
    .reading-selection .article-3.extended .content .details h3{font-size: 12px; max-height: initial; padding: 0}
    .reading-selection .article-3 .content .details p{display: none}
    .article-3 .content figure{width: 96px; height: 96px; float: right}
    .article-3 .content .details{padding: 0 0 25px 0; height: auto}
    .article-3.no-image .content .details{padding: 0 0 25px 0}
    .article-3 .content .details h4{font-size: 12px; padding: 0 105px 0 0; margin: 0 0 5px 0}
    .article-3 .content .details h2{font-size: 20px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-3.extended .content .details h2{max-height: initial}
    section.liban .article-3.no-image .content .details h2, section.monde .article-3.no-image .content .details h2{font-size: 20px; line-height: 22px}
    .article-3 .content .details h3{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0}
    .article-3.diapo .details{background-color: #FFFFFF}
    .article-3.diapo .content .details h2{color: #000000}
    section .article-3.no-image .content .details h2{font-size: 20px; line-height: 22px; max-height: initial}
    .article-3.no-image .content{background-color: #FFFFFF; padding: 0}
    .article-3.sponsored .content{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
    .article-3.sponsored .content .details{padding: 0 0 25px 0}
    .article-3.litteraire .content figure:after, .article-3.video .content figure:before, .article-3.diapo .content figure:before, .article-3.from-cdl .content figure:after{display: none}
    section.idees .article-3.no-image{height: auto}
    .article-3.no-image .content .details h4{margin: 0}
    .article-3 a:hover .content .details h2{color: #000000}
    .article-3.no-image a:hover .content{background-color: #FFFFFF}
    section.idees .article-3 a:hover .content{background-color: #F1EADE}

    .article-4{width: 100%; height: auto; margin: 0 0 25px 0}
    .article-4 .content{min-height: 120px}
    .article-4 .content figure{width: 96px; height: 96px; float: right}
    .article-4 .content .details{padding: 0 0 25px 0; height: auto}
    .article-4.no-image .content .details{padding: 0 0 25px 0}
    .article-4 .content .details h4{font-size: 12px; padding: 0 105px 0 0; margin: 0 0 5px 0}
    .article-4 .content .details h2{font-size: 20px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-4 .content .details h3{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0}
    .article-4.diapo .details{background-color: #FFFFFF}
    .article-4.diapo .content .details h2{color: #000000}
    .article-4.no-image .content{background-color: #FFFFFF; padding: 0}
    .article-4.no-image .content .details h2{font-size: 20px; line-height: 22px; max-height: initial}
    .article-4.sponsored .content{background-color: #FFFFFF; border-bottom: 1px solid #D1CFCF}
    .article-4.sponsored .content .details{padding: 0 0 25px 0}
    .article-4.litteraire .content figure:after, .article-4.video .content figure:before, .article-4.diapo .content figure:before, .article-4.from-cdl .content figure:after{display: none}
    .article-4.no-image .content h4{margin: 0}
    .article-4 a:hover .content h2{color: #000000}
    .article-4.no-image a:hover .content{background-color: #FFFFFF}

    .article-5{padding: 0 0 20px 0; min-height: 116px; margin: 0 auto 20px auto; width: calc(100% - 20px)}
    .article-5 .content{width: 100%}
    .article-5 .content figure{width: 96px; height: 96px}
    .article-5 .content a > div{width: calc(100% - 110px)}
    .article-5 .content a > div h2{font-size: 20px; line-height: 22px}
    .article-5 .content a > div p{display: none}
    .article-5 .content a > div h3{font-size: 12px; margin: 10px 0 0 0}
    .article-5 .content a:hover > div h2{color: #000000}
    .article-5.no-image .content a > div{width: 100%}
    .article-5.no-image .content figure{display: none}

    .article-signature{width: 100%; height: auto; margin: 0 0 25px 0; min-height: 135px}
    .homepage .article-signature{min-height: initial}
    .article-signature.two-thirds{width: 100%; height: auto}
    .article-signature a{padding: 30px 25px; min-height: 135px}
    .article-signature a:hover{background-color: #EEE5D4}
    .article-signature a figure{float: right; width: 68px; height: 80px}
    .article-signature a h2{width: 100%; text-align: left; padding: 0 80px 0 0; font-size: 18px; margin: 0; min-height: initial !important}
    .article-signature a h3{font-size: 20px; line-height: 22px; text-align: left; padding: 0 80px 0 0}
    .article-signature.third{width: 100%; height: auto}
    .author-page .featured .article-signature.third{width: 100%}
    .article-signature.third a{padding: 30px 25px}
    .article-signature.third a h3{max-height: initial}
    /*End Article Styles*/


    /*Homepage*/
    .homepage .triple-border{margin: 15px auto 20px auto}
    .homepage.liveblog{margin: 0}
    .main-column{width: 100%; margin: 0; display: block}
    .homepage .main-column .liveblog figure{height: 215px}
    .homepage .main-column .liveblog .details{padding: 20px 15px 20px 15px}
    .homepage .main-column .liveblog .details .live{width: 105px; height: 30px; font-size: 12px; line-height: 30px}
    .homepage .main-column .liveblog .details .live:before{width: 10px; height: 10px; top: 10px}
    .homepage .main-column .liveblog .details .tag{font-size: 12px}
    .homepage .main-column .liveblog .details .title{font-size: 20px; line-height: 27px}
    .homepage .main-column .liveblog .details ul li .date{font-size: 12px}
    .homepage .main-column .liveblog .details ul li .message p{font-size: 16px; line-height: 24px}
    .homepage .main-column .grosseactu-list ul li a{font-size: 16px; line-height: 24px}
    .homepage .main-column .grosseactu-list ul li a:before{width: 8px; height: 8px; margin: 0 10px 0 0}
    .homepage.grosseactu .liveblog-mainimage{height: 215px; width: calc(100% - 40px); margin: 0 auto 20px auto}
    .homepage.grosseactu .liveblog .details{margin: 0}
    .homepage section{margin: 30px 0 0 0}
    .section-title h2{font-size: 22px; padding: 0 0 0 10px; max-width: 300px}
    .section-title h2 span{font-size: 16px}
    .section-title .title i, .homepage section.litteraire .section-title .title i{top: 1px}
    .homepage section.cdl .section-title .title i{top: 5px}
    .cdl .section-title h2{padding: 0 10px 20px 10px}
    .cdl .section-title figure{margin: 0 0 0 10px}
    .homepage .reading-selection{margin: 40px 0 0 0}
    .editorials-shortcuts{background-color: #F8F6F6; padding: 20px 10px 0 10px; width: calc(100% + 20px); margin: 30px -10px 0 -10px !important}
    .editorials-shortcuts ul{padding: 0 10px}
    .editorials-shortcuts ul > li{border-bottom: 1px solid #D8D8D8; min-height: 86px; margin: 0 0 20px 0; padding: 0 0 20px 0}
    .editorials-shortcuts ul > li:last-child{border-bottom: none}
    .editorials-shortcuts ul > li > a figure{width: 66px; height: 66px; border-radius: 50%; float: right}
    .editorials-shortcuts ul > li > a figure.pdf{background-color: #D1CFCF}
    .editorials-shortcuts ul > li > a h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; padding: 0 80px 0 0}
    .editorials-shortcuts ul > li > a p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; margin: 5px 0 0 0; padding: 0 80px 0 0}
    .editorials-shortcuts ul > li > a h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-size: 14px; font-weight: normal}
    .editorials-shortcuts ul > li > a h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
    .editorials-shortcuts ul > li > ul{font-size: 0; padding: 0}
    .editorials-shortcuts ul > li > ul > li{width: 48%; margin: 0 4% 20px 0; display: inline-block; vertical-align: top; min-height: initial}
    .editorials-shortcuts ul > li > ul > li:nth-child(even){margin: 0 0 20px 0}
    .editorials-shortcuts ul > li > ul > li:last-child{border-bottom: 1px solid #D8D8D8}
    .editorials-shortcuts ul > li > ul > li a{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
    .subscribe-box-1{height: auto}
    .subscribe-box-1 .background{display: none}
    .subscribe-box-1 .details{width: 100%; margin: 0; padding: 40px 0}
    .subscribe-box-1 .details .logo{margin: 0 auto 10px auto !important; display: block}
    .subscribe-box-1 .details h2{font-size: 30px; line-height: 36px; text-align: center}
    .subscribe-box-1 .details p{width: 100%; font-size: 18px; text-align: center}
    .subscribe-box-1 .details a{display: block; margin: 0 auto 10px auto}
    .subscribe-box-1 .details .subscribe{margin: 30px auto 10px auto}
    .subscribe-box-1 .details .subscribe:hover{background-color: #1B1A1A; color: #FFDF8A}
    .subscribe-box-1 .details .email-offer:hover{background-color: #FFDF8A; color: #1B1A1A}
    .subscribe-box-1 .details .subscribe{width: 262px}
    .subscribe-box-1 .details .email-offer{width: 262px; margin: auto}
    .subscribe-box-1 .details .send-offer-form{display: block; width: 262px; margin: auto}
    .subscribe-box-1 .details .send-offer-form input[type='email']{width: 100%}
    .subscribe-box-1 .details .notice-message{text-align: center}
    .section-title .sub-categories{display: none}
    .homepage .file{min-height: 440px; height: 440px}
    .homepage .file{padding: 20px 20px 85px 20px; margin: 30px 0 0 0}
    .homepage .file > div{min-height: initial; padding: 0; height: 100%}
    .homepage .file > div h2 a:hover{opacity: 1}
    .homepage .file > div .container{position: absolute; bottom: 0; left: 0; padding: 20px}
    .homepage .file > div .container i{width: 48px; height: 48px}
    .homepage .file > div .container h3{margin: 20px 0 0 0}
    .homepage .file > div .container h2{font-size: 24px; line-height: 32px; width: 100%; margin: 15px 0 0 0}
    .homepage .file > div .container ul{display: none}
    .homepage .file .more-files{width: 164px; height: 42px; margin: 15px 0 0 0; line-height: 42px}
    .homepage .file > div ul li a:hover{opacity: 1}
    section.editorials{background-color: #EEE5D4; padding: 20px 0 0 0; overflow: auto; width: calc(100% + 20px); margin: 30px -10px 0 -10px}
    section.editorials .section-title h2{padding: 0 0 0 20px}
    section.editorials .triple-border{width: calc(100% - 40px)}
    section.editorials .article-signature.third a h2{font-size: 18px; line-height: 22px; min-height: initial}
    section.editorials .article-signature.third a h3{font-size: 20px; line-height: 22px; max-height: initial; padding: 0 15px 0 0}
    section.editorials .article-signature.third a{padding: 0 0 25px 0; width: calc(100% - 40px); border-bottom: 1px solid #D1CFCF; min-height: 105px}
    section.editorials .article-signature.third:last-child{margin: 0}
    .most-lists{height: auto; margin: 30px 0 0 0}
    .homepage .most-lists{width: calc(100% + 10px)}
    .homepage .most-lists .main-container{padding: 0 0 0 10px}
    .most-lists .slick-list{padding: 0 60px 0 0}
    .most-lists .list .content h3{font-size: 18px; padding: 20px 0}
    .most-lists .list .content ul li article h4{font-size: 12px}
    .most-lists .list .content ul li article h2{font-size: 14px; line-height: 20px; margin: 0}
    .most-lists .list .content ul li{height: 140px; overflow: hidden}
    .most-lists .list .content ul li:last-child{border-bottom: 1px solid #D1CFCF}
    .most-lists .list .content ul li article h2{max-height: 82px}
    .most-lists .list .content ul li article a:hover h2{color: #000000}
    .most-lists.mostread-only .list{width: 100%}
    .most-lists.mostread-only .list.most-comments{display: none}
    .most-lists.mostread-only .list.most-shares{display: none}
    .most-lists.mostread-only .main-container{padding: 0 20px}
    .most-lists.mostread-only .list .content{width: 100%}
    section.litteraire .section-title figure{width: 150px; height: 20px}
    section.litteraire .section-title h3{display: none}
    section.litteraire .section-title figure{margin: 0 0 0 10px}
    .litteraire .section-title .title i{margin: 0 0 0 20px}
    .homepage .caricature .carousel li{padding: 20px}
    .homepage .caricature .carousel li a figure{width: 100%; height: 315px}
    .homepage .caricature .carousel li a h2{font-size: 14px; margin: 10px 0 0 0}
    .homepage .caricature .carousel li a h4{font-size: 11px}
    .homepage .caricature .carousel .slick-next, .homepage .caricature .carousel .slick-prev{width: 36px; height: 36px}
    .homepage .caricature .carousel .slick-next:before, .homepage .caricature .carousel .slick-prev:before{font-size: 24px}
    .homepage .caricature .carousel .slick-next{right: 20px}
    .homepage .caricature .carousel .slick-next:hover, .homepage .caricature .carousel .slick-prev:hover{background-color: #FFFFFF}
    .homepage .caricature .carousel .slick-next:hover:before, .homepage .caricature .carousel .slick-prev:hover:before{color: #777272}
    .homepage .caricature .carousel .slick-prev{left: 20px}
    .homepage .newsletter-box{padding: 0 10px 20px 10px; margin: 30px 0 0 0; height: auto}
    .homepage .newsletter-box .background{width: 110px; height: 110px; margin: 20px 0}
    .homepage .newsletter-box .details{display: block; width: 100%; padding: 0; margin: 0}
    .homepage .newsletter-box .details h2{font-size: 28px}
    .homepage .newsletter-box .details p{font-size: 18px; line-height: 28px; width: 100%}
    .homepage .newsletter-box .details .more{font-size: 14px}
    .homepage .newsletter-box .details form{width: 100%; margin: 10px 0 0 0}
    .homepage .newsletter-box .details form input{width: 100%}
    .homepage .newsletter-box-box .details .more{margin: 10px 0 0 0}
    .homepage .newsletter-box .details form a:hover{background-color: #1B1A1A}
    .homepage .other-files{margin: 40px 0 0 0}
    .in-english .section-title h2 figure{width: 125px; height: 20px; margin: 5px 5px 0 0}
    .in-english .section-title h2{font-size: 15px}

    .litteraire-pdf-container{border-bottom: none; padding: 0; margin: 15px 0 40px 0}
    /*End Homepage*/


    /*English Homepage*/
    .homepage.in-english .load-more{width: calc(100% - 20px); margin: 10px auto 0 auto}
    /*End English Homepage*/


    /*Article Page*/
    .article-page .main-column article.main .triple-border{margin: 0 auto 10px auto}
    .article-page .main-column article.main .category{font-size: 12px; padding: 0 0 10px 0; margin: 0 0 20px 0}
    .article-page .main-column article.main h1{font-size: 32px; line-height: 36px}
    .article-page .main-column article.main .summary{font-size: 18px; line-height: 24px}
    .article-page .main-column article.main .article-info p{font-size: 12px; line-height: 24px; margin: 15px 0 0 0}
    .article-page .main-column article.main .article-info p a{padding: 0}
    .article-page .main-column article.main .article-info p a:hover{color: #1B1A1A; border-bottom: 1px solid #1B1A1A}
    .article-page article.main .social-share li{width: 35px; height: 35px; margin: 0 5px 10px 0}
    .article-page article.main .social-share li.whatsapp{display: inline-block !important}
    .article-page article.main .social-share li a{font-size: 14px}
    .article-page article.main .social-share li{line-height: 35px; margin: 0 3px 10px 0}
    .article-page article.main.arabic-article .social-share li{margin: 0 0 10px 3px}
    .article-page article.main .social-share li:nth-child(4){margin: 0}
    .article-page article.main .social-share li.switch-lang{margin: 0 0 10px 5px}
    .article-page article.main .social-share li.switch-lang a{font-size: 11px; padding: 0 4px}
    .article-page article.main.arabic-article .social-share li.switch-lang a{padding: 0 4px}
    .article-page article.main .social-share li.switch-lang a i{width: 20px; height: 20px; margin: 0 0 0 5px}
    .article-page article.main .social-share{margin: 20px 0 0 0}
    .article-page .main-column article.main .article-content{margin: 10px 0 0 0; padding: 20px 0 0 0}
    .article-page .main-column article.main .article-content .article-image{height: 252px; width: calc(100% + 40px); margin: 0 -20px}
    .article-page .main-column article.main .article-content .text{font-size: 18px; line-height: 28px}
    .article-page .main-column article.main .article-content .text p{font-size: 18px; line-height: 28px}
    .article-page .main-column article.main .article-content .text span{font-size: 18px !important; line-height: 28px !important}
    .article-page .main-column article.main .article-content .caption{font-size: 12px !important}
    .article-page .main-column article.main .article-content span.caption{font-size: 12px !important; line-height: 20px !important}
    .article-page .main-column article.main .article-content .text a:hover{color: #085294}
    .article-page .main-column .comments{width: calc(100% + 20px); margin: 20px -10px; border-bottom: none; padding: 30px}
    .article-page .main-column .comments .comment{margin: 10px 0 20px 0}
    .article-page .main-column .comments .comment p{font-size: 16px; line-height: 24px}
    .article-page .main-column .comments .comment .commenter{margin: 10px 0 0 0}
    .article-page .main-column .comments .comment .commenter h4{font-size: 14px}
    .article-page .main-column .comments .comment .commenter p{font-size: 14px; margin: 5px 0 0 0}
    .article-page .main-column .comments .add-comment{border-radius: 3px; font-size: 13px; width: 120px; margin: 10px 10px 0 0}
    .article-page .main-column .comments .more{font-size: 14px; margin: 10px 0 0 0}
    .article-page .main-column .video-ad figure{height: 228px}
    .article-page .main-column .article-keywords{width: calc(100% + 20px); margin: 30px -10px 0 -10px; padding: 20px 0 20px 20px}
    .article-page .main-column .article-keywords .mobile-slider-menu{height: 42px}
    .article-page .main-column .article-keywords ul li{margin: 0 10px 0 0}
    .article-page .main-column .article-keywords a{font-size: 12px}
    .article-page .main-column .article-keywords a:hover{background-color: transparent; color: #777272}
    .article-page .main-column .article-keywords .slick-list{padding: 0 40px 0 0}
    .article-page .subscribe-box-2{margin: 20px -10px 40px -10px; width: calc(100% + 20px)}
    .subscribe-box-2 .background{display: none}
    .subscribe-box-2 .details{width: 100%; margin: 0; padding: 40px 0}
    .subscribe-box-2 .details .logo{width: 132px; height: 20px; margin: auto}
    .subscribe-box-2 .details h2{font-size: 30px; line-height: 36px; text-align: center}
    .subscribe-box-2 .details p{font-size: 18px; line-height: 21px; text-align: center}
    .subscribe-box-2 .details a{width: 262px !important; margin: 0 auto 10px auto; display: block}
    .article-page .sidebar .most-lists{margin: 0 -10px 20px -10px; width: calc(100% + 20px); padding: 0 20px}
    .article-page .most-lists .list .content{padding: 0}
    .article-page .sidebar .mostread{margin: 0 -10px 20px -10px; width: calc(100% + 20px); padding: 20px}
    .article-page .sidebar .mostread h3{font-size: 18px; padding: 0 0 30px 0}
    .article-page .sidebar .mostread ul li{height: auto}
    .article-page .sidebar .mostread ul li h4{font-size: 12px}
    .article-page .sidebar .mostread ul li h2{font-size: 14px; line-height: 20px; max-height: initial}
    .article-page .comments-panel{width: 100%; padding: 20px; right: -100%}
    .article-page .comments-panel .title{padding: 0 0 20px 0}
    .article-page .comments-panel .title .close{width: 30px; height: 30px; top: -6px; background: url('../images/icons-sprite.png?1') no-repeat -53px -18px; background-size: 90px}
    .article-page .comments-panel .login-container a.subscribe:hover{background-color: #FFDF8A}
    .article-page .comments-panel .notice{margin: 20px 0; padding: 0 0 20px 0}
    .article-page .comments-panel .new-comment{padding: 0 0 20px 0}
    .article-page .comments-panel .new-comment form{margin: 20px 0 0 0}
    .article-page .comments-panel .all-comments li{padding: 20px}
    .article-page .comments-panel .all-comments li p{font-size: 14px; line-height: 24px}

    .article-page .main-column article.main .article-content .text blockquote{font-size: 24px; line-height: 30px; padding: 20px 0; margin: 20px 0}
    .article-page .main-column article.main .article-content .text blockquote p{font-size: 24px; line-height: 30px}
    .article-page .main-column article.main .article-content .text blockquote h3{font-size: 12px; line-height: 18px; margin: 15px 0 0}
    .article-page .main-column article.main .article-content .text blockquote h4{font-size: 12px; line-height: 18px}
    .article-page .main-column article.main .article-content .text ul li{padding: 0 0 0 25px; font-size: 18px; line-height: 28px}
    .article-page .main-column article.main .article-content .text .inline-related-article{min-height: 114px}
    .article-page .main-column article.main .article-content .text .inline-related-article a{padding: 15px}
    .article-page .main-column article.main .article-content .text .inline-related-article a > div{width: calc(100% - 84px); padding: 0 10px 0 0}
    .article-page .main-column article.main .article-content .text .inline-related-article a h3{font-size: 14px}
    .article-page .main-column article.main .article-content .text .inline-related-article a > div h4{font-size: 16px; line-height: 22px}
    .article-page .main-column article.main .article-content .text .inline-related-article a figure{width: 84px; height: 84px}
    .article-page .image-overlay img{width: calc(100% - 20px)}
    .article-page .image-overlay .close{width: 15px; height: 15px; top: 15px; right: 20px}


    .paywall{min-height: 210px; padding: 45px 20px; bottom: 0; height: auto; width: calc(100% - 20px); border-radius: 6px}
    .paywall .message{width: 100%}
    .paywall .message figure{margin: auto; display: block; width: 130px; height: 20px}
    .paywall .message > div{display: block; text-align: center; margin: 10px 0 0 0}
    .paywall .message .articles-counter{width: 30px; height: 30px; font-size: 20px; line-height: 28px; margin: 0 2px}
    .paywall .message p{font-size: 16px; line-height: 20px; margin: 0}
    .paywall .actions{width: 100%; float: none}
    .paywall .actions .subscribe{width: 265px; margin: 20px auto 10px auto; display: block}
    .paywall .actions .subscribe:hover{background-color: #1B1A1A; color: #FFDF8A !important}
    .paywall .actions .login{margin: 15px auto 0 auto}
    .paywall .close{width: 30px; height: 30px; top: 25px; right: 10px; background: url('../images/icons-sprite.png?1') no-repeat 3px -20px; background-size: 73px}
    .paywall.hide{bottom: -300px}
    .paywall.hide-on-load{bottom: -300px}
    .paywall.paywall-4 form .black-button:hover{color: #FFFFFF !important}

    /*.paywall.paywall-4{padding: 30px 20px}*/
    /*.paywall.paywall-4 .message{width: 100%; display: block}*/
    /*.paywall.paywall-4 .message > div{padding: 0; margin: 0}*/
    /*.paywall.paywall-4 .message .articles-counter{width: auto; height: auto; border: none; font-size: 12px}*/
    /*.paywall.paywall-4 .message > div span{font-size: 12px}*/

    .paywall.paywall-4{width: 100%}
    .paywall.paywall-4 form{padding: 25px 20px 0 25px}
    .paywall.paywall-4 form .form-header h3{font-size: 20px}
    .paywall.paywall-4 form .form-header h2{font-size: 20px}
    .paywall.paywall-4 form .form-header p{font-size: 18px !important; line-height: 34px !important}
    .paywall.paywall-4 form .social-login > div{margin: 25px 0 35px 0}
    .paywall.paywall-4 form .container{padding: 0}
    .paywall.paywall-4 form .container .row label{font-size: 14px; margin: 0 0 5px 0}
    .paywall.paywall-4 form .container .row input[type="text"], .paywall.paywall-4 form .container .row input[type="email"], .paywall.paywall-4 form .container .row input[type="password"]{height: 48px}
    .paywall.paywall-4 form .container .row{margin: 0 0 25px 0}
    .paywall.paywall-4 form .container .subscription-notice .newsletter p{font-size: 14px !important; line-height: 16px !important}
    .paywall.paywall-4 form .container .subscription-notice .terms p{font-size: 14px; line-height: 16px}
    .paywall.paywall-4 .subscribed{margin: 20px 0 0 0; padding: 20px 0}
    .paywall.paywall-4 .subscribed p{font-size: 16px !important; line-height: 20px !important; padding: 0 40px}

    .paywall.after-paywall-4{min-height: 115px; padding: 20px}
    .paywall.after-paywall-4 .message h3{font-size: 16px; line-height: 19px}
    .paywall.after-paywall-4 .message p{font-size: 15px; line-height: 17px; margin: 10px 0 0 0}


    .paywall.inline.premium{padding: 30px 20px}
    .paywall.inline.premium .message h3{font-size: 24px; line-height: 30px}


    .paywall.inline{padding: 30px 20px; width: 100%; min-height: 300px}
    .paywall.inline .message p{font-size: 16px !important; margin: 10px 0 !important; line-height: 20px !important}
    .paywall.inline .message h3{font-size: 24px; line-height: 30px; margin: 25px 0 0 0}



    /*.paywall .articles-counter{width: auto; height: auto; border: none; font-size: 12px; margin: 0 0 0 20px; line-height: initial; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}*/
    /*.paywall p{font-size: 12px; margin: 0}*/
    /*.paywall p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}*/
    /*.paywall p span.mobile{display: inline-block !important; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}*/
    /*.paywall figure{display: none}*/
    /*.paywall p.mobile{font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: center; border-top: 1px solid #E5C87C; margin: 18px 0 0 0; padding: 18px 20px 0 20px}*/
    /*.paywall p.mobile a{border-bottom: 1px solid #1B1A1A; padding: 0 0 2px 0}*/
    /*.paywall .subscribe{width: 260px; display: block; margin: 20px auto}*/
    /*.paywall .login{display: block; width: 120px; margin: auto}*/
    /*.paywall.large{padding: 20px 0; min-height: 312px}*/
    /*.paywall.large figure{display: block; margin: auto}*/
    /*.paywall.large h3{font-size: 24px; line-height: 30px; padding: 0 25px}*/
    /*.paywall.large p{font-size: 16px; line-height: 19px; margin: 20px 0 0 0; padding: 0 25px}*/
    /*.paywall.large.premium{padding: 25px 0; width: calc(100% + 40px); margin: 0 -20px}*/
    /*.paywall.premium:before{height: 100px; top: -100px}*/
    /*.paywall.large.premium p{margin: 15px 0}*/
    .annonces-page .paywall.large.premium{width: calc(100% - 20px); border-radius: 6px; margin: -150px auto 0 auto}
    .annonces-page.carnet-annonce-view .paywall.premium{height: auto; width: calc(100% - 20px); margin: auto}
    .annonces-page.carnet-annonce-view .paywall.premium > div{position: relative; padding: 0; transform: none}

    .header-strip{min-height: initial; margin: -20px 0 20px 0}
    .header-strip .main-container{padding: 10px}
    .header-strip .close{width: 25px; height: 25px; background-size: 9px; right: 10px; top: 10px}
    .breaking-news-strip .title{float: none; display: block; width: 145px; height: 25px; margin: 0; line-height: 25px}
    .breaking-news-strip .title i{width: 25px; height: 25px; vertical-align: top; background-size: 10px}
    .breaking-news-strip .title span{font-size: 10px; vertical-align: top}
    .breaking-news-strip h4{padding: 0; line-height: 22px; margin: 10px 0 0 0}
    .liveblog-strip .title{background: none !important; float: none; width: auto; min-height: initial}
    .liveblog-strip .title .live{margin: 0; border: 1px solid #FFFFFF; font-size: 10px; width: 85px; height: 25px; line-height: 25px; padding: 0 0 0 10px}
    .liveblog-strip .title .live:before{left: 8px; top: 8px; width: 8px; height: 8px}
    .liveblog-strip .more{float: none; display: block}
    .liveblog-strip h4{padding: 0; line-height: 24px; margin: 10px 0 0 0; width: 100%}
    .event-strip .title{float: none; display: block; width: 80px; height: 25px; margin: 0; line-height: 25px}
    .event-strip .title i{width: 25px; height: 25px; vertical-align: top; background-size: 10px}
    .event-strip .title span{font-size: 10px; vertical-align: top}
    .event-strip h4{padding: 0; line-height: 24px; margin: 10px 0 0 0}
    .header-strip.card-notice{padding: 0}
    .header-strip.card-notice .main-container{padding: 35px 10px 10px 10px}
    .header-strip.card-notice p{width: 100%}
    .header-strip.card-notice p a{position: relative; display: block; width: 100%; margin: 10px 0 0 0}
    .header-strip.card-notice .close{width: 25px; height: 25px; top: 10px; right: 10px; background: url('../images/icons-sprite.png?1') no-repeat 3px -13px; background-size: 52px}
    /*End Article Page*/


    /*Opinions Article Page*/
    .article-page.opinions .main-column article.main .editorial-info{padding: 0 0 30px 0; margin: 0 0 15px 0}
    .article-page.opinions .main-column article.main .editorial-info .editorial-name{font-size: 20px; padding: 0 100px 0 0}
    .article-page.opinions .main-column article.main .editorial-info figure{width: 84px; height: 84px; top: -25px; right: 15px}
    .article-page.opinions .main-column article.main .editorial-info .editorial-name i{font-size: 24px; margin: 0 0 0 5px}
    /*End Opinions Article Page*/


    /*Diapo Article Page*/
    .article-diapo article.main .article-image{height: 378px}
    .article-diapo article.main .article-image .category{font-size: 12px}
    .article-diapo article.main .article-wrapper{padding: 0}
    .article-diapo article.main .article-info{width: 100%; padding: 20px 20px 0 20px; margin: 0}
    .article-diapo article.main .article-info:before{width: 75px; height: 75px}
    .article-diapo article.main .article-info > div{width: 100%; padding: 0 0 20px 0}
    .article-diapo article.main .article-info > div h1{font-size: 32px; line-height: 36px}
    .article-diapo article.main .article-info > div .summary{font-size: 18px; line-height: 24px; margin: 15px 0 0 0}
    .article-diapo article.main .article-info > div .author{font-size: 12px; margin: 15px 0 0 0; line-height: 24px}
    .article-page article.main .social-share, .article-diapo article.main .article-info > div .social-share{margin: 20px 0 0 0}
    .article-diapo article.main .article-content .text p{font-size: 18px; line-height: 28px}
    .article-diapo article.main .article-content .caption{font-size: 16px !important; line-height: 24px !important}
    .article-diapo .gallery{padding: 20px}
    .article-diapo .gallery .navigate-container .navigate{width: 35px; height: 35px; font-size: 24px; line-height: 30px}
    .article-diapo .gallery .navigate-container .close{width: 35px; height: 35px; background-size: 20px; margin: 0 0 0 25px}
    .article-diapo .gallery .images li img{width: 100%}
    .article-diapo .gallery .images li .caption{margin: 20px 0 0 0; width: 100%}
    .article-diapo .gallery .images li .caption .counter{font-size: 18px}
    .article-diapo .gallery .images li .caption .description{font-size: 16px; line-height: 24px}
    .article-diapo .gallery .images li .caption .name{font-size: 16px}
    /*End Diapo Article Page*/


    /*Dossier Article Page*/
    .article-page .dossier-component{padding: 20px 0; margin: 30px 0; min-height: 100px}
    .article-page .dossier-component .dossier-details{padding: 0 20px}
    .article-page .dossier-component .dossier-details a > div{padding: 0 0 0 120px}
    .article-page .dossier-component .dossier-details a > div h3{font-size: 12px}
    .article-page .dossier-component .dossier-details a > div h2{font-size: 14px}
    .article-page .dossier-component ul li a{font-size: 14px; line-height: 18px}
    .article-page .dossier-component ul li{margin: 0 15px !important}
    .article-page .dossier-component .more{margin: 30px 0 0 15px}
    /*End Dossier Article Page*/


    /*Sponsored Article Page*/
    .article-page.sponsored{margin: -20px 0 0 0}
    .article-page.sponsored .main-column article.main h1{font-size: 32px; line-height: 36px}
    .article-page.sponsored .background.blue{padding: 20px 0}
    .article-page.sponsored .main-column article.main .sponsor-notice{font-size: 12px}
    .article-page.sponsored .main-column article.main .sponsor-link p{font-size: 12px}
    .article-page.sponsored .main-column article.main .sponsor-link{border: 1px solid #D8D8D8; background-color: transparent; padding: 10px 15px}
    .article-page.sponsored .main-column article.main .sponsor-link p i{margin: 0 10px 0 0}
    .article-page.sponsored .subscribe-box-2{width: 100%; margin: 40px 0}
    .article-page.sponsored .main-column article.main .article-content .text p{font-size: 18px; line-height: 28px}
    /*End Sponsored Article Page*/


    /*Liveblog Article Page*/
    .article-page.liveblog .article-image{height: 252px}
    .article-page.liveblog article.main .article-intro{padding: 20px 0}
    .article-page.liveblog article.main .article-intro .category .live{width: 105px; height: 30px; font-size: 12px; line-height: 32px; margin: 0 15px 0 0}
    .article-page.liveblog article.main .article-intro .category .live:before{width: 10px; height: 10px; top: 10px}
    .article-page.liveblog article.main .article-intro .category a{font-size: 12px}
    .article-page.liveblog article.main .article-intro h1{font-size: 32px; line-height: 36px}
    .article-page.liveblog article.main .article-intro .article-info{padding: 0 10px}
    .article-page.liveblog article.main .article-intro .article-info p{font-size: 12px; line-height: 20px}
    .article-page.liveblog article.main .article-intro .social-share{margin: 20px 0 0 10px}
    .article-page.liveblog .liveblog-notice h2{position: relative}
    .article-page.liveblog .liveblog-notice h2:after{content: '\f107'; font-family: 'FontAwesome'; position: absolute; right: 20px; font-size: 26px; top: 18px; transition: .25s}
    .article-page.liveblog .liveblog-notice h2.active:after{transform: rotate(-180deg)}
    .article-page.liveblog .liveblog-notice .content{display: none}
    /*End Liveblog Article Page*/


    /*Category Page*/
    .category-page h1{font-size: 22px; margin: 0 10px; display: block; border-bottom: 1px solid #D1CFCF; padding: 0 0 10px 0}
    .category-page h1.no-border{padding: 0; border: none}
    .category-page .mobile-slider-menu{height: 45px; float: none}
    .category-page .section-title .sub-categories{display: block; float: none; margin: 10px; width: 100%}
    .category-page .section-title .sub-categories li{margin: 0 10px 0 0}
    .category-page .section-title .sub-categories li.mobile{display: inline-block !important}
    .category-page .section-title .sub-categories li a{border: 1px solid #D1CFCF; border-radius: 15px; display: block; padding: 6px 14px; font-size: 12px}
    .category-page .section-title .sub-categories li:after{display: none}
    .category-page .featured .article-1{width: 100%; height: auto}
    .category-page .featured .article-2{width: 100%}
    .category-page .featured .article-2 .content figure{height: 222px; float: none; width: 100%}
    .category-page .featured .article-2 .content .details{padding: 25px 0}
    .category-page .featured .article-1.diapo{margin: 0 0 25px 0}
    .category-page .featured .article-2.diapo .content .details{padding: 20px;background-color: #323031}
    .sidebar .newsletter-box{width: calc(100% + 20px); margin: 0 -10px; padding: 30px; min-height: initial}
    .sidebar .newsletter-box figure{width: 100px; height: 100px}
    .sidebar .newsletter-box h2{margin: 20px 0 0 0}
    .sidebar .newsletter-box p{font-size: 18px; line-height: 28px; margin: 5px 0 0 0}
    .sidebar .newsletter-box form{margin: 10px 0 0 0}
    .sidebar .newsletter-box form input{width: 100%}
    .sidebar .newsletter-box form a:hover{background-color: #1B1A1A}
    .sidebar .newsletter-box .more{margin: 20px 0 0 0}
    .most-lists .slick-prev, .most-lists .slick-next{display: none !important}
    .category-page .sidebar .cdl-component{width: calc(100% - 20px); margin: 0 auto 40px auto}
    /*End Category Page*/


    /*Dossiers Pages*/
    .dossiers-page h1{font-size: 22px}
    .dossiers-page .triple-border{width: calc(100% - 20px); margin: 0 10px 20px 10px}
    .dossiers-page .dossier{height: 342px}
    .dossiers-page .dossier:hover{opacity: 1}
    .dossiers-page .dossier .content .details i{width: 36px; height: 36px}
    .dossiers-page .dossier .content .details h2{font-size: 24px; line-height: 30px}
    /*End Dossiers Pages*/


    /*Dossier Page*/
    .dossier-page{margin: 0}
    .dossier-page .cover figure{height: 378px}
    .dossier-page .cover figure .main-container{padding: 20px 10px}
    .dossier-page .cover figure .main-container h2{font-size: 12px}
    .dossier-page .cover figure .main-container i{width: 60px; height: 60px; left: 20px}
    .dossier-page .cover .details .main-container > div h1{font-size: 32px; line-height: 36px}
    .dossier-page .cover .details{padding: 25px 0}
    .dossier-page .cover .details .main-container{padding: 0 20px}
    .dossier-page .cover .details .main-container > div{width: 100%}
    .dossier-page .cover .details .main-container > div .description{font-size: 18px; line-height: 24px}
    .dossier-page .cover .details .main-container > div .date{font-size: 12px; line-height: 18px}
    .dossier-page .cover .details .main-container .social-share{margin: 20px 0 0 0}
    .dossier-page .article-2 .content figure{height: 222px; width: 100%; float: none}
    .dossier-page .article-2 .content .details{padding: 25px 0}
    .dossier-page .sidebar .other-files{margin: 0 10px 40px 10px}
    .dossier-page .file-details{padding: 20px 0}
    .dossier-page .file-details .main-container{padding: 0 20px}
    .dossier-page .file-details .tag i{width: 50px; height: 50px}
    .dossier-page .file-details .tag h2{font-size: 12px; margin: 0 0 0 15px}
    .dossier-page .file-details .title{margin: 10px 0 0 0}
    .dossier-page .file-details .title figure{float: none; margin: auto}
    .dossier-page .file-details .title h1{font-size: 32px; line-height: 36px; width: 100%; padding: 0; text-align: center; margin: 20px 0 0 0}
    .dossier-page .file-details .date{width: 100%; display: block; margin: 20px 0 0 0; text-align: center}
    .dossier-page .file-details .date p{font-size: 12px; line-height: 18px}
    .dossier-page .file-details .social-share{margin: 20px 0 0 0; display: block; text-align: center}
    .dossier-page.dossiers .main-container .social-share{float: none; margin: 20px 0 0 0}
    /*End Dossier Page*/


    /*Author Page*/
    .author-page .author-details{padding: 0 10px 30px 10px}
    .author-page .author-details figure{width: 72px; height: 72px}
    .author-page .author-details > div{padding: 15px 0}
    .author-page .author-details > div p{font-size: 12px}
    .author-page .author-details > div h1{font-size: 20px}
    .author-page .author-details p{font-size: 16px; line-height: 24px}
    .author-page .author-details a{width: 40px; height: 40px; padding: 0; border-radius: 50%; text-align: center; line-height: 40px; margin: 0 10px 0 0}
    .author-page .author-details a h4{display: none}
    .author-page .author-details a i{position: relative; top: initial; right: initial}
    .author-page .featured .article-1{width: 100%; height: auto}
    .author-page .featured .article-2{width: 100%}
    .author-page .featured .article-2 .content figure{height: 222px; float: none; width: 100%}
    .author-page .featured .article-2 .content .details{padding: 25px 0}
    /*End Author Page*/


    /*Editorials Page*/
    .editorials-page .section-title h1{font-size: 22px}
    .editorials-page .section-title h2{font-size: 16px; padding: 0 0 20px 10px}
    .editorials-page .triple-border{width: calc(100% - 20px); margin: 0 10px 20px 10px}
    .editorials-page .article-signature a{padding: 60px 60px 40px 60px}
    .editorials-page .article-signature a figure{float: none; width: 112px; height: 112px}
    .editorials-page .article-signature a h2{font-size: 16px; padding: 0; text-align: center}
    .editorials-page .article-signature a h3{padding: 0; text-align: center; margin: 10px 0 0 0}
    .editorials-page .sidebar .signatures{width: calc(100% - 20px); margin: 0 auto 40px auto}
    .editorials-page .load-more{width: calc(100% - 20px); margin: 0 auto 30px auto}
    /*End Editorials Page*/


    /*Newsletter Page*/
    .newsletters-page h1{font-size: 22px}
    .newsletters-page .newsletters .newsletter{width: 100%; height: auto; margin: 0 0 10px 0; min-height: initial}
    .newsletters-page .newsletters .newsletter .content{min-height: initial; padding: 25px 25px 50px 25px}
    .newsletters-page .newsletters .newsletter .content figure{width: 44px; height: 44px; display: inline-block; vertical-align: middle}
    .newsletters-page .newsletters .newsletter .content h2{font-size: 18px; height: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: calc(100% - 60px)}
    .newsletters-page .newsletters .newsletter .content p{font-size: 18px; line-height: 28px; height: auto; margin: 10px 0 0 0}
    .newsletters-page .newsletters .newsletter .content .email-container{margin: 20px 0 15px 0; position: relative; width: 100%; bottom: initial; left: 0; height: 48px}
    .newsletters-page .newsletters .newsletter .content .email-container input{height: 48px}
    .newsletters-page .newsletters .newsletter .content .email-container a{height: 48px; font-size: 24px; top: 0}
    .newsletters-page .newsletters .newsletter.lettre .content figure{background: url('../images/subscribe-box-bg.png') no-repeat -5px 8px; background-size: 60px; background-color: #FFDF89}
    .newsletters-page .newsletters .newsletter .content .email-container a:hover{background-color: #1B1A1A}
    /*End Newsletter Page*/


    /*Caricature Page*/
    .caricature-page .section-title h1{font-size: 22px; display: block}
    .sub-categories.carousel-mobile{display: block; float: none; margin: 10px !important; width: 100%}
    .sub-categories.carousel-mobile li{margin: 0 10px 0 0}
    .sub-categories.carousel-mobile li a{border: 1px solid #D1CFCF; border-radius: 15px; display: block; padding: 6px 14px; font-size: 12px}
    .sub-categories.carousel-mobile li:after{display: none}
    .caricature-page .main-container .caricature{height: 402px}
    .caricature-page .main-container .caricature a{padding: 10px}
    .caricature-page .main-container .caricature a figure{height: 312px}
    .caricature-page .main-container .caricature a h2{font-size: 16px; margin: 15px 0 0 0}
    /*End Caricature Page*/


    /*Search Page*/
    .search-page .load-more{width: calc(100% - 20px)}
    .search-page .header-search-container{margin: -40px 0 40px 0; padding: 30px 0}
    .search-page .header-search-container form{padding: 0 20px}
    .search-page .header-search-container form input[type=text]{width: calc(100% - 120px)}
    .search-page .header-search-container form .submit{width: 120px; font-size: 14px}
    .search-page .header-search-container form .results p{font-size: 16px}
    .search-page .main-container .sidebar .goto-archives{width: calc(100% - 20px); margin: 0 auto 40px auto}
    /*End Search Page*/


    /*Horoscopes Page*/
    .horoscopes-page .section-title h1{font-size: 22px}
    .horoscopes-page .section-title h2{font-size: 14px; padding: 0 0 20px 12px}
    .horoscopes-page .triple-border{width: calc(100% - 20px); margin: 0 auto 20px auto}
    .horoscopes-page .selected{margin: 25px 0 40px 0}
    .horoscopes-page .selected .content{padding: 30px 20px}
    .horoscopes-page .selected .content figure{float: none; width: 104px; height: 104px; margin: auto}
    .horoscopes-page .selected .content > div{padding: 0; margin: 20px 0 0 0}
    .horoscopes-page .selected .content > div h3{text-align: center; font-size: 18px}
    .horoscopes-page .selected .content > div .date{text-align: center; font-size: 14px}
    .horoscopes-page .selected .content > div .contents{font-size: 14px; line-height: 20px}
    .horoscopes-page .selected .content a{margin: 20px 0 0 0; float: none}
    .horoscopes-page .horoscopes li{width: 50%; height: 265px; margin: 0 0 10px 0}
    .horoscopes-page .horoscopes li a figure{width: 60px; height: 60px}
    .horoscopes-page .horoscopes li h3{font-size: 18px}
    .horoscopes-page .horoscopes li .date{font-size: 12px}
    .horoscopes-page .horoscopes li .contents{font-size: 14px; line-height: 20px}
    .horoscopes-page .horoscopes li a{width: calc(100% - 15px); margin: 0 5px 0 10px}
    .horoscopes-page .horoscopes li a:hover{background-color: #F8F6F6}
    .horoscopes-page .horoscopes li:nth-child(even) a{margin: 0 10px 0 5px}
    /*End Horoscopes Page*/


    /*PDF Pages*/
    h1.page-title{font-size: 22px}
    .pdf-pages .main-column{width: 100%}
    .pdf-pages ul.pdfs li{padding: 10px 10px 30px 10px; height: auto}
    .pdf-pages ul.pdfs li .image-container{height: 315px; padding: 20px}
    .pdf-pages ul.pdfs li .image-container figure{height: 275px}
    .pdf-pages ul.pdfs li .details{width: calc(100% - 78px)}
    .pdf-pages ul.pdfs li .pdf-link{width: 78px; height: 45px; line-height: 45px}
    .pdf-pages .sidebar{width: 100%; margin: 0}
    .pdf-pages .all-editions{margin: 20px auto 40px auto; width: calc(100% - 20px)}
    .pdf-pages .archives-link{margin: 20px auto; width: calc(100% - 20px)}
    .pdf-pages .les-speciaux-component{margin: 20px auto; width: calc(100% - 20px)}
    .pdf-pages .paywall.large.premium{width: calc(100% - 20px); margin: -200px auto 20px auto}
    .pdf-pages .paywall.premium:before{height: 85px; top: -85px}
    .pdf-pages .most-lists.sidebar-display{margin: 30px -10px 0 -10px; width: calc(100% + 20px)}
    .pdf-pages .most-lists.sidebar-display .list .content{width: calc(100% - 40px); margin: auto; padding: 0}
    .pdf-pages .pdf-notice{left: 0; right: 0; width: 100%; bottom: 0}
    .pdf-pages .pdf-notice p{font-size: 16px; line-height: 20px}
    /*End PDF Pages*/


    /*Text Page*/
    .static-pages h1{font-size: 22px}
    .text-page .main-container .main-column .text{padding: 0 10px}
    .text-page .main-container .main-column .text p{font-size: 15px; line-height: 24px}
    .text-page .subscribe-box-2, .text-page .most-lists{display: none}
    /*End Text Page*/


    /*Annonces Page*/
    .annonces-page .section-title h1{font-size: 22px}
    .annonces-page .mobile-slider-menu{margin: 20px 0 20px 10px; height: 35px}
    .annonces-page .annonces-menu{padding: 0; width: 100%; margin: 0; height: 100%}
    .annonces-page .annonces-menu li{height: 35px}
    .annonces-page .annonces-menu li.mobile{display: inline-block !important}
    .annonces-page .annonces-menu li a i{font-size: 20px; top: 7px}
    .annonces-page .main-column ul.annonces li{padding: 15px}
    .annonces-page .main-column ul.annonces li a:hover{background-color: #F8F6F6}
    .annonces-page .main-column ul.annonces li a > div h3{font-size: 15px}
    .annonces-page .main-column ul.annonces li a > div span{font-size: 13px; margin: 0 0 0 5px}
    .annonces-page .main-column ul.annonces li a > div p{font-size: 15px; line-height: 24px}
    .annonces-page .main-column ul.annonces li .more{margin: 15px 0 0 0}
    .annonces-page .main-column ul.annonces li.has-image a figure{width: 95px; height: 95px}
    .annonces-page .main-column ul.annonces li.has-image a > div{width: calc(100% - 105px)}
    .annonces-page .load-more{width: calc(100% - 20px); margin: 40px auto 0 auto}
    .annonces-page .sidebar{margin: 0}
    .annonces-page .sidebar .annonce-notice{margin: 40px auto 0 auto; width: calc(100% - 20px)}
    .annonces-page .ad-details{padding: 10px 10px 25px 10px}
    .annonces-page .ad-details figure{height: 200px}
    .annonces-page .ad-details p{margin: 20px 0 0 0}
    .annonces-page .ad-details p{font-size: 15px; line-height: 24px}
    .annonces-page .ad-details span{font-size: 12px}
    .annonces-page .ad-details .social-share li{width: 30px; height: 30px; line-height: 30px; margin: 0 5px 0 0}
    .annonces-page .ad-details .social-share li a{font-size: 13px}
    .annonces-page .latest-ads h2{margin: 0 0 10px 0}
    .carnet-annonce-view .annonces-menu{margin: 20px 0 20px 10px}
    /*End Annonces Page*/


    /*Boutique Pages*/
    .boutique-menu .lower-menu ul li a{font-size: 12px}
    .boutique-page{margin: 0; padding: 0}
    .boutique-page .items-page{padding: 0 0 40px 0}
    .boutique-page .items-page .cover{height: 438px; background: url('../images/boutique-homepage-cover.jpeg') no-repeat center; background-size: cover}
    .boutique-page .items-page .cover .text h1{font-size: 24px; line-height: 30px}
    .boutique-page .items-page .cover .text h2{font-size: 20px; line-height: 24px}
    .boutique-page .items-page .cover .text{transform: translateY(-50%); padding: 0 20px}
    .boutique-page .items-page .main-container{padding: 0 20px}
    .boutique-page .items-page ul.items{margin: 40px 0 0 0}
    .boutique-page .items-page ul.items li{width: 100%; margin: 0 0 20px 0;top:0;position: initial}
    .boutique-page .items-page ul.items li.premium{width: 100%}
    .boutique-page .items-page ul.items li .content{width: 100%}
    .boutique-page .items-page ul.items li.premium .content{min-height: 540px}
    .boutique-page .items-page ul.items li .content .title h2{font-size: 24px}
    .boutique-page .items-page ul.items li.premium .content .title h2{font-size: 24px}
    .boutique-page .items-page ul.items li .content .title h3{font-size: 20px}
    .boutique-page .items-page ul.items li.premium .content .title h3{font-size: 20px}
    .boutique-page .items-page section .section-title i{display: none}
    .boutique-page .items-page section .section-title > div h2{font-size: 20px}
    .boutique-page .items-page section.special-offers .section-title > div span{font-size: 20px}
    .boutique-page .items-page section .section-title > div span{font-size: 20px}
    .boutique-page .items-page section ul{margin: 25px 0 0 0}
    .boutique-page .items-page section ul li:last-child{margin: 0}
    .boutique-page .items-page section ul li .logos{display: block; margin: auto}
    .boutique-page .items-page section ul li .details{display: block; width: 100%}
    .boutique-page .items-page section ul li .buttons{display: block; margin: 30px auto 0 auto}
    .boutique-page .items-page section ul li .details p{font-size: 14px}
    .boutique-page .items-page .reasons-container{height: auto; margin: 20px 0 40px 0}
    .boutique-page .items-page .reasons-container .reasons{width: 100%; display: block; padding: 28px 20px; height: 175px; margin: 0 0 20px 0; border-radius: 10px}
    .boutique-page .items-page .reasons-container .reasons:before{border-radius: 10px}
    .boutique-page .items-page .reasons-container .reasons .content h2{font-size: 20px; line-height: 24px; width: auto}
    .boutique-page .items-page .reasons-container .contact{width: 100%; display: block; padding: 50px 20px; height: 175px; margin: 0 0 20px 0; border-radius: 10px}
    .boutique-page .items-page .reasons-container .contact:before{border-radius: 10px}
    .boutique-page .items-page .reasons-container .contact .content h2{font-size: 24px; margin: 0; line-height: 30px}
    .boutique-page .items-page .reasons-container .contact .content h2:before{width: 24px; height: 20px}
    .boutique-page .items-page .reasons-container .contact .content p{font-size: 16px}
    .boutique-page .items-page section{margin: 0 0 40px 0}
    .boutique-page .items-page section:last-child{margin: 0}
    .boutique-page .info-page .main-container{padding: 0 10px}
    .boutique-page .info-page .cover{height: 438px; margin: 0}
    .boutique-page .info-page .cover .text{bottom: 25px; padding: 0 25px}
    .boutique-page .info-page .cover .text p{font-size: 20px; line-height: 24px}
    .boutique-page .info-page .support-reasons{padding: 40px 10px 0 10px}
    .boutique-page .info-page .support-reasons h2, .boutique-page .info-page .subscribe-reasons h2{font-size: 20px; line-height: 30px; margin: 0 0 40px 0}
    .boutique-page .info-page .support-reasons ul li{margin: 0 0 40px 0}
    .boutique-page .info-page .support-reasons ul li figure{height: 246px; width: 100%}
    .boutique-page .info-page .support-reasons ul li span{font-size: 200px; left: -30px; line-height: 160px}
    .boutique-page .info-page .support-reasons ul li > div{width: 100%; margin: 30px 0 0 0; padding: 0}
    .boutique-page .info-page .support-reasons ul li h3{font-size: 24px; line-height: 30px}
    .boutique-page .info-page .support-reasons ul li p{font-size: 16px; line-height: 24px; margin: 20px 0 0 0}
    .boutique-page .info-page .support-reasons ul li:nth-child(2) > div{margin: 30px 0 0 0}
    .boutique-page .info-page .support-reasons ul li:nth-child(2) span{right: -20px}
    .boutique-page .info-page .subscribe{height: 95px; padding: 23px 0; margin: 50px 0 0 0}
    .boutique-page .info-page .subscribe h3{font-size: 18px}
    .boutique-page .info-page .subscribe h3 a:hover{background-color: #1B1A1A; color: #FFDF8A}
    .boutique-page .info-page .subscribe-reasons{margin: 40px 0 50px 0; padding: 0 10px}
    .boutique-page .info-page .subscribe-reasons ul li{margin: 0 0 25px 0}
    .boutique-page .info-page .subscribe-reasons ul li figure{float: none; margin: auto !important; position: relative; top: 20px}
    .boutique-page .info-page .subscribe-reasons ul li:first-child figure{width: 185px; height: 127px}
    .boutique-page .info-page .subscribe-reasons ul li:nth-child(2) figure{width: 144px; height: 128px}
    .boutique-page .info-page .subscribe-reasons ul li:last-child figure{width: 144px; height: 128px}
    .boutique-page .info-page .subscribe-reasons ul li > div{margin: 0; padding: 40px 20px 20px 20px}
    .boutique-page .info-page .subscribe-reasons ul li > div h3, .boutique-page .info-page .subscribe-reasons ul li > div p{font-size: 16px; line-height: 20px}
    .boutique-page .parrainage-page .cover{height: 438px; margin: 0 0 45px 0}
    .boutique-page .parrainage-page .cover .text{padding: 0 40px}
    .boutique-page .parrainage-page .cover .text h3{font-size: 16px; display: inline; line-height: 20px}
    .boutique-page .parrainage-page .cover .text h2{font-size: 24px; line-height: 20px; display: inline}
    .boutique-page .parrainage-page .cover .text p{width: auto; font-size: 20px; line-height: 24px; margin: 40px auto 0 auto}
    .boutique-page .parrainage-page .info{width: 100%; margin: 0; padding: 0 10px}
    .boutique-page .parrainage-page .info h3{font-size: 24px; line-height: 30px; margin: 0 0 35px 0}
    .boutique-page .parrainage-page .info p{font-size: 16px; line-height: 24px}
    .boutique-page .parrainage-page .info .list ul li{font-size: 14px; line-height: 24px; padding: 0 0 0 50px; position: relative}
    .boutique-page .parrainage-page .info .list ul li:before{position: absolute; left: 0}
    .boutique-page .parrainage-page form{width: calc(100% - 20px); margin: 40px auto; display: block; padding: 20px}
    .boutique-page .parrainage-page form h3{font-size: 18px}
    .boutique-page .parrainage-page form .row{margin: 0 0 20px 0}
    .boutique-page .parrainage-page form label{font-size: 14px}

    .boutique-page .boutique-offer-page .cover{height: 438px}
    .boutique-page .boutique-offer-page .cover .text{transform: translateY(-40%)}
    .boutique-page .boutique-offer-page .cover .text p{font-size: 16px; line-height: 20px; width: 200px}
    .boutique-page .boutique-offer-page .cover .text h1{font-size: 24px; margin: 0 0 30px 0}
    .boutique-page .boutique-offer-page .cover .text p:last-of-type{font-size: 20px; line-height: 24px; width: 310px}
    .boutique-page .boutique-offer-page .cover .text a{margin: 50px auto 0 auto}
    .boutique-page .boutique-offer-page form{margin: 40px auto 50px auto; width: calc(100% - 20px)}
    .boutique-page .boutique-offer-page form .steps .step{padding: 25px 20px 0 20px}
    .boutique-page .boutique-offer-page form .steps .step .step-header{padding: 0 0 20px 0; margin: 0 0 25px 0}
    .boutique-page .boutique-offer-page form .steps .step .step-header .number{width: 32px; height: 32px; font-size: 18px; line-height: 32px}
    .boutique-page .boutique-offer-page form .steps .step .step-header h2{font-size: 15px; margin: 0 0 0 15px; width: calc(100% - 50px)}
    .boutique-page .boutique-offer-page form .row .half{width: 100%; margin: 0 0 25px 0}
    .boutique-page .boutique-offer-page form .row .half label{font-size: 14px; margin: 0 0 5px 0}
    .boutique-page .boutique-offer-page form .row .half p{font-size: 14px}
    .boutique-page .boutique-offer-page form .items p{font-size: 14px}
    .boutique-page .boutique-offer-page form .items ul li{width: 100%; min-height: initial; margin: 0 0 20px 0; padding: 20px}
    .boutique-page .boutique-offer-page form .items ul li span{width: 28px; height: 28px}
    .boutique-page .boutique-offer-page form .items ul li h3{font-size: 16px; margin: 20px 0 0 0}
    .boutique-page .boutique-offer-page form .items ul li h4{font-size: 16px; line-height: 20px}
    .boutique-page .boutique-offer-page form .donation{margin: 25px 0 0 0}
    .boutique-page .boutique-offer-page form .donation h3{font-size: 14px}
    .boutique-page .boutique-offer-page form .donation .amount{font-size: 14px; line-height: 20px}
    .boutique-page .boutique-offer-page form .donation .amount input{margin: 15px 15px 0 0}
    .boutique-page .boutique-offer-page form .step-footer{margin: 40px 0 0 0}
    .boutique-page .boutique-offer-page form .step-footer h2{font-size: 16px}
    .boutique-page .boutique-offer-page form .step-footer .notice p{font-size: 14px; line-height: 16px}
    .boutique-page .boutique-offer-page form .step-footer .notice{width: auto}
    /*End Boutique Pages*/

    /*Meteo Page*/
    .meteo-page .section-title h2{font-size: 14px}
    .meteo-page .map-container{padding: 10px}
    .meteo-page .map-container .map{width: 300px}
    .meteo-page .map-container .map img{width: 300px}
    .meteo-page .map-container .map > div{top: -8px; left: -18px}
    .meteo-page .map-container .map > div p{font-size: 11px}
    .meteo-page .map-container .map > div > div{width: 35px}
    .meteo-page .map-container .map > div > div img{width: 20px}
    .meteo-page .map-container .map > div > div span{font-size: 8px}
    .meteo-page .map-container .map > div .tripoli{top: 50px; left: 150px}
    .meteo-page .map-container .map > div .tyr{top: 235px; left: 75px}
    .meteo-page .map-container .map > div .beirut{top: 135px; left: 112px}
    .meteo-page .map-container .map > div .saida{top: 180px; left: 100px}
    .meteo-page .map-container .map > div .cedars{top: 50px; left: 200px}
    .meteo-page .map-container .map > div .deir-al-qamar{top: 170px; left: 135px}
    .meteo-page .map-container .map > div .nabatiyyeh{top: 225px; left: 110px}
    .meteo-page .map-container .map > div .byblos{top: 95px; left: 125px}
    .meteo-page .map-container .map > div .zahle{top: 120px; left: 190px}
    .meteo-page .map-container .map > div .laklouk{top: 80px; left: 170px}
    /*End Meteo Page*/

    /*My Account Page*/
    .myaccount-pages .myaccount-header{margin: 0 0 20px 0}
    .myaccount-pages .myaccount-header h2{font-size: 12px}
    .myaccount-pages .myaccount-header h1{font-size: 18px; margin: 0 0 10px 0}
    .myaccount-pages .myaccount-header .logout{float: none; display: block; margin: 0 10px}
    .myaccount-pages .myaccount-header .logout:hover{background-color: #F3F0F0}
    .myaccount-pages .myaccount-header .triple-border{margin: 0 auto}
    .myaccount-pages .left-column{width: 100%;margin:20px auto}
    .myaccount-pages .right-column{width: 100%}
    .myaccount-pages .right-column .section .section-title h2{font-size: 18px; padding: 0 0 10px 0; max-width: initial}
    .myaccount-pages .right-column .section.subscriptions .subscribe.donate{font-size: 11px; width: 100px; height: 30px; line-height: 28px; margin: -4px 0 0 0}
    .myaccount-pages .right-column .section ul{margin: 20px 0 0 0;width:100%}
    .myaccount-pages .right-column .section .buttons{float:none}
    .myaccount-pages .right-column .section .buttons a{width: 100%}
    .myaccount-pages .right-column .section .buttons.remove-float{margin: 10px 0 0 0}
    .myaccount-pages .right-column .section.payment .buttons a{width: 100%}
    .myaccount-pages .right-column .section.payment .buttons a.payment-history{    display: block;width: 100%;border: none;margin: 20px auto}
    .myaccount-pages .right-column .section.parrainage .buttons a{width: 100%}
    .myaccount-pages .right-column .section ul li{margin: 0 0 15px 0; padding: 0 0 15px 0}
    /*.myaccount-pages .right-column .section ul li:first-child{border-bottom: 1px solid #D1CFCF}*/
    .myaccount-pages .right-column .section ul li label{font-size: 15px; margin: 0 0 2px 0}
    .myaccount-pages .right-column .section ul li span{font-size: 15px}
    .myaccount-pages .right-column .section ul li span a{color: #817C7C; border-bottom: 1px solid #817C7C; padding: 0 0 2px 0}
    .myaccount-pages .right-column .section{margin: 0 0 10px 0}
    .myaccount-pages .right-column .section ul li p{font-size: 15px; line-height: 26px}
    .myaccount-pages .right-column .section.newsletters ul li:first-child{border-bottom: none}
    .myaccount-pages .right-column .section.newsletters ul li{margin: 0 0 10px 0; padding: 0 0 10px 0}
    .myaccount-pages .right-column .section.alerte{border-bottom: 1px solid #D1CFCF; padding: 0 0 20px 0; margin: 0 0 40px 0}
    .myaccount-pages .right-column .section.alerte ul li:first-child{border-bottom: none}
    .myaccount-pages .right-column .section.alerte ul li p{width: calc(100% - 45px)}
    .myaccount-pages .right-column .section.donation form .row label, .myaccount-pages .right-column .section.donation form .row span{font-size: 15px; display: inline}
    .myaccount-pages .right-column .section.donation form .row ul{margin: 10px 0 0 0 !important}
    .myaccount-pages .right-column .section.donation form .row ul li{border-bottom: none}
    .myaccount-pages .right-column .section.donation .buttons a{width: 100%}
    .myaccount-pages .help{padding: 20px; border-radius: 6px; margin: 10px 0 0 0}
    .myaccount-pages .help h3{font-size: 14px}
    .myaccount-pages .help p{font-size: 14px; line-height: 18px}
    .myaccount-pages .right-column .card-notice{min-height: 132px; margin: 20px 0}
    .myaccount-pages .right-column .card-notice > div h3{font-size: 13px}
    .myaccount-pages .right-column .card-notice > div p{font-size: 13px}
    .myaccount-pages .right-column .card-notice a{width: 100%; margin: 20px auto;height: auto;max-width: 100%;font-size: 12px}
    .myaccount-pages .right-column .section form .row p.error.message{margin:20px auto}
    .account-menu-toggle{height: 42px; width: 100%; display: block; background-color: #F6F4F4; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; padding: 12px; border: 1px solid #D8D8D8; border-radius: 6px}
    .account-menu-toggle i{float: right; font-size: 26px; color: #ADA5A5; line-height: 18px; transition: .25s}
    .account-menu-toggle.active i{transform: rotate(-180deg)}
    .myaccount-pages .upgrade-notice h3{font-size: 14px}
    .myaccount-pages .upgrade-notice{padding: 20px; margin: 35px 0 0 0}
    .myaccount-pages .upgrade-notice p{font-size: 14px; line-height: 18px}
    .myaccount-pages .upgrade-notice a{font-size: 14px; margin: 20px 0 0 0}
    .myaccount-pages .upgrade-notice a:hover{background-color: #1B1A1A; color: #FFDF8A}
    .myaccount-pages .left-column .menu{display: none}
    .myaccount-pages .left-column .menu li a{padding: 12px; font-size: 14px}
    .myaccount-pages .left-column .menu li a.active{background-color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
    .myaccount-pages.edit-profile-page .right-column .section.personal-details{margin: 20px 0 0 0}
    .myaccount-pages.edit-profile-page .right-column .section form .row label{font-size: 14px}
    .myaccount-pages.edit-profile-page .right-column .section form .row .half{width: 100%; margin: 0 0 30px 0}
    .myaccount-pages.edit-profile-page .right-column .section form .row .full{margin: 0 0 30px 0}
    .myaccount-pages.edit-profile-page .right-column .section form .row{margin: 0}
    .myaccount-pages .right-column .section form .row.company{margin: 0 0 30px 0; padding: 0}
    .myaccount-pages.edit-profile-page .right-column .section form .submit{width: 100%; margin: 0}
    .myaccount-pages.edit-profile-page .right-column .section.password{margin: 40px 0 0 0; padding: 0 0 35px 0; border-bottom: 1px solid #D1CFCF}
    .myaccount-pages.edit-subscription-page .right-column .section.subscriptions{margin: 20px 0 0 0}
    .myaccount-pages.edit-subscription-page .right-column .section.subscriptions .item-details{margin: 20px 0 0 0}
    .myaccount-pages.edit-subscription-page .right-column .section ul{width: 100%; margin: 25px 0 0 0 !important}
    .myaccount-pages.edit-subscription-page .right-column .section ul li{border-bottom: 1px solid #D1CFCF}
    .myaccount-pages.edit-subscription-page .right-column .section .item-details h3{font-size: 15px}
    .myaccount-pages.edit-subscription-page .right-column .section .item-details ul li{border: none; margin: 0 0 10px 0; padding: 0 0 0 45px}
    .myaccount-pages.edit-subscription-page .right-column .section .item-details ul li p{padding: 0 0 0 45px; line-height: 24px}
    .myaccount-pages .right-column .section .item-details ul li{font-size: 15px; line-height: 24px}
    .myaccount-pages.edit-subscription-page .right-column .section .buttons .edit-subscription, .myaccount-pages.edit-subscription-page .right-column .section .buttons .parrainer{width: 100%}
    .myaccount-pages.edit-subscription-page .right-column .section .buttons .cancel-subscription{width: auto; display: inline-block; font-size: 15px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #817C7C; border-bottom: 1px solid #817C7C; height: auto; line-height: initial; margin: 20px 0 0 0; padding: 0 0 5px 0}
    .myaccount-pages.edit-subscription-page .right-column .section{margin: 35px 0 0 0}
    .myaccount-pages.edit-subscription-page .right-column .section.payment ul li{border: none; margin: 0 0 10px 0; padding: 0 0 10px 0}
    .myaccount-pages.edit-subscription-page .right-column .section.payment .buttons a.edit-card{width: 100%}
    .myaccount-pages.edit-subscription-page .right-column .section.payment .buttons a.payment-history{width: auto; display: inline-block; font-size: 15px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #817C7C; border-bottom: 1px solid #817C7C; height: auto; line-height: initial; margin: 20px 0 0 0; padding: 0 0 5px 0}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters{margin: 30px 0 0 0}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul{margin: 25px 0 0 0; padding: 0 0 25px 0; border-bottom: 1px solid #D1CFCF}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li{background-color: #F6F4F4; border-radius: 6px; padding: 25px 20px; margin: 0 0 10px 0; border-bottom: none}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li figure{width: 50px; height: 50px; vertical-align: top}
    .myaccount-pages .right-column .section.edit-newsletters ul li.lettre-article-link figure:before{font-size: 8px; width: 50px; bottom: -15px; height: 20px; line-height: 20px}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li.lettre figure{background: url('../images/subscribe-box-bg.png') no-repeat -5px 8px; background-size: 60px; background-color: #FFDF89}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li > div{width: calc(100% - 70px)}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li > div h3{font-size: 18px}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li > div p{font-size: 18px; line-height: 28px}
    .myaccount-pages.edit-newsletters-page .right-column .section.edit-newsletters ul li a{float: none; display: block; width: 100%; margin: 20px 0 0 0; background-color: #FFFFFF}
    .myaccount-pages .right-column .section.edit-newsletters ul li .preview{background-color: transparent !important; width: auto !important; display: inline-block !important}
    .myaccount-pages .right-column .section.edit-newsletters ul li .preview.desktop{display: none !important}
    .myaccount-pages .right-column .section.edit-newsletters ul li .subscribed:hover{background-color: #FFFFFF; color: #1B1A1A}
    .myaccount-pages .right-column .section.edit-newsletters ul li .subscribe:hover{background-color: #1B1A1A !important; color: #FFFFFF}
    .myaccount-pages .right-column .section.upgrade .item-details{width: 100%}
    .myaccount-pages.edit-subscription-page .right-column .section.parrainage{padding: 0 0 35px 0; border-bottom: 1px solid #D1CFCF}
    .myaccount-pages .right-column .section.parrainage p{font-size: 15px; line-height: 20px; margin: 25px 0 15px 0; width: 100%}

    /*newsletter preview*/
    .newsletter-overlay .content{width: 100%; top: 0; height: 90%}
    .newsletter-overlay .content .container{width: 100%; height: calc(100% - 150px)}
    /*newsletter preview*/
    /*End My Account Page*/


    /*Latest News*/
    .latest-news-page h1{font-size: 22px; padding: 0}
    .latest-news-page h1:before{width: 20px; height: 20px; margin: 0 15px 0 0; position: relative; top: 2px; background: url('../images/icons-sprite.png?1') no-repeat -27px -2px; background-size: 80px}
    .latest-news-page .main-container{padding: 0 20px}
    .latest-news-page .triple-border{width: 100%; margin: 20px 0}
    .latest-news-page .article-5{width: 100%; margin: 0 0 30px 0; padding: 0 0 30px 0; min-height: 125px}
    .latest-news-page .article-5 .content{width: 100%; margin: 0}
    .latest-news-page .article-5 .content > div .time{float: none; display: block}
    .latest-news-page .article-5.urgent .content > div .time:after{content: ''; display: inline-block; width: 10px; height: 20px; background: url('../images/icons-sprite.png?1') no-repeat -31px -31px; background-size: 90px; position: relative; top: 4px; margin: 0 0 0 10px}
    .latest-news-page .article-5 .content > div h2{font-size: 18px; padding: 0; margin: 10px 0 0 0; line-height: 22px}
    .latest-news-page .article-5.urgent .content > div h2:before{display: none}
    .latest-news-page .article-5 .content figure{width: 95px; height: 95px}
    .latest-news-page .article-5 a:hover .content > div h2{color: #000000}
    /*End Latest News*/


    /*Jeux Page*/
    .jeux-page h1{font-size: 22px; padding: 0 10px}
    .jeux-page .triple-border{margin: 20px 10px; width: calc(100% - 20px)}
    .jeux-page .main-container .games{padding: 0 10px}
    .jeux-page .main-container .games li{display: block; width: 100%; margin: 0 0 10px 0 !important}
    .jeux-page .main-container .games li a{min-height: 205px; padding: 25px 10px}
    .jeux-page .main-container .games li a:hover{background-color: #F8F6F6}
    .jeux-page .main-container .games li figure{width: 95px; height: 95px}
    .jeux-page .main-container .games li h3{margin: 15px 0 0 0}
    .jeux-page h2{font-size: 14px}
    .jeux-page .main-container .game-container{padding: 10px 10px 75px 10px}
    .jeux-page .main-container .game-container > div{height: 315px}
    .jeux-page .main-container .game-container a.print{font-size: 14px}
    .jeux-page .main-container .game-container a.print:hover{background-color: #1B1A1A}
    .jeux-page .main-container .game-container a.previous, .jeux-page .main-container .game-container a.next{font-size: 13px; margin: 15px 0 0 0}
    .jeux-page .main-container .game-container a.previous:hover, .jeux-page .main-container .game-container a.next:hover{background-color: #FFFFFF; color: #1B1A1A}
    .jeux-page .main-container .game-container .previous:before, .jeux-page .main-container .game-container .next:before{display: none}
    .jeux-page .main-container .other-games h3{font-size: 18px}
    .jeux-page .main-container .other-games ul li{width: 48%; margin: 0 4% 4% 0}
    .jeux-page .main-container .other-games ul li a{padding: 15px}
    .jeux-page .main-container .other-games ul li a:hover{background-color: #F8F6F6}
    .jeux-page .main-container .other-games ul li:nth-child(even){margin: 0 0 4% 0}
    .jeux-page .main-container .other-games ul li figure{width: 60px; height: 60px}
    .jeux-page .main-container .other-games ul li h4{font-size: 18px}
    .jeux-page .main-container .other-games ul li p{font-size: 12px}
    /*End Jeux Page*/


    /*FAQ Page*/
    .faq-page h1{font-size: 22px}
    .faq-page section h2{font-size: 16px; line-height: 19px; border-bottom: 1px solid #D1CFCF; padding: 0 0 10px 0}
    .faq-page .triple-border{width: calc(100% - 20px); margin: 20px auto}
    .faq-page ul li{height: 50px; font-size: 14px; line-height: 30px}
    .faq-page ul li a:hover{color: #085294}
    /*End FAQ Page*/


    /*Contact Page*/
    .contact-page section{margin: 0 auto 20px auto; padding: 0 0 20px 0}
    .contact-page section:last-child{margin: 0 auto 40px auto}
    .contact-page section h2{font-size: 18px; line-height: 24px}
    .contact-page section p{font-size: 16px; line-height: 24px}
    /*End Contact Page*/


    /*Sitemap Page*/
    .sitemap-page section ul > li > ul{width: 100%; display: block; margin: 0 0 20px 0; float: none}
    .sitemap-page section ul > li > ul > li h2{font-size: 18px; margin: 0 0 20px 0}
    .sitemap-page section ul > li > ul > li a{font-size: 16px}
    /*End Sitemap Page*/

    /*Login Page*/
    .login-page .title h1{font-size: 24px; line-height: 29px; padding: 0 10px}
    .login-page .title p{font-size: 16px}
    .login-page .container{padding: 25px 0; margin: 30px auto 0 auto; width: calc(100% - 20px)}
    .login-page .container form{padding: 0 20px}
    .login-page .container form > div label{font-size: 14px; margin: 0 0 5px 0}
    .login-page .container form > div input{height: 48px}
    .login-page .container form > div .buttons{margin: 20px 0 0 0}
    .login-page .container form > div .buttons .submit{width: 100%; height: 48px}
    .login-page .container form > div .buttons .forgot-password{width: 120px; margin: 10px auto 0 auto; display: block; padding: 0 0 10px 0}
    .login-page .container .social-login{padding: 30px 20px 0 20px}
    .login-page .container .social-login a{width: 100%; margin: 0}
    .login-page .container .social-login .facebook{margin: 0 0 10px 0}
    .login-page .no-account{margin: 30px 0 0 0}
    .login-page .no-account{padding: 30px 0 20px 0; width: calc(100% - 20px); margin: 30px 10px 0 10px}
    .login-page .no-account h2{font-size: 24px}
    .login-page .no-account p{font-size: 16px; line-height: 19px}
    .login-page .no-account a{margin: 30px auto 0 auto; width: 100%}
    /*End Login Page*/


    /*Forgot Password Page*/
    .forgotpassword-page{padding: 50px 0 60px 0}
    .forgotpassword-page .title h1{font-size: 24px; line-height: 29px; padding: 0 10px}
    .forgotpassword-page .container{padding: 25px 0; margin: 30px auto 0 auto; width: calc(100% - 20px)}
    .forgotpassword-page .container form{padding: 0 20px}
    .forgotpassword-page .container form p{font-size: 14px; line-height: 18px; margin: 0 0 30px 0}
    .forgotpassword-page .container form > div label{font-size: 14px; margin: 0 0 5px 0}
    .forgotpassword-page .container form > div input{height: 48px}
    .forgotpassword-page .container form > div .buttons{margin: 20px 0 0 0}
    .forgotpassword-page .container form > div .buttons .submit{width: 100%; height: 48px}
    .forgotpassword-page .container form > div .buttons .back{margin: 10px 0 0 0; font-size: 14px; padding: 0 0 10px 0}
    /*End Forgot Password Page*/


    /*Register Page*/
    .register-page{padding: 50px 0 60px 0}
    .register-page h1{font-size: 24px; line-height: 29px; padding: 0 20px}
    .register-page form{width: calc(100% - 20px); margin: 40px auto 0 auto}
    .register-page form .title{font-size: 16px}
    .register-page form .container .row .half label{font-size: 14px; margin: 0 0 5px 0}
    .register-page form .container{padding: 25px 20px}
    .social-login a{width: 100%; margin: 0 0 10px 0}
    .register-page form .container .social-login > div{margin: 15px 0 30px 0}
    .register-page form .container .row .half{width: 100%; margin: 0 0 25px 0}
    .register-page form .container .row .half:nth-child(even){margin: 0 0 25px 0}
    .register-page form .container .row .half input[type="text"], .register-page form .container .row .half input[type="email"], .register-page form .container .row .half input[type="password"]{height: 48px}
    .register-page form .container .row .half input[type="number"]{height: 48px}
    .register-page form .container .row .half input[type="number"]::-webkit-input-placeholder{font-size: 16px}
    .register-page form .container .row .half input[type="number"]:-moz-placeholder{font-size: 16px}
    .register-page form .container .row .half input[type="number"]::-moz-placeholder{font-size: 16px}
    .register-page form .container .row .half input[type="number"]:-ms-input-placeholder{font-size: 16px}
    .register-page form .container .row .half p{font-size: 14px}
    .register-page form .container .row .error{font-size: 14px}
    .register-page form .container .subscription-notice{margin: 25px 0 0 0}
    .register-page form .container .subscription-notice .newsletter p{font-size: 14px; line-height: 16px; width: calc(100% - 42px)}
    .register-page form .container .subscription-notice .terms p{font-size: 14px; line-height: 16px}
    .register-page form .container .black-button{width: 220px}
    .register-page .goto-login{margin: 30px auto 0 auto; padding: 30px 0 0 0; border-top: 1px solid #E7E3E3; width: calc(100% - 20px)}
    .register-page .goto-login h3{font-size: 24px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; margin: 0 0 20px 0}
    .register-page .goto-login a{width: 100%}
    .register-page .subscribe h1{font-size: 22px; line-height: 26px; padding: 0 10px}
    .register-page .subscribe .offer h3{font-size: 18px}
    .register-page .subscribe .offer{margin: 50px auto 0 auto}
    .register-page .subscribe .offer .container{width: calc(100% - 20px); margin: 30px auto 0 auto}
    .register-page .subscribe .offer .container .top-container{padding: 20px 20px 35px 20px}
    .register-page .subscribe .offer .container .top-container .logos{width: 100%; text-align: center; margin: 0}
    .register-page .subscribe .offer .container .top-container > div{width: 100%; margin: 10px 0 0 0}
    .register-page .subscribe .offer .container .top-container > div h2{text-align: center; font-size: 23px; margin: 0 0 5px 0}
    .register-page .subscribe .offer .container .top-container > div p{text-align: center; font-size: 20px}
    .register-page .subscribe .offer .container .top-container > div ul li p{font-size: 14px}
    .register-page .subscribe .offer .container .top-container > div a{margin: 0 0 0 30px}
    .register-page .subscribe .offer .container .bottom-container{padding: 20px}
    .register-page .subscribe .offer .container .bottom-container h2{font-size: 24px}
    .register-page .subscribe .offer .container .bottom-container p{font-size: 16px}
    .register-page .subscribe .offer .container .bottom-container a{width: 220px}
    .register-page .subscribe .offer .skip{margin: 50px auto 0 auto}



    .register-page .newsletters h1{font-size: 22px; line-height: 26px; padding: 0 10px}
    .register-page .newsletters .container{margin: 30px 0 0 0}
    .register-page .newsletters .container h4{font-size: 16px; line-height: 19px; margin: 0 0 35px 0; padding: 0 10px}
    .register-page .newsletters .container ul{width: calc(100% - 20px); margin: auto}
    .register-page .newsletters .container ul li{width: 100%; margin: 0 0 10px 0 !important; height: auto}
    .register-page .newsletters .container .black-button{margin: 45px auto 0 auto}

    /*End Register Page*/


    /*Error Page*/
    .error-page .main-container .error-message{margin: 30px 0 60px 0; padding: 0 20px}
    .error-page .main-container .error-message figure{margin: 0 auto 25px auto}
    .error-page .main-container .error-message p{font-size: 24px; margin: 0 0 20px 0; line-height: 32px}
    .error-page .main-container .error-message a{width: 100%; margin: 30px 0 0 0; font-size: 16px; height: 48px; line-height: 46px}
    /*End Error Page*/


    /*Archives SEO Page*/
    .seo-page .dropdown-container{padding: 20px; height: auto}
    .seo-page .dropdown-container > div{text-align: left}
    .seo-page .dropdown-container > div label{font-size: 14px; display: block; margin: 0 0 5px 0}
    .seo-page .dropdown-container > div .drop-down .selected{font-size: 14px; height: 48px; line-height: 48px}
    .seo-page .dropdown-container > div .drop-down .list ul li a{font-size: 14px; height: 48px; line-height: 48px}
    .seo-page .links .list h3{font-size: 18px; margin: 0 0 25px 0; border-bottom: 1px solid #D1CFCF; padding: 0 0 15px 0}
    .seo-page .links .list{margin: 20px 0 0 0}
    .seo-page .links .list ul li{width: 100%; margin: 0}
    .seo-page .links .list ul li:nth-child(6n){margin: 0 0 30px 0}
    .seo-page .links .list ul li a{font-size: 16px; line-height: 26px}
    .seo-page .sidebar .newsletter-box{margin: 20px 0 0 0; width: 100%}
    /*End Archives SEO Page*/


    /*Archives Search Page*/
    .archives-page form.search{padding: 30px 20px; margin: 20px 10px 25px 10px}
    .archives-page form.search .row label{font-size: 14px; margin: 0 0 8px 0}
    .archives-page form.search .row input[type='text']{height: 48px}
    .archives-page form.search .row{margin: 0 0 25px 0}
    .archives-page form.search .row .search-options .option{width: 100%; margin: 0 0 10px 0}
    .archives-page form.search .row .half{width: 100%; margin: 0 0 25px 0}
    .archives-page form.search .row .category-select .selected{height: 48px; font-size: 14px}
    .archives-page form.search .row .date input[type='text']{width: 45%; margin: 0 0 10px 0}
    .archives-page form.search .row .date span{font-size: 14px; margin: 0 5px}
    .archives-page form.search .submit{width: 100%}
    .archives-page .search-results h4{font-size: 16px}
    .archives-page .article-6{padding: 25px 0 35px 0}
    .archives-page .article-6 h2{font-size: 20px; line-height: 22px; padding: 0}
    .archives-page .article-6 p{display: none}
    .archives-page .article-6 h3{margin: 15px 0 0 0}
    .archives-page .article-6 a:hover h2{color: #000000}
    .archives-page .load-more{margin: 20px 0}
    .archives-page .pagination a:hover{background-color: #FFFFFF; color: #1B1A1A}
    .archives-page .pagination a.active:hover{background-color: #1B1A1A; color: #FFFFFF}
    /*End Archives Search Page*/


    /*Post Annonces Page*/
    .annonce-post-page .intro p{font-size: 16px; line-height: 26px; margin: 0 0 30px 0}
    .annonce-post-page form{padding: 30px 20px}
    .annonce-post-page form h3{font-size: 14px}
    .annonce-post-page form section{margin: 0 0 25px 0}
    .annonce-post-page form section .radio{margin: 15px 0 0 0}
    .annonce-post-page form section .radio li{width: 100%; margin: 0 0 15px 0}
    .annonce-post-page form section .select .selected{width: 256px; height: 48px}
    .annonce-post-page form section .select .selected a{font-size: 16px; line-height: 48px}
    .annonce-post-page form section .select .selected a i{line-height: 48px}
    .annonce-post-page form section .select .minus, .annonce-post-page form section .select .plus{margin: 0 0 0 4px}
    .annonce-post-page form section .dates .minus, .annonce-post-page form section .dates .plus{margin: 0 0 0 4px}
    .annonce-post-page form section .dates .date input{width: 256px}
    .annonce-post-page form section textarea{height: 138px; min-height: 138px; max-height: 138px}
    .annonce-post-page form section .photos > div{width: 100% !important; margin: 0 0 20px 0}
    .annonce-post-page form section .photos > div p{margin: 0}
    .annonce-post-page form .submit, .annonce-post-page .checkout a{width: 100%; cursor: default}
    .annonce-post-page .checkout p{margin: 0 0 10px 0}
    .annonce-post-page .checkout a{margin: 10px 0 0 0}
    /*End Post Annonces Page*/


    /*Emploi Page*/
    .emploi-page form{padding: 30px 20px; margin: auto}
    .emploi-page form .row{margin: 0 0 25px 0}
    .emploi-page form .row .half{width: 100%; margin: 0 0 25px 0}
    .emploi-page form .row label{font-size: 14px; margin: 0 0 8px 0}
    .emploi-page form .row input[type="text"], .emploi-page form .row input[type="email"], .emploi-page form .row input[type="number"]{height: 48px}
    .emploi-page form .row textarea{height: 138px; min-height: 138px; max-height: 138px}
    .emploi-page form .submit{width: 100%}
    .custom-select .selected{height: 48px; line-height: 48px; font-size: 16px}
    .custom-select .selected a{padding: 0 0 0 10px}
    .custom-select ul li a{font-size: 16px; padding: 10px 0 10px 10px; line-height: 30px}
    .custom-select .selected a span{height: 48px}
    .custom-select .selected a span i{height: 48px; line-height: 48px}
    /*End Emploi Page*/

    .upgrade-banner{padding: 25px 20px}
    .upgrade-banner .upgrade-article{display: none}
    .upgrade-banner .details{width: 100%; display: block}
    .upgrade-banner .logos .olj{width: 150px; height: 22px}
    .upgrade-banner .logos .cdl{width: 110px; height: 25px}
    .upgrade-banner h2{font-size: 20px}
    .upgrade-banner a.subscribe{font-size: 14px; width: 100%}
    .upgrade-banner a.subscribe:hover{background-color: #1B1A1A; color: #FFDF8A !important}

    .cancel-subscription-page h1{font-size: 12px}
    .cancel-subscription-page h2{font-size: 18px}
    .cancel-subscription-page div.content h2{font-size: 16px}
    .cancel-subscription-page div.content p{font-size: 14px;line-height: 22px}
    .cancel-subscription-page div.content{padding:0 10px}
    .cancel-subscription-page form button{width: 100%}

    /*Footer*/
    footer{padding: 20px 10px}
    footer .logo-container{width: 100%; display: block; padding: 0 0 15px 0; border-bottom: 1px solid #D1CFCF; margin: 0 0 15px 0}
    footer ul.main{width: 100%; display: block}
    footer ul.main > li{width: 100%; border: none; padding: 0 0 5px 0; border-bottom: 1px solid #D8D8D8; margin: 0 0 15px 0}
    footer ul.main > li:nth-child(2){border: none}
    footer ul.main > li > ul{min-height: initial !important; padding: 0 0 25px 0}
    footer ul.main > li:first-child > ul:first-child{margin: 0; padding: 0 0 25px 0}
    footer ul.main > li .expand{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 0 0 7px 0}
    footer ul.main > li .expand:after{content: ''; float: right; width: 13px; height: 8px; background: url('../images/chevron.png') no-repeat center; background-size: 16px; transform: rotate(180deg); position: relative; top: 8px; transition: .25s}
    footer ul.main > li .expand.active:after{transform: rotate(0deg)}
    footer ul.main > li .expand-newsletters{margin: 0 0 15px 0}
    footer ul.main > li .rubriques{display: none; padding: 0; margin: 0; border-bottom: none; padding: 0}
    footer ul.main > li .rubriques li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important}
    footer ul.main > li .newsletters{display: none; padding: 0 0 8px 0; margin: 0; border-bottom: none}
    footer ul.main > li > ul > li .subscribe{margin: 10px 0 0 0}
    footer ul.main > li > ul.subscribe{border-bottom: 1px solid #D1CFCF; border-top: 1px solid #D1CFCF; padding: 15px 0 8px 0; margin: 0 0 15px 0}
    footer ul.main > li > ul.social{padding: 0; margin: 0}
    footer ul.main > li > ul.social > li{display: inline-block; width: 48%; margin: 0 4% 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #D1CFCF}
    footer ul.main > li > ul.social > li:nth-child(even){margin: 0 0 15px 0}
    footer ul.main > li > ul.social > li:nth-child(odd){margin: 0 4% 15px 0}
    footer ul.main > li > ul.social > li a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
    footer ul.main > li > ul > li.twitter i{position: relative; top: 2px}
    footer ul.main > li > ul > li.youtube i{position: relative; top: 3px}
    footer ul.main > li > ul > li{margin: 0 0 10px 0}
    footer ul.main > li > ul.more-links{padding: 0 0 5px 0; margin: 0 0 15px 0}
    footer ul.main > li > ul:last-child{margin: 25px 0 0 0; padding: 0}
    footer .copyrights{border-top: none; padding: 0; margin: 0}
    footer .copyrights p{margin: 0 0 20px 0; float: none !important}
    footer .copyrights p span{display: block}
    footer ul.main > li > ul > li a:hover{color: #000000}
    /*End Footer*/
}

@media only screen and (max-width: 320px) {
    header .mobile-header .top-menu{padding: 15px 8px}
    header .mobile-header .top-menu .logo{margin: 0 0 0 5px}
    header .mobile-header .top-menu .subscribe{width: 100px; margin: 0 0 0 5px}
    header .mobile-header .mobile-menu .menu-head{padding: 15px 8px}
}