/*! ALL BLOCS */
.bloc-bg {
    background-color: #f1f3f5;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: -1px;
}

/*! BLOC HEADER*/
.bloc-header {
    padding: 50px;
}
.bloc-header {
    background-image: url("/static/png/background/bg-color+pattern-headrer-square@2x.png.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
.bloc-header > #home-content > .header-content > .bloc-logo > a > img {
    margin-left: 45px;
    margin-top: 60px;
}

#home-content {
    background-image: url("/static/png/background/Home_1180x666_07.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 6px !important;
    margin: 0px;
    max-height: 666px !important;
    position: relative;
}
#home-content .header-icons {
    margin-bottom: 40px;
}
#home-content .main-header {
    text-align: center;
    position: relative;
    z-index: 1;
}
#home-content .main-header h1.hashtag-50 {
    font-weight: bold;
    font-size: 72px;
    color: #fff;
    font-family: "Inria Sans";
    margin-top: 37px;
}
#home-content .main-header h1.hashtag-50-desc {
    font-weight: 300;
    font-size: 52px;
    color: #fff;
    font-family: "Inria Sans";
    margin-top: -15px;
}

#home-content .main-header .header-link-video {
    margin-bottom: 5%;
    margin-top: 2%;
}
#home-content .main-header .header-link-video .link-50ans-video {
    color: #fff;
}
#home-content .main-header .header-link-video .btn-50ans-video {
    color: #e53716;
}
#home-content .main-header .header-link-video .btn-50ans-video:hover {
    color: #fff;
}
#home-content .main-header .header-link-video .link-50ans-video:focus {
    outline: 0;
    border: 1px solid #fff;
}

.header-content {
    margin: 0 !important;
    z-index: 1;
    position: relative;
}

.multilingual-link {
    margin-left: 7px;
    color: #fff;
    opacity: 0.6;
}
.multilingual-link.active {
    border-bottom: 2px solid #e63312;
    opacity: 1;
}

.bloc-lang {
    padding-left: 0;
    font-size: 18px;
}
.bloc-icon-lang {
    position: relative;
    top: 165px;
    left: 50px;
}

.separator-icon-lang {
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #ffffff;
    margin: 11px;
    position: relative;
    top: 5px;
}

#home-content .social-icons {
    margin-right: 30px;
}
#home-content a.social-icon {
    font-size: 24px !important;
    float: right;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255);
    color: #384257;
    border-radius: 50%;
    margin-left: 14px;
    text-align: center;
    padding-top: 0.3vw;
}

#home-content a.social-icon.facebook-icon {
    background-color: #fff;
    padding-top: 5px;
    padding-left: 3px;
}
#home-content a.social-icon.linkedin-icon {
    background-color: #fff;
    padding-left: 5px;
}
#home-content a.social-icon.twitter-icon {
    background-color: #fff;
    padding-top: 5px;
    padding-left: 4px;
}

#home-content a.social-icon.facebook-icon:hover {
    background-color: #3d5a96;
    color: #384257;
    transition: all 0.25s;
}
#home-content a.social-icon.linkedin-icon:hover {
    background-color: #0176b4;
    color: #384257;
    transition: all 0.25s;
}
#home-content a.social-icon.twitter-icon:hover {
    background-color: #23a0f2;
    color: #384257;
    transition: all 0.25s;
}

/* SOCIAL SIDEBAR */

.sidebar-social {
	width: 40px;
    position: absolute;
    top: -20px;
    right: 140px;
}

@media screen and (max-width: 1024px) {
    .sidebar-social {
        width: auto;
        position: relative;
        top: 0;
        right: 0;
    }
}

/*.sidebar-social--fixed { position: fixed !important; top: 390px; right: 492px; }*/
/*.sidebar-social--unfixed { position: absolute !important; bottom: 555px; right: 140px; }*/

