/*Petits écrans + iPad horizontal*/

/* 1280 <-> 991 */

@media (max-width: 1280px) and (min-width: 992px) {

    .search-field-header {
        background: transparent;
        border: 1px white solid;
        padding: 8px 20px;
        color: white;
        border-radius: 50px;
        font-size: 14px;
        margin: 0;
        width: 180px;
    }

    .search-input {
        display: flex;
        height: 42px;
        align-items: center;
    }

    .logo {
        margin-left: 0px;
        width: 220px;
    }

    .btn {
        padding: 8px 16px;
        font-size: 14px;

    }

    .nav-list .menu-item a,
    .menu-list .menu-item a {
        font-size: 15px;
    }

    .menu-list .menu-item {
        margin-right: 22px;
    }

    .nav-wrapper {
        height: 110px;
    }

    .menu {
        height: 42px;
    }

    .top-nav {
        height: 30px;
    }

    .section-article {
        padding-top: 30px;
    }

    .single .main,
    .tax-dossier {
        padding-right: 0px;
        padding-left: 0px;
    }

    .article {
        padding: 0px 40px 50px;
    }

    .article-top {
        margin-bottom: 20px;
        padding-top: 24px;
        padding-bottom: 22px;
    }

    .big-title {
        font-size: 52px;
        line-height: 78px;
    }

    /* Dossier liste */
    .dossier-title {
        font-size: 32px;
        line-height: 34px;
    }

    .dossier-left {
        max-width: 420px;
    }

    /* bloc note */
    .parution-list {
        width: 100%;
    }

    .parution-item,
    .parution-item.highlight {
        width: 50%;
    }

    .highlight .parution-img {
        width: 240px;
        height: inherit;
    }

    .highlight .push-title {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: .3px;
    }

    .highlight .parution-link {
        min-height: inherit;
        padding: 30px;
    }

    .highlight .push-parution-content {
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .parution-link {
        flex-direction: column;
    }

}

/* 991 <-> 480 */

@media (max-width: 991px) {

    .mobile-control {
        display: flex;
        align-items: center;
    }

    .search-form {
        position: absolute;
        top: 0px;
        height: 70px;
        left: 0px;
        background: #c0304b;
        width: 100vw;
        padding: 5px 20px;
        right: inherit;
        bottom: inherit;
        transform: translateY(-100%);
        transition: all 1s ease-in-out;
        display: flex;
    }

    .search-form.visible {

        transform: translateY(0%);
    }

    .btn-search {
        width: 26px;
        height: 26px;
        margin-right: 22px;
        margin-top: 2px;
    }

    .search-input {
        display: flex;
        height: auto;
        align-items: center;
        width: 100%;
    }


    .search-field-header {
        background: transparent;
        border: 1px white solid;
        padding: 10px 20px;
        color: white;
        border-radius: 50px;
        font-size: 20px;
        margin: 0;
        width: 100%;
        outline: none;
    }

    .search-field-header::placeholder {
        color: #ffffff81;
    }

    /* menu */
    .nav-wrapper {
        height: 70px;
    }

    .menu-mobile-wrapper {
        overflow: scroll;
        left: 0;
        transition: all 400ms ease-in-out;
    }

    .menu-mobile-wrapper.off {
        opacity: 0;
        pointer-events: none;
    }

    .menu-mobile,
    .menu-item-has-children,
    .menu-item-has-children .sub-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }

    .menu-item-has-children {
        position: relative;
    }

    .menu-mobile-btn {
        padding: 20px 5%;
        text-decoration: none;
        color: #fff;
        background: #b5002f;
        font-size: 22px;
    }

    .menu-mobile>.menu-item {
        position: relative;
    }

    .menu-mobile>.menu-item:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='18px' height='18px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612; fill: %23b50030;' xml:space='preserve'%3E%3Cg%3E%3Cg id='_x31_0_34_'%3E%3Cg%3E%3Cpath d='M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782 c-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296 c6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        position: absolute;
        top: 23px;
        right: 15px;
    }

    .menu-mobile>.menu-item.menu-mobile-colloque:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' height='20' id='svg8' version='1.1' viewBox='0 0 8.4666665 8.4666669' width='20'%3E%3Cdefs id='defs2'/%3E%3Cg id='layer1' transform='translate(0,-288.53332)'%3E%3Cpath d='M 6,3 C 5.4477381,3.0000552 5.0000552,3.4477381 5,4 V 7 H 2 C 1.4477381,7.0000552 1.0000552,7.4477381 1,8 v 16 c 5.52e-5,0.552262 0.4477381,0.999945 1,1 h 2 v 3 c -3.501e-4,0.838869 0.970049,1.305407 1.625,0.78125 L 10.351562,25 H 26 c 0.552262,-5.5e-5 0.999945,-0.447738 1,-1 v -1 h 3 c 0.552262,-5.5e-5 0.999945,-0.447738 1,-1 V 4 C 30.999945,3.4477381 30.552262,3.0000552 30,3 Z M 7,5 H 29 V 21 H 27 V 8 C 26.999945,7.4477381 26.552262,7.0000552 26,7 H 7 Z M 3,9 H 25 V 23 H 10 c -0.2271289,-1.7e-4 -0.4475506,0.07698 -0.625,0.21875 L 6,25.917969 V 24 C 5.9999448,23.447738 5.5522619,23.000055 5,23 H 3 Z' id='rect886' style='color:%23000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000000;solid-opacity:1;vector-effect:none;fill:%23000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate' transform='matrix(0.26458333,0,0,0.26458333,0,288.53332)'/%3E%3C/g%3E%3C/svg%3E");
    }

    .menu-mobile>.menu-item.menu-mobile-panier:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 96 96' height='20' id='bag' version='1.1' viewBox='0 0 96 96' width='20' xml:space='preserve'%3E%3Cpath d='M68,24v-4C68,8.954,59.046,0,48,0S28,8.954,28,20v4H12v60c0,6.63,5.37,12,12,12h48c6.63,0,12-5.37,12-12V24H68z M36,20 c0-6.627,5.373-12,12-12c6.627,0,12,5.373,12,12v4H36V20z M76,84c0,2.21-1.79,4-4,4H24c-2.21,0-4-1.79-4-4V32h56V84z'/%3E%3C/svg%3E");
    }

    .menu-mobile>.menu-item.menu-mobile-compte:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 14 16' version='1.1'%3E%3Ctitle%3Eiconfinder_User_4737448%3C/title%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='filter-1'%3E%3CfeColorMatrix in='SourceGraphic' type='matrix' values='0 0 0 0 0.125490 0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='top-bar-copy' transform='translate(-1622.000000, -12.000000)'%3E%3Cg id='iconfinder_User_4737448' transform='translate(1497.000000, 4.000000)' filter='url(%23filter-1)'%3E%3Cg transform='translate(125.000000, 8.000000)'%3E%3Cpath d='M13.3,16 L0.7,16 C0.313400675,16 0,15.6912309 0,15.3103448 L0,13.2413793 C0,10.194291 2.5072054,7.72413793 5.6,7.72413793 L8.4,7.72413793 C9.88521234,7.72413793 11.3095943,8.30541705 12.359798,9.34010052 C13.4100017,10.374784 14,11.7781159 14,13.2413793 L14,15.3103448 C14,15.6912309 13.6865993,16 13.3,16 Z M1.4,14.6206897 L12.6,14.6206897 L12.6,13.2413793 C12.6,10.9560631 10.7195959,9.10344828 8.4,9.10344828 L5.6,9.10344828 C3.28040405,9.10344828 1.4,10.9560631 1.4,13.2413793 L1.4,14.6206897 Z' id='Shape' fill='%23000000' fill-rule='nonzero'/%3E%3Cpath d='M7,7.17241379 C4.98968351,7.17241379 3.36,5.56681428 3.36,3.5862069 C3.36,1.60559952 4.98968351,0 7,0 C9.01031649,0 10.64,1.60559952 10.64,3.5862069 C10.64,4.5373281 10.2565011,5.44949386 9.57386868,6.12203811 C8.89123627,6.79458237 7.96538802,7.17241379 7,7.17241379 L7,7.17241379 Z M7,1.43448276 C5.79381011,1.43448276 4.816,2.39784247 4.816,3.5862069 C4.816,4.77457132 5.79381011,5.73793103 7,5.73793103 C8.20618989,5.73793103 9.184,4.77457132 9.184,3.5862069 C9.184,2.39784247 8.20618989,1.43448276 7,1.43448276 Z' id='Shape' fill='%23FF2838' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .menu-item a {
        text-decoration: none;
        color: #221f20;
        width: 100%;
        padding: 20px 5%;
    }

    .menu-mobile {
        padding-left: 0;
    }

    .menu-mobile .menu-item {
        font-size: 22px;
        line-height: 30px;
        width: 100%;
        border-bottom: 1px solid #00000026;
        margin: 0;
    }

    .sub-menu {
        width: 100%;
        padding-left: 20px;
        overflow: hidden;
        max-height: 0;
        transition: max-height 350ms ease-in-out;
    }

    .sub-menu.open {
        max-height: 1000px;
    }

    .sub-menu .menu-item {
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        padding: 0;
        border-bottom: none;
    }

    .sub-menu .menu-item a {
        width: 100%;
        padding: 10px 0;
    }


    .top-nav,
    .menu,
    .nav-list,
    .nav-right .btn {
        display: none;
    }

    .logo {
        width: 180px;
    }

    /* home */
    .section-home-top {
        flex-direction: column;
    }

    .section-home-top .home-left,
    .section-home-top .home-right {
        width: 100%;
    }



    /* CARDS */
    .article-item,
    .push-dossier-item {
        width: 50%;
        max-width: inherit;
    }

    /* search filter */
    .dossiers-filters,
    .dossiers-filters>.wpgb-facet,
    .filters-right,
    .filters-right>.wpgb-facet {
        width: 100% !important;
    }


    /* dossier */
    .dossiers-top {
        padding: 0 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .dossiers-top .big-title {
        font-size: 52px;
    }

    .push-dossier-list {
        margin: 15px 0 0;
    }


    /* Dossier single */
    .dossier-single-wrapper {
        flex-direction: column;
    }

    .dossier-single-left {
        background-color: transparent;
        padding: 10px;
        margin-right: 0;
        width: 100%;
        max-width: inherit;
    }

    /* bloc note */
    .top-page {
        align-items: flex-start;
        flex-direction: column;
    }

    .top-page .big-title {
        font-size: 52px;
    }

    .parution-list {
        width: 100%;
    }

    .parution-item,
    .parution-item.highlight {
        width: 100%;
    }

    .highlight .parution-img {
        width: 240px;
        height: inherit;
    }

    .highlight .push-title {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: .3px;
    }

    .highlight .parution-link {
        min-height: inherit;
        padding: 30px;
    }

    .highlight .push-parution-content {
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .parution-link {
        flex-direction: column;
        min-height: inherit;
    }

    /*  parution single  */
    .single-parution .article-right {
        padding-right: 0;
        margin-bottom: 20px;
    }

    /* agenda */
    .agenda-item {
        width: 50%;
        min-height: 525px;
    }

    .agenda-link {
        height: calc(100% - 66px);
    }


    /* abo */
    .abo-list {
        flex-wrap: wrap;
    }

    .abo-item-link {
        margin-bottom: 30px;
    }

    .abo-item-link {
        width: 50%;
        max-width: inherit;
        margin-right: 0;
        margin-left: 0;
        padding: 0 20px;
        background-color: transparent;
    }

    .abo-bottom-list {
        background-color: #FFF;
    }


    .menu-mobile-wrapper {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 70px;
        background: white;
        width: 100%;
        border-top: 1px solid #e3e1db;
        height: calc(100vh - 70px);

    }

    .btn-burger {
        display: flex;
        width: 26px;
        margin-right: 20px;
    }

    .term-entretien .article-item {
        width: 50%;
    }

    .home-left {
        height: 100vw;
    }

    .home-right {
        height: 100vw;
    }
}

@media (max-width: 479px) {

    .section-nav-article {
        display: none;
    }

    .hide-mobile {
        display: none;
    }

    .btn-burger {
        margin-right: 6px;
        margin-top: 4px;
    }

    .main {
        padding: 0;
    }


    .home-top-title {
        font-size: 28px;
        line-height: 37px;
    }

    .section-home-text,
    .home-text-left {
        align-items: flex-start;
        flex-direction: column;
    }

    .section-home-articles {
        flex-wrap: wrap;
    }

    .home-list {
        width: 100%;
    }

    .home-entretien {
        flex-direction: column;
        margin: 20px 0;
    }

    .home-entretien-content {
        padding: 0;
    }

    .home-parution-wrapper {
        flex-direction: column;
    }

    .home-parution {
        width: 100%;
        margin-bottom: 25px;
    }

    .home-parution .parution-img {
        width: 150px;
    }

    .section-rubrique {
        padding-top: 0px;
    }

    /*liste articles*/
    .rubrique-article-list {
        flex-direction: column;
    }

    .rubrique-title-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .rubrique-header {
        padding: 20px 20px 20px
    }

    /* CARDS */
    .article-item,
    .push-dossier-item {
        width: 100%;
        padding-top: 0;
    }


    /*article*/
    .content-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }

    .section-article {
        padding-top: 10px;
    }

    .article-left {
        padding-left: 0px;
    }

    .article {
        padding: 10px 5% 10px;
    }

    .article-title {
        font-size: 30px;
        line-height: 30px;
    }

    .article-content p {
        padding-left: 0px;
    }

    .article-top {
        padding-top: 5px;
        padding-bottom: 13px;
        margin-bottom: 15px;
        align-items: baseline;
    }

    .article-top .theme-list {
        flex-wrap: wrap;
    }

    .article-top .theme-list .theme-item {
        margin: 5px;
    }

    /* Dossier single */
    .section-dossier-single {
        padding-left: 10px;
    }

    .dossier-single-right .dossier-article-item {
        width: 100%;
    }

    .dossier-title {
        font-size: 25px;
        line-height: 30px;
    }

    /*  parution single  */
    .single-parution .article-right {
        top: 80px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .single-parution .parution-right-content {
        margin-bottom: 10px;
    }

    .single-parution .parution-img-right {
        width: 190px;
    }

    /* agenda */
    .agenda-item {
        width: 100%;
        min-height: inherit;
    }

    .agenda-link {
        height: auto;
    }

    /* rubrique */
    .rubrique-title {
        font-size: 39px;
        line-height: 50px;
    }

    /* product */
    .section-product {
        padding: 20px;
    }

    .product-wrapper {
        flex-direction: column;
    }

    .product-left,
    .product-right {
        position: inherit;
        width: 100%;
    }

    .section-reassur {
        flex-wrap: wrap;
        height: auto;
        padding: 15px 0;
    }

    .reassur-item {
        flex-direction: column;
        margin: 20px;
    }

    .reassur-img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .abo-item-link {
        width: 100%;
    }

    .term-entretien .article-item {
        width: 100%;
    }

    .push-abo {
        flex-direction: column;
    }

    .push-abo-left,
    .push-abo-right {
        width: 100%;
        padding: 25px 25px 40px;
    }

    .push-right-content {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 20px;
        width: 100%;
    }

    .push-abo-text {
        padding-left: 0px;
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
    }

    .push-abo h4 {
        font-size: 27px;
        line-height: 32px;
        letter-spacing: -1px;
        font-family: kazimirtext, sans-serif;
        padding: 0;
        font-weight: 400;
        text-align: center;
        width: 100%;
    }

    .article-right {
        margin-top: 20px;
    }

    .w-richtext figure {
        position: relative;
        max-width: 100%;
    }

    .theme-list {
        display: none;
    }

    .home-entretien {
        width: 100%;
    }

    .home-apropos-wrapper {

        padding: 20px 10px 0px;
        columns: 1;
        font-size: 18px;
        line-height: 25px;
    }

    .home-left {
        height: 100vw;
    }

    .single-parution .article-right {
        top: 0px;
        position: relative;
    }

    .dossier-top-img {
        width: 100%;
        height: 280px;
        margin-bottom: 10px;
    }

    .article-dossier {
        max-height: none !important;
    }
}