body {
	margin: 0;
	padding: 0;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	color: black;
	background: #FFF url(../-img/-acc/fd.gif) top left repeat-x;
	text-align: center;	
	}
	
	
#wrapper {
	margin-left: auto;
    margin-right: auto;
	padding: 0;
	border: 0;
	width: 980px;
	text-align: left;
	/*border: 1px solid red;*/
	}


/* ---------------------------------------------------------------------------------------------------
	LOGO & NAVIGATION
------------------------------------------------------------------------------------------------------ */	
	
#navi {
	padding: 0;
	margin: 0;
	float: left;
	/*border: 1px solid orange;*/
	clear: both;
}

#logo {
	float:left;
	margin: 35px 105px 0 25px;
}

#hacc {
	background: #FFF url(../-img/-acc/fond_acc.gif) top left repeat-x;
	/*width: 980px;*/
	height: 158px;
	float:left;
	}
	
.hide {
	display: none;
	}

#hacc ul {
	border: 0;
	margin: 0;
	padding: 50px 0 0 5px;
	list-style: none;
	}
	
#hacc ul li {
	display: block;
	padding: 0;
	margin: 0;
	float: right;
	cursor: nw-resize;
	}
	
#hacc a.adefim, #hacc a.services, #hacc a.dispositifs, #hacc a.versements, #hacc a.infos, #hacc a.contacts, #hacc a.plan {
	background-position: 0 0;
	height: 66px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;	
	}
	
#hacc a.adefim	{
	background: url(../-img/-acc/adefim.gif) top right no-repeat;
	width: 88px;
	}
	
#hacc a.adefim:hover {
	background: url(../-img/-acc/adefim.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.adefim:active {
	background: url(../-img/-acc/adefim.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.services {
	background: url(../-img/-acc/services.gif) top right no-repeat;
	width: 75px;
	}
	
#hacc a.services:hover {
	background: url(../-img/-acc/services.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.services:active {
	background: url(../-img/-acc/services.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.dispositifs {
	background: url(../-img/-acc/dispositif.gif) top right no-repeat;
	width: 85px;
	}
	
#hacc a.dispositifs:hover {
	background: url(../-img/-acc/dispositif.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.dispositifs:active {
	background: url(../-img/-acc/dispositif.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.versements {
	background: url(../-img/-acc/versements.gif) top right no-repeat;
	width: 96px;
	}
	
#hacc a.versements:hover {
	background: url(../-img/-acc/versements.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.versements:active {
	background: url(../-img/-acc/versements.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.infos {
	background: url(../-img/-acc/infos.gif) top right no-repeat;
	width: 99px;
	}
	
#hacc a.infos:hover {
	background: url(../-img/-acc/infos.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.infos:active {
	background: url(../-img/-acc/infos.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.contacts {
	background: url(../-img/-acc/contacts.gif) top right no-repeat;
	width: 71px;
	}
	
#hacc a.contacts:hover {
	background: url(../-img/-acc/contacts.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.contacts:active {
	background: url(../-img/-acc/contacts.gif) top left no-repeat;
	background-position:0% -66px;
	}

#hacc a.plan {
	background: url(../-img/-acc/plan.gif) top right no-repeat;
	width: 95px;
	}
	
#hacc a.plan:hover {
	background: url(../-img/-acc/plan.gif) top left no-repeat;
	background-position:0% -66px;
	}
	
#hacc a.plan:active {
	background: url(../-img/-acc/plan.gif) top left no-repeat;
	background-position:0% -66px;
	}

	
	
/* ---------------------------------------------------------------------------------------------------
	CONTENU CENTRALE
------------------------------------------------------------------------------------------------------ */	

#main{
	margin: 0px 0 0 0;
	padding: 0;
	width: 100%;
	float: left;
	/*border: 1px solid blue;*/
	clear: both;
}


/* ---------------------------------------------------------------------------------------------------
	COLONNE DE GAUCHE
------------------------------------------------------------------------------------------------------ */	
#mainleftcol{
	width: 676px;
	float: left;
	/*border: 1px solid green;*/
}	

#fdlogo	{
	width: 676px;
	height: 242px;
	padding: 0;
	float: left;
	background: url(../-img/-acc/adefim_bdo.jpg) top left no-repeat;
}




#cntadefim, #cntservices, #cntdispositifs, #cntversements, #cntinfos, #cntcontacts, #cntplan {
	width: 676px;
	height: 242px;
	font: 13px/18px Helvetica, Arial, Verdana, sans-serif;
	text-align: left;	
	display:none;
	float: left;
	}
	
#cntadefim	{
	background: url(../-img/-acc/fdadefim.jpg) top left no-repeat;
	}
	
#cntservices	{
	background: url(../-img/-acc/fdservices.jpg) top left no-repeat;	
	}
	
#cntdispositifs	{
	background: url(../-img/-acc/fddispositif.jpg) top left no-repeat;	
	}
	
#cntversements	{
	background: url(../-img/-acc/fdversements.jpg) top left no-repeat;	
	}
	
#cntinfos	{
	background: url(../-img/-acc/fdespace.jpg) top left no-repeat;	
	}
	
#cntcontacts	{
	background: url(../-img/-acc/fdcontact.jpg) top left no-repeat;	
	}
	
#cntplan	{
	background: url(../-img/-acc/fdplan.jpg) top left no-repeat;	
	}

#madefim, #mservice, #mdispositif, #mversements, #minfos, #mcontacts, #mplan  {
	border: 0;
	padding: 0 10px 10px 0;
	margin: 0 0 0 335px;
	width: 330px;
	height: 200px;
	color: #fff;
	/*border-right: solid #2A153E 2px;*/
	}


#madefim ul, #mservice ul, #mdispositif ul, #mversements ul, #minfos ul, #mcontacts ul, #mplan ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#madefim a, #mservice a, #mdispositif a, #mversements a, #minfos a, #mcontacts a, #mplan a {
	margin: 0;
	text-decoration: none;
	color: #fff;
	}

