@font-face {
    font-family: 'Brandon';
    src: url('../fonts/BrandonPrinted-OneShadow.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-weight: bold;
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'AmaticSC';
    src: url('../fonts/amaticSC-regular.eot');
    src: url('../fonts/AmaticSC-Regular.ttf') format('truetype'), url('../fonts/amaticSC-regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
    font-family: 'AmaticSC';
    src: url('../fonts/amaticSC-bold.eot');
    src: url('../fonts/AmaticSC-Bold.ttf') format('truetype'), url('../fonts/amaticSC-bold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'Kapra FBI';
    src: url('../fonts/Kapra-Neue-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Kapra FBI';
    src: url('../fonts/Typoforge Studio - Kapra Neue Bold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'ZonaPro', sans-serif;
    font-weight: 400;
    src: url('../fonts/ZonaPro-Regular.otf')  format('opentype');
}
@font-face {
    font-family: 'ZonaPro', sans-serif;
    src: url('../fonts/ZonaPro-SemiBold.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'ZonaPro', sans-serif;
    src: url('../fonts/ZonaPro-Bold.ttf') format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: 'ZonaPro', sans-serif;
    src: url('../fonts/ZonaPro-ExtraBold.otf') format('opentype');
    font-weight: 900;
}
@font-face {
    font-family: 'ZonaPro Black';
    src: url('../fonts/ZonaPro-Black.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'All Round Gothic';
    src: url('../fonts/AllRoundGothic-Lig.otf') format('truetype');
}
@font-face {
    font-family: 'All Round Gothic';
    src: url('../fonts/AllRoundGothic-Text.otf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'All Round Gothic';
    src: url('../fonts/AllRoundGothic-Demi.otf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'All Round Gothic';
    src: url('../fonts/AllRoundGothic-Bold.otf') format('truetype');
    font-weight: 700;
}


body{
    margin:0;
    color:#000;
    background:#fff;
    font-size:16px;
    font-family:'Lato',sans-serif;
    line-height:1.5;
    overflow-x: hidden;
}
.node--unpublished{
    background-color: inherit;
}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}
nav#header-sub-menu {
    padding: 2rem 0;
}
::marker {
    color: #EA6642;
}

*{-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow-y:scroll;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
img{display:block;height:auto;max-width:100%;border:0}
ul, ol {
    margin: 0 0 0 2rem;
    padding: 0;
    list-style: none;
}
hr {
    border-bottom: 1px solid #e3e3e3;
    height: 0;
    border-top: none;
    border-left: none;
    border-right: none;
}
li {
    margin-bottom: 1rem;
    /*padding-left: 0.5rem;*/

}
q {
    font-style: italic;
}

ol > ol > li::marker {
    color: #000;
}
a{color:#000;text-decoration:none}
a:hover,a:focus{text-decoration:none}

input[type="submit"]:hover{cursor:pointer}
body:before{position:absolute;left:-10000rem;content:'mobile';speak:none}

@media screen and (min-width:48rem){body:before{content:'portrait'}}
                        @media screen and (min-width:64rem){body:before{content:'tablet'}}
                        @media screen and (min-width:90rem){body:before{content:'desktop'}}

@media screen and (min-width:90rem){
    .layout-container{
        /*max-width:120rem;*/
        margin:0 auto}
}

                        .sr-only{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
                        .sr-only.sr-only-focusable:active,.sr-only.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
                        .skip-link{position:absolute;left:-10000px}
                        .skip-link:focus{position:relative;left:0;z-index:1031}

@media screen and (min-width:64rem){
    h1,.h1{font-size:3.25rem}
    h3,.h3{font-size:1.875rem}
    b,.bold{font-size:1.125rem}
    p,span{font-size:1.125rem}
}
input:focus-visible {
    border: none;
}
::placeholder {
    color: black;
    opacity: 1;
  }
:-ms-input-placeholder {
    color: black;
}
::-ms-input-placeholder {
    color: black;
}
        :focus:not(:focus-visible) {
      outline-color: transparent;
    }
    :focus-visible {
      outline: transparent;
    }

    .w-100{width: 100% !important;}
    #header li,#header ul, #header ol {
        margin: 0 ;
    }


    #toolbar-administration ~ .dialog-off-canvas-main-canvas .layout-container #header{
        top:79px !important;
    }

.paragraph.hide, .webform-confirmation .hide, .paragraph--type--rte.accueil .hide {
    display: none !important;
}
    #header {
        position: relative;
        top: 0;
        z-index: 99;
        width: 100%;
        background-color: #fff;
        /*border-bottom: 1px solid #E4E4E4;*/
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    }
#header .header-inner .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.875rem 0 0.9375rem;
}
#header .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;*/
}
#header #header-menu-wrapper .logo-sticky {
    display: none;
}

#header #header-menu-wrapper {
    /*height: calc(100vh - 3.5rem);*/
    overflow-y: auto;
    -webkit-transition: height .3s ease-in,padding-bottom .3s ease-in;
    transition: height .3s ease-in,padding-bottom .3s ease-in;
    padding-bottom: 3rem;
}
#header #header-menu-wrapper.hide {
    height: 0;
    padding-bottom: 0;
}
#header #header-menu-wrapper #header-menu {
    padding: 3.125rem 1.5rem 0;
    border-bottom: 1px solid #E4E4E4;
}

#header #header-menu-wrapper #header-menu ul,
#header .header-inner #header-top-menu ul {
    padding: 0;
    list-style: none;
}

#header #header-menu-wrapper #header-menu ul li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin-bottom: 1rem;
    background: transparent;
    border: none;

    text-align: left;
    -webkit-transition: color .3s ease-in-out,font-family .3s ease-in-out;
    transition: color .3s ease-in-out,font-family .3s ease-in-out;

    font: bold 18px/22px 'Lato';
    letter-spacing: 0.01em;
    color: #883316;
}
.js .js-hide {
    display: none;
}
.user-page .breadcrumbs{
    display: none;
}
/* */
#header {
    z-index: 99;
}
.is-front-page #main {
    top: 0;
}
#main {
    position: relative;
}
#footer.inactive,
#main.inactive {
    display: none;
}
.item-wrapper.center{
    text-align: center;
}
/* breadcrumbs */
.breadcrumbs {
    display: flex;
    position: absolute;
    /*top: 355px;*/
    top: 145px;
    z-index: 1;
    flex-wrap: wrap;
    margin: 0;
}
.path-recherche .breadcrumbs {
    background-color: transparent;
}
.breadcrumbs {
    /* RGAA ISSUE*//*
    background-color: rgb(0 0 0 / 30%);
    padding: 0.25rem 0.5rem;
    */
}

.breadcrumbs-title {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    margin: 0 0 1rem 0;
}
.breadcrumbs-title .item,
.breadcrumbs .item {
    display: flex;
    align-items: center;
    color: inherit;
}
.breadcrumbs-title .item,
.breadcrumbs-title .link,
.breadcrumbs .item, 
.breadcrumbs .link {
    font: normal 16px/22px 'Lato';
    color: #FFF;
    margin: 0;
}
.breadcrumbs-title .item:not(:last-child)::after,
.breadcrumbs .item:not(:last-child)::after {
    content: url(../images/arrow-breadcrumbs.svg);
    margin: 0 0.875rem;
}
.breadcrumbs-title .link,
.breadcrumbs .link {
    text-decoration: underline;
}

.paragraph--type--banniere-principale .legend .icon,
.paragraph--type--hero .legend .icon {
    border: 1px solid white;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 15px;
    cursor: pointer;
}
.paragraph--type--banniere-principale .legend .icon::before,
.paragraph--type--hero .legend .icon::before {
    content: '';
    background-image: url(../images/i.svg);
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 9px 3px;
    background-size: 4px;
}
.paragraph--type--banniere-principale .legend,
.paragraph--type--hero .legend {
    display: flex;
    color: #FFF;
    z-index: 2;
    position: absolute;
    padding: 1rem 0;
    left: 0;
    bottom: 0;
    align-items: center;
    margin: 0 1.25rem;
}
/*
.paragraph--type--hero .legend {
    padding: 1rem;
}*/
.paragraph--type--banniere-principale .legend.active .text,
.paragraph--type--hero .legend.active .text {
    display: block;
    margin-left: 0.7rem;
}
.paragraph--type--banniere-principale .legend.active .icon::before,
.paragraph--type--hero .legend.active .icon::before {
    background-image: url(../images/croix1.svg);
    background-position: 6px 6px;
    background-size: 12px;
}
.paragraph--type--banniere-principale .text,
.paragraph--type--hero .text {
    display: none;
    font: normal 14px/18px 'Lato';
}

.path-taxonomy .paragraph--type--search {
    position: relative;
    min-height: 293px;
}
.paragraph--type--search,
.paragraph--type--hero {
    position: relative;    
    height: 400px;
}
.paragraph--type--push-article .item-wrapper .item-content{
    background-color: #EFEFBC;
}
.paragraph--type--push-actualite .item-wrapper .item-content{
    background-color: #F7EEC9;
}
.paragraph--type--push-actualite .item-wrapper .item-content,
.paragraph--type--push-article .item-wrapper .item-content{
    display: flex;
    flex-direction: column;
    padding: 2rem;
}
.paragraph--type--autres-articles{
    background-color: #EFEFBC;
    margin-bottom: 0 !important;
}
.paragraph--type--autres-actus{
    background-color: #F7EEC9;
}
.paragraph--type--autres-articles .resultats,
.paragraph--type--autres-actus .resultats,
.paragraph--type--result-search .resultats{
    font: bold 16px/19px 'Lato';
    margin: 2rem 0;
}
.paragraph--type--autres-articles .item-wrapper .item-content,
.paragraph--type--autres-actus .item-wrapper .item-content{
    display: flex;
    flex-direction: column;
    padding: 2.5rem 0;
}
.paragraph--type--result-search .item-wrapper .item-content{
    display: flex;
    flex-direction: column;
    padding: 2.5rem 0;
    border-top: 1px solid #D1CEC3;
}
.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: 100%;
    position: relative;
}
.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: 100%;
    margin-top: 1.25rem;
}
.paragraph--type--push-article .item-wrapper .item-title,
.paragraph--type--push-actualite .item-wrapper .item-title,
.paragraph--type--autres-articles .item-wrapper .item-title,
.paragraph--type--autres-actus .item-wrapper .item-title {
    font: bold 20px/24px 'Lato';
}
.paragraph--type--result-search .item-wrapper .item-title {
    font: bold 24px/32px 'Lato';
}
.paragraph--type--push-article .item-wrapper .item-content:hover .item-title a,
.paragraph--type--push-actualite .item-wrapper .item-content:hover .item-title a,
.paragraph--type--autres-articles .item-wrapper .item-content:hover .item-title a,
.paragraph--type--autres-actus .item-wrapper .item-content:hover .item-title a,
.paragraph--type--result-search .item-wrapper .item-content:hover .item-title a {
    color: #CC4824;
}
.paragraph--type--push-actualite .item-wrapper .item-date,
.paragraph--type--autres-articles .item-wrapper .item-date,
.paragraph--type--autres-actus .item-wrapper .item-date,
.paragraph--type--result-search .item-wrapper .item-date{
    font: normal 14px/17px 'Lato';
    display: inline-block;
    margin-left: 1.5rem;
}
.paragraph--type--push-article .item-wrapper .item-tag,
.paragraph--type--push-actualite .item-wrapper .item-tag,
.paragraph--type--autres-articles .item-wrapper .item-tag,
.paragraph--type--autres-actus .item-wrapper .item-tag,
.paragraph--type--result-search .item-wrapper .item-tag {
    display: inline-block;
}
.view-filters {
 /*  margin: 0 1.25rem;*/
 z-index:2;
}
.paragraph--type--push-article .item-wrapper .item-engagement,
.paragraph--type--push-actualite .item-wrapper .item-engagement,
.paragraph--type--result-search .item-wrapper .item-engagement {
    background-color: #348365;
    border-radius: 90px;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    padding: 27px;
}
.paragraph--type--push-article .item-wrapper .item-image img + img,
.paragraph--type--push-article .item-wrapper .item-engagement + img,
.paragraph--type--push-actualite .item-wrapper .item-image img + img,
.paragraph--type--push-actualite .item-wrapper .item-engagement + img,
.paragraph--type--result-search .item-wrapper .item-image img + img,
.paragraph--type--result-search .item-wrapper .item-engagement + img {
    display: none;
}
.paragraph--type--push-article .item-wrapper .item-chapo p,
.paragraph--type--push-article .item-wrapper .item-chapo,
.paragraph--type--push-actualite .item-wrapper .item-chapo p,
.paragraph--type--push-actualite .item-wrapper .item-chapo,
.paragraph--type--result-search .item-wrapper .item-chapo,
.paragraph--type--result-search .item-wrapper .item-chapo p {
    font: normal 16px/26px 'Lato';
}

.paragraph--type--push-article .item-wrapper .tag,
.paragraph--type--push-actualite .item-wrapper .tag,
.paragraph--type--autres-articles .item-wrapper .tag,
.paragraph--type--autres-actus .item-wrapper .tag {
    font: normal 14px/17px 'Lato';
    padding: 0.5rem 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 2rem;
    width: fit-content;
    margin-bottom: 1.5rem;
}
.paragraph--type--result-search .item-wrapper .tag {
    font: normal 14px/17px 'Lato';
    padding: 0.625rem 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 2.25rem;
    width: fit-content;
    margin-bottom: 1.5rem;
}

.paragraph--type--result-search .item-wrapper .tag.actualite{
    background-image: url(../images/fond_jaune_crayonne_small.svg);
}
.paragraph--type--result-search .item-wrapper .tag.presse{
    background-image: url(../images/fond_jaune_crayonne_large.svg);
}
.paragraph--type--autres-actus .item-wrapper .tag.publication,
.paragraph--type--result-search .item-wrapper .tag.publication{
    background-image: url(../images/fond_jaune_crayonne_small.svg);
}
.paragraph--type--autres-actus .item-wrapper .tag.article,
.paragraph--type--result-search .item-wrapper .tag.article{
    background-image: url(../images/fond_vert_crayonne_small.svg);
}
.paragraph--type--autres-actus .item-wrapper .tag.contenu,
.paragraph--type--result-search .item-wrapper .tag.contenu{
    background-image: url(../images/fond_jaune_crayonne_small.svg);
}
.paragraph--type--autres-articles .item-wrapper .tag.article{
    background-image: url(../images/fond_vert_fonce_crayonne_small.svg);
}
.paragraph--type--autres-articles .item-wrapper .tag.actualite{
    background-image: url(../images/fond_brun_crayonne_small.svg);
}
.paragraph--type--autres-articles .item-wrapper .tag.presse{
    background-image: url(../images/fond_brun_crayonne_large);
}

.path-taxonomy .breadcrumbs .item, .path-taxonomy .breadcrumbs .link,
.path-recherche .breadcrumbs .item, .path-recherche .breadcrumbs .link {
    color: #000;
}

/* Pagination */
.pager__item {
    display: inline-block;
    border: 2px solid #ea6642;
    border-radius: 2rem;
    margin: 0;
    padding: 12px;
    width: 48px;
    height: 48px;
    text-align: center;
    margin-right: 0.25rem;
}

.pager__item:hover {
    font-weight: bold;
    background-color: #ea6642;
}
.pager__item:hover a{
    color: #FFF;
}

.pager__item.is-active {
    font-weight: bold;
    background-color: #ea6642;
}
.pager__item.is-active a{
    color: #FFF;
}
.pager__item a {
    font: normal 18px/18px 'Lato';
    letter-spacing: 0.01em;
}
.pager__item--first, .pager__item--last {display: none;}

nav.pager {
    margin: 4rem 0;
}
.pager__items {
    text-align: left;
    margin: 0;
}
.pager__item--previous a span:last-child,
.pager__item--next a span:last-child {
    display: none;
}
.pager__item--previous a::after,
.pager__item--next a::after{
    display: inline-block;
    min-width: 16px;
    background-image: url(../images/arrow-black.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    content: "";
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
}
.pager__item--next a::after{
    transform: rotate(0);
}
.pager__item--previous:hover a::after,
.pager__item--next:hover a::after{
    background-image: url(../images/arrow-white.svg);
}


.paragraph--type--search .form-item-search {
    float: none;
}
.paragraph--type--search .form-item-search input {
    padding: 1.125rem;
    font: normal 16px/19px 'Lato';
    color: #000;
    border: 1px solid #C9C0A1;
    border-radius: 8px;
    width: 100%;
}

/*.paragraph--type--hero .content {
    display: flex;
    height: 550px;
    align-items: flex-end;
    width: 70%;
}*/

.paragraph--type--search .content .title,
.paragraph--type--hero .content .title {
    position: relative;
    margin: 0;
    color: #fff;
    font: bold 40px/42px 'Lato';
    width: calc(100% - 2rem);
}
.page-node-type-contenu .paragraph--type--hero:not(.no-image) .content .title {
    /* RGAA ISSUE*/
    /*background-color: rgb(0 0 0 / 25%);
    padding-left: 0.5rem;*/
}
/*
.paragraph--type--search .graines-transparent-hero:after,
.paragraph--type--hero .graines-transparent-hero:after {
    content: '';
    display: block;
    width: 951px;
    height: 291px;
    background-repeat: no-repeat;
    background-position: 0px 41px;
    background-size: contain;
}*/
.paragraph--type--search .graines-transparent-hero:after {
    background-image: url(/themes/custom/vivescia/images/graines-brown.svg);
}
.paragraph--type--hero.no-image .graines-transparent-hero:after {
    background-image: url(/themes/custom/vivescia/images/graines-brown.svg);
}

.paragraph--type--search .media img,
.paragraph--type--hero .media img {
    object-position: calc(100% - 50%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover;
    z-index: -2;
}
.paragraph--type--search .media::before,
.paragraph--type--hero .media::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 60%);
    z-index: 0;
    content: '';
}
.paragraph--type--search.no-image .media::before,
.paragraph--type--hero.no-image .media::before {
    background: #F7F2E3;
}
.paragraph--type--search.no-image .content .title,
.paragraph--type--hero.no-image .content .title {
    color: #000;
    font: bold 48px/58px 'Lato';
}
.paragraph--type--search.no-image .content .title{
    padding-top: 6rem;
    margin: 0 1.25rem;
}
/*
.paragraph--type--hero.no-image .content .title {
    margin: 0 1.25rem;
}*/
.paragraph--type--search.no-image .breadcrumbs .item,
.paragraph--type--search.no-image .breadcrumbs .link,
.paragraph--type--hero.no-image .breadcrumbs .item,
.paragraph--type--hero.no-image .breadcrumbs .link {
    color: #000;
}
.paragraph--type--search.no-image .breadcrumbs .item:not(:last-child)::after ,
.paragraph--type--hero.no-image .breadcrumbs .item:not(:last-child)::after {
    content: url(../images/arrow-breadcrumbs-black.svg);
}
.breadcrumbs li.item.current {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs li.item.current span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal 16px/19px 'Lato';
    line-height: 19px;
}
.paragraph--type--hero.no-image {
    min-height: auto;
    margin-bottom: 3rem;
}
.paragraph--type--hero.no-image.paragraph.details-actualite{
    padding-top: 1rem;
    margin-bottom: 3rem;
    min-height: auto;
    height: 450px;
}
.paragraph--type--hero.no-image.details-article {
    padding-top: 1rem;
    margin-bottom: 0;
    min-height: auto;
    height: 250px;
}
.paragraph--type--hero.no-image.accueil .content {
    height: auto;
    width: 100%;
    /*padding: 7rem 0;*/
    max-width: 1340px;
    margin: 0 auto;
}
/*.paragraph--type--hero.no-image .content {
    height: auto;
    width: 100%;
    padding: 7rem 0;
}*/
.paragraph--type--search .content ,
.paragraph--type--hero .content {
    position: relative;
}

.webform-confirmation,
.paragraph--type--chapo,
.paragraph--type--chapo p {
    font: normal 18px/24px 'Lato';
    letter-spacing: 0.01em;
}
#block-vivesciaingredients-breadcrumbs .item-wrapper,
#block-vivescia-breadcrumbs .item-wrapper,
.paragraph--type--hero .item-wrapper,
.paragraph--type--chapo .item-wrapper {
    margin: 2.5rem 1.25rem;
    max-width: 55rem;
}
#block-vivesciaingredients-breadcrumbs .item-wrapper,
#block-vivescia-breadcrumbs .item-wrapper {
    max-width: 55rem;
}

.paragraph--type--liste-des-marques .item-wrapper {
    /*
    max-width: 1440px;
    margin: 3rem auto 3rem;
    width: 100%;
    */
    margin: 3rem 1.125rem 3.5rem 1.125rem;
}

.paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-nav {
    display: none !important;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph.liste .owl-stage-outer {
    width: 100%;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph.liste .item {
    width: 90px  !important;
}
.is-front-page .paragraph--type--rte .item-wrapper {
    /*padding: 3rem 1rem 0rem 1rem;*/
}
.paragraph--type--rte.accueil {
    /*background-color: #e1e1c7;*/
    padding: 1rem 0;
    position: relative;
}
.paragraph--type--rte figure.align-left,
.paragraph--type--rte img.align-left {
    margin-right: 1rem;
    margin-left: 0;
}
.paragraph--type--rte img.align-right {
    margin-left: 1rem;
}
.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 1.25rem;
}
.paragraph--type--rte.accueil .item-wrapper a,
.is-front-page .paragraph--type--rte .item-wrapper a {
    text-decoration: none;
}
.paragraph--type--rte.accueil .item-wrapper .paragraph-title{
    margin-top: 2rem;
}
.is-front-page .paragraph--type--rte .item-wrapper .paragraph-title {
    margin-top: 2rem;
}
/* Masquage Nos engagements sur la page d'accueil */
.page-node-type-page-accueil .paragraph--type--engagements {
    /*display: none;*/
}

.paragraph--type--rte {
    font: normal 16px/23px 'Lato';
}
.paragraph--type--focus .item-wrapper,
.paragraph--type--etiquettes .item-wrapper,
.paragraph--type--push-article .item-wrapper,
.paragraph--type--push-actualite .item-wrapper,
.paragraph--type--rte .item-wrapper {
    margin: 1.25rem;
    max-width: 55.25rem;
}
.paragraph--type--sharing-links .item-wrapper{
    margin: 2.5rem 1.25rem;
}

.paragraph--type--carrousel-article,
.paragraph--type--carrousel-video {
    margin: 2.5rem 0;
    position: relative;
    z-index: 2;
}

.paragraph--type--carrousel-article .paragraph-description {
    margin: 1.5rem 0 2.5rem;
}

.paragraph--type--carrousel-article:nth-child(odd) {
    background-color: #F6F2E3;
}
.paragraph--type--carrousel-article .item-wrapper,
.paragraph--type--carrousel-video .item-wrapper,
.paragraph--type--tableau-offres .item-wrapper,
.paragraph--type--result-search .item-wrapper,
.paragraph--type--rte.large .item-wrapper {
    margin: 1.25rem;
    max-width: 880px;
}
.paragraph--type--autres-articles .item-wrapper,
.paragraph--type--autres-actus .item-wrapper {
    margin: 0 1.25rem;
    max-width: 64rem;
    padding: 3rem 0;
}
.paragraph--type--rte.accueil .item-wrapper h2.link {
    font: bold 32px/38px 'Kapra FBI';
    /* color: #61A836; */
    color: #59702c;
    text-transform: uppercase;
    text-align: center;
}
.paragraph--type--rte .item-wrapper h2 {
    font: bold 32px/38px 'Lato';
    color: #883316;
    margin: 1.5rem 0;
}
.paragraph--type--rte .item-wrapper h3 {
    font: bold 24px/29px 'Lato';
    color: #883316;
    margin: 1.5rem 0;
}
.paragraph--type--rte .item-wrapper h4 {
    font: bold 20px/24px 'Lato';
    color: #883316;
    margin: 1.5rem 0;
}
.paragraph--type--rte .item-wrapper h5 {
    font: bold 18px/23px 'Lato';
    color: #883316;
    margin: 1.5rem 0;
}
.paragraph--type--rte .item-wrapper h6 {
    font: bold 16px/19px 'Lato';
    color: #883316;
    margin: 1.5rem 0;
}
.paragraph--type--rte .item-wrapper a {
    /* color: #E75B3A;  RGAA ISSUE*/
    color: #912618; 

}
.paragraph--type--rte li {
    position: relative;
}
.paragraph--type--rte li:before{
    background-color: #F6EBC2;
    width: 12px;
    height: 12px;
    content: '';
    border-radius: 12px;
    left: -30px;
    position: absolute;
    display: inline-block;
    top: 10px;
}
.paragraph--type--rte .item-wrapper a.cta.cta-orange {
    color: #fff;
    text-decoration: none;
}
.paragraph--type--autres-articles .item-wrapper h2,
.paragraph--type--autres-actus .item-wrapper h2 {
    font: bold 32px/38px 'Lato';
    color: #000;
    margin: 0;
}
.paragraph--type--image.details-article .bg-article {
    background: #EFEFBC;
    height: 200px;
    position: absolute;
    z-index: -1;
    width: 100%;
}
.paragraph--type--image.large.details-article .item-wrapper,
.paragraph--type--image .item-wrapper {
    margin: 0 1.25rem;
    max-width: 55.25rem;
}
.paragraph--type--image.large.details-article .legende {
    margin: 0;
}

.paragraph--type--image.extra-large .item-wrapper{
    max-width: 90rem;
    margin: 0 auto;
    position: relative;
}
.paragraph--type--carrousel-article .item-wrapper,
.paragraph--type--carrousel-video .item-wrapper,
.paragraph--type--bloc-video.large .item-wrapper,
.paragraph--type--image.large .item-wrapper,
.paragraph--type--image.full-width .item-wrapper{
    max-width: 55.25rem;
    margin: 0 auto;
}
.paragraph--type--bloc-video.full .item-wrapper{
    max-width: 1340px;
    margin: 0 auto;
}
.paragraph--type--image.full-width img {
    width: 100%;
}
.paragraph--type--image.full-width .legende {
    margin: 0.75rem 1.25rem;
}
.paragraph--type--grille-video .paragraph--type--bloc-video .legende,
.paragraph--type--carrousel-video .paragraph--type--bloc-video .legende {
    font: bold 18px/23px 'Lato';
    color: #000000;
    margin-top: 0.75rem;
    margin-bottom: 1rem;
}
.paragraph--type--focus .legende,
.paragraph--type--image-texte .legende,
.paragraph--type--bloc-video .legende,
.paragraph--type--image .legende {
/*  position: absolute;
    color: #FFF;
    padding: 0.625rem 1rem;
*/  color: #000;
    padding: 0 1rem 0.625rem 0rem;
    bottom: 0;
    z-index: 1;
    font: bold 14px/24px 'Lato';
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: fit-content;

}
.paragraph--type--image.large .legende {
    margin:  0.75rem 1.25rem;
    max-width: 46.25rem;
    padding-bottom: 0.5rem;
}

.paragraph--type--bloc-video-double .field--name-field-video-integree .mfp-video-embed-popup > img,
.paragraph--type--bloc-texte-video .field--name-field-video-integree .mfp-video-embed-popup > img,
.paragraph--type--bloc-video .field--name-field-video-integree .mfp-video-embed-popup > img{
    width: 100%;
}
.paragraph--type--focus .item-wrapper .bloc-focus .image,
.paragraph--type--bloc-video-double .item-wrapper .bloc-video .video,
.paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video .video,
.paragraph--type--image-texte .item-wrapper .bloc-image-texte .image {
    position: relative;
}
.paragraph--type--focus .paragraph--type--citation .item-wrapper .bloc-citation .image:after {
    background: none;
}
.paragraph--type--focus .item-wrapper .bloc-focus .image:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
}
.paragraph--type--bloc-video.full,
.paragraph--type--bloc-video.large {
    /*margin-top: 2rem;*/
}
.paragraph--type--bloc-video .item-date,
.paragraph--type--bloc-video.full .item-date,
.paragraph--type--bloc-video.large .item-date {
    display: none;
}
.paragraph--type--bloc-video-double .mfp-video-embed-popup,
.paragraph--type--bloc-texte-video .mfp-video-embed-popup,
.paragraph--type--bloc-video .mfp-video-embed-popup,
.paragraph--type--bloc-video .video-embed-field-lazy {
    position: relative;
    cursor: pointer;
}
.paragraph--type--bloc-video .video-embed-field-lazy-play {
    background: none;
    border: none;
}
.paragraph--type--bloc-video-double .mfp-video-embed-popup::before,
.paragraph--type--bloc-texte-video .mfp-video-embed-popup::before,
.paragraph--type--bloc-video .mfp-video-embed-popup::before,
.paragraph--type--bloc-video .video-embed-field-lazy::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.20);
    z-index: 0;
    content: '';
}
.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,
.paragraph--type--bloc-video .video-embed-field-lazy-play::after {
    content: url(../images/play.svg);
    position: absolute;
    left: calc(50% - 57px);
    top: calc(50% - 56px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    transform: scale(.65);
}
.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,
.paragraph--type--bloc-video .video-embed-field-lazy-play:hover::after {
    transform: scale(.75);
}
.paragraph--type--grille-video .mfp-video-embed-popup::after,
.paragraph--type--carrousel-video .mfp-video-embed-popup::after {
    transform: scale(.65);
}
.paragraph--type--grille-video .mfp-video-embed-popup:hover::after,
.paragraph--type--carrousel-video .mfp-video-embed-popup:hover::after {
    transform: scale(.75);
}

.paragraph--type--image img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.paragraph--type--image.details-article > .item-wrapper > img  {
    padding: 4rem 0 2rem 0;
}
.paragraph--type--hero .content {
    top: 226px;
}
.paragraph--type--banniere-principale {
    position: relative;
    padding: 11rem 1.25rem 4rem 1.25rem;
}
.paragraph--type--banniere-principale .media video,
.paragraph--type--banniere-principale .media img {
    object-position: calc(100% - 30%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover;
    z-index: -2;
}
.paragraph--type--banniere-principale .media::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.42);*/
    /*background: linear-gradient(0deg, #00000026 40%, #004eff00 60%);*/
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    /*background: linear-gradient(0deg, #0000008a 40%, #091c4800 60%);*/
    z-index: 0;
    content: '';
}
.paragraph--type--search .media img,
.paragraph--type--hero .media img,
.paragraph--type--banniere-principale .media video,
.paragraph--type--banniere-principale .media img {
    background-color: #767676;
}
.paragraph--type--banniere-principale .content {
    position: relative;
    z-index: 1;
}
.paragraph--type--banniere-principale .content .title {
    position: relative;
    margin: 0;
    color: #fff;
    overflow-wrap: anywhere;
    /* RGAA ISSUE
    background-color: rgb(0 0 0 / 30%);
    padding-left: 0.5rem;*/
}
/*.graines-transparent-hero{
    display: none;
}*/
.graines-transparent-hero.hide{
    display: none !important;
}
/*
.paragraph--type--rte.accueil:last-child() .graines-transparent-hero.hide{
    display: block !important;
}*/
.paragraph--type--image .graines-transparent-hero,
.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{
    position: absolute;
    right: -1px;
    z-index: 1;
    bottom: -40px;
    width: 100%;
    max-width: 700px;
    display: block;
}
.paragraph--type--search .graines-transparent-hero img,
.paragraph--type--hero .graines-transparent-hero img,
.paragraph--type--rte.accueil .graines-transparent-hero img,
.paragraph--type--banniere-principale .graines-transparent-hero img{
    width: 100%;
}

.paragraph--type--banniere-principale .content .wrapper-cta .cta {
    width: 100%;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 230px;
}

/* Activites - Mobile */
.paragraph--type--activites {
    background-color: #fff;
}
.paragraph--type--activites .item-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*
.paragraph--type--activites .item-wrapper .paragraph {
    background-image: url(../images/fond-activite.svg);
    padding: 1.5rem;
    margin: 0;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
*/
.paragraph--type--activites .item-wrapper .paragraph {
    margin-bottom: 0 !important;
    width: calc(100% - 4rem);
    margin: 0 auto;
}
.paragraph--type--activites .item-wrapper .paragraph .item-content{
    position: relative;
}
.paragraph--type--activites .item-wrapper .paragraph .item-content .item-image:after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
}
.paragraph--type--activites .item-wrapper .paragraph:first-child{
    /*margin-bottom: 2rem;
    margin-top: 3.5rem;*/
}
.paragraph--type--activites .item-wrapper .paragraph:last-child{
    margin-top: 2rem !important;
}
.paragraph--type--activites .item-wrapper .paragraph .item-title {
    font: bold 24px/36px 'Lato';
    margin-bottom: 1rem;
    color: #762d17;
}
.paragraph--type--activites .item-wrapper .paragraph .item-accroche {
    font: normal 16px/24px 'Lato';
    margin-bottom: 1rem;
    color: #000;
}
.paragraph--type--activites .item-wrapper .paragraph .item-text {
    position: relative;
    bottom: 0;
    margin: 0 ;
    padding: 1rem;
    z-index: 1;
    background-color: #f5f0df;
    min-height: 250px;
}
.paragraph--type--activites .item-wrapper .paragraph .item-link {
    font: bold 18px/24px 'Lato';
    margin-bottom: 1rem;
    /* color: #E75B3A;  RGAA ISSUE*/
    color: #912618; 
    text-transform: uppercase;
}
.paragraph--type--activites .item-wrapper .paragraph .item-image {
    /*margin-bottom: 1rem;*/
    position: relative;
    overflow: hidden;
}
.paragraph--type--activites .item-wrapper .paragraph .item-image img {
    width: 100%;
}
/*.paragraph--type--activites .item-wrapper .paragraph .item-image::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 62px;
    background-image: url(../images/bg_grains.png);
    background-position: right;
    background-repeat: no-repeat;
}*/
.paragraph--type--activites .item-wrapper .paragraph .wrapper-cta {
    text-align: left;
}
.paragraph--type--activites .item-wrapper .paragraph .wrapper-cta .cta {
    width: 100%;
    text-align: center;
    max-width: 215px;
    position: relative;
}

.paragraph--type--activites .item-wrapper .paragraph .wrapper-cta a.cta:after {
    content: '';
    background-image: url(../images/arrow-brown.svg);
    margin-left: 10px;
}
.paragraph--type--activites .item-wrapper .paragraph:hover .wrapper-cta a.cta:after {
    background-image: url(../images/arrow-blue.svg);
}
.paragraph--type--activites .item-wrapper .paragraph .wrapper-cta a.cta:after{
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}