.sidebar-social .facebook-icon:hover { background-color: #3D5A96; color: #fff !important; }
.sidebar-social .linkedin-icon:hover { background-color: #0176B4; color: #fff !important; }
.sidebar-social .twitter-icon:hover { background-color: #23A0F2; color: #fff !important; }

.sidebar-social .social-icon { position: relative; }
.sidebar-social .twitter-icon .fa-twitter {  position: absolute; top: 8px; left: 9.5px; }
.sidebar-social .facebook-icon .fa-facebook {  position: absolute; top: 8px; left: 12.5px; }
.sidebar-social .linkedin-icon .fa-linkedin {  position: absolute; top: 8px; left: 10px; }

.article-content {
	float: left;
    max-width: calc(100% + 1.875rem);
	/*width: 95%;*/
}

.sidebar-social .social-icon{
	padding-top: 10px;
 }
.sidebar-social a.social-icon{
    font-size:24px !important;
    float: right;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255);
    color: #FFF;
    border-radius: 50%;
    margin-left: 14px;
    text-align :center;
    padding-top: 0.30vw;
    margin-top: 20px;
    transition: all 0.25s;
}

.sidebar-social a.social-icon.linkedin-icon { background-color: #D7D9DD; padding-left: 4px; }
.sidebar-social a.social-icon.twitter-icon { background-color: #D7D9DD; padding-left: 4px; }
.sidebar-social a.social-icon.facebook-icon { background-color: #D7D9DD; padding-left: 4px; }

.sidebar-social a.social-icon.facebook-icon:hover{ background-color: #3D5A96; color: #384257; }
.sidebar-social a.social-icon.linkedin-icon:hover{ background-color: #0176B4; color: #384257; }
.sidebar-social a.social-icon.twitter-icon:hover{ background-color: #23A0F2; color: #384257; }


/*! Lien video*/
.link-50ans-video {
    background: #e63312;
    border-radius: 6px;
    border: 1px solid #e63312;
    height: 47px;
    width: 180px;
    font-size: 18px;
    transition: all 0.25s;
}

.link-50ans-video:hover,
.link-50ans-video:focus {
    background: none;
    border: 1px solid #fff;
    transition: all 0.25s;
}

.link-50ans-video-mouseout {
    background: #e63312 !important;
    border: 1px solid #e63312 !important;
}
.link-50ans-video-mouseover {
    background: none !important;
    border: 1px solid #fff !important;
}

.text-link-video {
    position: relative;
    top: -4px;
}

.separator-video {
    box-sizing: border-box;
    height: 30px;
    border: 1px solid #ffffff;
    opacity: 0.4;
    margin: 11px;
    position: relative;
    top: -6px;
}

.btn-50ans-video {
    font-size: 24px;
    margin-top: 20px;
}

.play-video {
    background-image: url("/static/png//icons/icon-play-white.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 3px;
}

/*! BLOC FOOTER*/
.bloc-footer {
    margin: 0px;
    background-image: url("/static/png/background/bg-color+pattern-footer@2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 50px 50px 0px 50px;
}

.link-inria-footer {
    color: #fff;
    opacity: 0.9;
    text-overflow: ellipsis;
}
.link-inria-footer:hover {
    color: #fff;
    opacity: 1;
    transition: all 0.25s;
}
footer a.social-icon-footer {
    font-size: 18px !important;
    float: right;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    color: #d33319;
    opacity: 0.7;
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
}

footer a.social-icon-footer.linkedin-icon {
    padding-top: 3px;
    padding-left: 5px;
}
footer a.social-icon-footer.twitter-icon {
    padding-top: 4px;
    padding-left: 6px;
    margin-right: 20px;
}
footer a.social-icon-footer.facebook-icon {
    padding-top: 4px;
    padding-left: 3px;
}

footer a.social-icon-footer:hover {
    opacity: 1;
    transition: all 0.25s;
}
/*!
footer a.social-icon-footer.facebook-icon:hover{ background-color: #3D5A96; color: #384257; }
footer a.social-icon-footer.linkedin-icon:hover{ background-color: #0176B4; color: #384257; }
footer a.social-icon-footer.twitter-icon:hover{ background-color: #23A0F2; color: #384257; }
*/
#footer > .container-1 {
    background-color: #e63312;
    color: #fff;
    padding-top: 40px;
}
#footer .logo-container {
    padding: 0 40px 40px 40px;
}
#footer .container-1 span {
    font-size: 14px;
    margin-top: 40px;
}
#footer .container-1 .links-container {
    background-color: rgba(56, 66, 87, 0.1);
    padding: 30px 40px 20px 60px;
}
#footer .container-1 .links-container a.bottom-link {
    color: #fff;
    opacity: 0.6;
    font-size: 14px;
    padding: 0 5px;
}
#footer .container-1 .links-container .bottom-link-separator {
    color: #fff;
    opacity: 0.4;
}
#footer .container-1 .links-container a.bottom-link:hover {
    opacity: 1;
    transition: all 0.25s;
}
#footer .container-1 .links-container a.social-icon {
    background-color: rgba(255, 255, 255, 0.5);
    color: #e63312;
}
#copyright {
    color: #384257;
    font-size: 12px;
    padding: 20px 0;
}

.category-video {
    cursor: pointer;
}

.category-video .blog-visual {
    margin-top: -20px;
    margin-left: -18px;
    margin-right: -18px;
}

/*! Large device only (1024+px) */
@media screen and (min-width: 64em) {
    .post-position-1.category-video .modal-video-thumbnail,
    .post-position-8.category-video .modal-video-thumbnail {
        width: 50%;
        margin-right: 30px;
    }

    .post-position-2.category-video .post-title,
    .post-position-4.category-video .post-title,
    .post-position-6.category-video .post-title,
    .post-position-7.category-video .post-title {
        font-size: 18px;
    }

    .post-position-1.category-video .blog-visual,
    .post-position-8.category-video .blog-visual {
        margin-top: 0;
        margin-left: 0;
        margin-rigt: 0;
    }
}

/*! Medium device only (640 to 1024px) */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .filter-bar {
        display: none;
    }
    #home-content {
    }
    #home-content .header-icons {
        margin-bottom: 40px;
    }
    #home-content .main-header {
        text-align: center;
    }
    .bloc-header > #home-content > .header-content > .bloc-logo > a > img {
        margin-left: 0;
    }

    #home-content .main-header h1.hashtag-50 {
        font-size: 48px;
    }
    #home-content .main-header h1.hashtag-50-desc {
        font-size: 24px;
    }

    .bloc-icon-lang {
        top: 15px;
        left: 0;
        position: absolute;
        text-align: right;
    }

    .link-50ans-video {
        height: 40px;
    }

    #happy-birthday .number-container .number-value {
    }
    #happy-birthday .number-container .number-description {
        font-size: 22px !important;
        line-height: 22px;
        font-weight: 500 !important;
        text-align: center !important;
    }

    .bloc-central {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .bloc-detail {
        margin-top: 0 !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .modal-video-thumbnail {
        float: none !important;
    }
    .modal-video-thumbnail img {
        width: 100%;
    }
    .post-tags-container {
        display: block;
        clear: both;
    }
    .btn-video-thumbnail-play {
        font-size: 4em !important;
        top: 45% !important;
        left: 45% !important;
    }

    .header-text {
        margin-top: 0;
        margin-bottom: 12px;
    }
    .h2-inria {
        font-size: 36px;
        line-height: 36px;
    }

    #people-parent-container > .people-container-title {
        font-size: 28px !important;
        margin-left: 30px !important;
    }

    .scrollup {
        border-radius: 50% !important;
        width: 41px !important;
        font-size: 28px !important;
        position: fixed !important;
        bottom: 30px !important;
        right: 15px !important;
    }

    .scrollup .fa {
        position: absolute;
        top: 3px;
        left: 11px;
    }

    .blog-list .post-title {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .quote-container > .quote {
        font-size: 15px !important;
        line-height: 20px !important;
    }
}

/*! Small device only (less than 640px) */
@media screen and (max-width: 39.9375em) {
    .filter-bar {
        display: none;
    }
    .bloc-header {
        padding: 10px 10px 20px 10px !important;
    }
    .bloc-bg {
        padding: 10px 10px 20px 10px !important;
    }

    #home-content {
        border-radius: 3px !important;
    }
    #home-content .social-icons {
        margin-right: 30px;
    }
    #home-content a.social-icon {
        font-size: 12px !important;
        width: 1.5em;
        height: 1.5em;
        font-size: 18px;
        padding-top: 1px;
        padding-left: 4px;
    }
    #home-content .main-header .header-link-video {
        margin-bottom: 15px;
        margin-top: 5px;
    }
    #home-content .main-header .header-link-video .link-50ans-video:focus {
        outline: 0;
        border: none;
    }
    #home-content .main-header h1.hashtag-50 {
        font-size: 48px;
    }
    #home-content .main-header h1.hashtag-50-desc {
        font-size: 24px;
    }
    .bloc-header > #home-content > .header-content > .bloc-logo > a > img {
        margin-left: 0;
    }

    .bloc-icon-lang {
        top: 15px;
        left: 0;
        position: absolute;
        text-align: right;
    }

    .link-50ans-video {
        height: 40px;
    }
    #happy-birthday .number-container .number-value {

    }

    #happy-birthday .number-container .number-description {
        font-size: 22px !important;
        line-height: 22px;
        font-weight: 500 !important;
        text-align: center !important;
    }
    #events-container .bg-bloc-events {
        padding-bottom: 45px !important;
    }

    .multilingual-link {
        margin-left: 7px;
    }

    .bloc-central {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .bloc-detail {
        margin-top: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .header-text {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        line-height: 36px !important;
    }
    .h2-inria {
        font-size: 28px !important;
        line-height: 28px !important;
    }

    .modal-video-thumbnail {
        float: none !important;
    }
    .modal-video-thumbnail img {
        width: 100%;
    }
    .post-tags-container {
        display: block;
        clear: both;
    }
    .btn-video-thumbnail-play {
        font-size: 4em !important;
    }

    #people-parent-container > .people-container-title {
        font-size: 24px !important;
        margin-left: 15px !important;
    }

    .quote-container > .quote {
        font-size: 14px;
        line-height: 22px;
        overflow-y: auto;
        font-weight: 700;
    }

    .scrollup {
        border-radius: 50% !important;
        width: 41px !important;
        font-size: 28px !important;
        position: fixed !important;
        bottom: 30px !important;
        right: 15px !important;
    }
}

