D'accord merci pour les réponses, mon problème est résolu grâce au instructions top/right, mais pourquoi avec un mergin-right le positionnement que je souhaite ne fonctionne pas et avec margin-top il fonctionne.
Merci

Bonjour,

Tout d'abord attention, ici article n'est pas une classe.

En ce qui concerne ton CSS, tu devrais remplacer "margin-left" par "left", et "margin-top" par "top".
Ton bloc est en position "absolute", c'est à dire qu'il va ce positionner par rapport à son premier parent en position "relative"

Ci-après, un petit exemple avec deux blocs "article" qui ont le même positionnement CSS, et pourtant un résultat différent. Cela s'explique car les deux bloc n'ont pas le même point de repère.

https://jsfiddle.net/39uaw7cs/

Qu'est-ce qui ne fonctionne pas comme tu souhaites ?

Voilà ce que ça donne et qui me semble correct :
https://jsfiddle.net/cu7qauf2/

Je ne comprends pas malgré les margins pourquoi le bloc avec class="article" ne se positionne pas comme je le souhaite
code html :
[code]
<article class="avenir">
<h1>A venir</h1>
</article>
[/code]
et voici le code css :
[code]
article{
position:absolute;
background-color:green;
margin-left:10px;
margin-top:100px;
}
[/code]