* { margin:0; padding:0; border:0; }

html, body { background:#eee; }

p {
	font:11px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#333;
}

h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#036;
	padding:20px 0 5px 20px;
}
	h1#puce1 { background:url(../img/puce1.gif) no-repeat 0 72%; }
	h1#puce2 { background:url(../img/puce2.gif) no-repeat 0 72%; }
	h1#puce3 { background:url(../img/puce3.gif) no-repeat 0 72%; }

#main {
	width:962px;
	margin:30px auto auto auto;
	background:url(../img/bg.gif) repeat-y;
	position:relative;
}

#top {
	height:10px;
	background:url(../img/bg_top.gif) no-repeat;
}

#flashlayer {
	width:928px;
	height:99px;
	margin:7px auto 2px auto;
	overflow:hidden;
}


#logo {
	width:455px;
	height:99px;
	float:left;
	background:url(../img/logo.png) no-repeat 0 0;
	cursor:pointer;
}

.menuBar {
	float:right;
	margin:72px 0 0 auto;
}

#header {
	position:relative;
	float:inherit;
	margin:-101px auto 2px auto;
	width:928px;
	height:99px;
}
	#header a {
		width:149px;
		height:27px;
		display:block;
		float:left;
		text-indent:-1000em;
	}
	#header a#menu1:hover, #header a#menu1:focus, #header a#menu2:hover, #header a#menu2:focus, #header a#menu3:hover, #header a#menu3:focus, #header a#menu1.selected, #header a#menu2.selected, #header a#menu3.selected {
		background-position:top;
	}
		#header a#menu1 {
			background:url(../img/menu_bg_01.gif) no-repeat bottom;
		}
		#header a#menu2 {
			background:url(../img/menu_bg_02.gif) no-repeat bottom;
		}
		#header a#menu3 {
			background:url(../img/menu_bg_03.gif) no-repeat bottom;
		}
	
.content {
	width:928px;
	margin:0 auto 6px auto;
	border-top:solid 5px #036;
	border-bottom:solid 5px #ff8635;
}

#home {
	height:498px;
	background:url(../img/home_bg.gif) no-repeat 0 0 #fff;
}
	#home h1 {
		padding-left:0;
	}

#mode {
	/*height:698px;*/
	background:url(../img/mode_bg.gif) no-repeat 0 0 #fff;
}
	#mode #context { width:420px; }
	#mode #context p img { padding:0 5px; }
	#mode #context .texte li {
		font:11px Arial, Helvetica, sans-serif;
		list-style:none;
		padding:5px 0 10px 10px;
	}

#contact {
	background:url(../img/contact_bg.gif) no-repeat 0 0 #fff;
}
	#contact #context { width:660px; }
	#contact #context a { color:#ff8635; }
	#contact #context h1 { max-width:460px; padding-left:0;}
	#contact #context .texte li {
		max-width:460px;
		font:11px Arial, Helvetica, sans-serif;
		list-style:square inside;
		padding:0 0 0 5px;
		margin:3px 0 5px 0;
	}
	#contact #context .texte { margin:0 0 40px 0; }

	#info {
		border-top:dotted 1px #ccc;
		margin:50px 0 80px 0;
	}

#legal {
	height:598px;
	background:url(../img/legal_bg.gif) no-repeat 0 0 #fff;
}
	#legal #context { width:440px; }
	#legal h1 { padding-left:0; }
	
.col {
	float:left;
	width:240px;
}
	#left {
		padding:0 50px 0 0;
		border-right:dotted 1px #ccc;
	}
	#right {
		padding:0 0 0 50px;
	}

.blue { font-weight:bold; color:#036; }

#context {
	width:322px;
	float:left;
	margin:90px 0 0 50px;
}
	#context p { padding:6px 0 6px 0; }

.sidebar {
	width:276px;
	background:url(../img/sidebar_bg.png) repeat-y 0 0;
	position:absolute;
	padding:0 13px 13px 13px;
	left:633px;
	top:123px;
}
	.sidebar ul {
		width:200px;
		margin:10px 0 10px 30px;
		font:11px Arial, Helvetica, sans-serif;
		text-align:left;
		text-indent:0;
	}
	.sidebar li {
		padding-bottom:20px;
		list-style:square inside;
		color:#333;
	}
	
.sidebar #sidebar_bottom {
	position:absolute;
	bottom:0;
	left:0
}

#searchTool {
	width:260px;
	float:right;
	margin:95px 50px auto auto; 
}
	#searchTool h1 {
		font-size:11px;
		margin:10px 0 0 0;
	}
	#searchTool a, #searchTool h1 {
		color:#333;
	}
	#searchTool input {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0 0 5px 3px;
	}
		#searchTool input#valid {
			float:right;
			margin:10px 0 0 0;
		}
	#searchTool p {
		margin:5px 0 15px 0;
	}
		#searchTool p.formDetail {
			font-size:9px;
			margin:40px auto 0 10px;
		}
		#searchTool p.listCheck {
			font-size:11px;
			margin:10px 0 0 10px;
		}
		#searchTool p.formOption input, #searchTool p.listCheck input  {
			margin:5px 0 0 0;
		}

.clearer {
	clear:both;
}

#footer {
	width:928px;
	height:37px;
	background:url(../img/footer_bg.gif) 100% 0 no-repeat;
	position:absolute;
	bottom:21px;
}
	#footer p{
		width:100%;
		text-align:right;
		margin:15px 0 0 0;
	}
	#footer a {
		font-size:11px;
		font-weight:bold;
		padding:20px 60px 0 0;
		color:#036;
		text-decoration:none;
	}		
	#footer a:hover, #footer a:focus {
		text-decoration:underline;
	}

#bottom {
	height:10px;
	background:url(../img/bg_bottom.gif) no-repeat 0 0;
}