.paragraph--type--activites .item-wrapper .paragraph .item-title,
.paragraph--type--activites .item-wrapper .paragraph .cta.cta-hover-orange,
.paragraph--type--activites .item-wrapper .paragraph .cta.cta-hover-blue{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.paragraph--type--activites .item-wrapper .paragraph:hover {
    cursor: pointer;
}
.paragraph--type--activites .item-wrapper .paragraph:hover .cta.cta-hover-orange{
    /* background-color: #E75B3A;  RGAA ISSUE*/
    background-color: #912618; 
    color: #fff;
}
.paragraph--type--activites .item-wrapper .paragraph:hover .cta.cta-hover-blue{
    background-color: #DAEDE9;
    color: #387E94;
}
.paragraph--type--result-search .item-content:hover .item-image img,
.paragraph--type--autres-articles .item-content:hover .item-image img,
.paragraph--type--carrousel-article .paragraph.item.article:hover .item-image img,
.paragraph--type--portrait:hover .image img,
.bloc-push-simple:hover .media-image img,
.paragraph--type--liste-actualites-une .paragraph:hover .item-image img,
.paragraph--type--articles .item-wrapper .paragraph:hover .item-image img,
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .item-image img,
.paragraph--type--activites .item-wrapper .paragraph:hover .item-image img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.paragraph--type--result-search .item-content .item-image img,
.paragraph--type--autres-articles .item-content .item-image img,
.paragraph--type--carrousel-article .paragraph.item.article .item-image img,
.paragraph--type--portrait .image img,
.bloc-push-simple .media-image img,
.paragraph--type--liste-actualites-une .paragraph .item-image img,
.paragraph--type--articles .item-wrapper .paragraph .item-image img,
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-image img,
.paragraph--type--activites .item-wrapper .paragraph .item-image img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.paragraph--type--liste-3-dernieres-actualites .item-wrapper {
    margin: 0 1.25rem;
}
/* Actualités */
.paragraph--type--result-search .item-content .item-image,
.paragraph--type--autres-articles .item-content .item-image,
.paragraph--type--carrousel-article .paragraph.item.article .item-image,
.paragraph--type--portrait .image,
.bloc-push-simple .media-image,
.paragraph--type--articles .item-image, 
.paragraph--type--liste-actualites-une .item-image,
.paragraph--type--liste-3-dernieres-actualites .item-image, 
.paragraph--type--liste-3-dernieres-actualites {
    overflow: hidden;
}
.paragraph--type--rte.accueil .paragraph-title .titre,
.paragraph--type--liste-des-marques .paragraph-title .titre,
.paragraph--type--articles .paragraph-title .titre,
.paragraph--type--carrousel-article .paragraph-title .titre,
.paragraph--type--liste-3-dernieres-actualites .paragraph-title .titre {
    font: bold 50px / 48px 'Kapra FBI';
	text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.paragraph--type--carrousel-article .paragraph-title .titre::before,
.paragraph--type--liste-3-dernieres-actualites .paragraph-title .titre::before,
.paragraph--type--rte.accueil .paragraph-title .titre::before {
    content: '';
    background-image: url(../images/grains_titre_1.png);
    width: 80px;
    height: 70px;
    position: absolute;
    left: -80px;
    bottom: 15px;
}
.paragraph--type--liste-des-marques .paragraph-title .titre::before,
.paragraph--type--articles .paragraph-title .titre::before{
    content: '';
    background-image: url(../images/grains_titre_2.png);
    width: 80px;
    height: 70px;
    position: absolute;
    left: -80px;
    bottom: 15px;
}

.paragraph--type--liste-3-dernieres-actualites .item-wrapper .item-bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph {
    cursor: pointer;
    margin-top: 2rem;
}


.paragraph--type--image .item-wrapper .item-image,
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .item-image {
    position: relative;
 }
 /*.paragraph--type--image .item-wrapper .item-image::after,*/
 .paragraph--type--liste-3-dernieres-actualites .item-wrapper .item-image::after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
 }
 .paragraph--type--image .item-wrapper .item-image .tag {
    font: bold 14px/24px 'Lato';
    padding: 0.625rem 1rem;
    color: #fff;
    display: inline-block;
 }

/*.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:after {
    content: url(../images/separateur-actualites.svg);
}*/
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:last-child::after {
    content: '';
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .link {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 2px solid black;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .link {
    border: 2px solid #CC4824;
    background-color: #CC4824;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .link:before {
    background-image: url(../images/arrow-white.svg);
    background-size: 16px;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .link:before {
    content: '';
    background-image: url(../images/arrow-black.svg);
    background-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    -webkit-transition: background-image .2s ease-in-out, background-size 2s ease-in-out;
    transition: background-image .2s ease-in-out, background-size 2s ease-in-out;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-title {
    font: bold 18px/23px 'Lato';
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-date {
    font: bold 14px/17px 'Lato';
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    color: #FFF;
    z-index: 3;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-link {
    margin-bottom: 1rem;
    display: none;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-title{
    color: #762D17;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .item-title{
    color: #CC4824;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph.actualite .item-tag {
    background-image: url(../images/fond_jaune_crayonne_small.svg);
    background-repeat: no-repeat;
    width: 88px;
    height: 33px;
    text-align: center;
    margin-bottom: 1.5rem;
    display: none;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph.presse .item-tag {
    background-image: url(../images/fond_type_presse.svg);
    width: 173px;
    height: 33px;
    text-align: center;
    margin-bottom: 1.5rem;
    display: none;
}
.paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .tag {
    font: normal 14px/17px 'Lato';
    margin-top: 8px;
    display: inline-block;
}
.paragraph--type--liste-3-dernieres-actualites .lien {
    font: bold 18px / 24px 'Lato';
    margin: 1rem 0rem 2.5rem 0;
    /* color: #E75B3A;  RGAA ISSUE*/
    color: #c5541e;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.04em;
    text-align: center;
}
.paragraph--type--liste-3-dernieres-actualites .lien:hover{
    color:#387E94;
}
/*.paragraph--type--liste-3-dernieres-actualites .lien:after {
    content: url(../images/arrow-orange.svg);
    margin-left: 10px;
}
.paragraph--type--liste-3-dernieres-actualites .lien:hover:after{
    content: url(../images/arrow-blue.svg);
}*/

/* Articles - Magazines */
.paragraph--type--liste-actualites-une,
.paragraph--type--articles {
    overflow: hidden;
}
.paragraph--type--hero.no-image.accueil .content,
.paragraph--type--liste-actualites-une .item-wrapper,
.paragraph--type--articles .item-wrapper {
    margin: 0 1.25rem;
}
.paragraph--type--liste-actualites-une .item-wrapper .item-content:first-child,
.paragraph--type--articles .item-wrapper .item-content:first-child{
    margin-bottom: 4rem;
    margin-top: 2.5rem;
}
.paragraph--type--liste-actualites-une .item-wrapper .item-content.actualite:last-child,
.paragraph--type--articles .item-wrapper .item-content.actualite:last-child{
    margin-top: 2rem;
}
.paragraph--type--liste-actualites-une .item-wrapper .item-content:last-child,
.paragraph--type--articles .item-wrapper .item-content:last-child{
    margin-bottom: 3.5rem;
}
.paragraph.details-article .tag,
.paragraph.details-actualite .tag,
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .tag,
.paragraph--type--carrousel-article .item-wrapper .paragraph .tag,
.paragraph--type--articles .item-wrapper .paragraph .tag {
    font: bold 14px/24px 'Lato';
    padding: 0.625rem 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: fit-content;
    color: #FFF;
}


.paragraph--type--articles .item-wrapper .item-content.secondaires {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4rem;
    flex-wrap: wrap;
}

.paragraph--type--articles .item-wrapper .secondaires .article a {
}
.paragraph--type--articles .item-wrapper .secondaires .article:last-child a {
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .tag{
    background-image: url(../images/fond_jaune_crayonne_small.svg);
}
/*
.paragraph--type--carrousel-article .item-wrapper .paragraph .tag,
.paragraph--type--articles .item-wrapper .paragraph .tag {
  background-image: url(../images/fond_type_magazine_90.svg);
}
*/
.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 50px / 48px 'Kapra FBI';
    text-transform: uppercase;
    margin-bottom: 1rem;
    margin-top: 3rem;
    color: #7D2D16;
    text-align: center;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .mobile-only .item-tag,
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .mobile-only .item-date{
    display: inline-block;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(une) .item-description:not(.mobile-only) {
    display: none;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-info{
    margin-top: 1rem;
}
.paragraph--type--articles .item-wrapper .paragraph.actualite.une .item-title{
    margin-top: 0;
    margin-bottom: 0;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.actualite .item-date,
.paragraph--type--articles .item-wrapper .paragraph.actualite .item-date,
.paragraph--type--articles .item-wrapper .paragraph.actualite.une .item-date {
    display: inline-block;

}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.actualite .item-title,
.paragraph--type--articles .item-wrapper .paragraph.actualite:not(.une) .item-title {
    margin-top: 1.5rem;
}
.paragraph--type--bloc-video .item-wrapper .item-title,
.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/21px 'Lato';
    padding-bottom: 1rem;
    margin-top: 0.5rem;
}
.accordion > .contenu > .paragraph.paragraph--type--rte {
    padding: 1rem;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-image,
.paragraph--type--articles .item-wrapper .paragraph .item-image {
    position: relative;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-image::after,
.paragraph--type--articles .item-wrapper .paragraph .item-image::after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.actualite .item-date,
.paragraph--type--articles .item-wrapper .paragraph.actualite .item-date,
.paragraph--type--articles .item-wrapper .paragraph.actualite.une .item-date {

    font: bold 14px/17px 'Lato';
    position: absolute;
    bottom: 0.75rem;
    left: 0.75rem;
    color: #FFF;
    z-index: 3;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-title,
.paragraph--type--articles .item-wrapper .paragraph.une .item-title {
    font: bold 24px/28px 'Lato';
    margin-bottom: 1.5rem;
    color: #762D17;
}
.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: none;
}
.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: inline-block;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-description:hover .item-title,
.paragraph--type--articles .item-wrapper .paragraph .item-description:hover .item-title {
    color: #CC4824;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-accroche,
.paragraph--type--articles .item-wrapper .paragraph .item-accroche {
    font: normal 16px/23px 'Lato';
    margin-bottom: 1rem;
    text-align: left;
}
.paragraph--type--push-double .item-wrapper .lien,
.paragraph--type--push-simple .item-wrapper .lien,
.paragraph--type--carrousel-article a.lien,
.paragraph--type--grille-video a.lien,
.paragraph--type--carrousel-video a.lien,
.paragraph--type--rte a.lien,
.paragraph--type--liste-actualites-une a.lien,
.paragraph--type--articles a.lien {
    font: bold 18px / 24px 'Lato';
    margin: 1rem 0rem 2.5rem 0;
    /* color: #E75B3A;  RGAA ISSUE*/
    color: #912618; 
    text-transform: uppercase;
    display: block;
    letter-spacing: 0.04em;
    text-align: center;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.paragraph--type--carrousel-article .lien:after,
.paragraph--type--grille-video .lien:after,
.paragraph--type--carrousel-video .lien:after,
.paragraph--type--rte .lien:after,
.paragraph--type--liste-actualites-une .lien:after,
.paragraph--type--articles .lien:after {
   /* content: '';
    background-image: url(../images/arrow-orange.svg);
    margin-left: 10px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 0;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    display: inline-block;*/
}
.paragraph--type--carrousel-article a.lien:hover,
.paragraph--type--grille-video a.lien:hover,
.paragraph--type--carrousel-video a.lien:hover,
.paragraph--type--rte a.lien:hover,
.paragraph--type--liste-actualites-une a.lien:hover,
.paragraph--type--articles a.lien:hover{
    color:#387E94;
}
.paragraph--type--carrousel-article a.lien:hover:after,
.paragraph--type--grille-video a.lien:hover:after,
.paragraph--type--carrousel-video a.lien:hover:after,
.paragraph--type--rte a.lien:hover:after,
.paragraph--type--liste-actualites-une a.lien:hover:after,
.paragraph--type--articles a.lien:hover:after{
    /*content: url(../images/arrow-blue.svg);*/
    background-image: url(../images/arrow-blue.svg);
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph,
.paragraph--type--articles .item-wrapper .paragraph {
    margin-bottom: 1rem;
}
.paragraph--type--liste-actualites-une.item-wrapper .paragraph .item-image,
.paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-image img,
.paragraph--type--articles .item-wrapper .paragraph .item-image,
.paragraph--type--articles .item-wrapper .paragraph .item-image img{
    width: 100%;
    position: relative;
    object-fit: cover;
    height: 100%;
}
.paragraph--type--articles .item-wrapper .paragraph .item-image::after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
}
.paragraph--type--liste-actualites-une .item-wrapper .paragraph.une a:not(.mobile-only) .item-accroche,
.paragraph--type--liste-actualites-une .item-wrapper .paragraph:not(.une) .item-accroche,
.paragraph--type--articles .item-wrapper .paragraph:not(.une) .item-accroche {
    display: none;
}

.item-accroche-desktop{
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.item-tag-desktop {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.item-tag-mobile{
    display: none;
}
.item-accroche-desktop,
.item-accroche-mobile {
    font: normal 18px/30px 'Lato';
}
/*.paragraph--type--articles .item-wrapper .paragraph.une .item-description:not(.mobile-only),*/
.paragraph--type--carrousel {
    position: relative;
    padding:3rem 0rem 0rem 1rem;
}
.paragraph--type--carrousel .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: right;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1330px;
}
.paragraph--type--carrousel .paragraph.liste {
    height: 100%;;
}
.paragraph--type--carrousel .item-wrapper .paragraph.liste .item {
    width: 100%;
    background-image: url(../images/fond-carte.svg);
    padding:2rem;
    background-size: cover;
    display: flex;
    height: 100%;
    min-width: 307px;
    max-width: 307px;
    min-height: 476px;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
}


.paragraph--type--carrousel .item-wrapper .paragraph .item-image {
    background-color: #fff;
    border-radius: 90px;
    width: 112px;
    height: 112px;
    margin: 0 auto;
    padding: 45px;
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
    background-color: #fff;
}
.paragraph--type--carrousel .item-wrapper .paragraph .item-image img {
    width: 80px;
    margin: 0 auto;
}
.paragraph--type--carrousel .item-wrapper .paragraph .item-accroche {
    font: normal 14px/20px 'Lato';
}
.paragraph--type--carrousel .item-wrapper .paragraph .item-title {
    font: bold 18px/23px 'Lato';
    margin: 1rem 0;
    color: #883316;
    text-align: center;
}

.paragraph--type--carrousel-article .item-wrapper .paragraph .prev,
.paragraph--type--carrousel-article .item-wrapper .paragraph .next,
.paragraph--type--grille-video .item-wrapper .paragraph .prev,
.paragraph--type--grille-video .item-wrapper .paragraph .next,
.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 {
    background-color: #fff;
    width: 58px;
    height: 58px;
    display: block;
    border-radius: 30px;
    border: 1px solid #D6D6D6;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .prev:hover,
.paragraph--type--carrousel-article .item-wrapper .paragraph .next:hover,
.paragraph--type--grille-video .item-wrapper .paragraph .prev:hover,
.paragraph--type--grille-video .item-wrapper .paragraph .next:hover,
.paragraph--type--carrousel-video .item-wrapper .paragraph .prev:hover,
.paragraph--type--carrousel-video .item-wrapper .paragraph .next:hover,
.paragraph--type--carrousel .item-wrapper .paragraph .prev:hover,
.paragraph--type--carrousel .item-wrapper .paragraph .next:hover {
    background-color: #EA6642;
    border: 1px solid #EA6642;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--carrousel-article .item-wrapper .paragraph .next:hover:before,
.paragraph--type--grille-video .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--grille-video .item-wrapper .paragraph .next:hover:before,
.paragraph--type--carrousel-video .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--carrousel-video .item-wrapper .paragraph .next:hover:before,
.paragraph--type--carrousel .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--carrousel .item-wrapper .paragraph .next:hover:before {
    background-image: url(../images/arrow-blanc-next.png);
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .prev:before,
.paragraph--type--carrousel-article .item-wrapper .paragraph .next:before,
.paragraph--type--grille-video .item-wrapper .paragraph .prev:before,
.paragraph--type--grille-video .item-wrapper .paragraph .next:before,
.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 {
    content: '';
    background-image: url(../images/arrow-orange-next.png);
    display: block;
    width: 58px;
    height: 58px;
    background-repeat: no-repeat;
    background-position: 23px 15px;
    background-size: 16px;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .prev,
.paragraph--type--grille-video .item-wrapper .paragraph .prev,
.paragraph--type--carrousel-video .item-wrapper .paragraph .prev,
.paragraph--type--carrousel .item-wrapper .paragraph .prev {
    margin-right: 1.5rem;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .prev:before,
.paragraph--type--grille-video .item-wrapper .paragraph .prev:before,
.paragraph--type--carrousel-video .item-wrapper .paragraph .prev:before,
.paragraph--type--carrousel .item-wrapper .paragraph .prev:before {
    transform: rotate(180deg);
    background-position: 24px 15px;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .owl-nav,
.paragraph--type--grille-video .item-wrapper .paragraph .owl-nav,
.paragraph--type--carrousel-video .item-wrapper .paragraph .owl-nav{
    text-align: center;
    margin: 0px 0px 2rem 0px;
}
.paragraph--type--carrousel .item-wrapper .paragraph .owl-nav {
    margin: 2rem 0;
    text-align: center;
}
.paragraph--type--carrousel .lien {
    font: bold 15px / 18px 'Lato';
    padding-top: 15px;
    color: #cc4824;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}
.paragraph--type--carrousel .item .lien {
    text-align: center;
}

.paragraph--type--carrousel .lien:after {
    content: url(../images/arrow-orange.svg);
    margin-left: 10px;
}


/* Engagements */
.paragraph--type--engagements {
    background-color: #EDEBE4;
    position: relative;
    /*padding: 5.5rem 0;*/
}
.paragraph--type--engagements .item-wrapper .item.lien-terre .item-image {
    background-color: #979c51;
}
.paragraph--type--engagements .item-wrapper .item.lien-homme .item-image {
    background-color: #dbc248;
}
.paragraph--type--engagements .item-wrapper .item.lien-territoire .item-image {
    background-color: #aa815a;
}
.paragraph--type--engagements .item-wrapper .item.lien-modele .item-image {
    background-color: #3c7224;
}
.paragraph--type--engagements .item-wrapper .logo-link {
    width: 19.75rem;
    margin-bottom: 2rem;
}

/*
.paragraph--type--engagements .item-wrapper .paragraph.liste .item.lien-territoire {
    background-color: #e5d9cd;
    background-image: none;
}
.paragraph--type--engagements .item-wrapper .paragraph.liste .item.lien-terre {
    background-color: #e0e1ca;
    background-image: none;
}
.paragraph--type--engagements .item-wrapper .paragraph.liste .item.lien-homme {
    background-color: #f4edc8;
    background-image: none;
}*/
.paragraph--type--engagements .item-wrapper {
    margin: 0 1.25rem;
}
.paragraph--type--engagements .item-content {
    display: flex;
    position: relative;
    flex-direction: column;
}
.paragraph--type--engagements .item-wrapper .paragraph.liste {
    margin: 3rem 0rem 3rem 0rem;
}
/*.paragraph.paragraph--type--engagements .item-wrapper {
    padding: 2.5rem 0;
}*/
.paragraph--type--engagements .item-content .paragraph.intro {
    padding-top: 4rem;
    padding-right: 4rem;
    position: relative;
}
.paragraph--type--engagements .item-content .paragraph.liste {
    height: 100%;
}
/*
.paragraph--type--engagements .item-content .paragraph.liste {
    flex: 1;
    max-width: calc(100% - 454px);
    position: relative;
}
*/
.paragraph--type--engagements .item-wrapper .graines {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.paragraph--type--engagements .item-wrapper .graines img {
    width: 50%;
    height: 50%;
}


/*
.paragraph.intro {
    vertical-align: top;
    margin: 4% 0;
}
*/
.paragraph--type--engagements .item-wrapper .paragraph-title{
    font: normal 28px/36px 'Brandon';
    margin-bottom: 1.5rem;
    color: #883316;
    width: 19.75rem;
}
.paragraph--type--engagements .item-wrapper .paragraph-accroche {
    font: normal 16px/24px 'Lato';
    letter-spacing: 0.01em;
    margin-bottom: 2rem;
}
.paragraph--type--engagements .item-wrapper .item-accroche {
    font: normal 16px/26px 'Lato';
    margin-bottom: 1rem;
    text-align: center;
}
.paragraph--type--engagements .item-wrapper .paragraph.liste .item {
    width: 100%;
    background-image: url(../images/fond-activite.svg);
    padding: 2rem;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-width: 384px;
    max-width: 384px;
    /*min-height: 572px;*/
    min-height: 600px;
}
.paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover  {
    cursor: pointer;
}

.paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .item-title,
.paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .lien{
    color: #387E94;
}
/*.paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .lien:after {
    content: url(../images/arrow-blue.svg);
}*/
.paragraph--type--engagements .item-wrapper .paragraph .item-image {
    background-color: #348365;
    border-radius: 90px;
    width: 112px;
    height: 112px;
    margin: 0 auto;
    /*padding: 45px;*/
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 99%;
}
.paragraph--type--engagements .item-wrapper .paragraph .item-image img {
    width: 80px;
    margin: 0 auto;
}
.paragraph--type--engagements .item-wrapper .paragraph .item-title {
    font: bold 24px/32px 'Lato';
    margin: 2rem 0;
    color: #883316;
    text-align: center;
}

.paragraph--type--carrousel-image .item-wrapper .paragraph .prev,
.paragraph--type--carrousel-image .item-wrapper .paragraph .next,
.paragraph--type--engagements .item-wrapper .paragraph .prev,
.paragraph--type--engagements .item-wrapper .paragraph .next{
    background-color: #fff;
    width: 58px;
    height: 58px;
    display: inline-block;
    border-radius: 40px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid #D6D6D6;
}
#bloc-rte-rse-accueil .down:hover:after,
.paragraph--type--carrousel-image .item-wrapper .paragraph .prev:hover,
.paragraph--type--carrousel-image .item-wrapper .paragraph .next:hover,
.paragraph--type--engagements .item-wrapper .paragraph .prev:hover,
.paragraph--type--engagements .item-wrapper .paragraph .next:hover {
    background-color: #EA6642;
}
#bloc-rte-rse-accueil .down:hover:after,
.paragraph--type--carrousel-image .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--carrousel-image .item-wrapper .paragraph .next:hover:before,
.paragraph--type--engagements .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--engagements .item-wrapper .paragraph .next:hover:before {
    background-image: url(../images/arrow-blanc-next.png);
}
.paragraph--type--carrousel-image .item-wrapper .paragraph .prev:before,
.paragraph--type--carrousel-image .item-wrapper .paragraph .next:before,
.paragraph--type--engagements .item-wrapper .paragraph .prev:before,
.paragraph--type--engagements .item-wrapper .paragraph .next:before {
    content: '';
    background-image: url(../images/arrow-orange-next.png);
    display: block;
    width: 60px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}

.paragraph--type--engagements .item-wrapper .paragraph .navigation-engagements {
    margin-top: 1rem;
}
.paragraph--type--carrousel-image .item-wrapper .paragraph .prev,
.paragraph--type--engagements .item-wrapper .paragraph .prev {
    margin-right: 10px;
}
.paragraph--type--carrousel-image .item-wrapper .paragraph .prev:before,
.paragraph--type--engagements .item-wrapper .paragraph .prev:before {
    transform: rotate(180deg);
    width: 52px;
}

.paragraph--type--engagements .item-wrapper .paragraph .owl-nav {
    margin: 30px 0 0 0;
    text-align: left;
}
.paragraph--type--engagements .lien {
    font: bold 18px / 24px 'Lato';
    /* color: #E75B3A;  RGAA ISSUE*/
    color: #912618; 
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.02em;
}
.paragraph--type--engagements .item .lien {
    text-align: center;
}
.paragraph--type--engagements .lien:hover{
    color:#387E94;
}
/*.paragraph--type--engagements .lien:after {
    content: url(../images/arrow-orange.svg);
    margin-left: 10px;
}
.paragraph--type--engagements .lien:hover:after{
    content: url(../images/arrow-blue.svg);
}*/

.paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-nav .owl-prev {
    float: left;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-nav .owl-next {
    float: right;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev,
.paragraph--type--liste-des-marques .item-wrapper .paragraph .next {
    background-color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 40px;
    border: 2px solid #000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:hover,
.paragraph--type--liste-des-marques .item-wrapper .paragraph .next:hover{
    background-color: #ea6642;
    border-color: #ea6642;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:before,
.paragraph--type--liste-des-marques .item-wrapper .paragraph .next:before {
    content: '';
    background-image: url(../images/arrow-black.svg);
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px 10px;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:hover:before,
.paragraph--type--liste-des-marques .item-wrapper .paragraph .next:hover:before {
    background-image: url(../images/arrow-white.svg);
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:before {
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    background-position: 14px 14px;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev {
    margin-right: 10px;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:before {
    transform: rotate(180deg);
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-nav {
    position: absolute;
    width: 100%;
    top: 8px;
    display: block;
    z-index: 0;
}
.paragraph--type--liste-des-marques .item-wrapper .paragraph .owl-stage-outer {
    z-index: 1;
}

.paragraph--type--liste-des-marques .item-wrapper .paragraph.liste {
    margin-top: 3rem;
}


/* CTA */
.paragraph--type--rte .item-wrapper a.cta-beige,
.cta.cta-beige {
    background-color: #F5F0DF;
    color: #762D17;
}
.paragraph--type--rte .item-wrapper a.cta-beige:after,
a.cta.cta-beige:after{
    content: none;
}
.cta.cta-marron {
    background-color: #883316;
    color: #FFF;
}
.cta.cta-white {
    background-color: #fff;
    color: #000;
}
.cta.cta-orange {
    background-color: #EA6642;
    color: #fff;
}
.cta.cta-ligth-orange {
    background-color: #F0E0DB;
    color: #883316;
}
.paragraph--type--rte .item-wrapper a.cta-hover-orange:hover ,
.cta.cta-hover-orange:hover {
    background-color: #EA6642;
    color: #fff;
}
.paragraph--type--rte .item-wrapper a.cta-hover-blue:hover ,
.cta.cta-hover-blue:hover {
    background-color: #387E94;
    color: #fff;
}
.cta.cta-marron.cta-hover-white:hover {
    background-color: #fff;
    color: #883316;
}
.cta.cta-border-white {
    border-color: #fff;
    border: 1px solid;
}
.cta {
    font: bold 15px/18px 'Lato';
    display: inline-block;
    padding: 20px 32px 20px 32px;
    /*border-radius: 4px;*/
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
a.cta:after {
    content: '';
    margin-left: 10px;
    background-image: url(../images/arrow-white.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
a.cta:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a.cta.cta-marron:hover:after {
    background-image: url(../images/arrow-brown.svg);
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
a.cta.cta-marron:after {
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
.mobile-only {
    display: block ;
}
.desktop-only {
    display: none ;
}
#header .header-inner .header-logo {
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}
#header .item-wrapper .header-inner {
    margin: 0 1.25rem;
}
#header .header-inner .header-logo .logo {
    max-width: 140px;
    width: 100%;
    z-index: 1;
}

#header #header-menu-wrapper #header-menu > ul > li {
    border-bottom: 1px solid #E5DDC1;
}

#header .header-inner .header-menu-burger button.header-menu-burger-button {
    padding: 6px 16px;
    /*position: absolute;*/
    position: relative;
    /*right: 35px;*/
    top: 16px;
    background: #EA6642;
    border-radius: 32px;
    border: none;
    color: #FFF;
    font: normal 16px/18px 'Lato';
}
#header .header-inner .header-menu-burger button.header-menu-burger-button span.close-menu {
    display: none;
}
#header .header-inner .header-menu-burger button.header-menu-burger-button.close-button span.close-menu {
    display: block;
}
#header .header-inner .header-menu-burger button.header-menu-burger-button.close-button span.open-menu {
    display: none;
}
#header #header-menu-wrapper #header-menu {
    padding: 0;
    border: none;
}
#header #header-menu-wrapper #header-menu ul li > button {
    padding: 20px;
    margin: 0;
    background-size: 100%;
    text-transform: uppercase;
}
#header #header-menu-wrapper #header-menu ul li > button:after {
    display: block;
    min-width: 16px;
    background-image: url(../images/arrow-orange.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    content: "";
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}
#header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"]:after {
    background-image: url(../images/arrow-orange.svg);
    transform: rotate(270deg);
}

#header #header-menu-wrapper #header-menu .column li.accordeon-marques
{
    padding-top: 2rem;
}
#header #header-menu-wrapper .menu-mobile-wrapper #header-menu > ul > li:nth-last-child(2) {
    padding: 1rem 0.75rem;
}
#header #header-menu-wrapper #header-menu .column li.accordeon-metiers.active:after,
#header #header-menu-wrapper #header-menu .column li.accordeon-coopérative.active:after {
    transform: rotate(270deg);
}
#header .header-inner #header-top-menu ul li span,
#header .header-inner #header-top-menu ul li a,
#header #header-menu-wrapper #header-sub-menu ul li a {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0 1.125rem 0 0;
    font: normal 14px/18px 'Lato';
    color: #883316;
}
/*#header #header-menu-wrapper #header-menu .push-link a:hover{
    color: #247088;
}*/

#header #header-menu-wrapper #header-menu .push-link a.external-link:hover:after,
a.external-link:after{
    content: url(../images/arrow-brown-external.svg);
    margin-left: 10px;
}
a.external-link:hover:after {
    content: url(../images/arrow-blue-external.svg);
}
#header .header-inner #header-top-menu ul li a.active,
#header #header-menu-wrapper #header-sub-menu ul li a.active,
#header .header-inner #header-top-menu ul li a:hover,
#header #header-menu-wrapper #header-sub-menu ul li a:hover {
    color: #247088;
}
#header #header-menu-wrapper #header-sub-menu ul li {
    padding: 10px 20px;
}
.mobile-only .header-search-menu{
    margin: 1rem auto;
}
.header-search-menu form {
    max-width: 370px;
    /*border: 1px solid #883316;*/
    border: 1px solid #E5DDC1;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    background-color: #FFF;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.header-search-menu input {
    font: normal 15px/18px 'Lato';
    border: none;
}
#header #header-menu-wrapper #header-menu ul li .header-menu-form-recherche-submit{
    background-image: url(../images/icone-loupe.svg);
    background-position: center;
    background-size: 1.25rem;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    margin: 0.35rem 0.5rem 0 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem;
}
#header #header-menu-wrapper #header-menu ul li .header-menu-form-recherche-submit:hover{
    background-image: url(../images/icone-loupe-bleu.svg);
}
.header-search-menu {
    padding: 0 20px;
}
.header-menu-wrapper-n2 {
    background-color: #F6F2E3;
    padding: 0 20px;
}

#header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"]{
    background-color: #F6F2E3;
    border-bottom: 1px solid #D7D0BA;
}
#header #header-menu-wrapper #header-menu .push-edito .titre {
    font: bold 16px / 23px 'Lato';
    padding-bottom: 1.25rem;
    color: #883316;
}
#header #header-menu-wrapper #header-menu .push-edito .texte {
    font: normal 14px / 20px 'Lato';
}
#header #header-menu-wrapper #header-menu .push-edito a.lien {
    font: bold 15px / 20px 'Lato';
    padding-top: 1.25rem;
    color: #cc4824;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.04em;
}
#header #header-menu-wrapper #header-menu .push-edito .lien:after{
    content: url(../images/arrow-orange.svg);
    margin-left: 10px;
}
#header #header-menu-wrapper #header-menu .push-edito a.lien:hover{
    color: #387E94;
}
#header #header-menu-wrapper #header-menu .push-edito .lien:hover:after{
    content: url(../images/arrow-blue.svg);
}

#header #header-menu-wrapper #header-menu .push-edito {
    border-bottom: 1px solid #E5DDC1;
    padding: 1.5rem 0;
}
#header #header-menu-wrapper #header-menu .push-link {
    border-top: 1px solid #E5DDC1;
    padding: 20px 0;
}

#header #header-menu-wrapper #header-menu .column li {
    padding: 0.75rem 0;
    position: relative;
}
#header #header-menu-wrapper #header-menu .column li:first-child {
    padding-top: 1.5rem;
}
#header #header-menu-wrapper #header-menu .column li:last-child {
    padding-bottom: 1.5rem;
}

.header-menu-wrapper-n2-button {
    color: #883316;
    font: bold 18px / 22px 'Lato';
    padding: 5px 20px;
    text-transform: uppercase;
}

#header #header-menu-wrapper #header-menu ul.column li a {
    font: 16px/23px 'Lato' !important;
    color: #883316;
    text-transform: none !important;
}



#header #header-menu-wrapper #header-menu .push-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}
#header #header-menu-wrapper #header-menu .push-link > a {
    width: 33%;
}
#header #header-menu-wrapper #header-menu .push-link .content {
    width: 65%;
}
/*
#header #header-menu-wrapper #header-menu .push-link .image {
        width: 33%;
        margin-right: 5%;
        position: relative;
}*/
/*.paragraph--type--activites .item-wrapper .paragraph .item-image:after,*/
#header #header-menu-wrapper #header-menu .push-link .image:after {
    content: '';
    width: initial;
    position: absolute;
    bottom: -1px;
    right: -1px;
    height: 100%;
    background-image: url(../images/bg_grains.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100%;
}
#header #header-menu-wrapper #header-menu .push-link .content a {
    padding: 0.625rem;
    display: block;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    width: fit-content;
    position: relative;
    left: -0.625rem;
    top: -0.625rem;
}



#header #header-menu-wrapper #header-menu .column li.accordeon-metiers:not(:first-child),
#header #header-menu-wrapper #header-menu .column li.accordeon-coopérative:not(:first-child) {
display: none;
}
#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: 1px solid #E5DDC1;
    padding: 18px 0;
}
#header #header-menu-wrapper #header-menu .column li.accordeon-metiers:after,
#header #header-menu-wrapper #header-menu .column li.accordeon-coopérative:after {
    display: block;
    min-width: 16px;
    background-image: url(../images/arrow-orange.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 20px;
    transform: rotate(90deg);
}

#header #header-menu-wrapper #header-menu .header-menu-mobile-accordeon-wrapper {
    display: none;
    padding: 20px 0 0 0;
}
#header #header-menu-wrapper {
    padding-bottom:0;
}
.paragraph--type--hero.banniere .content h1.title,
.paragraph--type--banniere-principale .content h1.title {
    font: bold 42px/46px 'Kapra FBI';
    margin-bottom: 20px;
    text-transform: uppercase;
}
.paragraph--type--banniere-principale .content .title {
    font: bold 32px/36px 'Lato';
    margin-bottom: 20px;
}


#footer ul {
    margin-left: 0;
}
#footer .wrapper-footer-menu .footer-menu {
    margin-bottom: 0;
    margin-top: 2rem;
}
#footer {
    padding: 2.5rem 1.5rem 1.5rem;
    background-color: #EDEBE4;
    /*margin-top: 7rem;*/
}
#footer .wrapper-footer-menu {
    display: inline-block;
    max-width: 1340px;
    margin: 0 auto 3rem;
    width: 100%;
}
#footer .contextual-links a, #footer .contextual-links li {
    padding: 0.125rem 0.25rem !important;
    margin: 0 !important;
}
#footer .wrapper-footer-menu h3,
#footer .wrapper-footer-menu .footer-menu li,
#footer .wrapper-footer-menu .footer-menu li:not(:first-child) span,
#footer .wrapper-footer-menu .footer-menu li a{
    font: normal 15px/22px 'Lato';
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 0;
}
#footer .wrapper-footer-menu .footer-menu li:first-child span,
#footer .wrapper-footer-menu .footer-menu li strong {
    font: bold 18px/26px 'Lato';
    list-style: none;
    padding-bottom: 20px;
}

