@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "oceanwideRegular";
    src: url(../fonts/OceanwideStd-Regular.otf);
}

@font-face {
    font-family: "oceanwideSemiBold";
    src: url(../fonts/Oceanwide-Semibold.otf);
}

@font-face {
    font-family: "oceanwideBold";
    src: url(../fonts/OceanwideStd-Bold.otf);
}

@font-face {
    font-family: "oceanwideLiguth";
    src: url(../fonts/OceanwideStd-Light.otf);
}

.page-confidentialite a {
    color: #ffffff !important;
}

.page-confidentialite .titre {
    margin-bottom: 50px !important;
}

.page-confidentialite .paragraphe {
    color: #ffffff;
    margin-top: 100px;
}

.page-confidentialite-global header {
    background-color: #00263e;
}

.grecaptcha-badge{
    display: none;
}

.icn-mail-p{
    height: auto!important;
}

.sous-titre-accueil{
    color: white;
    font-size: 32px;
    position: relative;
    text-transform: none!important;
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'oceanwideRegular', sans-serif;
    text-align: center;
    font-weight: normal;
}

.section .options{
    margin-top: calc(50px + 0.6em);
    width: 100%;
    text-align: center;
}

.options .btn{
    /* margin-top: calc(50px + 0.6em); */
    position: relative;
    border-radius: 12px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Montserrat', Medium;
    display: inline-block;
    padding: 15px 42px;
    background-color: #00263E;
    border: solid 1px transparent;
    transition: all 0.4s ease;
}

.options .btn:hover{
    color: #00263E;
    background-color: #fff;
    border-color: #00263E;
    transition: all 0.4s ease;
}


.options .btn.alt{
    color: #00263E;
    background-color: #ffffff;
    border-color: #ffffff;
}

.options .btn.alt:hover{
    font-weight: bold;
    color: #00263E;
    background-color: #ffffff;
    border-color: #ffffff;
}

.service-lst{
    width: 100%;
    display: grid;
    gap: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    grid-template-columns: repeat(5, calc(20% - 15px));
    min-height: 350px;
    margin-top: calc(50px + 0.6em);
}

.business-lst{
    width: 100%;
    display: grid;
    gap: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    grid-template-columns: repeat(4, calc(25% - 15px));
    min-height: 350px;
    margin-top: calc(50px + 0.6em);
}


.home-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

.home-section#business_cases{
    background-color: #0F273A;
}

.home-section#business_cases h2.titre{
    color: white;
}

.service-lst .service{
    /* flex: 0 0 calc(25% - 15px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    box-sizing: border-box; */
    display: flex;
    color: white;
    background-color: #00263E;
    border-radius: 10px;
    box-sizing: border-box;
}
.business-lst .service{
    display: flex;
    background-color: white;
    color: #00263E;
    border-radius: 10px;
    box-sizing: border-box;
}

.service-layout{
    padding: 35px 20px;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
    max-width: 100%;
    transition-duration: inherit;
    box-sizing: border-box;
    border-radius: 10px;
}

.service-img-container{
    box-sizing: border-box;
    width: 145px;
    min-height: 145px;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-shrink: 0;
}

.img-container-layout{
    position: relative;
    flex: 1;
    max-width: 100%;
    transition-duration: inherit;
    box-sizing: border-box;
    pointer-events: initial;
}

.img-shape{
    width: 118px;
    height: 118px;
    margin: 0 -1px 0 auto;
    /* opacity: 0.85; */
    position: relative;
    color: #111111;
    background-color: #DAAA00;
    border-radius: 50%;
}

.img-placer{
    height: 96px;
    width: 96px;
    background-image: none;
    margin: -69px auto 0 0;
    padding: 0;
    position: relative;
    display: block;
    line-height: 0;
    border-width: 0px;
    color: #34365a !important;
}

.img-placer img{
    object-fit: contain;
    filter: invert(1);
    width: 100%;
    height: 100%;
    border-style: none;
    box-sizing: border-box;
}

.home-section#business_cases .img-placer img{
    filter: invert(0);
}

.service-title{
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 30px 0 0;
    padding: 0;
    word-wrap: break-word;
    position: relative;
    text-align: center;
    flex-shrink: 0;
}

.service-description{
    font-size: 0.888889rem;
    margin: 12px 0 0;
    color: #b9b9b9 !important;
    word-wrap: break-word;
    position: relative;
    text-align: center;
    flex-shrink: 0;
    padding: 0;
    box-sizing: border-box;
}

.how-help{
    width: 100%;
    box-sizing: border-box;
}

.how-help .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 100%;
    max-width: 100%;
}

.help-content{
    min-height: 326px;
    flex: 0 0 16.5%;
    max-width: 16.5%;
    min-width: 200px;
    position: relative;
    display: flex;
    background-clip: padding-box;
    background-origin: padding-box;
}

.help-content:before, .help-arrow:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.help-arrow{
    min-height: 326px;
    flex: 0 0 11%;
    max-width: 11%;
    min-width: 100px;
    position: relative;
    display: flex;
    background-clip: padding-box;
    background-origin: padding-box;
}

.arrow {
    padding: 30px 10px;
    justify-content: /* flex-start */center;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
    max-width: 100%;
}

.arrow-content {
    height: 48px;
    width: 48px;
    margin: 0 auto;
    border-radius: 50%;
    display: block;
    line-height: 0;
    border-width: 0px;
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
}

.arrow-content img{
    fill: #ffffff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(180deg);
    filter: invert(1);
}

.container-layout{
    padding: 30px 10px;
    justify-content: /* flex-start */center;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
    max-width: 100%;
}

.container-layout h5{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px 0 0;
    padding: 0;
    word-wrap: break-word;
    position: relative;
    text-align: center;
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1.2;
}

.container-details{
    margin: 20px 0 0;
    word-wrap: break-word;
    position: relative;
    text-align: center;
    flex-shrink: 0;
}

/**
* CSS GLOBAL
**/
html, body {
    font-size: 16px;
    font-weight: 600;
    background-color: #fff /*#00263e*/;
    color: #0f273a;
    min-height: 100vh;
    font-family: 'Montserrat', sans-serif;
}

select, input, textarea, button:not(.bouton-lien), .texte, p, a, img {
    font-size: 1rem;
    line-height: 1rem;
}

.produit-resultat-details p {
    font-size: 1rem;
    line-height: 22px;
}

p:not(:last-child), ul:not(:last-child), ol:not(:last-child), img:not(:last-child), ul:not(.offre-liste) {
    margin-bottom: 0.6em;
}

html, select, input, textarea, button {
    outline: none;
}

select, input, textarea {
    border-radius: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

iframe, img {
    border: 0;
}

label {
    cursor: pointer;
}

button, a, .bouton {
    cursor: pointer;
    text-decoration: none;
    transition: color 0.4s ease;
    transition: background-color 0.4s ease;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.2em;
}

h1 {
    font-size: 2.815em;
}

h2 {
    font-size: 3.052em;
}

h3 {
    font-size: 2.441em;
}

h4 {
    font-size: 1.953em;
}

h5 {
    font-size: 1.563em;
}

h6 {
    font-size: 1.25em;
}

h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), h5:not(.offre-titre-section) {
    margin-bottom: 0.6em;
}

.aucun-resultat {
    font-size: 38px;
    color: black;
    text-align: center;
    padding: 40px;
    text-transform: uppercase;
    width: calc(100% - 20px);
    margin: 0px 10px;
    box-sizing: border-box;
    border: 2px solid black;
}

.alert {
    width: calc(90% - 45px);
    margin: auto;
    border-left: #DAAA00 solid 8px;
    padding: 20px;
    background-color: #00263E;
    color: #DAAA00;
    margin-bottom: 35px;
    margin-top: 35px;
}

.d-full {
    width: calc(100% - 40px);
}

.d1-2 {
    width: calc(50% - 20px);
}

.d1-3 {
    width: calc(33% - 20px);
}

.d1-4 {
    width: calc(25% - 20px);
}

.d2-3 {
    width: calc(66% - 20px);
}

.d3-4 {
    width: calc(75% - 20px);
}

.d1-5 {
    width: calc(20% - 20px);
}

.d2-5 {
    width: calc(40% - 20px);
}

.d3-5 {
    width: calc(60% - 20px);
}

.d4-5 {
    width: calc(80% - 20px);
}

.d1-6 {
    width: calc(100% / 6 - 20px);
}

.d5-6 {
    width: calc(100% / 6 * 5 - 20px);
}

.m-auto {
    margin: auto;
}

.section:not(.createurs-changements) {
    margin: 0;
    position: relative;
    background-size: cover;
    background-position: center;
}

.section.page-accueil-section{
    margin: 0;
    position: relative;
    background-size: cover;
    background-position: center;
}

.section .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.section .wrap .paragraphe0,
.section .wrap .paragraphe1 {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.section .wrap .paragraphe2 {
    width: calc(50% - 10px);
    box-sizing: border-box;
    padding: 10px;
}

.section .wrap .paragraphe3 {
    width: calc(33.3% - 10px);
    box-sizing: border-box;
    padding: 10px;
}

.section .wrap .paragraphe4 {
    width: calc(25% - 10px);
    box-sizing: border-box;
    padding: 10px;
}

.section .wrap .paragraphe5 {
    width: calc(20% - 10px);
    box-sizing: border-box;
    padding: 10px;
}

.padding_1 {
    padding: 0px 0px;
}

.padding_2 {
    padding: 20px 0px;
}

.padding_3 {
    padding: 40px 0px;
}

.padding_4 {
    padding: 80px 0px;
}

.margin_1 {
    margin: 0px auto;
}

.margin_2 {
    margin: 20px auto;
}

.margin_3 {
    margin: 40px auto;
}

.margin_4 {
    margin: 80px auto;
}

.d1-2, .d1-3, .d1-4, .d2-3, .d3-4, .d1-5, .d2-5, .d3-5, .d4-5, .d1-6, .d5-6,
.t1-2, .t1-3, .t1-4, .t2-3, .t3-4, .t1-5, .t2-5, .t3-5, .t4-5, .t1-6, .t5-6,
.m1-2, .m1-3, .m1-4, .m2-3, .m3-4, .m1-5, .m2-5, .m3-5, .m4-5, .m1-6, .m5-6 {
    box-sizing: border-box;
}

.section .wrap.v-start {
    align-items: flex-start;
}

.section .wrap.v-end {
    align-items: flex-end;
}

.section .wrap.v-stretch {
    align-items: stretch;
}

.section .wrap.v-center {
    align-items: center;
}

.section .wrap.h-start {
    justify-content: flex-start;
}

.section .wrap.h-end {
    justify-content: flex-end;
}

.section .wrap.h-space-between {
    justify-content: space-between;
}

.section .wrap.h-center {
    justify-content: center;
}

.droite {
    float: right;
    margin-left: 12px;
    margin-bottom: 10px;
    line-height: 0;
}

.petit {
    width: 140px;
}

.moyen {
    width: 320px;
}

.grand {
    width: 100%;
}

/**
* CSS NAVIGATION
**/
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    font-family: 'oceanwideRegular';
}

