#wrapper { background:url(/assurance_banque/css/img/bg_ombre.png) repeat-y 50% 0; margin:auto; width:1010px;}
#container { background:#f1f0f0 url(/assurance_banque/css/img/bg_degrade_container.png) left top repeat-x; width:1000px; margin:auto; padding:10px 0 0;}
/* ----- Header ----- */
#header { background: url('/assurance_banque/css/img/header.png') no-repeat; margin:0 auto 20px; width:980px;}
#header .inner {background: url('/assurance_banque/css/img/header.png') 0 100% no-repeat; position:relative;}

#logo {display: block; overflow: hidden; width: 295px; height: 51px; float: left; margin: 19px;}

#baseline {height: 22px; width: 239px;}

#welcomer {float: right; margin: 0 20px 0 0; min-width: 250px; padding:16px 0 0 0; background: url('/assurance_banque/css/img/welcomer.gif') 0 33px repeat-x; position:absolute; right:0; top:0;}
	#welcomer ul {float: left; margin:2px 0 0 5px;}
	#welcomer li {float: left;}
	#welcomer ul li a { color:#666; padding:0 5px; text-decoration:none;}
	#welcomer ul li a:hover {text-decoration:underline;}
	#welcomer a.espace_client {
		background:url("/assurance_banque/css/img/btn_espace_client.png") no-repeat scroll left center transparent;
		color:white;
		font-size:1em;
		font-weight:bold;
		padding:12px 0 0 30px;
		position:absolute;
		right:5px;
		top:56px;
		height:19px;
		width:115px;
	}
		#welcomer a.espace_client:hover {text-decoration:underline;}
#search {float: left;}
	#search input { border:0 none; background: url('/assurance_banque/css/img/search.gif') 0 0 no-repeat; padding: 5px 30px 7px 12px; width: 111px; }
		#search fieldset {position: relative;}
			#search fieldset button.wai {
				right: 5px;
				top: 1px;
				width: 22px;
				height: 20px;
				position: absolute;
				display: block;
				overflow: hidden;
				cursor: pointer;
				opacity: 0;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
/* ----- navigation */
#navigation:after, #content:after, #footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
#navigation {clear: both; background: url('/assurance_banque/css/img/nav-t.gif') 2px 0 no-repeat; color: #103184; padding: 1px 0 0 0;}
	#navigation li {float: left; text-align: center; position: relative;}
		#navigation li h2 { font-weight:normal; background: #fff url('/assurance_banque/css/img/nav-li.gif') 0 100% no-repeat;}
			#navigation li h2 a {color:#1E5F9E; display: block;}
			#navigation li.first-child h2 {background-image: url('/assurance_banque/css/img/nav-li-f.gif');}
				#navigation li h2 a:hover {color:#fff;}
			#navigation li h2:hover,
			#navigation li:hover h2 {background-color: #103184; background-image: url('/assurance_banque/css/img/nav-li-o.gif'); color: #fff;}
			#navigation li.first-child h2:hover,
			#navigation li.first-child:hover h2 {background-image: url('/assurance_banque/css/img/nav-li-o-f.gif');}
			#navigation li h2 a {display: block; background: url('/assurance_banque/css/img/nav-li.gif') 100% 100% no-repeat; padding:6px 18px 13px;}
			#navigation li h2 a.title_2l { padding:12px 18px 20px;}
			#navigation li.first-child h2 a {background: url('/assurance_banque/css/img/nav-li-f.gif') 100% 100% no-repeat;}
			#navigation li h2:hover a,
			#navigation li:hover h2 a {background-image: url('/assurance_banque/css/img/nav-li-o.gif');}
			#navigation li.last-child h2 a {background-image: url('/assurance_banque/css/img/nav-li-l.gif');}
			#navigation li.last-child h2:hover a,
			#navigation li.last-child:hover h2 a {background-image: url('/assurance_banque/css/img/nav-li-o-l.gif');}
#container #navigation li h2 a span {line-height: 1.2; display: inline-block; vertical-align: middle; min-height: 0; background: none; padding: 0; font-weight:normal;}
/* ----- /navigation */
/* ----- /Header ----- */

