Header CSS

En html :

<div id="header">
<div id="text-header">Virtual black market</div>
<div id ="carré-header">
</div>

En css :

#header {
min-width: 900px; /*Largeur minimal de ton header : en générale c'est la m^me valeur que la largeur minimal du site*/
background-image:ton-image.png; /*(image de 1px de large qui correspond au fond du header sans le texte ni le carré de gauche*/
background-repeat:repeat-x; /* pour que le fond de 1px se repète sur la largeur*/

}

#text-header {
position:absolute; /*pour le posisionner par rapport à aux header*/
width:auto;
top:20px; /* le texte sera à 20px du haut du header */
text-align:center; /*tu centre le texte dans ta div*/

/* Bon après tu modifie pour que ça correspond */

}

#carré-header {
/* le carré enquestion c'est le carré gris avec les 4 carrés vert */
background-image:mon-carré.png; /*image de ton carré*/
width:100px; /*largeur de ton carré*/
height:100px; /*hauteur de ton carré*/
position:absolute; /*pour positionner par rapport au header*/
bottom:0px; /* pour le collé au bas du header*/
left:200px; /* pour définir la distance par rapport à la gauche. Tu peux la définir en % ou en em pour qui garde les même proportion */

}

Bon colle ça dans ton éditeur j'ai commenté ;)