header .header-menu {
    display: none;
    width: 35px;
    height: 29px;
    background: url(../images/menu.png);
    margin-left: 10px;
    cursor: pointer;
}

header.menu-bleu .header-menu {
    background: url(../images/menu-bleu.png);
}

/* header .header-menu:hover {
    background: url(../images/menu-jaune.png);
} */

header .conteneur {
    display: flex;
    align-items: center;
    padding-top: 42px;
    padding-bottom: 40px;
    justify-content: space-between;
    position: relative;
    transition: padding 0.4s ease;
}

header.scroll .conteneur{ padding: 12px 0 12px; }
header.menu-bleu {
    background-color: #fff;
}

header.menu-bleu .conteneur a.lienMenuEnTete {
    color: #00263E;
}

header .feuille-menu-a, header .feuille-menu-b {
    position: absolute;
    content: "";
    background: url(../images/trace37.svg);
    background-repeat: no-repeat;
    background-position: -40% 37%;
    right: calc(max(0px,(100vw - 1400px) / 2 - 100px));
    top: 0;
    width: 65%;
    max-width: 1000px;
    height: 100%;
    z-index: -1;
}

header .feuille-menu-b {
    right: calc(max(-200px,(100vw - 1400px) / 2 - 300px));
}
header .feuille-menu-a:before, header .feuille-menu-b:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #00263e;
    opacity: 0.1;
    left: 100%;
    top: 0px;
    width: calc(max(0px,(100vw - 1400px) / 2 - 100px));
    height: 100%;
}

header .feuille-menu-b:before {
    width: calc(max(-200px,(100vw - 1400px) / 2 - 300px));
}

header a.lienMenuEnTete {
    color: #fff;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: solid 6px transparent;
    padding-bottom: 11px; /* font-weight: bold; */
    font-weight: normal;
    font-size: 18px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header a.lienMenuEnTete:hover {
    border-color: #daaa00;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header a.lienMenuEnTete.actif {
    border-color: #daaa00;
}

header.scroll a.lienMenuEnTete.actif {
    border-color: #daaa00;
    padding-bottom: 11px;
    transition: 0.4s;
}

header .logo {
    margin-right: 52px;
}

header .titre-site {
    color: #ffffff; /* margin-right: 75px; */
    transform: translateY(-20%);
}

header .titre-site a {
    display: block;
}

header .titre-site img {
    height: 30px;
    width: auto; /* padding-bottom: 17px; */
}

#menu_side.actif {
    left: 0;
}

#menu_side {
    position: fixed;
    left: -100%;
    top: 115px;
    bottom: 0;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: var(--main-bgcolor);
    padding: 28px 60px 0 0;
    z-index: 1002;
    overflow-y: auto;
}

#menu_side .menu {
    display: flex;
    flex-direction: column;
}

#menu_side .menu a {
    display: block;
    padding: 12px 70px;
    font-size: 21px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 0;
    line-height: 40px;
    color: #ffffff;
}

#menu_side .menu a:hover {
    color: #daaa00; /* color: #0f273a; background-color: #f6d62b; */
}

#menu_side > div {
    display: flex;
}

#menu_side .menu-side-droite {
    padding-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-contact > a {
    background-size: contain;
    height: 31px;
    background-repeat: no-repeat;
    width: 31px;
    background-position: center;
    margin: 10px 0;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#menu_side.actif + #menu_side_overlay {
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1001;
}

#menu_side_overlay {
    position: fixed;
    top: 0;
    bottom: 0;
}

#menu_side .socials a {
    opacity: 1;
    width: 32px;
    height: 32px;
    margin: 18px 0;
}

.socials > a {
    background-size: contain;
    height: 43px;
    background-repeat: no-repeat;
    width: 43px;
    background-position: center;
    margin: 10px 0 10px auto;
    cursor: pointer;
    display: block;
    filter: grayscale(100%);
    opacity: 0.42;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.menu-contact .btn-telephone {
    background-image: url(../images/telephone-blanc.png);
}

.menu-contact .btn-localisation {
    background-image: url(../images/lieu.svg);
}

.menu-contact .btn-localisation:hover {
    fill: #f6d62b !important;
}

.menu-contact .btn-courriel {
    background-image: url(../images/courriel-blanc.png);
}

#menu_side .socials .btn-facebook {
    background-image: url(../images/facebook_w.svg);
}

#menu_side .socials .btn-linkedin {
    background-image: url(../images/linkedin-equipe.svg);
}

#menu_side .socials .btn-youtube {
    background-image: url(../images/youtube_w.svg);
}

#menu_side .socials .btn-instagram {
    background-image: url(../images/instagram_w.svg);
}