/*! BLOC EVENTS*/
.number-happy-birthday {
    height: 100% !important;
}

#happy-birthday,
#events-container {
    margin-bottom: 20px;
}
#events-container .post-item {
    position: relative;
    min-height: 0;
    height: 137px;
}
#events-container .post-container {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 1px;
}
#events-container .bg-bloc-events {
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    height: 480px;
    padding-bottom: 25px;
    margin-top: 15px;
}
.bloc-events .post-item {
    z-index: 2;
    border-radius: 6px;
    background-color: #fff;
}

.separators-events {
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
    position: absolute;
    top: 50px;
    left: 7%;
    width: 86%;
    height: 310px;
}

#happy-birthday .number-container {
    max-height: 480px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #fff;
    background-color: #e63312;
    border-radius: 6px;
    padding: 20px;
}
@media screen and (min-width: 64em) {
    #happy-birthday .number-container {
        height: 480px;
    }
}

#happy-birthday .number-container .number-value {
    margin: 20px 20px 30px 20px;
}

@media screen and (min-width: 64em) {
    #happy-birthday .number-container .number-value {
        margin-left: 50px;
        margin-right: 50px;
    }
}

#happy-birthday .number-container .number-description {
    font-size: 26px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    position: relative;
}
#happy-birthday .number-container .number-description-small {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    position: relative;
}