/* ----- content ----- */
#content { margin:0 auto 10px; width:980px;}
	#content_top {}
		#content_top #top_left { float:left; width:280px; margin:0 10px 0 0;}
			#content_top #top_left h1 {
				background:url(/assurance_banque/css/img/bg_title_devis_top2.png) no-repeat left;
				color:#1e5f9e;
				font-size:1.6em;
				font-weight: bold;
				padding:6px 6px 0;
				height:29px;
				position:relative;
			}
				#content_top #top_left h1 a { color:#1e5f9e;}
				#content_top #top_left h1 img { position:absolute; left:80px; top:43px;}
			#content_top #top_left #dde_devis { margin:5px 0 0;}
				#content_top #top_left #dde_devis ul { margin-top:0; background:none;}
				#content_top #top_left #dde_devis ul li a {
					background:url(/assurance_banque/css/img/bg_dde_devis2.png) no-repeat left top;
					height:48px;
					display:block;
					color:#1e5f9e;
					font-size:1.4em;
					font-weight:bold;
					line-height:56px;
					text-align:center;
					position:relative;
					cursor:pointer;
					z-index:10;
				}
				#content_top #top_left #dde_devis ul li a span { background:url(/assurance_banque/css/img/picto_fleche_bottom.png) no-repeat right; padding:2px 68px 2px 50px; width:229px; height:41px;}
				#content_top #top_left #dde_devis ul li:hover ul { display:block;}
				#content_top #top_left #dde_devis ul li ul {
					background:url(/assurance_banque/css/img/bg_dde_devis_hover2.png) no-repeat left bottom;
					display:none;
					margin-top:-6px;
					padding:8px 0;
					position:absolute;
					z-index:9;
					width:280px;
				}
					#content_top #top_left #dde_devis ul li ul a {
						background:url(/assurance_banque/css/img/picto_fleche_right.png) no-repeat 20px;
						color:#727272;
						font-size:1.1em;
						font-weight:normal;
						height:16px;
						line-height:1.3;
						margin:0 1px;
						padding:0 10px 0 30px;
						text-align:left;
						width:238px;
					}
					#content_top #top_left #dde_devis ul li ul a:hover { font-weight:bold; background-color:#edf0f6;}
					
			#content_top #top_left form, #content_top #top_left #bloc_eauto { background:url(/assurance_banque/css/img/bg_devis_auto_bottom.png) left bottom no-repeat; padding:6px 10px 20px;*height:118px;}
				#content_top #top_left form label { font-size:1.2em; font-weight:bold; display:block;margin-top:20px;}
				#content_top #top_left form select { margin:10px 0 0;}
				#content_top #top_left form input.cta_tarif_auto {
					background:url(/assurance_banque/css/img/cta_tarif_auto.png) no-repeat;
					border:none;
					width:173px;
					height:38px;
					font-size:1.6em;
					font-weight:bold;
					padding:0 0 0 8px;
					cursor:pointer;
				}
				#content_top #top_left #bloc_eauto a {
					background:url(/assurance_banque/css/img/cta_tarif_auto.png) no-repeat;
					background:url(/assurance_banque/css/img/cta_tarif_auto.png) no-repeat;
					display:block;
					font-size:1.6em;
					font-weight:bold;
					height:30px;
					margin:77px 16px 0;
					padding:8px 0 0 20px;
				}
					#content_top #top_left #bloc_eauto a:hover {background:url(/assurance_banque/css/img/cta_tarif_auto_hover.png) no-repeat; color:#666;}
				#content_top #top_left form input:hover.cta_tarif_auto {background:url(/assurance_banque/css/img/cta_tarif_auto_hover.png) no-repeat;}
		#content_top #top_middle { float:left; width:550px;}
		#content_top #top_right {float:right; width:122px;}
	#content_bottom {clear:both;}
		#content_bottom h3 {background:url(/assurance_banque/css/img/bg_title.gif) repeat-x;font-size:1.2em; padding:0 10px;}
			#content_bottom h3 span { color:#df0036;}
		#content_bottom h3 a { color:#1E5F9E; height:24px; line-height:24px;}
		#content_bottom a.link {background:url("/assurance_banque/css/img/picto_fleche_right2.gif") no-repeat scroll left center transparent;bottom:1px;color:#1E5F9E;height:25px;left:10px;line-height:25px;padding:0 0 0 10px;position:absolute;}
		#content_bottom a:hover.link { text-decoration:underline; color: #666666;}
		#content_bottom ul li { background:url(/assurance_banque/css/img/puce.gif) no-repeat 0 6px; padding:0 0 0 8px;}
		#content_bottom div {
			background:#fff;
			border:1px solid #d7d7d7;
			float:left;
			height:142px;
			position:relative;
		}
		#content_bottom div p, #content_bottom div ul { padding:10px;}
		#content_bottom div p img { float:right; margin:0 0 0 2px;}
		#content_bottom #bottom_left {width:230px;margin:0 22px 0 0;}
		#content_bottom #bottom_middle { float:left; width:250px; margin:0 22px 0 0;}
		#content_bottom #bottom_right {float:left;width:450px; position:relative;}
			#bottom_right p { width:170px;}
			#content_bottom #bottom_right .img_bright { position:absolute; right:0;}
				#content_bottom #bottom_right h3 a span {color:#1E5F9E; font-style:italic;}
/* ----- /content ----- */

