/*		| START : HACK explanation |		*/
/*		IE 5.5 : * In front of the css property FE: *margin: 10px 0; */
/*		IE 6 : _ In front of the css property FE: _margin: 10px 0; */
/*		IE 7 : * In front of the css property FE: *margin: 10px 0; */
/*		IE: !ie After the property value and in front of the ; . FE: margin: 10px 0 !ie; */
/*		| END : HACK explanation |		*/
/*		--------------------------------------------------------------------------------------------------------------------------------------*/
/*		| START : DEFAULTS |		*/
*{
	margin: 0;
	padding: 0;
}
body {
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	padding: 0 0 10px 0;
}
:focus{outline:0;}
img{
	border:0;
}

.orange {
	color: #e66b03;
}

.green {
	color: #bbc858;
}

/* START : default links */
a{
	text-decoration: none;

}
a, a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/*
ol{
	margin: 20px 0 15px 20px;
	padding: 0 0 0 10px;
}

ul{
	margin: 0 0 30px 20px;
	padding: 0 0 0 0px;
	list-style: url(../bn_bullet.png);	
}

li{
	margin: 0px 0 4px 10px;
	padding: 0 0 0 5px;
	font-size: 12px;
}
*/

hr {	display: block; border: 0; height: 1px; background: #ddd; color: #ddd; margin: 60px auto; width: 820px; }

.clear{
	clear:both;
	height: 0px;
	width: 0px;
	display:block;
	font-size: 0px;
	line-height: 0px;
}

.clearfix { 
zoom : 1; }

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* ALIGNMENT */
    .left { float:left; }
    .right { float:right; }
    .alignleft { text-align:left; }
    .alignright { text-align:right; }
    img.alignleft { float: left; padding-right: 0.5em; }
    img.alignright { float: left; padding-right: 0.5em; }

/* GRID */
	.row { clear: both; width: 100%; overflow: hidden; margin: 0 auto; }
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
		margin-left: 3.8%;
		float: left;
		min-height: 1px;
	}
	.row .alpha { margin-left: 0; }
	
	.row .onecol { width: 4.85%; }
	.row .twocol { width: 13.45%; }
	.row .threecol { width: 22.05%; }
	.row .fourcol { width: 30.75%; }
	.row .fivecol { width: 39.45%; }
	.row .sixcol { width: 48%; }
	.row .sevencol { width: 56.75%; }
	.row .eightcol { width: 65.4%; }
	.row .ninecol { width: 74.05%; }
	.row .tencol { width: 82.7%;	}
	.row .elevencol { width: 91.35%;	}
	.row .twelvecol { width: 100%; float: left;}


/* END : default links */
/*		--------------------------------------------------------------------------------------------------------------------------------------*/
/* START page width */

#pageWidth {
	position: relative;
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
	color: #333;
}
#wrapper {}
.wrap820 { width: 820px; margin:0 auto; }

/* END page width */
/*		--------------------------------------------------------------------------------------------------------------------------------------*/
/*		| START :  HEADERS |		 */

h1, h2, h3 { margin: 5px 0; }
h1{
	font-size: 28px;
	color: #cc0000;
	margin: 0 20px 10px;
	font-weight:normal;
}
	h1+p {
		margin: 0 20px 10px;
		width: 580px;
		font-size: 14px;
		line-height: 17px;
	}

h2{
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

h3 {
	margin: 10px 0 10px 0;
	font-size: 24px;
	color: #bbc858;
	font-weight: bold;
}

.example{
	margin: 0 0 20px 0;}

	
.header{	
	background: transparent url(header.jpg) no-repeat;
	width: 840px;
	height: 270px;
	margin: 0 auto;
	}
	
.header2{	
	background: transparent url(header_01_12months_250.jpg) no-repeat;
	width: 840px;
	height: 270px;
	margin: 0 auto;
	}

.content { width: 840px; padding: 20px 20px 0; }
.small_box{
	width: 400px;
	margin: 20px 0;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* W3C */
	border:#CCC 1px solid;
}
	.small_box > h2 { margin: 16px 0 0 13px; font-weight: bold; }
	.sb01 { margin: 10px 0; padding: 0; width: 99px; height: 55px; border-left: 1px dotted #aaa; float: left;overflow: hidden; }
	.sb01.alpha { border: none;}
	.sb01 > p { margin: 5px 6px; text-align:center; }
	.small_box .note { margin: 5px 0 10px 13px; }

#financement { width: 860px; margin: 30px auto; background: url(../steps_bg.png) no-repeat center 30px ; }
#financement h2 { margin: 0 0 35px 20px; }
#stepboxes { width:820px; margin: 0 auto;}
.stepbox { float: left; width: 22%; margin-right: 3%; }	
	.stepbox p { font-size: 11px; }

#questions { width: 820px; margin: 0 auto; }	
#questions h2 { font-size: 16px; }
#questions a {
	margin-top: 8px;
	font-weight: bold;
	text-align: left;
	color: #0e5fd8;
}
#questions .q01, #questions .q02 { float: left; width: 48%; }
#questions .q02 { margin-left: 3%; }
	

#servicebox {
	width: 840px;
	margin: 70px auto;
	border: 1px solid #ccc;
	background: #f1f1f1;
}
	#servicebox .fourcol { background: url(../icon_truck.jpg) 4% 15% no-repeat; }
		#servicebox .truck { background: url(../icon_truck.jpg) 4% 16px no-repeat; }
		#servicebox .contact { background: url(../icon_contact.jpg) 4% 16px no-repeat; }
		#servicebox .rembours { background: url(../icon_rembours.jpg) 4% 16px no-repeat; }
		
	#servicebox .fourcol h2 { margin: 15px 10px 5px; padding-left: 60px; }
	#servicebox .fourcol p { margin: 10px 10px 20px; padding-left: 60px; }
	#servicebox h2 { font-size: 14px; font-weight: bold; font-family: Arial, "Helvetica", Verdana, sans-serif; }
	
