/* form.css */ #cart span.bleu { color: #00547d; } #cart span.orange, .orange { color: #ec7907; } .vert { color: #91af0d; } #cart span.bleu-fonce { color: #072d66; } #cart span.gris { color: #c6c6c6; } #cart span.gris-fonce { color: #333333; } #cart span.t14 { font-size: 14px; } #cart span.t16 { font-size: 16px; } #cart span.t19 { font-size: 19px; } #cart .gris2 { color: #5d5d5d; } #cart .bold { font-weight: bold; } #cart .margt25 { margin-top: 25px; } .hidden { display: none; } /* échéanciers */ .txt-echeance { margin: 15px 0 0 0; } .txt-echeance a, .txt-echeance a:hover { color: #025c99; text-decoration: underline; } #echeances, .echeance { /*display: none;*/ margin: 15px 0 0 0; } #echeances .txt { color: #000; font-weight: bold; } #echeances .txt-echeancier { color: #666666; text-decoration: underline; font-weight: normal; } #echeances table, .echeance table { width: 100%; border: 1px solid #eaeaea; margin: 5px 0 15px 0; } #echeances table th, .echeance table th { color:#FFF; background: #959595; padding: 5px; border:1px solid #bababa; text-align: center; font-size: 9px; } #echeances table td, .echeance table td { color:#000; background: #fbfbfb; padding: 5px; border:1px solid #bababa; font-size: 9px; text-align: center; } #LI_CRM_AUTO p.small, #LI_CRM_MOTO p.small { width: 200px; font-style: italic; } .help-message-info, .help-message-bulle { width:327px; height: 130px; background: url("../images/site/help-message-bulle.png") no-repeat left top; padding: 2px 10px 0 58px; color: red; margin: 15px 0 0 0px; } .help-message-info { background: url("../images/site/help-message-bulle-info.png") no-repeat left top; } .help-message-info-inverse { background: url("../images/site/help-message-bulle-info-inverse.png") no-repeat left top; padding: 8px 58px 0 15px; width:327px; height: 92px; color: red; margin: 15px 0 0 0px; } .help-message-info-inverse img, .help-message-coordonnees img, .help-message-info img, .help-message-bulle img { margin: 10px 0 0 20px; } .btn-r.coordonnees .frm-submit { float: left;display: block; margin: 35px 0 0 15px; border:0; color: #FFF; font-weight: bold; background: url("../images/site/btn_next2.png") no-repeat scroll center top transparent; height: 26px; padding-right: 20px; width: 184px; text-align: center; } .help-message-coordonnees { float: left; width:170px; height: 95px; background: url("../images/site/help-message-bulle2.png") no-repeat left top; padding: 2px 10px 0 55px; color: red; margin: 15px 0 0 0px; } .devis_sa .help-message-coordonnees { width:230px; margin:5px 25px 0 0; } .devis_sa .help-coordonnees { background-image:none !important; height:45px; } .help-message-info.fleft, .help-message-bulle.fleft { margin: 0 0 0 35px; } .wait-bulle { background: url("../images/site/wait-bulle.png") no-repeat top left; height: 117px; width: 215px; padding : 7px 5px 0 52px; } .help-message-coordonnees .small, .help-message-info .small { font: 8pt/1em Arial,Verdana,Sans-serif; } .help-message-bulle .small { font-size: 11px; line-height: 14px !important; color: red; } .wait-bulle .small { font: 8.5pt/1em Arial,Verdana,Sans-serif; } .wait-validation img { position: absolute; margin: -28px 0 0 110px; } .wait, .wait-validate { display: none; margin: 10px; } .wait-validation { display: none; margin: 25px 30px 0 250px; position: absolute; } .wait.abs { position: absolute; margin: 15px 0 0 500px; } .wait.wait_panier { display: none; margin: -30px 0 0 320px; position: absolute; } .wait.wait_panier img { position: absolute; margin: -28px 0 0 110px; } #cnx .frm-row { margin: 0 0 0 35px; } div#middle #step4 h2 { color: #555555; font: bold 18px/1.2em Arial,Verdana,Sans-serif; } .frm-row { } .frm-left { float: left; text-align: right; margin: 0 10px 10px 0; width: 150px; color: #747474; } .frm-right { float: left; color: #747474; } .w500 { width: 500px; } .warn-devis, .warn, ul.warn li { background: url("../images/site/warn.png") no-repeat top left; min-height: 19px; color: red; border: 1px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 5px 3px 23px; width: auto; margin: 5px 0; color: red; } .warn-ok { background: url("../images/site/ok.png") no-repeat top left; min-height: 19px; color: green; border: 1px solid green; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 10px 3px 30px; width: auto; margin: 10px 0 0 0; } .form-r .flash-notice, .warn-devis, .warn-ok { max-width: 180px; } .warn-devis.full { max-width: 600px; } #popup .warn-ok { max-width: 500px; } .bloc-bg-blanc-vert .warn-ok { margin: 15px 0 0 15px; } .bloc-bg-blanc-vert .wait { margin: 17px 0 0 15px; } .flash-notice { min-height: 19px; color: green; border: 1px solid green; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 5px; width: auto; margin: 5px 0 5px 20px; } .strong.small { font-weight: bold; } .small { font: 9pt/1.2em Arial, Verdana, Sans-serif; } .text { padding : 5px 0 0 15px; } .hidden { display: none; } .frm-submit { color: #FFF; } /* a.frm-submit, .std-btn, .form-step .frm-submit { border:0; background: url("../images/site/btn_next.png") no-repeat scroll center top transparent; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 26px; padding-right: 15px; width: 134px; text-align: center; } .frm-submit-prev { border:0; background: url("../images/site/btn_retour.png") no-repeat scroll center top transparent; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 26px; padding-left: 15px; width: 119px; text-align: center; } .frm-submit-prev-cart { display: block; border:0; background: url("../images/site/retour-panier.png") no-repeat scroll center top transparent; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 27px; padding: 7px 0 0 15px; width: 166px; text-align: center; } .frm-submit-prev-cart:hover { color: #FFF; } */ #code_promo { background: #f29303 !important; padding: 5px 15px 15px 15px; } #code_promo .btn.bg-bleu { padding: 0px 15px !important; } #code_promo .cp { height: 24px !important; width: 170px !important; } #code_promo .float-left, #code_promo .fleft { color:#FFF; font-weight:bold; margin: 15px 3px 0 0; } a.panier, .panier { border:0; background: url("../images/site/btn_panier.png") no-repeat scroll center top transparent; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 34px; width: 160px; text-align: center; } a.panier { display: block; padding: 7px 0 0 0; } a.panier:hover { color: #FFF; } a.cb { display: block; border:0; background: url("../images/site/btn_en_ligne.png") no-repeat scroll center top transparent; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 66px; width: 236px; text-align: center; padding: 22px 0 0 48px; font-size: 14px; } a.courrier { border:0; background: url("../images/site/btn_courrier.png") no-repeat scroll center top transparent; color: #FFF; margin: 15px 0 0 0; height: 43px; width: 193px; text-align: center; padding: 25px 0 0 45px; font-weight: bold; font-size:9.6pt; cursor: pointer; } a.tel { border:0; background: url("../images/site/btn_tel.png") no-repeat scroll center top transparent; color: #FFF; margin: 15px 0 0 0px; height: 64px; width: 223px; text-align: center; padding: 24px 0 0 34px; font-weight: bold; font-size:9.5pt; } a.conseillers { display: block; border:0; background: url("../images/site/btn-contact-conseillers.png") no-repeat scroll center top transparent; color: #FFF; margin: 15px 0 0 0px; font-size: 12px; height: 80px; width: 272px; text-align: center; padding: 27px 0 0 70px; font-weight: bold; } a.rappel { display: block; border:0; background: url("../images/site/btn-rappel.png") no-repeat scroll center top transparent; color: #FFF; margin: 15px 30px 0 0px; height: 47px; width: 172px; text-align: center; padding: 40px 0 0 45px; font-weight: bold; } a.devis-mail { display: block; border:0; background: url("../images/site/btn_devis_mail.png") no-repeat scroll center top transparent; color: #FFF; margin: 15px 0 0 0px; height: 64px; width: 240px; text-align: center; padding: 24px 0 0 52px; font-weight: bold; font-size:9pt; } a.devis-mail:hover, a.tel:hover, a.cb:hover, a.courrier:hover, a.conseillers:hover, a.rappel:hover, a.frm-btn-vert2:hover { color:#fff; } a.conseillers { cursor: default; } .form-step input.panier, .form-step input.cb, .form-step input.courrier, .form-step input.tel { color: #FFF; } .form-step input.courrier { font-size: 12px; padding: 3px 0 0 30px; } .form-step input.tel { font-size: 12px; padding: 0 0 0 30px; } .form-step input.cb { font-weight: bold; font-size: 14px; padding: 0 0 0 50px; } a.frm-submit-prev, a.frm-submit { display: block; } frm-submit-prev-cart:hover, a.frm-submit-prev:hover, a.frm-submit:hover { color: #FFF; } a.frm-btn-vert, a.frm-btn-vert2, a.frm-btn-bleu { display: block; } a.frm-btn-bleu:hover { color: #FFF; } .bloc-total-discount, .bloc-bg-blanc-vert, .bloc-total { border: 1px solid #ededed; padding: 15px; } .bloc-total-discount { background: #FFF; } .bloc-total { background: #fbfbfb; } .bloc-bg-blanc-vert, .bloc-btn-formule { background: #fcfefc; border: 1px solid #ededed; padding: 0 10px 15px 15px; } .bloc-btn-formule a { color: #08347d; text-decoration: underline; display: block; padding: 20px 17px 0 0; } .bloc-btn-formule a.frm-btn-vert, .form-step .frm-btn-bleu { text-decoration: none; } .btn-bleu { background: url("../images/site/bg_btn_bleu.png") repeat-x top left; color: #FFF; font-weight: bold; height: 15px; padding: 1px 5px 2px 5px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #103c90; } a.btn-bleu { display: block; } a.btn-bleu:hover { color: #FFF; } .btn-bleu.ok { width: 30px; height: 26px; margin: 0 0 0 5px; padding: 0; } .del { margin: 0 0 0 5px; } .code-promo .del { margin: 0; } .btn-l { float: left; } .btn-r { float: right; } /*.decal-frm-submit { margin: 0 0 0 180px; } */ .decal-frm-submit { float: left; } table.devis td.align-l { text-align: left; padding: 0 0 0 10px; } .progress_step { width: 610px; padding-top: 105px; margin: 0 auto; } #progress_step_1 { background: url("../images/site/progress_bar_step1.png") no-repeat top left; } #progress_step_2 { background: url("../images/site/progress_bar_step2.png") no-repeat top left; } #progress_step_3 { background: url("../images/site/progress_bar_step3.png") no-repeat top left; } #progress_step_4 { background: url("../images/site/progress_bar_step4.png") no-repeat top left; } #progress_step_5 { background: url("../images/site/progress_bar_step5.png") no-repeat top left; } #progress_step_6 { background: url("../images/site/progress_bar_step6.png") no-repeat top left; } div#full-space .list_vehicules, div#middle .list_vehicules { width: 890px; max-height: 210px; overflow: auto; } div#full-space .list_vehicules table.spec, div#middle .list_vehicules table.spec { border: 1px solid #e1e1e1; } div#full-space .list_vehicules table.spec, div#middle .list_vehicules table.spec { border-collapse: collapse; width: 100%;border: 1px solid #e1e1e1; } div#full-space .list_vehicules table.spec td, div#full-space .list_vehicules table.spec th, div#middle .list_vehicules table.spec td, div#middle .list_vehicules table.spec th { border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: middle; padding-left:10px; text-align: center; background: #FFF; color: #747474; } div#full-space .list_vehicules table.spec th, div#middle .list_vehicules table.spec th { border-bottom : 1px solid #e1e1e1; background: #f8f7f7; padding: 10px 0; font-weight: normal; } ul.steps { margin: 0px 0 20px 0px; } ul.steps li { float: left; background: none; margin: 0 0 20px 5px; padding: 0; width: 115px; height: 33px; padding: 9px 0 0 0; text-align: center; color: #898989; font-size: 11px; } ul.steps li a { color: #a2bf07; font-weight: normal; font-size: 11px; } ul.steps li.step_1 { width: 105px; } ul.steps li.step_2 { width: 105px; } ul.steps li.step_3 { width: 105px; } ul.steps li.step_4 { width: 105px; } ul.steps li.step_5 { width: 105px; } ul.steps li.step_6 { width: 105px; } #vehicles, #formules { width: 925px; } div#middle #form-step h2 { color: #555555; font: bold 18px/1.2em Arial, Verdana, Sans-serif; } div#middle #form-step #vehicles h2 { float: left; color:#555555; } div#middle #form-step #vehicles .fleft-trait { float: left; border-bottom: 1px solid #e5e5e5; width: 700px; height: 20px; margin: 0 0 0 10px; } div#middle #cart .fleft-trait { float: left; border-bottom: 1px solid #e5e5e5; width: 745px; height: 20px; margin: 17px 0 0 10px; } ul.steps li.current.step_1, ul.steps li.current.step_2, ul.steps li.current.step_3, ul.steps li.current.step_4, ul.steps li.current.step_5, ul.steps li.current.step_6 { background: url("../images/site/current_step.png") no-repeat top left;color: #fff; width: 115px; } .form-confirm { /*margin: 10px 20px 30px 10px;*/ } .form-l { float: left; width: 450px; text-align: right; margin: 20px 0 0 0; font: normal 9pt/1.4em Arial, Verdana; color: #747474; } .form-row2 .form-l { float: left; width: 165px; text-align: left; margin: 20px 0 0 0; font: normal 9pt/1.4em Arial, Verdana; color: #747474; } .form-r { float: left; margin: 20px 0 0 10px; font: normal 9pt/1.4em Arial, Verdana; color: #747474; } .form-step .decal-btn { margin: 15px 0 0 260px; } .form-l.padl10 { padding-left: 10px; } .form-step input[type="text"], input[type="text"], input[type="number"], input[type="password"], input[type="email"] { background-color: #EFEFEF; border: 1px solid #EFEFEF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 35px; padding: 10px; color: #59595A; } /* #box-cnx input[type="submit"], .frm-submit, .frm-btn-bleu, .form-step .frm-btn-bleu { background: url("../images/site/bg_btn_bleu.png") repeat-x top left; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 23px; padding: 3px 0 0 0; min-width: 156px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #103c90; } #submit.frm-btn-bleu { height: 28px; margin-left: 15px; } */ .devis2 .form-step .frm-btn-bleu { background: url("../images/site/bg_btn_bleu.png") repeat-x top left; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 26px; padding: 0px 0 0 0; min-width: 176px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #103c90; } .frm-submit { font-weight: normal; padding: 0; background: url("../images/site/bg_btn_bleu.png") repeat-x top left; color: #FFF; margin: 15px 0 0 0; height: 23px; min-width: 156px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #103c90;} #box-cnx input[type="submit"] { font-weight: normal; float: right; padding: 0; margin: 15px 40px 0 0; } .frm-btn-vert3, .frm-btn-vert2, .form-confirm .frm-btn-vert2, .form-step .frm-btn-vert2, .form-step .frm-btn-vert { background: url("../images/site/bg_btn_vert.png") repeat-x top left; color: #FFF; font-weight: bold; margin: 15px 0 0 0; height: 26px; padding: 0; width: 176px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #5b9400; } .form-confirm .frm-btn-vert2, .form-step .frm-btn-vert2 { width: 255px; } .form-confirm .frm-btn-vert2 { height:28px; padding:0; } #box-cnx #cnx .form-step .frm-btn-bleu { margin: 15px 0 0; } #cnx .frm-submit { margin: 0 0 0 55px; } #box-cnx { display:none; margin: 15px 0 0 0; color: #474747; } #box-cnx p { color: #474747; } #box-cnx { width: 630px; background: url("../images/site/bg_bonhomme_cnx.png") no-repeat bottom left #fcfcfc; padding: 10px 25px 10px 25px; border: 1px solid #dee0e3; min-height: 80px; } #box-cnx .frm-row { float: left; margin: 15px 45px 0 0px; width: 270px; } #box-cnx .frm-left { color: #747474; float: left; margin: 0 5px 10px 0; text-align: left; width: 85px; } #box-cnx .frm-right { color: #747474; float: left; width: 150px; } #box-cnx input[type="text"], #box-cnx input[type="password"] { height: 15px; padding: 3px; } #box-cnx input[type="text"] { background: url("../images/site/icone_user.png") no-repeat center right #fcfcfc; } #box-cnx input[type="password"] { background: url("../images/site/icone_key.png") no-repeat center right #fcfcfc; } #box-cnx label { color: #000; } #box-cnx .decal-frm-submit { float: left; margin: 15px 0 0 90px; } ::-webkit-input-placeholder { color:#d5d5d5; font-style: italic; } ::-moz-placeholder { color:#d5d5d5; font-style: italic; } /* firefox 19+ */ :-ms-input-placeholder { color:#d5d5d5; font-style: italic; } /* ie */ input:-moz-placeholder { color:#d5d5d5; font-style: italic; } #infos-box, .step-bloc1, .step-bloc2 { width: 695px; padding: 10px 10px 10px 20px; } div#middle.devis #infos-box, div#middle.devis .step-bloc1, div#middle.devis .step-bloc2 { width: 925px; } #infos-box { background: url("../images/site/bg_bonhomme3.png") no-repeat bottom right #F3F3F3; } .contact-auto-bloc { background: url("../images/site/bg_bonhomme_auto.png") no-repeat bottom right #F3F3F3; margin: 15px; padding: 10px; } #form-step .contact-auto-bloc .form-l { width: 120px; margin-left: 150px; } #form-step .contact-auto-bloc .warn-ok { max-width: 260px; } #form-step .contact-auto-bloc .form-r ul li { background: url("../images/site/warn.png") no-repeat top left; min-height: 19px; color: red; border: 1px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 4px 5px 3px 23px; width: 300px; margin: 5px 0; color: red; } .contact-auto-bloc input[type='submit'] { margin: 20px 0 20px 280px; } .step-bloc1 { background: url("../images/site/bg_bonhomme1.png") no-repeat bottom right #F3F3F3; } .step-bloc2 { background: url("../images/site/bg_bonhomme2.png") no-repeat bottom right #F3F3F3; } #infos-box .form-l { width: 350px ; } .step-bloc-auto { width: 695px; background: url("../images/site/bg_bonhomme_auto.png") no-repeat bottom right #F3F3F3; padding: 10px 10px 10px 20px; } .step-bloc-moto { width: 695px; background: url("../images/site/bg_bonhomme_moto.png") no-repeat bottom right #F3F3F3; padding: 10px 10px 10px 20px; } div#middle.devis .step-bloc-auto, div#middle.devis .step-bloc-moto{ width: 925px; } .full-bloc { width: 920px; background: #f3f3f3; border : 1px solid #c7c7c7; color: #747474; padding: 10px 10px 10px 20px; margin: 0 0 15px 0; } .mini-bloc { width: 895px; background: #f3f3f3; border : 1px solid #c7c7c7; color: #747474; padding: 10px 10px 10px 20px; } .mini-bloc p { color: #747474; } .mini-bloc .fleft.checkbox { width: 640px; margin: 0 0 0 10px; color: #000; } .step-bloc-auto p, .step-bloc-moto p { display: block; width: 100%; color: #747474; } #popup { background:#fff; color: #555; border: 1px solid #C7C7C7; padding: 10px; width: 700px; min-height: 200px; margin: 100px auto 0 auto; } #close a { float: right; display: block; background: url("../images/site/close.png") no-repeat right top; height: 22px; padding: 0 27px 0 0; color: #003f6d; text-decoration: underline; } #infos { height: 500px; overflow: auto; background: #f3f3f3; border : 1px solid #c7c7c7; padding: 10px; margin: 5px 0 0 0; } #middle .form-cb #infos h2 { margin: 10px 0; } div#full-space table.devis, div#middle table.devis { border-collapse: collapse; width: 100%; border:1px solid #ededed; font-size: 9.3pt; } div#full-space table.devis td, div#middle table.devis td { border:1px solid #ededed; height: 40px; } div#full-space table.devis th, div#full-space table.devis td.th, div#middle table.devis th, div#middle table.devis td.th { background: url("../images/site/bg_tab_devis.png") repeat-x scroll 0 bottom transparent; padding: 10px 5px; font-weight: bold; color:#003f6d; text-align: left; border:1px solid #ededed; } div#full-space table.devis th { padding :0 10px;} div#full-space table.devis td.th, div#middle table.devis td.th { padding: 0 5px; } div#full-space table.devis tr.l1, div#middle table.devis tr.l1 { background: #fff; } div#full-space table.devis tr.l2, div#middle table.devis tr.l2 { background: #fbfbfb; } #full-space { width: 950px; padding: 10px 0 10px 10px; min-height:400px; } .contact-auto-bloc p, .step-bloc1 p, .step-bloc1 p strong { color: #000; font: normal 9pt/1.4em Arial, Verdana; } .step-bloc1 p strong { font-weight: bold; } .step-bloc1 p.underline { text-decoration: underline; } .form-r .fleft .small { display:block; width: 200px; font-style: italic; } .step-bloc2 p, .form-r .fleft { color: #747474; font: normal 9pt/1.4em Arial, Verdana;} .ui-datepicker-trigger { cursor: pointer; margin-left: -35px; margin-top: -4px; } #form_date_mc, #form_date_pa, #form_date_pm, #form_date_c, #form_date { float: left; } /* Id générés pour les dates du formulaire par symfony */ /* help question */ table.devis .help, .help, .helpdate { background: url('../images/site/help.png') top left no-repeat; width: 25px; height: 25px; float: left; margin: 0 0 0 15px; cursor: pointer; position:relative; } table.devis .help { position:inherit !important; } .immat .help_content, table.devis .help_content, .help_content { /*position: absolute;*/ width:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #2289BE; background: #EFF4F7; padding: 5px 10px; color: #003f6d; z-index: 100; } .help_content { margin: -15px 0 0 0px; right:50px; } .immat .help_content, table.devis .help_content { margin: -15px 0 0 40px; right: auto; } /* confirm */ #full.iframe { width: 730px; padding: 10px 0 10px 10px; } #full.iframe #sub-confirm { width: 700px; } #full.iframe #sub-confirm .fleft.txt { width: 200px;} #full { width: 990px; padding: 10px 0 10px 10px; } #sub-confirm { width: 890px; padding: 20px 20px 20px 40px; margin: 0 10px; } #sub-confirm p { color: #747474; } #sub-confirm p strong { color: #000; } #full .retour { margin: 0 0 0 10px; } #full .retour-panier { margin: 0 0 0 0px; } .block-courrier, .block-cb { background: url("../images/site/bg_bonhomme2.png") no-repeat bottom right #fafafb; border:1px solid #ececec; } .block-tel { background: url("../images/site/bg_bonhomme1.png") no-repeat bottom right #fafafb; border:1px solid #ececec; } .separ-bloc { width: 690px; border-bottom: 1px solid #c7c7c7; height: 5px; margin: 15px 15px 20px 0; } .form-cb p { color: #747474; } #middle.form-cb h2.bonhomme { height: 53px; background: url("../images/site/perso1.png") no-repeat left top; padding: 25px 0 0 35px; margin: 0 0 0 15px; font-size: 18px; color: #555555; } #full h2, #middle.form-cb h2 { float: left; color: #555555; font-size: 18px; margin: 15px; } .form-cb .form-r { margin: 0 0 0 10px; } .form-cb .form-l { width: auto; margin: 0; padding: 2px 0 0 0; color: #747474; } .form-cb .help { margin: -3px 0 0 15px; } .form-cb .help_content { position: absolute; width:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #2289BE; background: #EFF4F7; padding: 5px 10px; margin: -5px 0 0 40px; color: #003f6d; z-index:100 } .form-cb .immat { float: left; margin: 13px 0 0 0; } #rib { display: none; border:1px solid #c7c7c7; background: #FFF; color: #747474; margin: 15px 0; padding:10px; } #rib div { color: #747474; } #rib .fright { margin: 5px 15px 5px 5px; color: #747474; } #rib .fleft { margin: 0 10px; color: #747474; } #rib .warn-devis { color: red; max-width: 600px; margin: 5px; } #rib .margr5 { margin-right: 5px; } #rib .margr70 { margin-right: 70px; } #full .fleft-trait.cb, #full .fleft-trait.courrier, #full .fleft-trait.tel { float: left; border-bottom: 1px solid #e5e5e5; height: 20px; margin: 40px 0 0 10px; } #full .fleft-trait.cb { width: 745px; } #full.iframe .fleft-trait.cb { width: 505px; } #full .fleft-trait.courrier { width: 645px; } #full .fleft-trait.tel { width: 645px; } .form-cb .fleft-trait { float: left; border-bottom: 1px solid #e5e5e5; height: 43px; margin: 0px 0 0 10px; } .fleft-trait.h30 { height: 30px; } .fleft-trait.w60 { width: 60px; } .fleft-trait.w390 { width: 390px; } .fleft-trait.w400 { width: 400px; } .fleft-trait.w455 { width: 455px; } .fleft-trait.w435 { width: 435px; } .fleft-trait.w550 { width: 550px; } .fleft-trait.w600 { width: 600px; } .cards { width: 600px; margin: 15px auto; text-align: center; font: 12pt/1.2em Arial, Verdana, Sans-serif; } .cards div { text-align: center; color: #747474; } #full h2.souris { height: 66px; width: 90px; background: url("../images/site/ico-souris.png") no-repeat top left; padding: 35px 0 0 92px; margin: 10px 0 20px 20px; font-size: 18px; color: #555555; } #full.request h2.souris { width:260px; } #full.request .fleft-trait.cb { width: 645px; } #full h2.courrier { height: 32px; width: 190px; background: url("../images/site/ico-courrier.png") no-repeat top left; padding: 35px 0 0 92px; margin: 10px 0 20px 20px; font-size: 18px; color: #555555; } #full h2.tel { height: 65px; width: 280px; background: url("../images/site/ico-tel.png") no-repeat top left; padding: 35px 0 0 72px; margin: 10px 0 20px 20px; font-size: 18px; color: #555555; } #full #sub-confirm ul.confirm li { background: url("../images/site/puce_carre_gris.png") no-repeat left top; color: #747474; margin: 15px 0 0 0; padding: 0px 0 0 15px; } #full #sub-confirm h3 { width:100%; color: #086292; border-bottom: 2px solid #086292; margin: 0 0 20px 0; font-weight: bold; } #full #sub-confirm .fleft.txt { width: 380px; margin: 55px 0 0 0; text-align: center; } .bloc-bg-blanc-vert .fleft, .bloc-bg-blanc-vert .fright { margin: 15px 0 0 0; } .bloc-bg-blanc-vert .fleft .fleft { margin:0 10px 0 0; } .frais-concess label { display: inline-block; } .frais-concess input[type="radio"] { display: inline-block; } .frais-concess span.vert, .frais-concess span.orange, .frais-concess span.rouge { padding: 7px; font-weight: bold; } .frais-concess .vert { color: green; background-color: #DEFFD4; } .frais-concess .orange { color: #EF8F07; background-color: #FFE7C4; } .frais-concess .rouge { color: red; background-color: #FFB5B5; } .bloc-bleu { background-color: #E3F6FC; } .bloc-bleu a { text-decoration: underline; }