@import "nav.css";
@import "contact.css";
/*@import "scroller.css";
*/
/* -------- CSS GENERAL -------- */
*{margin:0; padding:0;}
img{border:0;}
a{color:#000; text-decoration:none; font-size:105%;}
a:hover{text-decoration:none;color:#FFF;}
ul, li{margin:0;padding:0;list-style: none;}
body {
	height:100%;
	background:url(../images/deco/img_body.gif) repeat-x #5b5a57;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	overflow-x:hidden;
	font-weight:lighter;
	}
p{font-size:100%;}
fieldset, img{border:0;}
.clear{clear:both;}
.red{color:#C00;}
strong{font-weight:bold;}

/* -------- GENERAL -------- */
#corps{
	width:900px;
	margin:0 auto;
	left:0px;
	position:relative;
	}
/* -------- HEADER -------- */
#header{
	width:900px;
	height:280px;
	background:url(../images/deco/img_bandeau.jpg) no-repeat;
}
h1{
	top:13px;
	left:170px;
	width:200px;
	height:109px;
	position:absolute;
	font-size:150%;
	color:#e2001a;
	text-indent:-9999px;
}
/* -------- ANIM HEADER -------- */
#flash{
		width:257px;
		height:280px;
		top:0;
		left:643px;
		position:absolute;
		float:left;
		background:url(../images/diaporama/img1.jpg) no-repeat;
		}
/* -------- CONTENT -------- */
#content{
	width:900px;
	height:460px;
	background:url(../images/deco/img_content.jpg) no-repeat top right;
	}
#texte {
	width:239px;
/*	margin:0 auto;*/
	float:left;
	padding:20px 0px 0 130px;
	[if IE]>
	float: none;
	<![endif]
	}
.centrer{
	text-align:center;
	}
#texte h3{
	padding:0 0 20px 0;
		}
#content ul{
	width:330px;
	}
#content ul li{
	width:120px;
	height:95px;
	float:left;
	text-align:center;
	}
#plan {
	width:489px;
	margin:0 auto;
	float:left;
	padding:20px 0 0 20px;
	}
/* -------- GAUCHE -------- */
#extreme{
	width:151px;
	height:380px;
	background:url(../images/deco/extreme.jpg) repeat-x;
	float:left;
	}
#gauche{
	width:240px;
	height:440px;
	background:url(../images/deco/img_menu.jpg) no-repeat;
	float:left;
	padding:20px 0 0 0;
	}
#gauche ul li{
	display:block;
	width:230px;
	height:25px;
	font-size:110%;
	text-align:right;
	font-weight:lighter;
	line-height: 26px;
	margin:0 5px 0 5px;
	}
#gauche ul li a{
	height:18px;
	line-height:normal;
	color:#fff;
	}
#gauche ul li a:hover{
	color:#000;
	}
#gauche ul li a.couleur{
	color:#000;
	}
#gauche ul li a:hover.couleur{
	color:#fff;
	}
h2 {
	width:220px;
	height:25px;
	font-size:120%;
	text-align:right;
	font-weight:lighter;
	line-height: 26px;
	color:#fff;
	margin:0 10px 0 10px;
	}
h3{
	font-size:150%;
	}
h4{
	font-size:120%;
	padding:0 0 3px 45px;
	color:#000;
	}
.bord{
	border-bottom: #CCC thin solid;
	}
/* -------- SLIDE -------- */
#wrapper {
	width:490px;
	height:440px;
	float:right;
	/*	overflow-y:hidden;
*/	overflow:hidden;
	top:299px;
	left:392px;
	position:absolute;
	padding:0 0 0 10px;
	}
.section {
	width:500px;
	height:450px;
	}
.textesection{
	width:220px;
	height:440px;
	padding:0 5px 0 0;
	float: right;
	}
#01, #02, #03, #04, #05, #06, #07, #08, #09, #10, #11, #12, #13{
	width:260px;
	height:440px;
	}
	

/* -------- FOOTER -------- */
#footer{
	width:900px;
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
	[if IE]>
/*	margin:0;
	padding:50px 0 0 0;
*/	<![endif]
}
#footer p{
	font-size:80%;
	color:#fff;
	padding:0 0 5px 0;
}
#footer p a{
	color:#fff;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}
#footer ul{
	padding:5px 0 0 150px;
	border-top:#FFF solid thin;
}
#footer ul li{
	display:block;
	float:left;
	padding:0 5px 0 5px;
}
#footer ul li a{
	font-size:10px;
	color:#fff;
}
#footer ul li a:hover{
	color:#000;
}
.borddroit{
	border-right:#fff solid 1px;
}	
.space{
	letter-spacing:7px;
	}