/* CSS Document */
/* --------------------------------------------------------------------------------------------- Body  */
	
	body {
		font: normal 400 1em/1 arial, FreeSans, helvetica,verdana,sans-serif; 
		color: black;
		background:white url('/img/accueil/bg_site.gif');
		text-shadow: white 0 0 0;
	}
	
	p, div, img { behavior: url('/img/ressources/iepngfix.htc') }

	#global {
		width:900px;
		margin:54px auto 0;
		position:relative;
	}	
	
	#onglet {
		float:left;
		display:block;
		height:36px;
	}
	
	* html #onglet {
		position:relative;
		top:7px;
	}
	
	#wrap-content-top {
		width:900px;
		float:left;
		padding-top:29px;
		background:url('/img/accueil/bg_content_top.png') no-repeat top left;
	}
	
	#content {
		width:380px;
		height:274px;
		background:#5BC7F2 url('/img/accueil/bg_content.jpg') no-repeat top left;
		padding:130px 40px 0 480px;
	}
	
	#content p {
		color:#192459;
		line-height:1.25em;
		font-size:0.95em;
		font-weight:bold;
		margin-bottom:18px;
	}
	
	#content a img{
		margin-bottom:22px;
	}
	
	#compteur {
		width:189px;
		height:95px;
		background:#0786C7 url('/img/accueil/encart-compteur.png') no-repeat top left;
		position:absolute;
		top:5px;
		left:640px;
	}
	
	#compteur #nombre {
		height:36px;
		border:1px solid #60C9FF;
		background:#0076B4 url('/img/accueil/bg_compteur.gif') repeat-x top left;
		float:left;
		color:white;
		font-size:1.7em;
		width:164px;
		letter-spacing:0.4em;
		text-align:center;
		padding-top:6px;
		margin:10px 0 0 11px;
	}
	
	* html #compteur #nombre {
		margin-left:6px;
	}
	
	#compteur p {
		color:white;
		font-size:0.7em;
		background:url('/img/accueil/trait_compteur.png') no-repeat top center;
		float:left;
		margin-top:10px;
		padding-top:4px;
		width:100%;
		text-align:center;
	}
		
	#menu {
		float:left;
		width:898px;
		border-right:1px solid #959595;
		border-left:1px solid #959595;
	}
	
	#menu ul{
		width:896px;
		height:67px;
		background:#E8E8E9 url('/img/accueil/bg_menu.gif') repeat-x top left;
		border-right:1px solid white;
		border-left:1px solid white;
	}
	
	#menu ul li{
		float:right;
		display:block;
		border-left:1px solid #D3D4D4;
	}
	
	#menu ul li a{
		text-transform:uppercase;
		color:#4D4D4D;
		font-size:0.75em;
		font-weight:bold;
		display:block;
		height:40px;
		padding:27px 10px 0 10px;
		float:left;
	}
	
	#menu ul li a:hover{
		background:#4D4D4D;
		color:white;
		text-decoration:none;
	}
	
	#bottom {
		float:left;
		width:898px;
		border-right:1px solid #959595;
		border-left:1px solid #959595;
		background:white;
	}
	
/*	#logos {
		float:left;
		margin:16px 0 0 0
	}
	
	#logos li {
		display:block;
		float:left;
		margin:0 12px;
	}*/
	
	
	#logos {
		margin:16px 0 0 0;
		float:left;
		position:relative;
		text-align:center;
		z-index:3
	}
	#logos li {
		position:relative;
		float:left;
		display:block;
		padding:0 10px
	}
	* html #logos li {
		padding:0
	}
	#logos li a img {vertical-align:middle}
	#logos li a span.infobulle {display:none}
	#logos li a:hover {background:transparent}
	#logos li a:hover span.infobulle {
		display:block;
		position:absolute;
		top:-46px;
		left:10px;
		width:205px;
		text-align:left;
		font-size:0.7em;
		color:#000;
		border:1px solid #000;
		background:#e8ebf2;
		padding:3px 4px
	}
	#logos li a:hover span.infobulle.petit {width:140px}
	#logos li a:hover span.infobulle.lille {
		top:-230px;
		width:270px
	}
	#logos li a:hover span.infobulle.last {
		left:-60px;
		width:170px
	}
	#logos li a:hover span.infobulle span {display:block}
	#logos li a:hover span.infobulle span.titre {
		font-weight:bold;
		margin:0 0 5px 0
	}
	#logos li a:hover span.infobulle.lille span.separation {
		border-bottom:1px dashed #ccc;
		margin:10px 0
	}
	
	
	* html #logos li {
		margin:0 11px;
	}
	
	#corner-bottom {
		float:left;
		width:900px;
		height:34px;
		background:url('/img/accueil/bg_content_bottom.png') no-repeat top left;
	}
	
	#footer {
		float:left;
		width:100%;
		padding-bottom:20px;
	}
	
	#footer ul {
		text-align:center;
	}
	
	#footer li {
		display:inline;
		padding:0 10px;
	}
	
	#footer li a {
		color:#5C5C5C;
		font-size:0.8em;
		text-decoration:underline;
	}