/* --------------------------------------
		design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/

/* Corps du site 
--------------------------------------*/
*{
	margin:0;
	padding:0;
	font-size:100%;
}
body{
	background:#BCBABB;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	margin:0;
	padding:0;
}


/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
	display:block;
	float:left;
	color:#FEFEFE;
	height:22px;
	text-decoration:none;
	background:url("images/sub_header.gif") repeat-x;		
	text-align:center;
	padding:0px 20px;
	padding-top:9px;
}
a:hover.button
{
	background:url("images/sub_header2.gif") repeat-x;	
	color:#FEFEFE;
	text-decoration:none;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding:0px 19px;
	padding-top:9px;
}
 
div#connect{
	position:relative;
	height:150px;
	width:210px;
	left:0px !important;
	left:-5px;
	font-size:10px;
	color:#000000;
	text-align:center;
	padding:4px;
	padding-top:40px;
	padding-left:10px;
	background:url("images/header_boost.jpg") no-repeat;
}
div#connect a{
	color:#FEFEFE;
}
div#disconnect{
	position:relative;
	height:155px;
	left:0px !important;
	left:-5px;
	padding:4px;
	padding-top:35px;
	padding-left:40px;
	background:url("images/header_boost.jpg") no-repeat;
}
div#disconnect a{
	color:#2A3030;
}

/* Conteneurs 
--------------------------------------*/
div#global 
{
	background:#E0DCDD;
	border-bottom:1px solid #878586;
}
div#header{
	background:url("images/bg_header.gif") repeat-x;
	text-align:left;
}
div#sub_header{
	height:31px;	
	background:url("images/sub_header.gif") repeat-x;
	margin-top:-2px;
}
div#sub_header_left{
	background:url("images/sub_header.gif") repeat-x;
	height:31px;
	margin:auto;
	width:500px;
}
div#sub_header_right{
	background:url("images/sub_header.gif") repeat-x;
	height:31px;
	width:10.75em;
	float:right;
}
div#compteur{
	position:absolute;
	color:#FFFFFF;
	width:130px;
}
div#compteur_position{
	position:absolute;
	z-index:100;
	right:130px;
	top:10px;
}
div#left_menu{
	background:url("images/main.gif") repeat-x;
	float:left;
	width:220px;
	margin:0;
	margin-right:0px !important;
	margin-right:-3px;
	padding-left:4px;
	padding-top:15px;
}
div#main{
	background:url("images/main.gif") repeat-x;
	overflow:hidden !important;
	height:auto !important;
	overflow:visible;
	height:1%;
	padding-bottom:30px;
	padding:3px;
}
div#right_menu{
	background:url("images/main.gif") repeat-x;
	float:right;
	width:220px;
	margin-left:0px !important;
	margin-left:-3px;	
	padding-top:15px;
}
div#links{
	width:96%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:4px;
	color:#FFFFFF;
	font-weight:bold;
}
div#footer{
	background-color:#587B9B;
	text-align:center;
	border-top:1px solid #878586;
	padding:0.75em;
	clear:both;
}
div#footer span{
	font-size:10px;
	color:#FFFFFF;
}
div#footer span a{
	font-size:10px;
	color:#FFFFFF;
}