@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap");
.flex {
  display: flex; }

.none {
  display: none; }

.justifyCenter {
  justify-content: center; }

.justifyBetween {
  justify-content: space-between; }

.justifyAround {
  justify-content: space-around; }

.justifyStart {
  justify-content: flex-start; }

.justifyEnd {
  justify-content: flex-end; }

.directionColumn {
  flex-direction: column; }

.alignCenter {
  align-items: center; }

.alignEnd {
  align-items: flex-end; }

.alignStart {
  align-items: flex-start; }

.alignSelfCenter {
  align-self: center; }

.alignSelfEnd {
  align-self: end; }

.textAlignCenter {
  text-align: center; }

.fontText {
  font-family: Montserrat; }

.underline {
  text-decoration: underline; }

.title {
  font-size: 1.7rem;
  font-weight: 700;
  color: #00003e; }
  @media screen and (max-width: 780px) {
    .title {
      font-size: 1.2rem; } }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.margintop1-5 {
  margin-top: 1.5rem; }

.marginTop3 {
  margin-top: 3rem; }

.marginBotton3 {
  margin-bottom: 3rem; }

.paddingRight0-5 {
  padding-right: 0.5rem; }

.paddingRight0-3 {
  padding-right: 0.3rem; }

.maxHeight {
  height: 100%; }

.maxWidth {
  width: 100%; }

.minWidth {
  width: 0%; }

.hidden {
  visibility: hidden; }

.visible {
  visibility: visible; }

.iconeWidth {
  width: 2.5rem; }

.red {
  background-color: #D91627; }

.green {
  background-color: #10C069; }

.pointer {
  cursor: pointer; }

.rightBlue {
  position: absolute;
  left: 0;
  background-color: #00003e;
  z-index: -1;
  width: 25vw;
  min-height: 100%; }

.orange_buble {
  margin-right: 15px;
  width: 20px;
  height: 20px;
  background-color: #F17300;
  border-radius: 50%; }
  @media screen and (max-width: 780px) {
    .orange_buble {
      width: 10px;
      height: 10px; } }

.orangeLink {
  font-size: 0.8rem;
  color: #F17300;
  text-decoration: underline; }

.orangeButton {
  background-color: #F17300;
  color: white;
  border: none;
  outline: none;
  font-family: Montserrat;
  font-weight: 400;
  width: 20rem;
  height: 3rem;
  cursor: pointer; }
  @media screen and (max-width: 780px) {
    .orangeButton {
      font-size: 0.8rem;
      width: 12rem;
      height: 2rem;
      font-weight: 400; } }
  .orangeButton a {
    color: #fff; }

.blueButton {
  background-color: #00003E;
  color: white;
  border: none;
  outline: none;
  font-family: Montserrat;
  font-weight: 400;
  width: 20rem;
  height: 3rem;
  cursor: pointer; }
  @media screen and (max-width: 780px) {
    .blueButton {
      font-size: 0.8rem;
      width: 12rem;
      height: 2rem;
      font-weight: 400; } }
  .blueButton a {
    color: #fff; }

.titleQualifContainer {
  padding-top: 3rem; }

.qualifContainer {
  padding: 7rem;
  padding-top: 0px; }
  @media screen and (max-width: 780px) {
    .qualifContainer {
      padding: 3rem;
      padding-top: 0px; } }
  .qualifContainer .qualifImages {
    padding-top: 4rem;
    width: 60vw; }
    @media screen and (max-width: 780px) {
      .qualifContainer .qualifImages {
        flex-direction: column;
        padding-top: 2rem; } }
  .qualifContainer .qualifImg {
    height: 120px;
    padding-bottom: 1rem; }
    @media screen and (max-width: 780px) {
      .qualifContainer .qualifImg {
        height: 100px;
        padding-top: 3rem; } }
  .qualifContainer p {
    color: #00003E;
    font-weight: 500; }
  .qualifContainer .qualifImgcuisines {
    height: 90px; }
    @media screen and (max-width: 780px) {
      .qualifContainer .qualifImgcuisines {
        height: 75px; } }

.containerFooter {
  background-color: #00003E;
  color: #FFFFFF; }
  @media screen and (max-width: 780px) {
    .containerFooter {
      flex-direction: column-reverse;
      width: 100vw; } }
  .containerFooter .articleFooter {
    flex-basis: 70%;
    padding-top: 5rem;
    padding-left: 6rem;
    padding-bottom: 3rem; }
    @media screen and (max-width: 780px) {
      .containerFooter .articleFooter {
        padding: 0;
        padding-top: 1.8rem;
        padding-bottom: 1.5rem; } }
    .containerFooter .articleFooter h2 {
      font-size: 2rem;
      font-weight: 700; }
      @media screen and (max-width: 780px) {
        .containerFooter .articleFooter h2 {
          font-size: 1.1rem;
          text-align: center; } }
    .containerFooter .articleFooter button {
      font-size: 1rem;
      margin-top: 2rem;
      width: 13rem;
      height: 3.5rem; }
      @media screen and (max-width: 780px) {
        .containerFooter .articleFooter button {
          font-size: 0.8rem;
          width: 8rem;
          height: 1.5rem;
          margin-top: 1rem;
          margin-bottom: 1rem; } }
    .containerFooter .articleFooter a {
      color: #FFFFFF; }
    .containerFooter .articleFooter .infoFooter {
      line-height: 1.5rem;
      font-size: 0.8rem; }
      @media screen and (max-width: 780px) {
        .containerFooter .articleFooter .infoFooter {
          flex-basis: 60%;
          line-height: 1rem;
          font-size: 0.6rem;
          padding-left: 1rem;
          padding-right: 0.7rem; } }
      .containerFooter .articleFooter .infoFooter .headFooter {
        align-items: center; }
      .containerFooter .articleFooter .infoFooter .textFooter {
        flex-direction: column; }
        .containerFooter .articleFooter .infoFooter .textFooter .adresseFooter {
          margin-right: 6rem; }
          @media screen and (max-width: 780px) {
            .containerFooter .articleFooter .infoFooter .textFooter .adresseFooter {
              margin-right: 0;
              padding-right: 0.7rem; } }
    @media screen and (max-width: 780px) {
      .containerFooter .articleFooter .navFooter {
        flex-basis: 40%;
        justify-content: flex-end; } }
    .containerFooter .articleFooter .navFooter .lienFooter {
      line-height: 1.5rem;
      margin-left: 2rem;
      margin-right: 2rem;
      font-size: 0.7rem; }
      @media screen and (max-width: 780px) {
        .containerFooter .articleFooter .navFooter .lienFooter {
          line-height: 1rem;
          padding-left: 1rem;
          padding-right: 1rem;
          margin: 0;
          font-size: 0.6rem; } }
  .containerFooter .mapFooter {
    flex-basis: 30%;
    rotate: 90; }
    @media screen and (max-width: 780px) {
      .containerFooter .mapFooter .imgDekstop {
        display: none; } }

.allRealBody {
  position: relative;
  width: 100vw;
  margin-top: 70px;
  margin-right: auto;
  margin-left: auto; }
  .allRealBody .realContainer {
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 80vw; }
  .allRealBody .allReal {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px; }
    .allRealBody .allReal .real {
      width: 350px;
      height: 400px;
      margin: auto; }
      @media screen and (max-width: 780px) {
        .allRealBody .allReal .real {
          width: 220px;
          height: 300px; } }
      .allRealBody .allReal .real .filterBlack {
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0; }
        .allRealBody .allReal .real .filterBlack .realTitle {
          color: white;
          margin-left: 2rem;
          margin-top: 2rem;
          font-size: 1.7rem;
          width: 50%;
          flex-basis: 90%;
          font-weight: 700; }
          @media screen and (max-width: 780px) {
            .allRealBody .allReal .real .filterBlack .realTitle {
              margin-left: 1.5rem;
              margin-top: 1.5rem;
              width: 80%;
              font-size: 1.4rem; } }
        .allRealBody .allReal .real .filterBlack .realFooter {
          flex-basis: 10%;
          font-weight: 700;
          margin-left: 2rem;
          margin-bottom: 1rem; }
    .allRealBody .allReal div:hover .filterBlack {
      opacity: 0.7; }

.processContainer {
  background-image: url("/image/process.webp");
  padding: 2.5rem; }
  @media screen and (max-width: 780px) {
    .processContainer {
      padding: 1.5rem; } }
  .processContainer div {
    color: white;
    font-size: 4rem;
    font-weight: 600; }
    @media screen and (max-width: 780px) {
      .processContainer div {
        font-size: 1.5rem; } }

.navBar {
  height: 70px;
  display: flex;
  position: fixed;
  z-index: 2;
  background-color: #F5F5F5;
  top: 0;
  justify-content: space-between;
  width: 100vw; }
  @media screen and (max-width: 780px) {
    .navBar {
      flex-direction: row-reverse; } }
  .navBar .jesusDiv {
    display: none;
    width: 2rem; }
    @media screen and (max-width: 780px) {
      .navBar .jesusDiv {
        display: block;
        padding-right: 1rem; } }
  .navBar .logo {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 780px) {
      .navBar .logo {
        display: flex;
        justify-content: start; } }
    .navBar .logo img {
      width: 200px; }
  @media screen and (max-width: 780px) {
    .navBar .burger {
      display: flex;
      justify-content: end;
      visibility: visible;
      padding-left: 1rem;
      z-index: 7;
      cursor: pointer; } }
  @media screen and (max-width: 780px) {
    .navBar .burger img {
      width: 30px; } }
  @media screen and (max-width: 780px) {
    .navBar .hiddenNav {
      transform: translateX(-1000px); } }
  .navBar .navList {
    display: flex;
    width: 85%;
    justify-content: end; }
    @media screen and (max-width: 780px) {
      .navBar .navList {
        position: absolute;
        flex-direction: column;
        left: 0;
        width: auto;
        background-color: #F5F5F5;
        transition: transform 0.5s;
        height: 100vh;
        justify-content: flex-start;
        padding-top: 4rem;
        align-items: center; } }
    .navBar .navList .navItem {
      border-left: #F5F5F7 solid 1px;
      display: flex;
      padding-left: 10px;
      padding-right: 10px;
      align-items: center;
      font-family: Montserrat;
      cursor: pointer;
      font-weight: 500;
      font-size: 13px; }
      @media screen and (max-width: 780px) {
        .navBar .navList .navItem {
          padding: 0;
          padding-top: 0.7rem;
          padding-bottom: 0.7rem;
          border-top: solid 2px #00003E;
          width: 100%; } }
      .navBar .navList .navItem.last {
        background-color: #00003E;
        font-weight: 600;
        font-size: 1.1rem; }
        .navBar .navList .navItem.last a {
          color: white; }
      .navBar .navList .navItem.active {
        background-color: #F5F5F7; }
      @media screen and (max-width: 780px) {
        .navBar .navList .navItem a {
          font-size: 0.8rem;
          padding: 0.5rem;
          padding-right: 2rem;
          padding-left: 2rem; } }

.domaine {
  width: 100vw; }
  @media screen and (max-width: 1000px) {
    .domaine {
      height: 100vh; } }
  .domaine .blueDiv {
    width: 20%;
    height: 60%;
    background-color: #00003e;
    z-index: 1;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 1000px) {
      .domaine .blueDiv {
        width: 100%;
        height: 50%; } }
  .domaine .domaine_square {
    position: absolute;
    width: 30%;
    background-color: #00003e;
    left: calc(100% - 30%);
    top: calc(149% - 40%);
    z-index: 0; }
  .domaine .domaine_container {
    margin-top: 4rem;
    width: 90%;
    margin-left: 7rem;
    margin-right: 7rem; }
    @media screen and (max-width: 1000px) {
      .domaine .domaine_container {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        margin-top: 3rem; } }
    .domaine .domaine_container .domaine_left_title {
      font-weight: 700;
      font-size: 30px;
      color: #00003e; }
      @media screen and (max-width: 1000px) {
        .domaine .domaine_container .domaine_left_title {
          width: 100%;
          display: flex;
          font-size: 1.2rem;
          justify-content: center; } }
    @media screen and (max-width: 1000px) {
      .domaine .domaine_container .part_domaine {
        flex-direction: column;
        height: 100%; } }
    .domaine .domaine_container .domaine_title_mobile {
      display: none; }
      @media screen and (max-width: 1000px) {
        .domaine .domaine_container .domaine_title_mobile {
          display: flex;
          justify-content: center;
          flex-basis: 5%;
          color: #00003e;
          font-weight: bold; } }
    .domaine .domaine_container .domaine_left {
      flex-basis: 65%;
      margin-bottom: 4rem;
      margin-top: 4rem; }
      @media screen and (max-width: 1000px) {
        .domaine .domaine_container .domaine_left {
          width: 100%;
          flex-basis: 15%;
          margin-bottom: 0px;
          margin-top: 0px;
          display: flex;
          align-items: center; } }
      .domaine .domaine_container .domaine_left .domaine_detail_container {
        margin-top: 3rem; }
        @media screen and (max-width: 1000px) {
          .domaine .domaine_container .domaine_left .domaine_detail_container {
            margin-top: 0px;
            width: 100%;
            justify-content: center;
            align-items: center; } }
        .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail {
          background-color: #00003e;
          color: white;
          margin-right: 10px;
          padding-right: 10px;
          padding-left: 10px;
          border-radius: 10px;
          font-weight: 500;
          font-size: 13px;
          width: 100px;
          height: 100px; }
          @media screen and (max-width: 1000px) {
            .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail {
              width: 70px;
              height: 70px; } }
          .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail .domaine_img_container {
            flex-basis: 50%; }
            .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail .domaine_img_container img {
              height: 35px;
              width: 35px; }
              @media screen and (max-width: 1000px) {
                .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail .domaine_img_container img {
                  height: 25px;
                  width: 25px; } }
          .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail p {
            flex-basis: 50%;
            text-align: center; }
            @media screen and (max-width: 1000px) {
              .domaine .domaine_container .domaine_left .domaine_detail_container .domaine_detail p {
                font-size: 10px; } }
    .domaine .domaine_container .conseil_container {
      width: 70%;
      margin-top: 2rem; }
      @media screen and (max-width: 1000px) {
        .domaine .domaine_container .conseil_container {
          display: none; } }
      .domaine .domaine_container .conseil_container .conseil {
        width: 75%;
        font-weight: 700;
        font-size: 20px;
        color: #B8B8C9;
        padding-top: 1rem;
        padding-bottom: 1rem; }
      .domaine .domaine_container .conseil_container .conseil-active {
        color: #00003e;
        border-top: 1px #B8B8C9 solid;
        border-bottom: 1px #B8B8C9 solid; }
    .domaine .domaine_container .domaine_left_bottom {
      width: 100%; }
      @media screen and (max-width: 1000px) {
        .domaine .domaine_container .domaine_left_bottom {
          display: none; } }
      .domaine .domaine_container .domaine_left_bottom button {
        width: 40%;
        background-color: #00003e;
        height: 55px;
        outline: none;
        border: none;
        color: white;
        font-weight: 500; }
      .domaine .domaine_container .domaine_left_bottom .slider_button {
        flex-basis: 75%; }
        .domaine .domaine_container .domaine_left_bottom .slider_button .up_button {
          width: 55px;
          height: 55px;
          background-color: #00003e;
          border-radius: 50%;
          margin-top: 1.5rem; }
        .domaine .domaine_container .domaine_left_bottom .slider_button .down_button {
          width: 55px;
          height: 55px;
          background-color: #00003e;
          border-radius: 50%;
          cursor: pointer; }
  .domaine .domaine_right {
    height: 100%;
    flex-basis: 35%;
    z-index: 1; }
    @media screen and (max-width: 1000px) {
      .domaine .domaine_right {
        width: 50%;
        align-self: center;
        flex-basis: 60%; } }
    .domaine .domaine_right .domaine_right_filter {
      width: 100%;
      height: 100%;
      z-index: 0;
      opacity: 0.3;
      background-color: black; }
    .domaine .domaine_right .domaine_right_detail {
      height: 50%; }
    .domaine .domaine_right .domaine_right_detail_text {
      width: 80%;
      margin-top: 30px;
      z-index: 1;
      font-weight: 500;
      color: white; }
      @media screen and (max-width: 780px) {
        .domaine .domaine_right .domaine_right_detail_text {
          font-size: 0.8rem; } }
    .domaine .domaine_right .domaine_right_detail_link {
      width: 80%;
      margin-top: 10px;
      z-index: 1;
      font-weight: 500; }
      .domaine .domaine_right .domaine_right_detail_link a {
        color: white; }
  .domaine .domaine_bubble {
    display: none; }
    @media screen and (max-width: 1000px) {
      .domaine .domaine_bubble {
        display: flex;
        flex-basis: 6%;
        z-index: 10;
        justify-content: center;
        align-items: center; }
        .domaine .domaine_bubble .bubble_pagination_container {
          display: flex;
          width: 25%;
          justify-content: space-between; }
          .domaine .domaine_bubble .bubble_pagination_container .bubble_pagination {
            height: 5px;
            width: 15%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer; }
          .domaine .domaine_bubble .bubble_pagination_container .bubble_domaine_active {
            background-color: white; } }
  .domaine .domaine_button_container {
    display: none; }
    @media screen and (max-width: 1000px) {
      .domaine .domaine_button_container {
        width: 100%;
        z-index: 10;
        display: flex;
        justify-content: center;
        flex-basis: 14%;
        align-items: center;
        padding-bottom: 1rem; }
        .domaine .domaine_button_container .domaine_button {
          height: 2rem;
          width: 35%;
          background-color: white;
          color: #00003e;
          display: flex;
          justify-content: center;
          align-items: center; } }

.listDomaine {
  margin-top: 0.5rem;
  margin-bottom: 1rem; }
  .listDomaine li {
    margin-left: 0.5rem;
    margin-top: 0.3rem; }

.solution {
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #F17300; }
  @media screen and (max-width: 780px) {
    .solution {
      height: 50vh; } }
  .solution .solution_title {
    width: 100%;
    font-weight: 700;
    font-size: 1.2rem;
    color: white;
    padding-bottom: 2rem; }
    @media screen and (max-width: 780px) {
      .solution .solution_title {
        font-size: 1.3rem;
        height: 25%; } }
  .solution .solution_details {
    font-weight: 600;
    color: white;
    height: 70%; }
    @media screen and (max-width: 780px) {
      .solution .solution_details {
        height: 65%;
        flex-direction: column;
        font-size: 0.8rem;
        justify-content: space-between;
        align-items: center; } }
  .solution .detail .detail_img_container {
    width: 100%;
    display: flex;
    justify-content: center; }
    .solution .detail .detail_img_container img {
      width: 30px; }
      @media screen and (max-width: 780px) {
        .solution .detail .detail_img_container img {
          width: 20px; } }
  .solution .detail p {
    margin-top: 10px; }

.hero {
  margin-top: 70px;
  width: 100vw;
  height: 60vh;
  background-color: #00003e; }
  @media screen and (max-width: 780px) {
    .hero {
      flex-direction: row-reverse;
      position: relative; } }
  .hero .hero_left {
    height: 100%;
    width: 50%;
    z-index: 1;
    color: white; }
    .hero .hero_left .hero_left_union {
      flex-basis: 15%; }
      .hero .hero_left .hero_left_union img {
        width: 50px; }
      @media screen and (max-width: 780px) {
        .hero .hero_left .hero_left_union {
          visibility: hidden;
          position: absolute; } }
    .hero .hero_left .hero_left_text {
      flex-basis: 85%;
      width: 65%;
      font-size: 2.5rem;
      font-weight: 700; }
      @media screen and (max-width: 780px) {
        .hero .hero_left .hero_left_text {
          font-size: 1.3rem;
          width: 30%;
          padding-right: 1.5rem; } }
      .hero .hero_left .hero_left_text .hero_left_text_square {
        position: absolute; }
        @media screen and (max-width: 780px) {
          .hero .hero_left .hero_left_text .hero_left_text_square img {
            display: none; } }
  .hero .hero_right {
    width: 50%;
    height: 100%;
    z-index: 1; }
    .hero .hero_right .hero_right_cta {
      width: 100%;
      height: 30%; }
      @media screen and (max-width: 780px) {
        .hero .hero_right .hero_right_cta {
          position: absolute;
          bottom: 8%;
          height: auto; } }
  .hero .hero_image {
    left: 30%;
    width: 70%;
    height: 60vh;
    z-index: 0; }
    @media screen and (max-width: 780px) {
      .hero .hero_image {
        left: 0;
        width: 60%; } }
    .hero .hero_image .hero_image_filter {
      width: 100%;
      height: 100%;
      background-color: #00003e;
      opacity: 0.4; }

.containerSecteurs {
  padding-top: 9rem;
  padding-bottom: 6rem; }
  @media screen and (max-width: 780px) {
    .containerSecteurs {
      padding-top: 4rem;
      padding-bottom: 3rem; } }
  .containerSecteurs .swiper-button-prev {
    top: 8% !important;
    left: 21% !important;
    background-image: url("/image/arrow_left.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerSecteurs .swiper-button-prev {
        visibility: hidden; } }
  .containerSecteurs .swiper-button-next {
    top: 8% !important;
    right: 21% !important;
    background-image: url("/image/arrow.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerSecteurs .swiper-button-next {
        visibility: hidden !important; } }
  .containerSecteurs .swiper-button-next::after {
    display: none; }
  .containerSecteurs .swiper-button-prev::after {
    display: none; }
  .containerSecteurs .headSecteur {
    padding-bottom: 3rem; }
  .containerSecteurs .swiper {
    width: 100%;
    margin: 20px auto; }
    .containerSecteurs .swiper .swiper-wrapper {
      align-items: flex-end; }
      .containerSecteurs .swiper .swiper-wrapper .swiper-slide {
        font-size: 18px;
        background: #fff; }
        .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider {
          background: #3b3b3b;
          background: linear-gradient(93deg, #3b3b3b 0%, rgba(226, 226, 226, 0) 82%); }
          @media screen and (max-width: 780px) {
            .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider {
              background: rgba(0, 0, 0, 0.7); } }
          .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide {
            width: 40%;
            color: #fff;
            padding: 2.5rem; }
            @media screen and (max-width: 780px) {
              .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide {
                padding: 1rem;
                width: 90%; } }
            .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide h3 {
              font-size: 1.6rem;
              font-weight: 600; }
              @media screen and (max-width: 780px) {
                .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide h3 {
                  font-size: 1.2rem;
                  padding-top: 1.5rem; } }
            .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide ul {
              padding-top: 1.6rem;
              font-size: 1rem;
              line-height: 1.2rem;
              font-weight: 300; }
              @media screen and (max-width: 780px) {
                .containerSecteurs .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide ul {
                  font-size: 0.8rem; } }
      .containerSecteurs .swiper .swiper-wrapper .swiper-slide-next {
        height: 270px;
        opacity: 0.3; }
      .containerSecteurs .swiper .swiper-wrapper .swiper-slide-prev {
        height: 270px;
        opacity: 0.3; }
      .containerSecteurs .swiper .swiper-wrapper .swiper-slide-active {
        height: 330px;
        background-size: cover;
        background-position: center; }

.containerContrat .headContrat {
  width: 100vw;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
  @media screen and (max-width: 780px) {
    .containerContrat .headContrat {
      justify-content: center;
      align-items: center; } }
  .containerContrat .headContrat .titleContrat {
    flex-basis: 50%; }
    @media screen and (max-width: 780px) {
      .containerContrat .headContrat .titleContrat {
        flex-basis: content; } }
  .containerContrat .headContrat .buttonContrat {
    flex-basis: 50%; }
    @media screen and (max-width: 780px) {
      .containerContrat .headContrat .buttonContrat {
        display: none; } }

@media screen and (max-width: 780px) {
  .containerContrat .bodyContrat {
    display: flex;
    padding-top: 2rem;
    padding-bottom: 4rem; } }

@media screen and (max-width: 780px) {
  .containerContrat .bodyContrat .navContrat {
    flex-direction: column;
    width: 20%; } }

.containerContrat .bodyContrat .navContrat .elementNavContrat {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.4rem solid #C7C7D3;
  color: #C7C7D3;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer; }
  @media screen and (max-width: 780px) {
    .containerContrat .bodyContrat .navContrat .elementNavContrat {
      border-right: 0.2rem solid #C7C7D3;
      border-bottom: none;
      font-size: 0.8rem;
      font-weight: 500;
      height: 25%; } }

.containerContrat .bodyContrat .navContrat .activeElement {
  border-bottom: 0.4rem solid #F17300;
  color: #F17300; }
  @media screen and (max-width: 780px) {
    .containerContrat .bodyContrat .navContrat .activeElement {
      border-right: 0.2rem solid #F17300;
      border-bottom: none; } }

.containerContrat .bodyContrat .containBodyContrat {
  width: 100%;
  height: 60vh; }
  .containerContrat .bodyContrat .containBodyContrat .blocTextContrat {
    flex-basis: 60%;
    padding: 4rem; }
    @media screen and (max-width: 780px) {
      .containerContrat .bodyContrat .containBodyContrat .blocTextContrat {
        overflow-y: scroll;
        flex-basis: content;
        padding: 2rem;
        padding-top: 1rem;
        justify-content: flex-start; } }
    .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat {
      color: #00003E;
      line-height: 1.3rem;
      padding-bottom: 1rem; }
      @media screen and (max-width: 780px) {
        .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat {
          line-height: 1rem;
          padding-bottom: 0.8rem; } }
      .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat .titleTextContrat {
        font-size: 1.1rem;
        font-weight: 700;
        padding-bottom: 0.8rem; }
        @media screen and (max-width: 1150px) {
          .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat .titleTextContrat {
            font-size: 0.8rem; } }
        @media screen and (max-width: 780px) {
          .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat .titleTextContrat {
            font-size: 0.9rem;
            font-weight: 600; } }
      .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat ul {
        font-size: 0.9rem;
        list-style-type: disc;
        line-height: 1.2rem;
        font-weight: 400; }
        @media screen and (max-width: 1150px) {
          .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat ul {
            font-size: 0.8rem; } }
        @media screen and (max-width: 780px) {
          .containerContrat .bodyContrat .containBodyContrat .blocTextContrat .textContrat ul {
            font-size: 0.7rem;
            line-height: 1rem; } }
  .containerContrat .bodyContrat .containBodyContrat .imgContrat {
    flex-basis: 40%;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerContrat .bodyContrat .containBodyContrat .imgContrat {
        display: none; } }

.containerReal {
  margin-top: 6rem; }
  @media screen and (max-width: 780px) {
    .containerReal {
      margin-top: 3rem; } }
  .containerReal .swiper-button-prev {
    top: 90% !important;
    left: 7% !important;
    background-image: url("/image/arrow_left.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerReal .swiper-button-prev {
        visibility: hidden; } }
  .containerReal .swiper-button-next {
    top: 90% !important;
    left: 12% !important;
    background-image: url("/image/arrow.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerReal .swiper-button-next {
        visibility: hidden; } }
  .containerReal .swiper-button-next::after {
    display: none; }
  .containerReal .swiper-button-prev::after {
    display: none; }
  .containerReal .headReal {
    width: 100vw;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    @media screen and (max-width: 780px) {
      .containerReal .headReal {
        padding: 0;
        flex-direction: column; } }
    .containerReal .headReal .titleReal {
      flex-basis: 50%; }
      @media screen and (max-width: 780px) {
        .containerReal .headReal .titleReal {
          padding-bottom: 2rem; } }
    .containerReal .headReal .buttonRealDekstop {
      flex-basis: 50%; }
      @media screen and (max-width: 780px) {
        .containerReal .headReal .buttonRealDekstop {
          display: none; } }
  .containerReal .swiper {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-bottom: 6.5rem;
    width: 100vw;
    margin: 20px auto; }
    @media screen and (max-width: 780px) {
      .containerReal .swiper {
        margin-left: 2rem;
        padding: 0;
        padding-bottom: 1rem; } }
    .containerReal .swiper .swiper-slide-last {
      background-color: #F5F5F5; }
    .containerReal .swiper .swiper-wrapper {
      align-items: flex-end; }
      .containerReal .swiper .swiper-wrapper .swiper-slide {
        font-size: 18px;
        height: 400px; }
        @media screen and (max-width: 780px) {
          .containerReal .swiper .swiper-wrapper .swiper-slide {
            height: 300px; } }
        .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider:hover {
          opacity: 1; }
        .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider {
          background: rgba(0, 0, 0, 0.6);
          opacity: 0; }
          .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider .orange_circle {
            margin-right: 15px;
            width: 35px;
            height: 35px;
            background-color: #F17300;
            border-radius: 50%;
            bottom: -4%;
            right: 10%; }
          .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide {
            width: 100%;
            color: #F5F5F5; }
            .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide .titleSwiper {
              font-size: 1.6rem;
              font-weight: 600;
              flex-basis: 90%;
              padding: 2rem; }
            .containerReal .swiper .swiper-wrapper .swiper-slide .backgroundSlider .slide .lienSwiper {
              font-size: 0.7rem;
              flex-basis: 10%;
              padding: 2rem; }
    .containerReal .swiper img {
      right: 28%;
      bottom: 0%; }
      @media screen and (max-width: 780px) {
        .containerReal .swiper img {
          display: none; } }
  .containerReal .buttonRealMobile {
    display: none; }
    @media screen and (max-width: 780px) {
      .containerReal .buttonRealMobile {
        display: flex;
        margin-top: 2rem;
        margin-bottom: 1rem; } }

.sectionReal {
  width: 100vw;
  height: 100vh;
  overflow-y: hidden; }
  @media screen and (max-width: 780px) {
    .sectionReal {
      overflow-y: visible; } }
  @media screen and (max-width: 780px) {
    .sectionReal .rightBlue {
      display: none; } }
  .sectionReal .containerSelfReal {
    margin-top: 6rem; }
    @media screen and (max-width: 780px) {
      .sectionReal .containerSelfReal {
        flex-direction: column; } }
    .sectionReal .containerSelfReal .imgReal {
      flex-basis: 50%;
      width: 50%; }
      @media screen and (max-width: 780px) {
        .sectionReal .containerSelfReal .imgReal {
          flex-basis: 100%;
          width: 100%; } }
      .sectionReal .containerSelfReal .imgReal .swiperSelfReal {
        width: 100%;
        height: 70vh; }
        @media screen and (max-width: 780px) {
          .sectionReal .containerSelfReal .imgReal .swiperSelfReal {
            display: none; } }
        .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-wrapper .swiper-slide {
          width: 53% !important; }
          .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-wrapper .swiper-slide .background-slide {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; }
        .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-button-prev {
          top: 48% !important;
          left: 43% !important;
          background-image: url("/image/arrow_haut.webp");
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-position: center;
          z-index: 1; }
        .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-button-next {
          top: 60% !important;
          left: 43% !important;
          background-image: url("/image/arrow_bas.webp");
          background-repeat: no-repeat;
          background-size: 100% auto;
          background-position: center;
          z-index: 1; }
        .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-button-next::after {
          display: none; }
        .sectionReal .containerSelfReal .imgReal .swiperSelfReal .swiper-button-prev::after {
          display: none; }
      .sectionReal .containerSelfReal .imgReal .swiperSelfRealMobile {
        display: none;
        width: 100%;
        height: 40vh;
        margin-bottom: 2rem; }
        @media screen and (max-width: 780px) {
          .sectionReal .containerSelfReal .imgReal .swiperSelfRealMobile {
            display: block; } }
        .sectionReal .containerSelfReal .imgReal .swiperSelfRealMobile .swiper-slide {
          text-align: center; }
    .sectionReal .containerSelfReal .articleReal {
      flex-basis: 50%;
      height: 100vh;
      overflow-y: scroll;
      padding-top: 1.5rem; }
      .sectionReal .containerSelfReal .articleReal .textReal {
        padding: 2rem;
        padding-top: 0px;
        overflow-y: scroll;
        height: 80%; }
        .sectionReal .containerSelfReal .articleReal .textReal .paragraphTextReal {
          margin-top: 1rem;
          line-height: 1.5rem; }
        .sectionReal .containerSelfReal .articleReal .textReal .paragraphTextReal:nth-last-child(-n+1) {
          padding-bottom: 6rem; }
    .sectionReal .containerSelfReal .vertical {
      margin-top: 2rem;
      border-left: 1.5px solid #F17300;
      height: 75vh; }
      @media screen and (max-width: 780px) {
        .sectionReal .containerSelfReal .vertical {
          border-bottom: 1.5px solid #F17300;
          border-left: none;
          width: 80%;
          margin: 0 auto;
          height: 0;
          display: flex;
          align-items: center; } }
  .sectionReal .modal-img {
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2; }
    @media screen and (max-width: 780px) {
      .sectionReal .modal-img {
        display: none; } }
    .sectionReal .modal-img .big-img {
      position: relative;
      max-width: 80%;
      max-height: 80%;
      z-index: 5;
      cursor: auto; }
      .sectionReal .modal-img .big-img .cross-img {
        position: absolute;
        z-index: 6;
        top: 0;
        right: 0;
        padding: 0.6rem;
        width: 2rem; }

.formContact {
  margin-top: 70px;
  background-color: #F0F0F0; }

.containerAvis {
  margin-top: 6rem;
  position: relative; }
  @media screen and (max-width: 780px) {
    .containerAvis {
      margin-top: 2rem; } }
  .containerAvis img {
    left: 3%;
    bottom: 62%;
    width: 8rem; }
    @media screen and (max-width: 780px) {
      .containerAvis img {
        bottom: 52%; } }
  .containerAvis .swiper-button-prev {
    top: 92% !important;
    left: 10% !important;
    background-image: url("/image/arrow_avis_left.webp");
    width: 3rem;
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerAvis .swiper-button-prev {
        visibility: hidden; } }
  .containerAvis .swiper-button-next {
    top: 92% !important;
    left: 15% !important;
    width: 3rem;
    background-image: url("/image/arrow_avis.webp");
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center; }
    @media screen and (max-width: 780px) {
      .containerAvis .swiper-button-next {
        visibility: hidden; } }
  .containerAvis .swiper-button-next::after {
    display: none; }
  .containerAvis .swiper-button-prev::after {
    display: none; }
  .containerAvis .headAvis {
    width: 100vw;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    @media screen and (max-width: 780px) {
      .containerAvis .headAvis {
        padding: 1rem; } }
  .containerAvis .swiper {
    padding-left: 6rem;
    padding-right: 6rem;
    padding-bottom: 4rem;
    width: 100%; }
    @media screen and (max-width: 780px) {
      .containerAvis .swiper {
        padding: 0; } }
    .containerAvis .swiper .swiper-wrapper {
      align-items: flex-end;
      overflow: visible;
      padding: 2rem; }
      @media screen and (max-width: 780px) {
        .containerAvis .swiper .swiper-wrapper {
          padding-top: 5rem; } }
      .containerAvis .swiper .swiper-wrapper .swiper-slide {
        font-size: 18px;
        background-color: #FFFFFF;
        height: 15rem;
        color: #00003e; }
        .containerAvis .swiper .swiper-wrapper .swiper-slide .slide {
          -webkit-box-shadow: 0px 0px 15px 11px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 15px 11px rgba(0, 0, 0, 0.05);
          width: 100%; }
          .containerAvis .swiper .swiper-wrapper .swiper-slide .slide .nameAvis {
            font-size: 1.3rem;
            font-weight: 600; }
            @media screen and (max-width: 780px) {
              .containerAvis .swiper .swiper-wrapper .swiper-slide .slide .nameAvis {
                font-size: 1rem; } }
          .containerAvis .swiper .swiper-wrapper .swiper-slide .slide .textAvis {
            font-size: 1rem;
            font-weight: 300;
            padding-left: 5rem;
            padding-right: 5rem;
            padding-top: 2rem; }
            @media screen and (max-width: 780px) {
              .containerAvis .swiper .swiper-wrapper .swiper-slide .slide .textAvis {
                font-size: 0.8rem;
                padding: 1.5rem; } }
      .containerAvis .swiper .swiper-wrapper .jesus-slide {
        background-color: #F5F5F5; }

.processPageContainer {
  width: 100vw;
  margin-top: 70px; }
  .processPageContainer .titleProcess {
    padding-top: 2rem;
    padding-left: 4rem; }
  .processPageContainer .processHeader {
    border-radius: 0.3rem;
    background-color: #F0F0F0; }
    .processPageContainer .processHeader .active {
      border-bottom: 0.2rem solid #F17300; }
    .processPageContainer .processHeader .processHeaderTitle {
      flex-basis: 50%;
      padding: 2rem; }
      @media screen and (max-width: 780px) {
        .processPageContainer .processHeader .processHeaderTitle {
          padding: 1rem; } }
  .processPageContainer .process {
    width: 100%; }
    .processPageContainer .process .containerImgProjet {
      width: 100%;
      padding-top: 9rem;
      padding-bottom: 9rem; }
      @media screen and (max-width: 780px) {
        .processPageContainer .process .containerImgProjet {
          padding-top: 2rem;
          padding-bottom: 2rem; } }
      .processPageContainer .process .containerImgProjet .imgProcessDekstop {
        width: 90%; }
        @media screen and (max-width: 1000px) {
          .processPageContainer .process .containerImgProjet .imgProcessDekstop {
            display: none; } }
      .processPageContainer .process .containerImgProjet .imgProcessMobile {
        display: none; }
        @media screen and (max-width: 1000px) {
          .processPageContainer .process .containerImgProjet .imgProcessMobile {
            display: block;
            width: 90%;
            margin: 1rem;
            margin-top: 2rem;
            margin-bottom: 2rem; } }

.containerWeAre {
  width: 100vw;
  margin-top: 70px; }
  .containerWeAre .headWeAre {
    padding-top: 2rem;
    padding-left: 4rem; }
  .containerWeAre .containerTextWeAre {
    padding: 2rem;
    background-color: #00003E;
    color: #F5F5F5; }
    @media screen and (max-width: 780px) {
      .containerWeAre .containerTextWeAre {
        flex-direction: column; } }
    @media screen and (max-width: 780px) {
      .containerWeAre .containerTextWeAre {
        padding: 0px; } }
    .containerWeAre .containerTextWeAre .textWeAre {
      flex-basis: 50%;
      line-height: 1.2rem;
      font-size: 1rem;
      font-weight: 300; }
      @media screen and (max-width: 780px) {
        .containerWeAre .containerTextWeAre .textWeAre {
          font-size: 0.8rem;
          padding: 1.5rem; } }
      .containerWeAre .containerTextWeAre .textWeAre ul {
        padding-top: 1rem; }
        .containerWeAre .containerTextWeAre .textWeAre ul li {
          list-style: inside; }
    .containerWeAre .containerTextWeAre .textWeAre p:last-of-type {
      padding-top: 1rem; }
      @media screen and (max-width: 780px) {
        .containerWeAre .containerTextWeAre .textWeAre p:last-of-type {
          padding-bottom: 1rem; } }
    .containerWeAre .containerTextWeAre .infoWeAre {
      flex-basis: 50%; }
      @media screen and (max-width: 780px) {
        .containerWeAre .containerTextWeAre .infoWeAre {
          padding-bottom: 1.5rem; } }
      .containerWeAre .containerTextWeAre .infoWeAre .blocInfo {
        width: 10rem;
        height: 8rem;
        border-radius: 2rem;
        background-color: #F17300; }
        @media screen and (max-width: 780px) {
          .containerWeAre .containerTextWeAre .infoWeAre .blocInfo {
            width: 5.5rem;
            height: 5.5rem;
            border-radius: 1.5rem;
            font-size: 0.7rem; } }
        .containerWeAre .containerTextWeAre .infoWeAre .blocInfo .blueWord {
          color: #00003E; }
  .containerWeAre .containerImgWeAre {
    padding: 1rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
    @media screen and (max-width: 780px) {
      .containerWeAre .containerImgWeAre {
        padding-top: 2rem;
        padding-bottom: 2rem; } }
    .containerWeAre .containerImgWeAre .imgWeAre {
      width: 55%; }
      @media screen and (max-width: 780px) {
        .containerWeAre .containerImgWeAre .imgWeAre {
          display: none; } }
    .containerWeAre .containerImgWeAre .imgWeAreMobile {
      display: none; }
      @media screen and (max-width: 780px) {
        .containerWeAre .containerImgWeAre .imgWeAreMobile {
          width: 80vw;
          display: block; } }

.containerPlateforme {
  height: calc(100vh - 70px);
  margin-top: 70px;
  width: 100vw;
  position: relative; }
  @media screen and (max-width: 780px) {
    .containerPlateforme {
      height: auto; } }
  .containerPlateforme .orangeBackground {
    background-color: #F17300;
    width: 100%;
    height: 15%;
    bottom: 0;
    z-index: -1; }
    @media screen and (max-width: 780px) {
      .containerPlateforme .orangeBackground {
        height: 10%; } }
  .containerPlateforme .headPlateforme {
    padding-top: 2rem;
    padding-left: 4rem; }
  .containerPlateforme .containerTextPlateforme {
    height: 85%; }
    @media screen and (max-width: 780px) {
      .containerPlateforme .containerTextPlateforme {
        height: 100%;
        align-items: center;
        padding-bottom: 2rem; } }
    .containerPlateforme .containerTextPlateforme .arrowPlateformeMobile {
      display: none; }
      @media screen and (max-width: 780px) {
        .containerPlateforme .containerTextPlateforme .arrowPlateformeMobile {
          display: block;
          width: 2.5rem;
          rotate: 90deg; } }
    @media screen and (max-width: 780px) {
      .containerPlateforme .containerTextPlateforme .arrowPlateforme {
        width: 2.5rem;
        rotate: 90deg; } }
    .containerPlateforme .containerTextPlateforme .blocTextPlateforme {
      height: auto;
      margin-left: 3rem;
      margin-right: 3rem; }
      @media screen and (max-width: 780px) {
        .containerPlateforme .containerTextPlateforme .blocTextPlateforme {
          flex-direction: column;
          align-items: center; } }
      .containerPlateforme .containerTextPlateforme .blocTextPlateforme .blocPlateforme {
        background-color: #00003e;
        color: #F5F5F5;
        width: 20rem;
        height: 15rem;
        border-radius: 1rem; }
        @media screen and (max-width: 780px) {
          .containerPlateforme .containerTextPlateforme .blocTextPlateforme .blocPlateforme {
            width: 15rem;
            height: 15rem;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem; } }
        .containerPlateforme .containerTextPlateforme .blocTextPlateforme .blocPlateforme .titlePlateforme {
          padding: 1rem;
          font-weight: 500;
          font-size: 1.2rem;
          text-align: center; }
          @media screen and (max-width: 780px) {
            .containerPlateforme .containerTextPlateforme .blocTextPlateforme .blocPlateforme .titlePlateforme {
              font-size: 1rem; } }
        .containerPlateforme .containerTextPlateforme .blocTextPlateforme .blocPlateforme .textPlateforme {
          background-color: #F5F5F5;
          color: #00003e;
          width: 80%;
          height: 10.5rem;
          border-radius: 1rem;
          font-weight: 400;
          font-size: 0.8rem;
          list-style: inside;
          padding-left: 0.8rem;
          padding-right: 0.8rem; }

.containerContratsMaintenance {
  margin-top: 70px;
  width: 100vw;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 3rem; }
  .containerContratsMaintenance .blueBackground {
    background-color: #00003e;
    width: 100%;
    height: 250px;
    bottom: 0;
    z-index: -1; }
  .containerContratsMaintenance .headContratsMaintenance {
    padding-top: 0.5rem;
    padding-left: 4rem; }
  .containerContratsMaintenance h2 {
    font-weight: 600;
    color: #00003e;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  @media screen and (max-width: 780px) {
    .containerContratsMaintenance .allBloc {
      flex-direction: column; } }
  .containerContratsMaintenance .allBloc .blocContrats {
    flex-basis: 35%; }
    .containerContratsMaintenance .allBloc .blocContrats .textContrats {
      border: #F17300 3px solid;
      border-radius: 1rem;
      width: 20rem;
      height: 30rem;
      background-color: #F5F5F5;
      line-height: 1.1rem;
      font-size: 0.94rem; }
      @media screen and (max-width: 780px) {
        .containerContratsMaintenance .allBloc .blocContrats .textContrats {
          width: 15.5rem;
          height: 30rem;
          font-size: 0.7rem;
          margin: 2rem; } }
      .containerContratsMaintenance .allBloc .blocContrats .textContrats div {
        height: 30rem;
        padding-left: 2rem;
        padding-right: 2rem; }
      .containerContratsMaintenance .allBloc .blocContrats .textContrats ul {
        list-style: inside; }
  .containerContratsMaintenance .allBloc .blocService {
    flex-basis: 65%; }
    @media screen and (max-width: 780px) {
      .containerContratsMaintenance .allBloc .blocService .blocTextService {
        flex-direction: column;
        align-items: center; } }
    .containerContratsMaintenance .allBloc .blocService .blocTextService .titleService {
      height: 10%;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      background-color: #F17300;
      color: #F5F5F5;
      padding: 0.8rem;
      font-weight: 500; }
    .containerContratsMaintenance .allBloc .blocService .blocTextService .textService {
      border-radius: 1rem;
      width: 20rem;
      height: 30rem;
      background-color: #F5F5F5;
      -webkit-box-shadow: -2px 2px 7px -1px rgba(0, 0, 0, 0.41);
      box-shadow: -2px 2px 7px -1px rgba(0, 0, 0, 0.41);
      line-height: 1.15rem;
      font-size: 0.94rem; }
      @media screen and (max-width: 780px) {
        .containerContratsMaintenance .allBloc .blocService .blocTextService .textService {
          width: 15.5rem;
          height: 30rem;
          font-size: 0.7rem; } }
      .containerContratsMaintenance .allBloc .blocService .blocTextService .textService ul {
        list-style: inside;
        height: 22rem;
        padding: 1.7rem; }

body {
  margin: 0;
  scroll-behavior: smooth;
  background-color: #F5F5F5; }

html {
  scroll-behavior: smooth; }

a {
  color: black;
  outline: none;
  text-decoration: none; }

.desac {
  background-color: #CCCCD8 !important;
  cursor: none; }

.detail_active {
  opacity: 1 !important; }