.bloc-right-number {
    margin-top: -15px;
}

.btn-event-list {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #384257;
    color: #384257;
    height: 40px;
    padding: 1px 12px 0 14px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 20px;
    right: 20px;
    transition: all 0.25s;
}
.btn-event-list:hover {
    background: #e63312 !important;
    border: 1px solid #e63312 !important;
    color: #fff !important;
    outline: 0;
}

/*! BLOC TOP-NEWS*/

/*! BLOC PEOPLE*/

.bloc-people {
    padding: 0;
}

/*! BLOC BOTTOM-NEWS*/

.post-container {
    padding: 15px;
    position: relative;
}
.post-container article {
    padding: 20px 18px;
    min-height: 230px;
}
.category-photo {
    border-radius: 6px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.category-photo article {
    padding: 0 !important;
    min-height: 200px;
}

.blog-list .post-container article .number-container,
.blog-list .post-container article .quote-container {
    min-height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/static/png/Images-Inria/0124-089-Kak-580x480filtreNB.jpg");
    background-color: #ffffff;
}

i.fa {
    margin-right: 5px;
}

.clear {
    clear: both;
}

.post-position-3 {
    float: right;
}

.blog-list .post-container.post-position-3 article,
.blog-list .post-container.post-position-5 article,
.blog-list .post-container.post-position-3 article .quote-container,
.blog-list .post-container.post-position-5 article .quote-container {
    min-height: 490px;
}
.blog-list .post-container.post-position-3.category-personne article,
.featured-contents.category-personne{
	min-height: 0;
}

/*.blog-list .category-article .thumbnail-post {*/
    /*display: none;*/
/*}*/

.category-article .blog-visual {
    margin-top: -20px;
    margin-left: -18px;
    margin-right: -18px;
}

.post-position-2.category-article .blog-visual,
.post-position-4.category-article .blog-visual,
.post-position-6.category-article .blog-visual,
.post-position-7.category-article .blog-visual {
    display: none;
}

.category-article .blog-visual img {
    width: 100%;
}

/*.post-position-1.category-article .thumbnail-post,*/
/*.post-position-3.category-article .thumbnail-post,*/
/*.post-position-5.category-article .thumbnail-post,*/
/*.post-position-8.category-article .thumbnail-post {*/
    /*display: block;*/
    /*margin: auto;*/
    /*width: 100%;*/
/*}*/


@media screen and (min-width: 64em) {

    .post-position-1.category-article .blog-visual,
    .post-position-8.category-article .blog-visual {
        float: left;
        width: 50%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 30px;
    }

    .post-position-1.category-article .blog-visual img,
    .post-position-8.category-article .blog-visual img,
    .post-position-1.category-video .blog-visual img,
    .post-position-8.category-video .blog-visual img {
        border-radius: 0;
    }

}

.post-position-3.category-evenement .calendar,
.post-position-5.category-evenement .calendar {
    float: none;
    margin: auto;
}

#events-container .blog-lead div {
    display: none;
}
#events-container .blog-lead * {
    display: none;
}
#events-container .blog-lead div.event-container {
    display: block;
}
#events-container .blog-lead div.event-container * {
    display: block !important;
}
#events-container .blog-lead div.event-container i.fa {
    float: left;
    margin-right: 10px;
}
#events-container .post-container {
    padding: 0;
}
#events-container .post-container article {
    padding: 20px;
}

