/* Recherche */

.ingredients .paragraph--type--search .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.form-item-type-article{
    display:none !important;
}

/* Images */
.ingredients #header #header-menu-wrapper #header-menu .push-link a.external-link:hover:after,
.ingredients a.external-link:after {
    content: url(../images/arrow-blue-external.svg);
}

.ingredients a.external-link:hover:after{
    content: url(../images/arrow-brown-external.svg);
}
.ingredients .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:nth-child(2n+2):after,
.ingredients .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:after {
    background-image: url(../images/separateur-bleu-chiffres-vertical.svg);
}
.ingredients .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:last-child:after, 
.ingredients .paragraph--type--bloc-chiffres-cles .chiffres-cles-wrapper .chiffre-cle:nth-child(3n+3):after{
    background-image: none;
}

.ingredients #header #header-menu-wrapper #header-menu ul li > button:after,
.ingredients .paragraph--type--carrousel-video .lien:after, 
.ingredients .paragraph--type--rte .lien:after, 
.ingredients .paragraph--type--liste-actualites-une .lien:after,
.ingredients .paragraph--type--articles .lien:after,
.ingredients a.cta.cta-marron:hover:after{
    background-image: url(../images/arrow-blue.svg);
}
.ingredients .paragraph--type--result-search #edit-created-collapsible summary .summary::after,
.ingredients .paragraph--type--result-search #edit-theme-collapsible summary .summary::after {
    background-image: url(../images/arrow-bleu-select.svg);
}
.ingredients .paragraph--type--carrousel .lien:after,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .icon:after,
.ingredients .paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .icon:after,
.ingredients #header #header-menu-wrapper #header-menu .push-edito .lien:after,
.ingredients .paragraph--type--engagements .lien:after,
.ingredients .paragraph--type--liste-3-dernieres-actualites .lien:after {
    content: url(../images/arrow-blue.svg);
}
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-form-recherche-submit,
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button {
    background-image: url(../images/icone-loupe-bleu.svg);  
}
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button:hover,
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-form-recherche-submit:hover {
    background-image: url(../images/icone-loupe-orange.svg);  
}
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button.close-button {
    background-image: url(../images/icone-croix-bleu.svg);
}
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-search-button.close-button:hover {
    background-image: url(../images/icone-croix-orange.svg);
}

