@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-XBold";
    src: url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/l?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n9&v=3") format("woff2"),
         url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/d?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n9&v=3") format("woff"),
         url("https://use.typekit.net/af/67187a/00000000000000003b9b032a/27/a?primer=51e46510a8bcdb92fa139186fdd3d43fc0ac4348ee92477ba51cd46504e98815&fvd=n9&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 800; /* XBold typically corresponds to a weight of 800 */
}

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



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

@font-face {
    font-family: 'PoynterOSDisp-Bold';
    src: url('fonts/PoynterOldstyleDisplay-Bold.eot');
    src: url('fonts/PoynterOldstyleDisplay-Bold.eot#iefix') format('embedded-opentype'),
    url('fonts/PoynterOldstyleDisplay-Bold.woff2') format('woff2'),
    url('fonts/PoynterOldstyleDisplay-Bold.woff') format('woff'),
    url('fonts/PoynterOldstyleDisplay-Bold.ttf') format('truetype'),
    url('fonts/PoynterOldstyleDisplay-Bold.svg?1#PoynterOldstyleDisplay-Bold') format('svg');
    font-style: normal;
    font-display:swap;
}

/*
 * jQuery Minimun Password Requirements 1.1
 * http://elationbase.com
 * Copyright 2014, elationbase
 * Check Minimun Password Requirements
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
#pr-box {
    font: 13px/16px sans-serif;
    position: absolute;
    z-index:1000;
    display:none;
    width:300px;
    max-width:100%;
}
#pr-box i {
    width: 0;
    height: 0;
    margin-left: 20px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #E0B543;
}
#pr-box-inner {
    margin-top: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#pr-box p {
    padding:20px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
#pr-box ul {
    padding:7px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
#pr-box ul li {
    list-style: none;
    padding:7px;
}
#pr-box ul li span {
    width:15px;
    height:15px;
    display:block;
    float:left;
    border-radius:100%;
    margin-right:15px;
}
#pr-box.light {
    color:#2d2f31;
}
#pr-box.light p {
    background-color:#E0B543;
    color:#f1f1f1;
}
#pr-box.light ul {
    background-color:#f1f1f1;
}
#pr-box.light ul li span {
    background-color:#f1f1f1;
    border:3px solid #E0B543;
}
#pr-box.light ul li span.pr-ok {
    background-color:#E0B543;
    border:3px solid #E0B543;
}
#pr-box.dark {
    color:#f1f1f1;
}
#pr-box.dark p {
    background-color:#E0B543;
}
#pr-box.dark ul {
    background-color:#2d2f31;
}
#pr-box.dark ul li span {
    background-color:#2d2f31;
    border:3px solid #E0B543;
}
#pr-box.dark ul li span.pr-ok {
    background-color:#E0B543;
    border:3px solid #E0B543;
}

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}

body.mobile-view div.most-lists{display: none !important;}

/*Poll */
.poll-component{background-color: #f2f1ef; padding: 15px; margin: 0 auto 25px auto; width: calc(100% - 20px); border-radius: 6px;position: relative;}
.poll-component form{position: relative;background-color: #f2f1ef}
.poll-component .header{background-color: #f2f1ef}
.poll-component .header figure{width: 36px; height: 48px; background: url('../images/poll_icon.jpeg') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.poll-component .header > div{display: inline-block; vertical-align: middle; margin: 0 0 0 15px; width: calc(100% - 65px)}
.poll-component .header > div h3{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; color: #777272; text-transform: uppercase; font-size: 13px}
.poll-component .header > div h4{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px; line-height: 24px; margin: 10px 0 0 0}
.poll-component .choices{margin: 20px 0 0 0}
.poll-component .choices a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #1B1A1A !important; display: block; border: 1px solid #D1CFCF; border-radius: 4px; background-color: #FFFFFF; padding: 12px 12px 12px 25px; margin: 0 0 8px 0; transition: .25s; -webkit-transition: .25s}
.poll-component .choices a span{display: inline-block; width: 20px; height: 20px; border: 1px solid #D1CFCF; border-radius: 50%; margin: 0 15px 0 0; vertical-align: middle; position: relative}
.poll-component .choices a span:before{content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #B6181B; top: 3px; left: 3px; opacity: 0; visibility: hidden; transition: .25s; -webkit-transition: .25s}
.poll-component .choices a.active span:before{opacity: 1; visibility: visible}
.poll-component .choices a:hover, .poll-component .choices a.active{background-color: #F8F6F6}
.poll-component .choices a p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; display: inline-block; margin: 0 0 0 5px !important;font-size: 14px !important;line-height: 24px !important;color: #1B1A1A !important;}
.poll-component .poll_results{width: 100%; display: block;color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-align: end; font-size: 14px;border-radius: 3px; margin: 8px 0 0 0;text-decoration: underline;}
.poll-component .message{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; margin: 10px 0 0 0; color: #1B1A1A; display: none}
.poll-component .message.error{color: #CC0000}
.poll-component .message.error.already-voted{display: block}
.poll-component .end-date{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 12px; color: #777272; margin: 15px 0 0 0}


.homepage .paywall.inline:before{display: none;}
.homepage .paywall.datawall form .container .subscription-notice{max-width: 100%;}
.login-page.inline_paywall{padding: 10px 0 50px 0;}
.login-page.inline_paywall .container{padding: 30px 0;margin: 0 auto;}
.login-page.inline_paywall .container span.datawall_title{font-size: 21px;text-align: center;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;color: #1B1A1A;margin: 0 0 20px 0;padding: 0;line-height: normal;}

/* Styling the popup */
.poll-component .popup{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 1000;visibility: hidden;opacity: 0;transition: all 0.7s ease-in-out;}
.poll-component .popup.show {visibility: visible;opacity: 1;}
.poll-component .popup-content{background: #f2f1ef;padding: 22px 0;border-radius: 5px;text-align: center;width: 100%;max-width: 400px;animation: slide-up 0.5s ease-in-out;border: 2px solid #d8d7d5;}
.poll-component .popup-content p{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px;}
.poll-component .popup-content p a{text-decoration: underline;}

.poll-component .results_popup{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 1000;visibility: hidden;opacity: 0;transition: all 0.7s ease-in-out;}
.poll-component .results_popup.show {visibility: visible;opacity: 1;}
.poll-component .results_popup .popup-content{background: #f2f1ef;padding: 22px 0;border-radius: 5px;text-align: center;width: 100%;max-width: 325px;animation: slide-up 0.5s ease-in-out;border: 2px solid #d8d7d5;}
.article-page article.main .poll-component .results_popup .popup-content{max-width: 325px !important;}
.poll-component .results_popup .popup-content.more_width{max-width: 400px;}
.article-page article.main .poll-component .results_popup .popup-content.more_width{max-width: 400px !important;}
.poll-component .results_popup .popup-content h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif !important; font-size: 16px !important;margin: 0 0 5px 0 !important;}
.poll-component .results_popup .popup-content p{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif !important; font-size: 14px !important;margin: 0 !important;}
.poll-component .results_popup .popup-content p a{text-decoration: underline;color: #1B1A1A !important;}

/* Slide-up animation */
@keyframes slide-up {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}


img.lorient_des_ecrivains.featured{width: 150px; height: 30px; object-fit: contain;}
img.lorient_des_ecrivains{width: 100px; height: 20px; object-fit: contain; margin: 0 0 10px 0;}
img.lorient_des_ecrivains.latest-news{margin: 0;}
img.lorient_des_ecrivains.article_page{position: relative; top: 2px; left: 5px; margin: 0;}
.article-5 .content img.lorient_des_ecrivains{margin: 0;}


img.custom_keyword_image{width: 140px;object-fit: contain;margin: 0 0 10px 0;}
.latest-news-component img.custom_keyword_image,.article-5 img.custom_keyword_image{margin: 0;position: relative;top: 3px;width: 120px;}
.most-lists img.custom_keyword_image{margin: 0;}
.article-page img.custom_keyword_image{margin: 0;position: relative;top: 5px;}
.article-page .article-4 img.custom_keyword_image{margin: 0 0 5px 0;position: relative;top: -5px;}


/*le siecle tag image*/
img.lorient_le_siecle.featured{width: 125px; height: 50px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.lorient_le_siecle{width: 130px; height: 35px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.lorient_le_siecle{width: 135px; height: 35px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.lorient_le_siecle{width: 130px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.lorient_le_siecle{width: 130px;object-fit: contain; position: relative; top: 0px}
.latest-news-component .details img.lorient_le_siecle{width: 120px; object-fit: contain;}
.article-7  img.lorient_le_siecle{width: 130px; height: 40px; object-fit: contain;}
.most-lists img.lorient_le_siecle{width: 135px; height: 40px; object-fit: contain;}
img.lorient_le_siecle.article_page{width: 160px;height: 20px;object-fit: contain;position: relative;top: 3px;}
/* END le siecle tag image*/

/*le weekender tag image*/
.le_weekender_image.featured{width: 170px; height: 45px; object-fit: contain;}
.article-4 .content img.le_weekender_image{width: 145px; height: 35px; object-fit: contain;position: relative; top: -10px;}
.articles-list li img.le_weekender_image{width: 145px; height: 35px; object-fit: contain;position: relative; top: -10px;}
.article-3 .content img.le_weekender_image{width: 160px; height: 35px; object-fit: contain;position: relative; top: -10px;}
.latest-news-component .details img.le_weekender_image{width: 120px; object-fit: contain; position: relative; top: 5px;}
.article-5 .content img.le_weekender_image{width: 135px;object-fit: contain; position: relative; top: 5px}
.article-7  img.le_weekender_image{width: 155px;height: 40px; object-fit: contain;}
.most-lists img.le_weekender_image{width: 160px; height: 40px; object-fit: contain;}
img.le_weekender_image.article_page{width: 160px;height: 35px;object-fit: contain;position: relative;top: 8px;}
/*End le weekender tag image*/

/*Cordon courtiner tag image*/
img.cordon_courtiner.featured{width: 185px; height:40px; object-fit: contain; margin: 0 0 5px 0;}
.article-4 .content img.cordon_courtiner{width: 160px;height: 35px; object-fit: contain; position: relative; top: -6px;right: 5px; margin: 0;}
.article-3 .content img.cordon_courtiner{width: 170px; height: 35px; object-fit:  contain; position: relative; top: -8px;right:5px;}
.articles-list li img.cordon_courtiner{width: 170px; object-fit: contain; position: relative; top:-5px;right: 5px;}
.article-5 .content img.cordon_courtiner{width: 170px;object-fit: contain; position: relative; top: 10px}
.latest-news-component .details img.cordon_courtiner{width: 160px; object-fit: contain;position: relative;top: 8px;}
.article-7 img.cordon_courtiner{width: 170px; height: 35px; object-fit: contain;}
.most-lists img.cordon_courtiner{width: 165px; height: 35px; object-fit: contain;}
img.cordon_courtiner.article_page{width: 170px;height: 35px;object-fit: contain;position: relative;top: 11px;}
/*End Cordon courtiner tag image*/

/*LOrient Des Idees tag image*/
img.lorient_des_idees.featured{width: 160px; height: 40px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.lorient_des_idees{width: 130px; height: 35px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.lorient_des_idees{width: 140px; height: 30px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.lorient_des_idees{width: 130px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.lorient_des_idees{width: 145px;object-fit: contain; position: relative; top: 6px}
.latest-news-component .details img.lorient_des_idees{width: 120px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.lorient_des_idees{width: 150px; height: 30px; object-fit: contain;}
.most-lists img.lorient_des_idees{width: 145px; height: 35px; object-fit: contain;}
img.lorient_des_idees.article_page{width: 160px;height: 20px;object-fit: contain;position: relative;top: 3px;}
/* END LOrient Des Idees tag image*/

/*instant K tag image*/
img.instant_k_image.featured{width: 165px; height: 35px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.instant_k_image{width: 160px; height: 35px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.instant_k_image{width: 160px; height: 35px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.instant_k_image{width: 145px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.instant_k_image{width: 145px;object-fit: contain; position: relative; top: 6px}
.latest-news-component .details img.instant_k_image{width: 135px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.instant_k_image{width: 150px; height: 30px; object-fit: contain;}
.most-lists img.instant_k_image{width: 145px; height: 35px; object-fit: contain;}
img.instant_k_image.article_page{width: 160px;height: 30px;object-fit: contain;position: relative;top: 5px;}
/* END instant K tag image*/

/*Morning brief tag image*/
img.morning_brief_image.featured{width: 165px; height: 35px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.morning_brief_image{width: 160px; height: 35px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.morning_brief_image{width: 160px; height: 35px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.morning_brief_image{width: 145px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.morning_brief_image{width: 145px;object-fit: contain; position: relative; top: 6px}
.latest-news-component .details img.morning_brief_image{width: 135px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.morning_brief_image{width: 150px; height: 30px; object-fit: contain;}
.most-lists img.morning_brief_image{width: 145px; height: 35px; object-fit: contain;}
img.morning_brief_image.article_page{width: 160px;height: 30px;object-fit: contain;position: relative;top: 5px;}
/* END Morning brief tag image*/

/*Breakfast in bed tag image*/
img.breakfast_in_bed.featured{width: 175px; height: 35px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.breakfast_in_bed{width: 160px; height: 35px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.breakfast_in_bed{width: 160px; height: 35px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.breakfast_in_bed{width: 165px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.breakfast_in_bed{width: 165px;object-fit: contain; position: relative; top: 6px}
.latest-news-component .details img.breakfast_in_bed{width: 155px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.breakfast_in_bed{width: 160px; height: 30px; object-fit: contain;}
.most-lists img.breakfast_in_bed{width: 160px; height: 35px; object-fit: contain;}
img.breakfast_in_bed.article_page{width: 160px;height: 30px;object-fit: contain;position: relative;top: 9px;}
/* END Breakfast in bed tag image*/

/*olympics_motclet*/
img.olympics_motclet.featured{width: 140px; height: 35px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.olympics_motclet{width: 130px; height: 30px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.olympics_motclet{width: 135px; height: 30px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.olympics_motclet{width: 130px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.olympics_motclet{width: 130px;object-fit: contain; position: relative; top: 5px}
.latest-news-component .details img.olympics_motclet{width: 120px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.olympics_motclet{width: 130px; height: 30px; object-fit: contain;}
.most-lists img.olympics_motclet{width: 135px; height: 30px; object-fit: contain;}
img.olympics_motclet.article_page{width: 145px;height: 25px;object-fit: contain;position: relative;top: 5px;}
/* END olympics_motclet*/

/*olympics_motclet OT*/
img.olympics_motclet_ot.featured{width: 160px; height: 35px; object-fit: contain; margin: 0 0 10px 0;}
.article-4 .content img.olympics_motclet_ot{width: 140px; height: 30px; object-fit: contain; position: relative; top: -6px; margin: 0;}
.article-3 .content img.olympics_motclet_ot{width: 145px; height: 30px; object-fit:  contain; position: relative; top: -8px;}
.articles-list li img.olympics_motclet_ot{width: 140px; object-fit: contain; position: relative; top:-5px}
.article-5 .content img.olympics_motclet_ot{width: 140px;object-fit: contain; position: relative; top: 5px}
.latest-news-component .details img.olympics_motclet_ot{width: 130px; object-fit: contain;position: relative;top: 5px;}
.article-7  img.olympics_motclet_ot{width: 140px; height: 30px; object-fit: contain;}
.most-lists img.olympics_motclet_ot{width: 145px; height: 30px; object-fit: contain;}
img.olympics_motclet_ot.article_page{width: 160px;height: 25px;object-fit: contain;position: relative;top: 6px;}
/* END olympics_motclet OT*/

/*General Styles*/
.comments-counter{position: absolute; bottom: 15px; 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 figure{width: 195px; height: 34px; display: inline-block; background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; vertical-align: top; margin: 4px 5px 10px 8px}
.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 .subtitle{display: block; 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: 222px; height: 50px; border: 1px solid #1B1A1A; border-radius: 3px; display: block; line-height: 44px; 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}
.add_margin_flag {margin-top: 50px!important;}
.paywall-login-link{display: none}
/*End General Styles*/

/*le-siecle component homepage*/
.homepage .le-siecle .section-title figure{width: 190px; height: 35px; background: url('../images/le-siecle-logo.png') no-repeat center; background-size: contain; margin: 0 0 0 10px; display: inline-block}
.homepage .le-siecle .section-title .title i{top: 0px;}

/*canada cookie notice*/
.canada-cookie-notice{width: 100%; max-width: 1050px; margin: auto; position: fixed; background-color: #e1e6c1; bottom: 20px;left: 0;right: 0;height: auto;padding: 15px 65px 25px 65px;z-index: 9; border-radius: 7px}
.canada-cookie-notice.hide{bottom: -300px; transition: .40s;}
.canada-cookie-notice .message p {font-size: 18px;color: #1b1a1a; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; display: block; line-height: 24px; margin:auto;padding: 10px 0 0 0;}
.canada-cookie-notice .message span{font-weight: bold;}
.canada-cookie-notice .message a{color: #fff; background-color: #2f2828; border-radius: 7px; display: block; width: 120px; height: 33px; line-height: 30px; text-align: center; margin: 19px auto 0 auto;font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;font-size: 15px;}
.canada-cookie-notice .message a.close{width: 32px;height: 32px; border: 1px solid #1b1a1a;border-radius: 50%;position: absolute;right: 20px;top: 9%; background: url(../images/icons-sprite.png?1) no-repeat 3px -22px; background-size: 80px;transform: translateY(-50%);}

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}
header .desktop-header.boutique-header .main-menu .container{max-width: 1140px}
.boutique-page{margin: 0; padding: 0}

/*merch boutique header*/
header .desktop-header.boutique-header.merch-boutique .main-menu .container{padding: 0 40px;}
header .desktop-header.merch-boutique .main-menu .toggle-menu{border: none;width: unset;}
header .desktop-header.merch-boutique .main-menu .toggle-menu i{background: url('../images/merch_boutique/new_menu_toggle.png');width: 28px;height: 20px;background-size: contain;margin: 0 20px 0 0;}
header .desktop-header.merch-boutique .main-menu .inmenu-left-content{width: 205px;}
header .desktop-header.boutique-header.merch-boutique .main-menu .inmenu-left-content span.logo_title{font-size: 16px;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif;text-transform: uppercase;color: #777272;position: absolute;top: 25px;}
header .desktop-header.boutique-header.merch-boutique .merch-boutique-menu .lower-menu{height: 120px;background-color: transparent;}
header  .merch-boutique-menu .main-container{display: flex;align-items: center;gap: 35px;}
header  .merch-boutique-menu .main-container .right_col{width: 50%;display: flex;align-items: center;gap: 35px;border-right: 1px solid #d8d8d8;}
header  .merch-boutique-menu .main-container .left_col{width: 50%;display: flex;align-items: center;justify-content: space-between;}
header  .merch-boutique-menu .main-container .right_col img{width: 107px;height: 107px;object-fit: contain;}
header  .merch-boutique-menu .main-container .right_col p{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;width: 50%;font-weight:600;color: #1b1a1a;}
header  .merch-boutique-menu .main-container .left_col p{width: 60%;font-size: 13px;font-family: AktivGrotesk-Light, Helvetica, Arial, sans-serif;font-weight:600;color: #1b1a1a;}
header .merch-boutique-menu .main-container .left_col p a{text-decoration: underline;}
header  .merch-boutique-menu .main-container .left_col a.contact_us{width: 117px;height: 31px;line-height: 31px;text-align: center;font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;background-color: #1b1a1a;border-radius: 15px;color: #fff;}
.triple-border.merch-boutique{width: 100%;margin: 0;}
header .desktop-header.merch-boutique .main-menu .inmenu-right-content .panier{display: inline-block;vertical-align: middle;margin: 0 0 0 15px; width: 120px; text-align: center;height: 31px;line-height: 31px;background-color: #E8E8E8;border-radius: 18px;}
header .desktop-header.merch-boutique .main-menu .inmenu-right-content .panier img{width: 25px;height: 25px; object-fit: contain;position: relative;top: 5px;margin: 0 0 0 5px;}
header .desktop-header.merch-boutique .main-menu .inmenu-right-content .panier span{font-size: 14px;position: relative;top: -3px;font-family:  AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
header .desktop-header.merch-boutique .main-menu .inmenu-right-content .panier span.total_panier_counter{width: 25px;height: 25px;border-radius: 50%;background-color: #fff;display: inline-block;left: 10px;line-height: 25px;top: -4px;}
header .desktop-header.merch-boutique .main-menu .inmenu-right-content .panier div.item-counter-parent{display: inline-block;}
/*END merch boutique header*/

/*merch boutique landingpage*/
.merch-boutique-page{padding: 50px 0 100px 0 !important;}
.merch-boutique-page.no-padding{padding: 0 0 100px 0 !important;}
.merch-boutique-page .main-container .products{display: grid;grid-template-columns: repeat(3,30%);column-gap: 5%;padding: 0;}
.merch-boutique-page .main-container .products.olj_livres{grid-template-columns: repeat(2,30%);justify-content: center;}
.merch-boutique-page .main-container .products .item{margin: 0 0 35px 0;}
.merch-boutique-page .main-container .products .main_image{padding: 25px 40px;border: 2px solid #D8D8D8;position: relative;}
.merch-boutique-page .main-container .products .main_image img{width: 100%;height: 315px; object-fit: contain}
.merch-boutique-page .main-container .products .main_image i{background: url('../images/merch_boutique/maximize.png');width: 25px;height: 25px;background-size: contain;position: absolute;bottom: 10px;right: 10px;cursor: pointer;}
.merch-boutique-page .main-container .products .details{text-align: center;margin: 15px 0 0 0;}
.merch-boutique-page .main-container .products .details p{font-size: 12px;font-family:AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;color: #777272;margin: 0 0 5px 0;text-align: start;}
.merch-boutique-page .main-container .products .details time{font-size: 14px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;color: #777272;}
.merch-boutique-page .main-container .products .details h2{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: 600;width: 70%;margin: auto;color: #1b1a1a;}
.merch-boutique-page .main-container .products .details span{font-size: 20px;font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif;color: #1b1a1a;}
.merch-boutique-page .main-container .products .details i{background: url('../images/merch_boutique/cart-icon.png');width: 25px;height: 25px;background-size: contain;display:block;margin: 5px auto 0 auto;}

.merch-boutique-page .main-container .products .ias-trigger.ias-trigger-next{grid-column: span 3;}
.merch-boutique-page .main-container .products .ias-spinner.infinite-item{grid-column: span 3;}
.merch-boutique-page .main-container .products .ias-trigger.ias-trigger-next a.load-more{width: 120px;height: 31px;text-align: center;display: block;margin: auto;font-size: 14px;font-family:AktivGroteskEx-Bold, Helvetica, Arial, sans-serif;border-radius: 15px;line-height: 31px;background-color: #e8e8e8;color: #1b1a1a;border: none;}
.merch-boutique-page .main-container #ias-pagination a{width: 120px;height: 31px;text-align: center;display: block;margin: auto;font-size: 14px;font-family:AktivGroteskEx-Bold, Helvetica, Arial, sans-serif;border-radius: 15px;line-height: 31px;background-color: #e8e8e8;color: #1b1a1a;}

.merch-boutique-page .merch-boutique-details .main-container .row{display: flex; align-items: flex-start; gap: 55px;}
.merch-boutique-page .merch-boutique-details .main-container .row .right_col{width: 40%;padding: 25px;border: 2px solid #D8D8D8;position: relative;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col{padding: 25px; max-height: 535px; overflow: hidden}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col a{position: relative}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col a i{bottom: 5px;right: 10px;display: none;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col a.slick-active i{display: block;}


.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next,.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev{width: 30px;height: 30px;background-color: #f3f3f3;border-radius: 50%;transition: .25s;border: 1px solid #D8D8D8;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next{right: 5px;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev{left: 5px; z-index: 1}

.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next::before{content: '\f105';font-family: 'FontAwesome';font-size: 20px;color: #777272;opacity: 1;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev::before{content: '\f104';font-family: 'FontAwesome';font-size: 20px;color: #777272;opacity: 1;}

.merch-boutique-page .merch-boutique-details .main-container .row .right_col img{width: 100%;height: 500px;object-fit: contain;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col img{height: 480px; width: calc(100% - 2px); margin: 0 0 25px 0}
.merch-boutique-page .merch-boutique-details .main-container .row .right_col i{background: url('../images/merch_boutique/maximize.png');width: 25px;height: 25px;background-size: contain;position: absolute;bottom: 13px;right: 13px;cursor: pointer;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col{width: 60%;}

.merch-boutique-page .merch-boutique-details .main-container .row .left_col form time{font-size: 14px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;color: #777272;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form h2{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;margin: 5px 0 20px 0; width: 45%;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .left_col form h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;margin: 5px 0;width: 65%;}
.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .left_col form time{margin: 0 0 20px 0;font-weight: bold;color: #000;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form label{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form span{display: block;font-size: 26px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form p.product_location{font-size: 12px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;width: 40%;margin: 10px 0 0 0;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items{margin: 20px 0; border-bottom: 1px solid #d1cfcf;padding: 0 0 15px 0;width: 65%;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul li{padding: 0 0 10px 0;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul li>div{display: inline-block;vertical-align: middle;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul li input[type=radio]{display: none;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul .radio {width: 23px;height: 23px;margin: 0 10px 0 0;cursor: pointer;position: relative;border: 1px solid #d1cfcf;border-radius: 50%;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items .radio::after{content: '';position: absolute;background-color: #fff;width: 9px;height: 9px;border-radius: 50%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;visibility: hidden;transition: .3s;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items li .radio.checked{background-color: #777272}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items li .radio.checked:after{visibility: visible;opacity: 1;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul h3{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul h3 span{display: inline-block;font-size: 16px;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul h4{font-size: 12px;font-family: AktivGrotesk-light, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors{width: 65%;border-bottom: 1px solid #d1cfcf;;padding: 0 0 20px 0}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors h2{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;width: 100%;margin: 5px 0 15px 0;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors p{font-size: 12px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;width: 65%;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li{display: inline-block;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio{margin: 0 4px 0 0;position: relative;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio.border{border: 1px solid #363434;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio:after{content: '\2713';color: #fff;position: absolute;text-align: center; border-radius: 50%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;visibility: hidden;transition: .3s;font-weight: bold;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio.border::after{color: #000;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio.checked::after{visibility: visible;opacity: 1;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity{display: flex; align-items: flex-start; justify-content: space-between;width: 65%;padding: 30px 0 20px 0;border-bottom: 1px solid #d1cfcf;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col label{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col .total_quantity{position: relative;width: 55px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d1cfcf;margin: 5px 0 0 0;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col .total_quantity span{display:unset;font-size: 12px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;position: relative;right: 5px;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col .total_quantity i{position: absolute;font-size: 18px;right: 0px;cursor: pointer;padding: 0 2px;font-weight: bold;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col .total_quantity i.fa-angle-up{border-left: 1px solid #d1cfcf;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col .total_quantity i.fa-angle-down{bottom: 0;border-left: 1px solid #d1cfcf;border-top: 1px solid #d1cfcf;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .left-col a{display: block;text-align: center;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .left-col a.add_to_cart{font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;width: 160px;height: 31px;line-height: 31px;color: #fff;background-color: #363434;border-radius: 15px;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .left-col a.catalogue{margin: 10px 0 0 0;font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;text-decoration: underline;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .description{width: 65%;margin: 20px 0 0 0;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .description h3{font-size: 14px;font-family:AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;text-transform: uppercase;margin: 0 0 5px 0;color: #969b9b;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .description p{font-size: 12px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .main-container .row .left_col form .description.no-bold p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;margin: 0 0 15px 0;}

.merch-boutique-page .merch-boutique-details .colors_popup{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background-color: #fff;height: 150px;box-shadow: 0 1rem 3rem rgba(0,0,0,.600)!important;}
.merch-boutique-page .merch-boutique-details .colors_popup img{display: block;margin: 40px auto 10px auto;width: 30px;height: 30px;object-fit: contain;}
.merch-boutique-page .merch-boutique-details .colors_popup p{text-align: center;font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .colors_popup .close_action{position: absolute;right: 25px;top: 25px;display: flex;align-items: center;gap: 10px;}
.merch-boutique-page .merch-boutique-details .colors_popup .close_action img{margin: 0;cursor: pointer;}
.merch-boutique-page .merch-boutique-details .colors_popup .close_action span{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .merch-boutique-details .product_popup{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background-color: #fff;height: 150px;box-shadow: 0 1rem 3rem rgba(0,0,0,.600)!important;}
.merch-boutique-page .merch-boutique-details .product_popup p{text-align: center;font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;margin: 40px 0 20px 0;}
.merch-boutique-page .merch-boutique-details .product_popup .buttons {display: flex; align-items: center;justify-content: center; gap: 30px;}
.merch-boutique-page .merch-boutique-details .product_popup .buttons a{font-size: 14px; font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif;width: 185px;height: 35px;text-align: center;line-height: 35px;border-radius: 18px;}
.merch-boutique-page .merch-boutique-details .product_popup .buttons a.payment{background-color: #363434; color: #fff;}
.merch-boutique-page .merch-boutique-details .product_popup .buttons a.close_product_popup{background-color: #E8E8E8;}
.merch-boutique-page .merch-boutique-details .product_popup .buttons a.continue_purchases{background-color: #E8E8E8;}
.merch-boutique-page .merch-boutique-details .product_popup .close_action{position: absolute;right: 25px;top: 25px;display: flex;align-items: center;gap: 10px;}
.merch-boutique-page .merch-boutique-details .product_popup .close_action img{cursor: pointer;width: 30px;height: 30px;object-fit: contain;}
.merch-boutique-page .merch-boutique-details .product_popup .close_action span{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}


.merch-boutique-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}
.merch-boutique-page .image-overlay img{max-width: 90%; max-height: 90%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto}
.merch-boutique-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}




.merch-boutique-page .boutique-cart-page .cart{display: flex;align-items: flex-start;gap: 30px;padding: 15px;border: 2px solid #D8D8D8;margin: 0 0 20px 0;width: 92%;}
.merch-boutique-page .boutique-cart-page .cart .right_col{width: 15%;}
.merch-boutique-page .boutique-cart-page .cart .right_col .main_image{border: 2px solid #D8D8D8; padding: 10px;}
.merch-boutique-page .boutique-cart-page .cart .right_col .main_image img{width: 100%; height: 170px; object-fit: contain;}
.merch-boutique-page .boutique-cart-page .cart .left_col{width: 85%;position: relative;}
.merch-boutique-page .boutique-cart-page .cart .left_col time{font-size: 14px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;color: #777272;}
.merch-boutique-page .boutique-cart-page .cart .left_col h2{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;margin: 2px 0 20px 0;width: 35%;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .cart .left_col label{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_quantity{position: relative;width: 55px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #d1cfcf;margin: 5px 0 0 0;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_quantity span{display:unset;font-size: 12px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;position: relative;right: 5px;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_quantity i{position: absolute;font-size: 18px;right: 0px;cursor: pointer;padding: 0 2px;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_quantity i.fa-angle-up{border-left: 1px solid #d1cfcf;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_quantity i.fa-angle-down{bottom: 0;border-left: 1px solid #d1cfcf;border-top: 1px solid #d1cfcf;}
.merch-boutique-page .boutique-cart-page .cart .left_col h3{margin: 20px 0 0 0;font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .cart .left_col .color{margin: 2px 0 0 0;display: flex;align-items: center; gap: 25px;width: fit-content;}
.merch-boutique-page .boutique-cart-page .cart .left_col .color span{font-size: 16px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .cart .left_col .color .radio{width: 22px;height: 22px;border-radius: 50%;background-color: #000;}
.merch-boutique-page .boutique-cart-page .cart .left_col .color .radio.border{border: 1px solid #363434;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_price{position: absolute;right: 5px;top: 5px;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_price label{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.merch-boutique-page .boutique-cart-page .cart .left_col .total_price span{display: block;font-size: 26px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;position: relative;right: 0px;}
.merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart{position: absolute;right: 10px;bottom: 5px;}
.merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart span{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: bold;cursor: pointer;}
.merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart img{width: 22px;height: 22px;object-fit: contain;position: relative;top: 5px;left: 4px;cursor: pointer;}
.merch-boutique-page .boutique-cart-page .cart .left_col div.summary{position: relative;}
.merch-boutique-page .boutique-cart-page .cart .left_col span.product_summary{position: absolute;top: 2px;left: 70px;font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;width: 35%;}

.merch-boutique-page .boutique-cart-page .product-total-price{display: flex; align-items:flex-start;justify-content: space-between;background-color:#E8E8E8;width: 92%;padding: 25px 20px;}
.merch-boutique-page .boutique-cart-page .product-total-price .right_col p{font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; width: 50%;font-weight: bold;}
.merch-boutique-page .boutique-cart-page .product-total-price .right_col p a{text-decoration: underline;}
.merch-boutique-page .boutique-cart-page .product-total-price .left_col label{font-size: 18px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;position: relative;top: -10px;right: 17px;}
.merch-boutique-page .boutique-cart-page .product-total-price .left_col span{font-size: 29px;font-family:  AktivGrotesk-Regular, Helvetica, Arial, sans-serif;position: relative;top: -10px;right: 10px;}
.merch-boutique-page .boutique-cart-page .product-total-price .left_col a{display: block;width: 180px;height: 31px;line-height: 31px;text-align: center;color: #fff;border-radius: 18px;background-color:#363434;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 14px;}
.merch-boutique-page .boutique-cart-page a.continue_purchases{width: 200px;height: 35px;line-height: 35px;text-align: center;border-radius: 18px;margin: 20px auto 0 auto;background-color: #E8E8E8;color: #1B1A1A;display: block;font-family:  AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 15px;}

/* New merch boutique */
.merch-boutique-page .main-container .main_products{display: grid;grid-template-columns: repeat(2, 1fr);gap: 150px;margin: 20px 0 0 0;}
.merch-boutique-page .main-container .main_products .item{position: relative;}
.merch-boutique-page .main-container .main_products .item:first-of-type::after{content: ''; width: 1px;height: 100%;background-color: #d8d8d8;position: absolute;top: 0;right: -75px;}
.merch-boutique-page .main-container .main_products .item h2{text-align: center;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.merch-boutique-page .main-container .main_products .item:first-of-type .main_image{margin: 40px 0 0 0;}
.merch-boutique-page .main-container .main_products .item:last-of-type h2{margin: 0 0 40px 0;}
.merch-boutique-page .main-container .main_products .item span.date{display: block;text-align: center;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;margin: 5px 0 0 0;}
.merch-boutique-page .main-container .main_products .item img{width: 100%;height: 300px;object-fit: contain;}
.merch-boutique-page .main-container .main_products .item .details a{text-align: center;display: block;margin: 30px auto;background-color: #000;color: #fff;border-radius: 50px;width: fit-content;padding: 15px 25px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;font-size: 15px;}
.merch-boutique-page .main-container .main_products .item .details p.description{width: 90%;margin: auto;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 13px;line-height: 19px;}


/*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: 1730px; 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; max-width: 250px}
header .desktop-header .logo-container .buttons a{font-size: 12px; width: 135px; height: 40px; line-height: 38px; 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.today-header .desktop-header .logo-container .buttons a.header-whatsapp-link{display: block; text-align: right; width: auto; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; margin: 23px 0 0 0}
header.today-header .desktop-header .logo-container .buttons a.header-whatsapp-link img{position: relative; top: 3px; margin: 0 0 0 5px}
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!important; border: 1px solid #FFDF8A; transition: .25s}
header .desktop-header .logo-container .buttons .subscribe.donate{width: 145px; background-color: #dd3b31!important; border: 1px solid #dd3b31; color: #FFFFFF}
header .desktop-header .logo-container .buttons .subscribe.donate:hover{background-color: #dd3b31 !important}
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.today-header .desktop-header .logo-container .logo{color: #686666; font-size: 12px}
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.le_siecle figure{width: 100%; height: 80px; background: url('../images/le_siecle_logo_keyword.jpg') no-repeat center; background-size: contain; margin: 0 0 10px 0}
header.today-header .desktop-header .logo-container .logo figure{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; height: 55px}
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: 60px; 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: 1730px; padding: 0 40px; margin: auto; height: 100%}
header .desktop-header.boutique-header .main-menu .container{padding: 0 50px}
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: 21px 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: 40px 30px 0 30px; overflow-y: auto; left: -350px; transition: .25s; z-index: 1; border-right: 1px solid #D1CFCF}
header.english-header .desktop-header .main-menu .full-menu{padding: 75px 30px 0 30px}
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 .back-to-homepage{font-size: 16px; font-family: Helvetica, Arial, sans-serif; padding: 0 45px 0 10px; display: block; text-align: left; margin: 0 0 20px 0; transition: .25s}
header .desktop-header .main-menu .full-menu .back-to-homepage:hover{color: #817c7c}
header .desktop-header .main-menu .full-menu .back-to-homepage i{width: 18px; height: 18px; display: inline-block; background: url('/assets/images/back-homepage-icon.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; position: relative; top: 1px}
header .desktop-header .main-menu .full-menu .menu_application_link{font-size: 16px; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; padding: 5px 0 5px 10px; display: block; text-align: left; margin: 0 0 20px 0; transition: .25s}
header .desktop-header .main-menu .full-menu .menu_application_link img {width: 15px; margin: 0 0 0 5px; position: relative; top: 2px;}
header.today-header .desktop-header .main-menu .full-menu .menu-whatsapp-link img, header.today-header .mobile-header .mobile-menu ul.main > li > .mobile-menu-whatsapp-link img{margin: 0 0 0 5px; position: relative; top: 3px}
header .desktop-header .main-menu .full-menu ul{padding: 25px 0}
header .desktop-header .main-menu .full-menu ul:before{content: ''; border-top: 1px solid #D8D8D8; display: block; width: calc(100% - 20px); margin: auto; position: relative; top: -25px}
header .desktop-header.litteraire .main-menu .full-menu ul:first-of-type:before{display: none}
header.today-header .desktop-header .main-menu .full-menu ul:first-of-type:before{display: none}
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 a span.motamo{color: #005dce;margin: 0 0 0 5px;font-weight: bold;}
header .desktop-header .main-menu .full-menu ul li.main-item a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}

header.english-header .desktop-header .main-menu .full-menu ul.vote-diaspora li a{color: #E01A22; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}

header .desktop-header .main-menu nav{display: inline-block; text-align: center; height: 60px; vertical-align: top}
header .desktop-header.pages-header .main-menu nav{margin: 0; height: 70px}
header .desktop-header.pages-header .main-menu nav ul.main{height: 100%}
header .desktop-header .main-menu nav ul.main{height: 60px}
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 .main-menu nav ul.main > li:after{content: ''; position: absolute; bottom: 0; border-bottom: 3px solid #D8D8D8; width: 100%; left: 0; opacity: 0; visibility: hidden; transition: .25s}
header .desktop-header .main-menu nav ul.main > li > a{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 15px; display: block; padding: 0 20px; height: 100%; line-height: 56px; color: #1B1A1A}
header.today-header .pages-header .main-menu nav ul.main > li > a{padding: 0 10px}
header.fixed .desktop-header .main-menu nav ul.main > li > a{font-size: 14px;}
header .desktop-header.litteraire .main-menu nav ul.main > li > a{font-size: 16px}
header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0 8px 0 15px}
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: 0}
header.fixed .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 0}
/* header .desktop-header .main-menu nav ul.main > li.has-sub.guerre_hamas > a:before{content:'\2022';font-size: 35px !important;color:#f11d1f!important; position: absolute; transform: rotate(0deg); left: 0px;} */
header .desktop-header .main-menu nav ul.main > li.has-sub.guerre_hamas > a{padding: 0 8px 0 20px;}
/* 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; line-height: 66px}
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: 20px 15px; top: 58px; left: 0; opacity: 0; visibility: hidden; transition: .25s; z-index: 9; border: 1px solid #D8D8D8; border-top: none}
header .desktop-header.pages-header .main-menu nav ul.main > li > ul{top: 69px}
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: 2px 10px}
header .desktop-header .main-menu nav ul.main > li > ul li a:hover{background-color: #F8F6F6}
header .desktop-header .main-menu nav ul.main > li > ul li a span.motamo{color: #005dce;margin: 0 0 0 5px;font-weight: bold;}
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 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:after{opacity: 1; visibility: visible}
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: 230px; 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.today-header .desktop-header .main-menu .inmenu-left-content .logo{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain}
header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 22px 0 0 20px}
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: 115px; text-align: center; color: #232222; font-size: 12px; display: inline-block; line-height: 38px; 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}
.login.add-notification{position: relative}
.login.add-notification:before{content: '1'; font-size: 10px; width: 18px; height: 18px; background-color: #CC0000; color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; position: absolute; border-radius: 50%; top: -5px; right: -5px; line-height: 18px; text-align: center}

header.english-header .desktop-header .main-menu .inmenu-right-content .button.christmas_btn{width: 140px;}

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.boutique-header .main-menu .inmenu-right-content .login{margin: 0}
header .desktop-header .main-menu .inmenu-right-content .subscribe{background-color: #FFDF8A!important; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; border: 1px solid #FFDF8A;}
header .desktop-header .main-menu .inmenu-right-content .subscribe.donate{background-color: #dd3b31!important; border: 1px solid #dd3b31; color: #FFFFFF}
header .desktop-header .main-menu .inmenu-right-content .subscribe.donate:hover{background-color: #dd3b31 !important}
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: 15px 0 20px 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; display: inline-block}
.header-search-container form .results .result{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 20px; margin: 20px 0 0 10px; display: inline-block}
.header-search-container form .results .result h1{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 20px; display: inline}
header .desktop-header.homepage-header .sub-menu{display: block}

header .submenu-keywords{background-color: #F8F6F6;font-size: 0;border-bottom: 1px solid #D8D8D8;}
header.english-header .submenu-keywords{border-top: 0;}
header.fixed .submenu-keywords{border-top: 0;}
header .submenu-keywords .main-container{padding: 0 50px;overflow: hidden;}
header .submenu-keywords .main-container .keywords{display: flex;align-items: center;}

header .submenu-keywords span{color: #fff;background-color: #363434;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;font-size: 13px;padding: 10px;width: fit-content;}
header .submenu-keywords ul{padding: 10px 15px 10px 20px;width: 89%;}
header .submenu-keywords ul li{padding: 0 7px;display: inline-block;position: relative;}
header .submenu-keywords ul li::after{content: '';position: absolute;width: 1px;height: 10px;background-color: #363434;left: 0px;top: 2px;}
header .submenu-keywords ul li.slick-slide.slick-current::after{display: none;}
header .submenu-keywords ul li a{font-size: 14px;color: #363434;font-family: AktivGrotesk-Light, Helvetica, Arial, sans-serif;}
header .submenu-keywords ul button.slick-prev{left: 0;}
header .submenu-keywords ul button.slick-next{right: -20px;}
header .submenu-keywords ul button.slick-prev,header .submenu-keywords ul button.slick-next{background-color: #F8F6F6;}
header .submenu-keywords ul button.slick-prev::before{content: '\f104';}
header .submenu-keywords ul button.slick-next::before{content: '\f105';}
header .submenu-keywords ul button.slick-prev::before,header .submenu-keywords ul button.slick-next::before{font-family: 'FontAwesome';font-size: 15px;color: #000;font-weight: bold;position: relative;top: -1px;}

header .submenu-keywords ul::before,
header .submenu-keywords ul::after {content: "";position: absolute;top: 0;bottom: 0;width: 50px; pointer-events: none;z-index: 1;}
header .submenu-keywords ul::before {left: 15px;background: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));}
header .submenu-keywords ul::after {right: 15px;background: linear-gradient(to left, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));}


header .desktop-header .sub-menu{background-color: #F8F6F6; font-size: 0; padding: 10px 0 13px 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: 28%; border-right: 1px solid #D8D8D8; vertical-align: top; padding: 0 25px}
header .desktop-header .sub-menu ul > li figure{width: 80px; height: 80px; border-radius: 50%; float: left}
header .desktop-header .sub-menu ul > li figure.pdf{background-color: #D1CFCF}
header .desktop-header .sub-menu ul > li .title{display: block; 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 .title i{width: 15px; height: 11px; background: url('/assets/images/lettre-icon.png') no-repeat center; background-size: contain; display: inline-block; margin: 0 7px 0 0}
header .desktop-header .sub-menu ul > li .title i.english-newsletter{width: 14px; height: 12px; background: url('/assets/images/english-lettre-icon.png') no-repeat center; background-size: contain}
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: 22%}
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.bold{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
header .desktop-header .sub-menu ul > li:last-child > ul > li a:hover{color: #817C7C}
header .desktop-header .sub-menu ul > li:last-child > ul > li.vote-diaspora a{color: #E01A22}
header .desktop-header .sub-menu ul > li:last-child > ul > li.vote-diaspora a:hover{color: #F17A7F}
header .desktop-header .sub-menu ul > li:last-child > ul > li.christmas-donation a{color: #D82525}
header .desktop-header .sub-menu ul > li:last-child > ul > li.christmas-donation a:hover{color: #F17A7F}

header .desktop-header .sub-menu ul > li:last-child > ul > li.noel_solidaire{color: #dd3b31; font-weight: bold;}

header .mobile-header{display: none}

.obsfucated-link{cursor: pointer;}

/*cooking mini site*/
header.recipe_header.fixed ~ .page.homepage{padding: 150px 0 0 0;}
.inside-page.recipe{padding:30px 0}
header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes{margin: 0 0 0 20px;}
header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a{background-color: #94C2AE;color: #fff;border-radius: 50px;display: inline;padding: 8px 16px;}
header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a img{width: 15px;height: 17px;object-fit: contain;position: relative;top: 5px;left: 3px;}
header .desktop-header .main-menu .full-menu ul li.carnet_recettes a{background-color: #94C2AE;color: #fff;border-radius: 50px;display: inline;padding: 8px 16px;}
header .desktop-header .main-menu .full-menu ul li.carnet_recettes a img{width: 12px;height: 13px;object-fit: contain;position: relative;top: 3px;left: 3px;}
.header_cooking_image{width: 100%;height: 75px;object-fit: cover;}
.header_cooking_image.hp{height: 130px;}

.article-page.recipe article.main .summary{padding: 0 30px 0 0;font-size: 19px;line-height: 27px;}
.article-page.recipe article.main .article-content .caption span{color: #000;}
.article-page.recipe article.main .article-content .text h2.recipe_name{text-transform: uppercase;color: #777272;font-size: 17px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;margin: 0 0 25px 0;}
.article-page.recipe article.main .article-content .text div.recipe_information{position: relative;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion{display: flex;list-style: none !important;gap: 25px;border-bottom: 1px solid #D1CFCF;margin: 0 0 30px 0;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion li{padding: 0; display: flex; align-items: center; gap: 10px;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion li img{width: 45px;height: 45px;object-fit: contain;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion li:nth-child(2) img{width: 60px;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion li .details p{font-size: 14px;margin: 0;font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif;display: block;line-height: 20px;}
.article-page.recipe article.main .article-content .text ul.recipe_prepartion li .details span{font-size: 14px !important;font-weight: bold;font-family:AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;line-height: 3px !important;}
.article-page.recipe article.main .article-content .text div.recipe_information a.ai_label{position: absolute;top: 20px;right:42px;width: 34px;height: 34px;border-radius: 50%;background-color:#94C2AE;color: #fff;text-align: center;line-height: 34px;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif;font-size: 18px;}
.article-page.recipe article.main .article-content .text div.recipe_information a.bookmark{position: absolute;top: 20px;right:0;width: 34px;height: 34px;border-radius: 50%;background-color:#94C2AE;color: #fff;text-align: center;font-size: 17px;line-height: 34px;}
.article-page.recipe article.main .article-content .text div.recipe_information a.bookmark img{width: 11px;height: 15px;object-fit: contain;position: relative;top: 1px;}
.article-page.recipe article.main .article-content .text div.recipe_information #savePopup{position: absolute;top: 50px;right: -100px;font-size: 12px;background: #eaf3ef;padding: 0 3px;border-radius: 5px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);z-index: 99999;display: none;color: #000;border: 1px solid #94C2AE;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.article-page.recipe article.main .article-content .text h2.recipe_name.ingredients{margin: 0 0 15px 0;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients{position: relative;padding: 0 0 35px 0;border-bottom: 1px solid #D1CFCF;margin: 0 0 20px 0;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients div.limited_content{height: 70px;overflow: hidden;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients div.limited_content.full_height{height: auto;}

.article-page.recipe article.main .article-content .text div.recipe_ingredients ul{column-count: 2;column-gap: 40px;list-style: none !important;margin: 0;padding: 0;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients ul li{padding: 0;margin: 0;font-size: 14px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;line-height: 23px;break-inside: avoid;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients a.more_ingredients{position: absolute;right: 15px;color: #DD3B31;text-decoration: underline;font-size: 13px;font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients a.more_ingredients::after{content: '\f107';color: #DD3B31;font-family: 'FontAwesome';font-size: 17px;position: absolute;right:-15px;}
.article-page.recipe article.main .article-content .text div.recipe_ingredients a.more_ingredients.rotate::after{transform: rotate(180deg);}

.article-page.recipe article.main .article-content .text .recipe_preparation {border-bottom: 1px solid #D1CFCF;}
.article-page.recipe article.main .article-content .text .recipe_preparation h2.recipe_name.preparation{margin:0 0 10px 0}
.article-page.recipe article.main .article-content .text .recipe_preparation ol{list-style: none;counter-reset: step;margin: 0 0 20px 0;}
.article-page.recipe article.main .article-content .text .recipe_preparation ol li{padding: 0 0 0 25px;margin: 0 0 5px 0;font-size: 14px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;line-height: 25px;position: relative;}
.article-page.recipe article.main .article-content .text .recipe_preparation ol li::before{content: counter(step) " ";counter-increment: step;position: absolute;left: -2px; width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;background-color: #94C2AE; color: white; border-radius: 50%; font-weight: bold; font-size: 12px;font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif;top: 2px;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row{display: flex;align-items: flex-start;gap: 50px;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col{width: 68%;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col p.astuces{font-size: 13px;line-height: 21px;font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col p.astuces span{font-weight: bold;font-size: 14px !important;line-height: 21px !important; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col{width: 32%;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col img{width: 100%;height: 130px;object-fit: cover;border-radius: 5px;margin: 0 0 5px 0;cursor: zoom-in;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col .last_image {position: relative;height: 130px;cursor: zoom-in;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col .last_image .overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; height: 100%; color: #fff;background: rgba(0, 0, 0, 0.5);text-align: center;display: flex; align-items: center;justify-content: center;opacity: 1;border-radius: 5px;}
.article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col .last_image .overlay span {color: #fff;font-size: 40px !important;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;}

.article-page.recipe article.main .article-content .text .video{margin: 25px 0 0 0;}
.article-page.recipe article.main .article-content .text .video img{border-radius: 10px;}


.article-page.recipe .comments{background: url('/assets/images/cooking/recipe_background.png');background-position: bottom;background-repeat: no-repeat;margin: 25px auto;}

.article-page.recipe .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-page.recipe .gallery .navigate-container{width: 100%; text-align: right; margin: 0 0 40px 0}
.article-page.recipe .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-page.recipe .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-page.recipe .gallery .images li{display: none}
.article-page.recipe .gallery .images li.active{display: block}
.article-page.recipe .gallery .images li img{width: calc(100% - 450px); display: inline-block}
.article-page.recipe .gallery .images li .caption{display: inline-block; vertical-align: top; width: 350px; margin: 0 0 0 100px}
.article-page.recipe .gallery .images li .caption .counter{font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; display: block}
.article-page.recipe .gallery .images li .caption .name{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; line-height: 28px; display: block}
.article-page.recipe .gallery .images li .caption span.description{color: #fff;}

.article-page.recipe .chef .profile-info{background: #94C2AE;border-top-right-radius: 10px;border-top-left-radius: 10px;position: relative;height: 75px;padding: 15px 195px 15px 20px;}
.article-page.recipe .chef .profile-info span.chef-name{color: #fff;font-size: 13px;font-family:AktivGrotesk-Medium, Helvetica, Arial, sans-serif;}
.article-page.recipe .chef .profile-info span.editorial_info{color: #fff;font-size: 13px;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.article-page.recipe .chef .profile-info img{width: 95px;height: 95px;position: absolute;top: 20px;right: 20px;border-radius: 50%;}
.article-page.recipe .chef .biography{background-color: #F8F6F6;padding: 15px 95px 15px 20px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.article-page.recipe .chef .biography p{font-size: 13px;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.article-page.recipe .chef .biography div.limited_content{height: 82px;overflow: hidden;}
.article-page.recipe .chef .biography div.limited_content.full_height{height: auto;}
.article-page.recipe .chef .biography.no_height p{height: auto;}
.article-page.recipe .chef .biography p span{text-transform: uppercase;color: #DD3B31;margin: 0 5px 0 0;display: inline-block;font-family: "AktivGrotesk", sans-serif;font-weight: 400;}
.article-page.recipe .chef .biography a.read_more{color: #DD3B31;font-size: 13px;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;text-decoration: underline;position: relative;margin: 3px 0 0 0;display: inline-block;}
.article-page.recipe .chef .biography a.read_more::after{content: '\f107';color: #DD3B31;font-family: 'FontAwesome';font-size: 17px;position: absolute;right: -15px;}
.article-page.recipe .chef .biography a.read_more.rotate::after{transform: rotate(180deg);}

.article-page.recipe .recipe_details{border-radius: 10px;border: 1px solid #D1CFCF;padding: 20px;margin: 25px 0 0 0;}
.article-page.recipe .recipe_details h2{font-size: 28px;line-height: 30px;font-weight: 600;font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif;margin: 0 0 15px 0;}
.article-page.recipe .recipe_details p{font-size: 17px;line-height: 24px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-weight: 400}
.article-page.recipe .recipe_details div.limited_content{height: 170px;overflow: hidden;}
.article-page.recipe .recipe_details div.limited_content.full_height{height: auto;}
.article-page.recipe .recipe_details.no_height p{height: auto;}
.article-page.recipe .recipe_details a.read_more{color: #DD3B31;font-size: 13px;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;text-decoration: underline;position: relative;margin: 10px 0 0 0;display: inline-block;}
.article-page.recipe .recipe_details a.read_more::after{content: '\f107';color: #DD3B31;font-family: 'FontAwesome';font-size: 17px;position: absolute;right: -15px;}
.article-page.recipe .recipe_details a.read_more.rotate::after{transform: rotate(180deg);}

.recipe .recettes{border-radius: 5px;background-color: #F8F6F6;margin: 25px 0 45px 0;}
.recipe .recettes span.recette_title{font-size: 27px;line-height: 32px;font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif;margin: 0 0 10px 0;padding: 20px 20px 0 20px;display: block;}
.recipe .recettes p{font-family:AktivGrotesk-Medium, Helvetica, Arial, sans-serif;font-size: 17px;line-height: 20px;padding: 0 20px;}
.recipe .recettes .recettes_slider{margin: 20px 0 0 0;position: relative;padding: 15px 0 20px 20px;}
.recipe .recettes .recettes_slider .recette{padding: 0 20px 0 0;}
.recipe .recettes .recettes_slider .recette img{width: 100%;height: 180px;object-fit: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.recipe .recettes .recettes_slider .recette .details{background-color: #94C2AE;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;padding: 15px;height: 115px;}
.recipe .recettes .recettes_slider .recette .details p{color: #fff;font-size: 14px;line-height: 17px;font-family:AktivGrotesk-Medium, Helvetica, Arial, sans-serif;padding: 0 55px 0 0;}
.recipe .recettes .recettes_slider .slick-prev{position: absolute;top: -5px;right: 40px;left: unset;}
.recipe .recettes .recettes_slider .slick-next{position: absolute;top: -5px;right: 10px;}
.recipe .recettes .recettes_slider .slick-prev::before,.recipe .sidebar .recettes .recettes_slider .slick-next::before{color: #94C2AE;}

.recipe .social_article .main_image img{width: 100%;height: 235px;object-fit: cover;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.recipe .social_article .details{border: 1px solid #D1CFCF;border-top: none;padding: 20px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;position: relative;}
.recipe .social_article .details .author{position: absolute;top: -50px; right: 10px;}
.recipe .social_article .details .author img{width: 95px;height: 95px;border-radius: 50%;object-fit: contain;}
.recipe .social_article .details span.tag{font-size: 13px;text-transform: uppercase;color: #777272;font-weight: 500;font-family: AktivGrotesk, Helvetica, Arial, sans-serif;margin: 0 0 13px 0;display: block;}
.recipe .social_article .details h2{font-size: 28px;font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif;margin: 0 0 60px 0;}
.recipe .social_article .details span.author_name{font-size: 14px;text-transform: uppercase;color: #777272;font-weight: 400;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif;}

.article-page.recipe .recruitment-component{margin: 40px 0;}
.article-page.recipe .recruitment-component.recipe_content{display: none;}
.article-page.recipe .sidebar .most-lists.recipe_content{display: block;}
.article-page.recipe .most-lists.recipe_content{display: none;}

.article-page.recipe .ai_popup{background-color: #eaf3ef;border-radius: 5px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);padding: 20px;width:260px;text-align: center;display: none;position: absolute;top: 10px;right: -80px;z-index: 9999;border: 1px solid #94C2AE;}
.article-page.recipe .ai_popup.active{display: block;}
.article-page.recipe .ai_popup .popup-header {background-color: #94C2AE;border-radius: 50%;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;font-size: 18px;margin: 0 auto 10px;color: #fff;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif;cursor: pointer;}
.article-page.recipe .ai_popup .popup-description {margin-bottom: 20px;font-size: 14px;color: #000;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;line-height: 16px;padding: 0 25px;}
.article-page.recipe .ai_popup .popup-buttons{display: flex;flex-direction: column;gap: 10px;}
.article-page.recipe .ai_popup .popup-button{text-align: center;padding: 7px;border-radius: 50px;text-decoration: none;color: #000 !important;background-color: #fff;font-size: 15px;line-height:24px; color:#000;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif;border: 1px solid #94C2AE;width: 220px;margin: auto;}
.article-page.recipe .ai_popup .popup-button:hover{color: #000 !important;}

.article-page article.main .article-content .text img.recipe_inlineImage{cursor: pointer;height: auto;}


.homepage .inside-page.recipe .main-container.recette .main-column{width: 100%;}
.homepage.recipe .main-container .recipe_categories{background: url(/assets/images/cooking/recipes_categories.png);background-size: contain;height: 76px;margin: 30px 0 30px 0;padding: 20px 0;}
.homepage.recipe .main-container .recipe_categories a.recipe_category{font-size: 15px;line-height: 24px;font-family:AktivGrotesk-Medium, Helvetica, Arial, sans-serif;background-color: #fff;border-radius: 50px;border:1px solid #94C2AE;text-align: center;padding: 5px 20px;}
.homepage.recipe .main-container .recipe_categories .categories_slider .slick-slide{padding: 0 30px;}
.homepage.recipe .main-container .recipe_categories .categories_slider .slick-next:before, .homepage.recipe .main-container .recipe_categories .categories_slider .slick-prev:before{color: #7fb59d;}
.homepage.recipe .main-container .recipe_categories .categories_slider .slick-next{right: 10px;top: 20px;}
.homepage.recipe .main-container .recipe_categories .categories_slider .slick-prev{top: 20px;left: 5px;z-index: 9999;}
.homepage.recipe .subscribe-box-1.donation_homepage{max-width: 100% !important;}
.homepage.recipe .featured .article-4:last-of-type{display: none;}
/*END cooking mini site*/


/*Article Styles*/
/*Articles variations classes: video, diapo, litteraire, from-cdl, sponsored, no-image*/
.article-1 .article-card-title{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 40px; font-size: 35px; font-weight: normal; transition: .25s; color: #1B1A1A}
.article-3 .article-card-title{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.diapo .article-card-title{color: #FFFFFF}
.article-3.no-image .article-card-title{font-size: 28px; line-height: 32px; max-height: 130px}
.article-3.extended .article-card-title{max-height: 130px}
section.idees .article-3 .article-card-title{font-size: 20px; line-height: 27px; max-height: 190px}
.article-4 .article-card-title{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.no-image .article-card-title{font-size: 20px; line-height: 27px; max-height: 165px}
.article-signature .article-card-title{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; color: #1B1A1A; font-weight: normal; text-align: center}
.article-signature.third .article-card-title{font-size: 19px; line-height: 25px; max-height: 152px; overflow: hidden; text-align: center}
.article-video-1 .article-card-title{padding: 30px; font-family: PoynterOSDisp-bold,Helvetica,Arial,sans-serif; font-size: 35px; line-height: 40px; position: absolute;bottom:0; color:#FFFFFF;font-weight:400; z-index: 1}


article a:hover .article-card-title{color: #817C7C}
.article-video-1 a:hover .article-card-title{color: #FFFFFF}
.article-signature a:hover .article-card-title{color: #1B1A1A}
.article-card-mot-cle{display: block; 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-video-1 .article-card-mot-cle{color: #FFFFFF; margin: 0}
.article-card-signature{display: block; font-size: 14px; line-height: 22px; color: #777272; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto 15px auto; text-transform: uppercase; text-align: center}
.article-card-author-name{display: block; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px; color: #777272; font-weight: normal; padding: 0 40px 0 0; max-height: 35px; overflow: hidden; position: absolute; bottom: 15px}
.video-card-mot-cle{display: block; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 10px; text-transform: uppercase}
.video-card-title{font-family: PoynterOSDisp-bold, Helvetica, Arial, sans-serif; font-size: 25px; line-height: 33px}
.articles-list-article-title{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; transition: .25s; max-height: 75px; overflow: hidden}


article.premium .article-card-title: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-1{margin: 0 10px 25px 10px; padding: 0 0 25px 0; border-bottom: 1px solid #D1CFCF; width: calc(100% - 20px)}
.article-1.no-image{height: 450px; padding: 0}
.article-1 .content{position: relative; height: 100%; transition: .25s}
.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{position: relative; padding: 0 0 40px 0}
.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; position: absolute; bottom: 15px}
.article-1.no-image .details h3.author{margin: 0; bottom: -5px}
.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}
.homepage.le-siecle .article-1 .details .text{margin: 15px 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}
.article-1.no-image .details{border: none; padding: 0; height: 100%}
.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}
.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}

h4.article_liveblogs_tag{color: #f11d1f !important;font-size: 14px !important;font-family: AktivGroteskEx-Bold,Helvetica,Arial,sans-serif !important; margin: 0 0 10px 0; position: relative; top: -10px; height: 20px;}
h4.article_liveblogs_tag::before {content: "\2022";font-size: 25px; margin: 0 5px 0 0; position: relative; top: 2px;}
.article-4 .content .details.writers h4.article_liveblogs_tag{height: 20px; top: -7px;}
span.article_liveblogs_tag{color: #f11d1f !important;font-size: 14px !important;font-family: AktivGroteskEx-Bold,Helvetica,Arial,sans-serif !important; margin: 0 0 10px 0; position: relative; top: -10px; height: 20px;}
.article-7 span.article_liveblogs_tag{display:block;}
span.article_liveblogs_tag::before {content: "\2022";font-size: 25px; margin: 0 5px 0 0; position: relative; top: 2px;}
.latest-news-component span.article_liveblogs_tag {display: inline;top: 0px;}
.latest-news-page .article-5 span.article_liveblogs_tag {display: inline;top: 0px;}

.article-2{margin: 0 0 25px 0; width: 50%; float: left; height: 450px}
.article-2.dossier-article{height: 390px}
.dossier-page.dossiers .article-2.dossier-article{height: 365px}
.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.dossier-article .content .details h2{max-height: 80px}
.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.author{position: absolute; bottom: 15px}
.article-2 .content .details h3.date{margin: 5px 0 0 0; height: auto; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-2.sponsored .content .details h2{font-size: 20px; line-height: 26px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal}
.english-page .article-1.premium .details h3:after,.english-page .article-3.premium .details h3:after, .english-page .article-4.premium .details h3:after{content: 'Subscribers'; width: 75px}
.english-page .category-page .article-3.premium .details h2:after{content: 'Subscribers'; width: 75px}
.english-page .homepage .featured .article-4.premium .details h2:after{content: 'Subscribers'; width: 75px}
.english-page .homepage .featured .article-1.premium .details h2:after{content: 'Subscribers'; width: 75px}
.english-page .dossier-page .article-2.premium .details h2:after{content: 'Subscribers'; width: 75px}



.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: 28px; max-height: 165px}
.article-2.no-image .content .details p{font-size: 16px; line-height: 22px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0}
.article-2.include-summary .content .details h2{max-height: 55px}
.article-2.include-summary .content .details .text{font-size: 17px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; line-height: 22px; max-height: 70px; overflow: hidden}


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

.article-3{margin: 0 0 25px 0; width: 33.33%; float: left; height: 450px}
section.idees .article-3{height: 320px}
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}
.videos-page .article-3.video, .homepage section.videos .article-3.video{height: 400px}
.videos-page .article-3.video .content, .homepage section.videos .article-3.video .content{border-bottom: none}
.article-3.video .content figure:before{content: ''; position: absolute; width: 60px; height: 60px; background: url('../images/play-icon-white.png') no-repeat center; background-size: contain; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1}
.article-3.video .content figure:after{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%}
.article-3.video .content .details h2{max-height: 80px}
.videos-page .article-3.video .content .details h3, .videos-page .article-3.video .content .details .comments-counter, .homepage section.videos .article-3.video .content .details h3, .homepage section.videos .article-3.video .content .details .comments-counter{display: none}
.videos-page .article-3.video .content .details h3.article-card-title{display: block; max-height: 55px}


.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 .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; position: absolute; bottom: 15px} */
/* .article-3.extended .content .details h3{font-size: 13px; position: absolute; bottom: 15px} */

.article-4{margin: 0 0 25px 0; width: 33.33%; float: left; height: 365px}
.article-4.include-summary{height: 430px;}
.article-4.include-summary .article-card-author-name{bottom: 10px;}
.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{background-color: #F1E7E7}
.article-4.video .content figure:before{content: ''; position: absolute; width: 35px; height: 35px; background: url('../images/play-icon-white.png') no-repeat center; background-size: contain; bottom: 10px; left: 10px; z-index: 1}
.article-4.video .content figure:after{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%}
.article-4.video .content .details{padding: 20px}
.videos-page .article-4.video .content h3, .videos-page .article-4.video .content .comments-counter, .homepage section.videos .article-4.video .content .comments-counter, .article-4.video .article-card-author-name{display: none}
.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 .content .details.writers{padding: 15px 0 0 0;}
/* .article-4 .content .details.writers h3{bottom: 10px;} */
.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.include-summary .content h2{max-height: 55px}
.article-4.include-summary .content .text{font-size: 15px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; line-height: 18px; max-height: 55px; overflow: hidden}
.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; padding: 0 40px 0 0; max-height: 35px; overflow: hidden; position: absolute; bottom: 15px} */
.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}

.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-7{margin: 0 0 25px 10px; border-bottom: 1px solid #D1CFCF; padding: 0 0 25px 0; width: calc(100% - 20px)}
.article-7 a figure{width: 122px; height: 122px; display: inline-block; vertical-align: top; margin: 0 20px 0 0; position: relative}
.article-7.from-cdl a figure:after{content: ''; width: 80px; height: 35px; background: url('../images/cdl-logo.png') no-repeat center; background-size: 65px; position: absolute; bottom: 0; right: 0; top: initial; left: initial; background-color: #FFFFFF}
.article-7 a > div{display: inline-block; vertical-align: top; width: calc(100% - 142px); position: relative}
.article-7.no-image a > div{display: block; width: 100%}
.article-7 a > div h4{font-size: 13px; color: #777272; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase}
.article-7 a > div h2{font-size: 22px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 28px; margin: 10px 0 0 0; min-height: 70px; transition: .25s}
.article-7 a:hover > div h2{color: #817C7C}
.article-7 a > div .author{margin: 10px 0 0 0}
.article-7 a > div .author h3{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; display: inline-block}
.article-7 a > div .author h3:after{content: '.'; font-size: 14px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 5px; display: inline-block}
.article-7 a > div .author span{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; display: inline-block}
.article-7 a > div .author .comments-counter{position: relative; bottom: initial; right: initial; display: inline-block; margin: 0 0 0 20px; top: 4px}
.article-7 a > div .author .comments-counter:before{top: 4px}

.article-7 a > div .author span.article-card-author-name{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #777272; display: inline-block;position: unset;padding: 0;overflow: unset;margin: 10px 0 0 0;}
.article-7 a > div .author span.article-card-author-name:after{content: '.'; font-size: 14px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 5px; display: inline-block}

.category-page .articles .article-7{display: block !important;}

.article-signature{margin: 0 0 25px 0; width: 50%; float: left; height: 450px}
.article-signature.two-thirds{width: 66.6%; height: 450px}
.article-signature.third{width: 33.33%; height: 450px}
.homepage .editorials .article-signature.third, .article-page .article-signature.third{height: 320px}
.article-signature a{display: block; width: calc(100% - 20px); background-color: #EEE5D4; height: 100%; margin: auto; padding: 20px 20px 30px 20px; position: relative; border-bottom: 1px solid #D2B37A; transition: .25s}
.article-signature a:hover{background-color: #F5EFE5}
.article-signature a figure{width: 105px; height: 105px; margin: 0 auto 15px auto; border-radius: 50%}
.article-signature.third a figure{width: 65px; height: 65px}
.article-signature a h2{font-size: 14px; line-height: 22px; color: #777272; font-family: PoynterOSDisp-Roman, Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 auto 15px auto; text-transform: uppercase; text-align: center}
.article-signature a h3{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; color: #1B1A1A; font-weight: normal; text-align: center}
.article-signature.two-thirds a h3{font-size: 30px; line-height: 29px}
.article-signature a .text{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #777272; font-size: 16px; line-height: 22px; margin: 15px 0 0 0; max-height: 155px; overflow: hidden; text-align: center}
.article-signature.third a .text{display: none}
.author-page .article-signature.third a .text{display: block}
.article-signature.third a h3{font-size: 19px; line-height: 25px; max-height: 152px; overflow: hidden; text-align: center}

.article-signature.featured_editorial{width:33.33%;height:365px}
.article-signature.featured_editorial a{padding: 10px;}
.article-signature.featured_editorial .article-card-title{font-size: 22px;line-height: 28px;}
.article-signature.featured_editorial a .text{max-height: 135px;margin: 10px 0 0 0;font-size: 14px;line-height: 21px;}
.article-signature.featured_editorial .article-card-signature{margin: 0 0 10px 0;}
.article-signature.featured_editorial a figure{width: 95px;height: 95px;float: none;}
/*End Article Styles*/

/* 100 ans minisite*/
header .desktop-header.le-siecle .logo-container .buttons{top: 0;}
header .desktop-header.le-siecle .logo-container{padding: 15px 40px; max-width: 1520px; margin: auto; width: 100%;}
header .desktop-header .main-menu .inmenu-left-content .logo.le_siecle{width:100px; height: 60px; background: url('../images/le_siecle_logo.jpg?2') no-repeat center; background-size: contain;}
header .desktop-header.pages-header .main-menu .inmenu-left-content .logo.le_siecle{margin: 5px 0 0 20px;}

header .desktop-header .main-menu nav ul.main li.le_siecle img.le_siecle_logo{width: 100px; height: 55px; object-fit: contain; margin: 3px 0 0 0;}
header.fixed .desktop-header .main-menu nav ul.main li.le_siecle img.le_siecle_logo{width:100px; height:50px; margin:10px 0 0 0}
header.fixed .desktop-header.le-siecle .main-menu nav ul.main > li > a{padding: 0 13px;}

header .desktop-header .main-menu .full-menu ul li.le_siecle_item{border-bottom: 1px solid #D8D8D8;width: calc(100% - 20px);margin: 0 auto 15px auto;}
header .desktop-header .main-menu .full-menu ul li.le_siecle_item a{padding: 5px 0;}
header .desktop-header .main-menu .full-menu ul li.le_siecle_item a:hover{background-color: transparent;}
header .desktop-header .main-menu .full-menu ul li.le_siecle_item a img{width: fit-content;height: 50px; object-fit: contain; position: relative; top: -10px;}

header .desktop-header .logo-container .logo video{width: 99%; height: 110px; object-fit: cover;margin: 0 0 5px 0; pointer-events: none;}

.homepage.le-siecle section{display: inline-block; width: 100%;}
.homepage.le-siecle .main-container.themes .main-column{width: 100%;}
.homepage.le-siecle .main-container.themes .main-column .article-4 {height: 420px;}
.homepage.le-siecle .main-container.themes .main-column .article-4 figure{height: 250px;}
.homepage.le-siecle  .latest-news-component h2:before{background: none; margin: 0; content: none;}
.le_siecle_description{font-size: 24px;text-align: center; margin: 25px 0 10px 0; font-style: italic; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 30px;}
.homepage.le-siecle .themes p.category-description{font-size: 20px; font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-style: italic; line-height: 32px; padding: 0 10px; margin: 10px 0 40px 0;}

.homepage.le-siecle .latest-news-component .details p{font-size: 15px;line-height: 21px;font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;padding: 0 20px;margin: 20px 0;}
/* .homepage.le-siecle .latest-news-component .details p::before{content: '';width: 8px;height: 8px;background-color: #000;border-radius: 50%;display: inline-block;margin: 0 5px 0 0;} */
.homepage.le-siecle .themes .category-image{width: 100%;}
.homepage.le-siecle .themes .category-image img{width: 100%; height: 350px; object-fit: cover;}

.article-banner-le-siecle {margin: 25px 0; padding: 0 10px;}
.article-banner-le-siecle img{width: 100%;object-fit: contain;}



.le-siecle-dynamic-section {margin: 0 10px 25px 10px;}
.le-siecle-dynamic-section .container{position: relative}
.le-siecle-dynamic-section .container img{width: 100%;object-fit: contain;}

/*thematique*/
.thematique-page section{display: inline-block; width: 100%;}
.thematique-page .mobile-slider-menu{display: none;}
.thematique-page .triple-border.inside-section{margin: 10px auto;}
.thematique-page .intro p{font-size: 20px; font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-style: italic; line-height: 32px; padding: 0 10px;}
.thematique-page .thematique-categories{margin: 40px 0 0 0;}
.thematique-page .thematique-categories .article-4{margin: 0 0 50px 0;}
.thematique-page .thematique-categories p.category-description{font-size: 20px; font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-style: italic; line-height: 32px; padding: 0 10px; margin: 10px 0 40px 0;}
.thematique-page .thematique-categories .category-image{width: 100%;}
.thematique-page .thematique-categories .category-image img{width: 100%; height: 350px; object-fit: cover;}
.thematique-page .thematique-categories .article-4 figure{height: 205px;}


.le_siecle_partner_image{width: 100%; object-fit: contain;}
/* END minisite*/


/*Homepage*/
.homepage .main-container{font-size: 0}
.main-column{width: 66.6%; display: inline-block}
.main-column.full_width_article{width: 100%; display: block}
.homepage.grosseactu .liveblog-mainimage{height: 565px; max-width: 1340px; margin: 0 auto 40px auto}
.homepage.grosseactu .liveblog .details{margin: -165px 0 0 0}
ul.articles-list li{display: inline-block; width: calc(50% - 20px); margin: 0 10px 25px 10px; padding: 0 0 25px 0; border-bottom: 1px solid #D1CFCF; vertical-align: top; height: 115px}
ul.articles-list li 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}
ul.articles-list li h2{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; transition: .25s; max-height: 75px; overflow: hidden}
ul.articles-list li.premium h2:after{content: "Abonnés"; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgb(143, 127, 84); width: 60px; height: 18px; background-color: rgb(255, 223, 138); display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; margin: 0 0 0 5px}
.english-page ul.articles-list li.premium h2:after{content: "Subscribers"; width: 75px}


ul.articles-list li.premium .articles-list-article-title:after{content: "Abonnés"; font-size: 10px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgb(143, 127, 84); width: 60px; height: 18px; background-color: rgb(255, 223, 138); display: inline-block; text-align: center; vertical-align: middle; line-height: 18px; margin: 0 0 0 5px}
.english-page ul.articles-list li.premium .articles-list-article-title:after{content: "Subscribers"; width: 75px}


ul.articles-list li a:hover h2{color: #817C7C}
.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}
.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: 17px; line-height: 26px; 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 p img{max-width: 100%}
.homepage .main-column .liveblog .details ul li .message p a{color: #085294;transition: .2s;}
.homepage .main-column .liveblog .details ul li .message p a:hover{color: #0a6ec0;}
.homepage .main-column .liveblog .details ul li .message iframe{width: calc(100% - 30px) !important; margin: 0 0 0 auto !important; max-width: initial !important; min-width: initial !important}
.homepage .main-column .liveblog .details ul li .message .embed{padding: 0 0 0 30px}
.homepage .main-column .liveblog .details ul li .message .embed iframe{max-width: 100% !important; min-width: initial !important; width: 100% !important}
.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: -20px 0 25px 0}
.homepage .main-column .grosseactu-list ul{width: calc(100% - 20px); margin: auto}
.homepage .main-column .grosseactu-list ul li{padding: 10px 0;}
.homepage .main-column .grosseactu-list ul li:last-child{border-bottom: 1px solid #D1CFCF}
.homepage .main-column .grosseactu-list ul li a{font-size: 20px; line-height: 27px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif}
.homepage .main-column .grosseactu-list ul li a:before{content: '\27A4';color: #000000;display: inline-block;margin: 0 10px 0 0;font-size: 14px;}
.sidebar{width: calc(33.4% - 20px); margin: 0 10px; display: inline-block; vertical-align: top; position: relative}
.homepage .sidebar.mpu-2, .homepage .sidebar.mpu-3{margin: 105px 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: 0 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}
.english-page .latest-news-component ul li.urgent a .details p{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.latest-news-component ul li a:hover .details p{color: #817C7C}
.latest-news-component ul.disable-hover li a:hover .details p{color: #000000}
.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}

.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.svg') 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.donation_homepage{min-height: 290px;}
.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 .donation-banner .details{margin: 30px 0;}
.subscribe-box-1 .details .logo{display: inline-block; vertical-align: middle}
.subscribe-box-1 .details .logo.olj{background: url('../images/logo.svg') 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}
.subscribe-box-1 .details .logo.today{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; width: 150px; height: 24px; margin: 0 0 0 15px}
.subscribe-box-1 .details .logo.olj.today-logo{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; height: 30px}
.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 .banner-title{display: block; 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 .donation-banner .details .banner-title{margin: 0;}
.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 .donation-banner .details .subscribe{background-color: rgb(221, 59, 49); border: none; color: #fff !important;}
.subscribe-box-1 .donation-banner .details .subscribe:hover{border: 1px solid; color: #000 !important;}
.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.svg') 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: 25px 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 .mobile-slider-menu.my_agenda .sub-categories li:before{content: ''; display: inline-block !important; 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 .mobile-slider-menu.my_agenda .sub-categories li a{margin: 0 10px 0 0;}
.section-title .sub-categories li a:hover{color: #1B1A1A}
.section-title .sub-categories li a img.my_agenda_logo{width: 55px;height: 35px;object-fit: contain;position: relative;top: 10px;left: 5px;}
.homepage .file{min-height: 630px; width: calc(100% - 20px); max-width: 1380px; margin: 25px auto 50px auto; padding: 50px 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 a .container{border: 1px solid #FFFFFF; min-height: 520px; padding: 40px; position: relative; z-index: 1}
.homepage .file a .container i{width: 80px; height: 80px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain}
.homepage .file a .container .title{position: absolute; bottom: 40px; transition: .25s}
.homepage .file a:hover .container .title{opacity: .8}
.homepage .file a .container h3{font-size: 13px; text-transform: uppercase; color: #FFFFFF; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-weight: normal}
.homepage .file a .container h2{font-size: 48px; color: #FFFFFF; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 56px; margin: 10px 0 0 0; width: 585px}
.homepage .file a .container .dossier-title{display: block; font-size: 48px; color: #FFFFFF; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 56px; margin: 10px 0 0 0; width: 585px}
.homepage .file a .container ul{margin: 40px 0 0 0; width: 370px}
.homepage .file a .container ul li{margin: 0 0 10px 0}
.homepage .file a .container 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 a .container ul li a{color: #FFFFFF; font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 28px; transition: .25s}
.homepage .file a .container 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{margin: 0 auto 40px auto; font-size: 0; border: 1px solid #D1CFCF; border-radius: 6px; overflow: hidden}
.english-page .most-lists{margin: 0 auto 40px auto}
.english-page .homepage .most-lists{margin: 105px auto 25px auto}
.most-lists .list{width: 100%; border-bottom: 1px solid #D1CFCF}
.english-page .most-lists .list{border-bottom: none}
.most-lists .list.most-shares{border-bottom: none}
.most-lists .list .content{width: calc(100% - 20px)}
.most-lists .main-container{padding: 0 !important}
.most-lists .list .content{width: 100%}
.most-lists .list .content span.title{font-size: 18px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; padding: 15px 0 15px 20px; color: #1B1A1A; background-color: #F8F6F6; cursor: pointer;margin: 0;display: block;}
.english-page .most-lists .list .content h2{cursor: default}
.english-page .most-lists .list .content h2.title{cursor: default}
.most-lists .list .content ul{width: calc(100% - 40px); margin: auto}
.most-lists .list .content .articles{border-top: 1px solid #D1CFCF}
.most-lists .list.most-comments .content .articles, .most-lists .list.most-shares .content .articles{display: none}
.most-lists .list .content ul li{border-bottom: 1px solid #D1CFCF; padding: 20px 10px; position: relative}
.most-lists .list .content ul li:last-child{border-bottom: none}
.most-lists .list .content ul li span.number{position: absolute; font-size: 60px; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; top: 50%; transform: translateY(-50%); color: #1B1A1A}

/*.most-lists{height: 670px; width: 100%; max-width: 1380px; margin: 50px auto 25px auto; background-color: #F8F6F6; font-size: 0}*/
/*.english-page .most-lists{margin: 0 auto 25px auto}*/
/*.english-page .homepage .most-lists{margin: 105px auto 25px auto}*/
/*.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; overflow: hidden; transition: .25s}
.most-lists .list .content ul li article h3.article-title{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 26px; font-weight: normal; margin: 10px 0 0 0; overflow: hidden; transition: .25s}
.most-lists .list .content ul li article a:hover h2{color: #817C7C}

.homepage .most-lists{margin: 0 auto 40px auto}

/*.article-page .most-lists{margin: 120px 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 .title{display: block; 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 li a .date{display: block; 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: 50px auto 25px 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, article.main .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%}

.recruitment-component{min-height: 125px; background-color: #F8F6F6; text-align: center; padding: 20px 0; margin: 0 0 40px 0}
.homepage .recruitment-component{margin: 105px 0 40px 0}
.english-page .homepage .recruitment-component{margin: 40px 0}
.article-page .recruitment-component{margin: 120px 0 40px 0}
.recruitment-component h3{font-size: 18px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 24px}
.recruitment-component span.recruitment-title{font-size: 18px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 24px}

.recruitment-component .title{display: block; font-size: 18px; font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; line-height: 24px}
.recruitment-component a{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 0 auto; border-radius: 3px}
.agenda_banner{margin: 0 0 25px 0;}
.sidebar .agenda_banner{margin: 20px 0;}
.agenda_banner a img{width: 100%;object-fit: contain;}


.sidebar .cdl-homepage-component{margin: 0 0 40px 0; border: 1px solid #D1CFCF; border-radius: 6px; padding: 20px 0}
.sidebar .cdl-homepage-component .component-header{border-bottom: 1px solid #D1CFCF; margin: 0 0 20px 0; padding: 0 20px 12px 20px}
.sidebar .cdl-homepage-component .component-header h2{font-size: 16px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; width: calc(100% - 125px)}
.sidebar .cdl-homepage-component .component-header a{display: inline-block; vertical-align: middle}
.sidebar .cdl-homepage-component .component-header a figure{width: 115px; height: 32px; background: url('../images/cdl-logo.png') no-repeat center; background-size: contain; margin: 0 0 0 10px}
.sidebar .cdl-homepage-component .component-content{padding: 0 20px}
.sidebar .cdl-homepage-component .component-content figure{height: 200px}
.sidebar .cdl-homepage-component .component-content h4{color: #777272; margin: 15px 0 0 0; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; font-size: 13px}
.sidebar .cdl-homepage-component .component-content h3{margin: 15px 0 0 0; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 21px}
.sidebar .partenariat-article{margin: 0 0 40px 0; height: 354px}
.sidebar .partenariat-article a{display: block; height: 100%}
/*End homepage*/


/*Article Page*/
.article-page .main-container{font-size: 0}
.article-page article.main{padding: 0 0 0 10px}
.article-page 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 25px 0; border-bottom: 1px solid #D8D8D8; padding: 0 0 20px 0}
.article-page.recipe article.main .category{border: none;padding: 0;margin: 0 0 10px 0;font-size: 13px;}
.article-page article.main h1{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; font-size: 48px; line-height: 52px; padding: 0 200px 0 0}
.article-page.recipe article.main h1{font-size: 35px;line-height: 40px;padding: 0 30px 0 0;}
.article-page article.main.arabic-article h1{direction: rtl; padding: 0 0 0 200px}
.article-page 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}
.english-page .article-page article.main.premium h1:after{content: 'Subscribers'}
.article-page article.main .summary{font-size: 22px; line-height: 34px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0; padding: 0 200px 0 0}
.article-page.sponsored article.main .summary{padding: 0}
.article-page article.main.arabic-article .summary{direction: rtl}
.article-page article.main .article-info{margin: 0 0 25px 0}
.article-page article.main .article-info p{color: #777272; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 15px 0 0 0; line-height: 30px}
.article-page article.main.arabic-article .article-info p{text-align: right}
.article-page article.main .article-info p a{color: #1B1A1A; border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0; transition: .25s}
.article-page article.main .article-info p a:hover{color: #817C7C; border-bottom: 1px solid #817C7C}
.article-page.article-diapo article.main .article-info p a{color: #fff;border-bottom: 1px solid #fff;cursor: pointer;}
.article-diapo article.main .article-info > div .social-share{margin: 30px 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 0 5px 0}
.article-page article.main .social-share li{display: block; margin: 0 0 10px 0}
.article-page.liveblog article.main .social-share li, .article-page.sponsored article.main .social-share li, .article-page.article-diapo article.main .social-share li{display: inline-block; margin: 0 5px 0 0}
.article-page article.main.arabic-article .social-share li{margin: 0 0 10px 0}
.article-page article.main .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 15px 0 0}
.article-page article.main.arabic-article .switch-lang{float: left}
.article-page article.main .switch-lang a{color: #777272; font-size: 14px; line-height: 32px; display: block; padding: 0 5px 0 20px; border-radius: 20px; transition: .25s}
.article-page article.main.arabic-article .social-share li.switch-lang a{padding: 0 20px 0 5px}
.article-page article.main .switch-lang:hover a{color: #FFFFFF !important; background-color: #817C7C !important}
.article-page article.main .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 .switch-lang a i{margin: 0 0 0 15px}
.article-page article.main .switch-lang.fr a i{background: url('../images/goto_fr_article.png') no-repeat center; background-size: cover}
.article-page article.main .switch-lang.en a i{background: url('../images/goto_en_article.png?1') no-repeat center; background-size: cover}
.article-page article.main .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 article.main .main-column{padding: 0 10px 0 0}
.article-page article.main .article-content{position: relative}
.article-page article.main .article-content .live-video iframe{width:100%;height:380px}
/* .article-page article.main .article-content .article-image{height: 445px} */
.article-page 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.recipe article.main .article-content .caption{font-size: 12px;line-height: 14px;margin: 5px 0 0 0;}
.article-page.recipe article.main .article-content .image-container{padding: 0;margin: 0 0 55px 0;border:none;height: 530px;}
.article-page.recipe article.main .article-content .image-container .image-aspect-ratio{height: 530px;}
.article-page article.main .article-content .image_caption{margin: -5px 0 20px 0;font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif !important; color: #1B1A1A !important; font-size: 14px !important; line-height: 20px}
.article-page article.main .article-content .caption span{color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-page article.main .article-content .image-container{border-bottom: 1px solid #D8D8D8; padding: 0 0 20px 0; margin: 0 0 20px 0; position: relative; cursor: zoom-in}
.article-page article.main .article-content .social-share-container{position: absolute; top: 0; left: -55px}
.article-page article.main .article-content .social-share-container .social-share.fixed{position: fixed; top: 85px}
.article-page article.main .article-content .text{font-size: 20px; font-family: Georgia, Helvetica, Arial, sans-serif; line-height: 32px}
.article-page article.main.arabic-article .article-content .text{direction: rtl}
.article-page article.main .article-content .text a{color: #085294; transition: .2s}
.article-page article.main .article-content .text a:hover{color: #0A6EC0}
.article-page article.main .article-content .text p{color: #1B1A1A; font-size: 20px; line-height: 32px; margin: 0 0 30px 0; font-family: Georgia, Helvetica, Arial, sans-serif}
.article-page article.main .article-content .text .article_full_text.with_live_video iframe{display:none !important}
.article-page article.main .article-content .text h2{color: #1B1A1A; font-size: 20px; line-height: 32px; margin: 0 0 30px 0; font-family: Georgia, Helvetica, Arial, sans-serif;font-weight: bold;}
.article-page article.main .article-content .text span.datawall_title{color: #1B1A1A; font-size: 20px; line-height: 32px; margin: 0 0 30px 0; font-family: Georgia, Helvetica, Arial, sans-serif;font-weight: bold;}
.article-page article.main .article-content .text span{font-size: 20px !important; line-height: 32px !important}
.article-page article.main .article-content span.caption{font-size: 14px !important; line-height: 20px !important}
.article-page article.main .article-content .text .caption{margin: 0; display: block}
.article-page 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 article.main .article-content p.error.message span{color: #C84C4C;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.article-page 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 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 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 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 article.main .article-content .text *{max-width: 100% !important}
.article-page article.main .article-content .text img.inlineImage {height: auto !important}
.article-page 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 article.main .article-content .text .inline-related-article p{margin: 0}
.article-page 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 article.main .article-content .text .postquote p{font-size: 15px; line-height: 25px}
.article-page article.main .article-content .text .postquote h3{font-size: 15px; line-height: 25px; margin: 0}
.article-page 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 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 article.main .article-content .text .inline-related-article.no-image{min-height: initial}
.article-page article.main .article-content .text .inline-related-article a{padding: 20px; display: block; direction: ltr}
.article-page 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 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 article.main .article-content .text .inline-related-article a span.article-card-mot-cle{font-size: 15px !important; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: normal; color: #1B1A1A; display: inline-block;margin: 0;text-transform: none;}
.article-page 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 article.main .article-content .text .inline-related-article a > div span.article-card-title{font-size: 18px !important; line-height: 25px !important; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-weight: normal; margin: 5px 0 0 0; color: #1B1A1A;display: block;}
.article-page 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 article.main .article-content .text .inline-related-article.no-image a figure{display: none}
.article-page article.main .article-content .text .article_truncated_text{display: none}
.article-page article.main .article-content .text ul, .article-page article.main .article-content .text ol{margin: 0 0 40px 0; list-style: disc; list-style-position: inside}
.article-page article.main .article-content .text ol{list-style: auto; list-style-position: inside}
.article-page article.main .article-content .text ul li, .article-page article.main .article-content .text ol li{font-size: 19px; line-height: 31px; font-family: Georgia, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 0 0 20px 0; padding: 0 0 0 100px}
.article-page article.main .article-content .text ul li p, .article-page article.main .article-content .text ol li p{display: inline}
.article-page .comments{background-color: #F8F6F6; padding: 30px 30px 60px 30px; border-top: 1px solid #1B1A1A; margin: 30px auto}
.article-page .comments h3{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-transform: uppercase}
.article-page .comments h3 span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page .comments span.title{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; text-transform: uppercase;display: block;}
.article-page .comments .comment{margin: 20px 0 0 0}
.article-page .comments .comment p{font-size: 16px; color: #1B1A1A; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.article-page .comments .comment .commenter{margin: 30px 0 0 0}
.article-page .comments .comment .commenter h4{color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px}
.article-page .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 .comments .comment .commenter span.postername{color: #1B1A1A; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 14px}
.article-page .comments .comment .commenter span.postername::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 .comments .comment .commenter p{color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; margin: 5px 0 0 0}
.article-page .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 .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 .article-keywords{background-color: #F8F6F6; padding: 30px; margin: 30px auto 0 auto; border-top: 1px solid #1B1A1A}
.article-page .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 .article-keywords span{color: #1B1A1A; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 20px 0;display: block;}
.article-page .article-keywords ul li{display: inline-block; margin: 0 10px 10px 0}
.article-page .article-keywords ul li h3{margin: 0;}
.article-page .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 .article-keywords a:hover{background-color: #8C8888; color: #FFFFFF}
.article-page .video-ad{width: calc(100% - 20px); margin: 30px auto 0 auto}
.article-page .video-ad figure{background: url('../images/static/video-ad.png') no-repeat center; background-size: cover; height: 420px; position: relative}
.article-page .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, article.main .newsletter-box{background-color: #DDDAD2; padding: 20px; min-height: 420px; margin: 0 0 40px 0}
.sidebar .newsletter-box .main-container, article.main .newsletter-box .main-container{padding: 0}
.sidebar .newsletter-box figure, article.main .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, article.main .newsletter-box.in-english figure{background: url('../images/newsletter-inenglish-bg.png') no-repeat center; background-size: contain}
.sidebar .newsletter-box h2, article.main .newsletter-box h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 22px}
.sidebar .newsletter-box p, article.main .newsletter-box p{color: #1B1A1A; font-size: 22px; line-height: 31px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.sidebar .newsletter-box form, article.main .newsletter-box form{margin: 30px 0 0 0; width: 100%; position: relative}
.sidebar .newsletter-box form input, article.main .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, article.main .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, article.main .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, article.main .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, article.main .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, article.main .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, article.main .newsletter-box form a:hover{background-color: #817C7C}
.sidebar .newsletter-box form a i, article.main .newsletter-box form a i{color: #FFFFFF; font-size: 34px}
.sidebar .newsletter-box .more, article.main .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.no-border{border: none; padding: 10px 0 0 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 .login-container .premium-notice{font-weight: bold}
.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; font-size: 16px}
.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: 24px}
.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 .comments-panel .all-comments li .replies li{padding: 25px 0 0 25px; margin: 0}
.article-page .comments-panel .comments-to-top{position: fixed; right: 20px; bottom: 0; opacity: 0; visibility: hidden; transition: .25s; padding: 4px 10px; background-color: #FFFFFF}
.article-page .comments-panel .comments-to-top span{font-size: 14px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; margin: 0 10px 0 0; vertical-align: middle}
.article-page .comments-panel .comments-to-top i{font-size: 22px; color: #1B1A1A; width: 35px; height: 35px; line-height: 30px; border: 1px solid #000000; border-radius: 50%; text-align: center; display: inline-block; vertical-align: middle}
.article-page .comments-panel .comments-to-top.active{opacity: 1; visibility: visible}


.article-page .sidebar .newsletter-box{margin: 30px 0 40px 0}
.article-page 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: 90%; max-height: 90%; 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}
.article-page.liveblog article.main .article-content .messages .message .message-container .loader{border: 5px solid #1B1A1A;border-top: 4px solid #f3f3f3;border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;margin: auto;position: absolute;top: 50%;left: 50%;}
.article-page .article-content .premium-article-banner{margin: 0 0 20px 0}

.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.svg') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle; margin: 0 5px 0 0}
.paywall.today-paywall .message figure{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain}
.paywall .message > div{display: inline-block; vertical-align: middle}
.paywall .message p, .paywall .message h4{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 h4{margin: 10px 0}
.paywall .message h3{font-size: 22px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 10px 0; line-height: 30px;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: 15px; color: #1B1A1A !important; border-bottom: 1px solid #1B1A1A; padding: 0 0 2px 0; margin: 20px 0 0 0}
.paywall .actions .login.paywall-login-link h4{border-bottom: 2px solid #FFDF8A; padding: 0 0 1px 0; font-size: 16px; display: inline}
.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.datawall{height: auto; background-color: #F6F4F4; border-radius: 6px; padding: 0 !important; margin: 0 0 50px 0}
.paywall.datawall form{padding: 45px 75px 0 75px}
.paywall.datawall form .form-header{text-align: center}
.paywall.datawall form .form-header h3{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px}
.paywall.datawall form .form-header span.datawall_title{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 26px; margin: 10px 0;display: block;}
.paywall.datawall 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.datawall form .form-header p span{width: 38px; height: 38px; border: 1px solid #1B1A1A; border-radius: 50%; display: inline-block; margin: 0 10px}
.text .paywall.datawall form .form-header p span{line-height: 36px !important}
.paywall.datawall form .social-login{border-top: none; padding: 0; margin: 0}
.paywall.datawall form .social-login a{color: #FFFFFF !important}
.paywall.datawall form .social-login a:hover{color: #FFFFFF !important}
.paywall.datawall form .social-login > div{margin: 25px 0 40px 0; position: relative; z-index: 1}
.paywall.datawall 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.datawall form .social-login > div:before{content: ''; position: absolute; width: 100%; border-top: 1px solid #979797; left: 0; top: 10px; z-index: -1}
.paywall.datawall form .container{padding: 0 30px}
.paywall.datawall form .container .row{margin: 0 0 30px 0}
.paywall.datawall 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.datawall form .container .row input[type="text"], .paywall.datawall form .container .row input[type="email"], .paywall.datawall 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.datawall form .container .row input.required{border:solid 1px red}
.paywall.datawall form .container .subscription-notice{max-width: 475px}
.paywall.datawall form .container .subscription-notice .newsletter input[type="checkbox"]{display: none}
.paywall.datawall 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.datawall 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.datawall form .container .subscription-notice .newsletter span.active:before{opacity: 1; visibility: visible}
.paywall.datawall 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.datawall form .container .subscription-notice .terms{margin: 20px 0 0 0}
.paywall.datawall form .container .subscription-notice .terms p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #565656; line-height: 19px}
.paywall.datawall form .container .subscription-notice .terms p a{text-decoration: underline; color: #565656 !important}
.paywall.datawall form .container .subscription-notice .terms p a:hover{color: #565656 !important}
.paywall.datawall form .black-button{color: #FFFFFF !important}
.paywall.datawall form .black-button:hover{color: #1B1A1A !important}
.paywall.datawall .subscribed {border-top: 1px solid #D8D8D8; margin: 30px 0 0 0; padding: 10px 0 30px 0; text-align: center}
.paywall.datawall .subscribed p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important; color: #000000 !important; font-size: 16px !important; margin: 0 !important}
.paywall.datawall .subscribed p a{text-decoration: underline; color: #000000 !important}
.paywall.datawall .subscribed p a:hover{color: #000000 !important}

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


.paywall.inline{position: relative; bottom: initial; padding: 50px 30px; min-height: 375px}
.paywall.inline.datawall.revamp{min-height: 340px;}
.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 .actions p{font-size: 18px !important; line-height: 22px !important; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important}
.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}


/*data paywall revamp*/
.paywall.datawall.revamp form{padding: 30px 20px 0 20px;}
.paywall.datawall.revamp form .form-header span.datawall_title{font-size: 22px; margin: 10px 0 0 0;}
.paywall.datawall.revamp form .container{padding: 0 10px;}
.paywall.datawall.revamp form .container .row{display: flex;align-items: center; gap: 20px;}
.paywall.datawall.revamp form .container .row.message{display: block;}
.paywall.datawall.revamp form .container .row .full{width: 50%; position: relative;} 
.paywall.datawall.revamp form .container .row .full i.toggle-password{position: absolute; top: 60%; right: 10px; cursor: pointer;}
.paywall.datawall.revamp .subscribed{background-color: #DDDAD2; padding: 10px 0; border-radius: 0 0 10px 10px;}
.paywall.datawall.revamp form .container .subscription-notice .terms p{font-size: 14px; margin: 0 0 10px 0;}
.article-page article.main .article-content .text p.inscrire{font-size: 16px; line-height: 25px; margin: 12px 0 14px 0; text-align: center; font-family:AktivGrotesk-Regular,Helvetica,Arial,sans-serif}
.paywall.datawall.revamp form .container .subscription-notice .newsletter p{font-size: 15px !important;}
.article-page article.main .article-content .text .paywall.datawall.revamp .form-header p{margin: 0 0 10px 0; position: relative; top: -4px; font-size: 18px !important;}
.article-page article.main .article-content .text .canada-inarticle-message{background-color: #E2E6C1; border-radius: 20px; padding: 20px; margin: 0 0 30px 0}
.article-page article.main .article-content .text .canada-inarticle-message span{font-size: 20px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.article-page article.main .article-content .text .canada-inarticle-message p{font-size: 17px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; margin: 15px 0 0 0}
.article-page article.main .article-content .text .canada-inarticle-message .buttons{margin: 20px 0 15px 0}
.article-page article.main .article-content .text .canada-inarticle-message .buttons a{height: 46px; background-color: #1B1A1A; color: #FFFFFF; text-align: center; line-height: 42px; display: inline-block; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; margin: 0 10px 0 0; border-radius: 3px; padding: 0 20px}
.article-page article.main .article-content .text .canada-inarticle-message .skip{font-size: 15px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; margin: 15px 0 0 0; text-decoration: underline}
.paywall.datawall.revamp form a.black-button{margin: 20px auto 0 auto;}
.paywall.datawall.revamp .subscribed p{font-size: 16px !important;}
.paywall.datawall.revamp .social-login a{width: 155px;}
.paywall.datawall.revamp form .container .subscription-notice .newsletter p{font-size: 15px !important;}
.paywall.datawall.revamp form .container .subscription-notice{position: relative; top: -13px;}
.paywall.datawall.revamp form .container .row label{margin: 0 0 4px 0;}
/*.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}
.article-page.article-diapo.diapo-premium .paywall.inline:before{background: transparent !important;}
.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 article.main .editorial-info{padding: 0 0 40px 0; border-bottom: 1px solid #D2B37A; margin: 0 0 20px 0; position: relative}
.article-page.opinions article.main .editorial-info .category{border-bottom: none; margin: 0 0 10px 0; padding: 0}
.article-page.opinions 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 article.main .editorial-info .editorial-name i{font-size: 30px; margin: 0 0 0 10px}
.article-page.opinions 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 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 span.multimedia-tag{font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;font-size: 16px;color: #fff;font-weight: 400;text-transform: uppercase;margin: 0 0 20px 0;border-bottom: 1px solid #d8d8d8;padding: 0 0 15px 0;display: block;}
.article-diapo article.main .article-info > div h1{font-size: 48px; line-height: 52px; color: #FFFFFF; font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; padding: 0}
.article-diapo article.main .article-info > div .summary{padding: 0}
.article-diapo article.main .article-info > div .summary p{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 .summary p a{color: #FFFFFF; border-bottom: 1px solid #FFFFFF}
.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: #777272; 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: 20px; color: #FFFFFF; line-height: 32px; font-family: Georgia, Helvetica, Arial, sans-serif; margin: 0 0 20px 0}
.article-diapo article.main .article-keywords-content{padding: 0 30px;}
.article-diapo article.main .article-keywords-content .article-keywords{background-color: #323030; border-top: 1px solid #fff;padding: 30px 10px;}
.article-diapo article.main .article-keywords-content .article-keywords span{color: #fff;}
.article-diapo article.main .article-keywords-content .article-keywords ul li a{color: #fff;border: 1px solid #fff;}
.article-diapo.diapo-premium article.main .article-content .text p{color: #000 !important;}
.article-diapo article.main .article-content .inlineImage{max-width: 100%; cursor: pointer}
.article-diapo article.main .article-content .image-container{margin: 0 0 45px 0; border: none}
.article-diapo article.main .article-content .image-container.caption-next-to{font-size: 0}
.article-diapo article.main .article-content .image-container.caption-next-to .inlineImage{max-width: 66% !important; display: inline-block; vertical-align: top}
.article-diapo article.main .article-content .image-container .caption{width: 100%; display: inline-block; vertical-align: top; max-width: initial !important}
.article-diapo article.main .article-content .image-container .inlineImage{width: 100%;}
.article-diapo article.main .article-content .caption{width: 100%; max-width: 335px !important; 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: 15px 0 0 0; display: block; margin: 20px 0 0 0; color: #FFFFFF; font-size: 18px !important; line-height: 28px !important}
.article-diapo article.main .article-content .image-container.caption-next-to .caption .description{margin: 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 .image-container.caption-next-to .caption .description:before{content: '\f0d9'; position: relative; top: 3px}
.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 .dossier-details a > div span.title{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 span.category{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; margin: 5px 0 0 0; color: #000000; line-height: initial;padding: 0;text-transform: none;border: none;display: block;}
.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 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 article.main .author{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; color: #777272}
.article-page.sponsored article.main .author span{border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0; color: #1B1A1A}
.article-page.sponsored article.main .sponsor-notice{font-size: 16px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 10px 0 20px 0}
.article-page.sponsored article.main .sponsor-notice span{font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif}
.article-page.sponsored article.main .article-content{border-top: none}
.article-page.sponsored article.main .sponsor-link{background-color: #FFFFFF; padding: 20px; margin: 40px 0 0 0}
.article-page.sponsored article.main .sponsor-link p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px}
.article-page.sponsored 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 article.main .sponsor-link a{border-bottom: 1px solid #1B1A1A; padding: 0 0 3px 0}
.article-page.sponsored article.main .article-content{padding: 0; margin: 40px 0 0 0}
.article-page.sponsored article.main .article-content .caption{color: #1B1A1A}
.article-page.sponsored 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-image p.image_caption{position: absolute;color: #fff;font-size: 20px;bottom: 0;background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));width: 100%;padding: 50px 150px 25px 150px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}

.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: 44px; 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{cursor: zoom-in;}
/*.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}
.article-page.liveblog .liveblog-notice .content p a{font-weight: bold;text-decoration: underline;}
.article-page.liveblog .liveblog-sidebar.fixed{position: fixed; top: 95px; width: 330px;}
.article-page.liveblog .liveblog-sidebar.pinned{position: absolute; bottom: 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 .section-title .keyword-description{font-size: 16px; font-family: AktivGroteskEx-Regular, Helvetica, Arial, sans-serif; padding: 0 10px; color: #1B1A1A; line-height: 24px}
.category-page .parent-category-link{font-size: 16px; color: #777272; font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif; text-decoration: underline; display: block; padding: 0 0 10px 12px}
.category-page .mobile-slider-menu{float: right}
.category-page .section-title .sub-categories{margin: 30px 10px 0 0}
.category-page .section-title .mobile-slider-menu.my_agenda .sub-categories{margin: 15px 10px 0 0;}
.category-page .main-container{font-size: 0}
.category-page .featured .article-1{width: calc(66.6% - 20px); 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; position: relative;}
.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 .cover .details .main-container .first_article_author_container {position: absolute; right: 0; width: auto!important; min-width: 410px; top: -80px; display: grid!important; grid-template-columns: 58% 32%; grid-column-gap: 10%; align-items: center; text-align: right;}
.dossier-page .cover .details .main-container .first_article_author_container h3 {font-size: 18px; color: #1b1a1a; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}
.dossier-page .cover .details .main-container .first_article_author_container img {border-radius: 50%; width: 130px; height: 130px; object-fit: cover;}
.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}
.homepage .other-files{margin: 130px 0 40px 0}
.homepage.litteraire .other-files{margin: 0 0 40px 0}
.english-page .homepage .other-files{margin: 105px 0 40px 0}
.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 a .dossier-title{display: block; 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 p{font-size: 15px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: initial; margin: 0}
.author-page .author-details > div .author-name{display: flex; align-items: end; gap: 20px}
.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 .social-icons{padding: 0 0 5px 0}
.author-page .author-details .social-icons a{margin: 0 8px 0 0; width: 28px; height: 28px; background-color: #000000; border-radius: 50%; display: inline-block; text-align: center; line-height: 38px}
.author-page .author-details .social-icons a:last-child{margin: 0}
.author-page .author-details .social-icons i{font-size: 16px; color: #FFFFFF}
.author-page .author-details p{font-size: 16px; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 10px 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: calc(66.6% - 20px); float: left}
.author-page .featured .article-2{width: 33.4%}
.author-page .featured .article-signature.third{width: 33.33%}
/*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 a._df_thumb{width: 100%;height: 100%;box-shadow: none;margin: 0;}
.pdf-pages ul.pdfs li .image-container a._df_thumb ._df_book-cover{background-color: #F8F6F6;border: none;box-shadow: none;}
.pdf-pages ul.pdfs li .image-container a._df_thumb:hover ._df_book-cover{transform: rotateY(0deg) rotateZ(0);}
.pdf-pages ul.pdfs li .image-container a._df_thumb ._df_book-cover ._df_book-title{background-color: transparent;}
.pdf-pages ul.pdfs li .image-container a._df_thumb .df-book-wrapper .df-book-cover img{display: none !important;}
.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 ul.pdfs li .pdf-link._df_thumb{margin: 0;}
.pdf-pages ul.pdfs li .pdf-link._df_thumb ._df_book-cover{background-color: #000;box-shadow: none;border-radius: 3px;}
.pdf-pages ul.pdfs li .pdf-link._df_thumb:hover ._df_book-cover{transform: rotateY(0deg) rotateZ(0);}
.pdf-pages ul.pdfs li .pdf-link._df_thumb ._df_book-title{background-color: #000;position: unset;padding: 0;}
.pdf-pages ul.pdfs li .pdf-link._df_thumb .df-book-wrapper .df-book-cover img{display: none !important;}

.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 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 .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}
.emploi-page .process-text{margin: 40px 0 0 0}
.emploi-page .process-text h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 20px; margin: 0 0 20px 0}
.emploi-page .process-text ul{list-style: disc; font-size: 18px; padding: 0 0 0 20px}
.emploi-page .process-text ul > li > ul{padding: 0 0 0 40px}
.emploi-page .process-text p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 18px; margin: 0 0 20px 0}
.emploi-page .process-text p span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.emploi-page .process-text span.title{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; display: block; color: #1B1A1A; font-size: 18px; margin: 0 0 20px 0}
.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: 680px; 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: 680px; padding: 25px; position: relative}
.newsletters-page .newsletters .newsletter.active .content{background-color: #f1ede3;}
.newsletters-page .newsletters .newsletter .content figure{width: 100px; height: 100px; border-radius: 50%; position: relative}
.newsletters-page .newsletters .newsletter .content figure.premium:after{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: -5px; left: 0; right: 0; margin: auto}
.english-page .newsletters-page .newsletters .newsletter .content figure.premium:after{content: "Subscribers"}
.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 span{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 15px; margin: 5px 0 0 0; display: block}
.newsletters-page .newsletters .newsletter .content span.subscribe{display: none;}
.newsletters-page .newsletters .newsletter.active .content span.subscribe.ipad{display: none;}
.newsletters-page .newsletters .newsletter.active .content span.subscribe{display: block;position: absolute;bottom: 155px;left: 50%;transform: translate(-50%, -50%);font-size: 21px;color: #dd3b31;}
.newsletters-page .newsletters .newsletter.active .content span.subscribe::after{content: "▼";font-size: 19px;position: absolute;top:40px;left: 45%;transform: translateX(-50%);animation: upDown 0.75s infinite;}
/* Keyframe animation */
@keyframes upDown {
    0%, 100% {
        transform: translateY(0); /* Starting and ending position */
    }
    50% {
        transform: translateY(-6px); /* Midpoint position (10px up) */
    }
}
.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*/

/* Newsletter preview page*/
.newsletter-preview-page .newsletter-preview{width: 100%;max-width: 900px; margin: auto;}

/*End Newsletter preview 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*/

/*WhatsApp Channel*/
.channel-whatsapp-page .channels-page-inner {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);}
.channel-whatsapp-page .channels-page-inner .main-container {text-align: center; margin: 60px auto;}
.channel-whatsapp-page .channels-page-inner .channel-page-logo {margin: 0 0 10px 0;}
.channel-whatsapp-page .channels-page-inner .channel-description {}
.channel-whatsapp-page .channels-page-inner .channel-description p {font-size: 13px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;line-height: 18px; margin: 10px 0 0; transition: .25s;}
.channel-whatsapp-page .channels-page-inner .channel-subscribe-link {font-size: 13px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; overflow-wrap: break-word; word-break: break-word; hyphens: auto; white-space: normal; background: black; color: white; padding: 13px 50px; border-radius: 10px; display: block; margin: 20px auto; text-align: center; width: 70%; transition: 0.3s ease-in-out; line-height: 22px;}
.channel-whatsapp-page .channels-page-inner .channel-subscribe-link:hover {transform: scale(1.04);}
.channel-whatsapp-page .channels-page-inner .channel-page-footer {width: 66.6%; margin: auto;}
.channel-whatsapp-page .channels-page-inner .channel-page-footer a {display: inline-block; margin: 20px 90px; width: 40px; transition: .25s;}
.channel-whatsapp-page .channels-page-inner .channel-page-footer a:hover {transform: scale(1.04);}
.channel-whatsapp-page .channels-page-inner .channel-page-footer img {object-fit: contain; width: 40px;}
.channel-whatsapp-page .channel-page-share-container {display: none; position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(10, 11, 13, 0.4);}
.channel-whatsapp-page .channel-page-share-container-inner {width: 300px; height: 300px; background: white; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); border-radius: 10px;}
.channel-whatsapp-page .channel-page-share-container-close {position: absolute; right: 0; padding: 5px 10px; margin: 10px; cursor: pointer; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; border-radius: 5px; transition: .3s ease-in-out;}
.channel-whatsapp-page .channel-page-share-container-close:hover {background-color: #f0efef;}
.channel-whatsapp-page .channel-page-share-list {padding: 50px 10px 20px 10px;}
.channel-whatsapp-page .channel-page-share-list li {padding: 5px 0;}
.channel-whatsapp-page .channel-page-share-list li a {font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; padding: 12px 15px; border-radius: 5px; transition: .1s ease-in-out; display: block;}
.channel-whatsapp-page .channel-page-share-list li:hover a {background-color: #f0efef;}
.channel-whatsapp-page .channel-page-share-list li a i {margin: 0 10px 0 0; padding: 10px; border-radius: 50%;}
.channel-whatsapp-page .channel-page-share-list li.whatsapp-share a i {background-color: #01e676; color: white;}
.channel-whatsapp-page .channel-page-share-list li.email-share a i {background-color: #000000; color: white;}
.channel-whatsapp-page .channel-page-share-list li.copy-link {margin: 20px 0 0 0;}
.channel-whatsapp-page .channel-page-share-list li.copy-link a {border: 1px solid rgb(224, 226, 217); text-align: center;}
.channel-whatsapp-page .channel-page-share-list li.copy-link a i {background-color: #01e676; color: white;}
.channel-whatsapp-page .channel-page-share-list .copy-link-text.copied {color: green;}
/*End WhatsApp Channel*/

/*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 .delete-card{font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; color: #FFDF8A; display: block; margin: 5px 0 0 0; text-decoration: underline}
.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 ul li span h4{padding: 4px 7px;display: block;background-color: #ffdf8a;font-size: 16px;font-weight: 700;font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;margin: 10px 0 0 0;width: fit-content;}
.myaccount-pages .right-column .section ul li span h2{margin: 15px 0 0 0;font-size: 20px;font-weight: 400;line-height: 24px;font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;}
.myaccount-pages .right-column .section ul li span p{font-size: 16px;font-weight: 400;line-height: 24px;font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;margin: 0;}

.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; margin: 0 0 20px 0}
.myaccount-pages .right-column .section .add-card:before{content: ''; display: block}
.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: 145px; text-align: center; color: #232222; font-size: 13px; 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; line-height: 24px}
.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 .card-notice.offers-notice a.link{display: inline-block; font-size: 14px; width: auto; line-height: initial; height: auto}
.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{margin: 0 0 20px 0}
.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, .myaccount-pages .right-column .section .buttons .save-card{background-color: #1B1A1A; color: #FFFFFF; border-radius: 3px}
.myaccount-pages .right-column .section .buttons .save-card{position: relative}
.myaccount-pages .right-column .section .buttons .save-card i{font-size: 14px; margin: 0 0 0 5px}
.myaccount-pages .right-column .section .buttons .save-card.disabled{opacity: .5; cursor: default}
.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}
.english-page .myaccount-pages .right-column .section.edit-newsletters ul li.lettre-article-link figure:before{content: "Subscribers"}
.english-page .myaccount-pages .right-column .section.edit-newsletters ul li.lettre-article-link.no-premium figure:before{display: none;}
.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 span{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 5px 0; display: block}
.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}

.myaccount-pages .section .boutique-country-selector a{display: inline !important; height: initial !important}

.myaccount-pages .right-column .section form .profile_buttons{display: flex; align-items: baseline; gap: 25px;}
.myaccount-pages .right-column .section form .profile_buttons .delete_account_button{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; text-decoration: underline;}
.delete_account_popup{position: fixed;backdrop-filter: blur(5px);top: 0;bottom: 0;left: 0;right: 0;z-index: 99999;visibility: hidden;transition: opacity 0.5s ease-in-out; opacity: 0;}
.delete_account_popup form{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 10px;width: 30%;}
.delete_account_popup.active{visibility: visible; opacity: 1;transition: opacity 0.5s ease-in-out}
.delete_account_popup p{font-size: 14px; margin: 0 0 15px 0;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 22px;}
.delete_account_popup label{font-size: 15px; display: block;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; cursor: pointer;}
.delete_account_popup label input{accent-color: #dd3b31; margin: 0 3px 0 0;cursor: pointer;}
.delete_account_popup a{display: inline-block; font-size: 15px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 25px 0 0;}
.delete_account_popup a.confirm_delete_account{background-color: #1B1A1A; color: #fff; padding: 12px;border-radius: 5px;}
.delete_account_popup a.cancel_delete_account{background-color: #dd3b31; color: #fff; padding: 12px; border-radius: 5px;}
.delete_account_popup p.error-message{margin: 15px 0 0 0; color: #dd3b31; font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}

.myaccount-pages .right-column .card-details{background-color: #F7F7F7; padding: 20px 25px 40px 25px; margin: 20px 0}
.myaccount-pages .right-column .card-details h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 19px; color: #FFDF8A; margin: 0 0 20px 0}
.myaccount-pages .right-column .card-details .card-detail{display: inline-block; vertical-align: top; width: 49%; margin: 0 2% 20px 0}
.myaccount-pages .right-column .card-details .card-detail:nth-of-type(even){margin: 0}
.myaccount-pages .right-column .card-details .card-detail label{display: block; width: 100%; font-size: 13px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 10px 0; font-weight: bold}
.myaccount-pages .right-column .card-details .card-detail input{outline: none; width: 100%; height: 38px; border: 1px solid #E3E3E3; font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: top; padding: 10px; margin: 0 0 10px 0}
.myaccount-pages .right-column .card-details .card-detail input.error{border: 1px solid #FF0000}
.myaccount-pages .right-column .card-details .card-detail .error-message{color: #FF0000; font-size: 12px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 20px 0}
.myaccount-pages .right-column .card-details .card-detail .error-message{display: none}
.myaccount-pages .right-column .card-details .expiry-date input::-webkit-input-placeholder{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #767676; font-weight: bold}
.myaccount-pages .right-column .card-details .expiry-date input:-moz-placeholder{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #767676; font-weight: bold}
.myaccount-pages .right-column .card-details .expiry-date input::-moz-placeholder{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #767676; font-weight: bold}
.myaccount-pages .right-column .card-details .expiry-date input:-ms-input-placeholder{font-size: 14px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #767676; font-weight: bold}
.myaccount-pages .right-column .card-details .expiry-date input{width: 148px; margin: 0 4% 10px 0}
.myaccount-pages .right-column .card-details .expiry-date input:last-of-type{margin: 0 0 10px 0}
.myaccount-pages .right-column .card-details .card-added, .myaccount-pages .right-column .card-deleted{font-size: 14px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 20px 0 0 0; color: #FFDF8A}
.myaccount-pages .right-column .card-details .netcommerce-logo{width: 100px; height: 50px; background: url('/assets/images/netcommerce-logo.gif') no-repeat center; background-size: contain; float: right}
.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 .newsletter-preview-subscribe{padding: 15px 30px}
.newsletter-overlay .newsletter-preview-subscribe .newsletter-box{min-height: initial; margin: 0}
.newsletter-overlay .newsletter-preview-subscribe h3{color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 16px; margin: 0 0 15px 0}
.newsletter-overlay .newsletter-preview-subscribe .email-container{height: 50px; width: 280px; position: relative}
.newsletter-overlay .newsletter-preview-subscribe .email-container input{width: 100%; height: 100%; background-color: #FFFFFF; border: none; font-size: 16px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; padding: 0 0 0 10px; outline: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px}
.newsletter-overlay .newsletter-preview-subscribe .email-container a{width: 50px; height: 100%; background-color: #1B1A1A; position: absolute; right: 0; color: #FFFFFF !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; text-align: center; font-size: 30px; line-height: 46px; transition: .25s; top: 0}
.newsletter-overlay .newsletter-preview-subscribe .email-container a:hover{background-color: #817C7C}
.newsletter-overlay .newsletter-preview-subscribe .notice-message{margin: 10px 0 0 0}
.newsletter-overlay .content{width: 660px; margin: auto; position: relative; height: 85%; background-color: #DDDAD2; top: 90px; border-radius: 8px}
.newsletter-overlay .content .container{overflow-y: scroll; overflow-x: hidden; position: absolute; font-size: 14px; left: 0; right: 0; background-color: #fff; height: calc(100% - 165px); 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-black.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: 295px; background: url('../images/boutique/boutique-homepage-cover.jpg') no-repeat; 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, .25) 100%); background: -webkit-gradient(linear, left top, right bottom, from(transparent), to(rgba(0, 0, 0, .25))); width: 100%; height: 100%}
.boutique-page .items-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; max-width: 100%; text-align: center; top: 20%; transform: translateY(-75%)}
.boutique-page .items-page .cover .text h1{font-family: AktivGroteskEx-Bold, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 40px; font-weight: 700; color: #FFFFFF}
.boutique-page .items-page .main-container{padding: 0 30px}
.boutique-page .items-page ul.items{font-size: 0; margin: -220px auto 40px auto; position: relative; z-index: 1; max-width: 100%; display: flex; align-items: flex-start;}
.boutique-page .items-page ul.items li{width: 33.33%; display: inline-block; vertical-align: top; position: relative; top: 40px;}
.boutique-page .items-page ul.items li .content{width: 100%; margin: auto; background-color: #FFFFFF; height: 100%; border-radius: 10px; padding: 40px 0; min-height: 325px; position: relative; border: 5px solid #D1CFCF;}
.boutique-page .items-page ul.items li.annuel{position: relative; margin: 0 40px;}
.boutique-page .items-page ul.items li.annuel .content{border: 5px solid #FFDF8A; min-height: 420px; position: relative; top: -20px; padding: 40px 0 45px 0;}
.boutique-page .items-page ul.items li.annuel .content h2{font-size: 60px;line-height: 70px; font-weight: 700; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page .items-page ul.items li.annuel .content h4{padding: 6px 14px; background-color: #FFDF8A; font-size: 20px; font-weight: 700; font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif; position: absolute; top: 0;left: 50%; transform: translate(-50%,-50%); width: 90px;}
.boutique-page .items-page ul.items li.annuel .content p{font-size: 16px; line-height: 24px; font-weight: 400;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px 0 0 0;}
/* .boutique-page .items-page ul.items li.annuel .content .title p{font-size: 18px} */
.boutique-page .items-page ul.items li.annuel .content p strike{text-decoration: none; position: relative}
.boutique-page .items-page ul.items li .content p strike:before{content: ''; position: absolute; left: -0.1em; right: -0.1em; top: 0.38em; bottom: 0.38em; background: linear-gradient(to left top, transparent 45.5%, #1b1a1a 47.5%, #1b1a1a 52.5%, transparent 54.5%)}
.boutique-page .items-page ul.items li.annuel .subscribe{margin: 45px auto 0 auto;}
.boutique-page .items-page ul.items li.mensuel .content,.boutique-page .items-page ul.items li.other .content{padding: 30px 0 35px 0;min-height: 380px;}
.boutique-page .items-page ul.items li.mensuel .content h2{font-size: 60px; font-weight: 500; line-height: 70px; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page .items-page ul.items li.mensuel .content p{font-size: 16px; line-height: 24px; font-weight: 400; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px auto 0 auto}
.boutique-page .items-page ul.items li.mensuel .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: #F3F0F0;margin: 22px auto 0 auto;display: block;border: 1px solid #F3F0F0;border-radius: 3px; font-weight: 700;}
.boutique-page .items-page ul.items li.other .content h2{font-size: 60px; font-weight: 500; line-height: 70px; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page .items-page ul.items li.other .content p{font-size: 16px; line-height: 24px; font-weight: 400; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px auto 0 auto; width: 90%;}
.boutique-page .items-page ul.items li.other .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: #F3F0F0;margin: 22px auto 0 auto;display: block;border: 1px solid #F3F0F0;border-radius: 3px; font-weight: 700;}
.boutique-page .items-page ul.items li .content h2 span{font-size: 40px; margin: 0 0 0 5px;}


.boutique-page .items-page ul.items li .content .title{padding: 0 20px; text-align: center}
.boutique-page .items-page ul.items li .content .title h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 30px; font-weight: 700; line-height: 40px;}
.boutique-page .items-page ul.items li p.engagement{font-size: 14px; font-weight: 400; line-height: 21px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; margin: 5px 0 0 0;}
.boutique-page .items-page div.avantages{margin: 55px 0 80px 0}
.boutique-page .items-page div.avantages h2{font-size: 26px; font-weight: 700; line-height: 40px; font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center;}
.boutique-page .items-page div.avantages ul{margin: 20px 0 0 0; display: flex; align-items: flex-start; gap: 10px;}
.boutique-page .items-page div.avantages ul li{width: 180px;}
.boutique-page .items-page div.avantages ul li:nth-child(3){width: 340px;}
.boutique-page .items-page div.avantages ul li img{width: 30px; height: 30px; object-fit: contain; display: block; margin: auto;}
.boutique-page .items-page div.avantages ul li span{display: block; text-align: center; margin: 15px 0 0 0; font-size: 17px; font-weight: 400; line-height: 24px; font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif ;}

.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.english-page .items-page div.avantages ul{justify-content: center;gap: 25px;}
.boutique-page.english-page .items-page div.avantages ul li{width: 280px;}


.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: 270px; 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.olj-today{background-image: url('../images/item-today-logo.png?1'); 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.olj-today{margin: 0 -15px}
.boutique-page .items-page section ul li .details{text-align: center; display: inline-block; width: calc(100% - 460px); 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: 0 0 80px 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{min-height: 220px}
.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}

.boutique-payment-page .main-container{margin: 50px auto 100px auto; font-size: 0; padding: 0 50px}
.boutique-payment-page.merch-boutique .main-container{margin: 0 auto 100px auto;}
.boutique-payment-page .main-container .product-info-container{width: 334px; display: inline-block; position: relative}
.boutique-payment-page .main-container .product-info{width: 100%; border: 1px solid #D1CFCF; border-radius: 6px; padding: 30px}
.boutique-payment-page.merch-boutique .main-container .product-info{margin: 0 0 20px 0;}
.boutique-payment-page .main-container .product-info.fixed{position: fixed; top: 20px; width: 334px}
.boutique-payment-page.merch-boutique .main-container .product-info.no-scroll{position:unset;}
.boutique-payment-page.merch-boutique .main-container .product-info.scroll.fixed{position: fixed;}
.boutique-payment-page.merch-boutique .main-container .product-info.pinned{position: unset;}
.boutique-payment-page .main-container .product-info.pinned{position: absolute; bottom: 0}
.boutique-payment-page .main-container .product-info ul li{padding: 30px 0; border-bottom: 1px solid #D1CFCF}
.boutique-payment-page .main-container .product-info ul li:first-child{padding: 0 0 30px 0}
.boutique-payment-page .main-container .product-info ul li:last-child{padding: 30px 0 0 0; border: none}
.boutique-payment-page .main-container .product-info h2, .boutique-payment-page .main-container .product-info h2 p{font-size: 17px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A !important; line-height: 25px; margin: 0}
.boutique-payment-page .main-container .product-info h2 .line-through{text-decoration: line-through; font-style: normal}
.boutique-payment-page .main-container .product-info h2 p .line-through{text-decoration: line-through; font-style: normal}
.boutique-payment-page .main-container .product-info span, .boutique-payment-page .main-container .product-info p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; display: block; line-height: 24px}
.boutique-payment-page .main-container .product-info p{margin: 0 0 20px 0}
.boutique-payment-page .main-container .payment-form{width: calc(100% - 354px); display: inline-block; vertical-align: top; margin: 0 0 0 20px}
.boutique-payment-page .main-container .payment-form .section{padding: 50px 35px 25px 35px; background-color: #F6F4F4; border-radius: 6px; margin: 0 0 25px 0}
.boutique-payment-page .main-container .payment-form h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 24px; display: inline-block; margin: 0 0 35px 0; color: #1B1A1A; line-height: 36px}
.boutique-payment-page .main-container .payment-form p{font-family: AktivGrotesk, Helvetica, Arial, sans-serif; font-size: 16px; display: inline-block; margin: 0 0 15px 0; color: #1B1A1A; line-height: 22px;}
.boutique-payment-page .main-container .payment-form p.donation-message, .boutique-payment-page .main-container .payment-form p.change-country{margin: -20px 0 15px 0}
.boutique-payment-page .main-container .payment-form p.change-country a{text-decoration: underline}
.boutique-payment-page .main-container .payment-form .login{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; float: right; text-decoration: underline; margin: 6px 0 0 0}
.boutique-payment-page .main-container .payment-form label{font-size: 16px; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.boutique-payment-page .main-container .payment-form label.error{color: #C74141; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-payment-page .main-container .payment-form p.nextRenewal, .boutique-payment-page .main-container .payment-form p.recurrent-price{font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #E0B543; line-height: 20px}
.boutique-payment-page .main-container .payment-form span.next-renewal-lbp-notice{font-size: 13px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block}
.boutique-payment-page .main-container .payment-form input[type="text"], .boutique-payment-page .main-container .payment-form input[type="number"], .boutique-payment-page .main-container .payment-form input[type="email"], .boutique-payment-page .main-container .payment-form input[type="password"], .boutique-payment-page .main-container .payment-form select{width: 100%; height: 50px; padding: 0 0 0 10px; border: 1px solid #D1CFCF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 25px 0; outline: none}
.boutique-payment-page .main-container .payment-form select{width: calc(100% - 55px)}
.boutique-payment-page .main-container .payment-form input::-webkit-input-placeholder{font-size: 18px; color: #1B1A1A}
.boutique-payment-page .main-container .payment-form input:-moz-placeholder{font-size: 18px; color: #1B1A1A}
.boutique-payment-page .main-container .payment-form input::-moz-placeholder{font-size: 18px; color: #1B1A1A}
.boutique-payment-page .main-container .payment-form input:-ms-input-placeholder{font-size: 18px; color: #1B1A1A}
.boutique-payment-page .main-container .payment-form .options li{margin: 0 0 25px 0}
.boutique-payment-page .main-container .payment-form .options li input[type="radio"]{display: none}
.boutique-payment-page .main-container .payment-form .options li .radio{display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #D1CFCF; border-radius: 50%; margin: 0 25px 0 0; position: relative; cursor: pointer}
.boutique-payment-page .main-container .payment-form .options li .radio:after{content: ''; position: absolute; background-color: #1B1A1A; width: 16px; height: 16px; border-radius: 50%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden; transition: .3s}
.boutique-payment-page .main-container .payment-form .options li .radio.checked:after{opacity: 1; visibility: visible}
.boutique-payment-page .main-container .payment-form .options li > div{display: inline-block; vertical-align: middle; width: calc(100% - 55px)}
.boutique-payment-page .main-container .payment-form .options li > div .container{display: inline-block; max-width: 425px}
.boutique-payment-page .main-container .payment-form .options li > div h3{font-size: 18px; color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; cursor: pointer; line-height: 26px}
.boutique-payment-page .main-container .payment-form .options li > div h4{font-size: 18px; color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; cursor: pointer; line-height: 26px}
.boutique-payment-page .main-container .payment-form .options li > div h4 p{margin: 0}
.boutique-payment-page .main-container .payment-form .options li > div h4 .line-through{text-decoration: line-through; font-style: normal}
.boutique-payment-page .main-container .payment-form .options li > div span{font-size: 11px; color: #232222; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; background-color: #FFDF8A; display: inline-block; padding: 6px 13px; margin: 0 0 0 15px; vertical-align: top; line-height: 12px; max-width: 145px}
.boutique-payment-page .main-container .payment-form .donation input[type="number"]{width: 175px; height: 50px; padding: 0 0 0 10px; border: 1px solid #D1CFCF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; outline: none; margin: 0 0 25px 0; font-size: 16px}
.boutique-payment-page .main-container .payment-form .donation span{font-size: 18px; color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 0 25px}
.boutique-payment-page .main-container .payment-form .donation span.optionel{margin: 0 0 0 10px; font-size: 20px;}
.boutique-payment-page .main-container .payment-form .donation .remove-donation{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 25px 0; text-decoration: underline; display: block}
.boutique-payment-page .main-container .payment-form .payment .saved-card{margin: 25px 0 0 0; width: 100%}
.boutique-payment-page .main-container .payment-form .payment .saved-card p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 5px 0}
.boutique-payment-page .main-container .payment-form .payment .saved-card p span{font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; background-color: transparent; padding: 0; margin: 0 5px 0 0; line-height: initial; max-width: initial}
.boutique-payment-page .main-container .payment-form .payment .saved-card p .edit-card{color: #E0B543; margin: 0 0 0 5px}
.boutique-payment-page .main-container .payment-form .card-details{display: block; margin: 30px 0 0 0; width: 100%; opacity: 1; visibility: visible}
.boutique-payment-page .main-container .payment-form .card-details.hidden{opacity: 0; visibility: hidden}
.boutique-payment-page .main-container .payment-form .card-details #security-code{margin: 0 0 25px 0}
.boutique-payment-page .main-container .payment-form .card-details .expiry-date, .boutique-payment-page .main-container .payment-form .card-details .security-code{width: 48%; display: inline-block; margin: 0 4% 0 0; vertical-align: top}
.boutique-payment-page .main-container .payment-form .card-details .expiry-date input{width: 46%; display: inline-block; vertical-align: top; margin: 0 8% 25px 0}
.boutique-payment-page .main-container .payment-form .card-details .expiry-date #expiry-year{margin: 0 0 25px 0}
.boutique-payment-page .main-container .payment-form .card-details .security-code{margin: 0}
.stripe.payment-method #card-element{background-color: #FFFFFF; padding: 15px 10px; border: 1px solid #D1CFCF; margin: 0 0 20px 0}
.stripe.payment-method #card-error{font-size: 14px; color: #C74141; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 10px 0 0 0}
.boutique-payment-page .main-container .terms{margin: 50px 0 0 0; padding: 0 30px}
.boutique-payment-page .main-container .terms span{display: inline-block; width: 24px; height: 24px; border: 1px solid #979797; margin: 0 20px 0 0; vertical-align: middle; position: relative;cursor: pointer;}
.boutique-payment-page .main-container .terms span:before{content: ''; width: 16px; height: 14px; background: url('/assets/images/check-icon-black.png') no-repeat center; background-size: contain; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; transition: .25s}
.boutique-payment-page .main-container .terms span.checked:before{opacity: 1; visibility: visible}
.boutique-payment-page .main-container .terms p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; display: inline-block; vertical-align: middle; width: calc(100% - 45px)}
.boutique-payment-page .main-container .terms .error-message{margin: 20px 0 0 0; display: none}
.boutique-payment-page .main-container .terms .payment_error_message{color: #C74141;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;font-size: 13px;}
.boutique-payment-page .main-container .subscribed_error_message .payment_error_message{color: #C74141;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;font-size: 14px;padding: 0 10px;}

.boutique-payment-page .main-container .terms a{text-decoration: underline;}
.boutique-payment-page .main-container .submit{width: 285px; height: 50px; border-radius: 3px; color: #FFFFFF; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; text-align: center; display: block; background-color: #1B1A1A; font-size: 14px; margin: 60px auto 0 auto; line-height: 48px; cursor: pointer}
.boutique-payment-page .main-container form .error-message, .boutique-payment-page .main-container form .restrictUserPurchaseMsg, .boutique-payment-page .main-container form .payment-error{font-size: 13px; color: #C74141; margin: -20px 0 25px 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-payment-page .main-container form .payment-error{margin: 30px 0 0 0; display: none}
.boutique-payment-page .main-container form .passNoMatchMsg{font-size: 13px; color: #C74141; margin: -20px 0 25px 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.boutique-payment-page .main-container form .error-message a, .boutique-payment-page .main-container form .restrictUserPurchaseMsg a{text-decoration: underline}
.boutique-payment-page .main-container form .card-details .error-message{display: none}
.boutique-payment-page .main-container form .card-details .netcommerce-logo{width: 100px; height: 50px; background: url('/assets/images/netcommerce-logo.gif') no-repeat center; background-size: contain; float: right}
.boutique-payment-page .main-container form .total label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px 0}
.boutique-payment-page .main-container form .total h4{font-size: 16px !important; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif !important; color: #E0B543 !important; line-height: 20px !important;; cursor: default !important}
.boutique-country-selector{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 50px 0 0 0; text-align: center}
.boutique-country-selector span{font-size: 13px}
.boutique-country-selector a{text-decoration: underline}
.boutique-countries-list{position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 60px 200px; background-color: #FFFFFF; overflow-y: scroll; display: none; z-index: 99}
.boutique-countries-list input{height: 50px; width: calc(100% - 20px); border: 1px solid #d1cfcf; border-radius: 3px; font-size: 16px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; outline: none; padding: 0 10px; margin: 0 auto 25px auto; display: block}
.boutique-countries-list ul{font-size: 0}
.boutique-countries-list ul li{display: inline-block; width: 12.5%; margin: 0 0 5px 0; vertical-align: top}
.boutique-countries-list ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; transition: .25s; display: block; padding: 5px 10px}
.boutique-countries-list ul li a:hover, .boutique-countries-list ul li a.highlight{background-color: #FBD571; color: #FFFFFF}
.boutique-countries-list .close{width: 30px; height: 29px; border: 2px solid #777272; border-radius: 50%; background: url('../images/icons-sprite.png?1') no-repeat -55px -19px; background-size: 93px; position: absolute; right: 40px; top: 20px}
.boutique-page .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: transparent; position: relative}
.boutique-page .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent}
.boutique-page .select2-container--default .select2-selection--single .select2-selection__arrow b:before{content: '\f107'; font-family: 'FontAwesome'; font-size: 15px; color: #000000; position: absolute; top: -5px; right: -16px}


.payment-success-popup{text-align: center}
.payment-success-popup > div{width: 100%; max-width: 620px; height: auto; background-color: #FFFFFF; margin: 50px auto; padding: 50px 40px; border-radius: 10px}
.payment-success-popup > div h2{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 28px; margin: 10px 0 0 0}
.payment-success-popup > div p{font-size: 16px; margin: 20px 0 0 0; line-height: 24px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.payment-success-popup > div ul{font-size: 16px; list-style: none; text-align: left; margin: 20px auto; color: #919191; line-height: 22px; display: inline-block; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.payment-success-popup > div h3{color: #f6c342; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; font-size: 24px}
.payment-success-popup a.gotoOLJ {height: 45px; background-color: #f6c342; color: #FFFFFF; border-radius: 6px; text-align: center; font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 70px; padding: 10px 20px}
.payment-success-popup .download_app_link_container a {font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; padding: 20px 0; display: block; text-decoration: underline;}

.payment-success.revamp{padding: 40px 0;}
.payment-success.revamp .row{display: flex; align-items: flex-start; gap: 20px;}
.payment-success.revamp .row .right_col{width: 68%;}
.payment-success.revamp .row .right_col h1{font-size: 30px; line-height: 40px; font-weight: 700; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif; padding: 0 0 5px 0;}
.payment-success.revamp .row .right_col h2{font-size: 18px; font-weight: 500; font-family:AktivGrotesk-Regular,Helvetica,Arial,sans-serif;width: 95%;}
.payment-success.revamp .row .right_col .triple-border{width: 100%; margin: 20px auto 20px auto;}
.payment-success.revamp .row .right_col  h3{font-size: 20px; font-weight: 700; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif; padding: 0 0 20px 0;}
.payment-success.revamp .row .right_col .article-1{width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.payment-success.revamp .row .right_col .article-1 img{width:100%; height:350px; object-fit: cover;}
.payment-success.revamp .row .right_col .article-1 .details{margin: 20px 0 0 0; padding: 0;}
.payment-success.revamp .row .right_col .article-1 .details h4{font-size: 13px; font-weight: 500;color: #777272; text-transform: uppercase; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}
.payment-success.revamp .row .right_col .article-1 .details h2{font-size: 22px; font-weight: 600; line-height: 26px; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif;padding: 10px 0;}
.payment-success.revamp .row .right_col .article-1 .details span{font-size: 14px; font-weight: 500; color: #777272;font-family:AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}
.payment-success.revamp .row .right_col .redaction{display: flex; align-items: flex-start; gap: 20px; margin: 0 0 20px 0;}
.payment-success.revamp .row .right_col .redaction .article-2{height: auto;}
.payment-success.revamp .row .right_col .redaction .article-2 h4{font-size: 13px; font-weight: 500;color: #777272; text-transform: uppercase; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}
.payment-success.revamp .row .right_col .redaction .article-2 h2{font-size: 18px; font-weight: 600; line-height: 24px; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif;padding: 10px 0; width: 95%}
.payment-success.revamp .row .right_col a.gotoOLJ{background-color: #FFDF8A; padding: 12px 20px; text-align: center; color: #1B1A1A; font-size: 13px; line-height: 16px; font-weight: 700; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif ;}

.payment-success.revamp .row .left_col{width: 32%;}
.payment-success.revamp .row .left_col h2{font-size: 18px; font-weight: 700; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif;}
.payment-success.revamp .row .left_col h2.main-title{width: 90%;}
.payment-success.revamp .row .left_col ul li{background-color: #F8F6F6; border-radius: 6px; padding: 20px; text-align: center; margin: 15px 0 0 0;}
.payment-success.revamp .row .left_col ul li img{width: 50px; height: 50px; object-fit: contain; margin: auto;}
.payment-success.revamp .row .left_col ul li h2{font-size: 20px; font-weight: 600; font-family: PoynterOSDisp-Semibold,Helvetica,Arial,sans-seri; padding: 15px 0 0 0;}
.payment-success.revamp .row .left_col ul li p{font-size: 13px; line-height: 20px; font-weight: 400; font-family:AktivGrotesk-Regular,Helvetica,Arial,sans-serif; color: #777272; padding: 7px 0 15px 0;}
.payment-success.revamp .row .left_col ul li a{font-size: 12px; line-height: 16px; font-weight: 500; text-decoration: underline; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;}
.payment-success.revamp .row .left_col ul li:last-child{margin: 15px 0 40px 0;}
.payment-success.revamp .row .left_col ul li:last-child img{width: 30px; height: 30px; object-fit: contain;}
.payment-success.revamp .row .left_col ul li:last-child a{margin:0 5px 0 0}

/*product landing page revamp*/
.boutique-payment-page .main-container .payment-form.revamp .section{position: relative;padding: 30px}
.boutique-payment-page .main-container .payment-form.revamp .section .personal-col{display: flex; align-items: center; gap: 20px;}
.boutique-payment-page .main-container .payment-form.revamp .section .personal-col .input-group{width: 50%;}
.boutique-payment-page .main-container .payment-form.revamp .section.personal-details input{position: relative; margin: 0 0 20px 0; height: 45px;}
.boutique-payment-page .main-container .payment-form.revamp .section.personal-details .mobile_country_list_row span.select2-selection.select2-selection--single{height: 45px;}
.boutique-payment-page .main-container .payment-form.revamp .section div.eye{position: relative;}
.boutique-payment-page .main-container .payment-form.revamp .section i.toggle-password{font-size: 21px; position: absolute; right: 20px; top: 11px; cursor: pointer;}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details{display: flex; margin: 0; align-items: center; position: relative; gap: 5px;}
.boutique-payment-page .main-container .payment-form.revamp label{margin: 0 0 7px 0;}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details input{width: 260px; height: 45px; margin: 0}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details input::placeholder{color: #777272;}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details h3{font-size: 16px; font-family: AktivGrotesk, Helvetica, Arial, sans-serif}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details ul li{margin: 0 0 10px 0;}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details ul li:last-child{margin: 0}
.boutique-payment-page .main-container .payment-form.revamp .section .amount-details i.fa.fa-usd{position: relative; top: 0; right: 30px; font-size: 20px;}
.boutique-page .payment-form.revamp .select2-container--default .select2-selection--single .select2-selection__arrow b:before{right: -5px; top: -7px; font-size: 20px;}
.boutique-page .payment-form.revamp .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000; font-size: 16px;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment .select-currency{margin: 0 0 25px 0; width: 100%; height: 45px;}
.boutique-payment-page .main-container .payment-form.revamp p.nextRenewal, .boutique-payment-page .main-container .payment-form.revamp p.recurrent-price{color: #817C7C; font-size: 19px; margin: 0;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment ul li label{margin: 0 0 5px 0;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment div.total{display: flex; align-items: flex-start; margin: 0 0 20px 0;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment div.total .right-col ,.boutique-payment-page .main-container .payment-form.revamp .section.payment div.total .left-col{width: 50%;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment div.total label{margin: 0 0 5px 0;}
.boutique-payment-page .main-container .payment-form.revamp .section.payment div.total h4{color: #817C7C !important; font-size: 19px !important;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif !important;}
.boutique-payment-page .main-container .payment-form.revamp .section.personal-details{margin: 0;}
.boutique-payment-page .main-container .payment-form.revamp .section.personal-details.logged-in{margin: 0 0 25px 0}
.boutique-payment-page .main-container .payment-form.revamp .personal-details.logged-in span.inscription{margin: 0}
.boutique-payment-page .main-container .payment-form.revamp div.subscribed{background-color: #dddad2; position: relative; top: -25px; border-radius: 0 0 7px 7px; text-align: center; padding: 15px 0;}
.boutique-payment-page .main-container .payment-form.revamp div.subscribed p{margin:0; font-size: 16px;}
.boutique-payment-page .main-container .payment-form.revamp div.subscribed a{text-decoration: underline;}
.boutique-payment-page .main-container .payment-form.revamp .terms{margin: 20px 0 0 0;}
.boutique-payment-page .main-container .payment-form.revamp .submit{margin: 20px auto 0 auto;}
.boutique-payment-page .main-container .payment-form.revamp .submit.disabled{cursor:default}
.boutique-payment-page .main-container .payment-form.revamp .submit.disabled:hover{background-color: #1B1A1A !important;color:#fff !important}

.boutique-payment-page .main-container .payment-form.revamp h2{margin: 0 0 20px 0;}
.boutique-payment-page .main-container .payment-form.revamp .personal-details span.inscription{font-size: 16px; display: block; margin: 0 0 20px 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.boutique-payment-page .main-container .payment-form.revamp p.donation-message{font-size: 16px; margin: 0 0 20px 0;}
.boutique-payment-page .main-container .payment-form.revamp p.donation-message a{text-decoration: underline;}
.boutique-payment-page .main-container .payment-form.revamp .options li .radio{width: 23px; height: 23px; margin: 0 10px 0 0;}
.boutique-payment-page .main-container .payment-form.revamp .options li .radio:after{width: 12px; height: 12px;}
.boutique-payment-page .main-container .payment-form.revamp .options li > div{width: calc(100% - 33px);}
.boutique-payment-page .main-container .payment-form.revamp .section.payment li > div{margin: 0}
.boutique-payment-page .main-container .payment-form.revamp p.change-country{margin: 0 0 10px 0; font-size: 16px;}

.boutique-payment-page .main-container .payment-form.revamp .section.payment div.boutique-country-selector{margin: 0; text-align: start;}
.boutique-payment-page .main-container .payment-form.revamp .options li{margin: 0}
.boutique-payment-page .main-container .payment-form.revamp .options li:last-child{margin: 20px 0 0 0;}
.boutique-payment-page .main-container .payment-form.revamp .options li:last-child label{font-size: 18px}
.boutique-payment-page .main-container .payment-form.revamp label{margin: 0 0 7px 0;}

.boutique-payment-page .main-container .payment-form.revamp .section.payment input[type="text"]{height: 45px;}
.boutique-payment-page .main-container .product-info.revamp ul li{padding: 20px 0;}
.boutique-payment-page .main-container .product-info.revamp ul li:first-child{padding: 0 0 20px 0}
.boutique-payment-page .main-container .product-info.revamp ul li:last-child{padding: 20px 0 0 0}
.boutique-payment-page .main-container .product-info.revamp ul li:last-child p:last-child{margin: 0}
.boutique-payment-page .main-container .product-info ul li.price span.product_subtitle{background: #FFDF8A; width: fit-content; padding: 4px; margin: 0 0 8px 0; position: relative; top: -10px; font-weight: bold;}
.boutique-payment-page .main-container .payment-form.revamp .terms p{position: relative; top: 8px;}
.merch-boutique-page .boutique-payment-page .main-container .payment-form.revamp .terms p:nth-child(2){font-size: 13px;line-height: 18px;}
.boutique-payment-page .main-container .payment-form .card-details.card-details-component{width: 100% !important;}
.boutique-payment-page .main-container .product-info.revamp ul li.price h4{padding: 4px 7px; display: inline-block; background-color:#ffdf8a ; font-size: 16px; font-weight: 700; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;}
.boutique-payment-page .main-container .product-info.revamp ul li.price h2{margin: 15px 0 0 0; font-size: 20px; font-weight: 400; line-height: 24px;font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;}
.boutique-payment-page .main-container .product-info.revamp ul li.price h2 span{display: unset;}
.boutique-payment-page .main-container .product-info.revamp ul li.price p{font-size: 16px; font-weight: 400; line-height: 24px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; margin: 0;}

.boutique-payment-page .main-container .payment-loader-container{display: flex;flex-direction: column;align-items: center;justify-content: center; height: 100vh;}
.boutique-payment-page .main-container .payment-loader-container .loader{border: 4px solid #3498db;border-top: 4px solid #f3f3f3;border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;}
.boutique-payment-page .main-container .payment-loader-container .loader-text{margin-top: 20px;font-size: 18px;color: #333;font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif}




.boutique-page.english-page .items-page .cover{height: 560px; background: url(../images/boutique-homepage-cover.jpeg) no-repeat center; background-size: cover; position: relative}
.boutique-page.english-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.english-page .items-page .cover .text{position: absolute; left: 0; right: 0; margin: auto; width: 100%; max-width: 100%; text-align: center; top: 20%; transform: translateY(-75%)}
.boutique-page.english-page .items-page .cover .text h1{font-family: AktivGroteskEx-Bold,Helvetica,Arial,sans-serif; font-size: 30px; line-height: 40px; color: #fff;font-weight: 700;}
.boutique-page.english-page .items-page .cover .text h2{font-family: PoynterOSDisp-Roman,Helvetica,Arial,sans-serif; font-size: 24px; line-height: 30px; color: #fff; margin: 20px 0 0}
.boutique-page.english-page .items-page ul.items{font-size: 0; margin: -160px auto 40px; position: relative; z-index: 1; max-width: 900px; display: block}
.boutique-page.english-page .items-page ul.items li{width: 50%; display: inline-block; vertical-align: top; position: relative; top: 40px}
.boutique-page.english-page .items-page ul.items li .content{width: calc(100% - 20px); margin: auto; background-color: #fff; height: 100%; border-radius: 10px; padding: 20px 0; min-height: 650px; position: relative; border: none}
.boutique-page.english-page .items-page ul.items li .content .logos{margin: 0 auto 15px; text-align: center}
.boutique-page.english-page .items-page ul.items li .content .logos figure{width: 130px; height: 130px; border-radius: 50%; background-color: transparent; display: inline-block; border: 2px solid #000}
.boutique-page.english-page .items-page ul.items li .content .title{padding: 0 20px; text-align: center}
.boutique-page.english-page .items-page ul.items li .content .title h2{font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; color: #1b1a1a; font-size: 24px}
.boutique-page.english-page .items-page ul.items li .content .title h3{font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; color: #1b1a1a; font-size: 20px; font-weight: 400}
.boutique-page.english-page .items-page ul.items li ul{padding: 0 0 20px; margin: 20px auto 0; border-bottom: 1px solid #e7e3e3; width: calc(100% - 60px)}
.boutique-page.english-page .items-page ul.items li ul.inner li{top: 0}
.boutique-page.english-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}
.boutique-page.english-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.english-page .items-page ul.items li .price{margin: 20px 0 0; text-align: center; padding: 0 20px}
.boutique-page.english-page .items-page ul.items li .price .title, .boutique-page.english-page .items-page ul.items li .price .title p{font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; font-size: 24px; color: #1b1a1a}
.boutique-page.english-page .items-page ul.items li .price h3{font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; font-size: 16px; color: #1b1a1a; font-weight: 400; margin: 5px 0 0}

.boutique-page.english-page .items-page.revamp .cover{height: 295px;}

.boutique-page.english-page .items-page .reasons-container{height: 260px; font-size: 0; margin: 60px 0}
.boutique-page.english-page .boutique-payment-page .main-container .product-info ul li.price h2, .boutique-payment-page.english-page .main-container .product-info ul li.price h2 p{color: #e0b543 !important}
.boutique-page.english-page .boutique-payment-page .main-container .product-info h2, .boutique-payment-page.english-page .main-container .product-info h2 p{font-size: 20px; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; color: #1b1a1a; line-height: 26px; margin: 0}
.boutique-page.english-page .items-page ul.items li .content .logos .best-value{position: absolute; top: 20px; left: 25px}
.boutique-page.english-page .items-page ul.items li .content .logos .best-value i{background: url('../images/boutique/star.png') no-repeat center; background-size: contain; width: 25px; height: 25px; display: block; margin: 0 auto 5px}
.boutique-page.english-page .items-page ul.items li .content .logos .best-value span{color: #fc4b37; text-transform: uppercase; font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; font-size: 13px}


.boutique-page.english-page .items-page ul.items{font-size: 0; margin: -220px auto 40px auto; position: relative; z-index: 1; max-width: 100%; display: flex; align-items: flex-start;}
.boutique-page.english-page .items-page ul.items li{width: 33.33%; display: inline-block; vertical-align: top; position: relative; top: 40px;}
.boutique-page.english-page .items-page ul.items li .content{width: 100%; margin: auto; background-color: #FFFFFF; height: 100%; border-radius: 10px; padding: 40px 0; min-height: 325px; position: relative; border: 5px solid #D1CFCF;}
.boutique-page.english-page .items-page ul.items li.annuel{position: relative; margin: 0 40px;}
.boutique-page.english-page .items-page ul.items li.annuel .content{border: 5px solid #FFDF8A; min-height: 415px; position: relative; top: -15px; padding: 40px 0 45px 0;}
.boutique-page.english-page .items-page ul.items li.annuel .content h2{font-size: 60px;line-height: 70px; font-weight: 700; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page.english-page .items-page ul.items li.annuel .content h4{padding: 6px 14px; background-color: #FFDF8A; font-size: 20px; font-weight: 700; font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif; position: absolute; top: 0;left: 50%; transform: translate(-50%,-50%); width: 270px;}
.boutique-page.english-page .items-page ul.items li.annuel .content p{font-size: 16px; line-height: 24px; font-weight: 400;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px 0 0 0;}
/* .boutique-page .items-page ul.items li.annuel .content .title p{font-size: 18px} */
.boutique-page.english-page .items-page ul.items li.annuel .content p strike{text-decoration: none; position: relative}
/* .boutique-page .items-page ul.items li .content p strike:before{content: ''; position: absolute; left: -0.1em; right: -0.1em; top: 0.38em; bottom: 0.38em; background: linear-gradient(to left top, transparent 45.5%, #1b1a1a 47.5%, #1b1a1a 52.5%, transparent 54.5%)} */
.boutique-page.english-page .items-page ul.items li.annuel .subscribe{margin: 45px auto 0 auto;}
.boutique-page.english-page .items-page ul.items li.mensuel .content,.boutique-page .items-page ul.items li.other .content{padding: 30px 0 35px 0;min-height: 380px;}
.boutique-page.english-page .items-page ul.items li.mensuel .content h2{font-size: 60px; font-weight: 500; line-height: 70px; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page.english-page .items-page ul.items li.mensuel .content p{font-size: 16px; line-height: 24px; font-weight: 400; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px auto 0 auto}
.boutique-page.english-page .items-page ul.items li.mensuel .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: #F3F0F0;margin: 22px auto 0 auto;display: block;border: 1px solid #F3F0F0;border-radius: 3px; font-weight: 700;}
.boutique-page.english-page .items-page ul.items li.other .content h2{font-size: 60px; font-weight: 500; line-height: 70px; margin: 10px 0 0 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.boutique-page.english-page .items-page ul.items li.other .content p{font-size: 16px; line-height: 24px; font-weight: 400; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 5px auto 0 auto; width: 90%;}
.boutique-page.english-page .items-page ul.items li.other .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: #F3F0F0;margin: 22px auto 0 auto;display: block;border: 1px solid #F3F0F0;border-radius: 3px; font-weight: 700;}
.boutique-page.english-page .items-page ul.items li .content h2 span{font-size: 40px; margin: 0 0 0 5px;}


.boutique-page.english-page .items-page ul.items li .content .title{padding: 0 20px; text-align: center}
.boutique-page.english-page .items-page ul.items li .content .title h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; font-size: 30px; font-weight: 700; line-height: 40px;}
.boutique-page.english-page .items-page ul.items li p.engagement{font-size: 14px; font-weight: 400; line-height: 21px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; margin: 5px 0 0 0;}
.boutique-page.english-page .items-page ul.items li .content .title span.premium_access{font-size: 16px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}




/*End Boutique Pages*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*boutique landing page revamp*/
/* .boutique-page .items-page.revamp .cover .text{max-width: 100%;}
.boutique-page .items-page.revamp ul.items{margin: -195px auto 40px auto;}
.boutique-page .items-page.revamp ul.items li .content{min-height: 325px; border: 4px solid #D1CFCF;}
.boutique-page .items-page.revamp .avantages {margin: 100px 0;}
.boutique-page .items-page.revamp .avantages h2{text-align: center; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 30px;}
.boutique-page .items-page.revamp .avantages ul{display: flex; align-items: flex-start; gap: 15px; margin: 40px 0 0 0;}
.boutique-page .items-page.revamp .avantages ul li{width: 20%;}
.boutique-page .items-page.revamp .avantages ul li img{width: 60px; height: 60px; margin: auto; display: block;}
.boutique-page .items-page.revamp .avantages ul li span{display: block; text-align: center; font-size: 20px; font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif ;} */


/*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.disable-hover a:hover .content > div h2{color: #000000}
.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 .games li.motamo a{position: relative;}
.jeux-page .main-container .games li.motamo .partner{display: flex;align-items: center;position: absolute;top: 10px;right: 5px;gap: 7px;}
.jeux-page .main-container .games li.motamo .partner img{width: 80px;object-fit: contain;position: relative;top: 3px;}
.jeux-page .main-container .games li.motamo img.click_icon{width: 45px;height: 45px;object-fit: contain;margin: 5px auto 0 auto;display: block;}
.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;position: relative;}
.jeux-page.motamo .main-container .game-container{padding: 40px 0;}
.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.motamo .main-container .popup-container {background: #fff;padding: 35px 0;border-radius: 5px;text-align: center;width: 80%;border: 2px solid #d8d7d5;position: absolute;top: 55%;left: 50%;transform: translate(-50%, -55%);z-index: 999999;}
.jeux-page.motamo .main-container .popup-container .popup-message p {font-size: 20px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.jeux-page.motamo .main-container .popup-container .popup-message p a{text-decoration: underline;font-family:AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.iframe-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;background: rgba(255, 255, 255, 0.3);z-index: 10;pointer-events: none;}
.iframe-overlay.active {pointer-events: all;}

.jeux-page.motamo .paywall.inline:before{display: none;}
.jeux-page.motamo .paywall.datawall form .container .subscription-notice{max-width: 100%;}

.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: 240px; 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: 18px; 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}
.static-pages .main-container{font-size: 0}
.faq-page .triple-border{width: calc(100% - 20px); margin: 20px 10px}
.faq-page .main-container{font-size: 0}
.faq-page section{font-size: initial; padding: 0 10px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.faq-page section h2{font-size: 30px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-weight: normal; margin: 40px 0 20px 0; border-bottom: 1px solid #D1CFCF; padding: 0 0 10px 0}
.faq-page .main-container .main-column ul{margin: 30px 0 0 0}
.faq-page .main-container .main-column 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; overflow: hidden; cursor: pointer}
.faq-page .main-container .main-column ul li.active p{display: block}
.faq-page .main-container .main-column ul li:after{content: '\f106'; font-family: 'FontAwesome'; font-size: 24px; color: #ADA5A5; position: absolute; right: 20px; top: 10px}
.faq-page .main-container .main-column ul li.active:after{transform: rotate(180deg)}
.faq-page .main-container .main-column ul li a{text-decoration: underline; color: #085294; transition: .2s}
.faq-page .main-container .main-column ul li a:hover{color: #0a6ec0}
.faq-page .main-container .main-column p{display: none}
.english-page .faq-page .main-container .main-column p{display: block}
.faq-page .main-container .main-column p a{color: #FFDF8A; text-decoration: underline}
/*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 a{text-decoration: underline}
.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}
.article-page .login-page.inline_paywall .container form{max-width: 430px !important;}
.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}
.login-page.inline_paywall .container form > div .buttons a.login_btn{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;}

.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 !important; 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 60px 0}
.register-page .welcome{text-align: center}
.register-page .welcome > div{background-color: #F6F4F4; padding: 30px 160px; margin: 0 0 40px 0; border-radius: 6px}
.register-page .welcome > div h2{color: #1B1A1A; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 40px;font-weight: 700;}
.register-page h1{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 20px; color: #1B1A1A; text-align: center; line-height: 30px;font-weight: 400;}
.register-page h1.light{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 28px}
.register-page h1 span{font-size: 20px; line-height: 30px; display: block; margin: 10px 0 5px 0; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.register-page .skip-newsletter{color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; text-decoration: underline; width: 120px; margin: 20px auto 0 auto; display: block;}
.english-page .register-page .skip-newsletter{width: 90px;}
.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.ot{background-image: url('../images/item-today-logo.png?1'); 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: 40px 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: 260px; background-color: #F6F4F4; border-radius: 6px; padding: 30px 25px 30px 25px; position: relative; vertical-align: top}
.english-page .register-page .newsletters .container ul li{min-height: 305px;}
.register-page .newsletters .container ul.newsletter-listing li{height: 320px;}
.register-page .newsletters .container ul li .image-bubble{position: absolute; top: 25px; right: 65px;}
.register-page .newsletters .container ul li .image-bubble img{width: 30px; height: 30px; object-fit: contain; position: relative;}
.register-page .newsletters .container ul li .image-bubble span{position: absolute; font-size: 14px; line-height: 21px; font-weight: 700;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; left: 7px;top: 3px;}

.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 div.main-image-newsletter{display: flex; align-items: center; gap: 15px;}
.register-page .newsletters .container ul li figure{width: 60px; height: 60px; border-radius: 60%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.register-page .newsletters .container ul li h3{font-size: 18px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A;line-height: 24px; font-weight: 700; width: 50%;}
.register-page .newsletters .container ul li p{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 15px 0 0 0; line-height: 24px;font-weight: 400;}
.register-page .newsletters .container ul li .subscribe{width: 30px; height: 30px; border: 1px solid #1B1A1A; 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/new-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: 68px auto 0 auto}
.register-page .newsletters .container div.social-links{display: flex; align-items: center; gap: 20px;}
.english-page .register-page .newsletters .container div.social-links{margin: 25px 0 0 0;}
.register-page .newsletters .container div.social-links .right_col,.register-page .newsletters .container div.social-links .center_col,.register-page .newsletters .container div.social-links .left_col{width: 33.33%; background-color: #ECE9E9; border-radius: 6px;padding: 30px;}
.register-page .newsletters .container div.social-links p{font-size: 16px; line-height: 24px; font-weight: 500; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;}
.register-page .newsletters .container div.social-links .right_col a,.register-page .newsletters .container div.social-links .left_col a {display: flex; align-items: center; gap: 25px;}
.register-page .newsletters .container div.social-links .right_col img,.register-page .newsletters .container div.social-links .left_col img {width: 60px; height: 60px; object-fit: contain;}
.register-page .newsletters .container div.social-links .center_col{padding: 22px 30px;}
.register-page .newsletters .container div.social-links .center_col ul {margin: 12px 0 0 0;}
.register-page .newsletters .container div.social-links .center_col ul li{background-color: unset; min-height: auto; margin: 0; padding: 0; width: 20%;}
.register-page .newsletters .container div.social-links .center_col ul li img{width: 40px; height: 40px; object-fit: contain;}


.register-page .mobile_country_toggle { height: 50px; width: 20%; border: 1px solid #d1cfcf; background-color: #FFFFFF; padding: 15px 10px; display: inline-block; vertical-align: top; position: relative; border-radius: 3px; font-size: 15px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif}
.mobile_country_list {width: 30%!important; padding: 10px!important; font-size: 15px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif}
.mobile_country_list_row .select2-selection {font-size: 15px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif}
.mobile_country_list_row input.mobile_number_input {text-align: left!important; width: calc(70% - 22px)!important;margin-left: 20px!important;}
.mobile_country_list_row span.select2-selection.select2-selection--single {border: 1px solid #d1cfcf; border-radius: 3px; padding: 10px; height: auto}
.mobile_country_list_row .select2-container--default .select2-selection--single .select2-selection__arrow {top: 20%; right: 10px}
.mobile_country_list_row .select2-container {vertical-align: top}

.select2-results__option {font-size: 15px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif}
/*End Register Page*/


/*Donation Page*/
.donation-page .cover{background: url('/assets/images/boutique-parrainage-cover.png') no-repeat center; background-size: cover; position: relative; margin: 0 0 70px 0}
.donation-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%}
.donation-page .cover.snow:before{background: none;}
.donation-page .cover .text{max-width: 860px; text-align: center; position: relative; padding: 50px 0; text-align: center; margin: auto}
.donation-page .cover.snow .text{padding: 124px 0;}
.donation-page .cover .text h2{font-size: 40px; line-height: 48px; color: #FFFFFF; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; width: 100%}
.donation-page .cover .text h3{font-size: 28px; line-height: 38px; color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.donation-page .cover a{width: 34px; height: 17px; background: url('/assets/images/angle-down.png') no-repeat center; background-size: contain; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto}
.donation-page .main-container{font-size: 0; width: 100%; max-width: 1140px; padding: 0 20px; margin: auto}
.donation-page form{padding: 0 30px 60px 30px}
.donation-page form h3{font-size: 20px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 20px 0 0 0}
.donation-page form h4{font-size: 16px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #1B1A1A; margin: 10px 0 30px 0}
.donation-page form .row{margin: 0 0 30px 0}
.donation-page form label{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; display: inline-block; vertical-align: middle}
.donation-page form p{color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 18px; display: inline-block; vertical-align: middle; margin: 0 0 15px 0}
.donation-page form p a{text-decoration: underline}
.donation-page form input[type='number']{border: none; display: inline-block; width: 125px; outline: none; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; text-align: center; font-size: 18px; color: #1B1A1A; padding: 0; border-radius: 0; margin: 0 0 0 10px; vertical-align: middle; position: relative; top: -2px; color: #000000; background-color: transparent}
.english-page .donation-page form input[type='number']{border-bottom: 1px solid #000000}
.donation-page form input[type="number"]::-webkit-input-placeholder{font-size: 13px; color: #000000}
.donation-page form input[type="number"]:-moz-placeholder{font-size: 13px; color: #000000}
.donation-page form input[type="number"]::-moz-placeholder{font-size: 13px; color: #000000}
.donation-page form input[type="number"]:-ms-input-placeholder{font-size: 13px; color: #000000}
.donation-page form span{font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; color: #1B1A1A}
.donation-page form .row ul{display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: auto}
.donation-page form .row ul li{display: inline-block; margin: 0 10px 0 0; cursor: pointer}
.donation-page form .row ul li input[type='radio']{display: none}
.donation-page form .row ul li i{display: inline-block; width: 15px; height: 15px; border: 2px solid #FFDF8A; border-radius: 50%; margin: 0 5px 0 0; transition: .25s; vertical-align: middle}
.donation-page form .row ul li i.active{background-color: #FFDF8A}
.donation-page form .row ul li label{width: auto; cursor: pointer; vertical-align: middle; display: inline-block; font-size: 14px; margin: 0; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
.donation-page form .row ul.prices{margin: 10px 0 0 0}
.donation-page form .row ul.prices li{background-color: #FFDF8A; padding: 5px 10px; height: 40px; vertical-align: middle; line-height: 24px; border: 3px solid #FFDF8A; transition: .25s; border-radius: 4px}
.donation-page form .row ul.prices li:last-child{margin: 0}
.donation-page form .row ul.prices li:hover{background-color: #FBD571; border: 3px solid #FBD571}
.donation-page form .row ul.prices li.active{background-color: #FFFFFF}
.donation-page form .row .edit-card-details{background-color: #F8F6F6; font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; padding: 15px 30px; display: inline-block; margin: 0 0 30px 0}
.donation-page form .row .edit-card-details i{margin: 0 0 0 10px; font-size: 20px; position: relative}
.donation-page form .row .edit-card-details.active i{transform: rotate(180deg); top: 3px}
.donation-page form .row .card-details{padding: 50px 35px 35px 35px; background-color: #F8F6F6; border-radius: 6px; max-width: 750px}
.donation-page form .row .card-details h3{margin: 0 0 30px 0}
.donation-page form .row .card-details p a{text-decoration: underline}
.donation-page form .row .card-details #card-element{border: 1px solid #D1CFCF; background-color: #FFFFFF; padding: 15px 10px}
.donation-page form .row .card-details #card-error{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #C84C4C; font-size: 15px; margin: 10px 0 0 0}
.donation-page form .row .card-details .details{margin: 30px 0 0 0}
.donation-page form .row .card-details .details li{display: block}
.donation-page form .row .card-details .details li label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817c7c; display: block; margin: 0 0 10px}
.donation-page form .row .card-details .details li p{font-size: 16px; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #E0B543; line-height: 20px}
.donation-page form .account-creation-container{padding: 30px 35px 10px 35px; background-color: #F6F4F4; border-radius: 6px; margin: 0 0 40px 0; max-width: 750px}
.donation-page form .account-creation-container h3{font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif; font-size: 28px; margin: 0 0 20px 0; color: #1B1A1A; line-height: 36px}
.donation-page form .account-creation-container .login{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1b1a1a; padding: 0 20px; background-color: #FFDF8A; display: inline-block; border-radius: 4px; transition: .25s; height: 40px; line-height: 40px; border: none; cursor: pointer}
.donation-page form .account-creation-container .login span{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 0; font-size: 13px; position: relative; top: -2px}
.donation-page form .account-creation-container .login:hover{background-color: #FBD571}
.english-page .donation-page form .account-creation-container .no-account-notice{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; margin: 20px 0; font-size: 13px; display: block}
.donation-page form .account-creation-container .row{margin: 40px 0 0 0}
.donation-page form .account-creation-container .row label{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; color: #817C7C; display: block; margin: 0 0 10px}
.donation-page form .account-creation-container .row input{width: 100%; height: 50px; padding: 0 0 0 10px; border: 1px solid #D1CFCF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 0 0 25px; outline: none}
.donation-page form .account-creation-container .row input.required{border: 1px solid #C84C4C}

.donation-page form .account-creation-container span.inscription{margin: 0;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
.donation-page form .account-creation-container span.inscription button{background-color: transparent;padding: 0;text-decoration: underline;}
.donation-page form .account-creation-container span.inscription button.login:hover{background-color: transparent;}
.donation-page form .account-creation-container .row.revamp{margin: 25px 0 0 0;}
.donation-page form .account-creation-container .row.revamp input{height: 45px;background: #fff;margin: 0 0 20px 0;}
.donation-page form .account-creation-container .row.revamp label{font-size: 16px;}
.donation-page form .account-creation-container .row.revamp .personal-col{display: flex; align-items: center; gap: 20px;}
.donation-page form .account-creation-container .row.revamp .personal-col .input-group{width: 50%;}
.donation-page form .account-creation-container .row.revamp div.eye{position: relative;}
.donation-page form .account-creation-container .row.revamp  i.toggle-password{font-size: 21px; position: absolute; right: 20px; top: 11px; cursor: pointer;}

.donation-page form .account-creation-container .row.revamp .select2-container--default .select2-selection--single .select2-selection__arrow b:before{right: -5px; top: -12px; font-size: 20px;}
.donation-page form .account-creation-container .row.revamp .select2-container--default .select2-selection--single .select2-selection__rendered{color: #000; font-size: 16px;position: relative;top: -2px;font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif;}
.donation-page form .account-creation-container .row.revamp .mobile_country_list_row .select2-container{margin: 0;width: 25% !important;}
.donation-page form .account-creation-container .row.revamp .mobile_country_list_row span.select2-selection.select2-selection--single{height: 45px;margin: 0;}
.donation-page form .account-creation-container .row.revamp .mobile_country_list_row span.selection{margin: 0;width: 100%;}
.donation-page form .account-creation-container .row.mobile_country_list_row{margin: 0;}

.donation-page form .account-creation-container .row.revamp  .mobile_country_list_row input.mobile_number_input{width: 72% !important;height: 43px;position: relative;top: 1px;font-size: 14px;}


.donation-page form .error{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; color: #C84C4C; font-size: 15px; margin: 0 0 20px 0; display: none}
.donation-page form .error a{text-decoration: underline}
.donation-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}
.donation-page .buttons a, .donation-page .buttons button{padding: 0 20px; height: 50px; line-height: 46px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; display: inline-block; text-align: center; background-color: #1B1A1A; color: #FFFFFF; border-radius: 3px; cursor: pointer}
.donation-page form .submit-donation.disabled{opacity: .5; cursor: default}
.donation-page form .submit-donation.disabled:hover{background-color: #1B1A1A !important; color: #FFFFFF !important}
.donation-page .no-account{border-top: 1px solid #D8D8D8; margin: 20px 0 0 0; padding: 40px 0; text-align: center}
.donation-page .no-account h2{font-size: 36px; color: #1B1A1A; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
.donation-page .no-account p{font-size: 18px; color: #817C7C; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; margin: 20px 0 0 0}
.donation-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-Regular, Helvetica, Arial, sans-serif; margin: 40px auto 0 auto}
/*End Donation 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: 220px}
header .desktop-header.litteraire .main-menu .inmenu-right-content{width: 340px}
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: 145px}
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.donation-banner{padding: 0 50px;}
.english-banner .upgrade-banner.donation-banner{padding: 10px 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.donation-banner .upgrade-article article figure{margin: 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 p{font-size: 18px; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; line-height: 24px; margin: 20px 0 0 0}
.upgrade-banner .details.christmas_banner p:nth-child(3){margin: 10px 0 0 0;}
.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.svg') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.upgrade-banner .logos .cdl{width: 120px; height: 30px; background: url('../images/cdl-logo.png') no-repeat center; background-size: contain; display: inline-block; vertical-align: middle}
.upgrade-banner .logos .today{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; width: 150px; height: 24px; display: inline-block; vertical-align: middle}
.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 article.main .article-content .text .upgrade-banner .main-container{padding: 0}
.article-page article.main .article-content .text .upgrade-banner .upgrade-article{display: none !important}
.article-page article.main .article-content .text .upgrade-banner .details{display: block; width: 100%}


/*Vote Diaspora Page*/
.vote-diaspora-page{margin: -40px 0}
.vote-diaspora-page .main-container{max-width: 960px}
.vote-diaspora-page .cover{height: 800px; background: url('../images/vote-diaspora/index-main-image_new.jpg') no-repeat center; background-size: cover; position: relative; margin: 0 0 30px 0}
.vote-diaspora-page .cover:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .5)}
.vote-diaspora-page .cover h1{font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 70px; top: 20%; position: absolute; color: #FFFFFF; text-align: center; z-index: 1; max-width: 1360px; left: 0; right: 0; padding: 0 40px; margin: auto}
.vote-diaspora-page .cover .cover_credits {position: absolute; bottom: 0; right: 0; color: white; font-size: 14px; z-index: 2; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; padding: 20px 40px}
.vote-diaspora-page .text h2{font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 25px; color: #1B1A1A; margin: 40px 0 20px 0}
.vote-diaspora-page .text p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 17px; color: #1B1A1A; margin: 0 0 30px 0}
.vote-diaspora-page .btn{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 13px; color: #FFFFFF; width: 220px; height: 35px; display: block; line-height: 32px; text-align: center; margin: auto; transition: .25s; -webkit-transition: .25s}
.vote-diaspora-page .btn.red{background-color: #E01A22; border: 1px solid #E01A22}
.vote-diaspora-page .btn.red:hover{color: #E01A22; background-color: transparent}
.vote-diaspora-page .btn.green{background-color: #12AA5C; border: 1px solid #12AA5C}
.vote-diaspora-page .btn.green:hover{color: #12AA5C; background-color: transparent}
.vote-diaspora-page .vote-steps{margin: 50px 0}
.vote-diaspora-page .vote-steps ul li{padding: 40px 0; font-size: 0}
.vote-diaspora-page .vote-steps ul li.step figure{display: inline-block; vertical-align: middle; position: relative}
.vote-diaspora-page .vote-steps ul li.step figure i{display: block; opacity: .15}
.vote-diaspora-page .vote-steps ul li.step .text{display: inline-block; vertical-align: middle}
.vote-diaspora-page .vote-steps ul li.step .text h2{font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 25px; color: #000000; margin: 0 0 20px 0}
.vote-diaspora-page .vote-steps ul li.step .text p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 17px; color: #000000; margin: 0 0 30px 0}
.vote-diaspora-page .vote-steps ul li.step .text p:last-child{margin: 0}
.vote-diaspora-page .vote-steps ul li.step-1{background-color: #FCE5D1}
.vote-diaspora-page .vote-steps ul li.step-1 figure:before{content: '1'; position: absolute; font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 40px; color: #FCE5D1; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; text-align: center; background-color: #000000; font-style: normal; right: -20px; top: 20px}
.vote-diaspora-page .vote-steps ul li.step-1 figure i{width: 200px; height: 250px; background: url('../images/vote-diaspora/vote-step-1-image.png') no-repeat center; background-size: contain}
.vote-diaspora-page .vote-steps ul li.step-1 .text{width: calc(100% - 240px); margin: 0 0 0 40px}
.vote-diaspora-page .vote-steps ul li.step-1 .text p{padding: 0 165px 0 0}
.vote-diaspora-page .vote-steps ul li.step-2{background-color: #FDD6B2}
.vote-diaspora-page .vote-steps ul li.step-2 figure i{width: 180px; height: 235px; background: url('../images/vote-diaspora/vote-step-2-image.png') no-repeat center; background-size: contain}
.vote-diaspora-page .vote-steps ul li.step-2 .text{width: calc(100% - 220px); margin: 0 40px 0 0; position: relative; padding: 0 0 0 70px}
.vote-diaspora-page .vote-steps ul li.step-2 .text:before{content: '2'; position: absolute; font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 40px; color: #FDD6B2; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; text-align: center; background-color: #000000; font-style: normal; top: -15px; left: 0}
.vote-diaspora-page .vote-steps ul li.step-2 .text p{padding: 0 70px 0 0}
.vote-diaspora-page .vote-steps ul li.step-3{background-color: #FCC697}
.vote-diaspora-page .vote-steps ul li.step-3 figure:before{content: '3'; position: absolute; font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 40px; color: #FCC697; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; text-align: center; background-color: #000000; font-style: normal; right: 5px; top: -12px}
.vote-diaspora-page .vote-steps ul li.step-3 figure i{width: 350px; height: 200px; background: url('../images/vote-diaspora/vote-step-3-image.png') no-repeat center; background-size: contain}
.vote-diaspora-page .vote-steps ul li.step-3 .text{width: calc(100% - 390px); margin: 0 0 0 40px}
.vote-diaspora-page .voters-list{background-color: #D0EEDE; padding: 40px 0; margin: 45px 0 0 0; position: relative}
.vote-diaspora-page .voters-list .main-container{position: relative; z-index: 2}
.vote-diaspora-page .voters-list .bg{position: absolute; width: 60%; height: 125px; background: url('../images/vote-diaspora/voters-list-bg.png') repeat-x center left; background-size: contain; right: 0; bottom: 0; z-index: 1}
.vote-diaspora-page .voters-list h2{margin: 0 0 20px 0}
/*End Vote Diaspora Page*/


/*Videos Page*/
.article-video-1{margin: 0 10px 25px;padding: 0 0 25px;width: calc(100% - 20px);}
.article-video-1 .featured-video-1 .content{position: relative;height: 100%;}
.article-video-1 figure{height: 585px;position: relative;}
.homepage .article-video-1{border-bottom: 1px solid #D1CFCF}
.homepage .article-video-1 figure{height: 460px}
.article-video-1 figure:before{content: ''; position: absolute; width: 80px; height: 80px; background: url('../images/play-icon-white.png') no-repeat center; background-size: contain; top: 30px; right: 30px; margin: auto; z-index: 1}
.article-video-1 figure:after{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%}
.article-video-1 figure .details .upper-box{padding: 35px;position: relative; z-index: 1}
.article-video-1 figure .details .upper-box h4{font-family: AktivGroteskEx-Medium,Helvetica,Arial,sans-serif;font-size: 13px; color: #FFFFFF; text-transform: uppercase}
.article-video-1 figure .details .upper-box p{font-family: AktivGroteskEx-regular,Helvetica,Arial,sans-serif;font-size: 15px; color: #FFFFFF;width: 485px; line-height: 20px; margin: 5px 0 20px 0}
.homepage .article-video-1 figure .details .upper-box .article-summary{display: none}
.article-video-1 figure .details .article-info p{font-family: AktivGroteskEx-regular,Helvetica,Arial,sans-serif;font-size: 15px; color: #FFFFFF;}
.article-video-1 figure .details h2{padding: 30px; font-family: PoynterOSDisp-bold,Helvetica,Arial,sans-serif; font-size: 35px; line-height: 40px; position: absolute;bottom:0; color:#FFFFFF;font-weight:400; z-index: 1}

.video-dynamic-section {background-color: #F1E7E7;padding: 20px 15px 40px 15px; margin: 0 10px 25px 10px; width: calc(100% - 20px)}
.video-dynamic-section .container{position: relative}
.video-dynamic-section .container figure{width: 235px;display: inline-block; height: 170px; position: relative}
.video-dynamic-section .container figure:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/play-icon-white.png') no-repeat center; background-size: contain; width: 35px; height: 35px; margin: auto; z-index: 1}
.video-dynamic-section .container figure:after{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%}
.video-dynamic-section .container .details{width: calc(100% - 250px);display: inline-block;vertical-align: top;margin: 0 0 0 15px}
.video-dynamic-section .container .details h2{font-family: AktivGrotesk-Bold,Helvetica,Arial,sans-serif;font-size: 16px;margin-bottom: 10px; text-transform: uppercase}
.video-dynamic-section .container .details p{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 17px; color: #757070}
.video-dynamic-section .container .article-title{padding: 20px 100px 20px 0}
.video-dynamic-section .container .article-title h2{font-family: PoynterOSDisp-bold,Helvetica,Arial,sans-serif; font-size: 25px; line-height: 33px;}
.video-dynamic-section .container .line-button{border-top:1px solid #000000}
.video-dynamic-section .container .line-button .end-button{color:#FFFFFF; background-color: #000000;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size:16px; padding:7px 10px; float:right;position:relative;top:-19px; left: 15px}
.video-dynamic-section .category-name{color:#FFFFFF; background-color: #000000;font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size:16px; padding:7px 10px; float:right;position:relative;display:none}

.article-page article.main .article-content .text .noReload.embed.inlineVideo iframe, .article-page article.main .article-content .text iframe{width: 100%; min-height: 400px}
/*End Videos Page*/

/* Agenda Culturel Page */
.agenda-culturel-page .main-container{max-width: 1580px}
.agenda-culturel-page .main-container iframe{height: calc(100vh - 135px); border: none}
/* End Agenda Culturel Page */

/*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.today-footer .logo-container a{letter-spacing: 1.5px}
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.today-footer .logo-container a figure{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain}
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, footer ul.main > li > ul > li .footer-section-title{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!important; display: block; height: 40px; margin: 25px 0 0 0; border: 1px solid #FFDF8A; transition: .25s; border-radius: 4px; line-height: 36px; color: #232222}
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 .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*/


.homepage section.sponsored-articles .tooltip{float: right; margin: 10px 10px 0 0; position: relative}
.homepage section.sponsored-articles .tooltip span{display: block; width: 25px; height: 25px; border: 2px solid #AFAFAF; color: #AFAFAF; font-size: 18px; text-align: center; border-radius: 50%}
.homepage section.sponsored-articles .tooltip p{position: absolute; font-size: 14px; font-family: AktivGrotesk-Medium, Helvetica, Arial, sans-serif; right: -175px; width: 355px; top: 40px; background-color: #FFFFFF; padding: 12px 15px; box-shadow: 0px 5px 20px rgba(0, 0, 0, .1); z-index: 1; margin: auto; border-radius: 10px; opacity: 0; visibility: hidden; transition: .25s}
.homepage section.sponsored-articles .tooltip:hover p{opacity: 1; visibility: visible}


/* Archives Index Page */
.archives-index-page form.search{position: relative}
.archives-index-page form.search.loading:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(248, 246, 246, .5)}
.archives-index-page form.search .row label{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 18px; color: #1B1A1A}
.archives-index-page form.search .row ul{display: grid; grid-template-columns: repeat(9, calc((100% - 120px) / 9)); gap: 10px 15px}
.archives-index-page form.search .row ul li a{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 14px; color: #1B1A1A; border: 1px solid #D1CFCF; display: block; display: block; text-align: center; height: 30px; line-height: 28px; border-radius: 4px; transition: .25s; background-color: #FFFFFF}
.archives-index-page form.search .row ul li a:hover, .archives-index-page form.search .row ul li a.active{background-color: #FFDF8A; border: 1px solid #FFDF8A}
.archives-index-page form.search .row.month ul{grid-template-columns: repeat(6, calc((100% - 75px) / 6))}
.archives-index-page .search-results .row.loading{text-align: center; font-size: 50px}
.obfuscated-link{cursor: pointer}
/* End Archives Index Page */


/* Keywords Page */
.keywords-page .section-title .search-component{float: right; margin: 30px 0 0 0; padding: 0 10px 0 0; position: relative}
.keywords-page .section-title .search-component input{border: none; border-bottom: 1px solid #D1CFCF; height: 35px; outline: none; padding: 0 30px 0 0}
.keywords-page .section-title .search-component i{font-size: 24px; color: #1B1A1A; margin: 0 0 0 12px; position: absolute; right: 10px}
.keywords-page .keywords-list{padding: 0 10px}
.keywords-page .keywords-list li{display: inline-block; width: calc(20% - 30px); margin: 0 calc(150px / 4) 30px 0; vertical-align: top}
.keywords-page .keywords-list li:nth-child(5n){margin: 0 0 30px 0}
.keywords-page .keywords-list li h3{font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 30px; color: #1B1A1A; margin: 0 0 20px 0}
.keywords-page .keywords-list li .keyword-title{font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; font-size: 16px; color: #1B1A1A; display: block; margin: 0 0 5px 0; word-wrap: break-word}

/* End Keywords Page */


@media only screen and (max-width : 1680px) {
    .boutique-countries-list{padding: 60px 100px}
}


@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 .main-menu .inmenu-right-content .button.donate{width: 145px}
    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 .toggle-menu{width: 35px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content{width: 290px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .button{width: 120px; font-size: 11px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .loggedin{width: 40px}
}
@media only screen and (min-width: 1441px) and (max-width: 1625px){
    header .desktop-header.cooking .main-menu nav ul.main > li > a{font-size: 13px;padding: 0 10px;}
    header .desktop-header.cooking .main-menu .inmenu-right-content .button{width: 90px;font-size: 12px;}
    header .desktop-header.cooking .main-menu .inmenu-right-content .login{margin: 0 10px 0 0;}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{font-size: 16px;left:-3px}
}

@media only screen and (max-width : 1440px) {
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 20px 13px 20px 15px; width:140px}
    header .desktop-header.pages-header.cooking .main-menu .inmenu-left-content .logo{width: 110px;margin: 20px 10px 20px 10px;}
    header .desktop-header .main-menu .inmenu-left-content{width: 175px}
    header .desktop-header.cooking .main-menu .inmenu-left-content{width: 125px;}
    header .desktop-header.litteraire .main-menu .inmenu-left-content{width: 175px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{font-size: 12px; padding: 0 8px 0 14px !important}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li > a{font-size: 11px;padding: 0 7px 0 11px !important;}
    header .desktop-header.cooking .main-menu nav ul.main > li.has-sub > a:before{font-size: 14px;}
    header.today-header .pages-header .main-menu nav ul.main > li > a{padding: 0 10px}
    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.cooking .main-menu .inmenu-right-content .button{width: 85px;font-size: 11px;}
    header .desktop-header .main-menu .inmenu-right-content .button.donate{width: 145px}
    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.pages-header.litteraire .main-menu .inmenu-left-content .logo{width: 150px}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes{margin: 0 0 0 10px;}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a{padding: 5px 10px !important;}

    .boutique-countries-list{padding: 60px 50px}
}

@media only screen and (max-width : 1350px) {
    header.christmas-donation-2022-header .desktop-header .main-menu nav ul.main > li > a { font-size: 15px; padding: 0 15px;}
}

@media only screen and (max-width : 1280px) {
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 0}
    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: 2px}
    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 8px}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 2px 0 12px}
    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}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .button{width: 120px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .loggedin{width: 40px}

    .boutique-countries-list{padding: 60px 30px}
    .boutique-countries-list ul li{width: 16.66%}
}

@media only screen and (max-width : 1200px) {

    /*100 ans minisite*/
    header .mobile-header.le-siecle .top-menu .logo.le_siecle{width: 80px;height: 40px;background: url('../images/le_siecle_logo.jpg?2') no-repeat center;background-size: contain;display: inline-block;margin: 0 0 0 10px;position: relative;top: -5px;}
    header .mobile-header.le-siecle .top-menu .toggle-mobile-menu{width: 25px;height: 12px;background: url(../images/icons-sprite.png?1) no-repeat -57px -3px;background-size: 78px;display: inline-block; position: relative;top: -16px}
    header .mobile-header.le-siecle .mobile-menu .menu-head .logo.le_siecle{width: 80px;height: 45px;background: url('../images/le_siecle_logo.jpg?2') no-repeat center;background-size: contain;display: inline-block;margin: 0 0 0 13px; position: relative; top: -8px;}
    header .mobile-header.le-siecle .mobile-menu .menu-head .close{position: relative; top: -18px;}
    .thematique-page .thematique-categories .article-4 figure{height: 96px;}
    header.fixed .desktop-header .main-menu nav ul.main li.le_siecle img.le_siecle_logo{height: 30px; margin: 2px 0 0 0;}

    header.fixed .desktop-header.le-siecle .main-menu .inmenu-left-content{width: fit-content;}
    .homepage.le-siecle .main-container.themes .main-column .article-4 figure{height: 96px;}

    .thematique-page .thematique-categories{margin: 25px 0 0 0;}
    .thematique-page .intro p{line-height: 28px;}

    /*end 100 ans minisite*/

    header .desktop-header.pages-header .main-menu .toggle-menu{width: 40px}
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{height: 22px; margin: 23px 8px 23px 10px ; width: 110px;}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu .inmenu-left-content .logo{height: 60px;}
    header .desktop-header .main-menu .inmenu-left-content{width: 180px}
    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: 11px}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li > a{font-size: 10px;}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes{margin: 0;}
    header.today-header .pages-header .main-menu nav ul.main > li > a{padding: 0 10px}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 3px; font-size: 16px}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li.has-sub > a:before{left: 2px;font-size: 13px;}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{left: 0}
    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: 220px}
    header .desktop-header.merch-boutique .main-menu .inmenu-right-content{width: 250px;}
    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: 20px; height: 20px}
    header .desktop-header .main-menu .inmenu-right-content .button{width: 90px; font-size: 12px}
    header .desktop-header.cooking .main-menu .inmenu-right-content .button{width: 80px;font-size: 10px;}
    header .desktop-header .main-menu .inmenu-right-content .button.donate{width: 120px; font-size: 11px}
    .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.litteraire .main-menu .inmenu-right-content{width: 245px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content{width: 160px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .button{width: 105px; font-size: 10px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .loggedin{width: 40px}
    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: 12px}
    .myaccount-pages .right-column .card-details .expiry-date input{width: 134px}
    .article-page article.main .article-content .social-share-container{left: -45px}

    header.english-header .desktop-header .main-menu .inmenu-right-content .button.christmas_btn{width: 120px;}
    /* header.english-header.today-header.fixed .desktop-header .main-menu .inmenu-right-content .button.christmas_btn{width: 85px;} */
}

@media only screen and (max-width : 1120px) {
    header.christmas-donation-2022-header .desktop-header .main-menu nav ul.main > li > a { font-size: 13px; padding: 0 12px;}
}

@media only screen and (max-width : 1090px) {
    header .submenu-keywords span{font-size: 12px;padding: 10px 10px 10px 6px}
}
@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}
    .main-container.header_recipe{padding: 0;}
    .merch-boutique-page .main-container{padding: 0 20px;}
    .article-page .main-container{padding: 0 40px}
    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: 100px}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content .logo{width: 95px; margin: 24px 0 24px 3px}
    .header-strip.card-notice .main-container{max-width: 820px}

    header .submenu-keywords .main-container{padding: 0 20px;}
    header .submenu-keywords ul{width: 85%;}
    header .submenu-keywords .main-container .keywords{justify-content: space-between;}
}

@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.today-header .pages-header .main-menu nav ul.main > li > a{padding: 0 10px}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 5px}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li.has-sub > a:before{left: 0px;font-size: 12px;}
    header.english-header.fixed .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 0px}
    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}
    header.christmas-donation-2022-header .desktop-header .main-menu nav ul.main > li > a { font-size: 12px;}
    .myaccount-pages .right-column .card-details .expiry-date input{width: 128px}
}

@media only screen and (max-width: 960px) and (min-width: 768px){
    .article-page article.main .article-content .live-video iframe{height:387px}
    .article-1 .live-video-article-card iframe{height:387px}

    .homepage.recipe .main-container .recipe_categories{height: 52px;padding: 10px 0;}
    .homepage.recipe .main-container .recipe_categories a.recipe_category{font-size:12px;line-height: 20px;padding: 5px 15px;}
    .header_cooking_image{height: 55px;}
    header .homepage-header .submenu-keywords .main-container{padding: 0 40px;}
    header .mobile-header .submenu-keywords{display: none;}
    /*le siecle*/
    header .desktop-header .main-menu nav ul.main li.le_siecle a img.le_siecle_logo{width: 80px; height: 35px; margin: 7px 0 0 0;}
    header .desktop-header .logo-container .logo.le_siecle figure{height: 40px;}
    header .desktop-header.pages-header .main-menu nav{width: calc(100% + 10px)}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu .inmenu-left-content .logo{height: 35px;}
    header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 160px}
    header .desktop-header.pages-header .main-menu .toggle-menu a{padding: 17px 0 13px 0}
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 15px 0 10px 5px; width: 150px; height: 22px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{line-height: 34px; font-size: 13px}

    header .desktop-header .main-menu nav ul.main > li.elections-link > a{width: 130px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0 !important}

    .results-container.expand .main-container{padding: 0 30px 40px 30px !important}
    .results-container .main-container .stats .main-column, .results-container .main-container .sidebar{display: inline-block}

    header.english-header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{top: 1px !important; line-height: initial}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 5px !important; top: 1px !important;}
    .delete_account_popup form{width: 55%;}
    header.english-header .desktop-header .main-menu nav ul.main>li.has-sub.guerre_hamas>a:before{font-size: 31px !important; left: -12px !important; top: 0px !important;}
    header .desktop-header .main-menu nav ul.main>li.has-sub.guerre_hamas>a:before{font-size: 32px !important; left: -12px !important; top: 0px !important;}
    header .desktop-header .main-menu nav ul.main>li.has-sub.guerre_hamas>a{padding: 0 8px 0 0 !important;}
    header .desktop-header .top-menu .container{padding: 0 30px}
    header .desktop-header .logo-container{padding: 25px 20px}
    header.today-header .desktop-header .logo-container{padding: 15px 20px}
    header .desktop-header .logo-container .logo{width: 250px; height: 38px; margin: 0 0 0 15px; font-size: 0}
    header .desktop-header .logo-container .logo.flip{width: 205px;}
    header .desktop-header .logo-container .logo video{height: 90px; position: relative; top: -24px;}
    header .desktop-header .logo-container .logo figure{height: 38px; margin: 0}
    header.today-header .desktop-header .logo-container .logo{height: 72px; font-size: 10px; letter-spacing: 1.5px}
    header .desktop-header .top-menu .container ul li a{font-size: 11px}
    header .desktop-header .logo-container .buttons{top: 0}
    header .desktop-header .logo-container .buttons a{width: 100px; height: 30px; font-size: 12px; line-height: 28px}
    header .desktop-header .logo-container .buttons .login{width: 30px; height: 30px; border-radius: 50%; background-color: #E8E8E8; font-size: 0; background-image: url('../images/login-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 15px}
    header .desktop-header .main-menu .container{padding: 0}
    header .desktop-header.homepage-header .main-menu .toggle-menu{width: 135px}
    header .desktop-header .main-menu .toggle-menu a{text-align: center; padding: 15px 0}
    header .desktop-header .main-menu nav{width: calc(100% - 135px); height: 50px}
    header .desktop-header.homepage-header .main-menu .search{display: none}
    header .desktop-header .main-menu{height: 50px}
    header .desktop-header .main-menu nav ul.main{height: 50px}
    /* header.english-header .desktop-header .main-menu nav ul.main{position: relative; top: -5px;} */
    header.english-header.fixed .desktop-header .main-menu nav ul.main{top: 0px;}
    header .desktop-header .main-menu nav ul.main > li > ul{padding: 10px; top: 48px}
    header .desktop-header .main-menu nav ul.main > li > ul > li{line-height: 22px}
    header .desktop-header .main-menu nav ul.main > li > a{font-size: 13px; line-height: 46px}
    header.christmas-donation-2022-header .desktop-header .main-menu nav ul.main > li > a { font-size: 11px; padding: 8px;}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: initial; position: relative; margin: 0 10px 0 0}
    header .desktop-header .main-menu nav ul.main > li:last-child > ul, header .desktop-header .main-menu nav ul.main > li:nth-last-child(2) > ul{left: initial; right: 0}
    header .desktop-header .main-menu nav ul.main > li > ul li a{font-size: 14px}

    header .desktop-header .sub-menu{overflow-x: scroll; padding: 12px 0}
    header .desktop-header .sub-menu ul{width: 1150px}
    header .desktop-header .sub-menu ul > li{text-align: center; padding: 0 15px}
    header .desktop-header .sub-menu ul > li figure{width: 75px; height: 75px}
    header .desktop-header .sub-menu ul > li a{display: inline-block; text-align: left}
    header .desktop-header .sub-menu ul > li .title, header .desktop-header .sub-menu ul > li p{font-size: 13px; line-height: 17px; padding: 0 0 0 95px}
    header .desktop-header .sub-menu ul > li > ul{width: auto}
    header .desktop-header .sub-menu ul > li > ul > li{text-align: left}
    header .desktop-header .sub-menu ul > li p{margin: 0}


    header .desktop-header .main-menu .inmenu-right-content{position: absolute; top: 0; right: 15px; padding: 10px 0; margin: 0}
    header .desktop-header.litteraire .main-menu .inmenu-right-content{padding: 8px 0}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search{display: none}
    header .desktop-header .main-menu .inmenu-right-content .button{width: 100px; height: 30px; font-size: 12px; line-height: 28px}
    header .desktop-header .main-menu .inmenu-right-content .login{width: 30px !important; height: 30px !important; border-radius: 50%; background-color: #E8E8E8; font-size: 0; background-image: url('../images/login-icon.png'); background-repeat: no-repeat; background-position: center; background-size: 15px}
    header.fixed .desktop-header .main-menu .container, header .desktop-header.pages-header .main-menu .container{padding: 0 15px}
    header .desktop-header.pages-header .main-menu{height: auto}
    header .desktop-header.pages-header .main-menu .toggle-menu{border-right: none}
    header .desktop-header.pages-header .main-menu .toggle-menu a{padding: 15px 0}
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 12px 0 15px 5px}
    header .desktop-header.pages-header .main-menu nav{width: calc(100% + 30px); height: 50px; margin: 0 -15px; border-top: 1px solid #D8D8D8}
    header .desktop-header.pages-header .main-menu nav ul.main > li > ul{top: 39px}
    header .desktop-header.pages-header .main-menu nav ul.main > li:after{bottom: -1px}
    header .desktop-header .main-menu nav ul.main > li:after{bottom: 1px}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{line-height: 34px; font-size: 15px}


    header .mobile-header{display: block}
    header .mobile-header .top-menu, header .mobile-header .sub-menu{display: none}


    header .desktop-header .header-search-container{display: none}
    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.today-header .mobile-header .mobile-menu .menu-head .logo{height: 22px; background: url('../images/today-logo.png?1') no-repeat center; background-size: contain}
    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; 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 .back-to-homepage{font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 20px 0; display: block}
    header .mobile-header .mobile-menu .back-to-homepage i{width: 18px; height: 18px; display: inline-block; background: url('/assets/images/back-homepage-icon.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; top: 2px; position: relative}
    header .mobile-header .mobile-menu ul.main{border-top: 1px solid #D1CFCF}
    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 > 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}

    .main-container{padding: 0 30px}

    .sidebar, .pdf-pages .sidebar{display: none; width: 100%; margin: 20px 0}
    .category-page .sidebar, .article-page .sidebar, .editorials-page .sidebar, .pdf-pages .sidebar, .archives-page .sidebar, .annonces-page .sidebar, .emploi-page .sidebar, .caricature-page .sidebar, .horoscopes-page .sidebar, .jeux-page .sidebar, .search-page .sidebar, .meteo-page .sidebar{display: block}
    .annonce-post-page .sidebar{display: block; width: calc(100% - 25px); margin: 40px 15px}
    .article-page .sidebar.desktop{display: none}
    .article-page .recruitment-component{margin: 0 0 40px 0}
    .main-column{width: 100%; display: block}
    .article-3 .content figure{height: 146px}
    .article-3 .article-card-title{font-size: 19px; line-height: 22px; max-height: 110px}
    .article-3 .content .details h2.article-card-title{font-size: 19px; line-height: 22px; max-height: 110px}
    .article-3.no-image .article-card-title{font-size: 25px; line-height: 30px; max-height: 152px}

    .videos-page .article-3.video, .homepage section.videos .article-3.video{height: 300px}
    .videos-page .article-3.video .content .details h2, .homepage section.videos .article-3.video .content .details h2{max-height: 65px}
    .article-3.extended .article-card-title{max-height: 110px}
    .article-3 .content .details p{display: none}
    .article-3.extended, .article-3{height: 365px}
    .article-3.no-image .content .details h2{font-size: 25px; line-height: 30px; max-height: 152px}

    .article-4 .content h2{line-height: 22px; max-height: 110px}
    ul.articles-list li h2{line-height: 22px; max-height: 68px}

    .homepage .file{padding: 35px}
    .homepage .file a .container{min-height: 560px; padding: 25px}
    .homepage .file a .container .title{width: calc(100% - 100px); bottom: 25px}
    .homepage .file a .container h2{width: 100%}
    .homepage .file a .container .dossier-title{width: 100%}
    .homepage .file a .container i{width: 70px; height: 70px}


    .article-page .main-container{padding: 0 30px}
    .article-page .social-share-container.desktop{display: none}
    .article-page article.main .article-content .social-share-container.mobile{display: block !important; position: relative; left: 0; margin: 20px 0 15px 0}
    .article-page article.main .article-content .social-share-container.mobile ul li{display: inline-block; margin: 0 10px 0 0}
    .article-page article.main h1, .article-page article.main .summary{padding: 0}
    .article-page article.main h1, .article-diapo article.main .article-info > div h1{font-size: 46px}
    .article-page article.main .article-content .social-share-container{left: -40px}
    .article-diapo article.main .article-image{height: 680px}
    .article-diapo article.main .article-info{width: 100%}
    .article-diapo article.main .article-content .image-container{margin: 0 0 30px 0; padding: 0}
    .article-diapo article.main .article-content .image-container.caption-next-to .inlineImage{max-width: 100% !important}
    .article-diapo article.main .article-content .image-container .caption{width: 100% !important; margin: 0 !important; max-width: initial !important}
    .article-diapo article.main .article-content .image-container.caption-next-to .caption .description{margin: 20px 0 0 0}
    .article-diapo article.main .article-content .image-container.caption-next-to .caption .description:before{content: '\f0d8'; top: 0}
    .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}
    .featured .article-1.diapo, .featured .article-2.diapo{width: calc(100% - 20px); float: none; margin: 0 10px 25px 10px; height: auto}
    .featured .article-2.diapo .content .details{height: auto; padding: 20px 20px 40px 20px}
    .featured .article-2.diapo .content .details h2{line-height: 40px; font-size: 35px; max-height: initial}
    .featured .article-2.diapo .content{width: 100%}
    .article-2.diapo{height: 400px}
    .article-2.diapo .content .details{height: 175px}

    .article-page.recipe .gallery{padding: 20px}
    .article-page.recipe .gallery .navigate-container .navigate{width: 35px; height: 35px; font-size: 24px; line-height: 30px}
    .article-page.recipe .gallery .navigate-container .close{width: 35px; height: 35px; background-size: 20px; margin: 0 0 0 25px}
    .article-page.recipe .gallery .images li img{width: 100%}
    .article-page.recipe .gallery .images li .caption{margin: 5px 0 0 0; width: 100%}
    .article-page.recipe .gallery .images li .caption .counter{font-size: 18px}
    .article-page.recipe .gallery .images li .caption .description{font-size: 16px; line-height: 24px}
    .article-page.recipe .gallery .images li .caption .name{font-size: 16px}

    h1.page-title{font-size: 42px}
    .category-page h1{font-size: 40px}
    .dossier-page section .article-4{height: 365px}
    .dossier-page section .article-4 figure{height: 146px}


    .newsletters-page .newsletters .newsletter{float: none; width: 100%; min-height: initial}
    .newsletters-page .newsletters .newsletter .content{min-height: initial}
    .newsletters-page .newsletters .newsletter .content .email-container{position: relative; left: initial; bottom: initial; width: 100%; margin: 30px 0 0 0}
    .newsletters-page .newsletters .newsletter.active .content .email-container{margin: 80px 0 0 0;}
    .newsletters-page .newsletters .newsletter.active .content span.subscribe{display: none;}
    .newsletters-page .newsletters .newsletter.active .content span.subscribe.ipad{bottom: 110px;display: block;color: #dd3b31;}
    .newsletters-page .newsletters .newsletter.active .content p{padding: 0 0 50px 0;}
    .newsletters-page .newsletters .newsletter .content .newsletter-preview{position: relative; bottom: initial; margin: 30px 0 0 0}

    .pdf-pages .main-column{width: 100%}
    .mobile-slider-menu{overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none}
    .mobile-slider-menu::-webkit-scrollbar{display: none}

    .annonces-page .mobile-slider-menu{margin: 20px 0 20px 10px; height: 35px; padding: 0}
    .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}


    .dossier-page .file-details .title h1{font-size: 50px; line-height: 50px; padding: 12px 0 12px 185px}

    .static-pages h1{font-size: 38px}

    .homepage .newsletter-box .background{width: 215px; height: 215px}
    .homepage .newsletter-box .details{width: calc(100% - 215px)}
    .subscribe-box-1 .background{display: none}
    .subscribe-box-1 .details{width: 100%; padding: 0 40px}

    .boutique-page .items-page ul.items{width: 100%; margin: 40px 0 0 0}
    .boutique-page .items-page ul.items li{width: 100% !important; margin: 0 0 40px 0; top: initial}
    .boutique-page .items-page ul.items li.premium{width: 100%}
    .boutique-page .items-page ul.items li .content{min-height: initial}
    .boutique-page .items-page .reasons-container{height: auto; margin: 20px 0 60px 0}
    .boutique-page .items-page .reasons-container .reasons{display: block; width: 100%; margin: 0 0 40px 0}
    .boutique-page .items-page .reasons-container .contact{display: block; width: 100%}
    .boutique-payment-page .main-container .product-info-container{width: 100%; display: block}
    .boutique-payment-page .main-container .payment-form{width: 100%; display: block; margin: 25px 0 0 0}
    .boutique-payment-page .main-container .product-info .mobile{display: block !important}

    .boutique-payment-page .main-container .product-info ul{display: none}
    .boutique-payment-page .main-container .product-info a{font-size: 12px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 40px 0 0 0}
    .boutique-payment-page .main-container .product-info a:after{content: ''; width: 12px; height: 6px; display: inline-block; background: url('/assets/images/arrow-down-grey.png') no-repeat center; background-size: contain; margin: 0 0 0 10px; transition: .3s}
    .boutique-payment-page .main-container .product-info a.active:after{transform: rotate(-180deg)}
    .boutique-payment-page .main-container .product-info ul li.name{display: none}
    .boutique-page .info-page .main-container{padding: 0 30px}
    .boutique-page .info-page .support-reasons ul li{margin: 0 0 60px 0}
    .boutique-page .info-page .support-reasons ul li figure{height: 525px; width: 100%}
    .boutique-page .info-page .support-reasons ul li figure.desktop{display: none !important}
    .boutique-page .info-page .support-reasons ul li figure.mobile{display: block !important}
    .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: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 .support-reasons h2, .boutique-page .info-page .subscribe-reasons h2{font-size: 32px; line-height: 40px}
    .boutique-page .info-page .subscribe-reasons ul li{margin: 0 0 25px 0; min-height: initial}
    .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}
    .mobile_country_list_row .select2-container--default .select2-selection--single .select2-selection__arrow {top: 9px; right: 10px}




    .myaccount-pages .left-column{margin: 20px auto}
    .myaccount-pages .left-column, .myaccount-pages .right-column{width: 100%; display: block}
    .myaccount-pages .left-column .account-menu-toggle.mobile{display: block !important; height: 42px; width: 100%; background-color: #F6F4F4; font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif; font-size: 14px; padding: 12px; border: 1px solid #D8D8D8; border-radius: 6px}
    .myaccount-pages .left-column .account-menu-toggle i{float: right; font-size: 26px; color: #ADA5A5; line-height: 18px; transition: .25s}
    .myaccount-pages .left-column .menu li a{padding: 12px}
    .myaccount-pages .left-column .menu li a.active{background-color: #FFFFFF; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
    .myaccount-pages .left-column .menu{display: none}
    .myaccount-pages .help.desktop{display: none}
    .myaccount-pages .help.mobile{display: block !important}
    .myaccount-pages .right-column .card-notice{margin: 20px 0}

    .paywall{padding: 25px 70px}

    header .desktop-header.litteraire .main-menu nav ul.main > li > a, header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > a{padding: 0 5px; font-size: 13px}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a, header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li.has-sub > a{padding: 0 5px 0 0}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{vertical-align: middle; top: -2px}
    header .desktop-header.litteraire .main-menu nav ul.main > li.has-sub > a:before{margin: 0 7px 0 0}
    header .desktop-header.pages-header.litteraire .main-menu .inmenu-left-content .logo{width: 135px; margin: 12px 0 12px 3px}
    header .desktop-header.litteraire .main-menu .inmenu-right-content .login{width: 30px; font-size: 0}
    header .desktop-header.pages-header.litteraire .main-menu nav ul.main > li > ul li a{font-size: 13px}
    .homepage.litteraire .litteraire-issue-calendar, .homepage.litteraire .litteraire-pdf-container{display: block !important}
    .litteraire-issue-calendar .list .selected.has-items:after{top: 8px}

    footer{padding: 50px 10px}
    footer .logo-container{display: block; width: 100%; margin: 0 0 40px 0; text-align: left}
    footer .logo-container a figure{display: inline-block; margin: 0 25px 0 0; vertical-align: middle}
    footer .logo-container a span{display: inline-block; vertical-align: middle}
    footer ul.main{display: block; width: 100%}
    footer ul.main > li{border-left: none}
    footer ul.main > li:first-child{padding: 0 20px 0 0}
    footer ul.main > li:last-child{padding: 0 0 0 20px}
    footer ul.main > li > ul{min-height: 225px}
    footer .copyrights{margin: 30px 0 20px 0; padding: 25px 0 0 0}

    .donation-page form .row ul.prices li:nth-child(4){margin: 0 10px 0 0}

    section.sponsored-articles .section-title .title i{margin: 0 0 0 8px}
    .homepage section.sponsored-articles .tooltip{margin: 2px 10px 0 0}
    .homepage section.sponsored-articles .tooltip p{right: 0}
    .donation-page form .account-creation-container .row.revamp label{font-size: 14px;}
    .donation-page form .account-creation-container .row.revamp .select2-container--default .select2-selection--single .select2-selection__arrow b:before{font-size: 17px;top: -7px;}
    .donation-page form .account-creation-container .row.revamp .mobile_country_list_row input.mobile_number_input{width: calc(75% - 20px) !important;}


    .keywords-page .keywords-list li{width: calc(33.33% - 30px); margin: 0 calc(90px / 2) 30px 0}
    .keywords-page .keywords-list li:nth-child(3n){margin: 0 0 30px 0}
}

@media only screen and (max-width : 767px) {
    .article-page article.main .article-content .live-video iframe{height:190px}
    .article-1 .live-video-article-card iframe{height:190px}
    .poll-component{margin: 0 auto 25px auto;}
    .poll-component .header > div h4{font-size: 14px;}
    header .submenu-keywords{background-color: #fff;}


    /*cooking mini site*/
    header.recipe_header.fixed ~ .page.homepage{padding: 70px 0 0 0;}
    .header_cooking_image{height: 55px;}
    .inside-page.recipe{padding: 0;}
    header .mobile-header.cooking .sub-menu nav ul{width: 680px;}
    header .mobile-header .sub-menu nav ul li.carnet_recettes a{background-color: #94C2AE;color: #fff;border-radius: 50px;display: inline-block;padding: 0;width: 34px;height: 34px;position: relative;}
    header .mobile-header .sub-menu nav ul li.carnet_recettes a img{width: 16px;height: 16px;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
    header .mobile-header .mobile-menu ul.main > li.carnet_recettes a{background-color: #94C2AE;color: #fff;border-radius: 50px;display: inline-block;padding: 8px 16px;margin: 0 0 5px 0;}
    header .mobile-header .mobile-menu ul.main > li.carnet_recettes a img{width: 15px;height: 15px;object-fit: contain;position: relative;top: 3px;left: 3px;}
    .article-page.recipe article.main h1{font-size: 32px;line-height: 37px;}
    .article-page.recipe article.main .category{font-size: 12px;}
    .article-page.recipe article.main .summary{font-size: 18px;line-height: 26px;padding: 0;}
    .article-page.recipe article.main .article-content .text ul.recipe_prepartion li{display: block;text-align: center;}
    .article-page.recipe article.main .article-content .text ul.recipe_prepartion li .details p{font-size: 12px;line-height: 16px;}
    .article-page.recipe article.main .article-content .text ul.recipe_prepartion li .details p span{font-size:12px !important;line-height: 16px !important;}

    .article-page.recipe article.main .article-content .image-container{height: 330px;margin: 0 0 45px 0;}
    .article-page.recipe article.main .article-content .image-container .image-aspect-ratio{height: 330px;}
    .article-page.recipe article.main .article-content .text h2.recipe_name{margin: 0 0 10px 0;font-size: 15px;line-height: 24px;}
    .article-page.recipe article.main .article-content .text ul.recipe_prepartion{margin: 0 0 25px 0;}
    .article-page.recipe article.main .article-content .text div.recipe_information a.ai_label{bottom: -45px;top:unset;right: 40px;}
    .article-page.recipe article.main .article-content .text div.recipe_information a.bookmark{bottom: -45px;top:unset}
    .article-page.recipe article.main .article-content .text div.recipe_ingredients div.limited_content{height: 50px;}
    .article-page.recipe article.main .article-content .text div.recipe_ingredients ul{display: block;column-count: 1;}
    .article-page.recipe article.main .article-content .text div.recipe_ingredients a.more_ingredients{width: fit-content;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row{display: block;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col{width: 100%;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col{width: 100%;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row .left_col .recipe_images.mobile{display: grid !important;grid-template-columns: 48% 48%;gap: 4%;}
    .article-page.recipe article.main .article-content .text .recipe_preparation ol li{font-size: 13px;line-height: 21px;}
    .article-page.recipe article.main .article-content .text .recipe_preparation ol li::before{width: 19px;height:19px;font-size: 11px;top: 3px;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col p.astuces{line-height: 16px;margin: 0 0 20px 0;}
    .article-page.recipe article.main .article-content .text .recipe_preparation .row .right_col p.astuces span{font-size:13px !important;line-height: 16px !important;}
    .article-page.recipe article.main .article-content .text .video{margin: 10px 0 0 0;}
    .article-page.recipe article.main .article-content .text .recipe_preparation{border: none;}

    .article-page.recipe .chef.mobile{margin: 15px 0 0 0;border-top: 1px solid #D1CFCF;padding: 20px 0 0 0;}
    .article-page.recipe .recipe_details p.limited_content{font-size: 16px;line-height: 20px;height: 142px;} 
    .article-page.recipe .recipe_details a.read_more{margin: 5px 0 0 0;}
    .recipe .recettes .recettes_slider .slick-prev,.recipe .recettes .recettes_slider .slick-next{display: none !important;}
    .article-page.recipe .subscribe-box-1{margin: 40px 0 0 0;}
    .article-page.recipe .main-container.mostread_box{padding:0}
    .recipe .recettes .recettes_slider{padding: 0;margin: 20px 0 0 0;}
    .article-page.recipe .main-container{padding: 0;}
    .article-page.recipe article.main{padding: 0;}
    .article-page.recipe .recipe_container{padding: 0 20px;}
    .recipe .recettes .recettes_slider .slick-track{padding: 0 20px 30px 20px;}

    .article-page.recipe article.main .article-content .image-aspect-ratio{width: 100%;margin: 0;}
    .article-page.recipe .main-column .article-keywords{display: none;}
    .article-page.recipe .main-column .comments{width: 100%;margin: 20px 0;}
    .article-page.recipe .recruitment-component.recipe_content{display: block;}
    .article-page.recipe .most-lists.recipe_content{display: block;}

    .article-page.recipe article.main .article-content .text div.recipe_information #savePopup{top: 135px;right:0;line-height: 17px;text-align: center;width: 150px;padding: 5px 10px;}
    
    .article-page.recipe .gallery .images li.active{padding: 0;}

    .article-page.recipe .ai_popup{top: 105px;right:-5px}
    .homepage.recipe .main-container.no-padding{padding: 0;}
    .homepage.recipe .main-container .recipe_categories{background: url('/assets/images/cooking/recipes_categories_mobile.png');margin: 0 0 30px 0;height: 54px;background-size: contain;padding: 10px 0;}
    .homepage.recipe .main-container .recipe_categories a.recipe_category{font-size: 14px;}
    .homepage.recipe .main-container .recipe_categories .categories_slider .slick-slide{padding: 0 15px;}
    .homepage.recipe .article-1 .details h2{font-size: 19px;line-height: 24px;}
    .recipe .social_article.mobile{margin: 15px 0 40px 0;padding: 0 10px;}
    .recipe .social_article .details h2{font-size: 19px;margin: 0 0 20px 0;}

    .homepage.recipe .featured .article-4:last-of-type{display: block;}

    .homepage.recipe .featured ul.articles-list li:first-child{display: none;}
    .homepage.recipe ul.articles-list li{padding: 0;}
    .homepage.recipe .articles-list a.mobile .content{min-height: 120px}
    .homepage.recipe .articles-list a.mobile .content{padding: 20px; min-height: 136px; width: calc(100% + 20px); margin: 0 -10px;}
    .homepage.recipe .articles-list a.mobile figure{width: 96px; height: 96px; float: right}
    .homepage.recipe .articles-list a.mobile .details{padding: 0 0 25px 0; height: auto}
    .homepage.recipe .articles-list a.mobile .details.writers{padding: 0 0 25px 0;}
    .homepage.recipe .articles-list a.mobile .content .details h4{font-size: 12px; padding: 0 105px 0 0; margin: 0 0 5px 0}
    .homepage.recipe .articles-list a.mobile .content .details h2{font-size: 19px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}

    .recipe .recettes .recettes_slider .recette .details{height: 120px;}
    .recipe .recettes .recettes_slider .recette .details p{padding: 0 30px 0 0;}

    /*END cooking mini site*/

    .category-page .article-7 span.article-card-author-name{width: 90%;}
    .category-page .article-7 .article_date{width: 100%;text-align: start;}

    header .submenu-keywords{background-color: #fff; max-height: 38px; overflow: hidden}
    header.english-header .submenu-keywords{border-top: 1px solid #D8D8D8;}
    header .submenu-keywords .main-container{padding: 0;}
    header .submenu-keywords ul{width: 73%;padding: 3px 10px 2px 15px;}
    header.english-header .submenu-keywords ul{width: calc(100% - 80px)}
    header .submenu-keywords ul button.slick-next{right: 0px;}
    header .submenu-keywords ul button.slick-prev{left: -5px;}
    header .submenu-keywords ul::after{right: 20px;}
    header .submenu-keywords ul::before{background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));}
    header .submenu-keywords ul::after{background: linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));}
    header .submenu-keywords ul::before, header .submenu-keywords ul::after{width: 60px;}
    header .submenu-keywords ul button.slick-prev, header .submenu-keywords ul button.slick-next{background-color: #fff;}



    /*merch boutique*/
    header .merch-boutique-menu .main-container{display: block;padding: 0;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile{width: 100%; display: flex !important;justify-content: space-between;align-items: center; padding: 0 20px 15px 20px;border-bottom: 1px solid #D8D8D8;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions a{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 .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions{display: flex;align-items: center;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions .panier{margin: 0 0 0 15px;width: 110px;text-align: center;height: 31px;line-height: 31px;background-color: #E8E8E8;border-radius: 18px;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions .panier a{display: flex;align-items: center;margin: 0;width: 110px;text-align: center;height: 31px;line-height: 31px;background-color: #E8E8E8;border-radius: 18px;justify-content: space-between;padding: 0 7px;background: none;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions .panier a span:nth-child(1){font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 14px;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions .panier img{width: 27px;height: 27px;object-fit: contain;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .user-actions .panier span.total_panier_counter{width: 22px;height: 22px;border-radius: 50%;background-color: #fff;line-height:22px;font-size: 12px;display:block;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .toggle-menu{border: none;width: unset;}
    header .merch-boutique-menu .main-container .inmenu-right-content.mobile .toggle-menu i{background: url('../images/merch_boutique/new_menu_toggle.png');width: 28px;height: 20px;background-size: contain;margin: 0 20px 0 0;display: block;}
    
 
    header .merch-boutique-menu .main-container .right_col{width: 100%;gap: 25px;border: none;padding: 0 20px;}
    header .merch-boutique-menu .main-container .right_col img{width: 85px;height: 85px;}
    header .merch-boutique-menu .main-container .right_col p{width: 100%;font-size: 14px;}
    header .merch-boutique-menu .main-container .left_col{width: 100%;gap: 30px;margin: 20px 0 0 0;padding: 0 20px;}
    header .merch-boutique-menu .main-container .left_col p{width: 70%; font-size: 11px;}
    header .merch-boutique-menu .main-container .left_col a.contact_us{width: 30%;}

    header .desktop-header.boutique-header .main-menu .inmenu-right-content{display: none;}
    header .desktop-header.merch-boutique .main-menu .toggle-menu{display: none;}
    header .desktop-header.boutique-header.merch-boutique .main-menu{height: 105px;}
    header .desktop-header.boutique-header.merch-boutique .main-menu .inmenu-left-content{width: 100%;}
    header .desktop-header.boutique-header.merch-boutique .main-menu .inmenu-left-content .logo{width: 100%;height: 60px;margin: 15px auto 19px auto;}
    header .desktop-header.boutique-header.merch-boutique .main-menu .inmenu-left-content span.logo_title{position: relative;top: -25px;}


    .merch-boutique-page{padding: 30px 0 !important;}
    .merch-boutique-page.details{padding: 15px 0 30px 0 !important;}
    .merch-boutique-page .main-container .products{grid-template-columns: repeat(2, 47.5%) !important;column-gap: 5% !important;gap: 0;padding: 0 0 20px 0;}
    .merch-boutique-page .main-container .products .details p{display: none;}
    .merch-boutique-page .main-container .products .item{margin: 0 0 20px 0;}
    .merch-boutique-page .main-container .products .main_image{padding: 15px 15px 20px 15px;}
    .merch-boutique-page .main-container .products .main_image img{height: 180px;}
    .merch-boutique-page .main-container .products .main_image i{width: 20px;height: 20px;right: 5px;bottom: 3px;}
    .merch-boutique-page .main-container .products .details time{font-size: 13px;}
    .merch-boutique-page .main-container .products .details h2{width: 100%; font-size: 13px;}
    .merch-boutique-page .main-container .products .details span{font-size: 16px;}
    .merch-boutique-page .main-container .products .ias-trigger.ias-trigger-next{grid-column: span 2;}
    .merch-boutique-page .main-container .products .ias-spinner.infinite-item{grid-column: span 2;}

    .merch-boutique-page .merch-boutique-details .main-container time.mobile{text-align: center;font-size: 13px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;color: #777272;}
    .merch-boutique-page .merch-boutique-details .main-container h2.mobile{text-align: center;font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;width: 65%;margin: 5px auto 0 auto;}

    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container h2.mobile{width: 100%;margin: 0 0 5px 0;}
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container time.mobile{color: #000;font-weight: bold;}

    .merch-boutique-page .merch-boutique-details .main-container .row{gap: 20px;margin: 25px 0 15px 0;}
    .merch-boutique-page .merch-boutique-details .main-container .row .right_col{width: 55%;padding: 6px;}

    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col{padding: 10px; max-height: 255px}
    
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next, .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev{width: 20px;height: 20px;}
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next::before,.merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev::before{font-size: 14px;}
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-prev{left: 3px;}
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col.carousel .slick-next{right: 3px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col{width: 45%;}
    .merch-boutique-page .merch-boutique-details .main-container .row .right_col img{height: 250px;}
    .merch-boutique-page .merch-boutique-details.cent_ans_book .main-container .row .right_col img{height: 230px; margin: 0}
    .merch-boutique-page .merch-boutique-details .main-container .row .right_col i{width: 20px;height: 20px;right: 5px;bottom: 3px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form label{font-size: 15px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif;color: #1B1A1A;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form span{color: #1B1A1A;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form p.product_location{width: 100%;}

    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul h3{font-size: 13px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul h4{font-size: 10px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items{width: 100%;margin: 5px 0;padding: 0 0 5px 0;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul li{padding: 0 0 5px 0;display: flex;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul .radio{margin: 0 5px 0 0;width: 20px;height: 20px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul.items .radio::after{width: 6px;height: 6px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form ul li>div{width: calc(100% - 25px);}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors{width: 100%;border: none;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors h2{margin: 5px 0;width: 85%;font-size: 14px;font-family: AktivGrotesk-Bold, Helvetica, Arial, sans-serif}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors p{width: 100%;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio{margin: 0;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .colors ul.other_items li .radio:after{font-size: 13px;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity{display: block;width: 100%;border: none;padding: 5px 0;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .right-col{margin: 0 0 15px 0;}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .left-col a.add_to_cart{font-size: 13px; width: 100%}
    .merch-boutique-page .merch-boutique-details .main-container .row .left_col form .quantity .left-col a.catalogue{font-family:AktivGrotesk-Regular, Helvetica, Arial, sans-serif;font-size: 13px;}
    .merch-boutique-page .merch-boutique-details .description.mobile{border-top: 1px solid #d1cfcf;padding:10px 20px 0 20px;}
    .merch-boutique-page .merch-boutique-details .description.mobile h3{    font-size: 14px;font-family: AktivGroteskEx-Medium, Helvetica, Arial, sans-serif;text-transform: uppercase;margin: 0 0 5px 0;color: #969b9b;}
    .merch-boutique-page .merch-boutique-details .description.mobile p{font-size: 12px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif;}
    
    .merch-boutique-page .merch-boutique-details .product_popup p{font-size: 15px;}
    .merch-boutique-page .merch-boutique-details .product_popup .close_action{right: 5px;top: 10px;}
    .merch-boutique-page .merch-boutique-details .product_popup .close_action img{width: 25px;height: 25px;}
    .merch-boutique-page .merch-boutique-details .product_popup .buttons{gap: 15px;padding: 0 15px;}
    .merch-boutique-page .merch-boutique-details .product_popup .buttons a{font-size: 12px;}


    .merch-boutique-page .boutique-cart-page .cart{width: 100%;gap: 15px;border: 1px solid #D8D8D8;padding: 15px 15px 40px 15px;}
    .merch-boutique-page .boutique-cart-page .cart .right_col{width: 35%;}
    .merch-boutique-page .boutique-cart-page .cart .left_col{width: 65%;}
    .merch-boutique-page .boutique-cart-page .cart .right_col .main_image{padding: 10px;border: 1px solid #D8D8D8;}
    .merch-boutique-page .boutique-cart-page .cart .right_col .main_image img{height: 135px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col h3{font-size: 11px;font-weight:normal;border-top: 1px solid #D8D8D8;padding: 15px 0 0 0;margin: 10px 0 0 0;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .total_price label{font-size: 14px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .total_price span{font-size: 21px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .color{margin: 4px 0 0 0;gap: 5px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .color span{font-size: 11px;font-weight:normal;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart{bottom: -35px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart.no_color{bottom: -65px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart span{font-size: 13px;font-weight: normal;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .remove_cart img{width: 20px;height: 20px;}
    .merch-boutique-page .boutique-cart-page .cart .left_col span.product_summary{position: unset;display: block;width: 100%;font-size: 10px;margin: 10px 0 0 0;}
    .merch-boutique-page .boutique-cart-page .cart .left_col .color .radio{width: 20px;height: 20px;}
    .merch-boutique-page .boutique-cart-page .product-total-price{width: 100%;gap: 15px;padding: 15px;}
    .merch-boutique-page .boutique-cart-page .product-total-price .right_col{width: 50%;}
    .merch-boutique-page .boutique-cart-page .product-total-price .left_col{width: 50%;text-align: right;border-left: 1px solid #fff;padding: 0 0 0 30px;}
    .merch-boutique-page .boutique-cart-page .product-total-price .right_col p{width: 80%;font-weight: normal;font-size: 12px;}
    .merch-boutique-page .boutique-cart-page .product-total-price .left_col a{width: 100%; font-size: 10px;font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif}
    .merch-boutique-page .boutique-cart-page .product-total-price .left_col label{right: 0;font-size: 15px;}
    .merch-boutique-page .boutique-cart-page .product-total-price .left_col span{right: 0;font-size: 24px;display: block;}
    .merch-boutique-page .boutique-cart-page a.continue_purchases{font-weight: bold;}


    /* New merch boutique*/
    .merch-boutique-page .main-container .main_products{display: block;}
    .merch-boutique-page .main-container .main_products .item:first-of-type{border-bottom: 1px solid #D8D8D8;padding: 0 0 25px 0;margin: 0 0 35px 0;}
    .merch-boutique-page .main-container .main_products .item:first-of-type::after{display: none;}
    .merch-boutique-page .main-container .main_products .item img{height: 220px;}
    .merch-boutique-page .main-container .main_products .item h2{font-size: 17px;}
    .merch-boutique-page .main-container .main_products .item .details p.description{width: 100%;font-size: 13px;}


    /* 100 ans minisite*/
    header .mobile-header .sub-menu nav ul li.le_siecle img.le_siecle_logo{width: 80px; height: 35px; object-fit: contain;}
    header .mobile-header .mobile-menu ul.main li.le_siecle_item a{margin: 0 0 5px 0;}
    header .mobile-header .mobile-menu ul.main li.le_siecle_item a img.le_siecle_logo{width: 100px; height: 50px; object-fit: contain;}
    header .mobile-header .top-menu video{width: 120px;object-fit: cover; height: 40px;}
    header .mobile-header .mobile-menu .menu-head video{width: 125px;object-fit: cover; height: 41px;}

    .le_siecle_description {width: 90%; font-size: 17px; display:none}
    header .desktop-header .main-menu nav ul.main > li{vertical-align: unset;}
    .thematique-page .intro p{font-size: 17px;}
    .thematique-page .thematique-categories .sub-categories.themes{display: none !important;}
    .thematique-page .thematique-categories .article-4{margin: 0 0 10px 0;}
    .thematique-page .thematique-categories .triple-border{margin: 10px auto 0 auto;}
    .thematique-page .thematique-categories p.category-description{font-size: 17px;margin: 10px 0; line-height: 28px;}
    .homepage.le-siecle .themes p.category-description{font-size: 17px; margin: 10px 0 15px 0; line-height: 28px;}
    .thematique-page .thematique-categories .category-image img{height: 250px;}
    .homepage.le-siecle .themes .category-image img{height: 250px;}
    .homepage.le-siecle .triple-border{margin: 15px auto 10px auto;}
    .homepage.le-siecle .latest-news-component.mobile{margin: 0 0 15px 0; position: relative;}
    .homepage.le-siecle .latest-news-component.mobile h2{border-bottom: 0px;}
    .homepage.le-siecle .latest-news-component.mobile h2.active{border-bottom: 1px solid #D8D8D8;}
    .homepage.le-siecle .latest-news-component.mobile h2::after{content: '\f107';font-family: fontawesome;position: absolute;right: 20px;font-size: 26px;top: 18px;transition: .25s;}
    .homepage.le-siecle .latest-news-component.mobile h2.active:after{transform: rotate(-180deg)}
    .homepage.le-siecle .latest-news-component.mobile .details{display: none;}
    .article-banner-le-siecle{margin: 10px 0;}

    /*END minisite*/

    /*data paywall revamp*/
    .paywall.inline.datawall.revamp{min-height: 390px;}
    .paywall.datawall.revamp form{padding: 20px 15px 0 15px;}
    .paywall.datawall.revamp form .container{padding: 0 10px;}
    .paywall.datawall.revamp form .container .row{display: block;}
    .paywall.datawall.revamp form .container .row .full{width: 100%;}
    .article-page article.main .article-content .text a{width: 100%;}
    .paywall.datawall.revamp form .social-login{display: flex; gap: 15px; padding: 0 10px;}
    .paywall.datawall.revamp .subscribed p{font-size: 14px !important;}
    .paywall.datawall.revamp form .container .subscription-notice .newsletter p{font-size: 12px !important;}
    .paywall.datawall.revamp form .container .subscription-notice .terms p{line-height: 19px;}
    .paywall.datawall.revamp .subscribed p a{display:block}
    .paywall.datawall.revamp form .container .row .full label{margin: 0;}
    .paywall.datawall.revamp form .container .row .full input{margin: 0 0 8px 0;}
    .paywall.datawall.revamp form .container .subscription-notice .newsletter span{width: 31px; height: 31px; margin: 0 12px 0 0;}
    .paywall.datawall.revamp form .container .subscription-notice .newsletter span:before{line-height: 30px;}
    .article-page article.main .article-content .text p.inscrire{margin: -10px 0 14px 0; font-size: 15px;}
    .article-page article.main .article-content .text .paywall.revamp p.inscrire{margin: 12px 0 14px 0;}
    .paywall.datawall.revamp form .form-header span.datawall_title{font-size: 20px;}
    .article-page article.main .article-content .text .paywall.datawall.revamp .form-header p{margin: 0; font-size: 17px !important;}
    .english-page .article-page article.main .article-content .text .paywall.datawall.revamp .form-header p{line-height: 25px !important;margin: 5px 0;}
    .paywall.datawall.revamp form .container .subscription-notice{top: -15px;}
    .paywall.datawall form .container .subscription-notice .terms{margin: 15px 0 0 0;}
    .paywall.datawall.revamp form a.black-button{margin: 15px auto 0 auto;}
    .paywall.datawall.revamp form .container .row .full i.toggle-password{top: 55%;}
    .paywall.datawall.revamp .subscribed{margin: 10px 0 0 0;}
    /*end datawall revamp*/

    /*product landing page revamp*/
    .boutique-payment-page .main-container .payment-form .section{margin: 0 0 15px 0}
    .boutique-payment-page .main-container .payment-form.revamp .section .personal-col{display:block}
    .boutique-payment-page .main-container .payment-form.revamp .section .personal-col .input-group{width:100%}
    .boutique-payment-page .main-container .payment-form.revamp .section div.eye{position: relative;}
    .boutique-payment-page .main-container .payment-form.revamp .section i.toggle-password.mobile{position: absolute; right: 15px; top: 10px; font-size: 17px;}
    .boutique-payment-page .main-container .payment-form.revamp .section .amount-details{display: block;}
    .boutique-payment-page .main-container .payment-form.revamp .section .amount-details input{width: 100%; position: relative; margin: 0 0 10px 0; height: 32px}
    .boutique-payment-page .main-container .payment-form.revamp .section .amount-details i.fa.fa-usd{position: absolute; top: 10px; right: 25px; font-size: 14px;}
    .boutique-payment-page .main-container .payment-form.revamp .section .amount-details h3{font-size: 14px;}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total{display: block;margin: 4px 0 0 0;}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total .right-col, .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total .left-col{width: 100%}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total .right-col{margin: 0 0 10px 0}
    .boutique-payment-page .main-container .payment-form.revamp .options li{margin: 0;}
    .boutique-payment-page .main-container .payment-form.revamp .options li:last-child{margin: 0;}
    .boutique-payment-page .main-container .payment-form.revamp div.subscribed p{font-size: 12px; line-height: 18px}
    .boutique-payment-page .main-container .payment-form.revamp div.subscribed a{display: block}
    .boutique-payment-page .main-container .payment-form.revamp .section{padding: 15px;}
    .boutique-payment-page .main-container .payment-form.revamp h2{margin: 0 0 10px 0;}
    .boutique-payment-page .main-container .payment-form.revamp .personal-details span.inscription{font-size: 12px; margin: 0 0 10px 0;}
    .boutique-payment-page .main-container .payment-form.revamp .section.personal-details.logged-in{margin: 0 0 15px 0}
    .boutique-payment-page .main-container .payment-form.revamp .section.personal-details input{margin: 0 0 10px 0; height: 40px;}
    .boutique-payment-page .main-container .payment-form.revamp .section.personal-details .mobile_country_list_row span.select2-selection.select2-selection--single{height: 40px; padding: 7px;}
    .boutique-page .payment-form.revamp .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 14px; padding: 0; line-height: 25px;}
    .boutique-page .payment-form.revamp .select2-container--default .select2-selection--single .select2-selection__arrow b:before{top:-9px; font-size: 17px;}
    .mobile_country_list_row .select2-container--default .select2-selection--single .select2-selection__arrow{top: 8px;}
    .boutique-payment-page .main-container .payment-form.revamp p.donation-message{font-size: 14px; margin: 0 0 10px 0;}
    .boutique-payment-page .main-container .payment-form.revamp .card-details{margin: 15px 0 0 0;}
    .boutique-payment-page .main-container .payment-form.revamp .card-details iframe {margin: 0 0 10px 0 !important;}
    .boutique-payment-page .main-container .payment-form.revamp .card-details .expiry-date iframe {width: 50% !important;}
    .boutique-payment-page .main-container .payment-form.revamp p.nextRenewal{margin: 0; font-size: 14px; line-height: 21px}
    .boutique-payment-page .main-container .payment-form.revamp p.recurrent-price{margin: 0 0 10px 0; font-size: 14px; line-height: 21px}
    .boutique-payment-page .main-container .payment-form.revamp .terms p{margin: 0; font-size: 14px; line-height: 21px}
    .boutique-payment-page .main-container .terms .payment_error_message{margin: 15px 0 !important;}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment input[type="text"]{height: 40px;}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment .select-currency{height: 40px; width: 100%; margin: 0 0 10px 0}

    .boutique-payment-page .main-container .product-info.revamp{padding: 15px;}
    .boutique-payment-page .main-container .product-info.revamp .mobile .product_price{margin:5px 0 0 0}
    .boutique-payment-page .main-container .product-info.revamp .mobile .product_price h2{color:#e0b543 !important; font-weight: bold;}
    .boutique-payment-page .main-container .product-info.revamp .mobile .product_price h2 span{display:inline-block;color:#e0b543 !important; font-weight: bold;font-size: 17px;margin: 0 0 0 2px;}
    .boutique-payment-page .main-container .product-info.revamp .mobile .product_price h4,.boutique-payment-page .main-container .product-info.revamp .mobile .product_price p{display:none}
    .boutique-payment-page .main-container .product-info.revamp .mobile .product_price span{font-size: 14px;margin: 0 0 5px 0;line-height: 20px;}
    .boutique-payment-page .main-container .product-info.revamp a{margin: 10px 0 0 0; font-size: 12px;}
    .boutique-payment-page .main-container .product-info.revamp ul li.price{padding: 10px 0;}
    .boutique-payment-page .main-container .product-info.revamp ul li:last-child{padding: 10px 0 0 0; line-height: 21px}
    .boutique-payment-page .main-container .product-info.revamp p{margin: 0 0 10px 0; font-size: 14px;}
    .boutique-payment-page .main-container .product-info.revamp p:last-child{margin: 0}
    .boutique-payment-page .main-container .product-info ul li.price span.product_subtitle{margin: 0 0 5px 0;}
    .boutique-payment-page .main-container .product-info.revamp ul li.price h4{padding: 3px 5px; font-size: 14px;}
    .boutique-payment-page .main-container .product-info.revamp ul li.price h2{font-size: 17px; line-height: 25px; margin: 10px 0 0 0;}
    .boutique-payment-page .main-container .product-info.revamp ul li.price p{font-size: 14px; line-height: 21px;}


    .boutique-payment-page .main-container .payment-form.revamp .section.payment li > div{margin: 0}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total h4{font-size: 14px !important;}
    .boutique-payment-page .main-container .payment-form.revamp p.change-country{font-size: 14px; line-height: 21px}
    .boutique-payment-page .main-container .payment-form.revamp .section.personal-details{margin: 0 0 15px 0;}
    .boutique-payment-page .main-container .payment-form.revamp div.subscribed{top: -15px}
    .boutique-payment-page .main-container .payment-form.revamp .options li:last-child label{font-size: 14px; line-height: 21px; margin: 0 !important}

    .boutique-payment-page .main-container .payment-loader-container{height: 25vh;}
    .boutique-payment-page .main-container .payment-loader-container .loader{width: 40px; height: 40px;}
    .boutique-payment-page .main-container .payment-loader-container .loader-text{text-align: center; font-size: 16px;}
    .merch-boutique-page .boutique-payment-page .main-container .payment-form.revamp .terms p:nth-child(2){font-size: 11px;line-height: 16px;}
    /*end product landing page revamp*/

    .desktop{display: none !important}
    .mobile{display: block !important}
    .mobile-menu .mobile-menu-download-app {font-size: 16px; font-family: 'AktivGrotesk-Bold',Helvetica,Arial,sans-serif; margin: 0 0 20px 0; display: block}
    .mobile-menu .mobile-menu-download-app img {width: 15px; margin: 0 0 0 5px; position: relative; top: 2px;}
    .mobile-menu .christmas_btn_mobile{font-size: 16px; font-family: 'AktivGrotesk-Bold',Helvetica,Arial,sans-serif; margin: 0 0 20px 0; display: block; color: #dd3b31; padding: 0 0 20px 0; border-bottom: 1px solid #D1CFCF;}
    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}
    .switch-lang:hover{background-color: #FFFFFF !important}
    .article-page article.main .switch-lang:hover a{color: #777272 !important; background-color: #FFFFFF !important}
    .load-more{width: calc(100% - 20px); font-size: 16px; height: 48px; line-height: 44px}
    .load-more:hover{background-color: #FFFFFF; color: #1B1A1A}
    .article-page .main-container{padding: 0 10px}
    .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-leaderboard{height: 100px}

    /*canada cookie notice*/
    .canada-cookie-notice{height: auto; padding: 28px 50px 25px 30px; bottom: 0}
    .canada-cookie-notice.hide{bottom: -380px;}
    .canada-cookie-notice .message p {width: 100%;}
    .canada-cookie-notice .message a.close{right: 10px; top: 8%; width: 30px; height: 30px; background: url(../images/icons-sprite.png?1) no-repeat 3px -20px;background-size: 75px;}
    /*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; position: relative; top: 0px;}
    header.english-header .mobile-header .top-menu .toggle-mobile-menu{top: 0px;}
    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.today-header .mobile-header .top-menu .logo{background: url('../images/today-logo.png?1') no-repeat center; background-size: contain; height: 22px}
    header .mobile-header .top-menu .subscribe{width: 115px; height: 30px; background-color: #ffdf8a!important; 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: 26px}
    header .mobile-header .top-menu .subscribe.donate{font-size: 10px; background-color: #dd3b31!important; border: 1px solid #dd3b31; color: #FFFFFF}
    header.english-header .mobile-header .top-menu .subscribe.donate.christmas_btn{font-size: 9px; width: 100px;}
    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 .header-search-container{padding: 20px}
    header .mobile-header .header-search-container form input[type=text]{width: calc(100% - 120px); display: inline-block}
    header .mobile-header .header-search-container form .submit{width: 120px; font-size: 14px}
    header .mobile-header .header-search-container form .results p{font-size: 16px}
    header .mobile-header .header-search-container form .results .result h1{font-size: 16px}
    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: 975px}
    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;vertical-align: top;}
    /* header .mobile-header .sub-menu nav ul li.guerre_hamas{background-color: #bcc0c3;} */
    header .mobile-header .sub-menu nav ul li.guerre_hamas img{height: 27px; width: 65px; margin: 3px 0}
    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: 50px; box-shadow: 0 1px 9px 0 rgba(151, 151, 151, 0.25)}
    header.english-header .mobile-header .mobile-menu .menu-head{height: 50px;}
    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; position: relative; top: 0;}
    header.english-header .mobile-header .mobile-menu .menu-head .close{top: 0px;}
    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.today-header .mobile-header .mobile-menu .menu-head .logo{height: 22px; background: url('../images/today-logo.png?1') no-repeat center; background-size: contain}
    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; 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 .back-to-homepage{font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 20px 0; display: block}
    header .mobile-header .mobile-menu .back-to-homepage i{width: 18px; height: 18px; display: inline-block; background: url('/assets/images/back-homepage-icon.png') no-repeat center; background-size: contain; margin: 0 10px 0 0; top: 2px; position: relative}
    header .mobile-header .mobile-menu ul.main{border-top: 1px solid #D1CFCF}
    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.english-header .mobile-header .mobile-menu ul.main > li.vote-diaspora > a{color: #E01A22}
    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}
    header .mobile-header .mobile-menu ul.main > li > ul > li > a span.motamo{color: #005dce;margin: 0 0 0 5px;font-weight: bold;}
    /*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 .article-card-title{font-size: 27px; line-height: 30px}
    .article-3 .article-card-title{font-size: 19px; line-height: 22px; max-height: initial; padding: 0}
    .article-3.diapo .article-card-title{color: #000000}
    .videos-page .article-3.video .content .details h3.article-card-title{max-height: initial}
    .article-3.no-image .article-card-title{font-size: 19px; line-height: 22px}
    .article-4 .article-card-title{line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-4.no-image .article-card-title{font-size: 19px; line-height: 22px; max-height: initial}
    .article-signature .article-card-title{text-align: left; padding: 0 80px 0 0; margin: 0; min-height: initial !important}
    .article-card-mot-cle{font-size: 12px}
    .article-7 .article-card-mot-cle{margin: 0 0 5px 0;}
    .article-7 a > div .author span.article-card-author-name{font-size: 12px;display: block;}
    .article-7 span.article_liveblogs_tag{margin: 0 0 5px 0;}
    .article-7 span.article_liveblogs_tag::before{top: 3px;}
    .article-video-1 .article-card-mot-cle{color: #777272; margin: 10px 0}
    .article-card-signature{width: 100%; text-align: left; padding: 0 80px 0 0; margin: 0; min-height: initial !important; font-size: 13px; line-height: 22px}
    .article-card-author-name{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0; position: relative; bottom: initial}
    .article-3 .article-card-author-name{padding: 0 10px 0 0;font-size: 11px;}
    .video-card-title{font-size: 20px; line-height: 28px}
    .articles-list-article-title{line-height: 22px; max-height: 68px}
    section.idees .article-3 .article-card-title{max-height: initial; padding: 0; line-height: 22px; font-size: 19px}


    article a:hover .article-card-title{color: #1B1A1A}


    

    .article-1{margin: 0 10px 25px 10px; height: auto; padding: 0 0 25px 0}
    .article-1.no-image{height: auto}
    .article-1 figure{height: 216px}
    .article-1 .details{padding: 10px 0 25px 0; height: auto}
    /* .article-1 .details h3{font-size: 12px} */
    .article-1 .details h3.author{position: relative; bottom: initial}
    .article-1.no-image .details h3.author{margin: 20px 0 0 0; bottom: initial}
    .article-1 .details .date{margin: 0}
    .article-1 .details h2{font-size: 27px; 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: 19px; line-height: 24px; 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.dossier-article{height: auto}
    .dossier-page.dossiers .article-2.dossier-article{height: auto}
    .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: 19px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-2.dossier-article .content .details h2{max-height: initial}
    .article-2.include-summary .content .details h2{max-height: initial}
    .article-2 .content .details h3{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0}
    .article-2 .content .details h3.author{position: relative; bottom: initial}
    .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: 19px; 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 !important; margin: 0 0 25px 0; float: none}
    .article-3 .content{min-height: 120px}
    section.idees{background-color: #F1EADE; padding: 40px 0 0 0; width: calc(100% + 20px); margin: 25px -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.opinion .article-3 .content{min-height: initial}
    section.idees.opinion .article-3 .content .article-card-author-name{margin: 10px 0}
    section.idees .article-3 .content .details h2{max-height: initial; padding: 0; line-height: 22px; font-size: 19px}
    section.idees .article-3:last-child{margin: 0}
    .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; width: 135px; height: 55px; background-size: 110px}
    .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: 19px; line-height: 22px; max-height: initial; padding: 0}
    /* .reading-selection .article-3.extended .content .details h3{font-size: 12px; max-height: initial; padding: 0; position: relative; bottom: initial} */
    .reading-selection .article-3 .content .details p{display: none}
    .article-2.include-summary .content .details .text{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.no-image .content .details h2{font-size: 19px; line-height: 22px}
    .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 !important; padding: 0 10px 0 0}
    .article-3 .content .details h2.article-card-title{font-size: 19px;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; position: relative; bottom: initial} */
    .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.diapo .content figure:before{display: none}
    .article-3.video .content{border-bottom: 1px solid #D1CFCF !important}
    .article-3.video .content figure:before{width: 30px; height: 30px}
    .article-3.from-cdl .content figure:after{width: 60px; height: 25px; background-size: 50px}
    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 !important; margin: 0 0 25px 0;}
    .article-4.video-no-margin-top{margin: -25px 0 25px 0 !important;}
    .article-4 .content{min-height: 120px}
    .article-4.video .content{padding: 20px; min-height: 136px; width: calc(100% + 20px); margin: 0 -10px;}
    .article-4 .content figure{width: 96px; height: 96px; float: right}
    .article-4 .content .details{padding: 0 0 25px 0; height: auto}
    .article-4 .content .details.writers{padding: 0 0 25px 0;}
    .article-4.video .content .details{padding: 0}
    .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.include-summary .content h2{max-height: initial}
    .article-4 .content .details h2{font-size: 19px; line-height: 22px; max-height: initial; padding: 0 10px 0 0}
    .article-4.include-summary .content .text{display: none}
    /* .article-4 .content .details h3{font-size: 12px; margin: 10px 0 0 0; max-height: initial; padding: 0; position: relative; bottom: initial} */
    .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: 19px; line-height: 22px; max-height: initial}
    .article-4.sponsored .content{border-bottom: 1px solid #D1CFCF; padding: 20px; min-height: 136px; width: calc(100% + 20px); margin: 0 -10px}
    .article-4.sponsored .content .details{padding: 0 0 25px 0}
    .article-4.litteraire .content figure:after, .article-4.diapo .content figure:before{display: none}
    .article-4.video .content figure:before{top: 0; bottom: 0; left: 0; right: 0; margin: auto}
    .article-4.from-cdl .content figure:after{width: 60px; height: 25px; background-size: 50px}
    .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: 19px; 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-7{min-height: 120px; float: none}
    .article-7 a figure{float: right; margin: 0; width: 96px; height: 96px}
    .article-7.from-cdl a figure:after{width: 60px;height: 25px; background-size: 50px}
    .article-7 a:hover > div h2{color: #000000}
    .article-7 a > div{width: calc(100% - 96px)}
    .article-7 a > div h4{font-size: 12px; padding: 0 10px 0 0; margin: 0 0 5px 0}
    .article-7 a > div h2{font-size: 20px; line-height: 22px; min-height: initial; padding: 0 10px 0 0; margin: 0}
    .article-7 a > div .author span.article-card-author-name:after{display: none;}
    .article-7.no-image a > div h2{padding: 0}
    .article-7 a > div .author{margin: 10px 0 0 0}
    .article-7 a > div .author h3{font-size: 12px; display: block}
    .article-7 a > div .author h3:after{display: none}
    .article-7 a > div .author span{font-size: 12px; display: block; margin: 5px 0 0 0}
    .article-7 a > div .author .comments-counter{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: 68px}
    .article-signature a h2{width: 100%; text-align: left; padding: 0 80px 0 0; margin: 0; min-height: initial !important}
    .article-signature a h3{font-size: 19px; line-height: 22px; text-align: left; padding: 0 80px 0 0}
    .article-signature.two-thirds a h3{font-size: 20px; line-height: 22px}
    .article-signature a .text{max-height: initial; font-size: 14px; line-height: 18px; text-align: center}
    .article-page .related-articles .article-signature.third a figure{float: none; width: 112px; height: 112px}
    .article-page .related-articles .article-signature.third a .text{display: block}
    .article-page .related-articles .article-signature.third a h3{padding: 0}
    .article-page .related-articles .article-signature.third a h2{text-align: center; padding: 0; font-size: 13px}
    .article-signature.third{width: 100%; height: auto !important}
    .author-page .featured .article-signature.third{width: 100%; float: none}
    .article-signature.third a{padding: 30px 25px}
    .article-signature.third a h3{max-height: initial}

    .article-signature.featured_editorial{width: 100%;height: auto;}
    .article-signature.featured_editorial .article-card-title{text-align: center;padding: 0;}
    .article-signature.featured_editorial .article-card-signature{text-align: center;padding: 0;}
    /*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 .liveblog .details ul li .message .embed{padding: 0 0 0 30px;}
    .homepage .main-column .liveblog .details ul li .message .inlineVideo iframe{height: 190px}
    .homepage .main-column .grosseactu-list ul li a{font-size: 19px; line-height: 22px}
    .homepage.grosseactu .liveblog-mainimage{height: 215px; width: calc(100% - 40px); margin: 0 auto 20px auto}
    .homepage.grosseactu .liveblog .details{margin: 0}
    ul.articles-list li{width: calc(100% - 20px); height: auto}
    .homepage .main-column .featured ul li a:hover h2{color: #000000}
    .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}
    .editorials-shortcuts{background-color: #F8F6F6; padding: 20px 10px 0 10px; width: calc(100% + 20px); margin: 25px -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.mobile ul > li.merch-boutique{min-height: 45px;}
    .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 .title{display: block; 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; line-height: 22px}
    .editorials-shortcuts ul > li > ul > li.vote-diaspora a{color: #E01A22}
    .editorials-shortcuts ul > li > ul > li.christmas-donation a{color: #D82525}

    .editorials-shortcuts ul > li > ul > li.noel_solidaire{color: #dd3b31; font-weight: bold; display: block; width: 100%;}
    .editorials-shortcuts ul > li > ul > li.noel_solidaire a{font-size: 15px;}
    .subscribe-box-1{height: auto; margin: 25px auto 50px auto}
    .article-page .subscribe-box-1{margin: 0 auto 25px 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 .banner-title{font-size: 30px; line-height: 36px; text-align: center}
    .subscribe-box-1 .details.christmas_banner h2{font-size: 16px; line-height: 27px;}
    .subscribe-box-1 .details.christmas_banner p{font-size: 14px; margin: 10px 0 0 0;} 
    .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.christmas_banner .subscribe{width: 100%;}
    .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; padding: 20px; margin: 0 0 50px -10px; width: calc(100% + 20px)}
    .english-page .homepage .file{margin: 30px 0 50px -10px}
    .homepage .file a .container{min-height: initial; padding: 0; height: 100%}
    .homepage .file a .container .title{bottom: 20px}
    .homepage .file a:hover .container .title{opacity: 1}
    .homepage .file a .container{padding: 20px}
    .homepage .file a .container i{width: 48px; height: 48px}
    .homepage .file a .container h2{font-size: 24px; line-height: 32px; width: 100%}
    .homepage .file a .container .dossier-title{font-size: 24px; line-height: 32px; width: 100%}
    .homepage .file .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: 25px -10px 50px -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: 13px; line-height: 22px; min-height: initial}
    section.editorials .article-signature.third a h3{font-size: 19px; line-height: 22px; max-height: initial; padding: 0 15px 0 0; text-align: left}
    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: 40px auto 20px auto; width: calc(100% - 20px)}
    .english-page .homepage .most-lists{margin: 0 auto}

    /*.most-lists{height: auto; margin: 30px 0 0 0}*/
    /*.homepage .most-lists{margin: 30px 0 20px 0}*/
    /*.english-page .most-lists{margin: 30px -10px 20px -10px; width: calc(100% + 20px); padding: 0 20px}*/
    /*.english-page .homepage .most-lists{margin: 0 -10px}*/
    /*.homepage .most-lists .main-container{padding: 0 0 0 10px}*/

    .english-page .homepage .most-lists .main-container{padding: 0}
    .most-lists .slick-list{padding: 0 60px 0 0}
    .most-lists .list .content h2{font-size: 18px}
    .most-lists .list .content h2.title{font-size: 18px}
    .most-lists .list .content span.title{font-size: 18px}
    .most-lists .list .content ul li article h2{font-size: 18px; line-height: 26px; margin: 15px 0 0 0}
    .most-lists .list .content ul li article h3.article-title{font-size: 18px; line-height: 26px; margin: 15px 0 0 0}
    .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 .subtitle{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 .title{font-size: 14px; margin: 10px 0 0 0}
    .homepage .caricature .carousel li a h4{font-size: 11px}
    .homepage .caricature .carousel li a .date{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: 50px 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}
    .english-page .homepage .other-files{margin: 50px auto; width: calc(100% - 20px)}
    .in-english .section-title figure{width: 125px; height: 22px; margin: 5px 5px 0 8px}
    .in-english .section-title h2{font-size: 15px}
    .in-english .section-title h3{display: none}
    .in-english .section-title .subtitle{display: none}

    .litteraire-pdf-container{border-bottom: none; padding: 0; margin: 15px 0 40px 0}
    .homepage .sidebar.mpu-3{margin: 0}
    .sidebar .cdl-homepage-component{width: calc(100% - 20px); margin: 15px auto}
    .sidebar .partenariat-article{width: calc(100% - 20px); margin: 0 auto 40px auto}
    .recruitment-component{width: calc(100% - 20px); margin: 40px auto}
    .homepage .recruitment-component, .article-page .recruitment-component{margin: 0 auto}
    .english-page .homepage .recruitment-component{margin: 0 auto}
    /*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 article.main{padding: 0 10px}
    .article-page article.main .triple-border{margin: 0 auto 10px auto}
    .article-page article.main .category{font-size: 12px; padding: 0 0 10px 0; margin: 0 0 20px 0}
    .article-page article.main h1{font-size: 32px; line-height: 36px; padding: 0 !important}
    .article-page article.main .article-info{margin: 0 0 20px 0}
    .article-page article.main .main-column{padding: 0}
    .article-page article.main .summary{font-size: 18px; line-height: 24px; padding: 0}
    .article-page article.main .article-info p{font-size: 12px; line-height: 24px; margin: 15px 0 0 0}
    .article-page article.main .article-info p a{padding: 0}
    .article-page 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 5px 0 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 .switch-lang{margin: 15px 0 0 0}
    .article-page article.main .switch-lang a{font-size: 11px; padding: 0 5px}
    .article-page article.main .switch-lang{margin: 15px 0 0 5px}
    .article-page article.main.arabic-article .switch-lang{margin: 15px 5px 0 0}
    .article-page article.main.arabic-article .switch-lang a{padding: 0 4px}
    .article-page article.main .switch-lang a i{width: 20px; height: 20px; margin: 0 0 0 5px}
    .article-page article.main.arabic-article .switch-lang a i{margin: 0 0 0 5px}
    .article-page article.main .social-share{margin: 20px 0 0 0}
    .article-page article.main .article-content .image-container{padding: 0 0 15px 0; margin: 0 0 15px 0}
    .article-page article.main .article-content .image-aspect-ratio{width: calc(100% + 40px); margin: 0 -20px}
    .article-page article.main .article-content .caption{font-size: 12px !important}
    .article-page article.main .article-content .social-share-container{position: relative; left: initial}
    .article-page article.main .article-content .social-share-container ul li{display: inline-block}
    .article-page article.main .article-content .article-image{width: calc(100% + 40px); margin: 0 -20px}
    .article-page article.main .article-content .text{font-size: 18px; line-height: 28px}
    .article-page article.main .article-content .text p{font-size: 18px; line-height: 28px}
    .article-page article.main .article-content .text h2{font-size: 18px; line-height: 28px}
    .article-page article.main .article-content .text span.datawall_title{font-size: 18px; line-height: 28px}
    .article-page article.main .article-content .text span{font-size: 18px !important; line-height: 28px !important}
    .article-page article.main .article-content .caption{font-size: 12px !important}
    .article-page article.main .article-content span.caption{font-size: 12px !important; line-height: 20px !important}
    .article-page article.main .article-content .text a:hover{color: #085294}
    .article-page .main-column .comments{width: calc(100% + 40px); margin: 20px -20px; border-bottom: none; padding: 30px}
    .article-page .main-column .comments .comment{margin: 10px 0 20px 0}
    .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% + 40px); margin: 30px -20px 0 -20px; 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: 25px auto 0 auto}
    .article-page .most-lists .list .content{padding: 0}
    .article-page .sidebar .mostread{margin: 40px auto 0 auto}
    .article-page .sidebar .most-lists .main-container{padding: 0}
    .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 .comments-panel .comments-to-top{right: 5px}
    .article-page .comments-panel .comments-to-top i{width: 30px; height: 30px; font-size: 20px; line-height: 26px}
    .article-page .comments-panel .comments-to-top span{font-size: 13px; margin: 0 8px 0 0}


    .article-page article.main .article-content .text blockquote{font-size: 24px; line-height: 30px; padding: 20px 0; margin: 20px 0}
    .article-page article.main .article-content .text blockquote p{font-size: 24px; line-height: 30px}
    .article-page article.main .article-content .text blockquote h3{font-size: 12px; line-height: 18px; margin: 15px 0 0}
    .article-page article.main .article-content .text blockquote h4{font-size: 12px; line-height: 18px}
    .article-page article.main .article-content .text ul li, .article-page article.main .article-content .text ol li{padding: 0 0 0 25px; font-size: 18px; line-height: 28px}
    .article-page article.main .article-content .text .inline-related-article{min-height: 114px}
    .article-page article.main .article-content .text .inline-related-article a{padding: 15px}
    .article-page article.main .article-content .text .inline-related-article a > div{width: calc(100% - 84px); padding: 0 10px 0 0}
    .article-page article.main .article-content .text .inline-related-article a h3{font-size: 14px}
    .article-page article.main .article-content .text .inline-related-article a > div h4{font-size: 16px; line-height: 22px}
    .article-page article.main .article-content .text .inline-related-article a span.article-card-mot-cle{font-size: 14px !important;}
    .article-page article.main .article-content .text .inline-related-article a > div span.article-card-title{font-size: 16px !important; line-height: 22px !important}
    .article-page article.main .article-content .text .inline-related-article a figure{width: 84px; height: 84px}
    .article-page .image-overlay img{width: 100%; max-width: 100%} /* 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: -100%}
    .paywall.hide-on-load{bottom: -100%}
    .paywall.datawall 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.datawall{width: 100%}
    .paywall.datawall form{padding: 25px 20px 0 25px}
    .paywall.datawall form .form-header h3{font-size: 20px}
    .paywall.datawall form .form-header span.datawall_title{font-size: 20px}
    .paywall.datawall form .form-header p{font-size: 18px !important; line-height: 34px !important}
    .text .paywall.datawall form .form-header p span{line-height: 34px !important}
    .paywall.datawall form .social-login > div{margin: 25px 0 35px 0}
    .paywall.datawall form .container{padding: 0}
    .paywall.datawall form .container .row label{font-size: 14px; margin: 0 0 5px 0}
    .paywall.datawall form .container .row input[type="text"], .paywall.datawall form .container .row input[type="email"], .paywall.datawall form .container .row input[type="password"]{height: 48px}
    .paywall.datawall form .container .row{margin: 0 0 25px 0}
    .paywall.datawall form .container .subscription-notice .newsletter p{font-size: 14px !important; line-height: 16px !important}
    .paywall.datawall form .container .subscription-notice .terms p{font-size: 14px; line-height: 16px}
    .paywall.datawall .subscribed{margin: 20px 0 0 0; padding: 20px 0}
    .paywall.datawall .subscribed p{font-size: 16px !important; line-height: 20px !important; padding: 0 40px}

    .paywall.datawall-after{min-height: 115px; padding: 20px}
    .paywall.datawall-after .message h3{font-size: 16px; line-height: 19px}
    .paywall.datawall-after .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{padding: 0 0 30px 0 !important}
    .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 p{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 15px 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; max-width: initial !important}
    .article-diapo article.main .article-content .caption .description{font-size: 16px !important; line-height: 24px !important}
    .article-diapo article.main .article-content .image-container.caption-next-to .inlineImage{max-width: 100%}
    .article-diapo article.main .article-content .image-container.caption-next-to .caption{width: 100%; margin: 0}
    .article-diapo article.main .article-content .image-container{margin: 0 0 30px 0; padding: 0}
    .article-diapo article.main .article-content .image-container.caption-next-to .caption .description{margin: 20px 0 0 0}
    .article-diapo article.main .article-content .image-container.caption-next-to .caption .description:before{content: '\f0d8'; top: 0}
    .article-diapo article.main .article-content .inlineImage{margin: 0 !important; width: 100% !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}

    .article-diapo article.main .article-keywords{width: calc(100% + 40px);margin: 30px -20px 0;padding: 20px 0 20px 20px;}
    .article-diapo article.main .article-keywords ul{display: flex;}
    .article-diapo article.main .article-keywords ul li a{padding: 5px 15px;}


    .article-page.recipe .gallery{padding: 20px}
    .article-page.recipe .gallery .navigate-container .navigate{width: 35px; height: 35px; font-size: 24px; line-height: 30px}
    .article-page.recipe .gallery .navigate-container .close{width: 35px; height: 35px; background-size: 20px; margin: 0 0 0 25px}
    .article-page.recipe .gallery .images li img{width: 100%}
    .article-page.recipe .gallery .images li .caption{margin: 20px 0 0 0; width: 100%}
    .article-page.recipe .gallery .images li .caption .counter{font-size: 18px}
    .article-page.recipe .gallery .images li .caption .description{font-size: 16px; line-height: 24px}
    .article-page.recipe .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 .dossier-details a > div span.title{font-size: 12px;}
    .article-page .dossier-component .dossier-details a > div span.category{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 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{margin: -20px 0 0 0}
    .article-page.liveblog .article-image{height: 252px}
    .article-page.liveblog .article-image p.image_caption{font-size: 16px; padding: 0 20px 20px 20px;}
    .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 span{display: block; margin: 15px 0 5px 0}
    .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.recettes_page h1{border-bottom: none;}
    .category-page h1.no-border{padding: 0; border: none}
    .category-page .parent-category-link{font-size: 14px}
    .category-page .mobile-slider-menu{height: 45px; float: none}
    .category-page .section-title .mobile-slider-menu.my_agenda .sub-categories li a{margin: 0;padding: 0px 14px 6px 14px;}
    .section-title .sub-categories li a img.my_agenda_logo{width: 30px;height: 22px;top: 5px;left: 5px;}
    .category-page .mobile-slider-menu.my_agenda{height: 50px;}
    .thematique-page .mobile-slider-menu{display: block;}
    .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 .section-title .mobile-slider-menu.my_agenda .sub-categories li:before{display: none !important;}
    .category-page .featured .article-1{width: calc(100% - 20px); height: auto}
    .category-page .featured .article-1.no-image{margin: 0 10px}
    .category-page .article-1.no-image .content .details{padding: 25px 0}
    .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 10px 25px 10px}
    .category-page .featured .article-2.diapo .content .details{padding: 20px;background-color: #323031}
    .sidebar .newsletter-box, article.main .newsletter-box{width: calc(100% + 20px); margin: 0 -10px; padding: 30px; min-height: initial}
    .sidebar .newsletter-box figure, article.main .newsletter-box figure{width: 100px; height: 100px}
    .sidebar .newsletter-box h2, article.main .newsletter-box h2{margin: 20px 0 0 0}
    .sidebar .newsletter-box p, article.main .newsletter-box p{font-size: 18px; line-height: 28px; margin: 5px 0 0 0}
    .sidebar .newsletter-box form, article.main .newsletter-box form{margin: 10px 0 0 0}
    .sidebar .newsletter-box form input, article.main .newsletter-box form input{width: 100%}
    .sidebar .newsletter-box form a:hover, article.main .newsletter-box form a:hover{background-color: #1B1A1A}
    .sidebar .newsletter-box .more, article.main .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 .first_article_author_container {bottom: -15px; top: auto; min-width: 50%;}
    .dossier-page .cover .details .main-container .first_article_author_container h3 {font-size: 13px;}
    .dossier-page .cover .details .main-container .first_article_author_container img {width: 60px; height: 60px;}
    .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: 25px 10px 50px 10px}
    .english-page .dossier-page .sidebar .other-files{margin: 50px 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}
    .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 .social-icons{padding: 0}
    .author-page .author-details .social-icons a{margin: 0 5px 0 0; width: 24px; height: 24px; line-height: 32px}
    .author-page .author-details .social-icons a i{font-size: 14px}
    .author-page .author-details p{font-size: 14px; line-height: 22px}
    /* .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: calc(100% - 20px); 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 figure{float: none; width: 112px; height: 112px}
    .editorials-page .article-signature a h2{font-size: 13px; padding: 0; text-align: center}
    .editorials-page .article-signature a h3{padding: 0; text-align: center}
    .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 figure.premium{margin: 0 0 20px 0}
    .newsletters-page .newsletters .newsletter .content figure.premium ~ h2{margin: 0 0 20px 10px}
    .newsletters-page .newsletters .newsletter .content figure.premium:after{font-size: 8px; width: 50px; bottom: -10px; height: 20px; line-height: 20px; left: -3px}
    .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 span{font-size: 14px}
    .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.active .content .email-container{margin: 100px 0 10px 0;}
    .newsletters-page .newsletters .newsletter.active .content span.subscribe{left: 45%;font-size: 18px;bottom: 140px;}
    .newsletters-page .newsletters .newsletter.active .content span.subscribe::after{top: 35px;}
    .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*/

    /* Newsletter preview page*/
    .newsletter-preview-page .newsletter-preview{width: 100%}
    /*End Newsletter preview page*/

    /*WhatsApp Channel*/
    .channel-whatsapp-page .channels-page-inner .channel-subscribe-link {width: 90%;}
    .channel-whatsapp-page .channels-page-inner .channel-page-footer {width: 90%;}
    .channel-whatsapp-page .channels-page-inner .channel-page-footer a {margin: 20px 20px 0 20px;}
    .channel-whatsapp-page .channel-page-share-container-inner {max-width: 90%;}
    .channel-whatsapp-page .channels-page-inner .channel-description {max-width: 90%; margin: auto;}
    /*End WhatsApp Channel*/

    /*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 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: 300px; background: url('../images/boutique/boutique-homepage-cover-mobile.jpg?1') no-repeat ; background-size: cover}
    .boutique-page .items-page .cover .text h1{font-size: 20px; line-height: 30px; width: 90%; margin: auto;}
    .boutique-page .items-page .cover .text{transform: translateY(-50%); padding: 0 20px; top: 65px;}
    .boutique-page .items-page .main-container{padding: 0 20px}
    .boutique-page .items-page ul.items{margin: -145px 0 0 0 !important; display: flex; flex-direction: column;}
    .boutique-page .items-page ul.items li{width: 100% !important; margin: 0 0 10px 0;top:0;position: initial}
    .boutique-page .items-page ul.items li.mensuel{order: 2; margin: 0 0 20px 0 !important;}
    .boutique-page .items-page ul.items li.other{order:3; margin: 0 !important;}
    .boutique-page .items-page ul.items li.annuel{margin: 0 0 10px 0 !important;}
    .boutique-page .items-page ul.items li.annuel .content{min-height:auto;}
    .boutique-page.english-page .items-page ul.items li.annuel .content{min-height: auto;}
    .boutique-page .items-page ul.items li .content{padding: 30px 0 !important;}
    .boutique-page .items-page ul.items li.mensuel .content, .boutique-page .items-page ul.items li.other .content{height: auto !important;}
    .boutique-page.english-page .items-page ul.items li.mensuel .content, .boutique-page.english-page .items-page ul.items li.other .content{min-height: auto !important;}
    .boutique-page .items-page ul.items li.annuel .content h2{font-size: 50px;line-height: 60px; font-weight: 700;}
    .boutique-page .items-page ul.items li.annuel .content h4{padding: 6px 12px;  font-size: 16px; font-weight: 700;}
    .boutique-page .items-page ul.items li.annuel .content p{font-size: 14px; line-height: 21px;}
    .boutique-page .items-page ul.items li.annuel .subscribe{margin: 20px auto 0 auto;}
    .boutique-page .items-page ul.items li.mensuel .content h2{font-size: 50px; font-weight: 700; line-height: 60px;}
    .boutique-page .items-page ul.items li.mensuel .content p{font-size: 14px; line-height: 21px; font-weight: 400}
    .boutique-page .items-page ul.items li .content h2 span{font-size: 30px;}
    .boutique-page .items-page ul.items li.mensuel .subscribe{margin: 20px auto 0 auto;}
    .boutique-page .items-page ul.items li.other .content h2{font-size: 50px; font-weight: 700; line-height: 60px;}
    .boutique-page .items-page ul.items li.other .content p{font-size: 14px; line-height: 21px; font-weight: 400;width: 60%;}
    .boutique-page .items-page ul.items li.other .subscribe{margin: 20px auto 0 auto;}
    .boutique-page .items-page ul.items li .content{width: 100%; min-height: initial}
    .boutique-page .items-page ul.items li .content p.engagement{font-size: 12px}
    .boutique-page .items-page div.avantages {margin: 20px 0 40px 0;}
    .boutique-page .items-page div.avantages h2{font-size: 20px; line-height: 30px; width: 80%; margin:auto}
    .boutique-page .items-page div.avantages ul{flex-flow: wrap; justify-content: space-between; gap: 12px;}
    .boutique-page .items-page div.avantages ul li{width: 140px;}
    .boutique-page .items-page div.avantages ul li img{width: 25px; height: 25px;}
    .boutique-page .items-page div.avantages ul li:nth-child(3){width: 100%;}
    .boutique-page .items-page div.avantages ul li span{margin: 7px 0 0 0; font-size: 14px; line-height: 21px; width: 88%; margin:auto}
    .boutique-page .items-page div.avantages ul li:nth-child(3) span{width: 75%;}


    .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: 0 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; min-height: initial}
    .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}

    header .desktop-header.boutique-header .main-menu .container{padding: 0 20px}
    header .desktop-header.boutique-header .main-menu .inmenu-left-content .logo{margin: 19px 0}
    .boutique-payment-page .main-container{margin: 25px auto 60px auto; padding: 0 20px}
    .boutique-payment-page .main-container .product-info-container{width: 100%; display: block}
    .boutique-payment-page .main-container .product-info a{font-size: 12px; color: #777272; font-family: AktivGrotesk-Regular, Helvetica, Arial, sans-serif; display: block; text-align: center; margin: 35px 0 0 0}
    .boutique-payment-page .main-container .product-info a:after{content: ''; width: 12px; height: 6px; display: inline-block; background: url('/assets/images/arrow-down-grey.png') no-repeat center; background-size: contain; margin: 0 0 0 10px; transition: .3s}
    .boutique-payment-page .main-container .product-info a.active:after{transform: rotate(-180deg)}

    .boutique-page.english-page .boutique-payment-page .main-container .product-info .mobile .price{margin: 15px 0 0 0;}
    .boutique-page.english-page .boutique-payment-page .main-container .product-info .mobile .price h2{color: #e0b543 !important}

    .boutique-payment-page .main-container .product-info ul{display: none}
    .boutique-payment-page .main-container .product-info ul li.name{display: none}
    .boutique-payment-page .main-container .payment-form{width: 100%; display: block; margin: 15px 0 0 0}
    .boutique-payment-page .main-container .payment-form h2{font-size: 18px; margin: 0 0 25px 0; line-height: 28px}
    .boutique-payment-page .main-container .payment-form p, .boutique-payment-page .main-container .payment-form p.donation-message, .boutique-payment-page .main-container .payment-form p.change-country{margin: 0 0 30px 0}
    .boutique-payment-page .main-container .payment-form .login{font-size: 14px; float: none; display: block; margin: -15px 0 30px 0}
    .boutique-payment-page .main-container .payment-form .section{padding: 25px 17px 5px 17px}
    .boutique-payment-page .main-container .payment-form label{font-size: 12px; margin: 0 0 5px 0; line-height: 15px}
    .boutique-payment-page .main-container .payment-form .options li > div .container{max-width: initial; display: block}
    .boutique-payment-page .main-container .payment-form .options li > div h3, .boutique-payment-page .main-container .payment-form .options li > div h4{font-size: 16px; line-height: 24px}
    .boutique-payment-page .main-container .payment-form .options li > div span{margin: 5px 0 0 0; max-width: initial; display: inline-block; font-size: 14px}
    .boutique-payment-page .main-container .payment-form select{width: 100%}
    .boutique-payment-page .main-container .payment-form .payment .saved-card p{font-size: 14px}
    .boutique-payment-page .main-container .payment-form .donation .remove-donation{font-size: 14px}
    .boutique-payment-page .main-container .payment-form input::-webkit-input-placeholder{font-size: 16px}
    .boutique-payment-page .main-container .payment-form input:-moz-placeholder{font-size: 16px}
    .boutique-payment-page .main-container .payment-form input::-moz-placeholder{font-size: 16px}
    .boutique-payment-page .main-container .payment-form input:-ms-input-placeholder{font-size: 16px}
    .boutique-payment-page .main-container .payment-form .donation span{font-size: 16px; margin: 0 0 0 15px}
    .boutique-payment-page .main-container .payment-form .donation span.optionel{font-size: 13px; margin: 0 0 0 10px;}
    .boutique-payment-page .main-container .payment-form .card-details{width: 100% !important}
    .boutique-payment-page .main-container .payment-form .card-details .expiry-date, .boutique-payment-page .main-container .payment-form .card-details .security-code{width: 100%; margin: 0; display: block}
    .boutique-payment-page .main-container .payment-form .card-details .expiry-date input{width: 48%; margin: 0 4% 25px 0}
    .boutique-payment-page .main-container .payment-form .card-details iframe{vertical-align: top}
    .boutique-payment-page .main-container .terms{margin: 45px 0 0 0; padding: 0 20px}
    .boutique-payment-page .main-container .submit{margin: 45px auto 0 auto; font-size: 12px}
    .payment-success-popup > div h3{font-size: 20px}
    .payment-success-popup a.gotoOLJ{font-size: 15px}
    .boutique-countries-list{padding: 45px 20px}
    .boutique-countries-list ul li{width: 33.33%}
    .boutique-countries-list .close{top: 10px; right: 10px; width: 26px; height: 25px; background: url('../images/icons-sprite.png?1') no-repeat -47px -16px; background-size: 78px}
    .boutique-payment-page .main-container .payment-form.revamp .section.payment div.total label{font-size: 14px; line-height: 21px; margin: 0}

    .boutique-page.english-page .items-page{padding: 0 0 40px}
    .boutique-page.english-page .items-page .cover{height: 438px; background: url('../images/boutique-homepage-cover.jpeg') no-repeat center; background-size: cover}
    .boutique-page.english-page .items-page .cover .text{transform: translateY(-50%); padding: 0 20px}
    .boutique-page.english-page .items-page .cover .text h1{font-size: 24px; line-height: 30px; width: 100%}
    .boutique-page.english-page .items-page .cover .text h2{font-size: 20px; line-height: 24px}
    .boutique-page.english-page .items-page ul.items{margin: 40px 0 0}
    .boutique-page.english-page .items-page ul.items li{top: initial; margin: 0 0 20px 0}
    .boutique-page.english-page .items-page .reasons-container{height: auto}
    /*End Boutique Pages*/

    /*boutique payment success page*/
    .payment-success.revamp{padding: 20px 0 50px 0;}
    .payment-success.revamp .main-container{padding: 0 20px;}
    .payment-success.revamp .row{flex-direction: column;}
    .payment-success.revamp .row .right_col ,.payment-success.revamp .row .left_col{width: 100%;}
    .payment-success.revamp .row .right_col {order: 2;}
    .payment-success.revamp .row .left_col {order: 1;}
    .payment-success.revamp .row .left_col h2{font-size: 16px;}
    .payment-success.revamp .row .right_col .article-1 img{height: 175px;}
    .payment-success.revamp .row .right_col .redaction{flex-direction: column; margin: 0;}
    .payment-success.revamp .row .right_col .redaction .article-2{border-bottom: 1px solid #D1CFCF; margin: 0;}
    .payment-success.revamp .row .right_col .redaction .article-2 h2{padding: 0; margin: 10px 0 20px 0}
    .payment-success.revamp .row .right_col a.gotoOLJ{display: inline-block; margin: 20px 0 10px 0;}
    .payment-success.revamp .row .left_col h1.mobile{font-size: 24px; line-height: 32px; font-weight: 700; font-family:AktivGrotesk-Bold,Helvetica,Arial,sans-serif; padding: 0 0 5px 0;}
    .payment-success.revamp .row .left_col h3.mobile{font-size: 16px; font-weight: 500; font-family:AktivGrotesk-Regular,Helvetica,Arial,sans-serif;width: 90%;}
    .payment-success.revamp .row .left_col .triple-border.mobile{width: 100%; margin: 20px auto 20px auto;}
    .payment-success.revamp .row .left_col ul li p{width: 90%; margin: auto;}

    /* End boutique payment success page*/

    /*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: 10px; width: 110px; 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 .card-notice.offers-notice a.link{font-size: 13px}
    .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%}
    .myaccount-pages .right-column .card-details h3{font-size: 16px}
    .myaccount-pages .right-column .card-details .card-detail label{font-size: 12px}
    .myaccount-pages .right-column .card-details .card-detail input{height: 30px; padding: 5px}
    .myaccount-pages .right-column .card-details .expiry-date input{width: 48%; margin: 0 4% 10px 0}
    .myaccount-pages .right-column .card-details .expiry-date input:last-child{margin: 0 0 10px 0}
    .myaccount-pages .right-column .card-details .netcommerce-logo .netcommerce-logo{width: 80px; height: 35px}

    .myaccount-pages .right-column .section form .profile_buttons{flex-direction: column;}
    .delete_account_popup form{width: 90%; padding: 15px;}
    .delete_account_popup p{font-size: 12px;}
    .delete_account_popup label{font-size: 12px;}
    .delete_account_popup a{display: block; text-align: center; font-size: 13px; margin: 20px 0 0 0;}
    /*newsletter preview*/
    .newsletter-overlay .newsletter-preview-subscribe{padding: 20px 50px 25px 20px}
    .newsletter-overlay .newsletter-preview-subscribe .email-container a:hover{background-color: #1B1A1A}
    .newsletter-overlay .content{width: 100%; top: 0; height: 90%; border-radius: 0}
    .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 .main-container .games li.motamo .partner span{display: none;}
    .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}
    .jeux-page.motamo .main-container .game-container{margin: 0 -10px;padding: 0;width: calc(100% + 20px);}
    .jeux-page.motamo .main-container .game-container iframe{height: calc(100svh - 60px);}
    .jeux-page.motamo .main-container .popup-container{height: auto;width: 90%;padding: 30px 5px;}
    .jeux-page.motamo .main-container .popup-container .popup-message p{font-size: 15px;}
    
    /*End Jeux Page*/


    /*FAQ Page*/
    .faq-page h1{font-size: 22px}
    .faq-page section h2{font-size: 16px; line-height: 19px}
    .faq-page .triple-border{width: calc(100% - 20px); margin: 20px auto}
    .faq-page .main-container .main-column ul li{font-size: 14px; line-height: 30px}
    .faq-page .main-container .main-column 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.inline_paywall .container form > div .buttons{text-align: center;}
    .login-page.inline_paywall .container span.datawall_title{font-size: 17px;}
    .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: 25px 0 50px 0}
    .register-page h1{font-size: 24px; line-height: 29px; padding: 0 20px}
    .register-page h1 span{font-size: 18px; line-height: 24px; margin: 10px 0}
    .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 .welcome{width: calc(100% - 20px); margin: auto}
    .register-page .welcome > div{padding: 20px 0; margin: 0 0 20px 0}
    .register-page .welcome > div h2{font-size: 16px; line-height: 24px; padding: 0 45px}
    .register-page .welcome > div p{padding: 0 20px}
    .register-page .newsletters h1{font-size: 14px; line-height: 21px;}
    .register-page .skip-newsletter{font-size: 14px; margin: 15px auto 0 auto;}
    .register-page .newsletters .container{margin: 20px 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 20px 0 !important; height: auto; min-height: auto; padding: 20px;}
    .register-page .newsletters .container ul.newsletter-listing li{height: auto;}
    .register-page .newsletters .container ul li .image-bubble{display: none;}
    .register-page .newsletters .container ul li p{font-size: 14px; line-height: 21px;}
    .register-page .newsletters .container ul li figure{width: 50px; height: 50px;}
    .register-page .newsletters .container ul li h3{font-size: 16px; width: 47%;}

    .register-page .newsletters .container div.social-links{flex-direction: column;padding: 0 10px;}
    .register-page .newsletters .container div.social-links .right_col, .register-page .newsletters .container div.social-links .center_col, .register-page .newsletters .container div.social-links .left_col{width: 100%; padding: 20px;}
    .register-page .newsletters .container div.social-links p{font-size: 14px; line-height: 21px;}
    .register-page .newsletters .container div.social-links .right_col img, .register-page .newsletters .container div.social-links .left_col img{width: 50px; height: 50px;}
    .register-page .newsletters .container div.social-links .right_col p, .register-page .newsletters .container div.social-links .left_col p{width: 60%;}
    .register-page .newsletters .container div.social-links .center_col{padding: 15px 20px 15px 20px;}
    .register-page .newsletters .container div.social-links .center_col p{text-align: center;}
    .register-page .newsletters .container div.social-links .center_col ul{width: 100%;text-align: center; margin: 9px 0 0 0;}
    .register-page .newsletters .container div.social-links .center_col ul li{margin: 0 10px 0 0 !important; width: fit-content;}
    .register-page .newsletters .container div.social-links .center_col ul li img{width: 30px; height: 30px;}
    .register-page .newsletters .container .black-button{margin: 66px auto 0 auto}


    /*End Register Page*/


    /*Donation Page*/
    .upgrade-banner.donation-banner{padding: 0 35px;}
    .english-banner .upgrade-banner.donation-banner{padding: 10px 35px;}
    .donation-page .cover{margin: 0 0 30px 0}
    .donation-page .cover .text{padding: 20px}
    .donation-page .cover.snow .text{padding: 20px;}
    .donation-page .cover .text h2{font-size: 22px; line-height: 30px}
    .donation-page .cover.snow .text h2{font-size: 16px;}
    .donation-page .cover .text h3{font-size: 20px; line-height: 26px}
    .donation-page .main-container{padding: 0 20px}
    .donation-page form{padding: 0 0 60px 0}
    .donation-page form h3{font-size: 18px; margin: 0 0 10px 0}
    .donation-page form .row{margin: 0 0 20px 0}
    .donation-page form label{font-size: 14px; display: inline; line-height: 30px}
    .donation-page form span{margin: -5px 0 0 10px}
    .donation-page .buttons a, .donation-page .buttons button{width: 100%}
    .donation-page .buttons button.submit-donation{padding: 0 10px;}
    .donation-page .no-account{margin: 0; padding: 40px 0 60px 0}
    .donation-page .no-account h2{font-size: 24px}
    .donation-page .no-account p{font-size: 16px}
    .donation-page .no-account a{width: 100%}
    .donation-page form .row ul.prices{text-align: center}
    .donation-page form .row ul.prices li{margin: 0 10px 10px 0; line-height: 22px}
    .donation-page form .row ul.prices li:last-child{margin: 0 0 10px 0}
    .donation-page form .row ul.prices li label{line-height: initial}
    .donation-page form .row ul.prices li.custom-amount span{margin: 0}
    .donation-page form .account-creation-container{padding: 25px 17px 5px 17px}
    .donation-page form .account-creation-container h3{font-size: 21px; margin: 0 0 25px; line-height: 28px}
    .donation-page form .account-creation-container .row label{font-size: 14px; margin: 0 0 5px 0; line-height: initial}
    .donation-page form .row .edit-card-details{width: 100%; text-align: center;padding: 15px; font-size: 14px;}

    .donation-page form .account-creation-container span.inscription{font-size: 13px;}
    .donation-page form .account-creation-container span.inscription button{font-size: 13px;}
    .donation-page form .account-creation-container .row.revamp{margin: 20px 0 0 0;}
    .donation-page form .account-creation-container .row.revamp label{font-size: 14px;}
    .donation-page form .account-creation-container .row.revamp input{margin: 0 0 10px 0;}
    .donation-page form .account-creation-container .row.revamp .personal-col{display: block;}
    .donation-page form .account-creation-container .row.revamp .personal-col .input-group{width: 100%;}
    .donation-page form .account-creation-container .row.revamp .mobile_country_list_row .select2-container{width: 30% !important;}
    .donation-page form .account-creation-container .row.revamp .mobile_country_list_row input.mobile_number_input{width: calc(70% - 20px) !important;}
    .donation-page form .account-creation-container .row.revamp .select2-container--default .select2-selection--single .select2-selection__rendered{margin: 0;}
    .donation-page form .account-creation-container .row.revamp .select2-container--default .select2-selection--single .select2-selection__arrow b:before{top: 0px;font-size: 16px;}

    /*End Donation 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{margin: 20px 0 0 0}
    .archives-page .search-results h4{font-size: 16px}
    .archives-page .article-6{padding: 25px 0 35px 0}
    .archives-page .article-6 h2{font-size: 19px; 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 .logos .today{width: 130px}
    .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%}


    /* Agenda Culturel Page */
    .agenda-culturel-page .main-container iframe{width: calc(100% - 30px); margin: auto; display: block}
    /* End Agenda Culturel Page */

    /*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{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*/
    .add_margin_flag {margin-top: 0!important;}


    /*Vote Diaspora Page*/
    .vote-diaspora-page{margin: -20px 0 -40px 0}
    .vote-diaspora-page .cover{height: 235px; margin: 0 0 20px 0}
    .vote-diaspora-page .cover h1{font-size: 30px; padding: 0 10px; top: 10%}
    .vote-diaspora-page .text p{margin: 0 0 20px 0; font-size: 15px}
    .vote-diaspora-page .vote-steps{margin: 30px 0}
    .vote-diaspora-page .vote-steps ul li{padding: 25px 0}
    .vote-diaspora-page .vote-steps ul li.step figure{display: none}
    .vote-diaspora-page .vote-steps ul li.step .text{width: 100%; margin: 0}
    .vote-diaspora-page .vote-steps ul li.step .text p{padding: 0 !important; margin: 0 0 20px 0; font-size: 15px}
    .vote-diaspora-page .vote-steps ul li.step .text{padding: 0; position: relative}
    .vote-diaspora-page .vote-steps ul li.step .text h2{padding: 0 0 0 45px}
    .vote-diaspora-page .vote-steps ul li.step .text:before{position: absolute; font-family: PoynterOSDisp-Bold, Helvetica, Arial, sans-serif; font-size: 22px; color: #FDD6B2; width: 35px; height: 35px; line-height: 34px; border-radius: 50%; text-align: center; background-color: #000000; font-style: normal; top: -5px; left: 0}
    .vote-diaspora-page .vote-steps ul li.step-1 .text:before{content: '1'; color: #FCE5D1}
    .vote-diaspora-page .vote-steps ul li.step-3 .text:before{content: '3'; color: #FCC697}
    .vote-diaspora-page .vote-steps ul li.step .text h2{font-size: 20px; margin: 0 0 15px 0}
    .vote-diaspora-page .text h2{font-size: 20px; margin: 30px 0 15px 0}
    .vote-diaspora-page .voters-list{padding: 25px 0; margin: 30px 0 0 0}
    .vote-diaspora-page .voters-list .bg{width: 50%}
    .vote-diaspora-page .voters-list h2{margin: 0 0 15px 0}
    .vote-diaspora-page .btn.red:hover{color: #FFFFFF; background-color: #E01A22}
    .vote-diaspora-page .btn.green:hover{color: #FFFFFF; background-color: #12AA5C}
    /*End Vote Diaspora Page*/


    /*Videos Page*/
    .article-video-1{border-bottom: 1px solid #D1CFCF}
    .article-video-1 figure{height: 216px !important}
    .article-video-1 figure:before{width: 60px; height: 60px; left: 0; right: 0; top: 0; bottom: 0}
    .article-video-1 h4{font-size: 12px; font-family: AktivGroteskEx-Medium,Helvetica,Arial,sans-serif; color: #777272; text-transform: uppercase; font-weight: 400; margin: 10px 0}
    .article-video-1 .article-card-title{font-family: PoynterOSDisp-Semibold, Helvetica, Arial, sans-serif; line-height: 30px; font-size: 27px; font-weight: 400; transition: .25s; color: #1B1A1A; position: relative; padding: 0}    
    .article-video-1 p{font-size: 16px; font-family: AktivGrotesk-Regular,Helvetica,Arial,sans-serif; color: #1B1A1A; line-height: 24px; margin: 15px 0 0 0}

    .video-dynamic-section{width: calc(100% + 20px); margin: 0 -10px 25px -10px; padding: 20px 15px 50px 15px}
    .video-dynamic-section .container .details{display:none}
    .video-dynamic-section .container figure{width:100%; height: 200px}
    .video-dynamic-section .container .article-title{padding: 20px 0}
    .video-dynamic-section .container .article-title h2{font-size: 20px; line-height: 28px}
    .video-dynamic-section .container .line-button{border-top:none}
    .video-dynamic-section .container .line-button .end-button{position: absolute; bottom: -30px; top: initial; left: -15px; font-size: 14px}
    .video-dynamic-section .category-name{display:block; margin: 0 0 20px 0; left: 15px; text-transform: uppercase; font-size: 14px}

    .article-page article.main .article-content .text .noReload.embed.inlineVideo iframe, .article-page article.main .article-content .text iframe{min-height: 190px}
    .article-page article.main .article-content .text .resize-youtube-iframe{height: 190px}
    /*End Videos Page*/

    section.sponsored-articles .section-title .title i{margin: 0 0 0 8px}
    .homepage section.sponsored-articles .tooltip{margin: 2px 10px 0 0}
    .homepage section.sponsored-articles .tooltip p{right: 0}


    /* Archives Index Page */
    .archives-index-page form.search .row ul{grid-template-columns: repeat(5, calc((100% - 60px) / 5))}
    .archives-index-page form.search .row.month ul{grid-template-columns: repeat(3, calc((100% - 30px) / 3))}
    /* End Archives Index Page */

    .keywords-page .keywords-list li{width: calc(50% - 20px); margin: 0 40px 30px 0}
    .keywords-page .keywords-list li:nth-child(2n){margin: 0 0 30px 0}
    .keywords-page .section-title .search-component{width: 100%; float: none; margin: 10px 0 0 0; padding: 0 10px}
    .keywords-page .section-title .search-component input{width: 100%}
}
@media (min-width:768px) and (max-width:830px){
    header .desktop-header .main-menu nav ul.main>li.has-sub.guerre_hamas>a{padding: 0 !important;position: relative; top: 2px;}
    header.english-header .desktop-header .main-menu nav ul.main>li.has-sub.guerre_hamas>a{padding: 0 !important;position: relative; top: 0px;}
    header .desktop-header .main-menu nav ul.main>li>a{font-size: 11px !important;}
}
@media only screen and (max-width: 520px) {
    .donation-page form .row ul.prices li:nth-child(4){margin: 0 0 10px 0}
    .donation-page form .row ul.prices li:last-child{margin: 0}
}

@media only screen and (max-width: 342px) {
    .donation-page .buttons button.submit-donation{height: initial; padding: 10px; line-height: 20px}
}

@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: 105px; margin: 0 0 0 5px}
    header .mobile-header .mobile-menu .menu-head{padding: 15px 8px}
}

@media (min-width:961px) and (max-width:1160px){
    header.fixed .desktop-header .main-menu nav ul.main>li.guerre_hamas{display: none;}
    header .desktop-header .main-menu nav ul.main>li.guerre_hamas.d-none{display: none;}
    header.fixed .desktop-header .main-menu nav ul.main li.le_siecle img.le_siecle_logo{display: none;}

}
@media (min-width:1000px) and (max-width:1150px){
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{padding: 0 8px 0 20px !important;}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li > a{padding: 0 7px 0 11px !important;}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a{padding: 5px 10px !important;}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a img{width: 12px;height: 14px;top: 3px;}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu nav ul.main > li > a{padding: 0 8px !important;}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu nav ul.main > li.has-sub > a:before{left: -3px;}
}

@media (min-width:768px) and (max-width:1140px){
    .boutique-page .items-page ul.items li.annuel .content{min-height: 500px;}
    .boutique-page .items-page ul.items li.mensuel .content, .boutique-page .items-page ul.items li.other .content{min-height: 460px;}
    .boutique-page.english-page .items-page ul.items li.mensuel .content, .boutique-page.english-page .items-page ul.items li.other .content{min-height: 380px;}
    .boutique-page.english-page .items-page ul.items li.annuel .content h4{width: 185px;font-size: 18px;}
    .boutique-page .items-page ul.items li.annuel .content h4{font-size: 15px;width: 175px;}
    .boutique-page.english-page .items-page ul.items li.annuel .content{min-height: 420px;}
}

@media only screen and (max-width: 1500px) {
    header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 300px}
}

@media only screen and (max-width: 1440px) {
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 22px 0 0 5px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 195px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 260px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.elections-link > a{width: 140px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li > a{line-height: 70px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.elections-link > a{margin: 2px 0 0 0}*/
}

@media only screen and (max-width: 1280px) {
    header .desktop-header.pages-header .main-menu .container{padding: 0 5px}
    header .desktop-header.pages-header .main-menu .toggle-menu{width: 32px}
    header .desktop-header .main-menu nav ul.main > li > a{font-size: 13px}
    header .desktop-header .main-menu nav ul.main > li.has-sub > a{padding: 0 5px 0 15px}
    header .desktop-header .main-menu nav ul.main > li > ul{width: 200px}
    header .desktop-header .main-menu nav ul.main > li.has-sub.guerre_hamas > a{padding: 0 8px 0 17px;}
    .districts-carousel .districts-container .owl-nav .owl-prev{left: 10px}
    .districts-carousel .districts-container .owl-nav .owl-next{right: 0}
}

@media only screen and (max-width: 1200px) {
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{margin: 25px 0 0 5px}*/
    /*header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 160px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a{padding: 0 4px 0 15px}*/
    /*header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a:before{left: 2px}*/
}

@media only screen and (max-width: 1130px) {
    header .desktop-header.pages-header .main-menu .inmenu-left-content .logo{width: 120px; height: 18px; margin: 28px 0 0 5px}
    header .desktop-header.pages-header.cooking .main-menu .inmenu-left-content .logo{width: 105px;height: 15px;margin: 28px 0 0 5px !important;}
    header .desktop-header.pages-header .main-menu .inmenu-left-content{width: 130px}
    header .desktop-header.pages-header.cooking .main-menu .inmenu-left-content{width: 110px;}
    header .desktop-header.cooking .main-menu nav ul.main > li.carnet_recettes a img{width: 12px;height: 14px;top: 4px;}
    header .desktop-header.pages-header .main-menu .inmenu-right-content{width: 207px}
    header .desktop-header .main-menu .inmenu-right-content .login{margin: 0 2px 0 0}
    header .desktop-header .main-menu .inmenu-right-content .toggle-search{margin: -8px 5px 0 0}
}

@media only screen and (max-width: 1000px) {
    header .desktop-header .main-menu nav ul.main > li > a{font-size: 13px}    
    header.english-header .desktop-header .main-menu nav ul.main > li > a{padding: 0 13px; font-size: 12px;}
    header .desktop-header.pages-header .main-menu nav ul.main > li > a{font-size: 13px}
    header .desktop-header.pages-header.cooking .main-menu nav ul.main > li > a{font-size: 10px;}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu nav ul.main > li > a{font-size: 12px;padding:0 8px 0 11px !important}
    header.english-header.fixed .desktop-header.pages-header .main-menu nav ul.main>li>a{font-size: 12px;padding:0 8px 0 12px !important}
    header .desktop-header.pages-header .main-menu nav ul.main > li.has-sub > a{padding: 0 4px 0 12px}
    header.fixed .desktop-header.pages-header.le-siecle .main-menu .inmenu-left-content .logo{margin: 10px 0 0 0;height: 50px;}
    .header_cooking_image{height: 55px;}
}

@media only screen and (max-width: 960px) {  
    /* header.english-header .desktop-header .main-menu nav ul.main > li > a{padding: 0 7px}*/
    header.english-header .desktop-header .main-menu nav ul.main > li.has-sub > a:before{left: 5px; top: 2px;}
    /* header.english-header .desktop-header .main-menu nav ul.main > li{vertical-align: unset;} */
}

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}
[style*="--aspect-ratio"] > img {  
    height: auto;
} 
@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }  
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }  
}