* { margin: 0px; padding: 0px; }

body { background-color: #ECECEC; font: 11px Tahoma, Arial, sans-serif; color: #535353; }

a, a img { text-decoration: underline; color: #535353; border-width: 0px; border-style: none; }

h1 { display: block; background-color: #102249; color: #FFFFFF; text-transform: uppercase; padding-left: 15px; padding-bottom: 5px; padding-top: 5px; font: bold 1.2em candara, tahoma, arial, sans-serif; margin-bottom: 20px; height: 15px; }

.companyPhone { font-size:1.2em; }

label { display:block; float:left; padding:10px 0px 10px 0px; margin-right:10px; clear:right; }

input { border-width: 0px; border-style: none; }

select, input { margin-top: 4px; display: block; float: left; padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; border-top: 1px solid #B7B7B7; border-right-style: none; border-bottom-style: none; border-left-style: none; }

select { margin-right: 10px; }

#header { height: 186px; background-image: url(/quote/images/www/bg-header.gif); margin:0px 0px 20px 0px; padding: 0px; }

#content { width: 790px; margin-bottom: 20px; margin-left: auto; margin-right: auto; border: 1px solid #CFCFCF; background-color: #e5e5e5; }

#box1-range2 { width: 580px; float: left; }

#box1-range3 { width: 580px; float: left; }

#bouton-obtenez-votre-cout { width: 200px; float: left; background:url(/quote/images/www/bg-obtenez-votre-cout.gif) no-repeat 184px 3px; }

#quoteAmounts { float: right; width: 500px; padding-top: 8px; }
#quoteErrors { float: left; width: 700px; margin-left:20px; padding-top: 8px; color:red; font-size: 1.3em; }

#box2-range3 { float: left; clear: both; margin-left:10px; margin-bottom: 20px; width: 720px; font: normal 1.45em candara, tahoma, arial, sans-serif; background: #b7b7b7; padding-top: 10px; padding-bottom: 10px; text-align: center; }

#colonedr { width: 580px; background: #CCCCCC; }

#footer { width: 100%; margin: 0px auto; height: 300px; background-image: url(/quote/images/www/bg-footer.jpg); padding-top: 10px; float: left; }

#footer img { display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; }

#footer #message { width: 700px; margin-right: auto; margin-left: auto; background: url(/quote/images/www/bg-footer-message.gif); text-align: center; padding-bottom: 15px; padding-top: 15px; }

#footer #logo { width: 102px; margin-top: 10px; margin-left: auto; margin-right: auto; }

#thumbbateau { }

#baspage { float: left; width: 662px; margin-right: auto; margin-left: auto; }

.box { width:760px; margin:15px 15px 0px; border:1px solid #CFCFCF; float:left; clear:both; }

h2 { text-align:center; background-color:#b7b7b7; width:730px; margin-top:10px; padding:10px 0px 10px 0px; height:20px; font: bold 1.3em tahoma, arial, sans-serif; }
.box2-range2 { float:left; clear:both; margin:10px 10px 0px 10px; padding-top:10px; width:730px; background:url(/quote/images/www/bg-separator.gif) repeat-x; }

/*.text-blanc, .text-bleu  { padding:10px 10px; font: bold 1.3em tahoma, arial, sans-serif; background: #b7b7b7;}

.text-blanc { float:left; display:box; color: #FFFFFF; }

.text-bleu { float:left; display:box; color: #102249; margin-left:20px; }
*/
.text-blanc { color: #FFFFFF; }

.text-bleu { color: #102249; }

.separator { background: url(/quote/images/www/bg-separator.gif) repeat-x; }

.signe-dollard { display: block; float: left; margin-left: 3px; margin-right: 15px; padding-top: 12px; font: bold 1.5em candara, tahoma, arial, sans-serif; }

.row { width: 720px; float: left; margin:0px 0px 0px 10px; clear:both; }

.ouinon { display: block; float: left; margin-top: 4px; margin-right: 10px; }
input.radio { margin-top: 4px; display: block; border-style: none; }

input.checkbox { border-style: none; margin: -1px 10px 0px 0px; }

#suspperm { border-width: 0px; border-style: none; }

input.noborder { border-width: 0px; border-style: none; }

img.centre { margin: 0px auto; display: block; }

#soumettre { margin-top: 23px; }

#representant { position:absolute; top:20px; left:520px; }
#divTest { position:relative; }

#infos { position:relative; }
#divImgBoat { position:absolute; top:15px; left:570px; }
#imgBoat { display:block; padding:1px; background-color:#fff; }

.clearthefloats { clear:both; width:100%; padding-top:20px; }

#submitErrors { color:red; margin:10px; }

#proue { margin:0px auto; height:90px; }

.icone-crayon-input { display: block; float: left; margin: 4px 0px 0px; }



.exceed-whitespace { color: #FFFFFF; display: block; width: 20px; float: left; }




.cout { display: block; float: left; padding-top: 12px; margin: 0px 2px 0px 10px; font: bolder 1.4em candara, tahoma, arial, sans-serif; text-transform: uppercase; color: #102249; }

.franchise { display: block; float: left; padding-top: 12px; font: bold 1.2em candara, tahoma, arial, sans-serif; text-transform: uppercase; margin: 2px 2px 0px 10px; }


.signe-dollard { display: block; float: left; margin-left: 3px; margin-right: 15px; padding-top: 12px; font: bold 1.5em candara, tahoma, arial, sans-serif; }

.signe-dollard-bleu { display: block; float: left; margin-left: 3px; margin-right: 15px; padding-top: 11px; font: bold 1.5em candara, tahoma, arial, sans-serif; color: #102249; }
.text-gauche { display: block; float: left; }

.text-droit { float: left; display: block; margin: 0px 6px 0px 100px; }

.h1-exceed { display: block; float: left; height: 20px; margin: -2px 0px 0px; font: bold 1.35em/1em Calibri, Arial, Helvetica, sans-serif; }