body {
    width: 100%;
    margin: 0;
}


main {
    font-size: large;
    opacity: 85%;
    padding: 10px;
    width: 100%;
}


menu {
    font-size: 1em ;
    width: 2600px;
    height: 120px;
}


.containerintro {
    margin-top: 100px;
    background-color: #F1F7FC;

}


body .containerintro .container{
    padding:15px;
}

body .containerintro .container .row {
    display: flex;
    flex-wrap: wrap;
}

body .containerintro .container .col-8{
    height: auto;

}

body .containerintro .h1 {
    top: 131px;
    left: 37px;
    width: 100%;
    height: 600px;
}

body .containerintro .h3 {
    display: flex;
}

body .containerintro .btn {
    color: #212529;
    border-color: var(--naelisblue);
    letter-spacing: 0.05em;
    width: 220px;
}

body .containerintro .btn-green {
    border: 2px solid;
    margin-bottom: 10px;
    width: 250px;
    color: white;
    background-color: var(--naelisblue);
    border-color: var(--naelisblue);
    letter-spacing: 0.05em;
}


body .containersolution .row{
    background-color: white;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    min-height: 300px;
    padding: 20px;
}

body .containersolution .btn {
    background-color: transparent;
    border: 2px solid #212529;
    margin: auto;
}

body .containersolution .container {
    top: 50%;
}

body .containersolution .img-fluid2 {
    display: flex;

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

body .containerlasuite {
    background-color:#F1F7FD;
    top: 853px;
    left: 0px;
    padding: 20px;
}
body .containerlasuite .container .row .col {
    display:flex;
    flex-direction: column;
    justify-content: center;
}
body .containerlasuite .container .row .col  .btn{
    display:flex;
    align-items: center;
    background-color: transparent;
    border: 2px solid #212529;
    width: 158px;
    
}
body .containerlasuite .col .background-image {
    width: auto;
    height: auto;
}
body .containerlasuite .col .overlay-image {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 100%;
}

.containeraccompagnement {
    display: flex;
    top: 1173px;
    left: 0px;
    padding: 20px;
}
.containeraccompagnement .btn{
    background-color: transparent;
    border: 2px solid #212529;
}

.body .containeraccompagnement .container .row .col-6.left{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body .containerconfiance {
    background-color:hsl(210, 75%, 97%);
    padding: 40px 20px;
    display: flow;
    
}
body .containerconfiance .col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px ;
}

body .containerconfiance h3 {
    display: flex;
    justify-content: center;
}


span.highlight{
    color: var(--naelisblue);
}

h2.highlight {
    color: var(--naelisblue);
    font-size: 1.8em;
}

.partnercol{
    max-height: 110px;
}

.partnerimg {
    height: 100%;
    object-fit: scale-down;
}


/*@media (min-width: 768px) {
    body {
      width: 50%;
      padding: 2rem;
    }
  }
  @media (min-width: 1200px) {
    body {
      width: 30%;
      padding: 3rem;
    }
  }
  */