body * {
    width: auto;
}

main {
    margin: 0 auto;
}


.main .container-fluid {
    padding: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.main .container-fluid.intro{
    background-color: #F3F8FE;
    margin-top: 41px;
}
.main .container.intro{
    margin-top: 40px;
}

.main .container-fluid h1{
    color: #250EA4;
    font-weight: bold;
}
.main .container-fluid h3 {
    display: flex;
    color: var(--naelisblue);
    font-size: 1.875em;
}

.intro .introright{
 display: contents;
}

.pintro {
    display: flex;
    color: #250EA4;
    font-size: 1.3em;
}

.main .container-fluid .btn {
    border: 2px solid var(--naelisblue);
    background-color: transparent;
    border-color: var(--naelisblue);
    color: var(--naelisblue);
    width: 230px;
}

.teamphoto {
    display: flex;
    justify-content: center;
    height: auto;
    max-width: 100%;
    margin-top:30px;
}

.teamphoto .img.expertphoto {
    height: 400px;
}


.main .systeme  {
    background-color: white;
}

.main .systeme .p-experts {
    text-align: center;
}

.main .systeme .img-fluid {
    /* max-width: 100%;
    height: auto; */
    object-fit: contain;
}

.main .systeme .expertnaelis{
    color: #250EA4;
    display: flex;
    justify-content: center;
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: auto;
}


.main .systeme .experts {
    color: #250EA4;
    display: flex;
    align-items: center;
    margin-top: 1em;

}

.main .systeme .experts .cadre {
    display: flex;
    justify-content: center;
    margin-top: -25px;
}
.main .systeme .experts .cadrep {
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 22px;
}

.cadrep.img-fluid {
    
}

.puzzlep.img-fluid {
    
}

.moleculep.img-fluid {
    
}

.main .systeme .experts .puzzle {
    display: flex;
    justify-content: center;
    translate: 15px;
}
.main .systeme .experts .puzzlep {
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 10px;
}

.main .systeme .experts .molecule {
    display: flex;
    justify-content: center;
}
.main .systeme .experts .moleculep {
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 10px;
}

.consulting {
background-color: #F3F8FE;
}

.consulting .actions{
    margin-top: -20px;
    margin-left: 10px;
}

.consulting .encapsuler {
    position: relative;
}

.encapsulerconsulting .row.separator1 {
    width: 100%;
    height: 50%;
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -10px;
}

.consulting .col-6.vertical {
    border-right: solid 1px var(--naelisblue);
}
.consulting h2{
    color: #250EA4;
    display: flex;
    justify-content: center;
    margin: revert-layer;
    font-size: 1.56em;
    font-weight: bold;

}

.consulting ul {
    color: #250EA4;
}

.architecture {
    width: 100%;
    background-color: white;
    text-decoration: none;
}
.architecture h2{
    display: flex;
    justify-content: center;
    margin: revert-layer;
    font-size: 1.56em;
    font-weight: bold;
    color: var(--naelisblue);
}

.architecture .missions {
    color: var(--naelisblue);
}

.architecture .actions {
    color: var(--naelisblue);
    display: flex;
    justify-content: flex-end;
    margin-top: -20px;
    margin-left: 10px;
}

.architecture .bigpuzzle {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: -160px;
    float: right;

}


.urbanisme {
    background-color: #F3F8FE;
    width: 100%;
    text-decoration: none;
    padding: 50px;
}

.urbanisme.block-titre {
    color: #250EA4;
    display: flex;
    justify-content: center;
    margin: revert-layer;
    font-size: 1.56em;
    font-weight: bold;
}
.urbanisme h2{
    color: #250EA4;
    display: flex;
    justify-content: center;
    margin: revert-layer;
    font-size: 1.56em;
    font-weight: bold;
}

.urbanisme .actions {
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
}


.urbanisme .bigmolecule {
    position: absolute;
    transform: translateY(-250px);
}

.urbanisme ul {
    color: #250EA4;
}


.urbanisme .row.separator1 {
    width: 100%;
    right: 0%;
    padding: 0;
    margin: 0;
    position: absolute;
}


.referenceseparator {
    position: relative;
}

.separator {
    width:50%;
    border-right:solid 1px #555;
}

.consulting .img-fluid.bigcadre {
    margin-top: 30px;
}

.architecture .img-fluid.puzzlenovae{
    float: right;
    margin-right: -100px;
}

.architecture h4 {
    color: var(--naelisblue);
    display: flex;
    justify-content: flex-start;
    margin: revert-layer;
    font-size: 1.3em;
    font-weight: bold;
}

.consulting h4 {
    color: #250EA4;
    display: flex;
    justify-content: flex-start;
    margin: revert-layer;
    font-size: 1.3em;
    font-weight: bold;
}
.urbanisme h4 {
    color: #250EA4;
    display: flex;
    justify-content: flex-start;
    margin: revert-layer;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 35px;
}