@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
@font-face { font-family: Nunito; src: url(/assets/fonts/Nunito/Nunito-Regular.ttf) format("truetype"); }

@font-face { font-family: Nunito Bold; src: url(/assets/fonts/Nunito/Nunito-Bold.ttf) format("truetype"); }

@font-face { font-family: Poppins; src: url(/assets/fonts/Poppins/Poppins-Regular.ttf) format("truetype"); }

@font-face { font-family: JetBrains Mono; src: url(/assets/fonts/JetBrains-Mono/JetBrainsMono-Regular.woff2) format("woff2"); font-style: normal; font-weight: normal; }

@font-face { font-family: JetBrains Mono; src: url(/assets/fonts/JetBrains-Mono/JetBrainsMono-Bold.woff2) format("woff2"); font-style: normal; font-weight: bold; }

@font-face { font-family: JetBrains Mono; src: url(/assets/fonts/JetBrains-Mono/JetBrainsMono-Italic.woff2) format("woff2"); font-style: italic; font-weight: normal; }

@font-face { font-family: JetBrains Mono; src: url(/assets/fonts/JetBrains-Mono/JetBrainsMono-BoldItalic.woff2) format("woff2"); font-style: italic; font-weight: bold; }

.go-top-button { z-index: 20; }

/* kalixo*/
/* code block variables */
@-webkit-keyframes swing { 15% { -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  30% { -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  50% { -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  65% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  80% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes swing { 15% { -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  30% { -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  50% { -webkit-transform: translateX(3px);
    transform: translateX(3px); }
  65% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  80% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

#mainNav { position: sticky; top: 0; z-index: 10; background-color: #fff; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06); min-height: 4rem; transition: box-shadow .2s, background-color .2s; }

#mainNav .navbar-toggler { font-size: 12px; right: 0; padding: .8rem; color: white; border: 0; background-color: #fc766a; }

#mainNav .navbar-nav .nav-item .nav-link { font-size: 90%; font-weight: 400; padding: 0.75em 0; letter-spacing: 1px; color: #243252; }

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { color: #243252; -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

@media (min-width: 991px) { #mainNav { padding: 1rem 0; } #mainNav .navbar-nav .nav-item .nav-link { padding: 0 1rem !important; } }

html[data-scroll='0'] #mainNav { box-shadow: none; }

@media (min-width: 991px) { html[data-scroll='0'] body.main-bg #mainNav { background-color: transparent; } }

footer { background-color: #243252; }

footer div.links-container { gap: 1rem 2rem; justify-content: space-between; }

footer div.links-container a { color: #fff; }

footer div.bottom-container { gap: 1rem; }

footer div.bottom-container a { color: #C0C6D5; }

footer div.bottom-container #mentions-btn { color: #C0C6D5; }

footer div.bottom-container #mentions-btn:hover { cursor: pointer; text-decoration: underline; }

@media (max-width: 767px) { footer { padding: 0 .5rem; } footer div.logo-container { justify-content: center; } footer div.links-container { justify-content: center; } footer div.bottom-container { flex-direction: column; text-align: center; } }

.mentions-legales div.modal-body p { font-size: .9rem; line-height: 1.1rem; text-align: justify; }

body.main-bg { background: linear-gradient(180deg, rgba(252, 118, 106, 0.1) 0, rgba(252, 118, 106, 0) 30rem); }

section#index-intro div.shape-container { position: relative; padding: 0; }

section#index-intro div.shape-container div.bg-orange { z-index: -1; position: absolute; top: 1rem; height: 20rem; width: 100%; background-color: #fc766a; clip-path: polygon(10% 0.5rem, 90% 0, 100% 3rem, 90% calc(20rem - 6rem), 25% 100%, 0 9rem); transform: rotate(-1deg); max-height: 40vh; }

section#index-intro div.shape-container div.image-container { clip-path: polygon(10% 0.5rem, 90% 0, 100% 3rem, 90% calc(20rem - 6rem), 25% 100%, 0 9rem); }

section#index-intro div.shape-container div.image-container img { height: 20rem; object-fit: cover; }

@media (max-width: 767px) { section#index-intro div.shape-container div.image-container { clip-path: polygon(5% 0.5rem, 90% 0, 100% 2rem, 97% calc(20rem - 8rem), 80% calc(20rem - 3rem), 25% 100%, 10% calc(20rem - 5rem), 0 9rem); } section#index-intro div.shape-container div.image-container img { height: 15rem; } section#index-intro div.shape-container div.bg-orange { clip-path: polygon(5% 0.5rem, 90% 0, 100% 2rem, 97% calc(20rem - 8rem), 80% calc(20rem - 3rem), 25% 100%, 10% calc(20rem - 5rem), 0 9rem); height: 15rem; top: 0.4rem; left: -0.2rem; } }

@media (max-width: 991px) { section#index-intro div.container { max-width: 98vw; } }

section#index-b2b { color: #243252; padding-bottom: 0; }

section#index-b2b img.leaf { width: 12rem; margin-top: -4rem; margin-bottom: -.3rem; }

@media (max-width: 767px) { section#index-b2b img.leaf { display: none; } }

section#index-images { position: relative; padding: 0; }

section#index-images div.shape-container { height: calc(min(40rem, 80vh)); position: absolute; margin: 0 1%; width: 98%; z-index: 0; }

section#index-images div.shape-container.bg-blue { top: -1rem; background-color: #98B7C4; clip-path: polygon(0 0.5rem, 30% 2rem, 60% 1rem, 80% 0, 100% 3rem, 100% 100%, 66% calc(calc(min(40rem, 80vh)) - 1rem), 33% calc(calc(min(40rem, 80vh)) - 3rem), 0 100%); }

section#index-images div.shape-container.bg-pink { bottom: -1rem; background-color: rgba(252, 118, 106, 0.1); clip-path: polygon(0 0.5rem, 30% 2rem, 60% 1rem, 80% 0, 100% 3rem, 100% 100%, 66% calc(calc(min(40rem, 80vh)) - 1rem), 33% calc(calc(min(40rem, 80vh)) - 3rem), 0 100%); }

section#index-images div.img-container { width: 100vw; clip-path: polygon(0 0.5rem, 30% 2rem, 60% 1rem, 80% 0, 100% 3rem, 100% 100%, 66% calc(calc(min(40rem, 80vh)) - 1rem), 33% calc(calc(min(40rem, 80vh)) - 3rem), 0 100%); display: flex; flex-wrap: wrap; height: calc(min(40rem, 80vh)); position: relative; z-index: 1; }

section#index-images div.img-container div { position: relative; width: 33%; height: 50%; }

section#index-images div.img-container div img { position: absolute; width: 100%; height: 100%; object-fit: cover; }

section#index-images div.img-container div:nth-of-type(4) { top: -5%; left: -5%; }

section#index-images div.img-container div:nth-of-type(4) img { height: 110%; }

section#index-images div.img-container div:nth-of-type(5) { z-index: 1; top: -10%; left: -5%; }

section#index-images div.img-container div:nth-of-type(5) img { height: 120%; width: 120%; }

section#index-images div.img-container div:nth-of-type(6) { top: -3%; }

section#index-images div.img-container div:nth-of-type(6) img { height: 110%; }

@media (max-width: 767px) { section#index-images div.img-container div { width: 50%; left: 0 !important; } section#index-images div.img-container div:nth-of-type(3), section#index-images div.img-container div:nth-of-type(5) { display: none; } }

section#index-piliers { color: #243252; }

section#index-piliers div.piliers-item { padding: 2rem; }

section#index-piliers div.piliers-item img { width: 25%; }

section#index-piliers div.piliers-item div.piliers-text { margin-left: 1rem; width: 70%; text-align: justify; }

section#index-piliers div.piliers-item div.piliers-text p.title { font-size: 1.75rem; }

section#index-piliers div.piliers-item:nth-child(odd) { border-right: 1px solid #C0C6D5; }

section#index-piliers div.piliers-item:first-child, section#index-piliers div.piliers-item:nth-child(2) { border-bottom: 1px solid #C0C6D5; }

@media (max-width: 991px) { section#index-piliers div.piliers-item { border-right: none !important; border-bottom: none !important; border-top: 1px solid #C0C6D5; padding-top: 1rem; } section#index-piliers div.piliers-item:first-child { border-top: none; padding-top: 0; } }

section#index-prestations { text-align: center; padding-top: 2rem; }

section#index-prestations div.questions { margin-top: 4rem; background-image: url("/assets/images/website/page-index/prestations/woman.svg"); background-repeat: no-repeat; background-position: center; }

section#index-prestations div.questions div.questions-row { margin-top: 4rem; align-items: center; justify-content: center; flex-wrap: nowrap; }

section#index-prestations div.questions div.questions-row:nth-of-type(1) { column-gap: 10rem; }

section#index-prestations div.questions div.questions-row:nth-of-type(2) { column-gap: 18rem; }

section#index-prestations div.questions div.questions-row:nth-of-type(3) { column-gap: 26rem; }

section#index-prestations div.questions a.question-item { background-color: #fff; color: #243252; margin: 0; padding: .3rem 1rem; max-width: 22rem; display: flex; align-items: center; justify-content: space-between; border: 1px solid #C0C6D5; border-radius: 8px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08); transition: box-shadow .2s; }

section#index-prestations div.questions a.question-item span.fas { color: #fc766a; font-size: 1.4rem; }

section#index-prestations div.questions a.question-item:hover { text-decoration: none; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5); }

@media (max-width: 991px) { section#index-prestations div.questions { background-position: 100% 50%; } section#index-prestations div.questions div.questions-row { flex-direction: column; column-gap: 0; margin-top: 1rem; row-gap: 1rem; align-items: start; } }

@media (max-width: 767px) { section#index-prestations div.questions { background: none; } section#index-prestations div.questions div.questions-row { align-items: center; } }

section#index-prestations a.dm-btn { margin-top: 2rem; }

section#index-prestations div.img-container { text-align: right; margin: -3rem 4rem -3rem 0; }

section#index-prestations div.img-container img { width: 10rem; }

@media (max-width: 767px) { section#index-prestations div.img-container { margin: initial; } section#index-prestations div.img-container img { display: none; } }

section#index-savoir-faire { background-color: rgba(252, 118, 106, 0.1); text-align: center; }

section#index-savoir-faire div.skill-item-container { row-gap: 4rem; }

section#index-savoir-faire div.skill-item-container div.skill-item img { height: 5rem; margin-bottom: 1rem; }

section#index-savoir-faire div.skill-item-container div.skill-item h3 { color: #fc766a; font-weight: 600; }

section#index-savoir-faire div.skill-item-container div.skill-item p { color: #243252; font-weight: 600; max-width: 60%; margin: auto; }

section#index-savoir-faire a.dm-btn { margin-top: 2rem; }

section#index-savoir-plus a.dm-btn { transition: box-shadow .2s; }

section#index-savoir-plus a.dm-btn:hover { box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.5); }

section#index-savoir-plus a.dm-btn span { margin-left: 0; font-size: 1.5rem; }

section#offre-intro { background-color: rgba(252, 118, 106, 0.1); }

section#offre-vision div.items-container { min-height: 20rem; background-image: url("/assets/images/website/page-offre/vision/rouage.svg"); background-repeat: no-repeat; background-position: center; }

section#offre-vision div.items-container div.items-row:first-child { margin-top: 2rem; }

section#offre-vision div.items-container div.items-row:not(:first-child) { margin-top: 6rem; }

@media (max-width: 767px) { section#offre-vision div.items-container div.items-row:not(:first-child) { margin-top: 2rem; } }

@media (max-width: 991px) { section#offre-vision div.items-container div.items-row:last-child { margin-top: 2rem; } }

@media (max-width: 767px) { section#offre-vision div.items-container div.items-row { row-gap: 2rem; } }

section#offre-vision div.items-container div.items-row div.item { width: fit-content; position: relative; color: #243252; font-weight: 600; font-size: 20px; display: flex; flex-shrink: 1; flex-wrap: nowrap; align-items: center; text-align: right; }

section#offre-vision div.items-container div.items-row div.item p { margin-bottom: 0; }

section#offre-vision div.items-container div.items-row div#item-1.item { max-width: 13rem; margin: auto; }

section#offre-vision div.items-container div.items-row div#item-2.item { max-width: 18rem; margin: auto; }

section#offre-vision div.items-container div.items-row div#item-3.item { max-width: 17rem; margin: 0 12rem 0 4rem; }

section#offre-vision div.items-container div.items-row div#item-4.item { margin: 0 3rem 0 13rem; }

section#offre-vision div.items-container div.items-row div#item-5.item { margin: 2rem auto 0; }

section#offre-vision div.items-container div.items-row div.item span.info-icon { flex-shrink: 0; font-size: 18px; border: 1px solid #fc766a; color: #fc766a; width: 1.5rem; height: 1.5rem; justify-content: center; display: inline-flex; align-items: center; border-radius: 50%; margin-left: .8rem; }

section#offre-vision div.items-container div.items-row div.item span.info-icon:hover { cursor: help; }

section#offre-vision div.items-container div.items-row div.item span.info-icon:hover + span.info-data { display: initial; }

section#offre-vision div.items-container div.items-row div.item span.info-data { display: none; background-color: white; color: #243252; border: 1px solid #243252; text-align: left; width: fit-content; font-size: 16px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 1rem 1rem .5rem 1rem; position: absolute; left: 0; top: 2rem; z-index: 2; }

section#offre-vision div.items-container div.items-row div.item span.info-data ul { margin-bottom: 0; }

section#offre-vision div.items-container div.items-row div.item span.info-data ul li { font-weight: 100; }

section#offre-vision div.items-container div.items-row div.item span.info-data.bigger { min-width: 25rem; }

section#offre-vision div.items-container div.items-row div.item span.info-data.center { left: 50%; }

section#offre-vision div.items-container div.items-row div.item span.info-data.lower { top: 4rem; }

@media (max-width: 991px) { section#offre-vision div.items-container div.items-row div.item { margin: initial !important; } section#offre-vision div.items-container div.items-row div#item-3.item { text-align: left; max-width: 14rem; } section#offre-vision div.items-container div.items-row div#item-5.item { margin: 2rem auto 0 !important; } }

@media (max-width: 767px) { section#offre-vision div.items-container div.items-row div.item { width: 100%; justify-content: space-between; align-items: baseline; text-align: left !important; max-width: initial !important; } section#offre-vision div.items-container div.items-row div#item-5.item { margin-top: 0 !important; } section#offre-vision div.items-container div.items-row div.item span.info-data { width: 100% !important; top: 2rem !important; left: 0 !important; min-width: 0 !important; } }

@media (max-width: 991px) { section#offre-vision div.items-container { background-size: 25%; background-position: 45% 40%; } }

@media (max-width: 767px) { section#offre-vision div.items-container { background-size: 12rem; background-position: 50% 0%; padding: 8rem 1rem; } }

section#offre-separate { padding: 0; height: 1rem; background-image: url("/assets/images/website/page-offre/separation/Wall.svg"); background-repeat: repeat-x; }

section#offre-prestations { background-color: #F4F6FA; }

section#offre-prestations div.prestation { position: relative; padding: 2rem 0; border-radius: 32px; align-items: center; margin: 2rem auto 0; }

section#offre-prestations div.prestation a.anchor { position: absolute; top: -6rem; visibility: hidden; }

section#offre-prestations div.prestation div.info { width: 70%; }

section#offre-prestations div.prestation div.illustration { width: 20%; }

section#offre-prestations div.prestation h1.title { font-size: 2rem; font-weight: 600; }

section#offre-prestations div.prestation p.description { font-weight: 500; }

section#offre-prestations div.prestation div.logo-entreprise-container { gap: .6rem; margin: 0; justify-content: start; }

@media (max-width: 767px) { section#offre-prestations div.prestation div.logo-entreprise-container { justify-content: center; } }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise { position: relative; display: inline-flex; align-items: center; column-gap: .4rem; justify-content: space-evenly; border: 1px solid #69779B; border-radius: 10px; padding: .2rem .8rem; min-height: 4rem; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise img { max-width: 6rem; max-height: 3rem; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise.bg-blue { background-color: #243252; border: 1px solid #243252; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise.bg-blue span.info-icon { color: #fff; border-color: #fff; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise.bg-white { background-color: #fff; border: 1px solid #fff; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise.bg-white span.info-icon { color: #243252; border-color: #243252; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise span.info-icon { flex-shrink: 0; font-size: 18px; width: 1.5rem; height: 1.5rem; justify-content: center; display: inline-flex; align-items: center; border-radius: 50%; margin-left: .4rem; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise:hover { color: #fc766a; cursor: help; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise:hover span.info-icon { color: #fc766a; border-color: #fc766a; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise:hover > div.desc-on-hover { display: initial; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise div.desc-on-hover { display: none; position: absolute; left: -50%; top: 100%; width: 100vw; max-width: calc(min(50vw, 30rem)); z-index: 2; font-size: initial; background-color: white; color: #243252; text-align: left; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 1rem 2rem; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise div.desc-on-hover a.link-article { color: #fc766a; }

section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise div.desc-on-hover a.link-article span.fas { margin-left: .5rem; }

@media (max-width: 767px) { section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise span.info-icon { display: none; } section#offre-prestations div.prestation div.logo-entreprise-container div.logo-entreprise div.desc-on-hover { visibility: hidden; } }

section#offre-prestations div.prestation.bg-blue { padding-left: 3rem; padding-right: 3rem; background-color: #243252; box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15); }

section#offre-prestations div.prestation.bg-blue h1.title { color: #fff; }

section#offre-prestations div.prestation.bg-blue .description { color: #C0C6D5; }

section#offre-prestations div.prestation.bg-blue .logo-entreprise p { color: #fff; }

section#offre-prestations div.prestation.bg-blue div.illustration { margin-left: 10%; }

section#offre-prestations div.prestation.bg-blue span.info-icon { border: 1px solid #fff; color: #fff; }

section#offre-prestations div.prestation.bg-transparent h1.title { color: #243252; }

section#offre-prestations div.prestation.bg-transparent .description { color: #69779B; }

section#offre-prestations div.prestation.bg-transparent .logo-entreprise p { color: #243252; }

section#offre-prestations div.prestation.bg-transparent div.illustration { margin-right: 10%; }

section#offre-prestations div.prestation.bg-transparent span.info-icon { border: 1px solid #243252; color: #243252; }

section#offre-prestations div.prestation.cii { padding-left: 3rem; padding-right: 3rem; background-color: transparent; justify-content: space-between; }

section#offre-prestations div.prestation.cii img { width: 90%; }

section#offre-prestations div.prestation div.illustration.growing { width: 28%; margin-right: 2%; }

section#offre-prestations div.prestation div.illustration.time, section#offre-prestations div.prestation div.illustration.thinking { width: 28%; margin-left: 2%; }

@media (max-width: 767px) { section#offre-prestations div.prestation h1.title { font-size: 1.4rem; } section#offre-prestations div.prestation p.description { line-height: 1.2rem; } section#offre-prestations div.prestation div.logo-entreprise p { font-size: 1.2rem; } section#offre-prestations div.prestation div.info { width: 100%; } section#offre-prestations div.prestation div.illustration { display: none; } section#offre-prestations div.prestation.cii { flex-direction: column; row-gap: 2rem; } section#offre-prestations div.prestation.cii div.illustration { width: 40%; display: initial; } }

section#offre-prestations hr.separate { margin-top: 3rem; border-color: #243252; }

section#offre-mise-oeuvre h2.title { margin: 1rem auto; font-weight: 800; color: #fc766a; }

section#offre-mise-oeuvre p { color: #243252; text-align: justify; }

@media (max-width: 767px) { section#offre-mise-oeuvre p { margin: 0 1.5rem; } }

section#savoir-faire-intro { background-color: rgba(252, 229, 106, 0.1); }

section#savoir-faire-piliers p, section#savoir-faire-piliers li { text-align: justify; color: #243252; }

section#savoir-faire-stack { background-color: #f8f9fa; }

section#index-savoir-plus.bg-pink { background-color: rgba(252, 118, 106, 0.1); }

section#dm-intro { background-color: rgba(106, 252, 138, 0.1); }

section#dm-genese div.row { row-gap: 2rem; }

section#dm-genese div.row div.fondateurs { background-color: black; border-radius: 50%; overflow: hidden; margin: auto; width: 20rem; height: 20rem; max-width: 60vw; max-height: 60vw; }

section#dm-genese div.row div.fondateurs img { width: 100%; height: 100%; object-fit: contain; }

section#dm-genese blockquote.dm-quote { position: relative; border-left: 0.3rem solid #fc766a; padding: 2rem; background-color: #e9ecef; font-style: italic; text-align: justify; font-size: 1.2rem; line-height: 1.4rem; margin-top: 2rem; }

section#dm-genese blockquote.dm-quote div.quote-authors { font-style: initial; font-weight: 600; margin-top: 1rem; }

section#dm-genese blockquote.dm-quote::before { font-family: Arial; content: "\201C"; color: #fc766a; font-size: 4em; position: absolute; left: 0; }

section#dm-force div.dm-item { padding: 2rem 0; }

section#dm-force div.dm-item h2 { font-weight: 800; }

@media (max-width: 767px) { section#dm-force div.dm-item.sm-reverse { flex-direction: column-reverse; } section#dm-force div.dm-item img { max-width: 70%; } }

section#dm-separate { padding: 0; height: 1rem; background-image: url("/assets/images/website/page-offre/separation/Wall.svg"); background-repeat: repeat-x; }

section#dm-servir h2.section-subheading { font-size: 1.6rem; }

@media (max-width: 767px) { section#dm-servir h2.section-subheading { font-size: 1.3rem; } }

section#dm-servir div.dm-item { padding: 2rem 0; }

section#dm-servir div.dm-item h2 { color: #243252; font-weight: 600; }

section#dm-servir div.dm-item p, section#dm-servir div.dm-item ul > li { color: #69779B; }

section#dm-servir div.dm-item img.bretagne { width: 60%; }

section#dm-servir div.dm-item img.produit-bretagne { width: 50%; }

section#dm-servir div.dm-item div.local-item { margin: 2rem 0; display: flex; flex-wrap: nowrap; align-items: center; column-gap: 3rem; }

section#dm-servir div.dm-item div.local-item ul, section#dm-servir div.dm-item div.local-item li { margin-bottom: 0; }

section#dm-servir div.dm-item div.local-item div.logos-container { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }

section#dm-servir div.dm-item div.local-item div.logos-container img { max-width: 7rem; max-height: 4rem; }

@media (max-width: 991px) { section#dm-servir div.dm-item div.local-item { flex-direction: column; align-items: flex-start; } section#dm-servir div.dm-item div.local-item div.logos-container { justify-content: center; column-gap: 3rem; } }

@media (max-width: 767px) { section#dm-servir div.dm-item.sm-reverse { flex-direction: column-reverse; } section#dm-servir div.dm-item.sm-remove-img img.w-100 { display: none; } section#dm-servir div.dm-item img { max-width: 70%; } }

section#dm-rse { background-color: rgba(106, 252, 138, 0.1); }

section#dm-rse h2.section-subheading { font-size: 1.6rem; }

@media (max-width: 767px) { section#dm-rse h2.section-subheading { font-size: 1.3rem; } }

section#dm-rse div.rse-item { background-color: #243252; color: #fff; padding: 2rem 3rem; box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.15); border-radius: 32px; margin: 3rem 0; }

section#dm-rse div.rse-item p.title { font-size: 2rem; font-weight: 600; }

section#dm-rse div.rse-item img.leaf { width: 3rem; }

section#dm-rse div.rse-item img.circle { position: absolute; top: -0.5rem; left: -2rem; }

section#dm-rse div.rse-item span.info { position: relative; font-size: 1.4rem; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; text-align: center; }

section#dm-rse div.rse-item span.info p { margin-bottom: 0; }

section#dm-rse div.rse-item span.info span.info-icon { border: 1px solid #fff; flex-shrink: 0; font-size: 18px; width: 1.5rem; height: 1.5rem; justify-content: center; display: inline-flex; align-items: center; border-radius: 50%; margin-left: .4rem; }

section#dm-rse div.rse-item span.info:hover { color: #fc766a; cursor: help; }

section#dm-rse div.rse-item span.info:hover span.info-icon { border-color: #fc766a; }

section#dm-rse div.rse-item span.info:hover > div.rse-onhover-items { display: initial; }

section#dm-rse div.rse-item span.info div.rse-onhover-items { display: none; position: absolute; left: 0; top: 100%; width: 200%; max-width: 35rem; z-index: 2; font-size: initial; background-color: white; color: #243252; text-align: left; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 1rem 2rem; }

section#dm-rse div.rse-item span.info div.rse-onhover-items.shift-left { left: -50%; }

section#dm-rse div.rse-item span.info div.rse-onhover-items ul { margin-bottom: 0; }

section#dm-rse div.rse-item span.info div.rse-onhover-items ul li:not(:last-child) { margin-bottom: 1rem; }

@media (max-width: 991px) { section#dm-rse div.rse-item span.info div.rse-onhover-items { max-width: 25rem; } section#dm-rse div.rse-item span.info div.rse-onhover-items.shift-left { left: 0; } }

@media (max-width: 767px) { section#dm-rse div.rse-item span.info div.rse-onhover-items { max-width: 100%; } }

section#dm-rse div.rse-item span.info div.rse-onhover-items > div.with-img { display: flex; flex-wrap: none; align-items: center; justify-content: space-between; column-gap: 1rem; }

section#dm-rse div.rse-item span.info div.rse-onhover-items > div.with-img img { max-width: 5rem; max-height: 5rem; }

section#dm-rse div#social.rse-item div.rse-subitems { justify-content: space-between; margin: 0 -3rem; }

section#dm-rse div#social.rse-item div.rse-subitems span.info { max-width: 16rem; }

section#dm-rse div#environnemental.rse-item div.rse-subitems { justify-content: space-between; }

section#dm-rse div#environnemental.rse-item div.rse-subitems span.info { max-width: 20rem; }

section#dm-rse div#societal.rse-item { position: relative; }

section#dm-rse div#societal.rse-item img.confettis { z-index: 0; position: absolute; top: 1rem; left: 0; transform: scaleX(-1); }

section#dm-rse div#societal.rse-item p.title, section#dm-rse div#societal.rse-item div.rse-subitems { z-index: 1; }

section#dm-rse div.rse-item div.rse-subitems { display: flex; flex-wrap: wrap; align-items: center; text-align: center; margin-top: 1rem; row-gap: 1rem; }

@media (max-width: 991px) { section#dm-rse div#social.rse-item div.rse-subitems, section#dm-rse div#environnemental.rse-item div.rse-subitems, section#dm-rse div#societal.rse-item div.rse-subitems { margin: initial; } section#dm-rse div#social.rse-item div.rse-subitems span.info, section#dm-rse div#environnemental.rse-item div.rse-subitems span.info, section#dm-rse div#societal.rse-item div.rse-subitems span.info { max-width: initial; } }

@media (max-width: 767px) { section#dm-rse div.rse-item { padding: 2rem .2rem; } section#dm-rse div.rse-item p.title { margin-left: 2rem; } section#dm-rse div.rse-item img.circle { left: .1rem; } section#dm-rse div#social.rse-item div.rse-subitems span.info, section#dm-rse div#environnemental.rse-item div.rse-subitems span.info, section#dm-rse div#societal.rse-item div.rse-subitems span.info { justify-content: space-between; text-align: left; } }

section#contact-intro { background-color: rgba(106, 191, 252, 0.1); }

section#contact-intro img { max-height: 30vh; }

section#contact-form button { width: 100%; }

section#contact-form button:hover { cursor: pointer; }

section#contact-form div#success-send { display: none; width: 100%; background: rgba(106, 252, 138, 0.1); color: #243252; height: 8rem; align-items: center; justify-content: center; }

section#contact-items div.container { background-image: url("/assets/images/website/page-contact/items/bg.svg"); background-repeat: no-repeat; background-position: 50%; border-radius: 16px; padding: 3rem; }

section#contact-items div.container div.contact-items-container { flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; background-color: rgba(255, 255, 255, 0.9); border-radius: 16px; padding: 5rem 3rem; }

@media (max-width: 767px) { section#contact-items div.container div.contact-items-container { flex-direction: column; justify-content: stretch; padding: 2rem 1rem; row-gap: 2rem; } }

section#contact-items div.container div.contact-items-container div.contact-item { display: flex; flex-direction: column; align-items: center; justify-content: center; }

section#contact-items div.container div.contact-items-container div.contact-item img { margin: 0 auto 2rem; max-width: 100%; }

section#contact-items div.container div.contact-items-container div.contact-item p { text-align: center; color: #243252; margin: 0; }

section#contact-items div.container div.contact-items-container div.contact-item a { color: #243252; text-decoration: underline; font-weight: 600; }

@media (max-width: 767px) { section#contact-items div.container div.contact-items-container div.contact-item { flex-direction: row; width: 100%; margin-top: 1rem; } section#contact-items div.container div.contact-items-container div.contact-item img { margin: 0; width: 10%; } section#contact-items div.container div.contact-items-container div.contact-item img.path { width: 20%; } section#contact-items div.container div.contact-items-container div.contact-item div.contact-data { width: 60%; margin-left: 20%; } section#contact-items div.container div.contact-items-container div.contact-item div.contact-data p { text-align: left; } }

section#blog-intro { background-color: rgba(106, 121, 252, 0.1); }

section#blog-intro img { max-height: 35vh; }

section#blog-posts-container div.blog-posts { display: flex; flex-wrap: wrap; }

section#blog-posts-container div.blog-posts div.blog-post { border: 1px solid #C0C6D5; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; display: flex; flex-direction: column; }

section#blog-posts-container div.blog-posts div.blog-post div.heading { border-bottom: 1px solid #C0C6D5; padding: 1rem; }

section#blog-posts-container div.blog-posts div.blog-post div.heading p.title { font-size: 1.5rem; font-weight: 600; }

section#blog-posts-container div.blog-posts div.blog-post div.heading p.description { margin: 0; color: #C0C6D5; }

section#blog-posts-container div.blog-posts div.blog-post div.post-excerpt { padding: 1rem; }

section#blog-posts-container div.blog-posts div.blog-post div.post-excerpt p { margin: 0; }

section#blog-posts-container div.blog-posts div.blog-post div.empty-space { flex-grow: 2; }

section#blog-posts-container div.blog-posts div.blog-post div.btn-container { text-align: right; padding: 1rem; }

section#recrutement-intro { background-color: #FFF1F0; }

section#recrutement-intro img { max-height: 35vh; }

section#recrutement-posts div.recrutement-posts { display: flex; flex-wrap: wrap; }

section#recrutement-posts div.recrutement-posts div.recrutement-post { border: 1px solid #C0C6D5; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08); border-radius: 8px; display: flex; flex-direction: column; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.heading { border-bottom: 1px solid #C0C6D5; padding: 1rem; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.heading p.title { margin: 0; font-size: 1.5rem; font-weight: 600; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data, section#recrutement-posts div.recrutement-posts div.recrutement-post span.description { padding: 1rem; padding-bottom: 0; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data { column-gap: .6rem; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data span { display: flex; align-items: center; padding: .2rem .8rem; border-radius: 10px; font-weight: 400; height: 2rem; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data span.contract-cdi { background-color: #D1FAE5; color: #065F46; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data span.contract-full-time { background-color: #F3F4F6; color: #4B5563; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data span.contract-location { column-gap: 0.4rem; background-color: rgba(36, 50, 82, 0.1); color: #243252; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.contract-data span.contract-location img { height: 75%; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.empty-space { flex-grow: 2; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container { text-align: right; padding: 1rem; display: flex; align-items: center; justify-content: end; column-gap: 1rem; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container a.postuler { display: flex; align-items: center; column-gap: 1rem; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container a.postuler p { margin-bottom: 0; }

section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container a.postuler img { width: 1.5rem; }

@media (max-width: 767px) { section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container { flex-direction: column; row-gap: 1rem; } section#recrutement-posts div.recrutement-posts div.recrutement-post div.btn-container a { width: 80%; justify-content: center; } }

div.highlighter-rouge { background-color: #eeeeee; border-radius: 0.6rem; padding: 1rem; box-sizing: border-box; margin-bottom: 1rem; }

div.highlighter-rouge pre { color: black; margin: 0; }

/* Inline code */
code { font-family: 'JetBrains Mono'; font-size: 0.8rem; }

.code-header { display: flex; justify-content: flex-end; }

.copy-code-button { display: grid; grid-auto-flow: column; align-items: center; grid-column-gap: 4px; border: none; cursor: pointer; font-size: 1rem; padding: 4px 8px; background-color: #eeeeee; border-radius: 0.6rem 0.6rem 0 0; color: black; border-bottom: 1px solid #666666; }

.copy-code-button::before { content: "Copier"; }

.copy-code-button::after { content: "📋"; display: block; }

.copy-code-button.copied { background-color: #dddddd; color: black; }

.copy-code-button.copied::before { content: "Copié!"; }

.copy-code-button.copied::after { content: "✔️"; }

section#post-intro { background-color: rgba(106, 121, 252, 0.1); }

section#post-intro a.dm-btn { background-color: transparent; color: #69779B; }

section#post-intro a.dm-btn span.fas { color: #69779B; margin-left: 0; margin-right: .8rem; }

article.post-content { position: relative; font-family: Poppins, serif; word-wrap: break-word; }

article.post-content.no_lines pre.highlight code .lineno { display: none; }

article.post-content p { text-align: justify; }

article.post-content pre.highlight code .lineno { margin-right: 0.75rem; }

article.post-content pre.highlight code * { font-family: JetBrains Mono, monospace; line-height: 1.5rem; }

article.post-content img { max-width: 75%; max-height: 300px; display: block; margin-left: auto; margin-right: auto; }

article.post-content img + em { display: block; text-align: center; }

article.post-content h1 { margin-bottom: 1rem; color: #fc766a; font-size: xx-large; font-family: 'Poppins', serif; }

article.post-content h1:not(:first-of-type) { margin-top: 2.5rem; }

article.post-content h2 { margin-bottom: 1rem; margin-top: 30px; font-size: x-large; font-family: 'Nunito', serif; color: #243252; }

article.post-content h3 { margin-top: 20px; font-size: larger; font-family: 'Nunito', serif; color: #69779B; }

article.post-content h4, article.post-content h5, article.post-content h6 { font-size: large; }

article.post-content blockquote { padding: 0.75rem; border-left: 5px #e9ecef solid; background: #f5f5f5; border-radius: 0.6rem; font-style: italic; color: #868e96; }

article.post-content blockquote p { margin-bottom: 0; }

article.post-content > ul:first-of-type { border: 1px solid #C0C6D5; border-radius: 8px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08); padding: 1rem; }

article.post-content > ul:first-of-type li a { color: black; }

@media (min-width: 991px) { article.post-content { margin-left: 20rem; } article.post-content > ul:first-of-type { position: absolute; width: 20rem; left: calc(-2rem - 20rem); top: 0; } }

article.post-content a.anchor { position: relative; top: -4rem; }

@media (min-width: 768px) { article.post-content table:not(.rouge-table) th, article.post-content table:not(.rouge-table) td { padding: 0.5rem; } article.post-content table:not(.rouge-table) th { background-color: #ddd; } article.post-content table:not(.rouge-table) tr:nth-child(2n) td { background-color: #eee; } }

@media (max-width: 768px) { article.post-content table:not(.rouge-table) thead { display: none; } article.post-content table:not(.rouge-table) tr { display: block; } article.post-content table:not(.rouge-table) tr:nth-child(2n) td { background-color: #eee; } article.post-content table:not(.rouge-table) td { padding-left: 1rem; padding-right: 1rem; display: block; text-align: right; } article.post-content table:not(.rouge-table) td:before { content: attr(data-label) " :"; float: left; font-weight: bold; } article.post-content table:not(.rouge-table) td:first-child { padding-top: 1rem; } article.post-content table:not(.rouge-table) td:last-child { padding-bottom: 1rem; } }

div.dm-accordion { width: 100%; }

div.dm-accordion div.accordion-container { padding: 1rem; border-bottom: 1px solid #C0C6D5; }

div.dm-accordion div.accordion-container:last-child { border-bottom: none; }

div.dm-accordion button.accordion-btn { padding: 0; padding: 1rem 0; border: none; background: none; width: 100%; display: flex; align-items: center; justify-content: space-between; }

div.dm-accordion button.accordion-btn:focus { outline: none; }

div.dm-accordion button.accordion-btn:hover { cursor: pointer; }

div.dm-accordion button.accordion-btn span.collapse-title { font-size: 2rem; font-weight: 700; color: #243252; }

div.dm-accordion button.accordion-btn span.fas { color: #fc766a; font-size: 1.5rem; }

div.dm-accordion button.accordion-btn.collapsed span.fas { transform: rotate(180deg); }

body { overflow-x: hidden; font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }

a.dm-btn, button.dm-btn { display: inline-block; text-align: center; border-radius: 4px; border: 1px solid transparent; padding: .5rem 1.5rem .4rem; }

a.dm-btn span.fas, button.dm-btn span.fas { font-size: .9rem; color: #fff; margin-left: .8rem; }

a.dm-btn.dm-btn-blue, button.dm-btn.dm-btn-blue { color: #fff; background-color: #243252; }

a.dm-btn.dm-btn-white, button.dm-btn.dm-btn-white { color: #243252; background-color: transparent; border-color: #243252; }

a.dm-btn.dm-btn-orange, button.dm-btn.dm-btn-orange { color: #fff; background-color: #fc766a; }

section { padding: 3rem 0; }

@media (max-width: 767px) { section { padding: 1rem 0; } }

section.intro { margin-top: 0; }

section.intro div.container > div.row { align-items: center; }

section.intro h1 { text-align: left; }

section.intro p, section.intro li { text-align: justify; }

section.intro img { max-height: 40vh; }

section.intro div.btn-container { justify-content: start; margin: 0; gap: 1rem; }

@media (max-width: 767px) { section.intro div.right-img { margin-top: 2rem; } section.intro div.btn-container { justify-content: center; } }

* { font-family: 'Nunito'; }

h1.section-heading, h2.section-subheading { text-align: center; width: 100%; line-height: 120%; }

@media (max-width: 767px) { h1.section-heading, h2.section-subheading { line-height: initial; } }

h1.section-heading { color: #243252; font-weight: 900; font-size: 3rem; margin: 1.5rem 0; font-family: 'Nunito Bold', 'Nunito'; }

@media (max-width: 767px) { h1.section-heading { font-size: 2rem; } }

h2.section-subheading { color: #69779B; font-size: 1.6rem; font-weight: 800; margin-bottom: 2rem; }

@media (max-width: 767px) { h2.section-subheading { font-size: 1rem; } }

.text-orange { color: #fc766a !important; }

.text-blue { color: #243252 !important; }

.text-grey { color: #69779B !important; }

ul.arrow-list, article.post-content ul, article.post-content ol { list-style-type: none; padding-inline-start: 0; }

ul.arrow-list > ul, article.post-content ul > ul, article.post-content ol > ul { list-style-type: none; }

ul.arrow-list li, article.post-content ul li, article.post-content ol li { background-image: url(/assets/images/circle-arrow-right.svg); background-repeat: no-repeat; line-height: 23px; padding-left: 30px; margin-bottom: .5rem; text-align: justify; }

.brittany { display: inline-block; margin-top: -0.2rem; height: 0.8rem; width: auto; }

/*# sourceMappingURL=styles.css.map */