/* -------- pages g�n�rales portes devis -----------------*/ ::-moz-selection { /* Pour firefox */ background:#f86f6c none repeat scroll 0 0; color:white; } ::selection { /* Pour les autres */ background:#f86f6c none repeat scroll 0 0; color:white; } html, body{ width:100%; background-color:#f5f5f5; } body { font-family:'aileronregular',Arial,Verdana, sans-serif; text-align:center; font-weight:normal; color:#000000; margin:0px; padding:0px; } .content_body { width:1050px; margin:auto; padding:0px; background-color:#f5f5f5; } #bodyCenter { color:#000000; font-family:'aileronregular',Arial,Verdana, sans-serif; text-align:center; margin:0px; width:1010px; min-width:990px; min-height:600px; overflow:hidden; box-shadow:0px 3px 3px rgba(17,20,22,0.32); } #bodyCenterTop { width:1050px; padding:0px; background-color:#f5f5f5; color:#000000; margin:auto; } p { text-align:left; } div {margin:0px; padding:0px; } .header_site{ color:#333; font-size:12px; height:40px; background-color:#fff; position:relative; z-index:2; } .header_site .header_site_bloc { width:1050px; margin:auto; text-align:left; font-family:'Aileronbold'; font-size:11px; } .header_site .headersite1{ height:40px; width:250px; line-height:21px; text-align:left; text-transform:uppercase; float:left; } .header_site .headersite2, .header_site .headersite3{ height:25px; width:144px; text-align:left; padding-top:13px; vetical-align:middle; color:#666; font-size:12px; float:left; } .header_site .headersite3 { width:165px; } .header_site .headersite2 img, .header_site .headersite3 img{ float:left; margin:0px 15px 0px 0px; height:14px; width:16px; } .header_site .headersite2 span, .header_site .headersite3 span{ float:left; padding-right:5px; text-decoration:underline; } .header_site .headersite2 a, .header_site .headersite3 a{ text-decoration:none; color:#666; } .header_site .space1{ width:30px; height:40px; float:left; } .header_site_bloc .space2{ width:260px; height:40px; float:left; } .header_site .headersiteRev { width:210px; height:40px; color:#333; float:left; } .header_site .headersiteRev2 { width:140px; height:40px; color:#333; line-height:12px; margin-left:20px; float:left; } .header_site .headersiteRev2 a{color:#666; text-decoration: underline; } .header_site .headersiteRev img, .header_site .headersiteRev2 img{ float:left; margin:7px 8px 0px 0px; } .header_site .headersiteRev span, .header_site .headersiteRev2 span{ padding-top:15px; float:left; } .header_site .headersiteRev2 span{ padding-top:7px; float:left; } .header_site .headersiteRev span a{ text-decoration:none; color:#666; } /*, .header_site .headersiteRev2 span a*/ .header_site .headersiteRev span a:hover, .header_site .headersiteRev2 span a:hover{ text-decoration: underline; color:#333; } .header_site .inscNewsL { display: table-cell; height:37px; text-align:left; width:200px; } .header_site .inscNewsL a{ text-decoration:none; color:#333; } #fullfluxDoors { float:left; min-width:970px; width:100%; padding:0px; min-height:600px; height:auto; margin:auto; background-color:#f5f5f5; box-shadow:0px 0px 3px rgba(17,20,22,0.32); } #kitchFooter{ width:100%; height:45px; padding:0px; background-color:#5a5861; color:#999; position:static; bottom:0px; } #connectpage { width: 1050px; height:1010px; background-color:#FFF; margin:auto; } /* ------ header kitchen ---- */ .contentTop { background-color:#f5f5f5; } #bodyCenterTopDoors { width:100%; padding:0px; margin:auto; color:#F5F5F5; } /*background:#d0d0d0; */ #headerDoors { width:100%; height:115px; margin:auto; background: url(/assets/inter/sixtanfr/pages/headerBackdg2cat.png) repeat-x; } #headerDoors2 {width:1050px; height:90px; margin:auto; } .baseline_site1{ height:88px; width:256px; padding:20px 0px 0px 0px; float:left;} .baseline_site a, .baseline_site h1, .baseline_site span, .baseline_site1 a, .baseline_site1 h1, .baseline_site1 span{ text-decoration:none; color:#505050; font-weight:600; font-size:14px; font-style:italic; } .baseline_site h1, .baseline_site span, .baseline_site1 h1, .baseline_site1 span{ padding-left:30px; } .title_h1{ color: #333; font-size: 32px; font-weight: 600; line-height:16px; text-transform: uppercase; } .warning_qty{ color:#d90000; } #headerDoors2 .devisCreateDoor { width:120px; height:50px; margin:22px 0px 0px 340px; padding-top:18px; background-color:#F5A200; float:left; text-align:center; font-size:14px; line-height:14px; font-family:'aileronsemibold'; cursor:pointer;} #headerDoors2 .devisCreateDoor a{ color:#333; text-decoration:none;} #headerDoors2 .devisCreateDoor a:hover{ color:#eee;} .bandeauInfosGen { width:280px; height:77px; margin:20px 0px 0px 10px; float:left;} .bandeauInfosCompte { height:72px; padding-right:7px; float:left;} .bandeauInfosCompte .userZone{ width:116px; height:64px; border:2px solid #f6a000; margin-right:20px; float:left; } .bandeauInfosCompte .basketZone{ width:116px; height:64px; border:2px solid #f6a000; float:left; } .bandeauInfosCompte .userZone, .bandeauInfosCompte .basketZone { background: #fff url("/assets/inter/sixtanfr/pages/header/header_flchCompte.png") no-repeat center bottom; text-align:center; line-height:14px; font-family:'Lato-bold', Arial, Helvetica, sans-serif; color:#444; font-size:13px; } .bandeauInfosCompte .userZone span, .bandeauInfosCompte .basketZone span{ color:#818b9c; } .userZone .title_account2, .basketZone .title_account2 { height:18px; width:115px; color:#434343; font-size:14px; float:left; } /*.userZone .title_account2 { margin-top:17px; cursor:pointer;}*/ .userZone .title_account2 { margin-top:17px; cursor:pointer;} .userZone .title_account3 { margin-top:15px; cursor:pointer;} .basketZone .title_account2 { margin-top:12px; cursor:pointer;} #cartZone { height:70px; width:116px; margin:3px 0px 0px 0px; float:left;} #cartZone .bull_panier{ display:block; height:17px; width:17px; font-size:10px; margin:-10px 0px 0px 88px; position:absolute; background:url(/assets/inter/sixtanfr/pages/bull_panier.png) no-repeat; font-weight:600; color:#FFF; line-height:17px; } .nbProdBasket{ font-size:14px; font-weight:bold; color:#f69400; } .priceCart{ font-size:11px; line-height:11px; color:#678; text-align: center; } *+html .priceCart{ font-size:14px; font-weight:normal; color:#535353; margin-top:0px; padding-left: 7px; text-align: left; } .nbProdCart{ font-size:16px; font-weight:bold; color:#5b5b5b; padding-top:10px; } .lienSeeCart{ text-decoration:none; text-transform:uppercase; color:#535353; font-size:14px; font-weight:bold; } .txtFranco{ font-size:12px; color:#999999; padding-top:34px; } #header_kitchen { background-color:#2C2B2F; background:url(/assets/doors/pages/headerBackdg.png) repeat-x; width: 1050px; height: 49px; z-index:2; float:none; position:relative; } #logoHeader { width:142px; height:32px; float:left; margin:8px 0px 0px 30px; } #kitch_LogoSixtan { width:145px; height:35px; margin:0px 30px 0px 15px; float:left; position:relative; cursor:pointer; padding-top:7px; } #devisCreateZone { width:297px; height:46px; margin:0px; padding:0px; line-height:13px; font-family:'aileronsemibold'; color:#FFF; float:right; font-size:12px; background:url(/assets/doors/pages/btn_createDevGreenRed.png) no-repeat; } #devisCreateZone #devisCreate { width:120px; height:44px; text-align:center; padding-top:20px; background-color:#F5A200; float:left; } #devisCreateZone #devisConsult{ width:142px; height:45px; text-align:center; padding-top:10px; float:left; } #devisCreateZone #devisCreate a { color:#eee; text-decoration:none; } #devisCreateZone #devisCreate a:hover{ color:#fff; text-decoration:none; } #devisCreateZone #devisCreate .text { width:155px; height:24px; float:left;} #CustomerZone, #CustomerZone2 { width:116px; height:60px; float:left; margin:3px 20px 0px 13px; text-align:left; } #CustomerZone .customerHeaderPhoto { width:33px; height:33px; float:right; margin:8px 10px 0px 0px; } #CustomerZone .customerHeaderPhoto img{ border-radius:32px; } #CustomerZone .customerHeaderName { width:auto; height:33px; float:right; margin-top:12px; font-size:14px; text-align:right; cursor:pointer;} #CustomerZone .customerHeaderFlchDown { width:10px; height:5px; float:right; margin:20px 5px 0px 0px; cursor:pointer; } #CustomerZone2 .customerHeaderPhoto { width:33px; height:33px; float:right; margin:8px 10px 0px 0px; } #CustomerZone2 .customerHeaderPhoto img{ border-radius:32px; } #CustomerZone2 .customerHeaderName { width:auto; height:33px; float:right; margin-top:12px; font-size:14px; text-align:right; cursor:pointer;} #CustomerZone2 .customerHeaderFlchDown { width:10px; height:5px; float:right; margin:20px 5px 0px 0px; cursor:pointer; } #MontrerConnexionK { width:450px; height:200px; background-color:#f9f9f9; border:1px solid #F6A30E; position:absolute; z-index:12; float:left; margin:-2px auto auto 580px; text-align:left; } #MontrerConnexionK #content_connect { font-size:13px; text-decoration:none; padding:30px; height:280px; width:400px; font-family:'Dosis', Verdana, sans-serif; } #MontrerConnexionK .title { height:40px; width:300px; color:#666; font-size:16px; text-decoration:underline; float:left; } #MontrerConnexionK .line { height:35px; width:350px; color:#999; font-size:14px; float:left; } #MontrerConnexionK .ico { height:20x; width:30px; float:left; } #MontrerConnexionK .text{ width:250px; height:30px; font-size:16px; float:left; } #MontrerConnexionK .text span{ color:#B90508; } #MontrerConnexionK .ico2 { height:20px; width:30px; margin-top:10px; float:left; } #MontrerConnexionK .button { height:34px; width:235px; border-radius:5px; font-size:14px; color:#fff; margin:auto; float:left; background:#ca0023; cursor:pointer; border:1px solid #ccc; cursor:pointer;} #MontrerConnexionK .button .text2 { height:24px; width:220px; padding: 9px 0px 0px 8px; text-align:center;} #seeNoConnect { width:450px; height:340px; background-color:#f9f9f9; border:1px solid #F6A30E; position:absolute; z-index:12; float:left; margin:-25px auto auto 590px; text-align:left; } #seeNoConnect #content_connect2 { font-size:13px; text-decoration:none; padding:10px 0px 0px 30px; height:280px; width:400px; font-family:'Dosis', Verdana, sans-serif; } #content_connect2 .affAlertText2Error { height:35px; width:360px; color:#CC1D1D; font-size:14px; text-decoration:underline; float:left; } #content_connect2 .affAlertText2Off { display:none; } #content_connect2 #content_connect2 { height:150px; width:400px; padding-left:10px; font-size:18px; font-family:'Dosis', Verdana, sans-serif; text-align:left; float:left; } #content_connect2 .textConPop{ width:400px; height:70px; font-size:16px; float:left; } #content_connect2 .textConPop span{ color:#B90508; } .dejaconn { height:32px; width:390px; font-size:14px; color:#777; margin-left:-10px; float:left; } .dejaconn2 { height:22px; width:390px; font-size:14px; color:#777; margin-left:-10px; float:left; } #content_connect2 .input_log2{ height:28px;width:234px;border:1px solid #ccc;box-shadow:inset 0px 2px 3px 0 rgba(16,18,17,0.08);border-radius:2px;margin:10px 20px 0px 20px; float:left;} #content_connect2 .input_log2 input{ border:0px;height:20px;width:210px;background:none;padding:4px 0px 0px 5px;border-radius:2px;color:#888;font-size:11px;line-height:13px;} #content_connect2 .input_log2 .logFieldNew12{} #content_connect2 .remem{ height:30px; width:350px; padding:0px 20px 0px 20px; margin-top:6px; color:#666; float:left; } #content_connect2 .remem .rememberMe { height:30px; width:110px;text-align:left; font-size:11px; float:left; } #content_connect2 .remem .statCon { height:30px; width:26px; text-align:right; float:left; } #content_connect2 .valAForget { height:40px; width:390px; padding-left:20px; padding-right:20px;padding-bottom:15px; float:left; } #content_connect2 .valAForget .Val2 {height:30px; width:222px;text-align:left; font-size:12px; float:left; } #content_connect2 .valAForget .forg2 { height:30px; width:150px; font-size:12px; line-height:12px; padding-top:8px; text-align:right; float:left; } #content_connect2 .valAForget .forg2 a{ text-decoration:none; color:#007de5; } #content_connect2 .valAForget .forg2 a:hover{ text-decoration:none; color:#487BC9; } .dejaconn2 { height:22px; width:390px; font-size:14px; color:#777; margin-left:-10px; float:left; } #content_connect2 .btn_orange{ height:24px; width:115px; border-radius:2px; text-align:center;font-family:open sans; font-size:13px; cursor:pointer; float:left; line-height:24px;color:#fff;background:#ea6522 url(/assets/inter/qamafr/pages/btn_orange-bg.png) repeat-x top;} #content_connect2 .creaCpt2 { height:35px; width:370px; background-color:#fff; padding:7px 8px 7px 8px; margin-bottom:40px; float:left; } #content_connect2 .bouton_rouge, #content_connect2 .bouton_blanc{ border-radius:3px;height:34px;width:165px;text-align:center;font-size:14px;line-height:36px;color:#fff;margin:auto; float:left;} #content_connect2 .bouton_rouge{ background:#ca0023; cursor:pointer; margin-right:35px;} #content_connect2 .bouton_blanc{ border:1px solid #ccc; background:#fff;color:#505050;cursor:pointer;} #content_connect2 .bouton_rouge:hover{ background:#b6001e; } #content_connect2 .bouton_blanc:hover{ background:#EEE; } #middleBand { margin:auto; width:auto; height:auto; min-height:700px; background-color:#fff;/* box-shadow:0px 0px 3px rgba(17,20,22,0.32);*/ } /* ******** toolbar bas page ***************** */ #btToolbar { position:fixed; z-index:4; width:100%; height:48px; left:0px; opacity:1; bottom:0px; } /*.bottomToolbar{ position:fixed; z-index:4; width:100%; height:48px; left:0px; opacity:1; bottom:0px; }*/ #btToolbar .bTbArrowZone{ width:1000px; height:48px; margin:auto; } #btToolbar .bTbArrowBloc{ width:30px; height:22px; margin-left:1027px; margin-top:3px; position:absolute; float:left; z-index:4; } #btToolbar .bTbArrowBloc img{ box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25); } #btToolbar .bTbInfosZone{ width:100%; height:48px; margin:auto; position:relative; z-index:3; background:url(/assets/doors/pages/toolbar_blackDeg.png) repeat-x; margin-top:-48px; } #btToolbar .bTbInfosBloc { width:1040px; height:48px; text-align:left; display:block; font-size:12px; margin:auto; } #btToolbar .bTbInfosBloc .bTbLogo { width:130px; height:42px; border-right:1px solid #666; margin-top:3px; padding-top:5px; float:left; } #btToolbar .bTbInfosBloc .bTbUnivers{ width:90px; height:42px; margin-top:3px; border-right:1px solid #666; text-align:center; text-transform:uppercase; float:left; } #btToolbar .bTbInfosBloc .bTbUnivers .text{ width:auto; height:35px; padding:8px 3px 0px 3px; line-height:16px; color:#efefef; } #btToolbar .bTbInfosBloc .bTbUnivers a{ text-decoration:none; color:#efefef; } #btToolbar .bTbInfosBloc .bTbUnivers a:hover{ text-decoration:none; color:#F7FFFF; } /* ******** fin toolbar bas page ***************** */ /* ---------popup accueil modeles ------------------------------ */ #popupAccModelsShadow { height:2800px; width:120%; top:0px; left:0px; position:absolute; background-color:#111; z-index:2000; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;-khtml-opacity:0.65; } #popupAccModels { height:820px; width:900px; position:absolute; background-color:#FFF; top:35px; margin-left:70px; z-index:2001; } #popupAccModels .topZone{ height:90px; width:900px; float:left; background:url(/assets/doors/pages/popup_intro_Topbackgd.png) repeat-x bottom; } #popupAccModels .topZone .windOpenClose{ height:28px; width:900px; margin:0px; float:right; } #popupAccModels .topZone .windOpenClose img{ float:right; cursor:pointer; } #popupAccModels .topZone .topZoneLogo,#popupConnRecap .topZone .topZoneLogo { height:65px; width:205px; margin:-15px 70px 0px 50px; float:left; } #popupAccModels .topZone .topZoneTxt{ height:65px; width:440px; margin:0px 0px 0px 0px; line-height:22px; float:left; font-family:"aileronregular", Arial; color:#888; font-weight:normal; font-size:16px;} #popupAccModels .topZone .topZoneTxt span, #popupConnRecap .topZone .topZoneTxt span{ font-family:"aileronbold"; } #popupAccModels .centerZone{ height:160px; width:900px; background-color:#fafafa; text-align:center; padding-top:25px; float:left; font-family:"aileronregular", Arial; color:#333; } #popupAccModels .centerZone .centerZoneTxt{ height:70px; width:900px; float:left; } #popupAccModels .centerZone .centerZoneTxt span{ font-family:"aileronbold"; } #popupAccModels .centerZone .buttonCreConn{ height:58px; width:150px; background-color:#5599CC; padding-top:7px; border-radius:3px; margin:0px 5px 0px 30px; cursor:pointer; float:left; font-size:15px; font-family:"aileronbold"; text-align:center; line-height:18px; color:#EEE; } #popupAccModels .centerZone .buttonCreConn:hover{ background-color:#4477BB; } #popupAccModels .centerZone .buttonReadyConn{ height:55px; width:250px; background-color:#68ac31; padding-top:10px; border-radius:3px; margin:0px 15px 0px 10px; cursor:pointer; float:left; font-size:20px; font-family:"aileronregular"; text-align:center; line-height:23px; color:#EEE; } #popupAccModels .centerZone .buttonReadyConn:hover{ background-color:#619B28; } #popupAccModels .centerZone .buttonVal{ height:55px; width:415px; background-color:#F4BC27; padding-top:10px; border-radius:3px; margin-left:0px; cursor:pointer; float:left; font-size:20px; font-family:"aileronbold"; text-align:center; line-height:22px; } #popupAccModels .centerZone .buttonVal:hover{ background-color:#F4C035; } #popupAccModels .bottomZone1{ height:517px; width:900px; float:left; background:url(/assets/doors/pages/popup_intro_Middlebackgd.png) no-repeat; } #popupAccModels .bottomZone2{ height:20px; width:900px; padding-top:6px; text-align:center; font-size:12px; color:#333; float:left; } .bottomZone1 .bottomZ1Txt { width:900px; height:115px; margin-top:30px; text-align:center; font-size:22px; font-family:"aileronregular", Arial; color:#333; float:left; } .bottomZone1 .bottomZ1Txt span{ color:#68ac31; } .bottomZone1 .bottomZ1Vignet { width:875px; height:295px; margin-left:125px; text-align:center; font-family:"aileronregular", Arial; float:left; } .bottomZ1Vignet .bottomZ1VignetBloc { width:180px; height:295px; margin-right:55px; float:left; } .bottomZ1Vignet .bottomZ1VignetBloc .blimg{ width:180px; height:190px; float:left; } .bottomZ1Vignet .bottomZ1VignetBloc .txtTitle{ width:180px; height:25px; font-size:26px; color:#333; font-family:"aileronbold"; float:left; } .bottomZ1Vignet .bottomZ1VignetBloc .txtName{ width:180px; height:35px; font-size:16px; color:#555; float:left; } .bottomZone1 .bottomZ2Desc { width:735px; height:85px; margin-left:40px; text-align:left; font-size:12px; font-family:"aileronregular", Arial; color:#333; float:left; } #popupAccModels .bottomZone2 span, #popupAccModels .bottomZone2 a, #popupConnRecap .bottomZone2 span, #popupConnRecap .bottomZone2 a{ color:#68ac31; text-decoration:none; } /* ************** popup recapitulatif ************ */ #popupConnRecap { height:613px; width:780px; position:fixed; background-color:#FFF; top:35px; margin-left:115px; z-index:2001; } #popupConnRecap .topZone{ height:100px; width:780px; float:left; background:url(/assets/doors/pages/popup_intro_Topbackgd.png) repeat-x bottom; } #popupConnRecap .topZone .topZoneTxt{ height:65px; width:340px; margin:24px 0px 0px 0px; line-height:22px; float:left; font-family:"aileronregular", Arial; color:#888; font-weight:normal; font-size:16px;} #popupConnRecap .centerZone{ height:80px; width:780px; background-color:#fafafa; margin:auto; padding-top:25px; float:left; font-family:"aileronregular", Arial; color:#666; text-align:center; } #popupConnRecap .centerZone .buttonVal{ height:35px; width:590px; padding-top:20px; border-radius:3px; margin:auto auto auto 100px; cursor:pointer; float:left; font-size:20px; font-family:"aileronbold"; text-align:center; } #popupConnRecap .bottomZone1{ height:380px; width:600px; padding-left:180px; text-align:left; float:left; background:url(/assets/doors/pages/popup_intro_Middlebackgd.png) no-repeat; } #popupConnRecap .bottomZone2{ height:20px; width:780px; padding-top:6px; text-align:center; font-size:12px; color:#333; float:left; } #popupConnRecap #content_connect3 { font-size:13px; text-decoration:none; padding:5px 0px 0px 30px; height:350px; width:400px; font-family:'Dosis', Verdana, sans-serif; } #content_connect3 .affAlertText2Error { height:35px; width:390px; color:#CC1D1D; font-size:14px; text-decoration:underline; float:left; } #content_connect3 .affAlertText2Off { display:none; } #content_connect3 #content_connect2 { height:150px; width:400px; padding-left:10px; font-size:18px; font-family:'Dosis', Verdana, sans-serif; text-align:left; float:left; } #content_connect3 .textConPop{ width:400px; height:70px; font-size:16px; float:left; } #content_connect3 .textConPop span{ color:#B90508; } #content_connect3 .input_log2{ height:28px;width:234px;border:1px solid #ccc;box-shadow:inset 0px 2px 3px 0 rgba(16,18,17,0.08);border-radius:2px;margin:10px 20px 0px 20px; float:left;} #content_connect3 .input_log2 input{border:0px;height:20px;width:210px;background:none;padding:4px 0px 0px 5px;border-radius:2px;color:#888;font-size:11px;line-height:13px;} #content_connect3 .input_log2 .logFieldNew12{} #content_connect3 .remem{ height:30px; width:350px; padding:0px 20px 0px 20px; margin-top:6px; color:#666; float:left; } #content_connect3 .remem .rememberMe { height:30px; width:110px;text-align:left; font-size:11px; float:left; } #content_connect3 .remem .statCon { height:30px; width:26px; text-align:right; float:left; } #content_connect3 .valAForget { height:40px; width:390px; padding:0px 20px 5px 20px; float:left; } #content_connect3 .valAForget .Val2 {height:30px; width:222px;text-align:left; font-size:12px; float:left; } #content_connect3 .valAForget .forg2 { height:30px; width:150px; font-size:12px; line-height:12px; padding-top:8px; text-align:right; float:left; } #content_connect3 .valAForget .forg2 a{ text-decoration:none; color:#007de5; } #content_connect3 .valAForget .forg2 a:hover{ text-decoration:none; color:#487BC9; } .dejaconn2 { height:22px; width:390px; font-size:14px; color:#777; margin-left:-10px; float:left; } #content_connect3 .btn_orange{ height:24px; width:115px; border-radius:2px; text-align:center;font-family:open sans; font-size:13px; cursor:pointer; float:left; line-height:24px;color:#fff;background:#ea6522 url(/assets/inter/qamafr/pages/btn_orange-bg.png) repeat-x top;} .noconnZone { height:115px; width:390px; font-size:14px; color:#777; margin-left:-10px; padding:10px; background-color:#e5e5e5; float:left; } .noconnZone .noconn { height:22px; width:380px; font-size:14px; color:#777; text-align:left; float:left; } #content_connect3 .creaCpt2 { height:auto; width:370px; padding:3px 8px 5px 8px; float:left; } #content_connect3 .bouton_rouge, #content_connect3 .bouton_blanc{ border-radius:3px;height:34px;width:165px;text-align:center;font-size:14px;line-height:36px;color:#fff;margin:auto; float:left;} #content_connect3 .bouton_rouge{ background:#ca0023; cursor:pointer; margin-right:35px;} #content_connect3 .bouton_blanc{ border:1px solid #ccc; background:#fff;color:#505050;cursor:pointer;} #content_connect3 .bouton_rouge:hover{background:#b6001e;} #content_connect3 .bouton_blanc:hover{background:#EEE;} #content_connect3 .noconnZone .noconnInfos0{ height:24px; width:380px; font-size:18px; font-family:"aileronregular", Arial; color:#777; margin-top:20px; text-align:left; line-height:20px; float:left; } #content_connect3 .noconnZone .noconnInfos0 span{ color:#c66; } #content_connect3 .noconnZone .noconnInfos{ height:15px; width:380px; font-size:14px; font-family:"aileronregular", Arial; color:#777; text-align:left; line-height:13px; float:left; } #content_connect3 .noconnZone .noconnInfos span{ font-family:"aileronbold", Arial; color:#c66; } #content_connect3 .noconnZone .noconnInfos a{ color:#487BC9; text-decoration:none; } #content_connect3 .noconnZone .noconnInfos a:hover{ color:#247; text-decoration:none; } /* --- zone menu 2 projet modele --------------- */ #DoorsMenuZoneA { width:1050px; height:105px; margin:auto; } #DoorsMenuZoneA .kitchenMenuOff { display:none; } #DoorsMenuZoneA .kitchenMenuOn { display:block; } /*cr�ation projet menu etapes infos gene*/ .headerBottomH1 { width:1050px; height:13px; background-color:#f2f0ef; box-shadow: 1px 1px 2px 1px rgba(100,100,100,.3); float:left; } #headerProjectH1 img, #headerProjectH1 span{ cursor:pointer;} #headerProjectR1 { width:1020px; height:83px; background-color:#fff; padding:22px 0px 0px 30px; text-align:left; float:left; font-family:'aileronbold'; font-size:11px; color:#a9a9a9; } .headerBottomR1 { width:1050px; height:13px; background-color:#f2f0ef; float:left; } #headerProjectR1 img, #headerProjectR1 span{ cursor:pointer;} #headerProjectR1 span a{ color:#A9A9A9; text-decoration:none;} #headerProjectR1 .Flch{ width:10px; height:80px; float:left; background-image: url('/assets/doors/pages/arrow_nav.png'); background-repeat: no-repeat; background-position:0px 20px; } #projectBloc2 .ico, #modeleBloc .ico, #typDimBloc .ico, #decorBloc .ico, #gammeBloc .ico, #validateRBloc .ico { height:80px; text-align:center; float:Left; } #projectBloc2 .ico .imgIco, #modeleBloc .ico .imgIco, #typDimBloc .ico .imgIco, #decorBloc .ico .imgIco, #gammeBloc .ico .imgIco, #validateRBloc .ico .imgIco { height:50px; text-align:center; float:Left; } #projectBloc2 .ico .txt, #modeleBloc .ico .txt, #typDimBloc .ico .txt, #decorBloc .ico .txt, #gammeBloc .ico .txt, #validateRBloc .ico .txt { height:30px; text-align:center; float:Left;} /* #gammeBloc { height:80px; width:140px; float:Left; border-bottom:3px solid #F6A30E; } #gammeBloc .ico, #gammeBloc .ico .imgIco, #gammeBloc .ico .txt, #gammeBloc .ico .txtOn { width:120px;} #modeleBloc { height:80px; width:140px; float:Left; border-bottom:3px solid #F6A30E; } #modeleBloc .ico, #modeleBloc .ico .imgIco, #modeleBloc .ico .txt { width:120px;} #decorBloc { height:80px; width:140px; float:Left; border-bottom:3px solid #F6A30E; } #decorBloc .ico, #decorBloc .ico .imgIco, #decorBloc .ico .txt, #decorBloc .ico .txtOn { width:120px; } #typDimBloc { height:80px; width:140px; float:Left; border-bottom:3px solid #E84D14; } #typDimBloc .ico, #typDimBloc .ico .imgIco, #typDimBloc .ico .txt, #typDimBloc .ico .txtOn { width:120px;} #validateRBloc { height:80px; width:160px; float:Left; border-bottom:3px solid #71B13D; } #validateRBloc .ico, #validateRBloc .ico .imgIco, #validateRBloc .ico .txt, #validateRBloc .ico .txtOn { width:140px;} #projectBloc2 { height:80px; width:140px; border-bottom:3px solid #a2bac6; margin-right:2px; float:Left;} #projectBloc2 .ico, #projectBloc2 .ico .imgIco, #projectBloc2 .ico .txt { width:120px;} #gammeBloc .ico .txtOn span a, #modeleBloc .ico .txtOn span a, #decorBloc .ico .txtOn span a, #typDimBloc .ico .txtOn span a, #validateRBloc .ico .txtOn span a, #projectBloc2 .ico .txtOn span a{ color:#F6A000; } #gammeBloc .ico, #modeleBloc .ico, #typDimBloc .ico, #decorBloc .ico, #validateRBloc .ico, #projectBloc2 .ico { height:80px; text-align:center; float:Left; } */ #freeBloc { height:80px; width:77px; margin-right:2px; float:Left;} #guideBloc { height:80px; width:75px; float:Left; } #guideBloc .imgIco { width:75px; height:40px; margin-top:20px; cursor:pointer; float:left;} /* --- fin zone menu2 */ #devisZone { width:328px; height:47px; float:left; margin-top:8px; font-size: 12px; line-height: 14px; } /* ---------pages formulaire projet devis ------------------------ */ #projectPage { padding:0px; text-align:left; width:100%; height:100%; background-color:#fff;/* box-shadow:0px 2px 3px 1px rgba(21, 21, 21, 0.3);*/ } #projectPage #titleLine{ width:960px; height:40px; color:#333; float:left;} #projectPage #titleLine #Title{ width:500px; height:36px; font-size:26px; font-family:'aileronbold'; letter-spacing:0.01em; float:left; } #projectPage #titleLine .text{ width:53px; height:36px; padding-top:5px; margin-left:420px; font-size:14px; font-family:'aileronsemibold'; float:left; } /* --- style de piece --- */ #projectPage #titleLine #TitleCM{ width:350px; height:36px; font-size:26px; font-family:'aileronbold'; letter-spacing:0.01em; float:left; } #projectPage #titleLine .textCM{ width:500px; height:36px; font-size:14px; font-family:'aileronsemibold'; color:#999; padding-top:10px; float:left; } /* *** **** **** pages modeles collection ---------------- */ #doorsGammeZone { width:1010px; height:auto; min-height:300px; margin-top:15px; float:left; background-color:#FFF; font-family:'Oswald', Arial; } #doorsGammeZone .doorsCatZone { height:45px; width:1020px; padding:5px 0px 5px 0px; float:left;} .doorsCatZone .doorsCatListChxOn, .doorsCatZone .doorsCatListChxOff { height:19px; width:auto; border-radius:7px; background-color:#fff; padding:15px; margin-right: 20px; float:left; font-size:16px; font-family:'aileronregular'; color:#585858; cursor:pointer; } .doorsCatZone .doorsCatListChxOn { border:2px solid #FFD322; } .doorsCatZone .doorsCatListChxOff{ border:1px solid #ccc; } .doorsCatZone { height:auto; width:1020px; margin-bottom:25px; float:left;} #doorsGammeZone .catTitleG { height:72px; width:100%; color:#505050; background-color:#eee; margin-bottom:22px; float:left;} #doorsGammeZone .catTitleG .textFirst { height:30px; width:265px; font-size:24px; font-family:'Oswald'; padding:18px 10px 0px 25px; float:left; } #doorsGammeZone .catTitleG .backPrinc { height:50px; width:18px; margin:10px 5px 0px 15px; padding:3px 0px 0px 4px; background-color:#DDD; cursor:pointer; float:left; font-size:42px; font-family:'trashhand'; line-height:42px; color:#EEE; } #doorsGammeZone .catTitleG .backPrinc:hover{ background-color:#999; } #doorsGammeZone .catTitleG .backPrinc a{ color:#EEE; text-decoration:none;} #doorsGammeZone .catTitleG .textPrinc{ height:30px; width:290px; font-size:24px; font-family:'Oswald'; padding:18px 10px 0px 25px; float:left;} #doorsGammeZone .catTitleG .text{ height:30px; width:auto; font-size:24px; font-family:'Oswald'; padding:18px 10px 0px 25px; letter-spacing:-0.02em; float:left;} #doorsGammeZone .catTitleG .infoVideo{ height:28px; width:125px; margin:22px 8px 0px 0px; font-size:13px; font-family:'aileronital'; text-align:right; float:left;} #doorsGammeZone .catTitleG .infoTuto{ height:28px; width:165px; margin:22px 8px 0px 0px; font-size:13px; font-family:'aileronital'; text-align:right; float:left;} #doorsGammeZone .catTitleG .infoPlus{ height:28px; width:215px; margin:22px 8px 0px 0px; font-size:13px; font-family:'aileronital'; text-align:right; float:left;} #doorsGammeZone .catTitleG .infoPlus a{ color:#505050; text-decoration: none;} #doorsGammeZone .catTitleG .icoplus{ height:26px; width:26px; margin-top:23px; float:left; background-image: url('/assets/doors/pages/infosPlus.png'); background-repeat:no-repeat; } #doorsGammeZone .rangebloc { height:420px; width:330px; margin-bottom:10px; background-color:#f5f5f5; float:left;} #doorsGammeZone .catTitle { min-height:90px; height:auto; width:325px; padding-top:20px; font-family:'aileronbold'; float:left; } #doorsGammeZone .catTitle .textName { height:30px; width:297px; padding:5px 0px 0px 25px; margin-bottom:5px; background-color:#F5A200; float:left; color:#FFF; font-size:16px; font-family:'Oswald-light'; text-transform:uppercase; } #doorsGammeZone .catTitle .textName span{ text-transform: uppercase;} #doorsGammeZone .catTitleFree { height:110px; width:325px; padding-top:20px; float:left; } #doorsGammeZone .catTitleFree .textName { height:30px; width:295px; margin-bottom:10px; background-color:#F5F5F5; float:left; } #doorsGammeZone .catDesc{ min-height:60px; height:auto; width:92%; padding:0px 0px 10px 25px; color:#333; font-size:12px; line-height:14px; font-family:'aileronregular'; display:none; float:left; } #doorsGammeZone .catDesc span { color:#E01619;} #doorsGammeZone .catInfo{ height:20px; width:100%; color:#666; font-size:16px; font-weight:normal; display:none; float:left; } #doorsGammeZone .affCatRanges{ height:auto; width:100%; margin-bottom:30px; background-color:#f5f5f5; display:none; float:left; } .doorsGammeBloc { width:296px; height:284px; margin:0px 0px 20px 25px; font-size:18px; background-color:#FFF; border-radius:3px; box-shadow:0px 0px 8px rgba(21, 21, 21, 0.5); float:left; } .doorsGammeBlocOn { width:296px; height:284px; margin:0px 0px 15px 25px; font-size:22px; background-color:#F2F0EF; border-radius:3px; box-shadow:0 1px 2px rgba(21, 21, 21, 0.3); float:left; -webkit-filter:hue-rotate(40deg); -moz-filter:hue-rotate(40deg); -o-filter:hue-rotate(40deg); -ms-filter:hue-rotate(40deg); filter:hue-rotate(40deg); } /*.doorsGammeBlocOn { width:327px; height:370px; padding:10px 0px 0px 3px; margin:0px 8px 15px 0px; font-size:22px; background-color:#F2F0EF; border-radius:3px; box-shadow:0 1px 2px rgba(21, 21, 21, 0.3); float:left; -webkit-filter:hue-rotate(40deg); -moz-filter:hue-rotate(40deg); -o-filter:hue-rotate(40deg); -ms-filter:hue-rotate(40deg); filter:hue-rotate(40deg); }*/ .doorsGammeBlocHover { -moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); } /*.doorsGammeBloc .subTitle{ width:296px; height:16px; color:#333; font-size: 14px; float:none; text-align:center; font-family: Roboto, Arial, sans-serif; font-weight:100; letter-spacing:0.02em; padding-bottom:7px; }*/ .doorsGammeBloc .imgGamme{ width:296px; height:172px; float:none; display:block; } .doorsGammeBloc .blocOverOn{ width:296px; height:284px; margin-top:-172px; cursor:pointer; background-color:#333; -moz-opacity:0.5; -webkit-opacity:0.5; -o-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); } .doorsGammeBloc .seeGammeOn{ width:136px; height:24px; background-color:#F5A200; margin:-190px 0px 0px 90px; padding-top:5px; cursor:pointer; color:#333; font-size:12px; text-align:center; -moz-opacity:1; opacity:1; filter:alpha(opacity=100); font-family: Roboto, Arial, sans-serif; font-weight:normal; position:absolute; display:block; } .doorsGammeBloc .title{ width:auto; height:23px; text-align:center; background-color:#F5A200; padding:9px 15px 0px 15px; margin:10px 10px 0px 0px; position:relative; float:left; } .doorsGammeBloc .title .txt{ color:#FFF; font-size:14px; font-family:'Oswald-light'; line-height:14px; text-transform:uppercase; float:left; } .doorsGammeBloc .checkOn{ width:26px; height:26px; margin:10px 7px 0px auto; border:2px solid #F5A200; float:left; background:url(/assets/doors/pages/select_check.png) no-repeat center center #333; box-shadow:0px 0px 3px rgba(251, 251, 251, 0.5); } .doorsGammeBloc .seeGammeOff, .doorsGammeBloc .blocOverOff, .doorsGammeBloc .checkOff{ display:none; cursor:pointer; } .doorsGammeBloc .deliTime{ width:85px; height:31px; margin:135px 0px 0px 204px; background-color:#FFF; position:absolute; text-align:center; float:left; } .doorsGammeBloc .deliTime .txt{ width:84px; height:15px; font-size:12px; color:#333; font-family:'Lato-regular'; font-weight:normal; float:left; } .doorsGammeBloc .deliTime .deli{ width:85px; height:16px; font-size:14px; color:#DC7F3B; letter-spacing:0.03em; line-height:12px; float:left; font-family:trashhand, Arial, sans-serif; font-weight:normal; } .doorsGammeBloc .etpRangeModelTyp { height:65px; width:285px; background-color:#FFF; margin:6px auto auto auto; padding-left:10px; text-align:left; float:left;} .doorsGammeBloc .etpRangeModelTyp .etpRangeModelTypCenter{ height:57px; width:auto; margin:auto; } .etpRangeModelTyp .rangeModelTyp { height:55px; width:31px; margin-left:-13px; position:relative; float:left; } .doorsGammeBloc .etp2ModelDecors { width:294px; height:42px; margin-top:66px; padding:5px 0px 0px 3px; position:absolute; } .doorsGammeBloc .etp2ModelDecors2 { width:294px; height:30px; margin-top:83px; padding:5px 0px 0px 6px; position:absolute; } .etp2ModelDecors .decor, .etp2ModelDecors2 .decor{ width:15px; height:15px; margin:0px 0px 4px 2px; float:left; border-radius:30%; box-shadow: 1px 1px 1px 0 #AAA; position:relative; } /* *** **** **** --------------- */ /* *** **** **** page presentation MODELES ---------------- */ #roomPage { padding:13px 0px 0px 30px; text-align:left; width:1020px; height:1460px; background-color:#f2f0ef; } #roomPage #titleLine{ width:990px; height:450px; color:#333; margin-bottom:40px; background-color:#FFF; box-shadow: 0px 1px 3px rgba(21, 21, 21, 0.15); float:left; } #roomPage #titleLine #imgScroll{ width:650px; height:450px; margin-right:40px; float:left; } #roomPage #titleLine #imgScroll .txtncontr{ width:635px; height:15px; position:relative; margin-top:-25px; padding-left:15px; font-family:'aileronital'; font-size:13px;color:#999; float:left; } #roomPage #titleLine .infoZones{ width:300px; height:450px; color:#333; font-family:'aileronregular'; float:left; } #roomPage #titleLine .infoZones #prevR{ width:285px; padding:10px 15px 0px 0px; text-align:right; height:12px; font-size:12px; float:left; } .infoZones #prevR a{ color:#999; text-decoration:none; } .infoZones #prevR a:hover{ color:#999; text-decoration:underline; } .infoZones .title{ width:300px; height:auto; min-height:37px; font-size:32px; padding-top:45px; float:left; } .infoZones .subtitleZone{ width:285px; height:105px; float:left; } .infoZones .subtitleZone .subtitle{ width:285px; height:auto; max-height:75px; padding-bottom:10px; font-family:'aileronregular'; font-size:14px; float:left; } .infoZones .subtitleZone .deli{ width:300px; height:20px; color:#999; font-family:'aileronregular'; font-size:14px; float:left; } .infoZones .subtitleZone .deli img{ width:14px; height:16px; margin-right:5px; float:left; } .infoZones .configButton{ width:260px; border-radius:5px; padding:12px 0px 0px 15px; text-align:center; margin-bottom:15px; float:left; background-color:#fbc42f; box-shadow:0 1px 1px rgba(35, 31, 32, 0.2); height:48px; cursor:pointer; background-image:linear-gradient(to top, rgba(251, 176, 47, 0.60) 0%, rgba(255, 255, 255, 0.20) 100%); } .infoZones .exploreButton{ width:260px; height:38px; border:1px solid #b3b3b3; border-radius:5px; cursor:pointer; padding:6px 0px 0px 15px; text-align:center; margin-bottom:15px; float:left; background-image:linear-gradient(to top, rgba(199, 199, 199, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%); } .infoZones .configButton .txtZone, .infoZones .exploreButton .txtZone{ width:215px; height:46px; float:left;} .infoZones .configButton .topTxtButton{ width:215px; height:18px; color:#666; font-family:'aileronsemibold'; font-size:14px; float:left; } .infoZones .exploreButton .topTxtButton{ width:215px; height:16px; color:#999; font-family:'aileronsemibold'; font-size:12px; float:left; } .infoZones .configButton .txtButton{ width:215px; height:26px; color:#444; font-family:'aileronbold'; font-size:16px; float:left; } .infoZones .exploreButton .txtButton{ width:215px; height:26px; color:#666; font-family:'aileronbold'; font-size:14px; float:left; } .infoZones .configButton .flch{ width:21px; height:38px; padding:8px 0px 0px 7px; float:left;} .infoZones .exploreButton .flch{ width:21px; height:38px; padding:8px 0px 0px 7px; float:left;} .infoZones .options{ width:295px; height:100px; color:#505050; font-family:'aileronregular'; font-size:13px; float:left; } /* --------------- popup regions ------ */ #popupModifDev { background-color:#fff; font-size:12px; height:300px; margin:80px auto auto 200px; border:1px solid #999; z-index:2500; text-align:left; width:520px; display:none; position:fixed; } #popupModifDev .closeBtn { width:520px; height:25px; text-align:right; cursor:pointer; float:left; } #popupModifDev .contentMod { width:460px; height:160px; margin-top:40px; padding-left:50px; text-align:left; float:left; } #popupModifDev .imgPopMod { width:425px; height:50px; margin-top:0px; text-align:left; float:left; } #popupModifDev .txtPopMod { width:425px; height:65px; text-align:center; color:#666; font-size:20px; border-bottom:1px solid #999; float:left; } #popupModifDev .txtPopMod span{ text-transform: uppercase; color:#333; } #popupModifDev .txtPopModElmt { width:425px; height:40px; margin-top:10px; color:#666; font-size:14px; display:none; text-align:left; float:left; } #popupModifDev .contentModR { width:460px; height:250px; margin-top:20px; padding-left:40px; text-align:left; font-family:'aileronregular'; float:left; } #popupModifDev .imgPopModinf { width:445px; height:50px; border-bottom:1px solid #999; float:left; } #popupModifDev .imgPopModR { width:125px; height:50px; margin-top:0px; text-align:left; float:left; } #popupModifDev .txtPopModR,#popupModifDev .txtPopModR2 { width:320px; height:65px; text-align:center; color:#666; font-size:16px; float:left; } #popupModifDev .txtPopModR3 { width:440px; height:135px; text-align:left; color:#666; font-size:16px; line-height:21px; float:left; } #popupModifDev .txtPopModR span{ text-transform:uppercase; color:#333; } #popupModifDev .txtPopModR2 span,#popupModifDev .txtPopModR3 span{ text-transform:uppercase; font-family:'aileronsemibold'; color:#666; } #popupModifDev .txtPopModElmtR { width:445px; height:65px; margin-top:10px; color:#666; font-size:14px; text-align:left; float:left; } #popupModifDev .txtPopModElmtR span{ font-family:'aileronsemibold'; color:#BB3335; } #popupModifDev .txtPopAlertDim { width:445px; height:50px; margin-top:0px; text-align:left; float:left; } #popupModifDev .lDet { width:445px; height:20px; font-size:14px; color:#666; float:left; } #popupModifDev .lDet span{ font-family:'aileronsemibold'; } #popupModifDev .buttonZoneDev { height:37px; width:420px; margin:10px 0px 13px 0px; font-family:'aileronsemibold'; font-size:14px; float:left; cursor:pointer; } #popupModifDev .buttonZoneDev a{ color:#333; text-decoration:none; } #popupModifDev .buttonZoneDev a:hover{ color:#333; text-decoration:underline; } #popupModifDev .buttonZoneDev .prevButtonDev{ height:35px; width:150px; background-color:#ccc; border-radius:3px; padding:4px 5px 0px 5px; margin-right:13px; float:left; } #popupModifDev .buttonZoneDev .prevButtonDev .txtL2{ height:25px; width:115px; line-height:15px; padding-top:9px; float:left;} #popupModifDev .buttonZoneDev .prevButtonDev .imgButton, #popupModifDev .buttonZoneDev .prevButtonDev0 .imgButton{ height:25px; width:20px; text-align:left; margin-left:5px; padding-top:9px; float:left; } #popupModifDev .buttonZoneDev .prevButtonDev0 { height:35px; width:205px; margin-right:20px; cursor:pointer; background-color:#ccc; padding:4px 5px 0px 5px; float:left; } #popupModifDev .buttonZoneDev .prevButtonDev0:hover{ background-color:#aaa; } .prevButtonDev0 .txtL3{ height:32px; width:165px; margin-left:10px; font-family:'aileronregular'; line-height:16px; float:left;} .prevButtonDev0 .txtL3R{ height:23px; width:165px; margin-left:10px; font-family:'aileronregular'; line-height:16px; padding-top:10px; float:left;} #popupModifDev .buttonZoneDev .prevButtonDev0C { height:35px; width:120px; margin-right:10px; cursor:pointer; background-color:#ccc; padding:4px 5px 0px 5px; float:left; } #popupModifDev .buttonZoneDev .prevButtonDev0C:hover{ background-color:#aaa; } #popupModifDev .buttonZoneDev .prevButtonDev0C .imgButton{ height:25px; width:20px; text-align:left; margin-left:5px; padding-top:9px; float:left; } .prevButtonDev0C .txtL3{ height:32px; width:100px; margin-left:10px; font-family:'aileronregular'; line-height:16px; float:left;} .prevButtonDev0C .txtL3R{ height:23px; width:90px; margin-left:5px; font-family:'aileronregular'; line-height:16px; padding-top:1px; float:left;} #popupModifDev .buttonZoneDev .buttonNewCatDev { height:35px; width:70px; margin-right:10px; cursor:pointer; background-color:#79B182; padding:4px 5px 0px 5px; text-align:center; float:left; } #popupModifDev .buttonZoneDev .buttonNewCatDev:hover{ background-color:#547A5A; color:#FFF; } #popupModifDev .buttonZoneDev .buttonNewCatDev a{ color:#FFF; text-decoration:none;} #popupModifDev .buttonZoneDev .nextButtonDev{ height:35px; width:170px; background-color:#C9E3BF; border-radius:3px; line-height:12px; padding:4px 0px 0px 17px; float:left; } #popupModifDev .buttonZoneDev .nextButtonDev .txt{ height:33px; width:140px; line-height:15px; font-size:13px; padding-top:1px; float:left;} #popupModifDev .buttonZoneDev .nextButtonDev .imgButton{ height:25px; width:20px; text-align:right; padding-top:9px; float:left; } #popupModifDev .buttonZoneDev .nextButtonDevR{ height:35px; width:195px; background-color:#E1807D; color:#FFFAE5; padding:4px 0px 0px 17px; float:left; } #popupModifDev .buttonZoneDev .nextButtonDevR .txtR{ height:33px; width:165px; line-height:15px; font-size:14px; padding-top:1px; float:left;} #popupModifDev .buttonZoneDev .nextButtonDevR .txtR:hover{ color:#FFF; } #popupModifDev .buttonZoneDev .nextButtonDevR .imgButton{ height:25px; width:20px; text-align:right; padding-top:9px; float:left; } #popupModifDev .buttonZoneDev .nextButtonDev2{ height:35px; width:170px; background-color:#C9E3BF; border-radius:3px; line-height:12px; padding:4px 0px 0px 17px; float:left; } #popupModifDev .buttonZoneDev .nextButtonDev2 .txtR{ height:33px; width:143px; line-height:15px; padding-top:2px; float:left;} #popupModifDev .buttonZoneDev .nextButtonDev2 .imgButton{ height:25px; width:20px; text-align:right; padding-top:9px; float:left; } #cachepage5, #cachepage5V{ width:990px; height:100%; top:0px; position:absolute; z-index:2300; } #popupAffVid { height:400px; width:640px; background-color:#999; font-size:12px; margin:40px auto auto 200px; border:1px solid #999; z-index:2500; text-align:left; display:none; position:fixed; } #popupAffVid .closeBtn { width:640px; height:25px; text-align:right; cursor:pointer; float:left; } #popupAffVid .contentVideo { width:640px; height:380px; float:left; } #popupAffVid .closeBtnV { width:640px; height:25px; margin-top:0px; text-align:right; cursor:pointer; float:left; } #cachepage6 { background-color:#333; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:2000; filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45;-khtml-opacity:0.45; } #cachepage7 { background-color:#333; width:115%; height:400%; top:0px; left:0px; position:absolute; z-index:2000; filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45;-khtml-opacity:0.45; } /* *** **** **** page r�cap fa�ades de caissons et plinthes ---------------- */ #recapZone { width:280px; min-height:552px; height:auto; padding:1px; background-color:#FFF; box-shadow: 0px 2px 5px rgba(21, 21, 21, 0.15); float:left; } #recapZone .imgR{ width:280px; height:80px; float:left;} #recapZone #infosDevisTop{ width:265px; height:70px; padding:6px 0px 0px 15px; background-color:#d60c2f; box-shadow:0 1px 3px rgba(21, 21, 21, 0.15); font-family:'aileronsemibold'; color:#FFF; text-align:left; float:left; } #recapZone #infosDevisTop .titleProj{ width:265px; height:20px; font-size:12px; float:left;} #recapZone #infosDevisTop .devisInfos{ width:265px; height:22px; font-size:20px; float:left; } #recapZone #infosDevisTop .devisInfosName{ width:265px; height:12px; font-size:12px; float:left; } #recapZone #infosDevisMiddle{ width:265px; height:auto; min-height:315px; padding:30px 0px 0px 15px; font-size:12px; font-family:'aileronregular'; float:left;} #recapZone #infosDevisMiddle .separ{ width:240px; height:9px; border-top:1px solid #d0d0d0; margin-top:4px; float:left; } #recapZone #infosDevisMiddle .titleInfosDetail{ width:242px; height:15px; color:#4a83bb; margin-top:7px; float:left; } #recapZone #infosDevisMiddle .bloctextInfosDetail{ width:200px; min-height:45px; float:left;} #recapZone #infosDevisMiddle .textInfosDetail{ width:200px; min-height:15px; height:auto; color:#666; float:left;} #recapZone #infosDevisMiddle .textInfosDetail span{font-family:'aileronbold'; } #recapZone #infosDevisMiddle .textVignInfosDetail{ width:40px; height:45px; margin-top:-13px; float:left;} #recapZone #infosDevisMiddle .textInfosDecorColor{ width:30px; height:30px; background: #ffffff url(/assets/doors/decors/spacer.gif) no-repeat left top; margin:0px; float:left;} #recapZone #infosDevisMiddle .elmtDetailZone{ width:232px; height:65px; margin:10px 0px 0px 10px; color:#777; font-family:'aileronregular'; float:left; } .elmtDetailZone .elmtRecapTitle{ width:232px; height:15px; font-size:12px; text-align:left; float:left; } .elmtDetailZone .elmtRecapTitle .elmtRecapTitTxt{ width:200px; height:15px; font-family:'aileronbold'; color:#4a83bb; text-decoration:underline; float:left; } .elmtDetailZone .elmtRecapTitle .elmtRecapTitTxt span{ font-family:'aileronregular'; color:#666; } .elmtDetailZone .elmtRecapTitle .elmtRecapTitQty{ width:30px; height:15px; color:#f54b00; text-align:right; float:left; } .elmtDetailZone .elmtRecapDims { width:232px; height:15px; font-size:12px; text-align:left; float:left; } .elmtDetailZone .elmtRecapDecor { width:232px; height:15px; font-size:12px; text-align:left; float:left; } .elmtDetailZone .elmtRecapDecor .elmtRecapDecTxt{ width:200px; height:15px; float:left; } .elmtDetailZone .elmtRecapDecor .elmtRecapDecColor{ width:15px; height:15px; margin:-4px 0px 0px 13px; background-color:#fff; float:left; } .elmtDetailZone .elmtRecapRefPrice{ width:232px; height:15px; font-size:17px; text-align:left; float:left; } .elmtDetailZone .elmtRecapRefPrice .elmtRecapRef { width:100px; height:15px; font-size:11px; text-align:left; padding-top:1px; float:left; } .elmtDetailZone .elmtRecapRefPrice .elmtRecapPrice { width:130px; height:17px; font-size:12px; font-family:'aileronbold'; text-align:right; float:left; } .elmtDetailZone .elmtRecapRefPrice .elmtRecapPrice span{ font-family:'aileronregular'; margin-right:5px; } .elmtDetailZone .labelClassOff { height:22px; width:22px; margin:-40px 0px 0px -55px; display:none; float:left; } .elmtDetailZone .labelClassOn { height:22px; width:22px; background:url(/assets/doors/pages/72h-3.png) no-repeat; background-size:cover; margin:-40px 0px 0px -55px; float:left; } #recapZone #infosDevisMiddle .elmtDetailCadre{ width:232px; height:25px; margin:-5px 0px 0px 10px; color:#333; font-family:'aileronbold'; display:none; float:left; } .elmtDetailCadre .elmtRecapRef { width:200px; height:15px; font-size:11px; text-align:left; padding-top:1px; float:left; } #recapZone #infosDevisPrice{ width:265px; min-height:75px; height:auto; margin-bottom:15px; padding:10px 0px 5px 10px; float:left;} #recapZone #infosDevisPrice .priceRecapBloc, #recapZone #infosDevisPrice .priceRecapBlocOff{ width:261px; height:60px; margin-top:10px; float:left; text-align:left; background-image: url(/assets/doors/pages/backgdPriceRecap.png); background-repeat: no-repeat; } #recapZone #infosDevisPrice .priceRecapBloc .libellPricePro { width:235px; height:15px; padding:15px 3px 0px 20px; font-size:11px; color:#6797C3; float:left; } #recapZone #infosDevisPrice .priceRecapBloc .recapTxt{ width:75px; height:23px; padding:2px 0px 0px 18px; text-align:left; font-family:'aileronregular'; font-size:18px; float:left; } #recapZone #infosDevisPrice .btnCalcZone{ width:261px; height:40px; margin-top:0px; float:left; text-align:left;} #recapZone #infosDevisPrice .btnCalcZone .priceRecapBloc { height:60px;} .priceRecapBloc .calcButton{ width:100px; height:30px; margin:18px 8px 0px 15px; background-color:#ddd; border:1px solid #ccc; float:left; border-radius:6px; cursor:pointer; color:#bbb; } #recapZone #infosDevisPrice .btnCalcZone .priceRecapBloc .recapPrice{ width:115px; height:40px; padding:23px 3px 0px 0px; text-align:right; font-size:22px; font-family:'aileronbold'; float:left; } .btnCalcZone .priceRecapBloc .calcButton :hover{ color:#bbb; } .btnCalcZone .priceRecapBloc .calcButton .recapTxtB{ width:67px; height:18px; padding:7px 0px 0px 10px; font-family:'aileronregular'; font-size:16px; float:left; } #recapZone #infosDevisPrice .priceRecapBloc .recapPrice{ width:160px; height:40px; padding:0px 3px 0px 0px; text-align:right; font-size:22px; font-family:'aileronbold'; float:left; } #recapZone #infosDevisPrice .priceRecapBloc .recapPrice span{ font-size:12px; } #recapZone #infosDevisPrice .priceRecapBlocOff .recapTxt{ width:220px; height:30px; padding:23px 0px 0px 20px; float:left; color:#888; text-align:center; font-family:'aileronregular'; font-size:12px; } #recapZone #infosDevisPrice .priceRecapBlocOff .recapTxt span{ font-family:'aileronbold'; } #recapZone #infosDevisPrice .priceRecapBlocEco{ width:261px; height:25px; background-color:#F0F0F0; color:#666; float:left;} .priceRecapBlocEco .recapTxt{ width:100px; height:20px; padding:3px 0px 0px 20px; text-align:left; font-family:'aileronregular'; font-size:12px; float:left; } .priceRecapBlocEco .recapPrice{ width:135px; height:20px; padding:0px 3px 0px 0px; text-align:right; font-size:14px; font-family:'aileronbold'; float:left; } #recapZone #infosDevisPrice .recapTxtStar{ width:238px; height:32px; padding:10px 3px 0px 20px; float:left; text-align:left; color:#888; background-color:#F0F0F0; font-size:11px; font-family:'aileronbold'; } #recapZone .imgPlanCD { width:250px; height:auto; float:left; padding-bottom:20px; } #recapValid { width:280px; height:150px; margin:10px 0px 0px 10px; float:left; } #recapValid #buttonZone, #recapValid #buttonZone2{ height:40px; width:280px; margin:-5px 0px 20px -7px; font-family:'aileronsemibold'; font-size:14px; float:left; cursor:pointer; } #recapValid #buttonZone a, #recapValid #buttonZone2 a{ color:#333; text-decoration:none; } #recapValid #buttonZone a:hover, #recapValid #buttonZone2 a:hover{ color:#333; text-decoration:underline; } #recapValid #buttonZone .prevButton{ height:31px; width:96px; background-color:#ccc; border-radius:3px; padding:9px 0px 0px 4px; margin-right:20px; float:left; } #recapValid #buttonZone .prevButton span{ font-size:18px; margin:-10px 6px 0px 0px;} #recapValid #buttonZone .nextButton{ height:36px; width:146px; background-color:#f4bc26; line-height:16px; border-radius:3px; padding:4px 0px 0px 12px; cursor:pointer; float:left; } #recapValid #buttonZone .nextButtonOff{ height:36px; width:150px; background-color:#A3A3A3; line-height:16px; border-radius:3px; padding:4px 0px 0px 12px; cursor:none; float:left; } #recapValid #buttonZone .nextButton .nextButtonConf, #recapValid #buttonZone .nextButtonOff .nextButtonConf{ width:130px; height:30px; float:left;} #recapValid #buttonZone .nextButton .nextButtonConfP { width:130px; height:30px; padding:9px 0px 0px 0px; text-align:center; cursor:pointer; float:left;} #recapValid #buttonZone .nextButton .nraqo, #recapValid #buttonZone .nextButtonOff .nraqo{ width:12px; height:21px; padding-top:7px; font-size:20px; float:left;} #recapValid #buttonZone .nextButton span, #recapValid #buttonZone .nextButtonOff span{ font-size:18px; margin:-10px 10px 10px 10px; } #recapValid #buttonZone .nextButtonV { height:28px; width:145px; background-color:#f4bc26; line-height:16px; border-radius:3px; padding:12px 0px 0px 17px; float:left; } #recapValid #buttonZone .nextButtonI { height:28px; width:145px; background-color:#9c3; line-height:16px; border-radius:3px; padding:12px 0px 0px 17px; float:left; } #recapValid #buttonZone .nextButtonV span, #recapValid #buttonZone .nextButtonI span{ font-size:18px; margin:-10px 10px 10px 10px; } #recapValid #buttonZone .nextButtonV span{ font-size:18px; margin:-10px 10px 10px 10px; } #recapValid .messRec{ height:15px; width:270px; padding-left:15px; font-size:13px; color:#999; float:left; } #recapValid #buttonZone .nextButtonD2,#recapValid #buttonZone2 .nextButtonD2 { height:28px; width:260px; background-color:#390; border-radius:3px; text-align:center; color:#FFF; padding-top:12px; float:left; } #recapValid #buttonZoneXls{ height:30px; width:260px; font-family:'aileronsemibold'; font-size:14px; float:right; } #recapValid #buttonZoneXls img{ float:left; cursor:pointer; } #recapValid #buttonZoneXls .txtFile{ height:17px; width:210px; margin:4px 10px 0px 0px; text-align:right; float:left; } #recapValid #buttonZoneXls a{ color:#666; text-decoration:none;} #buttonZoneNext { height:50px; width:680px; margin-top:50px; text-align:right; float:left; } #buttonZoneNext .nextButton{ height:36px; width:280px; background-color:#f4bc26; line-height:16px; border-radius:3px; color:#555; padding:4px 0px 0px 12px; float:right; } #buttonZoneNext .nextButton .nextButtonConf{ width:250px; height:20px; padding-top:10px; text-align:left; float:left;} #buttonZoneNext .nextButton .nraqo{ width:12px; height:21px; padding-top:7px; font-size:20px; float:left;} #buttonZoneNext .nextButton .nextButtonConf a, #buttonZoneNext .nextButton .nraqo a{ color:#555; text-decoration:none;} #buttonZoneNext .nextButton:hover { color:#999; text-decoration:none;} #recapValid #buttonAddBZone, #recapValid #buttonInfoSurf{ height:40px; width:268px; margin:4px 8px 4px 0px; font-family:'aileronsemibold'; font-size:18px; cursor:pointer; float:right; background-color:#CF3C3C; line-height:16px; border-radius:3px; color:#EEE; padding:4px 0px 0px 12px; display:none; } #recapValid #buttonAddBZone:hover{ color:#FFF; text-decoration:underline; } #recapValid #buttonAddBZone .btnLoadPdfTxt{ padding-top:12px; height:27px; width:270px; cursor:pointer; } #recapValid #buttonAddBZone .btnLoadPdfTxt img{ margin:-7px 30px 0px 20px; float:left;} #recapValid #buttonInfoSurf { font-size:14px; cursor:default; } #recapValid #buttonInfoSurf span{ padding-left:15px; line-height:27px; font-family:'aileronregular';} #recapValid .buttonNewDev1{ height:40px; width:268px; margin:4px 8px 12px 0px; font-family:'aileronsemibold'; font-size:18px; cursor:pointer; float:right; background-color:#BBB; line-height:16px; border-radius:3px; color:#EEE; padding:4px 0px 0px 12px; } #recapValid .buttonNewDev1:hover{ background-color:#AAA; } #recapValid .buttonNewDev1 img{ margin: 10px 27px 0px 10px; float:left;} #recapValid .buttonNewDev1 a{ color:#EEE; text-decoration:none; } #recapValid .buttonNewDev1 a:hover{ color:#FFF; } #recapValid .buttonNewDev1 .btnBackTxt{ padding-top:11px; height:27px; width:270px; cursor:pointer; } .roomRecapBloc { width:250px; height:auto; margin-bottom:10px; float:left; } .roomRecapBloc .roomRecapBlocTitle { width:250px; height:25px; border:1px solid #CCC; text-align:left; float:left; font-family:'aileronbold'; color:#4a83bb; } .roomRecapBloc .roomRecapBlocTitle .rcbText{ width:225px; height:25px; padding:7px 0px 0px 5px; font-size:12px; float:left; } .roomRecapBloc .roomRecapBlocTitle .action{ width:15px; height:25px; padding-top:0px; font-size:22px; cursor:pointer; float:left; } .roomRecapBloc .roomRecapBlocDatasC{ width:245px; height:auto; padding-left:5px; float:left; border-style:none solid solid solid; border-color:#fff #ccc #ccc #ccc; border-width:0px 1px 1px 1px; } .roomRecapBloc .recapInfosBoxName{ width:240px; height:13; padding:5px 0px 0px 5px; font-family:'aileronregular'; color:#666; float:left; } .roomRecapBloc .recapInfosBoxMeasure{ width:193px; height:20px; padding-left:12px; font-family:'aileronregular'; color:#666; float:left; } .roomRecapBloc .recapInfosBoxQte{ width:30px; height:20px; text-align:right; font-family:'aileronregular'; color:#f54b00; float:left; } /* page gammes -------------------- */ #detailChxZone1 { width:1010px; height:130px; background-color:#FFF; text-align:center; float:left;} #detailChxZone1 #titleLine1{ width:1010px; height:90px; padding:32px 0px 10px 0px; font-family:'aileronregular'; float:left; } #titleLine1 .title{ width:1010px; height:45px; font-size:24px; text-align:center; font-family:'Oswald-bold', Arial; float:left; } #titleLine1 .subTitle{ width:1010px; height:37px; font-size:14px; line-height:16px; text-align:center; float:left; } #titleLine1 .subSubTitle{ width:1010px; height:28px; font-size:12px; line-height:12px; text-align:center; color:#666; float:left; } #detailChxZone1 .textFC{ width:970px; height:70px; float:left; color:#999; font-size:12px; line-height:23px; text-align:center; font-family:'aileronregular'; } #detailChxZone1 .textFC span{ font-family:'aileronsemibold'; color:#878787; } #detailChxZone1 .textFC a{ color:#008fd9; text-decoration:none; } /* page autres -------------------- */ #detailChxZone2 { width:1010px; height:102; float:left;} #detailChxZone2 #titleLine{ width:970px; height:100px; border-bottom:1px solid #f2a200; border-top:1px solid #f2a200; float:left; background:url(/assets/doors/pages/backgd_titlebox.jpg) no-repeat bottom center; margin:20px auto 10px auto; } #detailChxZone2 #titleLine #Title{ width:970px; height:33px;float:left; margin:-15px 0px 10px 0px; font-size:26px; text-align:center; font-family:'Oswald-bold', Arial; font-weight:normal; letter-spacing:0.01em; } #detailChxZone2 #titleLine #Title span{ background-color:#f2f0ef; color:#f5a200; padding:0px 15px 0px 15px; } #detailChxZone2 #titleLine .textFC{ width:970px; height:70px; float:left; color:#999; font-size:12px; line-height:23px; text-align:center; font-family:'aileronregular'; } #detailChxZone2 #titleLine .textFC span{ font-family:'aileronsemibold'; color:#878787; } #detailChxZone2 #titleLine .textFC a{ color:#008fd9; text-decoration:none; } /* *** **** **** page fa�ades ---------------- */ #detailChxZoneXL { width:100%; height:auto; background-color:#FFF; min-height:700px; float:left;} #detailChxZoneXL #titleLine, #detailChxZoneSmall #titleLine{ width:100%; height:44px; padding:24px 0px 0px 0px; color:#333; float:left;} #detailChxZoneXL #titleLine #Title, #detailChxZoneSmall #titleLine #Title { width:auto; height:25px; padding-left:24px; text-align:left; font-size:20px; font-family:'Oswald'; float:left; } #detailChxZoneXL #titleLine #Title span, #detailChxZoneSmall #titleLine #Title span{ font-size:14px; color:#999; margin-left:20px; } #detailChxZoneXL #doorsFrontZoneXL{ width:100%; height:auto; min-height:700px; color:#333; font-family:'Oswald'; float:left; } #doorsFrontZoneXL .TitleCol{ width:100%; height:45px; margin-bottom:25px; padding:25px 0px 0px 25px; background-color:#ececec; float:left; } #doorsFrontZoneXL .TitleCol .Txt { width:auto; height:27px; color:#505050; font-family:'Oswald-light'; font-size:24px; line-height:24px; float:left;} #doorsFrontZoneXL .titleChx{ width:100%; height:auto; margin-bottom:25px; font-size:16px; line-height:16px; float:left; } #doorsFrontZoneXL .titleChx .subTitle{ width:93%; height:35px; background:#F4F4F4 url(/assets/doors/pages/Rectangle_arrondi_etap.png) no-repeat center left; padding:20px 0px 0px 25px; margin:0px 2.5% 20px 2.5%; font-size:16px; line-height:16px; color:#505050; } #doorsFrontZoneXL .titleChx .subTitle .TitleColDec{width:auto; height:27px; margin:0px 20px 0px 0px; color:#333; text-align:left; float:left; } #doorsFrontZoneXL .titleChx .subTitle .TitleColDec input{ width:20px; height:20px; margin-top:-3px; cursor:pointer; } #doorsFrontZoneXL .titleChx .subTitle .textSCM{ width:auto; height:23px; color:#999; margin:0px 15px 0px 0px; text-align:right; float:left; } #doorsFrontZoneXL .titleChx .subTitle .ModifGamImg { width:25px; height:30px; margin:-4px 0px 0px 5px; cursor:pointer; background:url(/assets/doors/pages/crayon_modif.png) center center no-repeat; float:left;} #doorsFrontZoneXL .titleChx .subTitle .ModifGamImg:hover{ background:url(/assets/doors/pages/edit_validated50.jpg) center center no-repeat; } #doorsFrontZoneXL .titleChx .doorsGammZone .doorsRListChxOn, #doorsFrontZoneXL .titleChx .doorsGammZone .doorsRListChxOff { height:32px; width:220px; border-radius:7px; background-color:#fff; padding-top:15px; margin:0px 15px 10px 0px; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; cursor:pointer; } #doorsFrontZoneXL .titleChx .doorsGammZone .doorsRListChxOn { border:2px solid #FFD322; height:30px; width:218px; } #doorsFrontZoneXL .titleChx .doorsGammZone .doorsRListChxOff{ border:1px solid #ccc; height:32px; width:220px; } #doorsFrontZoneXL .titleChx .doorsGammZone { height:auto; width:97%; margin:5px 0px 10px 2.5%; text-align:left; float:left;} #doorsFrontZoneXL .titleChx .doorsGammZone .doorsCListChxOn, #doorsFrontZoneXL .titleChx .doorsGammZone .doorsCListChxOff { border-radius:7px; background-color:#fff; padding:5px 5px 0px 5px; margin:0px 15px 10px 0px; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; cursor:pointer; display:table-row; vertical-align: middle; } #doorsFrontZoneXL .titleChx .doorsGammZone .doorsCListChxOn { border:2px solid #FFD322; height:40px; width:218px; } #doorsFrontZoneXL .titleChx .doorsGammZone .doorsCListChxOff{ border:1px solid #ccc; height:42px; width:217px; } .doorsGammZone .doorsRListChxOn .mText, .doorsGammZone .doorsRListChxOff .mText{ height:20px; width:190px; margin-top:0px; text-align:center; float:left; } .doorsGammZone .doorsRListChxOn .mImg, .doorsGammZone .doorsRListChxOff .mImg{ height:30px; width:20px; margin:-6px 0px 0px 0px; float:left; } #doorsFrontZoneXL .titleChx .TitleColDecSub{ height:17px; width:95%; margin:14px 0px 3px 2.5%; font-size:14px; text-align:left; float:left; } #doorsFrontZoneXL .doorsModelList{ width:97%; height:auto; min-height:180px; margin:0px 0px 10px 2.5%; color:#505050; font-family:'aileronregular'; float:left; } #detailChxZoneSmall { width:100%; height:auto; min-height:230px; float:left; } #detailChxZoneSmall .TitleCol{ width:100%; height:45px; margin-bottom:25px; padding:25px 0px 0px 25px; background-color:#ececec; float:left; } #detailChxZoneSmall .TitleCol .Txt { width:auto; height:27px; color:#505050; font-family:'Oswald-light'; font-size:24px; line-height:24px; float:left; } #detailChxZone { width:715px; height:auto; min-height:734px; float:left;} #detailChxZone .titleChx{ width:100%; height:auto; margin-bottom:25px; font-size:16px; line-height:16px; font-family:'Oswald'; float:left; } #detailChxZone .titleChx .txtInfo{ width:91%; height:auto; margin:0px 0px 7px 20px; text-align:left; line-height:21px; float:left; } #detailChxZone .titleChx .txtInfo span{ font-family:'aileronregular'; font-size:16px; color:#777;} #detailChxZone .titleChx .subTitle{ width:91%; height:35px; background:#F4F4F4 url(/assets/doors/pages/Rectangle_arrondi_etap.png) no-repeat center left; padding:20px 0px 0px 25px; margin:0px 2.5% 20px 2.5%; font-size:16px; line-height:16px; color:#505050; } #detailChxZone .titleChxD .subTitle{ width:91%; height:35px; background:#F4F4F4 url(/assets/doors/pages/Rectangle_arrondi_etap.png) no-repeat center left; padding:20px 0px 0px 25px; margin:0px 0px 5px 2.5%; font-size:16px; line-height:16px; color:#505050; } #detailChxZone .titleChx .subTitle .TitleColDec{width:auto; height:27px; margin:0px 20px 0px 0px; color:#333; text-align:left; float:left; } #detailChxZone .titleChx .doorsGammZone { height:auto; width:95%; margin:5px 0px 10px 2.5%; text-align:left; float:left;} #detailChxZone .titleChxD{ width:100%; height:auto; margin-bottom:5px; font-size:16px; line-height:16px; font-family:'Oswald'; float:left; } #detailChxZone .titleChxD .subTitleD{ width:91%; height:30px; background:#DEE5EC url(/assets/doors/pages/Rectangle_arrondi_etap.png) no-repeat center left; padding:17px 0px 0px 25px; margin:0px 0px 5px 2.5%; font-size:16px; line-height:16px; color:#505050; border-radius:0px 5px 5px 0px; } #detailChxZone .titleChxD .subTitleD .TitleColDec{width:auto; height:27px; margin:0px; color:#333; text-align:left; float:left; } /* #doorsFrontZoneXL .titleChx .TitleCol{ width:680px; height:27px; color:#4a83bb; font-size:16px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZoneXL .titleChx .TitleCol .noOpt{ font-size:12px; color:#999; float:right; } #doorsFrontZoneXL .titleChx .TitleCol .noOpt input{ height:14px; width:14px; color:#339; margin-top:-1px; float:right; } #doorsFrontZoneXL .titleChx .TitleColDec input{ cursor:pointer;} #doorsFrontZoneXL .titleChx .TitleColDecSub{ width:400px; height:55px; margin:0px 25px 0px 25px; font-size:16px; text-align:left;padding:15px 0px 0px 25px; float:left; } #doorsFrontZoneXL .titleChx .TitleCol span{ color:#333; font-size:14px; } #doorsFrontZoneXL .titleChx .TitleColSel{ width:675px; height:40px; color:#999; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZoneXL .titleChx .TitleColSel span{ width:330px; height:15px; padding-left:7px; color:#999; font-size:12px; text-align:left; font-family:'aileronregular'; } #doorsFrontZoneXL .titleChx .TitleCol3{ width:320px; height:27px; color:#4a83bb; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZoneXL .titleChx .TitleCol3 span{ color:#333; } #detailChxZone { width:715px; height:auto; min-height:700px; float:left;} #detailChxZone #titleLine{ width:685px; height:100px; border-bottom:1px solid #f2a200; border-top:1px solid #f2a200; float:left; background:url(/assets/doors/pages/backgd_titlebox.jpg) no-repeat bottom center; margin:20px auto 10px auto; } #detailChxZone #titleLine #Title{ width:685px; height:33px;float:left; margin:-15px 0px 10px 0px; font-size:26px; text-align:center; font-family:'Oswald'; font-weight:normal; letter-spacing:0.01em; } #detailChxZone #titleLine #Title span{ background-color:#f2f0ef; color:#f5a200; padding:0px 15px 0px 15px; } #detailChxZone #titleLine .textFC{ width:685px; height:70px; float:left; color:#999; font-size:12px; line-height:23px; text-align:center; font-family:'aileronregular'; } #detailChxZone #titleLine .textFC span{ font-family:'aileronsemibold'; color:#878787; } #detailChxZone #titleLine .textFC a{ color:#008fd9; text-decoration:none; } #detailChxZone #doorsFrontZone{ width:715px; height:auto; min-height:700px; color:#333; float:left; } #doorsFrontZone .titleChx{ width:715px; height:auto; margin-bottom:12px; color:#505050; float:left; } #doorsFrontZone .titleChx .TitleCol{ width:680px; height:27px; color:#4a83bb; font-size:16px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZone .titleChx .TitleCol .noOpt{ font-size:12px; color:#999; float:right; } #doorsFrontZone .titleChx .TitleCol .noOpt input{ height:14px; width:14px; color:#339; margin-top:-1px; float:right; } #doorsFrontZone .titleChx .TitleColDec{ width:420px; height:27px; margin-top:20px; color:#4a83bb; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZone .titleChx .TitleColDec input{ cursor:pointer;} #doorsFrontZone .titleChx .TitleColDecSub{ width:400px; height:27px; margin:20px 0px 0px 16px; color:#4a83bb; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZone .titleChx .TitleCol span{ color:#333; font-size:14px; } #doorsFrontZone .titleChx .TitleColSel{ width:675px; height:40px; color:#999; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZone .titleChx .TitleColSel span{ width:330px; height:15px; padding-left:7px; color:#999; font-size:12px; text-align:left; font-family:'aileronregular'; } #doorsFrontZone .titleChx .TitleCol3{ width:320px; height:27px; color:#4a83bb; font-size:14px; text-align:left; font-family:'aileronbold'; float:left; } #doorsFrontZone .titleChx .TitleCol3 span{ color:#333; } #doorsFrontZone .titleChx .doorsGammZone { height:auto; width:712px; margin:5px 0px 10px 0px; text-align:left; float:left;} #doorsFrontZone .titleChx .doorsGammZone .doorsCListChxOn, #doorsFrontZone .titleChx .doorsGammZone .doorsCListChxOff { border-radius:7px; background-color:#fff; padding:5px 5px 0px 5px; margin:0px 15px 10px 0px; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; cursor:pointer; display:table-row; vertical-align: middle; } #doorsFrontZone .titleChx .doorsGammZone .doorsCListChxOn { border:2px solid #FFD322; height:40px; width:208px; } #doorsFrontZone .titleChx .doorsGammZone .doorsCListChxOff{ border:1px solid #ccc; height:42px; width:210px; } #doorsFrontZone .titleChx .doorsGammZone .doorsRListChxOn, #doorsFrontZone .titleChx .doorsGammZone .doorsRListChxOff { height:32px; width:220px; border-radius:7px; background-color:#fff; padding-top:15px; margin:0px 15px 10px 0px; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; cursor:pointer; } #doorsFrontZone .titleChx .doorsGammZone .doorsRListChxOn { border:2px solid #FFD322; height:30px; width:218px; } #doorsFrontZone .titleChx .doorsGammZone .doorsRListChxOff{ border:1px solid #ccc; height:32px; width:220px; } .doorsGammZone .doorsRListChxOn .mText, .doorsGammZone .doorsRListChxOff .mText{ height:20px; width:190px; margin-top:0px; text-align:center; float:left; } .doorsGammZone .doorsRListChxOn .mImg, .doorsGammZone .doorsRListChxOff .mImg{ height:30px; width:20px; margin:-6px 0px 0px 0px; float:left; } #doorsFrontZone .titleChx .TitleSelect .doorsRListChxOn { height:25px; width:198px; border-radius:7px; background-color:#fff; padding-top:7px; margin:8px 0px 0px 0px; border:2px solid #FFD322; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; } #doorsFrontZone .titleChx .TitleSelect .mModif { height:25px; width:25px; margin-left:10px; padding-top:7px; color:#4A83BB; font-size:32px; font-family:'aileronbold'; cursor:pointer; float:left;} #doorsFrontZone .doorsModelList{ width:715px; height:auto; min-height:180px; margin-bottom:10px; color:#505050; font-family:'aileronregular'; float:left; } */ .doorsModelList .modelListBlocOff { height:232px; width:140px; background-color:#fff; border:solid 1px #d5d3d1; padding:13px; margin:0px 25px 25px 0px; float:left; } .doorsModelList .modelListBlocOn { height:232px; width:140px; background-color:#FFFCF6; padding:13px; margin:0px 25px 25px 0px; float:left; } .doorsModelList .modelListBlocOn, .doorsModelList .modelListBlocOff:hover { border:solid 1px #FFD322; } .modelListBlocOn .modelListImg, .modelListBlocOff .modelListImg { height:210px; width:140px; margin-bottom:10px; cursor:pointer; } .modelListImg .modelOptVign{ height:34px; width:34px; background:url('/assets/doors/pages/72h-3.png') no-repeat; position:absolute; margin:-200px 0px 5px 0px; background-size:cover; display:block; } /*height:18px; width:30px; border-radius:0px 50px 50px 0px; position:absolute; margin:-200px 0px 5px 0px; background-color:#C55; color:#fff; display:block; font-size:10px; padding:7px 0px 0px 3px;*/ .modelListImg .modelOptVignOff{ height:18px; width:30px; position:absolute; margin:-200px 0px 5px 0px; display:none; } .modelListBlocOn .modelListZoom, .modelListBlocOff .modelListZoom { height:22px; width:22px; margin:-30px 0px 0px 127px; position:relative; cursor:pointer; } /*margin:-50px 0px 0px 107px;*/ .modelListBlocOn .modelListTxt, .modelListBlocOff .modelListTxt{ width:134px; height:18px; margin-top:-10px; float:left; font-size:12px; color:#666; line-height:14px; text-transform:uppercase; text-align:center; font-family:'aileronbold'; } .modelListBlocOn .decorNameTxt, .modelListBlocOff .decorNameTxt{ width:134px; height:15px; font-size:12px; color:#999; text-align:center; font-family:'aileronregular'; float:left; } .modelListBlocOn .affModelVign, .modelListBlocOff .affModelVign{ width:auto; height:250px; margin:-285px 3px 6px -60px; display:none; border:1px solid #ccc; position:absolute; } .modelListBlocOn .checkOn{ width:16px; height:18px; margin:-5px 0px 0px 132px; position:absolute; background:url(/assets/doors/pages/select_check.png) no-repeat; } .modelListBlocOff .checkOn{ display:none; } .DecorList3Space { width:710px; height:50px; float:left; } .etapValid {width:93%; height:64px; margin:0px 0px 55px 2.5%; padding-right:2%; background-color:#DADADA; font-family:'Oswald'; float:left; } .etapValid #buttonZone .prevButton, .etapValid #buttonZoneM2 .prevButton{ height:25px; width:120px; margin:22px 0px 0px 25px; color:#505050; text-decoration:underline; font-size:14px; cursor:pointer; float:left; } .etapValid #buttonZone .prevButton a, .etapValid #buttonZoneM2 .prevButton a{ color:#505050; text-decoration:underline; } .etapValid #buttonZone .prevButton:hover, .etapValid #buttonZone .prevButton a:hover, .etapValid #buttonZoneM2 .prevButton:hover, .etapValid #buttonZoneM2 .prevButton a:hover{ color:#777; } .etapValid #buttonZone .nextButton, .etapValid #buttonZone .nextButtonOff, .etapValid #buttonZoneM2 .nextButton, .etapValid #buttonZoneM2 .nextButtonOff{ height:32px; width:290px; border-radius:3px; margin-top:13px; line-height:20px; padding:8px 0px 0px 12px; text-align:center; font-size:20px; float:right; } .etapValid #buttonZone .nextButtonOff, .etapValid #buttonZoneM2 .nextButtonOff{ background-color:#A3A3A3; } .etapValid #buttonZone .nextButtonOff a, .etapValid #buttonZoneM2 .nextButtonOff a{ color:#CCC; cursor:default; } .etapValid #buttonZone .nextButtonOff:hover, .etapValid #buttonZone .nextButtonOff a:hover{ color:#CCC; cursor:default; } .etapValid #buttonZoneM2 .nextButtonOff:hover, .etapValid #buttonZoneM2 .nextButtonOff a:hover{ color:#CCC; cursor:default; } .etapValid #buttonZone .nextButton, .etapValid #buttonZone .nextButton a{ color:#333; background-color:#F5A200;} .etapValid #buttonZoneM2 .nextButton, .etapValid #buttonZoneM2 .nextButton a{ color:#333; background-color:#F5A200;} .etapValid #buttonZone .nextButton:hover, .etapValid #buttonZone .nextButton a:hover{ color:#555; } .etapValid #buttonZoneM2 .nextButton:hover, .etapValid #buttonZoneM2 .nextButton a:hover{ color:#555; } #doorsFrontZoneXL .doorsDecorList{ width:97%; height:auto; margin:0px 0px 10px 2.5%; min-height:180px; color:#505050; font-family:'Oswald'; float:left; } .doorsDecorList .decorListBlocOff { background-color:#fff; padding:13px 13px 13px 20px; margin:0px 7px 13px 0px; float:left; } .doorsDecorList .decorListBlocOn { background-color:#FFFCF6; padding:13px 13px 13px 20px; margin:0px 7px 13px 0px; float:left; } .doorsDecorList .decorListBlocOn, .doorsDecorList .decorListBlocOff:hover { height:228px; width:120px; border:solid 1px #FFD322; } .doorsDecorList .decorListBlocOff { height:228px; width:120px; border:solid 1px #d5d3d1; } .decorListBlocOn .decorListImg, .decorListBlocOff .decorListImg { height:182px; width:120px; cursor:pointer; } .decorListBlocOn .decorListImg .modelOptVign, .decorListBlocOff .decorListImg .modelOptVign{ height:38px; width:38px; background:url('/assets/doors/pages/72h-3.png') no-repeat; position:absolute; background-size:cover; margin:-167px 0px 5px 0px; display:block; z-index:100; } /*height:18px; width:30px; border-radius:0px 50px 50px 0px; position:absolute; margin:-167px 0px 5px 0px; background-color:#C55; color:#fff; display:block; font-size:10px; padding:7px 0px 0px 3px; font-family:'aileronregular';*/ .decorListBlocOn .decorListImg .modelOptVignOff, .decorListBlocOff .decorListImg .modelOptVignOff{ height:18px; width:30px; position:absolute; margin:-167px 0px 5px 0px; display:none; } /*#recapValid #buttonZone a, #recapValid #buttonZone2 a{ color:#333; text-decoration:none; } #recapValid #buttonZone a:hover, #recapValid #buttonZone2 a:hover{ color:#333; text-decoration:underline; } #recapValid #buttonZone .prevButton{ height:31px; width:85px; background-color:#ccc; border-radius:3px; padding:9px 0px 0px 7px; margin-right:5px; float:left; } #recapValid #buttonZone .prevButton span{ font-size:18px; margin:-10px 6px 0px 0px;} #recapValid #buttonZone .nextButton{ height:36px; width:150px; background-color:#f4bc26; line-height:16px; border-radius:3px; padding:4px 0px 0px 12px; cursor:pointer; float:left; } #recapValid #buttonZone .nextButtonOff{ height:36px; width:150px; background-color:#A3A3A3; line-height:16px; border-radius:3px; padding:4px 0px 0px 12px; cursor:none; float:left; } #recapValid #buttonZone .nextButton .nextButtonConf, #recapValid #buttonZone .nextButtonOff .nextButtonConf{ width:130px; height:30px; float:left;} #recapValid #buttonZone .nextButton .nextButtonConfP { width:130px; height:30px; padding:9px 0px 0px 0px; text-align:center; cursor:pointer; float:left;} #recapValid #buttonZone .nextButton .nraqo, #recapValid #buttonZone .nextButtonOff .nraqo{ width:12px; height:21px; padding-top:7px; font-size:20px; float:left;} #recapValid #buttonZone .nextButton span, #recapValid #buttonZone .nextButtonOff span{ font-size:18px; margin:-10px 10px 10px 10px; } #doorsFrontZone .doorsDecorList{ width:715px; height:auto; min-height:180px; margin-bottom:10px; color:#505050; font-family:'aileronregular'; float:left; } .doorsDecorList .decorListBlocOff { background-color:#fff; padding:13px 13px 13px 20px; margin:0px 22px 13px 0px; float:left; } .doorsDecorList .decorListBlocOn { background-color:#FFFCF6; padding:13px 13px 13px 20px; margin:0px 22px 13px 0px; float:left; } .doorsDecorList .decorListBlocOn, .doorsDecorList .decorListBlocOff:hover { height:228px; width:120px; border:solid 1px #FFD322; } .doorsDecorList .decorListBlocOff { height:228px; width:120px; border:solid 1px #d5d3d1; } .decorListBlocOn .decorListImg, .decorListBlocOff .decorListImg { height:182px; width:120px; cursor:pointer; } */ #doorsFrontZone .spaceH20{ width:715px; height:20px; float:left; } .decorListBlocOn .decorListDECImg, .decorListBlocOff .decorListDECImg{ height:160px; width:112px; cursor:pointer; margin:-182px 0px 3px 0px; text-align:center; color:#666; font-size:12px; padding-top:3px; float:none; background:#FFF url(/assets/doors/decors/spacer.gif) no-repeat left top; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-opacity:0.75; } .decorListBlocOn .decorListDECImg span, .decorListBlocOff .decorListDECImg span{ background-color: #fff; padding:0px 4px 0px 4px; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;-khtml-opacity:0.75; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.45); display: none; } .decorListBlocOn .decorListZoom, .decorListBlocOff .decorListZoom { height:22px; width:22px; margin:20px 0px 0px 98px; position:relative; cursor:pointer; background:url(/assets/doors/pages/btn_zoom.png) no-repeat; } .decorListBlocOn .decorListSpace, .decorListBlocOff .decorListSpace { height:0px; width:0px; margin:0px 0px 0px 85px; position:relative; cursor:pointer; background:url(/assets/doors/pages/spacer.gif) no-repeat; } .decorListBlocOn .decorListInfos, .decorListBlocOff .decorListInfos { height:22px; width:22px; margin:-50px 0px 0px 85px; position:relative; cursor:pointer; background:url(/assets/doors/pages/btn_infos.png) no-repeat; } .decorListBlocOn .decorListColor, .decorListBlocOff .decorListColor{ width:112px; height:34px; margin:6px 3px 6px 0px; float:left; font-size:11px; color:#666; font-family:'aileronbold'; border:1px solid #eee; text-align:center; } .decorListBlocOn .decorNameTxt, .decorListBlocOff .decorNameTxt{ width:134px; height:15px; margin-left:-10px; font-size:12px; color:#666; text-align:center; line-height:12px; font-family:'aileronregular'; float:left; } .decorListBlocOn .checkOn{ width:16px; height:18px; margin:-19px 0px 0px 114px; position:absolute; background:url(/assets/doors/pages/select_check.png) no-repeat; } .decorListBlocOff .checkOn{ display:none; } .decorListBlocOn .affDecorVign, .decorListBlocOff .affDecorVign{ width:230px; height:140px; margin:-198px 3px 6px -60px; display:none; border:1px solid #ccc; position:absolute; z-index:1000; } .decorListBlocOn .vignDecorHexa, .decorListBlocOff .vignDecorHexa{ width:230px; height:140px; margin:0px; border:1px solid #ccc; position:absolute; } #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOn, #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOff { border-radius:7px; background-color:#fff; padding:6px 5px 0px 5px; margin:0px 10px 10px 0px; float:left; font-size:16px; font-family:'aileronregular'; text-align:center; color:#585858; cursor:pointer; display:table-row; vertical-align: middle; background:#fff url(/assets/doors/pages/addDoorBtn.png) center right no-repeat; } #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOn { border:1px solid #ccc; height:25px; width:96px; } #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOff{ border:1px solid #ccc; height:25px; width:90px; } #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOn:hover, #doorsFrontZone .titleChx .doorsGammZone .doorsDListChxOff:hover{ background-color:#FFD322; color:#333;} /*border:1px solid #FFD322;*/ .doorsGammZone .validTypFront{ height:22px; width:231px; background-color:#F4BC27; color:#555; font-size:13px; text-align:center; float:left; margin-top:10px; padding-top:3px; border-radius:3px; cursor:pointer; } .doorsGammZone .validTypFront:hover{ background-color:#F6C84E; color:#222;} /* dimensions -- */ #doorsFrontZone .configFacMenu { width:676px; height:29px; margin:0px 0px 0px 17px; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.45); float:left; text-align:center; letter-spacing:0.03em; font-size:10px; color:#FFF; font-family:'aileronbold'; } #newFac0, #addNewFrontZone0 {height:260px; width:auto; display:none; float:left; } /* .titleBoxCzone .configFacMenu1, .titleBoxCzone .configFacMenu2, .titleBoxCzone .configFacMenu3{ width:700px; height:29px; margin:5px 0px 0px 0px; position:relative; display:none; float:left; text-align:center; letter-spacing:0.03em; font-size:10px; color:#FFF; font-family:'aileronbold';} .titleBoxCzone .bTbLogo { width:30px; height:22px; float:right; } */ .configFacMenu .separ, .configFacMenu1 .separ { width:1px; height:29px; background-color:#376a9b; float:left; } .configFacMenu .titleFac, .configFacMenu1 .titleFac{ width:90px; height:20px; padding-top:9px; border-radius:3px 0px 0px 0px; background-color:#4A83BB; float:left; } .configFacMenu .titleDimm, .configFacMenu1 .titleDimm { width:135px; height:20px; padding-top:9px; background-color:#4A83BB; float:left; } .configFacMenu .titleModel, .configFacMenu1 .titleModel{ width:130px; height:20px; padding-top:9px; background-color:#4A83BB; float:left; } .configFacMenu .titleDecor, .configFacMenu1 .titleDecor{ width:151px; height:20px; padding-top:9px; background-color:#4A83BB; float:left; } .configFacMenu .titleSensD, .configFacMenu1 .titleSensD{ width:60px; height:27px; padding-top:2px; background-color:#4A83BB; float:left; } .configFacMenu .titleMotif, .configFacMenu1 .titleMotif{ width:50px; height:20px; padding-top:9px; background-color:#4A83BB; float:left; } .configFacMenu .titleQty, .configFacMenu1 .titleQty{ width:55px; height:20px; padding-top:9px; border-radius:0px 3px 0px 0px; background-color:#4A83BB; float:left; } #doorsFrontZone .configFacDetail, #doorsFrontZone .configFacDetail1 { width:675px; height:115px; margin:7px 0px 0px 17px; padding:0px; background-color:#fff; border:1px solid #C0C0C0; float:left; text-align:center; letter-spacing:0.03em; font-size:11px; color:#333; font-family:'aileronregular';} .dispInfos { width:630px; height:17px; border-bottom:1px solid #BBCCDD; padding:3px 0px 0px 45px; text-align:left; float:left;} .dispInfos .dtitle { width:50px; height:17px; font-family:'aileronbold'; padding-right:15px; float:left; } .dispInfos .dtext { width:465px; height:17px; text-align:left; float:left; } .dispInfos .blocDel { width:80px; height:15px; padding-left:15px; text-align:right; border-left:1px solid #ccc; float:left; } .dispInfos .blocDel .xOn, .dispInfos .blocDel .xOff{ width:20px; height:15px; cursor:pointer; float:left; } .dispInfos .blocDel .xOff:hover, .dispInfos .blocDel .xOn { background:url(/assets/doors/pages/supBlocOn.png) no-repeat; background-size:15px 15px; } .dispInfos .blocDel .xOff { background:url(/assets/doors/pages/supBlocOff.png) no-repeat; background-size:15px 15px; } .dispInfos .blocDel .xTxtOn{ width:60px; height:14px; color:#4A83BB; cursor:pointer; padding-top:1px; text-align:right; font-weight:bold; float:left; } .dispInfos .blocDel .xTxtOff{ width:60px; height:14px; color:#AAA; padding-top:1px; text-align:right; float:left; } .frontListFacDetail { width:705px; height:auto; float:left; } .configFacDetail .elmtFac, .configFacDetail1 .elmtFac{ width:90px; height:83px; padding-top:10px; border-right:1px solid #ccc; background-color:#faf3ec; float:left; } .configFacDetail .elmtDimm, .configFacDetail1 .elmtDimm{ width:135px; height:91px; padding-top:2px; border-right:1px solid #ccc; float:left; } .elmtDimm .iZone { width:125px; height:46px; padding:0px 0px 0px 10px; float:left; } .elmtDimm .iZone .iTxt{ width:54px; height:23px; padding-top:14px; text-align:left; color:#666; float:left; } .elmtDimm .iZone .iInpt{ width:70px; height:36px; float:left; } .elmtDimm .iZone .iInpt input{ width:60px; height:27px; border:1px solid #ccc; border-radius:3px; font-family:'aileronbold'; font-size:12px; padding:4px 0px 0px 0px; text-align:center; float:left; } .elmtDimm .iZone .iInpt input.iInptErr { color:#B22;} .elmtDimm .iZone .iInpt .desabledInfo{ font-weight: bold; padding-top: 15px; } .elmtDimm .iZone .iTxtSel{ width:130px; height:13px; text-align:left; line-height:13px; color:#666; float:left; } .elmtDimm .iZone .iInptSel{ width:130px; height:20px; float:left; } .elmtDimm .iZone .iInptSel select{ width:90px; height:20px; border:1px solid #ccc; margin-right:13px; border-radius:5px; padding-top:4px; font-family:'aileronbold'; font-size:11px; text-align:center; float:right; } .elmtDimm .iZone .dimHWSelect { width:124px; height:305px; float:left; position:relative;} .elmtDimm .iZone .dimHWSelect .dSelected{ width:90px; height:18px; border:1px solid #ccc; border-radius:5px; font-family:'aileronbold'; font-size:11px; text-align:center; float:revert; } .elmtDimm .iZone .dimHWSelect .dSelBloc{ width:120px; height:25px; background-color:#FFF; z-index:102; float:left; } .elmtDimm .iZone .dimHWSelect .dSelBlocChx{ width:95px; height:19px; border:1px solid #ccc; margin:0px 0px 2px 6px; padding:6px 10px 0px 0px; border-radius:3px; font-family:'aileronbold'; font-size:11px; text-align:right; background-color:#FAFAFA; cursor:pointer; z-index:103; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.45); float:left; } .elmtDimm .iZone .dimHWSelect .dSelBloc .sdatas{ width:88px; height:18px; border:1px solid #ccc; margin:0px 0px 0px 23px; padding-top:5px; border-radius:3px; font-family:'aileronbold'; font-size:11px; text-align:center; background-color:#FAFAFA; cursor:pointer; z-index:103; float:left; } .elmtDimm .iZone .dimHWSelect .dSelBlocChx:hover, .elmtDimm .iZone .dimHWSelect .dSelBloc .sdatas:hover{ background-color:#FFF; border:1px solid #4A83BB;} .elmtDimm .iZone .dimHWSelect .dSelectZone{position:absolute;top:28px;left:0; width:145px; height:207px;background:#fff;z-index:99; max-height:207px; overflow:auto; font-family:'aileronbold'; font-size:11px; text-align:center; display:none; float:left; } .elmtDimm .iZone .dimHWSelect .dSelBloc .slabel, .elmtDimm .iZone .dimHWSelect .slabel{ height:23px; width:23px; background:url(/assets/doors/pages/72h-3.png) no-repeat; background-size:cover; margin:2px 0px 0px -103px; float:left; display:block; font-size:10px; font-family:'aileronregular'; z-index:100; } .elmtDimm .iZone .dimHWSelect .dSelBloc .slabelOff, .elmtDimm .iZone .dimHWSelect .slabelOff{ height:22px; width:22px; margin:2px 0px 0px -103px; float:left; } .configFacDetail .elmtModel, .configFacDetail1 .elmtModel{ width:127px; height:93px; border-right:1px solid #ccc; float:left; } .elmtModel .iZone { width:117px; height:38px; padding:3px 0px 3px 10px; float:left; } .elmtModel .iZone .iModel, .elmtModel .iZone .iModelOn{ width:25px; height:38px; margin-right:7px; border:1px solid #fff; cursor:pointer; float:left; } .elmtModel .iZone .iModel:hover{ border:1px solid #FFD322; } .elmtModel .iZone .iTxt{ width:82px; height:30px; padding-top:8px; text-align:left; color:#666; float:left; } .iZone .iModel .typeDecBorder,.iZone .iModelOn .typeDecBorder { position:relative; margin:-40px -30px 0px 0px; width:22px; height:38px; } .iZone .iModel .typeDecBorder{ background:url(/assets/doors/models/spacer.gif) no-repeat; background-size:22px 38px;position:relative; } .iZone .iModelOn .typeDecBorder{ background:url(/assets/doors/models/select_modelCheck.png) no-repeat; background-size:22px 38px; position:relative; } .elmtModel .spaceElmnt{ width:113px; height:1px; margin-left:10px; background-color:#ccc; float:left; } .configFacDetail .elmtDecor, .configFacDetail1 .elmtDecor{ width:145px; height:93px; padding:0px 0px 0px 10px; border-right:1px solid #ccc; float:left; } .titleDecorDetailLine { width:143px; height:34px; margin:4px 0px 5px 0px; float:left; } .titleDecorDetailLine .colorSquOff, .titleDecorDetailLine .colorSquOn{ width:38px; height:40px; margin:2px 0px 0px 0px; cursor:pointer; float:left; } .colorSquOff .colorSquare, .colorSquOn .colorSquare{ width:28px; height:28px; border:2px solid #C3C3C3; margin-right:2px; float:left; } .colorSquOff .colorSquare:hover{ border:2px solid #FFD322;} .titleDecorDetailLine .colorSquOff .typeDecBorder, .titleDecorDetailLine .colorSquOn .typeDecBorder { position:relative; margin:0px -30px 0px 0px; width:32px; height:32px; } .titleDecorDetailLine .colorSquOff .typeDecBorder{ background:url(/assets/doors/decors/spacer.gif) no-repeat; background-size:32px 32px;position:relative; } .titleDecorDetailLine .colorSquOn .typeDecBorder{ background:url(/assets/doors/decors/select_smallsize.png) no-repeat; background-size:32px 32px; width:32px; height:32px; position:relative; } .titleDecorDetailLine .decorLib1, .titleDecorDetailLine .decorLib2, .titleDecorDetailLine .decorLib3 { width:104px; text-align:left; font-family:'aileronregular'; font-size:11px; line-height:11px; float:left;} .titleDecorDetailLine .decorLib1 { padding-top:10px; height:20px; color:#999;} .titleDecorDetailLine .decorLib2 { height:auto; color:#666; margin:5px 0px 1px 0px;} .titleDecorDetailLine .decorLib3 { height:15px; color:#999;} .elmtDecor .spaceElmnt{ width:135px; height:1px; margin-left:5px; background-color:#ccc; float:left; } .configFacDetail .elmtSensD, .configFacDetail1 .elmtSensD{ width:105px; height:93px; text-align:center; border-right:1px solid #ccc; float:left; } .elmtSensD .elmtSensDZone { width:104px; height:25px; margin-top:3px; text-align:center; font-size:10px; float:left; } .elmtSensD .elmtSensDZone input{ width:15px; height:15px; margin:4px 15px 1px 23px; text-align:center; float:left; } .elmtSensD .elmtSensDZone .inptOn{ width:12px; height:12px; margin:5px 5px 1px 10px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVon.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZone .inptOff{ width:12px; height:12px; margin:5px 5px 1px 10px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVoff.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZone .inptNull{ width:12px; height:12px; margin:5px 5px 1px 10px; float:left; background:url(/assets/doors/pages/HVnull.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZone .sensDTxt{ width:75px; height:15px; margin:6px 0px 0px 0px; text-align:left; color:#777; font-family:'aileronbold'; float:left; } .elmtSensD .elmtSensDZoneNull { width:103px; height:25px; margin:3px 0px 0px 1px; text-align:center; font-size:10px; background-color:#EEE; float:left; } .elmtSensD .elmtSensDZoneNull .inptOn{ width:12px; height:12px; margin:5px 5px 1px 10px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVnull.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZoneNull .inptOff{ width:12px; height:12px; margin:5px 5px 1px 10px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVnull.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZoneNull .inptNull{ width:12px; height:12px; margin:5px 5px 1px 10px; float:left; background:url(/assets/doors/pages/HVnull.png) no-repeat; background-size:12px 12px; } .elmtSensD .elmtSensDZoneNull .sensDTxt{ width:75px; height:15px; margin:6px 0px 0px 0px; text-align:left; color:#bbb; font-family:'aileronbold'; float:left; } .configFacDetail .elmtMotif, .configFacDetail1 .elmtMotif{ width:45px; height:88px; text-align:center; border-right:1px solid #ccc; float:left; } .elmtMotif .elmtMotifZone { width:42px; height:38px; margin-top:3px; text-align:center; font-size:10px; float:left; } .elmtMotif .elmtMotifZone input{ width:15px; height:15px; margin:4px 14px 1px 14px; text-align:center; float:left; } .elmtMotif .elmtMotifZone .inptOn{ width:12px; height:12px; margin:5px 16px 1px 16px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVon.png) no-repeat; background-size:12px 12px; } .elmtMotif .elmtMotifZone .inptOff{ width:12px; height:12px; margin:5px 16px 1px 16px; cursor:pointer; float:left; background:url(/assets/doors/pages/HVoff.png) no-repeat; background-size:12px 12px; } .elmtMotif .elmtMotifZone .inptNull{ width:12px; height:12px; margin:5px 16px 1px 16px; color:#999; cursor:pointer; float:left; background:url(/assets/doors/pages/HVnull.png) no-repeat; background-size:12px 12px; } .elmtMotif .elmtMotifZone .sensDTxt{ width:43px; height:15px; margin:2px 0px 0px 0px; text-align:center; color:#777; font-family:'aileronbold'; float:left; } .configFacDetail .elmtQty, .configFacDetail1 .elmtQty{ width:52px; height:82px; padding:11px 0px 0px 5px; background-color:#faf3ec; font-family:'aileronbold'; color:#777; font-size:12px; float:left; } .elmtQty input{ width:38px; height:30px; border:1px solid #ccc; padding:3px 0px 0px 0px; margin-left:2px; border-radius:3px; font-size:14px; text-align:center; float:left; } .elmtQty .validFon, .elmtQty .validFoff { width:53px; height:18px; margin:13px 0px 0px -4px; padding:7px 0px 0px 2px; font-size:10px; border-radius:2px; float:left; } .elmtQty .validFoff { background-color:#CCC; } .elmtQty .validFon { background-color:#FFD322; cursor:pointer; } .elmtQty .validFon:hover, .elmtQty .validFoff:hover { color:#555; } #doorsFrontZone .configFacUpMenu, #doorsFrontZone .configFacUpMenu1 { width:700px; height:29px; margin:0px 0px 0px 0px; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.45); float:left; text-align:center; letter-spacing:0.03em; font-size:10px; color:#FFF; font-family:'aileronbold';} .configFacUpMenu .separ, .configFacUpMenu1 .separ { width:1px; height:29px; background-color:#376a9b; float:left; } .configFacUpMenu .titleFac, .configFacUpMenu1 .titleFac{ width:89px; height:20px; padding-top:9px; border-radius:3px 0px 0px 0px; background-color:#4a83bb; float:left; } .configFacUpMenu .titleDimm, .configFacUpMenu1 .titleDimm { width:145px; height:20px; padding-top:9px; background-color:#4a83bb; float:left; } .configFacUpMenu .titleModel, .configFacUpMenu1 .titleModel { width:160px; height:20px; padding-top:9px; background-color:#4a83bb; float:left; } .configFacUpMenu .titleDecor, .configFacUpMenu1 .titleDecor { width:165px; height:20px; padding-top:9px; background-color:#82a633; float:left; } .configFacUpMenu .titleSensD, .configFacUpMenu1 .titleSensD { width:59px; height:20px; padding-top:9px; background-color:#82a633; float:left; } .configFacUpMenu .titleMotif, .configFacUpMenu1 .titleMotif { width:45px; height:20px; padding-top:9px; background-color:#82a633; float:left; } .configFacUpMenu .titleQty, .configFacUpMenu1 .titleQty { width:55px; height:20px; padding-top:9px; background-color:#82a633; float:left; } #doorsFrontZone .configFacUpDetail, #doorsFrontZone .configFacUpDetail1 {} /* --------------------------------------------- */ #doorsFrontZone .titleChx .action, #doorsFrontZone .titleChx .TitleColSel .action{ width:19px; height:26px; margin-top:-2px; padding-left:7px; cursor:pointer; background-color:#cdcdcd; float:left; font-size:23px; color:#4a83bb; font-family:'aileronbold'; } #doorsFrontZone .titleChx .TitleSelect{ width:265px; height:27px; font-family:'aileronregular'; float:left; } #doorsFrontZone .titleChx .TitleSelect .textSC{ width:90px; height:23px; color:#333; padding:5px 5px 0px 0px; font-size:13px; text-align:right; float:left; } #doorsFrontZone .titleChx .TitleSelectM{ width:265px; height:27px; margin-top:5px; font-family:'aileronregular'; float:left; } #selModelAff1, #selModelAff2, #mNameModel1, #mNameModel2 { height:27px; width:auto; float:right;} .TitleSelectM .textSCM{ width:230px; height:23px; color:#666; padding:20px 5px 0px 0px; font-size:13px; text-align:right; float:left; } .TitleSelectM .textSCM span{ margin-right:5px; font-family:'aileronbold';} .TitleSelectM .ModifGamImg { width:25px; height:30px; margin:3px 0px 0px 5px; cursor:pointer; background:url(/assets/doors/pages/edit_icon50.jpg) center center no-repeat; float:left;} #doorsFrontZone .titleChx .TitleSelect .ModifGamImg:hover{ background:url(/assets/doors/pages/edit_validated50.jpg) center center no-repeat; } #doorsFrontZone .titleChx .TitleSelect select{ width:170px; height:25px; background-color:#FFF; border:1px solid #ccc; border-radius:3px; float:left; } #doorsFrontZone .roomDecorList{ width:715px; height:auto; min-height:180px; margin-bottom:10px; color:#505050; font-family:'aileronregular'; float:left; } .KitchDecorBloc, .KitchDecorBlocOn{ padding:0px; margin:0px 0px 15px 0px; float:left; } .KitchDecorBloc { width:113px; height:133px; border-style:solid none solid solid; border-width:1px 0px 1px 1px; border-color:#d5d3d1; } .KitchDecorBlocOn { width:109px; height:129px; border:3px solid #FFD322; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);} .KitchDecorBloc:hover{ width:108px; height:129px; border:3px solid #FFD322; } .KitchDecorBloc .colorDecor, .KitchDecorBlocOn .colorDecor{ width:113px; height:102px;cursor:pointer; } .KitchDecorBlocOn .colorDecor, .KitchDecorBloc:hover .colorDecor{ width:109px; height:99px; cursor:pointer; } .KitchDecorBloc .imgDecor, .KitchDecorBlocOn .imgDecor{ width:75px; height:127px; position:absolute; margin-left:10px; cursor:pointer; } .KitchDecorBloc .decorTitle, .KitchDecorBlocOn .decorTitle{ width:108px; height:25px; padding:5px 2px 0px 3px; background-color:#FFF; font-size:12px; font-weight:normal; color:#999; text-align:center; line-height: 12px; } .KitchDecorBloc .decorTitle span, .KitchDecorBlocOn .decorTitle span{font-family:'aileronbold'; float: left; } .KitchDecorBlocOn .decorTitle, .KitchDecorBloc:hover .decorTitle{ width:104px; height:24px; padding-top:5px; } #DecorList2Space { width:710px; height:50px; float:left; } .roomDecorList .zoomDecor, .roomDecorListOn .zoomDecor{ width:29px; height:29px; position:absolute; margin:-28px 0px 0px 85px; cursor:pointer; background:url(/assets/doors/pages/btn_zoom.png) no-repeat; } .KitchDecorBloc .zoomDecor:hover, .KitchDecorBlocOn .zoomDecor:hover{ background:url(/assets/doors/pages/btn_zoom.png) no-repeat; } #affCurrDecor { width:204px; height:350px; background-color:#FFF; margin-top:150px; padding:30px 0px 0px 75px; position:absolute; display:none; } .affCurrDecorSrc img{ width:135px; height:255px; background-color:#FFF; } /* --------------------------------------*/ /* ----- ----------------------------- ------ */ /*Popup*/ #popUpIndex{ width: 100%; height: 100%; float: left; position: fixed; display:none; margin:auto; background-color:#EEE; z-index: 1001; opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; filter: alpha(opacity=85); } #popUpIndexContent{ width: 100%;height: 100%;float: left;position: fixed;display:none; margin:auto; z-index: 1002; } #popUp{ width: 100%; height: 100%; float: left; position: fixed; display:none; background-color:#000; z-index: 1001; opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; filter: alpha(opacity=65); } #popUpContent{ width: 100%;height: 100%;float: left;position: fixed;display:none; opacity: 1;z-index: 1002; } #popUpContentSixtan { margin:auto; height:180px; width:650px; top:100px; background-color:#e6e6e6; border:1px solid #ccc; display:none; position:relative; } .popupContentSixtanOff { display:none; } #popUpContentSixtanClose { text-align:right; float:right; height:27px; width:650px; cursor:pointer; } #popUpContentSixtan #popUpContentSixtanMess {padding-top:20px; width:660px; height:40px; text-align:center; float:left;} /* ----- connections page accueil ------ */ #popUpOpenSixtan{ width:600px; height:540px; float:none; text-align:left; background:none; position:relative; margin:auto; top:55px; } .sixtanConnectOff { display:none; } .sixtanConnectOn { margin:auto; position:relative; z-index:1003;} .sixtanConnectOn #readyCustom { width:600px; height:355px; text-align:center; display:block; float:left; color:#fff; background:url(/assets/doors/pages/fond_popup_conn.jpg) no-repeat; } .sixtanConnectOn #readyCustom a{ text-decoration:underline; color:#CCC; } .sixtanConnectOn #readyCustom a:hover{ text-decoration:underline; color:#EEE; } .sixtanConnectOn #newCustom { width:600px; height:205px; text-align:center; display:block; float:left; color:#555; background-color:#FFF; /*-webkit-opacity:0.7; -moz-opacity:0.7; -0-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);*/ } #sixtanConnectClose { position:relative; float:right; height:27px; width:600px;} #sixtanConnectClose img {height:27px; float:right; width:120px; cursor:pointer;} /* ----------------------------------- */ /* ---- popup deviseur infos utilisation ** */ #popDoorsInfos { height:435px; width:870px; margin:75px auto auto auto; background-color:#FFF; position:relative; padding-bottom:14px; overflow:auto; box-shadow: 0px 1px 24px 1px rgba(16, 18, 17, 0.3); color:#666; } @media screen and (max-height: 1400px) { #popDoorsInfos{ height:960px; } } @media screen and (max-height: 1200px) { #popDoorsInfos{ height:960px; } } @media screen and (max-height: 1000px) { #popDoorsInfos{ height:870px; } } @media screen and (max-height: 900px) { #popDoorsInfos{ height:693px; } } @media screen and (max-height: 800px) { #popDoorsInfos{ height:582px; } } @media screen and (max-height: 640px) { #popDoorsInfos{ height:450px; } } #popDoorsInfos .popupKitcheni { height:auto; width:870px; float:left;} .popupKitcheni .popDoorsInfosClose { height:22px; width:870px; cursor:pointer; float:left; } .popupKitcheni .popDoorsInfosClose img{ float:right; margin-right:0px; } .popupKitcheni .popKTitle { height:30px; width:870px; padding-top:10px; float:left; text-align:center; font-family:"aileronbold", Arial; font-size:20px; color:#333; text-transform:uppercase; } .popupKitcheni .popKsubTitle { height:27px; width:870px; margin:auto; border-bottom:4px solid #f5a200; background-color:#2f2e32; float:left; text-align:center; font-family:"aileronbold", Arial; font-size:15px; color:#FFF;} .popupKitcheni .popKsubTitle .TxtF{ height:25px; width:auto; margin:5px 5px auto 265px; float:left; } .popupKitcheni .popKsubTitle .kimg{ height:23px; width:80px; margin:5px 0px 0px 5px; float:left; } .popupKitcheni .popKContent {height:auto; width:840px; margin:35px 15px 20px 15px; border:none 0px; font-family:"Oswald", Arial; float:left; } .stylepopup{ padding-left:15px; } .popupKitcheni .popKContentSpace50 { width:840px; height:50px; float:left;} .popupKitcheni .popKContent .popKContentCol1F { height:auto; width:194px; font-family:"aileronregular", Arial; float:left; } .popKContentCol1F .popkImg{ height:234px; width:194px; margin-bottom:10px; float:left; } .popKContentCol1F .popkImgMB{ height:200px; width:190px; margin-bottom:10px; float:left; } .popKContentCol1F .popKCtitle{ height:35px; width:220px; font-size:22px; color:#666; text-align:left; float:left; } .popKContentCol1F .popKCtitle span{ font-size:14px; margin-left:5px; color:#f5a200; } .popKContentCol1F .popKCtitleNw, .popKContentCol3F .popKCtitleNw{ height:24px; width:auto; background-color:#F5A200; padding:0px 3px 2px 3px; margin-bottom:10px; text-align:left; float:left; text-transform:uppercase; font-family:"Oswald", Arial; font-size:20px; color:#FFF; } .popKContentCol1F .popKCtitleNw span{ font-size:14px; margin-left:5px; color:#fff; font-family:"Oswald", Arial; float:left; } .popKContentCol1F .subTxt{ height:auto; font-size:12px; color:#666; width:190px; margin-bottom:15px; text-align:left; line-height:16px; float:left; } .popKContentCol1F .subTxtSpaceH{ width:190px; height:65px; float:left; } .popKContentCol1F .subTxt .rond{ height:15px; width:15px; font-size:12px; color:#fff; margin-right:5px; text-align:center; float:left; background:url(/assets/doors/Kpopups/rond_jaune.png) no-repeat; } .popKContentCol1F .subTxt .rond2{ height:5px; width:8px; border-radius:5px; background-color:#F5A200; margin-top:6px; float:left;} .popKContentCol1F .subTxt .rondR2{ height:5px; width:8px; border-radius:5px; background-color:#e84d14; margin-top:6px; float:left;} .popKContentCol1F .subTxt span{ font-weight:bold; text-transform:uppercase; color:#F5A200; margin-right:5px; float:left; } .popKContentCol1F .subTxt div{ float:left; } .popupKitcheni .popKContentT170 { height:170px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } /*margin:0px 6px 0px 6px; */ .popupKitcheni .popKContentT215 { height:215px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT330 { height:330px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT400 { height:400px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT430 { height:430px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT470 { height:470px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT500 { height:500px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKContentT553 { height:553px; width:1px; background-color:#ddd; margin:0px 9px 0px 0px; float:left; } .popupKitcheni .popKinfosComp { height:80px; width:600px; text-align:center; padding-left:240px; float:left; } .popupKitcheni .popKinfosComp .cadre{ height:auto; width:350px; padding:10px; border:1px solid #F5A200; text-align:center; float:left; font-family:"aileronbold",Arial; color:#F5A200; font-size:10px; } .popKContentCol1F .popKCtitle2{ height:45px; width:184px; font-size:14px; color:#FFF; margin-top:-30px; float:left; font-family:"Oswald", Arial; text-align:left; text-transform:uppercase; } .popKContentCol1F .popKCtitle2 .Txt2{ height:32px; width:180px; color:#FFF; background-color:#f5a200; padding:2px 3px 2px 3px; text-align:center; float:left; } .popKContentCol1F .popKCtitle2 span{ font-size:14px; margin-left:5px; color:#f5a200; float:left; } .popKContentCol1F .subTxt2{ height:auto; font-size:12px; color:#666; width:184px; margin-bottom:15px; text-align:left; line-height:16px; float:left; } .popKContentCol1F .subTxt2 .rond{ height:15px; width:15px; font-size:12px; color:#fff; text-align:center; margin-right:5px; float:left; background:url(/assets/doors/Kpopups/rond_jaune.png) no-repeat; } .popKContentCol1F .subTxt2 .rond52{ height:11px; width:11px; font-size:9px; margin:2px 3px 0px 0px; border-radius:8px; background-color:#f5a200; float:left; color:#fff; text-align:center; line-height:12px; } .popKContentCol1F .subTxt2 span{ font-weight:bold; color:#f5a200; text-transform:uppercase; margin-right:5px; float:left; } .popKContentCol1F .subTxt2 div{ float:left; } .popKContentCol1F .popKCtitle2 span{ font-size:12px; margin-left:5px; color:#f5a200; float:left; } /* ----------------------- */ /* zone pages aides */ #guideZone .popKsubTitle2 { height:35px; width:1050px; margin:0px 0px 20px -30px; border-bottom:4px solid #f5a200; background-color:#2f2e32; float:left; text-align:center; font-family:"aileronbold", Arial; font-size:19px; color:#FFF;} #headerProject2Guid { width:450px; height:27px; padding:8px 80px 0px 10px; text-align:center; float:left; } #headerProject2Guid .headerGuidimg { width:206px; height:20px; margin-left:250px; text-align:center; float:left;} #guidePage { padding:13px 0px 0px 30px; text-align:left; width:1020px; height:100%; background-color:#f2f0ef; } #guidePage #titleLine{ width:990px; height:40px; color:#333; float:left;} #guideZone { width:1019px; height:auto; min-height:700px; float:left;} #guideZone .popKsubTitle2 .TxtCH{ height:25px; width:auto; margin:5px 5px auto 40px; float:left; } #guideZone .popKsubTitle2 .kimg{ height:30px; width:100px; margin:5px 0px 0px 5px; float:left; } #guideZone #titleLineBox{ width:990px; height:100px; border-bottom:1px solid #f2a200; border-top:1px solid #f2a200; text-align:center; background:url(/assets/doors/pages/backgd_titlebox.jpg) repeat-x bottom center; margin:20px auto 35px auto; float:left; } #guideZone #titleLineBox #Title{ width:975px; height:33px;float:left; margin:-15px 0px 10px 0px; font-size:26px; text-align:center; font-family:'Oswald'; font-weight:normal; letter-spacing:0.01em; } #guideZone #titleLineBox #Title span{ background-color:#f2f0ef; color:#f5a200; padding:0px 15px 0px 15px; } #guideZone #titleLineBox .textFC{ width:425px; height:36px; margin-left:270px; float:left; color:#999; font-size:12px; line-height:15px; text-align:center; font-family:'aileronregular'; } #guideZone #titleLineBox .textFC span{ font-family:'aileronsemibold'; color:#878787; } #guideZone #titleLineBox .textFC a{ color:#008fd9; text-decoration:none; } #guideZone #titleLineBox .links{ width:975px; height:40px; text-align:center; float:left; } #guideZone #titleLineBox .subTitleguid{ width:990px; height:20px; font-size:20px; color:#666; text-align:center; float:left; } #guideZone .leftZoneGuide { width:137px; height:520px; margin-right:15px; float:left; font-family:'Oswald'; font-size:11px; font-weight:normal; } .leftZoneGuide .guidExp {width:145px; height:30px; color:#444; float:left;} .leftZoneGuide .guiActOff, .leftZoneGuide .guiActOn{ width:137px; height:auto; padding:6px 0px 6px 1px; text-align:left; border-bottom:1px solid #F5A200; float:left; } .leftZoneGuide .guiActOff { background:url(/assets/doors/Kpopups/arrowGuid.png) no-repeat center right; color:#333; } .leftZoneGuide .guiActOff a{color:#444; text-decoration:none; } .leftZoneGuide .guiActOff span{ width:145px;} .leftZoneGuide .guiActOn { background:#fff url(/assets/doors/Kpopups/arrowGuid.png) no-repeat center right; color:#F5A200; } .leftZoneGuide .guiActOn a{color:#F5A200; text-decoration:none; } #guidContentInfos { width:860px; height:auto; float:left;} #guidContentInfos #popKitchenInfos { width:858px; height:auto; margin:0px; background-color:#F2F0EF; box-shadow: 0px 0px 0px 0px; float:left; } #guidContentInfos #popKitchenInfos .popupKitcheni .popKContent { margin:0PX; border:none 0px;} .popupKitcheni .finameZone1 { width:830px; height:430px; float:left; } .popupKitcheni .finameZone2 { width:830px; height:560px; float:left; } .popKContentCol1Gui .popkImgChBAse{ height:310px; width:800px; margin-bottom:10px; text-align:center; float:left; } .popupKitcheni .TitleFinAme { height:40px; width:830px; margin-top:30px; float:left; font-family:"aileronregular",Arial; text-transform:uppercase; font-size:15px; color:#F5A200; text-align:center; } .popupKitcheni .TitleFinAme span{ font-size:10px; } .popKContentCol1F .subTitleFinAmeR, .popKContentCol1F .subTitleFinAme2{ height:40px; width:185px; font-family:"aileronbold",Arial; font-size:16px; text-align:center; float:left;} .popKContentCol1F .subTitleFinAmeR{color:#e84d14;} .popKContentCol1F .subTitleFinAme2{color:#F5A200;} .popKContentCol1F .subTitleFinAmeR span, .popKContentCol1F .subTitleFinAme2 span{ font-size:10px; } .popupKitcheni .caisbasZone1 { width:850px; height:565px; float:left; } .popupKitcheni .caisbasZone2 { width:850px; height:655px; float:left; } .popKContentCol1F .space50{ height:50px; width:184px; float:left; } .popKContentCol1F .space800{ height:50px; width:800px; float:left; } .popKContentCol1F .popkImgAss{ height:190px; width:194px; margin-bottom:10px; text-align:center; float:left; } .popKContentCol1F .popkImgAss2{ height:210px; width:194px; margin-bottom:10px; text-align:center; float:left; } .popKContentCol1F .popkImgAss3{ height:230px; width:194px; margin-bottom:10px; text-align:center; float:left; } .popKContentCol1F .subTxt5, .popKContentCol1F .subTxt6{ height:auto; font-size:11px; color:#666; width:190px; margin-bottom:15px; text-align:left; line-height:16px; float:left; } .popKContentCol1F .subTxt5 .rond, .popKContentCol1F .subTxt6 .rond{ height:11px; width:11px; font-size:9px; color:#fff; text-align:center; float:left; margin-right:3px; border-radius:8px; line-height:12px; } .popKContentCol1F .subTxt5 .rond {background-color:#F5A200;} .popKContentCol1F .subTxt6 .rond {background-color:#e84d14;} .popKContentCol1F .subTxt5 span, .popKContentCol1F .subTxt6 span{ font-family:"aileronbold", Arial; font-size:11px; line-height:12px; text-transform:uppercase; margin-right:5px; float:left; } .popKContentCol1F .subTxt5 span{color:#F5A200;} .popKContentCol1F .subTxt6 span{color:#e84d14;} .popKContentCol1F .subTxt5 div, .popKContentCol1F .subTxt6 div{ float:left; } .popupKitcheni .popTopKTitle { height:40px; width:840px; float:left; text-align:center; font-family:"aileronbold", Arial; font-size:20px; color:#333; text-transform:uppercase; } .popupKitcheni .popTopKTitle .Tleft{ height:20px; width:400px; color:#F5A200; text-align:center; float:left; } .popupKitcheni .popTopKTitle .Tright{ height:20px; width:400px; color:#e84d14; text-align:center; float:left; } .popupKitcheni .popTopKTitle .Tleft2{ height:20px; width:800px; color:#F5A200; text-align:center; float:left; } .popupKitcheni .popTopKTitle .Tright2{ height:20px; width:800px; color:#e84d14; text-align:center; float:left; } .popupKitcheni .popinfosTop { width:590px; height:65px; margin-bottom:25px; padding:12px 0px 0px 240px; float:left; } .popupKitcheni .popinfosTopText { width:375px; height:55px; padding:5px 10px 0px 10px; border-right:1px solid #2f2e32; border-left:1px solid #2f2e32; float:left; font-family:"aileronregular", Arial; font-size:11px; color:#2f2e32; text-align:left; } .popKContentCol1F .popKCtitle3{ height:45px; width:184px; font-size:14px; color:#FFF; margin-top:-30px; float:left; font-family:'Oswald'; text-align:left; text-transform:uppercase; } .popKContentCol1F .popKCtitle3 .Txt3{ height:32px; width:180px; color:#FFF; background-color:#e84d14; padding:2px 3px 2px 3px; text-align:center; float:left; } .popKContentCol1F .popKCtitle3 span{ font-size:10px; margin:13px 0px 0px 5px; color:#666; float:left; } .popKContentCol1F .subTxt3{ height:auto; font-size:11px; color:#666; width:190px; margin-bottom:15px; text-align:left; line-height:18px; float:left; } .popKContentCol1F .subTxt3 .rond{ height:15px; width:15px; font-size:11px; line-height:16px; color:#fff; text-align:center; float:left; background:url(/assets/doors/Kpopups/rond_rouge.png) no-repeat; margin-right:5px; } .popKContentCol1F .subTxt3 span{ font-weight:bold; color:#e84d14; text-transform:uppercase; margin-right:5px; float:left; } .popKContentCol1F .subTxt3 div{ float:left; } .popupKitcheni .popKContent .popKContentCol3F { height:auto; width:255px; margin-left:10px; font-family:"aileronregular",Arial; float:left; } .popKContentCol3F .popkImg{ height:234px; width:194px; margin-bottom:10px; float:left; } .popKContentCol3F .popkImgArm{ height:240px; width:220px; margin-bottom:10px; text-align:center; float:left; } .popKContentCol3F .popkImgArm2{ height:270px; width:220px; margin-bottom:10px; float:left; } .popKContentCol3F .popKCtitle2{ height:45px; width:250px; font-size:14px; color:#FFF; margin-top:-30px; float:left; font-family:'Oswald'; text-align:left; text-transform:uppercase; } .popKContentCol3F .popKCtitle2 .Txt2{ height:32px; width:180px; color:#FFF; background-color:#F5A200; padding:2px 3px 2px 3px; text-align:center; float:left; } .popKContentCol3F .popKCtitle2 span{ font-size:10px; margin:13px 0px 0px 5px; color:#F5A200; float:left; } .popKContentCol3F .subTxt2{ height:auto; font-size:12px; color:#666; width:250px; margin-bottom:15px; text-align:left; line-height:18px; float:left; } .popKContentCol3F .subTxt2 .rond{ height:15px; width:15px; font-size:11px; color:#fff; text-align:center; line-height:16px; float:left; background:url(/assets/doors/Kpopups/rond_jaune.png) no-repeat; margin-right:5px; } .popKContentCol3F .subTxt2 span{ font-weight:bold; color:#F5A200; text-transform:uppercase; margin-right:5px; float:left; } .popKContentCol3F .subTxt2 div{ float:left; } /* ------ Menu spido portes -------------------------------- */ #MenuSpido { width:100%; height:65px; float:left; } /*.menuEtapSpidoOn { width:200px;height:65px;float:left; padding:9px 0px 10px 0px; cursor:pointer; background:url(/assets/spido/fond_menuEtapes_spidoOn.png); background-repeat:no-repeat; } .menuEtapSpidoOn .num { color:#F08A36; width:55px; float:left; font-size:32px; padding-left:17px; }*/ .menuEtapSpidoOn { width:234px; height:47px; padding:18px 0px 0px 20px; cursor:pointer; background-color:#F5A200; float:left;} .menuEtapSpidoOn .num { color:#333; width:47px; height:33px; border-right:3px solid #333; font-family:'OpenSans'; font-size:32px; line-height:33px; float:left;} .menuEtapSpidoOn .lib { color:#333; width:166px; height:34px; font-family:'OpenSans'; font-size:14px; line-height:16px; margin:0px 0px 0px 14px; float:left;} .menuEtapSpidoOn .lib2 { color:#333; width:166px; height:47px; font-family:'OpenSans'; font-size:14px; line-height:16px; margin:-7px 0px 0px 14px; float:left;} .menuEtapSpidoOn .lib2 span{ color:#555; } .menuEtapSpidoSepar { width:1px; height:65px; float:left; background:#333 url(/assets/doors/pages/fond_menuEtapes_spidoSepar.png) no-repeat; } .menuEtapSpidoOff { width:231px; height:47px; padding:18px 0px 0px 20px; cursor:pointer; background-color:#333; float:left; } .menuEtapSpidoNext { width:231px; height:47px; padding:18px 0px 0px 20px; cursor:pointer; background-color:#333; float:left;} .menuEtapSpidoOff .num, .menuEtapSpidoNext .num { color:#CCC; width:47px; height:33px; border-right:3px solid #CCC; font-family:'OpenSans'; font-size:32px; line-height:33px; float:left; } .menuEtapSpidoOff .lib, .menuEtapSpidoNext .lib { color:#CCC; width:166px; height:34px; font-family:'OpenSans'; font-size:14px; line-height:16px; margin:0px 0px 0px 14px; float:left; } .menuEtapSpidoOff .lib2, .menuEtapSpidoNext .lib2 { color:#CCC; width:166px; height:47px; font-family:'OpenSans'; font-size:14px; line-height:16px; margin:-7px 0px 0px 14px; float:left;} .menuEtapSpidoOff .lib2 span, .menuEtapSpidoNext .lib2 span{ color:#AAA; } /* ------ bases cat�gories portes -------------------------------- */ .catBasebann { height:296px; width:942px; margin:0px 0px 25px 35px; text-align:left; font-family:'Oswald'; color:#333; cursor:pointer; float:left; background:url(/assets/doors/ranges/spacer.gif) no-repeat top left; } .catBasebann .cbLeftZone { height:280px; width:600px; padding:34px 0px 0px 39px; color:#333; float:left; } a.catBasebann .cbLeftZone { color:#333; text-decoration:none;} .cbLeftZone .catBaseName { height:38px; width:635px; margin-bottom:34px; line-height:26px; font-size:26px; font-weight:400; text-transform:uppercase; color:#fff; float:left; } a.cbLeftZone .catBaseName { color:#fff;} a.cbLeftZone .catBaseName span, .cbLeftZone .catBaseName span{ color:#333; } .cbLeftZone .catLogo{ height:63px; width:550px; padding:0px; float:left;} .cbLeftZone .catBaseTitleLogo { height:26px; width:550px; font-family:'SourceSansPro'; text-transform:uppercase; line-height:16px; font-size:16px; font-weight:600; float:left; } .cbLeftZone .catBaseTitle { height:26px; width:550px; font-family:'SourceSansPro'; text-transform:uppercase; line-height:16px; font-size:16px; font-weight:600; margin-top:20px; float:left; } .cbLeftZone .catBaseDesc { height:76px; width:265px; font-family:'OpenSans'; line-height:15px; font-size:13px; font-weight:500; float:left; } a.catBasebann .cbRightZone { color:#333; text-decoration:none;} .catBasebann .cbRightZone { height:280px; width:300px; color:#333; float:left; } .cbRightZone .catBaseChx { height:38px; width:170px; margin:252px 0px 0px 125px; line-height:16px; font-size:16px; font-weight:400; float:left; } /* ------ -------------------------------- */