#main #jumbotron {
    position: relative;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: cover; /* pour Firefox */
    -o-background-size: cover; /* pour Opera */
    background-size: cover; /* version standardisée */
}

/**
 * Galerie de médias
 */
.GalleryMedias {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.GalleryMedias .tiFyControlSlickCarousel-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.GalleryMedias-slideshow {
    position: relative;
}

.GalleryMedias-preview,
.GalleryMedias-nav {
    display: inherit;
}

.GalleryMedias-preview {
    position: relative;
    padding-bottom: 10%;
}

.GalleryMedias-preview .tiFyControlSlickCarousel-item::before {
    padding-top: 35%;
}

.GalleryMedias-nav {
    position: absolute;
    right: 25px;
    bottom: 10px;
    left: 25px;
    opacity: 0.2;
}

.GalleryMedias-nav .tiFyControlSlickCarousel-item::before {
    padding-top: 45%;
}

.GalleryMedias-nav .tiFyControlSlickCarousel-item {
    position: relative;
    border: solid 6px #333;
}

.GalleryMedias-nav .tiFyControlSlickCarousel-item.slick-current {
    border-color: #FFF;
}

.GalleryMedias-nav .tiFyControlSlickCarousel-item--video::after {
    margin-top: -25px;
    margin-left: -25px;
    display: block;

    font-size: 50px;
}

#site-content {
    background-color: #000;
}

.Article-socialShareLabel,
.Article-socialShareItemLink,
.Article-socialShareItemLink:hover {
    color: #FFF !important;
}

.Article-title,
.Article-baseline {
    color: #FFF;
}

.Article-title::before {
    background-color: #FFF;
}

.Article-marketingTxt p {
    margin-bottom: 0;
}

.Article-marketingTxt blockquote {
    border: none;
    color: #FFF;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.Article-marketingTxt blockquote p {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.425;
}

.Article-details {
    padding-right: 200px;
    min-height: 150px;
}

.Article-detailsItem:nth-child(even) {
    background-color: #3E3E3E;
    color: #FFF;
}

.Article-detailsItem:nth-child(odd),
.Article-detailsItem--public:nth-child(even) {
    background-color: transparent;
}

.Article-detailsItem--public {
    position: absolute;
    right: -200px;
    bottom: 0;
    padding: 0;
}

.Article-detailsItem--public > img {
    width:auto;
    height: 100px;
}

.Article-services {
    border-top: 1px solid #FFF;
}

.Article-servicesItem a {
    color: #FFF;
}

.Article-servicesItem a:hover {
    color: #CCC;
}

.Article-plateformsItem {
    border: 1px solid #FFF;
    color: #FFF;
}

.Article-externalLinks {
    border-top-color: #FFF;
}

.Article-mobileApps {
    margin-top: 20px;
}

.Article-mobileApps a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.Article-mobileApps a > img {
    max-height: 60px;
    width: auto;
}

.Article-othersVersionsItem > a {
    border: 1px solid #FFF;
    color: #FFF;
}

.Article-othersVersionsItem > a:hover {
    border: 1px solid #FFF;
    background-color: #FFF;
    color: #000;
}

/**
 * NAVIGATION SUIVANT/PRECEDENT
 */
#site-content #content-singular #prevnext-navigation > li > a {
    background-color: #3E3E3E;
}

#site-content #content-singular #prevnext-navigation > li > a.return {
    background-color: #9C9E9F;
}

#site-content #content-singular #prevnext-navigation > li > a:hover {
    background-color: #787878;
}

/**
 * CONTENUS EN RELATION
 */
#site-content #content-related article .entry-title h3,
#site-content #content-related article .entry-excerpt,
#site-content #content-related article .entry-thumbnail > a:before {
    color: #FFF;
}

/**
 * ANIMATIONS
 */
.GalleryMedias-nav {
    -webkit-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.GalleryMedias-nav:hover {
    opacity: 1;
}

/**
 * RESPONSIVE
 */
/**
 * COL-MD
 */
@media (max-width: 1199px) {
    .GalleryMedias-nav .tiFyControlSlickCarousel-item--video::after {
        margin-top: -13px;
        margin-left: -13px;

        font-size: 26px;
    }

    .Article-details {
        padding-right: 0;
    }

    .Article-detailsItem--public {
        position: relative;
        margin-top: 20px;
        right: auto;
    }
}

/**
 * COL-SM
 */
@media (max-width: 991px){
    .GalleryMedias-nav {
        bottom: 5px;
    }

    .GalleryMedias-nav .tiFyControlSlickCarousel-item::before {
        padding-top: 65%;
    }

    .GalleryMedias-nav .tiFyControlSlickCarousel-item {
        border: solid 2px #333;
    }
}

/**
 * COL-XS
 */
@media (max-width: 767px) {
    #site-content #content-singular article .entry-meta .details {
        padding-right: 0;
    }

    #site-content #content-singular article .entry-meta .details li.public {
        position: relative;
        margin-top: 10px;
    }
}

/**
 * CUSTOM 540
 */
@media (max-width: 540px){
    .GalleryMedias-nav .tiFyControlSlickCarousel-item--video::after {
        margin-top: -8px;
        margin-left: -8px;

        font-size: 16px;
    }
}

/**
 * CUSTOM 480
 */
@media (max-width: 480px){
    .GalleryMedias-preview{
        margin-left: -15px; margin-right:-15px;
        padding-bottom:0;
    }
    .GalleryMedias-nav {
        display:none;
    }
}