/*********************************************
			GENERAL
*********************************************/
* {
	margin:0;
	padding:0;
	border:0;
	font-family: Verdana, Helvetica, Arial;
	color:#FFF;
}
body {
	background:black url(../img/fond-general.gif) repeat;
	text-align:center;
}
.image-left{
	vertical-align:middle;
}
.image-h1{
	vertical-align:text-top;
}
#container {
	position: relative;
	width:998px;
	padding-top:30px;
	margin:0 auto;
	text-align:left;
}
/*TOOL*/
.tool-tip {
	font-size:10px;
	z-index: 13000;
	padding:2px;
	text-align:left;
	border:1px solid #222;
	background-color:#111;
}
.tool-title *{
	font-size: 10px;
	color:#999;
	padding:2px;
}
.tool-text *{
	color:#111;
	font-size:6px;
	padding:2px;
}

/*ERROR*/
.popError{
	position:fixed;
	padding:18px;
	border:7px solid #444;
	text-align:center;
	width:400px;
	height:70px;
	overflow:hidden;
	top:10px;
	left:50%;
	margin-left:-200px;
	background-color:#111;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity:0;
	-khtml-opacity:0;
	z-index:1000;
}
.popError span{
	font-size:12px;
	color:#F00;
	display:block;
}
.popError .fermer{
	color:#FFF;
	font-size:10px;
	display:block;
	float:right;
	padding-left:5px;
	text-align:right;
	padding-bottom:10px;
	margin-top:-7px;
	text-decoration:none;
	width:100%;
}
.popError .fermer:hover{
	text-decoration:underline;
}

/*HEADER*/
#container #header {
	display: block;
	width:998px;
	height:110px;
}

/*MENU ET CONTENU*/
#container #global {
	margin-top:12px;
	width:1000px;
}

/*MENU*/
#container #global #menu{
	width:217px;
	float:left;
	font-size:10px;
}
#container #global #menu div{
	background-color:#000;
	padding-left:20px;
	padding-top:20px;
}

#container #global #menu .top{
	background:transparent url(../img/menu-top.gif) no-repeat top left;
	width:217px;
	height:7px;
	padding-left:0;
	padding-top:0;
}
#container #global #menu .bottom{
	background:transparent url(../img/menu-bottom.gif) no-repeat top left;
	width:217px;
	height:8px;
	padding-left:0;
	padding-top:0;
	margin-bottom:20px;
}

#container #global #menu .titre{
	color:#F00;
	text-transform:uppercase;
	font-size:13px;
	line-height:15px;
}
#container #global #menu a, #container #global #menu .actuel{
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#434343;
	line-height:15px;
}
#container #global #menu .actuel{
	color:#FFF;
}
#container #global #menu a:hover{
	color:#FFF;
}

#container #global #menu #connect{
	color:#F00;
	font-size:13px;
}
#container #global #menu #connect .input{
	background:#000 url(../img/input-connect.gif) no-repeat top left;
	/*width:123px;*/
	height:23px;
	color:#000;
	font-size:12px;
	font-weight:300;
	overflow:hidden;
	padding-top:4px;
	padding-left:3px;
	width:120px;
	margin-top:5px;
}
#container #global #menu #connect .btn{
	width:33px;
	height:33px;
}

#container #global #menu #partie{
	padding-top:0;
}

#container #global #menu #tools{
	padding-bottom:20px;
}
#container #global #menu #tools .input{
	background:#000 url(../img/input-home.gif) no-repeat top left;
	/*width:159px;*/
	height:22px;
	color:#000;
	font-size:12px;
	font-weight:300;
	overflow:hidden;
	padding-top:4px;
	padding-left:3px;
	width:156px;
	margin-top:5px;
}
#container #global #menu #tools .btn{
	width:35px;
	height:35px;
}

/*CONTENT*/
#container #global #content{
	/*margin-left:23px;*/
	float:right;
	width:760px;
	font-size:11px;
}
#container #global #content .top{
	background:transparent url(../img/content-top.gif) no-repeat top left;
	width:760px;
	height:12px;
}
#container #global #content .bottom{
	background:transparent url(../img/content-bottom.gif) no-repeat top left;
	width:760px;
	height:11px;
	margin-bottom:20px;
}
#container #global #content .black{
	background-color:#000;
	min-height:850px;
}
#container #global #content #premierBlack{
	min-height:400px;
}
#container #global #content #deuxiemeBlack{
	min-height:410px;
}
#container #global #content .black h1{
	font-size:13px;
	display:inline;
	padding-left:7px;
	padding-right:7px;
}
#container #global #content .black h1 a{
	color:#F00;
	text-decoration:none;
}
#container #global #content .black h1 a:hover{
	text-decoration:underline;
}
#container #global #content .black #retour{
	float:right;
	margin-top:-16px;
	margin-right:5px;
}

/*FOOTER*/
#container #footer{
	width:1000px;
	clear:both;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
#container #footer a{
	text-decoration:none;
	font-size:10px;
}
#container #footer .actuel{
	color:#F00;
	font-size:10px;
}