@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap');

/*
 Theme Name:   MESH Child
 Theme URI:    http://stylishthemes.co/mesh/
 Description:  MESH's Child Theme
 Author:       StylishThemesv
 Author URI:   http://stylishthemes.columns: 
 Template:     mesh
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mesh
*/
@font-face {
    font-family: 'Welcome 2019';
    src: url('fonts/Welcome2019.eot');
    src: url('fonts/Welcome2019.eot?#iefix') format('embedded-opentype'),
        url('fonts/Welcome2019.woff') format('woff'),
        url('fonts/Welcome2019.ttf') format('truetype'),
        url('fonts/Welcome2019.svg#Welcome2019') format('svg');
    font-weight: normal;
    font-style: normal;
}
.tc_the_content_pre { display: none; }
.wp-caption-text, .sticky, .screen-reader-text, .gallery-caption, .bypostauthor {}

.ajax-update-content.ajax_bottom { padding: 0 !important; margin:0 !important; }

#wp-calendar #today { color: #fff; }

.mesh-custom-1 { text-align: center; padding: 50px; }
.mesh-custom-2 { padding-top: 3rem !important; }
.mesh-custom-3 { margin-top: -10px !important; }
.mesh-custom-4 { display: block; margin: 0.5em 0.5em 0 0; clear: both; }

.header-carousel.events-articles article {
    margin-bottom: 0;
}

.blog-articles article:hover:after, .events-articles article:hover:after {
    opacity: 1;
}

body.hide-footer .main-footer { display:none; }