.blog-list .post-title {
    font-family: "Inria Sans";
    font-size: 26px;
    line-height: 28px;
}
.post-position-1.category-article .post-title,
.post-position-8.category-article .post-title {
    margin-top: 0px;
}
.post-position-1.category-article .post-tags-container,
.post-position-8.category-article .post-tags-container {
    margin-bottom: 15px;
}

.blog-lead,
.post-title,
a {
    color: #384257;
}
.blog-lead,
.post-title:hover,
a:hover {
    color: #4d586f;
}

.date-box-red p > a:hover{color: #4d586f; text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid #4d586f;}

.blog-content > p > a {color: #384257; font-weight: bolder;}
.blog-content { min-height: 100px; position: relative; }
/*.blog-content a:hover {color: #E63312; text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid #E63312;}*/

.header-text p > a {color: #F8F9FA; }
.header-text p > a:hover {color: #E63312; text-decoration: none; padding-bottom: 2px; border-bottom: 2px solid #E63312; }


.blog-content > p > a {
    color: #384257;
    font-weight: bolder;
}
.blog-content > p > a:hover {
    color: #e63312;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 2px solid #e63312;
}

.bloc-detail .post-tags-container {
    margin-top: 15px;
}
.post-tag {
    display: inline-block;
    border-radius: 40px;
    color: #a3a7b1;
    padding: 3px 10px;
    font-size: 12px;
    border: 1px solid #a3a7b1;
    margin-right: 10px;
    margin-bottom: 8px;
}

.blog-list .category-article .external-link {
    float: right;
    vertical-align: bottom;
    margin-top: -12px;
    margin-right: -5px;
    font-size: 14px;
    line-height: 20px;
    color: #384257;
    border-bottom: 0;
    transition: all 0.1s;
}
.blog-list .category-article {
    position: relative;
}

.external-link:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.blog-list .category-article .external-link i.fa {
    margin-left: 12px;
}
.blog-list .category-article .external-link:hover {
    color: #e63312;
    text-decoration: none;
    padding-bottom: 0;
    border-bottom: 2px solid #e63312;
}

.blog-list .category-article .blog-lead,
.blog-list .category-article .blog-lead p,
.blog-list .category-article .blog-lead strong,
.blog-list .category-article .blog-lead h1,
.blog-list .category-article .blog-lead h2,
.blog-list .category-article .blog-lead h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 24px;
}

.blog-lead h1 {
    margin-bottom: -15px !important;
}

.calendar {
    height: 100px;
    width: 100px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

.calendar .event-start-month {
    height: 28px;
    padding-top: 4px;
    color: #fff;
    background-color: #e63312;
    font-weight: 900;
    border-radius: 10px 10px 0 0;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.calendar .event-start-day {
    height: 70px;
    padding: 9px 0 4px 0;
    color: #000;
    background-color: #f8f9fa;
    border-radius: 0 0 10px 10px;
    font-weight: 900;
    font-size: 36px;
    line-height: 60px;
}

.event-container .event-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #384257;
    margin-bottom: 5px;
}

.bg-bloc-events .event-container .event-title:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.event-list article .event-container .event-title:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.event-container .event-location,
.event-container .event-start-end {
    font-size: 14px;
    line-height: 20px;
    color: #a3a7b1;
}

.event-container .event-start-end {
    margin-top: 4px;
}

.quote-container > .quote {
    font-family: "Inria Serif";
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.quote-container {
    margin: -20px -18px;
    padding: 20px;
    color: #fff;
    border-radius: 6px;
    background-color: #384257;
}
.quote-container .quote-icon {
    font-size: 32px;
    color: #e63312;
}
.quote-container {
    font-size: 20px;
    font-style: italic;
    line-height: 22px;
}
.quote-container .author {
    margin-top: 20px;
}
.quote-container .author-picture {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 15px;
}
.quote-container .author-name,
.quote-container .author-description {
    font-size: 14px;
    line-height: 20px;
}
.quote-container .author-name {
    font-weight: bold;
}

.quote-container .author-description > a {
    color: #FFF;
}

.thumbnail-credits > a:hover, .quote-container .author-description > a:hover {
    color: #e63312;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 2px solid #e63312;
}

.post-container.category-chiffre article {
    padding: 0;
    text-align: center;
}

.blog-list .post-container.category-chiffre .blog-lead {
    height: 230px;
}
.blog-list .post-container.post-position-3.category-chiffre .blog-lead,
.blog-list .post-container.post-position-5.category-chiffre .blog-lead {
    height: 490px;
}

.blog-list .post-position-3.category-chiffre h1,
.blog-list .post-position-5.category-chiffre h1 {
    margin-top: 160px !important;
}

.post-container.category-chiffre .blog-lead,
.number-container {
    text-align: center;
    color: #fff;
    background-color: #e63312;
    border-radius: 6px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.post-container.category-chiffre .blog-lead h1 {
    font-size: 72px;
    color: #fff;
    font-family: "Inria Serif";
    font-weight: bold;
    margin-top: 30px;
}
.post-container.category-chiffre .blog-lead h2,
.post-container.category-chiffre .blog-lead h3,
.post-container.category-chiffre .blog-lead h4,
.number-container .number-description {
    font-size: 18px;
    line-height: 26px;
    font-family: "Inria Sans";
}

.modal-video-thumbnail {
    position: relative;
    float: left;
    margin-bottom: 15px;
}
.modal-video-thumbnail span.video-layer {
    background: #384257;
    opacity: 0.33;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border-radius: 6px 6px 0 0;
}
.btn-video-thumbnail-play {
    position: absolute;
    top: 40%;
    left: 40%;
    font-size: 3em;
    color: #fff;
    z-index: 2;
    transition: all 0.2s;
}
.modal-video-thumbnail:hover .btn-video-thumbnail-play {
    color: #e63312;
    cursor: pointer;
    transform: scale(1.05);
}

/*.blog-list {*/
    /*position: relative;*/
/*}*/
.link-modal-video:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.blog-list .post-position-4.category-video .blog-lead,
.blog-list .post-position-4.category-video .blog-lead,
.blog-list .post-position-4.category-video .blog-lead,
.blog-list .post-position-6.category-video .blog-lead,
.blog-list .post-position-7.category-video .blog-lead,
.blog-list .post-position-2.category-video .blog-lead {
    display: none;
}

#people-parent-container {
    background-image: url("/static/png/background-people.png");
    background-color: #384257;
    background-size: 1280px;
    padding: 50px 40px;
}

.category-photo .blog-visual {
    margin-bottom: -15px;
    text-align: center;
}


#people-carousel .blog-visual {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

#people-carousel ul li { display: none; }

/*#people-carousel .post-container {*/
    /*width: 275px !important;*/
    /*padding: 15px 10px !important;*/
/*}*/

/*#people-carousel .slick-list {*/
    /*transform: translate3d(50px,0,0) !important;*/
    /*width: 1100px !important;*/
/*}*/

.external-link:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.blog-visual img {
    border-radius: 6px 6px 0 0;
}
.category-photo .blog-visual img {
    border-radius: 6px;
}

#people-parent-container .post-item,
.blog-list .post-item {
    border-radius: 6px !important;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.blog-list .category-photo .post-item {
    box-shadow: none;
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.thumbnail-title:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.blog-list .category-photo .post-item:hover {
    /*box-shadow: none;*/
}

#people-parent-container .post-item {
    min-height: 300px;
}

#people-parent-container .post-item,
.bloc-events .post-item:hover,
.blog-list .post-item:hover {
    box-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: all 0.25s;
}

#people-container {
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
}
#people-container .post-position-3,
#people-container .post-position-5 {
    min-height: 230px;
}
#people-container .category-article .thumbnail-post {
    display: block;
}

#people-container .post-position-1.category-article .thumbnail-post,
#people-container .post-position-8.category-article .thumbnail-post {
    float: none;
    margin-right: 0;
}

.thumbnail-post {
    margin-bottom: 14px !important;
}

#people-parent-container {
    color: #fff;
}
#people-parent-container > .people-container-title {
    color: #ffffff;
    font-family: "Inria Sans";
    font-size: 32px;
    font-weight: bold;
}
#people-parent-container .post-container {
    padding: 0;
    margin: 10px;
}
#people-container .post-container article {
    background-color: #fff;
    border-radius: 6px;
}
.category-personne article.post-item {
    width: 280px !important;
    height: 313px !important;
    border-radius: 6px;
    padding: 20px !important;
    background-color: #ffffff;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
}

