body {
    font-family: "Gabarito", Arial, sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    height: 100%;
}

html {
    height: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.page-template-contact .text p {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
    margin-bottom: 40px;
}

section {
    width: 100%;
}

header .top {
    width: 100%;
}

h1 {
    font-size: 45px;
    letter-spacing: 1.5px;
    margin: 0;
    padding: 0;
    line-height: 45px;
    font-weight: 900;
}

h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 22px;
    color: #34343c;
    font-weight: 900;
}

h3 {
    margin-bottom: 10px;
    font-weight: normal;
    font-weight: 900;
}

h4 {
    font-size: 50px;
    color: #3a3a3c;
    line-height: 56px;
    margin-bottom: 8px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

h5 {
    font-size: 40px;
    color: #DA2B1F;
    line-height: 46px;
    margin-bottom: 35px;
    font-weight: 400;
    font-weight: 700;
}

h6 {
    font-size: 20px;
    color: #707070;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 400;
}

header {
    background: #fff;
}

.orange {
    color: #e35408;
}

.clickable {
    cursor: pointer;
}

.absolute-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta {
    display: inline-block;
    padding-bottom: 4px;
    font-size: 16px;
    margin-top: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.cta-green {
    border-bottom: 1px solid #009364;
    color: #009364;
}

.cta-green:hover {
    color: #006442;
}

.cta-red {
    border-bottom: 1px solid #DA2B1F;
    color: #DA2B1F;
}

.cta-red:hover {
    border-bottom: 1px solid #a32119;
    color: #a32119;
}

.bg-white {
    background-color: white;
}

nav .navnar {
    background-color: #fff;
}

nav .navbar-brand img {
    max-width: 189px;
    height: auto;
}

nav .navbar-nav li {
    position: relative;
    display: flex;
    align-items: center;
}

nav .navbar-nav li a,
nav .languages a {
    padding: 20px 0;
    font-size: 17px;
    margin-right: 20px;
    color: #006341;
}

nav .navbar-nav li a:hover,
nav .languages a:hover {
    color: #007749
}

@media (min-width: 992px) and (max-width: 1400px) {
    nav .navbar-nav li a,
    nav .languages a {
        font-size: calc(1vw + 2px);
    }
}

nav .navbar-nav .sub-menu {
    width: 240px;
    z-index: 10;
}

nav .navbar-nav .sub-menu li {
    padding: 0;
}

nav .navbar-nav .sub-menu li a {
    display: block;
    width: 100%;
    padding: 20px;
    margin-right: 0;
}

@media (min-width: 992px) {
    nav .navbar-nav .sub-menu li:hover {
        background-color: #00774A;
    }

    nav .navbar-nav .sub-menu li a {
        color: #fceadb;
    }
}

nav li:hover a {
    color: #535353;
}

nav .languages a {
    margin-right: 0;
}

nav .navbar-nav li:last-child {
    margin-right: 0;
}

/* nav .languages a:first-child {
    margin-right: 10px;
} */

nav .navbar-brand {
    padding: 24px 40px 24px 0;
}

nav .navbar-brand img {
    max-width: 189px;
    height: auto;
}

nav .navbar-toggler {
    border: 1px solid #707070;
    margin-right: 16px;
}

nav .navbar-collapse {
    justify-content: flex-end;
}

nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(112,112,112, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

nav .sub-menu {
    padding: 0;
    left: 0;
    display: none;
    position: absolute;
    top: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

nav .sub-menu li {
    padding: 20px;
}

nav .menu-item-has-children:hover>.sub-menu {
    display: block;
}

.hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 700px;
    display: flex;
    align-items: center;
}

.hero .hero-text {
    font-weight: 900;
    line-height: 50px;
    letter-spacing: 1px;
    font-size: 45px;
    color: #fff;
    border-left: 1px solid #fff;
    height: auto;
    margin-right: 100px;
    margin-left: auto;
    width: 400px;
    padding-left: 16px;
}

.bg_green {
    background-color: #fceadb;
}

.video {
    padding: 60px 0;
}

.video img {
    width: 100%;
    height: auto;
}

.shadow {
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

.small-shadow {
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

.info {
    margin-bottom: 170px;
    padding: 120px 0 420px 0;
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

.info .info-content .info-text {
    font-size: 50px;
    font-weight: 500;
    color: #3a3a3c;
    max-width: 948px;
    line-height: 56px;
}

.features {
    padding: 72px 0;
}

section.features .container {
    position: relative;
    top: -484px;
    margin-bottom: -484px;
}

.features .feature-card {}

.features .feature-card:hover {}

.features .feature-card.first {}

.features .feature-card.first .small-shadow {
    height: 100%;
}

.features .feature-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 484px;
}

.features .feature-content {
    padding: 32px 64px 64px 64px;
}

.features .feature-category {
    font-size: 20px;
    color: #707070;
}

.features .feature-title {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
    font-weight: 500;
}

section.news {
    background-color: #fceadb;
    padding: 50px 0 200px 0;
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

body .news .news-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

body .news .news-section-header .news-section-title {
    text-transform: uppercase;
    font-size: 24px;
}

body .news .news-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

body .news .news-content {
    padding: 67px 100px;
}

body .news .news-content span {
    font-size: 20px;
    color: #707070;
}

body .news .news-content .news-title {
    font-size: 40px;
    line-height: 46px;
    margin-top: 6px;
    font-weight: 500;
    color: #212529;
}

.newslist .news-content .news-title {
    font-size: 39px;
    text-transform: none;
    color: #3a3a3c;
    font-weight: 500;
}

.newslist article .meta {
    margin-bottom: 8px;
}

body .news .news-content .news-excerpt,
.newslist .news-content .news-excerpt {
    font-size: 20px;
    line-height: 26px;
    margin-top: 8px;
    margin-bottom: 0;
}

.newslist.bg_gray .news-content .news-title {
    font-size: 26px;
}

.newslist.bg_gray .news-content .image,
.newslist.bg_gray .news-content .meta {
    margin-bottom: 17px;
}

.newslist.bg_gray .news-content {
    background: #fff;
    height: 100%;
}

.newslist.bg_gray .news-content .content {
    padding: 20px;
}

.newslist.bg_gray .item {
    margin-bottom: 30px;
}

.newslist .news-content .content {
    padding: 67px;
}

.other-features {
    padding: 64px 0;
    position: relative;
    top: -220px;
    margin-bottom: -283px;
}

.other-features .other-feature-card {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background-position: center;
    position: relative;
}

.other-features .other-feature-card .overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.other-features .other-feature-card:hover>.overlay {
    opacity: 1;
}

.other-features .other-feature-card.middle-card {}

.other-features .other-feature-card .rounded-circle {
    position: relative;
    z-index: 100;
}

.other-features .other-feature-card .rounded-circle,
.page-template-apropos .rounded-circle,
.rounded-circle {
    height: 192px;
    width: 192px;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0 3px #3a3a3c, 0 0 0 15px #fff;
}

.other-features .other-feature-card .rounded-circle .circle-title {
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    color: #3a3a3c;
    text-align: center;
    margin-bottom: 6px;
}

.other-features .other-feature-card .rounded-circle .circle-subtitle {
    font-size: 18px;
    color: #707070;
    text-align: center;
    line-height: 22px;
    padding: 0 12px;
}

.products {
    padding: 90px 0 64px 0;
}

.products .product-section-header {
    margin-bottom: 64px;
}

.products .product-section-header .product-section-title {
    text-transform: uppercase;
    font-size: 24px;
}

.products .product-card {
    width: 275px;
    height: 275px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px;
}

section.other-products .product-card {
    border-radius: 160px;
}

.products .product-card img {
    width: 100%;
    height: auto;
}

footer {
    background: #3a3a3c;
    color: #FBEADC;
    font-size: 19px;
}

footer ul li:first-child a {
    font-weight: 700;
}

footer a:hover {
    color: #d8d8d8;
    text-decoration: none;
}

footer a {
    color: #FBEADC;
}

footer .social-medias a {
    color: #3a3a3c;
}

footer .upper-footer li.bold {
    margin-top: 10px;
}

footer .upper-footer li.bold a {
    font-weight: 700;
}

footer .lower-footer {
    font-size: 13px;
}

.social-media-icon i {
    background-color: #fff;
    color: #3a3a3c;
    border-radius: 50%;
    padding: 6px 8px;
    display: flex;
    justify-content: center;
    width: 28px;
}

header nav .social-medias .social-media-icon {
    background: transparent;
}

header .social-media-icon i {
    background-color: #006341;
    color: #fff;
    font-size: 16px;
}

footer .upper-footer {
    padding-bottom: 36px;
    border-bottom: 1px solid #fff;
}

footer .lower-footer {
    padding-top: 32px;
    font-weight: 300;
}

footer .upper-footer ul li:not(:first-child),
footer .upper-footer .address,
footer .upper-footer .phone {
    font-weight: 300;
}

footer .phone {
    margin-top: 30px !important;
}

nav .social-medias {
    justify-content: space-between;
}



footer .lower-footer .social-medias,
nav .social-medias {
    display: flex;
}

nav .social-medias .social-media-icon {
    background-color: #009364;
    color: #fff;
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0;
}

nav .social-medias .social-media-icon:last-child {
    margin: 0;
}

body.archive {
    background: #fff;
}

.archive .header-image {
    height: 233px;
    display: flex;
    color: #fff;
    align-items: center;
    margin-bottom: 100px;
    background-size: cover;
}

.page.page-template-carrieres .header-image {
    padding: 60px 0;
    height: 600px;
    background-position: center -210px;
}

.archive .logo img {
    max-width: 195px;
}

section.marque {
    margin-bottom: 60px;
    -webkit-box-shadow: 0px 2px 3px 1px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 1px #e0e0e0;
    box-shadow: 0px 2px 3px 1px #e0e0e0;
}

.row {
    align-items: stretch;
}

section.marque .image {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 100%;
    display: flex;
    align-items: stretch;
}

.archive section.marque .image {
    height: 100%;
}

section.marque .logo {
    max-width: 195px;
    position: absolute;
    top: 30px;
    left: 33px;
}

section.marque img {
    max-width: 100%;
}

.page-template-nos-produits section.marque .text {
    padding: 147px 100px;
}

section.marque .text {
    display: flex;
    padding: 45px 100px;
    flex-direction: column;
    justify-content: center;
}

section.marque .text h3 {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
}

section.marque .text p {
    font-size: 20px;
}

.bg_gray {
    background-color: #FBEADC;
}

section .products {
    padding: 80px 0;
}

.carousel-control-prev,
.carousel-control-next {
    top: 140px;
    bottom: 140px;
}

video[poster] {
    object-fit: cover;
}

.carousel-control-prev i,
.carousel-control-next i {
    color: #000;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 30px;
    height: 30px;
}

body.page-template {
    background: #fff;
}

h1 {
    font-size: 45px;
    letter-spacing: 1.5px;
    margin: 0;
    padding: 0;
    line-height: 45px;
    margin-bottom: 1px;
}

.page .header-image h2,
.archive .header-image h2 {
    margin: 0;
    font-size: 20px;
    color: #fff;
    text-transform: none;
}

.page .header-image,
.archive .header-image {
    height: 233px;
    display: flex;
    color: #fff;
    align-items: center;
    margin-bottom: 100px;
    background-size: cover;
    background-position: center center;
}

section.marque {
    margin-bottom: 60px;
    -webkit-box-shadow: 0px 2px 3px 0px #e0e0e0;
    -moz-box-shadow: 0px 2px 3px 0px #e0e0e0;
    box-shadow: 0px 2px 3px 0px #e0e0e0;
}

section.marque .image {
    position: relative;
    flex-basis: auto;
}

section.marque .logo {
    max-width: 195px;
    position: absolute;
    top: 30px;
    left: 33px;
}

.page-template-nos-produits section.marque .row {
    cursor: pointer;
}

section.marque img {
    max-width: 100%;
}

section.marque .text {
    display: flex;
    padding: 40px 110px;
    flex-direction: column;
    justify-content: center;
}

section.marque .text h3 {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
}

section.marque .text a {
    display: block;
    color: #009364;
    text-decoration: underline;
    line-height: 18px;
    font-size: 16px;
}

section.marque .row.odd {
    flex-direction: row-reverse;
}

section.products.carousel {
    display: flex;
    align-items: center;
    height: 705px;
    padding: 0;
}

section.products.carousel .carousel-item .content {
    margin: 20px 0;
}

section.products .carousel-inner,
section.products .carousel-inner .carousel-item,
section.products .carousel-inner .carousel-item .row {
    min-height: 510px;
}

section.products .carousel-inner .carousel-item .row {
    align-content: center;
}

section.products .carousel-inner hr {
    max-width: 404px;
}

section.products .carousel-inner .carousel-item .cta {
    font-size: 16px;
}

section.products .carousel-item .text {
    font-size: 20px;
    color: #3a3a3c;
    line-height: 26px;
    max-width: 404px;
}

section.products .carousel-item .image {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

section.products .carousel-control-prev {
    justify-content: flex-start;
}

section.products .carousel-control-next {
    justify-content: flex-end;
}

section.products a {
    font-size: 42px;
    opacity: 1;
}

section.products a:hover i {
    color: #DA2B1F;
}

section.products a i {
    color: #bfbfbf;
}

section.products {
    margin-bottom: 85px;
}

.home section.products {
    margin-bottom: 57px;
}

.home video {
    max-height: 684px;
}

section.other-products h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 100px;
    text-transform: uppercase;
}

section.other-products .product-card {
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    height: 295px;
    align-items: center;
    background-position: center center;
    justify-content: center;
}

section.other-products .product-card {
    margin-bottom: 160px;
}

section.other-products img {
    max-width: 195px;
}

form label {
    font-size: 20px;
    line-height: 26px;
    color: #3a3a3c;
    max-width: 100%;
    width: 100%;
}

form input[type="text"],
form input[type="email"],
form textarea,
input[type="date"],
input[type="file"],
.page-template-postuler input[type="tel"] {
    border: none;
    border-bottom: 1px solid #707070;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    padding: 5px 10px;
    font-size: 14px;
    color: #3a3a3c;
    max-width: 100%;
    margin-bottom: 35px;
    width: 100%;
    border-radius: 0;
}

form input.wpcf7-not-valid, .page-template-postuler form input.wpcf7-not-valid, form textarea.wpcf7-not-valid {
    margin-bottom: 0;
}

.page-template-postuler form .wpcf7-not-valid-tip {
    margin-bottom: 35px;
}

form textarea {
    border: 1px solid #707070;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

form input[type="text"]:focus,
form input[type="text"]:hover,
form input[type="email"]:focus,
form input[type="email"]:hover {
    border: none;
    border-bottom: 1px solid #008752;
    outline: none;
}

nav .navbar-toggler {
    margin-right: 0;
}

.navbar-toggler {
    margin-top: 8px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #006341;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    height: 2px;
    width: 30px;
}

.hamburger--slider-r .hamburger-inner:before {
    top: 8px;
}

.hamburger--slider-r .hamburger-inner:after {
    top: 16px;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -16px, 0) rotate(90deg);
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: 1;
}

.hamburger-box {
    height: 18px;
}

form input[type="submit"] {
    background: #fff;
    border: 1px solid #009364;
    color: #009364;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

form input[type="submit"]:hover {
    background: #009364;
    color: #fff;
}

section.contact {
    margin-bottom: 40px;
}

section.contact .text {
    padding: 55px 95px;
}

.map {
    height: 747px;
    margin-bottom: 70px;
}

#map {
    height: 100%;
}

label span {
    color: #009364;
}

.wpcf7-form small {
    font-size: 10px;
}

.fadein img {
    position: absolute;
    left: -65px;
    top: 0;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    33% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#f1 {
    background-color: lightblue;
}

#f2 {
    -webkit-animation-delay: -4s;
    background-color: yellow;
}

#f3 {
    -webkit-animation-delay: -2s;
    background-color: lightgreen;
}

.aligncenter {
    margin: 0 auto;
}

button:focus {
    outline: none;
}

.googlemap-img img {
    max-width: 248px;
    margin-bottom: 10px;
}

.googlemap-content {
    color: #707070;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
}

.googlemap-content a.cta {
    font-size: 14px;
}

.googlemap-content h3 {
    font-size: 20px;
}

.gm-style .gm-style-iw-c {
    padding: 9px 0 0 9px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.home .video {
    position: relative;
}

.home .video .poster {}

.home .video button {
    font-size: 120px;
    opacity: 0.7;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
}

.home .video button:hover {
    opacity: 1;
}

.home .video .poster {
    display: flex;
    justify-content: center;
    align-items: center;
}

.play_video {
    border: 0;
    background: transparent;
    color: #fff;
}

.newslist article.featured {
    margin-bottom: 100px;
}

.newslist article.featured .image {
    height: 100%;
}

.newslist article .meta {}

.newslist article .image {
    height: 250px;
}

.newslist {
    padding: 60px 0;
}

.btn_red, .btn_white {appearance: none;position:relative;border: 1px solid #DA2B1F;background: #DA2B1F;cursor: pointer;vertical-align: middle;display: inline-flex;align-items: center;font-size: 0.85em;font-weight: 400;line-height: 1.2;color: #fff;margin:0;padding: 0 3em;text-transform: none;text-decoration: none;box-sizing: border-box;text-align: center;max-width: 100%;transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
.btn_white {border-color: #fff;background: #fff;}
.btn_red .btn__label, .btn_white .btn__label {font-size: 1.1em;z-index: 1;display: block;flex: 1 1 auto;padding: 1.15em 0;}
.btn_white .btn__label {color: #DA2B1F;}
.btn_red > * + *, .btn_white > * + * {padding-left: 1.002em;}
.btn_red *, .btn_white * {pointer-events: none;}
.btn_red:hover:not(:disabled) {background-color: #fff; color: #DA2B1F; }
.btn_white:hover:not(:disabled) {background-color: transparent; color: #fff; }
.btn_white:hover:not(:disabled) .btn__label {color: #fff;}

.page-template-carrieres .header-image::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    background: linear-gradient(to left, transparent,#000 150%);
}

.page-template-carrieres .header-image .careers-heading h1 {
    color: #fff;
    line-height: 1.2;
    font-size: calc(2em + 1.5vw);
}

.page-template-carrieres .header-image .careers-heading h1:not(:last-child) {
    margin-bottom: 0.5em;
}

.page-template-carrieres .main-text {
    color: #3a3a3c;
    margin-bottom: 100px;
}

.page-template-carrieres .header-image h2 {
    color: #3a3a3c;
    font-size: 32px;
    margin-bottom: 10px;
}

.demande-de-commandite .header-image {
    background-position: 0 -80px;
}

.page-template-carrieres .header-image {
    position: relative;
}

.page-template-carrieres .header-image .text-center {
    display: flex;
    padding: 0 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #3a3a3c;
    height: 400px;
    width: 400px;
}

.page-template-carrieres .header-image .container {
    z-index: 10;
}

.page-template-carrieres .header-image.middle {
    margin-bottom: 0;
}

.page-template-carrieres .job {
    margin-bottom: 82px;
}

.page-template-carrieres .jobs {
    padding: 82px 0;
}

.page-template-carrieres .job:last-child {
    margin-bottom: 0;
}

.page-template-carrieres .job .form {
    margin-top: 50px;
}

.page-template-carrieres .job img {
    max-width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
}

.page-template-apropos .a-propos {
    margin-bottom: 100px;
}

.page-template-apropos .a-propos .small-shadow {
    height: 100%;
}

.page-template-apropos .a-propos h6 {
    margin: 0 0 23px 0;
}

.page-template-apropos .mission .content,
.page-template-apropos .history .content {
    padding: 135px 90px;
}

.page-template-apropos .equipe .content {
    padding: 0 100px;
}

.page-template-apropos .equipe {
    margin-bottom: 100px;
}

.single-serres p {
    font-size: 22px;
    margin-bottom: 40px;
}

.single-serres .info .col-md-6 img {
    max-width: 100%;
}

.single-serres .info {
    padding: 50px 0 50px;
    margin: 0;
    box-shadow: 0px -3px 3px 0px #e0e0e0;
}

.single-serres article img {
    max-width: 100%;
    width: 100% !important;
}

.single-serres .info .col-md-6:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-template-apropos .history .content {
    padding: 65px 100px;
}

.page-template-apropos .mission p {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
}

.page-template-apropos .history img {
    width: 100%;
}

.page-template-apropos .history .content h2 {
    font-size: 40px;
    color: #3a3a3c;
    line-height: 46px;
    text-transform: none;
}

.page-template-apropos .history .content p,
.page-template-apropos .equipe .content p {
    font-size: 20px;
    line-height: 26px;
    color: #3a3a3c;
}

.page-template-apropos .our-products {
    margin: 100px 0;
}

.page-template-apropos .our-products .blocks {
    margin-bottom: 20px;
}

.page-template-apropos .our-products .blocks .item {
    position: relative;
}

.page-template-apropos .our-products .blocks .item img,
.page-template-actions-durables .actions img {
    width: 100%;
}

.page-template-apropos .our-products .blocks .item h3 {
    font-size: 40px;
    line-height: 46px;
    color: #3a3a3c;
    margin-bottom: 20px;
}

.page-template-apropos .our-products .blocks .item .icon,
.page-template-actions-durables .actions .icon {
    position: absolute;
    top: 150px;
    margin-left: -95.5px;
    left: 50%;
    box-shadow: 0 0 0 3px #707070, 0 0 0 15px #fff;
}

.page-template-actions-durables .actions .icon {
    font-size: 20px;
}

.page-template-apropos .our-products .blocks .item .icon img {
    height: 116px;
}

.page-template-apropos .our-products .blocks .item .small-shadow,
.page-template-actions-durables .actions .small-shadow {
    height: 100%;
}

.page-template-apropos .our-products .blocks .item .content,
.page-template-actions-durables .actions .content {
    padding: 140px 80px 100px 80px;
}

.page-template-apropos .our-products .blocks .item p {
    font-size: 20px;
    line-height: 26px;
    color: #3a3a3c;
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative;
}

.timeline:before {
    top: 65px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #009364;
    left: 50%;
    margin-left: -1.5px;
}

.timeline:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    content: "\f063";
    width: 10px;
    color: #009364;
    left: 50%;
    margin-left: -7px;
    margin-top: -27px;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge {
    background-color: #e9f5f0 !important;
    border: 4px solid #006443;
}

.timeline-badge.start {
    background-color: #da2a1c !important;
    border-color: #da2a1c;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-title {
    font-size: 26px;
    color: #3a3a3c;
    line-height: 30px;
    margin-bottom: 10px;
}

.timeline-body>p {
    font-size: 20px;
    line-height: 26px;
    color: #3a3a3c;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 22px;
}

.timeline .timeline-heading img {
    max-width: 100%;
    margin-bottom: 12px;
}

section.actions .number {
    font-size: 200px;
    color: #3a3a3c;
}

section.actions .bg-gray {
    background-color: #D0E0C9;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.page-template-actions-durables .small-shadow {
    background: #fff;
}

section.actions {
    position: relative;
}

section.actions .small-shadow,
section.actions .margin {
    margin-bottom: 45px;
}

section.actions .content {
    padding: 90px;
}

section.actions .content.packaging {
    padding: 50px 80px;
}

section.actions .content h3 {
    font-size: 40px;
}

div.solutions {
    margin: 97px 0;
}

div.solutions h3 {
    font-size: 40px;
    line-height: 46px;
    color: #3a3a3c;
}

.background:before {
    position: absolute;

    height: 100%;
    top: 220px;
    left: 0;
    right: 0;
    bottom: 220px;
    content: "";
    background-color: #FBEADC;
    z-index: -10;
}

.background:after {
    position: absolute;
    background-color: #fff;
    bottom: -50px;
    z-index: -8;
    content: " ";
    height: 340px;
    left: 0;
    right: 0;
}

.page-template-equipe-list {}

.page-template-equipe-list .equipes .item {
    margin-bottom: 50px;
}

.header-image {
    min-height: 190px;
    height: calc(100vw / 2);
    background-position: center center;
    background-size: cover;
}

.page-template-equipe-list .equipes .item .background {
    background-size: cover;
    background-color: #d8d8d8;
    background-position: center center;
}

.page-template-equipe-list .equipes .item .background:before {
    display: none;
}

.page-template-equipe-list .equipes .item .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 350px;
}

.page-template-equipe-list .equipes h2 {
    font-weight: 900;
    text-transform: none;
    font-size: 46px;
}

.page-template-equipe-list .equipes h2,
.page-template-equipe-list .equipes h3 {
    color: #fff;
    margin: 0;
}

.single-post {}

nav .navbar-brand img:last-child {
    max-height: 37px;
}

.single-post .title {
    background-color: #006341;
    padding: 100px 0;
}

.single-post .title h1 {
    color: #FBEADC;
}

.single-post .title h1 {
    line-height: 56px;
}

.single-post .links {
    margin-top: 70px;
    max-width: 390px;
}

.single-post .date,
.single-post .links a,
.single-post .about a {
    color: #da2a1c;
}

.single-post .meta {
    margin: 70px 0;
}

.single-post .quotes {}

.single-post .sources {
    margin-bottom: 70px;
}

.single-post .about {
    margin-top: 40px;
    margin-bottom: 70px;
}

.single-post .about img {
    max-width: 100%;
}

.single-post .quotes p {
    background: #D0E0C9;
    padding: 50px;
    font-size: 16px;
    margin-bottom: 40px;
}

.single-post .quotes br {
    line-height: 40px;
}

.single-post .header-image {
    height: 600px;
    background-position: center center;
}

.single-post .header-image .container {
    display: flex;
    align-items: flex-end;
    height: 100%;
    background: transparent;
}

.single-post .header-image .container h1 {
    margin-bottom: 20px;
}

.single-post article a {
    border-bottom: 1px solid #009364;
    color: #009364;
}

nav .navbar-brand img:first-child {
    max-width: 105px;
}

nav .navbar-brand img:last-child {
    margin-top: 15px;
}

.wp-caption.aligncenter {
    max-width: 100% !important;
}

.wp-caption.aligncenter img {
    height: auto !important;
}

/* Single recette */
#single_recette .header_recette {
    width: 100%;
    height: 29.948vw;
    background-color: #DA2B1F;
    margin-bottom: -15%;
}

#single_recette .title_recette h1 {
    font-size: 2.917vw;
    line-height: 3.854vw;
}

#single_recette .title_recette p,
#single_recette .title_recette span {
    font-size: 1.25vw;
    line-height: 1.667vw;
}

#single_recette .item_preparation {
    font-size: 0.833vw;
    line-height: 1.094vw;
    margin-right: .5vw;
}

#single_recette .item_preparation svg {
    margin-right: 10px;
}

#single_recette .top_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding: 70px 0 30px;
}

#single_recette .container_recette {
    width: 79.427vw;
    margin: 0 auto;
}

#single_recette .top_header,
#single_recette .bottom_header {
    height: 14.974vw;
    background-color: transparent;
    color: #FFFFFF;
}

#single_recette .bottom_header {
    max-width: 79.427vw;
    height: 37.188vw;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#single_recette .recette_info,
#single_recette .info_preparation {
    display: flex;
    gap: 10px;
}

#single_recette .recette_info .separateur:last-child {
    display: none;
}

