/* Regroupement des styles qui construisent l'interface */

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll; 
	overflow-x:auto;
}

body {
	margin:0px;
	padding:12px 0px;
	border: 0px none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #252525;
	padding-bottom:8px;
	
	background-image:url(../../images/template/body-bg.gif);
	background-attachment:fixed;
	background-color:#7b7b7b;
}

.texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #252525;
}

div#level_0 {
	margin:auto;
	width:760px;
	background-color:#FFFFFF;
	border:#aaaaaa 1px solid;
}

#header #menuTop {
	float:right;
	color:#999999;
	padding:40px 16px 0px 0px;
	font-size:10px;
}

#header #menuTop a,
#footer #menuBas a {
	color:#595a5a;
	font-weight:normal;
}

#bande #banniere {
	float:left;
	width:508px;
	height:163px;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
}

#bande .image0 { background-image:url(../../images/template/banniere-0.jpg); }
#bande .image1 { background-image:url(../../images/template/banniere-1.jpg); }
#bande .image2 { background-image:url(../../images/template/banniere-2.jpg); }
#bande .image3 { background-image:url(../../images/template/banniere-3.jpg); }

#bande #menu {
	float:left;
	width:252px;
}

#bande #menu #items {
	float:left;
	width:141px;
}

#bande #menu #items div {
	width:141px;
	background-repeat:no-repeat;
	background-position:top left;
}

#bande #menu #items div a {
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
}

#bande #menu #items div a:hover {
	background-color:#ffffff;
}

#bande #menu #items div#menu1 {
	background-image:url(../../images/template/menu-1.jpg);
	height:21px;
}

#bande #menu #items div#menu2 {
	background-image:url(../../images/template/menu-2.jpg);
	height:23px;
}

#bande #menu #items div#menu3 {
	background-image:url(../../images/template/menu-3.jpg);
	height:19px;
}

#bande #menu #items div#menu4 {
	background-image:url(../../images/template/menu-4.jpg);
	height:19px;
}

#bande #menu #items div#menu5 {
	background-image:url(../../images/template/menu-5.jpg);
	height:22px;
}

#bande #menu #items div#menu1 a:hover { background-image:url(../../images/template/menu-1-over.jpg); }
#bande #menu #items div#menu2 a:hover { background-image:url(../../images/template/menu-2-over.jpg); }
#bande #menu #items div#menu3 a:hover { background-image:url(../../images/template/menu-3-over.jpg); }
#bande #menu #items div#menu4 a:hover { background-image:url(../../images/template/menu-4-over.jpg); }
#bande #menu #items div#menu5 a:hover { background-image:url(../../images/template/menu-5-over.jpg); }

#bande #menu img {
	float:left;
}

#sousMenu {
	border-top:#cfdcdc 1px solid;
	border-bottom:#cfdcdc 1px solid;
	padding:7px 20px 6px 40px;
	margin-bottom:20px;
}

#sousMenu span,
#sousMenu a {
	display:inline-block;
	padding:1px 8px 1px 20px;
	font-weight:normal;
	
	background-image:url(../../images/template/bullet-sous-menu.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#sousMenu span {
	color:#454545;
	background-image:url(../../images/template/bullet-sous-menu-actif.gif);
}

#contenu {
	min-height:381px;
	height:auto !important;	/* simuler min-height en IE6 */
	height:381px;
}

#footer #copyright {
	float:left;
	width:344px;
	height:23px;
	background-image:url(../../images/template/footer.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:11px;
	text-indent:-9999px;
}

#footer #menuBas {
	float:left;
	color:#999999;
	font-size:10px;
	width:396px;
	text-align:right;
	padding:5px 16px 0px 0px;
}

#credit_megavolt {
	width: 744px;
	margin:auto;
	margin-top:10px;
	padding-left:16px;
}