/**************** RESET ********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } 

/**************** INIT ********************/
* { margin: 0; padding: 0; }
html, body { text-align: center; background-color: #000000; }

/**************** DESIGN ********************/
#layout { margin: auto; width: 1000px; text-align: left; }
	#header{ position:relative; width: 100%; height:54px; background: url('./../design/header.jpg') no-repeat; }
		#header h1 { width: 370px; height: 54px; }
		#header h1 a { display: block; width: 370px; height: 54px; }
	#global{ position:relative; width: 100%; height: 600px; background: url('./../design/bg_body.jpg') no-repeat; }
		#global #menu{ width: 100%; height:22px; }
			#global #menu ul{ margin-right: 0px; }
				#global #menu li{height:22px; float: right;}
					#global #menu li span{ display: none; }
				#global #menu li.configurateur a{ display: block; width: 94px; height:22px; background: url('./../design/btns/btn_configurateur_alpha.gif'); }
					#global #menu li.configurateur a.active{background-position: -94px 0;}
					#global #menu li.configurateur a.not_active{ background-position: 0 0; }
						#global #menu li.configurateur a.not_active:hover{ background-position: -94px 0;}
				#global #menu li.compte a{ display: block; width: 104px; height:22px; background: url('./../design/btns/btn_menu_compte_simul.jpg') -104px 0; }
					#global #menu li.compte a.active{background-position: -104px 0;}
					#global #menu li.compte a.not_active{ background-position: 0 0; }
						#global #menu li.compte a.not_active:hover{ background-position: -104px 0;}
				#global #menu li.aide{ display: block; width: 104px; height:22px; background: url('./../design/btns/btn_aide_alpha.gif') -104px 0; }
					#global #menu li.aide.active{background-position: -104px 0; cursor: pointer;}
					#global #menu li.aide.not_active{ background-position: 0 0; }
		#global #page_principale{ position:relative; float:left; width:1000px; height: 541px; }
		#aide_begin{ width: 816px; height: 378px; background: url('./../design/bg_aide_begin.jpg'); position: absolute; margin-left: 184px; margin-top: 76px; display: none; }
		#aide{ width: 816px; height: 378px; background: url('./../design/bg_aide.jpg'); position: absolute; margin-left: 184px; margin-top: 76px; display: none; }
			#aide #fermer{ width: 14px; height: 13px; background: url('./../design/btns/fermer.gif'); position: absolute; top: 10px; right: 10px;}
				#aide #fermer h2 { display: block; width: 14px; height: 13px; margin: 0; padding: 0; cursor:pointer; }

/*************** TITRE NOM AFFICHE *************/
h1 span { display:none; }
h2 span { display:none; }