.ingredients .paragraph--type--result-search .item-wrapper .tag,
.ingredients .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph.actualite .item-tag{
    background-image: url(../images/ingredients-fond_type_actualite.svg);  
}
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .lien:after,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien:hover .icon:after, 
.ingredients .paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien:hover .icon:after,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .lien:after,
.ingredients #header #header-menu-wrapper #header-menu .push-edito .lien:hover:after,
.ingredients .paragraph--type--engagements .lien:hover:after,
.ingredients .paragraph--type--liste-3-dernieres-actualites .lien:hover:after{
    content: url(../images/arrow-orange.svg);
}
.ingredients .paragraph--type--carrousel-video a.lien:hover:after, 
.ingredients .paragraph--type--rte a.lien:hover:after, 
.ingredients .paragraph--type--liste-actualites-une a.lien:hover:after, 
.ingredients .paragraph--type--articles a.lien:hover:after{
    background-image: url(../images/arrow-orange.svg);
}
.ingredients #footer .wrapper-footer-menu .footer-menu a.external-link:hover:after {
    content: url(../images/arrow-blue-external.svg);
}
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre:after {
    background-image: url(../images/arrow-bleu-accordeon.svg);
}
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon:hover .entete .titre:after {
    background-image: url(../images/arrow-orange-accordeon.svg);
}
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement, 
.ingredients .paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement{
    background-image : url(../images/separateur-bleu-vertical-telechargement.svg);
}
.ingredients .paragraph--type--search .graines-transparent-hero:after,    
.ingredients .paragraph--type--hero.no-image .graines-transparent-hero:after {
    background-image: url(/themes/custom/vivescia/images/graines-bleu.svg);
}
.ingredients .paragraph--type--liste-actualites-une .item-wrapper .paragraph .tag {
    background-image: url(/themes/custom/vivescia/images/fond-bleu-crayonne-small.svg);
}
.ingredients .paragraph--type--push-actualite .tag.actualite,
.ingredients .paragraph--type--autres-actus .tag.actualite,
.ingredients .paragraph.details-actualite .tag,
.ingredients .paragraph--type--push-actualite .tag.actualite, 
.ingredients .paragraph--type--autres-actus .tag.actualite, .paragraph.details-actualite .tag
.ingredients .paragraph.details-actualite .tag {
    background-image: url(/themes/custom/vivescia/images/fond-bleu-fonce-crayonne-small.svg);
}
/* color */
.ingredients #header .header-inner #header-top-menu ul li.header-top-menu-valeur{
    background-color: transparent;
    padding-left: 0;
}
.ingredients #header .header-inner #header-top-menu ul li.header-top-menu-valeur span{
    margin-left: 0.25rem;
    font: bold 18px / 18px Lato;
}
.ingredients #header .header-inner #header-top-menu ul li.header-top-menu-none{
    background-color: transparent;
}
.ingredients .paragraph--type--bloc-histoire-navigation .date,
.ingredients .paragraph--type--bloc-histoire-contenu .timeline .date,
.ingredients .paragraph--type--bloc-histoire-contenu .contenu > .titre,
.ingredients .paragraph--type--bloc-histoire-vignette .periode .vignette .date,
.ingredients .paragraph--type--bloc-histoire-vignette .periode .vignette .titre,
.ingredients #footer .wrapper-footer-menu .footer-menu a.active, 
.ingredients #footer .wrapper-footer-menu .footer-menu a:hover,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .item-title,
.ingredients .paragraph--type--carrousel .lien,
.ingredients .paragraph--type--bloc-chiffres-cles .number,
.ingredients ::marker,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph-title,
.ingredients .paragraph--type--liste-actualites-une .item-wrapper .paragraph-title,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien, 
.ingredients .paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien,
.ingredients .paragraph--type--exergue .corp a,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon .entete .titre,
.ingredients .paragraph--type--rte .item-wrapper h2,
.ingredients .paragraph--type--rte .item-wrapper h3,
.ingredients .paragraph--type--rte .item-wrapper h4,
.ingredients #header #header-menu-wrapper #header-menu .push-edito a.lien,
.ingredients #header #header-menu-wrapper #header-menu .push-edito .titre,
.ingredients .paragraph--type--liste-des-marques .item-wrapper .paragraph-title,
.ingredients #footer .wrapper-footer-menu .footer-menu a:hover,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph-title,
.ingredients .paragraph .lien,
.ingredients .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .item-title,
.industires .paragraph--type--result-search .item-wrapper .item-content:hover .item-title a,
.ingredients #header .header-inner #header-top-menu ul li span,
.ingredients #header .header-inner #header-top-menu ul li a,
.ingredients #header #header-menu-wrapper #header-menu ul li a,
.ingredients #header #header-menu-wrapper #header-sub-menu ul li a,
.ingredients #header #header-menu-wrapper #header-menu ul li button,
.ingredients .paragraph--type--etiquettes .item-wrapper .item-tag a:hover {
    color:#247088;
}
.ingredients .paragraph--type--bloc-histoire-navigation .prev,
.ingredients .paragraph--type--bloc-histoire-navigation .next,
.ingredients a.cta.cta-beige.cta-hover-orange:hover,
.ingredients .paragraph--type--rte li:before,
.ingredients .paragraph--type--bloc-publication-double,
.ingredients .alert.active,
.ingredients #header .header-inner .header-menu-burger button.header-menu-burger-button,
.ingredients #user-login-form input[type="submit"],
.ingredients .paragraph--type--formulaire input[type="submit"],
.ingredients .paragraph--type--formulaire input[type="radio"]:checked + label::after,
.ingredients .pager__item.is-active,
.ingredients .pager__item:hover,
.ingredients .paragraph--type--search input[type="checkbox"]:checked + label::after, 
.ingredients .paragraph--type--result-search input[type="checkbox"]:checked + label::after,
.ingredients #go-top,
.ingredients .cta.cta-orange,
.ingredients .cta.cta-marron,
.ingredients .paragraph--type--carrousel-image .item-wrapper .paragraph .prev,
.ingredients .paragraph--type--carrousel-image .item-wrapper .paragraph .next,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .prev,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .next,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .prev,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .next,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .prev,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .next,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .prev,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .next,
.ingredients #sliding-popup   {
    background-color: #387E94;
}
.ingredients #header .header-inner #header-top-menu ul li {
    background-color: #E7F2F0;
}
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .item-image,
.ingredients .paragraph--type--engagements {
    background-color: #F7F2E3;
}
.ingredients .paragraph--type--result-search details#edit-theme-collapsible, 
.ingredients .paragraph--type--result-search details#edit-created-collapsible {
    background-color: #E1F1ED;
}
.ingredients .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph:hover .link,
.ingredients .paragraph--type--liste-des-marques .item-wrapper .paragraph .prev:hover, 
.ingredients .paragraph--type--liste-des-marques .item-wrapper .paragraph .next:hover {
    border-color: #387E94;
    background-color: #387E94;
}
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .item-title, 
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .lien
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .item-title, 
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph.liste .item:hover .lien,
.ingredients .paragraph--type--carrousel-video a.lien:hover,
.ingredients .paragraph--type--rte a.lien:hover, 
.ingredients .paragraph--type--liste-actualites-une a.lien:hover, 
.ingredients .paragraph--type--articles a.lien:hover,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-telechargement .lien:hover,
.ingredients .paragraph--type--liste-telechargement .item-wrapper .bloc-telechargement .lien:hover,
.ingredients .paragraph--type--liste-accordeons .item-wrapper .bloc-accordeon:hover .entete .titre,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .item-title, 
.ingredients .paragraph--type--engagements .item-wrapper .paragraph.liste .item:hover .lien,
.ingredients #header #header-menu-wrapper #header-menu .push-edito a.lien:hover,
.ingredients .paragraph--type--engagements .lien:hover,
.ingredients .paragraph--type--liste-3-dernieres-actualites .lien:hover,
.ingredients .paragraph--type--exergue .corp a:hover,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .prev:hover,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .next:hover,
.ingredients .paragraph--bloc--actionnaire .item-wrapper .item .item-link:hover .lien,
.ingredients #header .header-inner #header-top-menu ul li a:hover, 
.ingredients #header #header-menu-wrapper #header-sub-menu ul li a:hover
{
    color: #cc4824;
}
.ingredients .paragraph--type--bloc-histoire-navigation .prev:hover,
.ingredients .paragraph--type--bloc-histoire-navigation .next:hover,
.ingredients #user-login-form input[type="submit"]:hover,
.ingredients .paragraph--type--formulaire input[type="submit"]:hover,
.ingredients .cta.cta-hover-blue:hover,
.ingredients #go-top:hover,
.ingredients .paragraph--type--carrousel-image .item-wrapper .paragraph .prev:hover, 
.ingredients .paragraph--type--carrousel-image .item-wrapper .paragraph .next:hover,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .prev:hover, 
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .next:hover,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .prev:hover,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .next:hover,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .prev:hover,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .next:hover,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .prev:hover,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .next:hover {
    background-color: #EA6642;
}
.ingredients .paragraph--type--bloc-histoire-navigation,
.ingredients .paragraph--type--bloc-histoire-vignette,
.ingredients .paragraph--type--autres-actus,
.ingredients .paragraph--type--push-actualite .item-wrapper .item-content,
.ingredients #header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"],
.ingredients .header-menu-wrapper-n2,
.ingredients .paragraph--type--search.no-image .media::before, 
.ingredients .paragraph--type--hero.no-image .media::before,
.ingredients #header #header-menu-wrapper #header-menu .push-edito {
    background-color: #DAEDE9;
}