#single_recette .content_recette {
    width: 100%;
    /* margin: -15% auto 0; */
}

#single_recette .content_recette .recette {
    display: flex;
}

#single_recette .content_recette .recette .ingredients {
    width: 50%;
    padding: 5vw 9vw 5vw 5vw;
}

#single_recette .content_recette .recette .preparation {
    width: 50%;
    padding: 5vw 7vw 5vw 5vw;
}

#single_recette .content_recette .recette .ingredients {
    background-color: #FBEADC;
}

#single_recette .content_recette .recette .ingredients h2,
#single_recette .content_recette .recette .preparation h2,
body.single-jobs h2 {
    font-size: 2.3vw;
    line-height: 2.865vw;
    text-transform: none;
}

#single_recette .content_recette .recette .ingredients ul {
    padding: 0;
    margin-top: 2vw;
}

#single_recette .content_recette .recette .preparation ol {
    padding-left: 1.2vw;
    margin-top: 2vw;
}

#single_recette .content_recette .recette .ingredients ul li {
    list-style-type: none;
    margin: .7vw 0;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#single_recette .content_recette .recette .preparation ol li {
    margin: .7vw 0;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#single_recette .content_recette .calories {
    padding: 7vw;
}

#single_recette .content_recette .calories h3 {
    margin-bottom: 2vw;
    border-bottom: 1px solid #707070;
    padding-bottom: 1vw;
    font-size: 1.771vw;
    line-height: 2.344vw;
}

