Décalage de div et blanc juste après

Bonjour,
pour suive un design je dois faire des décalage en hauteurs de div afin qu'in div passe devant une autre de qq pixels...
Le soucis que je rencontre c'est que lorsque je fait le décalage je me retrouve avec un blanc en dessous de ma div de la taille du contenu décalé.
Dans l'exemple en lien vous verrez que juste avant mon bloc noir j'ai un gros blanc je je souhaiterai ne pas avoir.
Lien exemple de décalage

Est-il possible d'eviter ce decalage en CSS ?

Bonjour,

entre le bloc orange et le bloc noir ? Tu décales de 150/250px vers le haut les 2 blocs via du positionnement relatif, donc sans toucher à ce qui suit.
En utilisant des marges hautes négatives (margin-top: -150px; et pourquoi 250 pour l'autre ?), cela agit sur tout ce qui suit, aussi.

Oui le decalage du bloc orange et du texte vers le haut est voulu. Par contre comment évité le blanc juste avant le bloc noir ? C'est possible ?

Avec la méthode indiquée, oui. Plus précisément ce sont les classes .decalTopNNN pour lesquelles tu peux changer de méthode :

/*DÉCALAGES*/
.decaltop50 { margin-top:-50px; }
.decaltop150 { margin-top:-150px; }
.decaltop250 { margin-top:-250px; }