@font-face {
  font-family: Inter variablefont slnt wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MATERIAL ICONS;
  src: url('../fonts/MaterialIconsOutlined-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --darkblue: #1e196a;
  --bleu-caro: #4153a0;
  --black: black;
  --blue: #0172bb;
  --dark-blue-caro: #130f57;
  --transparent: #0000;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.container {
  width: 100%;
  max-width: 1140px;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.container.copyright {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.heading-jumbo-light {
  color: #fff;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.button {
  background-color: var(--darkblue);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
  font-weight: 300;
}

.menu-icon {
  width: 30px;
  height: 20px;
}

.menu-icon.black {
  filter: invert();
}

.menu-button {
  cursor: pointer;
  flex: 0 auto;
  padding-left: 18px;
  padding-right: 0;
}

.menu-button.w--open {
  z-index: 99999;
  background-color: #f3f3f3;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.footer-wrap {
  background-color: var(--bleu-caro);
  color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 80px 20px 10px;
  display: block;
}

.footer-links {
  float: left;
  clear: none;
  width: 100%;
  color: var(--white);
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: block;
}

.footer-links.address {
  font-size: 18px;
}

.footer-links.address:hover {
  color: var(--white);
}

.footer-links.phone {
  color: var(--white);
  padding-top: 40px;
}

.footer-links.mail {
  color: var(--white);
  padding-bottom: 40px;
}

.footer-item {
  opacity: 1;
  color: var(--white);
  padding-bottom: 5px;
  padding-right: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
  color: var(--white);
}

.footer-item:active {
  opacity: .8;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: var(--darkblue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.navbar {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.brand {
  z-index: 9999;
  float: left;
  clear: none;
  text-align: left;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  display: block;
  position: sticky;
  top: 0;
}

.body {
  clear: none;
  color: var(--black);
  font-family: Inter, sans-serif;
  line-height: 1.2;
  overflow: visible;
}

.nav-menu {
  background-color: var(--white);
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: auto;
}

.container-3 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 50vw;
  max-height: 100vh;
  padding: 15vh 10vh 0 10vw;
  display: flex;
  position: relative;
}

.section-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  max-height: 100vh;
  padding-right: 0;
  display: flex;
}

.menuimgwrapper {
  text-align: center;
  object-fit: fill;
  border-bottom-right-radius: 20vw;
  flex: 1;
  align-self: center;
  max-width: 50vw;
  min-height: 100vh;
  max-height: 100vh;
  position: relative;
  overflow: hidden;
}

.nav-link {
  color: #000;
  font-variation-settings: "slnt" 0, "wght" 400;
  white-space: normal;
  cursor: none;
  object-fit: fill;
  width: auto;
  margin: 10px 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Inter variablefont slnt wght, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 46px;
  transition: font-variation-settings .2s;
  display: inline-block;
  position: static;
}

.nav-link:hover {
  font-variation-settings: "slnt" -2, "wght" 500;
}

.nav-link.w--current {
  color: var(--bleu-caro);
}

.nav-link.navclose {
  cursor: pointer;
  object-fit: fill;
  background-image: url('../images/menu_cross.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  margin-bottom: 15px;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 27px;
  font-weight: 300;
  line-height: 27px;
  position: static;
}

.nav-link.last {
  margin-bottom: 60px;
}

.navlinksmall {
  color: #000;
  cursor: none;
  max-width: 100%;
  margin: 5px 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 34px;
}

.navlinksmall.w--current {
  color: var(--bleu-caro);
}

.navlinksmall.navmiddlelast {
  margin-bottom: 60px;
  font-size: 30px;
  line-height: 34px;
}

.navlinksmall.navmiddlelast.w--current {
  color: var(--bleu-caro);
}

.navlinksmall.displaynone {
  display: none;
}

.navlinkextrasmall {
  color: #000;
  cursor: none;
  max-width: 100%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.heading-jumbo {
  background-image: linear-gradient(311deg, var(--black), #4153a0);
  color: #1a1b1f;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-jumbo.animatedgradient {
  font-size: 50px;
  font-weight: 400;
}

.heading-jumbo.animatedgradient.offering, .heading-jumbo.animatedgradient.clients {
  margin-bottom: 100px;
}

.scrollbloc {
  background-color: #0000;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20vh;
  padding-bottom: 10vh;
  display: flex;
  position: static;
}

.text-block {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.container-link-center {
  object-fit: fill;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  display: flex;
  position: static;
}

.container-link-center.morelink {
  padding-left: 0;
  font-size: 24px;
  text-decoration: none;
  transition: all .2s;
  transform: translate(0);
}

.morelink {
  cursor: none;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.morelink:hover {
  opacity: 1;
  outline-offset: 0px;
  outline: 3px #32343a;
}

.rotatingtext {
  color: var(--black);
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 68px;
  line-height: 1.35;
  display: block;
}

.container-rotate-text {
  max-width: 100%;
  overflow: hidden;
}

.rotatetext {
  margin-bottom: 40px;
  display: block;
}

.footerblocs {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footertitle {
  opacity: .8;
  color: var(--white);
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.col25 {
  flex: 0 auto;
  max-width: 20%;
}

.col50 {
  clear: none;
  text-align: left;
  flex: 0 auto;
  max-width: 55%;
}

.textfooter {
  color: var(--white);
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.35;
}

.textfooter.footercontact {
  color: var(--white);
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.footer-logo {
  width: 150px;
  height: 55px;
  margin-top: 40px;
}

.form {
  justify-content: space-between;
  padding-right: 40px;
  line-height: 20px;
  display: flex;
}

.text-field-2 {
  color: var(--white);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #fff;
  align-self: center;
  margin-bottom: 0;
  margin-right: 10px;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.text-field-2::placeholder {
  color: #fff;
}

.submit-button {
  border: 1px solid var(--white);
  background-color: #0000;
  border-radius: 20px;
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.our-expertise {
  background-color: #130f57;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.expertise1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.expertise2 {
  width: 100%;
  max-width: 1140px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 0;
}

.expertise3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.expertisebloc50 {
  flex: 1;
  padding-bottom: 120px;
  display: inline-block;
  position: relative;
}

.expertise2bloc100 {
  padding-bottom: 120px;
  position: relative;
}

.expertisetitre {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.expertisemaintitre {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-block;
}

.traitblanc {
  background-color: var(--white);
  width: 100%;
  height: 4px;
}

.expertisechiffre {
  color: #fff;
  text-align: right;
  width: auto;
  height: auto;
  margin-bottom: -15px;
  margin-right: 30px;
  font-family: Inter, sans-serif;
  font-size: 200px;
  font-weight: 900;
  line-height: 1;
  display: inline-block;
}

.expertisedescription {
  color: var(--white);
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  line-height: 1.2;
}

.expertisedescription.step2 {
  padding-left: 160px;
}

.videointro {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 70vh;
  padding-bottom: 30vh;
  display: flex;
  position: relative;
}

.claimtext {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  padding-top: 15vh;
  padding-bottom: 10vh;
  display: flex;
}

.claimtext.client {
  margin-bottom: 2px;
  padding-bottom: 5vh;
}

.claimtext.home {
  margin-bottom: 20px;
}

.ourapproach {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.approachbloc40 {
  flex: 0 auto;
  max-width: 40%;
}

.sectiontitre {
  flex-direction: column;
  align-items: flex-start;
  font-size: 24px;
  line-height: 1.35;
  display: block;
}

.section-post-title {
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.traitbleu {
  background-color: var(--bleu-caro);
  width: 100%;
  height: 4px;
}

.approachdescription {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.approachbloc60 {
  flex: 0 auto;
  max-width: 60%;
}

.our-approach {
  padding-top: 100px;
  padding-bottom: 60px;
}

.approachimage {
  background-image: url('../images/YRSA-Communications_all-team_cover-2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 35vh;
  max-width: 90%;
  height: auto;
  max-height: 70vh;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-top: 40vh;
  padding-bottom: 40vh;
  overflow: hidden;
}

.blog {
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 60px;
  display: none;
}

.blog_posts {
  margin-bottom: 60px;
}

.blog_posts.home {
  width: 100%;
  margin-top: 60px;
}

.collection-grid-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.blogimage {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.filtres {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.filtres.home {
  display: none;
}

.dateblog {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

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

.data_article {
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
  padding: 25px 20px 40px;
  display: flex;
}

.titreblog {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

.menu-wrapper {
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
}

.logo-white {
  width: 176px;
  height: 62px;
}

.menulink {
  color: var(--white);
  cursor: pointer;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}

.menulink:hover {
  color: var(--white);
}

.menulink.black {
  color: var(--black);
}

.link-block-center {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.arrow-right {
  cursor: none;
  margin-right: 15px;
  transition: opacity .2s;
}

.arrow-right.change {
  width: 53px;
  height: 8px;
}

.blog-item {
  border: 1px solid #0000001a;
  margin-bottom: 20px;
}

.blog-item.hidden {
  display: none;
}

.arrow-right-small {
  margin-right: 10px;
}

.arrow-right-small.change {
  display: none;
}

.image-5 {
  width: 16px;
  height: 52px;
  margin-bottom: 20px;
}

.cursor-wrapper {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.cursor {
  opacity: 0;
  background-image: url('../images/Rectangle-22.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
}

.html-embed {
  transition: opacity .2s;
}

.expertise-background-1 {
  z-index: 10;
  opacity: 1;
  background-image: url('../images/Rectangle-22-big.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.div-block-7 {
  z-index: 15;
  position: relative;
}

.div-block-8 {
  z-index: 15;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-9 {
  z-index: 15;
  position: relative;
}

.div-block-10 {
  z-index: 15;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.div-block-11 {
  z-index: 15;
  position: relative;
}

.div-block-12 {
  z-index: 15;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.expertise-background-2 {
  opacity: 1;
  background-image: url('../images/Rectangle-22-big.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.expertise-background-3 {
  opacity: 1;
  background-image: url('../images/Rectangle-22-big.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.blocmenu {
  margin-left: 10px;
  margin-right: 10px;
}

.traitmenu1, .traitmenu2, .traitmenu3 {
  background-color: var(--bleu-caro);
  width: auto;
  height: 2px;
}

.logo-wrapper {
  flex: 1;
}

.more-link-blog-item {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 21px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.link-block-left {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.blog-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.expertise-link {
  color: var(--white);
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  display: flex;
}

.expertise-link:hover {
  color: var(--white);
}

.container-link-expertise {
  object-fit: fill;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  display: flex;
  position: static;
}

.container-link-expertise.morelink-expertise {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  text-decoration: none;
  transition: all .2s;
}

.arrow-right-small-white {
  width: 20px;
  height: 8px;
  margin-right: 15px;
  transition: opacity .2s;
}

.expertise-link-3 {
  color: var(--white);
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.expertise-link-3:hover {
  color: var(--white);
}

.expertise-link-2 {
  color: var(--white);
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 165px;
  padding: 0;
  font-size: 24px;
  line-height: 1.2;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.expertise-link-2:hover {
  color: var(--white);
}

.logo-color {
  width: 172px;
  height: 62px;
  position: static;
}

.collection-item-2 {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-right: 23px;
  display: block;
}

.filter-dynamic-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collection-categories-name-wrapper {
  display: block;
}

.category-button {
  color: var(--black);
  background-color: #0000;
  flex: 1;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.category-button.active {
  color: var(--bleu-caro);
}

.collection-list-wrapper-2 {
  width: 100%;
}

.blog-categories {
  color: var(--blue);
  display: none;
}

.post-content-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.post-title {
  width: 70%;
  color: var(--black);
  margin-top: 25vh;
  margin-bottom: 5vh;
  font-size: 60px;
  line-height: 1.2;
}

.approach-title, .news-title {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.post-date {
  color: var(--black);
  margin-right: 10px;
  font-size: 24px;
  font-weight: 300;
}

.post-date-categorie-wrapper {
  align-items: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
  display: flex;
}

.logo-color-home {
  width: 0;
  max-width: 176px;
  height: 0;
  max-height: 62px;
  position: static;
}

.post-image-cover {
  width: 100%;
}

.collection-list {
  align-items: center;
  display: flex;
}

.collection-item-3 {
  color: var(--black);
  flex: 0 auto;
}

.collection-list-wrapper-3 {
  flex: 1;
  align-self: center;
}

.phraseaccroche {
  background-image: linear-gradient(311deg, var(--black), #4153a0);
  color: #1a1b1f;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.2;
}

.phraseaccroche.animatedgradient {
  text-align: left;
  margin-top: 5vh;
  margin-bottom: 5vh;
  font-size: 50px;
  font-weight: 400;
}

.post-rich-text {
  color: var(--black);
  margin-top: 3vh;
  margin-bottom: 7vh;
  font-size: 30px;
  font-weight: 400;
}

.post-rich-text.article {
  width: 100%;
}

.div-block-14 {
  background-color: #0000001a;
  width: 100%;
  height: 1px;
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.return-box {
  flex: 0 auto;
  align-self: center;
  margin-top: 2vh;
  margin-bottom: 7vh;
}

.related-posts {
  margin-top: 60px;
  margin-bottom: 70px;
  padding-bottom: 10vh;
}

.related_blog_posts {
  margin-top: 60px;
}

.navbar-page {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.cover-image-container {
  border-bottom-right-radius: 40vh;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 60vh;
  margin-top: 5vh;
  margin-bottom: 5vh;
  display: flex;
  overflow: hidden;
}

.blog-full-title {
  color: var(--black);
  margin-top: 25vh;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.container-blog-full {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5vh 20px 7vh;
  display: flex;
  position: static;
}

.data_article-home {
  flex-direction: column;
  justify-content: space-between;
  height: 240px;
  padding: 25px 25px 40px;
  display: flex;
}

.cover-blog-post {
  object-fit: cover;
  align-self: center;
  width: 100%;
  height: 250px;
}

.link-block, .link-block-2, .blog-titrelink {
  text-decoration: none;
}

.container-title-contact {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.ville-contact {
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.container-formulaire {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.villes {
  align-items: center;
  margin-top: 5vh;
  margin-bottom: 2vh;
  display: flex;
}

.formulaire-contact {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5vh;
  display: flex;
}

.formulaire-contact-image, .formulaire-contact-form {
  width: 50%;
}

.formulaire-contact-img-container {
  border-bottom-right-radius: 35vh;
  margin-top: 20px;
  margin-right: 40px;
  overflow: hidden;
}

.container-map {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
}

.map-contact {
  opacity: 1;
  text-align: left;
  width: 100%;
  height: auto;
  position: relative;
}

.map-container {
  background-image: url('../images/MAP-FREEPIK-01-1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.londres {
  background-color: #130f57;
  border-bottom-right-radius: 100%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 31.5%;
  right: 54%;
}

.paris {
  background-color: var(--dark-blue-caro);
  border-bottom-right-radius: 100%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 43%;
  right: 50%;
}

.monaco {
  background-color: var(--dark-blue-caro);
  border-bottom-right-radius: 100%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 59%;
  right: 37%;
}

.contact-field {
  border: 0 solid #000;
  border-bottom-width: 1px;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 0;
  font-size: 34px;
  font-weight: 400;
}

.contact-field:focus-visible, .contact-field[data-wf-focus-visible] {
  border-bottom-width: 2px;
  border-bottom-color: var(--bleu-caro);
}

.contact-field.textarea {
  min-height: 300px;
  padding-top: 20px;
}

.fill-the-form {
  color: var(--black);
  margin-bottom: 100px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.submit-button-2 {
  color: #000;
  background-color: #0000;
}

.submit-button-2.morelink {
  background-image: url('../images/Arrow-More.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
}

.londres-infos {
  background-image: url('../images/rect_map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 27%;
  max-width: 296px;
  height: 29%;
  max-height: 296px;
  position: absolute;
  top: 33%;
  right: 56%;
}

.contact-infos-map {
  color: var(--white);
  position: absolute;
  inset: 15% auto auto 15%;
}

.paris-infos {
  background-image: url('../images/rect_map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 27%;
  max-width: 296px;
  height: 29%;
  max-height: 296px;
  position: absolute;
  top: 44%;
  right: 54%;
}

.monaco-infos {
  background-image: url('../images/rect_map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 27%;
  max-width: 296px;
  height: 29%;
  max-height: 296px;
  position: absolute;
  top: 60%;
  right: 40%;
}

.contact-info-mail {
  float: left;
  width: 100%;
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
  transition-property: none;
  position: static;
}

.contact-info-mail:hover {
  color: var(--white);
}

.contact-info-tel {
  float: left;
  clear: none;
  width: 100%;
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
  transition-property: none;
  position: static;
}

.contact-info-tel:hover {
  color: var(--white);
}

.span-contact {
  font-weight: 600;
}

.image-intro-page {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 680px;
}

.image-intro-page.offering {
  object-position: 50% 50%;
  filter: brightness(80%);
  object-position: 50% 50%;
}

.span-bleu {
  color: var(--bleu-caro);
  display: inline;
}

.text-block-7 {
  color: var(--darkblue);
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.more-link-expertise {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
  display: flex;
}

.item {
  width: 400px;
  height: auto;
  margin-bottom: 20px;
  margin-right: 40px;
  position: relative;
  overflow: hidden;
}

.members-slider-profil-pic {
  object-fit: cover;
  object-position: 50% 50%;
  width: 400px;
  max-width: 40vh;
  height: 460px;
  max-height: 50vh;
  margin-bottom: 20px;
}

.team-member-name {
  max-width: 465px;
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.2;
}

.team-member-job-title {
  max-width: 465px;
  color: var(--bleu-caro);
  margin-top: 0;
  font-size: 30px;
  line-height: 1.2;
}

.scroll-cursor {
  opacity: 0;
  background-image: url('../images/Scroll-horizontal.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin-top: -90px;
  margin-left: -40px;
}

.partnerbloc50 {
  flex: 1;
  max-width: 50%;
}

.partner-name {
  color: var(--black);
  align-self: flex-start;
  font-size: 60px;
  line-height: 1.2;
}

.our-partners {
  padding-top: 15vh;
  padding-bottom: 5vh;
}

.ourapproachtext {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.link-block-right {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.subscribe-text-footer {
  color: var(--white);
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.35;
}

.social-footer-links.tablettes {
  align-items: center;
  display: flex;
}

.partners-title {
  color: #000;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.left-arrow {
  background-color: var(--bleu-caro);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 40px;
  display: flex;
}

.left-arrow.partners {
  margin-top: 130px;
  inset: 0% auto auto 0%;
}

.left-arrow.results {
  margin-top: 10px;
  inset: 0% auto auto 0%;
}

.left-arrow.offering {
  margin-right: 10px;
  top: auto;
  left: auto;
  right: 50%;
}

.left-arrow.about {
  margin-top: -35px;
  margin-right: 20px;
  inset: auto 50% auto auto;
}

.right-arrow {
  background-color: var(--bleu-caro);
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 40px;
  display: flex;
  left: -80%;
}

.right-arrow.partners {
  margin-top: 130px;
  inset: 0% auto auto 50px;
}

.right-arrow.results {
  margin-top: 10px;
  inset: 0% auto auto 50px;
}

.right-arrow.offering {
  margin-left: 10px;
  top: auto;
  left: 50%;
  right: auto;
}

.right-arrow.about {
  margin-top: -35px;
  inset: auto auto auto 50%;
}

.slider-right, .slider-left {
  background-color: var(--bleu-caro);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 15px;
  display: flex;
}

.all-team-members {
  margin-bottom: 70px;
  padding-top: 15vh;
  padding-bottom: 10vh;
}

.collection-list-wrapper-4 {
  width: 100%;
}

.all-members-profil-pic {
  object-fit: cover;
  width: 300px;
  height: 380px;
}

.collection-item-4 {
  border-top: 1px solid #000;
  border-bottom: 0 solid #000;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.member-bio {
  flex: 1;
  align-self: flex-start;
  padding-left: 50px;
}

.rich-text-block {
  color: var(--black);
  font-weight: 300;
}

.tagline-offering {
  color: var(--black);
  margin-top: -160px;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
}

.tagline-offering.team {
  margin-top: -80px;
}

.offering-audit {
  background-color: #ebebea;
  padding-top: 12vh;
  padding-bottom: 7vh;
  display: block;
}

.offering-bloc-40 {
  flex: 1;
  max-width: 40%;
  position: relative;
}

.container-offering {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.offering-title {
  color: #000;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.offering-title-step {
  margin-bottom: 60px;
  font-size: 52px;
  line-height: 1.2;
}

.paragraph {
  border-bottom: 1px solid #000;
  margin-bottom: 100px;
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 24px;
  font-weight: 300;
}

.paragraph.results {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.big-number {
  z-index: 9;
  background-image: linear-gradient(225deg, var(--bleu-caro), white);
  opacity: .15;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 470px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 120px;
}

.offering-performance-mobile {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12vh;
  padding-bottom: 7vh;
  display: none;
  overflow: hidden;
}

.offers-title {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
}

.image-9 {
  object-fit: cover;
  width: 100%;
  max-width: 40vh;
  height: 520px;
  max-height: 50vh;
}

.text-block-9 {
  font-size: 20px;
}

.collection-list-wrapper-5 {
  position: relative;
}

.offering-results {
  background-color: var(--white);
  padding-top: 12vh;
  padding-bottom: 7vh;
  display: block;
}

.offering-bloc-60 {
  z-index: 99;
  flex: 1;
  max-width: 60%;
  position: relative;
}

.slider-fleche-gauche {
  width: 15px;
  height: auto;
  position: static;
}

.slider-fleche-droite {
  width: 15px;
  height: auto;
}

.results-slider-text {
  border-bottom: 0 solid #000;
  padding-top: 20px;
  padding-bottom: 40px;
  font-size: 30px;
  font-weight: 400;
}

.trait-results-slider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  margin-top: 60px;
  margin-bottom: -2px;
}

.trait-results-slider-color {
  background-color: var(--bleu-caro);
  width: 33%;
  height: 4px;
  margin-bottom: 10px;
}

.trait-results-slider-color._2 {
  margin-left: 33%;
}

.trait-results-slider-color._3 {
  margin-left: 67%;
}

.slider-results {
  background-color: #0000;
  flex: 1;
  max-width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 70px;
  display: block;
}

.slider-partners {
  background-color: #0000;
  flex: 1;
  max-width: 100%;
  height: 100%;
  display: none;
}

.slider-offering {
  background-color: #0000;
  flex: 1;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 70px;
  display: block;
}

.about-us {
  margin-bottom: 20px;
  padding-top: 15vh;
  padding-bottom: 0;
}

.aboutus {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin: 40px auto 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.aboutus-title {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.aboutusdescription {
  color: var(--black);
  margin-top: -70px;
  margin-bottom: 10px;
  margin-left: -10%;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.offering-title-container {
  display: flex;
}

.slider-about-us {
  background-color: #0000;
  flex: 1;
  max-width: 100%;
  height: 100%;
  display: block;
}

.aboutus-container {
  background-image: url('../images/Rectangle-22-big.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.mask {
  overflow: visible;
}

.valuestitre {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10vh;
  margin-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
}

.values {
  background-image: linear-gradient(to bottom, var(--white), #fff0);
  color: var(--white);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3.7vw;
  font-weight: 400;
  line-height: 1.1;
}

.slide-nav, .slide-nav-2 {
  display: none;
}

.section-contact-map {
  padding-bottom: 7vh;
}

.agencywithoutborders {
  background-image: url('../images/agency-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -50px;
  margin-bottom: -50px;
  padding-top: 140px;
  padding-bottom: 80px;
}

.agencydescription {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
}

.agencytext {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agencybloc60 {
  flex: 0 auto;
  max-width: 60%;
}

.agencybloc40 {
  flex: 0 auto;
  max-width: 40%;
}

.agency-title {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.agencyborders {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.manifesto {
  padding-top: 15vh;
  padding-bottom: 10vh;
}

.section-accordeon {
  border-bottom: 1px solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 80px;
  display: block;
}

.accordeon-title {
  width: 85%;
  color: var(--black);
  font-size: 44px;
  font-weight: 500;
  line-height: 1.2;
}

.arrow-wrapper-accordeon {
  background-color: var(--bleu-caro);
  border-radius: 50%;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
}

.accordeon-titre {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordeon-content {
  display: block;
  overflow: hidden;
}

.accordeon-content-bloc {
  color: var(--black);
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 300;
  overflow: hidden;
}

.accordeon-element {
  cursor: pointer;
  border-top: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.expertisetitresection {
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.1;
  display: inline-block;
}

.text-block-10, .text-block-11, .text-block-12, .text-block-13 {
  margin-bottom: 0;
}

.text-block-14, .text-block-15, .text-block-16 {
  color: var(--white);
}

.text-block-17, .text-block-18 {
  text-decoration: none;
}

.rotatetext2 {
  margin-bottom: 40px;
  display: none;
}

.container-rotate-text2 {
  max-width: 100%;
  overflow: hidden;
}

.rotatingtext2 {
  color: var(--black);
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 68px;
  line-height: 1.35;
  display: block;
}

.text-overlap-end {
  background-color: #130f57;
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.container-w3.gutter-outside {
  max-width: 1140px;
}

.section-text-gradient-effect {
  z-index: 0;
  margin-top: 15vh;
  margin-bottom: 20vh;
  position: relative;
}

.text-effect-wrapper {
  background-color: #130f57;
  height: 260vh;
  margin-top: 0;
  margin-bottom: -20vh;
}

.text-effect-gradient {
  mix-blend-mode: darken;
  background-image: linear-gradient(#130f57 12%, #332f81 26%, #9c99cf 38%, #f5f5f7 50%, #9c99cf 64%, #351073 76%, #130f57 88%);
  height: 260vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  padding-top: 7vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.text-effect-inner {
  background-color: #130f57;
  position: relative;
  overflow: hidden;
}

.languageswitcher {
  width: auto;
  height: auto;
  color: var(--black);
  flex-direction: row;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 10%;
  right: 20%;
}

.languageswitcherlink {
  color: #a8a8a8;
  flex: 1;
  margin-right: 5px;
  text-decoration: none;
}

.languageswitchertext {
  color: var(--black);
  margin-right: 5px;
}

.grid-image-partner {
  object-fit: cover;
  border-bottom-right-radius: 35vh;
  width: 100%;
  height: 100%;
  padding-right: 40px;
}

.grid-image-partner.iea {
  object-position: 0% 50%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 35vh;
  padding-left: 40px;
  padding-right: 0;
}

.grid-partnersdescription {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
}

.slidergrid {
  margin-bottom: 220px;
}

.valuesshade {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: screen;
  background-image: url('../images/Ellipse-values.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  background-clip: border-box;
  display: block;
  position: absolute;
  inset: 0%;
}

.verticalhorizontalscroll {
  height: 500vh;
  padding-top: 10vh;
  padding-bottom: 2vh;
  overflow: visible;
}

.verticalhorizontalscroll.clients {
  background-color: #ebebea;
  height: 300vh;
  padding-top: 6vh;
  padding-bottom: 4vh;
}

.verticalhorizontalscroll.equipe {
  background-color: #0000;
  height: 500vh;
  padding-top: 0;
  padding-bottom: 4vh;
  position: relative;
}

.horizontal-scroll-wrapper {
  cursor: auto;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  overflow: visible;
}

.horizontal-scroll-wrapper.clients {
  background-image: url('../images/agency-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 20px;
  top: 16%;
}

.horizontal-scroll-wrapper.equipe {
  z-index: 15;
  top: 15vh;
}

.horizontal-scroll-wrapper.offrering {
  z-index: 99;
  padding-left: 20px;
  top: 18vh;
}

.horizontal-scroll-content {
  cursor: auto;
  width: 6680px;
  display: flex;
  overflow: hidden;
}

.horizontal-scroll-content.clients {
  width: 3970px;
}

.horizontal-scroll-content.team {
  width: 6600px;
  padding-left: 20px;
}

.partnersfollowwrapper {
  display: block;
}

.container-clients-title {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin: 60px auto;
  display: flex;
  position: relative;
}

.posts-slider-mobile {
  flex: 0 auto;
  width: 100%;
  display: none;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.sliderblog {
  background-color: #0000;
  height: auto;
}

.fake-left-slide-agency {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: -35px;
  margin-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 50% auto auto;
}

.fake-right-slide-agency {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: -35px;
  display: flex;
  position: absolute;
  inset: auto auto auto 50%;
}

.steps-mobile {
  display: none;
}

.steps-texts-mobile {
  border-bottom: 0 solid #000;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
}

.steps-wrapper {
  align-items: center;
  display: flex;
}

.steps-number {
  font-size: 30px;
}

.number-wrapper {
  border: 1px solid #000;
  border-bottom-right-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  display: flex;
}

.fake-right-slide-offering {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: -34px;
  margin-left: 10px;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: auto;
  left: 50%;
  right: auto;
}

.fake-left-slide-offering {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: -34px;
  margin-left: auto;
  margin-right: 10px;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: 50%;
}

.fake-left-slide-results {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.fake-right-slide-results {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50px;
}

.fake-right-slide-partners {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 130px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50px;
}

.fake-left-slide-partners {
  background-color: #a0a9cf;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 130px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sliderscroll-mobile {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.item-mobile-slider {
  width: 400px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.arrow-accordeon {
  transform: rotate(180deg);
}

.clients-section-mobile, .team-section-mobile {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12vh;
  padding-bottom: 7vh;
  display: none;
  overflow: hidden;
}

.valuesshade-wrapper {
  height: 260vh;
  margin-top: -100px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.mask-3 {
  overflow: hidden;
}

.team-intro {
  width: 100%;
  max-width: 1140px;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.team-link {
  width: 100%;
  max-width: 1140px;
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  display: flex;
  position: static;
}

.slider-client {
  background-color: #0000;
  flex: 1;
  height: 100%;
  margin-top: 80px;
  margin-bottom: 70px;
  display: block;
}

.slide-nav-4 {
  display: none;
}

.textrotatif {
  margin-bottom: 40px;
  display: block;
}

.textefrrotatif {
  color: var(--black);
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 68px;
  line-height: 1.35;
  display: block;
}

.tagline-offering-mobile {
  color: var(--black);
  margin-top: -150px;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
  display: none;
}

.rotatingcity {
  color: var(--black);
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 68px;
  line-height: 1.35;
  display: block;
}

.rotatingcity.agency {
  color: var(--bleu-caro);
}

.contactslider {
  width: 100%;
  min-width: 50vw;
  height: 100vh;
}

.contactslider.contact {
  min-width: 0;
  height: 730px;
}

.slidermenuimg {
  object-fit: cover;
  width: 100%;
  min-width: 50vw;
  height: 100%;
  min-height: 100vh;
}

.hero-mask {
  width: 100%;
  min-width: 50vw;
  height: 100%;
  min-height: 100vh;
}

.link-block-3, .collection-list-wrapper-6 {
  width: 100%;
}

.grid-expertise {
  z-index: 15;
  text-align: left;
  grid-template-rows: auto auto auto;
  grid-template-columns: 140px 1fr;
  align-content: stretch;
  position: relative;
}

.div-block-16, .div-block-17 {
  width: auto;
  height: auto;
}

.expertise-mobile {
  display: none;
}

.more-link-left {
  align-items: center;
  display: flex;
}

.more-link-left.morelink {
  padding-left: 0;
  padding-right: 0;
}

.expertise-link-bloc {
  align-items: center;
  display: flex;
}

.crossfadeimage {
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.crossfadeimage.contact {
  object-fit: fill;
  border-bottom-right-radius: 35vh;
  height: 720px;
  overflow: hidden;
}

.crossfade {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.crossfade._1 {
  z-index: 15;
}

.crossfade._1.contact {
  border-bottom-right-radius: 35vh;
}

.crossfade._2 {
  z-index: 12;
}

.crossfade._2.contact {
  border-bottom-right-radius: 35vh;
}

.crossfade._3 {
  z-index: 10;
}

.crossfade._3.contact {
  border-bottom-right-radius: 35vh;
}

.crossfade.base {
  border-bottom-right-radius: 20vw;
}

.crossfade.base.contact {
  border-bottom-right-radius: 35vh;
}

.contact-title {
  color: var(--black);
  margin-top: 25vh;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.bg-cover-team {
  background-color: #ebebea;
  position: absolute;
  inset: 0%;
}

.reseaux-tablette {
  display: none;
}

.blog-image-home {
  width: 100%;
}

.yrsa-communications {
  font-weight: 700;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_description {
  display: inline;
}

.cookie-modal_closebutton {
  z-index: 5;
  cursor: pointer;
  background-color: #4153a00d;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 1.25rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_component {
  max-width: 38rem;
  color: var(--black);
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_closebutton_line {
  background-color: var(--black);
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 1.1875rem;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--darkblue);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.cookie-modal_button {
  border: 1.5px solid var(--white);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4rem;
  padding: .875em 1em .75rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: var(--white);
  color: var(--black);
}

.cookie-modal_button.is-secondary {
  background-color: #0000;
}

.cookie-modal_button.is-secondary:hover {
  color: var(--white);
}

.ck-cookie-w {
  z-index: 9500;
  max-width: 28rem;
  display: none;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_link {
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
  display: inline;
}

.cookie-preference_component {
  z-index: 19525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #0000001a;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-modal_radio_description {
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid #999c98;
  border-radius: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.w--redirected-checked {
  border: 1px solid var(--blue);
  background-color: var(--blue);
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
}

.cookie-modal_radio_button.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  border-color: var(--blue);
  background-color: var(--blue);
  cursor: not-allowed;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
}

.cookie-modal_radio_label {
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.container-title-cookies {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.cookies-title {
  color: var(--black);
  margin-top: 25vh;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  line-height: 1.2;
}

.heading-jumbo-copy {
  background-image: linear-gradient(311deg, var(--black), #4153a0);
  color: #1a1b1f;
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 40px;
  margin-bottom: 60px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-jumbo-copy.animatedgradient {
  font-size: 50px;
  font-weight: 400;
}

.heading-jumbo-copy.animatedgradient.offering, .heading-jumbo-copy.animatedgradient.clients {
  margin-bottom: 100px;
}

.link-block-4, .link-block-5 {
  width: 100%;
}

.presentation-yrsa {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 5vh;
  margin-bottom: 5vh;
  display: flex;
}

.avantage {
  text-align: left;
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.35;
}

.avantage.bloc {
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 18px;
}

.radio-field-title-siteabo {
  padding-top: 20px;
  font-size: 22px;
}

.radio-button-field {
  margin-left: 30px;
  margin-right: 30px;
  padding-top: 20px;
}

.radio-text {
  font-size: 18px;
}

.radio-field-wrapper-siteabo {
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.radio-button {
  border-color: #999;
  border-radius: 0% 0% 50%;
  width: 15px;
  height: 15px;
}

.radio-button:hover {
  border-width: 3px;
  border-color: #140f57;
}

.radio-button.w--redirected-checked {
  background-color: #140f57;
  border-width: 0;
}

.avantages-sites-icon {
  flex-flow: wrap;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.avantage-bloc {
  clear: left;
  flex-direction: row;
  align-items: flex-start;
  width: 33.3%;
  min-width: 290px;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.avantage-icon {
  width: 100px;
  margin-bottom: 20px;
  margin-right: 5px;
}

.offre-siteabo {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.contact-field-siteabo {
  border: 0 solid #000;
  border-bottom-width: 1px;
  width: 33%;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-left: 0;
  font-size: 34px;
  font-weight: 400;
}

.contact-field-siteabo:focus-visible, .contact-field-siteabo[data-wf-focus-visible] {
  border-bottom-width: 2px;
  border-bottom-color: var(--bleu-caro);
}

.form-contact-bloc-siteabo {
  margin-top: 20px;
  margin-bottom: 40px;
}

.form-siteabo {
  display: block;
}

.form-siteabo-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.bloc-radio-siteabo {
  width: 33%;
}

.avantage-link {
  text-align: center;
  align-self: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
}

.avantage-link:hover {
  color: var(--white);
  background-color: #000;
}

.section-exemple-siteabo-left {
  align-items: stretch;
  margin-bottom: 200px;
  display: flex;
}

.bloc-image-left {
  width: 70%;
  max-width: 70%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}

.titre-sur-left {
  z-index: 999;
  width: 100%;
  color: var(--transparent);
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  flex-direction: row;
  justify-content: center;
  font-size: 4em;
  font-weight: 900;
  display: block;
  position: absolute;
  top: 40%;
}

.siteabo-image-left {
  z-index: 99;
  color: var(--transparent);
  position: relative;
  box-shadow: 0 0 20px #00000080;
}

.block-image-left-text-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 30%;
  max-width: 30%;
  display: flex;
}

.block-image-text-right {
  opacity: .3;
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  transform: rotate(90deg);
}

.block-image-text-left {
  opacity: .3;
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  transform: rotate(-90deg);
}

.bloc-image-right {
  width: 70%;
  max-width: 70%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}

.titre-sur-right {
  z-index: 999;
  width: 100%;
  color: var(--transparent);
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  font-size: 4em;
  font-weight: 900;
  position: absolute;
  top: 40%;
}

.siteabo-image-right {
  z-index: 99;
  color: var(--transparent);
  position: relative;
  box-shadow: 0 0 20px #00000080;
}

.section-exemple-siteabo-right {
  align-items: stretch;
  margin-bottom: 200px;
  display: flex;
}

.siteabo-blocklink {
  cursor: pointer;
  align-items: stretch;
  text-decoration: none;
}

.link-animation {
  border: 1px solid #0000004d;
  border-radius: 50%;
  width: 160px;
  height: auto;
  margin-top: 20vh;
}

.link-animation:hover {
  border-color: var(--blue);
  background-color: #f1f1f1;
}

.siteabo-link-deco {
  opacity: .5;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 14px;
}

.precisiontarif {
  margin-bottom: 40px;
  margin-right: auto;
  font-size: 14px;
}

.logo-white-2 {
  width: 250px;
  height: auto;
}

.callto {
  text-align: center;
  background-color: #4153a0;
  border-radius: 30px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  font-size: 38px;
  font-weight: 600;
}

.callto:hover {
  background-color: #fff;
}

.callto.menu {
  margin-top: 0;
  padding: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.container-4 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.tagline-offering-2 {
  color: #fff;
  margin-top: -160px;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.span-noir {
  color: #000;
  display: inline;
}

.left-arrow-3 {
  background-color: #4153a0;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 40px;
  display: flex;
}

.left-arrow-3.offering {
  margin-right: 10px;
  top: auto;
  left: auto;
  right: 50%;
}

.right-arrow-3 {
  background-color: #4153a0;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-top: 40px;
  display: flex;
  left: -80%;
}

.right-arrow-3.offering {
  margin-left: 10px;
  top: auto;
  left: 50%;
  right: auto;
}

.container-5 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.blocsection {
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5vh 20px;
  display: flex;
}

.slider-offering-2 {
  background-color: #0000;
  flex: 1;
  height: 100%;
  margin-top: 40px;
  margin-bottom: 70px;
  display: block;
}

.heading-jumbo-2 {
  color: #1a1b1f;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(311deg, #000, #4153a0);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-jumbo-2.animatedgradient {
  font-size: 50px;
  font-weight: 400;
}

.heading-jumbo-2.animatedgradient.offering {
  margin-bottom: 100px;
}

.container-6 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.list-item {
  color: #000;
  font-size: 50px;
}

.sectiontitre-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.35;
  display: block;
}

.traitbleu-2 {
  background-color: #4153a0;
  width: 100%;
  height: 4px;
}

.section-offre {
  background-color: #ebebea;
  padding: 5vh 20px;
}

.paragraph-2 {
  color: #000;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.paragraph-2.list {
  font-family: Inter, sans-serif;
}

.paragraph-2.offre {
  font-family: Inter, sans-serif;
  font-size: 22px;
}

.paragraph-2.center {
  text-align: center;
  font-size: 36px;
  line-height: 1.2;
}

.offering-title-2 {
  color: #000;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
}

.heading-medium {
  color: #1a1b1f;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(311deg, #000, #4153a0);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-medium.animatedgradient {
  font-size: 50px;
  font-weight: 400;
}

.heading-medium.animatedgradient.offering {
  text-align: left;
  font-size: 32px;
}

.container-7 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.container-7._2col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

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

.columns.offres {
  margin-bottom: 20px;
}

.traitbleu-3 {
  background-color: #4153a0;
  width: 100%;
  height: 4px;
}

.image-text-bloc {
  width: 60%;
}

.column-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-offre {
  width: 60%;
  margin-bottom: 10px;
}

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

.offering-title-image {
  color: #000;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.container-8 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.tagline {
  color: #1e196a;
  text-align: center;
  font-size: 50px;
  line-height: 1.2;
}

.container-9 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.cookie-modal_button-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: 1.5px solid #fff;
  border-radius: 4rem;
  padding: .875em 1em .75rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button-2:hover {
  color: #000;
  background-color: #fff;
}

.cookie-modal_button-2.is-secondary {
  background-color: #0000;
}

.cookie-modal_button-2.is-secondary:hover {
  color: #fff;
}

.footertitle-2 {
  opacity: .8;
  color: #fff;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.container-10 {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.container-10.copyright-2 {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.text-block-19, .text-block-20 {
  margin-bottom: 0;
}

.text-block-21, .text-block-22 {
  color: #fff;
}

.copyright-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.text-block-23 {
  margin-bottom: 0;
}

.cookie-modal_component-2 {
  color: #000;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.cookie-modal_button-wrap-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #1e196a;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap-2.is-small {
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap-2.in-pref-manger {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.text-block-24 {
  color: #fff;
}

.cookie-modal_radio_button-2 {
  float: left;
  border: 1.75px solid #999c98;
  border-radius: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button-2.w--redirected-checked {
  background-color: #0172bb;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #0172bb;
}

.cookie-modal_radio_button-2.w--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button-2.is-always-active {
  cursor: not-allowed;
  background-color: #0172bb;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #0172bb;
}

.footer-links-2 {
  float: left;
  clear: none;
  color: #fff;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: block;
}

.footer-links-2.mail {
  color: #fff;
  padding-bottom: 40px;
}

.footer-links-2.address {
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.footer-links-2.address:hover {
  color: #fff;
}

.footer-links-2.phone {
  color: #fff;
  padding-top: 40px;
}

.textfooter-2 {
  color: #fff;
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 1.35;
}

.textfooter-2.footercontact {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-item-2 {
  opacity: 1;
  color: #fff;
  padding-bottom: 5px;
  padding-right: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item-2:hover {
  opacity: .9;
  color: #fff;
}

.footer-item-2:active {
  opacity: .8;
}

.text-block-25 {
  margin-bottom: 0;
}

.footer-wrap-2 {
  color: #fff;
  background-color: #4153a0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 80px 20px 10px;
  display: block;
}

.cookie-modal_closebutton_line-2 {
  background-color: #000;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line-2.is-left {
  transform: rotate(45deg);
}

.cookie-modal_closebutton_line-2.is-right {
  transform: rotate(-45deg);
}

.slide-nav-5 {
  display: none;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-jumbo-light {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 48px;
    line-height: 1.2;
  }

  .button {
    justify-content: center;
  }

  .menu-icon {
    display: block;
  }

  .menu-button {
    padding: 18px 0 18px 18px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .footer-wrap {
    padding: 30px 20px;
  }

  .footer-links.address, .footer-links.phone, .footer-links.mail {
    font-size: 16px;
  }

  .footer-item {
    padding-right: 0;
    font-size: 16px;
  }

  .footer-item.tablettes {
    padding-right: 10px;
  }

  .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-3 {
    padding-left: 5vw;
    padding-right: 5vh;
  }

  .nav-link {
    font-size: 30px;
    line-height: 1;
  }

  .nav-link.last {
    margin-bottom: 10px;
  }

  .navlinksmall {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    line-height: 25px;
  }

  .navlinksmall.navmiddlelast {
    margin-top: -15px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px;
    line-height: 29px;
  }

  .heading-jumbo {
    font-size: 42px;
  }

  .heading-jumbo.animatedgradient {
    font-size: 38px;
  }

  .heading-jumbo.animatedgradient.offering {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 38px;
  }

  .heading-jumbo.animatedgradient.team {
    font-size: 38px;
  }

  .heading-jumbo.animatedgradient.clients {
    padding-left: 0%;
    padding-right: 0%;
  }

  .scrollbloc {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .container-link-center.morelink.fullteam {
    padding-right: 0;
  }

  .footerblocs {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .footertitle {
    font-size: 13px;
  }

  .col25 {
    text-align: left;
    width: 30%;
    max-width: 100%;
    margin-right: 30px;
  }

  .col25.r-seau {
    display: none;
  }

  .col50 {
    text-align: left;
    width: 60%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .textfooter {
    margin-bottom: 0;
  }

  .textfooter.footercontact {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .copyright {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-logo {
    float: right;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .form {
    max-width: 400px;
    padding-right: 0;
  }

  .text-field-2, .submit-button {
    font-size: 16px;
  }

  .expertise1, .expertise2, .expertise3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .expertisebloc50.droite {
    background-image: url('../images/Rectangle-22-big.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .expertise2bloc100 {
    background-image: url('../images/Rectangle-22-big.svg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .expertisemaintitre {
    font-size: 26px;
  }

  .expertisedescription, .expertisedescription.step2, .expertisedescription.step3 {
    padding-left: 0;
  }

  .videointro {
    padding-top: 60vh;
    padding-bottom: 25vh;
  }

  .claimtext {
    margin-bottom: 0;
  }

  .claimtext.home, .ourapproach {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sectiontitre {
    margin-left: 20px;
  }

  .sectiontitre.bloghome {
    padding-left: 20px;
  }

  .approachdescription {
    font-size: 30px;
  }

  .approachimage {
    height: auto;
    padding-top: 25vh;
    padding-bottom: 25vh;
  }

  .blog_posts {
    display: block;
  }

  .collection-grid-list {
    grid-template-columns: 1fr;
  }

  .filtres {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .menu-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .menulink {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
  }

  .blog-item {
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 40px;
  }

  .expertise-background-1, .expertise-background-2, .expertise-background-3 {
    display: none;
  }

  .more-link-blog-item {
    font-size: 22px;
  }

  .expertise-link, .expertise-link-3, .expertise-link-2 {
    margin-left: 0;
  }

  .collection-item-2 {
    flex: 0 auto;
  }

  .filter-dynamic-list {
    display: flex;
    overflow: auto;
  }

  .category-button {
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .post-content-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .post-title {
    width: 100%;
    margin-bottom: 2vh;
    font-size: 48px;
  }

  .approach-title, .news-title {
    font-size: 26px;
  }

  .phraseaccroche {
    font-size: 42px;
  }

  .phraseaccroche.animatedgradient {
    margin-top: 2vh;
    margin-bottom: 2vh;
    font-size: 38px;
  }

  .post-rich-text {
    margin-top: 3vh;
    margin-bottom: 3vh;
    font-size: 26px;
  }

  .div-block-14 {
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .return-box {
    margin-bottom: 2vh;
  }

  .related-posts {
    padding-bottom: 5vh;
  }

  .navbar-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cover-image-container {
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .blog-full-title {
    margin-top: 23vh;
    margin-bottom: 2vh;
    margin-left: 20px;
    font-size: 48px;
  }

  .container-blog-full {
    padding-left: 0;
    padding-right: 0;
  }

  .data_article-home {
    height: 200px;
  }

  .cover-blog-post {
    height: 450px;
  }

  .container-title-contact, .container-formulaire {
    padding-left: 20px;
    padding-right: 20px;
  }

  .villes {
    margin-top: 3vh;
  }

  .formulaire-contact {
    margin-top: 2vh;
  }

  .formulaire-contact-img-container {
    border-bottom-right-radius: 25vh;
    margin-right: 0;
  }

  .container-map {
    margin-top: 20px;
  }

  .map-contact {
    opacity: 0;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .map-container {
    background-image: url('../images/map_mobile.webp');
    min-height: 90vw;
  }

  .londres {
    top: 40%;
    right: 51%;
  }

  .paris {
    top: 54%;
    right: 46%;
  }

  .monaco {
    top: 75%;
    right: 25%;
  }

  .contact-field {
    padding-top: 10px;
    font-size: 26px;
  }

  .contact-field.textarea {
    min-height: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .fill-the-form {
    margin-bottom: 40px;
    font-size: 30px;
  }

  .londres-infos {
    width: 40%;
    height: 43%;
    display: block;
    top: 42%;
    right: 54%;
  }

  .paris-infos {
    width: 40%;
    height: 43%;
    top: 32%;
    right: 55.5%;
  }

  .monaco-infos {
    width: 40%;
    height: 43%;
    top: 38%;
    right: 52%;
  }

  .contact-info-mail {
    padding-bottom: 20px;
  }

  .contact-info-tel {
    padding-top: 20px;
  }

  .image-intro-page {
    height: 550px;
  }

  .list {
    padding-top: 100px;
    padding-right: 140px;
  }

  .item {
    width: 300px;
    overflow: hidden;
  }

  .members-slider-profil-pic {
    width: 100%;
    max-width: 100%;
    height: 80vh;
    max-height: 80vh;
    margin-left: auto;
    margin-right: auto;
  }

  .team-member-name {
    font-size: 26px;
  }

  .team-member-job-title {
    font-size: 24px;
  }

  .partnerbloc50 {
    max-width: 100%;
  }

  .partner-name {
    margin-top: 80px;
    font-size: 40px;
  }

  .our-partners {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-right {
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 20px;
  }

  .subscribe-text-footer {
    margin-bottom: 0;
    display: none;
  }

  .social-footer-links {
    float: left;
  }

  .social-footer-links.tablettes {
    justify-content: space-between;
  }

  .partners-title {
    font-size: 26px;
  }

  .left-arrow.partners {
    margin-top: 50px;
  }

  .left-arrow.offering {
    z-index: 50;
  }

  .left-arrow.about {
    bottom: -60px;
  }

  .right-arrow.partners {
    margin-top: 50px;
  }

  .right-arrow.offering {
    z-index: 50;
  }

  .right-arrow.about {
    bottom: -60px;
  }

  .all-team-members {
    padding-top: 10vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .all-members-profil-pic {
    width: 250px;
    height: 310px;
  }

  .collection-item-4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tagline-offering {
    margin-top: -120px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 48px;
  }

  .tagline-offering.team {
    margin-top: -60px;
  }

  .offering-audit {
    padding-top: 12vh;
    padding-bottom: 7vh;
  }

  .offering-bloc-40 {
    max-width: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-offering {
    padding-left: 0;
    padding-right: 0;
  }

  .offering-title {
    font-size: 26px;
  }

  .offering-title-step {
    font-size: 32px;
  }

  .paragraph.results {
    padding-bottom: 10px;
  }

  .big-number {
    font-size: 370px;
  }

  .offering-performance-mobile {
    padding-top: 12vh;
    padding-bottom: 3vh;
    display: block;
    position: relative;
  }

  .offers-title {
    font-size: 28px;
  }

  .image-9 {
    width: 100%;
    max-width: none;
    height: 98vw;
    max-height: none;
  }

  .text-block-9 {
    font-size: 20px;
  }

  .offering-results {
    padding-top: 12vh;
    padding-bottom: 7vh;
  }

  .offering-bloc-60 {
    max-width: 70%;
    padding-right: 20px;
  }

  .slider-offering {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-us {
    margin-bottom: -20vh;
    padding-bottom: 5vh;
  }

  .aboutus {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .aboutus-title {
    font-size: 26px;
  }

  .aboutusdescription {
    margin-top: 60px;
    margin-left: 0%;
    padding-right: 0%;
    font-size: 30px;
  }

  .aboutus-container {
    background-position: 50% 100%;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 0;
  }

  .mask.about {
    overflow: hidden;
  }

  .valuestitre {
    margin-top: 0;
    margin-bottom: 5vh;
    margin-left: 0;
  }

  .values {
    font-size: 59px;
    line-height: 1.2;
  }

  .section-contact-map {
    padding-bottom: 0;
  }

  .agencydescription {
    font-size: 30px;
  }

  .agency-title {
    font-size: 26px;
  }

  .agencyborders, .manifesto {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordeon-title {
    font-size: 34px;
  }

  .accordeon-content-bloc {
    font-size: 22px;
  }

  .logo-footer-wrapper {
    float: right;
  }

  .logo-footer-wrapper.tablettes, .logo-footer-wrapper.tablettes.w--current {
    margin-top: -35px;
  }

  .container-w3.gutter-outside {
    margin-top: -80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-text-gradient-effect {
    margin-top: 30vh;
    margin-bottom: 12vh;
  }

  .text-effect-wrapper {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .text-effect-sticky-element {
    height: 90vh;
    padding-top: 100px;
    top: 0;
  }

  .grid-image-partner {
    border-bottom-right-radius: 35vw;
    max-height: 50vh;
    padding-right: 0;
  }

  .grid-image-partner.iea {
    padding-left: 0;
  }

  .grid-partnersdescription {
    order: 1;
    margin-top: 20px;
    font-size: 22px;
  }

  .slidergrid {
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  .verticalhorizontalscroll {
    display: none;
  }

  .horizontal-scroll-wrapper.clients {
    position: relative;
    top: auto;
  }

  .horizontal-scroll-content {
    width: 4160px;
    padding-left: 200px;
  }

  .horizontal-scroll-content.clients {
    width: 2400px;
  }

  .container-clients-title {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .posts-slider-mobile {
    margin-bottom: 50px;
    display: none;
  }

  .slide-bullet {
    inset: auto 0% -50px;
  }

  .fake-left-slide-agency, .fake-right-slide-agency {
    bottom: -60px;
  }

  .fake-right-slide-offering, .fake-left-slide-offering {
    margin-top: -34px;
  }

  .fake-right-slide-partners, .fake-left-slide-partners {
    margin-top: 50px;
  }

  .item-mobile-slider {
    width: 100%;
  }

  .slidemobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-nav-3 {
    z-index: 50;
    margin-top: 40px;
    margin-bottom: 40px;
    display: none;
    position: relative;
  }

  .clients-section-mobile {
    background-color: #ebebea;
    padding-top: 0;
    padding-bottom: 7vh;
    display: block;
    position: relative;
  }

  .team-section-mobile {
    background-color: #ebebea;
    padding-top: 5vh;
    padding-bottom: 9vh;
    display: block;
    position: relative;
  }

  .valuesshade-wrapper {
    margin-top: 0;
  }

  .team-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-client {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
  }

  .tagline-offering-mobile {
    margin-top: -120px;
    font-size: 48px;
  }

  .contactslider.contact {
    height: 500px;
  }

  .crossfadeimage.contact {
    height: 470px;
  }

  .contact-title {
    margin-top: 23vh;
    margin-bottom: 2vh;
    margin-left: 0;
    font-size: 48px;
  }

  .touchmask-slider {
    z-index: 40;
    background-color: #0000;
    position: absolute;
    inset: 0%;
  }

  .maskarrowslider {
    padding-bottom: 60px;
  }

  .reseaux-tablette {
    margin-top: 50px;
    display: block;
  }

  .container-title-cookies {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cookies-title {
    margin-top: 23vh;
    margin-bottom: 2vh;
    margin-left: 0;
    font-size: 48px;
  }

  .heading-jumbo-copy {
    font-size: 42px;
  }

  .heading-jumbo-copy.animatedgradient {
    font-size: 38px;
  }

  .heading-jumbo-copy.animatedgradient.offering {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 38px;
  }

  .heading-jumbo-copy.animatedgradient.team {
    font-size: 38px;
  }

  .heading-jumbo-copy.animatedgradient.clients {
    padding-left: 0%;
    padding-right: 0%;
  }

  .presentation-yrsa {
    margin-top: 3vh;
  }

  .avantages-sites-icon {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3vh;
  }

  .avantage-bloc {
    align-items: center;
  }

  .offre-siteabo {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-field-siteabo {
    padding-top: 10px;
    font-size: 26px;
  }

  .section-exemple-siteabo-left {
    margin-bottom: 120px;
  }

  .titre-sur-left {
    font-size: 3em;
  }

  .block-image-text-right, .block-image-text-left {
    text-align: center;
    font-size: 20px;
  }

  .titre-sur-right {
    font-size: 3em;
  }

  .section-exemple-siteabo-right {
    margin-bottom: 120px;
  }

  .link-animation {
    width: 120px;
    margin-top: 10vh;
  }

  .callto {
    font-size: 30px;
  }

  .container-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .tagline-offering-2 {
    margin-top: -120px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 48px;
  }

  .left-arrow-3.offering, .right-arrow-3.offering {
    z-index: 50;
  }

  .container-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .blocsection {
    margin-bottom: 0;
  }

  .slider-offering-2 {
    width: 100%;
    max-width: 100%;
    margin-left: 0%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-jumbo-2 {
    font-size: 42px;
  }

  .heading-jumbo-2.animatedgradient {
    font-size: 38px;
  }

  .heading-jumbo-2.animatedgradient.offering {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 34px;
  }

  .container-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .sectiontitre-2 {
    margin-left: 20px;
  }

  .section-offre {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-2 {
    font-size: 22px;
  }

  .paragraph-2.center {
    font-size: 32px;
  }

  .offering-title-2 {
    font-size: 26px;
  }

  .heading-medium {
    font-size: 42px;
  }

  .heading-medium.animatedgradient {
    font-size: 38px;
  }

  .heading-medium.animatedgradient.offering {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 26px;
  }

  .container-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .offering-title-image {
    font-size: 26px;
  }

  .container-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .tagline {
    font-size: 40px;
  }

  .container-9 {
    padding-left: 0;
    padding-right: 0;
  }

  .footertitle-2 {
    font-size: 13px;
  }

  .container-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .copyright-2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-links-2.mail, .footer-links-2.address, .footer-links-2.phone {
    font-size: 16px;
  }

  .textfooter-2 {
    margin-bottom: 0;
  }

  .textfooter-2.footercontact {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-item-2 {
    padding-right: 0;
    font-size: 16px;
  }

  .footer-wrap-2 {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    text-align: left;
  }

  .heading-jumbo-light {
    text-align: left;
    font-size: 36px;
    line-height: 1.2;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .menu-button {
    padding-right: 0;
  }

  .menu-button.w--open {
    z-index: 99999;
    clear: none;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
  }

  .footer-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .brand {
    z-index: 999;
    padding-left: 0;
    position: static;
  }

  .nav-menu {
    flex-flow: column;
    padding-top: 0;
    display: block;
  }

  .container-3 {
    flex: 0 auto;
    align-self: center;
    max-width: 100%;
    padding: 2vh 10vh 3vh 10vw;
  }

  .section-2 {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
  }

  .menuimgwrapper {
    border-bottom-right-radius: 50vw;
    flex: 1;
    order: 1;
    max-width: 100%;
    min-height: auto;
    max-height: 65vw;
    margin-top: 20px;
    margin-bottom: 0;
    display: flex;
  }

  .nav-link {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1;
  }

  .nav-link.navclose {
    text-align: left;
    background-position: 50%;
    align-self: flex-start;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .navlinksmall {
    font-size: 20px;
    line-height: 20px;
  }

  .navlinksmall.navmiddlelast {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
  }

  .heading-jumbo {
    font-size: 38px;
  }

  .heading-jumbo.animatedgradient, .heading-jumbo.animatedgradient.offering {
    font-size: 30px;
  }

  .heading-jumbo.animatedgradient.team {
    margin-bottom: 50px;
    font-size: 30px;
  }

  .scrollbloc {
    opacity: 0;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .rotatetext {
    display: none;
  }

  .footerblocs {
    flex-direction: column;
  }

  .col25 {
    width: 100%;
    margin-right: 0%;
  }

  .col25.r-seau {
    display: block;
  }

  .col50 {
    width: 100%;
  }

  .footer-logo {
    width: 150px;
    height: 55px;
    margin-top: 45px;
  }

  .our-expertise {
    padding-top: 0;
    padding-bottom: 40px;
    font-family: Inter, sans-serif;
  }

  .expertise1 {
    flex-direction: column;
  }

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

  .expertise3 {
    flex-direction: column;
  }

  .expertisebloc50 {
    text-align: left;
    align-self: flex-start;
    padding-bottom: 60px;
  }

  .expertisebloc50.droite {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .expertisebloc50.step3 {
    display: none;
  }

  .expertise2bloc100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
  }

  .expertisetitre {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 20%;
    font-size: 40px;
  }

  .expertisemaintitre {
    text-align: left;
    margin-top: 60px;
    font-size: 24px;
  }

  .expertisechiffre {
    text-align: left;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 20%;
    font-size: 170px;
    display: block;
  }

  .expertisedescription {
    margin-bottom: 10px;
    padding-left: 20%;
    font-size: 26px;
  }

  .expertisedescription.step2 {
    text-align: left;
    align-self: auto;
    padding-left: 20%;
  }

  .expertisedescription.step3 {
    padding-left: 20%;
  }

  .videointro {
    padding-top: 55vh;
  }

  .claimtext {
    margin-bottom: 0;
    padding-top: 10vh;
    padding-bottom: 8vh;
  }

  .ourapproach {
    flex-direction: column;
  }

  .approachbloc40 {
    max-width: 100%;
  }

  .approachdescription {
    text-align: left;
    font-size: 25px;
  }

  .approachbloc60 {
    max-width: 100%;
    margin-top: 40px;
  }

  .our-approach {
    padding-top: 60px;
  }

  .approachimage {
    border-bottom-right-radius: 30vh;
    margin-top: 0;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .blog {
    padding-bottom: 0;
  }

  .blog_posts.home {
    margin-bottom: 0;
  }

  .data_article {
    text-align: left;
    height: 250px;
  }

  .titreblog {
    text-align: left;
  }

  .menu-wrapper {
    flex-wrap: wrap;
  }

  .logo-white {
    max-width: 130px;
    max-height: 46px;
  }

  .menulink {
    display: none;
  }

  .link-block-center {
    margin-top: 40px;
    margin-bottom: 80px;
  }

  .arrow-right.change {
    display: none;
  }

  .arrow-right-small.change {
    width: 20px;
    height: 8px;
    display: block;
  }

  .cursor {
    opacity: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
  }

  .more-link-blog-item {
    font-size: 22px;
  }

  .expertise-link {
    align-self: flex-start;
    margin-left: 0;
    padding-left: 20%;
  }

  .expertise-link-3, .expertise-link-2 {
    margin-left: 0;
    padding-left: 20%;
  }

  .logo-color {
    max-width: 130px;
    max-height: 46px;
  }

  .collection-item-2 {
    align-self: flex-start;
  }

  .filter-dynamic-list {
    text-align: left;
  }

  .post-content-container {
    text-align: center;
  }

  .post-title {
    text-align: left;
    margin-top: 20vh;
    margin-bottom: 1vh;
    font-size: 34px;
  }

  .approach-title {
    font-size: 24px;
  }

  .news-title {
    text-align: left;
    font-size: 24px;
  }

  .post-date {
    font-size: 20px;
  }

  .logo-color-home {
    max-width: 130px;
    max-height: 46px;
  }

  .collection-list-wrapper-3.post-cat-wrapper {
    display: none;
  }

  .phraseaccroche {
    font-size: 38px;
  }

  .phraseaccroche.animatedgradient {
    margin-top: 3vh;
    font-size: 30px;
  }

  .post-rich-text {
    text-align: left;
    margin-top: 1vh;
    font-size: 22px;
  }

  .cover-image-container {
    margin-top: 1vh;
    margin-bottom: 0;
  }

  .blog-full-title {
    margin-top: 20vh;
    margin-bottom: 0;
    font-size: 30px;
  }

  .container-blog-full {
    text-align: center;
  }

  .data_article-home {
    min-height: 180px;
  }

  .cover-blog-post {
    height: 350px;
  }

  .container-title-contact {
    text-align: left;
  }

  .ville-contact {
    font-size: 20px;
  }

  .container-formulaire {
    text-align: center;
  }

  .formulaire-contact {
    text-align: left;
    flex-direction: column;
    align-items: center;
    margin-top: 1vh;
  }

  .formulaire-contact-image, .formulaire-contact-form {
    width: 100%;
  }

  .formulaire-contact-img-container {
    padding-right: 0;
  }

  .container-map {
    text-align: center;
  }

  .map-contact {
    object-fit: cover;
  }

  .monaco {
    top: 74%;
  }

  .contact-field {
    padding-bottom: 10px;
    font-size: 22px;
  }

  .fill-the-form {
    font-size: 26px;
  }

  .submit-button-2.morelink {
    font-size: 22px;
  }

  .londres-infos {
    text-align: left;
    width: 52%;
    height: 50%;
    display: block;
    top: 43%;
    left: auto;
    right: auto;
  }

  .paris-infos {
    text-align: left;
    width: 52%;
    height: 50%;
    display: block;
    top: 48%;
    left: auto;
    right: auto;
  }

  .monaco-infos {
    text-align: left;
    width: 52%;
    height: 50%;
    top: 53%;
    left: auto;
    right: auto;
  }

  .image-intro-page {
    object-position: 50% 100%;
    height: 300px;
  }

  .image-intro-page.offering {
    object-position: 50% 100%;
    object-position: 50% 100%;
  }

  .more-link-expertise {
    font-size: 22px;
  }

  .list {
    padding-top: 40px;
    padding-right: 100px;
  }

  .item {
    text-align: left;
    width: 250px;
    margin-bottom: 0;
  }

  .members-slider-profil-pic {
    max-height: 60vh;
  }

  .team-member-name {
    font-size: 26px;
  }

  .team-member-job-title {
    font-size: 24px;
  }

  .partnerbloc50 {
    max-width: 100%;
    margin-top: 0;
  }

  .partner-name {
    margin-top: 60px;
    font-size: 40px;
  }

  .our-partners {
    padding-top: 12vh;
    padding-bottom: 8vh;
  }

  .partners-title {
    font-size: 24px;
  }

  .left-arrow.partners {
    margin-top: 40px;
  }

  .left-arrow.about {
    bottom: -90px;
    left: 0;
    right: auto;
  }

  .right-arrow.partners {
    margin-top: 40px;
  }

  .right-arrow.about {
    bottom: -90px;
    left: 50px;
  }

  .all-team-members {
    padding-top: 10vh;
    padding-bottom: 7vh;
  }

  .all-members-profil-pic {
    width: 100%;
    height: 600px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-item-4 {
    flex-direction: column;
    align-items: center;
  }

  .member-bio {
    padding-left: 0;
    padding-right: 0;
  }

  .tagline-offering {
    text-align: left;
    margin-top: -75px;
    font-size: 30px;
    display: none;
  }

  .offering-audit {
    padding-top: 10vh;
  }

  .container-offering {
    text-align: center;
    flex-direction: column;
  }

  .offering-title {
    text-align: left;
    font-size: 24px;
  }

  .offering-title-step {
    text-align: left;
    margin-top: 80px;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 1.2;
  }

  .paragraph {
    margin-bottom: 60px;
  }

  .paragraph.results {
    padding-bottom: 20px;
  }

  .big-number {
    text-align: center;
    max-width: 100%;
    margin-left: -20px;
    font-size: 75vw;
    top: 20px;
  }

  .offering-performance-mobile {
    padding-top: 10vh;
    padding-bottom: 2vh;
  }

  .offers-title {
    font-size: 22px;
  }

  .image-9 {
    width: 100%;
  }

  .text-block-9 {
    font-size: 14px;
  }

  .offering-results {
    padding-top: 10vh;
  }

  .offering-bloc-60 {
    text-align: left;
    max-width: 100%;
    padding-left: 20px;
  }

  .slider-results, .slider-partners {
    display: none;
  }

  .slider-offering {
    margin-bottom: 40px;
  }

  .about-us {
    padding-top: 10vh;
    padding-bottom: 5vh;
  }

  .aboutus {
    flex-direction: column;
    padding-bottom: 90px;
  }

  .aboutus-title {
    text-align: left;
    font-size: 24px;
  }

  .aboutusdescription {
    text-align: left;
    font-size: 25px;
  }

  .aboutus-container {
    background-image: none;
    margin-bottom: 20px;
  }

  .valuestitre {
    text-align: center;
  }

  .values {
    margin-bottom: 60px;
    font-size: 42px;
  }

  .section-contact-form {
    padding-top: 5vh;
  }

  .agencywithoutborders {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .agencydescription {
    text-align: left;
    font-size: 25px;
  }

  .agencybloc60 {
    max-width: 100%;
    margin-top: 40px;
  }

  .agencybloc40 {
    max-width: 100%;
  }

  .agency-title {
    text-align: left;
    font-size: 24px;
  }

  .agencyborders {
    flex-direction: column;
  }

  .manifesto {
    padding-top: 10vh;
    padding-bottom: 8vh;
  }

  .accordeon-title {
    text-align: left;
    font-size: 28px;
  }

  .accordeon-content-bloc {
    text-align: left;
    font-size: 20px;
  }

  .expertisetitresection {
    text-align: center;
    margin-bottom: 40px;
  }

  .rotatetext2 {
    z-index: 999;
    height: 70px;
    margin-top: -20px;
    margin-bottom: 0;
    display: block;
    position: relative;
  }

  .rotatingtext2 {
    font-size: 35px;
  }

  .rotatingtext2.agency {
    color: var(--bleu-caro);
    margin-top: 0;
  }

  .container-w3.gutter-outside {
    margin-top: -180px;
  }

  .text-effect-wrapper {
    height: 150vh;
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .text-effect-sticky-element {
    flex-direction: column;
    padding-top: 160px;
    top: 0;
  }

  .text-effect-inner {
    margin-top: 50px;
    padding-bottom: 30px;
  }

  .languageswitcher {
    top: 5%;
  }

  .grid-image-partner {
    border-bottom-right-radius: 45vw;
  }

  .grid-image-partner.iea {
    border-bottom-left-radius: 50vw;
    min-height: 40vh;
  }

  .grid-partnersdescription {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 20px;
  }

  .valuesshade {
    display: block;
  }

  .horizontal-scroll-content {
    width: 3850px;
    padding-left: 100px;
  }

  .partnersfollowwrapper {
    display: block;
  }

  .container-clients-title {
    text-align: center;
    flex-direction: column;
  }

  .fake-left-slide-agency {
    bottom: -90px;
    left: 0;
    right: auto;
  }

  .fake-right-slide-agency {
    bottom: -90px;
    left: 50px;
  }

  .steps-mobile {
    margin-bottom: 60px;
    display: block;
  }

  .steps-texts-mobile {
    font-size: 16px;
  }

  .steps-number {
    font-size: 26px;
  }

  .number-wrapper {
    min-width: 60px;
  }

  .fake-right-slide-offering, .fake-left-slide-offering {
    margin-top: -34px;
  }

  .fake-left-slide-results, .fake-right-slide-results, .fake-right-slide-partners, .fake-left-slide-partners {
    bottom: -80px;
  }

  .team-section-mobile {
    padding-top: 3vh;
    padding-bottom: 8vh;
  }

  .valuesshade-wrapper {
    height: 150vh;
  }

  .team-intro, .team-link {
    text-align: left;
  }

  .slider-client {
    margin-bottom: 40px;
  }

  .textrotatif {
    display: none;
  }

  .tagline-offering-mobile {
    text-align: left;
    margin-top: -75px;
    padding-left: 20px;
    font-size: 30px;
    display: block;
  }

  .tagline-offering-mobile.agence {
    margin-top: -70px;
  }

  .tagline-offering-mobile.team {
    margin-top: -75px;
  }

  .tagline-offering-mobile.team.en {
    margin-top: -38px;
  }

  .tagline-offering-mobile.clients {
    margin-top: -110px;
  }

  .tagline-offering-mobile.en {
    margin-top: -75px;
  }

  .contactslider {
    height: auto;
  }

  .contactslider.contact {
    height: 35vh;
  }

  .slidermenuimg {
    min-width: 100vw;
    min-height: 30vh;
    max-height: 65vw;
  }

  .slidermenuimg.contact {
    max-height: none;
  }

  .hero-mask {
    min-width: 100vw;
    min-height: 30vh;
  }

  .grid-expertise {
    display: none;
  }

  .expertise-mobile {
    display: block;
  }

  .crossfadeimage {
    width: 100vw;
    height: auto;
  }

  .contact-title {
    margin-top: 20vh;
    margin-bottom: 0;
    font-size: 30px;
  }

  .reseaux-tablette {
    display: none;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .container-title-cookies {
    text-align: left;
  }

  .cookies-title {
    margin-top: 20vh;
    margin-bottom: 0;
    font-size: 30px;
  }

  .heading-jumbo-copy {
    font-size: 38px;
  }

  .heading-jumbo-copy.animatedgradient, .heading-jumbo-copy.animatedgradient.offering {
    font-size: 30px;
  }

  .heading-jumbo-copy.animatedgradient.team {
    margin-bottom: 50px;
    font-size: 30px;
  }

  .avantage {
    font-size: 20px;
  }

  .offre-siteabo {
    text-align: center;
  }

  .contact-field-siteabo {
    width: 100%;
    padding-bottom: 10px;
    font-size: 22px;
  }

  .form-siteabo-row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .bloc-radio-siteabo {
    width: 100%;
  }

  .avantage-link {
    font-size: 20px;
  }

  .link-animation {
    width: 80px;
  }

  .logo-white-2 {
    max-width: 130px;
    max-height: 46px;
  }

  .container-4 {
    text-align: left;
  }

  .tagline-offering-2 {
    text-align: left;
    margin-top: -75px;
    font-size: 30px;
  }

  .container-5 {
    text-align: left;
  }

  .blocsection {
    margin-bottom: 0;
    padding-top: 10vh;
    padding-bottom: 8vh;
  }

  .slider-offering-2 {
    margin-bottom: 40px;
  }

  .heading-jumbo-2 {
    font-size: 38px;
  }

  .heading-jumbo-2.animatedgradient, .heading-jumbo-2.animatedgradient.offering {
    font-size: 30px;
  }

  .container-6 {
    text-align: left;
  }

  .paragraph-2 {
    margin-bottom: 60px;
  }

  .offering-title-2 {
    text-align: left;
    font-size: 30px;
  }

  .heading-medium {
    font-size: 38px;
  }

  .heading-medium.animatedgradient {
    font-size: 30px;
  }

  .heading-medium.animatedgradient.offering {
    font-size: 28px;
  }

  .container-7 {
    text-align: left;
  }

  .columns {
    flex-flow: column;
  }

  .column {
    margin-bottom: 20px;
  }

  .offering-title-image {
    text-align: left;
    font-size: 30px;
  }

  .container-8, .container-9, .container-10 {
    text-align: left;
  }

  .cookie-modal_button-wrap-2 {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap-2.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .footer-links-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-item-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .footer-wrap-2 {
    text-align: center;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .heading-jumbo-light {
    font-size: 34px;
    line-height: 1.2;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .footer-wrap {
    flex-direction: column;
    max-width: 100%;
  }

  .brand {
    z-index: 999;
    position: relative;
  }

  .nav-menu {
    padding-top: 2vh;
  }

  .container-3 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .nav-link {
    object-fit: fill;
    align-items: center;
    max-width: 100%;
    padding-right: 40px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .nav-link.navclose {
    background-position: 0%;
    align-self: flex-start;
  }

  .nav-link.last, .navlinksmall.navmiddlelast {
    margin-bottom: 30px;
  }

  .heading-jumbo {
    font-size: 26px;
  }

  .heading-jumbo.animatedgradient, .heading-jumbo.animatedgradient.offering, .heading-jumbo.animatedgradient.team {
    font-size: 22px;
  }

  .footer-logo {
    width: 120px;
    height: 44px;
    margin-top: 55px;
  }

  .form {
    flex-direction: column;
  }

  .text-field-2 {
    margin-right: 0;
  }

  .submit-button {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .expertisebloc50, .expertisebloc50.droite, .expertise2bloc100 {
    padding-bottom: 40px;
  }

  .expertisetitre {
    text-align: left;
    font-size: 22px;
  }

  .expertisemaintitre {
    text-align: left;
    font-size: 20px;
  }

  .expertisechiffre {
    width: 80%;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 140px;
  }

  .expertisedescription {
    font-size: 18px;
  }

  .videointro {
    padding-bottom: 20vh;
  }

  .approachdescription {
    font-size: 20px;
  }

  .our-approach {
    padding-bottom: 10px;
  }

  .approachimage {
    border-bottom-right-radius: 20vh;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .collection-grid-list {
    grid-template-columns: 1fr;
  }

  .dateblog, .titreblog {
    font-size: 20px;
  }

  .blog-item.home {
    border-width: 1px;
  }

  .div-block-8 {
    align-items: flex-start;
  }

  .div-block-10 {
    align-items: flex-start;
    display: flex;
  }

  .more-link-blog-item {
    font-size: 18px;
  }

  .expertise-link {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 0;
    font-size: 20px;
  }

  .expertise-link-3, .expertise-link-2 {
    text-align: left;
    align-self: flex-start;
    margin-left: 0;
    font-size: 20px;
  }

  .filter-dynamic-list {
    font-size: 15px;
    overflow: auto;
  }

  .category-button {
    white-space: nowrap;
    font-size: 18px;
  }

  .post-title {
    font-size: 30px;
  }

  .approach-title, .news-title {
    font-size: 20px;
  }

  .phraseaccroche {
    font-size: 26px;
  }

  .phraseaccroche.animatedgradient {
    font-size: 24px;
  }

  .post-rich-text {
    margin-top: 0;
    font-size: 18px;
  }

  .return-box {
    margin-top: 0;
    margin-bottom: 0;
  }

  .blog-full-title {
    font-size: 26px;
  }

  .cover-blog-post {
    height: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-titrelink {
    line-height: 1.2;
  }

  .ville-contact {
    font-size: 16px;
  }

  .formulaire-contact {
    margin-top: 0;
  }

  .formulaire-contact-img-container {
    border-bottom-right-radius: 20vh;
  }

  .container-map {
    margin-top: 0;
  }

  .londres {
    top: 40%;
    right: 51%;
  }

  .paris {
    top: 52%;
    right: 45%;
  }

  .monaco {
    top: 70%;
    right: 25%;
  }

  .contact-field {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .contact-field.textarea {
    min-height: 140px;
  }

  .fill-the-form {
    margin-bottom: 20px;
    font-size: 22px;
  }

  .submit-button-2.morelink {
    font-size: 18px;
  }

  .londres-infos {
    z-index: 999;
    width: 85%;
    min-width: 240px;
    height: 60%;
    top: 30%;
  }

  .contact-infos-map {
    font-size: 15px;
    top: 14%;
    left: 14%;
  }

  .paris-infos {
    z-index: 999;
    width: 85%;
    min-width: 240px;
    height: 60%;
    min-height: auto;
    top: 35%;
  }

  .monaco-infos {
    z-index: 999;
    width: 85%;
    min-width: 240px;
    height: 60%;
    top: 40%;
  }

  .contact-info-mail {
    padding-bottom: 30px;
  }

  .contact-info-tel {
    padding-top: 30px;
  }

  .image-intro-page {
    height: 250px;
  }

  .more-link-expertise {
    font-size: 18px;
  }

  .list {
    padding-top: 140px;
    padding-right: 60px;
  }

  .item {
    width: 250px;
    margin-bottom: 0;
  }

  .team-member-name {
    font-size: 22px;
  }

  .team-member-job-title {
    font-size: 20px;
  }

  .partner-name {
    font-size: 30px;
  }

  .our-partners {
    padding-bottom: 10px;
  }

  .link-block-right {
    z-index: 50;
    position: relative;
  }

  .partners-title {
    font-size: 20px;
  }

  .left-arrow.about, .right-arrow.about {
    bottom: -40px;
  }

  .all-team-members {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .all-members-profil-pic {
    height: 350px;
    padding-left: 0;
    padding-right: 0;
  }

  .member-bio {
    padding-left: 0;
    padding-right: 0;
  }

  .rich-text-block {
    font-size: 14px;
  }

  .tagline-offering {
    margin-top: -65px;
    font-size: 26px;
  }

  .offering-audit {
    padding-top: 8vh;
    padding-bottom: 3vh;
  }

  .offering-title {
    font-size: 20px;
  }

  .offering-title-step {
    font-size: 24px;
    line-height: 1.2;
  }

  .paragraph {
    font-size: 18px;
  }

  .big-number {
    font-size: 220px;
    top: 50px;
  }

  .offering-performance-mobile {
    padding-top: 8vh;
    padding-bottom: 1vh;
  }

  .offering-results {
    padding-top: 8vh;
    padding-bottom: 4vh;
  }

  .results-slider-text {
    font-size: 24px;
  }

  .about-us {
    padding-bottom: 50px;
  }

  .aboutus {
    padding-bottom: 40px;
  }

  .aboutus-title, .aboutusdescription {
    font-size: 20px;
  }

  .valuestitre {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
  }

  .values {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 32px;
  }

  .section-contact-map {
    padding-bottom: 0;
  }

  .agencywithoutborders {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .agencydescription, .agency-title {
    font-size: 20px;
  }

  .manifesto {
    padding-top: 20vh;
    padding-bottom: 10px;
  }

  .accordeon-title {
    font-size: 22px;
  }

  .accordeon-content-bloc {
    font-size: 16px;
  }

  .expertisetitresection {
    text-align: center;
    font-size: 22px;
  }

  .rotatetext2 {
    margin-top: 0;
  }

  .container-w3.gutter-outside {
    margin-top: -140px;
  }

  .section-text-gradient-effect {
    margin-bottom: 5vh;
  }

  .text-effect-wrapper {
    padding-top: 70px;
  }

  .text-effect-sticky-element {
    height: 100vh;
    padding-top: 20px;
    top: 8vh;
  }

  .text-effect-inner {
    padding-bottom: 90px;
  }

  .languageswitcher {
    font-size: 19px;
  }

  .grid-image-partner {
    border-bottom-right-radius: 50vw;
  }

  .grid-partnersdescription {
    font-size: 16px;
  }

  .horizontal-scroll-content {
    padding-left: 20px;
  }

  .container-clients-title {
    margin-bottom: 40px;
  }

  .mask-2 {
    height: auto;
  }

  .slide-bullet {
    display: block;
  }

  .fake-left-slide-agency, .fake-right-slide-agency {
    bottom: -40px;
  }

  .steps-number {
    font-size: 24px;
  }

  .clients-section-mobile {
    padding-bottom: 7vh;
  }

  .tagline-offering-mobile {
    margin-top: -60px;
    font-size: 24px;
  }

  .tagline-offering-mobile.agence {
    margin-top: -58px;
  }

  .tagline-offering-mobile.team {
    margin-top: -60px;
  }

  .tagline-offering-mobile.team.en {
    margin-top: -30px;
  }

  .tagline-offering-mobile.clients {
    margin-top: -88px;
  }

  .tagline-offering-mobile.en {
    margin-top: -60px;
  }

  .contactslider.contact {
    height: 30vh;
  }

  .crossfadeimage.contact {
    height: 300px;
  }

  .contact-title {
    font-size: 26px;
  }

  .yrsa-communications {
    overflow: visible;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .ck-cookie-w {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-preference_component {
    align-items: flex-end;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookies-title, .heading-jumbo-copy {
    font-size: 26px;
  }

  .heading-jumbo-copy.animatedgradient, .heading-jumbo-copy.animatedgradient.offering, .heading-jumbo-copy.animatedgradient.team {
    font-size: 22px;
  }

  .avantage {
    font-size: 16px;
  }

  .contact-field-siteabo {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .avantage-link {
    font-size: 16px;
  }

  .bloc-image-left {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .titre-sur-left {
    width: auto;
    font-size: 2em;
  }

  .block-image-text-right, .block-image-text-left {
    font-size: 14px;
  }

  .bloc-image-right {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .titre-sur-right {
    width: auto;
    font-size: 2em;
  }

  .link-animation {
    width: 50px;
    margin-top: 7vh;
  }

  .callto {
    font-size: 20px;
  }

  .tagline-offering-2 {
    margin-top: -65px;
    font-size: 26px;
  }

  .span-noir {
    position: relative;
  }

  .slider-offering-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-jumbo-2 {
    font-size: 26px;
  }

  .heading-jumbo-2.animatedgradient {
    font-size: 22px;
  }

  .heading-jumbo-2.animatedgradient.offering {
    margin-bottom: 100px;
    font-size: 20px;
  }

  .list-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .list-item {
    font-size: 30px;
  }

  .paragraph-2 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .paragraph-2.list {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .paragraph-2.offre {
    font-size: 18px;
  }

  .paragraph-2.center {
    font-size: 26px;
  }

  .offering-title-2 {
    font-size: 20px;
  }

  .heading-medium {
    font-size: 26px;
  }

  .heading-medium.animatedgradient, .heading-medium.animatedgradient.offering {
    font-size: 22px;
  }

  .container-7._2col {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .image-text-bloc, .image-offre {
    width: 100%;
  }

  .offering-title-image {
    font-size: 20px;
  }

  .tagline {
    font-size: 26px;
  }

  .cookie-modal_button-2 {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-modal_component-2 {
    max-width: 100%;
  }

  .cookie-modal_button-wrap-2.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap-2.in-pref-manger {
    bottom: 0;
  }

  .footer-wrap-2 {
    flex-direction: column;
    max-width: 100%;
  }
}

#w-node-_3b95d2d9-8400-442f-09df-142c896aff72-7adec44d {
  align-self: end;
}

#w-node-_597a8e30-9873-1beb-ce29-c94dbdd180ec-7adec44d, #w-node-fe73aabb-7aa8-7ca9-4479-60b708f96918-7adec44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9def3b46-5783-2f3d-013d-afc03449bbb1-7adec44d {
  justify-self: start;
}

#w-node-_9c0078ca-cfd8-c591-03a1-d7d5d32658d2-7adec44d {
  align-self: end;
}

#w-node-_9c0078ca-cfd8-c591-03a1-d7d5d32658d4-7adec44d, #w-node-_9c0078ca-cfd8-c591-03a1-d7d5d32658d7-7adec44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c0078ca-cfd8-c591-03a1-d7d5d32658d8-7adec44d {
  justify-self: start;
}

#w-node-_90bbe9f5-807b-8e76-4b19-9d62adf0db8c-7adec44d {
  align-self: end;
}

#w-node-_90bbe9f5-807b-8e76-4b19-9d62adf0db90-7adec44d, #w-node-_90bbe9f5-807b-8e76-4b19-9d62adf0db95-7adec44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90bbe9f5-807b-8e76-4b19-9d62adf0db96-7adec44d {
  justify-self: start;
}

#w-node-f11bdc4d-3c7a-b1db-d41f-72e35acf194e-24dec4cd, #w-node-_88523f23-1853-bf76-7abe-c48364963a3f-24dec4cd, #w-node-_888b55ee-c42f-9712-e39c-f9c9a9f98578-24dec4cd, #w-node-_7c05a09d-630e-9129-008b-d7e082b6151a-24dec4cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5b4-dedec4ce {
  align-self: end;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5b6-dedec4ce, #w-node-_51d84615-8328-7a76-b406-0d79e349e5b9-dedec4ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5ba-dedec4ce {
  justify-self: start;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5d7-dedec4ce {
  align-self: end;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5db-dedec4ce, #w-node-_51d84615-8328-7a76-b406-0d79e349e5e0-dedec4ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5e1-dedec4ce {
  justify-self: start;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e5fd-dedec4ce {
  align-self: end;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e601-dedec4ce, #w-node-_51d84615-8328-7a76-b406-0d79e349e604-dedec4ce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51d84615-8328-7a76-b406-0d79e349e605-dedec4ce {
  justify-self: start;
}

#w-node-a2afec61-25bb-7eae-d33d-bc5672d293f4-e1dec4da, #w-node-_66cb7095-7e22-a572-1d66-c1b42f59c31c-e1dec4da, #w-node-_7d8bca08-bbb8-e8b8-c4f7-d6c64d062e08-e1dec4da, #w-node-_7d8bca08-bbb8-e8b8-c4f7-d6c64d062e18-e1dec4da {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Inter variablefont slnt wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MATERIAL ICONS';
  src: url('../fonts/MaterialIconsOutlined-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}