/*ARTICLE*/
.articleBlog {
max-width: 840px;
width: 100%;
margin: 0 auto;
text-align: left;
padding: 40px 0;
}
.descriptionBlog {
margin: 50px auto;
box-shadow: 1px 2px 1px lightgrey;
border: 1px solid var(--border);
background-color: var(--white);
border-radius: 6px;
padding: 40px;
}
.articleBlog h1 {
padding-bottom: 20px;
}
.articleBlog p {
padding-bottom: 20px;
}
/*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; 
}
.info-start {
background: #f8f9fa;
font-weight: 600;
color: var(--gris);
padding: 20px;
text-align: center;
border-bottom: 1px solid #dee2e6;
}
.info-next {
padding: 12px;
text-align: center;
border-bottom: 1px solid #dee2e6;
color: var(--gris)
}
.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;
}
/*ETRTO*/
.allETRTO {
max-width: 100%;
}
.etrtoTableau {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.etrtoTableau h1 {
padding-bottom: 50px;
}
.tableETRTO {
max-width: 475px;
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
box-shadow: 1px 2px 1px lightgrey;
border: 1px solid var(--border);
margin: 10px;
}
/*PHOTO*/
.imgSize {
max-width: 840px;
width: 100%;
height: 100%;
border-radius: 6px;
margin-bottom: 20px;
}