#article .container {
    padding-left: 50px;
    padding-right: 50px;
    width: 70%;
}

#article .ticketing-block.container {
    width: 100%;
}

@media (min-width: 1200px) {
    #article .container {
        width: 60%;
    }
}

@media (max-width: 999px) {
    #article .container {
        padding-left: 40px;
        padding-right: 40px;
        width: 80%;
    }
}

@media (max-width: 767px) {
    #article .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
}

/* Article Header */
/* --- Submenu --- */
#article #article-submenu {
    width: 100%;
    /*height: 60px;
    position: fixed;
    top: 150px;*/
    z-index: 100;
}

#article #article-submenu .article-submenu-content {
    display: flex;
    justify-content: center;
    width: max-content;
    height: inherit;
    text-align: center;
}

#article #article-submenu a {
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #111111;
    transition-duration: 0.5s;
}

#article #article-submenu a:hover, #article #article-submenu a.active {
    color: #fff;
    transition-duration: 0.5s;
}

@media (min-width: 1200px) {
    #article #article-submenu a {
        font-size: 18px;
    }
}

@media (max-width: 999px) {
    #article #article-submenu {
        top: 110px;
        overflow-x: scroll;
    }

    #article #article-submenu a {
        height: inherit;
    }
}

@media (min-width: 768px) {
    #article #article-submenu {
        justify-content: center;
    }

    #article #article-submenu.submenu-11 .article-submenu-content {
        width: auto;
    }
}

@media (min-width: 1000px) {
    #article #article-submenu .article-submenu-content {
        width: auto;
    }

    #article #article-submenu.submenu-12 {
        display: block;
    }

    #article #article-submenu.submenu-12 .article-submenu-content {
        display: block;
        padding: 5px 0;
    }

    #article #article-submenu.submenu-12 .article-submenu-content a {
        display: inline-block;
    }
}

/* --- Header --- */
#article #article-header {
    position: relative;
}

#article #article-header.width-submenu {
    /*margin-top: 60px;*/
}

#article #article-header #article-img {
    max-height: 455px;
    overflow-y:hidden;
    background-color: #111111;
}

#article #article-header #article-img img {
    width:100%;
    opacity: 0.5;
}

#article #article-header .block-title {
    padding: 0 15px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#article #article-header .block-title h1 {
    margin-bottom: 0;
    font-size: 40px;
}

#article #article-header .block-subtitle {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}

#article #article-header .block-subtitle #article-subtitle {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: 'helveticaregular';
    font-size: 14px;
    font-style: italic;
    background-color: #fff;
}

@media (min-width:768px) {
    #article #article-header .block-title h1 {
        font-size:50px;
    }

    #article #article-header .block-subtitle #article-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 999px) {
    #article #article-header .block-subtitle #article-subtitle {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    /*#article #article-header .block-title {
        transform: translateY(-200%);
    }*/

    #article #article-header .block-subtitle {
        width: 100%;
        position: relative;
        bottom: auto;
    }

    #article #article-header .block-subtitle #article-subtitle {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* LEFT */
#article #article-left > h2 {
    text-align:center;
    color:#000;
    font-size:14px;
    margin:0 0 15px 0;
    font-weight:bold;
}

#article #article-left > hr { margin:30px 0; }


#article #article-left article > * {
    margin-bottom:35px;
}

#article #article-content.nosubtitle {
    margin-top: 20px;
}

#article #article-content > * {
    margin-bottom:20px;
}

#article #article-content > *,
#article #article-content p {
    font-family: 'helveticaregular';
    font-size: 14px;
    line-height: 1.5;
    text-align:justify;
}

#article #article-content .article-p ul li {
    list-style-type:disc;
    margin-left:18px;
}

@media (min-width:768px) {
    #article #article-content.nosubtitle {
        margin-top: -100px;
        padding-top: 40px;
        position: relative;
        z-index: 3;
        background-color: #fff;
    }

    #article #article-content > * {
        margin-bottom:35px;
    }

    #article #article-content > *,
    #article #article-content p {
        font-size: 16px;
    }

    #article #article-content > *:not(.article-gallery) {
        margin-left:30px;margin-right:30px;
    }
}

/* Letterine */
#article #article-content .article-p-chapo {
    margin-bottom: 0;
    font-family: 'helveticabold';
}

#article #article-content .article-p-title {
    margin:40px 0 20px 0;
    font-family: 'loveloblack', sans-serif;
    text-align:center;
    font-size: 22px;
    line-height: 1.3;
}

@media (min-width:768px) {
    #article #article-content .article-p-title {
        margin-top:80px;
        margin-bottom:40px;
        font-size:30px;
        line-height:26px;
    }
}

