@charset "utf-8";
/* CSS Document */

:root {
    --article-base-font-size: 14px;
    --article-base-line-height: 22px;

    --article-h1-font-size: 50px;
    --article-h1-line-height: 60px;

    --article-h2-font-size: 18px;
    --article-h2-line-height: 22px;

    --article-h3-font-size: 16px;
    --article-h3-line-height: 20px;

    --article-h4-font-size: 14px;
    --article-h4-line-height: 20px;

    --article-h5-font-size: 14px;
    --article-h5-line-height: 20px;

    --article-h6-font-size: 14px;
    --article-h6-line-height: 20px;

    --article-chapeau-font-size: 18px;
    --article-chapeau-line-height: 26px;

    --article-surtitre-font-size: 13px;
    --article-surtitre-line-height: 16px;
}

body {
    background-color: #fff;
    /*overflow-x: hidden;*/
}

#wrapper {
    /* overflow: hidden; */
    position: relative;
    width: 100%;
    /*max-width: 100%;*/
    max-width: 1200px;
    margin: auto;
    min-height: 100vh;
    display: flex;
}

#wrapper>* {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main {
    display: block;
    max-width: 100%;
    flex:0 0 100%;
    min-height: 100vh;
    /*padding-right: 80px;*/
    float: none;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    overflow: hidden;
    padding-top: 60px;
}

#main.pushed {
    padding-right: 300px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}


@media (max-width: 1075px) {
    #main {
       padding-right: 0;
    }
}

@media (max-width: 1075px) {
    #main:not(.w-page) {
        padding-top: 60px;
    }
}

.container {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1000px;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
    box-sizing: border-box;
}

.wp-block-image>figcaption {
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);;
    background-color: #f4f4f4;
    padding: 10px .8em;
    color: #4a4a4a;
    margin: 0;
    text-align: left;
    margin-bottom: 12px;
    font-weight: normal;
    font-family: 'NeueHaasGrotesk', sans-serif;
    letter-spacing: 0.5px;
    text-decoration: none;
}

@media (max-width: 767px) {
    .container {
        padding: 0;
    }
}

/* COOKIE */
#cookieChoiceInfo {
    position: fixed;
    width: 100%;
    color: #000000;
    margin: 0 auto;
    left: 50%;
    bottom: 0;
    padding: 10px 10px;
    z-index: 1000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    transform: translateX(-50%);
    background-color: #1E659E;
    background-color: rgba(30, 101, 158, .7);
    float: left;
}

#cookieChoiceInfo:before,
#cookieChoiceInfo:after {
    content: "";
    display: inline-block;
    width: 1000px;
    background-color: rgba(30, 101, 158, .7);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
}

#cookieChoiceInfo:before {
    left: -1000px;
}

#cookieChoiceInfo:after {
    right: -1000px;
}

#cookieChoiceInfo span,
#cookieChoiceInfo a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
}

#cookieChoiceInfo span {
    text-transform: none;
    width: calc(100% - 220px);
}

#cookieChoiceInfo a {
    margin-left: 30px;
    text-transform: uppercase;
    text-decoration: underline;
}

#cookieChoiceInfo #cookieChoiceDismiss {
    margin-left: 30px;
    text-decoration: none;
    background-color: #ffffff;
    color: #1E659E;
    padding: 7px 10px;
}

@media (max-width: 767px) {
    #cookieChoiceInfo {
        top: auto;
        bottom: 0;
    }
}

/* SKIP TO MAIN CONTENT LINK */
.skip-to-main {
    border: 1px solid #004594;
    color: #004594;
    position: absolute;
    padding: 0.5rem 1.5rem;
    background: white;
    z-index: 999;
    transform: translateY(-120%);
    transition: transform .3s ease-in;
}

.skip-to-main:focus {
    transform: translateY(0);
}

/* SUMMARY */
.website-summary {
    display: inline-block;
    position: relative;
    margin: 50px auto;
    width: 100%;
}

.website-summary ul li {
    display: block;
    padding-bottom: 20px;
}

@media (max-width: 1075px) {
    .website-summary {
        margin-top: 100px;
    }
}

/* HEADER */
header {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    float: left;
}

header:after {
    content: '';
    position: fixed;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: #FFF;
    z-index: 998;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.nav-right ul {
    text-decoration: none;
}

.nav-right p {
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
}

header .container:before {
    content: '';
    display: none;
    width: 100%;
    height: 62px;
    position: absolute;
    background: #FFFFFF;
    z-index: 29;
}

header .container .logo-block {
    display: inline-block;
    float: left;
    width: auto;
    height: auto;
    z-index: 60;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: 1px;
}

header .container .logo-block.wmobile-logo-block {
    transform: unset;
    left: 60px;
}

header .container .logo-block .slogan {
    color:  #005394;
    position: relative;
    bottom: 10px;
    text-align: center;
    display: block;
    margin-bottom: 0;
}

header .container .logo-block a img {
    height: 58px;
    width: auto;
}

header .container .logo-block a img.desktop-logo {
    display: block;
}

header .container .logo-block a img.tablet-logo,
header .container .logo-block a img.mobile-logo {
    display: none;
}

header .container h3 {
    display: none;
}

header .container .menu-mobile {
    display: none;
}

header .container nav {
    /*height: 58px;*/
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    max-width: 1061px;
    z-index: 999;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

header .container nav ul {
    padding-top: 10px;
}

header .container nav>ul {
    /*position: relative;*/
    text-align: right;
}

header .container nav>ul>li>a {
    /*padding: 0 7.5px;*/
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-bottom: 2px solid transparent;
    font-size: 13px;
    z-index: 105;
    position: relative;
    color: #262626;
}

header .container nav>ul>li:hover>a {
    color: #DC3B41;
}

header .container .desktop-menu>ul>li.current-menu-item > a,
header .container .desktop-menu>ul>li.current-menu-ancestor > a,
header .container .desktop-menu>ul>li.menu-newsletter > a {
    color: #DC3B41;
}

header .container .desktop-menu>ul>li:not(:last-child):after {
    content: '';
    display: inline-block;
    background: #DC3B41;
    width: 12px;
    height: 2px;
    margin-inline: 8px;
}

header .container nav>ul>li>a.active {
    color: #0068B5;
}

header .container nav>ul>li>.sub-menu-wrapper {
    display: none;
    position: absolute;
    left: 0;
    top: -10px;
    padding-top: 90px;
    width: 100%;
    /*min-width: 224px;*/
    z-index: 100;
}

header .container nav>ul>li>.sub-menu-wrapper > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    background: #7FA9C9;
    padding-top: 25px;
    padding-inline: 50px;
    padding-bottom: 75px;
    width: 100%;
}

header .container nav>ul>li ul li {
    width: 100%;
}

header .container nav .category-menu > a {
    font-weight: bold;
    text-transform: uppercase;
}

header .container nav .sub-category-menu {
    position: relative;
    padding-bottom: 5px;
}

header .container nav .sub-category-menu > a:before {
    content: '';
    display: none;
    position: absolute;
    left: -25px;
    top: 15px;
    width: 15px;
    height: 1px;
    background: #0068B5;
}

header .container nav .sub-category-menu > a:hover {
    color: #0068B5;
}

header .container nav .sub-category-menu > a:hover:before {
    display: block;
}

header .container nav>ul>li ul li:nth-child(5) {
    grid-column: 3;
}

/*header .container nav>ul>li>ul li:hover {
    background: #DC3B41;
}*/

header .container nav>ul>li ul li a {
    color: #ffffff;
}

header .container nav>ul>li ul li a {
    font-size: 13px;
    line-height: 24px;
}

header .container nav.desktop-menu>ul>li:hover > .sub-menu-wrapper {
    display: block;
}

header .container .header-nav-left .menu-actus > .sub-menu {
    display: none;
}

header .container .header-nav-right {
    margin-right: 40px;
}

header .container .search-desktop-btn {
    position: absolute;
    right: 0;
    bottom: 12px;
    border: none;
    background: none;
}

header .container .search-desktop-btn .search-icon {
    width: 20px;
    height: 20px;
}

header .menu-mobile .switch-widget {
    right: 0;
    z-index: 30;
}

@media (max-width: 1075px) {
    header {
        padding: 0;
        margin-bottom: 0;
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: #ffffff;
    }

    header:after {
        display: none;
    }

    header .container {
        border-bottom: 1px solid #E3E3E3;
        max-width: unset;
        overflow: hidden;
    }

    header .container:before {
        display: block;
    }

    header .container .logo-block {
        padding: 10px 0;
        position: relative;
    }

    header .container .logo-block a img {
        height: 40px;
    }

    header .container .logo-block a img.desktop-logo {
        display: none;
    }

    header .container .logo-block a img.tablet-logo {
        display: block;
    }

    header .container .menu-mobile {
        display: inline-block;
        float: right;
        height: 60px;
        width: auto;
        text-align: right;
        z-index: 30;
    }

    header .container .menu-mobile .btn-menu {
        display: inline-block;
        float: left;
        z-index: 30;
        position: absolute;
        left: 0;
    }

    header .container .menu-mobile .btn-menu:last-of-type {
        padding: 20px 17px;
        float: right;
    }

    header .container .menu-mobile .btn-menu .icon {
        width: 26px;
        height: 26px;
        fill: #9B9B9B;
        margin: auto;
    }

    header .container .menu-mobile .btn-menu #burger {
        width: 26px;
        height: 20px;
        position: relative;
        margin: auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    header .container .menu-mobile .btn-menu #burger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #000000;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    header .container .menu-mobile .btn-menu #burger span:nth-child(1) {
        top: 0px;
    }

    header .container .menu-mobile .btn-menu #burger span:nth-child(2),
    header .container .menu-mobile .btn-menu #burger span:nth-child(3) {
        top: 10px;
    }

    header .container .menu-mobile .btn-menu #burger span:nth-child(4) {
        top: 20px;
    }

    header .container .menu-mobile .btn-menu.open #burger span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    header .container .menu-mobile .btn-menu.open #burger span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    header .container .menu-mobile .btn-menu.open #burger span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    header .container .menu-mobile .btn-menu.open #burger span:nth-child(4) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    header .container .menu-mobile .search-bar {
        display: inline-block;
        position: absolute;
        top: 0;
        right: -100%;
        z-index: 3;
        width: auto;
        height: auto;
        border: none;
        border-left: 1px solid #9B9B9B;
        right: -350%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    header .container .menu-mobile .search-bar input[type="search"] {
        width: 210px;
        margin: auto;
        margin: 0;
        padding: 20px;
        background-color: #ECECEC;
        border: none;
    }

    header .container .menu-mobile .search-bar input[type="submit"] {
        position: absolute;
        right: -999999px;
        width: 1px;
        height: 1px;
        z-index: -1;
    }

    header .container .menu-mobile .search-bar label {
        background-color: #ECECEC;
        border-right: 1px solid #9B9B9B;
        display: inline-block;
        width: 60px;
        padding: 17px;
        float: left;
        box-sizing: border-box;
    }

    header .container .menu-mobile .search-bar .search-icon {
        float: left;
    }

    header .container .menu-mobile .search-bar.is-open {
        right: 0;
    }

    header .container nav {
        display: none;
    }
}

@media (max-width: 767px) {
    header .container {
        padding: 0 0 0 10px;
    }

    header .container .menu-mobile {
        position: absolute;
        top: 0;
        bottom: auto;
        right: 0;
        left: auto;
        width: 100%;
        z-index: 30;
    }

    header .container .menu-mobile .search-bar {
        position: relative;
        right: -350%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
}

@media (max-width: 500px) {
    header .container .menu-mobile {
        width: 100%;
    }

    header .container .menu-mobile .btn-menu:last-of-type {
        position: absolute;
        z-index: 10;
        top: 0;
    }

    header .container .menu-mobile .search-bar {
        padding: 0 60px 0 0;
        width: 100%;
        border-left: none;
    }

    header .container .menu-mobile .search-bar form {
        display: flex;
        justify-content: stretch;
    }

    header .container .menu-mobile .search-bar form input[type="search"] {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #main.w-page header .container .logo-block {
        padding-right: 10px;
        /*border-right: 1px solid #E3E3E3;*/
    }

    #main.w-page header .container .logo-block a {
        float: left;
    }

    #main.w-page header .container .logo-block a img.mobile-logo {
        display: inline-block;
    }

    #main.w-page header .container h3 {
        display: inline-block;
        padding: 20px;
        float: left;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 200;
    }
}

.slide-container {
    height: auto;
    width: 100%;
    background: transparent;
    position: absolute;
    z-index: 100;
}

.slide-container .slide {
    overflow: scroll;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: block;
    opacity: 1;
    background-color: #ffffff;
    padding: 60px 0 0;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-container .slide.slide-right {
    /* transform: translate3d(100%, 0, 0) scale(1); */
    left: -100%;
}

.slide-container .slide.slide-right.is-open {
    /* transform: translate3d(0, 0, 0) scale(1); */
    left: 0;
}

.slide-container .slide .container {
    padding: 0;
}

.slide-container .slide .container ul {
    padding: 20px 0;
}

.slide-container .slide .container>ul.header-nav:first-of-type {
    padding-bottom: 0;
}

.slide-container .slide .container>ul.header-nav:nth-child(2) {
    padding-top: 0;
}

.slide-container .slide .container>ul.header-nav>li {
    display: block;
    padding: 5px 0 5px;
    width: 100%;
}

.slide-container .slide .container>ul.header-nav>li>a {
    display: block;
    padding: 15px 20px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus>a:after {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/arrow.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus>a.open:after {
    transform: rotate(180deg) translateY(-5px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul {
    display: none;
    height: 0;
    width: 100%;
    padding: 10px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul li,
.slide-container .slide .container>ul.header-nav>li.menu-actus ul li.frame-blue {
    width: 100%;
    background-color: transparent;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul li:not(.main-menu-item) {
    order: 2;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul li.main-menu-item {
    order: 1;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul li a {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 40px;
    width: 100%;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul li a:hover,
.slide-container .slide .container>ul.header-nav>li.menu-actus ul li a.active {
    background-color: #F5F5F5;
    color: #4A4A4A;
}

.slide-container .slide .container>ul.header-nav>li.menu-actus ul.is-open {
    display: flex;
    flex-direction: column;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-container .slide .container ul.w-green {
    padding: 20px 0;
}

.slide-container .slide .container ul.w-green>li {
    display: block;
    padding: 5px 0 5px;
    width: 100%;
}

.slide-container .slide .container ul.w-green>li a {
    display: block;
    padding: 15px 20px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.slide-container .slide .container ul.w-green>li a:hover {
    color: #ffffff;
}

.slide-container .slide .container ul.m-grey li {
    display: block;
    padding: 5px 20px 5px 0;
    width: 100%;
}

.slide-container .slide .container ul.m-grey li a,
.slide-container .slide .container ul.m-grey li button {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    padding: 15px 20px;

    text-transform: uppercase;
    color: #4A4A4A;
    cursor: pointer;
}

.slide-container .slide .container ul.m-grey li a:hover {
    color: #9B9B9B;
}

.slide-container .slide .container ul.m-grey li.social-link span {
    line-height: 2;
}

.slide-container .slide .container ul.m-grey li.social-link .social-icon {
    float: right;
}

.slide-container .slide .container ul.m-grey li.home-link button {
    background-color: transparent;
    text-align: left;
}

footer {
    display: flex;
    gap: 60px;
    width: 100%;
    background-color: #005394;
    padding: 50px 3%;
    align-items: center;
}

/*footer .container {
    max-width: none;
}


footer .footer-top {
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

footer .footer-top a {
    display: flex;
    float: left;
    height: 30px;
    line-height: 30px;
    width: auto;
}

footer .footer-top a img {
    height: 100%;
    width: auto;
}

footer .footer-top a img:first-of-type {
    padding-right: 10px;
}

footer .footer-top a img:last-of-type {
    display: inline-block;
    padding-bottom: 1px;
    padding-left: 10px;
}

footer .footer-top .social-links {
    display: flex;
}
*/

footer .footer-col-static {
    flex-basis: 30%;
    flex-shrink: 0;
}

footer .footer-nav {
    flex-basis: 70%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

footer .footer-nav ul li {
    display: block;
}

footer .footer-nav ul li a {
    color: #FFF;
}

footer .footer-nav ul li a:hover {
    color: #DC3B41;
}



footer .footer-nav .social-media {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .footer-nav .social-media > a {
    flex-shrink: 0;
    margin-top: 5px;
}

footer .footer-nav .social-media > a:hover {
    color: #FFF;
}

footer .footer-nav .social-media .sub-menu .icon-social a:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
}

footer .footer-nav .social-media .sub-menu .link-facebook a:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/fb-icon.svg');
}

footer .footer-nav .social-media .sub-menu .link-twitter a:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/twitter-x-icon.svg');
}

footer .footer-nav .social-media .sub-menu .link-youtube a:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/youtube-icon.svg');
    margin-top: 4px;
}

footer .footer-nav .social-media .sub-menu .link-facebook a:hover:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/fb-icon-red.svg');
}

footer .footer-nav .social-media .sub-menu .link-twitter a:hover:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/twitter-x-icon-red.svg');
}

footer .footer-nav .social-media .sub-menu .link-youtube a:hover:before {
    background-image: url('/partage/fr/CNCM/html/agri-mutuel/images/youtube-icon-red.svg');
}

footer .footer-nav .social-media .sub-menu {
    display: flex;
    gap: 10px;
}

footer .footer-nav .social-media .sub-menu span {
    display: none;
}

footer .footer-col-static {
    display: flex;
    align-items: center;
}

footer .footer-col-static .desktop-logo {
    height: 58px;
    width: auto;
}

footer .footer-col-static .credit-mutuel-brand {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footer-col-static .credit-mutuel-brand .credit-mutuel-link {
    line-height: unset;
    margin-inline: 5px;
}

footer .footer-col-static .credit-mutuel-brand span {
    color: white;
    font-size: 11px;
}

footer .footer-col-static .credit-mutuel-brand .current-year {
    margin-right: 5px;
}

footer .footer-col-static .credit-mutuel-brand .credit-mutuel-logo {
    height: 20px;
    width: auto;
    margin-bottom: 1px;
}

@media (max-width: 1075px) {
    footer {
        gap: 40px;
    }
}

@media (max-width: 959px) {
    footer .footer-nav .social-media {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    footer {
        gap: 20px;
    }

    footer .footer-nav {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }
}

@media (max-width: 639px) {
    footer {
        flex-direction: column;
    }
    footer .footer-nav {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    footer .footer-nav ul li {
        text-align: center;
    }

    footer .footer-nav .social-media {
        flex-direction: row;
        align-items: center;
    }
}

/* WIDGET */
#widget-bar-container {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 80px;
    right: 0;
}

#widget-bar {
    background-color: #004594;
    display: inline-block;
    position: fixed;
    width: 80px;
    min-height: 100vh;
    height: 100vh;
    z-index: 100;
    margin-left: -40px;
    /*-webkit-transition: width ease 0.5s;*/
    transition: width ease 0.5s;
}

#widget-bar a:not(.see-all):hover {
    color: #ffffff !important;
}


#widget-bar .switch-widget .w-date {
    display: inline-block;
    width: auto;
}

#widget-bar .switch-widget .w-date span {
    display: block;
    text-align: center;
    opacity: 0;
    width: auto;
    font-size: 16px;
    line-height: 22px;
    color: #004594;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/*#widget-bar .green-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    overflow: auto;
    min-height: 100%;
    position: relative;
    max-height: calc(100% - 120px);
    padding-bottom: 30px;
    -ms-overflow-style: none;
}

#widget-bar .green-section .widget-part {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
}

#widget-bar .green-section .widget-part>a {
    position: relative;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
}

#widget-bar .green-section .widget-part>a:hover {
    color: #ffffff;
}

#widget-bar .green-section .widget-part a.w-sm-btn {
    font-weight: 500;
    font-size: 8px;
    line-height: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    height: 80px;
    opacity: 1;
    -webkit-transition: height 0.3s linear, opacity 0.3s linear;
    transition: height 0.3s linear, opacity 0.3s linear;
}

#widget-bar .green-section .widget-part a.w-sm-btn .switch-icon {
    fill: #ffffff;
    padding-bottom: 5px;
}

#widget-bar .green-section .widget-part a.w-sm-btn.on {
    background-color: #0059B3;
}

#widget-bar .green-section .widget-part a.w-sm-btn:hover {
    background-color: #0059B3;
}

#widget-bar .green-section .widget-part a.w-sm-btn.search-desktop-btn {
    display: none;
}

@media (min-width:1076px) {
    #widget-bar .green-section .widget-part a.w-sm-btn.search-desktop-btn {
        display: flex;
    }

    #widget-bar .green-section .widget-part a.w-sm-btn.widget-open {
        display: none;
    }
}

#widget-bar .green-section .widget-part a.w-main-btn {
    font-weight: 300;
    font-size: 20px;
    line-height: 60px;
    border-bottom: 0px;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#widget-bar .green-section .widget-part a.w-main-btn .arrow-icon {
    display: block;
    fill: #ffffff;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 21px;
    right: 20px;
    left: auto;
    bottom: auto;
    transform: rotate(0deg);
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

#widget-bar .green-section .widget-part .open-part {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: height 1s, opacity 0.3s;
    transition: height 1s, opacity 0.3s;
}

#widget-bar .green-section .widget-part .open-part .see-all {
    display: none;
    margin: 25px auto 0;
    padding: 8px 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
}

#widget-bar .green-section .widget-part .open-part .see-all:hover {
    background-color: #ffffff;
    color: #53A5F7;
    border: 1px solid #53A5F7;
}

#widget-bar .green-section .widget-part .datetime {
    position: relative;
    color: #ffffff;
    left: auto;
    bottom: auto;
    float: left;
}

#widget-bar .green-section .widget-part h3 {
    font-family: 'NeueHaasGrotesk', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    text-align: center;
    margin-bottom: 20px;
}

#widget-bar .green-section .widget-part .slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 10px;
}

#widget-bar .green-section .widget-part .slick-dots li button:before {
    font-size: 20px;
    color: #42B162;
    opacity: 1;
}

#widget-bar .green-section .widget-part .slick-dots li.slick-active button:before {
    color: #ffffff;
}