#footer .wrapper-footer-menu h3 {
    padding-top: 10px;
    display: block;
    width: 100%;
}
#footer .wrapper-footer-menu .footer-menu a.external-link:after {
    content: url(../images/arrow-black-external.svg);
    margin-left: 10px;
}
#footer .wrapper-footer-menu .footer-menu a.active,
#footer .wrapper-footer-menu .footer-menu a:hover {
    color: #CC4824;
}
#footer .wrapper-footer-menu .footer-menu a.external-link:hover:after {
    content: url(../images/arrow-orange-external.svg);
}

#footer .wrapper-footer-menu .social-media-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding-bottom:2rem;
}
#footer .wrapper-footer-menu .footer-menu .social-media-link li {
    padding: 0;
    margin: 0;
}
#footer .wrapper-footer-menu .footer-menu .social-media-link a {
    padding-right: 2rem;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
#footer .wrapper-footer-menu a.wrapper-footer-logo {
    margin-right: 20px;
    display: block;
}
#footer .wrapper-footer-menu #block-footernoussuivremobile{
    display: none;
}
.menu--footer---seconde-colonne, .menu--footer---tous-nos-sites {
    width: 100%;
    display: block;
}

.paragraph--type--bloc-chiffres-cles .item-wrapper{
    margin: 1.25rem;
}

.paragraph--type--bloc-chiffres-cles .desc {
    font: bold 24px/32px 'Lato';
    /*opacity: 0;
    transition: 1s;*/
}
.paragraph--type--bloc-chiffres-cles .number {
    /*opacity: 0;*/
    color: #883316;
}
.paragraph--type--bloc-chiffres-cles .number,
.paragraph--type--bloc-chiffres-cles .number span {
    position: relative;
    /*left: -10px;
    opacity: 0;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font: normal 58px/66px 'Brandon';
    letter-spacing: 0;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 118px;
    content: '';
    width: 4px;
}

.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle {
    margin-bottom: 2rem;
    text-align: center;
    position: relative;
    padding: 0;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .number-content-wrapper {
    position: relative;
    display: inline-block;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .number-content-wrapper .number-content {
    position: relative;
    margin: 0;
    z-index: 1;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .number-content-wrapper .number-content .number {
    font: normal 58px/66px 'Brandon';
    color: #883316
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle .desc {
    margin: 1rem auto 0;
    max-width: 100%;
    font: bold 24px/32px 'Lato';
    color: #000;
}
.paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:last-child {
    margin-bottom: 0;
}


.paragraph--type--bloc-video-double .item-wrapper,
.paragraph--type--bloc-texte-video .item-wrapper,
.paragraph--type--bloc-image-texte .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
}
.node-323 .bloc-video-double {
    padding: 2rem;
}
.node-323 .paragraph--type--bloc-video-double .item-wrapper,
.node-323 .paragraph--type--bloc-texte-video .item-wrapper,
.node-323 .paragraph--type--image-texte .item-wrapper {
    margin: 0 auto;
    max-width: 55.25rem;
}
.node-323 .paragraph--type--rte.large .item-wrapper {
    margin: 0 1.25rem;
    max-width: 880px;
}

.node-477 .paragraph--type--hero .media::before {
    background : none !important;
}

.paragraph--type--bloc-texte-video .item-wrapper .bloc-texte-video .gauche,
.paragraph--type--focus .item-wrapper .bloc-focus .gauche,
.paragraph--type--image-texte .item-wrapper .bloc-image-texte .gauche {
    display: none;
}
.paragraph--type--focus img {
    width: 100%;
}
.paragraph--type--focus .bloc-focus .content .titre {
    display: none;
}
.paragraph--type--citation .item-wrapper {
    margin: 1.25rem;
    max-width: 55.25rem;
}
.paragraph--type--citation .item-wrapper .bloc-citation {
    position: relative;
    padding: 2rem;
}
.paragraph--type--citation .auteur .description {
    width: 80%;
}
.paragraph.paragraph--type--citation .image img {
    border-radius: 50px;
}
span.guillement {
    font-family: 'Brandon';
    font-size: 50px;
    vertical-align: bottom;
}
.paragraph.paragraph--type--rte.vert,
.paragraph.paragraph--type--rte.bleu,
.paragraph.paragraph--type--rte.beige,
.paragraph.paragraph--type--rte.craft {
    padding: 1rem 0;
}
.paragraph--type--carrousel-article.vert,
.paragraph--type--bloc-video-double.vert, 
.paragraph--type--bloc-texte-video.vert, 
.paragraph--type--image-texte.vert,
.paragraph--type--bloc-video.vert,
.paragraph--type--image.vert,
.paragraph--type--rte.vert,
.paragraph--type--citation .item-wrapper .bloc-citation.vert {
    background-color: #E7EEBD;
}
.paragraph--type--carrousel-article.beige,
.paragraph--type--bloc-video-double.beige,
.paragraph--type--bloc-texte-video.beige,
.paragraph--type--image-texte.beige,
.paragraph--type--bloc-video.beige,
.paragraph--type--image.beige,
.paragraph--type--rte.beige,
.paragraph--type--citation .item-wrapper .bloc-citation.beige {
    background-color: #F6F2E3;
}
.paragraph--type--carrousel-article.beige-light,
.paragraph--type--bloc-video-double.beige-light,
.paragraph--type--bloc-texte-video.beige-light,
.paragraph--type--image-texte.beige-light,
.paragraph--type--bloc-video.beige-light,
.paragraph--type--image.beige-light,
.paragraph--type--rte.beige-light,
.paragraph--type--citation .item-wrapper .bloc-citation.beige-light {
    background-color: #f7f6f3;
}
.paragraph--type--carrousel-article.beige-footer,
.paragraph--type--bloc-video-double.beiger-footer,
.paragraph--type--bloc-texte-video.beiger-footer,
.paragraph--type--image-texte.beige-footer,
.paragraph--type--bloc-video.beige-footer,
.paragraph--type--image.beige-footer,
.paragraph--type--rte.beige-footer,
.paragraph--type--citation .item-wrapper .bloc-citation.beige-footer {
    background-color: #EDEBE4;
}
.paragraph--type--carrousel-article.bleu,
.paragraph--type--bloc-video-double.bleu, 
.paragraph--type--bloc-texte-video.bleu, 
.paragraph--type--image-texte.bleu,
.paragraph--type--bloc-video.bleu,
.paragraph--type--image.bleu,
.paragraph--type--rte.bleu,
.paragraph--type--citation .item-wrapper .bloc-citation.bleu {
    background-color: #DAEDE9;
}
.paragraph--type--carrousel-article.gris,
.paragraph--type--bloc-video-double.gris,
.paragraph--type--bloc-texte-video.gris,
.paragraph--type--image-texte.gris,
.paragraph--type--bloc-video.gris,
.paragraph--type--image.gris,
.paragraph--type--rte.gris,
.paragraph--type--citation .item-wrapper .bloc-citation.gris {
    background-color: #efeee8;
}
.paragraph--type--carrousel-article.link,
.paragraph--type--bloc-video-double.link,
.paragraph--type--bloc-texte-video.link,
.paragraph--type--image-texte.link,
.paragraph--type--bloc-video.link,
.paragraph--type--image.link,
.paragraph--type--rte.link,
.paragraph--type--citation .item-wrapper .bloc-citation.link {
    background-color: #EDEBE4;
}
.paragraph--type--carrousel-article.craft,
.paragraph--type--bloc-video-double.craft,
.paragraph--type--bloc-texte-video.craft,
.paragraph--type--image-texte.craft,
.paragraph--type--bloc-video.craft,
.paragraph--type--image.craft,
.paragraph--type--rte.craft,
.paragraph--type--citation .item-wrapper .bloc-citation.craft {
    background-color: #EDEBE4;
}

.paragraph--type--citation .item-wrapper .bloc-citation.craft .titre {
    color: #883316;
}
.paragraph--type--citation .item-wrapper .bloc-citation.vert .titre {
    color: #696c55;
}
.paragraph--type--citation .item-wrapper .bloc-citation.beige .titre {
    color: #883316;
}
.paragraph--type--citation .item-wrapper .bloc-citation.bleu .titre {
    color: #387e94;
}
span.guillement:first-child {
    padding-right: 10px;
}
span.guillement:last-child {
    padding-left: 5px;
}
.paragraph--type--citation .titre {
    font: bold 20px/24px 'Lato';
    margin: 0.5rem 0;
}
.paragraph--type--citation .auteur {
    display: flex;
    margin: 2rem 0 3rem;
}
.paragraph--type--citation .auteur .texte {
    font: normal 32px / 50px 'Kapra FBI';
    text-transform: uppercase;
    color: #333;
}
.paragraph--type--citation .auteur .description {
    font: normal 14px/18px 'Lato';
}
.paragraph--type--citation .auteur .image {
    max-width: 90px;
    margin-right: 1rem;
}
.paragraph--type--citation .auteur .image:empty{
    margin-right: 0rem !important;
}

.paragraph--type--citation .grains {
    position: absolute;
    right: 0;
    bottom: 0;
}


.paragraph--type--image {   
    padding-bottom: 2.5rem;
    position: relative;
}
.paragraph--type--exergue .corp a {
    text-decoration: underline;
}
.paragraph--type--exergue .item-wrapper {
    margin: 1.25rem;
    max-width: 46.25rem;
}
.paragraph--type--exergue .item-wrapper .bloc-exergue {
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #DAEDE9;
}
.paragraph--type--exergue .item-wrapper .titre {
    font: bold 20px/24px 'Lato';
    margin: 2rem 0;
}
.paragraph--type--exergue .item-wrapper .bloc-exergue {
    padding: 2rem;
}
.paragraph--type--exergue .item-wrapper .grains {
    width: 2.5rem;
}
.paragraph--type--exergue ::marker {
    color: #348365;
}
#block-vivescia-content > .paragraph--type--bloc-video .item-wrapper,
.paragraph--type--carrousel-article .item-wrapper,
.paragraph--type--carrousel-video .item-wrapper {
    margin: 1.25rem;
}
.paragraph--type--carrousel-article .item-wrapper.carrousel-article,
.paragraph--type--grille-video .item-wrapper.carrousel-video,
.paragraph--type--carrousel-video .item-wrapper.carrousel-video {
    margin-right: 0;
}
.paragraph--type--carrousel-article .item-wrapper.carrousel-article .paragraph .owl-nav,
.paragraph--type--grille-video .item-wrapper.carrousel-video .paragraph .owl-nav,
.paragraph--type--carrousel-video .item-wrapper.carrousel-video .paragraph .owl-nav {
    margin-right: 1.25rem;
}
/*
#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--rte.accueil):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--rte.accueil):last-child{
    margin-bottom: 2rem;
}
*/
/*
#block-vivesciaingredients-content h1.title{
    color: #fff;
}*/
#block-vivesciaingredients-content .paragraph--type--rte .item-wrapper a {
    color: #247088;
}
.paragraph--type--push-simple .item-wrapper {
    margin: 1.25rem;
    max-width: 46.25rem;
}
.paragraph--type--push-double .item-wrapper {
    margin: 1.25rem;
    max-width: 55.25rem;
}
.paragraph--type--push-double,
.paragraph--type--push-simple {
    font: normal 16px/23px 'Lato';
}

.paragraph--type--push-double .item-wrapper .bloc-push-simple,
.paragraph--type--push-simple .item-wrapper .bloc-push-simple {
    margin: 1rem auto;
    display: block;
    text-decoration: none;
}
.paragraph--type--push-double .item-wrapper .titre,
.paragraph--type--push-simple .item-wrapper .titre {
    font: bold 20px/24px 'Lato';
    margin: 0 0 0.5rem 0;
}

.paragraph--type--push-double .item-wrapper .lien,
.paragraph--type--push-simple .item-wrapper .lien {
    text-align: left;
    margin: 0;
}
.paragraph--type--push-double .item-wrapper .content,
.paragraph--type--push-simple .item-wrapper .content {
    width: 63%;
    display: inline-block;
    margin-top: 0.5rem;
    padding-left: 0.5rem;
    vertical-align: top;
}
/*
background-color: #EA6642;
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
*/
.paragraph--type--push-double .item-wrapper .bloc-push-simple:hover .lien,
.paragraph--type--push-simple .item-wrapper .bloc-push-simple:hover .lien {
    color: #883316;
}
/*
.paragraph--type--push-double .item-wrapper .lien:before,
.paragraph--type--push-simple .item-wrapper .lien:before {
    content: '';
    background-image: url(../images/arrow-white.svg);
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}
.paragraph--type--push-simple .item-wrapper .lien.externe:before,
.paragraph--type--push-double .item-wrapper .lien.externe:before,
a.cta.externe:after {
    transform: rotate(-45deg);
}*/


