body{
    padding:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.partie{
    margin-top:15px;
    width:100%;
    max-width:900px;
    font-size:em;
}
.columns{
    display:flex;
    flex-direction:row;
    align-items:center;
}

.column{
    width:50%;
    text-align:center;
    //border:2px solid grey;
}


#simulation{
    //margin:0px 0px 0px 100px;
    padding:15px 50px 30px 50px;
    background-color:#F6F6FD;
    border-radius:30px;
    //border:2px solid white;
    box-shadow:rgba(150,150,150,0.5) 5px 5px 10px 10px;
}
#precomplete{
    margin:0px 80px 0px 80px;
    padding:10px 30px 10px 30px;
    background-color:rgba(100,200,250,0.3);#F6F6FD;
    border-radius:8px;
    font-weight:bold;
    color:#1F3864;
    //display:none;
}

h2{
    font-size:1.6em;
    font-weight:bold;
    color:#1F3864;
}
h3{
    color:#1F3864;
    margin-bottom:10px;
}

input, select{
    margin:5px;
    padding:6px;
    font-size:1em;
    text-align:center;
    border-radius: 5px;
    border-color:#1F3864;
    box-shadow:grey 1px 1px 2px ;
}
select{
    background-color:white;
}
#caLabel, #ageLabel{
    font-weight:bold;
    font-size:1.1em;
    color:#1F3864;
}

#simulationResultat{
    margin-top:10px;
    font-size:3em;
    font-weight:bold;  
    color:#1F3864;
}

input[type='button'],.button{
    padding:6px 10px 8px 10px;
    border-radius:10px;
    border:0px solid white;
    background-color:#1F3864;
    color:white;
    font-weight:bold;
    font-size:0.9em;
    cursor:pointer;
}
input[type='button']:hover{
    filter:brightness(1.5);
    transition:0.5s;
    transform:translate(0px, -2px);
}

input[type=file]::file-selector-button {
    padding:6px 10px 8px 10px;
    border-radius:10px;
    background-color:#1F3864;
    color:white;
    font-weight:bold;
    font-size:0.9em;
    cursor:pointer;
}
input[type=file]::file-selector-button:hover {
    filter:brightness(1.5);
    transition:0.5s;
    transform:translate(0px, -2px);
}
input[type='radio']{
    border-radius:50px;
    box-shadow:none;
}

.infoLogo{
    cursor:pointer;
}
.info{
    margin:0px 50px 0px 50px;
    font-size:0.8em;
    color:grey; 
}
.error{
    padding:20px;
    border-radius:5px;
    background:rgba(250,200,200);
    color:rgba(100,0,0);
}
.success{
    padding:20px;
    border-radius:5px;
    background:rgba(200,250,200);
    color:rgba(0,100,0);
}


@media (max-width:1200px){
    .columns{
        flex-direction:column;
    }
    .column{
        width:90%;
    }
    #precomplete{
        margin:0px;
    }
}