#single_recette .content_recette .calories .table_calorire {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

#single_recette .content_recette .calories .table_calorire .info_calorie {
    width: 15%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#single_recette .content_recette .calories .table_calorire .info_calorie .item_calorie {
    display: flex;
    justify-content: space-between;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#single_recette .content_recette .info_produit,
.call-to-action {
    background-color: #006341;
    margin-top: 0;
}

.call-to-action {
    background-color: #DA2B1F;
}

#single_recette .content_recette .info_produit .container_recette,
.call-to-action .container-cta {
    color: #FBEADC;
    padding: 7vw;
}

#single_recette .content_recette .info_produit .container_recette h3,
.call-to-action .container-cta h3 {
    font-size: 2.188vw;
    line-height: 2.865vw;
}

.call-to-action .container-cta h3,
.call-to-action .container-cta p {
    color: #fff;
}

#single_recette .content_recette .info_produit .container_recette p,
.call-to-action .container-cta p {
    padding: 2vw 0 0;
    font-size: calc(1em + 0.4vw);
    line-height: 1.2;
}

#single_recette a {
    color: #DA2B1F;
    border-bottom: 1px solid #DA2B1F;
    transition: all 0.5s ease-in-out;
    padding-bottom: 6px;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#single_recette a:hover {
    color: #535353;
    transition: all 0.5s ease-in-out;
}