.paragraph--type--liste-telechargement .item-wrapper {
    margin: 1.25rem;
    max-width: 46.25rem;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement {
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    margin-bottom: 3rem;
    background-image: url(../images/separateur-vertical-telechargement.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .infos,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: normal 14px/16px 'Lato';
    margin-bottom: 1rem;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .infos .format,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .infos .format {
    text-transform: uppercase;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .infos .format::after,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .infos .format::after {
    content: '-';
    margin: 0 0.5rem;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien {
    text-transform: uppercase;
    color: #CC4824;
    font: bold 15px/20px 'Lato';
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .icon:after,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .icon:after {
    content: url(../images/arrow-orange.svg);
    padding: 1rem;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien:hover,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien:hover {
    color: #387E94;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien:hover .icon:after,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien:hover .icon:after {
    content: url(../images/arrow-blue.svg);
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .icon,
.paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .icon {
    transform: rotate(90deg);
    display: inline-block;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .titre,
.paragraph--type--liste-telechargement .item-wrapper .titre {
    font: bold 16px/19px 'Lato';
    margin-bottom: 1rem;
}


.paragraph--type--liste-accordeons .item-wrapper {
    margin: 2.5rem 1.25rem;
    max-width: 46.25rem;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon.accordion {
    border-top: 1px solid #D1CEC3;
    padding: 2rem 0;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon:hover .entete .titre {
    color: #387E94;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon:hover .entete .titre:after {
    background-image: url(../images/arrow-bleu-accordeon.svg);
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete {
    position: relative;
    cursor: pointer;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre{
    color: #CC4824;
    font: bold 24px/28px 'Lato';
    width: 90%;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre:after {
    content: '';
    background-image: url(../images/arrow-orange-accordeon.svg);
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg) scale(0.7);
    transition: all 0.3s;
    display: block;
    background-size: 28px;
    width: 40px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center;
}
.rgpd .accordion > h3:after {
    content: '';
    background-image: url(../images/arrow-orange-accordeon.svg);
    position: absolute;
    right: 0;
    top: 5px;
    transform: rotate(180deg) scale(0.7);
    transition: all 0.3s;
    display: block;
    background-size: 2rem;
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}
.rgpd .accordion.active > h3:after {
    transform: rotate(0deg) scale(0.7);
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon.active .entete .titre:after {
    transform: rotate(0deg) scale(0.7);
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .contenu {
    display: none;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .paragraph--type--rte {
    margin: 0;
    padding: 0;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .paragraph--type--image .item-wrapper,
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .paragraph--type--rte .item-wrapper {
    width: 100%;
    margin: 0;
}
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .chapeau,
.paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .paragraph--type--rte {
    font: normal 16px/23px 'Lato';
}
.paragraph--type--bloc-histoire-contenu .item-wrapper {
    margin: 1.25rem;
    max-width: 46.25rem;
}
.paragraph--type--bloc-histoire-contenu .paragraph--type--exergue .item-wrapper,
.paragraph--type--bloc-histoire-contenu .paragraph--type--image .item-wrapper,
.paragraph--type--bloc-histoire-contenu .paragraph--type--citation .item-wrapper {
    margin: 0;
}
.paragraph--type--bloc-histoire-contenu .timeline::before {
    border-left: 1px solid #F7F2E3;
    content: '';
    height: 100%;
    position: absolute;
    left: 0rem;
    top: 4rem;
}
.paragraph--type--bloc-histoire-contenu .timeline .date::before {
    content: '•';
    position: absolute;
    left: -0.6rem;
}
.paragraph--type--bloc-histoire-contenu .timeline {
    position: relative;
    display: inline-block;
    padding: 2rem 0rem 2rem 1rem;
}
.paragraph--type--bloc-histoire-contenu .timeline .paragraph--type--image img {
    margin: 0;
}
.paragraph--type--bloc-histoire-contenu .timeline .date {
    color: #883316;
    font: normal 36px/47px 'Brandon';
}
.paragraph--type--bloc-histoire-contenu .contenu .description,
.paragraph--type--bloc-histoire-contenu .timeline .description {
    font: normal 16px/23px 'Lato';
}
.paragraph--type--bloc-histoire-contenu .contenu > .titre {
    color: #883316;
    font: bold 32px/38px 'Lato';
    margin-bottom: 2rem;
}
.paragraph--type--bloc-histoire-contenu {
    padding: 2rem 0;
}
.paragraph--type--bloc-histoire-vignette .item-wrapper .vignette {
    cursor: pointer;
}
.paragraph--type--bloc-histoire-vignette .periode .vignette .date {
    color: #883316;
    font: normal 26px/34px 'Brandon';
    margin: 2rem 0 1rem 0;
}
.paragraph--type--bloc-histoire-vignette .periode .vignette .titre {
    color: #883316;
    font: bold 18px/23px 'Lato';
    width: 80%;
}
.paragraph--type--bloc-histoire-vignette .periode:hover .vignette .titre,
.paragraph--type--bloc-histoire-vignette .periode:hover .vignette .date {
    color: #EA6642;
}
.paragraph--type--bloc-histoire-vignette .periode .contenu {
    display: none;
}
.paragraph--type--bloc-histoire-vignette .item-wrapper {
    max-width: 1440px;
    margin: 2rem auto 0rem;
    width: 100%;
}
.paragraph--type--bloc-histoire-vignette {
    background-color: #F7F2E3;
    padding: 1rem 0;
    margin-top: 3rem;
}
.paragraph--type--bloc-histoire-navigation .date {
    color: #883316;
    font: normal 26px/34px 'Brandon';
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 0 0;
}
.paragraph--type--bloc-histoire-navigation .prev,
.paragraph--type--bloc-histoire-navigation .next {
    background-color: #EA6642;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 25px;
    vertical-align: middle;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.paragraph--type--bloc-histoire-navigation .prev:hover,
.paragraph--type--bloc-histoire-navigation .next:hover {
    background-color: #387E94;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.paragraph--type--bloc-histoire-navigation .prev:before,
.paragraph--type--bloc-histoire-navigation .next:before {
    content: '';
    background-image: url(../images/arrow-white.svg);
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
.paragraph--type--bloc-histoire-navigation .navigation {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;

}
.paragraph--type--bloc-histoire-navigation .lien:first-child{
    text-align: left;
}
.paragraph--type--bloc-histoire-navigation .lien:nth-child(2){
    text-align: right;
}
.paragraph--type--bloc-histoire-navigation .item-wrapper {
    max-width: 660px;
    width: calc(100% - 2.5rem);
    margin: 2rem 1.25rem;
}
.paragraph--type--grille-video .paragraph--type--bloc-video.full,
.paragraph--type--carrousel-video .paragraph--type--bloc-video.full,
.paragraph--type--carrousel-video .paragraph--type--bloc-video.large {
    width: 240px;
}

/* Bloc Video */
.paragraph--type--grille-video.accueil .paragraph--type--bloc-video.full,
.paragraph--type--grille-video.accueil .paragraph--type--bloc-video.large,
.paragraph--type--carrousel-video.accueil .paragraph--type--bloc-video.full,
.paragraph--type--carrousel-video.accueil .paragraph--type--bloc-video.large {
    max-width: 335px;
    width: 100%;
    margin: 1.25rem auto;
}
.paragraph--type--grille-video.accueil .paragraph.liste,
.paragraph--type--carrousel-video.accueil .paragraph.liste {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}
.paragraph--type--grille-video.accueil .paragraph-title,
.paragraph--type--carrousel-video.accueil .paragraph-title {
    margin-bottom: 2rem;
}
.paragraph--type--grille-video.accueil .item-date,
.paragraph--type--carrousel-video.accueil .item-date {
    font: normal 14px/17px 'Lato';
}

/* Tableau des offres */
.paragraph--type--tableau-offres h1 {
    font: normal 28px/36px 'Brandon';
    color: #883316;
}
.paragraph--type--tableau-offres .item-wrapper h6,
.paragraph--type--tableau-offres .dataTables_wrapper .dataTables_info {
    font: bold 18px/23px 'Lato';
    margin: 0;
}
.paragraph--type--tableau-offres #liste-emplois {
    width: 100%;
    max-width: 1140px;
}

.paragraph--type--tableau-offres #liste-emplois #filtre-emploi {
    margin-bottom: 20px;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable tbody .description th,
.paragraph--type--tableau-offres #liste-emplois table.dataTable tbody .description td {
    padding: 0;
}
.paragraph--type--tableau-offres .dataTables_wrapper .dataTables_info,
.paragraph--type--tableau-offres .dataTables_wrapper .dataTables_paginate {
    text-align: left;
    margin-bottom: 2rem;
}
.paragraph--type--tableau-offres #liste-emplois #filtre-emploi select {
    margin-bottom: 1rem;
    display: block;
    font: normal 16px/19px 'Lato';
    width: 100%;
    border: none;
    background-color: #F6F2E3;
    padding: 1rem 1.25rem;
    -webkit-appearance: none;
}
.paragraph--type--result-search #edit-theme-collapsible summary .summary::after {
    content: '';
    background-image: url(../images/arrow-orange-select.svg);
    transform: rotate(180deg);
    background-size: 12px;
    position: absolute;
    width: 12px;
    height: 7px;
    right: 1rem;
    top: 1.4rem;
}
/*.paragraph--type--tableau-offres #liste-emplois #filtre-emploi select {
    background-image: linear-gradient(45deg, transparent 50%, #EA6642 50%), linear-gradient(135deg, #EA6642 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border: none;
}*/
.paragraph--type--tableau-offres #liste-emplois #filtre-emploi select {
    background-image: url(../images/arrow-orange-select-down.svg);
    background-position: calc(100% - 15px) center;
    background-size: 12px;
    background-repeat: no-repeat;
}
.paragraph--type--tableau-offres #liste-emplois #filtre-emploi select:focus {
    background-image: url(../images/arrow-orange-select.svg);
    background-position: calc(100% - 15px) center;
    background-size: 12px;
    background-repeat: no-repeat;
    outline: 0;
  }
  .paragraph--type--tableau-offres #liste-emplois #filtre-emploi select::-webkit-scrollbar {
    width: 8px;
    border: 0px solid red
  }
  .paragraph--type--tableau-offres #liste-emplois #filtre-emploi select::-webkit-scrollbar-track {
    border: 2px solid #F6F2E3;
    background-color: #F6F2E3;
  }
  .paragraph--type--tableau-offres #liste-emplois #filtre-emploi select::-webkit-scrollbar-thumb {
    background-color: #EA6642;
    border: 2px solid #F6F2E3;
  }
.paragraph--type--tableau-offres #liste-emplois table.dataTable.stripe tbody tr.odd,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.odd {
    background-color: #ffffff;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.odd>.sorting_1,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.even>.sorting_1,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable tr.details-control {
    cursor: pointer;
}

.paragraph--type--tableau-offres #liste-emplois table.dataTable th {
    color: #536c78;
}
.paragraph--type--tableau-offres #liste-emplois img {
    margin-bottom: 1.25rem;
}
.paragraph--type--tableau-offres #liste-emplois .offre-emp span {
    margin-right: 2rem;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable td {
    font-size: 15px;
    color: #3e3d40;
    vertical-align: middle;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable tbody .details-control th,
.paragraph--type--tableau-offres #liste-emplois table.dataTable tbody .details-control td {
    padding: 25px 10px 25px 0px;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable .child{
    border-top : none !important;
    padding-left:15px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
    border-bottom : 1px solid #f5f5f5 !important;
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none !important;
}

.paragraph--type--tableau-offres #liste-emplois table.dataTable .emploi {
    color: #fbb911;
    font-weight: bold;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi span{
    /*display: none;*/
    background-color: transparent !important;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi span.emploi{
    font: bold 20px/24px 'Lato';
    color: #000;
}

.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr:hover span.emploi,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.odd:hover span.emploi{
    color: #CC4824 !important;
}

.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr:first-child td {
    border-top: 1px solid #ddd;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi span.contrat{
    margin-top: 1.25rem;
    min-width: 90px;
    display: block;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi span{
    font: normal 14px/16px 'Lato';
    color: #000;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi span.publication {
    display: block;
    margin-top: 0.5rem;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable.hover tbody tr:hover,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr:hover,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.odd:hover {
    /*background-color: #f6f2e3 !important;*/
    background-color: transparent !important;
}
.paragraph--type--tableau-offres #liste-emplois .description td > div {
    /*background-color: #f6f2e3 !important;*/
    background-color: transparent !important;
    padding: 20px 55px;
}
.paragraph--type--tableau-offres #liste-emplois .description td {
    border: none !important;
}
.paragraph--type--tableau-offres #liste-emplois .description div{
    text-align: left;
}
.paragraph--type--tableau-offres #liste-emplois .description .btn-postuler{
    text-align: right;
}

.paragraph--type--tableau-offres #liste-emplois .description .btn-copier-offre {
    text-align: right;
    padding-top: 10px;
}

.paragraph--type--tableau-offres #liste-emplois .description .btn-copier-offre span{
   cursor:pointer;
   color:#EA6642 !important;
}

.paragraph--type--tableau-offres #liste-emplois .description .btn-copier-offre span:hover{
    color: #387E94!important;
}

.paragraph--type--tableau-offres #liste-emplois .description .label {
    font-weight: bold;
    margin: 15px 0;
}
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.open,
.paragraph--type--tableau-offres #liste-emplois table.dataTable.display tbody tr.open:hover{
    /*background-color: #f6f2e3 !important;*/
    background-color: transparent !important;
}


/*
.paragraph--type--tableau-offres #liste-emplois .dataTables_wrapper .dataTables_paginate {
    float : left !important;
    margin: 4rem 0;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button.current, .paragraph--type--tableau-offres #liste-emplois .paginate_button.current:hover {
    background: #ea6642 !important;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button, .paragraph--type--tableau-offres #liste-emplois .paginate_button:hover {
    display: inline-block !important;
    border: 2px solid #ea6642 !important;
    border-radius: 2rem !important;
    margin: 0 !important;
    padding: 12px !important;
    width: 48px !important;
    height: 48px !important;
    text-align: center !important;
    margin-right: 0.25rem !important;
    background: none !important;
    color: #000 !important;
    font: normal 18px/18px 'Lato' !important;
    letter-spacing: 0.01em  !important;
    box-shadow:none !important;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button.previous, .paragraph--type--tableau-offres #liste-emplois .paginate_button.next {
    color: transparent !important;
    font-size:0px !important;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button.previous.disabled, .paragraph--type--tableau-offres #liste-emplois .paginate_button.next.disabled {
    display: none !important;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button.previous::after, .paragraph--type--tableau-offres #liste-emplois .paginate_button.next::after {
    display: inline-block !important;
    min-width: 16px !important;
    background-image: url(../images/arrow-black.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    transform: rotate(180deg) !important;
}

.paragraph--type--tableau-offres #liste-emplois .paginate_button.next::after {
    transform: rotate(0) !important;
}
*/

.paragraph--type--tableau-offres #liste-emplois .description p {
    font: normal 16px/28px 'Lato';
    letter-spacing: -0.03rem;
}
.paragraph--type--tableau-offres #liste-emplois .postuler {
    margin-top: 40px;
    font-size:12px;
}
.paragraph--type--tableau-offres #liste-emplois .postuler a {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Gudea';
    font-weight: bold;
    width: 120px;
    text-align: center;
    line-height: 28px;
    border-radius: 4px;
    background: #fbb911;
    text-decoration: none;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi_filter{
    display:none;
}
.paragraph--type--tableau-offres #liste-emplois .child ul {
    width: 100%;
    text-align: left;
    list-style: none;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi .child span {
    display: inline-block !important;
}
.paragraph--type--tableau-offres #liste-emplois #tableau-emploi .child .dtr-title {
    color: #707173;
}

.chiffre-cle .container {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    max-width: 225px;
    }

    .chiffre-cle .button {
    float: left;
    position: relative;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%) rotate(-10deg);
    color: #e55643;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    }
    .chiffre-cle .button span {
    transform: skew(-10deg);
    display: block;
    float: left;
    text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px, #533d4a 4px 4px;
    }

    .chiffre-cle h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    margin: 0;
    line-height: 47px;
    letter-spacing: 2px;
    }

    .chiffre-cle .title span {
    display: block;
    float: left;
    min-width: 10px;
    min-height: 10px;
    position: relative;
    }
    .paragraph--type--bloc-chiffres-cles .number {
    display: inline-block;
    /*letter-spacing: 1rem;*/
    padding: 1rem;
    vertical-align: top;
    }

    .chiffre-cle .number .title span {
    font: normal 58px/66px 'Brandon';
    color: rgb(136, 51, 22);
    }
    .chiffre-cle .desc .title span {
    font: bold 24px/32px 'Lato';
    color: #000;
    }
    .alert.active.fenetre {
        width: 50%;
        position: fixed;
        left: 25%;
        top: 25%;
        min-height: 330px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
    .alert.active {
    background-color: #EA6642;
    color: #FFF;
    font: normal 16px/22px 'Lato';
    padding: 1.5rem;
    position: relative;
    width: 100%;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    }
    .alert {
    display: none;
    }
    .alert a {
    color: #FFF;
    text-decoration: underline;
    }
    .alert p {
    margin: 0;
    padding: 0;
    }
    .alert .close-button {
    cursor: pointer;
    width: 28px;
    margin-top: 5px;
    margin-left: 10px;
    }
    #go-top {
    background-color: #EA6642;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 22px;
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 99;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    }
    #go-top:hover {
    background-color: #387E94;
    }
    #go-top:before {
    transform: rotate(-90deg);
    content: '';
    background-image: url(../images/arrow-white.svg);
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    }

    .breadcrumbs {
        top: 185px;
    }


.paragraph--type--bloc-histoire-vignette .periode {
    /*width: 190px;*/
}
.paragraph--type--bloc-histoire-contenu .timeline:last-child:before{
    border-left: none;
}
.paragraph--type--bloc-histoire-contenu .contenu{
    display: none;
}
.paragraph--type--bloc-histoire-contenu .contenu:first-child {
    display: block;
}
.paragraph--type--bloc-histoire-vignette .periode.active .vignette .date,
.paragraph--type--bloc-histoire-vignette .periode.active .vignette .titre {
    color: #EA6642;
}
.paragraph--type--bloc-histoire-vignette .periode.active .vignette .date::before{
    content: url(../images/graines-orange.svg);
}

.paragraph--type--bloc-histoire-navigation {
    background-color: #F7F2E3;
    padding: 0.1rem;
}

.paragraph--type--bloc-histoire-vignette .field--name-field-date-periode {
    display: inline-block;
}


.paragraph--type--bloc-histoire-navigation .prev{
    margin-right: 1rem;
}
.paragraph--type--bloc-histoire-navigation .prev:before {
    transform: rotate(180deg);
}

.paragraph--type--bloc-histoire-navigation .plan {
    display: none;
}
.paragraph--type--bloc-histoire-navigation .lien {
    cursor: pointer;
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    opacity: 1;
    font-size: 44px;
    right: -3rem;
}

/* Formulaire */

.paragraph--type--formulaire .item-wrapper {

    margin: 1.25rem;

}
.paragraph--type--formulaire  #edit-markup {
    font: bold 18px/31px 'Lato';
}
.paragraph--type--formulaire select,
.paragraph--type--formulaire textarea,
.paragraph--type--formulaire input {
    padding: 1.125rem;
    font: normal 16px/19px 'Lato';
    color: #000;
    border: 1px solid #C9C0A1;
    border-radius: 8px;
    width: 100%;
}
.paragraph--type--formulaire .form-item {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.paragraph--type--formulaire textarea:focus,
.paragraph--type--formulaire input:focus{
    border: 1px solid #387E94;
}

.paragraph--type--formulaire ::placeholder {
    color: #808080
}

.paragraph--type--formulaire .select2-container--default .select2-selection--single {
    padding: 1.125rem;
    height: auto;
    border-radius: 8px;
    border: 1px solid #C9C0A1;
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808080;
    font: normal 16px/19px 'Lato';
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 1.125rem;
    right: 1.125rem;
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single .select2-selection__arrow {
    padding-left: 0;
}
.paragraph--type--formulaire .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #EA6642 transparent;
    border-width: 5px 5px 0 5px;
}
.paragraph--type--formulaire .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 5px 5px 5px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-search--dropdown {
    display: none;
}
.select2-results {
    display: block;
    margin: 0 1.5rem;
    border-top: 1px solid #C9C0A1;
    padding: 1rem 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: #EA6642;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: transparent;
}
.select2-dropdown {
    border: 1px solid #C9C0A1;
}
.select2-results__option {
    padding: 0;
    font: normal 16px/19px 'Lato';
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: initial;
}
.paragraph--type--formulaire .form-item-rgpd {
    display: flex;
    align-items: center;
}
.paragraph--type--formulaire .form-item-intro {
    font: normal 16px/23px 'Lato';
    letter-spacing: 0.01em;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
input#edit-rgpd {
    flex: 1 1 35px;
}
/* input submit */
.paragraph--type--formulaire input[type="submit"] {
    background-color: #EA6642;
    border-radius: 4px;
    border:none;
    color: #FFF;
    text-transform: uppercase;
    font: bold 15px/20px 'Lato';
    letter-spacing: 0.04em;
    /*padding: 1.5rem 4.75rem;*/
    padding: 1.5rem 1.5rem;
}
.paragraph--type--formulaire input[type="submit"]:hover {
    background-color: #387E94;
}
/* Checkbox */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked),
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked {
	position: absolute;
	left: 0;
	opacity: 0.01;
}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 1.5em;
}

/* Preparer le label */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label,
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label {
    position: relative;
	cursor: pointer;
    color: transparent;
    width: 1rem;
}
/* Aspect de la case */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label::before,
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid #EA6642;
    background: #FFF;
    border-radius: 2px;
    transition: all .275s;
    box-sizing: border-box;
}

/* Aspect de la coche */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label::after,
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    top: 0.5rem;
    left: 0.2rem;
    font-size: 1rem;
    color: #ea6642;
    line-height: 0;
    transition: all .2s;
    font-weight: bold;
    margin: 0;
    background-color: #EA6642;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.25rem;
    top: 0.25rem;
}

/* Aspect non cochée */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label::after {
	opacity: 0;
	transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
.paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label::after {
	opacity: 1;
	transform: scale(1) rotate(0);
}

.paragraph--type--formulaire .form-type-checkbox .form-required:after {

}


/* Radio button */
.paragraph--type--formulaire input[type="radio"]{
    display: none;
}
.paragraph--type--formulaire input[type="radio"] + label {
    position: relative;
    padding-left: 1.5rem;
    font: normal 14px/18px 'Lato';
    color: #000;
    cursor: pointer;
}
.paragraph--type--formulaire input[type="radio"] + label::before,
.paragraph--type--formulaire input[type="radio"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    content:'';
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
}

.paragraph--type--formulaire input[type="radio"] + label::before {
    border: 1px solid #C9C0A1;
    background-color: #fff;
}
.paragraph--type--formulaire input[type="radio"] + label:hover::before {
    border: 1px solid #EA6642;
}
.paragraph--type--formulaire input[type="radio"]:checked + label::after {
    background-color: #EA6642;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.25rem;
    bottom: 0.25rem;
}


/* Formulaire Contact */
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form .form-item-civilite,
.paragraph--type--formulaire .webform-submission-contact-form .form-item-civilite {
    display: inline-block;
}
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form .form-item-civilite:last-child,
.paragraph--type--formulaire .webform-submission-contact-form .form-item-civilite:last-child {
    margin-left: 2rem;
}
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form,
.paragraph--type--formulaire .webform-submission-contact-form {
    display: flex;
    flex-wrap: wrap;
}
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form .form-item,
.paragraph--type--formulaire .webform-submission-contact-form .form-item {
    flex: 1 1 100%;
}
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form .form-item-prenom,
.paragraph--type--formulaire .webform-submission-contact-vivesica-industrie-form .form-item-nom,
.paragraph--type--formulaire .webform-submission-contact-form .form-item-prenom,
.paragraph--type--formulaire .webform-submission-contact-form .form-item-nom {
    flex: 0 0 100%;
}

.paragraph--type--formulaire .form-composite > legend,
.paragraph--type--formulaire .label,
.paragraph--type--formulaire span.fieldset-legend {
    font-weight: normal;
    font-size: 1rem;
}

html.menu-open{
    position: relative;
}
html.menu-open::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.60);
    z-index: 10;
    content: '';
}
.layout-container > .item-wrapper {
    max-width: 1340px;
    margin: 0 auto;
}

.paragraph--type--banniere-principale .item-wrapper {
    max-width: 1340px;
    margin: 0 auto;
}


#user-login-form {
    margin: 0 1.25rem;
    padding: 7rem 0;
}

#user-login-form label {
    font: normal 16px/19px 'Lato';
}
#user-login-form input {
    padding: 1.125rem;
    font: normal 16px/19px 'Lato';
    color: #000;
    border: 1px solid #C9C0A1;
    border-radius: 8px;
    width: 100%;
}
#user-login-form .form-item .description {
    font-size: 0.85rem;
    color: #888;
}
#user-login-form input[type="submit"] {
    background-color: #EA6642;
    border-radius: 4px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font: bold 15px/20px 'Lato';
    letter-spacing: 0.04em;
    padding: 1.5rem 4.75rem;
}

.paragraph--type--bloc-publication-simple {
    background-color: #883316;
}
.paragraph--type--bloc-publication-simple .item-wrapper {
    max-width: 1340px;
    margin: 0 auto;
}
.paragraph--type--bloc-publication-simple .item {
    display: block;
    padding: 3.25rem 1.25rem;
}
.paragraph--type--bloc-publication-simple .item-image {
    display: block;
    width: 50%;
    margin-bottom: 2rem;
}
.paragraph--type--bloc-publication-simple .item-description {
    display: block;
}
.paragraph--type--bloc-publication-simple .item-titre {
    font: bold 20px/24px 'Lato';
    color: #FFF;
    margin-bottom: 1rem;
}
.paragraph--type--bloc-publication-simple .item-sous-titre {
    font: normal 16px/23px 'Lato';
    letter-spacing: 0.01em;
    color: #FFF;
    margin-bottom: 1rem;
}
.paragraph--type--bloc-publication-simple a.lien {
    font: bold 15px / 20px 'Lato';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
    margin-top: 2rem;
}
.paragraph--type--bloc-publication-simple a.lien:after {
    content: url(../images/arrow-white.svg);
    margin-left: 10px;
}

/* Publication doubles */

.paragraph--type--bloc-publication-double {
    background-color: #883316;
}
.paragraph--type--bloc-publication-double #lien-bloc-publication-double {
    display: none;
}
.paragraph--type--bloc-publication-double .item-wrapper {
    display: flex;
    flex-direction: column;
}
.paragraph--type--bloc-publication-double .item:nth-child(1){
    display: block;
    padding: 3.25rem 1.25rem 1.25rem 1.25rem;
}
.paragraph--type--bloc-publication-double .item:nth-child(2) {
    display: block;
    padding: 1.25rem 1.25rem 3.25rem 1.25rem;
}
.paragraph--type--bloc-publication-double .item-image {
    display: block;
    width: 50%;
    margin-bottom: 2rem;
}
.paragraph--type--bloc-publication-double .item-description {
    display: block;
}
.paragraph--type--bloc-publication-double .item-titre {
    font: bold 20px/24px 'Lato';
    color: #FFF;
    margin-bottom: 1rem;
}
.paragraph--type--bloc-publication-double .item-sous-titre {
    font: normal 16px/23px 'Lato';
    letter-spacing: 0.01em;
    color: #FFF;
    margin-bottom: 1rem;
}
.paragraph--type--bloc-publication-double a.lien {
    font: bold 15px / 20px 'Lato';
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
    margin-bottom: 5rem;
}
.paragraph--type--bloc-publication-double a.lien:after {
    content: url(../images/arrow-white.svg);
    margin-left: 10px;
}

/* BEF */
.paragraph--type--result-search details#edit-theme-collapsible,
.paragraph--type--result-search details#edit-created-collapsible {
    background-color: #F7F2E3;
    border: none;
    width: 205px;
}
.paragraph--type--result-search summary{
    font: normal 16px / 19px 'Lato';
    color: #000;
    padding: 1rem 1.25rem;
    position: relative;
}
.paragraph--type--result-search #edit-created-collapsible summary .summary::after,
.paragraph--type--result-search #edit-theme-collapsible summary .summary::after {
    content: '';
    background-image: url(../images/arrow-orange-select.svg);
    transform: rotate(180deg);
    background-size: 12px;
    position: absolute;
    width: 12px;
    height: 7px;
    right: 1rem;
    top: 1.4rem;
}
.paragraph--type--result-search #edit-created-collapsible summary[aria-expanded="true"] .summary::after,
.paragraph--type--result-search #edit-theme-collapsible summary[aria-expanded="true"] .summary::after {
    transform: rotate(0);
    background-image: url(../images/arrow-orange-select.svg);
}
.paragraph--type--result-search details > .details-wrapper {
    padding: 0;
}
.paragraph--type--result-search .bef-checkboxes ul {
    margin: 0 0 0 1.5rem;
}
.paragraph--type--result-search .bef-checkboxes li {
    list-style: none;
    margin: 0;
}
.paragraph--type--search input[type="checkbox"],
.paragraph--type--result-search input[type="checkbox"] {
    display: none;
}
.paragraph--type--search input[type="checkbox"] + label,
.paragraph--type--result-search input[type="checkbox"] + label {
    position: relative;
    font: normal 16px/16px 'Lato';
    color: #000;
    display: block;
    padding-left: 1.6rem;
}
.paragraph--type--search input[type="checkbox"] + label::before,
.paragraph--type--search input[type="checkbox"] + label::after,
.paragraph--type--result-search input[type="checkbox"] + label::before,
.paragraph--type--result-search input[type="checkbox"] + label::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
}
.paragraph--type--search input[type="checkbox"] + label::before,
.paragraph--type--result-search input[type="checkbox"] + label::before {
    border: 1px solid #EA6642;
    background-color: #fff;
}
.paragraph--type--search input[type="checkbox"]:checked + label::after,
.paragraph--type--result-search input[type="checkbox"]:checked + label::after {
    background-color: #EA6642;
    width: 0.5rem;
    height: 0.5rem;
    left: 0.25rem;
    top: 0.25rem;
}
.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox {
    margin-right: 2rem;
    margin-top: 0rem;
    margin-bottom: 1.1rem;
    margin-left: 1.5rem;
}
.paragraph--type--result-search .form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.paragraph--type--result-search .form-item-created-1,
.paragraph--type--result-search .form-item-created-2,
.paragraph--type--result-search .form-item-created-3, 
.paragraph--type--result-search .form-item-created-4,
.paragraph--type--result-search .form-item-created-5,
.paragraph--type--result-search .form-item-created-6,
.paragraph--type--result-search .form-item-created-7,
.paragraph--type--result-search .form-item-created-8,
.paragraph--type--result-search .form-item-created-9 {
    margin-left: 1.25rem;
}
.paragraph--type--result-search #edit-created-collapsible .fieldset-legend{
    display: none;
}
.paragraph--type--result-search .filtrer{
    font: bold 18px/23px 'Lato';
}
.paragraph--type--result-search fieldset#edit-type--wrapper {
    width: 100%;
}
.path-actualites-et-publications .filtrer {
    display: inline-block !important;
  }

