@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * STYLES GLOBAL * * * * * * * * * * * * * * */
/* * * * * * * Page où l'on peut écrire des règles de styles * * * * * * */
/* * * * * * * * qui seront appliquées à toutes les pages. * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * ATTENTION ! * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * ATTENTION ! * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * ATTENTION ! * * * * * * * * * * * * * * * */
/* * * Lancer la compilation du scss en css avant tout changements ! * * */
/* * * * * * * * *  sass --watch styles.scss:styles.css  * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * *  PARAMÈTRES DES COULEURS  * * * * * * * * * * * */
/* * * * * Page où l'on gère les couleurs présentes sur le site. * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  IMPORT DES FONTS * * * * * * * * * * * * * */
/* * * * * * Page où l'on gère les fonts présentes sur le site * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Caveat:wght@400;500;600;700&family=Allura&display=swap");
h1, h2, h3, h4, h5, h6, p, b, li {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }

h4, h5, h6, p {
  font-family: "Roboto", sans-serif;
  font-size: 1em; }

b {
  font-size: unset; }

li {
  font-size: 1em; }

::placeholder {
  font-size: initial; }

@media (min-width: 576px) {
  h1 {
    font-size: 5em; }

  h2 {
    font-size: 2em; }

  h3 {
    font-size: 1.25em; }

  h4, h5, h6, p {
    font-size: 1em; }

  li {
    font-size: 1em; } }
@media (min-width: 768px) {
  h1 {
    font-size: 3em; }

  h2 {
    font-size: 2.5em; }

  h3 {
    font-size: 2em; }

  h4, h5, h6, p {
    font-size: 1.5em; }

  li {
    font-size: 1.5em; } }
@media (min-width: 992px) {
  h1 {
    font-size: 3.5em; }

  h2 {
    font-size: 2.75em; }

  h3 {
    font-size: 1.75em; }

  h4, h5, h6, p {
    font-size: 1.5em; }

  li {
    font-size: 1.5em; } }
@media (min-width: 1200px) {
  h1 {
    font-size: 3.25em; }

  h2 {
    font-size: 2.5em; }

  h3 {
    font-size: 1.5em; }

  h4, h5, h6, p {
    font-size: 1.15em; }

  li {
    font-size: 1.25em; } }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * VARIABLES CSS * * * * * * * * * * * * * * */
/* * * * * * * Page où l'on peut écrire des règles de styles * * * * * * */
/* * * * * * * * qui seront appliqués aux éléments ciblés, * * * * * * * */
/* * * * * * ou en leur donnant une classe déclaré ci-dessous. * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img {
  max-width: 100%; }

.elementZIndex {
  z-index: 1; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * *  PARAMÈTRES DES ESPACES * * * * * * * * * * * * */
/* * * * *  Page où l'on gère les espaces présentes sur le site. * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.littleSpacing {
  width: 100%;
  height: 75px; }

.spacing {
  width: 100%;
  height: 150px; }

.bigSpacing {
  width: 100%;
  height: 300px; }

.spacingSubTitle {
  margin: 80px 0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * PARAMÈTRES DES TITRES * * * * * * * * * * * * */
/* * * * * * Page où l'on gère les titres présentes sur le site. * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.baselineTitle {
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  letter-spacing: .08em;
  color: #D4E7F0;
  margin-bottom: -15px; }

@media (min-width: 576px) {
  .baselineTitle {
    margin-bottom: -20px; } }
@media (min-width: 992px) {
  .baselineTitle {
    margin-bottom: -25px; } }
.title {
  margin-bottom: 20px; }

.titleShadow {
  text-transform: uppercase;
  text-shadow: 3px 3px #173559; }

@media (min-width: 1200px) {
  .titleShadow {
    text-shadow: 4px 4px #173559; } }
.subTitle {
  margin-bottom: 40px;
  font-family: "Caveat", cursive;
  font-size: 2.25em;
  color: #173559; }

@media (min-width: 576px) {
  main .baselineTitle {
    font-size: 2.5em; } }
@media (min-width: 1200px) {
  main .baselineTitle {
    font-size: 3.5em; }
  main .subTitle {
    font-size: 2.5em; } }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  STYLES DES BOUTONS * * * * * * * * * * * * * * */
/* * * * Fichier pour déclarer le style global des boutons sur le site * * * */
/* * * * * * * * * mais aussi le style spécifique de chacun. * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.buttonDefault {
  position: relative;
  width: fit-content;
  margin: auto;
  padding: 10px 20px;
  background-color: transparent;
  border: 2px solid #1C93D1;
  border-radius: 50px;
  overflow: hidden !important;
  font-size: 1.25em;
  font-weight: 700;
  text-decoration: none;
  color: #1C93D1;
  z-index: 1;
  cursor: pointer;
  transition: all .25s ease-in; }
  .buttonDefault::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #1C93D1;
    z-index: -1;
    transition: all .25s ease-in; }
  .buttonDefault:hover {
    color: #FFF;
    text-decoration: none; }
    .buttonDefault:hover::after {
      left: 0; }

.buttonSubmit {
  margin-top: 50px;
  padding: 10px 20px;
  background-color: #1C93D1;
  border: 2px solid #1C93D1;
  border-radius: 50px;
  font-size: 1.25em;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  transition: all .25s ease-in; }
  .buttonSubmit:hover {
    background-color: transparent;
    text-decoration: none;
    color: #1C93D1; }

.callToAction .ctaOffreWeb {
  width: 45px;
  fill: #6E33CC;
  transition: fill .25s ease-in; }
.callToAction .ctaOffreDigitale {
  width: 45px;
  fill: #FF773D;
  transition: fill .25s ease-in; }
.callToAction .ctaEtudeCas {
  width: 45px;
  fill: #12281A;
  transition: fill .25s ease-in; }
.callToAction .right {
  transform: rotateY(180deg); }
.callToAction:hover .ctaOffreWeb {
  fill: #A885E0; }
.callToAction:hover .ctaOffreDigitale {
  fill: #FF9264; }
.callToAction:hover .ctaEtudeCas {
  fill: #6DB286; }

.buttonContactBloc {
  font-family: "Caveat", cursive;
  font-size: 1.75em;
  font-weight: normal; }

#btnMenu {
  margin: 3px 0 auto 0;
  cursor: pointer; }
  #btnMenu svg {
    width: 25px; }
    #btnMenu svg .lines {
      width: 7.09px;
      height: 1px;
      fill: #FFF;
      transition: ease-in .2s; }
    #btnMenu svg .__01 {
      left: 0;
      transform-origin: 0 20%; }
    #btnMenu svg .__02 {
      transform-origin: center;
      transform: scaleX(1); }
    #btnMenu svg .__03 {
      transform-origin: 5% 80%; }

.svgMenuShow .__01 {
  width: 7.8px !important;
  transform: rotate(40deg); }
.svgMenuShow .__02 {
  transform: scaleX(0) !important; }
.svgMenuShow .__03 {
  width: 7.8px !important;
  transform: rotate(-40deg); }

#btnFixedContact {
  display: none;
  cursor: pointer; }
  #btnFixedContact .svgBlobs {
    bottom: 0;
    right: 0;
    z-index: 10; }
    #btnFixedContact .svgBlobs svg {
      height: 350px; }
      #btnFixedContact .svgBlobs svg #morphBlob10 {
        fill: #173559;
        transition: all .25s ease-in; }
      #btnFixedContact .svgBlobs svg #textBtnContact {
        font-weight: 700;
        letter-spacing: .1em;
        fill: #A1D5F4;
        transition: all .25s ease-in; }
      #btnFixedContact .svgBlobs svg:hover #morphBlob10 {
        fill: #A1D5F4; }
      #btnFixedContact .svgBlobs svg:hover #textBtnContact {
        fill: #173559; }

@media (min-width: 768px) {
  #btnFixedContact {
    display: block; } }
.buttonSubmitRecrutement {
  margin-top: 50px;
  padding: 10px 20px;
  background-color: #1C93D1;
  border: 2px solid #1C93D1;
  border-radius: 50px;
  font-size: 1.25em;
  font-weight: 700;
  color: #FFF;
  justify-content: left;
  width: 40%;
  cursor: pointer;
  transition: all .25s ease-in; }
  .buttonSubmitRecrutement:hover {
    background-color: transparent;
    text-decoration: none;
    color: #1C93D1; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * STYLES DES ICÔNES * * * * * * * * * * * * * */
/* * * * * * * À importé dans les fichiers styles principaux * * * * * * */
/* * * * * * * * * pour appliquer des styles aux icônes. * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.icon {
  fill: #1C93D1; }

.icon > .blobWhiteClick {
  fill: transparent !important; }

.icons > .icon {
  cursor: pointer; }

.baselineIcon {
  width: 130px;
  top: -30px;
  left: -30px; }
  .baselineIcon path {
    fill: #1C93D1; }

.schemaIcons .blobBkgIconStatic {
  fill: #D4E7F0; }
.schemaIcons .blobBkgIcon {
  fill: #D4E7F0; }
.schemaIcons .blobBkgIcon, .schemaIcons .icon {
  cursor: pointer; }
.schemaIcons .icon path {
  fill: #1C93D1; }
.schemaIcons .arrow path {
  fill: #1C93D1; }
.schemaIcons .legend {
  fill: #1C93D1; }

.iconOffreIndex {
  width: 150px; }
  .iconOffreIndex.left {
    margin-left: 25px; }
  .iconOffreIndex.right {
    margin-right: 25px; }

.puceDefault, .puceSuccess, .puceWarning {
  fill: #173559; }

header #iconSocialMedia {
  margin: 4px 20px 0 auto; }
  header #iconSocialMedia a {
    padding: 0 2px;
    text-decoration: none;
    color: #FFF;
    transition: color .2s ease-in; }
    header #iconSocialMedia a .fab {
      font-size: 1.75em; }
    header #iconSocialMedia a:hover {
      color: #A1D5F4; }

footer #iconSocialMedia {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0;
  list-style-type: none; }
  footer #iconSocialMedia a {
    padding: 0 2px;
    text-decoration: none;
    color: #173559;
    transition: color .2s ease-in; }
    footer #iconSocialMedia a .fab {
      font-size: 2.5em; }
    footer #iconSocialMedia a:hover {
      color: #FFF; }

.schemaSeaSeo g #blobPath01, .schemaSeaSeo g #blobPath02, .schemaSeaSeo g #blobPath03, .schemaSeaSeo g #blobPath04, .schemaSeaSeo g #blobPath05, .schemaSeaSeo g #blobPath06 {
  fill: #E2D6F5; }

.schemaAuditInformatique g #blobPath01, .schemaAuditInformatique g #blobPath02, .schemaAuditInformatique g #blobPath03, .schemaAuditInformatique g #blobPath04, .schemaAuditInformatique g #blobPath05, .schemaAuditInformatique g #blobPath06, .schemaAppMobile g #blobPath01, .schemaAppMobile g #blobPath02, .schemaAppMobile g #blobPath03, .schemaAppMobile g #blobPath04, .schemaAppMobile g #blobPath05, .schemaAppMobile g #blobPath06 {
  fill: #FFE4D8; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * *  PARAMÈTRES DES ALERTES * * * * * * * * * * * * */
