/* 
	HOME PAGE STYLES
*/
	/* MAIN NAV */
	.main-nav {
		background: transparent url(../images/main-nav-bg.gif) no-repeat -1000px 0;
	}
	.main-nav ul {
		display:block;
		min-height: 30px;
		height: 30px;
		background: transparent url(../images/main-nav-bg.gif) no-repeat -54px 0;
	}
	.main-nav ul li{
		float: left;
		line-height: 30px;
		position:relative;
	}
	.main-nav ul li.active {
		background: #e41c23 url(../images/main-nav-active-bg-t.gif) repeat-x 0 0;
	}
	.main-nav ul li.active a:visited,
	.main-nav ul li.active a:link {
		background: transparent url(../images/main-nav-active-bg-b.gif) repeat-x 0 bottom;
		color: #f8fdff;
	}
	.main-nav ul li a:visited,
	.main-nav ul li a:link {
		display:block;
		text-align:center;
		height:29px;
		position:relative;
		z-index:1;
		color: #00324d;
		border-right: 1px solid #dbe3e6;
	}
	.main-nav ul li a:hover {
		background: transparent url(../images/main-nav-item-bg-hover.png) no-repeat 0 0 !important;
		text-decoration: none;
		color: #fff;
		height:30px;
	}
	.main-nav ul li a span {
		line-height:31px;
		/*padding: 0 25px 0 26px;*/
		display: block;
		text-align: center;
	}
	.main-nav ul li a:hover span {
		background: transparent url(../images/main-nav-item-bg-hover.png) no-repeat top right !important;
		text-decoration: none;
		color: #fff;
	}
	/*.main-nav ul li.alpha a{
		padding: 0 27px 0 28px;
	}
	.main-nav ul li.omega a{
		padding: 0 28px 0 28px;
	}*/
	.main-nav ul li.omega a {
		border-right: 0 none transparent;
	}

	/* Header banner */
	.homepage div.banner {
		position: relative;
		width:946px;
		height: 325px;
		overflow: hidden;
	}
	.homepage div.banner h2 {
		position: relative;
		color:#00324d;
		margin: 25px 10px 20px;
		z-index: 200;
		text-transform: uppercase;
	}
	
	.homepage input[type=text],
	.homepage input[type=password],
	.homepage select,
	.homepage textarea {
		background: #fff url(../images/input-inner-shadow.png) no-repeat 0 0;
		border: 1px solid #adbbc3;
	}
	
	.header input[type=text],
	.header input[type=password],
	.header select,
	.header textarea {
		background: #fff url(../images/input-inner-shadow.png) no-repeat 0 0;
		border: 1px solid #adbbc3;
	}
	.homepage input[type=text],
	.homepage input[type=password],
	.homepage select {
		height: 1.7em;
		line-height:1.7em;
	}
	.homepage input[type=text]:focus,
	.homepage select:focus,
	.homepage textarea:focus {
		background: #fff url(../images/input-inner-shadow.png) no-repeat 0 0;
		border: 1px solid #768e9b;
	}
	
	.bannerImages,
	.bannerImage {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.bannerImage {
		background-repeat: no-repeat;
		z-index: 100;
	}
	/* Tabs insurance type */
	.homepage div.banner .tabs {
		position: relative;
		width: 440px;
		height: 240px;
		overflow: hidden;
		margin-left: 10px;
		z-index: 200;
	}
	.homepage div.banner .tabs ul{
		position: absolute;
		z-index: 2000;
		top: 0px;
		left: 0px;
		padding: 0 15px;
		width:404px;
		height:39px;
	}
	.homepage div.banner .tabs ul li{
		display:block;
		float: left;
		width:200px;
		height: 39px;
		margin: 1px 1px 0;
		background-color: #316785;
		position: relative;
		z-index: 0;
		cursor: pointer;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	/*.fr*/ .main-nav ul li.home {
		width: 96px;
	}
	/*.fr*/ .main-nav ul li.autoInsurance {
		width: 140px;
	}
	/*.fr*/ .main-nav ul li.homeInsurance {
		width: 168px;
	}
	/*.fr*/ .main-nav ul li.personnalInsurance {
		width: 190px;
	}
	/*.fr*/ .main-nav ul li.careers {
		width: 105px;
	}
	/*.fr*/ .main-nav ul li.clients {
		width: 128px;
	}
	/*.fr*/ .main-nav ul li.quotes {
		width: 119px;
	}
	.isInsuranceTypeCar div.banner .tabs ul li.forInsuranceTypeCar,
	.isInsuranceTypeHome div.banner .tabs ul li.forInsuranceTypeHome{
		background-color: #002d45;
		z-index:2;
		-moz-box-shadow: 2px -2px 2px #999;
		-webkit-box-shadow: 2px -2px 2px #999;
		box-shadow: 2px -2px 2px #999;
	}
	.homepage div.banner .tabs ul li h3 {
		display: block;
		padding: 10px 0;
		font-size: 1em;
		color: #fff;
		text-align: center;
		opacity: 0.7;
	}
	.homepage div.banner .tabs ul li h3 a {
		display: -moz-inline-box;
		display: inline-block;
		margin: 0 auto;
		color: #fff;
		padding-left: 24px;
		background: transparent url(../images/icn-sprite-insurance-type.png) no-repeat 0 -24px;
		line-height: 20px;
		text-transform: uppercase;
	}
	.isInsuranceTypeCar div.banner .tabs ul li.forInsuranceTypeCar h3,
	.isInsuranceTypeHome div.banner .tabs ul li.forInsuranceTypeHome h3 {
		opacity: 1 !important;
	}
	.homepage div.banner .tabs ul li h3 a:hover {
		text-decoration: none;
	}
	.homepage div.banner .tabs ul li.tab-car h3 a {
		padding-left: 34px;
		background-position: 0 0;
	}
	.homepage div.banner .tab-content {
		width: 434px;
		height: 168px;
		background-color: #002d45;
		position: absolute;
		top: 40px;
		left: 0px;
		z-index: 1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 3px 3px 6px #999;
		-webkit-box-shadow: 3px 3px 6px #999;
		box-shadow: 3px 3px 6px #999;
	}
	.homepage div.banner .tab-content p {
		padding: 14px 10px;
		background: transparent url(../images/homepage-form-p-sep.gif) no-repeat center 0;
		color: #c4e8fc;
		text-align: center;
		font-size: 15px;
	}
	.homepage div.banner .tab-content p strong {
		color: #fff;
	}
	.homepage div.banner .tab-content p {
	}
	.homepage .tab-content form {
		display:block;
		padding:22px 10px 15px 25px;
	}
	.homepage .tab-content form label {
		display:inline;
		color:#b3c0c8;
		text-transform: uppercase;
	}
	.homepage .tab-content form input {
		display: -moz-inline-box;
		display: inline-block;
		width: 120px;
		height: 1.6em;
		font-size: 24px;
		color: #00293f;
		background-color: #fff;
		text-transform: uppercase;
		margin-right: 12px;
		position: relative;
		vertical-align: top;
	}
	.homepage .tabs .nav {
		z-index: 200;
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	.homepage .tabs .nav a {
		float: left;
		display: block;
		width: 184px;
		height: 29px;
		line-height: 29px;
		white-space:nowrap;
		color:#c4e8fc;
		font-size: 13px;
		text-align: center;
		background: transparent url(../images/btn-link-homepage.gif) repeat-x 0 0;
		position: relative;
		padding: 0 3px;
		margin-top: 3px;
	}
	.homepage .tabs .nav a.alpha {
		width: 235px;
		margin-right: 3px;
	}
	.homepage .tabs .nav a span.bg-alpha, .homepage .tabs .nav a span.bg-omega {
		display: block;
		position:absolute;
		background: transparent none no-repeat 0 0;
		top: 0;
		width: 3px;
		height: 29px;
	}
	.homepage .tabs .nav a span.bg-alpha {
		background-image: url(../images/btn-link-homepage-alpha.gif);
		left:0;
	}
	.homepage .tabs .nav a span.bg-omega {
		background-image: url(../images/btn-link-homepage-omega.gif);
		right:0;
	}
	
	/* Login button & form */
	.homepage .aside-login {
		width:204px;
		position: absolute;
		right:7px; top:10px;
		z-index: 200;
	}
	.homepage .aside-login a.toggle-login {
		display:block;
		width: 204px; height: 33px;
		line-height: 33px;
		white-space: nowrap;
		background: transparent url(../images/btn-connect.png) no-repeat 0 0;
		color: #fff;
		text-align:center;
		text-decoration: none;
		position:relative;
		z-index: 2;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.homepage .aside-login a.toggle-login:hover, .homepage .aside-login a.toggle-login.active {
		background-position: 0 -33px;
		-moz-box-shadow: 0px 2px 6px #999;
		-webkit-box-shadow: 0px 2px 6px #999;
		box-shadow: 0px 2px 6px #999;
	}
	.homepage .aside-login a.toggle-login span.arrow {
		display: -moz-inline-box;
		display: inline-block;
		padding-left:21px;
		line-height:33px;
		background: transparent url(../images/bg-icn-bt-big.png) no-repeat 0 55%;
		margin: 0 auto;
		cursor: pointer;
	}
	.homepage .aside-login .login-form-content {
		display:none;
		padding: 15px;
		margin-top:-2px;
		position:relative;
		z-index: 1;
		background: transparent url(../images/login-form-content-bg.png) repeat 0 0;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
		-moz-box-shadow: 0px 2px 6px #999;
		-webkit-box-shadow: 0px 2px 6px #999;
		box-shadow: 0px 2px 6px #999;
	}
	.homepage .aside-login.open .login-form-content {
		display:block;
	}
	.homepage .aside-login .login-form-content label {
		color:#fff;
		display:block;
	}
	.homepage .aside-login .login-form-content input {
		margin-bottom: 10px;
		display:block;
	}
	.homepage .aside-login .login-form-content ul {
		color:#fff;
		margin-top: 10px;
		display:block;
	}
	.homepage .aside-login .login-form-content li {
		color:#fff;
		margin-bottom: 10px;
		display:block;
	}
	.homepage .aside-login .login-form-content li a {
		color:#fff;
	}
	
	/* Promotions sections */
	.homepage .section .promotions {
		float: left;
		width:624px;
		margin: 14px 15px 12px 0;
	}
	.homepage .section .promotions .highlights {
		margin-top: 14px;
		background: transparent url(../images/home-affiche-box-bg.png) repeat-y 0 0;
		position: relative;
		height: 160px;
		z-index:2;
	}
	.homepage .section .promotions .highlights-inner {
		background: transparent url(../images/home-affiche-box-top.png) no-repeat 0 0;
	}
	.homepage .section .promotions .highlights-inner .content {
		padding: 26px 8px 5px;
	}
	.homepage .section .promotions .highlights-inner .content h2 {
		color:#00324d;
		font-size:1.8em;
		padding-bottom: 0.3em;
		border-bottom: 1px solid #98abb5;
		margin-bottom:0.3em;
	}
	.homepage .section .promotions .highlights-bottom {
		width: 624px;
		height: 7px;
		background: transparent url(../images/home-affiche-box-bottom.png) repeat-y 0 0;
	}
	.homepage .section .promotions .highlights-inner .content ul  {
		width: 395px;
	}
	.homepage .section .promotions .highlights-inner div.postit  {
		position: absolute;
		width: 226px;
		height: 210px;
		right:10px;
		top: -14px;
		/*perreA02 pour mettre le lien seulement sur le petit text de l'image
		background: transparent url(../images/post-it-car_fr.png) no-repeat 0 0;*/
		overflow:hidden;
		
	}
	.homepage .section .promotions .highlights-inner span.postit  {
		text-indent:-8000px;
	}
	/*perreA02 pour mettre le lien seulement sur le petit text de l'image
	.en .homepage .section .promotions .highlights-inner div.postit  {
		background: transparent url(../images/post-it-car_en.png) no-repeat 0 0;
	}	
	.isInsuranceTypeHome .section .promotions .highlights-inner div.postit  {
		background: transparent url(../images/post-it-home_fr.png) no-repeat 0 0;
	}/*
	.en .isInsuranceTypeHome .section .promotions .highlights-inner div.postit  {
		background: transparent url(../images/post-it-home_en.png) no-repeat 0 0;
	}
	/* Info capsules et D�g�ts d'eau */
	.homepage .section .more-info {
		position:relative;
		z-index:1;
	}
	
	.homepage .section .more-info .article {
		background: transparent url(../images/capsules-box-bg.png) repeat-y 0 0;
		padding: 10px 10px 10px 82px;
		position:relative;
		color: #00324d;
	}
	.homepage .section .more-info .article .bg-top{
		background: transparent url(../images/capsules-box-top.png) no-repeat 0 0;
		height:10px; width:946px;
		position:absolute;
		top:0; left:0;
		z-index:1;
	}
	.homepage .section .more-info .article .bg-bottom{
		background: transparent url(../images/capsules-box-bottom.png) no-repeat 0 0;
		height:10px; width:946px;
		position:absolute;
		bottom:0; left:0;
		z-index:1;
	}
	.homepage .section .more-info .article p {
		margin: 0.5em 0 0;
	}
	.homepage .section .more-info .article h2 {
		float:left;
		width:220px; 
		text-transform:uppercase;
		color:#00324d;
		margin: 12px 0 0;
	}
	.homepage .section .more-info .article h2 	a{
		color:#00324d;
		text-decoration: none;
	}
	.homepage .section .more-info .article div.icn {
		position: absolute;
		width:58px; height:58px;
		left:10px; top: 5px;
		background: transparent url(../images/capsules-sprite.png) no-repeat 0 0;
		z-index:2;
	}
	.homepage .section .more-info .article.flood div.icn {
		background-position: 0 -100px;
	}
	.homepage .section .more-info .article div.alpha {
		float: left; display: block;
		width: 322px; height: 48px;
		margin-right: 18px;
	}
	.homepage .section .more-info .article div.omega {
		float:left;
		width: 292px;
	}
	.homepage .section .more-info .article div.omega form{
		width: 292px;
	}
	.homepage .section .more-info .article div.omega  input {
		width:199px;
		margin-right: 0px;
		height: 22px;
		padding: 0px;
	}
	.homepage .section .more-info .article div.omega  label {
		display:block; margin-top:5px;
	}
	.homepage .section .more-info .article.flood div.alpha p {
		margin-top: 0.8em;
	}
	.homepage .section .more-info .article ul {
		color:#00324D;
		font-size:1em;
		list-style:disc outside url("../images/icn-dot.gif");
		margin:0 0 0.5em;
		padding-left:12px;
	}
	
	/* Footer links-map nav */
	.homepage .links-map .nav {
		clear:both;
		margin-top: 1.5em;
	}
	.homepage .links-map .nav ul {
		float:left;
		font-weight: bold;
		color: #000e15;
		display:block;
	}
	.homepage .links-map .nav ul li {
		float: left;
		width: 199px;
		display:block;
		margin-right:14px;
	}
	.homepage .links-map .nav ul li a{
		color: #000e15;
	}
	.homepage .links-map .nav ul li ul {
		float:none;
		color:#00324D;
		font-size:1em;
		list-style:disc outside url(../images/icn-dot.gif);
		padding-left:12px;
		font-weight: normal;
		margin-top: 4px;
	}
	.homepage .links-map .nav ul li ul li {
		width:auto;
		display:list-item;
		float:none;
		color:#617b89;
		font-weight: normal;
		margin:0 0 0.35em;
	}
	.homepage .links-map .nav ul li ul li a {
		color:#617b89;
	}
	.homepage .links-map .search-and-customer-service{
		float:right;
		width: 295px;
	}
	.homepage .links-map .customer-service{
		padding: 1.5em 2em;
		margin-top: 10px;
		background-color: #edf2f4;
	}
	.homepage .links-map .customer-service ul {
		margin-top: 5px;
		float:none;
		color:#00324D;
		font-size:1em;
		list-style:disc outside url(../images/icn-dot.gif);
		padding-left:12px;
		font-weight: normal;
	}
	.homepage .links-map .customer-service ul li {
		float:none;
		display:list-item;
	}
	.homepage .links-map .customer-service ul li a {
		color:#617b89;
	}
	.homepage .links-map .customer-service h3,
	.homepage .links-map .customer-service p.tool-free {
		font-size: 2em;
		margin-bottom: 0;
		color:#00324d;
	}
	
	/* Products article */
	.homepage .products .article {
		float: left;
		width:307px;
		margin: 14px 0 0;
		background: transparent url(../images/product-article-box-top.gif) no-repeat 0 0;
		position: relative;
	}
	.homepage .products .article .article-bg {
		background: transparent url(../images/product-article-box-bg.gif) repeat-y 0 0;
		height: 118px;
	}
	.homepage .products .article.assurance-personnes .article-bg {
		height: 144px;
	}
	.homepage .products .article .article-bottom {
		padding-bottom: 9px;
		margin-top: 9px;
		background: transparent url(../images/product-article-box-bottom.gif) no-repeat 0 bottom;
	}
	.homepage .products .article .content {
		padding: 6px 12px 6px;
	}
	.homepage .products .article .content .hgroup {
		padding-right:45px;
		border-bottom:1px solid #9eaeb8;
		margin-bottom:0.5em;
		background: transparent url(../images/sprite-icn-home.png) no-repeat right 13px;
	}
	.homepage .products .article.assurance-auto .content .hgroup {
		background-position: right -167px;
	}
	.homepage .products .article.assurance-habitation .content .hgroup {
		background-position: right -233px;
	}
	.homepage .products .article.assurance-personnes .content .hgroup {
		background-position: right -295px;
	}
	.homepage .products .article.assurance-auto:hover .content .hgroup {
		background-position: right 13px;
	}
	.homepage .products .article.assurance-habitation:hover .content .hgroup {
		background-position: right -53px;
	}
	.homepage .products .article.assurance-personnes:hover .content .hgroup {
		background-position: right -115px;
	}
	.homepage .products .article .content h2 {
		color:#00324d;
		font-size:1.8em;
		margin-bottom:0;
	}
	.homepage .products .article .content h2 a {
		color:#00324d;
	}
	.homepage .products .article .content h2 a:hover {
		text-decoration: none;
	}
	.homepage .products .article .content h3 {
		color:#00324d;
		font-size:0.9em;
		margin-bottom:0.5em;
		font-weight:normal;
	}
	.homepage .products .article .content ul,
	.homepage .section .promotions .highlights-inner .content ul {
		color:#00324D;
		font-size:1em;
		list-style:disc outside url("../images/icn-dot.gif");
		margin:0 0 0.5em;
		padding-left:12px;
		/*line-height: 1.5em;*/
		letter-spacing: -0.5px;
	}
	.homepage .products .article .content ul li,
	.homepage .section .promotions .highlights-inner .content ul li {
		padding: 0 0 0.25em;
	}

/* .page-header */
.page-header {
	margin-bottom: 1em;
}
	body.form .page-header { 
		margin-bottom: 0;
	}
.page-header .title {
	float: left;
	clear: left;
	margin-bottom: 2.5em;
}
.page-header img.logo {
	display: inline;
	margin-right: 35px;
}
.page-header h1 {
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #001735;
}
.page-header .tool-nav {
	float: right;
	clear: right;
	margin-bottom: 1em;
}
.tool-nav ul {
	font-size: .9em;
	color: #00324D;
}
.tool-nav ul li {
	float: left;
	padding: 0 16px 0 18px;
	background: transparent url(../images/sep.gif) no-repeat 0 50%;
}
	.tool-nav ul li.alpha {
		background: none;
		padding-left: 0;
	}
	.tool-nav ul li.omega {
		padding-right: 0;
	}
.page-header .form-search {
	float: right;
	clear: right;
	margin-bottom: 2.5em;
}
.main-nav {
	clear: both;
}


/* .page-footer */
.page-footer {
	background: #edf2f4;
	padding: .75em 20px;
	width: 907px;
	clear:both;
}
.page-footer .nav ul {
	float: left;
	font-size: .9em;
	color: #00324D;
}
.page-footer .nav ul li {
	float: left;
	padding: 0 16px 0 18px;
	background: transparent url(../images/sep.gif) no-repeat 0 50%;
}
	.page-footer .nav ul li.alpha {
		background: none;
		padding-left: 0;
	}
	.page-footer .nav ul li.omega {
		padding-right: 0;
	}
.page-footer p.copyrights {
	font-size: .9em;
	color: #767676;
	float: right;
	clear: right;
	margin: 0;
}