#single_recette .btn_back_share {
    padding: 4vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile_recette .ingredients_mobile,
.mobile_recette .preparation_mobile {
    display: none;
}

#single_recette .btn_back_share svg {
    margin-right: 16px;
}

/* page nos recette */
#nos_recettes {
    background-color: white;
    padding-bottom: 150px;
}

#nos_recettes .container_recette,
.container-cta {
    width: 79.427vw;
    margin: 0 auto;
}

#nos_recettes .header_nos_recette {
    height: 16.26vw;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#nos_recettes .header_nos_recette .content_header h1 {
    font-size: 2.917vw;
    line-height: 1.1;
    color: #212529;
}

#nos_recettes .header_nos_recette .content_header p {
    font-size: 1.25vw;
    line-height: 1.3;
    color: #212529;
}


#nos_recettes .filter_recette {
    height: 12.26vw;
    background-color: #DA2B1F;
    margin-bottom: -10%;
}

#nos_recettes .card_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.083vw;
}

#nos_recettes .card_container .card_recette {
    height: 33.698vw;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

#nos_recettes .card_container .card_recette .featured_image img {
    width: 100%;
    height: 17.708vw;
    object-fit: cover;
}

#nos_recettes .card_container .card_recette .card_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: 15.99vw;
    padding: 2vw 1.5vw 3vw;
}