.blackBtn {display:inline-block; margin: 10px 6px 10px 0; height:27px; *zoom:1; *display:inline; background:url(../bg-blckbtn-left.jpg) left top no-repeat; line-height:27px; font-size:13px}
.blackBtn span { display:inline-block; height:27px; *zoom:1; *display:inline; background:url(../bg-blckbtn-right.jpg) right top no-repeat; line-height:27px; color:#FFF; font-weight:bold; padding:0 10px}
.blackBtn:hover { text-decoration:none }

/*		| END :  HEADERS		 */
/*		--------------------------------------------------------------------------------------------------------------------------------------*/
/*		| START : PARAGRAPHS 		*/

p,a {
	font-size: 12px;
	color: #333;
}


.tab_content {
	margin: 50px auto 0 auto;
	width:820px;
	
}

.tab_pic {
	float:left;
	width: 400px;
	margin: 0 20px 0 0;
	}

.tab_copy {
	float:left;
	line-height: 18px;
	width: 400px;
	
}
	
.tab_copy p { line-height: 18px; }
.note, .note a { font-size: 10px; color: #666666; font-weight: normal; line-height: 14px; }
.tab_copy .backtotop { text-align: right; margin: 5px 0;}
.tab_copy .backtotop  a { color: #0e5fd8; }

.tabnote { width: 500px; color: #666; font-size: 11px; margin: 0 auto 5px; text-align: center;}
.tabs  { width: 270px; height: 25px; list-style:none; margin: 0 auto; padding: 0; z-index: 101; }
			
	.tabs li { display: block; width: 90px; height: 25px; margin:0; float: left; margin: 0; padding: 0; font-size: 12px; }
	
	.tabs  li a { display: block; width: 90px; height: 25px; padding-top: 5px; margin:0; text-align: center; text-decoration: none; font-weight: bold; }

	.tabs .first a { background: url(../but_left_out.png) top center no-repeat; color: #333; }
	.tabs .first a:hover, .first a.active { background: url(../but_left_hi.png) top center no-repeat; color: #fff;}

	.tabs .second a { background: url(../but_middle_out.png) top center no-repeat; color: #333; }
	.tabs .second a:hover, .second a.active { background: url(../but_middle_hi.png) top center no-repeat; color: #fff;}

	.tabs .third a { background: url(../but_right_out.png) top center no-repeat;color: #333; }
	.tabs .third a:hover, .third a.active { background: url(../but_right_hi.png) top center no-repeat; color: #fff;}

	
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 1009;
}
.close { float: right; margin: -30px -35px 0 0;}


img.btn_close {
	float: right; 
	padding-left:5px;
	margin-top: -17px;
}


.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 738px;
	z-index: 9999;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 40px;
}
.popupcontent { border: 1px solid #ccc; padding: 25px 40px;}
	.popupcontent h2 { font-size: 22px; color: #BBC858; margin-bottom: 20px; }
	.popupcontent h3 { font-size: 14px; color: #333; margin-bottom: 8px; }
	.popupcontent p { margin-bottom: 15px; line-height: 18px;}
	/*
	display: none;
background: white;
padding: 20px;
border: 20px solid #DDD;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%;
left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px black;
-moz-box-shadow: 0px 0px 20px black;
box-shadow: 0px 0px 20px black;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	*/
	
	table { border-collapse:collapse; border: 1px solid #ccc;}
	table thead td { font-size: 24px;}
	table th { font-size: 15px; vertical-align: text-top; }
	table th[scope=col]  { width:20%; font-size: 14px; text-transform: uppercase; color: #bbc858;}
	table th[scope=row]  { text-align: left; }
	table tr { }
	table td { margin-bottom: 5px; padding:15px 1em; font-size: 13px; vertical-align: text-top; border: 1px solid #ccc; }
	table td.empty { border: none; }
	
	
	
.cto{
	margin: 45px 0 15px 60px;}