#article #article-content p.article-p-quote {
    margin: 40px auto;
    text-align:center;
    padding: 20px 15px;
    color: #fff;
    font-style: italic;
    position: relative;
}

#article #article-content p.article-p-quote:before,
#article #article-content p.article-p-quote:after {
    content: '"';
    position: absolute;
    font-family: 'loveloblack', sans-serif;
    font-size: 120px;
    line-height: 0;
    color: #34404b;
}

#article #article-content p.article-p-quote:before {
    top: 35px;
    left: -30px;
}

#article #article-content p.article-p-quote:after {
    bottom: -35px;
    right: 10px;
}

#article #article-content p.article-p-quote.quote-expo:before,
#article #article-content p.article-p-quote.quote-expo:after {
    color: #727c6d;
}

#article #article-content p.article-p-quote .article-p-quote-author {
    display:block;
    margin-top: 30px;
    font-size: 16px;
    font-style: normal;
    line-height:1.1;
    color: #34404b;
}

#article #article-content p.article-p-quote.quote-expo .article-p-quote-author {
    color: #727c6d;
}

#article #article-content p.article-p-img > span {
    float:left;
    margin:8px 25px 0 0;
}

#article #article-content p.article-p-img > span strong {
    display:block;
    margin-top:5px;
    text-align:center;
    font-size:27px;
    color:#b1b1b1;
    font-weight:normal;
}

@media (min-width:768px) {
    #article #article-content p.article-p-quote {
        padding: 40px 50px;
    }

    #article #article-content p.article-p-quote:before {
        left: 15px;
    }

    #article #article-content p.article-p-quote:after {
        right: 45px;
    }

    #article #article-content p.article-p-quote .article-p-quote-author {
        font-size: 18px;
    }
}

/* Iframes - Twitter, vidéos */
#article #article-content .article-p {
    
}

#article #article-content .article-p a {
    font-weight:normal;
}

#article #article-content .article-p a:hover {
    text-decoration:underline;
}

#article #article-content .article-p iframe {
    /*width:100% !important;*/
    max-width:100%;
    margin:0 auto;
    display:block;
}

#article #article-content .article-p:not(.flex-video) iframe {
    position: initial !important;
}
#article #article-content .article-p iframe + * {
    text-align:center;
}

#article #article-content .article-p p { 
    margin:0;
}

#article #article-content .article-p p + p { margin-top:10px; }

#article #article-content .article-p img {
    max-width:100% !important;
    margin:30px 0;
}

#article #article-content .article-p  p + p img {
    margin-top:30px;
}


/* Produits */
.article-products {
    margin-bottom:35px;
}

.article-products .article-product {
    position:relative;
    background:#f8f8f8;
    min-height:330px;
}

.article-products .article-product .article-product-caption {
    position:absolute;
    bottom:0;left:0;right:0;
    padding:15px 20px;
    background:rgba(228,228,228,0.7);
}

.article-products .article-product .article-product-caption .article-product-title {
    font-weight:bold;
    font-size:14px;line-height:19px;
    margin:0;
    color:#393939;
}

.article-products .article-product .article-product-caption .article-product-brand {
    margin:0 !important;
    color:#393939 !important;
}

.article-products .article-product .article-product-caption .prices { 
    margin-left:10px;
    text-align:right;
}

.article-products .article-product .article-product-caption .prices > span { 
    display:block;
    font-weight:bold;
    font-family:"Helvetica";
    font-size:18px;line-height:1;
    color:#4c4c4c;
}

.article-products .article-product .article-product-caption .prices .original-price { text-decoration:line-through; }
.article-products .article-product .article-product-caption .prices .price {
    font-size:25px;
}

.article-products .article-product .article-product-caption .article-product-buttons {
    margin-top:5px;
}

.article-products .article-product .article-product-caption .article-product-buttons .table-cell + .table-cell { padding-left:15px; }
.article-products .article-product .article-product-caption .article-product-buttons .btn {
    color:#fff;
    font-size:16px;line-height:1;
    background:#4c4c4c;
    padding:11px 15px;
    border:0;border-radius:0;
}

.article-products .article-product .article-product-caption .article-product-buttons .btn i { margin-right:10px; }


/* Infos & Gallerie */
#article .article-gallery, #article .article-infos { margin:15px 0 25px 0; }

#article .article-infos h2 {
    margin:0 0 15px 0;
    font-size:14px;
    color:#9c9c9c;
    font-weight:normal;
    line-height:1.1;
    text-align:left;
}

#article .article-infos > .inner { background-color:#f5f5f5; }


/* Gallerie */
#article .article-gallery ul {
    display:block;
    padding:0;
    margin: 0 -6px;
}