#madefim a:link, #mservice a:link, #mdispositif a:link, #mversements a:link, #minfos a:link, #mcontacts a:link, #mplan a:link {
	color: #fff;
	}

#madefim a:hover, #mservice a:hover, #mdispositif a:hover, #mversements a:hover, #minfos a:hover, #mcontacts a:hover, #mplan a:hover {
	color: #fff;
	border-bottom: 2px solid #003399;
	}

#madefim a:visited, #mservice a:visited, #mdispositif a:visited, #mversements a:visited, #minfos a:visited, #mcontacts a:visited,
#mplan a:visited {
	color: #fff;
	}


#infoflash	{
	clear: left;
	float: left;
	width: 676px;
	height: 188px;
}	
	

#espacesecutitre {
	clear:left;
	float:left;
	margin: 15px 0 0 18px;	
	width: 291px;
	height:	19px;
	}
	
#espacesecu {
	clear:left;
	float:left;
	margin: 0 0 0 18px;	
	width: 291px;
	height:	128px;
	background: url(../-img/-acc/espacesecu.gif) top left no-repeat;
	}
	
#btsecu {
	width: 97px;
	float:left;
	margin: 45px 0px 0px 50px;
	padding: 0px;
	border: 0;
	text-align: left;
	height:34px;
		}	
		
#adresse {
	margin: 45px 15px 15px 15px;
	padding: 0;
	width: 320px;
	height:	90px;
	float:right;
	text-align:right;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	color: #003b7b;
	letter-spacing: 1px;
	line-height: 18px;
}
	

	
/* ---------------------------------------------------------------------------------------------------
	COLONNE DE DROITE
------------------------------------------------------------------------------------------------------ */	
	
#mainrightcol{
	float: left;
	margin-left: 3px;
	/*border: 1px solid pink;*/
}	
	
	

