@charset "utf-8";
/* CSS Document */
	* {
		margin:0;
		padding:0;
	}
	
	html{
		font-size:70%;
	}
	
	body{
		background:#303030;
		font-family:"Trebuchet MS",arial,sans-serif;
		text-align:center;
		color:#fff;
	}
	
	#container{
		margin:auto;
		text-align:left;
		width:820px;
	}
	
	#header{
		height:63px;
		margin: 22px 0 0 0;
	}
	
	#description{
		float:left;
		width:250px;
		margin: 0 0 0 30px;
		line-height:1em;
	}
	
	#description p{
		font-size:0.8em;
	}
	
	#description h1{
		font-size:x-small;
		color:#f04e81;
	}
	
	#navigation{
		float:right;
	}
	
	#navigation ul{
		list-style-type:none;
		float:left;
	}
	
	a img{
		border:none;
	}
	
	a{
		color:#fff;
	}

	#navigation ul li{
		float:left;
		margin: 0 5px 0 0;
		padding:0;
	}
	
	p{
		font-size:1.2em;	
	}
	
	#navigation ul li a{
		text-decoration:none;
		color:#fff;
	}
	
	#navigation ul li a.rss{
		display:block;
		width:78px;
		height:23px;
		background:url(images/rss.jpg) no-repeat;
		line-height:20px;
		text-indent:25px;
	}
	#navigation ul li a.suggest{
		display:block;
		width:132px;
		height:23px;
		background:url(images/suggest.jpg) no-repeat;
		line-height:20px;
		text-indent:25px;
	}	
	
	#navigation form{
		float:left;
		width:132px;
		height:23px;
		background:url(images/search.jpg) no-repeat;		
		padding: 3px 0 0 5px;
	}
	
	#navigation form input{
		background:none;
		border:none;
		color:#fff;
		font-size:0.9em;	
	}
	
	.left{
		float:left;
	}
	
	.right{
		float:right;
		margin: 0 10px 0 0;
	}
	
	.haut_cat{
		clear:both;
		width:795px;
		height:12px;
		background:url(images/haut_cat.jpg) no-repeat;
	}
	
	.milieu_cat{
		width:795px;
		background:url(images/milieu_cat.jpg) repeat-y;
	}	
	
	* html .milieu_cat{
		margin-top:-5px;
	}
	
	.milieu_cat ul{
		list-style-type:none;
		margin: 0 5px 0 5px;
	}
	
	.milieu_cat ul li{
		float:left;
		margin: 0 0 0 5px;
		width:107px;
	}
	
	.milieu_cat ul li a{
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		background:url(images/square.jpg) no-repeat 0 4px;
		padding-left: 7px;
	}

	.milieu_cat ul li a:hover{
		color:#f04e81;
		text-decoration:underline;
	}	
	
	.bas_cat{
		width:795px;
		height:12px;
		background:url(images/bas_cat.jpg) no-repeat;
		margin: 0 0 10px 0;
	}	
	
	#pages p{
		float:right;
		margin:0 5px 0 0;
		font-size:1.6em;
	}
	
	#pages p a{
		color:#f04e81;
		text-decoration:underline;
	}	
	
	.box{
		float:left;
		margin: 0 10px 10px 0;
	}
	
	.box .haut_box{
		width:262px;
		height:46px;
		background:url(images/haut_box.jpg) no-repeat;	
	}
	
	.box .haut_box h2{
		padding: 10px 0 0 0;
		margin: 0 0 0 5px;
		font-size:1.2em;
		color:#f04e81;
	}
	
	.box .haut_box h2 a{
		text-decoration:none;
		color:#f04e81;
	}	
	
	.box .haut_box h2 a:hover{
		text-decoration:underline;
	}		
	
	.box .haut_box h3{
		margin: 0 0 0 5px;
		font-size:1em;
		color:#fff;
	}
	
	.box .haut_box h3 a{
		text-decoration:none;
		color:#fff;
	}	
	
	.box .haut_box h3 a:hover{
		text-decoration:underline;
	}		
			
	
	.box .bas_box{
		width:262px;
		height:20px;
		background:url(images/bas_box.jpg) no-repeat;	
	}	
	
	.box a img{
		border:3px solid #bbbaba;
	}
	
	.box a img:hover{
		border:3px solid #f04e81;
	}
	
	.clear_both{
		clear:both;
	}
	
	#soumettre #left{
		float:left;
	}
	
	#soumettre #right{
		float:left;
		margin: 0 0 0 40px;
	}
	
	#soumettre label{
		clear:both;
		display:block;
		text-transform:uppercase;
	}
	
	#soumettre input, #soumettre textarea, #soumettre select, .right_content input{
		font-size:1.6em;
		border:2px solid #474747;
		background:#bbbaba;
		margin: 0 10px 20px 0;
		float:left;
	}

