/* < 512px */
@media screen and (max-width: 32rem){

    #header {
        position: fixed;
    }

    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .link {
        margin-bottom: 1rem;
    }

    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-accroche-mobile,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-accroche-mobile {
        margin-bottom: 1rem;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }

    .mfp-embedded-video-popup .video-embed-field-provider-youtube {
        width: 99vw;
    }
    .mfp-embedded-video-popup .video-embed-field-provider-youtube iframe {
        width: 99vw;
        height: 290px;
    }


    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-description,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-description {
        padding: 0;
        width:100%;
    }

    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-image img,
    .paragraph--type--carrousel-article .item-wrapper .paragraph .item-image img,
    .paragraph--type--articles .item-wrapper .paragraph .item-image img {
        display: block;
    }

    .paragraph--type--engagements .item-wrapper .graines img {
        width: 60%;
        height: 60%;
    }
    /*
    .paragraph--type--engagements .item-wrapper .paragraph.intro {
        margin: 4% 2rem;
    }*/

    .paragraph--type--engagements .item-wrapper .paragraph.liste .item {
        min-width: 370px;
        max-width: 370px;
    }
    /*.paragraph--type--search .graines-transparent-hero,
    .paragraph--type--hero .graines-transparent-hero{
        width: 35%;
    }*/

    #block-vivesciaingredients-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.paragraph--type--chiffre-cle):last-child,
    #block-vivescia-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.paragraph--type--chiffre-cle):last-child{
        margin-bottom: 4rem;
    }

}
/* > 512px */
@media screen and (min-width: 32rem){
    .node-323 .partenaires-transitions-titre{
        width: 80%;
    }
    .node-323 .paragraph--type--image-texte.vert::after {
        background-size: 40%;
    }
    .liste-programme .programme {     
        flex-direction: row;
    }
    .liste-programme .activite {
        width: 85%;
    }
    .paragraph--type--articles .item-wrapper .item-content.secondaires .paragraph.article {
        width: 45%;
    }
    .paragraph--type--push-double .item-wrapper .content,
.paragraph--type--push-simple .item-wrapper .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    .paragraph--type--portrait {
        width: 49%;
        margin-bottom: 0.5rem;
    }
    .portrait-popup .item-text, .paragraph--type--portrait .item-text {
        top: 7rem;
        margin: 0 0.5rem;
    }
    .paragraph--type--banniere-principale .content .title {
        width: 70%;
    }
    .paragraph--type--rte #bloc-rte-rse-accueil .item-image {
        width: 70%;
    }
    #header {
        position: fixed;
    }

    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .link {
        margin-bottom: 1rem;
    }


    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-accroche-mobile,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-accroche-mobile {
        margin-bottom: 1rem;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }
/*
    #block-vivesciaingredients-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.activite):not(.paragraph--type--rte.accueil):not(.paragraph--type--chiffre-cle):last-child,
    #block-vivescia-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.activite):not(.paragraph--type--rte.accueil):not(.paragraph--type--chiffre-cle):last-child{
        margin-bottom: 4rem;
    }
    */

    .paragraph--type--carrousel-image .paragraph--type--image.large .item-wrapper {
        max-width: 360px;
    }
    .paragraph--type--engagements .item-wrapper .paragraph .item-image {
        width: 184px;
        height: 184px;
        background-size: 100%;
    }
    .paragraph--type--push-double .item-wrapper .bloc-push-simple,
    .paragraph--type--push-simple .item-wrapper .bloc-push-simple {
        display: flex;
        justify-content: space-between;
    }


    .paragraph--type--tableau-offres .item-wrapper h6, .paragraph--type--tableau-offres .dataTables_wrapper .dataTables_info {
        margin-bottom: 2rem;
    }
    .paragraph--type--tableau-offres #liste-emplois #filtre-emploi select::before{
        content: '000';
    }
    .paragraph--type--tableau-offres #liste-emplois #filtre-emploi select {
        margin-right: 1rem;
        display: inline-block;
        font-size: 1rem;
        max-width: 200px;
        border: none;
        background-color: #F6F2E3;
        -webkit-appearance: none;
    }
    .paragraph--type--tableau-offres #liste-emplois img {
        float : left;
    }
    .paragraph--type--tableau-offres #liste-emplois .offre-emp {
        margin-left: 170px;
        min-height: 70px;
    }


}
/* 608 */
@media screen and (min-width: 38rem){
    .paragraph.details-article .content .title{
        font: bold 38px/46px 'Lato';
    }
    .paragraph.details-article .content .item-date,
    .paragraph.details-actualite .content .item-date{
        position: absolute;
        bottom: 0.25rem;
    }
}
/* 718px */
@media screen and (min-width: 44.875rem){
    .partenaires-transitions {
        justify-content: space-evenly;
    }
    .paragraph.details-actualite .content .item-tag{
        display: block;
    }
    .paragraph.details-actualite .content .title {
        font: bold 38px/42px 'Lato';
    }

    .paragraph--type--articles .item-wrapper .paragraph .item-image{
        display: block;
    }
    .portrait-popup .item-text, .paragraph--type--portrait .item-text {
        top: 13rem;
        margin: 0 1.5rem;
    }
    .paragraph--type--rte #bloc-rte-rse-accueil {
        flex-direction: row;
        justify-content: space-between;
    }
    #bloc-rte-rse-accueil .down:after {
        position: relative;
    }
    .paragraph--type--engagements .item-wrapper .paragraph .navigation-engagements {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0;
    }
    #header {
        position: fixed;
    }

    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .link {
        margin-bottom: 1rem;
    }


    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-accroche-mobile,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-accroche-mobile {
        margin-bottom: 1rem;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }

    /*#block-vivesciaingredients-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.activite):not(.paragraph--type--rte.accueil):not(.paragraph--type--chiffre-cle):last-child,
    #block-vivescia-content .paragraph:not(.paragraph--type--autres-actus):not(.paragraph--type--bloc-publication-double):not(.paragraph--type--bloc-histoire-navigation):not(.une):not(.activite):not(.paragraph--type--rte.accueil):not(.paragraph--type--chiffre-cle):last-child{
        margin-bottom: 4rem;
    }*/

    .paragraph--type--carrousel-image .paragraph--type--image.large .item-wrapper {
        max-width: 560px;
    }
    .paragraph--type--grille-portrait .item-wrapper {
        margin: 0 auto;
        max-width: 40.45rem;
    }
    .paragraph--type--portrait {
        margin: 0;
    }
    /*.white-popup {
        display: flex;
        flex-direction: row;
    }
    .white-popup .titre {
        margin-top: 0;
    }
    .white-popup .contenu {
        width: calc(100% - 178px);
        margin-left: 1rem;
    }
    .paragraph--type--search .graines-transparent-hero:after,
    .paragraph--type--hero .graines-transparent-hero:after {
        height: 291px;
    }
    .paragraph--type--hero.no-image .content {
        max-width: 740px;
        margin: 0 auto;
    }*/
    .paragraph--type--bloc-publication-simple .item {
        display: block;
        position: relative;
        top: 2rem;
        left: 2.5rem;
        padding: 0;
    }
    .paragraph--type--bloc-publication-simple .item-image {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        width: 30%;
    }
    .paragraph--type--bloc-publication-simple .item-description {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        margin-left: 2rem;
        width: 50%;
    }
    .paragraph--type--bloc-publication-simple {
        margin-bottom: 10rem;
    }

    .paragraph--type--bloc-publication-double .item {
        display: flex;
        padding: 3rem 1.25rem;
        width: 100%;
    }
    .paragraph--type--bloc-publication-double .item-image {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        width: 30%;
    }
    .paragraph--type--bloc-publication-double .item-description {
        margin: 0;
        display: inline-block;
        vertical-align: top;
        margin-left: 2rem;
        width: 50%;
    }
   /* .paragraph--type--bloc-publication-double {
        margin-bottom: 10rem;
    }*/

    #user-login-form {
        margin: 0 auto;
        max-width: 620px;
    }