.header-carousel.events-articles article h2 a, .header-carousel.events-articles article footer a, .header-carousel.events-articles article span, .header-carousel.events-articles article h2 a:hover { color: #fff; }

.breadcrumb-page.opacity-0 > .overlay-breadcrumb, .breadcrumb-page.opacity-0:before { opacity: 0 !important; }
.breadcrumb-page.opacity-1 > .overlay-breadcrumb, .breadcrumb-page.opacity-1:before { opacity: 0.1 !important; }
.breadcrumb-page.opacity-2 > .overlay-breadcrumb, .breadcrumb-page.opacity-2:before { opacity: 0.2 !important; }
.breadcrumb-page.opacity-3 > .overlay-breadcrumb, .breadcrumb-page.opacity-3:before { opacity: 0.3 !important; }
.breadcrumb-page.opacity-4 > .overlay-breadcrumb, .breadcrumb-page.opacity-4:before { opacity: 0.4 !important; }
.breadcrumb-page.opacity-5 > .overlay-breadcrumb, .breadcrumb-page.opacity-5:before { opacity: 0.5 !important; }
.breadcrumb-page.opacity-6 > .overlay-breadcrumb, .breadcrumb-page.opacity-6:before { opacity: 0.6 !important; }
.breadcrumb-page.opacity-7 > .overlay-breadcrumb, .breadcrumb-page.opacity-7:before { opacity: 0.7 !important; }
.breadcrumb-page.opacity-8 > .overlay-breadcrumb, .breadcrumb-page.opacity-8:before { opacity: 0.8 !important; }
.breadcrumb-page.opacity-9 > .overlay-breadcrumb, .breadcrumb-page.opacity-9:before { opacity: 0.9 !important; }
.breadcrumb-page.opacity-10 > .overlay-breadcrumb, .breadcrumb-page.opacity-10:before { opacity: 1 !important; }

.artist-dark-button-style .with-overlay .call-to-action-block p { color: white; }
.light-layout.festival-button-style .call-to-action-block p, .festival-button-style .call-to-action-block p { color: #6e6e6e; }
.festival-button-style .call-to-action-block blockquote { padding-top: 0; }

.mesh-fullwidth-image img { width: 100vw; }
.light-layout .inverted-section-text-color p { color: #fff; }
.inverted-section-text-color p { color: #000; }
.tcm_fa_icon { position: relative; left: -20px; }



/* Custom CSS
================================================================*/
html body { color: #333; background: #fff !important; }
a { color: #6879cd; }
a:hover { color: #ffeb81; }
a:active, a:focus { outline: none; }
html body, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { font-family: 'Poppins', sans-serif; }


/* header */
header { background: #fff; border-bottom: 2px solid #6879cd; }
body.home header { border-bottom: 0; }
.header-news { background: #060606; }
.news-row { max-width: 1630px; padding: 10px 20px; margin: 0 auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-align-items: center; }
.news-row .news { padding: 5px 12px; text-transform: uppercase; background: #f8d83b; color: #060606; font-size: 14px; font-weight: 600; display: inline-block; margin-right: 25px; }
.news-info-row { width: calc(100% - 161px); padding-right: 40px; position: relative; overflow: hidden; }
.news-info-row ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; list-style: none; margin: 0; padding: 0; width: 100%; }
.news-info li { margin-right: 25px; padding-left: 10px; position: relative; white-space: nowrap; }
.news-info li:before { content: ''; border-left: solid 5px #fff; border-bottom: solid 5px transparent; border-top: solid 5px transparent; width: 0; height: 0; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -4px; }
.news-info-row .news-close { position: absolute; right: 0; top: 0; color: #fff; }
.news-info-row .news-close:hover { color: #6879cd; }


/* top-header-info */
.top-header { background: #6879cd; padding: 8px 0; }
.top-header-info { max-width: 1120px; padding: 0 20px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-align-items: center; -webkit-justify-content: space-between; justify-content: space-between; font-size: 16px; font-weight: 500; }
.top-header-info a { color: #fff; }
.top-header-info a:hover { color: #ffeb81; }

.header-links { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.header-links li { margin-right: 40px; }
.header-links li:last-child { margin-right: 0; }

.header-newsletter a {  display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; }
.header-newsletter a i { padding-right: 15px; margin-right: 8px; border-right: 1px solid #5b678d; }

.header-social ul { margin: 0; padding: 0; list-style: none; }
.header-social a { font-size: 18px; margin-right: 20px; }
.header-social a:last-child { margin-right: 0; }




/* Header bottom */
.header-row-main { background: #fff; box-shadow: 0 7px 24px rgba(68,68,68,0.36); position: relative; }
/* MerciThomas : padding: 0 20px;  -->   padding: 0; */
.header-row { display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; padding: 0; max-width: 1840px; margin: 0 auto; }
/* MerciThomas : Ajouté ->  margin-left: 102px; */
/* MerciThomas : Ajouté ->  margin-right: 20px; */
.logo-box a { width: 112px; display: block; margin-left: 102px; margin-right: 20px; }
.logo-box a img { width: 100%; height: auto; }

/* MerciThomas : Ajouté ->  flex-direction: row; justify-content: center; width: 100%; */
/* MerciThomas : padding-left: 50px;  -->   padding-left: 30px; */
.nav-list { padding-left: 30px; padding-right: 30px; display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; margin-left: auto; flex-direction: row; justify-content: center; width: 100%; }
#menu-main-menu { list-style: none; margin: 0; padding: 0; font-size: 0; }
/* MerciThomas : font-size: 30px;  -->  font-size: 26px; */
#menu-main-menu li { display: inline-block; vertical-align: middle; font-size: 26px; margin-right: 40px; } 
#menu-main-menu li a { color: #4e5ca2; font-weight: 800; }
#menu-main-menu li a:hover { color: #ffeb81; }

/* MerciThomas [TEMPORARY - REVERT ONCE SEARCH PAGE DESIGN IS COMPLETE] : Ajouté ->  display: none; */
.additional-buttons .search { color: #4e5ca2; font-size: 22px; cursor: pointer; transition: color 350ms;}
.additional-buttons .search:hover { color: #ffeb81; }

.header-box { display: -webkit-box;  display: -webkit-flex; display: -ms-flexbox; display: flex; }
/* MerciThomas : background: #f4f4f4;  -->  background: none; */
/* MerciThomas : padding: 20px 20px 20px 35px;  -->   padding: 20px; */
.video-box a { background: none; max-width: 290px; width: 100%; padding: 20px; color: #6879cd; font-size: 25px; font-weight: 800; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-align-items: center; height: 100%; }
.video-box a:hover { background: #e4e4e4; }
/* MerciThomas : margin-right: 30px;  -->  margin-right: 15px; */
.video-box a i { font-size: 78px; margin-right: 15px; }

.temp-box { max-width: 242px; width: 185px; }

/* MerciThomas : Fix #menu-main-menu dropdown */
#menu-main-menu .menu-item .sub-menu { display: none; position: absolute; background-color: #ffffff; padding-top: 15px; padding-bottom: 5px; margin-top: 0px; z-index: 10; }
#menu-main-menu .menu-item.menu-item-has-children:hover .sub-menu { display: block; }
/*#menu-main-menu .menu-item.submenu-opened .sub-menu { display: block; }*/
/*#menu-main-menu .menu-item.submenu-opened .sub-menu { position: absolute; background-color: #ffffff; padding-top: 15px; padding-bottom: 5px; margin-top: 7px; z-index: 10; }*/
#menu-main-menu .menu-item .sub-menu .menu-item { display: block; margin-bottom: 10px; margin-right: 2rem;}
#menu-main-menu .menu-item .sub-menu .menu-item a { font-size: 22px; }

/* sidebar-menu-main dropdown */
#menu-main-menu-1 .menu-item .sub-menu { display: none; }
#menu-main-menu-1 .menu-item .sub-menu { position: absolute; background-color: #4e5ca2; padding-top: 15px; padding-bottom: 5px; margin-top: 0px; z-index: 10; width: 100%; }
#menu-main-menu-1 .menu-item .sub-menu .menu-item { display: block; margin-bottom: 10px; }
#menu-main-menu-1 .menu-item .sub-menu .menu-item a { font-size: 20px; }


/* header-bottom-info */
.header-bottom-info { padding: 17px 0; }
.nav-info { max-width: 1450px; padding: 0 20px; text-align: center; margin: 0 auto; }
#menu-sub-menu { list-style: none; margin: 0; padding: 0; }
#menu-sub-menu > li { display: inline-block; vertical-align: middle; margin-right: 50px; font-size: 18px; }
#menu-sub-menu > li:last-child { margin-right: 0; }
#menu-sub-menu li a { font-weight: 700; color: #141414; }
#menu-sub-menu li a:hover { color: #6879cd; }
#menu-sub-menu .menu-item-has-children li  { list-style: none; text-align: left; margin-bottom: 5px; margin-right: 30px; }

/* header-bottom-info dropdown */
#menu-sub-menu .menu-item .sub-menu { display: none; position: absolute; background-color: #ffffff; padding-top: 15px; padding-bottom: 5px; margin-top: 0px; z-index: 10; }
#menu-sub-menu .menu-item.menu-item-has-children:hover .sub-menu { display: block; }

/* sidebar-menu-bottom-info dropdown */
#menu-sub-menu-1 .menu-item .sub-menu { display: none; }
#menu-sub-menu-1 .menu-item .sub-menu { position: absolute; background-color: #4e5ca2; padding-top: 15px; padding-bottom: 5px; margin-top: 0px; z-index: 10; width: 100%; }
#menu-sub-menu-1 .menu-item .sub-menu .menu-item { display: block; margin-bottom: 10px; }
#menu-sub-menu-1 .menu-item .sub-menu .menu-item a { font-size: 20px; }



/*.main-music-player { display: none !important; }*/

/* Footer */
.main-footer { background: #fff; padding-top: 0 !important;  /*padding-top: 150px !important;*/ }
.main-footer .widget { margin-bottom: 0; }
.footer-logo a { max-width: 85px; display: block; margin: 0 auto 50px; }
.main-footer.footer-content-light .widget h3 { background: #4e5ca2; padding: 8px 11px; text-transform: uppercase; font-size: 16px; display: table; line-height: 1; margin-bottom: 8px; }
.main-footer .widget .textwidget { text-align: left; }
.main-footer .widget p { color: #000; font-size: 17px; line-height: 1.5; }
.main-footer .widget a:not(.read-more) { color: #000; }
.main-footer .widget a:not(.read-more):hover { color: #4e5ca2; }
.main-footer .widget .read-more { color: #e79777; font-weight: 600; position: relative; }
.main-footer .widget .read-more:after { content: "\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: 8px; display: inline-block; position: relative; top: 1px; }
.main-footer .widget .read-more:hover { color: #4e5ca2; }



.copyright-box { background: #4e5ca2; margin-top: 100px; }
.main-footer .copyright { padding: 50px 0; text-align: left; color: #fff; }
.main-footer .copyright p { font-size: 17px; color: #fff; font-family: 'Poppins', sans-serif; margin: 0; }

.welcome-font{font-family:'Welcome 2019';}
.text-white{color:#fff;}


/* =New Css
========================================================================================*/
.section-row { padding: 50px 0; }
.video-row { background-color: #4e5ca2; }
.advertisement-box img { width: 100%; height: auto; margin: 0; }
.advertisement-box { margin-bottom: 50px; }
.video-main-box { background-repeat: no-repeat; background-size: cover; background-position: 50% 0; border: 15px solid #fff; padding: 30px; color: #fff; margin-bottom: 130px; }
.video-info-box h4 { font-size: 38px; color: #fcd162; font-weight:700; text-transform: uppercase; padding: 0; }
.video-info-box h2, .video-info-box h5 { font-family: 'Welcome 2019'; padding: 0; }
.video-info-box h2 { font-size: 154px; margin: 25px; }
.video-info-box h5 { font-size: 38px; letter-spacing: 0.25rem; margin: -10px 0 35px; }
.video-hours { font-size: 25px; padding-left: 35px; position: relative; }
.video-hours:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 20px; width: 20px; background: #fff; border-radius: 50px; }
.video-info:after, .video-logo:after { content: ""; display: table; clear: both; }
.video-logo { float: left; position: relative; background: #ffd86c; padding: 30px; z-index: 1; max-width: 330px; box-shadow: 4px 7px 21px rgba(68,68,68,0.36); overflow: hidden; bottom: -45px; }
.video-logo:hover { text-decoration: none; }
.video-logo:before { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 1px solid #fff; }
.video-logo h4 { color: #5b6cb7; font-size: 33px; font-style: italic; font-weight: 900; display: block; overflow: hidden; margin: 0; padding: 0; }
.video-logo .play-ico { height: 80px; width: 80px; background: #5b6cb7; color: #fff; float: left; margin-right: 20px; border-radius: 50%; text-align: center; line-height: 87px; font-size: 50px; padding-left: 8px; }
.video-logo .play-ico:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 66%; z-index: -1; border-bottom: 140px solid #ffe87e; border-left: 110px solid transparent; }
.video-info { margin-bottom: -60px; margin-top: 30px; }
.play-ico { height: 34px; width: 34px; background: #5b6cb7; color: #fff; border-radius: 50%; margin-right: 15px; text-align: center; display: inline-block; line-height: 35px; font-size: 15px; padding-left: 4px; }
.video-podcast { font-size: 18px; font-weight: 700; float: left; margin-left: 50px; margin-top: 38px; }
.video-podcast a { color: #fff; display: inline-block; vertical-align: middle; }
.video-podcast a:hover { text-decoration: none; }
.next-video { float: right; color: #fff; margin-top: -15px; position: relative; margin-right: 15px; padding-right: 54px; }
.next-video:hover { text-decoration: none; color: #fff; }
.video-label { font-size: 25px; color: #6879cd; background: #fff; line-height: 1; padding: 5px; padding-right: 15px; display: inline-block; }
.next-video h6 { font-size: 26px; font-weight: 800; padding: 0; margin: 10px 0; }
.next-video .video-hours { font-size: 16px; }
.next-video .play-ico { margin: auto; position: absolute; right: 0; bottom: 10px; line-height: 34px; }


/* =Facebook Css + TEMPORARY Css [ Ajouté par MerciThomas ]
========================================================================================*/

/* Facebook Page Plugin Mobile Hidden*/
@media only screen and (max-width: 567px) {
    #fb-row { display: none; }
    body.archive #custom_html-7 { display: none; }
    body.single #custom_html-4 { display: none; }
}


.other-post-box { display: none; }
section.no-results.not-found header.page-header { display: none; }


/* =Mesh Live Player (Bottom Bar) Css [ Ajouté par MerciThomas ]
========================================================================================*/

.mesh-main-player .mesh-playlist-repeat { display: none; }
.mesh-main-player .mesh-playlist-random { display: none; }
@media only screen and (min-width: 901px) and (max-width: 1030px) { .mesh-main-player .mesh-title { max-width: 45rem; } }
@media only screen and (min-width: 801px) and (max-width: 900px) { .mesh-main-player .mesh-title { max-width: 38rem; } }
@media only screen and (min-width: 601px) and (max-width: 800px) { .mesh-main-player .mesh-title { max-width: 37rem; } }
@media only screen and (min-width: 501px) and (max-width: 600px) { .mesh-main-player .mesh-title { max-width: 26rem; } }
@media only screen and (min-width: 401px) and (max-width: 500px) { .mesh-main-player .mesh-title { max-width: 20rem; } }
@media only screen and (min-width: 330px) and (max-width: 400px) { .mesh-main-player .mesh-title { max-width: 16rem; } }


/* =Astero Weather Css [ Ajouté par MerciThomas ]
========================================================================================*/
.widget_astero_widget .astero span,
.widget_astero_widget .astero p,
.widget_astero_widget .astero div,
.widget_astero_widget .astero a,
.widget_astero_widget .astero li,
.widget_astero_widget .astero ul { color: #ffffff; }

.widget_astero_widget .astero-small .astero-location { word-break: break-all; }
.widget_astero_widget .astero-small .astero-temp span { font-size: 0.9em; }

@media only screen and (max-width: 1299px) { .widget_astero_widget .astero-small .astero-temp span { font-size: 0.8em; } }
@media only screen and (max-width: 1199px) { .widget_astero_widget .astero-small .astero-temp span { font-size: 0.6em; } }
@media only screen and (max-width: 1029px) { .widget_astero_widget .astero-small .astero-temp span { font-size: 0.4em; } }
@media only screen and (max-width: 767px) { .widget_astero_widget .astero-small .astero-temp span { font-size: 1em; } }
@media only screen and (max-width: 350px) { .widget_astero_widget .astero-small .astero-temp span { font-size: 0.8em; } }


/* =WP-PageNavi Css [ Ajouté par MerciThomas ]
========================================================================================*/
.wp-pagenavi .pages { width: auto; }


/* =GDPR Cookie Bar Css [ Ajouté par MerciThomas ]
========================================================================================*/
#moove_gdpr_cookie_info_bar { z-index: 999999 !important; }

/* =Floating button (Bottom Bar) Css [ Ajouté par David V ]
========================================================================================*/
.floatingButtonWrap {
    display: block;
    position: fixed;
    bottom: 105px;
    right: 10px;
    z-index: 999999999;
}

.floatingButtonInner {
    position: relative;
}

@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.floatingButton {
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    background-color: #d14848;
    color: #000;
    font-weight: 600;
    line-height: 50px;
    position: absolute;
    border-radius: 50% 50%;
    bottom: 0px;
    right: 0px;
    border: 5px solid #fff;
    /* opacity: 0.3; */
    opacity: 1;
    transition: all 0.4s;
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

.floatingButton .fa {
    font-size: 52px !important;
    margin: 10px;
}

.floatingButton.open,
.floatingButton:hover,
.floatingButton:focus,
.floatingButton:active {
    opacity: 1 !important;
    color: #000;
    animation: none;
}


.floatingButton .fa {
    transform: rotate(0deg);
    transition: all 0.4s;
    font-family: FontAwesome !important;
    color: #fff;
}

.floatingButton.open .fa {
    transform: rotate(360deg);
}

.floatingMenu {
    position: absolute;
    bottom: 60px;
    right: 0px;
    /* width: 200px; */
    display: none;
}

.floatingMenu li {
    width: 100%;
    float: right;
    list-style: none;
    text-align: right;
    margin-bottom: 5px;
}

.floatingMenu li a {
    padding: 8px 15px;
    display: inline-block;
    background: #d14848;
    color: #fff !important;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
    /* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
    -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    opacity: 1 !important;
}

.floatingMenu li a:hover {
    margin-right: 10px;
    text-decoration: none;
    opacity: 1 !important;
}

/* =highlight section Css
================================*/
.highlight-title { text-align: right; font-size: 22px; color: #000; font-weight: 700; margin: 0; padding: 0; }
.highlight-link ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.highlight-link ul li { display: inline-block; font-size: 18px; color: #4e5ca2; font-weight: 700; position: relative; padding-right: 8px; margin-right: 5px; }
.highlight-link ul li:last-child { margin-right: 0; padding-right: 0; }
.highlight-link ul li:after { content: ""; width: 3px; height: 16px; background: #4e5ca2; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; }
.highlight-link ul li:last-child:after { display: none; }
.highlight-link ul li a { color: #4e5ca2; }
.highlight-link ul li a:hover { color: #111; text-decoration: none; }
.highlight-main-box { margin-top: 45px; margin-bottom: 50px; }
.highlight-row { background: #f1f1f1; } 

.news-img-box figure { margin: 0; background-size: cover; background-repeat: no-repeat; min-height: 540px; width: 100%; }
.home .news-img-box figure {  background-size: contain; min-height: auto;}
.news-img-box figure img { width: 100%; height: auto; margin: 0; }

/* Same Category Image Height [ Ajouté par MerciThomas ] */
@media only screen and (min-width: 1030px) and (max-width: 1400px) {
    .same-category-row .news-img-box { height: 100%; height: -moz-available; height: -webkit-fill-available; }}
    
/* Same Category "ARTICLE PRÉCÉDENT" margin-left [ Ajouté par MerciThomas ] */
@media only screen and (min-width: 1030px) {
    .same-category-row > .row > .col-md-6:nth-child(1) .article-nav { margin-left: 45px; }}

/*.section-title, .vc_custom_heading { margin-bottom: 45px; }*/
.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title { margin: 0; margin-bottom: 45px; padding: 0; font-size: 38px; font-weight: 800; color: #4e5ca2; text-transform: uppercase; }
.block-title, .vc_custom_heading { font-weight: 800 !important; color: #4e5ca2; font-family: 'Poppins', sans-serif !important; }

.section-title { margin-bottom: 45px; }
.section-title h3 { margin: 0 !important; }

.news-box { background: #ffdd71; position: relative; z-index: 1; overflow: hidden; margin-bottom: 50px; width: 100%; }
.news-box:after { content: ""; position: absolute; bottom: 0; right: 0; border-bottom: 55vw solid #ffe57b; border-left: 55vw solid transparent; z-index: -1; width: 90%; top: 0; }
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m-0 { margin:0 !important; }
.p-0 { padding:0 !important; }

.news-details { background: #fff; box-shadow: 4px 7px 21px rgba(68,68,68,0.36); padding: 35px; margin-right: 75px; margin-left: -170px; }
.news-tag { font-size: 19px; color: #333; margin-bottom: 15px; display: block; }
.news-tag span { position: relative; margin-right:10px; }
.news-tag span:last-child { margin-right:0; }
.news-tag span a { color: #333; }
.news-tag span:first-child:after { content: ""; height: 6px; width: 46px; background: #fcd162; position: absolute; left: 0; top: 100%; } 
.news-details h4 { font-weight: 700; color: #000; font-size: 32px; ;margin: 15px 0; padding: 0; }
.news-details h4 a { color: #000; text-decoration: none; font-weight: 700; }
.news-details h4 a:hover { color: #4e5ca2; text-decoration: none; }

.news-info ul { margin: 0; padding: 0; list-style: none; font-size: 16px; }
.news-info ul:after { content: ""; display: table; clear: both; }
.news-info ul li { float: left; margin-right: 10px; font-weight: 500; font-style: italic; color:#626262; }
.news-info ul li a { color:#626262; }
.news-info ul li a:hover { color: #4e5ca2; text-decoration: none; }
.comon-news-img { margin: 0; }
.bg-img { background-repeat: no-repeat; background-size: cover; background-position: 50% 0; }
.bg-img img { display: none; }

.common-list-main-box { margin-bottom: 50px; }
.common-news-box { position: relative; z-index: 1; min-height: 400px; margin-bottom: 30px; }
.comon-news-img  { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.common-news-info-box { width: 100%; padding: 30px; }
.common-news-info-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.common-news-label { margin-bottom: auto; margin-top: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.common-news-label li { font-weight: 500; font-size: 10px; color: #111; margin: 5px; }
.common-news-label li a { color: #111; }
.common-news-label li a, .common-news-label li span { padding: 5px 10px; }
.common-news-label li a:hover { text-decoration: none; }
.common-news-label .bg-yellow a, .common-news-label .bg-yellow span { background: #fcd162; }
.common-news-label .bg-red a, .common-news-label .bg-red span { background: #e59372; }
.common-news-info { margin-top: auto; margin-bottom: 0; }
.common-news-info h4 { font-size: 26px; line-height: 1.5; font-weight: 500; margin-bottom: 25px; padding: 0; }
.common-news-info h4 a { display: inline; background: rgba(255,255,255,0.90); color: #111; }
.common-news-info h4 a:hover { text-decoration: none; }
.common-news-info .news-info ul li:after, .common-news-info .news-info ul li:before { display: none; }
.common-news-info .news-info ul li { color: #fff; }
.common-news-info .news-info ul li a { color: #fff; }
.common-news-info .news-info ul li i { color:#626262; background: #fff; display: inline-block; height: 20px; width: 20px; text-align: center; line-height: 20px; margin-right: 3px; vertical-align: middle; }

.podcast-slider .owl-stage {
		display: flex !important;
	}
.podcast-slider .owl-item {
		display: flex !important;
		flex: 1 0 auto !important;
	}
.podcast-slider .captionowl {
		display: flex !important;
		flex: 1 0 auto  !important;
		flex-direction: column  !important;
	}
.podcast-slider .flex-text {
		flex-grow: 1  !important
	}
.podcast-slider .thumbnailowl {
		display: flex  !important;
		flex-direction: column  !important;
	}



/* =chronicles row Css
================================*/
.chronicles-row { background-color: #ffdf75; background-image: url(images/yellow-bg-img.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 0; }
.chronicles-list-box { margin-bottom: 50px; }
.chronicles-list-box figure { margin: 0 0 30px; }
.chronicles-list-box figure img { width: 100%; height: auto; margin: 0; }

.chronicles-info-box, .chronicles-info { position: relative; z-index: 1; height: 424px; background: linear-gradient(90deg, rgba(24,27,94,0.7791491596638656) 0%, rgba(24,27,94,0.19091386554621848) 77%);}
.chronicles-info:before { content: ""; background-image: url(images/slider-img-patern.png); position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; background-size: auto 100%; z-index: -1; }
.chronicles-img { margin: 0; }
.chronicles-slider .owl-item .chronicles-img img { display: none; margin: 0; }
.chronicles-img { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.chronicles-info { padding:40px 50px; color: #fff; }

.chronicles-slider-box { margin-bottom: 50px; }
.chronicles-date { margin-bottom: 25px; }
.chronicles-date h3:after, .chronicles-date h5:after { content: ""; display: table; clear: both; }
.chronicles-date .date, .chronicles-date .month { float: left; margin-right: 10px; font-weight: 900;}
.chronicles-date h3 { color: #ffeb81; font-size: 38px; font-weight: 900; margin: 0; padding: 0; }
.chronicles-date h5 { color: #fff; font-size: 28px; font-weight: 700; margin: 0; padding: 0; }
.chronicles-date .month { font-weight: 300; color: #ffeb81; }
.chronicles-info h2 { font-size: 84px; font-family: 'Welcome 2019'; padding: 0; }
.chronicles-info .note { font-size: 13px; text-transform: uppercase; font-weight: 700; font-style: italic; letter-spacing: 0.13rem; display: block; margin: 20px 0 10px; }
.chronicles-info p { font-size: 18px; margin: 0; width: 100%; }
.chronicles-info small { max-width: 660px; margin: 0; width: 100%; }
/* MerciThomas : Fix Hide "next" and "prev" text */
/* MerciThomas : Ajouté ->  color: rgba(0,0,0,0); */
.chronicles-slider .owl-nav .owl-prev, .chronicles-slider .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); height: 90px; width: 45px; overflow: hidden; color: rgba(0,0,0,0); }
.chronicles-slider .owl-nav .owl-prev { left: 0; }
.chronicles-slider .owl-nav .owl-next { right: 0; }
.chronicles-slider .owl-nav .owl-prev:after, .chronicles-slider .owl-nav .owl-next:after { content: ""; background: rgba(255,255,255,0.86); height: 90px; width: 90px; top: 0; bottom: 0; margin: auto; position: absolute; border-radius: 50%; }
.chronicles-slider .owl-nav .owl-prev:before, .chronicles-slider .owl-nav .owl-next:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 16px; width: 16px; border-top:2px solid #111; border-right:2px solid #111; z-index: 2; }
.chronicles-slider .owl-nav .owl-prev:before { transform: rotate(-135deg); }
.chronicles-slider .owl-nav .owl-next:before { transform: rotate(45deg); }
.chronicles-slider .owl-nav .owl-prev:after { left: -45px; }
.chronicles-slider .owl-nav .owl-next:after { right: -45px; }

.more-link-btn { margin-bottom: 0px; font-size: 20px; font-weight: 700; }
.more-link-btn a { color: #4e5ca2; display: inline-block; vertical-align: middle; font-weight: 700; }
.more-link-btn a i { height: 40px; width: 40px; font-size: 15px; border:5px solid #4e5ca2; border-radius: 50px; margin-right: 15px; text-align: center; line-height: 30px; }
.more-link-btn a:hover { color: #000; text-decoration: none; }

/* =Section main Css
================================*/
.ad-box + .ad-box { margin-top: 30px; }
.ad-box figure { margin: 0; }
.ad-box figure img { max-width: 100%; height: auto; width: auto; margin: 0; }
.modulebox { margin-bottom: 35px; }
.modulebox .block-title { padding: 0 16px; margin-bottom: 25px; }
.section-main-box .section-title { margin-bottom: 25px}
.chronicles-info h4 { font-weight: 900; font-style: italic; font-size:46px; margin: 0 0 10px 0; padding: 0; }
.chronicles-label { font-size: 18px; font-weight: 700; font-style: italic; text-transform: uppercase; padding: 2px 12px; display: inline-block; margin-top: 10px; border-radius: 4px;
 background: -moz-linear-gradient(1deg, rgba(37,31,78,1) 0%, rgba(54,44,111,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(37,31,78,1)), color-stop(100%, rgba(54,44,111,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(1deg, rgba(37,31,78,1) 0%, rgba(54,44,111,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(1deg, rgba(37,31,78,1) 0%, rgba(54,44,111,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(1deg, rgba(37,31,78,1) 0%, rgba(54,44,111,1) 100%); /* ie10+ */
background: linear-gradient(89deg, rgba(37,31,78,1) 0%, rgba(54,44,111,1) 100%); /* w3c */ 
}
.section-main-box .chronicles-info p { line-height: 1.2; }
.chronicles-info .btn { font-size: 18px; color: #ffeb81; border: 1px solid #ffeb81; border-radius: 0; text-transform: uppercase; letter-spacing: 0.32rem; display: inline-block; margin-top: 25px; padding: 6px 18px; }
.chronicles-info .btn:hover { background:#ffeb81; color: #4e5ca2; }

/* =Podcast section Css
================================*/
.podcast-slider-main-box { margin-bottom: 80px; }
/*.podcast-slider-main-box:last-child { margin-bottom: 0; }*/
.small-title { margin-bottom: 20px; position: relative; padding-left: 85px; }
.small-title:before { content: ""; position: absolute; left: 0; top: 5px; background: #2e2e2e; height: 18px; width: 80px; }
.small-title h4 { font-size: 26px; color:#2e2e2e; font-weight: 900; margin: 0; text-transform: uppercase; padding: 0; }
.podcast-box { position: relative; overflow: hidden; }
.podcast-img figure { margin: 0; }
.podcast-img figure img { width: 100%; height: auto; margin: 0; }
.podcast-details { background: #fbd56d; position: relative; z-index: 1; padding: 25px; }
.podcast-details:after { content: ""; position: absolute; bottom: 0; right: 0; border-bottom: 15vw solid #f5e47e; border-left: 28vw solid transparent; z-index: -1; width: 90%; top: 0; }
.podcast-info { background: #fff; padding: 20px; text-align: center; margin-top: -85px; position: relative; z-index: 2; }
.podcast-info-slider {    
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}
.podcast-details-slider {
    display: flex !important;
    flex: auto !important;
    flex-direction: column !important;
}
.podcast-info .news-tag { font-size: 11px; }
.podcast-info .news-tag span { margin-right: 10px; display: inline-block; }
.podcast-info .news-tag span:after { width: 25px; height: 4px; }
.podcast-info h3 { font-size: 22px; color: #000; font-weight: 700; margin: 0; padding: 0; }
.podcast-info h3 a { color: #000; text-decoration: none; font-weight: 700; }
.podcast-info h3 a:hover { color: #4e5ca2; }
/*
.podcast-info .news-info {
    position: absolute !important;
    bottom: 10px !important;
}
*/
.podcast-info .news-info ul { font-size: 13px; margin-top: 10px; }
.podcast-info .news-info ul li { float: none; display: inline-block; }
.podcast-info .news-info ul li a i { margin-right: 4px; }
.podcast-slider .owl-nav { position: absolute; top:-55px; right: 0; }
.podcast-slider.owl-carousel .owl-nav .owl-prev, .podcast-slider.owl-carousel .owl-nav .owl-next { height: 45px; width: 45px; background: #555; color:#fff; line-height: 1; text-align: center; display: inline-block; font-size: 0; vertical-align: top; position: relative; }
.podcast-slider.owl-carousel .owl-nav .owl-prev:after, .podcast-slider.owl-carousel .owl-nav .owl-next:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; font-size: 30px; font-weight: bold; height: 30px; width: 30px; }
.podcast-slider.owl-carousel .owl-nav .owl-prev:after { content: "<"; }
.podcast-slider.owl-carousel .owl-nav .owl-next:after { content: ">"; }
.podcast-slider .owl-nav  { margin-left: 5px; }
.podcast-slider .owl-nav span { position: relative; top: -1px; }
.podcast-slider .owl-nav div { margin-left: 5px; }

/* Title - Mobile [ Ajouté par MerciThomas ] */
@media only screen and (max-width: 499px) {
	.podcast-slider-main-box .small-title { padding-left: 65px; }
	.podcast-slider-main-box .small-title:before { width: 60px; }
    .podcast-slider-main-box .small-title h4 { margin-right: 100px; }}
@media only screen and (max-width: 474px) {
	.podcast-slider-main-box:nth-child(2) .small-title { margin-bottom: 0; }
	.podcast-slider-main-box:nth-child(2) .small-title:before { height: 47px; top: 4px; }}
@media only screen and (max-width: 345px) {
	.podcast-slider-main-box:nth-child(2) .small-title { margin-bottom: 0; }
	.podcast-slider-main-box:nth-child(2) .small-title:before { height: 75px; top: 4px; }}
@media only screen and (max-width: 458px) {
	.podcast-slider-main-box:nth-child(3) .small-title { margin-bottom: 0; }
	.podcast-slider-main-box:nth-child(3) .small-title:before { height: 47px; top: 4px; }}
@media only screen and (max-width: 333px) {
	.podcast-slider-main-box:nth-child(3) .small-title { margin-bottom: 0; }
	.podcast-slider-main-box:nth-child(3) .small-title:before { height: 75px; top: 4px; }}
@media only screen and (max-width: 362px) {
	.podcast-slider-main-box:nth-child(4) .small-title { margin-bottom: 0; }
	.podcast-slider-main-box:nth-child(4) .small-title:before { height: 47px; top: 4px; }}
	
/* Podcast-ad-box - Mobile Title Text Sizing Query [ Ajouté par MerciThomas ] */
@media only screen and (max-width: 416px) { .podcast-ad-box h5 { font-size: 22px !important;} }

/* MerciThomas : Fix -> .podcast-time top positioning - mobile */
@media only screen and (max-width: 329px) { .podcast-video, .podcast-time { top: 150px !important; } }

	


/* =Newsletter section Css
================================*/
.blue-bg { background-color: #5160a8; background-image: url(images/blue-bg-img.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 0; }
.newsletter-box { color: #fff; }
.newsletter-box h2 { margin: 0 0 15px;  font-size: 38px; font-weight: 800; text-transform: uppercase; padding: 0; }
.newsletter-box h5 { font-weight: 500; font-size: 19px; padding: 0; }
.newsletter-box .form-control { font-size: 17px; font-weight: 500; color: #8e8e8e; background: #fff; max-width: 391px; padding: 20px 25px; margin: 25px auto; height: auto; text-align: center; font-family: 'Poppins', sans-serif; }
/* MerciThomas : Button Styles [ SendInBlue ] */
.newsletter-box .sib-default-btn { font-weight: 600; margin: auto; }
.newsletter-box .btn { font-size: 17px; font-weight: 500; color: #8e8e8e; background: #fff; min-width: 391px; padding: 18px 25px; margin: 25px 0; }
.newsletter-box .btn:hover { background: #ffeb81;  }
.newsletter-box .note { font-size: 10px; font-weight: 300; margin: 0; line-height: 1.7; }
.eapps-instagram-feed.eapps-widget{width:100%; max-width:290px;}
.eapps-instagram-feed-posts-slider-inner.eapps-instagram-feed-posts-inner.eui-slider-inner{ width:100% !important; max-width: 100% !important; }
#eapps-instagram-feed-1 { max-height: 502px; border: 1px solid #c6c6c6;}

/* Centering Newsletter [ Ajouté par MerciThomas ] */
.section-row.newsletter-row .container { width: 100%; }

/* Mailster Button [ Ajouté par MerciThomas ] */
.newsletter-box .mailster-wrapper.mailster-submit-wrapper.form-submit { display: flex; flex-direction: row; justify-content: center; }
.mailster-form .submit-button { background-color: #fcd162; font-weight: 600; color: #000000; }
.mailster-form .submit-button:hover { background-color: #000000; color: #fcd162; }

/* Displaying Relevant Forms [ Ajouté par MerciThomas ] */
html.unsubscribe .mailster-form {display: none;}
html.unsubscribe .mailster-form.is-unsubscribe {display: block;}
html.unsubscribe .subscribe-text {display: none;}

html.subscribe .mailster-form.is-unsubscribe {display: none;}
html.subscribe .unsubscribe-text {display: none;}



/* =Chronique Page Css
================================*/
a { color: #4e5ca2; }
.discover-post-box h5{padding:0px;}
.discover-post-box h5 a{
    margin: 0;
    color: #333;
    font-weight: 700;
    font-size: 16px;
}


.blog-post-main-box { font-size: 17px; }
.blog-post-main-box h1 { font-size: 53px; font-weight: 600; margin-bottom: 15px; color: #333; }
.post-date { color:#333; margin-bottom: 20px; display: block; }
.blog-cat-link { margin: 0; padding: 0; list-style: none; font-size: 0; }
.blog-cat-link li { display: inline-block; font-size: 17px; margin: 0 11px; color: #333; }
.blog-cat-link li a { color: #333; border-bottom: 6px solid transparent; transition: 0.5s all; }
.blog-cat-link li a:hover, .blog-cat-link li.current a { border-color: #fcd162; text-decoration: none; }
.post-main-img { margin-top: 50px; }
.post-main-img figure { margin: 0; }
.post-main-img figure img { width: 100%; height: auto; }

.post-details-box { font-size: 18px; color: #000; }
.post-details-box h6 { font-size: 20px; font-weight: 800; margin-bottom: 4px; padding: 0; }
.post-details-box p { margin-bottom: 30px; line-height: 1.45; }
.post-details-box img { max-width: 100%; height: auto; width: auto; margin: 60px 0;}
.post-details-box h5, .post-details-box h2 { font-size: 22px; font-weight: 700; color: #000; line-height: 1.5; padding: 0; }

/* MerciThomas : Ajouté ->  padding-left: 15px; padding-right: 15px; */
.ad-img { margin-top: 10px; padding-left: 15px; padding-right: 15px; }
.ad-img img { width: 100%; height: auto; }
.ad-img, .podcast-ad-box { margin-bottom:40px; }

.post-title { border-bottom: 2px solid #dcdcdc; padding-bottom: 15px; margin-bottom: 30px; }
.post-title h3 { font-weight: 800; color: #000; margin: 5px 0 0 0; }
.smartfeed-img { text-align: right; }
.smartfeed-img a { display: inline-block; max-width: 230px; width: 100%; margin: 0; }
.smartfeed-img img { width: 100%; height: auto; }
.other-post-box { margin-bottom: 10px; }
.other-post-box figure { margin: 0 0 5px; }
.other-post-box figure img { width: 100%; height: auto; }
.other-post-details > span { display: block; margin-bottom: 5px; color: #969696; font-size: 17px; }
.other-post-details h5 { color: #000; margin: 5px 0 0 0; font-size: 27px; line-height: 1.3; }
.other-post-details h5 a { color: #000; }
.other-post-details h5 a:hover { color: #4e5ca2; text-decoration: none; }

.podcast-ad-box { padding: 40px 50px; position: relative; z-index: 1; background-color: #fcd162; background-image: url(images/yellow-bg-img.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 0; box-shadow: 4px 7px 21px rgba(68, 68, 68, 0.36); }
.podcast-ad-box:after { content: ""; position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; margin: auto; border: 1px solid #fff; z-index: -1; }
.podcast-ad-box h5 { font-size: 33px; color: #5b6cb7; font-weight: 900; font-style: italic; text-transform: uppercase; margin: 0 0 20px; }
.podcast-video-box:after { content: ""; display: table; clear: both; }
.podcast-video { float: left; width: 80%; }
.podcast-time { float: left; width: 20%; text-align: right; font-size: 0; }
.podcast-time span { font-size: 14px; color: #333; }
.podcast-time span, .podcast-time figure { display: inline-block; vertical-align: middle; }
.podcast-time figure { margin: 0 0 0 15px; width: 12px; }
.podcast-time figure img { width: 100%; height: auto; vertical-align: middle; }
.podcast-video .play-ico { float: left; height: 57px; width: 57px; font-size: 30px; line-height: 63px; padding-left: 5px; }
.podcast-video-details { display: block; overflow: hidden; font-size: 14px; margin-top: 10px; }
/* MerciThomas : font-size: 16px;  -->  font-size: 14px; */
.podcast-video-details h6 { margin: 0; margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #333; text-transform: uppercase; }
.podcast-video-details p:last-child { margin-bottom: 0; }
.podcast-video-details p span { color: #5b6cb7; }

.discover-post-box { margin-bottom: 30px; font-size: 17px; }
.discover-post-box figure { margin: 10px 0; }
.discover-post-box figure img { width: 100%; height: auto; }
.discover-post-box span a { color: #fcd162; font-weight: 700; }
.discover-post-box h5 { margin: 4px 0; color: #333; font-weight: 700; font-size: 16px; }
.discover-post-box h5 a { color: #333; }
.discover-post-box h5 a:hover { color: #4e5ca2; text-decoration: none; }

.module-small-title h5, .widget-album-author .section-title h3, .widget-album-categories .section-title h3 { margin: 0 0 12px 0; font-size: 22px; color: #000; font-weight: 900; }
.category-list ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.category-list ul li { font-size: 16px; display: inline-block; margin-bottom: 8px; margin-right: 10px;  line-height: 1.2; }
.category-list ul li a { border-bottom: 6px solid #fff; color: #333; }
.category-list ul li.current a, .category-list ul li a:hover { border-color: #fcd162; text-decoration: none; }
.written-by:after { content: ""; display: table; clear: both; }
.written-by figure { margin: 0 15px 0 0; position: relative; overflow: hidden; border-radius: 50%; float: left; width: 50px; }
.written-by figure img { width: 100%; height: auto; }
.written-by-details { display: block; overflow: hidden; }
.written-by-details h5 { margin: 0 0 5px; font-size: 18px; color: #4e5ca2; font-weight: 500; padding: 0; }
.written-by-details h5 a { color: #4e5ca2; text-decoration: none; }
.written-by-details span { font-size:16px; color: #666; }
.written-by-details span i { margin-right:10px; }


.same-category-row > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.same-category-row > .row > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.same-category-row .flex-row-reverse .news-details { margin-left: 75px; margin-right: -170px; }
.same-category-row .news-details h4 { font-size: 26px; }
.article-nav { margin-bottom:35px; font-size: 22px; font-weight: 900; color: #000; text-transform: uppercase; max-width: 150px; display: block; line-height: 1.45; }
.article-nav:hover { text-decoration: none; color: #4e5ca2; }
.same-category-row .flex-row-reverse .article-nav { margin-left: auto; margin-right: 0; }

.news-details-btn { text-align: center; margin-top: 50px; }
.news-details-btn .btn { font-size: 18px; color: #4e5ca2; border: 1px solid #4e5ca2; border-radius: 0; text-transform: uppercase; letter-spacing: 0.32rem; display: inline-block; padding: 6px 18px; }
.news-details-btn .btn:hover { background:#4e5ca2; color: #ffeb81; }

.same-category-row .news-details-box { padding-top: 50px; padding-bottom: 50px;}

#eapps-instagram-feed-1 { width: 100% !important; max-width: 335px; }
.top-mobile-header { padding-top: 0 !important; }
.podcast-video-details h6,.podcast-ad-box h5{padding:0;}
.iframe-container {
  overflow: hidden;
  /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.wp-pagenavi .pages {
    width: 100% !important;
    border-bottom: 0px solid;
}
.wp-pagination a, .wp-pagination span {
    width: auto !important;
    border-bottom: 0px solid !important;
}
.section-main-box {padding-top: 0px !important;}
.single-album .section-row.section-main-box{padding-bottom:0px;}
.single-album .section-row.same-category-row{padding-bottom:10px;}
.single-album .section-row.same-category-row .news-box{margin-bottom:0px;}
.news-box .row.d-flex {background-image:url(images/yellow-bg-img.jpg); background-size:cover;}
.single-album .same-category-row .news-tag{font-size:14px;}
.same-category-row .col-md-6 .news-box .news-details h4 a {display: block;}
.post-details-box .post-excerpt{margin-bottom:60px;}
.post-featured-img img{ margin:0 0 60px 0; width:100%; }
.podcast-video-details p a,.podcast-video-details p a:hover{color:#333;}


/* =Auteur Page Css
================================*/
.post-ad-box .ad-img { margin: 0; }
.auteur-post-box {  }
.auteur-box > .auteur-img, .genre-box { margin: 0 0 50px; }
.auteur-post-box figure img { width: 100%; height: auto; }
.archive-main-box h3 { margin: 0 0 25px; font-size: 38px; font-weight: 800; color: #4e5ca2; text-transform: uppercase; padding: 0 0 20px; } 
.auteur-post-box { font-size: 18px; }
.auteur-post-box p:last-child { margin-bottom: 0; }
.post-btn-box .btn { font-size: 18px; color: #4e5ca2; border: 1px solid #4e5ca2; border-radius: 0; text-transform: uppercase; letter-spacing: 0.32rem; display: inline-block; margin-top: 15px; padding: 6px 18px; }
.post-btn-box .btn:hover { background:#4e5ca2; color: #fff; }
.archive-post-box, .auteur-post-box, .wp-pagination { margin-bottom: 80px; }
.archive-post-box figure { margin: 0 0 15px; }
.archive-post-box figure img { width: 100%; height: auto; }
.archive-post-box h4 { font-size: 28px; font-weight: 800; color: #000; padding: 0; margin: 20px 0; }
.archive-post-box h4 a { color: #000; font-weight: inherit; }
.archive-post-box h4 a:hover { color: #4e5ca2; text-decoration: none; }
.archive-list ul { margin: 0 0 15px; padding: 0; list-style: none; display: inline-block; font-size: 0; }
.archive-list ul li { display: inline-block; font-size: 18px; margin-right: 15px; font-weight: normal; }
.archive-list ul li:last-child { margin-right: 0; }
.archive-list li a { color: #333; padding-bottom: 5px; position: relative; }
.archive-list li a:hover { color: #4e5ca2; text-decoration: none; }
.archive-list li a:after { content: ""; width: 46px; height: 6px; background: #fcd162; position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; }
.archive-list li.active a:after { opacity: 1; visibility: visible; }
.archive-post-box { font-weight: 800; font-size: 18px; color: #000; }
/* MerciThomas : font-weight: inherit;  -->   font-weight: 500; */
.archive-post-box p { font-weight: 500; margin: 0 0 10px; }
/* MerciThomas : Fix mobile archive content font size, line-height, margin */
@media only screen and (max-width: 767px) { .archive-post-box p { font-size: 16px; line-height: 1.3em; margin: 0 0 5px 0; } }
.archive-post-box p a { font-weight: inherit; }
.post-btn-box { text-align: right; }

.wp-pagination { text-align: center; font-size: 0; }
.wp-pagination a, .wp-pagination span { display: inline-block; font-size: 15px; font-size: 18px; font-weight: 500; margin: 0 8px; border: 0; border-bottom: 5px solid transparent; height: 30px; width: 15px; transition: 0.35s all; padding: 0; }
.wp-pagination a { color:#7b7c97; }
.wp-pagination .wp-pagenavi span, .wp-pagination .wp-pagenavi a:hover, .wp-pagination .wp-pagenavi a:focus { color: #1f1f1f; border-bottom-color: #3d76f0; text-decoration: none; }

.contact-social > span { font-weight: 900; font-size: 23px; color: #000; margin-bottom: 15px; display: block; }
.contact-social ul { margin: 0; padding: 0; list-style: none; }
.contact-social ul li { display: inline-block; margin-right: 20px; }
.contact-social li:last-child { margin-right: 0; }
.contact-social li a { height: 60px; width: 60px; display: block; color: #fff; text-align: center; font-size: 25px; border-radius: 50px; line-height: 64px; }
.contact-social li a.social-facebook { background: #38539a; }
.contact-social li a.social-twitter { background: #4aa1ec; }
.contact-social li a.social-envelope { background: #333; }
.archive-main-box { line-height: 1.4; }

.auteur-img { position: relative; font-size: 0; }
.auteur-img .auteur-img.bg-img { position: static; }
.auteur-img .bg-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.auteur-img .auteur-img.bg-img img { display: block; }
.auteur-title { position: absolute; bottom: 0; left: 0; right: 0; font-size: 44px; color: #ffeb81; font-weight: 900; padding: 35px; word-wrap: break-word; }
.same-category-row .news-img-box {background-size:cover; background-repeat:no-repeat;}
.fixed-header {position: fixed;top: 0; left: 0; width: 100%; z-index:2;}
.fixed-header-body {margin-top: 235px;}

.genre-img .bg-img img { display: block; }
.genre-img { position: relative; }
/* MerciThomas : Supprimé -> word-break: break-all; */
/* MerciThomas : top: 50%;  -->  top: 45%; */
.genre-img .genre-title { font-family: 'Welcome 2019'; font-size: 110px; color: #fcd162; margin-bottom: 0; position: absolute; top: 45%; transform: translateY(-50%); bottom: 0; padding: 50px; line-height: 0.7; }
.main-music-player.main-music-player-content-light{z-index:999999;}
#eapps-instagram-feed-2,#eapps-instagram-feed-1{width:auto !important;z-index:0 !important;}


/*  Side menu */
#burger-menu { width: 320px; position: fixed; left: -100%; top: 0; height: 100%; min-height: 100%; display: block; transition: all 1s ease 0s; list-style-type: none; margin: 0; padding: 0;  background: #6879cd; z-index: 1000001; overflow-x: hidden; overflow-y: auto; padding-top: 60px; }
#burger-menu .entete { float: left; height: 60px; text-align: center; background: #6879cd; border-bottom: 1px solid rgba(255,255,255,0.2); position: fixed; top: 0; left: -100%; z-index: 2; width: 320px; transition: all 1s ease 0s; }
.openmenu #burger-menu, .openmenu #burger-menu .entete { left: 0; }
#closeBurgerButton { float: left; width: 60px; height: 60px; text-shadow: 0; font-size: 0; background: none; border: 0; color: #fff; padding: 5px 0 0 3px; position: relative; cursor: pointer; }
#closeBurgerButton:after, #closeBurgerButton:before { content: ""; height: 20px; width: 2px; background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
#closeBurgerButton:after { transform: rotate(45deg); }
#closeBurgerButton:before { transform: rotate(-45deg); }
.entete .logo { float: left; color: #fff; font-size: 32px; border-left: 1px solid rgba(255,255,255,0.2); padding: 12px 0 3px 20px; width: 70px; height: 60px; }
.entete .video-box { float: right; width: 160px; height: 60px; line-height: 60px; font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.entete .video-box a { line-height: 60px; color:  #fff; font-size: 12px; font-weight: 900; background: rgba(255,255,255,0.2); padding: 10px; }
.entete .video-box i { position: relative; top: -1px; display: inline-block; font-size: 30px; vertical-align: middle; margin-right: 10px; }
#burger-menu ul { margin: 0; padding: 0; list-style: none; display: block; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 15px; margin-bottom: 15px; }
#burger-menu ul:last-child { margin-bottom: 0; }
#burger-menu ul li { display: block; font-size: 21px; font-weight: 800; margin: 0; }
#burger-menu ul li.sidemenu-trigger { display: none; }
#burger-menu ul li a { font-weight: inherit; color: #fff; display: block; padding: 13px 25px; }
#burger-menu ul li a:hover { background: rgba(255,255,255,0.2); }
body:after { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,0.7); z-index: 1000000; opacity: 1; visibility: hidden; transition: all 1s ease 0s; }
body.openmenu:after { opacity: 1; visibility: visible; }
header .news-info li a{color:#fff;}

/* Min Width media */
@media only screen and (min-width: 1300px) {
	.container { width: 1280px; }
}
@media only screen and (min-width: 1500px) {
	.container { width: 1460px; }
}

@media only screen and (min-width: 1201px) {
	#mainmenu > ul { display:block !important; }
    .rowflex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      /*flex-wrap: wrap;*/
    }
    .rowflex .common-news-box {
      display: flex;
    }	

	
}

/* Max Width media */
@media only screen and (max-width: 1850px) {
    /* MerciThomas : font-size: 25px;  -->  font-size: 24px; */
    /* MerciThomas : margin-right: 30px;  -->  margin-right: 20px; */
	#menu-main-menu li { font-size: 24px; margin-right: 20px; }
	/* MerciThomas : Fix #menu-main-menu dropdown */
	#menu-main-menu .menu-item .sub-menu .menu-item a { font-size: 24px; }
}

@media only screen and (max-width: 1650px) {
    /* MerciThomas : font-size: 22px;  -->  font-size: 20px; */
	#menu-main-menu li { font-size: 20px; margin-right: 20px; }
	/* MerciThomas : Fix -> #menu-main-menu dropdown */
	#menu-main-menu .menu-item .sub-menu .menu-item a { font-size: 20px; }
	/* MerciThomas :  padding: 15px 15px 15px 21px;  -->   padding: 15px; */
	.video-box a { padding: 15px; font-size: 22px; max-width: 250px; }
	/* MerciThomas :  margin-right: 20px;  -->   margin-right: 15px; */
	.video-box a i { font-size: 66px; margin-right: 15px; }
	/* MerciThomas : Ajouté ->  margin-left: 83px; */
	/* MerciThomas : Ajouté ->  margin-right: 15px; */
	.logo-box a { width: 102px; margin-left: 83px; margin-right: 15px; }
	/* MerciThomas : padding-left: 35px;  -->   padding-left: 25x; */
	.nav-list { padding-left: 45px; padding-right: 45px; }
	.temp-box { width: 165px; }
	
	.same-category-row .news-details h4 { font-size: 22px; }
}

@media only screen and (max-width: 1400px) {
	.news-row .news { padding: 3px 9px; font-size: 13px; margin-right: 18px; }
	.news-info-row { width: calc(100% - 141px); }
	.news-info li { margin-right: 22px; font-size: 13px; }
	.news-info li:before { margin-top: -6px; }
	.top-header-info { font-size: 15px; }
	.header-social a { font-size: 16px; }
	/* MerciThomas : Ajouté ->  margin-left: 80px; */
	/* MerciThomas : Ajouté ->  margin-right: 10px; */
	.logo-box a { width: 82px; margin-left: 80px; margin-right: 10px; }
	/* MerciThomas : font-size: 19px;  -->  font-size: 18px; */
    /* MerciThomas : margin-right: 17px;  -->  margin-right: 15px; */
	#menu-main-menu li { font-size: 17px; margin-right: 15px; }
	/* MerciThomas : Fix #menu-main-menu dropdown */
	#menu-main-menu .menu-item .sub-menu .menu-item a { font-size: 16px; }
	.additional-buttons .search { font-size: 15px; }
	/* MerciThomas :  padding: padding: 10px 10px 10px 18px;  -->   padding: 10px; */
	.video-box a { padding: 10px; font-size: 20px; max-width: 200px; }
	.video-box a i { font-size: 56px; margin-right: 15px; }
	.temp-box { width: 135px; }
	
	#menu-sub-menu li { font-size: 16px; }
}

@media only screen and (max-width: 1200px) {
    .additional-buttons{ margin:inherit !important; }
    .additional-buttons .search { font-size: 22px; !important; }
    .rowflex{ display: inherit;flex-wrap: inherit; }
	#mainmenu { margin-left: 0; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#393939; z-index:5; max-height: calc(100vh - 174px); overflow: auto; }
	.fixed-header #mainmenu > ul { max-height: calc(100vh - 90px); }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px #4d4d4d; font-size: 15px; line-height: 1.2; display: block; }
	#mainmenu ul li a, #mainmenu ul li .button { padding:13px 15px; display:block; color: #fff; }
	#mainmenu ul li a:hover, #mainmenu ul li .button:hover { color: #fff; background: #6879cd; }
	
	/* MerciThomas [TEMPORARY - REVERT ONCE SEARCH PAGE DESIGN IS COMPLETE] : margin-right: 20px;   -->   margin-right: 0; */
	#menu { display:block; height: 20px; margin-right: 0; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 26px; height: 3px; background: #4e5ca2; position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:26px; height: 3px; background: #4e5ca2; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 8px; }
	.menulines:after { top: -8px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	
	/* MerciThomas : -->  !important */
	.header-bottom-info { display: none !important; }
	
	.main-footer { /*padding-top: 100px !important;*/ padding-top: 0 !important; }
	.main-footer.footer-content-light .widget h3 { padding: 6px 7px; font-size: 15px; }
	.main-footer .widget p { font-size: 15px; }
	.copyright-box { margin-top: 60px; }
	.main-footer .copyright { padding: 35px 0; }
	
	.news-img-box figure { min-height: 580px; }
	
}

@media only screen and (max-width: 1024px) {
	.news-row .news { padding: 1px 7px; margin-right: 13px; }
	.news-info-row { width: calc(100% - 132px); }
	.header-links li { margin-right: 20px; }
	.top-header-info { font-size: 14px; }
	.header-newsletter a i { padding-right: 0; margin-right: 0; border: 0; }
	.header-newsletter a span { display: none; }
	.top-header-info { -webkit-justify-content: flex-start; justify-content: flex-start; }
	.header-newsletter { margin-left: auto; margin-right: 15px; }
	.header-social a { font-size: 14px; }
	
	.main-footer { /*padding-top: 70px !important;*/ padding-top: 0 !important; }
	.footer-logo a { margin-bottom: 30px; }
	.copyright-box { margin-top: 30px; }
	.main-footer .copyright { padding: 26px 0; }
	.main-footer .copyright p { font-size: 15px; }
	
}

@media only screen and (max-width: 767px) {
	.video-box a { font-size: 0; padding: 15px; }
	.video-box a i { font-size: 50px; margin-right: 0; }
	/* MerciThomas : Fix -> Centering .nav-list */
	.logo-box a { width: 70px; margin-left: 5px; margin-right: 5px; }
	.top-header-info { justify-content: center; }
	.header-links { width: 100%; justify-content: center; }
	.header-newsletter { margin-left: 0; }
	.temp-box { width: 115px; }
	
	.main-footer .widget p { margin-bottom: 10px; }
	.footer-logo a { margin: 0 0 20px; }
	.main-footer > .container > div:not(:last-child) { margin-bottom: 20px; }
	.main-footer .copyright { padding: 20px 0; }
	.main-footer .copyright p { font-size: 14px; }
	.podcast-slider-main-box:last-child { margin-bottom: 0; }
	#mainmenu > ul { max-height: calc(100vh - 181px); }
	.fixed-header #mainmenu > ul { max-height: calc(100vh - 80px); }
	#burger-menu ul li { font-size: 20px; }
}

@media only screen and (max-width: 568px) {
	.header-links li { margin-right: 13px; }
	.top-header-info { font-size: 12px; }
	#burger-menu ul li { font-size: 18px; }
}
@media only screen and (max-width: 479px) {
	.news-row .news { font-size: 12px; padding: 0 5px; margin-right: 0; margin-bottom: 4px; }
	.news-info-row { width: 100%; }
	
	.temp-box { display: none; }
	.top-header-info { font-size: 14px; }
	#mainmenu > ul { max-height: calc(100vh - 226px); }
	
	/* MerciThomas : Fix "Emission a venir Réglages" mobile */
	.chronicles-slider .owl-nav .owl-prev:before { margin: auto auto auto 8px; }
	.chronicles-slider .owl-nav .owl-next:before { margin: auto 8px auto auto; }
	.chronicles-slider .owl-nav .owl-prev:after,
	.chronicles-slider .owl-nav .owl-next:after { width: 75px; height: 75px;}
	.chronicles-slider .chronicles-info { padding: 30px 35px; }
	.chronicles-slider span.note { line-height: 1.4em; font-size: 12px; }
	.chronicles-slider  { background: linear-gradient(0deg, rgba(24,27,94,0.7791491596638656) 0%, rgba(24,27,94,0.19091386554621848) 77%); }
	.chronicles-slider .chronicles-info-box, .chronicles-slider .chronicles-info { height: 450px; }
	.chronicles-slider .chronicles-info p { font-size: 14px; }
	.chronicles-info h2 { font-size: 30px; } 
}















/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 768px) {
	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {
	.video-info-box h2 { font-size: 124px; margin-bottom: 12px; }
	.video-hours { font-size: 22px; padding-left: 30px; }
	.video-logo .play-ico { height: 60px; width: 60px; line-height: 67px; font-size: 30px; }
	.video-logo h4 { font-size: 29px; }
	.video-logo .play-ico:after { border-bottom-width: 124px; }
	.highlight-main-box { margin-top: 45px; margin-bottom: 20px; }
	.common-news-info-box { padding: 20px; }
	.common-news-info h4 { font-size: 22px; margin-bottom: 15px; } 
	.common-list-main-box { margin-bottom: 30px; }
	.chronicles-info h2 { font-size: 64px; }
	.chronicles-date h3 { font-size: 34px; }
	.chronicles-info h4 { font-size: 44px; }
	.chronicles-date h5 { font-size: 26px; }
	.more-link-btn { font-size: 18px; }
	.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title, .auteur-title { font-size: 35px; }
	.podcast-info h3 { font-size: 22px; }
	.newsletter-box h2 { font-size: 36px; }
	.section-row { padding: 45px 0; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 1199px) {
	.highlight-main-box { margin-top: 30px; margin-bottom: 20px; }
	.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title, .archive-main-box h3 { margin-bottom: 20px; font-size: 32px; }
	.news-details h4 { font-size: 28px; }
	.video-info-box h2, .genre-img .genre-title { font-size: 95px; }
	.newsletter-box h2 { font-size: 34px; }
	.section-row { padding: 35px 0; }
	.auteur-title { font-size: 32px; }
	.genre-img .genre-title { padding: 40px; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 1029px) {
	.news-box .row { flex-direction: column; }
	.news-details { margin-right: 0; margin-left: 0; }
	.news-img-box { width: 100%; }
	.news-box { padding: 10px; }
	.chronicles-info h2 { font-size: 48px; }
	.chronicles-date h3 { font-size: 28px; }
	.chronicles-date h5 { font-size: 22px; }
	.chronicles-date .date, .chronicles-date .month { width: 35px; }
	.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title, .archive-main-box h3, .auteur-title { font-size: 30px; }
	.highlight-title { font-size: 20px; }
	.highlight-link ul li { font-size: 16px; }
	.highlight-link ul li:after { width: 2px; }
	.chronicles-slider-box { margin-bottom: 30px; }
	.more-link-btn { font-size: 16px; margin-bottom: 0; }
	.more-link-btn a i { height: 35px; width: 35px; border-width: 3px; }
	.chronicles-info .btn { font-size: 16px; margin-top: 20px; }
	.modulebox .block-title { padding: 0; margin-bottom: 20px; font-size: 25px; }
	.video-label { font-size: 20px; }
	.newsletter-box h2 { font-size: 30px; }
	.section-row { padding: 25px 0; }
	
	.blog-post-main-box h1 { font-size: 43px; }
	.same-category-row > .row { display: block; }
	.same-category-row .flex-row-reverse .article-nav { margin-left: 0; }
	.same-category-row .flex-row-reverse .news-details { margin: 0; }
	.same-category-row .news-details-box { width: 100%; }
	.archive-post-box, .auteur-post-box, .wp-pagination { margin-bottom: 50px; }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 1030px) and (min-width: 800px) {
	.top-mobile-header .vc_row[data-vc-full-width] { left:0 !important; margin-left: 0 !important; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1030px) {
	.top-mobile-header .vc_row[data-vc-full-width] { width: 100% !important; }
	.video-logo { float: none; display: inline-block; bottom: 0; }
	.video-podcast { float: none; margin-left: 0; margin-top: 15px; }
	.next-video { float: none; display: block; margin-top: 20px; margin-right: 0; padding-right: 0; }
	.video-info { margin-bottom: 0; }
	.video-main-box { margin-bottom: 60px; }
	.auteur-title { padding: 30px; }
	
	/* MerciThomas : Fix "Emission a venir Réglages" background image gradient */
	.chronicles-slider-box .chronicles-info:before { background-image: none; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 800px) {
	.top-mobile-header .vc_row[data-vc-full-width] { width: auto !important; }
	.contact-social ul li { margin-right: 15px; }
	.contact-social li a { height: 50px; width: 50px; font-size: 22px; line-height: 52px; }
	.auteur-title { padding: 25px; }
	.auteur-box > .auteur-img, .genre-box { margin-bottom: 40px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 799px) {
	.chronicles-info h2 { font-size: 44px; }
	.chronicles-date h3 { font-size: 26px; }
	.chronicles-date h5 { font-size: 20px; }
	
	.highlight-title { text-align: left; margin-bottom: 8px; }
	/* MerciThomas : font-size: 82px;  -->  font-size: 45px; */
	.video-info-box h2, .genre-img .genre-title { font-size: 45px; margin-bottom: 0; }
	.news-details h4 { font-size: 26px; }
	.chronicles-info h4 { font-size: 38px; }
	.newsletter-box h2 { font-size: 28px; }
	.newsletter-box h5 { font-size: 16px; }
	.section-row { padding: 20px 0; }
	.video-main-box { border-width: 10px; padding: 20px; }
	
	.blog-post-main-box h1 { font-size: 33px; }
	.post-details-box { font-size: 16px; }
	.section-title { margin-bottom: 30px; }
	.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title, .archive-main-box h3, .auteur-title { font-size: 26px; }
	.article-nav { margin-bottom: 15px; font-size: 20px; }
	.news-details { padding: 25px; }
	.news-tag { font-size: 16px; }
	.same-category-row .news-details h4 { font-size: 22px; }
	.news-details-btn { margin-top: 30px; }
	.same-category-row .news-details-box { padding-top: 25px; }
	.news-img-box figure { min-height: 480px; }
	
	.home-sidebar { margin-top: 40px; }
	#eapps-instagram-feed-1 { min-width: 100%; max-height: inherit; }
	.post-details-box h5, .post-details-box h2 { font-size: 20px; }
	/* MerciThomas : margin: 50px;  -->  margin: 50px 50px 50px 0px; */
	.post-details-box img { margin: 50px 50px 50px 0px; }
	.blog-post-main-box h1 { font-size: 30px; padding-bottom: 0; }
	.archive-post-box, .auteur-post-box, .wp-pagination { margin-bottom: 40px; }
	.post-main-img { margin-top: 40px; }
	.archive-post-box h4 { font-size: 24px; }
	.auteur-post-box { font-size: 16px; }
	.auteur-title { padding: 20px; }
	.auteur-box > .auteur-img, .genre-box { margin-bottom: 30px; }
	.author .ajax-update-content { padding-bottom: 0; }
	.genre-img .genre-title { padding: 30px; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	.video-info-box h5 { font-size: 32px; margin: 0 0 15px; }
	/* MerciThomas : padding: 0 0 10px 0;  -->  padding: 10px 0 10px 0; */
	.video-info-box h4 { font-size: 32px; padding: 10px 0 10px 0; }
	.video-logo { padding: 20px; max-width: 250px; }
	.video-logo:before { top: 10px; left: 10px; right: 10px; bottom: 10px; }
	/* MerciThomas : margin-right: 10px;  -->  margin: 10px 10px 10px 0; */
	.video-logo .play-ico { height: 50px; width: 50px; line-height: 53px; font-size: 25px; padding-left: 5px; margin: 10px 10px 10px 0; }
	.video-logo h4 { font-size: 24px; }
	.news-details h4 { font-size: 24px; }
	.chronicles-info h2 { font-size: 40px; }
	.chronicles-info h4 { font-size: 36px; }
	.section-title h3, .vc_custom_heading, .vc_custom_heading, h3.block-title, .archive-main-box h3, .auteur-title { font-size: 27px; }
	.podcast-info h3 { font-size: 20px; }
	
	.post-details-box h6 { font-size: 18px; }
	.news-img-box figure { min-height: 400px; }
	.home-sidebar { margin-top: 30px; }
	/* MerciThomas : Ajouté ->  position: absolute; top: 130px; left: 40px; */
	.podcast-time { float: none; width: auto; position: absolute; top: 130px; left: 40px; }
	.podcast-video { float: none; width: auto; }
	.podcast-ad-box { padding: 30px 30px; }
	.podcast-ad-box h5 { font-size: 30px; }
	.podcast-video .play-ico { height: 45px; width: 45px; font-size: 23px; line-height: 47px; padding-left: 5px; }
	.podcast-ad-box:after { left:15px; right: 15px; top: 15px; bottom: 15px; }
	/* MerciThomas : margin: 40px;  -->  margin: 40px 40px 40px 0px; */
	.post-details-box img { margin: 40px 40px 40px 0px; }
	.post-details-box p { margin-bottom: 20px; }
	.blog-post-main-box h1 { font-size: 27px; }
	.post-main-img { margin-top: 30px; }
	.archive-post-box, .auteur-post-box, .wp-pagination { margin-bottom: 30px; }
	/* MerciThomas : font-size: 22px;  -->  font-size: 20px; */
	.archive-post-box h4 { font-size: 22px; }
	.contact-social li a { height: 45px; width: 45px; line-height: 46px; font-size: 19px; }
	.auteur-title { padding: 15px; }
	.modulebox:last-child { margin-bottom: 0; }
	.genre-img .genre-title { font-size: 55px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	/*.chronicles-info h2 { font-size: 36px; }*/
	.chronicles-info h4 { font-size: 34px; }
	.news-details h4 { font-size: 22px; }
	/* MerciThomas : margin: 30px;  -->  margin: 30px 30px 30px 0px; */
	.post-details-box img { margin: 30px 30px 30px 0px; }
	.blog-post-main-box h1 { font-size: 27px; }
	/* MerciThomas : font-size: 45px;  -->  font-size: 39px; */
	.genre-img .genre-title { font-size: 37px; }
	
	.video-info-box .video-info {    display: flex;
    flex-direction: row;
    justify-content: center;}
} 

/*==========================================================================================================*/
/* CF7 */

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form select, .wpcf7-form textarea{
   background-color: #fff;
   border: solid;
   color: #666;
   margin-bottom: inherit;
}

.wpcf7-form label {
    display: block;
    font-family: 'Poppins',sans-serif;
    font-size: 1.1em;
    line-height: 2em;
}

.wpcf7-form {
    padding-right: 10%;
}

.screen-reader-response {
    font-size: x-large;
    margin-bottom: 2em;
    color: forestgreen;
}

.grecaptcha-badge { visibility: hidden; }

@media only screen and (max-width: 1030px) {
    .wpcf7-form {
        padding-right: inherit;
    }
}