.paragraph--type--search .form-item-search input{
    border: none;
  }
  .paragraph--type--search .form-item-search{
    padding: 1rem 0;
    width: 100%;
  }
  .paragraph--type--search .fieldset-legend {
    font: bold 18px/23px 'Lato';
      padding-bottom: 1.25rem;
      display: inline-block;
  }
  .paragraph--type--search #edit-type--wrapper {
    margin-bottom: 4rem;
  }


.o-fade.is-animated {
    opacity: 1;
    transform: translateY(0);
}
.o-fade {
    opacity: 0;
    transform: translateY(100px);
    transition: 1.2s opacity,.5s transform;
}

#header #header-menu-wrapper #header-menu ul li a[aria-controls="actualites_publications"]{
    padding: 20px;
    display: block;
    margin: 0px 0 0 0;
    transition: color .3s ease-in-out, font-family .3s ease-in-out;

}
#header #header-menu-wrapper #header-menu ul li a[aria-controls="grand_angle"]{
    font: bold 18px/22px 'Lato';
    padding: 10px;
    text-transform: uppercase;
}
.paragraph.details-article .media::before {
    background: #EFEFBC;
}
.paragraph.details-actualite .media::before {
    background: #F7EEC9;
}
.paragraph.details-article.paragraph--type--hero .content,
.paragraph.details-actualite.paragraph--type--hero .content {
    flex-wrap: wrap;
    /*height: auto;*/
    height: 320px;
    width: 100%;
    max-width: 55rem;
    padding: 0;
    margin: 0 auto;
}
.paragraph.details-article .content .item-tag,
.paragraph.details-actualite .content .item-tag {
    margin-bottom: 1rem;
}
.paragraph.details-actualite .content .item-tag{
    display: none;
}
.paragraph.details-article .content .item-date,
.paragraph.details-actualite .content .item-date{
    position: absolute;
    bottom: -4rem;
}
.paragraph.details-article .content .title{
    font: bold 28px/36px 'Lato';
}
.paragraph.details-actualite .content .title {
    margin-bottom: 3rem;
    font: bold 32px/36px 'Lato';
}


.paragraph--type--push-actualite .tag.actualite,
.paragraph--type--autres-actus .tag.actualite,
.paragraph.details-actualite .tag {
    background-image: url(../images/fond_brun_crayonne_small.svg);
}
.paragraph--type--push-actualite .tag.presse,
.paragraph--type--autres-actus .tag.presse{
    background-image: url(../images/fond_brun_crayonne_large.svg);
}
.paragraph--type--autres-articles .tag,
.paragraph--type--push-article .tag,
.paragraph.details-article .tag {
    background-image: url(../images/fond_vert_fonce_crayonne_small.svg);
}

.paragraph--bloc--actionnaire {
    background-color: #DAEDE9;
}
.paragraph--bloc--actionnaire .item-wrapper {
    margin: 0 1.25rem;
    max-width: 1340px;
    padding: 3.5rem 0;
}
.paragraph--bloc--actionnaire .item-wrapper .item {
    background-image: url(../images/fond-activite.svg);
    padding: 2rem;
    margin: 0;
    background-size: cover;
    display: flex;
    flex-direction: column;
}
.paragraph--bloc--actionnaire .item-wrapper .item .item-image {
    width: 100%;
}
.paragraph--bloc--actionnaire .item-wrapper .item .item-description {
    width: 100%;
    margin: 0;
}
.paragraph--bloc--actionnaire .item-wrapper .item .item-title {
    font: bold 24px/28px 'Lato';
    color: #247088;
    margin-top: 1.25rem;
}
.paragraph--bloc--actionnaire .item-wrapper .item .item-accroche {
    font: normal 16px/23px 'Lato';
    letter-spacing:  0.01em;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.paragraph--bloc--actionnaire .item-wrapper .item .wrapper-cta {
    margin-bottom: 2.5rem;
}
.paragraph--bloc--actionnaire .item-wrapper .item .item-link .lien{
    font: bold 15px / 20px 'Lato';
    color: #247088;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.04em;
}

.paragraph--bloc--actionnaire .item-wrapper .item .wrapper-cta a.cta {
    background-color: #DAEDE9;
    color: #247088;
}
.paragraph--bloc--actionnaire .item-wrapper .item .wrapper-cta a.cta:after{
    background-image: url(../images/arrow-blue.svg);
}
.paragraph--bloc--actionnaire .item-wrapper .item .wrapper-cta a.cta:hover {
    background-color: #387e94;
    color: #fff;
}
.paragraph--bloc--actionnaire .item-wrapper .item .wrapper-cta a.cta:hover:after{
    background-image: url(../images/arrow-white.svg);
}

.paragraph--type--etiquettes .item-wrapper .tag {
    font: normal 14px/17px 'Lato';
    padding: 0.625rem 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 2.25rem;
    width: fit-content;
    margin-right: 1rem;
}
.paragraph--type--etiquettes .item-wrapper .tags-text {
    font: bold 18px / 23px 'Lato';
    margin-right: 2rem;
    padding-top: 2rem;
}
.paragraph--type--etiquettes .item-wrapper .item-tag{
    margin-bottom: 1rem;
}
.paragraph--type--etiquettes .item-wrapper .tags-text,
.paragraph--type--etiquettes .item-wrapper .all-tags,
.paragraph--type--etiquettes .item-wrapper .item-tag {
    display: inline-block;
}

.paragraph--type--etiquettes .item-wrapper .item-tag a:hover {
    color: #CC4824;
}

.paragraph--type--etiquettes .tag {
    background-image: url(../images/fond_beige_crayonne_small.svg);
}


.some-sharing-links{

}

.some-sharing-links a{
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.a2a_overlay_style {
    display:none;
}

.paragraph--type--grille-portrait .item-wrapper {
    margin: 1.25rem;
    max-width: 40.45rem;
}
.paragraph--type--grille-portrait .portrait-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.paragraph--type--portrait {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}
.paragraph--type--portrait .image{
    /*margin-top: 2.5rem;*/
    width: 100%;
}
.paragraph--type--portrait .image img {
    width: 100%;
}
.portrait-popup .item-text,
.paragraph--type--portrait .item-text {
    position: absolute;
    top: 16rem;
    margin: 0 2rem;
    z-index: 1;
}
.paragraph--type--portrait .item-content {
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    width: 100%;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
}
.paragraph--type--focus {
    margin: 3.5rem 0;
}
.white-popup .titre,
.paragraph--type--portrait .titre{
    font: bold 20px/24px 'Lato';
    color: #fff;
}
.paragraph--type--focus .titre{
    font: bold 20px/24px 'Lato';
    color: #883316;
    margin-bottom: 0.25rem;
}
.paragraph--type--focus .description{
    margin-top: 0.25rem;
}
.paragraph--type--focus .description > p:first-child {
    margin-top: 0;
}
.portrait-popup .fonction,
.paragraph--type--portrait .fonction{
    font: normal 16px/20px 'Lato';
    color: #fff;
    margin-top: 0.25rem;
}
.paragraph--type--focus .lien {
    font: bold 18px/20px 'Lato';
    color: #CC4824;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 1rem;
    display: block;
    cursor: pointer;
}
.paragraph--type--portrait .lien:hover,
.paragraph--type--focus .lien:hover{
    color: #387E94;
}
.paragraph--type--portrait .lien{
    font: bold 15px/20px 'Lato';
    color: #883316;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 1rem;
}
/*
.paragraph--type--focus .item-wrapper .image {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.paragraph--type--focus .item-wrapper .content {
    display: inline-block;
    width: 64%;
    margin-left: 2%;
    vertical-align: top;
}
*/
.rgpd .accordion {
    background-color: #fbf9f9;
    margin: 1rem 0;
    position: relative;
}
.rgpd .accordion:hover {
    /*background-color: #f7f2e3;*/
    cursor: pointer;
}
.rgpd .accordion:hover h3 {
    color: #EA6642;
}
.rgpd .contenu {
    padding: 0rem 2rem 1rem 2rem;
    margin: 0;
}
.rgpd .accordion h3.text-align-justify {
    margin: 0.25rem;
    padding: 0.5rem 5rem 0.5rem 0.5rem;
}
.paragraph--type--focus .item-wrapper .bloc-focus .accordion .contenu{
    display: none;
    border-top: 1px solid #D1CEC3;
    margin-top: 2rem;
}
.portrait-popup .image img {
    position: absolute;
    width: 410px;
    top: 0px;
}
.portrait-popup span,
.portrait-popup p{
    font: normal 16px/24px 'Lato'
}
.portrait-popup strong{
    font: bold 16px/24px 'Lato'
}
.mfp-bg {
    opacity: 0.2 !important;
}
.page-node-type-one-page .mfp-bg {
    opacity: 0.75 !important;
}
.white-popup {
    background-color: #ffffff;
    height: 650px;
    max-width: 410px;
    display: block;
    margin: 0 auto;
    box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px, rgb(0 0 0 / 12%) 0px -12px 30px, rgb(0 0 0 / 12%) 0px 4px 6px, rgb(0 0 0 / 17%) 0px 12px 13px, rgb(0 0 0 / 9%) 0px -3px 5px;
}
.white-popup .image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000075 10%, #091c4800 50%);
    z-index: 1;
    content: '';
}
.white-popup .image{
    width: 100%;
    height: 300px;
    position: relative;
}
.white-popup .contenu {
    width: 100%;
    background-color: #FFF;
    padding: 0.01rem 1rem;
    z-index: 99;
    position: relative;
    height: 420px;
    overflow-y: auto;
}
.white-popup .description{
    font: normal 14px/20px 'Lato';
    color: #000;

}
.white-popup .mfp-close{
    color: white !important;
    right: 8px;
    top: -28px;
    font-size: 38px;
    font-weight: normal;
    font-family: 'Lato';
}
/* Barre de scroll */
.white-popup::-webkit-scrollbar {
    width: 1.5rem;
}
.white-popup::-webkit-scrollbar-thumb {
    background: #F0E0DB;
    -webkit-border-radius: 1rem;
    -webkit-box-shadow: inset 0 0 0 0 rgb(255 255 255), inset 0 0 0 8px rgb(255 255 255);
}
.white-popup::-webkit-scrollbar-track {
    background: #fff;
}

.tous-nos-sites a {
    display: inline-block;
    margin: 2px 5px;
}
.tous-nos-sites a img {
    border: 1px solid #C4D55E;
}
.tous-nos-sites a img:hover {
    border: 1px solid #EA6642;
}
.paragraph--type--carrousel-article .container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.paragraph--type--carrousel-article .item-tag{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.paragraph--type--articles .item-wrapper .paragraph.article:hover .item-title,
.paragraph--type--carrousel-article .item-wrapper .paragraph.article:hover .item-title{
    color: #CC4824;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.paragraph--type--etiquettes .wrapper-cta {
    margin-bottom: 3rem;
}
.paragraph--type--etiquettes .item-wrapper .all-tags {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.page-node-type-page-accueil .paragraph--type--etiquettes .item-wrapper {
    border-top: 1px solid #D1CEC3;
}
.page-node-type-actualite .breadcrumbs,
.page-node-type-presse .breadcrumbs,
.page-node-type-article .breadcrumbs {
    top: 25px;
    left: 25px;
}
.path-recherche .breadcrumbs {
    top: 90px;
}
.page-node-type-contenu .paragraph--type--hero,
.path-grand-angle .paragraph--type--hero {
    height: 450px;
    /*padding-top: 8rem;*/
}
.page-node-type-actualite .paragraph--type--hero .content,
.page-node-type-article .paragraph--type--hero .content,
.page-node-type-presse .paragraph--type--hero .content {
    top: 0;
}
.page-node-type-article .paragraph--type--carrousel-video .item-wrapper{
    margin-right: 0;
}
.page-node-type-article .paragraph--type--carrousel-video .item-wrapper .paragraph .owl-nav{
    margin-right: 1.25rem;
    margin-top:0;
}
.paragraph--type--carrousel-image .paragraph--type--image.large .item-wrapper{
    max-width: 278px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.paragraph--type--carrousel-image .item-wrapper {
    margin-left: 1.25rem;
}
.paragraph--type--carrousel-image .item-wrapper .legende{
    margin: 0.75rem 0;
}
.paragraph--type--carrousel-image .item-content {
    display: flex;
    position: relative;
    flex-direction: row;
}
.paragraph--type--carrousel-image .item-wrapper .paragraph .owl-nav {
    margin: 0;
    text-align: right;
    width: 100%;
    padding-right: 1.25rem;
}
.paragraph--type--carrousel-image .item-wrapper .paragraph.liste {
    width: 100%;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph-title {
    padding-top: 3.5rem;
}
.paragraph--type--carrousel-article .item-wrapper.carrousel-article {
    margin-right: 1.25rem;
}
.paragraph--type--carrousel-article .item-wrapper .item-image {
    width: 100%;
    position: relative;
}
.paragraph--type--carrousel-article .item-wrapper .item-image::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
    z-index: 0;
    content: '';
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .owl-nav {
    margin: 0;
    padding-bottom: 3rem;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .mobile-only .item-tag{
    display: inline-block;
}
.paragraph--type--carrousel-article .item-wrapper .paragraph .desktop-only .item-tag{
    display: none;
}
#simplemeta-form .form-close {
    transform: rotate(90deg);
    right: -45px;
    top: 15px;
}
#simplemeta-form {
background: #e6e9f1;
position: fixed;
left: 0;
width: 655px;
}

#simplemeta-form input.form-text,
#simplemeta-form textarea.form-textarea {
  width: 640px;
}

#simplemeta-form #edit-delete {
    display:inline-block;
    font-size: 0px;
  }

  #simplemeta-form a{
    width: 50px;
    height: 28px;
    border: 0;
    background: transparent url(img/buttons.png) no-repeat 0 -28px;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    display:inline-block;
    font-size: 0px;
  }

  #simplemeta-form .form-close {
    font-size: 1rem;
    width: 60px;
    height: 30px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    text-align: center;
  }

/* Special */
.engagement-logo-rond {
    display: flex; align-items: center;position: relative;
}
.node-161 .paragraph--type--hero .media::before {
    background: rgba(0,0,0,0.15);
}
.node-161 .paragraph.paragraph--type--rte.beige {
    background-color: #eae4d9;
}
.node-162 .paragraph.paragraph--type--rte.beige {
    background-color: #e0e1ca;
}
.node-163 .paragraph.paragraph--type--rte.beige {
    background-color: #f4edc8;
}
.node-164 .paragraph.paragraph--type--rte.beige {
    background-color: #e5d9cd;
}
.node-165 .paragraph.paragraph--type--rte.beige {
    background-color: #e2eadf;
}
.node-162 .paragraph--type--rte .liste-engagements > h4 {
    background-color: #979c51;
}
.node-163 .paragraph--type--rte .liste-engagements > h4 {
    background-color: #d7bd41;
}
.node-164 .paragraph--type--rte .liste-engagements > h4 {
    background-color: #aa815a;
}
.node-165 .paragraph--type--rte .liste-engagements > h4 {
    background-color: #3c7224;
}

.node-161 .paragraph.paragraph--type--rte.beige,
.node-162 .paragraph.paragraph--type--rte.beige,
.node-163 .paragraph.paragraph--type--rte.beige,
.node-164 .paragraph.paragraph--type--rte.beige,
.node-165 .paragraph.paragraph--type--rte.beige {
    margin-bottom: 3rem;
}
.node-161 .paragraph--type--chapo + .paragraph--type--rte.large,
.node-162 .paragraph--type--chapo + .paragraph--type--rte.large,
.node-163 .paragraph--type--chapo + .paragraph--type--rte.large,
.node-164 .paragraph--type--chapo + .paragraph--type--rte.large,
.node-165 .paragraph--type--chapo + .paragraph--type--rte.large{
    height:160px;
}
.node-162 .paragraph--type--rte .liste-engagements > h4,
.node-163 .paragraph--type--rte .liste-engagements > h4,
.node-164 .paragraph--type--rte .liste-engagements > h4,
.node-165 .paragraph--type--rte .liste-engagements > h4 {
    color: #FFF;
    display: inline-block;
    width: auto;
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    margin-bottom: 0.25rem;
    font-size: 18px;
}
.node-162 .paragraph--type--rte .liste-engagements > div,
.node-163 .paragraph--type--rte .liste-engagements > div,
.node-164 .paragraph--type--rte .liste-engagements > div,
.node-165 .paragraph--type--rte .liste-engagements > div {
    background-color: #fafaf8;
    padding: 0.5rem 3rem;
    border-radius: 2rem;
    color: #543933;
    margin: 0.5rem 0;
}


.paragraph--type--rte #bloc-rte-rse-accueil .item-image {
    display: inline-block;
    width: 80%;
    margin: 1rem 0;
    vertical-align: middle;
}
.paragraph--type--rte #bloc-rte-rse-accueil .item-image a {
    display: inline-block;
    width: 100%;
}
.paragraph--type--rte #bloc-rte-rse-accueil .item-video {
    display: inline-block;
    margin: 1rem;
}
.paragraph--type--rte #bloc-rte-rse-accueil {
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.paragraph--type--rte #bloc-rte-rse-accueil h2,
.paragraph--type--rte #bloc-rte-rse-accueil .down {
    display: inline-block;
}
.paragraph--type--rte #bloc-rte-rse-accueil a.down {
    font: bold 32px/38px 'Kapra FBI';
    /* color: #61A836; RGAA ISSUE*/
    color: #59702c !important;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    margin-top: 1rem;
}
#bloc-rte-rse-accueil .down:after {
    position: absolute;
    display: block;
    width: 58px;
    height: 58px;
    right: 0;
    bottom: 0;
    content: '';
    background-image: url(../images/arrow-orange-next.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 23px center;
    background-size: 16px;
    border-radius: 40px;
    cursor: pointer;
    border: 1px solid #D6D6D6;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    transform: rotate(90deg);
}


/* Bandeau cookies*/
button.agree-button.eu-cookie-compliance-secondary-button, button.eu-cookie-compliance-save-preferences-button ,button.agree-button.eu-cookie-compliance-default-button  {
    font: bold 16px/26px 'Lato';
    background: #FFF;
    color: #0f0f0f;
    padding: 4px 15px;
    margin-right: 1rem;
    border-radius: 4px;
}

button.decline-button.eu-cookie-compliance-default-button {
    background: transparent;
    color: #FFF;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    font: bold 16px/26px 'Lato';
    text-decoration: underline;
}
.eu-cookie-compliance-message h2{
    font: bold 16px/26px 'Lato';
}

.eu-cookie-compliance-message p {
    font: normal 15px/26px 'Lato';
}
.eu-cookie-compliance-more-button {
    font: normal 14px/26px 'Lato';
}

.job-title {
    font: normal 34px/44px 'Brandon';
    color: #883316;
    margin-bottom: 0;
}
.job-information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 3rem 0;
    background-color: #efeee8;
    padding-right: 2rem;
    color: #883316;
}
.job-city,
.job-contract-type {
    font-weight: bold;
}
.btn-copier-offre,
.btn-postuler {
    text-align: right;
}
.job-publication-date{
    font-size: 0.9rem;
}
.btn-copier-offre span{
    color: #EA6642;
    font-size: 1rem;
}
.btn-copier-offre span:hover{
    color: #387E94;
    cursor: pointer;
}
.description-societe span,
.description-mission span,
.description-competence span {
    color: #000 !important;
}

.job-return-link a.cta:after {
    transform: rotate(-180deg);
}

.bloc-push-simple .media-image {
    width: 33%;
    max-width: 150px;
    display: inline-block;
    align-items: center;
}
.bloc-push-simple .media-image picture img,
.bloc-push-simple .media-image picture {
    width: 100%;
}
.item-tag-desktop .item-date {
    color: #FFF;
    font-weight: bold !important;
    padding: 0.625rem 1rem;
    margin: 0 !important;
}
.paragraph--type--autres-actus .item-content .item-image:after,
.paragraph--type--autres-articles .item-content .item-image:after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(0deg, #0000008a 10%, #091c4800 50%);
z-index: 0;
content: '';
}


/* Mobile */
.paragraph--type--rte.accueil.flex .item-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.paragraph--type--rte.accueil.flex .item-wrapper > p {
    width: 100%;
    margin: 0;
    font: normal 20px/26px 'Lato';
}
.paragraph--type--rte.accueil.flex .item-wrapper > .item-content {
    width: 100%;
    margin: 0;
}

.paragraph--type--rte.accueil.flex {
    padding: 2rem 0;
}



.paragraph--type--rte.accueil.flex .item-wrapper .paragraph-title {
    margin-top: 0;
}


/* Forum */
.inscription-conference-08032023-Non .inscription-ok,
.inscription-conference-08032023-Oui .inscription-ko{
    display: none;
}

