Bonsoir

Juste pour info

Je trouvais que les blocs
<info> ; <aide> ; <avertissement> ; <important>
s’affichaient de façon incorrecte surtout depuis un téléphone :
– alignement trop à droite.
– chevauchement en bas avec la suite de l’article.

J’ai donc placé les lignes CSS suivantes dans mon "perso.css" pour prendre le pas sur celles de general.css (1365) :
display : block ; au lieu de : display : inline-block ;
margin : 0 auto 2em ; au lieu de : margin : 0 10% 2em 10% ;
padding : 15px 20px 15px 60px ; au lieu de : padding : 15px 20px 15px 80px ; (ça c’est juste pour gagner de l’espace dans le bloc)

Et je trouve que c’est mieux...

Par ailleurs, je trouvais que les logos d’article ou de rubrique prenaient trop de place sur un téléphone.
Je me suis ajouté une feuille "persomobile.css" (appelée dans le head) dans laquelle j’ai mis une solution radicale :

.logorub, .logorub-art, .event-logo {
    display: none !important;
}

@+
Luc