a {text-decoration: none;}
ul {padding: 0;}
p {margin: 0;}
.nav {
  cursor: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}
.drop-down-offres,
.drop-down-applications,
.drop-down-ressources,
.drop-down-apropos {
  position: relative;
  display: block;
}
.options.open {
  display: block;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.cas-clients,
.nav > .drop-down {
  background-color: transparent;
  padding: 5px 10px;
  border-radius: 7px;
  transition: background-color 0.3s ease;
}
.cas-clients:hover,
.nav > .drop-down:hover,
.nav > .drop-down.open {background-color: #F5F8F9;}
.nav .btn {
  background-color: transparent;
  outline: none;
  position: relative;
  cursor: pointer;
  height: 100%;
  width: 100%;
  border: none;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  transition: 0.3s all ease;
  box-sizing: revert!important; /* ajout à enlever quand les pages du site seront à refaire */
  padding: 0;
}
.nav .btn > * {cursor: pointer;}
.btn-toggle {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 1rem;
  cursor: pointer;
}
.btn-toggle .label-text {flex: 1;}
.btn-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #f2f4f7;
  border-radius: 4px;
}
.btn-icon .line {
  position: absolute;
  background-color: var(--color-blue-dark);
  transition: transform 0.3s ease;
  transform-origin: center;
}
.btn-icon .horizontal {
  width: 10px;
  height: 2px;
}
.btn-icon .vertical {
  width: 2px;
  height: 10px;
}
.btn-toggle[aria-expanded="true"] .vertical {transform: rotate(90deg);}

.drop-down-offres:hover .options-offres,
.drop-down-applications:hover .options-applications,
.drop-down-ressources:hover .options-ressources,
.drop-down-apropos:hover .options-apropos {
  display: block;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.option span a {color: var(--color-blue-dark);}
.option > span:nth-child(3) {text-align: left;}
.label-text a, .label-text span {
  font-family: "Montserrat", sans-serif!important;
  font-size: 14px;
  color: var(--color-blue-dark-opacity-8);
}
.nav .btn .icon {
  position: relative;
  top: 4px;
  transition: 0.2s all ease;
  opacity: 0.45;
}
.drop-down-ressources .option > span,
.drop-down-apropos .option > span,
.option > span:nth-child(2) {white-space: nowrap;}
.img-special-webinar,
.img-special-notre-approche,
.img-special-carrieres,
.img-special-equipe,
.img-special-espace-presse {
  position: relative;
  display: block;
  height: 128px;
  max-height: 128px;
  width: 100%;
  overflow: hidden;
  border-radius: 7px;
}
.img-special-webinar > img,
.img-special-notre-approche > img,
.img-special-carrieres > img,
.img-special-equipe > img,
.img-special-espace-presse > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  height: auto;
}
.special-notre-approche-text-container,
.special-carrieres-text-container,
.special-equipe-text-container,
.special-espace-presse-text-container {
  display: flex;
  align-items: center;
}
.icon-dropdown-offres,
.icon-dropdown-applications,
.icon-dropdown-ressources,
.icon-dropdown-apropos {
  height: 42px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: initial!important;
}
.icon-dropdown-offres img,
.icon-dropdown-applications img,
.more-info__img img,
.icon-dropdown-ressources img,
.icon-dropdown-apropos img {
  max-width: 100%;
  height: auto;
}
.options-offres {left: -376%;}
.options-applications {left: -455%;}
.options-ressources {left: -705%;}
.options-apropos {left: -980%;}
.options-offres,
.options-applications,
.options-ressources,
.options-apropos {
  position: absolute;
  top: 25px;
  list-style-type: none;
  color: #151542;
  clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  padding: 2.5rem;
  margin: 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: none;
  z-index: 5;
  margin: 0 auto;
  min-width: 1271px;
  width: 100%;
}
.container-options {
  background-color: rgba(255,255,255,0.98);
  box-shadow: 0 0.7px 3.3px 0 rgba(2, 46, 59, 10%);
  -webkit-box-shadow: 0 0.7px 3.3px 0 rgba(2, 46, 59, 10%);
  -moz-box-shadow: 0 8px 6px 0 rgba(7,46,59,.04);
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: 0.5px solid rgba(2, 46, 59, 5%);
  position: relative;
  padding: 1.25rem;
}
.container-options > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1rem;
}
.grid-offres {
  row-gap: 1rem;
  grid-template-rows: 1fr 1fr 1fr;
}
.multi-techno {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.conexa {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.multi-op {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.ltem {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.m2mmanager {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.matoowan {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.router {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.starterkit {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.platform-iothink {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.grid-applications {grid-template-rows: auto;}
.use-cases {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.alarm {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.pti {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.teleassistance {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}
.telereleve {
  grid-column: 1 / 2;
  grid-row: 5 / 6;
}
.photovoltaique {
  grid-column: 1 / 2;
  grid-row: 6 / 7;
}
.agriculture {
  grid-column: 1 / 2;
  grid-row: 7 / 8;
}
.other-use-cases {
  grid-column: 1 / 2;
  grid-row: 8 / 9;
}
.devices {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.sim-for-alarm {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.sim-for-gps-plotter {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.sim-for-4g-router {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
}
.sim-for-tablet {
  grid-column: 2 / 3;
  grid-row: 5 / 6;
}
.other-devices {
  grid-column: 2 / 3;
  grid-row: 6 / 7;
}
.profils {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.startups {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.fabricants {
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
.pme {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
}
.integrateurs {
  grid-column: 3 / 4;
  grid-row: 5 / 6;
}
.grands-comptes {
  grid-column: 3 / 4;
  grid-row: 6 / 7;
}
.grid-ressources {
  grid-template-columns: 1fr 1fr 300px!important;
  grid-template-rows: auto;
}
.ressources {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.library {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.blog {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.faq {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
}
.newsletter {
  grid-column: 1 / 2;
  grid-row: 5 / 6;
}
.indispensables {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.iot-vs-m2m {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.guide-card-m2m {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}
.intro-reseau-iot {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
}
.guide-ltem {
  grid-column: 2 / 3;
  grid-row: 5 / 6;
}
.guide-lpwan {
  grid-column: 2 / 3;
  grid-row: 6 / 7;
}
.guide-fin-2g {
  grid-column: 2 / 3;
  grid-row: 7 / 8;
}
.special-webinar {
  grid-column: 3 / 4;
  grid-row: 1 / 8;
}
.special-webinar.option,
.notre-approche.option,
.special-carrieres.option,
.special-equipe.option,
.espace-presse.option {
  background-color: var(--color-blue-light);
  border-radius: 7px;
  padding: 1rem;
  transition: all .4s ease!important;
}
.special-webinar > a,
.notre-approche > a,
.special-carrieres > a,
.special-equipe > a,
.espace-presse > a {
  height: -webkit-fill-available;
  flex-direction: column;
  align-items: flex-start!important;
  row-gap: 10px;
}
.special-webinar.option:hover,
.notre-approche.option:hover,
.special-carrieres.option:hover,
.special-equipe.option:hover,
.espace-presse:hover {transform: scale(1.01);}
.grid-apropos {grid-template-columns: 1fr 1fr 1fr 1fr!important; grid-template-rows: 1fr;}
.notre-approche {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.special-carrieres {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.special-equipe {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.espace-presse {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
}
.options-offres .option,
.options-applications .option,
.options-ressources .option,
.options-apropos .option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: background, color 0.3s ease;
}
.options-ressources .option {
  align-items: flex-start;
}
.title-option {
  font-size: .9rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
}
.options-offres .option:hover,
.options-applications .option:hover,
.options-ressources .option:hover,
.options-apropos .option:hover {
  border-radius: 7px;
  background: var(--color-blue-light);
}
.option {position: relative;}
.option > a {
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: .5rem;
  flex-grow: 1;
  z-index: 2;
}
.cas-clients > a {
  position: absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}
.container-nav-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container-nav-link > div:nth-child(1) {
  width: 100%;
  display: flex;
  color: var(--color-blue-dark);
  font-size: 16px;
  font-weight: 600!important;
  line-height: 1.6em;
}
.container-nav-link-special-webinar > div:nth-child(1) {
  width: 100%;
  display: flex;
  color: var(--color-red-opacity);
  font-size: 14px;
  line-height: 1.6em;
  white-space: nowrap;
}
.container-nav-link > div:nth-child(2) {
  color: var(--color-blue-dark-opacity);
  font-size: 12px;
  line-height: 1.3em;
}
.container-nav-link-special-webinar {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.container-nav-link-special-webinar > div {
  text-align: left;
}
.container-nav-link-special-webinar > div:nth-child(2) {
  color: var(--color-blue-dark);
  font-size: 16px;
  font-weight: 600!important;
  line-height: 1.6em;
}
.container-nav-link-special-webinar > div:nth-child(3) {
  color: var(--color-blue-dark-opacity);
  font-size: 14px;
  line-height: 1.3em;
}
.drop-down-applications .label-text a {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.6em;
}
.more-info > div {color: var(--color-blue-dark-opacity)!important;}
.container-nav-link-special-webinar > div:nth-child(2)::after {
  position: relative;
  content: url('https://f.hubspotusercontent40.net/hubfs/5056642/Icon-header/icon-external-link.svg');
  margin-left: .5rem;
}
.platform-iothink > a > .container-nav-link > div:nth-child(2)::after {
  position: relative;
  bottom: -2px;
  content: url('https://f.hubspotusercontent40.net/hubfs/5056642/Icon-header/icon-external-link.svg');
  margin-left: .5rem;
}
.options-offres ul:nth-child(1) .option:nth-child(1) .container-nav-link > div:nth-child(1)::after {
  position: relative;
  content: "new";
  margin-left: .5rem;
  color: var(--color-red);
  font-size: .75rem;
  background: rgba(200,3,46,0.1);
  border-radius: 7px;
  padding: 0 8px;
}
.options-ressources > .container-options > ul > .guide-fin-2g > a > .container-nav-link > div::after {
  position: relative;
  content: "new";
  margin-left: .5rem;
  color: var(--color-red);
  font-size: .75rem;
  background: rgba(200, 3, 46, 0.1);
  border-radius: 7px;
  padding: 2px 8px;
  font-weight: 600 !important;
  line-height: 1.4rem;
  white-space: nowrap;
}

/* iPad pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
  .simple-menu-link > span > div > ul > li > a {pointer-events: none;}
  .options-applications,
  .options-apropos,
  .options-offres,
  .options-ressources {min-width: 962px!important; clip-path: initial;}
  .options-offres .option,
  .options-applications .option,
  .options-ressources .option,
  .options-apropos .option {padding: 0!important;}
  .options-offres {left: -224%!important;}
  .grid-offres {row-gap: 0!important;}
  .options-applications {left: -313%!important;}
  .options-ressources {left: -549%!important;}
  .grid-ressources {grid-template-columns: 1fr 1fr 270px!important;}
  .options-apropos {left: -794%!important;}
  .container-options {padding: 1rem!important;}
  .icon-dropdown-offres img {max-width: 35px!important;}
  .container-nav-link > div:first-child {font-size: 14px!important;}
  .container-nav-link-special-webinar > div:nth-child(2) {font-size: 14px!important;}
  .special-webinar > .icon-dropdown-ressources {padding: .5rem!important}
}

/* After Tablet styles */
@media (max-width: 1300px) and (min-width: 990px) {
  .simple-menu-link > span > div > ul > li > a {pointer-events: none;}
  .options-applications,
  .options-apropos,
  .options-offres,
  .options-ressources {min-width: 962px; clip-path: initial;}
  .options-offres .option,
  .options-applications .option,
  .options-ressources .option,
  .options-apropos .option {padding: 0;}
  .options-offres {left: -225%;}
  .grid-offres {row-gap: 0;}
  .options-applications {left: -315%;}
  .options-ressources {left: -552%;}
  .options-apropos {left: -796%;}
  .container-options {padding: 1rem;}
  .icon-dropdown-offres img {max-width: 35px;}
  .container-nav-link > div:first-child {font-size: 14px;}
  .container-nav-link-special-webinar > div:nth-child(2) {font-size: 14px;}
  .special-webinar > .icon-dropdown-ressources {padding: .5rem}
  
}

/* Tablet styles */
@media (max-width: 990px) and (min-width: 767px) {
  .simple-menu-link > span > div > ul > li > a {pointer-events: none;}
  .btn-toggle {display: flex;}
  .btn-icon {display: flex;}
  .flex-row-nav {flex-direction: column;}
  .nav {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    row-gap: 25px;
  }
  .drop-down-offres,
  .drop-down-applications,
  .drop-down-ressources,
  .drop-down-apropos,
  .nav > .drop-down:nth-child(3),
  .nav > .drop-down:nth-child(4) {
    position: relative;
    display: block;
    width: 100%;
  }
  .drop-down-offres:hover .options-offres,
  .drop-down-applications:hover .options-applications,
  .drop-down-ressources:hover .options-ressources,
  .drop-down-apropos:hover .options-apropos {
    display: none;
    clip-path: polygon(0 0,100% 0%,100% 100%,0% 100%);
  }
  .options {
    display: none;
    max-height: 60vh;
    overflow-y: auto;
    transition: clip-path 0.3s ease;
  }
  .nav .btn {
    background-color: transparent;
    outline: none;
    position: relative;
    z-index: 1;
    cursor: pointer;
    height: 100%;
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    transition: 0.3s all ease;
  }
  .nav .btn .label-text a,
  .nav .btn .label-text span {
    color: var(--color-blue-dark-opacity-8);
    font-size: 14px;
  }
  .nav .btn.active .label-text a,
  .nav .btn.active .label-text span {
    color: var(--color-blue-dark);
    font-weight: 600;
  }
  .nav .btn > * {cursor: pointer;}
  .nav .btn.active .icon {transform: rotate(180deg);opacity: 1;}
  .nav > .drop-down {padding: 0;}
  .nav > .drop-down.open,
  .nav > .drop-down:hover {background-color: transparent;}
  .nav .btn.active + .options-offres,
  .nav .btn.active + .options-applications,
  .nav .btn.active + .options-ressources,
  .nav .btn.active + .options-apropos {
    min-width: fit-content;
    opacity: 1;
    display: block;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  .nav .btn .icon {
    display: flex;
    flex-direction: column;
    font-size: 0.5rem;
    transition: 0.2s all ease;
  }
  .options {
    max-height: inherit;
    overflow-y: inherit;
  }
  .options-offres,
  .options-applications,
  .options-ressources,
  .options-apropos {
    position: inherit;
    top: 0;
    list-style-type: none;
    color: #151542;
    display: none;
    transition: all 0.2s ease-in;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    padding: 0;
    padding-left: 0;
    width: auto;
    height: auto;
    left: initial;
    margin: initial;
  }
  .options-applications .container-options,
  .options-ressources .container-options {flex-direction: column;}
  .container-options {
    box-shadow: none;
    border: inherit;
    border-radius: inherit;
    position: initial;
    height: auto;
    width: auto;
    padding: initial;
  }
  .container-options > ul {
    grid-template-columns: 1fr!important;
    grid-template-rows: auto;
    row-gap: 15px;
    margin: 15px 0;
  }
  .options-offres .option:nth-child(1),
  .options-offres .option:nth-child(2) {margin-bottom: 0;}
  .options-offres .option {flex-direction: row!important;}
  .options-offres .option,
  .options-ressources .option,
  .options-applications .option,
  .options-apropos .option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    cursor: pointer;
    transition: background, color 0.3s ease;
  }
  .options-apropos .option {
    padding-left: 1rem!important;
  }
  .m2mmanager {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
  }
  .lte-m {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }
  .matoowan {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
  }
  .starlink {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
  }
  .router {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
  }
  .platform-iothink {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
  }
  .devices {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
  }
  .sim-for-alarm {
    grid-column: 1 / 2;
    grid-row: 10 / 11;
  }
  .sim-for-gps-plotter {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
  }
  .sim-for-4g-router {
    grid-column: 1 / 2;
    grid-row: 12 / 13;
  }
  .sim-for-tablet {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
  }
  .other-devices {
    grid-column: 1 / 2;
    grid-row: 14 / 15;
  }
  .profils {
    grid-column: 1 / 2;
    grid-row: 15 / 16;
  }
  .startups {
    grid-column: 1 / 2;
    grid-row: 16 / 17;
  }
  .fabricants {
    grid-column: 1 / 2;
    grid-row: 17 / 18;
  }
  .pme {
    grid-column: 1 / 2;
    grid-row: 18 / 19;
  }
  .integrateurs {
    grid-column: 1 / 2;
    grid-row: 19 / 20;
  }
  .grands-comptes {
    grid-column: 1 / 2;
    grid-row: 20 / 21;
  }
  .ressources {display: none;}
  .indispensables {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    padding: .5rem 0 0 0;
  }
  .iot-vs-m2m {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    padding: .5rem 0;
  }
  .guide-card-m2m {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
    padding: .5rem 0;
  }
  .intro-reseau-iot {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
    padding: .5rem 0;
  }
  .guide-ltem {
    grid-column: 1 / 2;
    grid-row: 10 / 11;
    padding: .5rem 0;
  }
  .guide-lpwan {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
    padding: .5rem 0;
  }
  .guide-fin-2g {
    grid-column: 1 / 2;
    grid-row: 12 / 13;
    padding: .5rem 0 0 0;
  }
  .special-webinar {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
    padding: 1rem!important;
  }
  .notre-approche {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .special-carrieres {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .special-equipe {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
  .espace-presse {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }
  .icon-dropdown-offres {padding: 0 10px 0 0;}
  .icon-dropdown-applications,
  .icon-dropdown-ressources {padding: 0;}
  .drop-down-ressources .option > span,
  .drop-down-apropos .option > span,
  .option > span:nth-child(2) {white-space: initial;}
  .container-nav-link > div:nth-child(1),
  .container-nav-link-special-webinar > div:first-child,
  .container-nav-link-special-webinar > div:nth-child(2) {font-size: 14px;}
  .container-nav-link > div:nth-child(2) {font-size: 10px;}
}
/* Mobile styles */
@media (max-width: 767px) {
  .simple-menu-link > span > div > ul > li > a {pointer-events: none;}
  .btn-toggle,
  .btn-icon {display: flex;}
  .flex-row-nav {flex-direction: column;}
  .nav {
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    row-gap: 25px;
  }
  .drop-down-offres,
  .drop-down-applications,
  .drop-down-ressources,
  .drop-down-apropos,
  .nav > .drop-down:nth-child(3),
  .nav > .drop-down:nth-child(4) {
    position: relative;
    display: block;
    width: 100%;
  }
  .options {
    display: none;
    max-height: 60vh;
    overflow-y: auto;
    transition: clip-path 0.3s ease;
  }
  .nav > .drop-down.open,
  .nav > .drop-down:hover {background-color: transparent;}
  .drop-down-offres:hover .options-offres,
  .drop-down-applications:hover .options-applications,
  .drop-down-ressources:hover .options-ressources,
  .drop-down-apropos:hover .options-apropos {
    display: none;
    clip-path: polygon(0 0,100% 0%,100% 100%,0% 100%);
  }
  .nav .btn {
    background-color: transparent;
    outline: none;
    position: relative;
    z-index: 1;
    cursor: pointer;
    height: 100%;
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    transition: 0.3s all ease;
  }
  .nav .btn .label-text a,
  .nav .btn .label-text span {
    color: var(--color-blue-dark-opacity-8);
    font-size: 14px;
  }
  .nav .btn.active .label-text a,
  .nav .btn.active .label-text span {
    color: var(--color-blue-dark);
    font-weight: 600;
  }
  .nav .btn > * {cursor: pointer;}
  .nav .btn.active .icon {transform: rotate(180deg);opacity: 1;}
  .nav > .drop-down {padding: 0;}
  .nav .btn.active + .options-offres,
  .nav .btn.active + .options-applications,
  .nav .btn.active + .options-ressources,
  .nav .btn.active + .options-apropos {
    min-width: fit-content;
    opacity: 1;
    display: block;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  .nav .btn .icon {
    display: flex;
    flex-direction: column;
    font-size: 0.5rem;
    transition: 0.2s all ease;
  }
  .options {
    max-height: inherit;
    overflow-y: inherit;
  }
  .options-offres,
  .options-applications,
  .options-ressources,
  .options-apropos {
    position: inherit;
    top: 0;
    list-style-type: none;
    color: #151542;
    display: none;
    transition: all 0.2s ease-in;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    padding: 0;
    padding-left: 0;
    width: auto;
    height: auto;
    left: initial;
    margin: initial;
  }
  .options-applications .container-options,
  .options-ressources .container-options {flex-direction: column;}
  .container-options {
    box-shadow: none;
    border: inherit;
    border-radius: inherit;
    position: initial;
    height: auto;
    width: auto;
    padding: initial;
  }
  .container-options > ul {
    grid-template-columns: 1fr!important;
    grid-template-rows: auto;
    row-gap: 15px;
    margin: 15px 0;
  }
  .options-offres .option:nth-child(1),
  .options-offres .option:nth-child(2) {margin-bottom: 0;}
  .options-offres .option {flex-direction: row!important;}
  .options-offres .option,
  .options-ressources .option,
  .options-applications .option,
  .options-apropos .option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    cursor: pointer;
    transition: background, color 0.3s ease;
  }
  .options-apropos .option {
    padding-left: 1rem!important;
  }
  .option > a {padding: 0;}
  .m2mmanager {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
  }
  .lte-m {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }
  .matoowan {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
  }
  .starlink {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
  }
  .router {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
  }
  .platform-iothink {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
  }
  .devices {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
  }
  .sim-for-alarm {
    grid-column: 1 / 2;
    grid-row: 10 / 11;
  }
  .sim-for-gps-plotter {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
  }
  .sim-for-4g-router {
    grid-column: 1 / 2;
    grid-row: 12 / 13;
  }
  .sim-for-tablet {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
  }
  .other-devices {
    grid-column: 1 / 2;
    grid-row: 14 / 15;
  }
  .profils {
    grid-column: 1 / 2;
    grid-row: 15 / 16;
  }
  .startups {
    grid-column: 1 / 2;
    grid-row: 16 / 17;
  }
  .fabricants {
    grid-column: 1 / 2;
    grid-row: 17 / 18;
  }
  .pme {
    grid-column: 1 / 2;
    grid-row: 18 / 19;
  }
  .integrateurs {
    grid-column: 1 / 2;
    grid-row: 19 / 20;
  }
  .grands-comptes {
    grid-column: 1 / 2;
    grid-row: 20 / 21;
  }
  .ressources {display: none;}
  .indispensables {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    padding: .5rem 0 0 0;
  }
  .iot-vs-m2m {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    padding: .5rem 0;
  }
  .guide-card-m2m {
    grid-column: 1 / 2;
    grid-row: 8 / 9;
    padding: .5rem 0;
  }
  .intro-reseau-iot {
    grid-column: 1 / 2;
    grid-row: 9 / 10;
    padding: .5rem 0;
  }
  .guide-ltem {
    grid-column: 1 / 2;
    grid-row: 10 / 11;
    padding: .5rem 0;
  }
  .guide-lpwan {
    grid-column: 1 / 2;
    grid-row: 11 / 12;
    padding: .5rem 0;
  }
  .guide-fin-2g {
    grid-column: 1 / 2;
    grid-row: 12 / 13;
    padding: .5rem 0 0 0;
  }
  .special-webinar {
    grid-column: 1 / 2;
    grid-row: 13 / 14;
    padding: 1rem!important;
  }
  .notre-approche {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .special-carrieres {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .special-equipe {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
  .espace-presse {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
  }
  .icon-dropdown-offres {padding: 0 10px 0 0;}
  .icon-dropdown-applications,
  .icon-dropdown-ressources {padding: 0;}
  .drop-down-ressources .option > span,
  .drop-down-apropos .option > span,
  .option > span:nth-child(2) {white-space: initial;}
  .container-nav-link > div:nth-child(1),
  .container-nav-link-special-webinar > div:first-child,
  .container-nav-link-special-webinar > div:nth-child(2) {font-size: 14px; text-align: left;}
  .container-nav-link > div:nth-child(2) {font-size: 10px;}
}
/* Mobile tiny styles */
@media (max-width: 344px) {
  .simple-menu-link > span > div > ul > li > a {pointer-events: none;}
  .icon-dropdown-offres,
  .icon-dropdown-applications,
  .icon-dropdown-ressources,
  .icon-dropdown-apropos {display: none;}
  .option > a {padding: 0;}
  .img-special-webinar,
  .img-special-notre-approche,
  .img-special-carrieres,
  .img-special-equipe,
  .img-special-espace-presse {height: 80px;}