.ingredients #user-login-form input,
.ingredients .paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label::before, 
.ingredients .paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label::before,
.ingredients .paragraph--type--formulaire textarea,
.ingredients .paragraph--type--formulaire input,
.ingredients .paragraph--type--formulaire input[type="radio"] + label::before,
.ingredients .pager__item,
.ingredients .paragraph--type--search input[type="checkbox"] + label::before, 
.ingredients .paragraph--type--result-search input[type="checkbox"] + label::before,
.ingredients .cta.cta-marron:hover,
.ingredients .header-search-menu form {
    border-color: #387E94;
}
.ingredients .paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:not(:checked) + label::after,
.ingredients .paragraph--type--formulaire .form-type-checkbox [type="checkbox"]:checked + label::after,
.ingredients .paragraph--type--engagements .item-wrapper .paragraph .item-title,
.ingredients .cta.cta-marron:hover {
    color: #387E94;
}
.ingredients .cta.cta-beige:hover,
.ingredients #lien-bloc-publication-double,
.ingredients #lien-bloc-publication-simple {
    color: #FFF !important;
}
.ingredients #header #header-menu-wrapper #header-menu .push-link,
.ingredients #header #header-menu-wrapper #header-menu .push-edito,
.ingredients #header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"],
.ingredients #header #header-menu-wrapper #header-menu > ul > li{
    border-color: #B8CFD6;
}