.paragraph--type--formulaire .item-wrapper{
margin: 2.5rem auto 7rem;
max-width: 740px;
}
.paragraph--type--formulaire .form-item-intro {
font: normal 18px/31px 'Lato';
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.paragraph--type--formulaire .webform-submission-contact-form .form-item-prenom{
    flex: 0 0 49%;
    margin-left: 2%;
}
.paragraph--type--formulaire .webform-submission-contact-form .form-item-nom {
flex: 0 0 49%;
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single {
padding: 1.5rem;
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 1.5rem;
right: 1.5rem;
}
.paragraph--type--formulaire select,
.paragraph--type--formulaire textarea,
.paragraph--type--formulaire input {
padding: 1.5rem;
}
.paragraph--type--formulaire .form-item {
margin-top:1rem;
margin-bottom:1rem;
}
.webform-confirmation .webform-confirmation__message{
    margin: 3.5rem 0rem;
    max-width: 740px;
}
    .paragraph--type--bloc-histoire-navigation .item-wrapper {
        margin: 3rem auto;
    }
    .paragraph--type--bloc-histoire-navigation .navigation {
        flex-direction: row;
        align-items: center;
    }
    .paragraph--type--bloc-histoire-navigation .prev,
    .paragraph--type--bloc-histoire-navigation .next {
        width: 48px;
        height: 48px;
    }
    .paragraph--type--bloc-histoire-navigation .prev:before,
    .paragraph--type--bloc-histoire-navigation .next:before {
        width: 48px;
        height: 48px;
    }
    .paragraph--type--bloc-histoire-navigation .date {
        font: normal 36px/45px 'Brandon';
    }
    .paragraph--type--bloc-histoire-vignette {
        padding: 1rem;
        margin-top: 5rem;
    }
    .paragraph--type--bloc-histoire-vignette .item-wrapper {
        margin: 3rem auto 3rem;
    }
    .paragraph--type--bloc-histoire-vignette .periode .vignette .date {
        font: normal 36px/45px 'Brandon';
    }
    .paragraph--type--bloc-histoire-vignette .periode .vignette .titre {
        font: bold 18px/23px 'Lato';
    }
    .paragraph--type--bloc-histoire-contenu {
        padding: 5rem 0;
    }
    .paragraph--type--bloc-histoire-contenu .contenu > .titre {
        font: bold 38px/46px 'Lato';
    }
    .paragraph--type--bloc-histoire-contenu .item-wrapper {
        margin: 3rem auto;
        max-width: 41.25rem;
    }
    .paragraph--type--bloc-histoire-contenu .timeline::before{
        left: -4rem;
    }
    .paragraph--type--bloc-histoire-contenu .timeline .date::before {
        left: -4.6rem;
    }
    .paragraph--type--bloc-histoire-contenu .timeline .date {
        font: normal 45px/58px 'Brandon';
    }
    .paragraph--type--bloc-histoire-contenu .contenu .description,
    .paragraph--type--bloc-histoire-contenu .timeline .description {
        font: normal 18px/31px 'Lato';
    }
    .paragraph--type--bloc-histoire-contenu .timeline {
        padding: 2rem 0;
        width:100%;
    }
    .paragraph--type--liste-accordeons .item-wrapper {
        margin: 3rem auto;
        max-width: 41.25rem;
    }
    .paragraph--type--liste-telechargement .item-wrapper {
        margin: 3rem auto;
        max-width: 41.25rem;
    }
    .paragraph--type--exergue .item-wrapper {
        margin: 3rem auto;
        max-width: 41.25rem;
    }
    .paragraph--type--exergue .item-wrapper .bloc-exergue {
        flex-direction: row;
    }
    .paragraph--type--exergue .item-wrapper .grains {
        width: 5.5rem;
        margin-right: 1rem;
        min-width: 4rem;
    }
    .paragraph--type--push-simple .item-wrapper,
    .paragraph--type--push-double .item-wrapper {
        max-width: 55.25rem;

    }
    .paragraph--type--push-simple .item-wrapper .bloc-push,
    .paragraph--type--push-double .item-wrapper .bloc-push {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 4rem auto;
    }
    .paragraph--type--push-simple .item-wrapper .bloc-push .bloc-push-simple,
    .paragraph--type--push-double .item-wrapper .bloc-push .bloc-push-simple{
        width: 580px;
    }
    /*
    .paragraph--type--push-double .item-wrapper .bloc-push .bloc-push-simple:last-child{
        margin-left: 1rem;
    }*/
    /*.paragraph--type--push-simple .item-wrapper {
        margin: 3rem auto;
        max-width: 41.25rem;
    }*/
}
/* 768px */
@media screen and (min-width: 48rem){
    .paragraph--type--bloc-video-double .mfp-video-embed-popup::after,
    .paragraph--type--bloc-texte-video .mfp-video-embed-popup::after,
    .paragraph--type--bloc-video .mfp-video-embed-popup::after {
        transform: scale(1.0);
    }
    .paragraph--type--bloc-video-double .mfp-video-embed-popup:hover::after,
    .paragraph--type--bloc-texte-video .mfp-video-embed-popup:hover::after,
    .paragraph--type--bloc-video .mfp-video-embed-popup:hover::after {
        transform: scale(1.1);
    }
    .paragraph--type--liste-actualites-une .item-wrapper .item-content.secondaires,
    .paragraph--type--articles .item-wrapper .item-content.secondaires {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 4rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .item-content.secondaires .paragraph.actualite,
    .paragraph--type--articles .item-wrapper .item-content.secondaires .paragraph.article {
        width: 24%;
    }
.paragraph--type--rte #bloc-rte-rse-accueil .item-image {
        width: 32%;
        margin: 0;
    }
    #header {
        position: fixed;
    }

    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-accroche-mobile,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-accroche-mobile {
        margin-bottom: 1rem;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }

    .paragraph--type--carrousel-image .item-wrapper .paragraph .owl-nav {
        max-width: 880px;
    }

    .paragraph--type--image {
        /*margin-bottom: 3.5rem; masquer pour page cooperative*/
    }
    .paragraph--type--image.large.details-article .item-wrapper{
        margin: 0 auto;
    }
    .page-node-type-page-accueil #block-vivesciaingredients-breadcrumbs .item-wrapper,
    .page-node-type-page-accueil #block-vivescia-breadcrumbs .item-wrapper{
        margin: 3.5rem 1.25rem;
    }

    .paragraph.paragraph--type--hero.no-image.details-article {
        padding-bottom: 3rem;
    }

    /*.paragraph--type--articles .item-wrapper .paragraph .item-image {
        margin-bottom: 1rem;
    }
    */
    .paragraph--type--autres-articles .item-wrapper h2,
    .paragraph--type--autres-actus .item-wrapper h2 {
        font: bold 40px/48px 'Lato';
        color: #000;
        margin: 0;
    }
    .paragraph--type--autres-articles .item-wrapper .item-title,
    .paragraph--type--autres-actus .item-wrapper .item-title {
        font: bold 24px/32px 'Lato';
    }
    .paragraph--type--sharing-links .item-wrapper,
    .paragraph--type--etiquettes .item-wrapper {
        width: 740px;
        margin: 1.5rem auto;
    }
    .paragraph--type--image.large .legende {
        margin: 0.75rem auto;
    }
    .paragraph--type--push-article .item-wrapper .item-content,
    .paragraph--type--push-actualite .item-wrapper .item-content{
        flex-direction: row;
    }
    .paragraph--type--autres-articles .item-wrapper .item-content,
    .paragraph--type--autres-actus .item-wrapper .item-content,
    .paragraph--type--result-search .item-wrapper .item-content{
        flex-direction: row;
        padding: 1.5rem 0;
    }
    .paragraph--type--carrousel-article .item-wrapper .item-image{
        width: 100%;
    }
    .paragraph--type--push-article .item-wrapper .item-image,
    .paragraph--type--push-actualite .item-wrapper .item-image,
    .paragraph--type--autres-articles .item-wrapper .item-image,
    .paragraph--type--autres-actus .item-wrapper .item-image,
    .paragraph--type--result-search .item-wrapper .item-image {
        width: 207px;
    }
    .paragraph--type--push-article .item-wrapper .item-description,
    .paragraph--type--push-actualite .item-wrapper .item-description,
    .paragraph--type--autres-articles .item-wrapper .item-description,
    .paragraph--type--autres-actus .item-wrapper .item-description,
    .paragraph--type--result-search .item-wrapper .item-description {
        width: calc(100% - 207px);
        padding-left: 2.5rem;
        margin-top: 0;
    }