#nos_recettes .card_container .card_recette .card_bottom .categories .categorie_recette {
    background-color: #D0E0C9;
    display: block;
    padding: 6px 16px;
    border-radius: 6px;
    margin-bottom: 1vw;
    width: fit-content;
    font-size: 0.8333vw;
}

#nos_recettes .card_container .card_recette .card_bottom .categories h2 {
    color: #34343c;
    text-transform: none;
    font-size: 1.771vw;
    transition: all 0.3s ease-in-out;
}

#nos_recettes .card_container .card_recette .card_bottom .categories h2:hover {
    transition: all 0.3s ease-in-out;
    color: #DA2B1F;
}

#nos_recettes .card_container .card_recette .card_bottom .categories a {
    color: #34343c;
}

#nos_recettes .card_container .card_recette .card_bottom .btn_voir_recette {
    color: #DA2B1F;
    border-bottom: 1px solid #DA2B1F;
    transition: all 0.5s ease-in-out;
    padding-bottom: 6px;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#nos_recettes .card_container .card_recette .card_bottom .btn_voir_recette:hover {
    color: #535353;
    transition: all 0.5s ease-in-out;
}

#nos_recettes .filter_recette .content_filter select:focus {
    outline: none;
}


#nos_recettes .filter_recette .content_filter select {
    background-color: #fff;
    width: 25%;
    padding: .5vw 1vw;
    border: none;
    margin-top: 2vw;
    color: #DA2B1F;
    font-weight: 500;
    font-size: 1.042vw;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='38' viewBox='0 -960 960 960' width='38'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z' fill='%23da291c'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}

#nos_recettes .filter_recette .content_filter select::-ms-expand {
    display: none;
}

#nos_recettes .filter_recette .content_filter option {
    color: #DA2B1F;
    font-weight: 500;
    font-size: 1.042vw;
}

#nos_recettes .pagination_recette {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw 0 3vw;
}

#nos_recettes .pagination_recette a,
#nos_recettes .pagination_recette .current {
    color: #DA2B1F;
    margin: 0 8px;
    transition: all 0.5s ease-in-out;
    padding-bottom: 6px;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#nos_recettes .pagination_recette a:hover {
    color: #535353;
    transition: all 0.5s ease-in-out;
}