#widget-bar .green-section .widget-part .slick-arrow,
#widget-bar .green-section .widget-part .slick-arrow:hover,
#widget-bar .green-section .widget-part .slick-arrow:active,
#widget-bar .green-section .widget-part .slick-arrow:focus,
#widget-bar .green-section .widget-part .slick-arrow:visited {
    background-color: transparent;
    position: absolute;
    bottom: 5px;
    transform: none;
    top: auto;
    transform: translateY(-50%);
    width: 0;
    height: 0;
}

#widget-bar .green-section .widget-part .slick-arrow.slick-prev,
#widget-bar .green-section .widget-part .slick-arrow:hover.slick-prev,
#widget-bar .green-section .widget-part .slick-arrow:active.slick-prev,
#widget-bar .green-section .widget-part .slick-arrow:focus.slick-prev,
#widget-bar .green-section .widget-part .slick-arrow:visited.slick-prev {
    right: auto;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffffff;
    z-index: 0;
}

#widget-bar .green-section .widget-part .slick-arrow.slick-next,
#widget-bar .green-section .widget-part .slick-arrow:hover.slick-next,
#widget-bar .green-section .widget-part .slick-arrow:active.slick-next,
#widget-bar .green-section .widget-part .slick-arrow:focus.slick-next,
#widget-bar .green-section .widget-part .slick-arrow:visited.slick-next {
    right: 0;
    left: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffffff;
    z-index: 0;
}

#widget-bar .green-section .widget-part .open-meteo .local-info {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

#widget-bar .green-section .widget-part .open-meteo .local-info>div {
    display: inline-block;
    position: relative;
    float: left;
}

#widget-bar .green-section .widget-part .open-meteo .local-info .w-weather-block {
    padding: 10px 15px 10px 0;
    width: 33.33333%;
}

#widget-bar .green-section .widget-part .open-meteo .local-info .w-time-block {
    width: 23.33333%;
    padding: 10px 0px 10px 0;
}

#widget-bar .green-section .widget-part .open-meteo .local-info .w-time-block p {
    margin-bottom: 0;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider {
    visibility: hidden;
    display: inline-block;
    height: 0;
    width: 100%;
    position: relative;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider.slick-initialized {
    visibility: visible;
    height: auto;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider.slick-initialized .slick-slide {
    width: 240px !important;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider .slick-arrow {
    bottom: auto;
    top: 10px;
    z-index: 1;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider .slick-arrow.slick-prev {
    left: 15px;
}

#widget-bar .green-section .widget-part .open-meteo .meteo-slider .slick-arrow.slick-next {
    right: 15px;
}

#widget-bar .green-section .widget-part .open-prices .prices-slider {
    visibility: hidden;
    !*display: none;*!
    display: inline-block;
    height: 0;
    width: 100%;
    position: relative;
}

#widget-bar .green-section .widget-part .open-prices .prices-slider.slick-initialized {
    visibility: visible;
}

#widget-bar .green-section .widget-part .open-prices .prices-slider.slick-initialized .slick-slide {
    width: 240px !important;
}

#widget-bar .green-section .widget-part .open-prices .prices-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider {
    visibility: hidden;
    !*display: none;*!
    display: inline-block;
    height: 0;
    width: 100%;
    position: relative;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider.slick-initialized {
    visibility: visible;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider.slick-initialized .slick-slide {
    width: 240px !important;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .slick-arrow {
    bottom: auto;
    top: 10px;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event {
    display: flex;
    align-items: stretch;
    width: 100%;
    cursor: pointer;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event:not(:last-of-type) {
    margin-bottom: 20px;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event .event-date {
    float: left;
    width: 25%;
    min-width: 75px;
    height: 77px;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event .event-title {
    display: inline-block;
    width: 75%;
    padding-left: 10px;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event .event-title p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event:hover .event-date {
    border: 4px solid #ffffff;
}

#widget-bar .green-section .widget-part .open-agenda .agenda-slider .month-group .w-event:hover .event-title p {
    text-decoration: underline;
}

#widget-bar .green-section .widget-part .open-docs .docs-list {
    !*display: none;*!
    display: inline-block;
    height: 0;
    width: 100%;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li {
    display: inline-block;
    position: relative;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li:not(:last-of-type) {
    margin-bottom: 20px;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li .w-doc-icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li>a {
   line-height: 20px;
    margin-bottom: 0;
    font-weight: 700;
    padding-left: 33px;
    width: 100%;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li>a p.dwl {
    color: #53A5F7;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 5px;
}

#widget-bar .green-section .widget-part .open-docs .docs-list li>a:hover {
    text-decoration: underline;
}*/

#widget-bar.is-open {
    width: 300px;
    -webkit-transition: width ease 0.5s;
    transition: width ease 0.5s;
}

#widget-bar.is-open .switch-widget {
    flex-direction: row;
}

#widget-bar.is-open .switch-widget .switch-icon {
    transform: rotate(270deg);
}

#widget-bar.is-open .switch-widget .w-date span {
    opacity: 1;
    width: auto;
    -webkit-transition: opacity 0.3s linear 0.3s;
    transition: opacity 0.3s linear 0.3s;
}

#widget-bar.is-open .widget-part a.w-sm-btn {
    height: 0px;
    opacity: 0;
    -webkit-transition: height 0.3s linear, opacity 0.3s linear;
    transition: height 0.3s linear, opacity 0.3s linear;
}

#widget-bar.is-open .widget-part a.w-main-btn {
    border-bottom: 1px solid #ffffff;
    height: 60px;
    opacity: 1;
    -webkit-transition: height 0.3s linear, opacity 0.3s linear;
    transition: height 0.3s linear, opacity 0.3s linear;
}

#widget-bar.is-open .widget-part.open a.w-main-btn .arrow-icon {
    transform: rotate(180deg);
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

#widget-bar.is-open .widget-part.open .open-part {
    height: auto;
    opacity: 1;
    padding: 30px;
    -webkit-transition: height 1s 0.5s, opacity 0.3s;
    transition: height 1s 0.5s, opacity 0.3s;
}

/*#widget-bar.is-open .widget-part.open .open-part.open-meteo {
      padding-top: 0;
    }*/
#widget-bar.is-open .widget-part.open .open-part.open-meteo .cotation-empty {
    display: inline-block;
    width: 100%;
}

#widget-bar.is-open .widget-part.open .open-part .see-all {
    display: inline-block;
}

#widget-bar.is-open .widget-part.open .open-part .prices-slider,
#widget-bar.is-open .widget-part.open .open-part .agenda-slider,
#widget-bar.is-open .widget-part.open .open-part .docs-list {
    /*display: inline-block;*/
    height: auto;
}

@media (max-width: 1075px) {
    #widget-bar {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        overflow: hidden;
       box-shadow: 0px -1px 4px rgba(50, 50, 50, 0.2);
        -webkit-transition: width ease 0s;
        transition: width ease 0s;
        transform: none;
        margin-left: 0;
        min-height: auto;
    }

    #widget-bar .switch-widget {
        display: none;
    }

    #widget-bar .green-section {
        flex-direction: row;
        min-height: 60px;
    }

    #widget-bar .green-section .widget-part {
        width: 20%;
    }

    #widget-bar .green-section .widget-part a.w-sm-btn {
        border-bottom: none;
        border-right: 1px solid #0052a9;
        height: 60px;
        /*line-height: 18px;*/
        line-height: 12px;
        text-align: center;
    }
}

.price-item {
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}

.price-item:not(:last-of-type) {
    margin-bottom: 2px;
}

.price-item>a.close_item {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    cursor: pointer;
    top: -12.5px;
    left: auto;
    right: -12.5px;
    bottom: auto;
    z-index: 2;
}

.price-item>div {
    display: flex;
    float: left;
    padding: 5px 10px;
}

.price-item>div:first-of-type {
    flex-direction: column;
    align-items: flex-start;
    width: 60%;
    text-align: left;
}

.price-item>div.bg-darkblue * {
    color: #fff;
}

.price-item>div.bg-darkblue .date {
    align-self: flex-end;
}

.price-item>div:last-of-type {
    align-items: center;
    justify-content: center;
    width: 40%;
    text-align: right;
    position: relative;
}

.price-item>div:last-of-type .arrow-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #003d84;
}

.price-item>div p,
.price-item>div a {
    line-height: 20px;
    margin-bottom: 10px;
}

.price-item>div p.price,
.price-item>div a.price {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
    position: relative;
    min-width: 50px;
    text-align: right;
}

.price-item>div p.price span,
.price-item>div a.price span {
    font-size: 12px;
    line-height: 15px;
    text-align: right;
}

.price-item>div p.price .value {
    font-size: 24px;
    line-height: 20px;
    display: block;
}

.price-item>div p.price span.currency,
.price-item>div a.price span.currency {
    position: absolute;
    /*top: 0;*/
    top: -5px;
    bottom: auto;
    right: 0;
    left: auto;
}

.price-item>div p.price span.currency {
    position: static;
    /*top: 0;*/
    display: block;
}

.price-item>div p:hover,
.price-item>div a:hover {
    color: #ffffff;
}

.price-last {
    margin-top: 25px;
}

.price-last>div {
    padding: 25px;
}

.price-last>div .price-item>div {
    padding: 10px;
}

.price-last>div .price-item .price-cat {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
}

.price-last>div .price-item a {
    margin-bottom: 2px;
    line-height: 1.2;
    flex-grow: 1;
}

.price-last>div .price-item a span {
    display: block;
    margin-bottom: 8px;
}

.price-last .cotation-empty,
.local-prev-block .cotation-empty {
    text-align: left;
    width: 68%;
    float: left;
    margin-right: 32%;
}

.price-last .cotation-empty p span,
.local-prev-block .cotation-empty p span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 4px 5px;
}

.price-last .cotation-empty p span .icon,
.local-prev-block .cotation-empty p span .icon {
    width: 15px;
    height: 15px;
}

.event-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px 0;
    margin: auto;
    height: 105px;
    border-radius: 0;
    border: 4px solid #0052a9;
}

li.ag-result .event-date {
    max-width: 95px;
    padding: 55px 0;
}

.event-date span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.event-date p {
    margin-bottom: auto;
    font-size: 10px;
    line-height: 8px;
}

.ag-result .event-date p {
    margin: 0;
}

#search-list-results .s-content p.post-excerpt {
    font-family: 'NeueHaasGrotesk', sans-serif;
    font-size: 14px;
}
#search-list-results .s-content p.post-excerpt .search-excerpt, #search-list-results .s-content h2 .search-excerpt{ 
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    display: inline-block;
    padding: 0;
    background: #0059B3; 
}

/* METEO LOCALISATION */
.local-part {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 5;
}

.widget-part .local-part {
    margin: 0 -30px;
    width: calc(100% + 60px);
    padding: 10px 30px;
    background-color: #004594;
    /*overflow: hidden;*/
}

.widget-part .meteo-icon {
    top: 15px;
    left: 30px;
}

.widget-part .local-part .btn-group {
    top: 12px;
    right: 30px;
}

.local-part .place-name {
    margin-bottom: 0;
    text-align: left;
    float: left;
    width: 100%;
    padding: 0 50px 0 18px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

.local-part form {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0 50px 0 18px;
    transform: translateX(110%);
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    float: left;
    background-color: #004594;
    /*label {
      display: inline-block;
        cursor: pointer;
        width: auto;
        margin-bottom: 0;
        position: absolute;
        top: 3px;
        right: 20px;
        .icon {
          top: 0;
        }
    }
    input[type="submit"] {
      display: none;
      visibility: hidden;
    }*/
}

.local-part form input {
    background-color: #004594;
    border: none;
    position: relative;
    width: 100%;
    height: 26px;
    padding: 0;
    margin: auto;
    min-width: 180px;
    line-height: 26px;
    border-left: 1px solid #ffffff;
    padding-left: 5px;
}

.cotation-empty .local-part form input {
    border-bottom: 1px solid #ffffff;
    border-left: 0;
    padding-bottom: 0.3em;
}

.cotation-empty .local-part .btn-group {
    display: none;
}

.local-part form .meteo-icon {
    position: relative;
    float: right;
    left: auto;
}

.local-part form ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.local-part form :-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.local-part form ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.local-part form :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.local-part form.is-visible {
    transform: translateX(0);
}

/*.local-part form datalist {
        display: inline-block;
        position: absolute;
        top: 25px;
        left: 0;
        text-align: left;
        background-color: #337145;
        width: calc(100% + 46px);
        margin-left: -23px;
      }
      .local-part form datalist option {
        color: rgba(255,255,255,0.6);
        font-size: 12px;
        line-height: 14px;
        border-bottom: 1px solid rgba(255,255,255,0.6);
        padding: 5px 5px 5px 40px;
        width: calc(100% - 10px);
        margin: auto 5px;
      }
      .local-part form datalist option:not(:nth-child(4)) {
        border-bottom: 1px solid rgba(255,255,255,0.6);
      }*/
.local-part .btn-group {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 0;
    background-color: #004594;
}

/*.local-part .btn-group:after {
      content: "";
      background-color: #0052a9;
      display: inline-block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      right: -100%; }*/
.local-part .btn-group a {
    display: inline-block;
    position: relative;
    float: right;
    padding: 3px;
}

.local-part .btn-group a .icon {
    position: relative;
    top: auto;
    left: auto;
}

.w-temp-block {
    width: 43.33333%;
}

.w-temp-block span {
    display: inline-block;
    font-size: 60px;
    line-height: 44px;
    font-weight: 600;
    padding-right: 9px;
    position: relative;
}
.widgets-floating-meteo .w-temp-block {
    width: 35.33333%;
}
.widgets-floating-meteo .w-temp-block span#temp_f.white {
    font-size: 35px;
}

.w-temp-block span p.detail {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin-bottom: 0;
}

/* SHARE BAR */
.share-block:not(.mobile-share-block) {
    z-index: 80;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 200px;
    left: 0;
    bottom: auto;
    right: auto;
}

.share-block.mobile-share-block {
    display: none;
}

.share-block .juiz_sps_links {
    margin: 0;
}

.share-block .juiz_sps_hide_name a:hover .juiz_sps_icon,
.share-block .juiz_sps_hide_name a:focus .juiz_sps_icon {
    margin: 0;
}

.share-block .juiz_sps_links li:last-child a, .share-block .juiz_sps_links li:last-child button {
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 1px solid white;
    margin: auto;
    width: 32px;
    height: 32px;
    padding: 5px;
    position: relative;
}

.share-block .juiz_sps_hide_name a .juiz_sps_icon, .share-block .juiz_sps_hide_name button .juiz_sps_icon {
    font-size: 20px;
    line-height: 20px;
    float: left;
}

.share-block .juiz_sps_hide_name a .juiz_sps_icon:before, .share-block .juiz_sps_hide_name button .juiz_sps_icon:before {
    height: 20px;
    width: 20px;
    display: block;
}

.share-block .juiz_sps_hide_name a .juiz_sps_icon.jsps-twitter:before, .share-block .juiz_sps_hide_name button .juiz_sps_icon.jsps-twitter:before {
    height: 18px;
    width: 18px;
}

.share-block .juiz_sps_links .juiz_sps_link_google a,
.share-block .juiz_sps_links .juiz_sps_link_google a:hover,
.share-block .juiz_sps_links .juiz_sps_link_google a:focus {
    background-color: #E05E50;
}

.share-block .jsps-google:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/share-gp.svg);
}

.share-block .juiz_sps_links .juiz_sps_link_linkedin a,
.share-block .juiz_sps_links .juiz_sps_link_linkedin a:hover,
.share-block .juiz_sps_links .juiz_sps_link_linkedin a:focus {
    background-color: #0076B7;
}

.share-block .jsps-linkedin:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/share-li.svg);
}

.share-block .juiz_sps_links .juiz_sps_link_facebook a,
.share-block .juiz_sps_links .juiz_sps_link_facebook a:hover,
.share-block .juiz_sps_links .juiz_sps_link_facebook a:focus {
    background-color: #39579A;
}

.share-block .jsps-facebook:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/share-fb.svg);
}

.share-block .juiz_sps_links .juiz_sps_link_twitter a,
.share-block .juiz_sps_links .juiz_sps_link_twitter a:hover,
.share-block .juiz_sps_links .juiz_sps_link_twitter a:focus {
    background-color: #000;
}

.share-block .jsps-twitter:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/twitter-x-icon.svg);
}

.share-block .juiz_sps_links .juiz_sps_link_mail a,
.share-block .juiz_sps_links .juiz_sps_link_mail a:hover,
.share-block .juiz_sps_links .juiz_sps_link_mail a:focus,
.share-block .juiz_sps_links .juiz_sps_link_bookmark a,
.share-block .juiz_sps_links .juiz_sps_link_bookmark a:hover,
.share-block .juiz_sps_links .juiz_sps_link_bookmark a:focus,
.share-block .juiz_sps_links .juiz_sps_link_print a,
.share-block .juiz_sps_links .juiz_sps_link_print a:hover,
.share-block .juiz_sps_links .juiz_sps_link_print a:focus,
.share-block .juiz_sps_links .juiz_sps_link_print button,
.share-block .juiz_sps_links .juiz_sps_link_print button:hover,
.share-block .juiz_sps_links .juiz_sps_link_print button:focus {
    background-color: #004594;
}

.share-block .juiz_sps_network_name {
    display: none !important;
}

.share-block .jsps-mail:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/share-mail.svg);
}

.share-block .jsps-print:before {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/share-print.svg);
}

.share-block .juiz_sps_hide_name a .juiz_sps_network_name {
    /*position: absolute;
    top: 4px;
    left: 100%;
    padding-left: 5px;*/
    display: none;
}

@media (max-width: 1075px) {
    .share-block {
        top: 500px;
    }
}

@media (max-width: 767px) {
    .share-block:not(.mobile-share-block) {
        display: none;
    }

    .share-block.mobile-share-block {
        display: inline-block;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        padding-top: 15px;
    }

    .share-block .juiz_sps_links {
        display: inline-block;
        float: left;
        clear: unset;
    }

    .share-block .juiz_sps_hide_name a .juiz_sps_network_name {
        top: 100%;
        left: 0;
    }
}

/* ARTICLE */
body.category {
   float: none !important;
}

.category {
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    text-align: left;
    float: left;
    font-size: var(--article-surtitre-font-size);
    line-height: var(--article-surtitre-line-height);
    letter-spacing: 2px;
}

.datetime,
.source {
    font-weight: 500;
    position: absolute;
    left: 20px;
    right: auto;
    bottom: 20px;
    top: auto;
    font-size: 12px;
    line-height: 16px;
}

.source .views {
    margin-left: 20px;
}

.datetime {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
}

.highlighted-article {
    background-color: #003d84 !important;
}

.highlighted-article .a-block h3,
.highlighted-article .a-block p {
    color: #003d84;
}

.article {
    display: inline-block;
    position: relative;
    padding: 1px 0;
    width: 100%;
    /*height: 350px;*/
    height: 435px;
    background-color: #666666;
}

.article:before,.article:after {
    content: '';
    display: none;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #D2555C;
}

.article:before {
    top: 0;
}

.article:after {
    bottom: 0;
}

.article .a-block {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 40px 10px 112px;
}

.article .a-block .datetime,
.article .a-block .category {
    text-align: center;
}

.article .a-block .datetime, .article .a-block .category {
    margin-bottom: 20px;
}

.article .a-block h3 {
    font-size: 23px;
    margin-top: 0;
    line-height: 30px;
    text-align: center;
    width: 100%;
}

.article .a-block p {
    margin: auto;
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 50px;
}

.article .a-block .category {
    width: 100%;
}

.article.une-article {
    padding: 40px 40px 0 0;
    height: 530px;
}

.article .article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article.une-article.une-article-img {
    padding-top: 250px;
}

.article.une-article .article-img {
    display: none;
}

.article.une-article.une-article-img .article-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.article.une-article .a-block {
    padding: 25px 20px 25px 0;
}

.article.une-article .a-block h1 {
    font-size: 36px;
    line-height: 44px;
}

.article.une-article .a-block .datetime {
    position: relative;
    margin-bottom: 5px;
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
    display: block;
}

.article.img-1col {
    padding-top: 0;
}

.article.img-1col .article-img {
    background-color: #E9EEF3;
    display: inline-block;
    width: 100%;
    height: 40%;
    position: relative;
    top: 0;
}

.article.img-1col .a-block {
    height: 60%;
    padding-left: 0;
    z-index: 2;
}

.article.img-1col .a-block h3 {
    font-size: 22px;
    line-height: 28px;
}

.article.une-article .a-block p {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 20px;
}

.article.une-article.une-article-img .a-block p {
    display: none;
}

/*.article.img-1col .a-block .datetime {
        left: 0; }*/
.article.img-1col.video .article-img img {
    z-index: 1;
    position: relative;
}

.article.img-1col.video .article-img:after {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/play.svg);
    display: inline-block;
    position: absolute;
    width: 53px;
    height: 53px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.article.img-2col {
    background-color: #fff;
    padding: 150px 60px 0 0;
}

.article.img-2col .article-img {
    background-color: #C3D4E2;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.article.img-2col .article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article.img-2col .a-block {
    padding-left: 0;
    padding-right: 40px;
}

.article.img-2col .a-block h3 {
    font-size: 30px;
    line-height: 38px;
}

/*.article.img-2col .a-block .datetime {
        left: 0; }*/
.article.a-2col {
    padding: 40px 40px 0 0;
}

.article.a-2col .a-block h3 {
    font-size: 36px;
    line-height: 42px;
}

.article.img-3col {
    padding-right: 57.199%;
}

.article.img-3col,
.article.a-3col {
    padding-block: 0;
    background: #FFFFFF;
}

.article.img-3col:before,
.article.img-3col:after{
   content: none;
}

.dossier-pink .article.img-3col {
    padding: 20px 50% 20px 20px;
}

.article.img-3col .article-img {
    display: inline-block;
    padding-block-start: 48px;
    padding-block-end: 42px;
    width: calc(61.93% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    left: auto;
    right: 0;
}

.dossier-pink .article.img-3col .article-img {
    left: auto;
    right: 0;
}

.article.img-3col .article-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.article.img-3col .a-block {
    z-index: 4;
    padding: 48px 86px 42px 52px;
}

.with-illustration .article .a-block {
    position: relative;
    left: -30px;
}

.article.img-3col .a-block,
.article.a-3col .a-block {
    background: #BFA584;
}

.article.img-3col .sub-block {
    position: relative;
    height: 100%;
    padding-top: 72px;
}

.article.img-3col .sub-block::before, .article.img-3col .sub-block::after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #FFF;
}