/*
    .paragraph--type--engagements .item-content .paragraph.intro {
        padding-top: 9rem;
    }
*/
    .paragraph--type--engagements .item-wrapper .paragraph-title{
        font: normal 34px/44px 'Brandon';
        margin-bottom: 1.5rem;
        color: #883316;
        width: 19.75rem;
    }

    .paragraph--bloc--actionnaire .item-wrapper .item {
        flex-direction: row;
    }
    .paragraph--bloc--actionnaire .item-wrapper .item .item-description{
        width: 50%;
        margin: 2rem 3rem;
    }
    .paragraph--bloc--actionnaire .item-wrapper .item .item-image {
        width: 50%;
    }
    .paragraph--bloc--actionnaire .item-wrapper .item .item-title {
        font: bold 32px/40px 'Lato';
        color: #247088;
        margin-bottom: 2rem;
    }
    .paragraph--bloc--actionnaire .item-wrapper .item .item-accroche {
        font: normal 18px/31px 'Lato';
        letter-spacing:  0.01em;
        margin-bottom: 2.5rem;
    }
    .paragraph--type--carrousel-article .item-wrapper .paragraph .prev,
    .paragraph--type--carrousel-article .item-wrapper .paragraph .next,
    .paragraph--type--carrousel-article .item-wrapper .paragraph .prev:before,
    .paragraph--type--carrousel-article .item-wrapper .paragraph .next:before,
    .paragraph--type--carrousel-video .item-wrapper .paragraph .prev,
    .paragraph--type--carrousel-video .item-wrapper .paragraph .next,
    .paragraph--type--carrousel .item-wrapper .paragraph .prev,
    .paragraph--type--carrousel .item-wrapper .paragraph .next,
    .paragraph--type--carrousel-video .item-wrapper .paragraph .prev:before,
    .paragraph--type--carrousel-video .item-wrapper .paragraph .next:before,
    .paragraph--type--carrousel .item-wrapper .paragraph .prev:before,
    .paragraph--type--carrousel .item-wrapper .paragraph .next:before {
        width: 58px;
        height: 58px;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper{
        margin: 0 2rem;
    }
    .paragraph--type--tableau-offres #liste-emplois #tableau-emploi span.publication,
    .paragraph--type--tableau-offres #liste-emplois #tableau-emploi span.contrat {
        display: inline-block;
    }
    .paragraph--type--tableau-offres h1 {
        font: normal 34px/44px 'Brandon';
    }
    .paragraph--type--bloc-publication-double .item-wrapper {
        flex-wrap: wrap;
        flex-direction: inherit;
    }
    .paragraph--type--bloc-publication-double #lien-bloc-publication-double {
        display: block;
    }

    .paragraph--type--carrousel-video {
        margin: 5rem 0;
    }
    .paragraph--type--bloc-video.full,
    .paragraph--type--bloc-video.large {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .is-front-page .paragraph--type--bloc-video.full{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .is-front-page .paragraph--type--bloc-video.large {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .paragraph--type--bloc-publication-simple .item-titre {
        font: bold 24px/32px 'Lato';
        color: #FFF;
        margin-bottom: 2rem;
    }
    .paragraph--type--bloc-publication-simple .item-sous-titre {
        font: normal 18px/31px 'Lato';
        letter-spacing: 0.01em;
        color: #FFF;
        margin-bottom: 2rem;
    }
    .paragraph--type--bloc-publication-double .item-titre {
        font: bold 24px/32px 'Lato';
        color: #FFF;
        margin-bottom: 2rem;
    }
    .paragraph--type--bloc-publication-double .item-sous-titre {
        font: normal 18px/31px 'Lato';
        letter-spacing: 0.01em;
        color: #FFF;
        margin-bottom: 2rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.actualite .item-title{
        margin-top: 0;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .mobile-only .item-title,
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .mobile-only .item-tag,
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .mobile-only .item-date {
        display: none;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-description:not(.mobile-only)  {
        display: inline-block;
    }

    .paragraph--type--banniere-principale {
        padding: 11rem 3.875rem 4rem 3.875rem;
    }
    .paragraph--type--carrousel-article.accueil {
        margin: 0 0 2.5rem;
    }
    .paragraph--type--liste-des-marques .item-wrapper {
        margin: 3rem 2.5rem 5rem 2.5rem;
    }
    /*.paragraph--type--activites .item-wrapper .paragraph:first-child {
        margin-top: 0;
    }*/
    .paragraph--type--activites .item-wrapper .paragraph:last-child {
        margin-bottom: 0;
    }

    .paragraph--type--engagements .item-wrapper {
        margin:0 2rem;
    }
    .paragraph--type--engagements .item-content {
        padding: 2rem 0;
    }
    .paragraph--type--rte.accueil .item-wrapper,
    .is-front-page .paragraph--type--rte .item-wrapper,
    .is-front-page .paragraph--type--rte.large .item-wrapper {
        margin: 0 2rem;
        max-width: 100%;
    }
    .paragraph--type--liste-3-dernieres-actualites {
        padding: 0;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .item-bloc {
        flex-direction: row;
        margin:  2.5rem 0rem 2.5rem 0rem;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph {
        position: relative;
        padding: 0 1rem 0 1rem;
        margin: 0 0 0 0 ;
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    /*.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:after {
        background-image: url(../images/separateur-actualites-vertical.svg);
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        content: '';
        width: 5px;
    }*/
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:first-child{
        margin: 0;
    }
    /*.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:last-child{
        padding-right: 0;
        margin-left: 0px;
        padding-left: 32px;
        margin-bottom: 0 !important;
    }*/
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:last-child:after {
        background-image: none;
    }
    .paragraph--type--carrousel-article .item-wrapper .item-content,
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .item-content {
        display: flex;
        flex-direction: column;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-title {
        font: bold 16px/19.2px 'Lato';
    }
    /*.paragraph--type--liste-3-dernieres-actualites .lien {
        margin: 0.5rem 0rem;
    }*/

    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .chapeau,
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .paragraph--type--rte {
        font: normal 18px/31px 'Lato';
        letter-spacing: 0.01em;
    }
    .paragraph--type--carrousel-article .paragraph--type--bloc-article.large,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.full,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.large {
        width: 260px;
    }
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre:after {
        transform: rotate(180deg);
    }
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon.active .entete .titre:after {
        transform: rotate(0deg);
    }
    .paragraph--type--citation .item-wrapper .bloc-citation {
        padding: 3rem;
        margin: 3rem 0;
    }
    .paragraph--type--citation .item-wrapper .auteur {
        margin: 2rem 0 0rem;
    }
    .paragraph--type--bloc-video-double .item-wrapper,
    .paragraph--type--bloc-texte-video .item-wrapper,
    .paragraph--type--image-texte .item-wrapper {
        margin: 0 auto;
    }
    .paragraph--type--bloc-video-double .item-wrapper p,
    .paragraph--type--bloc-texte-video .item-wrapper p {
        margin: initial !important;
        padding: initial !important;
    }
    .paragraph--type--bloc-video-double .item-wrapper p,
    .paragraph--type--bloc-texte-video .item-wrapper p,
    .paragraph--type--image-texte .item-wrapper p {
        margin: 0;
    }
    .node-323 .paragraph--type--bloc-video-double,
    .node-323 .paragraph--type--bloc-texte-video,
    .node-323 .paragraph--type--image-texte {
        padding: 2rem 0rem 1rem 0rem;
    }

    .paragraph--type--bloc-video-double,
    .paragraph--type--bloc-texte-video,
    .paragraph--type--image-texte {
        padding: 1rem 3rem;
    }
   
    .paragraph--type--focus .item-wrapper .bloc-focus .image,
    .paragraph--type--image-texte .item-wrapper .bloc-image-texte .image {
        display: inline-block;
        width: 33%;
        vertical-align: top;
        padding: initial;
    }
    .paragraph--type--bloc-video-double .item-wrapper .bloc-video{
        display: inline-block;
        width: 51%;
        vertical-align: top;
    }
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video .video {
        display: inline-block;
        width: 65%;
        vertical-align: top;
    }
    .paragraph--type--bloc-video-double .bloc-video {
        padding: 0.5rem;
    }
    .paragraph--type--bloc-video-double .bloc-video-double {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    
        .paragraph--type--focus .item-wrapper .bloc-focus.gauche .gauche
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video.gauche .gauche,
    .paragraph--type--image-texte .item-wrapper .bloc-image-texte.gauche .gauche {
        display: none;
    }
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video.droite .gauche {
        display: inline-block;
        width: 32%;
        margin-right: 2%;
        vertical-align: top;
    }
    .paragraph--type--focus .item-wrapper .bloc-focus.droite .gauche,
        .paragraph--type--image-texte .item-wrapper .bloc-image-texte.droite .gauche {
        display: inline-block;
        width: 65%;
        margin-right: 1%;
        vertical-align: top;
    }
    .paragraph--type--focus .item-wrapper .bloc-focus.droite .droite,
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video.droite .droite,
    .paragraph--type--image-texte .item-wrapper .bloc-image-texte.droite .droite {
        display: none;
    }
    .paragraph--type--focus .item-wrapper .bloc-focus.gauche .droite,
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video.gauche .droite,
    .paragraph--type--image-texte .item-wrapper .bloc-image-texte.gauche .droite {
        display: inline-block;
        width: 65%;
        margin-left: 1%;
        vertical-align: top;
    }
    .paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video.gauche .droite{
        display: inline-block;
        width: 33%;
        margin-left: 1%;
        vertical-align: top;
    }
    .paragraph--type--focus.gauche + .paragraph--type--focus .bloc-focus .droite {
        display: none;
    }
    .paragraph--type--focus.gauche + .paragraph--type--focus .bloc-focus .gauche {
        display: inline-block;
        width: 64%;
        margin-left: 1%;
    }
    .paragraph--type--focus.droite + .paragraph--type--focus .bloc-focus .gauche {
        display: none;
    }
    .paragraph--type--focus.droite + .paragraph--type--focus .bloc-focus .droite {
        display: inline-block;
        width: 64%;
        margin-left: 1%;
    }

    /* Alterné */
    .paragraph--type--focus:nth-child(2n) .bloc-focus .droite {
        display: none;
    }
    .paragraph--type--focus:nth-child(2n) .bloc-focus .gauche {
        display: inline-block;
        width: 64%;
        margin-right: 2%;
        vertical-align: top;
    }
    .paragraph--type--focus:nth-child(2n+1) .bloc-focus .gauche {
        display: none;
    }
    .paragraph--type--focus:nth-child(2n+1) .bloc-focus .droite {
        display: inline-block;
        width: 64%;
        margin-left: 2%;
        vertical-align: top;
    }

    .paragraph--type--focus.droite .bloc-focus .content.droite {
        display: none;
    }
    .paragraph--type--focus.droite .bloc-focus .content.gauche {
        display: inline-block;
        width: 64%;
        /*margin-left: 1%;*/
    }

    .paragraph--type--focus.gauche .bloc-focus .content.gauche {
        display: none;
    }
    .paragraph--type--focus.gauche .bloc-focus .content.droite {
        display: inline-block;
        width: 64%;
        margin-left: 1%;
    }


    .paragraph--type--focus .item-wrapper,
    .paragraph--type--push-article .item-wrapper,
    .paragraph--type--push-actualite .item-wrapper,
    .paragraph--type--rte .item-wrapper {
        margin: 0 auto;
    }
    .paragraph--type--bloc-video .item-wrapper,
    .paragraph--type--image .item-wrapper {
        margin: 0 auto;
    }


    /* Activites - tablet */
    .paragraph--type--activites .item-wrapper .paragraph{
        width: calc(50% - 1rem);
    }
    .paragraph--type--activites .item-wrapper {
        flex-direction: row;
        margin: 2.5rem 2rem;
    }
    .paragraph--type--activites .item-wrapper .paragraph:last-child {
        margin-top: 0rem !important;
    }
    .paragraph--type--activites .item-wrapper .paragraph {
        /*margin: 0 1rem;
        width: 38.5rem;*/
    }
    /*.paragraph--type--activites .item-wrapper .paragraph:first-child{
        margin-left: 0;
    }*/
    .paragraph--type--activites .item-wrapper .paragraph:last-child{
        margin-right: 0;
    }


    .paragraph--type--banniere-principale .content .title {
        width: 80%;
        line-height: 1.33;
    }
    .paragraph--type--banniere-principale .content .wrapper-cta .cta {
        width: auto;
    }
    #footer .wrapper-footer-menu {
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #footer .wrapper-footer-menu .footer-menu {
        width: 50%;
    }
    #footer .wrapper-footer-menu > *:first-child{
        width: 100%;
    }
    #footer .wrapper-footer-menu #block-vivesciaingredients-footeraccesdirectingredients,
    #footer .wrapper-footer-menu #block-vivesciaingredients-footertousnossitesingredients,
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivreingredients,
    #footer .wrapper-footer-menu #block-footersecondecolonne,
    #footer .wrapper-footer-menu #block-footertousnossites,
    #footer .wrapper-footer-menu #block-footernoussuivre {
        flex: 50%
    }
    #footer .wrapper-footer-menu #block-footernoussuivremobile{
        display: block;
    }
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(3),
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(4),
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(5),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(3),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(4),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(5){
        display: none;
    }


    .menu--footer---seconde-colonne, .menu--footer---tous-nos-sites {
        width: auto;
        display: block;
    }
    .paragraph--type--bloc-publication-double .item-wrapper{
        margin: 0 2rem;
    }
    .paragraph--type--hero.no-image.accueil .content,
    .paragraph--type--liste-actualites-une .item-wrapper,
    .paragraph--type--articles .item-wrapper {
        margin: 2.5rem 2rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une,
    .paragraph--type--articles .item-wrapper .paragraph.une{
        width: 100%;
        margin-right: 1.5rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-image,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-image {
        width: 60%;
        display: inline-block;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-description,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-description {
        width: 39%;
        display: inline-block;
        vertical-align: top;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-description:not(.mobile-only),
    .paragraph--type--articles .item-wrapper .paragraph.une .item-description:not(.mobile-only){
        padding: 0 0 0 1rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une),
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) {
        /*
        width: 48%;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        */
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une):nth-child(2n+1),
    .paragraph--type--articles .item-wrapper .paragraph:not(.une):nth-child(2n+1) {
        /*margin-right: 1rem;*/
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-tag,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-tag {
        margin-top: 1.5rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-title,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-title {
        /*margin-top: 1.5rem;*/
    }


    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-description .item-tag:first-child,
    .paragraph--type--articles .item-wrapper .paragraph .item-description .item-tag:first-child{
        display: inline-block;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-description .item-tag:last-child,
    .paragraph--type--articles .item-wrapper .paragraph .item-description .item-tag:last-child{
        display: none;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-accroche,
    .paragraph--type--articles .item-wrapper .paragraph .item-accroche {
        margin-top: 1.5rem;
    }



    /*.paragraph--type--search .graines-transparent-hero,
    .paragraph--type--hero .graines-transparent-hero{
        width: 30%;
    }*/
    .paragraph--type--liste-des-marques .item-wrapper .paragraph.liste .item {
        width: 100px  !important;
    }
    .paragraph--type--bloc-chiffres-cles {
        margin: 5rem 0 3rem 0;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .desc {
        margin-top: 1.25rem;
        margin-bottom: 2rem;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle {
        max-width: 100%;
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
        width: auto;
        margin: 0;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .number-content-wrapper .number-content .number {
        font-size: 7.5rem;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:after {
        background-image: url(../images/separateur-chiffres-vertical.svg);
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:last-child:after,
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:nth-child(2n+2):after {
        background-image: none;
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .desc {
        max-width: 80%;
    }
    .paragraph--type--etiquettes.accueil .item-wrapper {
        margin: 1.25rem;
    }
}
/* 880px */
@media screen and (min-width: 55rem){
    .node-323 .paragraph--type--rte.large .item-wrapper {
        margin: 0 auto;
        width: 80%;
        max-width: 1024px;
    }
    .node-262 .paragraph--type--rte.accueil .paragraph-title .titre,
    .node-327 .paragraph--type--rte.accueil .paragraph-title .titre{
        font: bold 48px / 48px 'Kapra FBI';
        text-transform: uppercase;
    }
    .paragraph--type--rte.accueil.flex {
        padding: 3rem 0;
    }
    .node-262 .paragraph--type--rte .item-wrapper .lien-inscription,
    .node-327 .paragraph--type--rte .item-wrapper .lien-inscription {
        right: 15.3%;
        top: 5.5rem;
        bottom: initial;
    }
    .node-262 .paragraph--type--formulaire .item-wrapper,
    .node-327 .paragraph--type--formulaire .item-wrapper {
        margin: 0 auto 4rem;
        max-width: 740px;
    }    
    .paragraph--type--rte.accueil.flex .item-wrapper {
        flex-direction: row;
    }
    .paragraph--type--rte.accueil.flex .item-wrapper > p {
        width: 65%;
        font: normal 24px/32px 'Lato';
    }
    .paragraph--type--rte.accueil.flex .item-wrapper > .item-content {
        width: 25%;
    }
    .liste-programme .image-date {
        position: absolute;
        left: -5%;
    }
    .liste-programme .image-date.h14 {
        top: 100px;
    }
    .liste-programme .image-date.h15 {
        top: 0;
    }
    .liste-programme {
        width: 65%;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .liste-programme .image-date {
        position: absolute;
        left: -40%;
    }
    .liste-programme .heure{
        font: bold 30px/38px 'Kapra FBI';
    }
    .liste-programme .entete{
        font: normal 16px/24px 'Lato';
    }
    .liste-programme .adresse{
        font: normal 16px/24px 'Lato';
    }
    .liste-programme .titre {
        font: Bold 24px/36px 'Lato';
    }
    .liste-programme .titre.pause {
        font: Bold 18px/24px 'Lato';
    }   
    .liste-programme .horaire {
        width: 28%;
    }
    .liste-programme .activite {
        width: 70%;
    }
    .liste-programme .activite.pommery::after {
        content: '';
        background-image: url(../images/image-forum-1.png);
        position: absolute;
        z-index: 1;
        width: 346px;
        height: 346px;
        right: -30%;
        top: 150%;
        background-size: 50%;
        background-repeat: no-repeat;
    }
    .liste-programme .activite.paix::after {
        content: '';
        background-image: url(../images/image-forum-hotel-paix.png);
        position: absolute;
        z-index: 1;
        width: 230px;
        height: 230px;
        right: -35%;
        top: 150%;
        background-size: 50%;
        background-repeat: no-repeat;
    }

    /*.liste-programme .activite.christoph-buren::after {
        content: '';
        background-image: url(../images/image-forum-2.png);
        position: absolute;
        z-index: 1;
        width: 178px;
        height: 178px;
        right: -13%;
        top: 0%;
        background-size: 70%;
        background-repeat: no-repeat;
    }*/
    .liste-programme .activite.julia-de-funes::after {
        content: '';
        background-image: url(../images/image-forum-3.png);
        position: absolute;
        z-index: 1;
        width: 330px;
        height: 330px;
        left: -55%;
        top: -10%;
        background-size: 70%;
        background-repeat: no-repeat;
    }
    .liste-programme .activite.domaine-pommery::after {
        content: '';
        background-image: url(../images/image-forum-domaine-pommery.png);
        position: absolute;
        z-index: 1;
        width: 330px;
        height: 330px;
        left: -55%;
        top: -10%;
        background-size: 70%;
        background-repeat: no-repeat;
    }
    .liste-programme .activite.vivescia::after {
        content: '';
        background-image: url(../images/image-forum-4.png);
        position: absolute;
        z-index: 1;
        width: 176px;
        height: 176px;
        right: -5%;
        top: -10%;
        background-size: 70%;
        background-repeat: no-repeat;
    }

    .page-node-type-contenu .paragraph--type--hero,
    .path-grand-angle .paragraph--type--hero {
        padding-top: 0;
    }
    .paragraph--type--hero.no-image.paragraph.details-actualite,
    .paragraph--type--hero.no-image.details-article{
        padding-top: 0;
    }

    .page-node-type-article .paragraph--type--hero .content,
    .paragraph--type--hero.details-actualite .content {
        top: 60px;
    }

    .paragraph--type--search,
    .paragraph--type--hero {
        height: 450px;
    }
    #header {
        position: fixed;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }

    .paragraph--type--search .graines-transparent-hero:after,
    .paragraph--type--hero .graines-transparent-hero:after {
        height: 291px;
    }
    .paragraph--type--bloc-publication-simple .item {
        top: 5rem;
    }
    .paragraph--type--bloc-publication-simple .item-image {
        width: initial;
    }
    /*.paragraph--type--bloc-publication-double .item {
        top: 5rem;
    }*/
    .paragraph--type--bloc-publication-double .item-image {
        width: 206px;
    }
    .paragraph--type--search .content{
        display: flex;
        margin: 0 auto;
        width: 55rem;
        flex-direction: column;
        padding-top: 7rem;
    }


    .paragraph--type--hero .content {
        /*display: flex;
        height: 600px;
        width: 700px;
        align-items: center;
        margin: 0 1.25rem;*/
    }
    /*.paragraph--type--search .graines-transparent-hero,
    .paragraph--type--hero .graines-transparent-hero{
        width: 25%;
    }*/
    .paragraph--type--carrousel-article .paragraph--type--bloc-article.large,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.full,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.large {
        width: 270px;
    }

}
/* 940px */
@media screen and (min-width: 58.75rem){
    #bloc-rte-rse-accueil .down:after {
        position: absolute;
    }
    #header {
        position: fixed;
    }

    #header #header-menu-wrapper #header-menu .push-link .image img{
        padding-right: 1rem;
    }

    .portrait-popup .image img {
        position: absolute;
        width: 450px;
        top: 0px;
    }
    .paragraph--type--carrousel-image .item-wrapper .paragraph.liste {
        width: initial;
    }
    .paragraph--type--carrousel-image .paragraph--type--image.large .item-wrapper {
        max-width: 880px;
    }
    .paragraph--type--carrousel-image .item-wrapper{
        max-width: 880px;
        margin: 0 auto;
        padding: 0;
    }
    .white-popup {
        /*margin: 0 auto;
        padding: 1.5rem;*/
    }
    .white-popup .mfp-close {
        right: calc(50% - 210px);
        top: -9px;
    }
    /*.white-popup .image {
        width: 324px;
    }
    .white-popup .contenu {
        width: calc(100% - 340px);
    }*/
    .white-popup .titre{
        font: bold 24px/32px 'Lato';
    }
    .white-popup .description{
        font: normal 16px/26px 'Lato';

    }
    .paragraph--type--push-simple .item-wrapper,
    .paragraph--type--push-double .item-wrapper,
    .paragraph--type--bloc-video .item-wrapper,
    .paragraph--type--carrousel-article .item-wrapper,
    .paragraph--type--carrousel-video .item-wrapper{
        margin: 0 auto !important;
    }
    .paragraph--type--carrousel-article .paragraph--type--bloc-article.large,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.full,
    .paragraph--type--carrousel-video .paragraph--type--bloc-video.large {
        width: 280px;
    }
}
/* 1024px */
@media screen and (min-width: 64rem){
    .node-323 .partenaires-transitions-titre{
        width: 60%;
    }
    /*.liste-programme .activite.christoph-buren::after {
        right: -2%;
        top: -10%;
        background-size: 80%;
    }*/
    .liste-programme .activite.julia-de-funes::after, 
    .liste-programme .activite.domaine-pommery::after{
        background-size: 80%;
    }
    .liste-programme .activite.vivescia::after {
        right: 8%;
        top: 0;
        background-size: 80%;
    }
    .paragraph--type--image.details-article > .item-wrapper > img  {
        padding: 8rem 0 2rem 0;
    }
    .page-node-type-article .paragraph--type--hero .content, 
    .paragraph--type--hero.details-actualite .content {
        top: 130px;
    }
    .paragraph--type--sharing-links {
        position: fixed;
        top: 200px;
    }
    #block-vivesciaingredients-breadcrumbs .item-wrapper,
    #block-vivescia-breadcrumbs .item-wrapper,
    .paragraph--type--hero .item-wrapperr {
        margin: 3.5rem auto;
    }
    .paragraph--type--hero.large .content {

        margin: 0 1.25rem;
    }

    .paragraph--type--portrait {
        width: 10.125rem;
    }
    .white-popup .titre, .paragraph--type--portrait .titre {
        font: bold 20px/24px 'Lato';
        color: #fff;
    }
    .portrait-popup .item-text,
    .paragraph--type--portrait .item-text {
        position: absolute;
        top: 13rem;
        margin: 1rem;
        z-index: 1;
    }
    .portrait-popup .fonction,
    .paragraph--type--portrait .fonction{
        font: normal 16px/20px 'Lato';
        margin-top: 0.3rem;
    }
    .paragraph--type--rte #bloc-rte-rse-accueil a.down {
        margin-top: 2rem;
    }
    .paragraph--type--rte.accueil .item-wrapper h2.link {
        font: bold 48px/24px 'Kapra FBI';
    }

    .paragraph--type--hero .item-wrapper,
    .paragraph--type--chapo .item-wrapper {
        margin: 3.5rem auto;
    }
    .paragraph--type--hero.large.banniere .item-wrapper {
        max-width: 1340px;
        margin: 0 auto;
    }
    .paragraph--type--image .bg-article .graines-transparent-hero,
    .paragraph--type--search .graines-transparent-hero,
    .paragraph--type--hero .graines-transparent-hero,
    .paragraph--type--rte.accueil .graines-transparent-hero,
    .paragraph--type--banniere-principale .graines-transparent-hero {
        max-width: 950px;
    }
    .paragraph--type--hero .content{
        width: 85%;
    }
    #header #header-menu-wrapper .menu-mobile-wrapper #header-menu > ul > li:nth-last-child(2) {
        padding: initial;
    }
    .paragraph--type--autres-articles .item-wrapper h2{
        margin-bottom: 2.5rem;
    }
    .paragraph--type--etiquettes.accueil {
        padding: 0 2.5rem;
    }
    .paragraph--type--etiquettes.accueil .item-wrapper {
        max-width: 1340px;
        width: 100%;
        margin: 0 auto;
        padding: 2rem 0;
    }

    .item-accroche-mobile{
        display: block;
        font-size: 18px;
    }
    .paragraph--type--grille-portrait .item-wrapper {
        margin: 0 auto;
        max-width: 85rem;
    }
    .paragraph--type--portrait {
        width: 20rem;
        margin: 0.625rem;
    }
    /*.paragraph--type--portrait .image{
        margin-top: 3rem;
    }
    .paragraph--type--portrait .image{
        margin-top: 2.5rem;
    }*/
    .paragraph--type--focus .titre{
        font: bold 24px/32px 'Lato';
        margin-bottom: 2rem;
    }
    .paragraph--type--portrait .titre{
        font: bold 24px/24px 'Lato';
    }
    .paragraph--type--portrait .fonction{
        font: normal 16px/20px 'Lato';

    }
    .paragraph--type--portrait .lien{
        margin-top: 1.5rem;
    }
    .some-sharing-links {
        /*position: fixed;
        top: 300px;*/
        position: absolute;
        top: 100px;
        left: 10px;
        width: 50px;
        z-index: 1;
    }
    .paragraph--type--bloc-publication-double .item:nth-child(1) {
        padding: 3.25rem 1.25rem 3.25rem 0rem;
    }
    .paragraph--type--bloc-publication-double .item:nth-child(2) {
        padding: 3.25rem 0rem 3.25rem 1.25rem;
    }
    #header #header-menu-wrapper #header-menu .column li:first-child{
        padding-top: 0rem;
    }
    #header #header-menu-wrapper #header-menu .column li:last-child {
        padding-bottom: 0rem;
    }
    #header #header-menu-wrapper #header-menu .push-link .content,
    #header #header-menu-wrapper #header-menu .push-link > a {
        width: 100%;
    }
    .paragraph--type--carrousel-article .item-wrapper.carrousel-article .paragraph .owl-nav,
    .paragraph--type--carrousel-video .item-wrapper.carrousel-video .paragraph .owl-nav {
        margin-right: 0rem;
    }
    .paragraph--type--image.large .legende {
        margin:  0.75rem 0;
    }
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre:after {
        transform: rotate(180deg) scale(1);
        height: 40px;
    }
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon.active .entete .titre:after {
        transform: rotate(0deg) scale(1);
    }
    #header #header-menu-wrapper #header-menu .push-link {
        padding: 50px 0;
    }
    .paragraph--type--search.no-image .content .title, .paragraph--type--hero.no-image .content .title {
        margin: 0;
        padding: 0;
    }
    nav#header-sub-menu {
        padding: 2rem 0;
    }
    .view-filters {
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    #header #header-menu-wrapper #header-menu .push-link .content:hover a {
        background-image: url(../images/bg_menu_hover_175.svg);
    }
    #header #header-menu-wrapper #header-menu > ul > li {
        padding: 0 0 1.5rem 0;
    }
    #header {
        position: fixed;
    }
    .paragraph--type--search .graines-transparent-hero:after,
    .paragraph--type--hero .graines-transparent-hero:after {
        height: 291px;
    }
    .paragraph--type--hero .content {
        /*margin: 0 auto;
        max-width: 880px;*/
    }
    #header #header-menu-wrapper #header-menu ul li a[aria-controls="grand_angle"],
    #header #header-menu-wrapper #header-menu ul li a[aria-controls="actualites_publications"]{
        padding: 5px 20px;
    }
    #header #header-menu-wrapper #header-menu ul li a[aria-controls="actualites_publications"]{
        padding: 5px 10px;
        font: bold 18px/23px 'Lato';
        margin: 0px 2rem 0 0;
        text-transform: uppercase;
    }
    .paragraph--type--bloc-publication-double .item {
        display: flex;
        padding: 5rem 0;
        width: 50%;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-title {
        margin-top: 1rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(une) .item-description:not(.mobile-only){
        display: inline-block;
    }
    .paragraph--type--rte.accueil .item-wrapper,
    .is-front-page .paragraph--type--rte .item-wrapper,
    .is-front-page .paragraph--type--rte.large .item-wrapper {
        margin: 0 auto;
        padding: 0.01rem 2rem;
        width: 100%;
        max-width: 1340px;
    }
    .paragraph--type--engagements .item-content {
        flex-direction: row;
    }
    .paragraph--type--engagements .item-wrapper .paragraph.liste {
        margin: 0rem 0rem 0rem 2rem;
    }
    .paragraph--type--engagements .item-content .paragraph.liste {
        /*max-height: 572px;*/
        height: 100%;
        margin-left: 4.5rem;
    }

    .paragraph--type--activites .item-wrapper .paragraph .item-title {
        font: bold 32px/36px 'Lato';
        margin-bottom: 1rem;
    }
    .paragraph--type--activites .item-wrapper .paragraph .item-accroche {
        font: normal 16px/24px 'Lato';
        margin-bottom: 1rem;
        letter-spacing: 0.01em;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-tag,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-tag {
        margin-top: 0;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-title {
        font: bold 18px/24px 'Lato';
    }

    .paragraph--type--liste-actualites-une .item-wrapper .item-content:first-child,
    .paragraph--type--articles .item-wrapper .item-content:first-child {
        margin-top: 6rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .item-content:last-child,
    .paragraph--type--articles .item-wrapper .item-content:last-child {
        margin-bottom: 5rem;
    }


    .paragraph--type--engagements .item-wrapper .paragraph-title{
        font: normal 34px/44.2px 'Brandon';
    }

    /* Activites - desktop*/
    .paragraph--type--carrousel-article{
        margin: 0;
        padding: 2.5rem;
    }
    .paragraph--type--carrousel-video.accueil {
        margin: 2.5rem 2rem;
    }
    .paragraph--type--carrousel-article.accueil .item-wrapper,
    .paragraph--type--carrousel-video.accueil .item-wrapper {
        max-width: initial;
    }

    .paragraph--type--banniere-principale .legend,
    .paragraph--type--hero .legend {
        padding: 1rem;
    }
    .layout-container:not(.is-front-page) #main {
        margin-top: 119px;
    }
    #header .header-inner {
        box-shadow: none;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph.liste .item {
        padding: 3.5rem 3.5rem 2rem 3.5rem;
        min-width: 430px;
        max-width: 430px;
        min-height: 700px;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph .item-image {
        border-radius: 90px;
        width: 184px;
        height: 184px;
        padding: 45px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #fff;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover {
        cursor: pointer;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .item-title,
    .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .lien {
        color: #387E94;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .lien:after {
        content: url(../images/arrow-blue.svg);
    }
    .paragraph--type--carrousel .item-wrapper .paragraph .item-title {
        font: bold 24px/32px 'Lato';
        margin: 0 0;
    }
    .paragraph--type--carrousel .item-wrapper .paragraph .item-accroche {
        font: normal 16px/26px 'Lato';
    }
    .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre {
        font: bold 32px/40px 'Lato'
    }
    .paragraph--type--liste-telechargement .item-wrapper .infos {
        font: normal 14px/18px 'Lato';
    }
    .paragraph--type--liste-telechargement .item-wrapper .lien {
        font: bold 15px/23px 'Lato';
    }
    .paragraph--type--liste-telechargement .item-wrapper .titre {
        font: bold 18px/23px 'Lato';
    }
    .paragraph--type--citation .item-wrapper .titre{
        font: bold 24px/32px 'Lato';
    }
    .paragraph--type--push-double .item-wrapper .titre,
    .paragraph--type--push-simple .item-wrapper .titre {
        font: bold 32px/36px 'Lato';
    }

    .paragraph--type--citation .auteur .texte {
        font: normal 32px / 50px 'Kapra FBI';
        text-transform: uppercase;
        color: #333;
    }
    .paragraph--type--citation .item-wrapper {
        margin: 0 auto;
    }
    .paragraph--type--citation .item-wrapper .bloc-citation {
        padding: 3rem;
        margin: 3rem 0;
    }
    .paragraph--type--citation .item-wrapper .auteur {
        margin: 2rem 0 0rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-image,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-image {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        height: 217px;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-description,
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-description {
        /*padding: 0 0 0 2rem;
        width: 54%;
        display: inline-block;
        */
    }

    #header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"] {
        border-bottom: none;
    }

    #header #header-menu-wrapper #header-menu ul.column li a {
        font: normal 16px/23px 'Lato';
    }
    #header #header-menu-wrapper #header-menu ul li.accordeon-marques > a,
    #header #header-menu-wrapper #header-menu ul li.accordeon-metiers > a,
    #header #header-menu-wrapper #header-menu ul li.accordeon-coopérative > a{
        font-weight: bold;
        text-transform: uppercase;
    }
    #header #header-menu-wrapper #header-menu .push-link {
        flex-direction: column;
        border: none;
    }
    #header #header-menu-wrapper #header-menu ul li > button:after {
        display: none;
    }
    .mobile-only {
        display: none !important;
    }
    .desktop-only {
        display: block !important;
    }
    #header #header-menu-wrapper #header-menu .push-edito .titre {
        font: bold 24px / 32px 'Lato';
    }
    #header #header-menu-wrapper #header-menu .push-edito .texte {
        font: normal 16px / 26px 'Lato';
    }
    #header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"] {
        background-color: transparent;
    }
    #header #header-menu-wrapper #header-menu .header-menu-wrapper-n2 {
        background-color: transparent;
        padding: 0;
    }

    #header .header-inner .header-logo .logo {
        max-width: 212px;
        height: auto;
        position: absolute;
        top: 29px;
        width: 100%;
    }
    #header .header-inner .header-logo {
        padding: 0.875rem 0;
        box-shadow: none;
    }

    #header #header-menu-wrapper {
        position: relative;
        display: block;
        height: auto;
        overflow-y: visible;
    }
    #header #header-menu-wrapper.hide {
        height: auto;
    }

    #header #header-menu-wrapper #header-menu {
        min-height: auto;
    }
    #header .header-inner #header-top-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 20px;
    }
    #header #header-menu-wrapper #header-menu ul li {
        border: none;
        margin: 0;
    }

    #header .header-inner #header-top-menu ul li{
        background-color: #F6F2E3;
        padding: 0.5rem 0 0.5rem 1rem;
        margin: 0;
    }

    #header #header-menu-wrapper #header-menu ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 0;
        line-height: 2rem;
        margin-right: 1rem;
        margin-top: 1.5rem;
    }
    #header .header-inner #header-top-menu ul {
        margin-bottom: 0;
        padding: 0;
    }

    #header .header-inner #header-top-menu ul li.header-top-menu-first {
        border-radius: 0 0 0 15px;
        padding-left: 20px;
    }
    #header .header-inner #header-top-menu ul li.header-top-menu-last {
        border-radius: 0 0 15px 0;
    }
    #header .header-inner #header-top-menu ul li.header-top-menu-all {
        border-radius: 0 0 15px 15px;
    }
    #header .header-inner #header-top-menu ul li.header-top-menu-none {
        background-color: transparent;
    }
    #header #header-menu-wrapper #header-menu ul li button{
        position: relative;
        width: auto;
        padding: 0;
        margin: 0;
        padding: 5px 12px;
        /*font-size: 1rem;*/
        /*-webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;*/
        cursor : default !important;
    }
    #header #header-menu-wrapper #header-menu ul li button:hover{
        cursor: pointer;
    }

    #header .header-inner #header-top-menu ul li a.english-version{
        margin: 0 1rem;
    }


    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2-wrapper {
        display: none;
        position: absolute;
        top: 96%;
        width: 100%;
        left: 0;
        z-index: 2;
        /*border-top: 1px solid #f6f2e3;*/
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 .wrapper-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        /*align-items: flex-start;*/
        align-items: stretch;
        background-color: #FFF;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 .wrapper-column > .views-element-container {
        display: flex;
        padding: 0;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 .wrapper-column > .views-element-container .push-edito {
        padding: 50px 40px;
    }

    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 .wrapper-column > *{
        width: 34%;
        padding: 50px 20px;
    }
    #header #header-menu-wrapper #header-menu .column li.accordeon-metiers:first-child,
    #header #header-menu-wrapper #header-menu .column li.accordeon-coopérative:first-child {
        border-bottom: none;
        padding: 0;
    }
    #header #header-menu-wrapper #header-menu .header-menu-mobile-accordeon-wrapper {
        padding: 10px 0 0 0;
        display: block;
    }
    #header #header-menu-wrapper #header-menu .column li.accordeon-metiers:after,
    #header #header-menu-wrapper #header-menu .column li.accordeon-coopérative:after {
        display: none;
    }


    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul {
        margin: 0;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul li{
        padding: 2px 0;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button{
        padding: 1rem;
        width: 100%;
        background-image: url(../images/icone-loupe.svg);
        background-position: center;
        background-size: 1.25rem 1.375rem;
        background-repeat: no-repeat;
        margin-left: 10px;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button:hover{
        background-image: url(../images/icone-loupe-bleu.svg);
        background-size: 1.25rem 1.375rem;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button.close-button{
        background-image: url(../images/icone-croix.svg);
        background-size: 1.25rem 1.375rem;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button.close-button:hover{
        background-image: url(../images/icone-croix-bleu.svg);
        background-size: 1.25rem 1.375rem;
    }


    .header-search-menu {
        display: none;
        position: absolute;
        right: 5.25rem;
        width: 22.5rem;
        height: 2.5rem;
        box-shadow: rgb(255 255 255) -120px 10px 20px 0px;
        top: -3px;
        background-color: #FFF;
    }
    .header-search-menu form {
        width: 23.125rem;
        height: 2.5rem;
        border: 1px solid #883316;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 0.25rem 0.5rem;
        background-color: #FFF;
    }





    .paragraph--type--banniere-principale {
        padding: 20.125rem 0 2.875rem;
        margin-bottom: 0rem;
    }

    .paragraph--type--banniere-principale .content {
        width: 90%;
        margin: 0 auto;
    }
    .paragraph--type--banniere-principale .content .wrapper-cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 1.5rem;
    }

    #header.sticky #header-menu-wrapper .logo-sticky {
        display: block;
        width: 11.875rem;
        padding-left: 2.5rem;
        float: left;
        padding-bottom: 1.25rem;
    }
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -2rem;
    }
    .paragraph--type--banniere-principale .content h2.title {
        font: normal 32px/38px 'Lato';
        margin-bottom: 20px;
    }

    .paragraph--type--hero.banniere .content h1.title,
    .paragraph--type--banniere-principale .content h1.title {
        font: bold 52px/58px 'Kapra FBI';
        margin-bottom: 20px;
    }


    #header #header-menu-wrapper #header-menu .push-link .image {
        width: 318px;
        margin-bottom: 15px;
        position: relative;
    }
    #header #header-menu-wrapper #header-menu .push-link .titre {
        font: bold 24px / 32px 'Lato';
        padding-bottom: 15px;
        color: #883316;
    }
    #header #header-menu-wrapper #header-menu .push-link .texte {
        font: normal 16px / 26px 'Lato';
    }
    #header #header-menu-wrapper #header-menu .push-edito {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f6f2e3;
    }

    #header #header-menu-wrapper #header-menu .push-edito .image {
        /*width: 170px;*/
        margin-right: 30px;
    }

    #header #header-menu-wrapper #header-menu .push-edito .image img {
      max-width: none;
    }




    #header #header-menu-wrapper #header-menu ul li a.header-menu-wrapper-n2-button:hover,
    #header #header-menu-wrapper #header-menu ul li a.header-menu-wrapper-n2-button.active,
    #header #header-menu-wrapper #header-menu ul li button:hover,
    #header #header-menu-wrapper #header-menu ul li button[aria-expanded="true"]{
        background-position: center;
        background-repeat: no-repeat;
    }
    #header #header-menu-wrapper #header-menu ul li button.header-menu-wrapper-n2-button.hover-small.active,
    #header #header-menu-wrapper #header-menu ul li a.header-menu-wrapper-n2-button.hover-small:hover,
    #header #header-menu-wrapper #header-menu ul li a.header-menu-wrapper-n2-button.hover-small.active,
    #header #header-menu-wrapper #header-menu ul li button.hover-small:hover {
        background-image: url(../images/bg_menu_hover_139.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    #header #header-menu-wrapper #header-menu ul li button.header-menu-wrapper-n2-button.hover-medium.active,
    #header #header-menu-wrapper #header-menu ul li button.hover-medium:hover {
        background-image: url(../images/bg_menu_hover_175.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    #header #header-menu-wrapper #header-menu ul li button.header-menu-wrapper-n2-button.hover-large.active,
    #header #header-menu-wrapper #header-menu ul li button.hover-large:hover {
        background-image: url(../images/bg_menu_hover_227.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    #header #header-menu-wrapper #header-menu ul li button.hover-small[aria-expanded="true"]{
        background-image: url(../images/bg_menu_hover_139.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    #header #header-menu-wrapper #header-menu ul li button.hover-medium[aria-expanded="true"]{
        background-image: url(../images/bg_menu_hover_175.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    #header #header-menu-wrapper #header-menu ul li button.hover-large[aria-expanded="true"]{
        background-image: url(../images/bg_menu_hover_227.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }

    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li a {
        padding: 10px;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li > a,
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li{
        /*background-size: 100%;*/
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: fit-content;
        min-width: 85px;
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.x-small:hover{
        background-image: url(../images/bg_menu_hover_100.svg);
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.small:hover{
        background-image: url(../images/bg_menu_hover_139.svg);
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.medium:hover{
        background-image: url(../images/bg_menu_hover_175.svg);
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.large:hover{
        background-image: url(../images/bg_menu_hover_227.svg);
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.accordeon-marques > a:hover{
        background-image: url(../images/bg_menu_hover_139.svg);
    }
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.accordeon-metiers > a:hover,
    #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.accordeon-coopérative > a:hover{
        background-image: url(../images/bg_menu_hover_227.svg);
    }





    .paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une),
    .paragraph--type--articles .item-wrapper .paragraph:not(.une) {
        /*width: 48.9%;
        padding: 1rem 0;
        */
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-title,
    .paragraph--type--carrousel-article .item-wrapper .paragraph .item-title,
    .paragraph--type--articles .item-wrapper .paragraph .item-title {
        font: bold 18px/24px 'Lato';
        margin-bottom: 1rem;
        color: #762D17;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-accroche,
    .paragraph--type--articles .item-wrapper .paragraph .item-accroche {
        font: normal 18px/31px 'Lato';
        letter-spacing: 0.01em;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-title,
    .paragraph--type--articles .item-wrapper .paragraph.une .item-title {
        font: bold 42px/52px 'Lato';
        margin-bottom: 1.5rem;
    }
    .paragraph--type--carrousel-article .item-wrapper .paragraph-title,
    .paragraph--type--carrousel-video .item-wrapper .paragraph-title,
    .paragraph--type--liste-des-marques .item-wrapper .paragraph-title,
    .paragraph--type--rte .item-wrapper .paragraph-title,
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph-title,
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph-title,
    .paragraph--type--articles .item-wrapper .paragraph-title {
        font: bold 48px / 48px 'Kapra FBI';
        text-transform: uppercase;
        margin-bottom: 1rem;
        margin-top: 1rem;
        color: #7D2D16;
        text-align: center;
    }
    .paragraph--type--bloc-publication-double .item-wrapper{
        margin: 0 2rem;
    }
    .paragraph--type--hero.no-image.accueil .content,
    .paragraph--type--liste-actualites-une .item-wrapper,
    .paragraph--type--articles .item-wrapper {
        margin: 2.5rem 2rem;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph,
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph > *,
    .paragraph--type--articles .item-wrapper .paragraph,
    .paragraph--type--articles .item-wrapper .paragraph > * {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }


    .paragraph--type--engagements .item-wrapper {
        /*max-width: 1440px;
        margin: 3rem auto 0;
        padding: 100px 0;
        */

        margin: 0 auto;
        padding: 5.5rem 2rem 2rem 2rem;
    }
    .paragraph--type--engagements .item-wrapper .graines img {
        width: 80%;
        height: 80%;
    }
    /*
    .paragraph--type--engagements .item-wrapper .paragraph.intro {
        margin: 0rem 2rem 2rem 2rem;
    }*/
    /*.paragraph--type--search .graines-transparent-hero,
    .paragraph--type--hero .graines-transparent-hero{
        width: 15%;
    }*/
  /*  .breadcrumbs {
        margin: 2rem;
    }
*/

    .breadcrumbs li.item.current {
        flex:1;
    }

    .paragraph--type--banniere-principale .legend .text,
    .paragraph--type--hero .legend .text {
        display: block;
    }
    .paragraph--type--banniere-principale .legend .icon,
    .paragraph--type--hero .legend .icon {
        display: none;
    }
    /*
    .paragraph--type--liste-des-marques,
    .paragraph--type--rte {
        padding: 0rem 3rem 5rem 3rem;
    }*/
    .paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-nav {
        display: block !important;
    }
    .paragraph--type--liste-des-marques .item-wrapper .paragraph.liste .owl-stage-outer {
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    .paragraph--type--liste-des-marques .item-wrapper .paragraph.liste .item {
        width: 125px;
    }
    .paragraph--type--chapo, .paragraph--type--chapo p {
        font: normal 24px/32px 'Lato';
    }
    .paragraph--type--tableau-offres .item-wrapper h1 {
        /*font: normal 34px/44px 'Brandon';*/
        font: bold 50px / 48px 'Kapra FBI';
        color: #883316;
    }
    .paragraph--type--rte .item-wrapper h1 {
        font: normal 34px/44px 'Brandon';
    }
    .paragraph--type--rte .item-wrapper h2 {
        font: bold 38px/46px 'Lato';
    }
    .paragraph--type--rte .item-wrapper h3 {
        font: bold 32px/40px 'Lato';
    }
    .paragraph--type--rte .item-wrapper h4 {
        font: bold 24px/32px 'Lato';
    }
    .paragraph--type--rte .item-wrapper h5 {
        font: bold 20px/30px 'Lato';
    }
    .paragraph--type--rte .item-wrapper h6 {
        font: bold 18px/23px 'Lato';
    }

    .paragraph--type--push-article .item-wrapper,
    .paragraph--type--push-actualite .item-wrapper,
    .paragraph--type--rte .item-wrapper {
        width: 880px;
        margin: 3.5rem auto;
    }
    .node-323 .paragraph--type--bloc-texte-video .item-wrapper,
    .node-323 .paragraph--type--image-texte .item-wrapper,
    .node-323  .paragraph--type--bloc-video-double .item-wrapper,
    .node-323 .paragraph--type--rte.large .item-wrapper{
        width: 1024px;
        margin: 0 auto;
        max-width: 1024px;
    }
    .paragraph--type--focus .item-wrapper,
    .paragraph--type--tableau-offres .item-wrapper,
    .paragraph--type--result-search .item-wrapper,
    .paragraph--type--rte.large .item-wrapper {
        width: 880px;
        margin: 1.5rem auto;
        max-width: 880px;
    }
    .paragraph--type--autres-articles .item-wrapper,
    .paragraph--type--autres-actus .item-wrapper {
        width: 64rem;
        margin: 4.5rem auto 0;
        padding: 4.5rem 0;
    }
    .paragraph--type--search .content .title,
    .paragraph--type--hero .content .title {
        font: bold 42px/52px 'Lato';
    }
    .paragraph--type--rte {
        font: normal 18px/31px 'Lato';
        letter-spacing: 0.01em;

    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle {
        -ms-flex-preferred-size: calc(33% - 2rem);
        flex-basis: calc(33% - 2rem);
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:nth-child(2n+2):after,
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:after {
        background-image: url(../images/separateur-chiffres-vertical.svg);
    }
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:last-child:after,
    .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:nth-child(3n+3):after {
        background-image: none;
    }

}
/* 1088px */
@media screen and (min-width: 68rem){

    #header #header-menu-wrapper #header-menu ul li button{
        padding: 5px 10px;
        font-size: 17.5px;
        cursor : default !important;
    }
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -3rem;
    }

}
/* 1140px */
@media screen and (min-width: 71.25rem){
    .node-323 .jaune, .bloc-video-double .titre-video > span,
    .node-323 .intro, .bloc-video-double .titre-video {
        font: 700 26px/36px 'ZonaPro', sans-serif;
    }

    .liste-programme .activite.pommery::after,
    .liste-programme .activite.paix::after{
        right: -21%;
        top: 230%;
        background-size: 65%;
    }
    /*.liste-programme .activite.christoph-buren::after {
        right: 10%;
        top: 0%;
        background-size: 80%;
    }*/
    .liste-programme .activite.julia-de-funes::after,
    .liste-programme .activite.domaine-pommery::after  {
        background-size: 80%;
    }
    .liste-programme .activite.vivescia::after {
        right: 8%;
        top: 0;
        background-size: 90%;
    }
    #header .header-inner .header-logo {
        padding: 0.875rem 2.5rem;
    }
    .some-sharing-links {
        left: 50px;
    }
    .paragraph--type--bloc-publication-simple .item {
        display: block;
        position: relative;
        top: 5rem;
        left: calc(100% - 68.5rem);
    }
    .paragraph--type--bloc-publication-simple .item-description {
        margin-left: 7rem;
    }
    /*.paragraph--type--bloc-publication-double .item {
        display: block;
        position: relative;
        top: 5rem;
        left: calc(100% - 68.5rem);
    }*/
    .paragraph--type--bloc-publication-double .item-description {
        margin-left: 2rem;
    }
    #header #header-menu-wrapper #header-menu ul li button{
        padding: 5px 15px;
        font-size: 17.5px;
        cursor : default !important;
    }
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -4rem;
    }

      /*
    .paragraph.paragraph--type--engagements .item-wrapper {
        justify-content: right;
        flex-direction: row;
    }

    .paragraph.intro {
        margin: 2rem;
    }

    .paragraph.paragraph--type--engagements .paragraph.liste {
        width: 70%;
    }*/
    .paragraph--type--engagements .item-wrapper .graines img {
        width: 100%;
        height: 100%;
    }
    /*.paragraph--type--engagements .item-wrapper .paragraph.intro {
        margin: 4rem 2rem 0 2rem;
    }*/

}
/* 1184px */
@media screen and (min-width: 74rem){


    #header #header-menu-wrapper #header-menu ul li button{
        padding: 5px 20px;
        font-size: 17.5px;
        cursor : default !important;
    }
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -5rem;
    }
    .paragraph--type--banniere-principale {
        padding: 15.125rem 0 5.875rem;
    }

    .paragraph--type--hero.banniere .content h1.title,
    .paragraph--type--banniere-principale .content h1.title {
        /*font: normal 56px/62px 'Brandon';*/
        font: bold 72px/88px 'Kapra FBI';
        margin-bottom: 0.25rem;
        text-transform: uppercase;
    }
    .paragraph--type--banniere-principale .content h2.title {
        /*font: normal 38px/46px 'Lato';*/
        font: normal 30px/36px 'Lato';
        margin-bottom: 20px;
    }
    /*.paragraph--type--engagements .item-wrapper .paragraph.intro {
        margin: 4rem 2rem 0 2rem;
    }*/
}
/* 1280 */
@media screen and (min-width: 80rem){
    .billetterie {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .billetterie .formulaire {
        min-width: 890px;
    }
    .bg-internal-link {
        position: absolute;
        right: 15.3%;
    }
    .liste-programme .activite.pommery::after,
    .liste-programme .activite.paix::after{
        right: -12%;
        top: 200%;
        background-size: 80%;
    }
    /*.liste-programme .activite.christoph-buren::after {
        right: 17%;
        top: -5%;
        background-size: 90%;
    }*/
    .liste-programme .activite.julia-de-funes::after,
    .liste-programme .activite.domaine-pommery::after {
        background-size: 90%;
    }
    .liste-programme .activite.vivescia::after {
        right: 8%;
        top: 0;
        background-size: 90%;
    }
    .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une a:not(.mobile-only) .item-accroche,
    .paragraph--type--articles .item-wrapper .paragraph.une a:not(.mobile-only) .item-accroche {
        display: inline-block;
    }    
    .item-tag-desktop {
        display: block;
    }
    
    .item-tag-mobile {
        display: none;
    }
    .paragraph--type--banniere-principale {
        padding: 22.5rem 0 1.875rem;
    }
    .paragraph--type--grille-portrait .portrait-wrapper {
        justify-content: flex-start;
    }
    #footer .wrapper-footer-menu .footer-menu .social-media-link a {
        padding-right: 1rem;
    }
    #footer {
        padding: 4rem 2rem 0.1rem 2rem;
    }
    #footer .wrapper-footer-menu h3{
        padding-top: 20px;
        width: 199px;
    }
    #footer .wrapper-footer-menu h3,
    #footer .wrapper-footer-menu .footer-menu li,
    #footer .wrapper-footer-menu .footer-menu li a{
        font: normal 16px/26px 'Lato';
        list-style: none;
        padding-bottom: 18px;
    }
    #footer .wrapper-footer-menu .footer-menu {
        margin-top: 0;
    }
    #footer .wrapper-footer-menu > *:first-child,
    #footer .wrapper-footer-menu #block-vivesciaingredients-footeraccesdirectingredients,
    #footer .wrapper-footer-menu #block-vivesciaingredients-footertousnossitesingredients,
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivreingredients,
    #footer .wrapper-footer-menu #block-footersecondecolonne,
    #footer .wrapper-footer-menu #block-footertousnossites,
    #footer .wrapper-footer-menu #block-footernoussuivre {
        flex: 25%;
    }
    #footer .wrapper-footer-menu .footer-menu,
    #footer .wrapper-footer-menu > *:first-child {
        width: auto;
    }
    #footer .wrapper-footer-menu {
        flex-direction: row;
    }
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(3),
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(4),
    #footer .wrapper-footer-menu #block-vivesciaingredients-footernoussuivre > ul > li:nth-child(5),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(3),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(4),
    #footer .wrapper-footer-menu #block-footernoussuivre > ul > li:nth-child(5) {
        display: block;
    }
    #footer .wrapper-footer-menu #block-footernoussuivremobile{
        display: none;
    }
    .paragraph--type--rte.accueil .graines-transparent-hero,
    .paragraph--type--banniere-principale .graines-transparent-hero{
        width: 860px;
    }
}
/* 1340px */
@media screen and (min-width: 83.75rem){
    .node-323 .paragraph--type--image-texte.vert::after {
        background-size: 65%;
    }
    .paragraph--type--banniere-principale {
        padding: 22.5rem 0 1.875rem;
    }
    .page-node-type-page-accueil #block-vivesciaingredients-breadcrumbs .item-wrapper,
    .page-node-type-page-accueil #block-vivescia-breadcrumbs .item-wrapper{
        margin: 3.5rem auto;
        max-width: 83.75rem;
    }
}
/* 1440px */
@media screen and (min-width: 90rem){
    .node-323 .paragraph--type--image-texte.vert::after {
        background-size: 70%;
    }
    .liste-programme .activite.pommery::after,
    .liste-programme .activite.paix::after{
        right: -15%;
        top: 150%;
        background-size: 100%;
    }
    /*.liste-programme .activite.christoph-buren::after {
        right: 20%;
        top: -15%;
        background-size: 100%;
    }*/
    .liste-programme .activite.julia-de-funes::after,
    .liste-programme .activite.domaine-pommery::after {
        background-size: 100%;
    }
    .liste-programme .activite.vivescia::after {
        right: 10%;
        top: 0;
        background-size: 100%;
    }
    .paragraph--type--hero.large .content {
        margin: 0
    }
    .paragraph--type--rte #bloc-rte-rse-accueil a.down {
        font: bold 48px/48px 'Kapra FBI';
        margin-top: 4rem;
    }
    .paragraph--bloc--actionnaire .item-wrapper {
        margin: 0 auto;
        padding: 5.5rem 0;
    }
    .paragraph--type--bloc-chiffres-cles .item-wrapper {
        max-width: 90rem;
        margin: 0 auto;
    }
    .paragraph--type--image.full-width {
        max-width: 120rem;
        margin: 0 auto;
    }
    .paragraph--type--carrousel-article.accueil .paragraph--type--bloc-video.full,
    .paragraph--type--carrousel-article.accueil .paragraph--type--bloc-video.large{
        width: 430px;
        max-width: 430px;
        margin: 0;
    }
    .paragraph--type--carrousel-video.accueil .paragraph--type--bloc-video,
    .paragraph--type--carrousel-video.accueil .paragraph--type--bloc-video.full,
    .paragraph--type--carrousel-video.accueil .paragraph--type--bloc-video.large {
        width: 430px;
        max-width: 430px;
        margin: 0.5rem;
    }
    .paragraph--type--carrousel-article.accueil .item-wrapper,
    .paragraph--type--carrousel-video.accueil .item-wrapper {
        max-width: 1340px;
    }
    .paragraph--type--liste-des-marques .item-wrapper {
        max-width: 1340px;
        margin: 5rem auto 5rem auto;
    }
    .paragraph--type--carrousel-article .item-wrapper,
    .paragraph--type--carrousel-video .item-wrapper{
        max-width: 55rem;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }

    .paragraph--type--rte.accueil .item-wrapper,
    .is-front-page .paragraph--type--rte .item-wrapper {
        max-width: 1340px;
        margin: 0 auto;
        width: 100%;
        padding: 1rem 0;
    }
    .paragraph--type--rte.accueil .item-wrapper .paragraph-title{
        margin-top: 5rem;
    }
    .is-front-page .paragraph--type--rte .item-wrapper .paragraph-title {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .paragraph--type--engagements .item-wrapper {
        max-width: 1340px;
        margin: 0 auto;
        padding: 5.5rem 0 2rem 0;
    }
    .paragraph--type--bloc-publication-double .item-wrapper,
    .paragraph--type--hero.no-image.accueil .content,
    .paragraph--type--liste-actualites-une .item-wrapper,
    .paragraph--type--articles .item-wrapper {
        max-width: 1340px;
        margin: 0 auto;
    }
    .paragraph--type--liste-3-dernieres-actualites .item-wrapper {
        max-width: 1340px;
        margin: 2rem auto;
    }
    .paragraph--type--activites .item-wrapper {
        max-width: 1340px;
        /*margin: 6.5rem auto;*/
        margin: 4rem auto;
    }
    /*.paragraph--type--activites .item-wrapper .paragraph:first-child {
        margin-right: 3rem;
    }*/

    #header.header-home {
        /*width: 80%;
        left: 10%;*/
        width: 1340px;
        left: calc(50% - 670px);
        top: 4rem;
        -webkit-transition: width .5s ease-in-out,left .5s ease-in-out,top .5s ease-in-out;
        transition: width .5s ease-in-out,left .5s ease-in-out,top .5s ease-in-out;
        /*height: 113px;*/
    }
    #header.header-home.anim-header-home {
        width: 100%;
        left: 0;
        top: 0;
    }
    #header #header-menu-wrapper #header-menu ul li button{
        margin: 0 .125rem 0 0;
        cursor : default !important;
    }

    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -7rem;
    }
    .paragraph--type--banniere-principale {
        padding: 22.5rem 0 1.875rem;
    }
    .paragraph--type--rte.accueil .graines-transparent-hero,
    .paragraph--type--banniere-principale .graines-transparent-hero{
        width: 950px;
    }
    /*.paragraph--type--engagements .item-wrapper .paragraph.intro {
        margin: 4rem 4rem 0 0;
    }*/
 .paragraph--type--rte #bloc-rte-rse-accueil .item-image {
    width: 30%;
    margin: 0;
    }

}
/* 1920px */
@media screen and (min-width: 120rem){

    .header-search-menu {
        right: 6.25rem;
    }
    /*.js #header.header-home.anim-header-home {
        width: 119rem;
        left: calc(50% - 60rem);
    }
    .js #header {
        max-width: 120rem;
    }*/
    #header #header-menu-wrapper #header-menu ul li button{
        padding: 5px 10px;
        font-size: 17.5px;
        margin: 0px 2rem 0 0;
        cursor : default !important;
    }
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -17.25rem;
    }
}
@media screen and (min-width: 140rem){
    .paragraph--type--banniere-principale .media video,
    .paragraph--type--banniere-principale .media img {
        object-position: 0rem -16rem;
    }
}