/* Share box */
#single_recette .share-container {
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    width: fit-content;
    height: 20%;
}

/* Style for the "Partager" link */
#single_recette .toggle-share {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s;
}

/* Style for the share block */
#single_recette .share-block {
    display: none;
    opacity: 0;
    background-color: #fff;
    border-radius: 8px;
    z-index: 2;
    visibility: hidden;
    transition: visibility 0.3 ease-in-out;
}

#single_recette .icon_share {
    margin-left: 8px;
}

#single_recette .share_btn {
    color: #DA2B1F;
    border-bottom: 1px solid #DA2B1F;
    transition: all 0.5s ease-in-out;
    padding-bottom: 6px;
    font-size: 1.042vw;
    line-height: 1.354vw;
}

#single_recette .share-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#single_recette .share-block ul li {
    margin: 0 10px;
}

#single_recette .share-block a {
    text-decoration: none;
    color: #DA2B1F;
    display: flex;
    font-size: .87vw;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

#single_recette .share-block a :hover {
    color: #535353;
    transition: all 0.5s ease-in-out;
}

/* Show the share block on hover */
#single_recette .share-container:hover .share-block {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: visibility 0.3s ease-in-out;
}

/* Hide the share button when share block is visible */
#single_recette .share-container:hover .share_btn {
    display: none;
}


/* responsive single page */

@media screen and (max-width: 1300px) {
    #single_recette .header_recette {
        margin-bottom: -12%;
    }

    #nos_recettes .card_container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }

    #nos_recettes .card_container .card_recette .card_bottom .categories .categorie_recette {
        font-size: 16px;
        margin-bottom: 16px;
    }

    #nos_recettes .card_container .card_recette .card_bottom .categories h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {

    #single_recette .btn_back_share .share-container .toggle-share .share_btn {
        font-size: 20px;
        line-height: 26px;
    }

    #single_recette .share-block a {
        font-size: 18px;
        line-height: 26px;
    }

    #nos_recettes .filter_recette .content_filter select {
        width: 50%;
    }

    #nos_recettes .pagination_recette {
        padding: 75px 0 0;
    }


    #nos_recettes .pagination_recette a,
    #nos_recettes .pagination_recette .current {
        font-size: 18px;
        line-height: 1.3;
    }

    #nos_recettes .filter_recette .content_filter select {
        font-size: 18px;
    }

    #nos_recettes .filter_recette .content_filter option {
        font-size: 18px;
    }

    #nos_recettes .header_nos_recette {
        height: 20vh;
    }

    #nos_recettes .filter_recette {
        height: 15vh;
        margin-bottom: -16%;
    }

    #nos_recettes .card_container .card_recette .card_bottom .btn_voir_recette {
        font-size: 18px;
        line-height: 1.4;
    }

    #nos_recettes .card_container .card_recette {
        height: 42vw;
    }

    #nos_recettes .card_container .card_recette .card_bottom {
        padding: 32px 16px 48px;
    }

    #nos_recettes .card_container .card_recette .card_bottom .categories h2 {
        font-size: 2vw;
    }

    #nos_recettes .header_nos_recette .content_header h1 {
        font-size: 24px;
    }

    #nos_recettes .header_nos_recette .content_header p {
        font-size: 20px;
    }

    #single_recette .btn_back_share {
        padding: 64px 0;
    }

    #single_recette .content_recette .info_produit .container_recette h3,
    .call-to-action .container-cta h3 {
        font-size: 42px;
        line-height: 55px;
    }

    #single_recette .content_recette .info_produit .container_recette,
    .call-to-action .container-cta {
        padding: 100px 0;
    }

    #single_recette .content_recette .info_produit .container_recette p,
    .call-to-action .container-cta p {
        padding: 32px 0 0;
        /* font-size: 20px; */
        /* line-height: 26px; */
    }

    #single_recette a {
        font-size: 20px;
        line-height: 26px;
    }

    #single_recette .content_recette .calories h3 {
        font-size: 34px;
        line-height: 45px;
        margin: 80px 0 40px;
    }

    #single_recette .top_header {
        padding: 70px 0 30px;
        gap: 30px;
    }

    #single_recette .header_recette {
        height: 390px;
    }

    #single_recette .title_recette h1 {
        font-size: 2rem;
        line-height: 1.4;
    }

    #single_recette .title_recette p,
    #single_recette .title_recette span {
        font-size: 20px;
        line-height: 26px;
    }

    #single_recette .item_preparation {
        font-size: 16px;
        line-height: 21px;
        margin-right: 10px;
    }

    #single_recette .item_preparation svg {
        margin-right: 10px;
        width: 31px;
        height: 29px;
    }
}

@media screen and (max-width: 768px) {

    #nos_recettes .filter_recette .content_filter select {
        padding: 4px 16px;
    }

    #nos_recettes .card_container .card_recette .featured_image img {
        height: 25vw;
    }

    #nos_recettes .card_container .card_recette {
        height: 60vw;
    }

    #nos_recettes .filter_recette {
        margin-bottom: -13%;
    }

    #nos_recettes .card_container .card_recette .card_bottom .categories h2 {
        font-size: 20px;
    }

    #single_recette .content_recette .info_produit {
        margin-top: 10rem
    }

    #single_recette .content_recette .calories {
        padding: 0 0 75px;
    }

    #single_recette .content_recette .calories .table_calorire .info_calorie .item_calorie {
        font-size: 20px;
        line-height: 26px;
    }

    #single_recette .content_recette .calories .table_calorire .info_calorie {
        width: 100%;
    }

    #single_recette .content_recette .calories .table_calorire .info_calorie p {
        width: 50%;
    }

    #single_recette .content_recette .calories .table_calorire .info_calorie span {
        width: 50%;
    }

    #single_recette .content_recette .calories .table_calorire {
        flex-direction: column;
        align-items: flex-start
    }

    #single_recette .content_recette .ingredients_mobile ul {
        padding: 0;
    }

    #single_recette .content_recette .preparation_mobile ol {
        padding-left: 24px;
    }

    #single_recette .content_recette .ingredients_mobile ul li {
        list-style-type: none;
        margin: 16px 0;
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }

    #single_recette .content_recette .preparation_mobile ol li {
        margin: 16px 0;
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
    }


    #single_recette .spaceFlex {
        display: none;
    }

    #single_recette .bottom_header {
        height: 355px;
    }

    #single_recette .recette {
        display: none !important;
    }

    .toggle_recette {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 40px 0 24px;
    }

    .toggle_recette .tab_recette {
        font-size: 20px;
        line-height: 26px;
        text-transform: none;
    }

    .tab_recette.active {
        color: #DA2B1F !important;
        padding-bottom: 6px;
        border-bottom: 1px solid #DA2B1F;
    }

    .mobile_recette .ingredients_mobile.active,
    .mobile_recette .preparation_mobile.active {
        display: block;
    }
}