.node-262 .paragraph--type--rte.accueil.flex:nth-child(4) .paragraph-title .titre::after,
.node-327 .paragraph--type--rte.accueil.flex:nth-child(4) .paragraph-title .titre::after  {
    display: none;
}
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form {
    display: flex;
    flex-wrap: wrap;
}
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form,
.node-262 .paragraph--type--formulaire .js-form-wrapper,
.node-262 .paragraph--type--formulaire .js-form-item,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form,
.node-327 .paragraph--type--formulaire .js-form-wrapper,
.node-327 .paragraph--type--formulaire .js-form-item {
    flex: 1 1 100%;
}
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form .form-item-nom,
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form .form-item-societe,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form .form-item-nom,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form .form-item-societe {
    flex: 0 0 49%;    
}
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form .form-item-prenom,
.node-262 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-form .form-item-fonction,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form .form-item-prenom,
.node-327 .paragraph--type--formulaire .webform-submission-inscriptions-forum-vivescia-2023-form .form-item-fonction {
    flex: 0 0 49%;
    margin-left: 2%;
}
.node-262 .paragraph--type--formulaire .item-wrapper,
.node-327 .paragraph--type--formulaire .item-wrapper  {
    margin: 0 1rem;
    max-width: 740px;
}
.node-262 .paragraph--type--formulaire .webform-confirmation,
.node-327 .paragraph--type--formulaire .webform-confirmation {
    flex: 1 1 100%;
    text-align: center;
}
.node-262 .paragraph--type--formulaire .webform-confirmation .webform-confirmation__message,
.node-327 .paragraph--type--formulaire .webform-confirmation .webform-confirmation__message {
    margin: 0.5rem 0rem;
    max-width: 740px;
}
.node-262 .paragraph--type--rte.accueil .paragraph-title .titre,
.node-327 .paragraph--type--rte.accueil .paragraph-title .titre{
    /*font: bold 52px/48px 'AmaticSC';*/
    font: bold 50px / 48px 'Kapra FBI';
    text-transform: uppercase;

}
.node-262 .paragraph--type--rte .item-wrapper .lien-inscription,
.node-327 .paragraph--type--rte .item-wrapper .lien-inscription {
    position: fixed;
    right: calc(50% - 71px);
    padding: 1rem 2rem;
    background-color: #F5F0DF;
    bottom: 1rem;
    text-transform: uppercase;
    font: bold 15px/18px 'Lato';
    color: #762D17;
    z-index: 1;
    transition: all 0.3s ease !important;
}
.node-262 .paragraph--type--rte .item-wrapper .lien-inscription:hover,
.node-327 .paragraph--type--rte .item-wrapper .lien-inscription:hover{
    background-color: #ea6642;
    color: #fff;
}
.node-262 .lien-connexion,
.node-327 .lien-connexion {
    padding: 1rem 2rem;
    background-color: #F5F0DF;
    text-transform: uppercase;
    font: bold 15px/18px 'Lato';
    color: #762D17;
}

.liste-programme .entete{
    position: absolute;
    top: 0;   
}
.liste-programme .image-date {
    margin: 1rem auto;
}
.liste-programme .image-date img {
    width: 75%;
    /*margin: 0 auto;*/
}
.liste-programme {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.liste-programme .programme {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding: 1.0rem 0px;
}
.liste-programme .heure {
    font: bold 28px/32px 'Kapra FBI';
}
.liste-programme .entete{
    font: normal 16px/24px 'Lato';
}
.liste-programme .adresse{
    font: normal 16px/24px 'Lato';
}
.liste-programme .titre {
    font: Bold 28px/32px 'Lato';
}
.liste-programme .titre.pause {
    font: Bold 24px/36px 'Lato';
}
.liste-programme .horaire {
    width: 60%;
}
.liste-programme .activite {
    width: 100%;
}
.liste-programme .horaire.jaune{
    color: #FF9F00;
}
.liste-programme .horaire.vert{
    color: #6BAA3F;
}
.liste-programme .horaire.rouge{
    color: #DA000D;
}






.paragraph--type--rte.grains-titre-none .paragraph-title .titre::before,
.paragraph--type--rte.grains-titre-after-gauche .paragraph-title .titre::before,
.paragraph--type--rte.grains-titre-after-droite .paragraph-title .titre::before{
    content: none;
}
.paragraph--type--rte.grains-titre-none .paragraph-title .titre::after,
.paragraph--type--rte.grains-titre-before-gauche .paragraph-title .titre::after,
.paragraph--type--rte.grains-titre-before-droite .paragraph-title .titre::after{
    content: none;
}
.paragraph--type--rte.grains-titre-before-gauche .paragraph-title .titre::before,
.paragraph--type--rte.grains-titre-after-gauche .paragraph-title .titre::after{
    content: '';
    background-image: url(../images/grains_titre_1.png);
    width: 80px;
    height: 70px;
    position: absolute;
    top: -6px;
}
.paragraph--type--rte.grains-titre-before-droite .paragraph-title .titre::before,
.paragraph--type--rte.grains-titre-after-droite .paragraph-title .titre::after{
    content: '';
    background-image: url(../images/grains_titre_1_droite.png);
    width: 80px;
    height: 70px;
    position: absolute;
    top: -6px;
}
#ancre-inscription {
    height: 0;
}
.bg-internal-link {
    position: absolute;
    top: -20px;
    right: calc(50% - 60px);
    background-color: #ea6642;    
    padding: 0.5rem;
    transition: all 0.3s ease !important;
}
.bg-internal-link > a {
    color: #FFF !important;
    font: normal 18px/18px 'Lato';
    transition: all 0.3s ease !important;
}
.bg-internal-link:hover  > a {
    color: #762D17 !important;

}
.bg-internal-link:hover {
    background-color: #F5F0DF;
    cursor: pointer;
}



/* Transitions */

.node-323 .bloc-texte-video {
    padding: 2rem;
}
.node-323 p {
    margin-top:0;
}
.node-323 .intro,
.bloc-video-double .titre-video {
    text-transform: uppercase;
    font: 700 24px/36px 'ZonaPro', sans-serif;
    color: #705034;
    padding: 0.75rem 0;
}
.node-323 .jaune p,
.node-323 .vert p {
    color: #FFF;
}
.node-323 .jaune,
.bloc-video-double .titre-video > span {
    font: 700 24px/36px 'ZonaPro', sans-serif;
    color: #FEC900;
}

.node-323 .paragraph--type--image-texte.vert,
.node-323 .paragraph--type--rte.vert {
    background-color: #325706;
    position: relative;
}
.node-323 .paragraph--type--rte.jaune {
    background-color: #FEC900;
}
/*.node-323 .paragraph--type--image-texte.vert::after {
    content: url(../images/grain-blanc-paragraphe.png);
    position: absolute;
    right: 0;
    bottom: -7px;
}*/
.node-323 .paragraph--type--image-texte.vert::after {
    position: absolute;
    right: -1px;
    z-index: 1;
    bottom: 0;
    width: 100%;
    max-width: 998px;
    display: block;
    content: '';
    background-image: url(../images/grain-blanc-paragraphe.png);
    max-height: 264px;
    height: 100%;
    background-size: 80%;
    background-position: right bottom;
    background-repeat: no-repeat;
}
.node-323 .image-buren{
    width: 80%;
    margin: 0 auto;
}
.node-323 a.cta.cta-beige {
    border: 1px solid #FFF;
}
.node-323 .cta.cta-hover-jaune:hover {
    background-color: #FEC900;
    color: #fff;
}
.node-323 .node__content .paragraph--type--image-texte:nth-child(2)  .item-wrapper .bloc-image-texte .image{
    padding: 2rem;
}
.node-323 .node__content .paragraph--type--image-texte:nth-child(2)   .item-wrapper .bloc-image-texte {
    padding: 2rem;
}
.paragraph--type--image-texte .item-wrapper .bloc-image-texte .corps,
.paragraph--type--image-texte .item-wrapper .bloc-image-texte .image {
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
}

.partenaires-transitions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.partenaires-transitions-titre{
    width: 100%;
}
.partenaires-transitions .lien {
    width: 260px;
    padding: 20px;
    border-radius: 100px;
}
.partenaires-transitions .lien:hover {
    cursor: pointer;
    background-color: #e7e4dcd1;
}
.partenaires-transitions .portrait {
    position: relative;
}
.partenaires-transitions .logo {
    position: absolute;
    bottom: 0;
    left: 116px;
}
.partenaires-transitions .nom{
    text-transform: uppercase;
    font: 700 18px/24px 'ZonaPro', sans-serif;
    color: #705034;
}
.partenaires-transitions .nom span{   
    color: #FEC900;
    font: 700 18px/24px 'ZonaPro', sans-serif;
}
.partenaires-transitions .fonction {
    text-transform: uppercase; 
    font: 300 12px/15px 'ZonaPro', sans-serif;
    color: #705034;
}
.partenaires-transitions  .portrait > img {
    width: 160px;
}
.partenaires-transitions .logo > img {
    width: 90px;
}
.partenaires-transitions .infos {
    margin: 0.75rem 0 2rem 0;
}
.partenaires-transitions .portrait::after {
    content: url(../images/Groupe2301.png);
    position: absolute;
    top: 110px;
    left: 59px;
    z-index: 99999;
}

table.rgpd {
    border: 1px solid #f6f2e3;
}

table.rgpd th {
    border: 1px solid #f6f2e3;
    background-color: #f6f2e3;
    text-align: left;
    padding : 5px 10px;
    color : #883316;
}

table.rgpd td {
    border: 1px solid #f6f2e3;
    text-align: left;
    padding : 5px 10px;
    vertical-align:top;
}
.cerealistes .paragraph--type--grille-video.un-jour{
    background-color: #F0C932 !important;
}
.cerealistes .paragraph--type--grille-video.un-jour .paragraph-title {
    color: #8F7455;
}
.cerealistes .paragraph--type--grille-video.un-jour .paragraph--type--bloc-video .item-description {
    background-color: #FFF;
    padding: 1rem;
}
.cerealistes .paragraph--type--grille-video.un-jour .paragraph--type--bloc-video .item-description .item-title{
    font: 600 30px / 40px 'All Round Gothic';
    color: #8F7455;
    margin-top: 0rem;
}
.cerealistes .paragraph--type--grille-video.un-jour .paragraph--type--bloc-video .item-description .item-subtitle{
    font: normal 18px / 28px 'All Round Gothic';
    color: #000;
}
.cerealistes .podcasts {

}
.cerealistes .podcasts .titre {
    color: #FFF;
    font: 600 48px / 57.6px 'All Round Gothic';
    text-align: center;    
    padding: 3rem 0 3rem;
}
.cerealistes .podcasts .liste {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}
.cerealistes .podcasts .liste .bloc {
    margin-top: 3rem;
}
.cerealistes .podcasts .liste .bloc .titre {
    color: #F0C932;
    font: 600 32px / 41.6px 'All Round Gothic';
    text-align: left;
    padding: 10px;
}
.cerealistes .podcasts .liste .bloc .texte {
    color: #EDEBE4;
    font: 400 16px / 24px 'ZonaPro', sans-serif;
    text-align: left;
    padding: 10px;
}

.cerealistes #listes-partenaires .titre, .cerealistes #listes-partenaires-institutionnels .titre {
    font-family: 'ZonaPro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #8F7455;
    text-align: center;
    padding-bottom: 3rem;
}
.cerealistes #listes-partenaires, .cerealistes #listes-partenaires-institutionnels {
    padding: 3rem 0 1rem 0;
}
.cerealistes .infos-pratiques {
    color: #000;
    margin: 3rem 0 0;
}
.cerealistes .infos-pratiques .titre {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 43.2px;
    color:#8F7455
}
.cerealistes .infos-pratiques .intro {
    font-family: 'ZonaPro',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 1rem 0;
}
.cerealistes .infos-pratiques .informations .titre {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25.2px;
    color: #000;
}    
.cerealistes .infos-pratiques .informations .accroche {
    font-family: 'ZonaPro',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;    
}
.cerealistes .infos-pratiques .informations .lien {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #F0C932;
}
.cerealistes .infos-pratiques .informations .lien a {
    color: #F0C932;
}
.cerealistes .infos-pratiques .bloc-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.cerealistes .infos-pratiques .informations > * {
    padding: 0.25rem;
}
.cerealistes .infos-pratiques .informations .icone {
    margin: 3rem 0 1rem;
}
.cerealistes .paragraph--type--rte .faq .contact {
    flex-direction: column;
    align-items: center;
}
.cerealistes .faq .liste-faq {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cerealistes .faq .titre {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    text-align: center;
    color: #fff;
    padding: 3rem 0 1rem;
}
.cerealistes .faq .intro {
    font-family: 'ZonaPro',sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #FFF;
    text-align: center;
    max-width: 48rem;
    margin: 2rem auto 4rem;
}
.cerealistes .faq .bloc-faq {
    background: #38637A;
    padding: 1rem;
    margin: 0.5rem 0;
    max-width: 48rem;
    width: 100%;
    cursor: pointer;
}
.cerealistes .faq .question {
    font-family: 'ZonaPro',sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #F0C932;
    align-items: center;
    justify-content: space-between;
}
.cerealistes .faq .liste-faq .question:after {
    content: '+';
    float: right;
    font-size: 2rem;
    font-weight: 400;
}
.cerealistes .faq .liste-faq .reponse {
    font-family: 'ZonaPro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    display: none;
    color: #FFF;
    padding: 0.5rem 0 0 1rem;
}
.cerealistes .faq .liste-faq .reponse > a{
    color: #FFF;
    text-decoration: underline;
}
.cerealistes .faq .contact .question{
    font-family: 'All Round Gothic',sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 41.6px;
    text-align: center;
    
}
.cerealistes .faq .contact .reponse{
    font-family: 'ZonaPro',sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;  
    color: #FFF;  
}

.cerealistes .paragraph--type--rte .faq .contact > * {
    margin: 0.5rem 0;
}
.cerealistes .faq .contact .bouton {
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    border: 1px solid #F0C932;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    cursor: pointer;
    color:#F0C932;
}


.cerealistes {
    background-color: #EDEBE4;
    font-family:'All Round Gothic',sans-serif;
}
.cerealistes p:first-child {
    margin: 0;
}
.cerealistes .paragraph--type--rte li:before {
    background-color: #87a055;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.cerealistes ul {
    font-size: 1.125rem;
}
.cerealistes .paragraph--type--rte {
    font-family:'All Round Gothic',sans-serif;
}
.cerealistes .header {
    display: flex;
    justify-content: space-between;
    min-height: 105px;
    align-items: center;
    position: relative;
    margin: 0 1rem;
}

.cerealistes .bloc-cerealistes .titre {
    color: #8F7455;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
}
.cerealistes .bloc-cerealistes .contenu {
    margin-bottom: 3rem;
    margin-top: 2rem;
    font-size: 1.375rem;
}
.cerealistes .bloc-cerealistes .legende {
    margin-top: 1rem;
    font-size: 1.375rem;
}
.cerealistes .bloc-cerealistes {
    margin: 4rem 0;
}
.cerealistes .taille-50 {
    display: flex;
    flex-direction: column;
}


.cerealistes .taille-50 > div {
    width: 100%;
    padding: 1rem 0;
}
.cerealistes .chiffre {
    color: #F0C932;
    font-size: 2.5rem;
}
.cerealistes .paragraph--type--rte.beige {
    background-color: #EDEBE4;
 }
 .cerealistes .album #mygallery .grid-sizer,
 .cerealistes .album #mygallery .grid-item {
     width: 49.4%;
 }

 /* 2 columns */
 .cerealistes .album #mygallery .grid-item--width2 {
     width: 100%;
 }

 .cerealistes .album #mygallery .grid-item {
     margin-bottom: 16px;
 }

 .cerealistes .album #mygallery .grid-item img {
     width: 100%;
 }

 .cerealistes .album #mygallery {
     margin-top: 3rem;
     margin-bottom: 3rem;
 }

 .cerealistes .album,
 .cerealistes .le-live {
     color: #000;
     margin: 2rem 0 0 0;
 }
 .cerealistes .album .titre,
 .cerealistes .le-live .titre {
     font-family: 'All Round Gothic', sans-serif;
     font-size: 36px;
     font-weight: 600;
     line-height: 43.2px;
     color: #8F7455;
    text-align: center;
 }
 .cerealistes .le-live .intro {
     font-family: 'ZonaPro', sans-serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     margin: 1rem 0 3rem 0;
 text-align: center;
 }
 .paragraph--type--rte .item-wrapper .banniere-cerealistes h1,
.banniere-cerealistes h1 {
    font-weight: 600;
    display: block;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    font-family: inherit;
}
.banniere-cerealistes .description{
    font-weight: 400;
    font-size: 1.375rem;
    display: block
}
.banniere-cerealistes .ouverture{
    font-weight: 600;
    font-size: 1.25rem;
    display: block;
    margin-top: 3rem;
    line-height: 0.5rem;
}

.banniere-cerealistes .container {
    position: relative;
    width: 100%;
    height: 760px;
    overflow: hidden;
}

.banniere-cerealistes .image-cover {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.banniere-cerealistes .text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(180deg, #0000008a 10%, #091c4800 60%);
    color: #fff;
    padding: 1rem;
    box-sizing: border-box;
}
.banniere-cerealistes .pin {
    position: relative;
}
.banniere-cerealistes .pin .texte {
    position: absolute;
    width: 100%;
    color: #707F49;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.banniere-cerealistes .pin .texte .large {
    font-size: 4rem;
}
.cerealistes section.wrapper-footer-menu {
    border-top: 1px solid;
    padding-top: 2rem;
}
.cerealistes #footer .wrapper-footer-menu > div {
    text-align: center;
    margin-top: 1rem;
}
.cerealistes #footer .wrapper-footer-menu {
    display: flex;
    max-width: 1340px;
    margin: 0 auto 3rem;
    width: 100%;
    flex-direction: column-reverse;
}

.cerealistes #footer .wrapper-footer-menu > div:first-child {
    margin-top: 2rem;
}
.cerealistes .paragraph--type--rte.vert {
    background-color: #566C27;
    margin: 0;
    background-image: url(/themes/custom/vivescia/images/bg_cerealistes.png);
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
.cerealistes .paragraph--type--rte.marron {
    background-color: #8F7455;
    margin: 0;
    background-image: url(/themes/custom/vivescia/images/bg_cerealistes_marron.png);
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
.cerealistes .paragraph--type--rte.bleu {
    background-color: #5A7A90;
    margin: 0rem 0 0rem;
}
.paragraph--type--rte.blanc {
    background-color: #fff;
    margin: 0;
}
.cerealistes .temoignages {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 5rem 0 0 0;
}
.cerealistes .temoignages .titre {
    color: #fff;
    font-size: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 100%;
}

.cerealistes .temoignages .videos {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5rem;
    width: 100%;
    text-align: center;
    margin: 5rem 0 2rem;
}

.cerealistes .temoignages .videos .video .titre {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-weight:bold;
    width: 560px;
    text-align: left;
    margin: 0.25rem auto;
    
}

.cerealistes .temoignages .videos .video .description {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.875rem;
    width: 560px;
    text-align: left;
    margin: auto;
    
}

.cerealistes .paragraph--type--rte .contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 5rem 0;
}
.cerealistes .paragraph--type--rte .contact .question {
    color: #fff;
    font-size: 2.5rem;
    line-height: 2.5rem;
}
.cerealistes .paragraph--type--rte .contact .bouton-contact {
    margin-top: 1rem;
    background-color: #F0C932;
    display: flex;
    justify-content: center;
    width: 173px;
    height: 48px;
    flex-direction: column;
    align-items: center;
}
.cerealistes .paragraph--type--rte .contact .bouton-contact a {
    color:#000;
}
.header-cerealistes .logo-cerealistes img{
    width: 136px;
}
.header-cerealistes .icone-vivescia {
    display: block;
}
.header-cerealistes .logo-vivescia {
    display: none;
}
.cerealistes-informations, .webform-confirmation-modal {
    background-color: #8F7455;
    border: none !important;
}
.cerealistes-informations .ui-dialog-titlebar, .webform-confirmation-modal .ui-dialog-titlebar {
    background: #8F7455;
    border: none;
}
.cerealistes-informations .form-email {
    color: #000;
    font: 700 16px / 24px 'All Round Gothic';
    padding: 0.75rem 1rem;
    width: 98%;
    border-radius: 0;
    border: none;
}

.cerealistes-informations .ui-dialog-content {
    height: auto !important;
    padding: 1rem 2rem 1rem 2rem;
}
.cerealistes-informations .ui-dialog-title, .webform-confirmation-modal .ui-dialog-title {
    display: none;
}
.cerealistes-informations p, .webform-confirmation-modal p {
    color: #FFF;
    font: normal 32px / 42px 'All Round Gothic';
    margin: 0rem 1rem 2rem 0rem;
    width: 90%;
}
.cerealistes-informations #edit-actions-informations--xDPe644K-j4 {
    display: flex;
}
.cerealistes-informations .js-form-item{
    margin: 0;
}
.cerealistes-informations .webform-actions .button.confirmation {
    display: block !important;
    background-color: transparent;
    border: 1px solid #F0C932;
    color: #F0C932;
    padding: 0.75rem 1rem;
    font: 700 16px / 24px 'All Round Gothic';
    margin-left: 0rem;
    border-radius: 0;
}
.cerealistes-informations .ui-dialog-titlebar-close, .webform-confirmation-modal .ui-dialog-titlebar-close {
    background-image: url(../images/close-icon.png);
    top: 1.5rem;
    right: 1rem;
    z-index: 999;
}
.cerealistes-informations .ui-dialog-titlebar-close .ui-icon-closethick, .webform-confirmation-modal .ui-dialog-titlebar-close .ui-icon-closethick{
    display: none;
}
.cerealistes-informations .ui-dialog-buttonpane, .webform-confirmation-modal .ui-dialog-buttonpane {
    display: none;
}

.ui-widget-overlay {
    background: #000000 /*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
    opacity: .75 /*{opacityOverlay}*/;
    -ms-filter: "alpha(opacity=75)" /*{opacityFilterOverlay}*/;
}