/**
* CSS MISE EN PAGE GENERALE
**/
.wrap-global {
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.wrap {
    max-width: 1400px;
    padding: 0 20px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.fond-blanc {
    background-color: #ffffff;
}

/* BOUTON */
a.bouton-lien, .bouton-lien {
    display: inline-block;
    font-size: 16px;
    background-color: #00263E;
    color: #ffffff;
    padding: 14px 18px;
    font-weight: normal;
    width: fit-content;
    margin: auto;
    border: solid 1px transparent;
    border-radius: 5px;
    transition: all 0.4s ease;
}

a.bouton-lien:hover, .bouton-lien:hover {
    background-color: #ffffff;
    color: #0f273a;
    border: solid 1px #0f273a;
    box-sizing: border-box;
    transition: all 0.4s ease;
}

/* PARTIE CSS AJOUTEE */
.blog-billet-question a.bouton-retour {
    background-color: #f6d62b;
    transition: color 0.4s ease;
    transition: background-color 0.4s ease;
}

.blog-billet-question a.bouton-retour button.bouton-lien {
    margin: 14px 0;
    background-color: initial;
}

.blog-billet-question a.bouton-retour:hover {
    background-color: #0f273a;
}

.blog-billet-question a.bouton-retour:hover button.bouton-lien {
    color: #f6d62b;
}

.section {
    display: block;
    overflow-x: hidden;
}

.contenu {
    overflow-y: hidden;
}

.contenu > .section {
    position: relative;
    background-size: cover;
    background-position: center;
}

.section .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 200;
    position: relative;
}

/**
* CSS DU BLOG
**/
.billet-blog {
    padding-top: 146px; /*width: 589px;*/
    margin: auto;
}

.blog-affichage {
    padding-top: 146px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-affichage h1 {
    text-transform: uppercase;
    margin-bottom: 80px;
}

.billet-blog-titre {
    margin: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 4px;
}

.billet-blog-date {
    font-size: 11px;
}

.billet-blog-contenu {
    margin-top: 103px;
}

.billet-blog-contenu p {
    line-height: 17px;
}

.billet-blog-post-contenu {
    margin-top: 77px;
    margin-bottom: 190px;
    text-align: center;
}

.blog-autres-en-tete {
    display: flex;
    margin-left: 36px;
    height: 31px;
    align-items: center;
}

.blog-autres-titre {
    text-transform: uppercase;
    font-size: 31px;
    margin-bottom: 0 !important;
}

.bouton-precedent-carousel, .bouton-centre-carousel, .bouton-suivant-carousel {
    color: #6cc4c8;
}

.bouton-precedent-carousel {
    margin-left: 30px;
    cursor: pointer;
}

.bouton-suivant-carousel {
    cursor: pointer;
}

.bouton-centre-carousel {
    margin-left: 17px;
    margin-right: 17px;
}

.slick-arrow {
    display: initial !important;
}

.blog-autres-carousel {
    margin-top: 34px;
}

.blog-autres-carousel-item {
    width: 358px;
    text-align: center; /*margin-left: 8px; margin-right: 8px;*/
}

.slick-slide {
    margin-left: 8px;
    margin-right: 8px;
}

.blog-item-contenur-image {
    display: flex;
    align-items: center;
    margin: auto;
}

.blog-item-image {
    width: 100%;
    height: auto;
    margin: auto;
}

h4.blog-item-titre {
    margin-bottom: 0 !important;
    font-size: 14px;
    margin-top: 30px;
    height: 42px;
}

.blog-item-date, .blog-item-resume {
    font-size: 12px;
}

.blog-item-resume {
    margin-top: 19px;
    margin-bottom: 24px;
    height: 100px;
    line-height: 16px;
}

/* Partie commentaire */
.blog-billet-question {
    width: 100%;
    margin-bottom: 100px;
}

.formulaire-contact-blog {
    width: 90%;
    height: 450px;
    margin: auto;
    box-sizing: border-box;
    padding: 20px 55px;
    box-shadow: 0 0 45px 14px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.formulaire-contact-blog textarea, .formulaire-contact-blog input {
    margin: 13px 0;
    line-height: 24px;
}

.formulaire-contact-blog textarea {
    height: 200px;
    box-sizing: border-box;
    resize: none;
}

.pied-formulaire-blog {
    display: flex;
    justify-content: space-between;
}

.bouton-conteneur-blog {
    display: flex;
    justify-content: flex-end;
}

.bouton-conteneur-blog > .bouton-lien {
    margin: initial;
}

/**
* CSS BLOG LISTE DES BILLETS
**/
.blog-liste-billets {
    padding-top: 74px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    text-align: center;
    gap: 1rem;
    padding: 1rem, 80px;
}

.page-blog .fin-page-revenir {
    justify-content: space-evenly;
}

.page-blog .fin-page-revenir .bouton-lien {
    margin: initial;
}

section.blog-liste-billets p:last-child {
    grid-column-end: 1;
}

.blog-liste-billets .blog-autres-carousel-item {
    margin: auto;
}

.blog-affichage .blog-autres-carousel-item {
    margin-bottom: 15px;
}

.blog-liste-billets .blog-autres-carousel-item .blog-item-contenur-image {
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
}

/**
* SECTION N'AFFICHANT QUE DES BANANES
**/
.barre-bananes {
    width: 100%;
    height: 161px;
    background-color: #6cc4c8;
    background-image: url(../images/motif_banane.png);
    background-position: top -907px left -10px;
}

.barre-bananes-equipe {
    width: 100%;
    height: 364px;
    background: url(../images/motif_banane.png);
    background-position: top -907px left -10px;
}

.fond-bleu {
    background-color: #00263E;
}

.fin-page-revenir {
    padding-top: 80px;
    padding-bottom: 103px;
    display: flex;
    align-items: center;
    width: 100%;
}

.page-produits .liste-images {
    display: flex;
    justify-content: center;
}

.page-produits .produit-resultat-details {
    color: #fff;
    text-align: center;
    margin-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

/**
* STYLE FOOTER
**/
footer {
    font-family: 'Montserrat', sans-serif;
}

footer > .wrap {
    display: flex;
    justify-content: space-between;
    column-gap: 190px;
}

footer > .wrap .pied-contact {
    padding-top: 73px;
}

footer > .wrap .pied-contact, footer > .wrap .pied-informations {
    width: 48%;
}

.contact-fomulaire-zone-textarea {
    margin-top: 36px;
}

footer .icone-pied {
    margin-right: 25px;
    height: 16px;
    width: 16px;
}

.accueil-contact .wrap {
    text-transform: uppercase;
    text-align: center;
    padding: 59px 0 130px;
}

.accueil-contact .formulaire-contact {
    max-width: 850px;
    margin: 50px auto 0;
    box-sizing: border-box;
    padding: 20px 55px;
    background: #fff;
    box-shadow: 0 0 45px 14px rgba(0, 0, 0, 0.3);
}

footer > .wrap .pied-contact .conteneur > div.contact-formulaire {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer > .wrap .pied-contact .conteneur > div.contact-formulaire > div {
    flex: 0 0 45%;
}

.bouton-conteneur {
    text-align: right
}

footer > .wrap .pied-contact .formulaire-contact textarea, footer > .wrap .pied-contact .formulaire-contact input {
    margin: 13px 0;
    line-height: 24px;
    color: #fff;
    background-color: initial;
    border: 0;
    border-bottom: solid 1px #A9C1B4;
}

footer > .wrap .pied-contact .formulaire-contact textarea {
    height: 176px;
    resize: none;
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #A9C1B4;
}

.bouton {
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    border: 0;
    border-radius: 0;
    background: #0f273a;
    color: #fff;
}

.bouton.jaune { /* background: #f6d62b; color: #0f273a; */
    background-color: #000000;
    border-radius: 5px;
    border: solid 1px transparent;
    transition: all 0.4s ease;
}

footer > .wrap .pied-contact .formulaire-contact .contact-label-textearea {
    margin-bottom: 11px;
}

footer > .wrap .pied-contact .formulaire-contact input {
    padding-left: 0;
}

footer > .wrap .pied-contact .formulaire-contact input::placeholder, footer > .wrap .pied-contact .formulaire-contact .contact-label-textearea {
    color: #fff;
    font-weight: normal;
    font-family: 'Montserrat';
    font-size: 16px;
}

.bouton.jaune:hover {
    background: #ffffff;
    color: #000000;
    border-color: #000000;
    transition: all 0.4s ease;
}

.formulaire-contact button {
    padding: 16px 68px 16px 34px;
    position: relative;
}

footer {
    padding-bottom: 72px;
}

footer > .wrap .pied-contact .formulaire-contact button:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    /* background-color: red; */
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: rotate(45deg);
    top: 21px;
    transition: all 0.4s ease;
}

footer > .wrap .pied-contact .formulaire-contact button:hover:after {
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    transition: all 0.4s ease;
}

footer > .wrap .pied-contact .formulaire-contact button:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
    top: 24px;
    transition: all 0.4s ease;
}

footer > .wrap .pied-contact .formulaire-contact button:hover:before {
    background-color: #000000;
    transition: all 0.4s ease;
}

.pied-informations {
    color: #ffffff; /* background-color: #0f273a; height: 156px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* align-items: center; font-weight: bold; */
}

.pied-informations-entreprise {
    margin-top: 30px;
    align-self: flex-end;
    font-weight: 400;
}

.pied-informations-contact {
    margin-top: 92px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pied-informations-contact a {
    line-height: 50px;
    font-weight: 400;
}

/* .pied-informations-contact > a:nth-child(2){ margin-left: 25px; margin-right: 25px; } */

/***************************** Formulaires **************************/
.formulaire-auto-conteneur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
}

.formulaire-auto-largeur1 {
    width: 100%;
}

.formulaire-auto-largeur2 {
    width: calc(50% - 10px);
}

.formulaire-auto-largeur3 {
    width: calc(33% - 10px);
}

.formulaire-auto-largeur4 {
    width: calc(25% - 10px);
}

.formulaire-auto-largeur5 {
    width: calc(20% - 10px);
}

.formulaire-auto-conteneur table td:not(:first-child) {
    text-align: center
}

.formulaire-auto-conteneur table, .formulaire-auto-conteneur select, .formulaire-auto-conteneur textarea, .formulaire-auto-conteneur input[type=email], .formulaire-auto-conteneur input[type=number], .formulaire-auto-conteneur input[type=text] {
    width: 100%;
}

.formulaire-auto-conteneur input[type=radio] + .formulaire-auto-etoile path {
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.formulaire-auto-conteneur input[type=radio] + .formulaire-auto-etoile.checked path:first-child {
    fill: orangered;
}

select, input, textarea {
    border-radius: 0;
    box-sizing: border-box;
    border: 2px solid #0f273a;
    border-top-style: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px 6px 10px;
    width: 100%;
}

/**
* PARTIE ACCUEIL
*/

.texte {
    font-family: 'Montserrat', sans-serif;
}

.std-container {
    display: flex;
    justify-content: center;
}

.std-container .texte {
    font-size: 24px;
    width: 564px;
    line-height: 31px;
    text-align: center;
    max-width: 100%;
    margin: auto;
    letter-spacing: 1px;
}

.page-accueil-presentation .wrap {
    background: url(../images/entete.png) #6cc4c8 center top 65px no-repeat;
    background-attachment: fixed;
}

.page-accueil-presentation .conteneur {
    display: flex;
    flex-direction: column;
    min-height: 700px;
    align-items: center;
    justify-content: center;
}

.page-accueil-presentation .logo {
    margin-top: 16px;
    left: 50%;
    transform: translateX(-50%);
}

.page-accueil-presentation .bouton-conteneur {
    position: fixed;
    padding-top: 230px;
}

.page-accueil-presentation .bouton {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    padding: 15px 70px 10px;
    -webkit-touch-callout: unset;
    -webkit-user-select: unset;
    -moz-user-select: unset;
    -ms-user-select: unset;
    user-select: unset;
}

.page-accueil-presentation .banana {
    background: url(../images/Enos_Pager_Logobanane.svg) center no-repeat;
    display: inline-block;
    position: absolute;
    width: 130px;
    height: 150px;
}

.page-accueil-presentation .banana-gauche {
    left: calc(50% - 1280px / 2 - 64px);
    top: 137px;
}

.page-accueil-presentation .banana-droite {
    right: calc(50% - 1280px / 2 - 74px);
    top: 375px;
}

.page-accueil-presentation .banana-bas {
    left: calc(50% - 1280px / 2 + 183px);
    z-index: 201;
    top: 642px;
}

.page-accueil-bienvenue .wrap {
    color: #fff;
    text-align: center;
    background: #0f273b;
    position: relative;
}

.page-accueil-bienvenue.paragraphe, .page-accueil-bienvenue .conteneur {
    padding: 98px 0 72px;
    text-transform: uppercase;
    width: 100%;
}

.page-accueil-bienvenue.paragraphe .texte p:not(:first-child) {
    text-transform: none;
    font-size: 22px;
}

.page-accueil-bienvenue .titre {
    font-size: 36px;
    margin-bottom: 52px;
}

.page-accueil-bienvenue .colones {
    display: flex;
    justify-content: center;
}

.page-accueil-bienvenue .texte {
    line-height: 31px;
    width: 564px;
    margin: 0px;
}

.page-accueil-bienvenue .texte p:first-child {
    font-weight: bold;
}

.page-accueil-bienvenue .texte p {
    font-size: 24px;
    margin-top: 6px;
    margin-bottom: 30px;
    line-height: 31px;
}

.page-accueil-bienvenue .allume {
    width: 280px;
    margin-left: 60px;
}

.page-accueil-bienvenue .allume-texte {
    font-size: 28px;
    font-weight: bold;
    margin-top: 32px;
}

.etoile {
    background: #0f273b;
}

.titre {
    font-size: 40px;
    position: relative;
    font-family: "oceanwideBold";
}

.titre:before {
    position: absolute;
    content: "";
    background-color: #DAAA00;
    height: 6px;
    width: 145px;
    bottom: -12px;
    left: -80px;
}

.sous-titre {
    font-size: 24px;
    font-weight: normal;
    margin-top: 7px;
}

.titre, .sous-titre {
    text-transform: uppercase;
}

.image-container {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.image-container a {
    color: white;
    font-size: 24px;
}

.image-container img {
    width: 60%;
}

.image-container .image-texte {
    margin-top: 32px;
    line-height: 1.2em;
}

.txt-center {
    text-align: center;
}

.txt-right {
    text-align: right;
}

.txt-left {
    text-align: left;
}

.gauche {
    margin-right: 60px;
}

.droite {
    margin-left: 60px;
    order: 1;
}

.txt-white, .txt-blanc {
    color: #fff;
}

.texte p {
    margin-top: 6px;
    margin-bottom: 30px;
}

.petit {
    width: 280px;
}

.page-accueil-produits {
    display: flex;
    position: relative;
    z-index: 5;
    height: 865px;
    background: #00263e 0% 0% no-repeat;
    border-radius: 0px 0px 731px 0px;
    align-items: center;
}

.page-accueil-produits .wrap {
    padding: 120px 20px 180px 20px;
}

/* .page-accueil-produits .wrap{ padding: 49px 0 12px; } */
.page-accueil-produits .wrap .description-produits {
    display: flex;
    justify-content: space-between;
}

/* .page-accueil-produits .wrap .description-produits{ display: flex; flex: 0 0 45%; flex-wrap: nowrap ;justify-content: space-between; } */
.page-accueil-produits .wrap .presentation-produits {
    flex: 0 0 45%;
    margin-top: 75px;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    line-height: 32px;
}

.page-accueil-produits .conteneur {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* gap: 1rem; */
    gap: 3rem;
    margin-top: 20px;
    justify-content: center;
}

.page-accueil-produits .conteneur > div {
    display: flex;
    width: 200px;
    justify-content: space-between;
    flex-direction: column;
}

.page-accueil-produits .titre {
    font-size: 50px;
    color: #ffffff;
}

.page-accueil-produits .sous-titre {
    font-size: 24px;
    font-weight: normal;
    margin-top: 7px;
}

.page-accueil-produits .produit-titre {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}

.page-accueil-produits .produit-sous-titre {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-bottom: 0;
}

.page-accueil-produits .produit-description > p {
    font-size: 14px;
    line-height: 22px;
    text-transform: none;
}

/* STYLE D'UNE PAGE PRODUIT */
.produit .section:not(.createurs-changements){ margin: 0; }
.produit .paragraphe img {
    display: block;
    margin: auto;
}

.produit .titreZoneProduit .titre:before, .produit .sectionFinale .titre:before {
    position: initial;
}

section.sectionFinale {
    margin: 180px 0 0 0 !important;
}

.produit .titreZoneProduit {
    display: flex;
    flex-direction: column;
}
.ublo .titreZoneProduit {
    top: -150px;
    position: absolute;
}
/* .ublo  .padding_4{
    padding: 180px 0px;
} */
.espadon .titreZoneProduit {
    margin-top: 100px;
}

.produit .sous-titre {
    order: 2;
    color: #898C8D;
    font-size: 30px;
    line-height: 44px;
    margin-bottom: 24px;
    text-transform: lowercase;
}

.produit .titreZoneProduit .titre {
    font-size: 61px;
    text-transform: none;
    /* color: #005FC5; */
    color: var(--couleurProduit);
    letter-spacing: 8px;
    margin-bottom: 60px;
    order: 1;
}

.produit .titreZoneProduit .texte {
    order: 3;
}

.produit .titreZoneProduit .texte a.btn {
    background: var(--couleurProduit) 0% 0% no-repeat padding-box;
    border: 1px solid var(--couleurProduit);
    opacity: 1;
    padding: 21px 75px 21px 40px;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    transition: all 0.4s ease;
    position: relative;
}

.produit .titreZoneProduit .texte a.btn:after, .produit .bordArrondi a.btn:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: translateY(-50%) rotate(45deg);
    /* top: 21px; */
    top: 50%;
    transition: all 0.4s ease;
}
.produit .titreZoneProduit .texte a.btn:hover:after{
    border-top: solid 2px var(--couleurProduit);
    border-right: solid 2px var(--couleurProduit);
    transition: all 0.4s ease;
}
.produit .titreZoneProduit .texte a.btn:before, .produit .bordArrondi a.btn:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
    /* top: 24px; */
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}
.produit .titreZoneProduit .texte a.btn:hover:before {
    transition: all 0.4s ease;
    background-color: var(--couleurProduit);
}
.produit .titreZoneProduit .texte a.btn:hover {
    background: white 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 21px 75px 21px 40px;
    color: var(--couleurProduit);
    border-radius: 10px;
    font-size: 16px;
    line-height: 32px;
    transition: all 0.4s ease;
}

.produit .bordArrondi a.btn {
    display: inline-block;
    margin-top: 50px;
    border: 1px solid white;
    opacity: 1;
    padding: 16px 57px 16px 29px;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    line-height: 32px;
    font-weight: normal;
    transition: all 0.4s ease;
    position: relative;
}

header.scroll #menu_side{
    top: 77px;
}
header:not(.scroll) #menu_side{
    top: 120px;
}

/*.produit .titreZoneProduit .texte a.btn:before {
    border: solid 2px white;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-left: 0;
    border-top: 0;
    top: 43%;
    right: 10%;
    transform: rotate(315deg);
    transition: all 0.4s ease;
}

.produit .titreZoneProduit .texte a.btn:hover:before {
    border: solid 2px var(--couleurProduit);
    border-left: 0;
    border-top: 0;
    transition: all 0.4s ease;
}

.produit .titreZoneProduit .texte a.btn:hover:after {
    background-color: var(--couleurProduit);
    transition: all 0.4s ease;
}

.produit .titreZoneProduit .texte a.btn:after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: white;
    width: 30px;
    top: 50%;
    right: 10%;
    transition: all 0.4s ease;
}
*/
.produit .paragraphe1 {
    padding: 0 !important;
}

.produit .imgLogoProduit img {
    padding-left: 40%;
}

.produit .paragraphe:not(.titreZoneProduit) .titre {
    margin-bottom: 82px;
}

.produit .paragraphe:not(.titreZoneProduit) .titre:before {
    left: 0;
    right: 0;
    transform: translateX(-40%);
    bottom: -40px;
}

.produit .bordArrondi {
    border-radius: 0px 100vw 0px 0px;
    background: var(--couleurProduit) 0% 0% no-repeat padding-box;
}

.produit .bordArrondi .paragraphe {
    padding: 180px 60px;
    display: flex;
    column-gap: 60px;
    background-repeat: no-repeat;
}
.produit .bordArrondi .paragraphe .titre {
    padding-left: 210px;
    padding-top: 132px;
}
.produit .bordArrondi .paragraphe .texte {
    padding-top: 80px;
    padding-right: 16px;
}

.produit .bordArrondi .titre {
    color: white;
    font-size: 70px;
    line-height: 102px;
    margin-bottom: 0 !important;
    margin: 0;
    max-width: 50%;
}

.produit .bordArrondi .texte p {
    color: white;
    font-size: 32px;
    line-height: 46px;
    font-weight: normal;
    max-width: 75%;
    margin: 0 !important;
}

.produit .texte, .produit .texte p {
    color: #00263E;
    font-size: 20px;
    line-height: 32px;
    font-family: 'Montserrat';
    font-weight: 300;
}

.informationProduit{
    padding-top: 230px;
}

.ublo .sectionLogoProduit{
    padding-top: 110px;
    overflow: hidden;
}
.espadon .sectionLogoProduit{
    padding-top: 50px;
}
.espadon .sectionLogoProduit .imgIcone{padding-top: 200px;}


/* FIN STYLE D'UNE PAGE PRODUIT */

.bloc-produit a.bouton-fleche, .bouton-fleche {
    border: 1px;
    font-family: 'Montserrat', Medium;
    display: inline-block;
    padding: 20px 57px 20px 30px;
    background-color: #000;
    border: solid 1px transparent;
    transition: all 0.4s ease;
}

.bloc-produit a.bouton-fleche:hover, .bouton-fleche:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
    transition: all 0.4s ease;
}

