
	*{
		margin:0;
		padding:0;
	}
	a img{
		border:none;
	}
	html{
		font-size:100%;
	}
	body{
		font-family:arial, verdana, sans-serif;
		font-size:1em;
		background:#333333;
		text-align:center;
		color:#ffffff;
	}
	#container{
		width:800px;
		margin:auto;
		text-align:left;
	}
	#header{
		width:800px;
		height:100px;
		background:url(../images/header.gif);
	}
	#header #description{
		float:right;
		width:210px;
		margin:15px 10px 0 0;
		font-size:0.8em;
		font-weight:bold;
		width:203px;
	}
	.blue{
		color:#05edda;
	}
	#menu{
		background:url(../images/menu.gif) repeat-x;
		height:36px;
		color:#fff;
		font-weight:bold;
	}
	#menu form{
		padding: 6px 0 0 0;
		float:right;
		margin: 0 5px 0 0;
	}
	input{
		border:1px solid #fff;
		background:none;
		color:#fff;
		font-weight:bold;
	}

	
	#menu label{
		margin: 0 5px 0 0;
	}
	.search{
		border:none;
	}
	#menu ul{
		list-style-type:none;
		float:right;
		margin: 7px 5px 0 0;
	}
	#menu ul li{
		float:left;
		margin: 0 10px 0 0;
	}
	#menu ul li a{
		text-decoration:none;
		color:#fff;
	}
	#menu ul li a:hover{
		text-decoration:underline;
	}
	#gray_top{
		width:210px;
		height:7px;
		background:url(../images/gray_top.gif);
		margin: 0 0 5px 0 0;
	}
	#gray_middle{
		width:210px;
		background:url(../images/gray_middle.gif) repeat-y;
		color:#333;
		margin: 0 5px 0 0;
	}
	#gray_middle a:hover{
		color:#be03cd;
	}
	#gray_bottom{
		width:210px;
		height:7px;
		background:url(../images/gray_bottom.gif);
		margin: 0 5px 10px 0;
	}
	#content{
		width:800px;
		background:#fff;
		padding: 10px 0 10px 0;
	}
	#left{
		float:left;
		width:570px;
		margin: 0 0 0 10px;
	}
	#right{
		float:right;
		width:215px;
	}
	.clear_both{
		clear:both;
	}
	#gray_middle h1{
		font-size:1em;
		margin: 0 0 5px 3px;
	}
	#gray_middle p{
		width:95%;
		margin: 0 0 0 3px;
		font-size:0.8em;
	}
	#content a{
		color:#333;
	}
	h1{
		font-size:1em;
		margin: 10px 0 0 0;
	}

	.box{
		float:left;
		margin: 0 0 10px 14px;
	}
	
	.box .haut_box, .box .milieu_box, .bas_box{
		width:254px;
	}
	
	h2{
		font-size:0.9em;
		font-weight:bold;
	}
	
	.box .haut_box {
		color:#be03cd;
		width:254px;
	}
	
	.box .haut_box h2 a{
		text-decoration:none;
		color:#be03cd;
		font-weight:bold;
	}	
	
	.box .haut_box h2 a:hover{
		text-decoration:underline;
	}		
	
	.box .haut_box h3{
		font-size:0.8em;
		color:#333;
		font-weight:normal;
		width:254px;
	}
	
	.box .haut_box h3 a{
		text-decoration:none;
		color:#333;
	}	
	
	.box .haut_box h3 a:hover{
		text-decoration:underline;
	}		
	
	.box a img{
		border:3px solid #bbbaba;
	}
	
	.box a img:hover{
		border:3px solid #be03cd;
	}	
	#content{
		color:#333;
	}
	#info_website{
		margin: 0 0 0 10px;
		float:left;
		width:500px;
	}
	#info_website ul{
		margin: 0 0 0 15px;
	}
	#info_website h1{
		color:#be03cd;
		margin: 0;
	}
	.pink{
		color:#be03cd;
		font-weight:bold;
	}
	#fiche_img{
		float:right;
	}
	#main_website{
		width:98%;
	}
	#content input{
		border:2px solid #ccc;
		color:#333;
	}
	.suggest{
		font-size:0.8em;
	}

	.suggest input{
		padding:3px;
		margin: 3px 0 0 0;
	}
	.suggest label{
		float:left;
		width:40%;
		clear:left;
		display:block;
	}
	.tags{
		margin: 5px 5px 0 0;
		
		float:left;
	}
	#submitter{
		background:#ccc;
		color:#333;
		float:left;
		margin: 0 0 0 20px;
	}
	#content label{
		font-weight:bold;
		font-size:1.3em;
		margin: 0 0 5px 0;
		padding: 4px 0 0 0;
	}
	p.intro{
		font-size:0.8em;
		margin: 5px 0 10px 0;
	}
	#content form input:hover{
		background:#ffffda;
	}
	#error{
		color:red;
		margin: 5px 0 5px 0;
		font-weight:bold;
		font-size:1.2em;
	}
	table{
		font-size:0.7em;
	}
	#pagination{
		margin: 0 0 5px 10px;
	}
	textarea{
		clear:both;
		float:left;
	}
	#pages{
		margin: 5px 0 10px 25px;
		font-size:0.8em;
	}
	#test{
		border:1px solid red;
	}