#people-parent-container .blog-lead {
    width: 240px;
    color: #384257;
    font-family: "Inria Sans";
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}
#people-parent-container .blog-lead p {
    margin: 0;
    line-height: 1.3;
}
#people-parent-container .post-title {
    width: 240px;
    margin-bottom: 0 !important;
    color: #e63312;
    font-family: "Inria Sans";
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
}

/*! CAROUSEL */

.slick-prev {
    background: url("/static/inria_icons/Icon-chevron-left-red.svg") center
    no-repeat;
    background-position-x: 20px;
    left: -1.5rem;
    transition: all 0.25s;
}
.slick-next {
    background: url("/static/inria_icons/Icon-chevron-right-red.svg") center
    no-repeat;
    background-position-x: 24px;
    right: -1.5rem;
    transition: all 0.25s;
}
.slick-prev:hover {
    background: url("/static/inria_icons/Icon-chevron-left-white.svg") center
    no-repeat;
    background-position-x: 20px;
}
.slick-next:hover {
    background: url("/static/inria_icons/Icon-chevron-right-white.svg") center
    no-repeat;
    background-position-x: 24px;
}

.slick-arrow {
    z-index: 100;
    background-color: #fff;
    border: 2px solid #e63312;
    width: 4em;
    height: 4em;
    border-radius: 40px;
    position: absolute;
    top: 50%;
    margin-top: -3em;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.slick-arrow:hover {
    background-color: #e63312;
}
.slick-arrow:focus {
    outline: 0;
}

.date-box-container {
    margin-right: 15px;
}
.date-box-container-right {
    margin-left: 15px;
}

.date-box-red {
    background-image: url("/static/png/background/Background-box-red@2x.png.png");
}

.date-box-blue {
    background-image: url("/static/png/background/Background-box-blue@2x.png.png");
}

.date-box {
    border-radius: 6px;
    background-color: #e63312;
    padding: 20px;
    margin-bottom: 15px;
}

.date-box-item {
    margin: 10px;
}

.date-box h1,
.date-number {
    font-family: "Inria Serif";
    font-size: 32px;
    font-weight: bold;
    line-height: 38px;
    color: #fff;
}

.date-box p,
.date-desc {
    font-family: "Inria Sans";
    font-size: 18px;
    line-height: 22px;
    color: #fff;
}

.date-box p {
    margin-bottom: 20px;
}
.date-box p:last-of-type {
    margin-bottom: 0px;
}

/*! SCROLL */

.scrollup {
    padding-top: 1px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #384257;
    color: #384257;
    height: 40px;
    width: 180px;
    font-size: 18px;
    position: fixed;
    bottom: 90px;
    right: 50px;
    display: none;
    z-index: 20;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.25s;
}
.scrollup-mouseout {
    background: #fff;
    border: 1px solid #384257 !important;
    color: #384257 !important;
    outline: 0;
}

.scrollup-mouseover {
    background: #e63312 !important;
    border: 1px solid #e63312 !important;
    color: #fff !important;
    outline: 0;
}

.link-btn-en {
    width: 143px;
}

/*! MODALS */

.reveal-quote {
    background: transparent;
    border: 0;
    border-radius: 6px;
    outline: none;
    overflow: hidden;
}

.link-separator {
    margin-left: 10px;
    margin-right: 10px;
    opacity: 0.4;
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.9);
    overflow-y: scroll;
}