.article.img-3col .sub-block::before {
    top: 0;
}

.article.img-3col .sub-block::after {
    bottom: 0;
}

.article.img-3col .a-block .datetime,
.article.a-3col .a-block .datetime {
    color: #FFFFFF;
}

.article.img-3col .a-block .category,
.article.a-3col .a-block .category {
    color: #FFFFFF;
}

.article.img-3col:hover .sub-block::before, .article.img-3col:hover .sub-block::after {
    height: 5px;
    background: #D2555C;
}

.article.img-3col:hover .sub-block > *, .article.a-3col:hover .sub-block > * {
    color: #FFFFFF!important;
}

.article.a-3col .a-block .sub-block h3 {
    margin-bottom: 50px;
}

.article.a-3col .a-block .sub-block p {
    color: #fff;
    text-align: center;
    position: relative;
    width: 85%;
    margin-inline: auto;
    display: block;
    bottom: unset;
    left: unset;
}

.article.img-3col .a-block h3 {
    color: #FFFFFF;
}

.article.a-3col .a-block h3 {
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
}

.article.media h3.media-title {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-family: 'NeueHaasGrotesk';
    padding-left: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}

.article.media h3.media-title:before {
    display: block;
    position: absolute;
    width: 26px;
    height: auto;
    top: 20px;
    bottom: auto;
    left: 0;
    right: auto;
}

.article.media.yt .media-title:before {
    content: url("/partage/fr/CNCM/html/agri-mutuel/images/youtube.svg");
}

.article.media.tw .media-title:before {
    content: url("/partage/fr/CNCM/html/agri-mutuel/images/twitter.svg");
}

.article.media.tw .media-title span {
    font-size: 12px;
    font-weight: 500;
    color: #0068B5;
}

.article:hover .a-block h1,
.article:hover .a-block h2,
.article:hover .a-block h3,
.article:hover .a-block .datetime,
.article:hover .a-block .category,
.article:hover .a-block p {
    color: #D2555C;
}

.article:hover:before, .article:hover:after {
    display: block;
}

/*.article.img-1col:hover .article-img img,
  .article.img-2col:hover .article-img img {
    opacity: 0.3; }*/
/*.article.img-3col:hover .article-img img {
    opacity: 0.5; }*/
.article.img-1col.video:hover .article-img:after {
    content: url("/partage/fr/CNCM/html/agri-mutuel/images/play_hover.svg");
}

.article-spotlight-wrapper {
    height: 400px;
    padding-block: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
}

.article.spotlight {
    padding-block: 0;
    padding-inline: 10px;
    background-color: #FFFFFF;
    height: 100%;
    position: relative;
}

.article.spotlight.img-1col .article-img {
    height: 45%;
}

.article.spotlight.img-1col .a-block {
    padding-top: 20px;
}

.article.spotlight:before,
.article.spotlight:after {
    content: unset;
}

.article.spotlight.slick-current:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width:  1px;
    height: 212px;
    background: #000000;
}

.article.spotlight .a-block {
    padding-inline: 0;
}

.article.spotlight .a-block p {
    position: relative;
    bottom: -40px;
}

.article.spotlight:hover .a-block h3 {
    color: #262626;
}

.article.promo {
    padding-block: 0;
}

.article.promo:before {
    content: '';
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 4;
}

.article.promo:hover:before {
    display: block;
}

.article.promo .article-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.article.promo .a-block {
    background: unset;
    padding: unset;
    z-index: 3;
}

.article.promo .article-img img {
    height: 100%;
    object-fit: cover;
}

.article.promo .a-block h3 {
    color: #FFFFFF;
    font-family: 'NeueHaasGrotesk', sans-serif;
    font-weight: 600;
    font-size: 37px;
    line-height: 1.1;
    max-width: 60%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}

@media (max-width: 1075px) {
    .article {
        height: 370px;
    }

    .article .a-block h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .article.img-1col .a-block {
        padding-left: 20px;
    }

    .article.img-1col .a-block h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .article.img-2col .a-block h3 {
        font-size: 22px;
        line-height: 26px;
    }

    /*.article.img-3col .a-block h3 {
        font-size: 30px;
        line-height: 36px;
    }*/

    /*.article.a-3col .a-block h3 {
        font-size: 46px;
        line-height: 54px;
    }*/

    .article.media h3.media-title {
        font-size: 14px;
        line-height: 20px;
    }

    .article.media.tw .media-title span {
        font-size: var(--article-base-font-size);
        line-height: var(--article-base-line-height);
    }

    .article.une-article .a-block h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .article.img-3col .sub-block {
        padding-top: 20px;
    }

    .article.img-3col .article-img {
        width: 61.93%;
    }

    .with-illustration .article .a-block {
        left: 0;
    }
}

@media (max-width: 992px) {
    .article.img-3col .a-block {
        padding-left: 30px;
        padding-right: 50px;
    }

    .article.img-3col .a-block h3 {
        font-size: 22px;
    }

    .article .a-block h3 {
        font-size: 17px;
        line-height: 22px;
    }

    .article.img-1col .a-block h3 {
        font-size: 17px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .article {
        height: auto;
    }

    .article .a-block {
        padding-bottom: 30px;
    }

    .article .a-block p {
        display: none;
    }

    .article.une-article .a-block h1,
    .article.img-3col .a-block h3,
    .article .a-block h3,
    .article.a-3col .a-block h3,
    .article.img-1col .a-block h3 {
        font-size: 22px;
        line-height: 26px;
    }
    
    .article.img-2col {
        padding: 20px 20px 20px 0;
    }

    .article.img-3col {
        padding: unset;
    }

    .article.img-3col .article-img,
    .article.img-2col .article-img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .article.img-3col .article-img {
        padding-block: unset;
    }

    /*.article.img-3col .article-img img,*/
    .article.img-2col .article-img img {
        height: auto;
        object-fit: initial;
    }

    .article.img-3col .article-img img {
        height: 100%;
        object-fit: cover;
    }

    .article.img-3col .a-block,
    .article.img-2col .a-block {
        padding: 20px 20px 50px;
    }

    .article.img-3col .a-block .category,
    .article.img-2col .a-block .category {
        width: 100%;
    }

    .article.img-3col .a-block .datetime,
    .article.img-2col .a-block .datetime {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .article.a-3col .category {
        width: 100%;
    }

    .article.a-3col .datetime {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    /*.article.une-article {
        padding: 40px 40px 0 0; }*/
    .article.une-article,
    .article.une-article.une-article-img {
        padding: 20px 20px 0 0;
        height: auto;
    }

    .article.une-article.une-article-img .article-img {
        position: relative;
        top: auto;
        left: auto;
    }

    .article.une-article .a-block {
        padding-left: 20px;
    }

    /*
        .article.une-article.une-article-img .a-block {
          margin-top: 50%; }*/
    .article.une-article .article-img {
        width: 100%;
    }

    .article.une-article .a-block .category {
        width: 100%;
    }

    .article.une-article .a-block .datetime {
        position: relative;
        top: auto;
        right: auto;
    }

    .article.media h3.media-title {
        font-size: 16px;
        line-height: 20px;
    }

    .article.img-1col .article-img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
    }

    .article.spotlight .a-block {
        padding-inline: 10px;
    }

    .article.spotlight .a-block p {
        display: block;
    }

    .article-spotlight-wrapper {
        height: 360px;
    }

    .article.img-3col .sub-block {
        border-block: none;
    }

    .article.promo .article-img {
        position: relative;
    }

    .article.spotlight.slick-current:after {
        content: unset;
    }

    .article.img-3col .sub-block::before, .article.img-3col .sub-block::after {
        display: none;
    }
}

@media (max-width: 560px) {
    .article-spotlight-wrapper {
        height: 435px;
    }
}

.top-articles ol {
    position: relative;
    height: 100%;
    counter-reset: top-articles-counter;
    border-block: 1px solid #000000;
}

.top-articles ol li {
    position: relative;
    display: flex;
    padding: 10px 0;
}

.top-articles ol li a {
    display: flex;
}

.top-articles ol li:first-child {
    padding-top: 20px;
}

.top-articles ol li .top-number {
    flex-basis: 50px;
    flex-shrink: 0;
    position: relative;
}


.top-articles ol li .top-number:after {
    color: #FFFFFF;
    z-index: -1;
    font-size: 55px;
    font-weight: bold;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    counter-increment: top-articles-counter;
    content: counter(top-articles-counter);
}

.top-articles ol li div.top-title {
    padding-right: 10px;
}

.top-articles ol li div.top-title .category {
    padding-bottom: 5px;
}

.top-articles ol li:nth-child(10) div.top-title {
    margin-left: 25px;
}

.top-articles ol li .top-title {
    color: #4A4A4A;
    line-height: 20px
}

.top-articles ol li:hover .top-number:after,
.top-articles ol li:hover div.top-title .category {
    color: #D2555C;
    text-shadow: unset;
}

.top-articles.loading:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    top: -10px;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .9) url("/partage/fr/CNCM/html/agri-mutuel/images/loader.gif") center center no-repeat;
}

@media (max-width: 1075px) {
    .top-articles ol li .top-title {
        font-size: 13px;
        line-height: 18px;
    }
}

.content-grid {
    margin-top: 50px;
}

@media (max-width: 1075px) {
    .content-grid {
        margin-top: 20px;
    }
}

/* MASONRY */
.grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.grid-item,
.grid-sizer {
    width: 33.33333%;
    height: auto;
    display: block;
    float: left;
    padding: 0 1.6666666% 50px;
}

.grid-item.with-illustration {
    padding-left: 0;
}

@media (max-width: 1075px) {

    .grid-item,
    .grid-sizer {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {

    .grid-item,
    .grid-sizer {
        width: 100%;
        padding: 0 10px 20px;
    }
}

.grid-sizer {
    display: none;
}

.item-100 {
    width: 100%;
}

@media (max-width: 767px) {
    .item-100 {
        padding: 0 0 30px;
    }
}

.item-66 {
    width: 66.666666%;
}

@media (max-width: 767px) {
    .item-66 {
        width: 100%;
    }
}

/*.gutter-sizer {
  width: 3.333333%;
}
*/
/* SECTION INTRO */
section.intro {
    display: block;
    margin-top: 20px;
}

section.intro.dossier-pink {
    width: 100%;
}

section.intro .container {
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    margin-top: 20px;
}

section.intro .container>div {
    display: flex;
    flex-direction: column;
}

section.dossier-section .container>div.special {
    margin-bottom: 50px;
    margin-top: 30px;
}

section.dossier-section .container>div.special .article {
    background-color: #EDC5CA;
}

section.dossier-section .container>div.special .a-block {
    background-color: #D2555C;
}

section.dossier-section .container>div.special .a-block h2 {
    width: 100%;
    font-size: 36px;
    line-height: 42px;
}

section.dossier-section .container>div.special .a-block .datetime {
    position: relative;
    float: left;
    margin-top: 10px;
    width: 100%;
    left: auto;
    bottom: auto;
}

section.dossier-section .container>div.special .article:hover .a-block {
    background-color: #ffffff;
}

section.dossier-section .container>div.special .article:hover .a-block h2,
section.dossier-section .container>div.special .article:hover .a-block span,
section.dossier-section .container>div.special .article:hover .a-block p {
    color: #D2555C;
}

section.dossier-section .container>div.special .article.img-3col:hover .article-img img {
    opacity: 1;
}

section.dossier-section .container>div.special .article:hover .a-block .category:last-of-type {
    text-decoration: underline;
}

section.intro span.sec-title.on-homepage,
section.dossier-section .dossier-text .dossier-title {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 46px;
    text-transform: unset;
    color: #005394;
    display: flex;
    gap: 10px;
    align-items: baseline;
}

section.intro span.sec-title.on-homepage:after,
section.dossier-section .dossier-text .dossier-title:after {
    content: '';
    display: block;
    width: 45px;
    height: 3px;
    background: #D2555C;
}

section.dossier-section span.sec-title {
    text-align: left;
    width: auto;
    float: left;
    display: inline-block;
    margin: auto 1.6666666%;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
}

/*section.dossier-section span.sec-title, section.dossier-section span.sec-title span {
    text-transform: none;
    font-weight: 500;
    font-family: 'Tiempos';
  }*/
section.dossier-section .container div.special a {
    width: 100%;
}

@media (max-width: 1075px) {
    section.intro {
        margin-top: auto;
    }

    section.intro .container {
        margin-top: 20px;
    }

    section.dossier-section .container div.special .a-block h2 {
        font-size: 24px;
        line-height: 34px;
    }

    section.dossier-section .container div.special .a-block .category:last-of-type {
        bottom: 0;
    }

    section.dossier-section span.sec-title {
        font-size: 18px;
        line-height: 20px;
        margin: 30px 15px auto;
    }

    section.intro .container .top-articles {
        display: none;
    }

    section.intro .container>.une.visible {
        padding-left: 35px;
    }
}

@media (max-width: 992px) {
    section.intro span.sec-title.on-homepage {
        font-size: 24px;
    }

    section.intro span.sec-title.on-homepage:after {
        width: 15px;
    }
}

@media (max-width: 767px) {

    /*section.intro {
      margin-top: 30px; }*/
    section.intro .container {
        padding: 0;
    }

    section.intro .container>.special {
        padding: 0;
    }

    section.intro .container .top-articles {
        display: none !important;
    }

    section.dossier-section .dossier-text .dossier-title {
        font-size: 24px;
    }

    section.dossier-section .dossier-text .dossier-title:after {
        width: 15px;
    }
}

section.intro .container>.top-articles,
section.intro .container>.une {
    display: none;
}

section.intro .container>.top-articles.visible,
section.intro .container>.une.visible {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
}

section.intro .container>.une.visible {
    padding-right: 35px;
}

@media (max-width: 767px) {
    section.intro .container>.top-articles,
    section.intro .container>.une {
        width: 100%;
    }

    section.intro .container>.une.visible {
        padding-inline: 30px;
    }

    section.intro .container>.top-articles {
        margin-top: 30px;
        min-height: 150px;
    }
}

/* SECTION DOSSIER HOMEPAGE */

section.dossier-section .dossier-section-inner {
    padding-inline: 1.6666666%;
}

section.dossier-section .dossier-section-inner .category.clear {
    float: unset;
    padding-inline: 15px;
}

section.dossier-section .dossier-item {
    display: flex;
    padding-inline: 15px;
}

section.dossier-section .dossier-item .dossier-info,
section.dossier-section .dossier-item .dossier-articles {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
}

section.dossier-section .dossier-item .dossier-info {
    position: relative;
}

section.dossier-section .dossier-info .dossier-img {
    position: relative;
}

section.dossier-section .dossier-info .dossier-fig {
    position: absolute;
    left: 0;
    right: -11%;
}

section.dossier-section .dossier-info img {
    height: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

section.dossier-section .dossier-info .dossier-title {
    font-family: "NeueHaasGrotesk", sans-serif;
    padding-top: 6px;
}

section.dossier-section .dossier-info .dossier-description {
    margin-bottom: 25px;
    padding-right: 30px;
}

section.dossier-section .dossier-info .dossier-description p {
    display: block;
}

section.dossier-section .dossier-info .dossier-description ul,
section.dossier-section .dossier-info .dossier-description ol {
    padding-inline-start: 2em;
    margin-bottom: 10px;
}

section.dossier-section .dossier-info .dossier-description ul {
    list-style-type: disc;
}

section.dossier-section .dossier-info .dossier-description ol {
    list-style-type: decimal;
}

section.dossier-section .dossier-info .dossier-description li {
    display: list-item;
}

section.dossier-section .dossier-info .dossier-description a {
    color: #4caed0;
    text-decoration: underline;
}

section.dossier-section .dossier-item .dossier-articles {
    background: #4caed0;
    padding-inline-start: 70px;
    padding-inline-end: 40px;
    padding-block-start: 30px;
    padding-block-end: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

section.dossier-section .dossier-articles-inner .dossier-article-item {
    padding-block: 20px;
}

section.dossier-section .dossier-articles-inner .dossier-article-item:first-child {
    border-top: 1px solid #FFFFFF;
}

section.dossier-section .dossier-articles-inner .dossier-article-item:nth-child(2) {
    border-block: 1px solid #FFFFFF;
}

section.dossier-section .dossier-articles-inner .dossier-article-item:last-child {
    border-bottom: 1px solid #FFFFFF;
}

section.dossier-section .dossier-article-item .category {
    text-align: center;
    float: unset;
}

section.dossier-section .dossier-article-item .article-item-title {
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    line-height: 1.2;
}

section.dossier-section .dossier-articles .dossier-articles-cta {
    padding-block: 16px;
    padding-inline: 21px;
    background: #005394;
    border-radius: 5px;
    color: #FFFFFF;
    transition: all .2s ease;
}

section.dossier-section .dossier-articles .dossier-articles-cta:hover {
    color: #005394;
    background: #FFFFFF;
}

section.dossier-section .dossier-slider-nav .slick-arrow {
    width: 28px;
    height: 28px;
}

section.dossier-section .dossier-slider-nav .slick-prev {
    left: -30px;
   transform: rotate(180deg) translateX(-50%);
}

section.dossier-section .dossier-slider-nav .slick-next {
    right: -30px;
    transform: translateX(-50%);
}

section.dossier-section {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
    margin: 10px 0;
}

section.dossier-section[data-filter] {
    display: none;
    height: 0;
    opacity: 0;
}

section.dossier-section[data-filter].visible {
    display: block;
    height: auto;
    opacity: 1;
}

section.dossier-section .container>h3 {
    font-size: 30px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 0 1.6666666%;
    position: relative;
    display: inline-block;
}

section.dossier-section .container>h3 span {
    font-family: 'Tiempos';
    font-weight: 500;
    padding-right: 8px;
}

section.dossier-section .container hr {
    border-top: 1px solid #EDC5CA;
    margin: 20px 1.6666666%;
    display: inline-block;
    width: calc(100% - 3.33333%);
}

section.dossier-section .container .article {
    background-color: #EDC5CA;
}

section.dossier-section .container .article .a-block {
    color: #fff;
    background-color: #D2555C;
}

section.dossier-section .container .article .a-block h3.white {
    color: #E8EFF5;
}

section.dossier-section .container .article.img-1col {
    background-color: #D2555C;
}

section.dossier-section .container>a {
    display: inline-block;
    float: right;
    padding: 8px 1.6666666% 0 0;
    text-transform: uppercase;
}

section.dossier-section .container>a:hover {
    color: #ffffff;
    text-decoration: underline;
}

@media (max-width: 1075px) {
    section.dossier-section {
        margin-bottom: 40px;
   }
}

@media (max-width: 992px) {
    section.dossier-section .dossier-item {
        flex-direction: column;
    }

    section.dossier-section .dossier-info .dossier-img {
        height: 350px;
        margin-bottom: 0;
    }

    section.dossier-section .dossier-info .dossier-fig {
        position: relative;
        height: 100%;
    }

    section.dossier-section .dossier-item .dossier-articles {
        padding-inline: 80px;
        padding-block-start: 50px;
        gap: 50px;
    }

    section.dossier-section .dossier-slider-nav .slick-prev {
        left: -15px;
    }

    section.dossier-section .dossier-slider-nav .slick-next {
        right: -15px;
    }
}

@media (max-width: 767px) {
    section.dossier-section {
        margin: auto;
        padding: 0;
    }

    section.dossier-section .dossier-info .dossier-img {
        height: 250px;
        min-height: auto;
    }

    section.dossier-section .dossier-section-inner .category.clear {
        padding-inline: 20px;
    }

    section.dossier-section .container>div.special {
        padding: 0;
        margin: auto;
    }

    section.dossier-section .container>div.special .article {
        padding: 0;
    }

    section.dossier-section .container>div.special .a-block {
        padding: 20px 20px 50px 20px;
        margin: 20px 20px auto auto;
        width: calc(100% - 20px);
    }

    section.dossier-section.dossier-pink .article.img-3col .article-img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    section.dossier-section .container>h3 {
        padding: 0 10px;
    }

    section.dossier-section .container>h3 span {
        display: block;
        position: relative;
    }

    section.dossier-section .container hr {
        margin: 20px;
        width: calc(100% - 40px);
    }

    section.dossier-section .container>a {
        padding: 15px 10px 10px;
        letter-spacing: 1px;
    }

    section.dossier-section .dossier-item {
        padding-inline: 20px;
    }

    section.dossier-section .dossier-item .dossier-articles {
        padding-inline: 40px;
    }

    section.dossier-section .dossier-article-item .article-item-title {
        font-size: 20px;
    }
}

@media (max-width: 560px) {
    section.dossier-section .dossier-info .dossier-img {
        height: 200px;
    }
}

section.dossier-section .container .article.img-2col {
    background-color: transparent;
}

section.dossier-section .container .article.img-2col .a-block {
    padding-left: 0;
}

/* section.dossier-section .container .article.img-2col .datetime {
          position: absolute;
          left: 0px;
          right: auto;
          bottom: 20px;
          top: auto; }*/
section.dossier-section .container .article.a-2col .a-block h3 {
    font-size: 30px;
    line-height: 34px;
}

section.dossier-section .container .article:hover .a-block h3 {
    color: #ffffff;
}

/*
.dossier-slider {
    display: inline-block;
    width: 100%;
    padding: 0 40px;
}

.dossier-slider .slick-list {
    border-right: 1px solid #EDC5CA;
    padding: 0;
}

.dossier-slider .dossier-slider-article .dossier-slider-article-container {
    padding: 0 30px;
    border: none;
    border-left: 1px solid #EDC5CA;
}

.dossier__slider-nav {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    transform: translateY(-7.5px);
}

.dossier__slider-nav .slick-arrow {
    background: none;
    padding: 0;
    height: 15px;
    width: 15px;
}

.dossier__slider-nav .slick-prev {
    left: 0px;
}

.dossier__slider-nav .slick-next {
    right: 15px;
    transform: rotate(-90deg) translate(7.5px, -100%);
}

.dossier__slider-nav .slick-arrow,
.dossier__slider-nav .slick-arrow:hover,
.dossier__slider-nav .slick-arrow:active,
.dossier__slider-nav .slick-arrow:focus,
.dossier__slider-nav .slick-arrow:visited {
    height: 15px;
    width: 15px;
    background: none;
}

@media (max-width: 767px) {
    .dossier-slider {
        padding: 0 35px 0 20px;
        margin-bottom: 30px;
    }

    !*.dossier-slider {
          padding: 0 20px;
        }*!
    .dossier-slider .slick-list {
        padding: 0 40% 0 0;
        border-right: none;
    }

    .dossier-slider .dossier-slider-article .dossier-slider-article-container {
        border-left: none;
        border-right: 1px solid #EDC5CA;
        padding: 0 20px;
    }
}
*/

/* SURVEY */
.survey {
    display: flex;
    align-items: center;
    /*padding: 30px 7.5% 60px;*/
    padding: 30px 35px;
    position: relative;
}

.survey .wp-polls {
    align-items: flex-start;
    justify-content: center;
}

.survey:after {
    content: url(/partage/fr/CNCM/html/agri-mutuel/images/survey-icon.svg);
    display: block;
    position: absolute;
    left: auto;
    right: -20px;
    top: auto;
    bottom: -5px;
    opacity: 0.2;
    width: 160px;
    height: auto;
    z-index: 0;
}

.survey .survey-q {
    width: 35%;
    margin-left: 5%;
}

.survey .survey-a {
    width: 60%;
    margin-right: 0;
}

.survey .survey-q.result {
    width: 35%;
    margin-left: 0;
}

.survey .survey-a.result {
    width: 65%;
    margin-right: 0;
    border-left: 1px solid #ffffff;
    padding-left: 30px;
}

.survey .survey-a .input-group {
    margin-bottom: auto;
}

.survey input[type="radio"]:checked+label:before,
.survey input[type="radio"]:not(:checked)+label:before {
    border: 1px solid #fff;
}

.survey input[type="radio"]:checked+label:after,
.survey input[type="radio"]:not(:checked)+label:after {
    background: #fff;
}

.survey input[type="button"] {
    z-index: 1;
}

@media (max-width: 767px) {
    .survey {
        margin: auto 10px;
        flex-wrap: wrap;
    }

    .survey .survey-q,
    .survey .survey-a {
        width: 100%;
    }

    .survey .survey-q {
        padding-bottom: 10px;
    }

    .survey .wp-polls {
        flex-direction: column;
    }

    .survey .survey-a.result {
        border-left: none;
        width: 100%;
        padding-left: 5%;
    }

    .wp-polls ul,
    .wp-polls-ul {
        margin-left: 0;
    }
}

p.survey-q {
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
    width: 100%;
    padding-right: 45px;
    margin-bottom: 0;
}

.survey .survey-a.result ul li {
    padding-left: 70px;
   position: relative;
    padding: 5px 0 5px 70px;
}

.survey .survey-a.result ul li span {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: auto;
    bottom: auto;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}

.survey .survey-a.result ul li p {
    margin-bottom: 0;
}

.wp-polls .pollbar {
    background-color: #FBB700 !important;
    border: none !important;
}

/* MORE */
.more-block {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0 auto 30px;
}

.more-block.loading {
    height: 100px;
}

.more-block.loading:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .9) url("/partage/fr/CNCM/html/agri-mutuel/images/loader.gif") center center no-repeat;
}

@media (min-width: 768px) {
    .top-articles ol {
        max-height: 400px;
        overflow-y: scroll;
    }

    .more-block {
        margin: 0 auto 50px;
    }
}

.more-block a.more {
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #005394;
    border: 1px solid #005394;
    border-radius: 5px;
    background: #FFFFFF;
    transition: all .2s ease;
}

.more-block a.more:hover {
    color: #FFFFFF;
    background: #005394;
}

/* SLICK */
.slick-slider {
    position: relative;
}

.slick-slider .slick-slide {
    position: relative;
}

.slick-arrow,
.slick-arrow:hover,
.slick-arrow:active,
.slick-arrow:focus,
.slick-arrow:visited {
    z-index: 50;
    background: rgba(255, 255, 255, 0.4);
    width: 65px;
    height: 65px;
}

.slick-arrow:before,
.slick-arrow:hover:before,
.slick-arrow:active:before,
.slick-arrow:focus:before,
.slick-arrow:visited:before {
    display: none;
}

@media (max-width: 767px) {

    .slick-arrow,
    .slick-arrow:hover,
    .slick-arrow:active,
    .slick-arrow:focus,
    .slick-arrow:visited {
        width: 40px;
        height: 40px;
    }
}

.slick-prev {
    left: 15px;
    right: auto;
    transform: rotate(90deg) translateX(-50%);
}

@media (max-width: 767px) {
    .slick-prev {
        left: 0;
    }
}

.slick-next {
    right: -18px;
    left: auto;
    transform: rotate(-90deg) translate(25px, -50%);
}

@media (max-width: 767px) {
    .slick-next {
        right: -20px;
    }
}

/* OVERRIDE SLICK ARTICLE REPORT SPOTLIGHT */
.article-spotlight-slider,
.article-spotlight-slider.slick-slider .slick-list,
.article-spotlight-slider.slick-slider .slick-track
{
    height: 100% !important;
}

.article-spotlight-slider-nav .slick-arrow {
    width: 28px;
    height: 28px;
}

.article-spotlight-slider-nav .slick-disabled {
   opacity: .4;
}

.article-spotlight-slider-nav .slick-prev {
    left: -35px;
    transform: rotate(180deg) translateX(-50%);
}

.article-spotlight-slider-nav .slick-next {
    right: -15px;
    transform: translateX(-50%);
}

.article-spotlight-slider .slick-dots {
    bottom: 0;
}

.article-spotlight-slider .slick-dots li button:before {
    font-size: 30px;
}

@media (max-width: 1075px) {
    .article-spotlight-slider-nav .slick-prev {
        left: -20px;
    }
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
    font-size: 11px;
}

.breadcrumb a,
.breadcrumb span {
    color: #9B9B9B;
    font-size: 11px;
}

.breadcrumb .breadcrumb_last {
    vertical-align: bottom;

    .breadcrumb a:hover {
        color: #262626;
        text-decoration: underline;
    }
}

@media (max-width: 767px) {
    .breadcrumb {
        display: none;
    }
}

/* INFO IMG */
.img-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 1em;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.img-info p {
    margin: 10px 0;
}

.img-info p.copy {
    font-size: 10px;
}

@media (max-width: 767px) {
    .img-info {
        flex-wrap: wrap;
        margin: 0;
        padding: 0 !important;
    }

    .img-info p,
    .img-info p.copy {
        font-size: 11px;
        line-height: 13px;
        width: 100%;
        padding: 10px;
        margin: 0;
    }
}

/* PAGE ARTICLE */
section.page {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

section.page .head-block,
section.page .text-block,
section.page .img-block {
    display: inline-block;
    width: 100%;
    padding: 0 45px;
    position: relative;
    max-width: 850px;
}

section.page .head-block {
    margin-top: 10px;
    margin-bottom: 20px;
}

section.page .head-block h1 {
    font-size: var(--article-h1-font-size);
    line-height: var(--article-h1-line-height);
    margin: 18px auto 10px;
    font-weight: 500;
    display: flex;
}

section.page .head-block hr {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    border-top: 1px solid #D8D8D8;
}

section.page .head-block .source,
section.page .head-block .datetime {
    position: relative;
    bottom: auto;
    left: auto;
    float: left;
}

section.page .head-block .datetime {
    float: right;
}

section.page .head-rub-block {
    max-width: inherit;
}

section.page .head-rub-block .cat-intro {
    width: auto;
    max-width: 760px;
    float: left;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear, height 0.3s linear;
    transition: opacity 0.1s linear, height 0.3s linear;
}

section.page .head-rub-block .cat-intro.is-visible {
    height: auto;
    opacity: 1;
    padding-left: 15px;
    -webkit-transition: 0.3s height 0.3s linear, opacity 0.3s linear;
    transition: 0.3s height 0.3s linear, opacity 0.3s linear;
}

section.page .img-block {
    padding: 0 15px;
    margin-bottom: 30px;
}

section.page .text-block {
    margin-bottom: 50px;
    font-size: var(--article-base-font-size);
}

section.page .text-block a {
    color: #0068B5 !important;
    vertical-align: unset !important;
    font-weight: unset;
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);
    text-decoration: underline;
}

section.page .text-block ul, section.page .text-block ol {
    font-size: var(--article-base-font-size);
    list-style-type: georgian;
    list-style-position: outside;
    text-align: left;
    margin-bottom: 12px;
}

section.page .text-block ol {
    counter-reset: ol-counter;
}

section.page .text-block ol li {
    font-family: 'NeueHaasGrotesk', sans-serif;
    letter-spacing: 0.5px;
    text-align: left;
    counter-increment: ol-counter;
}

section.page .text-block li {
    font-size: var(--article-base-font-size);
    display: block;
    margin: 0 14px;
    padding-left: 10px;
    list-style: inherit;
    position: relative;
}

section.page .text-block ul li:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: auto;
    bottom: auto;
    height: 4px;
    width: 4px;
    border-radius: 3px;
    background-color: #004594;
}

section.page .text-block ul li li:before {
    background-color: #333;
    border-radius: 0;
}

section.page .text-block ol li:before {
    font-family: 'NeueHaasGrotesk', sans-serif;
    text-align: left;
    content: counter(ol-counter) ". ";
    position: absolute;
    top: 0;
    left: -5px;
    right: auto;
    bottom: auto;
    color: #004594;
}

section.page .text-block ol li li:before {
    color: #333;
}

section.page .text-block h1, section.page .text-block h2, section.page .text-block h3 {
    font-family: 'Tiempos' !important;
}

section.page .text-block h1 {
    font-size: var(--article-h1-font-size);
    line-height: var(--article-h1-line-height);
}

section.page .text-block h2 {
    color: #4A4A4A;
    font-size: var(--article-h2-font-size) !important;
    line-height: var(--article-h2-line-height);
    margin-bottom: 12px
}

section.page .text-block h3 {
    color: #004594;
    font-size: var(--article-h3-font-size) !important;
    line-height: var(--article-h3-line-height);
    text-align: left;
    display: block;
    margin-bottom: 12px;
}

section.page .text-block h4, h5, h6 {
    font-family: 'NeueHaasGrotesk', sans-serif;
    font-size: var(--article-h4-font-size) !important;
    line-height: var(--article-h4-line-height);
    color: #4A4A4A;
    font-weight: bold;
}


section.page .text-block p:not(.survey-q):not(.label) {
    width: 100%;
}

section.page .text-block p {
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);
    margin-bottom: 12px;
}

