@charset "UTF-8";
/* CSS Document */
body { background-color:#fff; text-align:center; font-family:Helvetica, Arial, Verdana, sans-serif; }

.left { float:left; }
.right { float:right; }

#page { width:980px; margin:0 auto; text-align:center; }
#wrapper { width:980px; margin:0; text-align:left; }
#main { width:555px; float:left; }

#header { width:980px; }
#header .transports-canada { float:left; width:200px; height:16px; background:#ffffff url(../images/mapple-leaf-canada.png) no-repeat top left; font-size:12px; margin:0 0 0 30px; padding:3px 0 0 25px; line-height:16px; }
#header .logo { float:right; width:650px; text-align:right; font-size:12px; margin-right:27px; padding:3px 0 0 0; line-height:16px;}

#topmenu { width:980px; height:27px; margin:7px 0 5px 0; background-color:#002774; }
#topmenu ul { list-style-type:none; margin:0 0 0 55px; padding:6px 0 0 0; font-size:13px; font-weight:bold; }
#topmenu ul li { margin:0 17px 0 0; padding:0; display:inline; }
#topmenu a { color:#fff; text-decoration:none; }
#topmenu a:hover,
#topmenu li.active a { color:#ffd88e; }
#topmenu .language { font-size:12px; font-weight:normal; margin-right:27px; padding:7px 0 0 0; }

#permis-de-bateau { position:relative; width:980px; height:455px; background:#fff url(../images/permis-de-bateau.jpg) no-repeat top left; }
#permis-de-bateau h1 { display:none; }
#permis-de-bateau .start-here { position:absolute; top:366px; left:50px; width:344px; height:74px; }
#permis-de-bateau .start-here a { display:block; width:344px; height:74px; }
#permis-de-bateau .start-here a span { display:none; }

#main .avantages {}
#main .avantages { list-style-type:none; margin:20px 0 0 55px; padding:0; }
#main .avantages li { font-size:18px; margin:0 0 15px 0; color:#333333; }
#main .examen { font-size:16px; text-transform:uppercase; margin:50px 55px; }
#main .examen a { color:#f28009; }
#main .loi { margin-left:55px; }
#main h3.loi { font-size:16px; }
#main p.loi { font-size:14px; }
#main .permis-facile { margin-left:55px; font-size:18px; }

.psecure { font-size:10px; }

#help { width:912px; margin:0 0 0 35px; }
#help .bigbox { width:912px; margin-bottom:20px; }
#help .bigbox-header { height:56px; background:#647cab url(../images/bigbox-blue-outer.png) no-repeat top left; }
#help .bigbox-inner { background:#647cab url(../images/bigbox-blue-inner.png) repeat-y top left; padding:1px 23px 5px 23px; }
#help .bigbox-footer { height:20px; background:#647cab url(../images/bigbox-blue-outer.png) no-repeat bottom left; }
#help .bigbox h4 { margin:0 0 0 23px; padding:0; color:#fff; line-height:35px; font-size:14px; }
#help .bigbox p { margin:0 0 7px 0x; padding:0; font-size:16px; }
#help .intro { margin:0 23px }
#help .faq { margin:0 23px }
.btn img { border:none; }

#help2 { width:980px; margin:0; }
#help2 .text { margin:0 55px }

.helpbox { position:relative; width:316px; margin:0 6px 20px 0; float:left; }
.helpbox .head { height:79px; background:#6079aa url(../images/helpbox3-outer.png) no-repeat top left; }
.helpbox .inner { height:455px; background:#fff url(../images/helpbox3-inner.png) repeat-y top left; padding:1px 20px 1px 37px; }
.helpbox .foot { height:14px; background:#fff url(../images/helpbox3-outer.png) no-repeat bottom left; }
.helpbox h4 { margin:0 0 0 77px; padding:20px 0 0 0; color:#fff; line-height:35px; font-size:14px; }
.helpbox p { margin:0 0 7px 0; padding:0; font-size:16px; }
.helpbox address { margin:5px 0 5px 39px; font-style:normal; }
.helpbox ul { list-style-type: circle; margin:0; }
.helpbox ul li { margin-bottom:10px; }
.helpbox .btn { position:absolute; bottom:17px; right:1px; }

.helpstep2 .head, .helpstep5 .head { background-position:0 -79px; }
.helpstep3 .head { background-position:0 -158px; }
.helpbox2 { width:477px; }
.helpbox2 .head { background-image:url(../images/helpbox2-outer.png); }
.helpbox2 .inner { height:500px; background-image:url(../images/helpbox2-inner.png); }
.helpbox2 .foot { background-image:url(../images/helpbox2-outer.png); }
.helpbox2 .btn { right:82px; }
.payment-logo { margin:10px auto; text-align:center; width:220px; padding:0; }
.payment-logo div { float:left; margin:0 5px; }

/* Subcontent pages. */
.subcontent { position:relative; margin:10px 25px 20px 55px; }
.subcontent h1 { font-size:24px; }
.formation, .guide, .contactus { padding:0 20px 0 207px; background:#ffffff url(../images/pages-background.jpg) no-repeat top left; }
.manuel { padding:0 20px 0 207px; }


#sidebar { width:344px; float:right; }
#sidebar .box { width:344px; margin-bottom:20px; }
#sidebar .box-header { height:56px; background:#647cab url(../images/box-blue-outer.png) no-repeat top left; }
#sidebar .box-inner { background:#ffffff url(../images/box-blue-inner.png) repeat-y top left; padding:1px 23px 5px 23px; }
#sidebar .box-footer { height:20px; background:#ffffff url(../images/box-blue-outer.png) no-repeat bottom left; }
#sidebar .box h4 { margin:0 0 0 23px; padding:0; color:#fff; line-height:35px; font-size:14px; }
#sidebar .box p { margin:0 0 7px 0x; padding:0; font-size:14px; }

#footer { width:870px; margin-top:30px; padding:17px 55px; border-top:2px solid #003399; }
#footer .contact { font-size: 12px; }
#footer address { font-style:normal; }
#footer h5 { font-family:Helvetica, Arial, Verdana, sans-serif; font-style:normal; font-size:9px; color:#999999; }

/*
	NEW PAY CHECKOUT.
*/
.checkout .price { float:right; }
.checkout h2 { font-size:18px; }
.checkout .contact { position:relative; }
.checkout .contact li span { position:absolute; left:200px; }
.checkout fieldset { border:1px solid #DADBE4; background-color:#F7FBFF; margin-bottom:12px; }
.checkout legend { font-size:16px; font-weight:bold; }
.checkout ul { margin: 0px; padding: 0px; list-style-type: none; }
.checkout ul li { margin-bottom:2px; }
.checkout .moreinfo { font-size:12px; }
.checkout .summary { border-top:3px solid #C0C1CD; }
.checkout .cart { width:60% }
.checkout .payment fieldset { width:330px; height:200px; float:left; }

/* LOGINBOX */
.loginbox { position:relative; border:1px solid #3366CC; width:350px; height:130px; text-align:left; }
.loginbox ul { list-style-type:none; height:60px; }
.loginbox ul li { margin:5px 0; }
.loginbox li span { position:absolute; left:150px; }
.loginbox .title { text-align:center; font-size:12px; margin:3px; }
.loginbox .lost-password { text-align:center; font-size:12px; margin:3px; }

/* INFO TABLE */
.infotable { border-collapse: collapse; border:1px solid gray; }
.infotable caption { background-color: navy; color:white; }
.infotable td { padding:10px; }
.infotable th { text-align:left; padding:10px; }


/* CLEARS */
.payment-logo:after,
.steps:after,
#header:after,
#topmenu:after,
#content:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }