/*
	The following variants of the META font have
	been converted using Cufon.
	MetaPlusNormal = Meta Plus Normal Roman
	MetaWeb-Bold = Meta Plus Bold Roman
	MetaWeb-Caps = Meta Caps (CONTAIN ONLY NUMBERS AND LETTERS - USED FOR PHONE NUMBERS)
*/

/* go on with normal style definitions */
h1, h2, .sampletext { 
	font-family: sans-serif;
}
/* 
	General rules 
*/
body {
	font-family: Arial, sans-serif;
	font-size: 75%;
	line-height: 1.231;
	text-align: center;
	margin: .75em 0;
	padding: 0;
	color: #000;
}
form ul  {
	list-style:disc outside url("../images/icn-dot.gif");
	padding: 0 0 1em 12px;
}
div.page {
	width: 946px;
	margin: 0 auto;
	text-align: left;
}

.text-hidden {
	position: absolute !important;
	left: -999em !important;
}
body.form .section.form form div.field .label.text-hidden {
	position: relative;
	left: auto;
}
body.form .section.form form div.field .label.text-hidden label {
	visibility: hidden;
}

.form-search {
	/*width: 307px;*/
}
.form-search label {
	position: absolute;
	left: -999em;
}
.form-search input {
	float: left;
	/*clear: left;*/
	width:200px;
	height: 16px;
	padding: 0px;
}
.form-search button {
	float: left;
	clear: right;
	margin-left:200px;
}

/* Generic HTML */
h1 {
	font-family: Helvetica, sans-serif;
	font-size: 1.55em;
	margin: 0 0 1em 0;
}
h2 {
	font-family: Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0 0 1em 0;
}
.header h2{
	font-size: 2.25em;
}
h3 {
	font-family: Helvetica, sans-serif;
	font-size: 1.45em;
	margin: 0 0 1em 0;
}
h4 {
	font-family: Helvetica, sans-serif;
	font-size: 1.40em;
	margin: 0 0 1em 0;
}
h5 {
	font-family: Helvetica, sans-serif;
	font-size: 1.35em;
	margin: 0 0 1em 0;
}
h6 {
	font-family: Helvetica, sans-serif;
	font-size: 1.30em;
	margin: 0 0 1em 0;
}

p {
	margin: 0 0 1em 0;
}

a, 
a:link, 
a:visited {
	color: #617b89;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0A2b47;
}
a.dynamic-row-add, 
a.dynamic-row-delete {
	cursor: pointer;
}

/* form elements */
/*
	<button class="a ds" type="submit"><span class="tl"><span class="br"><span class="icn">Poursuivre</span></span></span></button>
	<button class="b ds" type="submit"><span class="tl"><span class="br"><span class="icn">Poursuivre</span></span></span></button>
	<button class="c ds" type="submit"><span class="tl"><span class="br"><span class="icn">Poursuivre</span></span></span></button>
		button.a = bouton bleu
		button.b = bouton rouge
		button.c = bouton gris
		button.ds = boutton avec ombre port�e (dropshadow)
		span.tl = background positionn� en top left (blanc (avec transparence) d�grad� � transparent � 45 degr�s par d�faut)
		span.br = background positionn� en bottom right (transparent d�grad� � noir (avec transparence) � 45 degr�s par d�faut)
		span.text = contenant de l'intitul� qui comprend le padding
		span.icn = icone du bouton
*/
button.a,
button.b,
button.c,
button.d {
	cursor: pointer; 
	padding: 0;
	margin: 0;
	border: 0 none;
	color: #FFF;
}
button::-moz-focus-inner { border: 0 none; padding: 0; }
button.ds {
	padding: 0 3px 3px 0;
	background: transparent url(../images/bg-bt-ds.gif) no-repeat bottom right;
}
.form-car-start button.ds, .form-home-start button.ds {
	background-image: url(../images/bg-bt-ds-blue.gif);
}
button span {
	display: block;
	padding: 0;
	margin: 0;
}
button span.tl {
	background: transparent url(../images/bg-grad-white-tl.png) no-repeat top left;
}
	button:hover span.tl {
		background: transparent url(../images/bg-grad-black-tl.png) no-repeat top left;
	}
	button:active span.tl {
		background: transparent url(../images/bg-grad-white-tl.png) no-repeat top left;
	}
	button span.br {
		background: transparent url(../images/bg-grad-black-br.png) no-repeat bottom right;
	}
	button:hover span.br {
		background: transparent url(../images/bg-grad-white-br.png) no-repeat bottom right;
	}
	button:active span.br {
		background: transparent url(../images/bg-grad-black-br.png) no-repeat bottom right;
	}
	button span.text { /* text */
		padding: .25em .75em;
		font-size: 1em;
		text-transform: none;
	}
	button.med span.text { /* text */
		padding: .3em 0.5em .2em 0.4em;
		font-size: 1em;
		text-transform: uppercase;
	}
	button.big span.text { /* text */
		padding: .5em 1em .4em 1em;
		font-size: 1.4em;
		text-transform: uppercase;
	}
button span.icn { /* icone */
	padding: .15em 1em .15em 22px;
	background: transparent url(../images/bg-icn-bt.png) no-repeat 8px 55%;
}
	button.med span.icn { /* icone */
		padding: .3em 0.5em .3em 22px;
		background: transparent url(../images/bg-icn-bt.png) no-repeat 8px 55%;
	}
	button.big span.icn { /* icone */
		padding: .5em 1em .4em 40px;
		background: transparent url(../images/bg-icn-bt-big.png) no-repeat 18px 55%;
	}
button.a{
	background-color: #1E4E64;
}	
button.a span.base { /* blue */
	border: 1px solid #1E4E64;
}
button.b {
	background-color: #E41C23;
}
button.b span.base { /* red */
	border: 1px solid #E41C23;
}
	button.b:hover span.base { /* red */
		background-color: #BD0006;
	}
	button.b:active span.base { /* red */
		background-color: #E41C23;
	}
button.c {
	background-color: #575858;
}
button.c span.base { /* grey */
	border: 1px solid #575858;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span.base {
		margin: -1px -4px -2px -3px !important;
		border: 0 none !important;
		padding: 1px 4px 2px 3px !important;
	}
}

/* .page-section */
.page-section {
	margin-bottom: 1.25em;
}


/*
	Homepage
*/
.isInsuranceTypeCar .forInsuranceTypeHome,
.isInsuranceTypeHome .forInsuranceTypeCar {
	display: none;
}

/*
	Formulaires
*/
	/* Generic Structure */
	body.form .section.form {
		float: left;
		width: 703px;
		margin: 0 17px 0 0;
		z-index: 2;
		position: relative;
	}
	body.form .page-section .header h1 {
		width: 643px;
		margin: 0 0 .25em 0;
		padding: 0 60px 0 0;
		font-size:2.25em;
	}
	body.form-car .page-section .header h1 {
		background: transparent url(../images/heading-icn-car.gif) no-repeat 100% 50%;
		color: #2D2D2D;
	}
	body.form .aside.aside-form {
		float: left;
		width: 226px;
		margin: 0 0 1em 0;
		z-index: 1;
		position: relative;
	}
	/* SAC */
	body.form .aside.aside-form .article.customer-service,
	body.form .aside.aside-form .article.rabais-habitation 	{
		position: relative;
		color: #00324D;
	}
	body.form .aside.aside-form .article.customer-service h3.text-replace {
		text-indent:-999em;
		display: block;
		position: absolute;
		top: 36px;
		left: 122px;
		width: 102px;
		height: 95px;
		background: transparent url(../images/post-it-besoin-aide_fr.png) no-repeat;
	}
	.en body.form .aside.aside-form .article.customer-service h3.text-replace {
		background: transparent url(../images/post-it-besoin-aide_en.png) no-repeat;
	}
	body.form .aside.aside-form .article.customer-service div.contact,
	body.form .aside.aside-form .article.rabais-habitation div.rabais {
		margin: .5em 0 .75em 0;
		padding: 1.5em 18px 1em 18px;
		background: #EDF2F4;
	}
	body.form .aside.aside-form .article.rabais-habitation div.rabais p{
		font-size:1.08em;
	}
	body.form .aside.aside-form .article.rabais-habitation div.rabais strong{
		font-size:1.08em;
		font-weight:bold
	}
	body.form .aside.aside-form .article.customer-service h4 {
		font-size: 1.75em;
		margin: 0;
	}
	body.form .aside.aside-form .article.customer-service p.tool-free {
		font-size: 1.75em;
		margin: 0 0 5px 0;
	}
	body.form .aside.aside-form .article.customer-service ul.cta {
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 18px;
	}
	/* FAQ */
	body.form .aside.aside-form .aside-box {
		background: transparent url(../images/bg-aside-form-box.gif) repeat-y;
		position: relative;
		padding: 12px;
		margin: 0 0 .75em 0;
	}
	body.form .aside.aside-form .aside-box .top {
		background: transparent url(../images/bg-aside-form-box-top.gif) no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		height: 10px;
		width: 100%;
	}
	body.form .aside.aside-form .aside-box .bottom {
		background: transparent url(../images/bg-aside-form-box-bottom.gif) no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 8px;
		width: 100%;
	}
	body.form .aside.aside-form .aside-box h3 {
		font-size: 1.3em;
		margin: 0 0 .25em 0;
		color: #383838;
	}
	body.form .aside.aside-form .aside-box ul {
		font-size: .9em;
		list-style-type: disc;
		list-style-image: url(../images/icn-dot.gif);
		list-style-position: outside;
		padding-left: 12px;
		color: #00324D;
		margin: 0 0 .5em 0;
	}
	body.form .aside.aside-form .aside-box ul li {
		margin: 0 0 .5em 0;
	}
	body.form .aside.aside-form .aside-box a.more {
		font-size: .9em;
		background: transparent url(../images/icn-more.png) no-repeat 0 50%;
		padding-left: 12px;
		color: #00324D;
		font-weight: bold;
	}
	
	
	/* Entrust */
	body.form .aside.aside-form .secure {
		color: #7D7D7D;
	}
	body.form .aside.aside-form .secure p {
		text-align: center;
		font-size: .8em
	}
	body.form .aside.aside-form .secure img {
		vertical-align: middle
	}
/*
form warnings
*/
.warning {
	background: #f4eb8c;
	color: #000;
	border: 1px solid #696116;
	margin: 0px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.warning .inner {
	padding: 10px 16px;
	background: #f4eb8c;
}
.warning .inner p {
	padding: 0px !important;
}

/* Steps */
.section.form .nav.steps {
}
.section.form .nav.steps ul {
}
/* Normal */
.section.form .nav.steps ul li {
	display: block;
	float: left;
	position: relative;
	height: 41px;
	color: #0A2B47;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: -29px;
}
.section.form .nav.steps ul li.alpha { margin-left: 0; }
.section.form .nav.steps ul li.step-1 { z-index: 4; }
.section.form .nav.steps ul li.step-2 { z-index: 3; }
.section.form .nav.steps ul li.step-3 { z-index: 2; }
.section.form .nav.steps ul li.step-4 { z-index: 1; }

.section.form .nav.steps ul li a, 
.section.form .nav.steps ul li a:link, 
.section.form .nav.steps ul li a:visited, 
.section.form .nav.steps ul li a:hover, 
.section.form .nav.steps ul li a:active {
	color: #0A2B47;
}
.section.form .nav.steps ul li span {
	text-align: center;
	white-space: nowrap;
	display: block;
	float: left;
	background: transparent url(../images/bg-step-normal.png) repeat-x;
	height: 31px;
	padding: 10px 35px 0 35px;
}
.section.form .nav.steps ul li a span {
	cursor: pointer;
}
.section.form .nav.steps ul li span.beta {
	display: block;
	position: absolute;
	background: transparent url(../images/bg-step-normal-beta.png) top right;
	top: 0;
	left: 0;
	height: 41px;
	width: 100%;
	padding: 0;
}
.section.form .nav.steps ul li span.alpha {
	background: transparent url(../images/bg-step-normal.png) no-repeat;
	width: 7px;
	padding: 10px 0 0 0;
}
.section.form .nav.steps ul li span.omega {
	background: transparent url(../images/bg-step-normal-right.png) no-repeat;
	width: 29px;
	padding: 10px 0 0 0;
}
	.section.form .nav.steps ul li.omega span.omega {
		background: transparent url(../images/bg-step-normal-omega.png) no-repeat;
		width: 7px;
	}
/* Active */
.section.form .nav.steps ul li.active {
	color: #FFF; 
	text-shadow: 1px 1px 0 #04273B; 
}
.section.form .nav.steps ul li.active a, 
.section.form .nav.steps ul li.active a:link, 
.section.form .nav.steps ul li.active a:visited, 
.section.form .nav.steps ul li.active a:hover, 
.section.form .nav.steps ul li.active a:active {
	color: #FFF; 
}
.section.form .nav.steps ul li.active span {
	background: transparent url(../images/bg-step-active.png) repeat-x;
}
.section.form .nav.steps ul li.active span.beta {
	background: none;
	text-decoration:none;
}
.section.form .nav.steps ul li.active span.omega {
	background: transparent url(../images/bg-step-active-right.png) no-repeat;
	text-decoration:none;
}
	.section.form .nav.steps ul li.active.alpha span.alpha {
		background: transparent url(../images/bg-step-active-alpha.png) no-repeat;
		text-decoration:none;
	}
	.section.form .nav.steps ul li.active.omega span.omega {
		background: transparent url(../images/bg-step-active-omega.png) no-repeat;
		text-decoration:none;
	}
/* Visited */
.section.form .nav.steps ul li.visited {
	color: #5E7587;
}
.section.form .nav.steps ul li.visited a, 
.section.form .nav.steps ul li.visited a:link, 
.section.form .nav.steps ul li.visited a:visited, 
.section.form .nav.steps ul li.visited a:hover, 
.section.form .nav.steps ul li.visited a:active {
	color: #5E7587;
	text-decoration:none;
}
.section.form .nav.steps ul li.visited span {
	background: transparent url(../images/bg-step-visited.png) repeat-x;
}
.section.form .nav.steps ul li.visited span.beta {
	display: none;
}
.section.form .nav.steps ul li.visited span.omega {
	background: transparent url(../images/bg-step-visited-right.png) repeat-x;
}
	.section.form .nav.steps ul li.visited.alpha span.alpha {
		background: transparent url(../images/bg-step-visited-alpha.png) repeat-x;
	}
	/* hover */
	.section.form .nav.steps ul li.visited a:hover span {
		background: transparent url(../images/bg-step-visited-hover.png) repeat-x;
		text-decoration:none;
	}
	.section.form .nav.steps ul li.visited a:hover span.beta {
		text-decoration:none;
		/*display: none;*/
	}
	.section.form .nav.steps ul li.visited a:hover span.omega {
		background: transparent url(../images/bg-step-visited-hover-right.png) repeat-x;
		text-decoration:none;
	}
		.section.form .nav.steps ul li.visited.alpha a:hover span.alpha {
			background: transparent url(../images/bg-step-visited-hover-alpha.png) repeat-x;
			text-decoration:none;
		}

/* Total width: 388px : 
.section.form .nav.steps ul li span {padding}, 
.section.form .nav.steps ul li span.alpha {width}, .section.form .nav.steps ul li span.omega {width} and 
.section.form .nav.steps ul li {margin-left} */
	/* Soumission assurance auto */
	.form-car.form-proposal .section.form .nav.steps ul li.step-1 span.step { width: 73px; }
	.form-car.form-proposal .section.form .nav.steps ul li.step-2 span.step { width: 95px; }
	.form-car.form-proposal .section.form .nav.steps ul li.step-3 span.step { width: 120px; }
	.form-car.form-proposal .section.form .nav.steps ul li.step-4 span.step { width: 100px; }

	.form-car.form-buy .section.form .nav.steps ul li.step-1 span.step { width: 63px; }
	.form-car.form-buy .section.form .nav.steps ul li.step-2 span.step { width: 140px; }
	.form-car.form-buy .section.form .nav.steps ul li.step-3 span.step { width: 85px; }
	.form-car.form-buy .section.form .nav.steps ul li.step-4 span.step { width: 100px; }
/* TABS*/
.form-car .tabs-wrapper {
	position:relative;
	bottom:-10px;
	margin: 0 16px;
	background:url(../images/bg-tab.gif) no-repeat 50% 11px;
}
.form-car .tabs-wrapper .tab{
	float:left;
	display:inline;
	width:150px;
	margin:3px 0 6px;
}
.form-car .tabs-wrapper .tab-first{
	margin-left:11px;
}
.form-car .tabs-wrapper .tab .left{
	padding-left:4px;
	background:url(../images/bg-tab-inactive-left.gif) no-repeat 0 0;
}
.form-car .tabs-wrapper .tab .right{
	padding-right:4px;
	background:url(../images/bg-tab-inactive-right.gif) no-repeat right 0 ;
}
.form-car .tabs-wrapper .tab .tab-label{
	background:url(../images/bg-tab-inactive.gif) repeat-x 0 0;
	height:25px;
	font-size:125%;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
}
.form-car .tabs-wrapper .tab .tab-label a{
	display:block;
}
.form-car .tabs-wrapper  .active{
	margin-top:0px;
	margin:0 2px 6px;
}
.form-car .tabs-wrapper .active .left{
	background:url(../images/bg-tab-active-left.gif) no-repeat 0 0;
}
.form-car .tabs-wrapper .active .right{
	background:url(../images/bg-tab-active-right.gif) no-repeat right 0;
}
.form-car .tabs-wrapper .active .tab-label{
	background:url(../images/bg-tab-active.gif) repeat-x 0 0;
	height:28px;
	padding-top:11px;
}
body.form .section.form form .submited-items {
	background: transparent url(../images/bg-form-fieldset-cta.gif) repeat-x bottom;
	margin:0 16px;
}
/*
body.form .section.form form .submited-items h2 {
	color: #2D2D2D;
	font-size: 1.3em;
	padding: 1em 0 0 0;
	margin: 0 0 .5em 0;
}*/
body.form .section.form form  .submited-items ul {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	list-style-image:none;
	list-style-type:none;
	}
	/*
body.form .section.form form .submited-items ul li {
	display: block;
	float: left;
	width: 220px;
	margin: 0 0 1em 0;
	padding: 0 10px 0 80px;
	position: relative;
	min-height: 72px;
}*/
body.form .section.form form .submited-items h3 {
	margin: 0 0 .5em;
	font-size: 1em;
}/*
body.form .section.form form .submited-items img.icn {
	width:72px;
	height:72px;
	position: absolute;
	top: 0;
	left: 0;
}*/
body.form .section.form form .submited-items ul.tools {
	margin: 0 0 1em 0;
	padding: 0;
}
body.form .section.form form .submited-items ul.tools li {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	min-height: inherit;
}
body.form .section.form form .submited-items ul.tools li a {
	padding: .25em 0;
}
body.form .section.formAcheterStep1 form .submited-items {
	background:transparent none;
	margin:0;
}
body.form .section form .submited-items.side-by-side ul li{
	float:left;
	width:49%;
}
body.form .section.formAcheterStep1 form .submited-items ul li{
	float:none;
}
body.form .section.form .form-content {
	background: transparent url(../images/bg-form-box.gif) repeat-y;
	position: relative;

}
body.form .section.form form div.bottom {
	background: transparent url(../images/bg-form-box-bottom.gif) no-repeat 0 bottom;
	padding: 22px;
}
body.form .section.form form h2.legend {
	margin: 0 16px 4px 16px;
	padding-top: 1em;
	font-size: 1.3em;
	color: #2D2D2D;
}
body.form .section.form form h2.legend a.delete {
	font-size: .75em;
	font-weight: normal;
	margin: 0 0 0 3em;
}
body.form .section.form form fieldset {
	margin: 0 16px;
	padding: 22px;
	background: transparent url(../images/bg-form-fieldset.gif) repeat-x top;
}
body.form .section.form form fieldset legend {
	display: none;
}
body.form .section.form form fieldset.add {
	background: none;
	padding: 22px 0;
}
body.form .section.form form fieldset.cta {
	background: transparent url(../images/bg-form-fieldset-cta.gif) repeat-x top;
	padding: 22px 0 0;
}
body.form .section.form form fieldset h3 {
	font-size: 1.2em;
}
body.form .section.form form fieldset h4,
body.form .section.form form fieldset p {
	font-size: 1em;
	font-weight: normal;
	padding: 0 22px;
}

body.form .section.form form fieldset ul {
	font-size: 1em;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(../images/icn-dot.gif);
	padding: 0 22px 0 34px;
	margin: 0 0 1em 0;
}

body.form .section.form form fieldset div.field p {
	padding: 0;
	margin: 0;
}
body.form .section.form form fieldset.starter p {
	padding: 0;
	font-size: 1em;
}
body.form .section.form form fieldset.starter ul {
	font-size: 1em;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 12px;
}
body.form .section.form form fieldset.starter ul li {
	margin: 0 0 1em 0;
}

body.form .section.form form fieldset div.field {
	clear: both;
	padding: .25em 22px 1em 22px;
	margin: 0 1em 0 0;
}
body.form .section.form form fieldset div.field div.field {
	float: left;
	clear: none;
	padding: 0;
}
body.form .section.form form fieldset div.field div.field.indent {
	clear: both;
	padding: 0 0 .75em 22px;
	margin: 0 1em 0 0;
}
body.form #adresse-prec{
	margin-top: 1em;
}
/***** FIELD ERROR *****/
body.form #error-summary {
	background: transparent url(../images/bg-field-error.png) repeat-y 0 0;
	padding: .5em 22px;
	margin: 0 16px;
	display:none;
}
body.form #error-summary span {
	display: block;
	color: #696214;
}
body.form .error-wrapper {
	clear:left;
	padding-top:0.3em;
	width:300px;
}
/*body.form input[type=text].fn-error, body.form select.fn-error, body.form textarea.fn-error {
	border-color: #f00 !important;
}
body.form input[type=text].fn-isvalide, body.form select.fn-isvalide, body.form textarea.fn-isvalide {
	border-color: #0f0 !important;
}*/
body form fieldset div.field.error {
	background: transparent url(../images/bg-field-error.png) repeat-y 0 0;
	padding: 0.6em 22px !important;
}
body form fieldset div.field.error span.error {
	float:none;
	display:block;
	margin-bottom: 0.5em;
	font-size: 0.9em;
	color: #696214;
}
body.form .section.form form div.rc {
	display: block;
	clear: both;
	margin: 0 0 .25em 0;
	float:left;
}
body.form .section.form form input {
	text-align: left
}
body.form .section.form form div.label {
	margin: 0px 0px 0px 0px;
}
body.form .section.form form div.field div.label p,
body.form .section.form form div.label label {
	float: left;
	clear: left;
	color:#000000;
	margin: 0 0 0.25em;
	padding: 0 4px 0 0;
	max-width: 475px;
}
body.form .section.form form div.field div.label p {
	padding-bottom: 0.25em;
}
body.form .section.form form div.field div.label.fieldSuffix {
	line-height: 2em;
	position: relative;
	left: -5px;
}
body.form .section.form form .field.date div.label {
	text-align: center;
	display: block;
	clear:left;
}
body.form .section.form form .field.date.day {
	width: 34px;
}
body.form .section.form form .field.date.month {
	width: 34px;
}
body.form .section.form form .field.date.year {
	width: 49px;
}
body.form .section.form form .field.date label {
	font-size: .9em;
	color: #868686;
	float: none;
	text-align: center;
	padding-right: 0 !important;
}
body.form .section.form form .field.date input {
	text-align: center;
	width:30px;
}
body.form .section.form form .field.date.year input {
	width:45px;
}
body.form .section.form form label {
	color: #000;
	padding: 0px 4px 0px 0px;
	margin: 0 0 .25em 0;
}
body.form .section.form form input[type='text'] {
	height: 17px;
}
body.form .section.form form input[type='text'],
body.form .section.form form select,
body.form .section.form form textarea {
	display: block;
	border: 3px groove #eee;
}
body.form .section.form form input[type='text']:focus,
body.form .section.form form textarea:focus {
	display: block;
	border: 3px groove #4a4a4a;
}
body.form .section.form form .inputs {
	clear: both;
}
body.form .section.form form .inputs input[type='text'],
body.form .section.form form .inputs select,
body.form .section.form form .inputs textarea {
	display: inline;
}
	body.form .section.form form .ro-input {
		font-weight: bold;
	}
	body.form .section.form form .ro-input.size-25 {
		width: 172px;
	}
body.form .section.form form div.rc input {
	display: block;
	float: left;
	margin: .15em .5em 0 0;
}
body.form .section.form form div.rc .label {
	margin: 0;
	float: left;
}
	body.form .section.form form div.rc div.field {
	}
	body.form .section.form form div.rc div.field .label {
		float: left;
	}
	body.form .section.form form div.rc div.field label {
	}
	body.form .section.form form div.rc div.field input {
		margin:-0.15em 0.5em 0 0;
	}
body.form .section.form form div.rc label {
	display: block;
	float: left;
	clear: none;
	padding: 0 2em 0 0;
	margin: .1em 0 0.25em;
}
body.form .section.form form div.rc.paddless label {
	display: block;
	float: left;
	padding: 0 .5em 0 0;
}
body.form .section.form form .field.opt-in label,
body.form .section.form form .field.newsletter-opt-in label {
	float: left;
	padding: 0;
}

body.form .section.form form .field.multiple-addresses p {
	margin: 0 0 .5em 0;
}
body.form .section.form form .field.multiple-addresses .field {
	float: none;
	border: 1px solid #e9e9e9;
	border-left: none;
	border-right: none;
	padding: 5px 0;
	margin: -1px 0 0 0;
}
body.form .section.form form .field.multiple-addresses .field p {
	width: 355px;
	float: left;
	clear: left;
}
body.form .section.form form .field.multiple-addresses .field button {
	float: right;
	clear: right;
}

body.form .section.form .footer .nav ul {
	padding: .25em 28px 0;
}
body.form .section.form .footer .nav ul li {
}
body.form .section.form .footer .nav ul li.alpha {
	float: left;
	clear: left;
}
body.form .section.form .footer .nav ul li.omega {
	float: right;
	clear: right;
}
body.form .section.form .footer .nav a,
body.form .section.form .footer .nav a:link,
body.form .section.form .footer .nav a:visited {
	display: block;
	padding: 10px;
	color: #456170;
	text-decoration: underline;
}
body.form .section.form .footer .nav a:hover {
	color: #0A2b47;
	text-decoration: underline;
}
body.form .section.form .footer .nav a:active {
	color: #456170;
	text-decoration: none;
}
body.form .section.form .footer .nav a.save,
body.form .section.form  a.save {
	background: transparent url(../images/icn-save.gif) no-repeat left 50%;
	padding: 10px 10px 10px 36px;
	display:block;
}
/*
	promoSpot
*/

	.promoSpot {
		position: relative;
		background: url("../images/bg-promoSpot.gif") no-repeat;
		width: 505px;
		min-height: 120px;
		left: 60px;
	}
	.promoSpot .header {
	}
	.promoSpot h3 {
		font-size: 1em;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	.promoSpot hr {
		border: none;
		height: 1px;
		background: #9aadb6;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	.promoSpot .content {
		position: relative;
		padding: 25px 115px 25px 25px;
	}
	.promoSpot .bigIcon {
		position: absolute;
		top: 25px;
		right: 25px;
	}
	.promoSpot .footer {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 20px;
		background: url("../images/bg-promoSpot.gif") bottom no-repeat;
	}

/*****
	Pourcentage d'utilisation des v�hicule
*****/
div.usage-wrapper {
	position: relative;
	margin:0 55px 0 22px;
	padding-left: 87px;
	min-height: 72px;
	height: 6em;
	padding-bottom: 3em;
}
div.usage-wrapper img.icn  {
	left:0;
	position:absolute;
	top:0;
}
body.form .section.form form fieldset div.usage-wrapper h3 {
	color:#000000;
	font-size:1em;
	margin:0 0 0.5em;
}
div.usage-wrapper .driver-prim {
	float: left;
	width: 214px;
}
div.usage-wrapper .driver-sec{
	margin-left: 215px;
	width: 214px;
	text-align:right;
}
div.usage-wrapper .slider-wrapper {
	width: 429px; height: 30px;
	position: relative;
	top:8px;
}
div.usage-wrapper .slider-wrapper .driver-prim-pct,
div.usage-wrapper .slider-wrapper .driver-sec-pct {
	padding-top: 6px;
	position: absolute;
	width: 65px;
	height: 22px;
	left: 0;
	top: 0;
	line-height: 1.7em;
	color: #8e8d8d;
	font-size:1.2em;
}
div.usage-wrapper .slider-wrapper .driver-sec-pct {
	left: auto;
	right:0;
	text-align: right;
}
div.usage-wrapper .slider-wrapper .btn-less,
div.usage-wrapper .slider-wrapper .btn-more {
	float: right; display:block;
	width: 25px; height: 22px;
	background: transparent url(../images/slider-btn-sprit.png) no-repeat 0 0;
	cursor: pointer;
	font-size:0;
	overflow:hidden;
	text-indent:-8000px;
	text-align: left;
}
div.usage-wrapper .slider-wrapper .btn-less.fn-btn-hover {
	background-position: 0 -22px;
}
div.usage-wrapper .slider-wrapper .btn-less.fn-btn-active{
	background-position: 0 -44px;
}
div.usage-wrapper .slider-wrapper .btn-more {
	float: left;
	background-position: -25px 0;
}
div.usage-wrapper .slider-wrapper .btn-more.fn-btn-hover {
	background-position: -25px -22px;
}
div.usage-wrapper .slider-wrapper .btn-more.fn-btn-active{
	background-position: -25px -44px;
}

div.usage-wrapper .slider-wrapper .ui-slider-horizontal {
	height: 15px;
	padding-bottom: 11px;
	top: 9px;
	background: transparent url(../images/bg-slider.png) no-repeat 0 0;
	border-style: none;
	margin-left: 75px;
	width: 279px;
}
div.usage-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle  {
	width: 15px;
	height: 22px;
	top: -3px;
	left: - 6px;
	background: transparent url(../images/bg-slider-cursor.png) no-repeat 0 0;
	border-style: none;
	cursor: pointer;
}
div.usage-wrapper .slider-wrapper .ui-slider-horizontal .ui-slider-handle.ui-state-active {
	background-position: 0 -22px;
}

/**
Page de soumission
**/
body.form .section.form-step-4 h2{
	font-size:1.5em;
}
body.form .section.form-step-4  form fieldset{
	padding-right:12px;
}
body.form .section.form form fieldset .sommaire-soumission-wrapper{
	padding-top:30px;
}
body.form .left-col{
	width:62%;
	float:left;
}

body.form .section.form form fieldset .detail .notes p{
	font-size:0.9em;
}
body.form .section.form form fieldset .detail sup{
	font-size:0.6em;
	vertical-align: text-top ;
}
body.form .section.form form fieldset .sommaire-soumission-wrapper .detail .montant-mensuel{
	display:block;
	font-weight:bold;
	font-size:2.5em;
	color:#0a2b47;
	padding-top:10px;
}
body.form .section.form form fieldset .sommaire-soumission-wrapper .detail .montant-annuel{
	display:block;
	font-weight:bold;
	font-size:2em;
	color:#0a2b47;
}
body.form .section.form form fieldset .sommaire-soumission-wrapper .detail .a-la-carte p{
	margin:0;
	padding:0;
}
body.form .right-col{
	width:38%;
	float:left;
}
body.form .section.form form fieldset .promo{
	text-align:center;
	color:#0a2b47;
}
body.form .section.form form fieldset .promo button{
	margin:0 0 1em;
}
body.form .section.form form fieldset .promo button.big span.text {
	padding:0.5em 0.5em 0.4em;
}
body.form .section.form form fieldset .promo .caps{
	font-size:1.1em;
	font-weight:bold;
}
body.form .section.form form fieldset .promo .caps strong{
	font-size:1.36em;
}
body.form .section.form form fieldset .promo .phone-number{
	font-size:1.17em;
}
body.form .section.form form fieldset .note,
body.form .section.form form fieldset div.label p.note{
	color:#5d5d5d;
}
body.form .section.form form fieldset .sommaire-soumission-wrapper .note a.dot-text{
	margin-left:10px;
}
body.form .section.form form fieldset .soumission-voiture{
	padding-left:17px;
}
body.form .section.form form fieldset .soumission-voiture h3,
body.form .section.form form fieldset .soumission-voiture h4{
	color:#0a2b47;
}
body.form .section.form form fieldset .soumission-voiture h3{
	padding:0 0 5px 85px;

}
body.form .section.form form fieldset .soumission-voiture h4{
	font-weight:bold;
	font-size:1.17em;
	border-bottom:1px solid #bacbd3;
	padding-left:0;
}
body.form .section.form form fieldset .soumission-voiture .voiture{
	padding-top:28px;
	border-top:1px solid #bacbd3;
}
body.form .section.form form fieldset .fixed-value{
	font-weight:bold;
}
body.form .section.form form fieldset .soumission-voiture div.field{
	padding: 0.25em 0;
	margin:0;
}
body.form .section.form form fieldset .soumission-voiture div.label {
	float:left;
	width:194px;
	padding-left:10px;
}
body.form .section.form form fieldset .soumission-voiture div.info {
	float:none;
	width:auto;
	display:-moz-inline-box;
	display:inline-block;
}
body.form .section.form form fieldset .soumission-voiture div.label label{
	padding-left:10px;
	color:#617b89;
}
body.form .section.form form fieldset .soumission-voiture .inputs{
	clear:none;
	text-align:right;
	margin-left:194px;
	padding-left:16px;
}

body.form .section.form form fieldset .soumission-voiture .fancySelect{
	/*display:-moz-inline-box;
	display:inline-block;*/
	float:none;
	width:150px;
}
body.form .section.form form fieldset .soumission-voiture h5.info{
	font-size:1em;
	font-weight:normal;
	float:left;
	width:150px;
	margin-top:1em;
	margin-bottom:0;
}
body.form .section.form form fieldset .soumission-voiture h5.info a{
	padding-right:20px;
	color:#000;
}
body.form .section.form form fieldset .soumission-voiture  .helpPopup a{
	margin-top:0.9em;
	margin-left:5px;
	display:block;
	vertical-align:middle;
}
body.form .section.form-step-4 form fieldset  .note{
	font-size:0.9em;
}
body.form .section.form-step-4 form fieldset  div.label .note,
body.form .section.form-step-4 form fieldset  div.label p.note{
	padding-left:20px;
	float:none;
	
}
body.form .section.form form fieldset  .soumission-voiture .form-box .item {
	padding:5px 0;
	vertical-align:middle;
	
}
body.form .section.form form fieldset  .soumission-voiture .form-box .item .icn{
	vertical-align:middle;
	margin-right:0.5em;
}
body.form .section.form form .contacter-agent fieldset{
	margin:0;
	padding:22px 0;
}
body.form .section.form form .contacter-agent  h2{
	margin:1em 0 0.5em;
}
body.form .section.form form .contacter-agent ul{
	margin-bottom:0;
}
body.form .section.form form .contacter-agent p{
	padding-left:34px;
}
body.form .section.form form .contacter-agent .toll-free{
	color:#0a2b47;
	font-weight:bold;
	font-size:1.08em;	
}

/**
Page acheter
**/

body.form .section.formAcheterStep1 form fieldset .note{
	 padding-left:0;
	 margin-left:0;
}
body.form .section.form form  .submited-items  .field{
	padding:0;
	margin:0;
	float:left;
	clear:none;
	width: 400px;
}
body.form .section.form form  .submited-items ul li{
	padding-bottom:1.2em;
}
body.form .section.form form  .submited-items .item-detail  .item-titre{
	font-weight:bold;
	
}
.form-box{
	width:201px;
	margin:17px 0 0 17px;
	position:relative;
}
.form-large-box{
	width:276px;
}
.form-box h4{
	margin-bottom:0.5em;
}
.form-box .tools{
	position:absolute;
	top:13px;
	right:0;
}
.form-box-bottom{background:url(../images/bg-form-inside-box-bottom.gif) no-repeat 0 bottom;padding-bottom:2px;}
.form-box-top{background:url(../images/bg-form-inside-box-top.gif) no-repeat 0 0;padding-top:2px}	
.form-large-box-bottom{background:url(../images/bg-form-large-inside-box-bottom.gif) no-repeat 0 bottom;padding-bottom:2px;}
.form-large-box-top{background:url(../images/bg-form-large-inside-box-top.gif) no-repeat 0 0;padding-top:2px}	
.form-box .inner{
	border-left:1px solid #bacbd3;
	border-right:1px solid #bacbd3;
	background-color:#ecf2f4;
	padding:10px;
}

body.form .section.form form fieldset  .soumission-voiture  a.save {
	position:relative;
	top:-8px;
}
body.form .section.form form fieldset  .sommaire-soumission-wrapper .detail .form-large-box{
	margin-bottom:1em;
}
body.form .section.form form fieldset  .field.opt-in.assitance-routiere-opt-in label{
	color:#000;
}
body.form .section.form form fieldset  .field .numero-assurance-habitation .inputs{
	float:left;
	padding-right:10px;
}
body.form .section.form form fieldset  .field .numero-assurance-habitation .right-col{
	padding-top:1em;
}

body.form .formAcheterStep4 h2,
body.form .formAcheterStep2 h2{
	font-size:1.5em;
}

body.form-buy ul.mode-paiement-info li {
	padding-bottom: 0.5em;
}

/*****
	Vertical tabs
*****/
body.form div.v-tabs {
	float:left;
	width:152px;
}
body.form div.v-tabs {
	float:left;
	width:152px;
	margin-top: 4px;
}
body.form div.v-tabs  .v-tab {
	position:relative;
	height: 34px;
	line-height: 34px;
	width: 152px;
	background-color: #f6f9fb;
	border: 1px solid #cbdddd;
	z-index:0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
body.form div.v-tabs  .v-tab.active {
	background-color: #fff;
	border-right-color: #fff;
	z-index:2;
	-moz-box-shadow: -2px 1px 2px #999;
	-webkit-box-shadow: -2px 1px 2px #999;
	box-shadow: -2px 1px 2px #999;
}
body.form .v-tab-contents {
	position: relative;
	z-index:1;
	background: #fff url(../images/bg-vtab-content.gif) repeat-x 0 bottom;
	border: 1px solid #cbdddd;
	/*min-height: 220px;*/
	float: left;
	width:408px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	/*-webkit-border-top-left-radius: 0;*/
	-moz-border-radius: 4px;
	/*-moz-border-radius-topleft: 0;*/
	border-radius: 4px;
	/*border-top-left-radius: 0;*/
	-moz-box-shadow: 0 2px 3px #555;
	-webkit-box-shadow: 0 2px 3px #555;
	box-shadow: 0 2px 3px #555;
}
body.form .v-tab-contents .v-tab-content {
	padding: 16px 26px;
}
body.form .v-tab-contents .v-tab-content.active, 
body.form .v-tab-contents .v-tab-content img{
	display:block;
}
body.form .section.form form fieldset .v-tab-contents .v-tab-content .field  input[type=text]{
	margin-top:3px;
}
body.form .section.form form fieldset .v-tab-contents .v-tab-content .field {
	clear: none;
	margin-right: 0;
}
body.form .section.form form fieldset .v-tab-contents .v-tab-content .field .field {
	margin-right: 1em;
}
body.form .section.form form fieldset .v-tab-contents .v-tab-content .field .field.last {
	margin-right: 0;
}
body.form .section.form form fieldset p.mode-paiement-bottom,
body.form .section.form form fieldset div.field.mode-paiement-bottom{
	margin-left: -22px;
}
body.form .section.form form fieldset div.field.extra-space {
	padding-top: 1.5em;
}
body.form .section.form form fieldset p.note-info {
	font-size: 0.9em;
	color: #878686;
}
body.form .v-tab-content .cardtype {
	margin-top: 0;
}

body.form .section.form form fieldset .v-tab-contents .v-tab-content .field.bank .field{
	margin-right:0.3em;
}
body.form .section.form form fieldset .v-tab-contents .v-tab-content .field.bank .field label{
	padding-right:0;
	white-space:nowrap;
}

/*
	Styles pour page vérification (auto)
*/

.split-left, .split-right {
	width: 246px;
	float: left;
	margin: 0;
	padding: 0 22px;
}
.sommaire-mode-paiement div{
	color: #383838;
}
.sommaire-mode-paiement.split-left{
	width: 200px;
	float: left;
	margin: 0 46px 0 0;
}
.sommaire-mode-paiement.split-right {
	width: 244px;
	float: left;
}
.split-left span, .split-right span {
	display: block;
}
.info-proprietaire h3.item-titre {
	margin-bottom: 0;
}
.sommaire-mode-paiement h3 {
	margin-bottom: 0.5em;
}
body.form .section.form form fieldset .sommaire-mode-paiement ul {
	padding-left: 12px;
}
.caption-value {
	margin: 0.5em 0;
}
.caption-value.total {
	margin-top: 1em;
	padding-top: 0.5em;
	border-top: 1px solid #bacbd3;
}
.caption-value span.caption {
	float: left;
	display: block;
	width:65%;
}
.split-left .caption-value span.caption {
	float: left;
	display: block;
	width:50%;
}
.caption-value.total  span.caption{
	font-weight: bold;
}
.caption-value span.value {
	margin-left:67%;
	display:block;
	text-align: right;
}
.split-left .caption-value span.value {
	margin-left:55%;
	display:block;
	text-align: right;
}
.sommaire-mode-paiement .info-rabais {
	font-weight:bold;
	padding-top: 10px;
}
.sommaire-mode-paiement .info-rabais span.caption {
	float:left;
	width: 225px;
}
.header-tools {
	position:relative;
	float:left;
}
.header-tools ul {
	position:absolute;
	bottom:0;
	left:100%;
	padding-bottom:0;
	margin-bottom:4px;
}
.inner .header-tools {
	float:none;
}
.inner .header-tools ul{
	left:auto; top:auto;
	right:0;
}
body.form .section.form form fieldset .header-tools ul {
	margin-bottom: 4px;
	padding-right: 5px;
}
a.h2-side-link {
	margin-top: 1.3em;
	float: left;
}
fieldset.resume p.conclusion {
	margin-top: 1.5em;
}
body.form .section.form form fieldset.resume .soumission-voiture .voiture {
	border-top: 0px none;
	padding-top: 28px;
}
body.form .section.form form fieldset.resume .soumission-voiture h4 {
	padding-right: 70px;
	padding-bottom: 3px;
	margin-bottom:0;
}
body.form .section.form form fieldset.resume .soumission-voiture span.utilisation {
	display:block;
	color: #5d5d5d;
}
body.form .section.form form fieldset.resume .soumission-voiture .form-box .item .icn {
	float: left;
}
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.ta-right {
	text-align: right;
}
/*
	Styles excetptions for individual fields
*/
#assure-age,
#age-detention-permis,
#annee-embauche {
	text-align: center;
}

/*
Icons
*/
.icn-male{
	background-image:url(../images/icn-m-driver.gif);
}
.icn-female{
	background-image:url(../images/icn-f-driver.gif);
}
.icn-borders{
	display:block;
	float:left;
	height:72px;
	width:72px;
	border:1px solid #b2b4b5;
	background-color:#fff;
	margin-right:1em;
}
.icn-borders-small{
	display:block;
	float:left;
	height:35px;
	width:35px;
	border:1px solid #b2b4b5;
	background-color:#fff;
	margin-right:1em;
}

.icn-vehicle-sprite {
	background-image:url(../images/icn-vehicle-sprite.gif);
	background-repeat:no-repeat;
}
.icn-sprite-minivan{background-position:0 -150px;}
.icn-sprite-jeep{background-position:0 -300px;}
.icn-sprite-stationwagon{background-position:0 -450px;}
.icn-sprite-4portes-hatchback{background-position:0 -600px;}
.icn-sprite-4portes{background-position:0 -750px;}
.icn-sprite-2portes-hatchback{background-position:0 -900px;}
.icn-sprite-2portes{background-position:0 -1050px;}
.icn-sprite-decapotable{background-position:0 -1200px;}
/** Small version **/
.icn-sprite-minivan-small{background-position:0 -1360px;}
.icn-sprite-jeep-small{background-position:0 -1510px;}
.icn-sprite-stationwagon-small{background-position:0 -1660px;}
.icn-sprite-4portes-hatchback-small{background-position:0 -1810px;}
.icn-sprite-4portes-small{background-position:0 -1960px;}
.icn-sprite-2portes-hatchback-small{background-position:0 -2110px;}
.icn-sprite-2portes-small{background-position:0 -2260px;}
.icn-sprite-decapotable-small{background-position:0 -2410px;}
/***/

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.field:after, 
div.rc:after, 
div.label:after, 
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.field, 
div.rc, 
div.label, 
.clearfix {
	display: inline-block;
}

* html .field, 
* html div.rc, 
* html div.label, 
* html .clearfix {
	height: 1%;
}

.field, 
div.rc, 
div.label, 
.clearfix {
	display: block;
}

.dot-text {
	background:url(../images/icn-dot.gif) no-repeat 0 50%;
	padding-left:13px;
}
.caps{
	text-transform:uppercase;
}
/* Field Hints */
.field .hint {
    color: #8e8d8d;
    font-style: italic;
}

/* Card type identifier widget */
ul.card-types li {
    display: inline;
}
.cardtype {
    width: 86px;
    height: 27px;
    margin-top: 12px;
}
.cardtype-none {
    background: url('../images/creditcards_none.gif') no-repeat top left;
}
.cardtype-visa {
    background: url('../images/creditcards_visa.gif') no-repeat top left;
}
.cardtype-mc {
    background: url('../images/creditcards_mc.gif') no-repeat top left;
}
.cardtype-amex {}
.cardtype-discover {}

/*
 Help Popup
*/
	.helpPopup {
		display: block;
		float: left;
		clear: right;
	}
	.helpPopup.inlineHelp {
		display: inline;
		float: none;
		clear: none;
	}
	.helpContent {
		display: none;
	}
	.helpPopup .openLink {
		display: block;
		position: relative;
		background-image: url(../images/icn-help.png);
		background-repeat: no-repeat;
		text-indent: -1000em;
		width: 16px;
		height: 16px;
		overflow: hidden;
	}
	.helpPopup .openLink:hover {
		background-position: 0px -16px;
	}
	.helpPopup .openLink:active {
		background-position: 0px -32px;
	}
		.helpPopup.inlineHelp .openLink, 
		.helpPopup.inlineHelp a.openLink, 
		.helpPopup.inlineHelp a.openLink:link, 
		.helpPopup.inlineHelp a.openLink:visited {
			display: inline;
			position: relative;
			background: none;
			text-indent: 0;
			width: auto;
			height: auto;
			overflow: auto;
			color: #456170;
			text-decoration: underline;
			cursor: help;
		}
		.helpPopup.inlineHelp a.openLink:hover {
			color: #0A2B47;
			text-decoration: underline;
		}
		.helpPopup.inlineHelp a.openLink:active {
			color: #456170;
			text-decoration: none;
		}
	.helpPopup-popup {
		position: relative;
		padding: 12px 10px 10px 13px;
		margin: 1px;
		background-image: url("../images/helpPopup-bg.png");
		background-repeat: repeat-x;
		background-position: left bottom;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.helpPopup-popup .content {
		padding-right: 15px;
	}
	.helpPopup-popup .footer {
		position: relative;
		top: 5px;
		margin: 10px 0px 0px 0px;
		text-align:center;
	}
	.helpPopup-popup .header {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 10px;
		background-image: url("../images/helpPopup-bg.png");
		background-repeat: repeat-x;
		background-position: left top;
	}
	
	.helpPopup-popup .content {
		font-size: 0.85em;
		color: #757575;
	}
	.helpPopup-popup h3 {
		font-size: 1em;
		color: #000;
		font-weight: bold;
		padding-right: 16px;
		margin-bottom: .5em;
	}
	.helpPopup-popup h4 {
		font-size: 1em;
		color: #757575;
		font-weight: bold;
		margin-bottom: .5em;
	}
	.helpPopup-popup p {
	}
	.helpPopup-popup ul {
		list-style-position:outside;
		list-style-type:disc;
		padding-left:1em;
		margin: 0 0 1em 0;
	}
	.helpPopup-popup ul li {
	}
	.helpPopup-popup ul ul {
		margin: 0;
	}
	.helpPopup-popup dt {
		font-weight: bold;
	}
	.helpPopup-popup dd {
		margin: 0 0 1em 0;
	}
	
	.helpPopup-popup .closeButton {
		position: relative;
		
	}
	.helpPopup-popup .closeLink {
		position: absolute;
		top: 5px;
		right: 5px;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		background-image: url("../images/icn-close.png");
		text-indent: -1000em;
		overflow: hidden;
	}
	.helpPopup-popup .closeLink:hover {
		background-position: 0px -16px;
	}
	.helpPopup-popup .closeLink:active {
		background-position: 0px -32px;
	}
/**
 * Page: Verification
 */
	.infoHighlight {
		background: #eff5f7;
		padding: 15px 15px 12px 15px;
		margin: 0 16px 15px 16px;
	}
	.infoHighlight .noContrat {
		font-weight: bold;
		font-size: 1.2em;
		padding: 0px;
		margin: 0px;
	}

	.descriptionBlock {
		margin: 0 16px;
		padding: 0px 15px 0px 15px;
	}

	.titleBlock {
		margin: 0 16px;
		padding: 0px;
	}

	.links {
	}
	.links ul {
		float: left;
		position: relative;
		padding: 0 !important;
		margin: 0 0 1em 12px !important;
	}
	.form-buy .promoSpot .content .links ul {
		float: none;
	}
	.links ul li {
		list-style: disc outside url("../images/icn-dot.gif") !important;
		padding: 0 0 0 0.3em !important;
		margin: 0 !important;
	}

	.links a:link,
	.links a:visited {
	}

	.note-de-couverture {
		padding:0 22px;
	}
	.note-de-couverture .submited-items {
		background: none;
	}
	.note-de-couverture .submited-items ul {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.note-de-couverture .submited-items ul li {
		padding-bottom: 0;
	}

/**
 * styling for jQuery beautyTips tooltip plugin
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
	.bt-content {
	  font-size: small;
	  color: #000;
	  line-height: normal;
	}
	
	/* styling for active target elements - usually for background hilighting */
	.bt-active {
	  /* example:
	  background-color: yellow !important;
	  */
	}


/*
    anythingSlider v1.2

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

	.anythingSlider {
		width: 624px;
		height: 286px;
		position: relative;
		margin: 0;
		background: url(../images/home-carousel-bg_fr.png) no-repeat 0 0;
	}
	.en .anythingSlider {
		background: url(../images/home-carousel-bg_en.png) no-repeat 0 0;
	}

	.anythingSlider .wrapper {
		width: 622px;
		overflow: auto;
		height: 284px;
		margin: 0;
		position: absolute;
		top: 1px;
		left: 1px;
	}

	/* Width below is max for Opera */
	.anythingSlider .wrapper ul {
		width: 32700px;
		list-style: none;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0px !important;
	}


	.anythingSlider ul li {
		display: block;
		float: left;
		padding: 0;
		height: 286px;
		width: 624px;
		margin: 0;
	}

	.anythingSlider .arrow {
		display: block;
		height: 22px;
		width: 22px;
		text-indent: -9999px;
		position: absolute;
		top: 65px;
		cursor: pointer;
		position: absolute;
		top: 248px;
	}

	.anythingSlider .forward {
		background: url(../images/carousel-next.png) no-repeat 0 0;
		left: 446px;
	}

	.anythingSlider .back {
		background: url(../images/carousel-prev.png) no-repeat 0 0;
		left: 333px;
	}

	.anythingSlider .forward:hover {
	}

	.anythingSlider .back:hover {
	}


	#thumbNav {
		position: absolute;
		top: 248px;
		left: 360px;
		text-align: center;
	}

	#thumbNav a {
		color: #00324d;
		font-size: 11px;
		line-height: 24px;
		display: inline-block;
		padding: 0px 0px;
		height: 22px;
		width: 22px;
		margin: 0 6px 0 0;
		background: #d0dbe0 url(../images/carousel-page.png) no-repeat;
		text-align: center;
		overflow: hidden;
		font-weight: normal;
	}

	#thumbNav a:hover {
		background: #00324d url(../images/carousel-page-hover.png) no-repeat;
		color: #fff;
		text-decoration: none;
	}

	#thumbNav a.cur {
		background: #00324d url(../images/carousel-page-current.png) no-repeat;
		color: #fff;
	}

	#start-stop {
		display: none;
		color: white;
		padding: 2px 5px;
		width: 40px;
		text-align: center;
		position: absolute;
		right: 45px;
		top: 323px;
	}

	#start-stop.playing {
	}

	#start-stop:hover {
	}

	/*
	 Prevents
   */
	.anythingSlider .wrapper ul ul {
		position: static;
		margin: 0;
		background: none;
		overflow: visible;
		width: auto;
		border: 0;
	}

	.anythingSlider .wrapper ul ul li {
		float: none;
		height: auto;
		width: auto;
		background: none;
	}

/**
 * promoSlide : Individual slide inside the carousel
 */
	.promoSlide {
		padding: 10px;
		position: relative;
	}
	.promoSlide .promoImage {
		position: absolute;
		left: 5px;
		top: 10px;
		height: 10px;
	}
	.promoSlide .promoContent {
		position: absolute;
		width: 270px;
		left: 343px;
		top: 24px;
		font-size: 1em;
		line-height: 1.2em;
		color: #00324d;
		text-align:left;
	}
	.promoSlide .promoContent a,
	.promoSlide .promoContent a:link {
		text-decoration: underline;
		color: #00324d;
	}

	.promoSlide .promoContent a:hover {
		color: #0A2b47;
	}
	.promoSlide .promoContent p {
		padding: 0px !important;
	}
	.promoSlide h3 {
		font-size: 1.5em !important;
		line-height: 1.3em;
		font-weight: bold;
		margin: 0 0 0.6em 0;
		color: #00324d;
		font-family: MetaWeb-ThinIta, sans-serif;
	}


/*
 FancySelect styling for Select Boxes
*/

/* ====================================================================

	FANCY BUTTONS LIKE A SELECT BOX
*/

	.fancySelect {
		position: relative;
		float: left;
	}
	.fancySelect a:visited,
	.fancySelect a:link {
		display: block;
		width: auto;
		border: 0;
		cursor: pointer;
		font-weight: normal;
		padding: 0 28px 0 0;
		text-align: left;
		background: url(../images/fancyButtonSelect-right.png) right 0px no-repeat;
		height: 26px;
		line-height: 26px;
	}
	.fancySelect a:visited span,
	.fancySelect a:link span {
		position: relative;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		padding: 0px 5px 0px 7px;
		height: 26px;
		line-height: 26px;
		background: url(../images/fancyButtonSelect-left.png) left 0px no-repeat;
		color: #000;
		padding-right: -3px;
	}
	.fancySelect a:active,
	.fancySelect a:focus,
	.fancySelect a:hover {
		-moz-outline: none !important;
		outline: none !important;
		background: url(../images/fancyButtonSelect-right-hover.png) right 0px no-repeat;
		text-decoration: none;
	}
	.fancySelect a:active span,
	.fancySelect a:focus span,
	.fancySelect a:hover span {
		background: url(../images/fancyButtonSelect-left-hover.png) left 0px no-repeat;
	}
	.fancySelect select {
		z-index: 1000;
		left:2px;
		top:23px;
		position: absolute;
		width: 130%;
	}
    .fancySelect.empty a span.label {
        color: #8E8D8D;
    }
	/* Width presets */
	.select-s .fancySelect a {
		width: 110px;
	}
	.select-m .fancySelect a {
		width: 145px;
	}
	.select-l .fancySelect a {
		width: 170px;
	}
	.select-xl .fancySelect a {
		width: 260px;
	}


/*
	Date picker
*/
	.ui-datepicker-trigger {
		cursor:pointer;
		margin-top: -1px;
		/*left:5px;
		position:relative;
		top:1px;
		vertical-align:bottom;*/
	}

    .multi-date-day,
    .multi-date-month {
        width: 25px;
        float: left;
    }
    .multi-date-year {
        width: 40px;
        float: left;
    }
	.picker-image{
		position:relative;
	}
	.hasDatepicker{
		position:absolute;
		left:0;
		bottom:0;
	}
	

/*
    Dynamic rows editors
*/
a.dynamic-row-delete {
    display: block;
    margin-top: 5px;
}

/*
	Iframe display
*/
iframe.ifrm-save {
	width: 100%;
	height: 210px;
	overflow: hidden;
}

body.iframe {
	margin: 0;
}

body.iframe .page {
	margin:0;
	width: auto;
}

body.iframe .page .content-border {
	display: block;
	padding: 10px;
	border: 1px solid #c2c2c2;
	background-color: #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}

body.iframe form {
	position: relative;
}
body.iframe form label, body.iframe form input {
	display: block;
}
body.iframe form div.field {
	clear:both;
	margin:0 0 0 0;
	/*padding:0.25em 0 1em;*/
	padding:0.5em 22px;
}
body.iframe form div.rc {
	clear:both;
	display:block;
	float:left;
	margin:0 0 0.25em;
}
body.iframe form div.rc {
	display:block;
	float:left;
	margin:0.15em 0.5em 0 0;
}
body.iframe form div.rc .label {
	float:left;
	margin:0;
}
body.iframe form div.rc input {
	float:left;
	display: block;
	margin:0.15em 0.5em 0 0;
}
body.iframe form div.rc label {
	clear:none;
	display:block;
	float:left;
	margin:0.1em 0 0.25em;
	padding:0 2em 0 0;
}
body.iframe fieldset.form-control {
	padding:12px 0 0;
}
.onLeftHelp {
	margin-right: 0.5em;
}
.center-sb-button{
	text-align:center;
	position:absolute;
	width:100%;
	bottom:20px;
}
.shadowbox-content{
	display:none;
}
#sb-body .left-col{
	width:58%;
	padding-right:2%;
}