*{
	margin: 0;
	padding:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
html {height: 100%;}
body {
	background: #E9C638 url(images/fd.jpg) repeat-x;
	text-align: center;
	margin:0;
	padding:0;
	font-size:70%;
	height: 100%;
}

#wrapper {
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 620px;
	min-height: 100%;
	}
#tetiere {
	margin: 0;
	padding:0;	
	}
#menu {
	float:left;
	width:184px;
	height:130%;
	min-height:100%;
	background-color:#dec238;
    padding:15px;
	$margin-top:-4px;
	}
#content {
	float:left;
	width:416px;
	min-height:100%;
	background-color:#FFF;
	padding:10px 10px 30px 10px;
	$margin-top:-4px;

	}
#right {
	position:absolute;
	top:0px;
	right:0px;	
	}
#bottom {

	}
	

p {
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin-bottom:20px;
	}
h2 {font:normal 1.3em Arial, Helvetica, sans-serif; margin-bottom:15px;}
h3 {font:bold 1em Arial, Helvetica, sans-serif; margin-bottom:7px;}

.titremenu {font:bold 1.3em Arial, Helvetica, sans-serif; text-transform:uppercase}
#eu {margin-top:100px}

#menu ul {list-style-type:none; margin-bottom:10px;}
#menu li {background: url(images/puce_rouge.gif) left no-repeat; padding-left:7px; font:bold 1em Arial, Helvetica, sans-serif; color:#892162;}
#menu li a{color:#892162; text-decoration: none;}
#menu li a:hover{color:#cc141b; text-decoration: underline;}

#content ul {list-style-type:none;}
#content li {background: url(images/puce_noir.gif) left no-repeat; background-position: 0 5px; padding-left:7px; font:normal 1em Arial, Helvetica, sans-serif; color:#000; margin: 0 0 10px 10px;}