.right_content input{
font-size:1.6em;
float:none;
margin:0;
}

	
	#soumettre input.tags{
		font-size:1.6em;
		border:2px solid #474747;
		background:#bbbaba;
		margin: 0 10px 3px 0;
		float:none;
	}	
	
	#soumettre select{
		width:200px;
	}
	
	#soumettre input:focus, #soumettre textarea:focus{
		font-size:1.6em;
		border:2px solid #f04e81;
		background:#fff;
	}
	
	#soumettre input.no_style{
		clear:both;
		font-size:1.6em;
		border:none;
		background:#bbbaba;
		color:#000;
		margin:0;
		border:2px solid #666666;
	}	
	
	#soumettre h2{
		font-size:1.6em;
		text-decoration:underline;
		font-weight:normal;
	}
	
	p.intro{
		color:#fff;
		margin: 10px 0 20px 0;
	}
	.pub{
		float:left;
		margin: 0 0 0 5px;
	}
	
	#info_website{
		width:450px;
		float:left;
		margin: 0 20px 10px 0;
		font-size:1.3em;
	}
	
	#info_website ul, #search ul{
		margin: 5px 0 5px 15px;
		
	}	
	
	#info_website h1{
		color:#fff;
	}	
	
	span.pink{
		color:#f04e81;
		font-weight:bold;
	}	
	
	#info_website a{
		color:#fff;
		text-decoration:underline;
	}	
	
	#fiche_img{
		float:right;
		margin: 0 0 10px 0;
	}
	
	#fiche_img img{
		border:3px solid #bbbaba;
		display:block;
	}
	
	#fiche_img img:hover{
		border:3px solid #f04e81;
	}	
	
/*WFORMS*/
label.preField {
	padding: 0 2px;
	margin: 0.6em 0 0 0;
	min-width: 10.5em;
	width: expression('10em');   /* IE 6 */
	display: -moz-inline-box;	 /* Firefox */
	display: inline-block;	
}
/* Validation Error Messages */
.errMsg {
	color: red;
	display: inline;
	font-weight:bold;
}
.errFld {
	border-color: red;
}
/* Error Notification  */
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	color:#F00;
	font-weight:bold;
	padding: 5px;
	display: none;
	margin: 2em 0;
}	

#ajaxresult.ajax-loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;

}

#ajaxresult{
	font-size:1.6em;
	color:green;
	padding:3px;
}

hr{
	clear:both;
	background:none;
	border:none;
	border-top:1px solid #fff;
	margin: 0 0 5px 0;
}	

#footer{
	clear:both;
	margin:10px 0 10px 0;
	text-align:center;
	padding:5px 0 0 0;
}

#footer a{
	color:#f04e81;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#additious {
	float:left;
}

#additious img{
	width:auto;
	height:auto;	
	border:none;
}

#additious img{
	border:none;
}

.left_content{
	width:600px;
	float:left;
}

.right_content{
	float:left;
}

.right_content h2{
font-size:1.3em;
}

.right_content ul, .custom ul {
	list-style-type:none;
}

.right_content ul li a,  .custom ul li{
	color:#fff;
	text-decoration:none;
	background:url(images/square.jpg) no-repeat 0 6px;
	padding-left: 7px;
}

.custom a{
	color:#f04e81;
	text-decoration:underline;
}
.float_left{
	float:left;
}

.rss_abo{
	border:0;
}