/* 
Main
-----------------------------------------
*/
/*
.formulaire #main {background:none;}
*/

/* 
Cols
-----------------------------------------
*/
#main.apForm  .col1, .formulaire #main .col1  { display:none}
#main.apForm  .col2, .formulaire #main .col2  {  float:none; margin:0; padding:0 0 0 140px;  width: 650px}
#main.apForm  .title, .formulaire #main .title { padding: 30px 145px 0; margin:0; border-bottom:1px solid #fff; background: url(../i/commun/line-vertical.gif) repeat-x bottom;  }
.apForm .mainCols, .formulaire .mainCols {position:relative}
.apForm .mainCols .col3, .formulaire .mainCols .col3 {width: 160px; float: none; position:absolute; top:0; right:0; margin:25px 0 0; overflow:hidden; padding:0; }
#main.apForm  .title h2, .formulaire #main .title h2 {margin:0; padding:0 0 0.5em; font-size:14px;  color:#850722;}

/* 
Form
-----------------------------------------
*/

/* Text */
.form, .form p, .form li {font-size:1.1em}
.form ul, .form ol  {margin:0; padding:0;}
.form li  {margin:0; padding:2px 0;}
.form p  {margin:0; padding:2px 0;}

/* Steps */
.steps {text-align:right; font-size:1.1em; padding:9px 0 2px;}
.steps span {color:#853848}
.steps span.sel {font-weight:bold}
.steps span.recap, .steps span.conf {color:#999; font-style:italic}
.stepsNum {position:absolute; background:#e5e5e5; padding:3px 30px 2px 10px; font-size:1.1em; top:7px; left:10px}

/* Fields */
.form .fields input.text {width:100%}

/* Zone input */
.form .fields {padding:2px 0 0 0; border-top:1px solid #bbb; background:#fff url(../i/form/line.gif) repeat-x; position:relative}
.form .fields td {vertical-align:top;}
.form .fields div.fieldsTable { padding:10px 40px}
.form .fields table.fieldsTable td {padding:5px 10px 10px 0}
.form .fields div.label {font-size:1.2em; line-height:16px; padding-bottom:2px; color:#3B3B3C}
.form .fields div.answer, .form .fields div.answer td {font-size:1.2em; color:#023602}
.form .fields div.answer td {padding:2px 6px 2px 0;}

.form .fields div.answer td div.answer {font-size:0.83em; color:#023602}
.form .fields div.answer td div.answer {padding:0px 0px 0px 0;}

.form .fields.line1 {background-color:#D8F5D8;}
.form .fields.line2 {background-color:#C3E8C3;}

.form .item {padding:8px 0 ; border-top:1px solid #bbb;}

/* Zone text */
.form .itemText td { padding:0 0 5px 5px; font-size:1.1em; vertical-align:top }
.form .itemText {padding:2px 0 0 0; background:#fff; border-top:1px solid #bbb; position:relative}
.form .itemText h2 {font-weight:normal; font-size:1.3em; color:#023602; background:#d8f5d8; padding:10px 15px; margin:0}
.form .itemText ul, .form .itemText ol { padding:0 0 0 25px}
.form .itemText li {padding: 4px 0}
.form .itemText .howto { background:#d8f5d8;  padding:0px 15px 5px; font-size:0.9em}
.form .itemText.intro h2 { background:#f2f2f2; color:#333; }
.form .itemText.intro .howto { background:#f2f2f2; }


/* Zone Optin & suggest */
.form .fields.accept  {   background-color:#ECEDEC; color:#333}
.form .fields.accept  div.label {font-size:1.2em; line-height:16px; padding-bottom:2px; color:#333}
.form .fields.accept  div.answer, .form .fields.accept div.answer td {font-size:1.1em; color:#333}


/* zone Recap */
.form .fields h2 {font-weight:normal; font-size:1.3em; color:#023602; background:#c3e8c3; padding:10px 40px; margin:0}
.form .fields .display {background:#d8f5d8; color:#023602; padding:10px 0 0 0; border-top:1px solid #fff}
.form .fields .display { padding:10px 60px 10px 40px;}
.form .fields .display td { padding:5px 0; font-size:1.1em }
.form .fields .display td.label {width:190px; color:#3B3B3C}
.form .fields .display td.text { }
/* zone Confirmation */
.form.confirmation .item {padding:20px 20px}

/* zone Bouton */
.form .button { border-top:1px solid #bbb;  text-align:right; padding:0 40px 0 40px; height:52px;}
.form .button a.btSubmit { float:right; margin:12px 0 12px 0;}
.form .button a.btNext { float:right; margin:12px 0 12px 0; width:165px; }
.form .button a.btPrev {float:left; margin:12px 0 12px 0; }

/* sélection agence */
.form  .fields .selAgence input.text{width:385px;float:left;margin-top:4px;}

/* Boutons */
.form a.btSubmit, .form  a.bt, .form  a.btNext, .form a.btPrev {display:block;text-align:center; line-height:26px; font-size:1.1em; }
.form a:hover.btSubmit,  .form  a:hover.bt, .form  a:hover.btNext,  a:hover.btPrev  {background-position: 0 -27px}
.form a.btSubmit { width:95px; height:27px;  background:url(../i/bt/bt_form.gif) no-repeat; font-weight:700; color:#804602;}
.form a.bt {width:95px; height:27px;  background:url(../i/bt/bt_form_.gif) no-repeat; color:#666;}
.form a.btNext { height:27px;  background: url(../i/bt/bt_form_long.gif) no-repeat; font-weight:700; color:#804602;}
.form a.btPrev {width:165px; height:27px;  background:url(../i/bt/bt_form_long_.gif) no-repeat;  color:#666; }
.form .modif {position:absolute; right:40px; top:7px;}
.form a.btAgence { float:right;width:165px;font-size:1em; display:block;text-align:center; line-height:26px; background-position: 0 -27px;width:165px; height:27px;  background:url(../i/bt/bt_form_long_.gif) no-repeat;  color:#666;}

/* Help commun */
.form .helpBt { height:15px; }
.form .helpBt a { display:block; float:right; background:url(../i/form/help.gif) no-repeat; margin-right:40px}
.form .helpTop { background:url(../i/form/help_o.gif) repeat-x 0 15px; height:22px}
.form .helpTop .encoche { height:22px; width:35px; float:right; margin-right:40px; background: url(../i/form/encoche.gif) no-repeat}
.form .helpMain {padding:5px 14px 10px; background: #f2f2f2 url(../i/form/help_bg.gif) left bottom no-repeat}
.form .helpMain, .form .helpMain li, .form .helpMain p, .form .helpMain td {color:#fff; font-size:11px }
.form .helpMain p {margin-bottom:5px}
/* Help hide */
.form .help .helpTop  {display:none}
.form .help .helpMain  {display:none}
/* Help show */
.form .helpShow .helpBt { background:#f2f2f2}
.form .helpShow .helpBt a {  background:url(../i/form/help_.gif) no-repeat;}

/* QCM Table */
.form .item table.qcm td, .form .item table.qcm th {padding:4px 0; font-weight:normal;  color:#023602; font-size:1.1em  }
.form table.qcm th {font-size:1em}
.form table.qcm tr.l1 {background:#C3E8C3}
.form table.qcm tr.l2 {background:#ECFAEC}
.form table.qcm tr.l1 td, .form table.qcm tr.l2 td {padding-left:5px}