#article .article-gallery ul li {
    position:relative;
    display:block;
    padding:0 6px 12px 6px;
    height:auto;
}

#article .article-gallery ul li:first-child {
    padding-bottom:12.5px;
}

#article .article-gallery ul li a {
    display:block;
    position:relative;
}

#article .article-gallery ul li:first-child a { 
    position:relative;
    display:block;
}

#article .article-gallery ul li:first-child a img {
    width:100%;
}

#article .article-gallery ul li:first-child a img.not-gallery {
    width: auto;
}

#article .article-gallery ul li a .article-gallery-caption {
    position:absolute;
    top:0;
    left:0;
    width:100%;height:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.2);
}

#article .article-gallery ul li a .article-gallery-caption span {
    /*font-weight:bold;*/
    color:#fff;
    font-size:47px;
    font-family: helvetica, arial, sans-serif;
}

#article .article-gallery .legend {
    margin: 5px auto 0 auto;
    width: 100%;
    font-size: 13px;
    text-align: center;
}

@media (min-width:768px) {
    #article .article-gallery ul li + li {
        width:33.33333%;
        float:left;
    }

    #article .article-gallery .legend {
        margin-top: 5px;
        width: 460px;
    }
}

/* Files */
#article #article-content#article-content .article-files .article-file {
    background-color:#eee;
    padding:15px;
    margin-bottom:15px;
}

#article .article-files .article-file .media  {
    margin:0;
    margin-bottom:15px;
}

#article .article-files .article-file .media-object {
    
}

#article .article-files .article-file .article-file-title {
    margin:0;
    font-size:18px;
    color:#333;
}

#article .article-files .article-file p {
    margin:5px 0 0 0;
    font-size:15px;
    color:#333;
}

#article .article-files .article-file .btn {
    
}

#article .article-files .article-file > .btn {
    display:block;
    font-size:18px;
    padding:12px 15px;
}

@media (min-width:768px) {
    #article .article-files .article-file.large .media {
        margin-bottom:0;
    }
    #article .article-files .article-file.large .btn {
        margin-top:10px;
        padding:8px 40px;
    }
}

/* Map */
#article .article-map .gm-style-iw h4 {
    
}

#article .article-map .gm-style-iw p {
    font-size:14px;
    line-height:1.1;
}

/* Infos */
#article .article-infos > .inner > .row { margin:0; }
#article .article-infos > .inner > .row > div { padding:0; }

#article .article-infos .row .inner {
    padding:15px 23px;
}

#article .article-infos .inner .article-infos-title {
    font-size:18px;
    font-weight:600;
    color:#1f1f1f;
}

#article .article-infos .inner p {
    font-size:13px;
    line-height:24px;
    color:#414141;
    margin:0 0 10px 0;
}

#article .article-infos .inner p:last-child { margin:0; }

/* QUIZ & SURVEY */
#article .quiz .btn-group, #article .survey .btn-group {
    display:block;
    width:100%;
}

#article .quiz {
    
}

#article .quiz p, #article .bloc .quiz p {
    margin:0;
}

#article .quiz .quiz-head {
    
}

#article .quiz .quiz-head .quiz-counter .quiz-timer {
    
}

.jst-hours, .jst-minutes, .jst-seconds { display:inline-block; }
.jst-clearDiv { clear: both; }
.jst-timeout { }

#article .quiz .quiz-score {
    margin-bottom:5px;
    font-weight:700;
}

#article .quiz .quiz-content {
    min-height:60px;
}

#article .quiz .quiz-content .quiz-question .quiz-question-head {
    margin-bottom:10px;
}

#article .quiz .quiz-content .quiz-question .quiz-question-photo {
    margin-bottom:15px;
}

#article .quiz .quiz-content .quiz-question .quiz-question-photo img {
    width:100%;
}

#article .quiz .quiz-content .quiz-question .quiz-question-correct,
#article .quiz .quiz-content .quiz-question .quiz-question-incorrect {
    font-weight:600;
    font-size:17px;
    margin-bottom:8px;
}

#article .quiz .quiz-content .quiz-question .quiz-answer-btn {
    position:relative;
}

#article .quiz .quiz-content .quiz-question .quiz-answer.correct .quiz-answer-btn {
    background-color:#5cb85c;
    color:#fff;
}

#article .quiz .quiz-content .quiz-question .quiz-answer.incorrect .quiz-answer-btn {
    background-color:#d9534f;
    color:#fff;
}

#article .quiz .quiz-content .quiz-question .quiz-answer-btn input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

/* Source */
#article #article-source {
    font-size:13px;
    line-height:26px;
    margin-bottom:10px;
    color:#c9c9c9;
}