#actu {
	width: 299px;
	height:396px;
	padding: 0px;
	border: 0;
	text-align: left;
	background: url(../-img/-acc/fd-actu.gif) top left no-repeat;
}
	

/* EPRESSE : modifié le 13/05/2010 */	
#cactu	{
	width: 268px;
	padding: 60px 18px 10px 20px;
	/*border: solid blue 1px;*/
	}
	
#cactu h4	{
	font: bold 14px/18px Helvetica, Arial, Verdana, sans-serif;
	padding: 15px 45px 0 0;
	margin: 0;
	color: #0B4CAD;
	}
	
#cactu h5	{
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	color: #000;
	padding: 0px 45px 0 0;
	}

#cactu p	{
	padding: 5px 45px 0 0;
	margin : 0;
	}
	
#cactu a	{
	text-decoration: none;
	display:block;
	color: #003399;
	}

#cactu a:link	{
	color: #003399;
	}
	
#cactu a:hover	{
	color: #CC3300;
	}
	
#cactu a:visited	{
	color: #003399;
	}

	
/* EPRESSE 12/05/2010 : Css Pour les Actualités */
#actubody {
	font-size: 13px;
	color: #003b7b;	
	/*border: solid red 1px;*/
}

#actubody  a, #actubody a:link, #actubody   a:visited{
	display: inline;
	font-weight:bold;
	text-decoration: none;
	color: #ce2327;
}
	
#actubody   a:hover{
	font-weight:bold;
	display: inline;
	text-decoration:underline;
	color: #ce2327;
}

#actubody  ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	/*border: solid blue 1px;*/
}

#actubody  ul li {
	margin:2px;
	padding:0;
	/*border: solid green 1px;*/
}

	
#actumenu {
	float:right;
	color: white;
}

#actumenu  a.wactive {
	padding: 0px 2px;
	background: #000000;
	color: #FFFFFF;
}

#actubody .actuimg {
	margin:0;
	padding:0 8px 0 0px;
	border:0;
	float: left;
	}

#acturss  {
	clear: both;
	float: right;
	text-align: right;
	padding: 3px 12px 0 0;
}
	
	

#eactu {
	width: 299px;
	text-align: left;
	height:196px;
	background: url(../-img/-acc/eactu.gif) top left no-repeat;
	float: right;
}

#imgeactu {
	width: 99px;
	margin: 50px 0px 0px 70px;
	padding: 0px;
	border: 0;
	text-align: left;
	height:136px;
}	
	
		
#consulter	{
	margin:173px 20px 0px 15px;
	padding: 0;
	width: 74px;
	height:	13px;
	text-align: center;
	float:right;
	}
	
	

	
/* ---------------------------------------------------------------------------------------------------
	PIED DE PAGE
------------------------------------------------------------------------------------------------------ */
#footer {
	margin : 10px auto;
	padding: 10px 0 0 0;
	border: 0;
	border-top: solid #e9e9e7 1px;
	border-bottom: solid #e9e9e7 1px;
	width: 980px;
	font: normal 11px/16px Verdana, sans-serif;
	color: #8b8d8d;
	text-align: center;
	clear: both;
	display: block;
}

#footer a {
	text-decoration: none;
	color: #8b8d8d;
	padding: 0 5px;
	margin: 0;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
}

#footer a:hover {
	border:0;
	border-bottom: solid #003399 2px;
	background-color:#FFFF99;
}


ul strong	{
	font-weight: normal; 
	font-style: italic; 
	color: #333;
	}
	
	
h2	{
	font: bold 16px/20px Helvetica, Arial, Verdana, sans-serif;
	padding: 15px 0 8px 0;
	margin: 0;
	color: #fff;
	}
	
h3	{
	font: bold 12px/20px Helvetica, Arial, Verdana, sans-serif;
	padding: 15px 0 0 0;
	margin: 0;
	}