.swap-card {
padding: 100px 5px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-self: flex-start;
width: 100%;
max-width: 840px; 
}
/*TABLEAU OK*/
.tableauGlobal {
background-color: var(--white);
margin-bottom: 20px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
box-shadow: 1px 2px 1px lightgrey;
border: 1px solid var(--border);
border-top: none;
}
.titreTableau {
padding: 10px;
background-color: var(--white);
color: var(--noir);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 1px 2px 1px lightgrey;
border: 1px solid var(--border);
border-bottom: none; 
}
.info1 {
padding: 20px;
color: var(--noir);
text-align: left;
}
.info2 {
text-align: left;
background-color: var(--white);
color: var(--gris);
padding: 20px;
}
.resolve {
text-align: left;
padding: 5px;
color: var(--gris);
background: linear-gradient(135deg, rgba(0, 168, 166, 0.05), rgba(0, 97, 95, 0.05));
padding: 20px;
}
/*BATTERIE OK*/
.error1 {
background-color: #57bb8a;
color: var(--noir);
font-weight: bold;   
}
.error2 {
background-color: #79c182;
color: var(--noir);
font-weight: bold; 
}
.error3 {
background-color:  #9bc67b;
color: var(--noir);
font-weight: bold; 
}
.error4 {
background-color:  #bccc74;
color: var(--noir);
font-weight: bold;
}
.error5 {
background-color:  #ded16d;
color: var(--noir);
font-weight: bold;
}
.error6 {
background-color:  #ffd666;
color: var(--noir);
font-weight: bold;
}
.error7 {
background-color:  #fac469;
color: var(--noir);
font-weight: bold;
}
.error8 {
background-color:  #f5b26c;
color: var(--noir);
font-weight: bold;
}
.error9 {
background-color:  #f0a06e;
color: var(--noir);
font-weight: bold; 
}
.error10 {
background-color:  #eb8e71;
color: var(--noir);
font-weight: bold; 
}
.error11 {
background-color:  #e67c73;
color: var(--noir);
font-weight: bold;
border-bottom-left-radius: 6px;
}