/*************************************************************************************************************************************************************************/ /* Structure generale */ /*************************************************************************************************************************************************************************/ #body_form {} #body_formLIB{} #body_formMED{} #body_formMAX {} #body_formPAM{} #body_formPSM{} #body_formCLA{} #body_formETO{} #body_formCLI{ background:#D1DDE7; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; } /* #logo { height: 120px; left: 18px; overflow: hidden; position: absolute; top: 35px; width: 170px; z-index: 9999; } #logo a{padding-top:130px;width:150px;text-indent:-2000px;} */ #basPage {bottom:-20px;left:0;position:relative;background-repeat: no-repeat;height:20px;width:100%;} h2 {font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#4c4c4c;} h4 {color:#585042;font-size:14px;font-weight:bold;} /*************************************************************************************************************************************************************************/ /* TOP */ /*************************************************************************************************************************************************************************/ #form_accroche {position:relative;height:77px;padding:16px 0 0;} #form_accroche .text_accroche{width:76%;float:left;text-align:center;} #form_accroche .contact{width:24%;float:right;font-size:10px;} #form_accroche .text_accroche .text00 {color:#c0bdbd;font-weight:bold;} #form_accroche .text_accroche .text00 span{color:#c0bdbd;background:url(/images/octroi/picto00.gif) no-repeat 0 0;padding:0 0 5px 20px;} #form_accroche .text_accroche .text01 {color:#FC7D00;font-size:30px;line-height:50px;} #form_accroche .contact .picto00 {float:left;width:14px;margin:0 10px 0 0;} #form_accroche .contact .num_vert {padding:0px 0 0;} #form_baseLine {position:relative;background:url(/images/octroi/bg_top.jpg) no-repeat 0 0;margin-left:22px;line-height:37px;width:966px;text-align:center;z-index:1;} #form_baseLine p{font-size:16px;color:#333;font-weight:bold;} /*************************************************************************************************************************************************************************/ /* Middle */ /*************************************************************************************************************************************************************************/ /* bouton Valider et commencer */ .bt_commencer{background:url(/images/octroi/bt-commencer.jpg) no-repeat 0 0;height:0;width:139px;padding-top:35px;overflow:hidden;} .bt_commencer a{padding-top:35px;} .bt_continuer{background:url(../../images/imgs_fr/form/continuer.png) no-repeat 0 0;height:0;width:278px;padding-top:45px;overflow:hidden; cursor: pointer;} .bt_continuer a{padding-top:35px;} .bt_sauvegarder{background:url(/images/octroi/btn-continuez.gif) no-repeat 0 0;height:0;width:132px;padding-top:35px;overflow:hidden;} .bt_sauvegarder a{padding-top:35px;} #middle_left{float:left;display:inline;position:relative;margin-left:13px;width:685px;z-index:999;} #middle_right{float:right;display:inline;position:relative;width:226px;z-index:99;} #middle_right .block_sauvegarde{position:relative;width:204px;background:url(/images/octroi/bg-sauvegarde-top.gif) no-repeat 0 0;padding-top:14px;margin:25px 0 0 5px;} #middle_right .block_sauvegarde_content{position:relative;width:184px;background:url(/images/octroi/bg-sauvegarde-bottom.gif) no-repeat 0 100%;padding:0 10px 14px 10px;overflow:hidden;} #middle_right .block_sauvegarde_content .titre_sauvegarde{font-size:14px;color:#585042;font-weight:bold;line-height:16px;background:url(/images/octroi/picto-titre-sauvegarde.gif) no-repeat 5px 0;padding-left:35px;} #middle_right .block_sauvegarde_content p{font-size:11px;color:#4c4c4c;line-height:13px;margin-top:10px;} #middle_right .block_sauvegarde_content p span{display:block;font-weight:bold;margin-bottom:5px;} #middle_right .block_sauvegarde_content .lien_sauvegarde{float:right;display:inline;font-size:11px;color:#ca0e14;font-weight:bold;margin-top:10px;text-decoration:none;} #puce1, #puce2, #puce3, #puce4 { float: left; height: 35px; margin-left: 15px; margin-right: 10px; width: 35px; } #puce1 { } #puce2 { } #puce3 { } #puce4 { } .txt-puce { margin-bottom: 10px; margin-right: 10px; padding-top: 6px; width: 650px; } .liste { float: left; } #bloc-arguments { height: 190px; width: 750px; } #titre-form { color: #FFCC00; font-size: 20px; font-weight: bold; margin: 0 0 20px 15px; } /*.bt_continuDemande{background:url(/images/octroi/bt-continuDemande.jpg) no-repeat 0 0;height:0;width:275px;padding-top:65px;overflow:hidden;float:left;margin-left:20px;display:block;} .bt_continuDemande a{padding-top:35px;} .bt_printContrat {background:url(/images/octroi/bt-printContrat.jpg) no-repeat 0 0;height:0;width:134px;overflow:hidden;float:left;display:block;padding-top:65px;} .bt_printContrat a{padding-top:65px;}*/ a#bt_printContrat {background:url(/images/octroi/bt-printContrat.jpg) no-repeat 0 0;height:0;width:134px;padding-top:65px;overflow:hidden;float:left;display:block;} a#bt_continuDemande{background:url(/images/octroi/bt-continuDemande.jpg) no-repeat 0 0;height:0;width:275px;padding-top:65px;overflow:hidden;float:left;margin-left:20px;display:block;} a#lien-cliquant-ici {top:0;left:22px;width:700px;font-size:11px;color:#96948b;} #middle_left #accordion .pos_bt00 {margin:20px 0 20px 193px;} /*********************************************************************************************************************************************************************/ /***** MIDDLE LEFT *****/ #middle_left {position:relative;top:0px;left:13px;width:685px;float:left;z-index:999;} #middle_left .texte_ssform{position:relative;top:0;left:22px;width:700px;font-size:11px;color:#96948b;} #middle_left #accordion {position:relative;top:0px;left:0;width:685px;font-size:11px;} #middle_left #accordion div.info_obligatoire .etoile{font-size:11px;color:#ffffff;} #middle_left #accordion .etoile{font-size:11px;} #middle_left #accordion #titr_coord{margin:1px 14px 1px;} #middle_left #accordion .toggler,#middle_left #accordion #TogglerSituation,#middle_left #accordion #TogglerRevenus, #middle_left #accordion #TogglerCoord, #middle_left #accordion #TogglerAssurance {cursor:pointer;position:relative;color:#FFF;font-size:15px;font-weight:bold;margin:0 14px 1px;padding:0;z-index:9999;} #middle_left #accordion div.element, #middle_left #accordion #blocSituation, #middle_left #accordion #blocRevenus, #middle_left #accordion #blocCoord, #middle_left #accordion #blocAssurance {width:685px;padding:0 0 0 14px;z-index:99;} #middle_left #accordion #TogglerSituation, #middle_left #accordion #TogglerRevenus , #middle_left #accordion #TogglerCoord, #middle_left #accordion #TogglerAssurance {background:#5E8C2F repeat-x top left;height: 22px;padding : 6px 0 0 14px;width:685px;position:relative; border:0 none;} #middle_left #accordion #blocCoord, #middle_left #accordion #blocSituation, #middle_left #accordion #blocRevenus, #middle_left #accordion #blocAssurance {height:0;overflow:hidden;} #middle_left #accordion h3 span.toggler {display:none;} #middle_left #accordion h3 span.etape_prec span {font-size:12px;color:#585042;position:absolute;top:7px;left:250px;display:inline;} #middle_left #accordion h3 span.etape_prec {font-size:12px;color:#585042;display:block;top:0;left:0;position:absolute;width:694px;height:29px} #middle_left #accordion .info_obligatoire{overflow:visible;position:absolute;top:5px;right:40px;font-size:11px;} #middle_left #formul_top {position:relative;top:0;left:0;background:url(/images/octroi/bg_form_top.png) no-repeat 0 0;width:732px;height:22px;padding:20px 0 0 30px;color:#585042;font-size:15px;font-weight:bold;} #middle_left #formul_top .formul_top00 {float:left;display:inline;} #middle_left #formul_top .formul_top01 {float:left;display:inline;padding:0 0 0 20px;} #middle_left #formul_bottom {background:url(/images/octroi/bg_form_bottom.png) no-repeat 0 0;width:685px;height:36px;padding:6px 0 0 0;text-align:center;color:#585042;font-size:15px;font-weight:bold;} #middle_left #accordion #form_intro {width:360px;padding:20px 0 20px 220px;} #middle_left #accordion #form_intro .info{font-size:11px;font-style:italic;color:#999999;} #middle_left #accordion #form_intro h3{font-size:20px;font-weight:bold;color:#FC7D00;padding:0 0 20px 0;} #middle_left #accordion #form_intro p{padding:0 0 16px 0;} #middle_left #accordion #form_intro .titr_cl{font-size:16px;font-weight:bold;color:#FC7D00;padding:10px 0 20px;} #middle_left #accordion #form_intro a{font-size:11px;text-decoration:none;} #middle_left #accordion #form_intro a:hover{text-decoration:underline;color:#D6031C;} /********Barre de progression ************/ #barreProgress #box2 {background:url(/images/octroi/progress-bar-back.jpg) right center no-repeat; width:376px; height:18px; float:left;} #barreProgress #perc2 {background:url(/images/octroi/progress-bar.jpg) left center no-repeat; height:18px;} #barreProgress #text {font-size:11px; color:#000; padding:3px 0 0 6px;float:left;display:inline;font-size:12px;} /****error****/ /* bloc error 01 + 02 + 03 */ #middle_left #accordion #blocError01, #middle_left #accordion #blocError02, #middle_left #accordion #blocError03 {background:#e2001a;position:relative;top:-8px;left:0;padding:8px 0 4px 150px;color:#FFF;display:none;} #middle_left #accordion #blocError01 ul, #middle_left #accordion #blocError02 ul, #middle_left #accordion #blocError03 ul {background:url(/images/octroi/picto04-error.gif) no-repeat 0 50%;padding:10px 0 0 40px;min-height:32px;list-style:none;} #middle_left #accordion #blocError01 li, #middle_left #accordion #blocError02 li, #middle_left #accordion #blocError03 li {list-style:none;margin-right:10px;} #middle_left #accordion #blocError01 li a, #middle_left #accordion #blocError02 li a, #middle_left #accordion #blocError03 li a {color:#fff;text-decoration:none;} #middle_left #accordion #blocError01 li a:hover, #middle_left #accordion #blocError02 li a:hover, #middle_left #accordion #blocError03 li a:hover {text-decoration:underline;} /* champs */ #middle_left #accordion .bloc_form00, #middle_left #accordion .bloc_form01, #middle_left #accordion .bloc_form02, #middle_left #accordion .bloc_form03, #middle_left #accordion .bloc_form03b, #middle_left #accordion .bloc_form04 {float:left;display:inline;} /* Blocs principaux */ #middle_left #accordion select {margin:1px 0 0;} /* {margin:1px 0 0;text-transform:lowercase} */ #middle_left #accordion select option {} /* {text-transform:lowercase} */ #middle_left #accordion input, #middle_left #accordion select {border:1px solid #D4D0C8;font-size:11px;vertical-align:middle;padding:1px 0;color:#747474;} #middle_left #accordion input{padding:2px 0;} #middle_left #accordion .bloc00{border-bottom:1px dashed #c0c0c0;width:694px;margin:0 0 0 20px;} #middle_left #accordion .bloc01{border-bottom:1px dashed #c0c0c0;width:694px;margin:10px 0 0 20px;} #middle_left #accordion .bloc02{width:694px;margin:16px 0;margin:0 0 0 20px;} #middle_left #accordion .bloc03{width:694px;margin:0 0 0 20px;} #middle_left #accordion .bloc04{width:694px;margin:10px 0 0 20px;} #middle_left #accordion .bloc05{border-top:1px dotted #FC7D00;width:694px;margin:0 0 0 20px;} /* pointillés orange pour pension */ #middle_left #accordion .bloc06{border-bottom:1px dashed #c0c0c0;border-top:1px dotted #FC7D00;width:694px;margin:0 0 0 20px;} /* pointillés orange pour pension */ #middle_left #accordion .bloc07{border-top:1px dotted #FC7D00;width:694px;margin:0 0 0 20px;padding-top:10px;} #middle_left #accordion .bloc08{border-bottom:1px dashed #c0c0c0;border-top:1px dashed #c0c0c0;width:694px;margin:0 0 0 20px;padding-top:10px;} #middle_left #accordion .bloc00 p, #middle_left #accordion .bloc01 p, #middle_left #accordion .bloc02 p, #middle_left #accordion .bloc03 p, #middle_left #accordion .bloc04 p, #middle_left #accordion .bloc05 p, #middle_left #accordion .bloc06 p, #middle_left #accordion .bloc07 p, #middle_left #accordion .bloc08 p{min-height:34px;} #middle_left #accordion .bloc00 p a, #middle_left #accordion .bloc01 p a{font-size:11px;color:#000;} #middle_left #accordion .para00{padding:0 0 8px;font-size:11px;height:auto;} #middle_left #accordion .para01{padding:0 0 10px;} /*DEBUT EVOL MAI 2009*/ p#Fixe {padding-top:23px;} p#FixeCo {padding-top:23px;} /*FIN EVOL*/ /*DEBUT EVOL MAI 2009*/ #middle_left #accordion .bloc_form02_4 .para01{padding:25px 0 10px;} /*FIN EVOL*/ #middle_left #accordion .erreurChampSpanIE {border:1px solid #e2001a; padding:0} #middle_left #accordion .erreurChampSpan{border:1px solid #e2001a; padding:2px 0 5px 0} #middle_left #accordion .erreurChampSpanBottom{border-bottom:1px solid #e2001a; padding:0 0 3px 0} #middle_left #accordion .erreurChampText {border:1px solid #e2001a;} /* Sous Blocs */ #middle_left #accordion .bloc_form00{width:174px;} #middle_left #accordion .bloc_form00_0{padding-top:12px;} #middle_left #accordion .bloc_form01{width:236px;} #middle_left #accordion .bloc_form02{width:284px;background:#C5EBF8;display:none;} #middle_left #accordion .bloc_form02_0{padding:0 0 5px 32px;} #middle_left #accordion .bloc_form02_1{background:url(/images/octroi/bg-blocint-dynbott.jpg) no-repeat left bottom;height:206px;} #middle_left #accordion .bloc_form02_2{background:url(/images/octroi/bg-blocint-dynbott.jpg) no-repeat left bottom;padding:10px 0 0;} #middle_left #accordion .bloc_form02_3{background:url(/images/octroi/bg-blocint-dynbott.jpg) no-repeat left bottom;height:16px;} #middle_left #accordion .bloc_form02_4{background:#C5EBF8;padding:10px 0 0 32px;} #middle_left #accordion .bloc_form03{width:174px;padding:10px 0;} #middle_left #accordion .bloc_form03b{width:174px;padding:10px 0 0;} #middle_left #accordion .bloc_form04{width:236px;margin:10px 0 0;} /** Ajout Seb 21/10/2011 - Projet Etape 4 Assurance **/ #middle_left #accordion .bloc_form05{width:360px;margin:10px 0 0;} /*****************************************************/ #middle_left #accordion #catSocProEmp option{width:300px;} #middle_left #accordion #typeVoie option, #middle_left #accordion #typeVoieEmplEmp option, #middle_left #accordion #typeVoieEmplCoEmp option, #middle_left #accordion #adresse option{width:200px;} /**** Les blocs champs cachés ****/ #middle_left #accordion #blocPretImmo, #middle_left #accordion #blocPretImmo2, #middle_left #accordion #blocNaiEnf, #middle_left #accordion #blocAutreRev, #middle_left #accordion #blocNomJF, #middle_left #accordion #nomjfilleCo, #middle_left #accordion #blocFinCtt, #middle_left #accordion #blocMoisInter, #middle_left #accordion #blocAutreRev, #middle_left #accordion #blocSituation01,#middle_left #accordion #blocSituation001, #middle_left #accordion #blocAnneeEvolSit, #middle_left #accordion #AnneeEvolSituation, #middle_left #accordion #blocCPEmployeur, #middle_left #accordion #CPEmployeur, #middle_left #accordion #CPEmployeurCo, #middle_left #accordion #LibNbrePretImmo, #middle_left #accordion #NbrePretImmo, #middle_left #accordion #libTitulaireCpt, #middle_left #accordion #TitulaireCpt {display:none;} /**** Les blocs champs visible et non visible ****/ #middle_left #accordion #DateFinContrat, #middle_left #accordion #DateFinContratCo, #middle_left #accordion #MoisInterim, #middle_left #accordion #TypeContrat, #middle_left #accordion #TypeContratCo, #middle_left #accordion #DateDebContrat, #middle_left #accordion #DateDebContratCo, #middle_left #accordion #MoisInterimCo/*, #middle_left #accordion #blocAutreRevCo, #middle_left #accordion #blocAutreRevInt*/, #middle_left #accordion #blocTypeCtt, #middle_left #accordion #blocTypeCttCo {visibility:hidden;} #middle_left #accordion #blocSituation01 {margin:0 0 0 20px;} /******* Infos bulles pour AIDE *******/ .aide {width:100px;background:url(/images/octroi/fleche-aide.gif) no-repeat bottom center #fff;padding:0 0 6px;display:none;position:absolute;z-index:9999;} .aide p{background:#cac4b4;color:#000;font-size:11px;padding:6px;} /****** Input, texte label ******/ #middle_left #accordion .titre_vous{font-size:15px;font-weight:bold;color:#5E8C2F;padding:14px 0;} #middle_left #accordion .titre_conjoint{background:url(/images/octroi/bg-blocint-dyntop.jpg) no-repeat 0 0;font-size:15px;font-weight:bold;color:#461483;padding:14px 0 14px 32px;} #middle_left #accordion .type_radio {border:none;} #middle_left #accordion .type_radio2 {margin:0 0 0 16px;border:none;} #middle_left #accordion .type_radio2blank {margin:0 0 0 16px;border:none;background:#ffffff;} #middle_left #accordion .type_radio3 {margin:0;padding:0;} #middle_left #accordion .checkbox_accept {height:50px;float:left;margin:2px 5px 0 0;} #middle_left #accordion .input200 {width:200px;} #middle_left #accordion .input300 {width:300px;} #middle_left #accordion .input30 {width:30px;} #middle_left #accordion .input40 {width:34px;} #middle_left #accordion .input150 {width:162px;} #middle_left #accordion .input204 {width:204px;} /* pour les select*/ #middle_left #accordion .exemple00 {font-size:10px;color:#999999;padding-left:6px;} #middle_left #accordion .exemple01 {font-size:10px;color:#999999;} #middle_left #accordion p.exemple {margin:-5px 0 5px 0} #middle_left #accordion .texte00 {padding:12px 5px 12px 0;width:230px;} #middle_left #accordion .texte01 {padding:0 0 0 21px;} #middle_left #accordion .texte02 {padding:0 0 0 30px;} #middle_left #accordion .texte03 {color:#FC7D00;font-size:12px;font-weight:bold;} #middle_left #accordion .flecheLabel{background:url(/images/octroi/fleche02.gif) no-repeat 0 0;padding-left:10px;display:none;left:18px;position:absolute;} #middle_left #accordion .info {text-align:center} /* ERROR champ */ #middle_left #accordion .champError {border:2px solid #e2001a;} #middle_left #accordion .erreur {color:#e2001a;font-style:italic;font-size:11px;width:100%;} #middle_left #accordion .flecheError{background:url(/images/octroi/fleche03.gif) no-repeat 0 0;padding-left:10px;display:none;} #middle_left #accordion label.libError {color:#ff0033} /* Bloc infos conjoint sur fond jaune */ #middle_left #accordion .cellule00{background:#fdf6d3;width:284px;height:40px;padding:4px 0 0;font-size:11px;font-weight:bold;} #middle_left #accordion .fleche_cellule{background:url(/images/octroi/fleche01.jpg) no-repeat 0 0;height:38px;width:15px;float:left;padding:0 10px 0 0;} /* Souscrire le conjoint - Partie Situation */ /*DEBUT EVOL MAI 2009*/ #middle_left #accordion .suscribe_conjoint {padding:10px 0 10px 0;margin:0 0 0 20px;font-size:11px;width:694px;display:none} #middle_left #accordion .suscribe_conjoint_top {background:url(/images/octroi/suscribe-top.gif) no-repeat 0 0 #fdf6d3;} #middle_left #accordion .suscribe_conjoint_bottom {background:url(/images/octroi/suscribe-bottom.gif) no-repeat left bottom;zoom:1;padding:6px 0 6px 10px;} /*FIN EVOL*/ #middle_left #accordion .btFleche {margin-left:19px;background:#FDF6D3;} #middle_left #accordion .descript00 {display:inline;float:left;padding:5px 0 0 10px;} #middle_left #accordion .libelle {display:block;width:225px;} #middle_left #accordion .descript01 {color:#999999;font-size:10px;display:inline;float:left;padding:0 0 0 40px;} /*DEBUT EVOL MAI 2009*/ #middle_left #accordion .suscribe_conjoint_bottom .descript01 {width:385px;padding:0 0 0 20px;} /*FIN EVOL*/ /*Questions filtre pour les crédits */ #middle_left #accordion .questionFiltre {margin:10px 20px;font-size:11px;width:694px;display:block;} #middle_left #accordion .questionFiltre_top {background:url(/images/octroi/suscribe-top.gif) no-repeat 0 0 #fdf6d3;width:100%;} #middle_left #accordion .questionFiltre_bottom {background:url(/images/octroi/suscribe-bottom.gif) no-repeat left bottom;width:684px;padding:6px 0 6px 10px;} #middle_left #accordion #creditAutoEnCours, #middle_left #accordion #creditsAmortissablesEnCours, #middle_left #accordion #creditsRenouvelablesEnCours, #middle_left #accordion #autresCreditsEnCours, #middle_left #accordion #touchePensionInval, #middle_left #accordion #touchePensionReversion, #middle_left #accordion #toucheIndemnJour, #middle_left #accordion #recoitPensionAlim, #middle_left #accordion #LibLoyer,#middle_left #accordion #LibLocaAPL, #middle_left #accordion #Loyer,#middle_left #accordion #LocaAPL {display:none;} /*********************************************************************************************************************************************************************/ /*Assurance */ #middle_left #accordion .assurIntro {padding-top:10px;line-height:1.5em;} #middle_left #accordion .assurIntro strong {color:#fdc609;font-size:12px;} /*#middle_left #accordion .propAssur #assurTous {display:none;}*/ #middle_left #accordion .propAssur #assurTous {visibility:hidden;} /** MODIFICATION & AJOUT SEB 29/07/2010 **/ #middle_left #accordion .propAssur {list-style-type: none;margin:10px 0;padding-left:0px;display:inline;float:left;} #middle_left #accordion .propAssur li {line-height:1.5em;padding:0;zoom:1} #middle_left #accordion .propAssur input {margin-right:5px;border:0;float:left;display:inline;} /** MODIFICATION & AJOUT Clement 11/08/2010 **/ *html body #middle_left #accordion .type_radio2{margin:0;} #middle_left #accordion .propAssur li label {margin:0;width:290px;overflow:hidden;text-align:left;display:block;} #middle_left #accordion #serenite #ulPropAssur{width:335px;} #middle_left #accordion #serenite{display:inline;float:left;width:720px;margin:5px 0 35px 0;} #middle_left #accordion #serenite .assuClear{clear:both;} #middle_left #accordion #serenite div.cellule_float{display:inline;float:left;width:185px;text-align:center;} /*********************************/ #middle_left #accordion .propAssur .flecheLabel {left:0;} /**** CODE BLOC ASSURANCE ****/ #middle_left #accordion #assurance p.intro{min-height:0;margin-bottom:5px;} #middle_left #accordion #assurance .AssurTab{width:480px;float:left;display:inline;} #middle_left #accordion #assurance .AssurTab table{width:100%;} #middle_left #accordion #assurance .AssurTab table tr{background:#fffadd;border:1px solid #fff;} #middle_left #accordion #assurance .AssurTab table tr td p{margin:5px;min-height:0;} #middle_left #accordion #assurance .AssurTab table tr td p.blank{margin:5px;min-height:0;background:#ffffff;} #middle_left #accordion #assurance .AssurTab table tr td.cout{width:100px;height:40px;} #middle_left #accordion #assurance .AssurTab table tr td.mensualite{width:100px;} #middle_left #accordion #assurance .AssurTab table tr td.input{width:24px;} #middle_left #accordion #assurance .AssurTab table tr td input{margin-left:5px;} #middle_left #accordion #assurance .AssurTab table tr td.inputblank{width:24px;margin-left:5px;background:#ffffff;} #middle_left #accordion #assurance .AssurTab table tr td.label{width:250px;} #middle_left #accordion #assurance .AssurTab table tr td.labelblank{width:250px;background:#ffffff;} #middle_left #accordion #assurance .AssurTab table tr td.vide{background:#fff;} #middle_left #accordion #assurance .AssurTab table tr td.center{text-align:center;} #middle_left #accordion #assurance .AssurTab table tr td.centervide{text-align:center;color:#fffadd;} #middle_left #accordion #assurance .AssurTab table tr td.centerblank{text-align:center;background:#ffffff;} #middle_left #accordion #assurance .AssurTab table tr td.centerblankvide{text-align:center;background:#ffffff;color:#ffffff;} #middle_left #accordion #assurance .AssurSerenite{text-align:center;width:190px;float:left;display:inline;padding-left:20px;} #middle_left #accordion #assurance .AssurMentions{clear:both;padding-top:5px;} /**** FIN CODE BLOC ASSURANCE ****/ /********** ETAPE 4 - ASSURANCE ************/ /*******************************************/ *********************************************************************************************************************************************************************/ /**** MIDDLE RIGHT ****/ #middle_right {position:relative;top:0px;right:0;float:right;width:226px;z-index:99;padding:0 0 300px;} /* BLOC - Votre demande */ #middle_right #recap_dem {width:213px;position:relative;left:0;top:0;margin:0 0 30px;} /*#middle_right{width:216px;float:left;display:inline;}*/ #middle_right #recap_dem .recap_dem_top {background:url(/images/octroi/img-demande.jpg) no-repeat 0 0;width:208px;height:37px;} #middle_right #recap_dem .recap_dem_middle {background:url(/images/octroi/bg-fondDemande.jpg) repeat-y 0 0;color:#747474;font-size:11px;padding:0 0 0 15px;width:208px;} #middle_right #recap_dem .recap_dem_bottom {background:url(/images/octroi/bg-demandeFooter.jpg) no-repeat 0 0;height:25px;width:208px;} #middle_right #recap_dem .recap_dem_bottom_option {background:url(/images/octroi/bg-demandeOption.jpg) no-repeat 0 0;height:25px;width:193px;font-size:11px;padding:2px 0 0 15px;} #middle_right #recap_dem .recap_dem_middle h3{font-size:16px;font-weight:bold;color:#FC7D00;line-height:24px;} #middle_right #recap_dem .recap_dem_middle p{padding:2px 0;} #middle_right #recap_dem .recap_dem_middle .lien00 {background:url(/images/octroi/bg-chevron.gif) no-repeat 0 50%;padding:0 0 0 10px;color:#D4041C;font-size:10px;} #middle_right #recap_dem .recap_dem_middle .lien00 a{color:#D4041C;font-size:10px;} /* #middle_right #recap_dem .recap_dem_top {background:url(/images/octroi/bg-recapdem-top.jpg) no-repeat 0 0;width:213px;height:14px;} #middle_right #recap_dem .recap_dem_middle {background:url(/images/octroi/bg-recapdem-middle.jpg) repeat-y 0 0;width:161px;padding:0 26px;color:#747474;font-size:11px;} #middle_right #recap_dem .recap_dem_bottom {background:url(/images/octroi/bg-recapdem-bottom.jpg) no-repeat 0 0;width:213px;height:14px;} */ #middle_right .bg_separ {background:url(/images/octroi/bg-separ00.jpg) no-repeat bottom left;width:213px;height:55px;margin:0 0 10px;position:relative;left:0;} /* BLOCS texte */ #middle_right .pave_txt00 {width:190px;position:relative;left:16px;top:0;font-size:11px;color:#747474;} #middle_right .pave_txt00 .titre{height:40px;} #middle_right .pave_txt00 .titre h4{padding:10px 0 0;} #middle_right .pave_txt00 .picto01 {float:left;margin:0 6px 0 0;} #middle_right .pave_txt00 .fleche {position:relative;left:160px;width:20px;height:0;overflow:hidden;margin:10px 0;padding-top:20px;background: url(/images/octroi/fleche00.gif) no-repeat 0 0;} #middle_right .pave_txt00 .fleche a{padding-top:20px;} #middle_right .image00 {background:url(/images/octroi/img00.jpg) no-repeat 0 0;width:224px;height:291px;position:absolute;right:0;top:510px;} /**********************************************************************/ /******** LOADING SCREEN ********************************************/ div#loading { position:absolute; top:0; left:0; background:#000; z-index:15; } div#loaderContent{position:absolute;left:50%;margin-left:-150px;margin-top:-75px;width:300px;background:#fff;z-index:16;padding:20px 0;border:1px solid #FC7D00} #banqueAuto {width:200px;text-transform:lowercase;} /**** POPUP SAUVEGARDE ******/ /** Modifs pour fixer popup 03/07 **/ #overlaySave {visibility:hidden;width:100%;height:100%;text-align:center;position:fixed;top:0;left:0;background:#484745;z-index:1;opacity :0.8;background:#484745;filter:alpha(opacity=80);} #popupSave {display:none;visibility:hidden;width:621px;margin:0 auto;opacity:1;position:fixed;top:150px;left:50%;margin-left:-310px;z-index:1;text-align:left;} /** Fin modifs pour fixer popup 03/07 **/ #popupSave .popupSaveTop {width:621px;height:10px;background: url(/images/octroi/bg_popupsave_top.png) no-repeat;overflow:hidden;} * html body #popupSave .popupSaveTop {} #popupSave .popupSaveContent {width:531px;background: #fff;padding:10px 45px;color:#333;position:relative;margin:0;top:0;} #popupSave .popupSaveContent p {zoom:1} #popupSave .popupSaveContent .intro {margin-bottom:15px;} #popupSave .popupSaveContent .ligne {clear:both;overflow:hidden;padding:5px 0 0 0;} #popupSave .popupSaveContent .ligne label {float:left;display:inline;width:155px;color:#000;font-size:11px;} #popupSave .popupSaveContent .ligne label span {color:#f00} #popupSave .popupSaveContent .email input {float:left;display:inline;width:200px; border:1px solid #bdbdbd} #popupSave .input30 {width:30px;border:1px solid #bdbdbd} #popupSave .exemple00 {font-size:10px;color:#999999;padding-left:6px;} #popupSave .popupSaveContent #saveContinu {float:left;display:inline;width:275px;padding-top:30px;height:0;overflow:hidden;background: url(/images/octroi/bt_popupsave_saveContinu.png)} #popupSave .popupSaveContent .valid {margin-top:15px;} #popupSave .popupSaveContent .valid a {margin-right:10px} #popupSave .popupSaveContent #saveQuit {float:left;display:inline;width:205px;padding-top:30px;height:0;overflow:hidden; background: url(/images/octroi/bt_popupsave_saveQuit.png)} #popupSave .popupSaveContent #btClose {position:absolute;top:0;right:10px;width:15px;height:0;padding-top:15px;overflow:hidden;background: url(/images/octroi/bt_popupsave_close.png)} #popupSave .popupSaveBottom {width:621px;height:10px;background: url(/images/octroi/bg_popupsave_bottom.png) no-repeat} * html body #popupSave .popupSaveBottom {} #popupSave .popupSaveContent .notVisible {visibility : hidden; float:left;display:inline;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;} #popupSave .popupSaveContent #blocErreurSave {color:#f00;margin-bottom:10px;height:0;} /** 9019 - phrase avec asterisque en bas de page **/ .engag{margin:30px 174px 0 62px;} .engag p{font-size:10px;color:#96948b;} .engag .p1{margin:14px 0 0 0;} /** 9054 - Lagarde - credits amo et revo - nature besoin **/ .REF_cadre01{position:relative;width:236px;overflow:hidden;z-index:1; float:left; margin:0 0 5px 3px;} .REF_cadre01 .coins{position:relative;width:100%;height:0px;line-height:0;font-size:0;z-index:2;} .REF_cadre01 .coin_hg, .REF_cadre01 .coin_hd, .REF_cadre01 .coin_bg, .REF_cadre01 .coin_bd{position:absolute;display:block;font-size:0px;width:10px;height:10px;margin:0;padding:0;overflow:hidden;z-index:10;} .REF_cadre01 .coin_hg{top:0;left:0;background:url(/images/v5/cadre-coin01-hg.png) no-repeat 0 0;} .REF_cadre01 .coin_hd{top:0;right:0;background:url(/images/v5/cadre-coin01-hd.png) no-repeat 0 0;} .REF_cadre01 .coin_bg{bottom:0;left:0;background:url(/images/v5/cadre-coin01-bg.png) no-repeat 0 0;} .REF_cadre01 .coin_bd{bottom:0;right:0;background:url(/images/v5/cadre-coin01-bd.png) no-repeat 0 0;} .REF_cadre01_content.type02{padding:4px;background-color:#f5f5f5;overflow:hidden;height:160px;} .REF_cadre01_content.type03{padding:4px;background-color:#f5f5f5;overflow:hidden;height:156px;} #middle_left{left:0;display:inline;} #middle_left #accordion #creditsAmortissablesEnCours.bloc00, #middle_left #accordion #creditsRenouvelablesEnCours.bloc00{border-bottom:1px dashed #C0C0C0;margin:0 0 0 8px; width:720px;} #middle_left #accordion #creditsAmortissablesEnCours .bloc_form03b, #middle_left #accordion #creditsRenouvelablesEnCours .bloc_form03b{padding:10px 0 0;width:105px;} #middle_left #accordion #creditsAmortissablesEnCours .bloc_form04, #middle_left #accordion #creditsRenouvelablesEnCours .bloc_form04{margin:10px 0 0;width:120px;} #middle_left #accordion .input50 {width:50px;} #middle_left #accordion .input115 {width:115px;} #middle_left #accordion #creditsAmortissablesEnCours.bloc00 .bloc_form03b p, #middle_left #accordion #creditsRenouvelablesEnCours.bloc00 .bloc_form03b p{min-height:31px;} #middle_left #accordion #creditsAmortissablesEnCours.bloc00 .bloc_form04 p,#middle_left #accordion #creditsRenouvelablesEnCours.bloc00 .bloc_form04 p{min-height:30px;} #middle_left #accordion #creditsAmortissablesEnCours .exemple00, #middle_left #accordion #creditsRenouvelablesEnCours .exemple00{color:#999999;font-size:10px;padding:0 0 0 25px;} #middle_left #accordion .largeur310{display:block;width:310px;} .titreBloc{width:234px;float:left;margin:0 0 0 4px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#FC7D00;} #middle_right{width:216px;float:left;display:inline;} #middle_right{width:216px;float:left;display:inline;} #middle_right #recap_dem .recap_dem_top {background:url(/images/octroi/img-demande.jpg) no-repeat 0 0;width:208px;height:37px;} /*#middle_right #recap_dem .recap_dem_middle {background:url(/images/octroi/bg-fondDemande.jpg) repeat-y 0 0;color:#747474;font-size:11px;padding:0;margin:0 0 0 15px;width:195px;}*/ #middle_right #recap_dem .recap_dem_middle {background:url(/images/octroi/bg-fondDemande.jpg) repeat-y 0 0;color:#747474;font-size:11px;padding:0 0 0 15px;margin:0;width:208px;} #middle_right #recap_dem .recap_dem_bottom {background:url(/images/octroi/bg-demandeFooter.jpg) no-repeat 0 0;height:25px;width:208px;} #middle_right #recap_dem .recap_dem_bottom_option {background:url(/images/octroi/bg-demandeOption.jpg) no-repeat 0 0;height:25px;width:193px;font-size:11px;padding:2px 0 0 15px;} /*************************************************************************************************************************************************************************/ /* Bloc css de la WCB */ /*************************************************************************************************************************************************************************/ .generique_wcb{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#4c4c4c;} .titre_wcb{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#4c4c4c;margin:15px 0 0 65px;} .sstitre_wcb{font-size:16px;color:#e5ac00;margin:15px 0 0 65px;} .cadre01_content{position:relative;width:903px;background:url(/images/webcallback/bg-cadre01-top.gif) no-repeat 0 0;margin:0 0 0 50px;padding-top:30px;margin-top:15px;font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#4c4c4c;} .cadre01_content .cadre01{position:relative;width:100%;background:url(/images/webcallback/bg-cadre01-bottom.gif) no-repeat 0 100%;padding:0 20px 30px 20px;} .cadre01_top{position:relative;width:863px;height:198px;background:url(/images/webcallback/bg-bandeau01-top.jpg) no-repeat 0 0;} .cadre01_top_content{position:relative;width:600px;margin:0 0 0 270px;} .cadre01_top_content .cadre01_top_titre{font-size:18px;font-weight:bold;} .picto_chiffre01{position:relative;background:url(/images/webcallback/picto-puce01.gif) no-repeat 0 0;padding:3px 0 0 30px;margin-top:15px;} .bloc_numero{position:relative;width:323px;height:39px;line-height:39px;background:url(/images/webcallback/bg-cadre03-numero.gif) no-repeat 0 0;margin-top:20px;} .bloc_numero .titre_num, .bloc_numero input, .bloc_numero .votre_num{position:relative;float:left;display:inline;} .bloc_numero .titre_num{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;color:#4c4c4c;font-weight:bold;line-height:39px;text-align:right;width:190px;padding-right:10px;} .bloc_numero input{border:1px solid #c70e14;width:80px;padding:1px 0 1px 3px;margin:10px 0 0 0;} .bloc_numero .votre_num{font-size:14px;font-weight:bold;width:80px;} .cadre01_bottom{position:relative;width:863px;background:#fefefc url(/images/webcallback/bg-degrade01.gif) repeat-x 0 0;} .picto_chiffre02{position:relative;background:url(/images/webcallback/picto-puce02.gif) no-repeat 0 0;padding:3px 0 5px 30px;margin:0 0 0 270px;} .cadre01_bottom_content{position:relative;width:100%;margin:15px 0 0 0;} .cadre02_content{position:relative;width:323px;background:url(/images/webcallback/bg-cadre02-top.gif) no-repeat 0 0;padding-top:10px;} .cadre02_content .cadre02{position:relative;width:293px;background:url(/images/webcallback/bg-cadre02-bottom.gif) no-repeat 0 100%;padding:5px 15px 15px 15px;} .cadre02_content.tel_rdv01{position:relative;float:right;display:inline;margin-right:63px;} .cadre02_content.tel_rdv02{position:relative;float:right;display:inline;margin-right:270px;} .cadre02_content.tel_immediat, .separateur_ou{position:relative;float:left;display:inline;} .cadre02_content.tel_immediat{margin-left:63px;} .separateur_ou{margin:25px 0 0 18px;} .cadre02 .cadre02_titre{font-size:14px;font-weight:bold;margin-bottom:5px;} .cadre02 .btn_valider{float:right;display:inline;margin-top:15px;} .cadre03 .btn_valider{position:relative;width:293px;float:right;display:inline;margin-top:15px;} /* tableau jour */ .table01{position:relative;background:#FFF;border:1px solid #d4d0c8;margin-top:10px;} .table01 tr td{border:1px solid #FFF;} .table01 tr td p, .table01 tr td a{display:block;font-size:11px;color:#04489d;font-weight:bold;width:32px;height:32px;line-height:32px;background:#f0efeb;text-decoration:none;text-align:center;} .table01 tr td a.actif{color:#FFF;background:#ccd91b;} .table01 tr.top td p{color:#e5ac00;background:#d4d0c8;} .table01 tr.content td p{color:#c90f14;} /* tableau jour */ .table02{position:relative;background:#FFF;border:1px solid #d4d0c8;margin-top:10px;} .table02 tr td{border:1px solid #FFF;} .table02 tr td p, .table02 tr td a{display:block;font-size:11px;font-weight:bold;width:56px;height:32px;line-height:32px;background:#f0efeb;text-decoration:none;text-align:center;} .table02 tr td a{color:#04489d;} .table02 tr td a.actif{color:#FFF;background:#ccd91b;} .table02 tr td p{color:#c90f14;} .cadre01_content .cadre01.confirmation{position:relative;width:100%;background:url(/images/webcallback/bg-cadre01-bottom02.jpg) no-repeat 0 100%;padding:0 20px 30px 20px;} .confirmation_content{position:relative;width:600px;height:175px;margin:0 0 0 270px;} .confirmation_titre{font-size:18px;font-weight:bold;margin:0 0 20px 0;} .contact_erreur{position:relative;width:820px;height:32px;background:#e2001a url(/images/webcallback/picto-erreur.gif) no-repeat 20px 50%;margin:10px 0 0 70px;padding:5px 15px;display:none;} .contact_erreur p{font-size:13px;color:#FFF;margin:1px 0 0 50px;} /*************************************************************************************************************************************************************************/ /* ETAPE 4 ASSURANCE */ #blocAssurance #assurance input, #blocAssurance #assurance label{display:inline;float:left;} #blocAssurance #assurance input{margin:3px;} #blocAssurance #assurance ul, ol {margin: 0;padding: 0;list-style-type:none;} #blocAssurance #assurance p{line-height:1.4em;} p.titre_ass, p.titre_garanties{font-size:18px;color:#f0a505;font-weight:bold;text-align:center;} p.titre_ass{margin:20px 0;} p.titre_garanties sup{font-size:9px;} #cadre_container{position:relative;border:5px solid #f0a505;padding:7px;} .coinsHG, .coinsHD, .coinsBG, .coinsBD, .etape_coinsHG, .etape_coinsHD, .etape_coinsBG, .etape_coinsBD{position:absolute;width:10px;height:10px;} .coinsHG{background:url(/images/octroi/image-etape4.png) no-repeat -4px -4px;top:-5px;left:-5px;} .coinsHD{background:url(/images/octroi/image-etape4.png) no-repeat -14px -4px;top:-5px;right:-5px;} .coinsBG{background:url(/images/octroi/image-etape4.png) no-repeat -4px -14px;bottom:-5px;left:-5px;} .coinsBD{background:url(/images/octroi/image-etape4.png) no-repeat -14px -14px;bottom:-5px;right:-5px;} .cadre_content{position:relative;} .etape{position:relative;background:#fdf6d3;padding:7px;margin:17px 0;} .etape_coinsHG{background:url(/images/octroi/image-etape4.png) no-repeat -28px -4px;top:0;left:0;} .etape_coinsHD{background:url(/images/octroi/image-etape4.png) no-repeat -38px -4px;top:0;right:0;} .etape_coinsBG{background:url(/images/octroi/image-etape4.png) no-repeat -28px -14px;bottom:0;left:0;} .etape_coinsBD{background:url(/images/octroi/image-etape4.png) no-repeat -38px -14px;bottom:0;right:0;} #plus_assurance{position:relative;padding:7px 7px 7px 36px;border:1px solid #d1d1d1;margin:10px 0;} .plus_coinsHG, .plus_coinsHD, .plus_coinsBG, .plus_coinsBD{position:absolute;width:8px;height:8px;} .plus_coinsHG{background:url(/images/octroi/image-etape4.png) no-repeat -58px -7px;top:-1px;left:-1px;} .plus_coinsHD{background:url(/images/octroi/image-etape4.png) no-repeat -64px -7px;top:-1px;right:-1px;} .plus_coinsBG{background:url(/images/octroi/image-etape4.png) no-repeat -58px -13px;bottom:-1px;left:-1px;} .plus_coinsBD{background:url(/images/octroi/image-etape4.png) no-repeat -64px -13px;bottom:-1px;right:-1px;} #assurance{width:685px;visibility:hidden;} #etape_assurance_left, #etape_assurance_right{display:inline;float:left;margin:0 10px;} #etape_assurance_left{width:326px;} #etape_assurance_right{width:368px;} .flecheAssurance{background:url(/images/octroi/image-etape4.png) no-repeat -93px -3px;margin:auto;width:93px;height:26px;} /* etape assurance left */ #assurance_etape2 .etape_content label, #assurance_etape3 .etape_content label, #assurance_etape1 .etape_content label{margin: 2px 0 0 10px;width: 255px;} /* Etape 1 */ #assurance_etape1 .etape_content p{display:inline;float:left;width:200px;} #assurance_etape1 .etape_content ul li{display:inline;float:left;} /* Etape 3 */ #assurance_etape3 .etape_content ul li{overflow:hidden;} #assurance_etape3 .etape_content ul li:first-child input{margin-top:6px;} #assurance_etape3 .etape_content ul li.exclu{font-style:italic;margin:10px 0 0;} #assurance_etape3 .etape_content ul li.exclu span{display:inline;float:left;margin:0 10px;background:url(/images/octroi/image-etape4.png) no-repeat -189px -6px;width:68px;height:22px;} /* Recapitulatif */ #recapitulatif{position:relative;} #recapitulatif .etape_content ul li{text-align:center;} #recapitulatif .etape_content ul li p{font-weight:bold;} /* Validation */ #validation_demande{position:relative;margin:auto;width:187px;} /* etape assurance right */ #intro_assurance{position:relative;overflow:hidden;} #intro_assurance p{display:inline;float:left;width:207px;} #intro_assurance span{display:inline;float:left;background:url(/images/octroi/bg-cof-assurance.jpg) no-repeat 0 0;width:120px;height:78px;margin: 0 0 0 20px;} #garanties{position:relative;overflow:hidden;} #garanties ul li{display:inline;float:left;background:#f0f0f0;width:147px;height:110px;margin:0 30px 15px 0;padding:10px;} #garanties ul li.noMarge{margin:0 0 15px 0;} #plus_assurance .imgPlus{position:absolute;top:-5px;left:-5px;background:url(/images/octroi/image-etape4.png) no-repeat -268px -1px;width:29px;height:29px;} .mention{position:relative;padding:10px;overflow:hidden;} .mention p{font-size:9px;} /** Lightbox Assurance **/ #contenu_pop_ass{position:relative;} #contenu_pop_ass p{font-size:12px;color:#4C4C4C;padding:10px;} #contenu_pop_ass p.titre_pop_assurance{color:#000000;font-size:16px;text-align:center;} #contenu_pop_ass p.titre_pop_00{color:#F0A505;font-size:14px;font-weight:bold;} #contenu_pop_ass p span.pt_pop_ass{background:url(/images/octroi/picto-orange.gif) no-repeat 0 0;padding:0 0 0 20px;} #contenu_pop_ass p ul{margin:0;padding:0;} #contenu_pop_ass ul li{margin:0 0 0 20px;} #contenu_pop_ass ul li.first{list-style-type:none;margin:0;padding:0;} #contenu_pop_ass p span.mention_pop_ass{font-size:10px;} #contenu_pop_ass #ouiAss{background:url(/images/octroi/bt-oui-assure.jpg) no-repeat 0 0;display:inline;float:left;width:141px;height:37px;margin:15px 60px 5px 230px;text-indent: -3000px;} #contenu_pop_ass #nonAss{background:url(/images/octroi/bt-non-assure.jpg) no-repeat 0 0;display:inline;float:left;width:141px;height:37px;text-indent: -3000px;margin:15px 0 5px 0;}