@import url(reset.css);

#wraper { width: 950px; margin: 0 auto; }

#header { position: relative; overflow: hidden; zoom: 1; }

.banner_holder { 
	float: left; 
	width: 710px; 
	
	padding-bottom:22px;
	padding-top:42px;
}
/*
.banner_holder { 
	width:500px;
	height:30px;
}
*/
.banner_holder span.swisslife,
.banner_holder span.toutes{ 
	float: left; 
	display: block; 
	height:30px;
	cursor: pointer;
}
.banner_holder span.swisslife { 
	width: 157px; 
	background: url(../images/home/logo1.jpg) left top no-repeat; 
}
.banner_holder span.toutes { 
	width: 267px; 
	background: url(../images/home/logo2.jpg) left top no-repeat; 
}
.banner_holder span.swisslife span,
.banner_holder span.toutes span{ 
	display: none;
}

.banner_holder h1 a .agent{
	float: left; 
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin-top: 4px;
	font-family: Arial,Helvetica,sans-serif;
}


#banner_holder_right { position: absolute; right: 0; top: 0; float: right; padding: 38px 0 0 50px; width: 180px; height: 110px; }
#banner_holder_right a img { display: block; }
#banner_holder_right.inner { }


/* NAVIGATION PRINCIPALE */

	#navigation { 
		clear: left; 
		width: 710px; 
		height: 54px;
	}
	#navigation *{ 
		font-family:Arial, Helvetica, sans-serif; 
		color:white;
	}
	#navigation ul {
		
	}
	#navigation ul li { 
		float: left; 
	}
	#navigation ul li a { 
		display: block;
		text-decoration: none; 
	}
	#navigation ul li a,
	#navigation ul li a span{ 
		float: left; 
		display:block;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
	/* NIVEAU 1 */
	#navigation.inner {
		width: 950px;
	}
	#navigation ul.nav_main {
		height: 31px;
		/*background: url(../images/home/top_but_bg.jpg) left bottom repeat-x;*/
	}
	#navigation ul.nav_main li{ 
		background-position:left top; 
		background-repeat:no-repeat;
		font-size:11px; 
		text-align:center;
	}
	#navigation ul.nav_main li a{ 
		height: 31px;
		padding-left:15px;
		text-transform:uppercase;
	}
	#navigation ul.nav_main li.active a{ 
		font-weight:bold;
	}
	#navigation ul.nav_main li a span{ 
		display:block;		
		padding-top:10px;
		text-align:center;
		width:100%;
	}
	
	/* Onglet Num1*/
	ul.nav_main li#particuliers { 
		background-image: url(../images/home/top_but1.jpg); 
		width:130px;
	}
	ul.nav_main li#particuliers.active { 
		background-image: url(../images/home/top_but1_active.jpg); 
	}
	/* Onglet Num2*/
	ul.nav_main li#professionnels { 
		background-image: url(../images/home/top_but2.jpg); 
		width:230px;
	}
	ul.nav_main li#professionnels.active {
		background-image: url(../images/home/top_but2_active.jpg);
	}
	/* Onglet Num3*/
	#navigation ul.nav_main li.edible a{ 
		text-decoration: underline; 
		text-transform:capitalize;
	}
	#navigation ul.nav_main li.edible a,
	#navigation ul.nav_main li.edible span {
		color: #8b8b8b;
		width:auto;
	}

	/* NIVEAU 2 */
	#navigation ul.nav_tabs {
		height: 22px;
		background: #CC0001 url(../images/home/tabs_bg.jpg) left top no-repeat;
	}
	ul.nav_tabs li { 
		background: url(../images/home/top_tab_border.jpg) 100% 8px no-repeat; 
		text-align:center;
		height:100%;
		padding:0 1px;
	}
	ul.nav_tabs li a{ 
		background-position:left top; 
		font-size:10px;
		text-transform:uppercase;
		
		padding-left:28px;
		height:100%;
	}
	ul.nav_tabs li a span{ 
		padding:6px 28px 6px 0;
		background-position:right top; 
	}
	/* Onglet 1 */
	ul.nav_tabs li#sante a:hover, 
	ul.nav_tabs li#sante a.selected {
		background-image: url(../images/home/top_tab_sante1_active.jpg);
	}
	ul.nav_tabs li#sante a:hover span, 
	ul.nav_tabs li#sante a.selected span{
		background-image: url(../images/home/top_tab_sante2_active.jpg);
	}
	/* Onglet 2 */
	ul.nav_tabs li#epargne a:hover, 
	ul.nav_tabs li#epargne a.selected { 
		background-image: url(../images/home/top_tab_epargne1_active.jpg);
	}
	ul.nav_tabs li#epargne a:hover span, 
	ul.nav_tabs li#epargne a.selected span{ 
		background-image: url(../images/home/top_tab_epargne2_active.jpg);
	}
	/* Onglet 3 */
	ul.nav_tabs li#famille a:hover, 
	ul.nav_tabs li#famille a.selected { 
		background-image: url(../images/home/top_tab_famille1_active.jpg); 
	}
	ul.nav_tabs li#famille a:hover span, 
	ul.nav_tabs li#famille a.selected span{ 
		background-image: url(../images/home/top_tab_famille2_active.jpg); 
	}
	/* Onglet 4 */
	ul.nav_tabs li#loisirs a:hover, 
	ul.nav_tabs li#loisirs a.selected { 
		background-image: url(../images/home/top_tab_loisirs1_active.jpg);
	}
	ul.nav_tabs li#loisirs a:hover span, 
	ul.nav_tabs li#loisirs a.selected span{ 
		background-image: url(../images/home/top_tab_loisirs2_active.jpg);
	}
	/* Onglet 5 */
	ul.nav_tabs li#biens a:hover, 
	ul.nav_tabs li#biens a.selected { 
		background-image: url(../images/home/top_tab_biens1_active.jpg);
	}
	ul.nav_tabs li#biens a:hover span, 
	ul.nav_tabs li#biens a.selected span{ 
		background-image: url(../images/home/top_tab_biens2_active.jpg);
	}