section.page .text-block blockquote {
    font-family: 'Tiempos';
    margin-top: 20px;
    margin-bottom: 20px;
}

section.page .text-block blockquote p {
    font-family: 'Tiempos';
    font-size: 15px;
}

section.page .text-block blockquote p:before,
section.page .text-block blockquote p:after {
    content: '"';
    display: inline-block;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 10px;

}

section.page .text-block blockquote p:after {
    margin-left: 10px;
}

section.page .text-block blockquote cite {
    display: block;
    text-align: left;
    font-style: italic;
    color: #9B9B9B;
    font-size: 12px;
}

section.page .text-block p sup {
    font-size: 0.8em !important;
}

section.page .text-block p sub {
    font-size: 0.8em !important;
}

section.page .text-block p .intro {
    font-size: var(--article-chapeau-font-size);
    line-height: var(--article-chapeau-line-height);
}

section.page .text-block p:not(.survey-q):not(.label).intro {
    font-size: var(--article-chapeau-font-size);
    line-height: var(--article-chapeau-line-height);
    color: #4A4A4A;
    font-weight: 700;
}

section.page .text-block p:not(.survey-q):not(.label) a {
    vertical-align: top;
    font-weight: 500;
    color: #0068B5;
}

section.page .text-block .survey {
    margin-bottom: 50px;
}

section.page .text-block .deeper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 7.5%;
    position: relative;
}

section.page .text-block .has-background {
    padding: 15px 25px;
}
/* surcharge pour supprimer padding: 15px 25px; sur les table*/
section.page .text-block table.has-background {
    padding: 0;
}

section.page .text-block .has-background a {
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);
}

section.page .text-block .wp-caption-text {
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);
    background-color: #f4f4f4;
    padding: 10px .8em;
    color: #4a4a4a;
}

section.page .text-block .alignleft, section.page .text-block .alignright {
    max-width: unset !important;
}

section.page .text-block .wp-block-embed-facebook {
    text-align: left;
}

section.page .text-block .wp-block-embed-youtube {
    text-align: center;
}

section.page .text-block .alignleft {
    text-align: left !important;
}

section.page .text-block .alignright {
    text-align: right !important;
}

section.page .text-block .aligncenter {
    text-align: center !important;
}

section.page .text-block .wp-block-embed-twitter.aligncenter>.wp-block-embed__wrapper {
    display: flex;
    justify-content: center;
}
section.page .text-block .wp-block-embed-twitter.alignright>.wp-block-embed__wrapper {
    display: flex;
    justify-content: flex-end;
}


section.page .text-block .deeper>p {
    font-weight: 300;
    font-size: var(--article-base-font-size);
    margin-bottom: 0;
}

section.page .text-block .deeper ul {
    margin: 15px 0;
}

section.page .text-block .deeper ul li {
    padding: 5px 0;
}

section.page .text-block .deeper ul li a {
    font-weight: 700;
    line-height: 30px;
}

/* section.page .text-block table {
    width: 100%;
    border: 1px solid #E3E3E3;
    font-family: 'NeueHaasGrotesk', sans-serif;
    letter-spacing: 0.5px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    font-size: var(--article-base-font-size);
    line-height: var(--article-base-line-height);
    margin-bottom: 1em;
}

section.page .text-block table td {
    border: 1px solid #E3E3E3;
    padding: 10px;
    text-align: left;
}*/

@media (max-width: 1075px) {
    section.page {
        margin-top: 60px;
        padding: 0 30px;
    }

    section.page .head-block,
    section.page .text-block {
        padding: 0 35px;
    }

    section.page .img-block {
        padding: 0 15px;
    }

    section.page .text-block .survey {
        flex-wrap: wrap;
    }

    section.page .text-block .survey .survey-q,
    section.page .text-block .survey .survey-a {
        width: 100%;
    }

    section.page .text-block .survey .survey-q {
        padding-bottom: 20px;
    }

    section.page .text-block .deeper {
        font-size: var(--article-base-font-size);
        line-height: var(--article-base-line-height);
        padding: 15px;
        margin-top: 20px;
    }

    section.page .text-block .deeper ul li {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    section.page {
        padding: 0;
    }

    section.page .head-block,
    section.page .text-block {
        padding: 0 20px;
    }

    section.page .head-block {
        margin-bottom: 10px;
        margin-top: 0;
    }

    section.page .text-block, section.page .text-block p, section.page .text-block ul, section.page .text-block ol {
        font-size: var(--article-base-font-size);
        line-height: var(--article-base-line-height);
    }

    section.page .text-block p {
        line-height: var(--article-base-line-height);
    }

    section.page .head-block h1 {
        font-size: 30px;
        line-height: 34px;
        /*margin: 10px auto auto;*/
        display: block;
    }

    section.page .img-block {
        padding: 0px;
    }

    /* chapeau par exemple */
    section.page .text-block p:not(.survey-q):not(.label).intro {
        font-size: var(--article-chapeau-font-size);
        line-height: var(--article-chapeau-line-height);
    }

    section.page .text-block .survey {
        margin: 15px 0 35px;
    }

    /* Width 100% for direct child iframe */
    section.page .text-block > iframe {
        width: 100% !important;
    }

    /* Width 100% for embed image */
    section.page .text-block div[id*="attachment_"] {
        width: unset !important;
    }

    /* Width 100% for embed youtube */
    section.page .text-block figure.wp-block-embed-youtube iframe:first-of-type {
        width: 100%;
    }
    section.page .text-block figure iframe:first-of-type {
        width: 100%;
    }

    /* FB on mobile */
    section.page .text-block figure.wp-block-embed-facebook,
    section.page .text-block figure.wp-block-embed-facebook .wp-block-embed__wrapper,
    section.page .text-block figure.wp-block-embed-facebook .wp-block-embed__wrapper>.fb-post,
    section.page .text-block figure.wp-block-embed-facebook .wp-block-embed__wrapper>.fb-post>span,
    section.page .text-block figure.wp-block-embed-facebook .wp-block-embed__wrapper>.fb-post>span>iframe
    {
        width: 100% !important;
    }
}

section.cat-dossier+section.page {
    margin-top: 20px;
}

/* ALSO END ARTICLE */
.also-block {
    margin-top: 0;
    margin-bottom: 100px;
}

.also-block .container>h2 {
    font-size: 30px;
    line-height: 34px;
    width: 100%;
    text-align: left;
    padding: 0 1.6666666%;
    margin-bottom: 25px;
}

.also-block hr {
    margin: auto 1.6666666% 20px;
    width: auto;
    border-top: 1px solid #D8D8D8;
}

@media (max-width: 767px) {
    .also-block {
        margin-top: 0;
    }

    .also-block .container {
        padding: 0;
    }

    .also-block .container>h2 {
        font-size: 26px;
        line-height: 36px;
        padding: 0 15px;
    }

    .also-block hr {
        margin: 20px 15px;
    }

    .also-block .grid-item {
        padding: 0 15px 30px;
    }
}

/* SUBSCRIPTION BOTTOM BLOCK */
.subscription-block {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
}

.subscription-block .container {
    display: flex;
    align-items: center;
}

.subscription-block p {
    width: 100%;
    margin-bottom: 0;
}

.subscription-block .title {
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
}

.subscription-block form {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.subscription-block form input {
    display: inline-block;
    float: left;
}

.subscription-block form input[type="email"] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    margin-top: 0;
}

.subscription-block form input[type="submit"] {
    position: relative;
    bottom: auto;
    right: auto;
    max-width: 85px;
    min-width: auto;
    width: 30%;
}

.subscription-block .wpcf7-form-control-wrap {
    display: inline-block;
    float: left;
}

.subscription-block .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    width: 100%;
    top: 100%;
    font-size: 12px;
}

@media (max-width: 767px) {
    .subscription-block {
        padding: 35px;
    }

    .subscription-block .container {
        flex-wrap: wrap;
    }

    .subscription-block .container>div {
        padding: 0 10px;
        width: 100%;
    }

    .subscription-block .container>div:last-of-type {
        margin-top: 15px;
    }

    .subscription-block .title {
        font-size: 21px;
        line-height: 23px;
    }

    .subscription-block form {
        justify-content: stretch;
    }

    .subscription-block form input[type="email"] {
        width: 100%;
    }

    .subscription-block form input[type="submit"] {
        width: auto;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 10px;
    }
}

/* RUBRIQUE */
section.cat-page .head-block {
    margin-bottom: 20px;
    padding: 0 15px;
}

section.cat-page .head-block .breadcrumb {
    margin-bottom: 20px;
}

section.cat-page .head-block h1 {
    font-size: 30px;
    line-height: 30px;
    margin: auto;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    position: relative;
    text-transform: none;
}

section.cat-page .head-block h1 a.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #262626;
    float: right;
    margin: 15px 0 7px 15px;
}

section.cat-page .head-block>a {
    display: inline-block;
    line-height: 30px;
    text-decoration: underline;
    float: right;
}

@media (max-width: 767px) {
    section.cat-page .head-block h4 {
        font-size: 20px;
        line-height: 34px;
        margin-bottom: 10px;
    }

    section.cat-page .head-block>a {
        float: left;
        width: 100%;
    }

    section.cat-page .head-block .cat-intro {
        margin-top: 10px;
    }
}

/* FILTER */
:root {
    --select-border: #9B9B9B;
    --select-focus: #101484;
    --select-arrow: var(--select-border);
}

.my-select select {
    /* styles reset, including removing the default dropdown arrow*/
    font-family: 'NeueHaasGrotesk', sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;

    /*Stack above custom arrow*/
    z-index: 1;

    /*Remove focus outline*/
    outline: none;
    text-transform: uppercase;
}

.my-select select, .my-select:after {
    grid-area: select;
}
.my-select:after {
    /*Custom arrow*/
    content: "";
    justify-self: end;
    width: 0.8em;
    height: 0.5em;
    background-color: var(--select-arrow);
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.my-select {
    display: grid;
    grid-template-areas: "select";
    align-items: center;
    float: left;
    position: relative;
    min-width: 15ch;
    max-width: 27ch;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    padding: 0.88em 0.6em;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.1;
    margin: 15px 20px 15px 0px;
}

.filter .my-select.active {
    background-color: #004594;
    color: #ffffff;
    border: 1px solid #FFFFFF;
}
.filter .my-select.active:after {
    background-color: #FFFFFF;
}


.my-select select:focus {
    color: #1E659E;
    border: 2px solid #004594;
    border-radius: inherit;
}

.filter .my-select.active select:focus {
    color: #ffffff;
}

.my-select select:focus+.focus {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    color: #1E659E;
    border: 2px solid #004594;
    border-radius: inherit;
}

/* .filter .my-select:hover {
    background-color: #ffffff;
    color: #1E659E;
    border: 1px solid #004594;
} */


.filter {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
}

.widefat .column-post_view {
    width: 4em;
}

.filter .filt {
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    text-transform: uppercase;
}

.filter .c-filt.c-select {
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 8.55px 20px;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    text-transform: uppercase;
}

.filter .filt:not(:last-of-type), .filter .c-filt:not(:last-of-type) {
    margin-right: 15px;
}

.filter .c-select {
    vertical-align: middle;
    background: none;
}

.filter select.filt.c-select , .filter select.c-filt.c-select{
    font-family: 'NeueHaasGrotesk', sans-serif;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 20px; 
    margin-bottom: 3px;
    text-transform: uppercase;
}

.filter select#year.c-filt.c-select  {
    max-width: 130px;
}

.filter select#category.c-filt.c-select  {
    max-width: 150px;
}


.filter select.c-select {
    border: none;
}
.filter .c-select .opt-parent {
    font-weight: 600;
}

.filter .c-select .select-styled {
    padding: 0 40px 0 0;
    max-width: 250px;
}

.filter .c-select .select-styled:after{
    top: 7px;
}

.filter .select-options {
    max-height: 500px;
    overflow: auto;
    min-width: 170px;
    max-width: 200px;
}

/* .filter .filt.c-select .select .filt.c-select {

} */