/* * * * * * Page où l'on gère les alertes présentes sur le site * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.alerts {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  color: #FFF; }
  .alerts .alertGood {
    background-color: green; }
  .alerts .alertBad {
    background-color: red; }
  .alerts .alertGood, .alerts .alertBad {
    z-index: 50;
    max-width: 50%;
    margin: 5px auto;
    padding: 10px 20px;
    border-radius: 4px;
    text-align: center; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * PARAMÈTRES DES VAGUES * * * * * * * * * * * * */
/* * * * * * Page où l'on gère les vagues présentes sur le site. * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#headerWavesBack #morphWaveFront, #headerWavesFront #morphWaveFront, #footerWavesFront #morphWaveFront {
  fill: #1C93D1; }
#headerWavesBack #morphWaveBack, #headerWavesFront #morphWaveBack, #footerWavesFront #morphWaveBack {
  fill: #173559; }
#headerWavesBack #morphWaveFooter, #headerWavesFront #morphWaveFooter, #footerWavesFront #morphWaveFooter {
  fill: #A1D5F4; }

header .svgWaves {
  width: 100%;
  height: 50vh;
  top: 0;
  left: 0;
  z-index: 6; }
header .offerHeader, header .projectsHeader {
  height: 75vh; }
header #headerWaves {
  top: 0;
  right: 0;
  height: 200px; }

@media (min-width: 576px) {
  header #headerWaves {
    height: unset; } }
@media (min-width: 768px) {
  header #headerWaves {
    height: 200px; } }
@media (min-width: 992px) {
  header #headerWaves {
    height: unset; } }
footer .svgWaves {
  display: flex;
  flex-flow: column wrap;
  justify-content: end;
  width: 100%; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  PARAMÈTRES BLOBS * * * * * * * * * * * * * * */
