.page-part {
    padding: 5rem 0;

    overflow-x: hidden;

    font-size: 16px;
}
.page-part.blue {
    background-color: var(--color-main-blue);
    color: var(--color-main-white);
}
.page-part.blue h2 {
    color: var(--color-main-white);
}
.page-part.cyan {
    background-color: #60b3bb;
    color: var(--color-main-white);
}
.page-part.cyan h2 {
    color: var(--color-main-white);
}
.page-part.cyan h3 {
    color: var(--color-main-white);
    font-size: 35px;
}
.page-part.green {
    background-color: var(--color-green2);
    color: var(--color-main-white);
}
.page-part.green h2 {
    color: var(--color-main-white);
}
.page-part.white {
    background-color: var(--color-main-white);
    color: var(--color-main-black);
}
.page-part.white h2 {
    color: var(--color-main-black);
}

/*.page-part .page-part-title p*/
.page-part .page-part-title h2,
.page-part .page-part-title h3
 {
    text-align: center;
}

@media (max-width: 426px) {
    .page-part .text-formatted
    {
        position: relative;
        z-index: 500;
    }
}


.part-title {
    min-height: calc(100vh - var(--size-header-height));
    height: 1px;
    padding: 0;

    background-image: url(../../stallergenes/images/visual.part-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.part-title .cont {
    position: relative;
}
.part-title .cont img.visual {
    position: absolute;

    bottom: 0;      left: 50%;
    height: 95%;
    transform: translate3d(-50%, 0, 0);
}
.part-title .cont .title-wrapper {
    position: absolute;
    top: 0;         right: 0;
    width: 40%;     height: 50%;
}
.part-title .cont .title-wrapper h1 {
    position: absolute;
    bottom: 0;      left: 0;
    margin: 0;
}

@media (max-width: 1200px) {
    .part-title .cont .title-wrapper {
        width: 35%;
    }
}
@media (max-width: 992px) {
    .part-title .cont img.visual {
        left: 35%;
    }
    .part-title .cont .title-wrapper {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .part-title .cont img.visual {
        left: 20%;
    }
    .part-title .cont .title-wrapper {
        width: 60%;
    }
}




.part-about-us {
    padding: 10rem 0;
    min-height: 540px;

    overflow-x: visible;
}
.part-about-us .cont {
    max-width: 1140px;
}
.part-about-us .title-wrapper {
    display: flex;
    justify-content: center;
}
.part-about-us .title-wrapper .title {
    position: relative;
    margin-bottom: 5rem;
}
.part-about-us .title-wrapper .title h2 {
    position: relative;
    margin: 0;
    z-index: 5;
}
.part-about-us .title-wrapper .title img {
    position: absolute;
    right: 0;
    width: 430%;
    transform: translate(2%, -61%);

    mix-blend-mode: multiply;

    z-index: 2;
}
.part-about-us .title-wrapper .title img.browser-alternate {
    display: none;
}


#popup-open-jennifer {
    background: var(--color-blue-button);
    color: white;
    border: none;
    font-weight: bold;
}

#modal-jennifer .modal-header {
    background: url(/sites/default/files/inline-images/AdobeStock_234054029.jpeg);
    color: white;
    background-size: cover;
    height: 161px;
    background-position: center;
}

/*#modal-jennifer .modal-header .btn {
    background-color: var(--color-grey7);
    color: white;
}*/

#modal-jennifer .modal-body .btn,
#modal-jennifer .modal-footer .btn {
    background-color: var(--color-green2);
    color: white;
}

#modal-jennifer h5 {
    color: var(--color-green2);
    font-weight: bold;
}

#awards {
    position: relative;
    z-index: 10;
}

#awards .img-fluid {
    max-width: 110px;
}

#awards .read-more-popup {
  border: none;
  background: none;
  color: var(--color-main-blue);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
}

#award {
    background: #60b3bb;
}



/*#popup-open-jennifer
--color-main-blue*/

@supports not (mix-blend-mode: multiply) {
    .part-about-us .title-wrapper .title img.browser-new {
        display: none;
    }
    .part-about-us .title-wrapper .title img.browser-alternate {
        display: block;
    }
}




.part-governance {

}
.part-governance p.sub {
    
}
.part-governance .card-carousel {
    display: flex;
    align-items: center;
}
.part-governance .card-carousel .carousel-button-wrapper {
    flex: 1 0 auto;
    min-width: 100px;
    width: 1px;

    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .part-governance .card-carousel .carousel-button-wrapper {
        min-width: 50px;
    }
}
.part-governance .card-carousel .carousel-button-wrapper .button {
    width: 50px;    height: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 2rem;
    color: #999;
    cursor: pointer;
}
.part-governance .card-carousel .slick-list {
    flex: 1 1 auto;
    max-width: 1400px;
}