.filter .filt:hover, .filter .c-filt:hover {
    background-color: #ffffff;
    color: #1E659E;
    border: 1px solid #004594;
}

.filter .c-filt.c-select.active .select-styled {
    background-color: #004594;
    color: #ffffff;
}


.filter .filt.active, .filter .c-filt.active  {
    background-color: #004594;
    color: #ffffff;
    border: 1px solid #FFFFFF;
}

.filter-order {
    padding-bottom: 15px;
    border-bottom: 1px solid #D8D8D8;
}

/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .filter .filt {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 10px;
    }
}

section.cat-dossier .head-block {
    padding: 0 15px;
    max-width: initial;
}

section.cat-dossier .head-block .cat-head {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 16px 110px 30px 20px;
}

section.cat-dossier .head-block .cat-head h2 {
    font-size: 30px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 0 1.6666666%;
}

section.cat-dossier .head-block .cat-head .dossier-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90px;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ffffff;
}

section.cat-dossier .head-block .cat-head .dossier-btn span {
    font-size: 30px;
    line-height: 32px;
    font-weight: 300;
}

section.cat-dossier .head-block .cat-head .dossier-btn p {
    text-transform: uppercase;
    font-size: 9px;
    line-height: 10px;
    margin: 10px auto 0;
}

section.cat-dossier .head-block .cat-head.cat-page-head {
    padding: 16px 290px 30px 110px;
}

section.cat-dossier .head-block .cat-head .dossier-back {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #ffffff;
}

section.cat-dossier .head-block .cat-head .dossier-back-mobile {
    display: none;
}

section.cat-dossier .head-block .cat-head .dossier-prev {
    left: auto;
    right: 180px;
}

section.cat-dossier .head-block .cat-head .dossier-prev .cathead-icon {
    transform: rotate(90deg);
    padding: 7.5px;
}

section.cat-dossier .head-block .cat-head .dossier-number {
    left: auto;
    right: 90px;
}

section.cat-dossier .head-block .cat-head .dossier-next {
    left: auto;
    right: 0px;
}

section.cat-dossier .head-block .cat-head .dossier-next .cathead-icon {
    transform: rotate(-90deg);
    padding: 7.5px;
}

section.cat-dossier.also-block {
    margin-bottom: 0;
}

section.cat-dossier .head-block .cat-head a.dossier-btn:hover {
    border: 1px solid #4CAED0;
    background-color: #ffffff;
}

section.cat-dossier .head-block .cat-head a.dossier-btn:hover .cathead-icon {
    fill: #4CAED0;
}

section.cat-dossier .head-block .cat-head a.dossier-btn:hover p {
    color: #4CAED0;
}