@media screen and (max-width: 568px) {

    #nos_recettes .filter_recette .content_filter select {
        width: 80%;
    }

    #nos_recettes .header_nos_recette {
        height: 35vh;
    }

    #nos_recettes .filter_recette {
        padding-top: 8px;
        margin-bottom: -20%;
    }

    #nos_recettes .card_container .card_recette .card_bottom {
        height: 30vh;
    }

    #nos_recettes .card_container .card_recette .featured_image img {
        height: 40vw;
    }

    #nos_recettes .card_container .card_recette {
        height: 100vw;
    }

    #single_recette .btn_back_share {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 40px;
    }

    #single_recette .item_preparation {
        font-size: 15px;
        line-height: 21px;
        margin-right: 0px;
    }
}

.number_bg {
    background-size: cover;
    background-position: center center;
    background-color: transparent;
}

/* large screen */

@media screen and (min-width: 2881px) {
    #nos_recettes .filter_recette .content_filter select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='64' viewBox='0 -960 960 960' width='64'%3E%3Cpath d='M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z' fill='%23da291c'/%3E%3C/svg%3E");
    }
}

@media screen and (min-width: 1921px) {
    #single_recette .btn_back_share .btn_back svg {
        margin-right: 0.833vw;
        width: 0.625vw;
        height: 1.25vw;
    }

    #single_recette .btn_back_share .share-container .toggle-share svg {
        margin-right: 0.833vw;
        width: 1.25vw;
        height: 1.25vw;
    }
}

@media screen and (min-width: 769px) {
    .toggle_recette {
        display: none;
    }
}

/* Icons */
.svgIcon svg {width: 1em;height: 1em;fill: currentColor;max-width: none;display: inline-block;}