/* ----- footer ----- */
#footer { background:url(/assurance_banque/css/img/bg_site_map.gif) repeat-x; height:30px; padding:0 10px; clear:both}
	#footer ul {left:60%;position:relative;width:400px;}
		#footer ul li {float:left; position:relative;padding:8px 0;}
			#footer ul li a { padding:0 10px; color: #666;}
				#footer ul li a:hover { color: #1E5F9E;}
		#footer li.list_axa_web { background:url(/assurance_banque/css/img/bg_liste_axa_web.png) no-repeat center 4px; width:150px;}
			#footer li.list_axa_web a {
				background:url(/assurance_banque/css/img/fleche_down.gif) no-repeat 128px center;
				color:#1E5F9E;
				display:block;
				position:relative;
				cursor:pointer;
				z-index:10;
			}
				#footer li.list_axa_web a:hover { color:#727272;}
			#footer li.list_axa_web ul {display:none;}
				#footer li:hover.list_axa_web ul {
					background:url(/assurance_banque/css/img/bg_liste_axa_web_bottom.png) no-repeat left bottom;
					margin-top:-6px;
					padding:10px 0;
					position:absolute;
					left:0;
					z-index:9;
					text-align:left;
					width:150px;
					display:block;
				}
				#footer li.list_axa_web ul li { padding:0;}
					#footer li.list_axa_web ul li a { background:none;}
						#footer li.list_axa_web ul li a:hover { text-decoration:underline;}
/* ----- /footer ----- */







/* UL*/
#top_left ul.accordeon {background:url(/assurance_banque/css/img/bg_content_accordeon.png) repeat-y;}

/* LI*/
#top_left ul li .ui-state-active {color:#1E5F9E;height:28px !important; background:url(/assurance_banque/css/img/bg_selected_accordeon.png) no-repeat !important;cursor:default !important;}
#top_left ul li .ui-state-active  .plus{color:white;}

/* TITLE*/
#top_left ul li .title {height:26px; padding:6px 6px 0; cursor:pointer;background:url(/assurance_banque/css/img/bg_not_selected_accodeon.png) no-repeat;position:relative; font-size:1.4em; font-weight:bold;cursor:pointer;}
#top_left ul li.open .title {height:28px;background:url(/assurance_banque/css/img/bg_selected_accordeon.png) no-repeat;color:#1E5F9E;}
#top_left ul li:last-child .title {background:url(/assurance_banque/css/img/bg_last_not_selected_accordeon.png) no-repeat;}
	#top_left ul li .title img {position:absolute; right:16px; top:10px;}
	#top_left ul li .plus {font-size:23px;position:absolute;right:10px;top:1px;color:#888888;}
	#top_left ul li.open .title img {top:15px;}


/* CONTENT*/
#top_left ul li .content {height:53px; position:relative;padding:15px 6px;display:none;}
#top_left ul li:last-child .content:after {content: ""; display: block; position:absolute; left:0; bottom:0; height:36px; width:280px; background:url("/assurance_banque/css/img/bg_last_bottom_accordeon.png") no-repeat bottom; z-index:1;}
#top_left ul li .content img {position:absolute; left:165px; top:10px; z-index:3;}
#top_left ul li .content a.link_fp {display:block; color:#1E5F9E;  text-decoration:none; font-weight:bold;z-index:4;clear:both; margin-top:15px;margin-bottom:0;position:relative;background:white;width:271px;}
#top_left ul li .content a:hover.link_fp {text-decoration:underline;}		

#top_left ul li .content a.cta_tarif {padding:8px 0 0 22px; height:30px; width:151px; display:block; font-size:1.6em; font-weight:bold;margin-top:-2px;}
#top_left ul li .eauto a.cta_tarif { background:url(/assurance_banque/css/img/cta_eauto.png) no-repeat;}
#top_left ul li .esante a.cta_tarif { background:url(/assurance_banque/css/img/cta_esante.png) no-repeat; color:#fff;}
#top_left ul li .egav a.cta_tarif { background:url(/assurance_banque/css/img/cta_egav.png) no-repeat; color:#fff;}
#top_left ul li .epj a.cta_tarif { background:url(/assurance_banque/css/img/cta_epj.png) no-repeat; color:#fff;}

#top_left ul li .eauto img {left:186px; top:6px;}
#top_left ul li .esante img {left:182px; top:5px;}
#top_left ul li .egav img {left:179px; top:1px; width:100px;}
#top_left ul li .epj img {top:1px; left:188px; width:75px;}

#top_left ul li .eauto a:hover.cta_tarif { background:url(/assurance_banque/css/img/cta_eauto.png) no-repeat 0 -38px; color:#666;}
#top_left ul li .esante a:hover.cta_tarif { background:url(/assurance_banque/css/img/cta_esante.png) no-repeat 0 -38px; color:#fff;}
#top_left ul li .egav a:hover.cta_tarif { background:url(/assurance_banque/css/img/cta_egav.png) no-repeat 0 -38px; color:#fff;}
#top_left ul li .epj a:hover.cta_tarif { background:url(/assurance_banque/css/img/cta_epj.png) no-repeat 0 -38px; color:#fff;}