@media (max-width: 1080px) {
    section.cat-dossier .container {
        padding: 0;
    }

    section.cat-dossier .container .head-block {
        margin: auto;
        padding: 0;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-back p,
    section.cat-dossier .container .head-block .cat-head .dossier-prev p,
    section.cat-dossier .container .head-block .cat-head .dossier-next p {
        display: none;
    }

    section.cat-dossier .container .head-block .breadcrumb {
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    section.cat-dossier .container {
        padding: 0 15px;
    }

    section.cat-dossier .container .head-block .cat-head {
        padding: 54px 50px 10px;
    }

    section.cat-dossier .container .head-block .cat-head h2 {
        font-size: 18px;
        line-height: 23px;
        text-align: center;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-qty,
    section.cat-dossier .container .head-block .cat-head .dossier-number {
        background-color: #ffffff;
        flex-direction: row;
        left: 0;
        width: 100%;
        bottom: auto;
        padding: 20px 0 10px;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-qty span,
    section.cat-dossier .container .head-block .cat-head .dossier-number span {
        color: #EDC5CA;
        font-size: 14px;
        line-height: 24px;
        display: inline-block;
        float: left;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-qty p,
    section.cat-dossier .container .head-block .cat-head .dossier-number p {
        color: #EDC5CA;
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 0 5px;
        float: left;
        display: inline-block;
        text-transform: none;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-number {
        justify-content: flex-end;
        width: 50%;
        right: 0;
        left: auto;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-back {
        display: none;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-back-mobile {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        background-color: #ffffff;
        padding: 20px 0 10px;
        text-decoration: underline;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-prev {
        right: auto;
        left: 0;
        top: 54px;
        width: 40px;
        border-left: none;
        border-right: 1px solid #ffffff;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-next {
        top: 54px;
        width: 40px;
    }

    section.cat-dossier .container .head-block .cat-head .dossier-prev .cathead-icon,
    section.cat-dossier .container .head-block .cat-head .dossier-next .cathead-icon {
        width: 40px;
        padding: 12px;
        height: 40px;
    }

    section.cat-dossier .container .head-block .mobile-share-block {
        justify-content: center;
    }

    section.cat-dossier.also-block .container {
        padding: 0;
    }
}

/* CONTACT PAGE */
.page-contact .container form {
    display: inline-block;
    max-width: 450px;
    width: 100%;
}

/* NEWSLETTER PAGE */
.page-newsletter .container {
    max-width: 760px;
}

.page-newsletter .container p.strong {
    margin-bottom: 0;
}

.page-newsletter .container form {
    display: inline-block;
    max-width: 450px;
    width: 100%;
}

.page-newsletter .container p.detail {
    font-size: 10px;
    line-height: 12px;
}

.page-newsletter .container a.more {
    position: relative;
    padding-left: 35px;
    text-decoration: underline;
    color: #004594;
    float: left;
}

.page-newsletter .container a.more .more-icon {
    fill: #004594;
}

.page-newsletter .container h2 {
    font-size: 30px;
    line-height: 34px;
    float: left;
    margin-bottom: 20px;
}

section.p-results {
    margin-bottom: 50px;
}

section.p-results .head-block {
    padding: 0 15px;
}

section.p-results .head-block h2 {
    font-size: 30px;
    line-height: 35px;
    width: 100%;
    margin-top: 0;
}

section.p-results .head-block .search-group {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 20px auto 15px;
    float: left;
}

section.p-results .head-block .search-group input[type="search"] {
    font-size: 22px;
    line-height: 30px;
    padding: 20px 85px;
    width: 100%;
    float: left;
    margin: auto;
}

section.p-results .head-block .search-group label {
    display: none;
}

section.p-results .head-block .search-group input[type="submit"] {
    position: absolute;
    top: 14px;
    right: 14px;
    bottom: auto;
    left: auto;
    margin-bottom: auto;
}

section.p-results .results-list {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 820px;
}

section.p-results .results-list li {
    /*display: none;
      opacity: 0;
      height: 0;*/
    align-items: center;
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 0;
   border-bottom: 1px solid #D8D8D8;
    -webkit-transition: height 2s ease 2s, opacity 2s ease 2s;
    transition: height 2s ease 2s, opacity 2s ease 2s;
}

section.p-results .results-list li.simple-result {
    padding: 30px 0;
}

section.p-results .results-list li .result-img {
    display: inline-block;
    float: left;
    width: 130px;
    margin-right: 20px;
    text-align: center;
}

section.p-results .results-list li .result-img .s-headline-mobile {
    display: none;
}

section.p-results .results-list li .s-content {
    display: inline-block;
    float: left;
    width: calc(100% - 150px);
}

section.p-results .results-list li .s-content .datetime,
section.p-results .results-list li .s-content .dw-doc {
    position: relative;
    left: auto;
    bottom: auto;
    float: left;
    margin-left: 15px;
    border-left: 1px solid #D8D8D8;
    padding-left: 15px;
    font-size: 12px;
    line-height: 16px;
}

section.p-results .results-list li .s-content .datetime a,
section.p-results .results-list li .s-content .dw-doc a {
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
}

section.p-results .results-list li .s-content a {
    width: 100%;
}

section.p-results .results-list li .s-content h2 {
    font-size: 20px;
    line-height: 26px;
}

section.p-results .results-list li.visible {
    display: flex;
    opacity: 1;
    height: auto;
    -webkit-transition: height 2s ease 2s, opacity 2s ease 2s;
    transition: height 2s ease 2s, opacity 2s ease 2s;
}

@media (max-width: 1075px) {
    section.p-results .container {
        padding: 0;
    }

    section.p-results .head-block {
        padding: 0;
    }
}

@media (max-width: 767px) {
    section.p-results .container {
        padding: 0 15px;
    }

    section.p-results .head-block h2 {
        font-size: 20px;
        line-height: 34px;
    }

    section.p-results .head-block .search-group input[type="search"] {
        padding: 13px 50px 13px 13px;
        font-size: 14px;
        line-height: 24px;
    }

    section.p-results .head-block .search-group label {
        display: inline-block;
        padding: 10px;
        position: absolute;
        top: 6px;
        right: 6px;
        bottom: auto;
        left: auto;
        width: auto;
        height: 40px;
    }

    section.p-results .head-block .search-group input[type="submit"] {
        visibility: hidden;
    }

    section.p-results .results-list li .s-content {
        width: 100%;
    }

    section.p-results .results-list li .s-content h2 {
        font-size: 20px;
        line-height: 24px;
    }

    section.p-results .results-list li .s-content .category {
        width: 100%;
    }

    section.p-results .results-list li .s-content .datetime {
        width: 100%;
        margin-left: auto;
        border-left: none;
        padding-left: 0;
        padding-top: 5px;
    }

    section.p-results .results-list li.img-result,
    section.p-results .results-list li.doc-result,
    section.p-results .results-list li.ag-result {
        flex-direction: column;
    }

    section.p-results .results-list li.img-result .s-content .s-headline,
    section.p-results .results-list li.doc-result .s-content .s-headline,
    section.p-results .results-list li.ag-result .s-content .s-headline {
        display: none;
    }

    section.p-results .results-list li.img-result .result-img,
    section.p-results .results-list li.doc-result .result-img,
    section.p-results .results-list li.ag-result .result-img {
        width: 100%;
        margin: 0 15px;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    section.p-results .results-list li.img-result .result-img img,
    section.p-results .results-list li.doc-result .result-img img,
    section.p-results .results-list li.ag-result .result-img img {
        width: 30%;
        float: left;
    }

    section.p-results .results-list li.img-result .result-img .event-date,
    section.p-results .results-list li.doc-result .result-img .event-date,
    section.p-results .results-list li.ag-result .result-img .event-date {
        margin: 0;
    }

    section.p-results .results-list li.img-result .result-img .s-headline-mobile,
    section.p-results .results-list li.doc-result .result-img .s-headline-mobile,
    section.p-results .results-list li.ag-result .result-img .s-headline-mobile {
        display: inline-block;
        position: relative;
        float: left;
        padding-left: 20px;
        width: auto;
    }

    section.p-results .results-list li.img-result .result-img .s-headline-mobile .datetime,
    section.p-results .results-list li.doc-result .result-img .s-headline-mobile .datetime,
    section.p-results .results-list li.ag-result .result-img .s-headline-mobile .datetime {
        position: relative;
        bottom: auto;
        left: auto;
        float: left;
        width: 100%;
        padding-top: 5px;
    }

    section.p-results .results-list li.img-result .result-img .s-headline-mobile .dw-doc,
    section.p-results .results-list li.doc-result .result-img .s-headline-mobile .dw-doc,
    section.p-results .results-list li.ag-result .result-img .s-headline-mobile .dw-doc {
        float: left;
    }
}

section.p-results .head-block .sort-select,
section.widget-page .head-block .sort-select {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
}

section.p-results .head-block .sort-select label,
section.widget-page .head-block .sort-select label {
    display: inline-block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin-right: 5px;
}

section.p-results .head-block .sort-select .select-styled,
section.widget-page .head-block .sort-select .select-styled {
    background-color: #F5F5F5;
    font-size: 12px;
    line-height: 15px;
    color: #9B9B9B;
    padding: 5px 30px 5px 5px;
    min-width: 70px;
}

section.p-results .head-block .sort-select .select-styled:before,
section.widget-page .head-block .sort-select .select-styled:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    right: 0;
}

section.p-results .head-block .sort-select .select-styled:after,
section.widget-page .head-block .sort-select .select-styled:after {
    border: 4px solid transparent;
    border-top: 7px solid #9B9B9B;
    position: absolute;
    top: 9px;
    right: 5px;
    -webkit-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
}

section.p-results .head-block .sort-select .select-styled.active:after,
section.widget-page .head-block .sort-select .select-styled.active:after {
    transform: rotate(180deg) translateY(5px);
}

section.p-results .head-block .sort-select .select-options li,
section.widget-page .head-block .sort-select .select-options li {
    font-size: 12px;
    line-height: 15px;
    color: #9B9B9B;
    display: block;
    width: 100%;
    min-width: 70px;
    margin: 0;
    padding: 5px;
    text-indent: 0;
    background-color: #ffffff;
    border-top: 1px solid #ECECEC;
}


section.p-results .head-block .sort-select .select-options li:hover,
section.widget-page .head-block .sort-select .select-options li:hover {
    background-color: #ECECEC;
}

@media (max-width: 767px) {

    section.p-results .head-block .sort-select,
    section.widget-page .head-block .sort-select {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }

    section.p-results .head-block .sort-select label,
    section.widget-page .head-block .sort-select label {
        width: auto;
        font-size: 16px;
        line-height: 20px;
    }

    section.p-results .head-block .sort-select .select-styled,
    section.widget-page .head-block .sort-select .select-styled {
        font-size: 16px;
        line-height: 20px;
    }
}

section.p-results .head-block .sort-select {
    right: 5px;
}

/* WIDGET PAGE */
section.widget-head {
    display: inline-block;
    float: left;
    width: 100%;
}

section.widget-head .container {
    max-width: none;
    padding: 0 30px;
}

section.widget-head .container .breadcrumb {
    margin: 40px auto 15px;
}

section.widget-head .container .breadcrumb.white a,
section.widget-head .container .breadcrumb.white span {
    color: #ffffff;
}

@media (max-width: 1075px) {
    section.widget-head {
        margin-top: 60px;
        background-color: #ffffff;
    }

    section.widget-head .container {
        padding: 0 15px;
    }

    section.widget-head .container .breadcrumb {
        color: #9B9B9B;
        margin-top: 30px;
    }

    section.widget-head .container .breadcrumb a {
        color: #9B9B9B;
    }

    section.widget-head .container .breadcrumb.white a,
    section.widget-head .container .breadcrumb.white span {
        color: #9B9B9B;
    }
}

@media (max-width: 767px) {
    section.widget-head {
        display: none;
    }
}

section.widget-page {
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    padding-right: 60px;
    padding-bottom: 30px;
    /*@media (max-width: $bp-xs) {
    .w-content-block {
      .meteo-stat {
        .m-grey-part {
          .m-map-slider {
            .map-slide {
              .map {
                svg {
                  width: 280px !important;
                  height: 280px;
                }
              }
            }
          }
        }
      }
    }
  }*/
}

section.widget-page .container {
    margin-bottom: 20px;
}

section.widget-page:after {
    content: "";
    background-color: #005394;
    height: 100%;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
}

section.widget-page .head-block {
    padding: 0 25px;
    position: relative;
}

section.widget-page .head-block hr {
    margin: auto;
    width: 100%;
    border-top: 1px solid #D8D8D8;
}

section.widget-page .head-block .sec-title {
    font-size: 24px;
    padding: 30px 0 15px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #E3E3E3;
}

section.widget-page .head-block .back-btn {
    display: inline-block;
    text-decoration: underline;
    position: relative;
    float: left;
    right: auto;
    padding-left: 15px;
}

section.widget-page .head-block .back-btn:before {
    content: "<";
    display: block;
    position: absolute;
    left: 0;
    top: auto;
    bottom: auto;
}

section.widget-page .head-block>a {
    position: absolute;
    left: auto;
    right: 25px;
    top: 16px;
    bottom: auto;
}

section.widget-page .head-block>a:hover {
    text-decoration: underline;
    color: #004594;
}

section.widget-page .head-block .sort-select {
    bottom: 15px;
    right: 25px;
    display: inline-block;
}

section.widget-page .head-block .sort-select label {
    width: auto;
    padding: 5px 5px 5px 0;
}

section.widget-page .head-block .sort-select .select-options li {
    min-width: inherit;
}

section.widget-page .head-block .month-select {
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 15px;
    left: auto;
    right: 25px;
    height: auto;
    width: 20%;
}

section.widget-page .head-block .month-select .slick-initialized .slick-slide {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

section.widget-page .head-block .slick-arrow,
section.widget-page .head-block .slick-arrow:hover,
section.widget-page .head-block .slick-arrow:active,
section.widget-page .head-block .slick-arrow:visited {
    background-color: transparent;
    position: absolute;
    bottom: 5px;
    transform: none;
    top: auto;
    /*transform: translateY(-50%);*/
    width: 0;
    height: 0;
}

section.widget-page .head-block .slick-arrow.slick-prev,
section.widget-page .head-block .slick-arrow:hover.slick-prev,
section.widget-page .head-block .slick-arrow:active.slick-prev,
section.widget-page .head-block .slick-arrow:visited.slick-prev {
    right: auto;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #9B9B9B;
}

section.widget-page .head-block .slick-arrow.slick-next,
section.widget-page .head-block .slick-arrow:hover.slick-next,
section.widget-page .head-block .slick-arrow:active.slick-next,
section.widget-page .head-block .slick-arrow:visited.slick-next {
    right: 0;
    left: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9B9B9B;
}

section.widget-page .w-content-block {
    /*display: inline-block;*/
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    /*.d-category {
      position: relative;
      font-size: 16px;
      line-height: 20px;
      z-index: 3;
    }*/
}

section.widget-page .w-content-block .mobile-doc-list,
section.widget-page .w-content-block .sort-select.mob-visible {
    display: none;
}

section.widget-page .w-content-block .doc-cat {
    margin: 50px auto 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

section.widget-page .w-content-block .doc-cat li {
    display: inline-block;
    padding: 0 25px;
}

section.widget-page .w-content-block .doc-cat li:not(:last-of-type) {
    border-right: 1px solid #D8D8D8;
}

section.widget-page .w-content-block .doc-cat li a {
    font-size: 16px;
    line-height: 18px;
}

section.widget-page .w-content-block .doc-cat li a:hover {
    color: #004594 !important;
}

section.widget-page .w-content-block .doc-cat li a.active {
    color: #004594 !important;
}

section.widget-page .w-content-block .detail {
    font-size: 12px;
    line-height: 15px;
}

section.widget-page .w-content-block p.intro {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}

section.widget-page .w-content-block a.dwl {
    display: inline-block;
    position: absolute;
    top: auto;
    bottom: 15px;
    left: auto;
    right: 20px;
}

section.widget-page .w-content-block a.dwl:hover .dwl-icon {
    fill: #004594;
}

section.widget-page .w-content-block .doc-list-block {
    /*display: inline-block;*/
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: auto;
}

section.widget-page .w-content-block .doc-list-block .doc-content {
    display: inline-block;
    position: relative;
    padding: 25px;
}

section.widget-page .w-content-block .doc-list-block .doc-content>div {
    position: relative;
    padding: 60px 20px;
    text-align: left;
    border: 1px solid #D8D8D8;
    height: 100%;
}

section.widget-page .w-content-block .doc-list-block .doc-content>div:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: auto;
    right: auto;
    border-color: #ffffff #ffffff #D8D8D8 #ffffff;
    border-style: solid;
    border-width: 0px 0px 32px 32px;
    height: 0px;
    width: 0px;
    display: block;
    z-index: 1;
}

section.widget-page .w-content-block .doc-list-block .doc-content>div:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    bottom: auto;
    right: auto;
    background-color: #ffffff;
    height: 45px;
    width: 45px;
    transform: rotate(45deg);
    display: block;
    z-index: 2;
}

section.widget-page .w-content-block .doc-list-block .doc-content>div .sec-title {
    position: relative;
    z-index: 4;
    display: block;
    width: 100%;
    color: #147CE3;
    margin-bottom: 10px;
}

section.widget-page .w-content-block .event-list-block {
    /*display: inline-block;*/
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: auto;
}

section.widget-page .w-content-block .event-list-block .event-content {
    padding: 25px;
}

section.widget-page .w-content-block .event-list-block .event-content>a {
    padding: 30px;
    text-align: left;
    border: 1px solid #D8D8D8;
    /*display: inline-block;*/
    display: block;
    position: relative;
    height: 100%;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-header {
    display: flex;
    align-items: flex-start;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-date {
    border: 4px solid #004594;
    /*height: 90px;
    width: 90px;*/
    height: 105px;
    max-width: 95px;
    margin: 0;
    padding: 0;
    /*float: left;*/
    flex: 0 0 95px;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-date span {
    font-size: 24px;
    line-height: 28px;
}

@media (max-width: 767px) {
    section.widget-page .w-content-block .event-list-block .event-content>a .event-date span {
        font-size: 20px;
        line-height: 26px;
    }
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-date p {
    margin: 0;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-date p.month-start {
    margin-bottom: 5px;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-date p.oneday-month {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: 5px;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 1;
}

section.widget-page .w-content-block .event-list-block .event-content>a .img-block {
    display: inline-block;
    /*float: right;*/
    max-width: 80px;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title p {
    line-height: 20px;
    margin-bottom: 10px;
    width: 100%;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title p.intro {
    margin: 30px auto 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title p.detail {
    text-align: right;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title>p:last-of-type {
    margin-bottom: 10px;
    text-decoration: underline;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title .d-text {
    display: inline-block;
    width: 100%;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title .d-text a {
    float: left;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title .d-text a.white:hover {
    color: #ffffff;
}

section.widget-page .w-content-block .event-list-block .event-content>a .event-title .d-text a.black:hover {
    color: #4A4A4A;
}

section.widget-page .w-content-block .event-list-block .event-content.colored.blue-event>a {
    background-color: #004594;
}

section.widget-page .w-content-block .event-list-block .event-content.colored.green-event>a {
    background-color: #147CE3;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a .event-date {
    border: 4px solid #ffffff;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a .cm-text {
    font-size: 10px;
    line-height: 14px;
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;
    position: absolute;
    top: 80px;
    left: auto;
    bottom: auto;
    right: 30px;*/
    text-align: right;
    margin: 10px 0;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a .cm-text span {
    text-transform: uppercase;
    letter-spacing: 2px;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a span,
section.widget-page .w-content-block .event-list-block .event-content.colored>a p,
section.widget-page .w-content-block .event-list-block .event-content.colored>a a {
    color: #ffffff;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a .event-title>a:last-of-type:hover {
    color: #ffffff;
}

section.widget-page .w-content-block .event-list-block .main-event-content {
    padding: 50px 25px 25px;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a {
    padding: 30px;
    width: 100%;
    display: inline-block;
    position: relative;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date {
    border: 10px solid #ffffff;
    height: 250px;
    width: 230px;
    max-width: 230px;
    float: left;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date span {
    width: 230px;
    text-align: center;
    font-size: 60px;
    line-height: 50px;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date p {
    font-size: 24px;
    line-height: 34px;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-title {
    margin-left: 10%;
    width: calc(90% - 230px);
    float: left;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-title .img-block {
    display: inline-block;
    float: left;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a .event-title a.intro {
    font-size: 24px;
    line-height: 28px;
    margin: 20px auto 10px;
}

section.widget-page .w-content-block .event-list-block p.detail {
    position: absolute;
    top: 30px;
    bottom: auto;
    left: auto;
    right: 30px;
    font-size: 16px;
    line-height: 20px;
}

section.widget-page .w-content-block .event-list-block .event-content>a:hover .event-date {
    border: 4px solid #D2555C;
}

section.widget-page .w-content-block .event-list-block .event-content>a:hover span,
section.widget-page .w-content-block .event-list-block .event-content>a:hover p {
    color: #D2555C;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a:hover,
section.widget-page .w-content-block .event-list-block .main-event-content>a:hover {
    background-color: #D2555C;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a:hover .event-date {
    border: 4px solid #ffffff;
    background-color: #D2555C;
}

section.widget-page .w-content-block .event-list-block .main-event-content>a:hover .event-date {
    border: 10px solid #ffffff;
    background-color: #D2555C;
}

section.widget-page .w-content-block .event-list-block .event-content.colored>a:hover span,
section.widget-page .w-content-block .event-list-block .main-event-content>a:hover span,
section.widget-page .w-content-block .event-list-block .event-content.colored>a:hover p,
section.widget-page .w-content-block .event-list-block .main-event-content>a:hover p {
    color: #ffffff;
}

section.widget-page .w-content-block .event-content.open-event {
    padding: 50px 100px 90px;
}

section.widget-page .w-content-block .event-content.open-event>div {
    /*padding: 30px;
    text-align: left;
    border: 1px solid #D8D8D8;
    display: inline-block;
    position: relative;
    width: 100%;*/
    display: flex;
    width: 100%;
    /* padding: 30px; */
    text-align: left;
    border: 1px solid #D8D8D8;
}

section.widget-page .w-content-block .event-content.open-event .date-part {
    /*display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    padding: 30px;*/
    flex: 0 0 260px;
    max-width: 260px;
    padding: 30px 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.widget-page .w-content-block .event-content.open-event .date-part .event-date {
    height: auto;
    width: 200px;
    min-height: 200px;
    position: relative;
    /*margin-top: 50%;
          transform: translateY(-50%);*/
}

section.widget-page .w-content-block .event-content.open-event .date-part .event-date span {
    font-size: 60px;
    line-height: 65px;
}

section.widget-page .w-content-block .event-content.open-event .date-part .event-date p {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
}

section.widget-page .w-content-block .event-content.open-event .date-part .event-date p.detail {
    font-size: 16px;
    line-height: 30px;
}

section.widget-page .w-content-block .event-content.open-event .date-part.white {
    background-color: #ffffff;
}

section.widget-page .w-content-block .event-content.open-event .date-part.white .event-date {
    border: 12px solid #004594;
}

section.widget-page .w-content-block .event-content.open-event .date-part.white span,
section.widget-page .w-content-block .event-content.open-event .date-part.white p {
    color: #004594;
}

section.widget-page .w-content-block .event-content.open-event .date-part.green {
    background-color: #147CE3;
}

section.widget-page .w-content-block .event-content.open-event .date-part.green .event-date {
    border: 12px solid #ffffff;
}

section.widget-page .w-content-block .event-content.open-event .date-part.green span,
section.widget-page .w-content-block .event-content.open-event .date-part.green p {
    color: #ffffff;
}

section.widget-page .w-content-block .event-content.open-event .date-part.blue {
    background-color: #004594;
}

section.widget-page .w-content-block .event-content.open-event .date-part.blue .event-date {
    border: 12px solid #ffffff;
}

section.widget-page .w-content-block .event-content.open-event .date-part.blue span,
section.widget-page .w-content-block .event-content.open-event .date-part.blue p {
    color: #ffffff;
}

section.widget-page .w-content-block .event-content.open-event .event-title {
    display: flex;
    /*float: left;*/
    flex-direction: column;
    width: 100%;
    padding: 30px 30px 30px 40px;
    min-height: 216px;
}

section.widget-page .w-content-block .event-content.open-event .event-title .category {
    margin-bottom: 10px;
}

section.widget-page .w-content-block .event-content.open-event .event-title .img-block {
    width: 120px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.widget-page .w-content-block .img-block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.widget-page .w-content-block .event-content.open-event .event-title .d-text p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

section.widget-page .w-content-block .event-content.open-event .event-title .d-text p.intro {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 30px;
}

section.widget-page .w-content-block .event-content.open-event .event-title .img-block+.d-text p.intro {
    margin-top: 10px;
}

section.widget-page .w-content-block .event-content.open-event>p {
    padding: 10px 10px 5px;
    margin-bottom: 0;
    width: 100%;
}

section.widget-page .w-content-block .event-content.open-event > p:first-of-type {
    padding: 30px 10px 5px;
}

section.widget-page .w-content-block .event-content.open-event>ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 10px 0 10px 20px;
}

section.widget-page .w-content-block .event-content.open-event>ul li {
    display: list-item;
}

section.widget-page .w-content-block .event-content.open-event>p a {
    padding-left: 0;
    color: #147CE3;
    vertical-align: bottom;
}

section.widget-page .w-content-block .event-content.open-event>p a:hover {
    text-decoration: underline;
    color: #147CE3;
}

section.widget-page .w-content-block .event-content.open-event a {
    /*float: left;*/
    padding-left: 10px;
}

@media (max-width: 767px) {
    section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date {
        float: none;
        margin: auto;
        height: 200px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date span {
        font-size: 36px;
        line-height: 1;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>a .event-date p {
        font-size: 20px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>a .event-title {
        width: 100%;
        margin-left: auto;
        margin-top: 30px;
    }
}

section.widget-page .w-content-block .meteo-stat {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
    padding: 50px 25px;
}

section.widget-page .w-content-block .meteo-stat .m-green-part {
    display: flex;
    width: 30%;
    float: left;
    flex-direction: column;
    align-items: center;
    padding: 15px 23px;
    justify-content: center;
    /*overflow: hidden;*/
}

section.widget-page .w-content-block .meteo-stat .m-green-part.local-green-part {
    justify-content: center;
}

section.widget-page .w-content-block .meteo-stat .m-green-part>p {
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    max-width: 100%;
}

section.widget-page .w-content-block .meteo-stat .m-green-part>a {
    border: 1px solid #ffffff;
    padding: 5px 25px;
    margin: 30px auto 20px;
}

section.widget-page .w-content-block .meteo-stat .m-green-part>a:hover {
    color: #147CE3;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace {
    display: inline-block;
    width: 100%;
    position: relative;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace ::-webkit-input-placeholder {
    color: #ffffff;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace :-moz-placeholder {
    color: #ffffff;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace ::-moz-placeholder {
    color: #ffffff;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace :-ms-input-placeholder {
    color: #ffffff;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace p {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace input[type="text"] {
    background-color: transparent;
    color: #ffffff;
    line-height: 26px;
    padding: 10px 3em 10px 1em;
    border: none;
    border-bottom: 1px solid #ffffff;
    width: 100%;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace label {
    /*display: inline-block;*/
    display: none;
    position: absolute;
    padding: 10px 1em 10px 0;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
}

section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace label .blue-icon {
    fill: #ffffff;
    margin-right: 0;
}


section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace input[type="submit"] {
    position: absolute;
    right: -999999px;
    width: 1px;
    height: 1px;
    z-index: -1;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 35px auto;
    z-index: 4;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info>span {
    font-size: 20px;
    line-height: 22px;
    font-weight: 200;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .time-block {
    display: block;
    position: relative;
    margin: 10px 0;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .time-block p {
    display: inline-block;
    margin: auto;
    position: relative;
    text-align: center;
    background-color: #004594;
    padding: 0 10px;
    z-index: 3;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .time-block:before {
    content: "";
    position: absolute;
    height: 0;
    width: 100%;
    top: 50%;
    bottom: auto;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ffffff;
    z-index: 1;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-weather-block {
    display: inline-block;
    position: relative;
    max-width: 102px;
    margin-bottom: 1em;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-weather-block img {
    width: 90px;
    height: 90px;
}

section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-temp-block {
    width: 100%;
}

@media (max-width: 767px) {
    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-weather-block,
    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-temp-block,
    section.widget-page .w-content-block .meteo-stat .m-green-part .slick-slider {
        display: none !important;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part {
        padding-bottom: 0;
    }
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider h3,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider h3,
.widgets-floating-wrapper .local-info .meteo-cat-slider h3 {
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    text-align: center;
    margin: auto;
    font-family: 'NeueHaasGrotesk', sans-serif;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .slick-track {
    width: 100% !important;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider,
#widget-bar .green-section .widget-part .open-meteo .w-meteo-left-slider,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-left-slider {
    display: inline-block;
    height: auto;
    width: 100%;
    position: relative;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .slick-slide,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .slick-slide,
.widgets-floating-wrapper .local-info .meteo-cat-slider .slick-slide {
    padding: 5px;
    background-color: #003D84;
    text-align: center;
    width: 38% !important;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .cat-title,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .cat-title,
.widgets-floating-wrapper .local-info .meteo-cat-slider .cat-title {
    cursor: pointer;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .cat-title:hover,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .cat-title:hover,
.widgets-floating-wrapper .local-info .meteo-cat-slider .cat-title:hover {
    background-color: #1467BC;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .slick-slide:not(:last-child),
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .slick-slide:not(:last-child),
.widgets-floating-wrapper .local-info .meteo-cat-slider .slick-slide:not(:last-child) {
    border-right: 1px solid #1467BC;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .slick-slide:last-child,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .slick-slide:last-child,
.widgets-floating-wrapper .local-info .meteo-cat-slider .slick-slide:last-child {
    width: 24% !important;
}

#widget-bar .green-section .widget-part .open-meteo .w-meteo-cat-slider .slick-slide.slick-current,
section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .slick-slide.slick-current,
.widgets-floating-wrapper .local-info .meteo-cat-slider .slick-slide.slick-current {
    background-color: #1467BC;
}

/*section.widget-page .w-content-block .meteo-stat .m-green-part .slick-arrow {
          background-color: transparent;
          position: absolute;
          bottom: auto;
          transform: none;
          top: 10px;
          transform: translateY(-50%);
          width: 0;
          height: 0; }
        section.widget-page .w-content-block .meteo-stat .m-green-part .slick-prev {
          right: auto;
          left: 15px;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-right: 5px solid #ffffff; }
        section.widget-page .w-content-block .meteo-stat .m-green-part .slick-next {
          right: 15px;
          left: auto;
          border-top: 5px solid transparent;
          border-bottom: 5px solid transparent;
          border-left: 5px solid #ffffff; }*/
section.widget-page .w-content-block .meteo-stat .m-grey-part {
    display: inline-block;
    position: relative;
    width: 70%;
    float: left;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 15px 20px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-arrow {
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    transform: none;
    background-color: transparent;
    width: auto;
    height: auto;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-arrow.slick-disabled {
    visibility: hidden;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-arrow p {
    color: #1E659E;
    position: relative;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-arrow:hover p {
    text-decoration: underline;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-prev {
    float: left;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-prev p {
    padding-left: 15px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-prev p:before {
    content: "";
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 7px;
    top: 7px;
    width: 0;
    height: 0;
    right: auto;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #1E659E;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-next {
    float: right;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-next p {
    padding-right: 15px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-next p:before {
    content: "";
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 7px;
    top: 7px;
    width: 0;
    height: 0;
    right: 0;
    left: auto;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #1E659E;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    position: relative;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day:hover,
section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day:focus,
section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day:active {
    outline: none !important;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #9B9B9B;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day p {
    margin-bottom: 0;
    line-height: 16px;
    color: #9B9B9B;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day.slick-current span,
section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider .day.slick-current p {
    color: #4A4A4A;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider:not(.local-m-days):not(.local-m-days-h) .day.slick-active:not(:last-of-type) {
    border-right: 1px solid #D5D5D5;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map {
    text-align: center;
    padding: 20px 0 50px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map img {
    display: inline-block;
    width: 100%;
    padding: 50px 80px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map .map {
    padding: 20px 0 100px;
    overflow: visible;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map .infobox,
section.widget-page .w-content-block .flux-part .current-map .infobox {
    width: auto;
    min-width: 200px;
    height: auto;
    padding: 15px 50px 15px 15px;
    position: absolute;
    z-index: 10;
    top: -9999px;
    left: -9999px;
    background-color: #ffffff;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map .infobox p,
section.widget-page .w-content-block .flux-part .current-map .infobox p {
    display: block;
    line-height: 20px;
    white-space: nowrap;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map .infobox p.strong,
section.widget-page .w-content-block .flux-part .current-map .infobox p.strong {
    margin-bottom: 5px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map a {
    display: inline-block;
    margin: auto;
    float: none;
    padding-left: 15px;
    position: relative;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .current-map a:before {
    content: "";
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 2px;
    top: 2px;
    width: 0;
    height: 0;
    right: auto;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #1E659E;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h {
    width: 100%;
    margin: 0;
    padding-left: 23%;
    float: right;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day {
    border: none;
    padding: 0;
    padding-top: 15px;
}

@media(max-width: 767px) {
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day {
        padding-top: 0 !important;
    }
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day span,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day p,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day span,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day p {
    color: #4A4A4A;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day.slick-current,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day.slick-current {
    background-color: #ECECEC;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day.slick-current:before,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day.slick-current:before {
    content: "";
    display: block;
    background-color: #ECECEC;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    right: auto;
    bottom: auto;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

@media(max-width: 767px) {
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table {
        padding: 9px 0;
    }
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table.weather,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table.weather {
    padding-bottom: 5px;
}

@media(max-width: 767px) {
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table.weather,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table.weather {
        padding-bottom: 9px;
        padding-top: 0;
    }
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table:not(:last-of-type),
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table:not(:last-of-type) {
    border-bottom: 1px solid #D5D5D5;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table p,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table p {
    line-height: 19px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table a,
section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table a {
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 10px;
}

@media(max-width: 767px) {
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day .prev-table .dash,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table .dash {
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        text-align: center;
        margin: 0 10px;
    }
}


section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 23%;
    left: 0;
    bottom: 50px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head li {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0 10px 0 15px;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head li p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .local-m-days-h+a.category {
    display: inline-block;
    padding: 18px 0 18px 15px;
    margin: auto;
    margin-left: 15px;
    position: relative;
}

section.widget-page .w-content-block .meteo-stat .m-grey-part .local-m-days-h+a.category:before {
    content: "";
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 20px;
    top: 20px;
    width: 0;
    height: 0;
    right: auto;
    left: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #1E659E;
}

section.widget-page .w-content-block .flux-part {
    display: inline-block;
    padding: 10px 25px 35px;
    width: 100%;
}

section.widget-page .w-content-block .flux-part input {
    display: none;
}

section.widget-page .w-content-block .flux-part label {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    line-height: 18px;
    padding: 0;
}

section.widget-page .w-content-block .flux-part label:before,
section.widget-page .w-content-block .flux-part label:after {
    display: none;
}

section.widget-page .w-content-block .flux-part label:not(:last-of-type) {
    border-right: 1px solid #D5D5D5;
}

section.widget-page .w-content-block .flux-part label:hover {
    color: #004594;
    cursor: pointer;
}

section.widget-page .w-content-block .flux-part input:checked+label {
    color: #004594;
}

section.widget-page .w-content-block .flux-part #tab0:checked~#content0,
section.widget-page .w-content-block .flux-part #tab1:checked~#content1,
section.widget-page .w-content-block .flux-part #tab2:checked~#content2,
section.widget-page .w-content-block .flux-part #tab3:checked~#content3,
section.widget-page .w-content-block .flux-part #tab4:checked~#content4 {
    display: inline-block;
    width: 100%;
    padding: 50px;
}

section.widget-page .w-content-block .flux-part .show-flux {
    display: none;
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #D5D5D5;
    max-height: 770px;
    position: relative;
}

section.widget-page .w-content-block .flux-part #tab4:checked~#content4 {
    padding: 0;
    max-height: none;
    border: none;
}

section.widget-page .w-content-block .flux-part.local-flux-part label {
    width: 20%;
}

section.widget-page .w-content-block .flux-part.local-flux-part .show-flux .fr-map {
   display: inline-block;
    position: relative;
    padding: 35px 0;
}

section.widget-page .w-content-block .prev-intro {
    display: inline-block;
    padding: 20px 25px 0;
}

section.widget-page .w-content-block .prev-intro p {
    display: block;
}

section.widget-page .w-content-block .prev-block {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 15px;
    min-width: 100%;
}

section.widget-page .w-content-block .error-favorite {
    text-align: center;
    color: #DC3B41;
    width: 100%;
    margin: 25px 0 0;
}

section.widget-page .w-content-block .error-favorite + .price-last {
    margin-top: 0;
}

section.widget-page .w-content-block .prev-block>div {
    padding: 25px;
    position: relative;
}

section.widget-page .w-content-block .prev-block>div .region-link,
section.widget-page .w-content-block .prev-block>div .cost-link {
    border: 1px solid #D5D5D5;
    padding: 35px 25px 60px;
    height: 100%;
}

section.widget-page .w-content-block .prev-block>div .region-link li,
section.widget-page .w-content-block .prev-block>div .cost-link li {
    width: 100%;
    line-height: 1;
}

section.widget-page .w-content-block .prev-block>div .region-link h3,
section.widget-page .w-content-block .prev-block>div .cost-link .sec-title {
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    text-transform: none;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

section.widget-page .w-content-block .prev-block>div .region-link a,
section.widget-page .w-content-block .prev-block>div .cost-link a {
    text-align: left;
    display: block;
    line-height: 18px;
    padding-bottom: 10px;
}

section.widget-page .w-content-block .prev-block>div .cost-link ul>li>a.softblue {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    line-height: 18px;
    padding-bottom: 10px;
    font-size: 16px;
}

section.widget-page .w-content-block .prev-block>div .region-link a:hover,
section.widget-page .w-content-block .prev-block>div .cost-link a:hover {
    color: #D2555C;
    text-decoration: underline;
}

section.widget-page .w-content-block .prev-block>div .region-link .main-cost-cat,
section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat {
    position: relative;
    padding-left: 20px;
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    width: 100%;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 18px;
    padding-bottom: 10px;
}

section.widget-page .w-content-block .prev-block>div .region-link .main-cost-cat:before {
    content: "+";
    display: block;
    font-size: 25px;
    line-height: 30px;
    color: #147CE3;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
}

section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat {
    padding-left: 0;
    font-size: 16px;
    color: #147CE3;
    text-decoration: underline;
}

section.widget-page .w-content-block .prev-block>div .region-link .main-cost-cat.open:before {
    content: "-";
}

section.widget-page .w-content-block .prev-block>div .region-link .cost-cat,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat {
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 18px;
    padding-bottom: 10px;
}

section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat {
    /*text-transform: uppercase;*/
    font-size: 16px;
    color: #147CE3;
    text-decoration: underline;
}

section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat.open,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat.open {
    /*font-weight: bold;*/
    color: #4a4a4a;
    text-decoration: none;
}

section.widget-page .w-content-block .prev-block>div .region-link .cost-cat .menu-icon,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat .menu-icon,
section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat .menu-icon {
    float: left;
    margin-right: 8px;
    margin-top: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.widget-page .w-content-block .prev-block>div .region-link .cost-cat.open .menu-icon,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat.open .menu-icon,
section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat.open .menu-icon {
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.widget-page .w-content-block .prev-block>div .region-link .main-cost-cat+ul,
section.widget-page .w-content-block .prev-block>div .region-link .cost-cat+ul,
section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat+ul,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat+ul {
    display: none;
    height: 0;
    width: 100%;
    padding: 0 0 5px 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.widget-page .w-content-block .prev-block>div .region-link .main-cost-cat+ul.is-open,
section.widget-page .w-content-block .prev-block>div .region-link .cost-cat+ul.is-open,
section.widget-page .w-content-block .prev-block>div .cost-link .main-cost-cat+ul.is-open,
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat+ul.is-open {
    display: inline-block;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*section.widget-page .w-content-block .prev-block > div .cost-link .main-cost-cat + ul.ss_cat {
              padding-left: 0.3em;
            }*/
section.widget-page .w-content-block .prev-block>div .cost-link .cost-cat+ul.ss_cat {
    padding-left: 0.6em;
}

section.widget-page .w-content-block .prev-block.local-prev-block {
    padding-top: 35px;
    padding-bottom: 35px;
    width: 100%;
}

section.widget-page .w-content-block .prev-block.local-prev-block>div {
    text-align: left;
    padding: 5px 25px;
}

section.widget-page .w-content-block .prev-block.local-prev-block>div a {
    text-decoration: underline;
}

section.widget-page .w-content-block.price-detail {
    padding: 50px 25px;
}

section.widget-page .w-content-block.price-detail .p-detail-head,
section.widget-page .w-content-block.price-detail .p-detail-table {
    width: 100%;
}

section.widget-page .w-content-block.price-detail .p-detail-head .sec-title {
    font-size: 20px;
    line-height: 22px;
    font-weight: 200;
    padding: 15px;
}

section.widget-page .w-content-block.price-detail .p-detail-head h3 {
    font-family: 'NeueHaasGrotesk', sans-serif;
    font-size: 20px;
    line-height: 22px;
    width: 100%;
    text-align: left;
    padding: 15px;
    margin: auto;
}

section.widget-page .w-content-block.price-detail .p-detail-table {
    padding: 0 20px;
}

section.widget-page .w-content-block.price-detail .p-detail-table.open-graph {
    padding-bottom: 20px;
}

section.widget-page .w-content-block.price-detail .p-detail-table:not(:last-of-type) {
    margin-bottom: 45px;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row {
    /*display: flex;
    align-items: stretch;
    flex-wrap: wrap;*/
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:not(:last-of-type) {
    border-bottom: 1px solid #D5D5D5;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:last-of-type {
    padding-bottom: 10px;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row {
    display: flex;
    align-items: stretch;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row >div {
    /*float: left;*/
    display: flex;
    align-items: center;
    padding: 10px 0;
    /*width: 19%;*/
    /*width: 17%;*/
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div:not(:first-of-type) {
    justify-content: center;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div:first-of-type {
    /*width: 29%;*/
    padding-left: 10px;
    flex-grow: 1;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div.switch-col {
   /* width: 11%;*/
    width: 65px;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col a {
    margin: 0 5px;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .show-graph,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .hide-graph,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .add-favorite,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .rm-favorite {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 8px;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-ro .info-row .right-side div.switch-col .show-graph,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .add-favorite {
    display: inline-block;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .hide-graph,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col .rm-favorite {
    display: none;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col.is-favorite .add-favorite {
    display: none;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col.is-favorite .rm-favorite {
    display: inline-block;
    background-color: #fff;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row .right-side div.switch-col.is-favorite .rm-favorite .price-icon {
    fill: #147CE3;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div.graph {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    height: 0;
    visibility: hidden;
    /*
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              transition: all 0.3s ease;*/
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div.graph>div {
    display: none;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div p {
    margin-bottom: 0;
    line-height: 22px;
    text-align: center;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div p span.detail {
    font-size: 11px;
    line-height: 11px;
    color: #9B9B9B;
    display: block;
    text-align: center;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div.trend p {
    min-width: 40px;
    text-align: center;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .arrow-right {
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 15px solid #F5A623;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .arrow-up {
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 15px solid #42B162;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .arrow-down {
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 15px solid #D0021B;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row .info-row>div {
    padding: 10px 0 3px;
}

/*section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row .info-row>div:first-of-type {
    padding-left: 10px;
}*/

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row .info-row>div p {
    font-weight: bold;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open {
    background-color: #ffffff;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row>.switch-col {
    width: 10%;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row>.switch-col .show-graph,
section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row>.switch-col .hide-graph {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 8px;
}*/

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row .right-side .switch-col .show-graph {
    display: none;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row .right-side .switch-col .hide-graph {
    display: inline-block;
}

section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open .info-row>.graph {
    padding: 10px;
    height: auto;
    visibility: visible;
    /*
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              transition: all 0.3s ease;*/
}

.graph-tooltip {
    padding: 10px;
}

.highcharts-tooltip-box {
    stroke-width: 0;
}

section.widget-page .w-content-block.price-detail .flux-part {
    position: relative;
    padding: 0 20px;
    margin-bottom: 45px;
}

section.widget-page .w-content-block.price-detail .flux-part:last-of-type {
    margin-bottom: 0px;
}

section.widget-page .w-content-block.price-detail .flux-part .flux-slider .slick-slide {
    margin-bottom: 20px;
}

section.widget-page .w-content-block.price-detail .flux-part .flux-slider .slick-slide:not(:last-of-type) {
    border-right: 1px solid #D5D5D5;
}

section.widget-page .w-content-block.price-detail .flux-part .flux-slider .slick-slide:hover,
section.widget-page .w-content-block.price-detail .flux-part .flux-slider .slick-slide.slick-current a {
    color: #337145;
}

section.widget-page .w-content-block.price-detail .flux-part .flux__slider-nav .slick-arrow {
    background-color: transparent;
    height: 30px;
    width: 30px;
    top: 260px;
}

section.widget-page .w-content-block.price-detail .flux-part .flux__slider-nav .slick-prev {
    left: 0;
    transform: rotate(90deg);
}

section.widget-page .w-content-block.price-detail .flux-part .flux__slider-nav .slick-next {
    right: 0;
    transform: rotate(-90deg);
}

section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider {
    border-top: none;
}

section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider .slick-slide {
    padding: 50px 100px;
    width: 100%;
}

section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider h5 {
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #9B9B9B;
    font-weight: 200;
    margin: 30px auto;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table {
    display: inline-block;
    width: 100%;
    float: left;
    background-color: #F5F5F5;
    padding: 0 30px;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table .traitement-table-title {
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #0059B3;
    padding: 10px 0;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table .traitement-table-title img {
    width: 32px;
    height: auto;
    float: left;
    margin-right: 10px;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table {
    font-family: 'NeueHaasGrotesk', sans-serif;
    letter-spacing: 0.5px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table .table-th {
    width: 20%;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table:not(.table-th) {
    width: 16%;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table.table-th+table {
    background-color: #ECECEC;
}

/*section.widget-page .w-content-block .flux-part .show-flux .traitement-table table.current-day {
      background-color: #ECECEC;
    }*/
section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr th,
section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td {
    height: 50px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr th {
    width: 20%;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr:not(.last-line) th,
section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr:not(.last-line) td {
    border-bottom: 1px solid #C4C4C4;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: auto 2.5px;
    position: relative;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon:hover:after {
    background-color: #ffffff;
    display: block;
    padding: 0 3px;
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    right: auto;
    white-space: nowrap;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-wind:hover:after {
    content: "Vent";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-temp:hover:after {
    content: "Température";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-rain:hover:after {
    content: "Pluie";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-humid:hover:after {
    content: "Humidité";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-tb:hover:after {
    content: "Très Bien";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-b:hover:after {
    content: "Bien";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-p:hover:after {
    content: "Passable";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-d:hover:after {
    content: "Déconseillé";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon.t-vd:hover:after {
    content: "Vivement Déconseillé";
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend {
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: left;
    padding: 5px 0;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span {
    font-size: 11px;
    line-height: 12px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span:not(:last-child) {
    margin-right: 10px;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span:before {
    content: "";
    display: inline-block;
    float: left;
    margin-right: 5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: relative;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span.l-tb:before {
    background-color: #42B162;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span.l-b:before {
    background-color: #98D130;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span.l-p:before {
    background-color: #FFBB00;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span.l-d:before {
   background-color: #FF8800;
}

section.widget-page .w-content-block .flux-part .show-flux .traitement-table-legend span.l-vd:before {
    background-color: #D12F3A;
}

section.widget-page .more-block {
    margin-bottom: 30px;
}

section.widget-page .more-block a.more {
    font-size: 14px;
    line-height: 24px;
}

section.widget-page .more-icon {
    fill: #004594;
}

section.widget-page .more-block a.more:hover {
    text-decoration: underline;
}

section.widget-page .more-block a.more:hover .more-icon {
    background-color: #004594;
    fill: #ffffff;
}


@media (max-width: 1075px) {
    section.widget-page {
        padding-right: 0;
    }

    section.widget-page .container {
        margin-bottom: 0;
        padding: 0;
    }

    section.widget-page:after {
        display: none;
    }

    section.widget-page .head-block {
        padding: 0 15px;
    }

    section.widget-page .head-block .sort-select {
        right: 15px;
    }

    section.widget-page .head-block h3 {
        font-size: 20px;
        line-height: 22px;
    }

    section.widget-page .head-block>a {
        position: relative;
        right: auto;
        top: auto;
        float: left;
        margin-bottom: 15px;
    }

    section.widget-page .w-content-block .doc-list-block {
        padding: 0 70px;
    }

    section.widget-page .w-content-block .doc-list-block .doc-content {
        width: 50%;
        padding: 10px 10px 40px 10px;
    }

    section.widget-page .w-content-block .doc-list-block .doc-content>div {
        padding-bottom: 80px;
        height: 100%;
    }

    section.widget-page .w-content-block .doc-list-block .doc-content>div:before {
        left: -2px;
        top: -2px;
        border-width: 1px 1px 36px 36px;
    }

    section.widget-page .w-content-block .doc-list-block .doc-content>div:after {
        top: 10px;
        left: 10px;
        height: 48px;
        width: 48px;
    }

    section.widget-page .w-content-block .event-list-block,
    section.widget-page .w-content-block .event-list-block.main-list-block {
        padding: 0 70px;
    }

    /*section.widget-page .w-content-block .event-list-block.main-list-block {
          padding: 0 5px; }*/
    section.widget-page .w-content-block .event-list-block.top-space {
        padding-top: 10px;
    }

    section.widget-page .w-content-block .event-list-block .event-content:not(.main-event-content) {
        width: 50%;
        padding: 10px 10px 10px 10px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content {
        padding: 40px 10px 40px 10px;
    }

    section.widget-page .w-content-block .event-content.open-event {
        padding: 25px 15px 90px;
    }

    section.widget-page .w-content-block.price-last {
        padding: 0 70px;
        margin-bottom: 25px;
    }

    section.widget-page .w-content-block.price-last>div {
        width: 50%;
        padding: 15px 10px;
    }

    section.widget-page .w-content-block .prev-intro {
        padding: 20px 15px 0;
    }

    section.widget-page .w-content-block .prev-block {
        padding: 25px 70px 0;
        /*display: inline-block;*/
        display: flex;
        width: 100%;
    }

    section.widget-page .w-content-block .prev-block:not(.local-prev-block)>div {
        width: 50%;
        padding: 10px;
    }

    section.widget-page .w-content-block .prev-block:not(.local-prev-block)>div:last-child {
        float: right;
    }

    section.widget-page .w-content-block .prev-block:not(.local-prev-block)>div .cost-link {
        padding-bottom: 35px;
    }

    section.widget-page .w-content-block .prev-block.local-prev-block {
        padding: 25px 60px 0;
    }

    section.widget-page .w-content-block .prev-block.local-prev-block>div {
        padding: 5px 0;
    }

    section.widget-page .w-content-block.price-detail {
        padding: 25px 15px;
    }

    section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider .slick-slide {
        padding: 50px;
    }

    section.widget-page .w-content-block.price-detail .flux-part .flux__slider-nav .slick-prev {
        left: -5px;
    }

    section.widget-page .w-content-block.price-detail .flux-part .flux__slider-nav .slick-next {
        right: -5px;
    }

    section.widget-page .w-content-block .meteo-stat {
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part {
        width: 100%;
        padding: 25px 25px 30px 25px;
        flex-direction: row;
        flex-wrap: wrap;
        position: relative;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part>p:first-of-type {
        width: 100%;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part>a,
    section.widget-page .w-content-block .meteo-stat .m-green-part>p:not(:first-of-type) {
        margin: 15px 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace {
        width: auto;
        min-width: 25%;
        margin: 0 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace p {
        width: auto;
        display: block;
        text-align: center;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-part {
        width: calc(60% - 60px);
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info {
        width: 60%;
        padding: 45px 25px 35px 0;
        border-top: 1px solid #ffffff;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info>span,
    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info>div {
        width: 100%;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .time-block:before {
        width: 65%;
        margin-left: 17.5%;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-weather-block {
        margin: 0 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info .w-temp-block {
        width: auto;
        padding: 0 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-slider {
        width: calc(40% - 25px);
        margin-left: 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part {
        width: 100%;
        margin-bottom: 50px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav .slick-arrow p:before {
        top: 5px;
        bottom: 5px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part {
        padding: 25px 25px 0 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .table-head li {
        padding-left: 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day .prev-table:last-of-type {
        border-bottom: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .meteo__slider-nav p {
        margin-bottom: 0;
    }

    section.widget-page .w-content-block .flux-part {
        padding: 10px 15px 35px;
    }

    section.widget-page .more-block {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    section.widget-page {
        margin-top: 60px;
    }

    section.widget-page .container .head-block {
        padding: 0 10px;
    }

    section.widget-page .container .head-block:not(.mob-visible) {
        display: none;
    }

    section.widget-page .container .head-block.mob-visible:not(:first-of-type) {
        padding: 0 20px 15px;
    }

    section.widget-page .container .head-block.mob-visible:first-of-type h3:not(.mob-visible),
    section.widget-page .container .head-block.mob-visible:first-of-type label,
    section.widget-page .container .head-block.mob-visible:first-of-type hr:not(.mob-visible) {
        display: none;
    }

    section.widget-page .container .head-block.mob-visible .sort-select {
        width: 100%;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }

    section.widget-page .container .head-block.mob-visible .sort-select .select:first-of-type {
        margin-right: 20px;
    }

    section.widget-page .container .head-block.mob-visible h3 {
        font-size: 16px;
        line-height: 20px;
    }

    section.widget-page .w-content-block .mobile-doc-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        line-height: 18px;
        border: 1px solid #D5D5D5;
        padding: 10px;
        width: 80%;
        margin: 30px 30px 15px 30px;
    }

    section.widget-page .w-content-block .mobile-doc-list .menu-icon {
        margin-right: 5px;
    }

    section.widget-page .w-content-block .mobile-doc-list:hover {
        color: #9B9B9B !important;
    }

    section.widget-page .w-content-block .sort-select.mob-visible {
        display: inline-block;
        width: 100%;
        padding: 30px 30px 15px 30px;
        height: auto;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select {
        width: 100%;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-styled {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        line-height: 18px;
        border: 1px solid #D5D5D5;
        padding: 10px;
        margin: 0;
        width: 100%;
        color: #9B9B9B;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-styled:after {
        content: url(/partage/fr/CNCM/html/agri-mutuel/images/arrow.svg);
        display: inline-block;
        position: relative;
        width: 14px;
        height: 14px;
        float: right;
        border: none;
        top: auto;
        right: auto;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-styled.active:after {
        top: auto;
        right: auto;
        transform: rotate(180deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-options {
        width: 100%;
        border: 1px solid #D5D5D5;
        border-top: none;
        padding: 0;
        max-height: 70vh;
        overflow: scroll;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-options li {
        color: #9B9B9B;
        border: none;
    }

    section.widget-page .w-content-block .sort-select.mob-visible .select .select-options li:not(:first-child) {
        border-top: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block .doc-cat {
        height: 0;
        visibility: hidden;
        margin: auto;
        flex-direction: column;
        margin: 0 30px;
        width: auto;
        padding-right: 5px;
    }

    section.widget-page .w-content-block .doc-cat li {
        width: 100%;
        padding: 10px;
    }

    section.widget-page .w-content-block .doc-cat li:not(:last-of-type) {
        border: none;
        border-bottom: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block .doc-cat.is-open {
        height: auto;
        visibility: visible;
    }

    section.widget-page .w-content-block .doc-list-block {
        padding: 15px 15px 0;
    }

    section.widget-page .w-content-block .doc-list-block .doc-content {
        width: 100%;
        padding: 10px;
    }

    section.widget-page .w-content-block .event-list-block {
        padding: 0;
    }

    section.widget-page .w-content-block .event-list-block:first-of-type {
        padding: 0;
    }

    section.widget-page .w-content-block .event-list-block .event-content:not(.main-event-content) {
        width: 100%;
        padding: 5px 10px;
    }

    section.widget-page .w-content-block .event-list-block .event-content:not(.main-event-content)>div {
        width: 100%;
    }

    section.widget-page .w-content-block .event-list-block .event-content:not(.main-event-content) .event-title {
        padding-right: 20px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content {
        padding: 0 0 5px 0;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div {
        flex-direction: column;
        align-items: center;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-date {
        width: 100%;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title {
        margin-left: 0;
        margin-top: 20px;
        text-align: center;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title h3 {
        text-align: center;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title p.detail {
        position: relative;
        top: auto;
        right: auto;
        float: right;
        /*margin-top: 10px;*/
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title .d-text p {
        float: left;
        line-height: 24px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title .d-text p.intro {
        line-height: 28px;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>div .event-title>a {
        float: left;
    }

    section.widget-page .w-content-block .event-list-block .main-event-content>a .event-title .img-block {
        max-width: 80%;
    }

    section.widget-page .w-content-block .event-content.open-event {
        padding-top: 15px;
        padding-bottom: 60px;
    }

    section.widget-page .w-content-block .event-content.open-event>div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    section.widget-page .w-content-block .event-content.open-event>div .date-part {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        width: 100%;
        max-width: 100%;
    }

    section.widget-page .w-content-block .event-content.open-event>div .date-part .event-date {
        width: 100%;
        padding: 10px 0;
        border: 8px solid #004594 !important;
        max-width: 150px;
        min-height: 150px;
    }

    section.widget-page .w-content-block .event-content.open-event>div .date-part .event-date span {
        font-size: 38px;
        line-height: 40px;
    }

    section.widget-page .w-content-block .event-content.open-event>div .date-part .event-date p {
        font-size: 15px;
        line-height: 18px;
    }

    section.widget-page .w-content-block .event-content.open-event>div .event-title {
        padding: 0 30px 30px 30px;
        min-height: auto;
    }

    section.widget-page .w-content-block .event-content.open-event>div .event-title .category {
        padding-top: 20px;
    }

    section.widget-page .w-content-block .event-content.open-event>p {
        padding: 15px 10px 0 10px !important;
        line-height: 22px;
    }

    section.widget-page .w-content-block.price-last {
        padding: 0 20px;
        margin-top: 15px;
    }

    section.widget-page .w-content-block.price-last>div {
        padding: 5px 0;
        width: 100%;
        margin-right: auto;
    }

    section.widget-page .w-content-block.price-detail .sort-select.mob-visible {
        background-color: #F5F5F5;
        padding: 15px;
        float: left;
    }

    section.widget-page .w-content-block.price-detail .sort-select.mob-visible.animal {
        background-color: transparent;
        padding: 15px 0;
    }

    section.widget-page .w-content-block.price-detail .sort-select.mob-visible .select .select-styled {
        background-color: transparent;
        color: #4A4A4A;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table {
        position: relative;
        padding: 0 10px;
        width: 100%;
        transition: all .3s ease;
        display: none;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table.open-graph {
        padding-bottom: 10px;
    }

    /*section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row {
        width: 50%;
    }*/

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:not(.th-row) {
        /*position: absolute;*/
        right: 10px;
        top: 0;
    }

    /*section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.current-row {
        height: auto;
        overflow: visible;
        z-index: 2;
    }*/


    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row> div p span.detail {
        /*text-align: left;*/
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:not(:last-of-type):not(.th-row) {
        border-bottom: none;
    }

    /*section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:not(.th-row):not(.current-row):not(:nth-child(2)){
        display: none;
    }*/

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div {
        width: 100%;
        /*padding: 12px 10px 12px 0;*/
        padding: 0;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div:not(:last-of-type) {
        border-bottom: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div:not(.graph) {
        min-height: 91px;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div:first-of-type {
        padding: 12px;
        width: 100%;
        /*display: none;*/
    }

    section.widget-page .w-content-block.price-detail .sort-select+.p-detail-table .p-detail-row>div:first-of-type,
    section.widget-page .w-content-block.price-detail .sort-select+.p-detail-table .p-detail-row:not(.th-row):not(.current-row) {
        /*display: none;*/
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row .info-row>div p {
        /*width: 100%;*/
        /*text-align: left;*/
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row div.trend  p {
        width: auto;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div.trend {
        justify-content: flex-end;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div.trend p {
        width: auto;
        text-align: right;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div.switch-col {
        width: 100%;
        justify-content: flex-end;
        padding: 7.5px 10px 7.5px 0;
        border-bottom: none;
        z-index: 2;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div.graph {
        /*width: calc(200% + 30px);
        margin-left: -100%;*/
       margin-right: 0;
        position: relative;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div.graph:before {
        content: "";
        display: none;
        background-color: #ffffff;
        /*position: absolute;
        top: -52px;*/
        left: 0;
        width: 100%;
        height: 52px;
        z-index: 1;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row:last-of-type {
        padding-bottom: 0;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row {
        /*border-bottom: none;*/
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row>div {
        width: 100%;
        margin-right: auto;
        padding: 12px 10px 12px 10px;
        /*min-height: 91px;*/
        min-height: 60px;
    }

    /*section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.th-row>div p {
        text-align: left;
    }*/

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open {
        background-color: transparent;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open>.switch-col {
        width: 100%;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row.is-open>.graph {
        padding: 10px 0px;
        background-color: #ffffff;
        width: 100%;
        overflow: scroll;
    }

    section.widget-page .w-content-block.price-detail .flux-part .sort-select.mob-visible {
        background-color: transparent;
        margin-bottom: 15px;
    }

    section.widget-page .w-content-block.price-detail .flux-part .flux-slider {
        display: none;
    }

    section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider {
        border-top: none;
        margin-top: 15px;
    }

    section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider>div {
        display: none;
    }

    section.widget-page .w-content-block.price-detail .flux-part .show-flux-slider>div:first-of-type {
        display: block;
    }

    section.widget-page .w-content-block .prev-block {
        padding: 0 20px;
    }

    section.widget-page .w-content-block .prev-block>div {
        width: 100%;
        padding: 5px 0 10px;
    }

    section.widget-page .w-content-block .prev-block:not(.local-prev-block)>div {
        width: 100%;
        padding: 10px 0;
    }

    section.widget-page .w-content-block .prev-block.local-prev-block {
        padding: 0px 10px;
    }

    section.widget-page .w-content-block .meteo-stat {
        flex-wrap: wrap;
        padding: 15px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part {
        flex-direction: column;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part>p {
        font-size: 16px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part>a {
        margin: 20px auto;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part form.myplace {
        margin: 0;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-part {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .local-info {
        border-right: none;
        width: 100%;
        padding: 18px 0 35px;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider,
    .widgets-floating-wrapper .local-info .meteo-cat-slider,
    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-left-slider,
    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-slider {
        width: 100%;
        margin-left: auto;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-cat-slider .slick-track,
    .widgets-floating-wrapper .local-info .meteo-cat-slider .slick-track {
        width: 100% !important;
    }

    section.widget-page .w-content-block .meteo-stat .m-green-part .meteo-left-slider .slick-track .slick-slide:not(.slick-current):not(.cat-group) {
        display: none;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part {
        margin-bottom: 0;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .meteo__slider-nav {
        padding: 0 20px
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-days-slider:not(.local-m-days):not(.local-m-days-h) {
        display: none;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .sort-select.mob-visible {
        padding: 15px 20px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .sort-select.mob-visible .select .select-styled {
        background-color: transparent;
        color: #4A4A4A;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-map-slider {
        padding-bottom: 25px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-map-slider .map-slide:not(.current-map) {
        display: none;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-map-slider .map-slide img {
        padding: 15px 15px 30px 15px;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-map-slider .map-slide {
        outline: none !important;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .m-map-slider .map-slide .map {
        display: inline-block;
        position: relative;
        width: 100%;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head {
        position: relative;
        margin-top: 56px;
        bottom: auto;
        width: 60%;
        float: left;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head li {
        border-top: 1px solid #D5D5D5;
        height: 38px;
        padding-left: 16px !important;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part .table-head li:last-of-type {
        padding-bottom: 1px;
        border-bottom: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h {
        width: 40%;
        padding: 0;
        float: left;
    }

    /*section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days>div:not(.current-day):not(.slick-list),
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day:not(.current-day),
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h>div:not(.current-day):not(.slick-list),
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day:not(.current-day) {
        display: none;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .day.current-day,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .day.current-day {
        width: 100% !important;
        padding-top: 0;
        background-color: transparent;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .slick-track,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .slick-track {
        width: 100% !important;
   }*/

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .current-day>p,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days .current-day>span,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .current-day>p,
    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .current-day>span {
        display: none;
    }

    section.widget-page .w-content-block .meteo-stat .m-grey-part.local-grey-part .local-m-days-h .current-day>div:last-child {
        border-bottom: 1px solid #D5D5D5;
    }

    section.widget-page .w-content-block>.flux-part {
        padding: 10px 10px 35px;
    }

    section.widget-page .w-content-block>.flux-part label {
        display: none;
    }

    section.widget-page .w-content-block>.flux-part .show-flux {
        /*margin-top: auto;*/
        padding: 25px !important;
    }

    section.widget-page .w-content-block>.flux-part .show-flux#content4 {
        padding: 0 !important;
    }

    section.widget-page .w-content-block>.flux-part .show-flux#content4 .traitement-table table:not(.table-th):not(.current-day) {
        display: none;
    }

    section.widget-page .w-content-block .flux-part .show-flux .traitement-table .table-th {
        width: 70%;
    }

    section.widget-page .w-content-block .flux-part .show-flux .traitement-table table:not(.table-th).current-day {
        width: 30%;
        background-color: transparent;
    }

    section.widget-page .w-content-block .flux-part .show-flux .traitement-table table tr td .t-icon {
        margin-bottom: 2.5px;
    }

    section.widget-page .w-content-block .prev-intro {
        padding: 10px 10px 0;
    }

    section.widget-page .more-block {
        margin-top: 45px;
    }

    section.widget-page .w-content-block+.head-block,
    .single-agenda section.widget-page .w-content-block:last-child {
        /* display: none; */
    }
}

/* ERROR PAGE */
.p-corpo .container {
    max-width: 1000px;
}

.p-corpo .container .head-block {
    margin-bottom: 0;
}

.p-corpo .container .error-block {
    position: relative;
    width: 100%;
    margin-bottom: 100px;
}

.p-corpo .container .error-block img {
    padding-left: 10%;
}

.p-corpo .container .error-block .img-info {
    justify-content: flex-end;
}

.p-corpo .container .error-block .img-info .copy {
    margin: 0;
}

.p-corpo .container .error-block .error-text {
    display: inline-block;
    background-color: #ffffff;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 100px 20px;
}

.p-corpo .container .error-block .error-text h2 {
    font-size: 30px;
    line-height: 34px;
    float: left;
    margin-bottom: 20px;
}

.p-corpo .container .error-block .error-text p,
.p-corpo .container .error-block .error-text p.strong {
    margin-bottom: 0;
    width: 100%;
}

.p-corpo .container .error-block .error-text a {
    vertical-align: top;
}

@media (max-width: 1075px) {
    .p-corpo .container .error-block img {
        padding-left: 0;
    }

    .p-corpo .container .error-block .error-text {
        position: relative;
        top: auto;
        transform: translateY(0);
        width: 100%;
        padding: 50px 20px;
    }

    .p-corpo .container .error-block .error-text h2 {
        float: none;
    }

    .p-corpo .container .error-block .error-text p {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .p-corpo .container .head-block {
        display: none;
    }

    .p-corpo .container .error-block .error-text {
        padding: 10px;
    }

    .p-corpo .container .error-block .error-text h2 {
        float: left;
    }

    .p-corpo .container .error-block .error-text p {
        text-align: left;
    }
}

/**** SMART POPIN ****/
.modal.search-modal {
    display: none;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.7);
}

.modal.search-modal.shown {
    display: block;
}

/* Modal Content/Box */
.modal-backdrop {
    display: none !important;
}

.modal-content.search-group {
    box-shadow: none !important;
    margin: auto;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    max-width: 1061px;
    z-index: 28;
    transition: top .3s ease;
}

.modal-content.search-group form {
    width: 70%;
    margin-left: auto;
    position: relative;
}

.modal-content.search-group .search-form-inner {
    position: absolute;
    width: 100%;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    padding-block: 20px;
    padding-left: 20px;
    padding-right: 60px
}

.modal-content.search-group .submit-search,
.modal-content.search-group .cancel-search {
    position: absolute;
    border: none;
    background: none;
}

.modal-content.search-group .submit-search {
    right: 60px;
    top: 18px;
}

.modal-content.search-group .cancel-search {
    right: 15px;
    top: 5px;
}

.modal-content.search-group input[type="search"] {
    font-size: 22px;
    width: 100%;
    float: left;
    margin: auto;
    padding: 15px 120px 15px 50px
}

.modal-content.search-group input[type="search"]::placeholder,
.modal-content.search-group input[type="search"]::-webkit-input-placeholder {
    font-size: 18px;
}

.modal-content.search-group label {
    display: none;
}

.modal-content.search-group input[type="submit"] {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    min-width: 90px;
    margin-bottom: auto;
}

.modal-content.search-group.is-open {
    top: 100px;
    z-index: 60;
}

@media (max-width: 1075px) {
    .modal-content.search-group {
        top: -30px;
    }

    .modal-content.search-group.is-open {
        top: 60px;
    }
}

@media (max-width: 1024px) {
    .modal-content.search-group form {
        width: 100%;
    }
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border-color: #D0021B !important;
    position: relative;
    z-index: 10;
}

/*div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
span.wpcf7-not-valid-tip {
    display: none !important;
}*/

div.wpcf7-mail-sent-ok {
    border: none !important;
    position: absolute;
    /* margin: 0 !important; */
    bottom: -25px;
    left: 0;
    font-family: 'NeueHaasGrotesk', sans-serif;
    letter-spacing: 0.5px;
    font-size: 0.85em;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.p-form div.wpcf7-mail-sent-ok {
    color: #4a4a4a;
    text-align: left;
    padding: 0;
    line-height: 1.5em;
    position: relative;
    bottom: auto;
    left: auto;
}

.wp-polls-form,
.wp-polls {
    display: flex;
}

.single .item-100 {
    padding: 0;
}

#graph-api {
    height: 400px;
    min-width: 310px
}

/** BANDEAU TEMPORAIRE **/
#bandeau {
    position: relative;
    width: calc(100% - 60px);
    background-color: #F5991B;
    color: #000000;
    margin: auto 30px;
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


section.page #bandeau {
    margin: auto auto 30px;
    width: 100%;
}

section.widget-page #bandeau {
    margin: auto 25px 30px;
    width: calc(100% - 50px);
}

#bandeau span,
#bandeau a {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    text-transform: none;
}

/*#bandeau span {
  width: 60%;
  float: left;
}*/
#bandeau .btn-group {
    display: flex;
    float: right;
    text-align: right;
    margin-left: 30px;
}

#bandeau a {
    margin-right: 10px;
    text-decoration: none;
    background-color: #ffffff;
    color: #004594;
    padding: 7px 10px;
    text-transform: uppercase;
    text-align: center;
    /*width: auto;
  float: right;*/
}

@media(max-width: 1075px) {
    #bandeau {
        width: 100%;
        margin: auto;
    }

    section.widget-page #bandeau {
        margin: auto 15px 30px;
        width: calc(100% - 30px);
    }
}

@media(max-width: 767px) {
    section.page #bandeau {
        margin: auto -15px 15px;
        width: calc(100% + 30px);
    }

    section.widget-page #bandeau {
        margin: auto 0 30px;
        width: 100%;
        flex-direction: column;
    }

    #bandeau .btn-group {
        margin-left: 0;
        margin-top: 20px;
    }
}

header .container .logo-block.wmobile-logo-block,
#main.w-page header .container .logo-block.wmobile-logo-block {
    display: none;
}

@media(max-width: 500px) {
    #main.w-page header .container .logo-block {
        display: none;
        padding-right: 0;
        z-index: 12;
    }

    #main.w-page header .container .logo-block.wmobile-logo-block {
        display: block;
        padding: 0;
        z-index: 31;
        position: relative;
    }

    #main.w-page header .container .logo-block.wmobile-logo-block a {
        padding: 10px 10px 10px 0;
        border-right: 1px solid #E3E3E3;
    }

    #main.w-page header .container .logo-block.wmobile-logo-block h3 {
        font-family: 'NeueHaasGrotesk', sans-serif;
        margin-top: auto;
    }

    /*section.widget-page .container .head-block {
        display: none;
  }*/
    section.widget-page .head-block .sec-title {
        /*display: none;*/
        font-size: 16px;
        line-height: 20px;
        padding-top: 0;
    }

    section.widget-page .head-block h1.sec-title {
        display: none;
    }

    section.widget-page .container .head-block.mob-visible .sort-select {
        flex-wrap: wrap;
    }

    section.widget-page .head-block .sort-select label {
        width: 100%;
        text-align: center;
    }

    section.widget-page .container .head-block.mob-visible .sort-select .select:first-of-type,
    section.widget-page .container .head-block.mob-visible .sort-select .select {
        margin: 0;
        margin-bottom: 20px;
    }

    section.widget-page .w-content-block.price-detail .p-detail-table .p-detail-row>div p span.detail {
        text-align: right;
    }
}

.highcharts-data-labels text {
    color: #53A5F7 !important;
    fill: #53A5F7 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: 'NeueHaasGrotesk', sans-serif;
}

.highcharts-text-outline,
.highcharts-tick {
    display: none !important;
}

.graph--m {
    height: 150px;
    width: 100%;
    min-width: 240px;
}

/*** FADE SHOW ***/
#cycler {
    position: relative;
}

/*#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}*/
#cycler img:not(.back_img) {
    top: 0;
    left: 0;
}

#cycler {
    position: absolute;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    z-index: 5;
}

#no_cycler {
    position: absolute;
    width: calc(100% - 220px);
    height: calc(100% - 100px);
    top: 50px;
    left: 110px;
    right: 110px;
    bottom: 50px;
    z-index: 5;
}

#no_cycler img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    height: 100%;
    object-fit: contain;
}

#content2 #cycler img:not(.back_img),
#content3 #no_cycler img {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

#cycler img {
    height: 100%;
    object-fit: contain;
}

#cycler img,
#cycler img:not(.active) {
    position: absolute;
    z-index: 1;
    display: none;
}

#cycler img.active {
    display: block;
    z-index: 3;
}

.cycler_back_img {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.cycler_back_img {
    /*margin: 25px;*/
    width: calc(100% - 220px);
    height: calc(100% - 100px);
}

section.widget-page .w-content-block .flux-part #tab3:checked~#content3 {
    padding: 50px 110px;
}

@media (max-width: 767px) {
    .cycler_back_img {
        width: 100%;
        margin: auto;
    }

    #cycler,
    #no_cycler {
        width: calc(100% - 50px);
        height: calc(100% - 50px);
        top: 25px;
        bottom: 25px;
        left: 25px;
        right: 25px;
    }
}

.result--postal {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 -25px;
    z-index: 9999;
}

.myplace .result--postal {
    top: 65px;
    margin: auto;
    width: 100%;
}

.widget-part .result--postal {
    margin: 0 -30px;
}

.result--postal li {
    display: block;
    background: #0056AE;
    padding: 0 1em;
    border-bottom: solid 1px rgba(255, 255, 255, 0.6);
}

.result--postal li:first-of-type {
    padding-top: 0.3em;
}

.result--postal li:last-of-type {
    padding-bottom: 0.3em;
    border-bottom: none;
}

.result--postal li a {
    font-size: 0.9em;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
}

.top-title>.category.blue {
    float: none;
}

.hidden--s+.select-styled {
    display: none;
}

section.widget-page .head-block .sort-select.box--regional .select-styled {
    min-width: 200px;
}

.meteo--day {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

#map_france {
    height: 100%;
    width: 100%;
}

.map image {
    height: auto !important;
    pointer-events: none;
}

a.slick-slide {
    font-size: 1em;
    line-height: 1em;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .subscription-block form input[type="submit"] {
        padding: 8px 10px;
    }
}

section.launching {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

section.launching .container {
    padding: 0 30px;
}

section.launching .container .launching-container {
    background-color: #E9EEF3;
    padding: 20px;
}

section.launching .launch-text {
    background-color: #004594;
    text-align: left;
    padding: 35px 30px;
}

section.launching .launch-text h3 {
    font-size: 23px;
    line-height: 30px;
    width: 100%;
    margin-bottom: 5px;
}

section.launching .launch-text .launch-btn {
    display: inline-block;
    margin: auto;
    padding: 8px 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
}

section.launching .launch-text .launch-btn:hover {
    background-color: #ffffff;
    color: #53A5F7;
    border: 1px solid #53A5F7;
}

section.launching .launch-img {
    padding: 30px 0 0;
    height: calc(100% - 40px);
    margin: 0;
    position: absolute;
    right: 0;
    top: 20px;
    bottom: auto;
    left: auto;
    overflow: hidden;
}

section.launching .launch-img img {
    height: 100%;
    width: auto;
    overflow: visible;
    margin-left: 50%;
    transform: translateX(-50%);
}

section.launching .close_launching {
    position: absolute;
    top: 10px;
    left: auto;
    bottom: auto;
    right: 10px;
}

section.launching .close_launching img {
    height: 26px;
    width: 26px;
}

/** LAUNCHING MODAL **/
.modal.launch-mode {
    background-color: rgba(0, 0, 0, 0.6);
    overflow: scroll;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/*.modal.launch-mode.fade.in {
  display: block;
  padding-left: 0px;
}*/
/*.modal.launch-mode.fade.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}*/
.modal.launch-mode .modal-dialog {
    /*max-height: 90vh;*/
    display: inline-block;
    height: 100%;
    width: auto;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.modal.launch-mode .modal-content {
    padding: 40px 80px;
    float: none;
    margin: auto;
    border-radius: 0;
    max-width: 1000px;
    width: 80%;
    height: auto;
    /*max-height: 100%;*/
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.modal.launch-mode .modal-header {
    border-bottom: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.modal.launch-mode .modal-header h3 {
    line-height: 30px;
}

.modal.launch-mode .modal-header h3,
.modal.launch-mode .modal-header p {
    text-align: left;
    float: left;
    margin: 0;
}

.modal.launch-mode .launch-title {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.modal.launch-mode .launch-nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    padding-left: 20px;
}

.modal.launch-mode .launch-nav .launch-nav-btn {
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    border-radius: 50%;
    width: 35px;
    font-weight: bold;
    background-color: #004593;
    color: white;
    position: relative;
    float: left;
    margin-bottom: auto;
}

.modal.launch-mode .launch-nav .launch-nav-btn:not(:first-child) {
    margin-left: 20px;
}

.modal.launch-mode .launch-nav .launch-nav-btn:not(:first-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: 20px;
    right: auto;
    bottom: auto;
    height: 1px;
    background-color: #E9EEF2;
}

.modal.launch-mode .launch-nav a.launch-nav-btn {
    background-color: #E9EEF2;
    color: #004593;
}

.modal.launch-mode .launch-nav a.close-btn {
    margin: 0 0 0 20px;
    padding: 4px 15px;
    border: 1px solid #004593;
    color: #004593;
    border-radius: 0;
    display: inline-block;
}

.modal.launch-mode .launch-nav a.close-btn:hover {
    background-color: #004593;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.modal.launch-mode .modal-body {
    display: inline-block;
    width: 100%;
    margin: 30px auto;
    padding: 0;
    position: relative;
}

.modal.launch-mode .modal-body>.row {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.modal.launch-mode .modal-body .launch-step {
    max-height: 100%;
    /*overflow: scroll;*/
    overflow: hidden;
}

.modal.launch-mode .modal-body .launch-step img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.modal.launch-mode .modal-body .launch-step .launch-step {
    height: calc(50% - 15px);
    padding: 0;
}

.modal.launch-mode .modal-body .launch-step .launch-step:first-child {
    margin-bottom: 30px;
}

.modal.launch-mode .modal-body .launch-arrow {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    bottom: auto;
}

.modal.launch-mode .modal-body .launch-arrow.prev-btn {
    left: -50px;
    right: auto;
    transform: translateY(-50%) rotate(90deg);
}

.modal.launch-mode .modal-body .launch-arrow.next-btn {
    left: auto;
    right: -50px;
    transform: translateY(-50%) rotate(-90deg);
}

.launch-comment {
    display: inline-block;
    background-color: #F5991B;
    position: absolute;
    top: auto;
    left: 15px;
    right: auto;
    bottom: 0;
    color: white;
    width: auto;
    max-width: 55%;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 10px;
}

.launch-comment.bottom-arrow:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -8px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #F5991B;
}

.launch-comment.right-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: -8px;
    bottom: auto;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #F5991B;
}

#launch-step2 .launch-comment.bottom-arrow {
    top: 40%;
    bottom: auto;
    left: 53%;
    transform: translateX(-50%) translateY(-50%);
}

#launch-step3 .launch-comment.bottom-arrow {
    top: 1%;
    bottom: auto;
    left: 7%;
}

#launch-step5 .launch-step {
    width: calc(100% - 30px);
    margin: auto 15px;
    padding: 10px 60px;
}

#launch-step5 .launch-step h2 {
    font-size: 26px;
    line-height: 32px;
    width: 100%;
}

#launch-step5 .launch-step h2,
#launch-step5 .launch-step a {
    display: inline-block;
    float: left;
}

.launch-step a.red-btn,
.launch-step a.white-btn {
    padding: 4px 15px;
    border-radius: 0;
    width: auto;
    margin: 10px auto 20px;
}

.launch-step a.red-btn {
    border: 1px solid #D2555C;
    background-color: #D2555C;
    color: #ffffff;
}

.launch-step a.red-btn:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #D2555C;
}

.launch-step a.white-btn {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
}

.launch-step a.white-btn:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #004593;
}

.modal.launch-mode .modal-body .launch-step img.slide_desktop,
.modal.launch-mode .modal-body .launch-step span.slide_desktop {
    display: inline-block;
}

.modal.launch-mode .modal-body .launch-step img.slide_mobile {
    display: none;
}

/** PAGES QUI? MENTIONS **/
.p-form .container h2 {
    display: inline-block;
    width: 100%;
    padding: 0 45px;
    font-size: 30px;
    line-height: 34px;
    margin: auto auto 20px;
    max-width: 850px;
}

.p-form .text-block img {
    width: auto;
    margin: auto;
    display: inline-block;
}

.p-form .text-block p strong,
.p-form .text-block p.strong,
.p-form .text-block ul strong {
    color: #004594;
}

.p-form .text-block p sup {
    font-size: 70%;
}

.p-form .text-block ul li {
    display: inherit;
    padding-left: 10px;
    position: relative;
}

.p-form .text-block ul li:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: auto;
    bottom: auto;
    height: 4px;
    width: 4px;
    border-radius: 3px;
    background-color: #004594;
}


@media (max-width: 1075px) {
    .modal.launch-mode .modal-content {
        margin: 0;
        padding: 10px;
        width: 100%;
        max-width: 100%;
    }

    .modal.launch-mode .modal-header {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .modal.launch-mode .launch-nav {
        padding-left: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .modal.launch-mode .launch-nav .launch-nav-btn {
        margin-bottom: 15px;
    }

    .modal.launch-mode .modal-body {
        margin: 15px auto;
    }

    .modal.launch-mode .modal-body>.row {
        width: calc(100% + 30px);
        padding-bottom: 40px;
    }

    .modal.launch-mode .modal-body .launch-arrow.prev-btn {
        left: 0;
        bottom: 0;
        top: auto;
        transform: rotate(90deg);
    }

    .modal.launch-mode .modal-body .launch-arrow.next-btn {
        right: 0;
        bottom: 0;
        top: auto;
        transform: rotate(-90deg);
    }

    #launch-step5 .launch-step {
        max-width: calc(100% - 30px);
        width: auto;
        padding: 10px;
    }

    #launch-step5 .launch-step h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .launch-step a.red-btn,
    .launch-step a.white-btn {
        margin-bottom: 10px;
    }

    .modal.launch-mode .modal-body .launch-step img.slide_desktop,
    .modal.launch-mode .modal-body .launch-step span.slide_desktop {
        display: none;
    }

    .modal.launch-mode .modal-body .launch-step img.slide_mobile {
        display: inline-block;
    }

    #main-navigation.headroom,
    #widget-bar.widget-bar--inner {
        transition: margin 0.5s ease;
    }

    #main-navigation.headroom--unpinned {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }

    #widget-bar.widget-bar--unpinned {
        /*-webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);*/
        margin-bottom: -60px;
    }

    #main-navigation.headroom--pinned {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@media (max-width: 767px) {
    .p-form .container h2 {
        padding: 0 15px;
    }

    section.launching .launch-img {
        max-width: 100%;
        position: relative;
        height: auto;
        top: auto;
        padding-top: 15px;
        right: auto;
    }

    section.launching .launch-img img {
        width: 100%;
    }

    .modal.launch-mode .launch-nav a.close-btn {
        margin: 0 20px;
    }

    .modal.launch-mode .modal-body>.row {
        flex-wrap: wrap;
    }

    .modal.launch-mode .modal-body .launch-step+.launch-step {
        margin-top: 10px;
    }
}

.load--graph {
    font-size: 0.8em;
    padding: 1em;
    display: block;
    text-align: center;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /*  section.widget-page .w-content-block .meteo-stat .m-green-part {
        display: inline-block;
        padding: 25% 0; }*/
    .local-part form input {
        height: 26px;
        line-height: 26px;
    }

    section.widget-page .w-content-block .event-content.open-event .event-title {
        display: inline-block;
    }

    section.widget-page .w-content-block .event-content.open-event .event-title .img-block {
        height: auto;
    }

    #widget-bar {
        transform: none;
    }
}