/* / NAVIGATION PRINCIPALE */

#content { overflow: hidden; zoom: 1; padding-top: 10px; }

.left { float: left; padding-bottom: 20px; width: 710px; overflow: hidden; zoom: 1; }

.upper { margin-bottom:10px; overflow: hidden; zoom: 1; }

#sante_inf { padding-bottom: 9px; float: left; width: 350px; background: url(../images/home/h2_sante_bottom.jpg) left bottom no-repeat; }
	#sante_inf p { padding: 17px 30px 19px 30px; height: 65px; font: 11px Arial, Helvetica, sans-serif; }
	#sante_inf strong { font-size: 15px; display: block; height: 38px; font-weight:bold;}
#epargne_inf { padding-bottom: 9px; float: right; width: 350px; background: url(../images/home/h2_epargne_bottom.jpg) left bottom no-repeat; }
	#epargne_inf p { padding: 17px 30px 19px 30px; height: 65px; font: 11px Arial, Helvetica, sans-serif; }
	#epargne_inf strong { font-size: 15px; display: block; height: 38px;  font-weight:bold;}
#famille_inf { padding-bottom: 6px; float: left; width: 230px; margin-right: 10px; background: url(../images/home/h2_famille_bottom.jpg) left bottom no-repeat; }
	#famille_inf p { padding: 8px 30px 13px 30px; height: 19px; font-size: 10px; }
#loisirs_inf { padding-bottom: 6px; float: left; width: 230px; margin-right: 10px; background: url(../images/home/h2_loisirs_bottom.jpg) left bottom no-repeat; }
	#loisirs_inf p { padding: 8px 30px 13px 30px; height: 19px; font-size: 10px; }
#biens_inf { padding-bottom: 6px; float: left; width: 230px; background: url(../images/home/h2_biens_bottom.jpg) left bottom no-repeat; }
	#biens_inf p { padding: 8px 30px 13px 30px; height: 19px; font-size: 10px; }

#famille_inf, #loisirs_inf, #biens_inf { font: 11px/11px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; }
#sante_inf p, #epargne_inf p, #famille_inf p, #loisirs_inf p, #biens_inf p { border: solid #d9d9d9; border-width: 0 1px; }
#sante_inf img, #epargne_inf img, #famille_inf img, #loisirs_inf img, #biens_inf img { float: left; }
#sante_inf h2, #epargne_inf h2, #famille_inf h2, #loisirs_inf h2, #biens_inf h2 { clear: both; }
#sante_inf h2 span, #epargne_inf h2 span, #famille_inf h2 span, #loisirs_inf h2 span, #biens_inf h2 span { display: none; }
#sante_inf a, #epargne_inf a { display: block; width: 350px; }
#famille_inf a, #loisirs_inf a, #biens_inf a { display: block; width: 230px; }
#sante_inf h2 a, #epargne_inf h2 a { height: 30px; }
#famille_inf h2 a, #loisirs_inf h2 a, #biens_inf h2 a { height: 20px; }

.right { float: right; width: 230px; }


#request_form { padding: 9px 9px 7px 9px; margin-bottom: 10px; width: 210px; height: 128px; border: 1px solid #990000; font: 11px Arial, Helvetica, sans-serif; }
#request_form { overflow: hidden; zoom: 1; }
#request_form img { overflow: hidden; zoom: 1; float: left; }
#request_form form { padding: 0 0 0 10px; width: 132px; overflow: hidden; zoom: 1; float: right; font: 11px Arial, Helvetica, sans-serif; }
#request_form form p { clear: both; }
#request_form span { float: left; }
#request_form label { float: left; margin: 0; }
#request_form #homme { float: left; margin: 0; padding: 0; width: 12px; height: 12px;  }
#request_form #famme { float: left; margin: 0; padding: 0; width: 12px; height: 12px; margin-left: 8px; }

