/* Page d'accueil
-----------------------------------------------------------------------------*/
body { background-color:#4c80ca; height:100%; }
.layout {position:relative;margin-left:-475px; width:950px; height:auto; }

#accueil { position:absolute; width:100%; height:100% ; background-color:#FFF;}
#home #footer { position:absolute; bottom:0; width:100%;}

#accueil-b { 
	position:absolute;
	left:50%;
	margin-left: -480px;
	width:960px;
	top:50%;
	margin-top:-480px;
	height:700px;
	background-image:url(../images/interface/accueil-cercle_110ans.jpg); 
	background-repeat: no-repeat; 	
	background-position:-20px 20px;	 		
	overflow:none;
}

#accueil-b ul { padding: 500px 0 0 170px; }
#accueil-b ul li { float: left; font-weight: bold; color:#CECECE; display: block; font-size: 12px; text-transform: uppercase; }
#accueil-b ul li a { float:left; display:block; color:#000000; text-decoration:none; font-size:12px; height:5px; padding: 50px 34px; }

#accueil-b ul li a:hover { background-image:url(../images/interface/accueil-hover.gif); background-repeat: no-repeat; background-position: 14px 40px; color:#FFF; text-decoration:none; font-size: 12px; }
#accueil-b .en-attente { padding: 50px 30px; }

#accueil-b .sante { float:left; padding: 48px 70px 30px 40px; }
#accueil-b ul li a.sante { display:block; background-image:url(../images/interface/accueil-sante-off.gif); background-repeat: no-repeat; background-position: 16px -25px; color:#FFF; }
#accueil-b ul li a.sante:hover { background-image:url(../images/interface/accueil-sante-on.gif); background-repeat: no-repeat; background-position: 16px -25px; color:#f5a200; }