/* CSS Document */

*, html { margin: 0; padding: 0 }

a { outline: none; }

body { font-family: Arial, Helvetica, sans-serif; text-align: center; background: #D6E0E6; padding-top: 20px; }

#mainWrapper { width: 600px; position: relative; margin: 0 auto; background: #fff; text-align: left; }

#header { position: relative;}
#header div#coffre { position: absolute; right: 10px; top: 10px; }
#header div#coffre img { border: none; }
#header h1 a { height: 70px; background: url(../images/layout/logo_cqrht.gif) no-repeat 10px 10px; border-bottom: 10px solid #00344E; text-indent: -3000px; overflow: hidden; display: block; }
#header h2 { height: 65px; background: url(../images/layout/tagline-de-la-passion-et-du-metier.jpg) no-repeat; text-indent: -3000px; overflow: hidden; }

#content { padding: 20px; }
#content h3 { font-size: 26px; color: #00344E;  }
#content h3.small { font-size: 17px; }
#content h4, #content h4 a { font-size: 16spx; color: #386792; }
#content h4 strong { color: #00344E; }
#content h4.title { padding: 10px 0; }
#content h4.smallh4 { font-size: 14px; }
#content h5 { font-size: 13px; color: #386792; }
#content p { font-size: 12px; color: #666; padding: 10px 0; line-height: 16px; }
#content p.center { text-align: center; }
#content p strong.blue { color: #00344E; }
#content p.merci {font-size:16px; line-height:18px;}
#content ul { padding-left: 18px; list-style: square; margin: 10px 0; }
#content ul li { font-size: 12px; color: #666; line-height: 16px; }

img.floatLeft { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #386792; }

#content table.horaireTable { font-size: 12px; color: #666; padding: 12px; background: #d4e7f3; border: 1px solid #bfced6; }
#content table.horaireTable#one { background: #f1faff; }
#content table.horaireTable#one tr td { border: 1px solid #d2e4ef; }
#content table.horaireTable tr th { text-align: left; font-size: 14px; color: #386792; font-weight: normal; }
#content table.horaireTable tr td, #content table.horaireTable tr td a {color: #555; }
#content table.horaireTable tr td strong { color: #444; font-size: 12px; }

#content table.conf strong { font-size: 14px; color: #386792; }

form#commande { padding: 20px; }
form#commande fieldset { border:0; border-bottom: 1px solid #d9d9d9; margin: 10px 0; padding: 10px 0; }
form#commande div#summary h2 { background: #F7BFBE url(../images/form/error-notice.png) no-repeat; border: 1px solid #A3231E; height: 40px; padding: 5px 20px 0 60px; font-size: 13px; color: #A3231E; margin-bottom: 20px; }
form#commande p { padding: 2px 0; }
em.notes { font-size: 10px; }
form#commande h5 { padding: 5px 0 10px 0; color: #386792; }
form#commande div { margin: 5px 0; position: relative; }
form#commande div#summary { margin: 0;}
form#commande div label { width: 150px; padding-right: 5px; display: block; float: left; text-align: right; font-size: 11px; font-weight: bold; color: #00344E; }
form#commande div label.participants { width: 210px; padding-right: 5px; display: block; float: left; text-align: right; font-size: 11px; font-weight: bold; color: #00344E; }
form#commande div label.poste { width: 60px; float: none; position: absolute; top: 0; left: 300px;}
form#commande div label span { background: url(../images/layout/bullet-form.png) no-repeat left center; padding: 1px 0 1px 14px; }
form#commande div label.error { background: url(../images/form/error-icon.png) no-repeat; width: 16px; height: 16px; text-indent: 3000px; overflow: hidden; position: absolute; left: 440px; top: 3px; padding: 0; text-align: left; }
form#commande div label.success { background: url(../images/form/accept-icon.png) no-repeat; width: 16px; height: 16px; text-indent: 3000px; overflow: hidden; position: absolute; left: 440px; top: 3px; padding: 0; text-align: left; }
form#commande div#phoneContainer label.error, form#commande div#phoneContainer label.success { left: 300px; }
form#commande div input.textInput { width: 300px; }
form#commande div textarea.textInput { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; }
form#commande div input.phone { width: 160px; }
form#commande div input.poste { width: 90px; position: absolute; top: 0; left: 365px; }
form#commande div select { width: 304px; }
form#commande h4 { padding: 5px 0; }
form#commande ul { list-style: none; padding-bottom: 7px; }
form#commande ul li { padding-bottom: 3px;}
form#commande ul li label { float: none; width: auto; text-align: left; }
form#commande ul li label input { position: relative; top: 2px; }
form#commande div.submitOrder { text-align: center; padding-top: 30px; }
form#commande div.submitOrder input { background:  url(../images/layout/submit-button.png) repeat-x; border: none; color: #FFF; font-weight: bold; width: 240px; height: 36px; cursor: pointer; }

div.sectionNonMembres { /*background: #ebebeb; border: 1px solid #d9d9d9;  padding: 10px; */ }
div.modePaiement { /* float: left; width: 200px; */ }

div.container { background: #F7BFBE; border: 1px solid #A3231E; padding: 10px; margin-bottom: 10px; display: none; }
div.container h5 { font-size: 12px; color: #A3231E; }
div.container ol { margin-left: 20px; }
div.container ol li { font-size: 11px; color: #A3231E; }

.container label.error { display: inline; }

select.error, input.error { outline: 2px solid #FF0000; }

div.hr { height: 32px; background: url(../images/layout/hr.png) no-repeat center center; }
div.hr hr { display: none; }

div.inscriptNow { padding-top: 18px; }
a.inscription { text-decoration: none; font-size: 13px; padding-top: 10px; background: url(../images/layout/submit-button.png) no-repeat; color: #FFF; font-weight: bold; width: 240px; height: 36px; cursor: pointer; display: block; text-align: center; }