/* * * * Fichier pour déclarer le style global des blobs sur le site * * * */
/* * * * * * * * * mais aussi le style spécifique de chacun. * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.containerBlob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -100; }

@media (min-width: 0) {
  .blobIndex01 svg {
    width: 100%;
    height: 1500px; }
    .blobIndex01 svg .colorBlob {
      transform: scale(2) translate(40px, 420px);
      fill: #D4E7F0; }

  .blobIndex02 svg {
    width: 100%;
    height: 425px; }
    .blobIndex02 svg .colorBlob {
      transform: scale(0.75) translate(70px, 105px);
      fill: #A1D5F4; }

  .blobPropos01 svg {
    width: 100%;
    height: 400px; }
    .blobPropos01 svg .colorBlob {
      transform: scale(1.25) translate(150px, 110px);
      fill: #D4E7F0; }

  .blobPropos02 svg {
    width: 100%;
    height: 675px; }
    .blobPropos02 svg .colorBlob {
      transform: scale(1.25) translate(190px, 330px);
      fill: #D4E7F0; }

  .blobPropos03 svg {
    width: 100%;
    height: 950px; }
    .blobPropos03 svg .colorBlob {
      transform: scale(1.25) translate(120px, 540px);
      fill: #D4E7F0; }

  .blobPropos04 svg {
    width: 100%;
    height: 1225px; }
    .blobPropos04 svg .colorBlob {
      transform: scale(1.25) translate(180px, 760px);
      fill: #D4E7F0; }

  .blobPropos05 svg {
    width: 100%;
    height: 1500px; }
    .blobPropos05 svg .colorBlob {
      transform: scale(1.25) translate(100px, 980px);
      fill: #D4E7F0; }

  .blobPropos06 svg {
    width: 100%;
    height: 1800px; }
    .blobPropos06 svg .colorBlob {
      transform: scale(1.25) translate(160px, 1190px);
      fill: #D4E7F0; }

  .blobPropos07 svg {
    width: 100%;
    height: 1540px; }
    .blobPropos07 svg .colorBlob {
      transform: scale(5) translate(25px, 195px);
      fill: #A1D5F4; }

  .blobPropos08 svg {
    width: 100%;
    height: 2920px; }
    .blobPropos08 svg .colorBlob {
      transform: scale(5) translate(25px, 480px);
      fill: #A1D5F4; }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.75) translate(50px, 135px);
    fill: #A1D5F4; }

  .blobOffreSpeciale02 svg {
    width: 100%;
    height: 500px; }
    .blobOffreSpeciale02 svg .colorBlob {
      transform: scale(2) translate(90px, 95px);
      fill: #173559; }

  .blobOffreSpeciale03 svg {
    width: 100%;
    height: 500px; }
    .blobOffreSpeciale03 svg .colorBlob {
      transform: scale(1.75) translate(100px, 100px);
      fill: #173559; }

  .blobOffreSpeciale04 svg {
    width: 100%;
    height: 600px; }
    .blobOffreSpeciale04 svg .colorBlob {
      transform: scale(2.75) translate(70px, 97px);
      fill: #A1D5F4; }

  .blobOffreSpeciale05 svg {
    width: 100%;
    height: 600px; }
    .blobOffreSpeciale05 svg .colorBlob {
      transform: scale(2.75) translate(60px, 90px);
      fill: #D4E7F0; }

  .blobIndexWeb01 svg {
    width: 100%;
    height: 500px; }
    .blobIndexWeb01 svg .colorBlob {
      transform: scale(1.75) translate(100px, 110px);
      fill: #E2D6F5; }

  .blobIndexWeb02 svg {
    width: 100%;
    height: 900px; }
    .blobIndexWeb02 svg .colorBlob {
      transform: scale(1.75) translate(110px, 360px);
      fill: #E2D6F5; }

  .blobIndexWeb03 svg {
    width: 100%;
    height: 1300px; }
    .blobIndexWeb03 svg .colorBlob {
      transform: scale(1.75) translate(90px, 570px);
      fill: #E2D6F5; }

  .blobIndexWeb04 svg {
    width: 100%;
    height: 1700px; }
    .blobIndexWeb04 svg .colorBlob {
      transform: scale(1.75) translate(110px, 790px);
      fill: #E2D6F5; }

  .blobIndexDigitale01 svg {
    width: 100%;
    height: 500px; }
    .blobIndexDigitale01 svg .colorBlob {
      transform: scale(1.75) translate(110px, 110px);
      fill: #FFE4D8; }

  .blobIndexDigitale02 svg {
    width: 100%;
    height: 1050px; }
    .blobIndexDigitale02 svg .colorBlob {
      transform: scale(1.75) translate(100px, 350px);
      fill: #FFE4D8; }

  .blobIndexDigitale03 svg {
    width: 100%;
    height: 1500px; }
    .blobIndexDigitale03 svg .colorBlob {
      transform: scale(1.75) translate(100px, 660px);
      fill: #FFE4D8; }

  .blobIndexDigitale04 svg {
    width: 100%;
    height: 1800px; }
    .blobIndexDigitale04 svg .colorBlob {
      transform: scale(1.75) translate(110px, 910px);
      fill: #FFE4D8; }

  .blobIndexDigitale05 svg {
    width: 100%;
    height: 2200px; }
    .blobIndexDigitale05 svg .colorBlob {
      transform: scale(1.75) translate(110px, 1110px);
      fill: #FFE4D8; }

  .blobIndexDigitale06 svg {
    width: 100%;
    height: 2550px; }
    .blobIndexDigitale06 svg .colorBlob {
      transform: scale(1.75) translate(100px, 1340px);
      fill: #FFE4D8; }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.75) translate(50px, 135px);
    fill: #A885E0; }

  .blobSiteWeb02 svg {
    width: 100%;
    height: 500px; }
    .blobSiteWeb02 svg .colorBlob {
      transform: scale(2) translate(95px, 95px);
      fill: #371A66; }

  .blobSiteWeb03 svg {
    width: 100%;
    height: 500px; }
    .blobSiteWeb03 svg .colorBlob {
      transform: scale(1.75) translate(100px, 100px);
      fill: #371A66; }

  .blobSiteWeb04 svg {
    width: 100%;
    height: 600px; }
    .blobSiteWeb04 svg .colorBlob {
      transform: scale(2.75) translate(70px, 97px);
      fill: #A885E0; }

  .blobSiteWeb05 svg {
    width: 100%;
    height: 600px; }
    .blobSiteWeb05 svg .colorBlob {
      transform: scale(2.75) translate(60px, 90px);
      fill: #E2D6F5; }

  .blobSeaSeo01 svg {
    width: 100%;
    height: 3150px; }
    .blobSeaSeo01 svg .colorBlob {
      transform: scale(7) translate(50px, 110px);
      fill: #A885E0; }

  .blobSeaSeo02 svg {
    width: 100%;
    height: 6300px; }
    .blobSeaSeo02 svg .colorBlob {
      transform: scale(5) translate(20px, 550px);
      fill: #6E33CC; }

  .blobAuditSiteWeb01 svg {
    width: 100%;
    height: 1000px; }
    .blobAuditSiteWeb01 svg .colorBlob {
      transform: scale(2) translate(90px, 210px);
      fill: #A885E0; }

  .blobReseaux01 svg .colorBlob {
    transform: scale(1.2) translate(10px, 120px);
    fill: #A885E0; }

  .blobTransNum01 svg {
    width: 100%;
    height: 2000px; }
    .blobTransNum01 svg .colorBlob {
      transform: scale(3) translate(70px, 250px);
      fill: #FFE4D8; }

  .blobSurMesure01 svg {
    width: 100%;
    height: 2000px; }
    .blobSurMesure01 svg .colorBlob {
      transform: scale(8) translate(25px, 155px);
      fill: #FFE4D8; }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.6) translate(50px, 150px);
    fill: #FF9264; }

  .blobAppMobile01 svg {
    width: 100%;
    height: 750px; }
    .blobAppMobile01 svg .colorBlob {
      transform: scale(1.75) translate(105px, 95px);
      fill: #FF9264; }

  .blobAppMobile02 svg {
    width: 100%;
    height: 750px; }
    .blobAppMobile02 svg .colorBlob {
      transform: scale(1.75) translate(100px, 220px);
      fill: #FF773D; }

  .blobData01 svg .colorBlob {
    transform: scale(0.75) translate(30px, 190px);
    fill: #FFE4D8; }

  .blobHebergement01 svg {
    width: 100%;
    height: 1800px; }
    .blobHebergement01 svg .colorBlob {
      transform: scale(1.25) translate(25px, 50px);
      fill: #FFE4D8; }

  .blobAnjos01 svg {
    width: 100%;
    height: 2000px; }
    .blobAnjos01 svg .colorBlob {
      transform: scale(4) translate(40px, 260px);
      fill: #DBECE1; }

  .blobAnjos02 svg {
    width: 100%;
    height: 6000px; }
    .blobAnjos02 svg .colorBlob {
      transform: scale(6) translate(90px, 480px);
      fill: #DBECE1; }

  .blobGmb02 svg {
    width: 100%;
    height: 6000px; }
    .blobGmb02 svg .colorBlob {
      transform: scale(6) translate(90px, 480px);
      fill: #DBECE1; }

  .blobLaboRural01 svg {
    width: 100%;
    height: 2000px; }
    .blobLaboRural01 svg .colorBlob {
      transform: scale(4) translate(40px, 260px);
      fill: #DBECE1; }

  .blobLaboRural02 svg {
    width: 100%;
    height: 6000px; }
    .blobLaboRural02 svg .colorBlob {
      transform: scale(6) translate(90px, 480px);
      fill: #DBECE1; }

  .blobNeowi01 svg {
    width: 100%;
    height: 2000px; }
    .blobNeowi01 svg .colorBlob {
      transform: scale(3.5) translate(30px, 340px);
      fill: #6DB286; }

  .blobNeowi02 svg {
    width: 100%;
    height: 6000px; }
    .blobNeowi02 svg .colorBlob {
      transform: scale(10) translate(70px, 240px);
      fill: #DBECE1; }

  .blobContact01 svg {
    width: 100%;
    height: 1000px; }
    .blobContact01 svg .colorBlob {
      transform: scale(2.5) translate(50px, 100px);
      fill: #A1D5F4; } }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * *  RESPONSIVE * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (min-width: 576px) {
  .blobIndex01 svg .colorBlob {
    transform: scale(2) translate(60px, 410px); }

  .blobIndex02 svg {
    height: 350px; }
    .blobIndex02 svg .colorBlob {
      transform: scale(0.75) translate(70px, 110px); }

  .blobPropos01 svg .colorBlob {
    transform: scale(1.25) translate(150px, 120px); }

  .blobPropos02 svg .colorBlob {
    transform: scale(1.25) translate(190px, 350px); }

  .blobPropos03 svg .colorBlob {
    transform: scale(1.25) translate(120px, 570px); }

  .blobPropos04 svg .colorBlob {
    transform: scale(1.25) translate(180px, 800px); }

  .blobPropos05 svg .colorBlob {
    transform: scale(1.25) translate(100px, 1030px); }

  .blobPropos06 svg .colorBlob {
    transform: scale(1.25) translate(160px, 1250px); }

  .blobPropos07 svg .colorBlob {
    transform: scale(2.5) translate(110px, 295px); }

  .blobPropos08 svg .colorBlob {
    transform: scale(2.5) translate(105px, 790px); }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.45) translate(60px, 125px); }

  .blobOffreSpeciale02 svg .colorBlob {
    transform: scale(2.5) translate(110px, 95px); }

  .blobOffreSpeciale03 svg .colorBlob {
    transform: scale(2.5) translate(100px, 100px); }

  .blobOffreSpeciale04 svg .colorBlob {
    transform: scale(2.5) translate(110px, 105px); }

  .blobOffreSpeciale05 svg .colorBlob {
    transform: scale(2.5) translate(100px, 125px); }

  .blobIndexWeb01 svg {
    height: 400px; }
    .blobIndexWeb01 svg .colorBlob {
      transform: scale(1.5) translate(130px, 120px); }

  .blobIndexWeb02 svg {
    height: 650px; }
    .blobIndexWeb02 svg .colorBlob {
      transform: scale(1.5) translate(240px, 310px); }

  .blobIndexWeb03 svg {
    height: 900px; }
    .blobIndexWeb03 svg .colorBlob {
      transform: scale(1.5) translate(110px, 480px); }

  .blobIndexWeb04 svg {
    height: 1150px; }
    .blobIndexWeb04 svg .colorBlob {
      transform: scale(1.5) translate(240px, 655px); }

  .blobIndexDigitale01 svg {
    height: 400px; }
    .blobIndexDigitale01 svg .colorBlob {
      transform: scale(1.5) translate(120px, 120px); }

  .blobIndexDigitale02 svg {
    height: 750px; }
    .blobIndexDigitale02 svg .colorBlob {
      transform: scale(1.5) translate(230px, 310px); }

  .blobIndexDigitale03 svg {
    height: 1050px; }
    .blobIndexDigitale03 svg .colorBlob {
      transform: scale(1.5) translate(120px, 550px); }

  .blobIndexDigitale04 svg {
    height: 1250px; }
    .blobIndexDigitale04 svg .colorBlob {
      transform: scale(1.5) translate(240px, 720px); }

  .blobIndexDigitale05 svg {
    height: 1500px; }
    .blobIndexDigitale05 svg .colorBlob {
      transform: scale(1.5) translate(130px, 900px); }

  .blobIndexDigitale06 svg {
    height: 1750px; }
    .blobIndexDigitale06 svg .colorBlob {
      transform: scale(1.5) translate(230px, 1060px); }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.45) translate(60px, 125px); }

  .blobSiteWeb02 svg .colorBlob {
    transform: scale(2.5) translate(110px, 95px); }

  .blobSiteWeb03 svg .colorBlob {
    transform: scale(2.5) translate(100px, 100px); }

  .blobSiteWeb04 svg .colorBlob {
    transform: scale(2.5) translate(110px, 105px); }

  .blobSiteWeb05 svg .colorBlob {
    transform: scale(2.5) translate(100px, 125px); }

  .blobSeaSeo01 svg .colorBlob {
    transform: scale(4) translate(120px, 330px); }

  .blobSeaSeo02 svg .colorBlob {
    transform: scale(4) translate(60px, 620px); }

  .blobAuditSiteWeb01 svg .colorBlob {
    transform: scale(2.25) translate(110px, 170px); }

  .blobReseaux01 svg .colorBlob {
    transform: scale(0.65) translate(30px, 100px); }

  .blobTransNum01 svg .colorBlob {
    transform: scale(2) translate(135px, 330px); }

  .blobSurMesure01 svg .colorBlob {
    transform: scale(3) translate(90px, 225px); }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.35) translate(60px, 140px); }

  .blobAppMobile01 svg .colorBlob {
    transform: scale(2) translate(130px, 120px); }

  .blobAppMobile02 svg .colorBlob {
    transform: scale(2) translate(120px, 200px); }

  .blobData01 svg .colorBlob {
    transform: scale(0.5) translate(50px, 160px); }

  .blobHebergement01 svg .colorBlob {
    transform: scale(0.9) translate(60px, 135px);
    fill: #FFE4D8; }

  .blobAnjos01 svg .colorBlob {
    transform: scale(5) translate(60px, 170px); }

  .blobAnjos02 svg .colorBlob {
    transform: scale(6) translate(100px, 350px); }

  .blobGmb02 svg .colorBlob {
    transform: scale(6) translate(100px, 350px); }

  .blobLaboRural01 svg .colorBlob {
    transform: scale(5) translate(60px, 170px); }

  .blobLaboRural02 svg .colorBlob {
    transform: scale(6) translate(100px, 350px); }

  .blobNeowi01 svg .colorBlob {
    transform: scale(2.5) translate(70px, 230px); }

  .blobNeowi02 svg .colorBlob {
    transform: scale(15) translate(50px, 150px); }

  .blobContact01 svg .colorBlob {
    transform: scale(2.5) translate(110px, 100px); } }
@media (min-width: 768px) {
  .blobIndex01 svg .colorBlob {
    transform: scale(3) translate(60px, 310px); }

  .blobIndex02 svg {
    height: 630px; }
    .blobIndex02 svg .colorBlob {
      transform: scale(0.75) translate(70px, 110px); }

  .blobPropos01 svg {
    height: 450px; }
    .blobPropos01 svg .colorBlob {
      transform: scale(1.5) translate(120px, 180px); }

  .blobPropos02 svg {
    height: 750px; }
    .blobPropos02 svg .colorBlob {
      transform: scale(1.5) translate(360px, 300px); }

  .blobPropos03 svg {
    height: 1025px; }
    .blobPropos03 svg .colorBlob {
      transform: scale(1.5) translate(110px, 430px); }

  .blobPropos04 svg {
    height: 1310px; }
    .blobPropos04 svg .colorBlob {
      transform: scale(1.5) translate(375px, 550px); }

  .blobPropos05 svg {
    height: 1600px; }
    .blobPropos05 svg .colorBlob {
      transform: scale(1.5) translate(130px, 680px); }

  .blobPropos06 svg {
    height: 2025px; }
    .blobPropos06 svg .colorBlob {
      transform: scale(1.5) translate(350px, 820px); }

  .blobPropos07 svg {
    height: 2200px; }
    .blobPropos07 svg .colorBlob {
      transform: scale(3.5) translate(100px, 265px); }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.4) translate(50px, 130px); }

  .blobOffreSpeciale02 svg .colorBlob {
    transform: scale(1.9) translate(96px, 95px); }

  .blobOffreSpeciale03 svg {
    height: 675px; }
    .blobOffreSpeciale03 svg .colorBlob {
      transform: scale(3.5) translate(90px, 100px); }

  .blobOffreSpeciale04 svg .colorBlob {
    transform: scale(3) translate(120px, 100px); }

  .blobOffreSpeciale05 svg .colorBlob {
    transform: scale(3) translate(110px, 109px); }

  .blobIndexWeb01 svg {
    height: 500px; }
    .blobIndexWeb01 svg .colorBlob {
      transform: scale(1.5) translate(130px, 170px); }

  .blobIndexWeb02 svg {
    height: 850px; }
    .blobIndexWeb02 svg .colorBlob {
      transform: scale(1.5) translate(355px, 410px); }

  .blobIndexWeb03 svg {
    height: 1200px; }
    .blobIndexWeb03 svg .colorBlob {
      transform: scale(1.5) translate(120px, 630px); }

  .blobIndexWeb04 svg {
    height: 1500px; }
    .blobIndexWeb04 svg .colorBlob {
      transform: scale(1.5) translate(360px, 850px); }

  .blobIndexDigitale01 svg {
    height: 500px; }
    .blobIndexDigitale01 svg .colorBlob {
      transform: scale(1.5) translate(120px, 170px); }

  .blobIndexDigitale02 svg {
    height: 950px; }
    .blobIndexDigitale02 svg .colorBlob {
      transform: scale(1.5) translate(350px, 400px); }

  .blobIndexDigitale03 svg {
    height: 1300px; }
    .blobIndexDigitale03 svg .colorBlob {
      transform: scale(1.5) translate(130px, 710px); }

  .blobIndexDigitale04 svg {
    height: 1650px; }
    .blobIndexDigitale04 svg .colorBlob {
      transform: scale(1.5) translate(360px, 930px); }

  .blobIndexDigitale05 svg {
    height: 1950px; }
    .blobIndexDigitale05 svg .colorBlob {
      transform: scale(1.5) translate(130px, 1150px); }

  .blobIndexDigitale06 svg {
    height: 2300px; }
    .blobIndexDigitale06 svg .colorBlob {
      transform: scale(1.5) translate(350px, 1370px); }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.4) translate(50px, 130px);
    fill: #A885E0; }

  .blobSiteWeb02 svg .colorBlob {
    transform: scale(1.9) translate(96px, 95px); }

  .blobSiteWeb03 svg {
    height: 675px; }
    .blobSiteWeb03 svg .colorBlob {
      transform: scale(3.5) translate(90px, 100px); }

  .blobSiteWeb04 svg .colorBlob {
    transform: scale(3) translate(120px, 100px); }

  .blobSiteWeb05 svg .colorBlob {
    transform: scale(3) translate(110px, 109px); }

  .blobSeaSeo01 svg .colorBlob {
    transform: scale(6) translate(100px, 120px); }

  .blobSeaSeo02 svg .colorBlob {
    transform: scale(5) translate(50px, 500px); }

  .blobAuditSiteWeb01 svg .colorBlob {
    transform: scale(2.5) translate(140px, 160px); }

  .blobReseaux01 svg .colorBlob {
    transform: scale(0.5) translate(60px, 120px); }

  .blobTransNum01 svg .colorBlob {
    transform: scale(3) translate(117px, 328px); }

  .blobSurMesure01 svg .colorBlob {
    transform: scale(4) translate(90px, 235px); }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.5) translate(50px, 120px); }

  .blobAppMobile01 svg .colorBlob {
    transform: scale(1.5) translate(115px, 110px); }

  .blobAppMobile02 svg .colorBlob {
    transform: scale(1.5) translate(355px, 100px); }

  .blobData01 svg .colorBlob {
    transform: scale(0.5) translate(50px, 160px); }

  .blobHebergement01 svg .colorBlob {
    transform: scale(0.75) translate(70px, 100px); }

  .blobAnjos01 svg .colorBlob {
    transform: scale(5.5) translate(70px, 190px); }

  .blobAnjos02 svg .colorBlob {
    transform: scale(5) translate(140px, 460px); }

  .blobGmb02 svg .colorBlob {
    transform: scale(5) translate(140px, 460px); }

  .blobLaboRural01 svg .colorBlob {
    transform: scale(5.5) translate(70px, 190px); }

  .blobLaboRural02 svg .colorBlob {
    transform: scale(5) translate(140px, 460px); }

  .blobNeowi01 svg .colorBlob {
    transform: scale(3.5) translate(70px, 330px); }

  .blobNeowi02 svg .colorBlob {
    transform: scale(10) translate(80px, 275px); }

  .blobContact01 svg .colorBlob {
    transform: scale(2.5) translate(110px, 100px); } }
@media (min-width: 992px) {
  .blobIndex01 svg .colorBlob {
    transform: scale(2) translate(60px, 410px); }

  .blobIndex02 svg .colorBlob {
    transform: scale(0.6) translate(85px, 130px); }

  .blobPropos01 svg .colorBlob {
    transform: scale(1.5) translate(160px, 180px); }

  .blobPropos02 svg .colorBlob {
    transform: scale(1.5) translate(470px, 320px); }

  .blobPropos03 svg .colorBlob {
    transform: scale(1.5) translate(210px, 460px); }

  .blobPropos04 svg .colorBlob {
    transform: scale(1.5) translate(530px, 610px); }

  .blobPropos05 svg .colorBlob {
    transform: scale(1.5) translate(160px, 760px); }

  .blobPropos06 svg .colorBlob {
    transform: scale(1.5) translate(420px, 900px); }

  .blobPropos07 svg {
    height: 1800px; }
    .blobPropos07 svg .colorBlob {
      transform: scale(4) translate(120px, 235px); }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.4) translate(60px, 140px); }

  .blobOffreSpeciale02 svg .colorBlob {
    transform: scale(1.7) translate(95px, 105px); }

  .blobOffreSpeciale03 svg .colorBlob {
    transform: scale(2.25) translate(85px, 100px); }

  .blobOffreSpeciale04 svg .colorBlob {
    transform: scale(3) translate(188px, 91px); }

  .blobOffreSpeciale05 svg .colorBlob {
    transform: scale(3) translate(125px, 104px); }

  .blobIndexWeb01 svg {
    height: 500px; }
    .blobIndexWeb01 svg .colorBlob {
      transform: scale(1.75) translate(130px, 130px); }

  .blobIndexWeb02 svg {
    height: 800px; }
    .blobIndexWeb02 svg .colorBlob {
      transform: scale(1.75) translate(430px, 320px); }

  .blobIndexWeb03 svg {
    height: 1100px; }
    .blobIndexWeb03 svg .colorBlob {
      transform: scale(1.75) translate(120px, 500px); }

  .blobIndexWeb04 svg {
    height: 1400px; }
    .blobIndexWeb04 svg .colorBlob {
      transform: scale(1.75) translate(430px, 670px); }

  .blobIndexDigitale01 svg {
    height: 900px; }
    .blobIndexDigitale01 svg .colorBlob {
      transform: scale(1.75) translate(120px, 140px); }

  .blobIndexDigitale02 svg {
    height: 1250px; }
    .blobIndexDigitale02 svg .colorBlob {
      transform: scale(1.75) translate(420px, 350px); }

  .blobIndexDigitale03 svg {
    height: 1250px; }
    .blobIndexDigitale03 svg .colorBlob {
      transform: scale(1.75) translate(120px, 560px); }

  .blobIndexDigitale04 svg {
    height: 1500px; }
    .blobIndexDigitale04 svg .colorBlob {
      transform: scale(1.75) translate(420px, 750px); }

  .blobIndexDigitale05 svg {
    height: 1800px; }
    .blobIndexDigitale05 svg .colorBlob {
      transform: scale(1.75) translate(130px, 920px); }

  .blobIndexDigitale06 svg .colorBlob {
    transform: scale(1.75) translate(430px, 1090px); }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.4) translate(60px, 140px); }

  .blobSiteWeb02 svg .colorBlob {
    transform: scale(1.7) translate(95px, 105px); }

  .blobSiteWeb03 svg .colorBlob {
    transform: scale(2) translate(90px, 100px); }

  .blobSiteWeb04 svg .colorBlob {
    transform: scale(3) translate(188px, 91px); }

  .blobSiteWeb05 svg .colorBlob {
    transform: scale(3) translate(125px, 104px); }

  .blobSeaSeo01 svg .colorBlob {
    transform: scale(4) translate(190px, 320px); }

  .blobSeaSeo02 svg {
    height: 4500px; }
    .blobSeaSeo02 svg .colorBlob {
      transform: scale(4) translate(70px, 640px); }

  .blobAuditSiteWeb01 svg .colorBlob {
    transform: scale(2.5) translate(185px, 180px); }

  .blobReseaux01 svg .colorBlob {
    transform: scale(0.5) translate(40px, 100px); }

  .blobTransNum01 svg .colorBlob {
    transform: scale(5) translate(100px, 190px); }

  .blobSurMesure01 svg .colorBlob {
    transform: scale(4.5) translate(100px, 135px); }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.4) translate(50px, 120px); }

  .blobAppMobile01 svg .colorBlob {
    transform: scale(2) translate(118px, 108px); }

  .blobAppMobile02 svg .colorBlob {
    transform: scale(2) translate(355px, 100px); }

  .blobData01 svg .colorBlob {
    transform: scale(0.75) translate(30px, 130px); }

  .blobHebergement01 svg .colorBlob {
    transform: scale(0.4) translate(120px, 140px); }

  .blobAnjos01 svg .colorBlob {
    transform: scale(4.5) translate(70px, 180px); }

  .blobAnjos02 svg {
    height: 4750px; }
    .blobAnjos02 svg .colorBlob {
      transform: scale(8) translate(100px, 250px); }

  .blobGmb02 svg {
    height: 4750px; }
    .blobGmb02 svg .colorBlob {
      transform: scale(8) translate(100px, 250px); }

  .blobLaboRural01 svg .colorBlob {
    transform: scale(4.5) translate(70px, 180px); }

  .blobLaboRural02 svg {
    height: 5800px; }
    .blobLaboRural02 svg .colorBlob {
      transform: scale(8) translate(100px, 250px); }

  .blobNeowi01 svg .colorBlob {
    transform: scale(4) translate(60px, 290px); }

  .blobNeowi02 svg {
    height: 5500px; }
    .blobNeowi02 svg .colorBlob {
      transform: scale(9) translate(90px, 320px); }

  .blobContact01 svg .colorBlob {
    transform: scale(2.5) translate(140px, 100px); } }
@media (min-width: 1200px) {
  .blobIndex01 svg .colorBlob {
    transform: scale(2) translate(60px, 400px); }

  .blobIndex02 svg .colorBlob {
    transform: scale(0.5) translate(100px, 130px); }

  .blobPropos01 svg {
    height: 600px; }
    .blobPropos01 svg .colorBlob {
      transform: scale(2.25) translate(125px, 115px); }

  .blobPropos02 svg {
    height: 800px; }
    .blobPropos02 svg .colorBlob {
      transform: scale(2.25) translate(380px, 210px); }

  .blobPropos03 svg .colorBlob {
    transform: scale(2.25) translate(170px, 290px); }

  .blobPropos04 svg .colorBlob {
    transform: scale(2.25) translate(410px, 385px); }

  .blobPropos05 svg .colorBlob {
    transform: scale(2.25) translate(130px, 475px); }

  .blobPropos06 svg .colorBlob {
    transform: scale(2.25) translate(340px, 580px); }

  .blobPropos07 svg .colorBlob {
    transform: scale(5.5) translate(100px, 195px); }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.35) translate(50px, 105px); }

  .blobOffreSpeciale02 svg .colorBlob {
    transform: scale(2) translate(95px, 95px); }

  .blobOffreSpeciale03 svg {
    height: 530px; }
    .blobOffreSpeciale03 svg .colorBlob {
      transform: scale(2.75) translate(90px, 100px); }

  .blobOffreSpeciale04 svg .colorBlob {
    transform: scale(3) translate(130px, 92px); }

  .blobOffreSpeciale05 svg .colorBlob {
    transform: scale(3) translate(250px, 95px); }

  .blobIndexWeb01 svg .colorBlob {
    transform: scale(2) translate(120px, 120px); }

  .blobIndexWeb02 svg .colorBlob {
    transform: scale(2) translate(450px, 280px); }

  .blobIndexWeb03 svg .colorBlob {
    transform: scale(2) translate(110px, 420px); }

  .blobIndexWeb04 svg .colorBlob {
    transform: scale(2) translate(450px, 575px); }

  .blobIndexDigitale01 svg .colorBlob {
    transform: scale(2) translate(110px, 120px); }

  .blobIndexDigitale02 svg .colorBlob {
    transform: scale(2) translate(450px, 300px); }

  .blobIndexDigitale03 svg .colorBlob {
    transform: scale(2) translate(120px, 470px); }

  .blobIndexDigitale04 svg .colorBlob {
    transform: scale(2) translate(450px, 620px); }

  .blobIndexDigitale05 svg .colorBlob {
    transform: scale(2) translate(120px, 770px); }

  .blobIndexDigitale06 svg .colorBlob {
    transform: scale(2) translate(450px, 940px); }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.35) translate(50px, 105px); }

  .blobSiteWeb02 svg .colorBlob {
    transform: scale(2) translate(95px, 95px); }

  .blobSiteWeb03 svg {
    height: 530px; }
    .blobSiteWeb03 svg .colorBlob {
      transform: scale(2.75) translate(90px, 100px); }

  .blobSiteWeb04 svg .colorBlob {
    transform: scale(3) translate(130px, 92px); }

  .blobSiteWeb05 svg .colorBlob {
    transform: scale(3) translate(250px, 95px); }

  .blobSeaSeo01 svg .colorBlob {
    transform: scale(4) translate(270px, 290px); }

  .blobSeaSeo02 svg {
    height: 4000px; }
    .blobSeaSeo02 svg .colorBlob {
      transform: scale(4) translate(70px, 620px); }

  .blobAuditSiteWeb01 svg .colorBlob {
    transform: scale(2.75) translate(200px, 160px); }

  .blobReseaux01 svg .colorBlob {
    transform: scale(0.25) translate(70px, 110px); }

  .blobTransNum01 svg .colorBlob {
    transform: scale(5) translate(110px, 140px); }

  .blobSurMesure01 svg .colorBlob {
    transform: scale(5) translate(110px, 115px); }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.25) translate(70px, 130px); }

  .blobAppMobile01 svg .colorBlob {
    transform: scale(2.5) translate(110px, 105px); }

  .blobAppMobile02 svg .colorBlob {
    transform: scale(2.5) translate(330px, 100px); }

  .blobData01 svg .colorBlob {
    transform: scale(0.5) translate(60px, 130px); }

  .blobHebergement01 svg {
    height: 1500px; }
    .blobHebergement01 svg .colorBlob {
      transform: scale(0.4) translate(125px, 150px); }

  .blobAnjos01 svg .colorBlob {
    transform: scale(4) translate(100px, 180px); }

  .blobAnjos02 svg .colorBlob {
    transform: scale(12) translate(90px, 190px); }

  .blobGmb02 svg .colorBlob {
    transform: scale(12) translate(90px, 190px); }

  .blobLaboRural01 svg .colorBlob {
    transform: scale(4) translate(100px, 180px); }

  .blobLaboRural02 svg .colorBlob {
    transform: scale(12) translate(90px, 190px); }

  .blobNeowi01 svg .colorBlob {
    transform: scale(6) translate(60px, 230px); }

  .blobNeowi02 svg .colorBlob {
    transform: scale(10) translate(100px, 300px); }

  .blobContact01 svg .colorBlob {
    transform: scale(2.5) translate(150px, 100px); } }
@media (min-width: 1400px) {
  .blobIndex01 svg .colorBlob {
    transform: scale(2.5) translate(110px, 310px); }

  .blobIndex02 svg .colorBlob {
    transform: scale(0.5) translate(95px, 125px); }

  .blobOffreSpeciale01 svg .colorBlob {
    transform: scale(0.3) translate(50px, 110px); }

  .blobOffreSpeciale03 svg .colorBlob {
    transform: scale(2.75) translate(100px, 100px); }

  .blobIndexWeb01 svg .colorBlob {
    transform: scale(2) translate(120px, 120px); }

  .blobIndexWeb02 svg .colorBlob {
    transform: scale(2) translate(459px, 280px); }

  .blobIndexWeb03 svg .colorBlob {
    transform: scale(2) translate(100px, 425px); }

  .blobIndexWeb04 svg .colorBlob {
    transform: scale(2) translate(450px, 570px); }

  .blobIndexDigitale01 svg {
    height: 450px; }
    .blobIndexDigitale01 svg .colorBlob {
      transform: scale(2) translate(110px, 120px); }

  .blobIndexDigitale02 svg {
    height: 850px; }
    .blobIndexDigitale02 svg .colorBlob {
      transform: scale(2) translate(450px, 300px); }

  .blobIndexDigitale03 svg {
    height: 1150px; }
    .blobIndexDigitale03 svg .colorBlob {
      transform: scale(2) translate(120px, 480px); }

  .blobIndexDigitale04 svg {
    height: 1450px; }
    .blobIndexDigitale04 svg .colorBlob {
      transform: scale(2) translate(450px, 620px); }

  .blobIndexDigitale05 svg {
    height: 1750px; }
    .blobIndexDigitale05 svg .colorBlob {
      transform: scale(2) translate(120px, 780px); }

  .blobIndexDigitale06 svg {
    height: 2100px; }
    .blobIndexDigitale06 svg .colorBlob {
      transform: scale(2) translate(450px, 930px); }

  .blobSiteWeb01 svg .colorBlob {
    transform: scale(0.3) translate(50px, 110px); }

  .blobSiteWeb03 svg .colorBlob {
    transform: scale(2.75) translate(100px, 100px); }

  .blobSeaSeo01 svg .colorBlob {
    transform: scale(5) translate(220px, 270px); }

  .blobSeaSeo02 svg .colorBlob {
    transform: scale(4.5) translate(50px, 560px); }

  .blobAuditSiteWeb01 svg .colorBlob {
    transform: scale(2.75) translate(200px, 160px); }

  .blobReseaux01 svg .colorBlob {
    transform: scale(0.3) translate(70px, 100px); }

  .blobTransNum01 svg .colorBlob {
    transform: scale(5.75) translate(95px, 120px); }

  .blobSurMesure01 svg .colorBlob {
    transform: scale(6) translate(90px, 110px); }

  .blobIntegration01 svg .colorBlob {
    transform: scale(0.25) translate(70px, 110px); }

  .blobAppMobile01 svg .colorBlob {
    transform: scale(2.5) translate(100px, 105px); }

  .blobAppMobile02 svg .colorBlob {
    transform: scale(2.5) translate(340px, 105px); }

  .blobHebergement01 svg .colorBlob {
    transform: scale(0.4) translate(130px, 155px); }

  .blobAnjos01 svg .colorBlob {
    transform: scale(5) translate(120px, 180px); }

  .blobAnjos02 svg .colorBlob {
    transform: scale(12) translate(100px, 210px); }

  .blobGmb02 svg .colorBlob {
    transform: scale(12) translate(100px, 210px); }

  .blobLaboRural01 svg .colorBlob {
    transform: scale(5) translate(120px, 180px); }

  .blobLaboRural02 svg .colorBlob {
    transform: scale(12) translate(100px, 210px); }

  .blobNeowi01 svg .colorBlob {
    transform: scale(5) translate(70px, 270px); }

  .blobNeowi02 svg .colorBlob {
    transform: scale(10) translate(125px, 300px); }

  .blobContact01 svg .colorBlob {
    transform: scale(2.5) translate(190px, 100px); } }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  position: relative;
  margin: 0;
  color: #173559; }

.flipCard {
  height: 300px; }
  .flipCard .front, .flipCard .back {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 50px; }
  .flipCard .front {
    border-radius: 10px;
    text-align: center;
    background-color: #A1D5F4; }
  .flipCard .back {
    border-radius: 10px;
    background-color: #A1D5F4; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * *  HEADER * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *  STYLES PAR DEFAUT  * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
header {
  height: 100vh; }

.defaultHeader {
  height: 680px; }
  .defaultHeader #contentDefaultHeader {
    height: 550px;
    background-color: #1C93D1; }

@media (min-width: 576px) {
  .defaultHeader {
    height: 400px; }
    .defaultHeader #contentDefaultHeader {
      height: 250px; } }
@media (min-width: 768px) {
  .defaultHeader {
    height: 550px; }
    .defaultHeader #contentDefaultHeader {
      height: 450px; } }
@media (min-width: 1200px) {
  .defaultHeader {
    height: 600px; } }
@media (min-width: 1400px) {
  .defaultHeader {
    height: 700px; } }
.littleHeader {
  height: 550px; }
  .littleHeader #contentLittleHeader {
    height: 300px;
    background-color: #1C93D1; }

@media (min-width: 768px) {
  .littleHeader {
    height: 500px; } }
@media (min-width: 992px) {
  .littleHeader {
    height: 500px; } }
@media (min-width: 1200px) {
  .littleHeader {
    height: 600px; } }
@media (min-width: 1400px) {
  .littleHeader {
    height: 700px; } }
#contentHeader {
  background-color: #1C93D1; }

#logoHeaderContainer {
  padding-top: 130px;
  color: #FFF; }
  #logoHeaderContainer .iconContainer {
    margin-top: 10%; }
    #logoHeaderContainer .iconContainer .whiteLogo-big {
      width: 250px; }

@media (min-width: 300px) {
  #logoHeaderContainer {
    padding-top: 0; }
    #logoHeaderContainer .logoHeader {
      width: 175px; } }
@media (min-width: 576px) {
  #logoHeaderContainer {
    padding-top: 85px; }
    #logoHeaderContainer .logoHeader {
      width: 175px; } }
@media (min-width: 768px) {
  #logoHeaderContainer {
    padding-top: 51px; }
    #logoHeaderContainer .logoHeader {
      width: 200px; } }
@media (min-width: 992px) {
  #logoHeaderContainer {
    padding-top: 135px; } }
@media (min-width: 1200px) {
  #logoHeaderContainer {
    padding-top: 170px; }
    #logoHeaderContainer .logoHeader {
      width: 150px; } }
@media (min-width: 1400px) {
  #logoHeaderContainer {
    padding-top: 170px; }
    #logoHeaderContainer .logoHeader {
      width: 250px; } }
#homeHeaderContainer {
  padding-top: 130px;
  color: #FFF; }
  #homeHeaderContainer .logoHeader {
    width: 150px; }
  #homeHeaderContainer .homeBaseline {
    font-size: 2em; }

@media (min-width: 576px) {
  #homeHeaderContainer .homeBaseline {
    margin: 0px ​0 10px;
    font-size: 2em; } }
@media (min-width: 768px) {
  #homeHeaderContainer .homeBaseline {
    margin: 60px 0 20px; } }
@media (min-width: 992px) {
  #homeHeaderContainer .homeBaseline {
    margin: 20px 0 0; } }
@media (min-width: 1200px) {
  #homeHeaderContainer .logoHeader {
    width: 200px; }
  #homeHeaderContainer .homeBaseline {
    font-size: 2.5em; } }
.indexHeader h1 {
  margin: 0;
  font-size: 2.5em;
  font-weight: 700;
  letter-spacing: .15em;
  color: #D4E7F0; }
.indexHeader .listService {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #D4E7F0; }
  .indexHeader .listService li {
    font-weight: 100;
    color: white; }
    .indexHeader .listService li::after {
      content: '|';
      color: white; }
    .indexHeader .listService li:last-child::after {
      content: '';
      color: white; }
    .indexHeader .listService li a {
      color: white; }
      .indexHeader .listService li ahover {
        color: white; }

@media (min-width: 1200px) {
  .indexHeader .listService li {
    font-size: 1.5em; } }
@media (min-width: 576px) {
  .indexHeader h1 {
    margin: 0px ​0 10px; } }
@media (min-width: 768px) {
  .indexHeader h1 {
    margin: 60px 0 20px; } }
@media (min-width: 992px) {
  .indexHeader h1 {
    margin: 30px 0 0; } }
.offresDigitHeader h1 {
  margin: 20px 0 0;
  font-size: 10vw;
  font-weight: 700;
  letter-spacing: .15em; }
.offresDigitHeader span {
  margin: 0;
  padding: 0;
  font-weight: 100; }

.offresWebHeader, .offresDigitHeader, .offreSpecialeHeader, .projectHeaderIndex {
  letter-spacing: .1em; }
  .offresWebHeader p, .offresDigitHeader p, .offreSpecialeHeader p, .projectHeaderIndex p {
    font-weight: 100;
    text-transform: uppercase; }
  .offresWebHeader h1, .offresDigitHeader h1, .offreSpecialeHeader h1, .projectHeaderIndex h1 {
    margin: 0 0 50px;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: .15em; }
  .offresWebHeader ul li, .offresDigitHeader ul li, .offreSpecialeHeader ul li, .projectHeaderIndex ul li {
    text-transform: uppercase;
    color: #FFF; }
    .offresWebHeader ul li a, .offresDigitHeader ul li a, .offreSpecialeHeader ul li a, .projectHeaderIndex ul li a {
      position: relative;
      font-weight: 100;
      color: #FFF; }
      .offresWebHeader ul li a::after, .offresDigitHeader ul li a::after, .offreSpecialeHeader ul li a::after, .projectHeaderIndex ul li a::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #FFF; }
      .offresWebHeader ul li a:hover, .offresDigitHeader ul li a:hover, .offreSpecialeHeader ul li a:hover, .projectHeaderIndex ul li a:hover {
        text-decoration: none; }
        .offresWebHeader ul li a:hover::after, .offresDigitHeader ul li a:hover::after, .offreSpecialeHeader ul li a:hover::after, .projectHeaderIndex ul li a:hover::after {
          width: 100%; }
    .offresWebHeader ul li::after, .offresDigitHeader ul li::after, .offreSpecialeHeader ul li::after, .projectHeaderIndex ul li::after {
      content: '|'; }
    .offresWebHeader ul li:last-child::after, .offresDigitHeader ul li:last-child::after, .offreSpecialeHeader ul li:last-child::after, .projectHeaderIndex ul li:last-child::after {
      content: ''; }

@media (min-width: 576px) {
  .indexHeader h1, .offresWebHeader h1, .offresDigitHeader h1, .projectHeaderIndex h1 {
    font-size: 1.25em; } }
@media (min-width: 768px) {
  .indexHeader h1, .offresWebHeader h1, .offresDigitHeader h1, .projectHeaderIndex h1 {
    font-size: 2.5em; } }
@media (min-width: 992px) {
  .indexHeader h1, .offresWebHeader h1, .offresDigitHeader h1, .projectHeaderIndex h1 {
    font-size: 2em; } }
@media (min-width: 1200px) {
  .indexHeader h1, .offresWebHeader h1, .offresDigitHeader h1, .projectHeaderIndex h1 {
    font-size: 2em; } }
@media (min-width: 1400px) {
  .indexHeader h1, .offresWebHeader h1, .offresDigitHeader h1, .projectHeaderIndex h1 {
    font-size: 3em; } }
.projectHeader h1 {
  margin: 0;
  margin-top: 50px;
  font-weight: 700;
  letter-spacing: .15em; }
.projectHeader .listService {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .projectHeader .listService li {
    font-weight: 100; }
    .projectHeader .listService li::after {
      content: '|'; }
    .projectHeader .listService li:last-child::after {
      content: ''; }

.projectHeaderIndex h1 {
  margin: 0 0 50px; }

@media (min-width: 576px) {
  .projectHeader h1 {
    font-size: 2em; } }
@media (min-width: 768px) {
  .projectHeader h1 {
    font-size: 3em; } }
@media (min-width: 992px) {
  .projectHeader h1 {
    font-size: 3.5em; } }
@media (min-width: 1200px) {
  .projectHeader h1 {
    font-size: 3.5em; } }
nav {
  padding: 15px 20px 10px;
  color: #FFF;
  z-index: 7; }
  nav .logoNav .whiteLogo-small {
    width: 175px;
    height: auto;
    height: intrinsic;
    margin-right: 10px;
    margin-bottom: -3px; }
    nav .logoNav .whiteLogo-small path {
      fill: #FFF;
      transition: fill .25s ease-in; }
  nav .logoNav:hover {
    text-decoration: none; }
    nav .logoNav:hover path {
      fill: #A1D5F4; }
    nav .logoNav:hover h3 {
      color: #A1D5F4; }

@media (min-width: 768px) {
  nav .logoNav .whiteLogo-small {
    width: 210px; } }
.nav-link {
  display: initial;
  padding: 0; }

.bgNav {
  height: 70px;
  top: 0;
  left: 0;
  background-color: #173559;
  z-index: 5; }

.contentMenu {
  position: fixed;
  overflow: hidden;
  overflow-y: scroll;
  width: 0;
  height: 100vh;
  padding: 100px 0 50px;
  top: 0;
  right: 0;
  background-color: #173559;
  z-index: 6;
  transition: all .75s ease-in; }
  .contentMenu .links {
    margin: 0;
    margin-right: 5vw;
    padding: 15px 0;
    border-top: 2px solid #FFF; }
    .contentMenu .links .link, .contentMenu .links .sublink {
      margin: 0;
      padding: 5px 0; }
      .contentMenu .links .link .linkMenuBurger, .contentMenu .links .link .sublinkMenuBurger, .contentMenu .links .sublink .linkMenuBurger, .contentMenu .links .sublink .sublinkMenuBurger {
        position: relative;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        color: #FFF; }
        .contentMenu .links .link .linkMenuBurger::before, .contentMenu .links .link .sublinkMenuBurger::before, .contentMenu .links .sublink .linkMenuBurger::before, .contentMenu .links .sublink .sublinkMenuBurger::before {
          content: attr(data-text);
          position: absolute;
          width: 0;
          height: 100%;
          overflow: hidden;
          white-space: nowrap;
          color: #A1D5F4;
          transition: width .5s ease-in; }
        .contentMenu .links .link .linkMenuBurger:hover::before, .contentMenu .links .link .sublinkMenuBurger:hover::before, .contentMenu .links .sublink .linkMenuBurger:hover::before, .contentMenu .links .sublink .sublinkMenuBurger:hover::before {
          width: 100%; }
    .contentMenu .links:first-child {
      border-top: none; }
      .contentMenu .links:first-child .link:last-child {
        margin: 15px 0; }
        .contentMenu .links:first-child .link:last-child .buttonMenuBurger {
          padding: 10px 20px;
          background-color: #A1D5F4;
          border: 2px solid #A1D5F4;
          border-radius: 10px;
          color: #173559;
          white-space: nowrap;
          transition: background-color .5s, color .5s ease-in; }
          .contentMenu .links:first-child .link:last-child .buttonMenuBurger:hover {
            background-color: #173559;
            color: #A1D5F4; }
          .contentMenu .links:first-child .link:last-child .buttonMenuBurger::before {
            content: ''; }
    .contentMenu .links .sublink {
      padding-left: 35px !important; }

@media (min-width: 576px) {
  .contentMenu .links .link, .contentMenu .links .sublink {
    padding: 10px 0; }
  .contentMenu .links:first-child .link:last-child {
    margin: 50px 0; } }
@media (min-width: 992px) {
  .contentMenu {
    overflow: hidden; }
    .contentMenu .links {
      margin: 50px 0;
      margin-right: 0;
      padding: 0;
      border-top: none; }
      .contentMenu .links .link, .contentMenu .links .sublink {
        padding: 10px 0;
        white-space: nowrap; }
      .contentMenu .links:first-child .link:last-child {
        margin: 40px 0; } }
@media (min-width: 1200px) {
  .contentMenu .links {
    margin-right: 7.5%; }
    .contentMenu .links .link, .contentMenu .links .sublink {
      padding: 5px 0; }
    .contentMenu .links:first-child .link:last-child {
      margin: 0px 0; } }
@media (min-width: 1400px) {
  .contentMenu .links {
    margin-right: 10%; } }
.show {
  width: 100%; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * *  MAIN * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *  STYLES PAR DEFAUT  * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
main {
  position: relative; }
  main h1 {
    margin: 100px 0 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #173559; }
  main .titleIndex {
    z-index: 2; }
  main h2 {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #173559; }
  main .author {
    font-weight: 300;
    font-style: italic;
    line-height: 1; }
    main .author .nameAuthor {
      font-family: "Caveat", cursive;
      font-size: 1.5em; }
  main .motsFondateurs .author {
    text-align: right; }
  main .linksOffre .paddingOffres {
    position: relative;
    top: -10px;
    padding: 90px 70px;
    z-index: -1; }
    main .linksOffre .paddingOffres .iconOffres {
      position: absolute;
      width: 125px; }
  main .linksOffre .linksOffresWeb {
    background: url("/assets/images/blobs/blob-offres-web.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 42px;
      left: 20px; }
  main .linksOffre .linksOffresDigitales {
    background: url("/assets/images/blobs/blob-offres-digitales.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1; }
    main .linksOffre .linksOffresDigitales .iconOffres {
      bottom: 50px;
      right: 30px; }
  main .linksOffre a {
    color: unset;
    transition: color .25s ease-in; }
    main .linksOffre a .puceSuccess {
      transition: fill .25s ease-in; }
    main .linksOffre a:hover {
      text-decoration: none;
      color: #A1D5F4; }
      main .linksOffre a:hover .puceSuccess {
        fill: #A1D5F4; }
  @media (min-width: 576px) {
    main .linksOffre .paddingOffres {
      padding: 110px; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 72px;
      left: 65px; }
    main .linksOffre .linksOffresDigitales .iconOffres {
      right: 75px; } }
  @media (min-width: 768px) {
    main .linksOffre .paddingOffres {
      padding: 110px 190px; }
      main .linksOffre .paddingOffres .iconOffres {
        width: 150px; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 66px;
      left: 115px; }
    main .linksOffre .linksOffresDigitales {
      margin-top: 50px; }
      main .linksOffre .linksOffresDigitales .iconOffres {
        right: 115px; } }
  @media (min-width: 992px) {
    main .linksOffre .paddingOffres {
      top: -75px;
      padding: 80px; }
      main .linksOffre .paddingOffres .iconOffres {
        width: 170px; }
      main .linksOffre .paddingOffres h2 {
        padding-top: 50px;
        padding-left: 20px; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 89px;
      left: 30px; }
    main .linksOffre .linksOffresDigitales {
      margin-top: 0; }
      main .linksOffre .linksOffresDigitales .iconOffres {
        bottom: 25px;
        right: 35px; } }
  @media (min-width: 1200px) {
    main .linksOffre .paddingOffres {
      padding: 140px; }
      main .linksOffre .paddingOffres .iconOffres {
        width: 170px; }
      main .linksOffre .paddingOffres h2 {
        padding-left: 0; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 134px;
      left: 25px; }
    main .linksOffre .linksOffresDigitales .iconOffres {
      bottom: 70px;
      right: 70px; } }
  @media (min-width: 1400px) {
    main .linksOffre .paddingOffres .iconOffres {
      width: 210px; }
    main .linksOffre .paddingOffres h2 {
      padding-left: 0; }
    main .linksOffre .linksOffresWeb .iconOffres {
      top: 110px;
      left: 0; }
    main .linksOffre .linksOffresDigitales .iconOffres {
      bottom: 40px;
      right: 30px; } }
  main .bkgContainer {
    background-color: #173559; }
  main .blocEtudeCas .pictureLink {
    position: relative; }
    main .blocEtudeCas .pictureLink .thumbnail {
      max-height: 100%;
      border-radius: 4px; }
    main .blocEtudeCas .pictureLink::before {
      display: flex;
      justify-content: center;
      align-items: center;
      content: 'En savoir plus →';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 4px;
      font-size: 1.5em;
      text-align: center;
      color: rgba(23, 53, 89, 0);
      visibility: hidden;
      transition: all .25s ease-in; }
    main .blocEtudeCas .pictureLink:hover::before {
      visibility: visible;
      background-color: rgba(255, 255, 255, 0.75);
      color: #173559; }
  main .blocEtudeCas p {
    color: #FFF; }
  main .containerReassurance .blocReassurance {
    margin-top: 100px; }
  @media (min-width: 768px) {
    main .containerReassurance .blocReassurance {
      margin-top: -50px; } }
  main .blocTimeline .timeline {
    width: 20px;
    height: auto; }
  main .blocTimeline .blocDates .date {
    padding: 0px 20px; }
  main .blocTimeline .blocDates .y2017 {
    top: -470px;
    left: -175px; }
  main .blocTimeline .blocDates .y2018 {
    top: -270px;
    right: -175px; }
  main .blocTimeline .blocDates .y2019 {
    top: -40px;
    left: -175px; }
  main .blocTimeline .blocDates .y2020 {
    top: 140px;
    right: -175px; }
  main .blocTimeline .blocDates .y2021 {
    top: 370px;
    left: -175px; }
  @media (min-width: 576px) {
    main .blocTimeline .blocDates .y2017 {
      left: -300px; }
    main .blocTimeline .blocDates .y2018 {
      right: -300px; }
    main .blocTimeline .blocDates .y2019 {
      left: -300px; }
    main .blocTimeline .blocDates .y2020 {
      right: -300px; }
    main .blocTimeline .blocDates .y2021 {
      left: -300px; } }
  @media (min-width: 768px) {
    main .blocTimeline .blocDates .y2017 {
      top: -482px; }
    main .blocTimeline .blocDates .y2018 {
      top: -278px; }
    main .blocTimeline .blocDates .y2019 {
      top: -52px; }
    main .blocTimeline .blocDates .y2020 {
      top: 128px; }
    main .blocTimeline .blocDates .y2021 {
      top: 356px; } }
  @media (min-width: 992px) {
    main .blocTimeline .blocDates .y2017 {
      left: -440px; }
    main .blocTimeline .blocDates .y2018 {
      right: -440px; }
    main .blocTimeline .blocDates .y2019 {
      left: -440px; }
    main .blocTimeline .blocDates .y2020 {
      right: -440px; }
    main .blocTimeline .blocDates .y2021 {
      left: -440px; } }
  main .blocInterviewFondateur:first-child {
    text-align: left; }
    main .blocInterviewFondateur:first-child .interviewFondateur .nomFondateur {
      text-align: left; }
  main .blocInterviewFondateur:last-child {
    text-align: left; }
    main .blocInterviewFondateur:last-child .interviewFondateur .nomFondateur {
      text-align: left; }
  main .blocInterviewFondateur img {
    width: 300px; }
  main .blocInterviewFondateur .interviewFondateur .nomFondateur {
    color: #A1D5F4; }
  @media (min-width: 768px) {
    main .blocInterviewFondateur:first-child .interviewFondateur {
      padding-right: 25px; }
    main .blocInterviewFondateur:last-child {
      text-align: right; }
      main .blocInterviewFondateur:last-child .interviewFondateur {
        padding-left: 25px; }
        main .blocInterviewFondateur:last-child .interviewFondateur .nomFondateur {
          text-align: right; } }
  main .blocLogos {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; }
    main .blocLogos .logoClient {
      width: 100px;
      height: auto;
      margin: 10px 25px; }

.contactForm {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 0 20px; }
  .contactForm [type="text"], .contactForm [type="tel"], .contactForm textarea {
    width: calc(50% - 10px);
    height: 40px;
    padding: 0 10px;
    border: 1px solid #1C93D1;
    border-radius: 5px;
    font-size: initial;
    color: #173559; }
    .contactForm [type="text"]::placeholder, .contactForm [type="tel"]::placeholder, .contactForm textarea::placeholder {
      text-transform: uppercase;
      color: #1C93D1; }
    .contactForm [type="text"]:focus, .contactForm [type="tel"]:focus, .contactForm textarea:focus {
      border: 2px solid #1C93D1; }
    .contactForm [type="text"]:focus-visible, .contactForm [type="tel"]:focus-visible, .contactForm textarea:focus-visible {
      outline: rgba(161, 213, 244, 0.5) auto 2px; }
  .contactForm textarea {
    width: 100%;
    height: initial; }
  .contactForm textarea::placeholder {
    padding-top: 5px; }

.GoogleMaps {
  border-radius: 5px; }

.linksContact {
  text-decoration: underline;
  color: unset;
  transition: all .25s ease-in; }
  .linksContact:hover {
    text-decoration: none;
    color: #1C93D1; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * *  FOOTER * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *  STYLES PAR DEFAUT  * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#blocContact {
  margin-bottom: -200px;
  padding: 0 0 250px;
  background-color: rgba(212, 231, 240, 0.5); }
  #blocContact .title {
    margin: 100px 0 20px;
    font-family: "Caveat", cursive;
    font-size: 2em;
    text-align: center;
    color: #173559; }
  #blocContact .subTitle {
    margin-bottom: 40px;
    font-family: unset;
    color: #1C93D1; }
  #blocContact .paragraphs {
    display: flex;
    flex-flow: column wrap; }
    #blocContact .paragraphs p {
      margin: 50px 0;
      color: #173559; }
    #blocContact .paragraphs .n2mBaseline {
      font-size: 2em;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #D4E7F0; }

@media (min-width: 576px) {
  #blocContact .paragraphs .n2mBaseline {
    font-size: 3em; } }
@media (min-width: 1200px) {
  #blocContact .title {
    font-size: 4em; }
  #blocContact .paragraphs .n2mBaseline {
    font-size: 2.5em; } }
footer {
  color: #173559; }
  footer .footerBkg {
    background-color: #A1D5F4; }
    footer .footerBkg .darkLogo {
      width: 100%;
      height: auto;
      height: intrinsic; }
      footer .footerBkg .darkLogo path, footer .footerBkg .darkLogo polygon, footer .footerBkg .darkLogo rect {
        fill: #173559;
        transition: fill .25s ease-in; }
      footer .footerBkg .darkLogo:hover {
        text-decoration: none; }
        footer .footerBkg .darkLogo:hover path, footer .footerBkg .darkLogo:hover polygon, footer .footerBkg .darkLogo:hover rect {
          fill: #D4E7F0; }
  footer .linksFooter > li > a {
    color: #173559;
    transition: all .25s ease-in; }
    footer .linksFooter > li > a:hover {
      text-decoration: none;
      color: #D4E7F0; }
  footer .mention > p {
    font-size: 1em;
    font-weight: 300; }
    footer .mention > p a {
      text-decoration: underline;
      color: unset;
      transition: all .25s ease-in; }
      footer .mention > p a:hover {
        text-decoration: none;
        color: #D4E7F0; }

@media (min-width: 576px) {
  footer .mention p {
    font-size: 2vw; } }
@media (min-width: 768px) {
  footer .mention p {
    font-size: 3vw; } }
@media (min-width: 992px) {
  footer .mention p {
    font-size: 1.75vw; } }
@media (min-width: 1200px) {
  footer .mention p {
    font-size: 1.25vw; } }
.fab.fa-linkedin.map {
  font-size: 50px;
  color: #1C93D1;
  margin-bottom: 20px; }

.bkgContainerRecrutement {
  background-color: rgba(212, 231, 240, 0.5); }

#n2mInfos p {
  color: #1C93D1;
  font-family: unset;
  margin-bottom: 40px; }

.blockText {
  margin-left: auto;
  margin-right: auto;
  width: 70%; }

.TextFormu {
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

label {
  border: 1px solid #1C93D1;
  border-radius: 5px;
  width: 80%;
  padding: 10px;
  text-align: center;
  margin-top: 30px;
  color: #1C93D1;
  cursor: pointer;
  background-color: #ffffff; }

label:hover {
  background-color: #1C93D1;
  color: white;
  transition: all .20s ease-in;
  font-weight: bold; }

.recrutementForm {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  gap: 0 15px; }
  .recrutementForm [type="text"], .recrutementForm [type="tel"], .recrutementForm textarea {
    width: calc(50% - 10px);
    height: 40px;
    padding: 0 10px;
    border: 1px solid #1C93D1;
    border-radius: 5px;
    font-size: initial;
    color: #173559; }
    .recrutementForm [type="text"]::placeholder, .recrutementForm [type="tel"]::placeholder, .recrutementForm textarea::placeholder {
      color: #1C93D1; }
    .recrutementForm [type="text"]:focus, .recrutementForm [type="tel"]:focus, .recrutementForm textarea:focus {
      border: 2px solid #1C93D1; }
    .recrutementForm [type="text"]:focus-visible, .recrutementForm [type="tel"]:focus-visible, .recrutementForm textarea:focus-visible {
      outline: rgba(161, 213, 244, 0.5) auto 2px; }
  .recrutementForm textarea {
    width: 100%;
    height: initial; }
  .recrutementForm textarea::placeholder {
    padding-top: 5px; }

.bottomScrollReveal.col-12.col-md-6.h-50.smiley {
  max-width: 100% !important; }

.containerBlob.\30 3.blobPropos06.bottomScrollReveal.recrutement {
  margin-top: 400px;
  margin-left: 260px; }

.containerBlob.\30 2.bottomScrollReveal.blobIndex02.blobRecrutement02 {
  margin-top: 650px;
  margin-left: -225px; }

.topScrollReveal.title2 {
  font-family: unset;
  font-weight: 700;
  text-align: center;
  color: #D4E7F0;
  font-size: 30px; }

.previewEtudeCas {
  padding-bottom: 15px;
  background-color: #DBECE1;
  border-radius: 10px;
  text-align: right;
  min-height: 530px; }

main .previewArticle {
  padding-bottom: 15px;
  background-color: #DBECE1;
  border-radius: 10px;
  text-align: right;
  min-height: 665px; }

.ctaArticle.right {
  position: absolute;
  bottom: 60px;
  right: 40px; }

main .previewArticle .pictureLink {
  position: relative; }

main .previewArticle .pictureLink .thumbnail {
  max-height: 100%;
  border-radius: 4px; }

main .previewArticle .pictureLink::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: "Découvrir →";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  font-size: 1.5em;
  text-align: center;
  color: rgba(18, 40, 26, 0);
  visibility: hidden;
  transition: all 0.25s ease-in; }

main .previewArticle .pictureLink:hover::before {
  visibility: visible;
  background-color: rgba(255, 255, 255, 0.75);
  color: #12281A; }

main .previewArticle p {
  padding: 20px 15px 15px;
  text-align: left; }

.buttonDefault {
  position: relative;
  width: fit-content;
  margin: auto;
  padding: 10px 20px;
  background-color: transparent;
  border: 2px solid #1C93D1;
  border-radius: 50px;
  overflow: hidden !important;
  font-size: 1.25em;
  font-weight: 700;
  text-decoration: none;
  color: #1C93D1;
  z-index: 1;
  cursor: pointer;
  transition: all .25s ease-in; }

.sublinkMenuBurger {
  text-transform: capitalize !important; }

#blocPlusRecrutement {
  background-color: rgba(212, 231, 240, 0.5); }

.paragraph {
  margin-bottom: 50px;
  font-family: unset;
  color: #000000;
  font-weight: 700;
  text-align: center; }

.paragraph2 {
  margin-top: 50px;
  font-family: unset;
  color: #000000;
  font-weight: 700;
  text-align: center; }

a.topScrollReveal.col-12.text-center.adress {
  color: #1C93D1;
  font-size: 27px;
  font-family: "caveat", cursive; }

.blobPasDePanique {
  margin-bottom: -300px; }

.blobN2mSolution {
  margin-bottom: -340px;
  height: auto;
  width: 45%; }

.ctaEtudeCas2 {
  width: 45px;
  fill: #12281A;
  transition: fill .25s ease-in;
  position: absolute;
  bottom: 20px;
  right: 40px; }

@media (max-width: 800px) {
  img.bottomScrollReveal.col-12.col-md-6.h-100.cliquezIci\>.\<a.href\= {
    display: none; }

  .row.align-items-center.position-relative.GoogleMapBloc {
    margin-right: 0px !important; }

  a.topScrollReveal.col-12.text-center.adress {
    color: #1C93D1;
    font-size: 27px;
    font-family: "caveat", cursive; }

  .GoogleMapContainer {
    padding-right: 0px !important; }

  #recrutementSpacing {
    display: none; }

  .recrutementForm {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }

  .text-success {
    padding-left: 20%;
    padding-right: 20%; } }
.kpi-list {
  color: black; }

.logoYoutube {
  max-width: 10%;
  margin-top: -25px; }

.interviewYtb {
  margin: 0; }

.block-functions .content {
  background-color: #FFE4D8;
  border-radius: 30px;
  padding: 20px; }
  .block-functions .content .title {
    padding-left: 5px; }
  .block-functions .content .blocktext ul {
    padding-left: 28px; }
.block-functions .content1 {
  min-height: 250px; }
.block-functions .content2 {
  min-height: 190px; }

.picto-number {
  width: 20% !important; }

.center-list {
  margin-left: 20%; }

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