.newsletters_selection:not(.enchainement) {margin-bottom:2em;} .newsletters_selection .article {margin-bottom:20px;} .newsletters_selection .image {margin-bottom:0.5em;vertical-align: top;} .newsletters_selection .affichage_colonne .image, .newsletters_selection .affichage_defaut .image {max-width:100%;} .newsletters_selection .affichage_defaut .descriptif, .newsletters_selection .affichage_ligne .vignette > div, .newsletters_selection .affichage_ligne .contenu > div {padding: 10px;} .newsletters_selection .affichage_ligne .vignette {font-size: 0px;display: inline-block;vertical-align: top;width: 40% !important;max-width: 40%;} .newsletters_selection .affichage_ligne .contenu {font-size: 0px;display: inline-block;vertical-align: top;width: 60% !important;max-width: 60%;} @media screen and (min-width:480px){ .newsletters_selection .affichage_ligne, .newsletters_selection .affichage_colonne {font-size:0; } .newsletters_selection .affichage_colonne > div { width: 50% !important; max-width: 50%; } .newsletters_selection .affichage_ligne div.article { display: table; } .newsletters_selection .affichage_ligne div.article > div { display: table-cell; vertical-align:top; } .newsletters_selection .affichage_ligne div.article div.vignette { padding-right: 1em; } .newsletters_selection .affichage_colonne > div:nth-child(odd) > div {padding-right:0.5em;} .newsletters_selection .affichage_colonne > div:nth-child(even) > div {padding-left:0.5em;} }