.cerealistes .paragraph.paragraph--type--grille-video {
    padding-bottom: 1rem;
}
.paragraph--type--grille-video .item-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    color: #FFF;
}
.paragraph--type--grille-video .paragraph.liste {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.paragraph--type--grille-video .paragraph--type--bloc-video {
    margin: 0;
}
.paragraph--type--grille-video .paragraph--type--bloc-video.large {
    width: 100%;
}
.paragraph--type--grille-video .paragraph--type--bloc-video .soon {
    background-color: #888888;
    width: 100%;
    height: 232px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0.5
}

.cerealistes .paragraph--type--grille-video.bleu {
    background-color: #5A7A90;
}
.cerealistes .paragraph--type--grille-video .paragraph-title {
    font: 600 2.5rem/2.5rem 'All Round Gothic';
    text-align: center;
    padding: 6rem 0 3rem;
}
.cerealistes .paragraph--type--grille-video .paragraph--type--bloc-video .item-title {
    font: 600 24px/31px 'All Round Gothic';
}
.cerealistes .paragraph--type--grille-video .paragraph--type--bloc-video .item-subtitle {
    font: normal 18px / 31px 'All Round Gothic';
}

.cerealistes-informations .actions-informations {
    display: flex;        
    align-items: flex-start;
    flex-direction: column;
}

    .cerealistes-informations .ui-dialog-content .form-actions{
    margin-top: 1em;
    margin-bottom: 1em;
}


.cerealistes .paragraph--type--formulaire {
    background-color: #8f7455;
}
.cerealistes .paragraph--type--formulaire .item-wrapper {
    margin-top: 0;
    padding: 1rem 0;
}
.cerealistes .cerealistes-raisons.paragraph--type--rte .paragraph-title {
    text-align: left !important;
}
.cerealistes .cerealistes-raisons.paragraph--type--rte .paragraph-title .titre {
    font: 600 2rem / 2rem 'All Round Gothic';
    padding: 6rem 0 3rem;
    color:#fff;
}
.cerealistes .cerealistes-raisons.paragraph--type--rte .paragraph-title .titre::before {
    background-image: none !important;
}
.cerealistes .cerealistes-raisons .liste-raisons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: 3rem;
}
.cerealistes .cerealistes-raisons .bloc-raison {
    width: 100%;
    padding: 2rem 0;
    display: flex;
    flex-direction: row;
    max-width: 420px;

}
.cerealistes .cerealistes-raisons .texte {
    font-family: 'ZonaPro', sans-serif;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}
.cerealistes .cerealistes-raisons .bloc-raison b, 
.cerealistes .cerealistes-raisons .bloc-raison strong {
    font-weight: 800;
}
.cerealistes .cerealistes-raisons .chiffre {
    font-size: 8rem !important;
    font-weight: 600;
    line-height: normal;
    min-width: 100px;
}
.cerealistes [data-id="voir-video"] {
    padding-bottom: 1rem;
}
.cerealistes .paragraph--type--grille-video .item-wrapper {
    max-width: 290px
}
.billetterie {
    flex-direction: column;
    align-items: center;
}
.billetterie .texte {
    margin: 0 3rem 1rem 1rem;
}
.billetterie .formulaire {
    color:#000;
    width: 100%;
    min-width: 100%;
}

.billetterie .texte .intro {
    color: #8F7455;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
}
.billetterie .texte .consigne {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    font-family: 'ZonaPro', sans-serif;
    margin-top: 1rem;
}

.billetterie .formulaire .rgpd {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'ZonaPro', sans-serif;
    margin-top: 1rem;
    font-style: italic
}

.cerealistes .rgpd h2{
    color: #8F7455;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
}

.cerealistes .rgpd h3{
    font-family: 'All Round Gothic', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    color: #F0C932;
    padding-top: 30px;
}

.cerealistes .rgpd h3{
    font-family: 'All Round Gothic', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    color: #F0C932;
}

.cerealistes .rgpd a{
    color: #F0C932;
    font-weight: 600;
}

.cerealistes table.rgpd {
    border: 1px solid #EDEBE4;
}

.cerealistes table.rgpd th {
    border: 1px solid #EDEBE4;
    background-color: #EDEBE4;
    text-align: left;
    padding : 5px 10px;
}

.cerealistes table.rgpd td {
    border: 1px solid #EDEBE4;
    text-align: left;
    padding : 5px 10px;
}

.cerealistes .header-cerealistes .menu a {
    font-size: 16px;
    line-height: 24px;
    margin-left: 1rem;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cerealistes .header-cerealistes .menu .bouton {
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    border: 1px solid #000;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cerealistes .header-cerealistes .menu .bouton:hover {
    border: 1px solid transparent;
    text-decoration: underline;
}
.cerealistes .header-cerealistes .menu .bouton.inscription {
    background: #F0C932;
    border-color: #F0C932;
    cursor: pointer;
}
.cerealistes .header-cerealistes .menu .bouton.inscription:hover {
    color: #fff;
    border-color: transparent;

}
/* Transitions Newsletter */
.transitions-newsletter .accordion iframe {
    width: 100%;
    max-width: 560px;
}
.transitions-newsletter .paragraph--type--rte .item-wrapper h4{
    font: 700 20px/32px 'ZonaPro', sans-serif;
    color: #705034;
}
.transitions-newsletter .paragraph--type--focus h3,
.transitions-newsletter .paragraph--type--focus .titre,
.transitions-newsletter .paragraph--type--rte .item-wrapper h3, 
.transitions-newsletter .titre {
    font: 700 24px/36px 'ZonaPro', sans-serif;
    color: #705034;
    text-transform: uppercase;
}
.transitions-newsletter .bloc-focus {
    padding: 2rem 0;
}
.transitions-newsletter .paragraph--type--focus {
    margin: 0 0;
}
.transitions-newsletter .paragraph--type--rte.beige-footer {
    background-color: #f0efea;
}
.transitions-newsletter .paragraph--type--rte.vert {
    background-color: #325706;
}
.transitions-newsletter .paragraph--type--rte.vert h3{
    color: #fff;
}
.transitions-newsletter .paragraph.paragraph--type--focus.gauche {
    background-color: #f7f6f3;
}
.transitions-newsletter .paragraph--type--focus .item-wrapper .bloc-focus .image:after {
    background: none;
}

.transitions-newsletter .paragraph--type--focus .bloc-focus > .titre{
    display: none;
}
.transitions-newsletter .paragraph--type--focus .bloc-focus .content .titre{
    display: block;
}
.transitions-newsletter .paragraph--type--rte.jaune{
    background-color: #fed501;
    color: #836445;
}
.transitions-newsletter #timeline, .transitions-newsletter #le-chiffre {
    padding: 1rem 0;
}
.transitions-newsletter .paragraph--type--rte .item-wrapper h3.titre.jaune,
.transitions-newsletter #focus-3721 .titre,
.transitions-newsletter #focus-3485 .titre,
.transitions-newsletter #focus-3490 .titre,
.transitions-newsletter #focus-3493 .titre {
    color: #fed501;
}
.transitions-newsletter .paragraph--type--rte .item-wrapper h3.titre.vert,
.transitions-newsletter #focus-3723 .titre,
.transitions-newsletter #focus-3488 .titre
/*,.transitions-newsletter #focus-grains-culture h3 */
{
    color: #325706;
}
.transitions-newsletter .paragraph--type--focus .lien  {
    display: block;
    width: fit-content;
    padding: 1rem;
    background-color: #F5F0DF;
    color: #762D17;
    border: 1px solid #FFF;
    font: bold 15px/18px 'Lato';
    margin: 1rem auto 0;
    cursor:pointer;
    
}
.transitions-newsletter .paragraph--type--focus .lien:hover {
    background-color: #FEC900;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor:pointer;
}

.transitions-newsletter .paragraph--type--rte a.button   {
    width: fit-content;
    padding: 1rem;
    background-color: #F5F0DF;
    color: #762D17;
    border: 1px solid #FFF;
    font: bold 15px/18px 'Lato';
    margin: 1rem auto 0;
    cursor:pointer;
    
}

.transitions-newsletter .paragraph--type--rte a.button:hover {
    background-color: #FEC900;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor:pointer;
}


.transitions-newsletter .change-language{
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    font: 500 14px / 16px 'ZonaPro', sans-serif;
    color: #705034;
    text-decoration: underline;
}

.dialogue .change-language{
    border-radius: 4px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    font: bold 15px / 20px 'Lato';
    letter-spacing: 0.04em;
    padding: 1rem 1rem;
    position: absolute;
    right: 1rem;
    top: 3rem ;
    z-index: 1;
    font: 500 14px / 16px 'ZonaPro', sans-serif;
    color: #FBB901;
    background-color: white;
}

.transitions-newsletter .images-2-colonnes {
    display: flex;
}
.transitions-newsletter .images-2-colonnes > * {
    margin: 1rem;
}

#modal-choix-billeterie {
    background: #8F7455;
    height: auto !important;
    padding: 1rem 2rem 1rem 2rem;
    max-width: 560px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
#modal-choix-billeterie .mfp-close{
    right: 0;
    color: #FFF;
}
#modal-choix-billeterie p {
color: #FFF;
font: normal 32px / 42px 'All Round Gothic';
margin: 0rem 1rem 2rem 0rem;
width: 90%;
}
#modal-choix-billeterie select#billeterie-form-select {
    color: #000;
    font: 700 16px / 24px 'All Round Gothic';
    padding: 0.9rem 1rem;
    width: 80%;
    border: 0;
}
#modal-choix-billeterie .popup-modal-dismiss {
    display: inline-block !important;
    background-color: transparent;
    color: #fff;
    padding: 0.75rem 1rem;
    font: 700 16px / 24px 'All Round Gothic';
    margin-left: 0rem;
    border-radius: 0;
}
#modal-choix-billeterie .button.confirmation {
    display: inline-block !important;
    background-color: transparent;
    border: 1px solid #F0C932;
    color: #F0C932;
    padding: 0.75rem 1rem;
    font: 700 16px / 24px 'All Round Gothic';
    margin-left: 1.5rem;
    border-radius: 0;
    margin-right: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#modal-choix-billeterie .button.confirmation:hover {
    background-color: #F0C932;
    color: #FFF;
}

/* -- Menu mobile -- */
.cerealistes .header-cerealistes .menu-button-container {
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.cerealistes .header-cerealistes .menu-button,
.cerealistes .header-cerealistes .menu-button::before,
.cerealistes .header-cerealistes .menu-button::after {
  display: block;
  background-color: #000;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
.cerealistes .header-cerealistes .menu-button::before {
    content: '';
    margin-top: -8px;
  }
  
  .cerealistes .header-cerealistes .menu-button::after {
    content: '';
    margin-top: 8px;
  }
  
  .cerealistes .header-cerealistes #menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg);
  }
  
  .cerealistes .header-cerealistes #menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
  }
  
  .cerealistes .header-cerealistes #menu-toggle:checked + .menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg);
  } 
  .cerealistes .header-cerealistes #menu-toggle {
    display: none;
  }

/* -- Conférence -- */
.cerealistes .conference {
    color: #fff;
    padding: 5rem 0;
}
.cerealistes .conference .titre {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    text-align: left;        
    color: #F0C932;
    width: 60%;
}
.cerealistes .conference .accroche {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    width: 60%;
    margin: 2rem 0;
}
.cerealistes .conference .parties {
    display: flex;
    padding: 2rem 0;
    margin: 2rem 0;
    border-top: 1px solid #C4C4C4;
}
.cerealistes .conference .partie-1 {
    padding: 0rem 2rem 0rem 0rem;
}
.cerealistes .conference .parties .titre {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    color: #F0C932;
}
.cerealistes .conference .parties .texte {
    font-family: 'All Round Gothic',sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;
    text-align: left;
    margin: 1rem 0;
}
.cerealistes .conference .listes-intervenants {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant {
    display: flex;
    padding: 2rem 0;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .informations {
    width: 16rem;
    margin: 0 0 0 1rem;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .photo {
    padding: 0 1rem 0 0;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .nom {
    font-family: 'ZonaPro', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    margin: 0 0 0.25rem 0;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .fonction {
    font-family: 'ZonaPro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    margin: 0.5rem 0;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .social {
    display: flex;
    align-items: stretch;
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .social .linkedin:after{
    content: url(../images/LinkedIn.png);
}
.cerealistes .conference .listes-intervenants .bloc-intervenant .social .twitter:after{
    content: url(../images/Vector.png);
}

.cerealistes .accueil.plan {
    background-image: url(../images/cerealistes_plan_parcelle.png);
    min-height: 430px;
    background-size: 100%;
}
.cerealistes .accueil.plan::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;    
    background: rgb(0 0 0 / 60%);
    z-index: 0;
    content: '';
}
.cerealistes .plan {
    flex-direction: column;
    align-items: center;
    color: #FFF;
    position: relative;
    z-index: 1;
    display: flex;
}
.plan-cerealistes {
    width: 70%;
    margin: 2rem auto 0;
    height: auto;
    background-color: #FFF;
    border-radius: 20px;
}

.plan-cerealistes img{
    padding:20px;
}

.cerealistes .plan .titre {
    font-family: 'All Round Gothic', sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 67.2px;
    text-align: center;
    padding: 3rem 0 0;
}
.cerealistes .plan .accroche {
    font-family: 'Zona Pro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    padding: 3rem;
}
.cerealistes .plan .bouton {
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    border: 1px solid #F0C932;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    cursor: pointer;
    color: #F0C932;
}


.cerealistes .tables {
    color: #000;
    /*display: none;*/
}
.cerealistes .tables .titre {
    font-family: All Round Gothic;
    font-size: 48px;
    font-weight: 600;
    line-height: 57.6px;
    color: #8F7455;
    padding: 1rem 0;
}
.cerealistes .tables .liste-dates{
    display: flex
}
.cerealistes .tables .liste-dates .date.actif {
    border: 1px solid;
    background-color: #FFF;
}
.cerealistes .tables .liste-dates .date {
    font-family: 'ZonaPro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    margin: 1rem 0 2dvh 1rem;
    cursor: pointer;
}
.cerealistes .tables .liste-dates .date:hover{
    text-decoration: underline;
}
.cerealistes .tables .liste-tables{

}
.cerealistes .tables .bloc-table {
    border-top: 1px solid #000;
}
.cerealistes .tables .bloc-table .horaire {
    font-family: 'ZonaPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 1rem 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cerealistes .tables .bloc-table .horaire::before {
    content: url(../images/ic_time.png);
    margin-right: 0.5rem;
}
.cerealistes .tables .bloc-table .titre {
    font-family: 'All Round Gothic';
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}
.cerealistes .tables .bloc-table .accroche {
    font-family: 'All Round Gothic';
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: #566C27;
}
.cerealistes .tables .listes-intervenants {
    display: flex;
    justify-content: space-between;
}
.cerealistes .tables .bloc-intervenant {
    width: 20%;
    margin: 2rem 1rem 2rem 0;
}
.cerealistes .tables .bloc-intervenant .nom {
    font-family: 'ZonaPro', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.cerealistes .tables .bloc-intervenant .fonction{
    font-family: 'ZonaPro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;    
}

.cerealistes .conference .listes-intervenants .bloc-intervenant .social .twitter:after{
    content: url(../images/Vector);
}

/* Correctif problème lecteur vidéo en modale */
.mfp-embedded-video-popup .video-embed-field-responsive-video iframe {
    position: relative;
    width: revert-layer;
    height: revert-layer;
    top: 10rem;
}

input[name="photo_remove_button"] {
    width: 150px;
    float: right;
    margin: 10px 0px;
}

/* au moins 1440px - web */
@media screen and (min-width: 90rem){
    .banniere-cerealistes .item-wrapper {
        max-width: 1460px;
        margin: 0 auto;
        width: 100%;
    }
    .header-cerealistes .item-wrapper{
        max-width: 1340px;
        margin: 0 auto;
        width: 100%;
    }
    .cerealistes .faq .paragraph-title{
        font: 600 48px / 48px 'All Round Gothic';
        text-align: center;
        padding: 6rem 0 3rem;
        color: #fff;
    }
    .cerealistes .paragraph--type--formulaire .item-wrapper {
        margin: 0 auto;
    }
}

/* 1280 */
@media screen and (max-width: 80rem){
    .cerealistes .album #mygallery .grid-sizer,
    .cerealistes .album #mygallery .grid-item {
        width: 100%;
    }
}
/* au max 1184px - mobile */
@media screen and (max-width: 74rem){
    .cerealistes .conference .listes-intervenants {
        justify-content: space-around;
    }
}
/* au max 1024px - mobile */
@media screen and (max-width: 64rem){

    .dialogue .change-language {
        top: 3rem !important;
    }
    .cerealistes .header-cerealistes .menu a {
        width: 100%;
        display: block;
        text-align: center;
        margin-left: 0;
    }
    .cerealistes .header-cerealistes .top-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /*background-color: #00BAF0;
        background: linear-gradient(to left, #f46b45, #eea849);*/
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #FFF;
        height: 90px;
        padding: 1em;
      }
     .cerealistes .header-cerealistes .menu-button-container {
        display: flex;
      }
      .cerealistes .header-cerealistes .menu {
        position: absolute;
        z-index: 1;
        top: 0;
        margin-top: 90px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: #EDEBE4;
        margin-left: 0;
      }
      .cerealistes .header-cerealistes #menu-toggle ~ .menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      .cerealistes .header-cerealistes #menu-toggle ~ .menu  {
        padding: 0rem;
      }
      .cerealistes .header-cerealistes #menu-toggle ~ .menu li a{
        display: none;
      }

      .cerealistes .header-cerealistes #menu-toggle:checked ~ .menu li {
        /*border: 1px solid #333;*/
        height: 2.5em;
        padding: 0.5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      }
      .cerealistes .header-cerealistes #menu-toggle:checked ~ .menu  {
        padding: 1rem;
      }
      .cerealistes .header-cerealistes #menu-toggle:checked ~ .menu li a{
        display: block;
      }
      /*.cerealistes .header-cerealistes .menu > li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: white;
        background-color: #222;
      }
      .cerealistes .header-cerealistes .menu > li:not(:last-child) {
        border-bottom: 1px solid #444;
      }*/
      
    .cerealistes .header-cerealistes .menu-nav{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 90px;
        padding: 1rem;        
    }
}
/* au moins 1024px - web */
@media screen and (min-width: 64rem){
    .cerealistes .header-cerealistes .top-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        /*background-color: #00BAF0;
        background: linear-gradient(to left, #f46b45, #eea849);*/
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #FFF;
        /*height: 50px;*/
        padding: 1em;
      }
      
      .cerealistes .header-cerealistes .menu {
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin: 0;
        padding: 0;
        align-items: center;
      }
      
      .cerealistes .header-cerealistes .menu > li {
        margin: 0;
        /*overflow: hidden;*/
      }
      
      .cerealistes .header-cerealistes .menu-button-container {
        display: none;
        height: 100%;
        width: 30px;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      
   

      
         

    .cerealistes-informations .webform-actions .button.confirmation {
        margin-left: 0;
    }
    .cerealistes .header {
        min-height: 138px;
    }
    .header-cerealistes .logo-vivescia img{
        width: 200px;
    }
    .header-cerealistes .logo-cerealistes img{
        width: 186px;
    }
    .header-cerealistes .icone-vivescia {
        display: none;
    }
    .header-cerealistes .logo-vivescia {
        display: block;
    }
    .cerealistes .paragraph--type--rte .contact .bouton-contact {
        margin-top: 0rem;
    }
    .cerealistes .paragraph--type--rte .contact {
        flex-direction: row;
        align-items: center;
    }
    .banniere-cerealistes .text-overlay {
        flex-direction: row;
        justify-content: space-between;        
        padding: 4rem;
    }
    .cerealistes .taille-50 > div {
        width: 50%;
    }
    .cerealistes .taille-50 {
        flex-direction: row;
    }
    .cerealistes .taille-50 > div:first-child {
        margin-right:2rem ;
    }
    .cerealistes .taille-50 > div:last-child {
        margin-left:2rem ;
    }
    .banniere-cerealistes .pin {
        margin-right: 10rem;
    }
    .cerealistes .wrapper-footer-menu > div {
        width: 25%;
    }
    .cerealistes #footer .wrapper-footer-menu {
        flex-direction: row;
    }
    .cerealistes #footer .wrapper-footer-menu > div {
        margin-top: 0;
    }
    .cerealistes #footer .wrapper-footer-menu > div:first-child {
        margin-top: 0;
    }
    .banniere-cerealistes .text-overlay {
        justify-content: space-between;
    }
    .cerealistes .bloc-cerealistes .contenu {        
        margin-top: 0rem;

    }
    .paragraph--type--rte .item-wrapper .banniere-cerealistes h1,
    .banniere-cerealistes h1 {
        line-height: 3.5rem;
        font-size: 3rem;
        font-family: inherit;
    }
    .cerealistes .chiffre {
        font-size: 3rem;
    }
}
/* au max 880px - mobile */
@media screen and (max-width: 55rem){

    .cerealistes .tables .bloc-intervenant {
        width: 100%;
        margin: 1rem 0rem 1rem 0rem;
    }
    .cerealistes .tables .listes-intervenants{
        flex-direction: column;
        margin: 1rem 0 0rem 0;
    }
    .plan-cerealistes {
        width: 100%;
        margin: 0rem auto 0;
    }
    .cerealistes .conference .titre,
    .cerealistes .conference .accroche {
        width: 100%;
    }
    .cerealistes .conference .parties {
        flex-direction: column;
    }
}
/* au moins 880px - web */
@media screen and (min-width: 55rem){
    .cerealistes-informations .webform-actions .button.confirmation {
        margin-left: 1%;
    }
    .cerealistes .infos-pratiques .bloc-info {
        flex-direction: row;
    }
    .paragraph--type--grille-video .paragraph--type--bloc-video.large {
        width: 414px;
    }
    .paragraph--type--grille-video .paragraph--type--bloc-video.full {
        width: 880px;
    }
    .paragraph--type--grille-video .paragraph--type--bloc-video {
        margin: 1rem;
    }
    .cerealistes .paragraph--type--grille-video.un-jour .paragraph--type--bloc-video.large {
        width: 46%;
        max-width: 620px;
    }
    .cerealistes .paragraph--type--grille-video.un-jour .paragraph--type--bloc-video.full {
        width: 100%;
        max-width: 1280px;
    }
    .cerealistes .paragraph.paragraph--type--grille-video {
        padding-bottom: 6rem;
    }
    .cerealistes [data-id="voir-video"] {
        padding-bottom: 6rem;
    }
    .cerealistes [data-id="voir-video"].paragraph--type--bloc-video {
        padding-bottom: 6rem;
        padding-top: 2rem;
    }
    .cerealistes button#loadMore {
        display: flex;
        margin: 0 auto;
        background-color: #F0C932;
        border: none;
        padding: 0.5rem 1rem;
    }
    .cerealistes .paragraph--type--grille-video .item-wrapper {
        max-width: 1340px;
    }
    .cerealistes .paragraph--type--grille-video .paragraph-title {
        font: 600 48px / 48px 'All Round Gothic';
    }
    .cerealistes .cerealistes-raisons.paragraph--type--rte .paragraph-title .titre {
        font: 600 40px / 48px 'All Round Gothic';
    }
    .cerealistes .cerealistes-raisons .bloc-raison {
        width: 240px;
        flex-direction: column;
    }
    .cerealistes .cerealistes-raisons .liste-raisons {     
        flex-direction: row;
    }
    .cerealistes-informations .actions-informations {
        flex-direction: row;
    }
    .cerealistes-informations .ui-dialog-content .form-actions{
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* au max 560px - mobile */
@media screen and (max-width: 35rem){
    .transitions-newsletter .images-2-colonnes {
        flex-direction: column;
    }
}