.imageArticle{ position:relative; display:block; margin:0px auto; max-width:600px; margin-top:100px; z-index:1}.article-conseil{ margin:0 auto; padding:2em 1em; line-height:1.6; background-color:#fff}.article-row{ display:flex; align-items:flex-start; gap:50px; margin-bottom:2em}.column-image{ flex:0 0 500px; position:relative; z-index:10}.column-image img{ width:100%; height:auto; display:block}.column-text{ flex:1}.article-header h1{ font-size:2.2em; font-weight:700; margin-bottom:0.5em; text-align:center}.article-section h2,.article-conclusion h2{ font-size:1.5em; font-weight:bold; margin-bottom:0.8em; border-bottom:2px solid rgb(105,90,87); padding-bottom:0.2em; text-align:left}.article-section p,.article-conclusion p{ margin-bottom:1em}.article-section ul,.article-conclusion ul{ margin:1em 0 1em 1.5em; padding:0; list-style-type:disc}.highlight{ background-color:rgb(240,240,240); padding:1em; border-left:4px solid rgb(105,90,87); display:block; margin:1.5em 0; font-weight:600}.signature{ margin-top:3em; font-style:italic; text-align:right; font-weight:600}@media screen and (max-width:1200px){ .article-row{ gap:30px} .column-image{ flex:0 0 400px}}@media screen and (max-width:950px){ .article-row{ flex-direction:column; align-items:center} .column-image{ flex:0 0 auto; width:100%; max-width:500px}}@media screen and (max-width:600px){ .imageArticle{ margin-top:130px; max-width:100%} .article-header h1{ font-size:1.7em}}