#request_form p strong { float: right; }

#request_form #day, #request_form #month, #request_form #year { text-align: center; color:#a21111; font-size: 11px; }

#request_form #day { width: 28px; height: 17px; border: 1px solid #7f9db9; }
#request_form #month { width: 28px; height: 17px; border: 1px solid #7f9db9; }
#request_form #year { width: 57px; height: 17px; border: 1px solid #7f9db9; }
#request_form button { float: right; margin: 2px 0 0 0; display: inline; width: 134px; height: 17px; background: url(../images/home/request.jpg) left top no-repeat; cursor: pointer; border: none; text-indent: -10000px; }

#request_form .alignment1 { zoom: 1; }
#request_form .alignment2 { color: #a21111; }
#request_form .alignment3 { margin-top: 5px; }
#request_form .alignment4 { margin-top: 5px; }
#request_form .alignment5 { margin-bottom: 3px; }
#request_form .alignment6 { zoom: 1; overflow: hidden; }
#request_form .alignment7 { margin-left: 5px; }
#request_form .alignment9 { margin-left: 5px; }
#request_form .alignment10 { zoom: 1; padding: 0 0 2px 0; }
#request_form .alignment11 strong { float: left; }
#request_form .alignment12 { float: left; width: 200px; }

#request_form.request_form_inner { width: 210px; }
#request_form.request_form_inner form { padding: 0 0 0 4px; }

.right_frame #request_form { margin-bottom: 0px; height: 130px; }

.banner1 { overflow: hidden; zoom: 1; margin-bottom: 10px; width: 230px; height: 211px; }

#postal_form { padding: 5px 0 0 10px; width: 218px; /*height: 61px;*/ border: 1px solid #990000; background: #ededed; }
#postal_form form { margin-top: 2px; overflow: hidden; zoom: 1; }
#postal_form p { font: bold 12px Arial, Helvetica, sans-serif; }
#postal_form input { width: 161px; height: 17px; float: left; background: #fff; border: 1px solid #7f9db9; }
/*#postal_form button { width: 36px; height: 16px; float: left; margin: 3px 0 0 5px; background: url(../images/home/form_ok.jpg) left top no-repeat; cursor: pointer; border: none; text-indent: -10000px; }*/
#postal_form button { background: #EDEDED url(../images/home/red_button_ok.gif) no-repeat scroll left top; border:medium none; cursor:pointer; height:17px; text-indent:-10000px; width:28px; margin: 2px 0 0 5px;}
/*Aboubacry*/
#postal_form span {font: 10px Arial, Helvetica, sans-serif;}
.errorcp {color: #af0000;}
.contact {font-size: 0.8em;}
div#postal_form.contact span { font: 10px Arial, Helvetica, sans-serif; }

#footer { font: 10px Arial, Helvetica, sans-serif; border-top: #d9d9d9 solid 1px; }
#footer ul { overflow: hidden; zoom: 1; margin: 0 auto; width: 365px; }
#footer ul li { float: left; padding: 6px 0 8px 0; }
#footer ul li a { color: #4c4c4c; text-decoration: none; }
#footer ul li a:hover { color: #4c4c4c; text-decoration: none; text-decoration: underline;}
#footer p { padding-top: 6px; text-align: center; border-top: #d9d9d9 solid 1px; }

#footer_inner { overflow: hidden; zoom: 1; position: relative; background: url(../images/common/footer_inner_bg.jpg) left top repeat-x; font: 10px/10px Arial, Verdana, Helvetica, sans-serif; }
#footer_inner ul { padding-top: 9px; float: left; }
#footer_inner ul li { padding: 1px 0; }
#footer_inner li a { color: #9c9b9b; }
#footer_inner li a:hover { text-decoration: underline; }
#footer_inner li.colored a { color: #4c4c4c; }
#footer_inner ul.bordered a { color: #4c4c4c;; }

#footer_inner .borderBottom{ padding: 12px 14px 10px 14px; border-bottom:1px solid #d9d9d9 }
#footer_inner .niveau2{ clear:both; overflow:hidden; height:1%; }

#footer_inner .copy { padding: 10px 0; clear: both; text-align: center; zoom: 1; }

#footer_inner ul .h2_alignment { margin-top: -9px; padding-bottom: 4px; font-size: 11px; color: #cd0505; }
#footer_inner ul .h2_alignment h2 { font-weight: normal; }
#footer_inner ul .h2_alignment a { color: #cd0505; }


#footer_inner a { text-decoration: none; color: #4c4c4c; }

#footer_inner ul { margin-right: 15px;}
#footer_inner ul.particuliers { width:116px; }
#footer_inner ul.bordered { padding-left: 24px; background: url(../images/common/footer_bordered.jpg) left top no-repeat;  }
#footer_inner ul.last { margin-right: -10px; }