/* Job header */
.job-header {background-color: #DA2B1F;color: #fff;padding: calc(1em + 1.5vw) calc(0.5em + 5vw);}
.job-header--padding {padding: calc(1em + 1.5vw) calc(0.5em + 5vw) calc(5em + 1.5vw);}
a.job-header-back {color: #fff;text-decoration: none;font-size: 3em;}
a.job-header-back svg {transition: all 0.3s;}
.job-header p {font-size: 1.1em;}
.job-header h1 + p {margin-top: 1em;}

    /* Hover */
    a.job-header-back:hover svg {transform: translateX(-20%);color: #fff;}

/* Career listing */
.job-filters {background-color: #fceadb;padding: 6em 0 3em;}
.job-filters-cols {flex-direction: column-reverse;}
.job-filters h2 {text-transform: none;}
.job-filters .filters {margin-top: 4em;}
.job-filters--filter {margin-bottom: 1em;}
.job-filters .job-filters-cols p {font-size: 1.25em;margin-bottom: 1em;}
.job-filters .job-filters-cols p:last-child {margin-bottom: 0;}
.job-filters-cols .col-md-5 {margin-top: 3em;}

.job-listing {padding: 6em 0;}
.job-item {width: 100%;display: flex;padding: 2em 2em;border-bottom: 1px solid #e4e4e5;justify-content: space-between;left: 0 !important;}
.job-item:hover {text-decoration: none;background-color: #ededed;}
.job-item:first-child {border-top: 1px solid #e4e4e5;}
.job-item-details {}
.job-item-details > * {display: block;flex: 1 1 33%;color: #212529;}
.job-item-details .job-item-title {font-weight: bold;flex: 0 0 100%;color: #212529;}
.job-item-action {flex: 0 0 auto;font-size: 2.5em;color: #212529;align-self: center;}
.job-item-action svg {width: 1em;height: 1em;fill: currentColor;max-width: none;display: inline-block;}

@media screen and (max-width: 767px) {
    .job-filters .filters h3 {font-size: 2.625em;margin-bottom: 1em;}
    .job-item-details .job-item-title {font-size: 1.4em;}
}

@media screen and (min-width: 768px) {
    .job-filters-cols {flex-direction: row;}
    .job-filters--filter {margin-bottom: 0;}
    .job-filters-cols .col-md-5 {margin-top: 0;}

    .job-item {justify-content: normal;}
    .job-item-details {display: flex;flex: 1 1 80%;flex-wrap: wrap;}
    .job-item-action {align-self: auto;}
}

.single-jobs h2, .single-jobs h4 {text-transform: none;}

/* Single jobs */
.single-jobs ul {list-style-type: none;padding-left: 0;}
.single-jobs ul li {margin-bottom: 0.5em;}
body.single-jobs h2 {line-height: 1.2;}
body.single-jobs h3 {font-size: 1.5rem;}

.single-jobs .intro-text p,
.single-jobs .advantages li {
    font-size: 1.1em;
}

    @media (max-width: 1024px) {
        body.single-jobs h2 {
            font-size: 2.2rem;
        }
    }

    @media (max-width: 768px) {
        body.single-jobs h2 {
            font-size: 2.2rem;
        }
    }

/* Intro text */
.intro-text {padding: 7vw;}
.intro-text .row:nth-child(n+2) {margin-top: 4em;}
.intro-text h2, .intro_text h4 {text-transform: none;}

/* Advantages */
.advantages {padding: 7vw;background-color: #fceadb;}

/* Forms */
.apply-form {padding-top: 4em;margin-bottom: 100px;}
.form-wrapper form input[type="text"],
.form-wrapper form input[type="email"],
.form-wrapper form input[type="tel"],
.form-wrapper form textarea,
.form-wrapper form select {
    border: 1px solid #3a3a3c;
    padding: 1.5em;
}

.form-wrapper label.accept {
    font-size: inherit;
}

.form-wrapper .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.form-wrapper .wpcf7-acceptance input[type="checkbox"] {
    width: 1em;
    height: 1em;
}

.form-wrapper form select {
    padding: 0;
}

.form-wrapper form select, .form-wrapper form input[type="text"], .form-wrapper form input[type="email"], .form-wrapper form textarea, .form-wrapper form input[type="date"], .form-wrapper form [type="file"], body .form-wrapper form input[type="tel"] {
    height: auto;
}

.job-filters--filter .form-control {
    border: 1px solid #3a3a3c;
    border-radius: 0;
}

.form-wrapper form .form-group--submit {
    text-align: center;
}

.form-wrapper label {
    font-size: inherit;
}

/*
TODOMOD
CHECKBOX & RADIO
Custom style, compatible avec WPCF7.
Dans le plugin :
- Cocher la case "Entourer chaque element avec un libelle."
- Ajouter .formCF7Checkbox pour un checkbox
- Ajouter .formCF7Radio pour un radio. */
.formCF7Checkbox, 
.formCF7Radio {display: block;line-height: 1.2;}

	/* Wrapper (WPCF = .wpcf7-list-item) */
	.formCF7Checkbox > *,
	.formCF7Radio > * {display: inline-block;margin: 0 2em 0 0;}
	.formCF7Checkbox > *:last-child,
	.formCF7Radio > *:last-child {margin-right:0; }

		.formCF7Checkbox--list .wpcf7-list-item {display: block;margin-left: 0 !important;}
		.formCF7Checkbox--list .wpcf7-list-item + .wpcf7-list-item {margin-top: 0.5em;}

	/* Label wraps the input and text content */
	.formCF7Checkbox label,
	.formCF7Radio label {display: block; }

	/* Hide the default radio / checkbox, because we want to custom style it. */
	.formCF7Checkbox input,
	.formCF7Radio input {position: absolute;opacity: 0;visibility: hidden;}

	/* Label styles */
	.formCF7Checkbox label > span,
	.formCF7Radio label > span {color: #3a3a3c;cursor: pointer;display: block;/* padding-top: 0.11em; */padding-bottom: 0.11em;padding-left: 2.1em;position: relative;font-size: inherit;/*font-weight: 700;*/}

	/* Les styles custom sont ici */
	.formCF7Checkbox input + span::before,
	.formCF7Radio input + span::before {position: absolute; display: block; content: ''; left: 0; top: 0; width: 1.35em; height: 1.35em; background: transparent; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #3a3a3c; cursor: pointer; transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);}

		/* Active + focus */
		.formCF7Checkbox input:active + span::before,
		.formCF7Radio input:active + span::before { }

		/* Checked */
		.formCF7Checkbox input:checked + span::before,
		.formCF7Radio input:checked + span::before {background-color: #DA2B1F; box-shadow: inset 0 0 0 0.22em #fff;}

		/* Focus: seulement si user utilise keyboard. */
		[data-whatintent='keyboard'] .formCF7Checkbox input:focus + span::before,
		[data-whatintent='keyboard'] .formCF7Radio input:focus + span::before {outline:2px solid #DA2B1F;}

		/* Disabled */
		.formCF7Checkbox input:disabled + span,
		.formCF7Radio input:disabled + span {cursor: default;}
		.formCF7Checkbox input:disabled + span::before,
		.formCF7Radio input:disabled + span::before {background-color: #e8e8e8;opacity: 0.5;cursor: auto;}

	/* Radio mods */
	.formCF7Radio input + span::before {border-radius: 50%; }

    @media screen and (min-width: 768px) {
        .form-wrapper form .form-group--submit {
            text-align: right;
        }
    }

/* .form-wrapper input[type="file"].wpcf7-not-valid + .wpcf7-not-valid-tip {
    display: none;
} */

.formInputFile {width: 100%;max-width: 100%;overflow: hidden; padding-bottom: 1px;}
.formInputFile__input {width: 0.1px; height: 0.1px; opacity: 0; visibility:hidden; overflow: hidden; position: absolute; z-index: -1;padding: 0; }

.formInputFileBtn {-webkit-appearance: none;-moz-appearance: none;appearance: none;position:relative;border: 1px solid #3a3a3c;background: transparent;cursor: pointer;display: inline-block;font-size: 1em;line-height: 1.2;color: var(--color-base);padding: 1em 1.6em;text-decoration: none;box-sizing: border-box;text-align: left;max-width: 100%; border-radius: none;transition: color 0.3s, background-color 0.3s;}
.formInputFileBtn * {pointer-events: none;}
.formInputFileBtn__label {color: #3a3a3c;display: block;position: relative;z-index: 2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	/* Hover */
	.formInputFileBtn:hover:not(:disabled) {color:var(--color-base-on-dark); background-color: var(--color-base); }

	/* Disabled */
	.formInputFileBtn:disabled {opacity: 0.5; cursor: not-allowed; pointer-events: none;}

	/* On dark */
	.onDark .formInputFileBtn {color:var(--color-green);border-color:var(--color-green);}

		/* Hover */
		.onDark .formInputFileBtn:hover:not(:disabled) {color:var(--color-base); background-color: var(--color-green); }

/* Select2 */
.select2 .select2-selection {height: 3em;background-color: transparent;border-radius: 0;}
.select2 .select2-selection__rendered {background-color: transparent;margin-top: 0.6em;}
.select2-container--default .select2-selection--single {border-color: #212529;}
.select2-container--default .select2-selection--single .select2-selection__arrow {margin-top: 0.6em;height: 26px;right: 1em;width: 26px;top: 50%;margin-top: 0;transform: translateY(-50%);}
.select2-container--default .select2-selection--single .select2-selection__arrow b {width: 100%;height: 100%;top: 0;border: none;background-image: url(../images/icon-arrow-dropdown-on-dark.svg);}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #DA2B1F;}

    .form-wrapper-candidature .select2 .select2-selection {height: 4em;}
    .form-wrapper-candidature .select2-container--default .select2-selection--single .select2-selection__rendered {margin: 0;position: absolute;top: 50%;transform: translateY(-50%);}

/*
Nav bar
*/
header nav.navbar > a {
    margin-top: -0.3em;
}

.custom-container-fluid {
    background-color: #FBEADC;
}

@media screen and (max-width: 992px) {
    .navbar-nav-lang li,
    .custom-navbar-nav-lang li {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 992px) {
    nav .navbar-collapse {
        justify-content: unset;
    }

    .custom-nav-main {
        flex: 1 0 auto;
        display: flex;
    }

    nav .navbar-nav .sub-menu  {
        background-color: #006443;
    }

    .custom-nav-main ul {
        background-color: #FBEADC;
        margin-left: auto;
    }

    .collapse.navbar-collapse .custom-nav-logo {
        flex: 0 0 20%;
        text-align: center;
    }

    .collapse.navbar-collapse .languages{
        flex: 0 0 auto;
        text-align: right;
        display: flex;
    }

    .collapse.navbar-collapse .custom-nav-logo img {
        width: 300px !important;
        max-width: 100%;
        margin-top: -0.6em;
    }

    .custom-navbar-nav-lang-switch li a {
        margin-right: 0 !important;
    }
}

.custom-gap {
    display: flex;
    width: 100%;
    gap: clamp(16px, 5vw, 8vw);
    flex-wrap: wrap;
}

.custom-gap > * {
  min-width: 0;
}

@media (min-width: 992px) {
    .custom-gap {
        flex-wrap: nowrap;
    }

    .custom-gap > * {
        flex: 1;
    }
}

@media (max-width: 991.98px) {
    .custom-gap > * {
        flex: 0 0 calc(50% - (clamp(16px, 5vw, 8vw) / 2));
    }
}

@media (max-width: 767.98px) {
    .custom-gap > * {
        flex: 0 0 100%;
        text-align: center;
    }
}

.footer-alex-belanger {
    text-decoration: underline;
}