.ingredients .paragraph--type--rte .item-wrapper a.cta-beige, 
.ingredients .cta.cta-beige,
.ingredients .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph .item-title,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph-title,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph-title, 
.ingredients .paragraph--type--liste-des-marques .item-wrapper .paragraph-title, 
.ingredients .paragraph--type--rte .item-wrapper .paragraph-title, 
.ingredients .paragraph--type--liste-3-dernieres-actualites .item-wrapper .paragraph-title, 
.ingredients .paragraph--type--articles .item-wrapper .paragraph-title,
.ingredients .paragraph--type--liste-actualites-une .item-wrapper .paragraph .item-title,            
.ingredients .paragraph--type--liste-actualites-une .item-wrapper .paragraph.une .item-title,
.ingredients #block-vivesciaingredients-content .paragraph--type--hero.no-image .content h1.title {
    color: #000;
}
/* Display */
.ingredients .paragraph--type--bloc-histoire-vignette .periode.active .vignette .date::before{
    content: url(../images/graines-bleu.png);
}
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul li.votre-espace:before {
    display: inline-block;
    background-image: url(../images/icone-profil-bleu.svg);
    background-repeat: no-repeat;
    background-position: 0;
    content: "";
    width: 14px;
    height: 16px;
    padding: 0;
    margin-right: 0.25rem;
}
#header .header-inner #header-top-menu ul li.header-top-menu-none:first-child span {
    margin: 0 !important;
}
/*
.ingredients #header .header-top-menu-none span.internal-link:after {
    content: '22,99€';
    font: bold 18px/18px 'Lato';
    margin-left: 0.25rem;
}*/
.ingredients #lien-bloc-publication-double:hover, 
.ingredients #lien-bloc-publication-simple:hover {
    text-decoration: underline;
}

.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .prev:before,
.ingredients .paragraph--type--carrousel-article .item-wrapper .paragraph .next:before,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .prev:before,
.ingredients .paragraph--type--carrousel-video .item-wrapper .paragraph .next:before,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .prev:before,
.ingredients .paragraph--type--carrousel .item-wrapper .paragraph .next:before {
    background-image: url(../images/arrow-blanc-next.png);
}

.agvi-page #block-vivesciaingredients-breadcrumbs {
    display: none;
}
.agvi-page.connected #block-vivesciaingredients-breadcrumbs {
    display: inherit;
}

/* 1024px */
@media screen and (min-width: 64rem){
    .ingredients #header #header-menu-wrapper #header-menu ul li > button[aria-expanded="true"]{
        background-color: transparent;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.x-small:hover{
        background-image: url(../images/bg_menu_hover_100.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.small:hover{
        background-image: url(../images/bg_menu_hover_small.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.medium:hover{
        background-image: url(../images/bg_menu_hover_175.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li.large:hover{
        background-image: url(../images/bg_menu_hover_large.svg);
        /*background-size: 100%;*/
        background-size: cover;
    }

    .ingredients #header #header-menu-wrapper #header-menu .push-link .content:hover a,
    .ingredients #header #header-menu-wrapper #header-menu ul li a.hover-large.active,
    .ingredients #header #header-menu-wrapper #header-menu ul li a.hover-large:hover,
    /*.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul.column li:not(.accordeon-actionnaires):hover,*/
    .ingredients #header #header-menu-wrapper #header-menu ul li button.hover-large:hover,
    .ingredients #header #header-menu-wrapper #header-menu ul li button.hover-large[aria-expanded="true"]{
        background-image: url(../images/bg_menu_hover_large.svg) !important;
        background-repeat: no-repeat;
        background-position: center;
        /*background-size: 100%;*/
        background-size: cover;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li button.hover-small[aria-expanded="true"],
    .ingredients #header #header-menu-wrapper #header-menu ul li a.hover-small.active,
    .ingredients #header #header-menu-wrapper #header-menu ul li a.hover-small:hover,
    .ingredients #header #header-menu-wrapper #header-menu ul li button.hover-small:hover{
        background-image: url(../images/bg_menu_hover_small.svg) !important;
        /*background-size: 100%;*/
        background-size: cover;
    }
    .ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2-wrapper#actionnaires {
        width: 275px;
        right: 0;
        left: auto;
    }    
    .ingredients #header #header-menu-wrapper #header-menu ul li #actionnaires .header-menu-wrapper-n2 .wrapper-column > *{
        width: 100%;
        padding: 1rem 2.5rem;
    }
    
.ingredients #header #header-menu-wrapper #header-menu ul li .header-menu-wrapper-n2 ul li.votre-espace{
    padding: 1rem;
}
}

#accessibility_settings_toggle {
    bottom: 20px;
    right: auto;
    left: 20px;
    width: 45px !important;
    height: 45px !important;
    background: #387E94 !important;
}

body.ingredients .accessibility-trigger.aioa-default-icon button img {
    width: 35px !important;
    height: 35px !important;
}

body.ingredients .accessibility-trigger button .aioa-trigger-button-tooltip {
    display: none;
    width: auto;
    background-color: var(--accessibility-widget-primary-color-darken, #387E94) !important;
    color: var(--accessibility-widget-text-color, #ffffff) !important;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    border-radius: .3ch;
    white-space: nowrap;
    bottom: 50%;
    right: calc(100% + 5px);
    transform: translateY(50%);
}

.ingredients .wrapper-footer-logo img{
    width : 190px;
}