.part-governance .card-carousel .carousel-card,
.part-governance .row {
    padding: 1rem;
}
.part-governance .card-content {
/*    padding: 2rem;*/
    padding: 1rem;
    margin-top: 7px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    
    border-radius: .5rem;
    background: var(--color-main-white);
	-webkit-box-shadow: 0rem 0rem 1rem 0rem #00000022; 
	box-shadow: 0rem 0rem 1rem 0rem #00000022;
    min-height: 390px;
}
.part-governance .card-content .portrait-wrapper {
    flex: 0 0 100px;
    aspect-ratio: 1/1;
}
.part-governance .card-content .portrait-wrapper .portrait {
    height: 100%;   width: 100%;

    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.part-governance .card-content .desc-short {
    flex: 1 1 auto;

    text-align: center;
}
.part-governance .card-content .description {
    display: none;
    flex: 1 1 auto;
    text-align: center;
}
.part-governance .card-content .readmore-wrapper,
.part-governance .card-content .readless-wrapper {
    flex: 0 0 auto;
    padding-bottom: .5rem;
}
.part-governance .card-content .readmore-wrapper .readmore,
.part-governance .card-content .readless-wrapper .readless {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-main-blue);
    text-transform: uppercase;
    cursor: pointer;
}
.part-governance .card-content .readless-wrapper {
    display: none;
}
.part-governance .card-content .readless-wrapper .readless {
    color: var(--color-red1);
}
.part-governance .card-content .identity-name,
.part-governance .card-content .identity-work {
    flex: 0 0 auto;
}
.part-governance .card-content .identity-work {
    margin-top: -0.4rem;
}
.part-governance .card-content .identity-name p,
.part-governance .card-content .identity-work p {
    margin: 0;
    text-align: center;
    line-height: 1.3rem;
}
.part-governance .card-content .identity-name p {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}

.part-governance .field--name-field-fondation-de-france p {
    text-align: initial;
}



.part-our-mission {
    position: relative;
}
.part-our-mission * {
    position: relative;
}
.part-our-mission img.bg-motif {
    position: absolute;
    left: 50%;
    height: 200%;
    top: -100%;
}
.part-our-mission .content-carousel {
    display: flex;
    align-items: center;
    margin-top: 5rem;
    min-height: 440px;
}

@media (max-width: 426px) {
    .part-our-mission .content-carousel {
        margin-top: 2rem;
        min-height: 800px;
    }
}

@media (max-width: 376px) {
    .part-our-mission .content-carousel {
        margin-top: 2rem;
        min-height: 930px;
    }
}

@media (max-width: 321px) {
    .part-our-mission .content-carousel {
        margin-top: 2rem;
        min-height: 1100px;
    }
}

.part-our-mission .content-carousel .carousel-button-wrapper {
    flex: 1 0 auto;
    min-width: 100px;
    width: 1px;

    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .part-our-mission .content-carousel .carousel-button-wrapper {
        min-width: 50px;
    }
}
.part-our-mission .content-carousel .carousel-button-wrapper .button {
    width: 50px;    height: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    font-size: 50px;
}
.part-our-mission .content-carousel .slick-list {
    flex: 1 1 auto;
    max-width: 992px;
}
.part-our-mission .content-carousel .content-card .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.part-our-mission .content-carousel .content-card .image-wrapper .image {
    aspect-ratio: 1/1;
    height: 100%;
    min-width: 250px;
    max-width: 300px;

    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}



.part-news {

}
.part-news .news-carousel {
    display: flex;
    align-items: center;
}

.part-news .news-carousel .slick-disabled {
    display: none !important;
}

.part-news .news-carousel .carousel-button-wrapper {
    flex: 1 0 auto;
    min-width: 100px;
    width: 1px;

    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .part-news .news-carousel .carousel-button-wrapper {
        min-width: 50px;
    }
}
.part-news .news-carousel .carousel-button-wrapper .button {
    width: 50px;    height: 50px;
    
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 2rem;
    color: #999;
    cursor: pointer;
}
.part-news .news-carousel .slick-list {
    flex: 1 1 auto;
    max-width: 1400px;
}
.part-news .news-carousel .carousel-card-news {
    
}
.part-news .card-content {
    padding: 2rem;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.part-news .card-content .illu-wrapper {
    flex: 0 0 250px;
    width: 100%;
}
.part-news .card-content .illu-wrapper .illu {
/*    height: 100%;   width: 100%;*/
    max-height: 512px;
    margin: auto;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.part-news .card-content .etiquette {
    background-color: var(--color-blue1);
}
.part-news .card-content .etiquette p {
    font-size: 1rem;
}
.part-news .card-content .new-title,
.part-news .card-content .new-title h3
 {
    line-height: 1.3rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.part-news .card-content .new-title h3 {
    margin-bottom: 5px;
}
.part-news .card-content .new-title a {
    text-decoration: none;
    color: var(--color-main-black);
}
.part-news .card-content .description {
    display: none;
    flex: 1 1 auto;
    text-align: center;
}
.part-news .card-content .readmore {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color-main-blue);
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
}


.part-contact {
    background: #60b3bb;
    color: white;
}


#btn-back-to-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: none;
  z-index: 1000;
}