.close-button {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    right: 0;
}
.close-button > span > img {
    width: 30px;
}

.close-button:focus {
    outline: 0;
    border: none;
}

/*!  FILTER BAR  */

.filter-bar {
    text-align: right;
    padding: 15px 25px 0 25px;
    background-color: white;
    box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.btn-filter-bar {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #384257;
    color: #384257;
    padding: 10px 20px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    margin-left: 10px;
}
.btn-filter-bar:hover {
    background: #e63312 !important;
    border: 1px solid #e63312 !important;
    color: #fff !important;
    outline: 0;
}

.filter-selected {
    background: #384257 !important;
    border: 1px solid #384257 !important;
    color: #fff !important;
    outline: 0;
}

.sort-select-container {
    float: left;
}

#select-post-sort {
    border-radius: 6px;
    border: 1px solid #384257;
    color: #384257;
    padding: 10px 20px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    width: auto;
}

.category-evenement .blog-lead div {
    display: none;
}
.category-evenement .blog-lead * {
    display: none;
}
.category-evenement .blog-lead div.event-container {
    display: block;
}
.category-evenement .blog-lead div.event-container * {
    display: block !important;
}
.category-evenement .blog-lead div.event-container i.fa {
    float: left;
    margin-right: 10px;
}
.category-evenement .blog-lead p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

.event-location .fa-map-marker {
    margin-left: 2px !important;
    margin-right: 12px !important;
}

.bloc-left-number {
    padding-top: 15px;
}

.bloc-right-number {
    padding-top: 15px;
}

/*! INFINITE SCROLL  */

#loading-container {
    /* display: none; */
    width: 100%;
    position: relative;
}

#loader-img {
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}