.bloc-produit .bouton-fleche:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
    top: 50%;
    transition: all 0.4s ease;
}

.bloc-produit .bouton-fleche:hover:before {
    background-color: #000000;
    transition: all 0.4s ease;
}

.bloc-produit .bouton-fleche:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    transition: all 0.4s ease;
}

.bloc-produit .bouton-fleche:hover:after {
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    transition: all 0.4s ease;
}

.bloc-produit {
    /* padding: 18px 50px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.produit-image img {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.produit-image:hover img {
    filter: brightness(106%) drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.3));
    -webkit-filter: brightness(106%) drop-shadow(16px 16px 10px rgba(0, 0, 0, 0.3));
}

.produit-image.bleu {
    margin-top: 25px;
}

.produit-image.backus {
    margin-top: 10px;
}

.produit-image {
    position: relative;
    height: 0px;
    padding-bottom: 40%;
}

.produit-test {
    display: flex;
    justify-content: center;
}

.produit-test .conteneur p:last-child {
    grid-column-end: 1;
}

.page-produit img {
    width: 100%;
    margin-top: 20px;
}

.section-produit img {
    width: 40%;
    margin-left: 25%;
    padding-top: 80px;
}

.section-produit1 .background {
    position: absolute;
    opacity: 0.4;
    z-index: 1;
    width: auto;
    height: 800px;
}

.section-produit1 .background2 {
    position: absolute;
    opacity: 0.4;
    z-index: 1;
    width: auto;
    height: 600px;
    margin-left: -500px;
}

.section-produit1 .background3 {
    position: absolute;
    opacity: 0.4;
    z-index: 1;
    width: auto;
    height: 600px;
    margin-left: -200px;
}

body .scroll #menu_side {
    top:77px;
}
body .scroll:not(.menu-bleu) > .wrap {
    background: #00263e;
    padding-top: 15px;
    position: relative;
    z-index: 10005;
}

body .scroll:not(.menu-bleu) {
    padding-top: 0px;
}


/*page produit responsive*/
@media screen and (max-width: 800px) {
    .section-produit > .change {
        flex-direction: column-reverse;
    }

    .logo {
        display: none;
    }

    .section-produit1 > .wrap {
        flex-direction: column;
    }

    .section-produit1 > .wrap > .paragraphe h1 {
        padding-left: 0px;
        margin-top: 100px;
    }

    .section-produit1 .paragraphe .texte {
        padding-top: 0px;
    }

    .section-produit1 .paragraphe.std.texte:before {
        display: none;
    }

    .section-produit1 .paragraphe h1:before {
        content: "";
        width: 750px;
        height: 600px;
        float: right;
        margin-top: -200px;
        margin-right: calc((100vw - min(100vw, 1400px)) / 2 * -1 - 20px);
        shape-outside: polygon(0 -200px, 100px -185px, 195px -160px, 350px -90px, 490px 15px, 610px 150px, 665px 246px, 720px 400px, 750px 522px, 750px -200px);
    }

    section.section-produit1 {
        border-radius: 0px 50vw 0px 0px;
    }
}

@media screen and (max-width: 1160px) {
    .section-produit1 .background {
        display: none;
    }

    .section-produit1 .background2 {
        display: none;
    }

    .section-produit1 .background3 {
        display: none;
    }

    /*section.section-produit1 { height: auto;}*/
}

/** PARTIE REALISATION PAGE D'ACCUEIL **/
.page-acctueil-equipe, .page-accueil-realisations, .page-accueil-expertise, .page-accueil-blogue, .marge-pied, .accueil-contact, .page-accueil-carrieres, .page-accueil-section {
    position: relative;
    z-index: 5;
}

.page-accueil-realisations, .page-accueil-expertise, .marge-pied, .accueil-contact {
    background-color: #6cc4c8;
}

.page-accueil-realisations {
    padding-top: 100px;
}

.page-acctueil-equipe {
    padding-top: 50px;
}

.page-accueil-blogue {
    padding-bottom: 135px;
}

.page-accueil-blogue {
    padding-top: 160px;
}

.page-accueil-expertise h2 {
    margin-bottom: 120px;
}

.page-accueil-expertise .wrap {
    padding-top: 125px;
    padding-bottom: 100px;
    text-align: center;
}

.lien-vers-carrieres {
    display: flex;
    align-items: center;
    width: 100%;
}

.lien-vers-carrieres .bouton-lien {
    background-color: #0f273a;
    color: #ffffff;
}

/* .lien-vers-carrieres .bouton-lien:hover{ background-color: #f6d62b; color: #0f273a; } */
.contenu-expertise {
    padding-right: 100px;
    padding-left: 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 120px;
}

.expertise-bloc {
    margin-top: -40px;
    text-align: left;
}

.expertise-nom {
    text-transform: uppercase;
    font-size: 17px;
}

.expertise-description {
    font-size: 13px;
    line-height: 17px;
}


.accueil {
}

/**
* ZONE CREATEURS DE CHANGEMENTS
**/
.createurs-changements {
    /* height: 866px; */
    min-height: 866px;
    height: 100vh;
    position: relative;
}

.createurs-changements .wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.createurs-changements .liste-phases {
    display: flex;
    margin-top: 50px;
}

.createurs-changements .liste-phases img {
    width: 42px;
    height: 42px;
}

.createurs-changements .liste-phases img svg {
    background-color: #fff;
    fill: #fff;
}

.createurs-changements .premiere-feuille {
    position: absolute;
    content: "";
    background: url(../images/Accueil/feuille_a.png);
    width: 60%;
    height: 866px;
    right: 0;
    background-position: -26% 114%;
    background-repeat: no-repeat;
    max-width: 1350px;
}

.createurs-changements .seconde-feuille {
    position: absolute;
    content: "";
    background: url(../images/Accueil/feuille_b.png);
    width: 50%;
    height: 866px;
    right: 0;
    background-position: 4% 136%;
    background-repeat: no-repeat;
    max-width: 1125px;
}


.scroll {
    background: #00263e; /* padding-bottom: 25px; */
    padding: 15px 0 0 0;
    transition: all 0.3s ease;
}

header:not(.scroll) {
    transition: all 0.3s ease;
}

/**
* PARTIE BLOG
**/
.section-en-tete-division {
    /* background: transparent radial-gradient(closest-side at 29% 26%, #00263E 0%, #0E3249 34%, #4A6677 89%, #546E7E 100%) 0% 0% no-repeat padding-box; */
    background: linear-gradient(135deg, #00263E 0%,#546E7E 100%);

}

/**
* PARTIE ENTREPRISE QUI VOIT LOIN
**/
.section-entreprise {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px 50vmin 0px 0px;
    overflow: hidden;
}

.section-entreprise > .wrap {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .section-entreprise > .wrap > div{ flex: 0 0 48%; } */
.section-entreprise > .wrap > div h1 {
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 12px;
}

.section-entreprise > .wrap > div h2.titre {
    text-transform: uppercase;
    line-height: 58px;
}

.section-entreprise > .wrap .entreprise-nom {
    font-family: "oceanwideBold";
}

.section-entreprise > .wrap .entreprise-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    width: 48%;
    margin-top: 350px;
}

/* .section-entreprise > .wrap .entreprise-description{ font-size: 20px; font-weight: 300; line-height: 32px; padding-block:25vmin; width: 48%; margin-top: 350px;} */

/**
* PARTIE BLOG
**/
.section-produits-blog {
    background: transparent radial-gradient(closest-side at 50% 50%, #00263E 0%, #2E4E61 77%, #546E7E 100%) 0% 0% no-repeat padding-box;
    background-attachment: fixed;
}


.page-accueil-blogue .contenu-blog {
    display: flex;
    justify-content: end;
    color: #FFFFFF;
}

.page-accueil-blogue .titre {
    color: #FFFFFF;
    font-size: 50px;
}

.page-accueil-blogue .contenu-blog .liste-derniers-billets {
    width: 50%;
    align-self: flex-end;
}

.page-accueil-blogue .contenu-blog .billet-blog {
    padding-top: 0; /*width: 589px;*/
    display: flex;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 59px;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options {
    flex: 0 0 92px;
    margin-left: 23px;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-infos .blog-item-titre {
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 0;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-infos .blog-item-date {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-infos .blog-item-resume {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    height: auto;
    margin-bottom: 0;
    margin-top: 12px;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche {
    width: 69px;
    padding: 73px 13px 73px 13px;
    height: calc(100% - (73px * 2));
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:hover {
    border-color: transparent;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    background-color: #FFFFFF;
    right: 34px;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:hover:before {
    background-color: #00263E;
    transition: all 0.4s ease;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 33px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    top: 50%;
}

.page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:hover:after {
    border-top: solid 2px #00263E;
    border-right: solid 2px #00263E;
    transition: all 0.4s ease;
    /* transform: rotate(45deg) translateY(50%); */
}

.page-accueil-blogue .premiere-feuille{
    opacity: 1;
    position: absolute;
    content: "";
    background: url(../images/Accueil/feuille_a.png);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: -55% 0%;
    background-repeat: no-repeat;
}

.page-accueil-blogue .seconde-feuille{
    position: absolute;
    content: "";
    background: url(../images/Accueil/feuille_b.png);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-position: -83% 0%;
    background-repeat: no-repeat;
    opacity: 0.5;
}


/**
* CSS CARRIERES
**/
/* page-accueil-carrieres{ position: relative; z-index: 5; } */
.page-accueil-carrieres, .page-accueil-section {
    font-family: 'Montserrat', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(#00263E, #546E7E);
    color: #ffffff;
}

.page-accueil-carrieres .wrap {
    padding-top: 216px;
    padding-bottom: 180px;
}
.page-accueil-carrieres {
    min-height: 912px;
}

.page-accueil-section .wrap {
    padding-top: 100px;
    padding-bottom: 100px;
}

.page-accueil-carrieres .bg-e {
    min-height: 912px;
    width: 100%;
    background: transparent url(../images/Accueil/e-enos.svg) -221% 0% no-repeat padding-box;
    background-size: 81%;
    background-position-y: 59%;
}

.page-accueil-carrieres .wrap .contenu-postes {
    display: flex;
    justify-content: space-between;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-description {
    flex: 0 0 33%;
    margin-top: 40px;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    line-height: 32px;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste {
    flex: 0 0 48%;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .options-postes {
    margin-top: 28px;
}

.page-accueil-carrieres h3.titre-offre {
    font-size: 18px;
    line-height: 24px;
}

.page-accueil-carrieres h3.titre-offre a {
    color: #ffffff;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre {
    display: flex;
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre .item-details {
    flex: 0 0 40%;
    display: flex;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre .item-details .icone-pied {
    width: 23px;
    height: 23px;
    margin-right: 12px;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi {
    border-bottom: solid 1px #ffffff;
    padding-bottom: 26px;
    margin-bottom: 34px;
}

.page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi.derniere-offre {
    border-bottom: 0;
    margin-bottom: 60px;
    padding-bottom: 0;
}

/**
* ZONE EQUIPE ACCUEIL
**/
.page-accueil-equipe {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #ffffff;
}

.page-accueil-equipe .contenu-equipe {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 60px;
}

.page-accueil-equipe .contenu-equipe .equipier {
    flex: 0 0 48%;
    display: flex;
    justify-content: space-between;
}

.page-accueil-equipe .contenu-equipe .equipier .equipier-contenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-accueil-equipe .contenu-equipe .equipier .equipier-contenu .icone-pied {
    margin-bottom: 0!important;
    margin-right: 20px;
    width: 28px;
}

.page-accueil-equipe .contenu-equipe .equipier .equipier-image, .page-accueil-equipe .contenu-equipe .equipier .equipier-contenu {
    width: 48%;
}

.page-accueil-equipe .contenu-equipe .equipier .equipier-image {
    border-radius: 50%;
    width: 288px;
    height: 288px;
    object-fit: cover;
    object-position: center;
}

.membre-equipe {
    width: 324px;
    height: 324px;
    background-color: #0f273a;
    color: #ffffff;
    margin-top: 70px;
}

.membre-contenu {
    border: #ffffff solid 7px;
    margin: 30px;
    height: calc(100% - 74px);
    font-size: 12px;
    text-align: center;
}

.membre-contenu a {
    color: #ffffff;
    font-size: 12px;
}

.membre-contenu-interne {
    display: flex;
    flex-direction: column;
    color: #00263E; /* transform: translateY(-35%); */
}

.membre-image {
    width: 224px;
    height: 224px;
    margin: auto;
    display: block;
    background-color: #6cc4c8;
}

.membre-nom {
    font-size: 28px; /* margin-top: 20px; */
    font-weight: bold;
    font-family: "oceanwideBold";
}

.equipe-carte-general {
    width: 890px;
    margin: auto;
}

.equipe-carte-nom {
    font-size: 20px;
    letter-spacing: 3px;
    margin: 0;
    margin-bottom: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.equipe-carte-titre {
    font-size: 14px;
    margin-bottom: 16px;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.equipe-carte-contenu {
    display: flex; /*margin-bottom: 152px;*/
}

.equipe-carte-contenu-gauche {
    display: flex;
    flex-direction: column;
}

.equipe-carte-image {
    width: 223px;
    height: 223px;
    display: block;
}

.membre-role {
    font-size: 16px;
    font-weight: bold;
    font-family: "oceanwideBold";
    margin-bottom: 10px;
}

.membre-courriel {
    margin-top: 31px;
    display: flex;
    align-items: center;
    font-family: "oceanwideRegular";
    font-weight: normal;
}

.membre-telephone {
    margin-top: 25px;
    display: flex;
    align-items: center;
    font-family: "oceanwideRegular";
    font-weight: normal;
}

.equipe-carte-contenu-droite {
    width: 470px;
    margin-left: 70px;
}

.equipe-carte-description {
    width: 470px;
}

.equipe-autres-carousel {
    display: flex;
    margin-top: -70px;
    transform: translateY(40%);
}

.blog-liste-billets .membre-equipe {
    margin-bottom: 20px;
}

/**
* FIN ZONE EQUIPE ACCUEIL
**/

/**
* BOUTON FLECHE
**/
.bouton-fleche {
    padding: 15px 96px 15px 42px;
    position: relative;
    background: #00263E;
    border-radius: 12px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    transition: all 0.4s ease;
}

.bouton-fleche:hover {
    color: #00263E;
    background-color: #fff;
    transition: all 0.4s ease;
    border-color: transparent;
}

.bouton-fleche:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    transition: all 0.4s ease;
}

.bouton-fleche:hover:after {
    border-top: solid 2px #00263E;
    border-right: solid 2px #00263E;
    transition: all 0.4s ease;
}

.bouton-fleche:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}

.bouton-fleche:hover:before {
    transition: all 0.4s ease;
    background-color: #00263E;
}

.marge-pied {
    height: 179px;
}

/**
* CSS REALISATIONS
**/
.page-accueil-realisations .blog-autres-titre {
    margin-left: 55px;
}

.realisation-item {
    width: 91% !important;
    display: flex !important;
    margin: auto;
    transform: translateY(-10%);
}

.realisation-item-droite {
    width: 443px;
    height: 443px;
}

.realisation-item-droite img {
    width: 100%;
    height: 100%;
}

.realisation-item-gauche {
    width: 707px;
}

.realisation-item-titre {
    padding-left: 55px;
    background-color: #0f273a;
    letter-spacing: 1px;
    height: 70px;
    display: flex;
    align-items: center;
    margin-top: 100px;
}

.realisation-item-titre h4 a {
    margin: 0;
    padding: 24px 0;
    font-size: 22px;
    color: #fff;
}

.realisation-item-titre h4 a:hover {
    color: #f6d62b;
}

.realisation-item-resume {
    margin: 25px 50px;
}

.realisation-item-bouton {
    margin-left: 50px;
}

.realisation-item-bouton .bouton-lien {
    margin: initial;
}

.realisations-liste { /*margin-bottom: 100px;*/
    padding-top: 74px;
}

.realisations-liste .realisation-item:nth-child(odd) {
    flex-direction: row-reverse;
}

.realisations-liste .realisation-item:nth-child(odd) .realisation-item-bouton {
    margin-left: 0;
    margin-right: 55px;
    float: right;
}

.realisation-details-contenu {
    padding-top: 66px;
    height: 250px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.realisation-details-contenu h3 {
    margin-bottom: 0;
}

.realisation-details-corps {
    margin: auto;
    display: flex;
    justify-content: space-between; /*margin-bottom: 150px;*/
}

/**
* TEST IMAGES
*/
.realisaiton-corps-droit > .realisation-listage-images {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.realisaiton-corps-droit > .realisation-listage-images > .realisation-listage-item {
    height: 40vh;
    flex-grow: 1;
    margin-bottom: 10px;
    margin-right: 10px;
}

.realisaiton-corps-droit > .realisation-listage-images > .realisation-listage-item:last-child {
    flex-grow: 10;
}

.realisaiton-corps-droit > .realisation-listage-images > .realisation-listage-item > .realisation-listage-item-image {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
    max-width: 580px;
}

.page-realisations-bloc-carousel > div {
    transform: translateY(18%);
}

.page-realisations-bloc-carousel > .blog-autres-en-tete {
    transform: translateY(370%);
}

.page-realisations-bloc-carousel .realisation-item-gauche {
    margin-top: 50px;
}

.page-realisations-bloc-carousel .blog-autres-en-tete {
    position: relative;
    z-index: 10;
}

/**
* OFFRES EMPLOI
**/
.offre-emploi-page {
    margin-top: 66px;
}

.ico-etoile21 {
    left: 28%;
    top: 10%; /*display:none;*/
}

.ico-etoile22 {
    left: 69%;
    top: 7%;
}

.ico-etoile23 {
    left: 22%;
    top: 11%;
}

.ico-etoile24 {
    left: 74%;
    top: 14%;
}

.ico-etoile25 {
    left: 20%;
    top: 14%; /*display:none;*/
}

.ico-etoile26 {
    left: 42%;
    top: 13%;
}

.ico-etoile27 {
    left: 56%;
    top: 17%;
}

.ico-etoile28 {
    left: 50%;
    top: 8%;
}

.ico-etoile29 {
    left: 66%;
    top: 20%;
}

.ico-etoile210 {
    left: 61%;
    top: 12%;
}

.ico-etoile211 {
    left: 32%;
    top: 7%;
}

.ico-etoile212 {
    left: 77%;
    top: 18%;
}

.ico-etoile213 {
    left: 80%;
    top: 9%;
}

.ico-etoile22, .ico-etoile25, .ico-etoile28, .ico-etoile211 {
    -webkit-animation: etoile2 8s infinite linear;
}

.ico-etoile23, .ico-etoile26, .ico-etoile29, .ico-etoile212 {
    -webkit-animation: etoile3 8s infinite linear;
}

.en-tete-offre {
    height: 150px;
    background-color: #02233C;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0 0 45px 14px rgba(0, 0, 0, 0.3);
}

.d-flex-bas {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.nom-poste-offre {
    margin-bottom: 15px;
    font-size: 2.052em;
}

.titre-document-offre {
    font-size: 1.441em;
}

.corps-offre {
    min-height: 50vh;
    padding-top: 50px;
    line-height: 22px;
}

.infos-entreprise-offre-base {
    margin-top: 25px; /*background-color: brown;*/
    display: flex;
    justify-content: space-between;
}

.infos-entreprise-gauche {
    display: flex;
    flex-direction: column;
}

.joindre-aventure-offre {
    background-color: #f6d62b;
    border-radius: 15px 15px 0 0;
    padding: 15px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    font-size: 17px;
}

.entreprise-contacts-offre {
    line-height: 40px;
    font-weight: bold; /*background-color: yellowgreen;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.entreprise-contacts-offre .separateur {
    width: 1px;
    height: 20px;
    border: solid 1px #02233C;
    background-color: #02233C;
}

/*.offre-titre-section{ font-weight: 700; text-transform: uppercase; margin: 0!important; }*/
.offre-liste {
    margin: 0.5em 0 2em 0 !important;
}

.joindre-aventure-offre a:hover {
    color: #ffffff;
}

.produits-carousel {
    width: 100%;
}

.marge-produits {
    margin-bottom: 1.5em;
}

.pied-page-offre {
    background-color: #02233C;
    background-image: url(../images/motif_banane.png);
    background-position: top -907px left -10px;
    height: 150px;
}

.infos-entreprise-droite {
    align-self: flex-end;
}

.infos-entreprise-droite .pied-logo {
    height: 20px;
    width: auto;
    margin-left: 20px;
    margin-bottom: 20px;
}

.pied-banane {
    background: url(../images/Enos_Pager_Logobanane.svg) center no-repeat;
    display: inline-block;
    position: absolute;
    width: 130px;
    height: 150px;
    margin-left: 277px;
    margin-top: -30px;
}

.offre-emploi-page .blog-item-resume {
    height: auto;
}

.offre-emploi-page .blog-item-titre {
    text-transform: uppercase;
}

.offre-emploi-page .blog-item-contenur-image {
    justify-content: center;
}

.offre-emploi-page .blog-autres-carousel-item {
    margin-bottom: 15px;
}

/*
* LIENS BLOG
*/
.realisation-corps-gauche a, .billet-blog-contenu a:not(.bouton-lien) {
    color: #DAAA00;
}

.realisation-corps-gauche a:hover, .billet-blog-contenu a:not(.bouton-lien):hover {
    color: #0f273a;
}

.left-align-slick > .slick-list > .slick-track {
    margin-left: 0;
}

.slider-produits .produit-image img {
    margin: auto;
}

.page-acctueil-equipe .bouton-lien {
    margin-top: 170px;
}

.page-acctueil-equipe .barre-bananes-equipe {
    background-attachment: fixed;
}

/* EMPLOIS */
.postuler-mobile.bouton {
    display: none;
}

.colones-emplois {
    display: flex;
    justify-content: space-between;
    padding-top: 74px;
    align-items: start;
}

.formulaire-emplois input[type=text],
.formulaire-emplois input[type=email],
.formulaire-emplois select {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 30px;
}

.formulaire-emplois { /*width: 481px;*/
    width: 450px;
    padding: 33px 34px 35px 38px;
    border: 1px solid #344b57;
    background: #fff;
    box-shadow: 1px 0 21px 0 rgba(0, 0, 0, 0.57);
    position: sticky;
    top: 100px;
}

.formulaire-emplois .titre {
    text-transform: uppercase;
    font-size: 24px;
}

.formulaire-emplois .titre + select {
    margin-top: 22px;
}

.formulaire-emplois textarea {
    margin-top: 5px;
}

.formulaire-emplois button {
    display: block;
    width: 100%;
    font-weight: bold;
    margin-top: 30px; /*padding: 7px 0;*/
}

.formulaire-emplois .formulaire-ligne {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 0;
}

.formulaire-ligne > input {
    flex: 1;
}

.formulaire-ligne > input.double {
    width: 48%;
    flex: unset;
}

.formulaire-ligne .bouton {
    font-weight: bold;
    padding: 9px 27px;
    font-size: 16px;
    margin-left: 24px;
}

.formulaire-ligne .bouton-lien {
    margin-left: 24px;
}

.formulaire-emplois label {
    margin-top: 30px;
    display: block;
    color: #344b57;
}

.formulaire-emplois .formulaire-ligne label {
    margin-top: 26px;
}

.formulaire-emplois .label-titre {
    text-transform: uppercase;
    display: block;
}


.page-emplois, .page-blog {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
}

.page-emplois .titre {
    position: initial;
}

.page-emplois .titre:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
}

.page-emplois .resultat-section .resultat-titre {
    font-size: 19px;
    font-weight: normal;
    padding: 6px 0;
}

.page-emplois .resultat-section .resultat-liste {
    flex-wrap: wrap;
    padding: 18px 23px 0 0;
}

.page-emplois .resultat-section .resultat-liste article {
    transition: all 0.4s ease;
}

.page-emplois .resultat-section .resultat-liste article:hover {
    transform: scale(1.1);
    transition: all 0.4s ease;
}

.page-emplois .resultat-liste article {
    width: 48%;
    border: 1px solid #b4c3ca;
    text-align: left;
    min-height: 0;
}

.page-emplois .resultat-details {
    padding: 14px;
}

.page-emplois .resultat-details .titre {
    font-size: 15px;
    text-transform: none;
    margin: 0;
}

.page-emplois .resultat-details .detail {
    margin-top: 6px;
}

.page-emplois .ico-localisation {
    padding: 11px 8px;
    background: url(../images/localisation_rouge.svg) center no-repeat;
    background-size: 15px auto;
    display: inline-block;
    margin-left: 0;
    margin-right: 7px;
    vertical-align: middle;
}

.ico-temps {
    padding: 11px 8px;
    background: url(../images/temps.svg) center no-repeat;
    background-size: 15px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.page-emplois .resultat-section {
    padding: 2px 0 0;
}

.colone-emplois-liste {
    width: 500px;
    padding-top: 43px;
}

.colone-emplois-liste .titre {
    font-size: 36px;
}

.select-positions {
    display: flex;
    margin: 46px 0 36px;
}

.select-positions select {
    flex: 1;
}

.select-positions-titre {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 28px;
}

.page-emplois-details .colone-emplois-liste {
    padding-top: 25px;
}

.page-emplois-details .sous-titre {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

.page-emplois-details .ico-temps,
.page-emplois-details .ico-localisation {
    margin-right: 8px;
}

.emplois-liste-options {
    display: flex;
    margin-bottom: 32px;
    font-size: 14px;
    color: #354b58;
    justify-content: space-evenly;
}

.emplois-liste-options > div {
    flex: 1;
}

.formulaire-emplois input:focus:required:invalid,
.section-joindre input:focus:required:invalid {
    box-shadow: none;
    border-bottom-color: #dd1335;
}

.formulaire-emplois input:-moz-submit-invalid,
.section-joindre input:-moz-submit-invalid {
    box-shadow: none;
    border-bottom-color: #dd1335;
}

.formulaire-emplois input:-moz-ui-invalid,
.section-joindre input:-moz-ui-invalid {
    box-shadow: none;
    border-bottom-color: #dd1335;
}

.formulaire-emplois textarea:focus:required:invalid,
.section-joindre textarea:focus:required:invalid {
    box-shadow: none;
    border-color: #dd1335;
}

.formulaire-emplois textarea:-moz-submit-invalid,
.section-joindre textarea:-moz-submit-invalid {
    box-shadow: none;
    border-color: #dd1335;
}

.formulaire-emplois textarea:-moz-ui-invalid,
.section-joindre textarea:-moz-ui-invalid {
    box-shadow: none;
    border-color: #dd1335;
}

.resultat-section {
    padding: 38px 0 0
}

.resultat-section .resultat-titre {
    font-weight: normal;
    border-bottom: 1px solid #344b57;
    text-transform: uppercase;
    font-size: 24px;
    padding: 9px 0;
}

.resultat-liste {
    display: flex;
    flex-wrap: wrap;
    padding: 48px 0 0;
    justify-content: space-between;
}

.resultat-liste article {
    width: calc((100% - 40px) / 4);
    border: 1px solid #c2c9cc; /*padding: 20px 20px 30px;*/
    text-align: center;
    box-sizing: border-box;
    min-height: 315px;
    margin-bottom: 20px;
    position: relative;
    flex-shrink: 0;
}

.resultat-liste .vide {
    width: 24%;
    border: 0;
    min-height: 0;
    padding: 0;
}

.resultat-details {
    padding: 20px 20px 30px;
}

.resultat-liste .image {
    min-height: 216px;
}

.resultat-liste .best {
    background: #e1052d;
    position: absolute;
    top: 207px;
    right: -12px;
    z-index: 2;
    padding: 8px 27px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
}

.resultat-liste .titre { /*text-transform: uppercase;*/
    font-size: 18px;
    margin-top: 20px;
}

.resultat-liste .stitre {
    font-size: 16px;
    margin-top: 0;
}

.resultat-liste .sous-titre {
    text-transform: uppercase;
    font-size: 16px;
}

.resultat-liste .description { /*text-transform: uppercase;*/
    font-size: 14px;
}

.en-tete-site-general { /*padding-top: 146px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.en-tete-site-general h1 {
    text-transform: uppercase; /*margin-bottom: 80px;*/ /* font-weight: 900; */ /* text-shadow: #0f273a 10px 10px 10px; */
}

.en-tete-page-general { /* color: #fff; */
    width: 100%;
    height: 214px;
    margin-top: 115px;
    display: flex;
    justify-content: center;
    align-items: center; /* background: url(../images/motif_banane.png); background-position: top -907px left -10px; background-color: #6cc4c8; background-attachment: fixed; */
}

.titre-carrieres {
    font-size: 3em;
}

.lien-blog {
    transform: translateY(-40px);
}

.contenu-introuvable {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-centrer-blog {
    justify-content: center;
}

.titre-alt-blog {
    height: 42px;
}

.formulaire-contact .alert {
    margin-left:0px;
    width: auto;
    max-width: 100%;
}

.message-erreur-candidature {
    color: #cf0000;
    border-left: 2px solid #cf0000;
    padding-left: 10px;
}

.message-erreur-candidature:before {
    content: "!";
    margin-right: 5px;
    font-weight: bold;
}

.equipier-image {
    user-select:none;
    pointer-events: none;
}

@media screen and (min-width: 901px) {
    .page-accueil-blogue .blog-autres-en-tete.lien-blog {
        pointer-events: none;
        margin: 0px;
    }

    .page-accueil-blogue .blog-autres-en-tete.lien-blog a {
        pointer-events: all;
    }
}

/**
* PAGE PRODUITS - LISTE
**/
.page-produits {
    background: #fff;
    color: #00263e;
    padding-top: 360px;
    padding-bottom: 360px;
}

.page-produits .liste-produits-disponibles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.wrap.page-produit {
    background: #fff;

}

/**
* PAGE PRODUIT
**/
.page-produit {

    padding-top: 25px;
    background: #fff;
}

.page-produit .logo {
    margin-right: -100px;

}

.page-produit .cls-a3752b {
    margin-top: 10%;

}

.section-produit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-produit .texte, .section-produit1 .texte {
    position: relative;
    z-index: 2;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 90%;
    font-family: "Montserrat", light;
    font-size: 22px;
    line-height: 32px;
}

.section-produit1 .texte {
    color: #fff;
}

.section-produit1 h1 {
    position: relative;
    color: #fff;
    font-family: "oceanwideRegular", bold;
    font-size: clamp(50px, 5vw, 70px);
    line-height: 80px;
    z-index: 2;
}

/*a mettre dans theme.php pour prendre la couleur du logo*/
.section-produit h3 {
    color: #898C8D;
}

.section-produit1 {
    position: relative;
    z-index: 1;
    height: 865px;
    border-radius: 0px 854px 0px 0px;
}

.section-produit1 > .wrap {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-produit1 > .wrap > div {
    flex: 0 0 48%;
}

/**
Boutons de la page produit
**/

.section-produit1 a.bouton-fleche, .bouton-fleche {
    /* border: 1px solid #fff; */
    font-family: 'Montserrat', Medium;
    display: inline-block;
    padding: 20px 57px 20px 30px;
    z-index: 3;
}

.options-postes a.bouton-fleche {
    padding: 15px 96px 15px 42px;
}

.section-produit1 .bouton-fleche:before {
    position: absolute;
    content: "";
    width: 23px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
}

.section-produit1 .bouton-fleche:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
}

.bouton-fleche-contact {
    padding: 15px 96px 15px 42px;
    position: relative;
    border-radius: 12px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
}

.bouton-fleche-contact:after {
    position: absolute;
    content: "";
    width: 6px;
    right: 23px;
    height: 6px;
    border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
}

.bouton-fleche-contact:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    background-color: #FFFFFF;
    right: 24px;
    top: 50%;
    transform:translateY(-50%);
}


/*SECTION JASON*/
/* .section-entreprise > .wrap .entreprise-description {
    margin-top: 175px;
    padding-block: 200px;
    width: 48%;
    overflow: hidden;
} */

.section-entreprise {
    border-radius: 0px 100vw 0px 0px;
}

.section-entreprise > .wrap .entreprise-description:before {
    content: "";
    width: 750px;
    height: 600px;
    float: right;
    margin-top: -200px;
    margin-right: calc((100vw - min(100vw, 1400px)) / 2 * -1 - 20px);
    shape-outside: polygon(0 -200px, 100px -185px, 195px -160px, 350px -90px, 490px 15px, 610px 150px, 665px 246px, 720px 400px, 750px 522px, 750px -200px);
}

.horloge-container .horloge {
    width: 100%;
    height: 100%;
    position: relative;
    background: #59bec9;
    position: absolute;
}

.horloge-container .aiguille-heure, .horloge-container .aiguille-minute {
    position: absolute;
    width: calc(50% - 1px);
    height: 1em;
    border-radius: 0.5em;
    background: white;
    left: calc(50% - 0.5em);
    margin: auto;
    top: 0px;
    bottom: 0px;
    margin: auto;
    transform-origin: 0.5em center;
    transition: transform 1s ease;
}

.horloge-container .aiguille-heure {
    width: calc(50% - 4px);
    transform: rotate(0deg);
    transform-origin: 0.5em center;
}

.horloge-container .aiguille-minute {
    transform: rotate(-90deg);
}

.horloge-container .cercle-horloge {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: white;
    mix-blend-mode: darken;
}

.affichage-titre{
    margin-top: 115px!important;
}

.horloge-container .horloge:first-child > span:not(.cercle-horloge) {
    background: black;
}

.horloge-container {
    width: 23px;
    height: 23px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    font-size: 2.5px;
    aspect-ratio: 1/1;
    margin-right: 12px;
}

.horloge-container > .horloge:first-child {
    mix-blend-mode: lighten;
    background: white;
}

.horloge-container > .horloge:last-child {
    mix-blend-mode: darken;
}

.horloge-container:hover .aiguille-minute {
    transform: rotate(270deg);
}

section.section-produit1 {
    min-height: 800px;
    height: auto;
    border-radius: 0px 100vw 0px 0px;
}

.section-produit1 .paragraphe.std.texte {
    padding-block: 150px;
    width: 100%;

    overflow: hidden;
    color: white;
}

section.section-produit1 .texte:before {
    content: "";
    width: 1050px;
    height: 850px;
    float: right;
    margin-top: -150px;
    margin-right: calc((100vw - min(100vw, 1400px)) / 2 * -1 - 20px);
    shape-outside: polygon(0 -150px, 100px -150px, 0px -110px, 250px -20px, 390px 150px, 610px 200px, 600px 395px, 600px 435px, 750px 645px, 750px -150px);
}

.page-acctueil-equipe .titre {
    font-size: 50px;
}

.page-accueil-carrieres .titre {
    font-size: 50px;
}

.scroll-block {
    overflow: hidden;
}
.sectionLogoProduit{
    padding-top: 190px;
}

.bureau{
    margin-bottom: 20px;
}

.bureau p{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2rem;
}

@media screen and (max-width: 1400px) {
    section.section-produit1 {
        border-top-right-radius: 700px;
    }

    .produit .paragraphe:not(.titreZoneProduit) .titre:before {
        transform: translateX(0%);
    }

    .service-lst, .business-lst {
        grid-template-columns: repeat(4, calc(25% - 15px));
    }
}

@media screen and (max-width: 1300px) {
    .how-help .row{
        display: flex;
        flex-direction: column;
    }

    .help-content, .help-arrow{
        min-height: 50px;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }

    .container-layout h5, .container-details{
        margin: 0;
    }

    .arrow{
        padding: 20px 10px;
    }

    .arrow-content img{
        transform: rotate(270deg);
    }
}

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

    .section-entreprise {
        border-top-right-radius: 50vw;
    }

    .section-entreprise > .wrap .entreprise-description:before {
        display: none;
    }

    .section-entreprise > .wrap .entreprise-description {
        width: calc(100% - 120px);
        margin-inline: 60px;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .section-entreprise > .wrap {
        flex-direction: column;
        padding-block: 100px;
    }

    .section-entreprise > .wrap .entreprise-nom {
        width: calc(100% - 120px);
        margin-inline: 60px;
    }

    .page-accueil-produits .wrap {
        padding-inline: 80px;
        padding-block: 0px;
        box-sizing: border-box;
    }

    .page-accueil-produits .conteneur {
        grid-template-columns: repeat(3, 1fr);
        display: flex;
    }

    .bloc-produit a.bouton-fleche, .bouton-fleche {
        margin-top: 20px;
    }

    .page-accueil-produits {
        height: auto;
        padding-block: 100px;
        border-bottom-right-radius: 50vw;
    }

    .page-accueil-blogue .wrap, .page-accueil-equipe .wrap, .page-accueil-carrieres .wrap, .page-accueil-section .wrap {
        box-sizing: border-box;
        /* padding-inline: 80px; */
        padding: 216px 20px 100px;
    }

    .page-accueil-blogue .contenu-blog .liste-derniers-billets {
        width: 100%;
        margin-top: 40px;
    }

    .page-accueil-equipe .contenu-equipe .equipier {
        width: 100%;
        align-self: flex-start;
        justify-content: flex-start;
        column-gap: 40px;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste {
        width: 100%;
    }

    .page-produits {
        padding-block: 200px 100px;
    }

    .page-produits {
        padding-block: 200px 100px;
    }

    .page-produits .liste-produits-disponibles {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(0, 1fr);
        align-items: stretch;
    }

    .page-produits .liste-produits-disponibles > a {
        background-color: #00263e;
    }

    body #produits-resultats-recherche .produit-resultat {
        flex-direction: row;
        column-gap: 40px;
        padding: 40px 20px;
        height: auto;
    }

    .page-produits .produit-resultat-details {
        margin-top: 0px;
    }

    .produit-resultat-image {
        width: 260px;
        flex-shrink: 0;
        flex-grow: 0;
    }

    .page-produits .liste-images {
        justify-content: flex-start;
    }

    .page-produits .produit-resultat-details {
        flex-shrink: 1;
        flex-grow: 1;
    }

    #produits-resultats-recherche .produit-resultat:hover {
        transform: scale(1);
    }

    body #produits-resultats-recherche .produit-resultat {
        background: unset;
    }

    .page-produits .liste-produits-disponibles > a {
        background-color: #00263e;
        background-image: radial-gradient(circle at 50px 0px, #53c5d6, transparent 50%, transparent 100%);
        background-position: top left;
        background-size: 100% 1000px;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    .section-produit1 > .wrap {
        flex-direction: column;
        padding-block: 100px;
        /* padding-bottom: 0px; */
    }

    .section-produit1 > .wrap > div {
        width: 100%;
        flex: 0 0 100%;
    }

    section.section-produit1 {
        border-top-right-radius: 50vw;
    }

    .section-produit1 > .wrap > div:first-child {
        padding-right: 20vw;
        box-sizing: border-box;
    }

    .section-produit1 .paragraphe.std.texte {
        padding-block: 40px;
        padding-right: 5vw;
        box-sizing: border-box;
    }

    section.section-produit1 .texte:before {
        display: none;
    }

    section.section-produit1 {
        min-height: unset;
    }

    .service-lst, .business-lst {
        grid-template-columns: repeat(3, calc(33% - 15px));
    }
}
/* .img img:not(.sectionLogoProduit) {
    max-width:260px ;
    height: auto;
} */
.section:not(.sectionLogoProduit) .img img{
    max-width:260px ;
    height: auto;
}

@media screen and (max-width: 800px) {
    .service-lst, .business-lst {
        grid-template-columns: repeat(2, calc(50% - 15px));
    }

    section.section-produit1 {
        border-top-right-radius: 200px;
    }

    .section-produit1 > .wrap > .paragraphe h1 {
        animation: none;
        margin-top: 0px;
        font-size: 42px;
        line-height: 1.2em;
    }

    .section-produit1 > .wrap > div:first-child {
        padding-right: unset;
    }

    .section-produit1 .paragraphe h1:before {
        display: none;
    }

    .section-produit1 .paragraphe.std.texte {
        font-size: 18px;
        line-height: 1.5em;
    }

    .section-produit1 a.bouton-fleche {
        margin-top: 20px;
    }
}

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

    .section-entreprise {
        border-top-right-radius: 200px;
    }

    .page-accueil-produits {
        border-bottom-right-radius: 200px;
    }

    .page-accueil-produits .conteneur {
        width: 100%;
    }

    body .produit-image {
        padding-bottom: 0px;
        height: auto;
        margin-top: 0px;
    }

    .bloc-produit a.bouton-fleche {
        margin-inline: auto;
    }

    .bloc-produit {
        text-align: center;
    }

    .section-entreprise {
        border-top-right-radius: 200px;
    }

    .page-accueil-produits {
        border-bottom-right-radius: 200px;
    }

    .page-accueil-produits .conteneur {
        width: 100%;
    }

    body .produit-image {
        padding-bottom: 0px;
        height: auto;
        margin-top: 0px;
    }

    .bloc-produit a.bouton-fleche {
        margin-inline: auto;
    }

    .bloc-produit {
        text-align: center;
    }

    .page-accueil-blogue {
        padding-block: 100px;
    }

    .page-accueil-blogue .contenu-blog .billet-blog {
        flex-direction: column;
        width: 100%;
        margin: 0px;
    }

    .liste-derniers-billets > .billet-blog:not(:last-child) {
        margin-bottom: 20px;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options {
        /* margin-left: 0px; */
        text-align: end;
        width: 100%;
        flex-basis: unset;
    }
    .page-accueil-blogue .contenu-blog .billet-blog .billet-options {
        margin-left: 0;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche {
        /* width: calc(100% - 26px); */
        padding-block: 32px;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:before {
        width: 40px;
        right: 0px;
        left: 0px;
        margin: auto;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:after {
        width: 10px;
        height: 10px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        /* transform-origin: right center; */
        transform: rotate(45deg);
        /* transform: rotate(45deg) translateY(-50%); */
        /* border-top-width: 0px;
        border-bottom: 2px solid white; */
        /* left: calc(50% + 10px); */
        left: calc(50% + 8px);
        right: unset;
    }
    .page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche:hover:after {
        /* transform: rotate(45deg) translateY(50%); */
    }

    body .page-accueil-equipe .contenu-equipe .equipier .equipier-image {
        width: auto;
        aspect-ratio: 1/1;
        margin-bottom: 20px;
        pointer-events: none;
        user-select: none;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi {
        margin-bottom: 20px;
        padding-bottom: 16px;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre .item-details {
        flex: 0 0 50%;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .page-accueil-carrieres .wrap {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .membre-courriel {
        margin-top: 10px;
    }

    .pied-informations-contact > a:nth-child(2) {
        line-height: 1.6em;
    }

    footer .icone-pied {
        margin-right: 10px;
    }

    body #produits-resultats-recherche .produit-resultat {
        background: unset;
    }

    .page-produits .liste-produits-disponibles > a {
        background-color: #00263e;
        background-image: radial-gradient(circle at 50px 0px, #53c5d6, transparent 50%, transparent 100%);
        background-position: top left;
        background-size: 100% 1000px;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    .page-produits .liste-produits-disponibles {
        grid-auto-rows: auto;
    }

    body #produits-resultats-recherche .produit-resultat {
        flex-direction: column;
        row-gap: 20px;
    }

    .produit-resultat-image {
        width: auto;
        max-width: 100%;
    }

    .page-produits .liste-produits-disponibles > a {
        background-image: radial-gradient(circle at 60px -200px, #53c5d6, transparent 80%, transparent 100%);
        background-position: top left;
        background-size: 100% 100%;
    }

    .section-produit .texte, .section-produit1 .texte {
        width: 100%;
        font-size: 18px;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 600px) {
    .service-lst, .business-lst {
        grid-template-columns: repeat(1, 100%);
    }
}

@media screen and (max-width: 480px) {
    .section-entreprise > .wrap .entreprise-nom {
        margin-inline: 0px;
        width: 100%;
    }

    .section-entreprise > .wrap .entreprise-description {
        margin-inline: 0px;
        width: 100%;
    }

    .page-accueil-produits .wrap {
        padding-inline: 20px;
    }

    body .produit-test .produit-image {
        margin-top: 0px;
    }

    .page-accueil-produits .conteneur > div {
        margin-top: 0px;
    }

    .page-accueil-produits .conteneur > div:last-child {
        margin-bottom: 0px;
    }

    .produit-test .bloc-produit {
        padding-bottom: 0px;
    }

    .page-accueil-blogue .wrap, .page-accueil-equipe .wrap, .page-accueil-carrieres .wrap {
        padding-inline: 20px;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options .bouton-fleche {
        box-sizing: border-box;
    }

    .page-accueil-blogue .contenu-blog .billet-blog .billet-options {
        margin-left: auto;
        width: auto;
        min-width: 140px;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre .item-details {
        flex: 0 0 100%;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre .item-details .icone-pied {
        margin-bottom: 0px;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi .details-offre {
        row-gap: 10px;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-liste .offre-emploi.derniere-offre {
        margin-bottom: 40px;
    }

    footer > .wrap .pied-contact .conteneur > div.contact-formulaire > div {
        flex: 0 0 100%;
    }

    .contact-fomulaire-zone-textarea {
        margin-top: 20px;
    }

    .pied-formulaire-blog {
        align-items: flex-end;
    }

    footer {
        padding-bottom: 0px;
    }

    footer > .wrap .pied-contact {
        padding-top: 60px;
    }

    .pied-informations {
        padding-block: 20px;
    }

    .section-entreprise > .wrap > div h2.titre {
        line-height: 1.2em;
    }

    .section-entreprise > .wrap .entreprise-description {
        font-size: 18px;
        line-height: 1.5em;
    }

    .page-accueil-produits .wrap .presentation-produits {
        font-size: 18px;
        line-height: 1.5em;
    }

    .page-accueil-carrieres .wrap .contenu-postes .postes-description {
        font-size: 18px;
        line-height: 1.5em;
    }

    .blog-liste-billets {
        width: 100%;
        margin: 0px;
    }

    .blog-liste-billets .blog-autres-carousel-item {
        width: 100%;
    }

    .blog-liste-billets .blog-autres-carousel-item:not(:last-child) {
        margin-bottom: 20px;
    }

    h4.blog-item-titre {
        margin-top: 10px;
        height: auto;
        padding-bottom: 10px;
    }

    .blog-item-resume {
        margin: 0.5em;
    }

    .section-produit1 > .wrap > .paragraphe h1 {
        font-size: 36px;
    }

    .section-produit1 .paragraphe.std.texte {
        padding-top: 10px;
    }

    .section-produit1 > .wrap {
        padding-bottom: 40px;
    }
}


.chpfirstname{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1; 
}