* {
z-index: 10;
font-family : "Geneva", "bitstream vera sans", sans-serif;
font-style : normal;
font-size : small;
line-height: 160%;
}

h1 {
color: #e31d1f;
font-size : 1.3em;
font-weight : bold;
}

h2 {
font-size : 1.2em;
font-weight : normal;
} 

body {
margin: 0;
padding: 0;
background-color: #ecead2;
}

p {
text-indent: 2em;
}

#container {
position:relative;
width: 750px;
padding-bottom:100px;
margin: 50px auto auto auto;
background: url("images/TopRight.png") no-repeat top right;
}

#text-block {
position:relative;
margin: 0 2em 2em 2em;
padding-top: 2em;
min-height: 200px;
}

#footer {
position: absolute;
bottom:100px;
left:0;
z-index: 1;
width: 750px;
height: 236px;
background: url("images/BottomLeft.png") no-repeat top left;
}

#footer p {
position: relative;
left: 1em;
top: 266px;
margin:0.2em;
font-size: x-small;
}

#backHome {
z-index:20;
position:relative;
float:left;
}

#backHome a {
display:block;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 15px;
width: 124px;
height: 96px;
background: url("images/Accueil.png");
}

#backHome a:hover {
background-position: 0px 96px;
}

#htmlValid,
#cssValid {
position: absolute;
width: 80px;
height: 15px;
bottom: -50px;
}

#htmlValid {
right: 0;
background: url("images/W3CHTML.png");
}

#cssValid {
right: 95px;
background: url("images/W3CCSS.png");
}

#htmlValid span,
#cssValid span,
#backHome a span {
display: none;
}

em {
font-style: italic;
}