#resultat_simulation {
border: 1px solid red;
background: #f0f0f0;
position:absolute;
}
#reglages_simulation {
position:absolute;
border: 1px solid blue;
background-color: aliceblue;
}
#menu_logo {
border-radius: 50px;
width: 100px;
height:100px;
position:absolute;
top:10px;
left:10px;
}
@media (orientation:portrait) {
#reglages_simulation {
width: 100%;
height: 50%;
left:0px;
right:0px;
bottom:0px;
}
#resultat_simulation {
width: 100%;
height: 50%;
left:0px;
right:0px;
top:0px;
}
}
@media (orientation:landscape) {
#reglages_simulation {
width: 50%;
height: 100%;
top:0px;
left:0px;
bottom:0px;
}
#resultat_simulation {
width: 50%;
height: 100%;
top:0px;
right:0px;
bottom:0px;
}
#reglages_simulation .tabs {
margin-top: 130px;
}
}
#price_button {
position:absolute;
bottom: 20px;
left:0;
right:0;
display:block;
width: auto;
}
.nav .nav-item button.active {
background-color: transparent;
color: var(--bs-danger) !important;
}
.nav .nav-item button.active::after {
content: "";
border-bottom: 4px solid var(--bs-danger);
width: 100%;
position: absolute;
left: 0;
bottom: -1px;
border-radius: 5px 5px 0 0;
}