html,body {
	margin:0;
	padding:0;
	height:100%; 
}
html>body #wrap {
        height:100%;
}
#header {
	width:100%;
	height:6em;
}
#gauche {
	width:156px;
 	text-align:left;
}
html>body #header {
	position:fixed;
	z-index:10; 
}
html>body #content-wrap {
        height:100%;
} 
html>body #content {
        padding: 7em 156px 3em 158px;
} 
#header {
	text-align:left;
}
#footer {
	width:100%;
	height:2em;
}

html>body #footer {
	text-align:center;
        background:#FFFFFF;
	position:fixed;
	bottom:0;
	z-index:10; 
}

html,body {
	color:#FFFFFFF;
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
#content-wrap,#content {
        padding: 1em;
        background:#FFFFFF;
}
a, a:link { 
        border-bottom-style: none
}
.texte_image {
    font-size:12px;
    color:#393838;
}
#conteneur {
    font-family:'DIN-Light';
    text-decoration:none;
}
#conteneur h1 {
	position:relative;
	bottom:17em;
	left:1em;
    font-size:40px;
    color:#FFFFFF;
}
#conteneur p {
	position:relative;
	bottom:24em;
	left:7.5em;
    font-size:20px;
    color:#321d22;
}
#conteneur #droite {
	width : 100%;
}
#conteneur #milieu {
	text-align: right;
}
#conteneur .fondu {
	text-align: left;
    font-size:14px;
    color:#393838;
}
#conteneur .gauche {
	float: left;
}
#conteneur .droite {
	float: right;
}
#conteneur .texte_image {
	position:relative;
	bottom: 5px;
}
div.fondu div {
	font-size:16px;
}