.content_body, #bodyCenter {background-color:#E4DFD7} #centerBandProduct, #middleBand, #productPageCenter {width:100%} /* ----- css configurateur --------- */ .tabGenSpido{height:48px;width:98%} .subTagGenSpido {width:100%;height:100%;padding:0px 0px 0px 10px;margin:0px} #ariane{width:100%;height:20px;float:none;text-align:left;padding:10px 0px 0px 15px} #ariane .ariTag {width:auto;height:17px;float:left} #ariane .ariTag *, #ariane .ariTag::after, #ariane .ariTag::before {float:left} #ariane .ariTag div{width:auto;margin:0px 5px 0px 5px} #ariane .ariTag a{text-decoration:none;float:left} #ariane .ariTag span a, #ariane .ariTag div span{font-size:11px;text-decoration:none;float:left} #spidoConnectAsk { width:99%;height:20px;float:none;margin:5px 1px 10px 0px;padding:10px; font-weight:bold;font-size:14px;color:#666;margin-bottom:10px;background-color:#D8D3CB} #spidoConnectAsk .textA{width:510px;height:20px;float:left;padding-top:3px} #spidoConnectAsk .bouton_rouge{ border-radius:3px;margin:auto;color:#fff;background:#ca0023;float:left; text-align:center;height:23px;padding-top:2px;width:100px;font-size:14px;/*font-family:'open sans', Arial, sans-serif;*/ } #spidoConnect{width:440px;height:540px;float:none;text-align:left;background-color:#FFF;position:absolute;margin-top:-215px} .spidoConnectOff {display:none} .spidoConnectOn { margin:-220px auto auto 280px;width:440px;height:540px;background-color:#FFF;border:1px solid #444;overflow:auto; font-size:15px;text-align:center;display:block;position:fixed;z-index:1003; -moz-box-shadow:0px 0px 15px 2px #555;-webkit-box-shadow:0px 0px 15px 2px #555;box-shadow:0px 0px 15px 2px #555; filter:progid:DXImageTransform.Microsoft.Shadow(color='#F4F5F6', Direction=135, Strength=1); } #spidoConnectClose {position:relative;float:right;height:27px;width:440px;background-color:#F6F6F6} #spidoConnectClose img {height:27px;float:right;width:90px;cursor:pointer} .spidoConnectOn .tilteTopA{ width:440px;height:45px;float:left;margin:0px;border-bottom:1px solid #EEE;background-color:#F6F6F6;position:relative; text-align:center;color:#666;font-size:20px} .spidoConnectOn #modeleDataA{width:440px;height:530px;float:none} .spidoConnectOn #modeleDataA .dataLigneA{ width:360px;height:265px;float:left;padding:0px 40px 15px 40px;padding-top:20px; text-align:left;font-size:13px;color:#333;background-color:#F6F6F6; -moz-box-shadow:0px 1px 3px -1px #555;-webkit-box-shadow:0px 1px 3px -1px #555;box-shadow:0px 1px 3px -1px #555} .dataLigneA .textA {width:360px;height:50px;font-size:12px;margin-bottom:10px;text-align:center} .spidoConnectOn .dataLigneA .formA{width:360px;height:190px} .spidoConnectOn .dataLigneA .inputA{ width:350px;height:28px;background-color:#FFF;padding:2px 0px 0px 5px;margin:0px 5px 15px 0px; border-radius:2px;border:1px solid #999;font-size:13px;color:#707070;line-height:13px;float:left} .spidoConnectOn .dataLigneA .inputZone1{width:360px;height:52px} .spidoConnectOn .dataLigneA .valid{ text-align:left;height:35px;width:360px;font-size:11px;float:left;margin-bottom:10px; } .spidoConnectOn .dataLigneA .valid .bouton_rouge{ width:190px;height:27px;border-radius:3px;margin:auto;background:#ca0023;padding-top:7px; text-align:center;font-weight:600;font-size:14px;color:#fff; -moz-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; -webkit-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset;line-height:19px; } .spidoConnectOn .dataLigneA .souvenir{ text-align:center;height:20px;width:280px;font-size:13px;float:left; padding-left:105px;margin-bottom:15px; } .spidoConnectOn .dataLigneA .souvenir input{ text-align:right;height:18px;width:26px;font-weight:normal;float:left} .spidoConnectOn .dataLigneA .forget{text-align:center;height:30px;width:360px;font-size:13px;float:left;color:#007de5} .spidoConnectOn .dataLigneA .forget a{color:#007de5} .spidoConnectOn .dataLigneA .forget a:hover{text-decoration:underline;color:#007de5} .spidoConnectOn #modeleDataA .dataNewCli{width:440px;height:128px;float:left;padding-top:20px;text-align:center;color:#666} .dataNewCli .textB{ font-size:20px;text-align:center;height:45px;width:438px;float:left} .dataNewCli .boutonNew{text-align:left;height:35px;width:438px;margin-bottom:10px;font-size:14px;color:#FFF;float:left} .dataNewCli .boutonNew .bouton_noir{ border-radius:3px;margin:auto;background:#343434;width:190px;height:27px;padding-top:7px; text-align:center;cursor:pointer;font-weight:600; -moz-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; -webkit-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; } .dataNewCli .boutonNew .bouton_bleu{ border-radius:3px;margin:auto;background:#007de5;width:190px;height:27px;padding-top:7px; text-align:center;cursor:pointer;font-weight:600; -moz-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; -webkit-box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; box-shadow:0px -1px 3px 0px rgba(130,130,130,1) inset; } .spidoConnectOn .dataLigneA .ZoneText { width:300px;height:146px;padding-left:40px;display:table-cell;vertical-align:middle;background-color:#F2F2F2} .spidoConnectOn .dataLigneA .bouton_rouge{border-radius:3px;margin:auto;color:#fff;background:#ca0023;text-align:center;font-size:14px} .spidoConnectOn .dataLigneA .bouton_rouge {height:30px;width:100px} #spidoConnectAsk .bouton_rouge {height:23px;width:100px;padding-top:2px;line-height:19px} .spidoConnectOn .dataLigneA .bouton_rouge:hover, #spidoConnectAsk .bouton_rouge:hover{background:#b6001e;cursor:pointer} #top_spido0, #top_spido00 {width:100%;height:600px;float:left} #top_spido0Bis, #top_spido00Bis {width:100%;height:auto;float:left} #top_spidoPortes {width:100%;height:280px;float:left} #top_spidoTir {height:320px;width:100%;margin:20px 0px 0px 0px;float:left} #top_spidoTir .atira{height:400px;width:100%;margin:0px 0px 0px 0px;float:left} #spido0_dresing, #spido0_verriere {height:671px;width:485px;margin:35px 0px 35px 0px;float:left} #spido0_portes {width:100%;} #spido0_portes .phot5{width:100%;} #spido0_verriere {margin-left:20px} #spido0_dresing .phot1, #spido0_verriere .phot1{height:190px;width:485px;margin:0px;float:left} #spido0_dresing .link1, #spido0_verriere .link1{height:48px;width:485px;margin:0px;float:left} #spido0_dresing .info1, #spido0_verriere .info2{height:310px;width:485px;margin:0px;float:left} #spido0_dresing .info1Bis, #spido0_verriere .info2Bis{height:400px;width:485px;margin:0px;float:left} #spido0_Atira .L1, #spido0_Arcitech .L1{height:23px;width:485px;font-size:13px;font-weight:700;letter-spacing:0.4px;float:left} #spido0_bandeau {height:320px;width:100%;margin-bottom:30px;float:left} #spido0_Atira {height:671px;width:485px;margin:0px 0px 35px 0px;float:left} #spido0_Arcitech {height:671px;width:485px;margin:0px 20px 35px 0px;float:left} #spido0_Atira .phot1{height:224px;width:485px;margin:0px;float:left} #spido0_Atira .L1, #spido0_Arcitech .L1{height:23px;width:485px;font-size:13px;font-weight:700;letter-spacing:0.4px;float:left} #spido0_Atira .L2, #spido0_Arcitech .L2{height:34px;width:485px;font-size:13px;font-weight:700;letter-spacing:0.4px;line-height:14px;float:left} #spido0_Atira .L1 span, #spido0_Arcitech .L1 span, #spido0_Atira .L2 span, #spido0_Arcitech .L2 span{ font-size:9px;letter-spacing:0.27px} #spido0_Atira .link1, #spido0_Arcitech .link1{height:47px;width:485px;margin:0px;float:left} #spido0_Atira .info1{height:152px;width:485px;margin:0px;float:left} #spido0_Atira .bginfo1{height:152px;width:485px;background:url(/assets/spido/4_bckgdinfos1.png);background-repeat:no-repeat;float:left} #spido0_Atira .bginfo2{height:104px;width:485px;background:url(/assets/spido/4_bckgdinfos2.png);background-repeat:no-repeat;float:left} #spido0_Atira .info2{height:104px;width:485px;margin:0px;float:left} #spido0_Atira .puceL1, #spido0_Arcitech .puceL1 {height:23px;width:49px;float:left} #spido0_Atira .puceL2, #spido0_Arcitech .puceL2 {height:34px;width:49px;float:left} #spido0_Atira .puceL1, #spido0_Arcitech .puceL1, #spido0_Atira .puceL2, #spido0_Arcitech .puceL2 { background:url(/assets/spido/puce-1.png); background-position:top left; background-repeat:no-repeat;} #blocatiraStdPrep .profLarg{height:298px;width:354px;float:left} #spido0_Arcitech .phot1{height:224px;width:485px;margin:0px;float:left} #spido0_Arcitech .info1{height:154px;width:485px;margin:0px;float:left} #spido0_Arcitech .info2{height:104px;width:485px;margin:0px;float:left} #spido0_Arcitech .phot5{height:519px;width:485px;margin:0px;float:left} #spido0_Arcitech .phot6{height:319px;width:485px;margin:0px;float:left} #spido0_subtitle { height:30px;width:838px;margin:20px 70px 15px 80px;border-bottom:1px solid #e68b3d;float:left; text-align:center;color:#e68b3d;font-size:26px;line-height:26px} #spido0_subtitle span{font-size:18px} #spido0_chxZone {height:370px;width:100%;float:left} #spido0_chxZone .blocGen{height:320px;width:320px;float:left} #spido0_chxZone .blocGen a{color:#999;text-decoration:none} #spido0_chxZone .blocGen .titH{height:54px;width:318px;float:left} #spido0_chxZone .blocGen .imgH{height:264px;width:318px;opacity:0.75;filter:alpha(opacity=75);float:left} #spido0_chxZone .blocGen .imgH:hover{opacity:1;filter:alpha(opacity=100)} #spido0_chxZone .blocGenSspace{height:320px;width:15px;float:left} #titleIntroSpido {width:100%;height:auto;float:left;background-color:#E4DfD7;margin:0px 0px 15px 20px} #titleIntroSpido #titleText{width:100%;height:93px;float:left} #titleIntroSpido #titleText #title1{width:100%;height:42px;font-size:36px;color:#505050;float:left} #titleIntroSpido #titleText #title1 .title1A{width:80%;height:42px;font-size:32px;color:#505050} #titleIntroSpido #titleText #title1 .title12{font-size:32px;color:#505050} #titleIntroSpido #titleText #title1 h1.title1A .title12{font-size:28px;color:#505050} #titleIntroSpido #titleText #title2{ width:80%;height:35px;font-size:26px;color:#E68B36;float:left} #titleIntroSpido #titleTextT{width:85%;height:auto;float:left} #titleIntroSpido #titleTextT #title1T{width:100%;height:auto;line-height:36px;font-size:36px;color:#505050;float:left} #titleIntroSpido #titleTextT #title1T .title1A{width:100%;height:42px;font-size:32px;color:#505050} #titleIntroSpido #titleTextT #title1T .title12T{font-size:32px;color:#505050} #titleIntroSpido #titleTextT #title1T h1 .title1A .title12T{font-size:28px;color:#505050} #titleIntroSpido #titleTextT #title2T{ width:100%;height:35px;font-size:26px;color:#E68B36;float:left} #titleIntroSpido #titleLogo{width:125px;height:78px;margin:0px 53px 0px 0px;float:right} #topSpido {background-color:#E4DfD7;float:left;height:466px;width:100%} #topSpido #blocArcitech {height:440px;width:317px;float:left} #topSpido #blocArcitech .blocArcitechOn {opacity:0.75;filter:alpha(opacity=75)} #topSpido #blocArcitech .blocArcitechOff {opacity:1;filter:alpha(opacity=100)} #topSpido #blocInnotech {height:440px;width:485px;float:left;padding-right:20px;background-color:#E4DfD7} #topSpido #blocInnotech .blocInnotechOn {opacity:0.75;filter:alpha(opacity=75)} #topSpido #blocInnotech .blocInnotechOff {opacity:1;filter:alpha(opacity=100)} #topSpido a:active, a:focus, map{outline:none} #topSpido1 {height:760px;width:100%;float:left} #topSpido1 #blocatiraStd {height:440px;width:100%;margin-bottom:15px;float:left} #topSpido1 #blocatiraStd .blocatiraStd1{height:440px;width:415px;float:left} #topSpido1 #blocatiraStd .blocatiraStd2{height:440px;width:573px;float:left} #topSpido1 #blocatiraStdPrep { height:298px;width:100%;border-bottom:2px solid #E68A41;background-color:#F8F4F1;margin-bottom:25px;float:left} #blocatiraStdPrep .infosData{ height:280px;width:590px;color:#505050;margin-bottom:17px;float:left} #blocatiraStdPrep .infosData .title1{height:38px;width:590px;float:left} #blocatiraStdPrep .infosData .title2{height:46px;width:590px;float:left} #blocatiraStdPrep .infosData .Text1{height:108px;width:590px;font-size:13px;line-height:18px;margin-left:45px;float:left} #blocatiraStdPrep .infosData .Text1 p{line-height:20px;margin:5px 0px 5px 0px} #blocatiraStdPrep .infosData .Text1 span{font-weight:bold} #blocatiraStdPrep .infosData .Text2 { height:89px;width:635px;font-size:14px;color:#55050;margin-left:45px;float:left} #blocatiraStdPrep .infosData .Text2 .blocLarg{height:89px;width:145px;line-height:18px;float:left} #blocatiraStdPrep .profLarg{height:298px;width:354px;float:left} #topSpido1 a:active, a:focus, map{outline:none} #topSpidoInto {background-color:#E4DfD7;float:left;height:440px;width:100%} #topSpidoInto #blocArcitech {height:440px;width:317px;float:left} #topSpidoInto #blocArcitech .blocArcitechOn {opacity:0.75;filter:alpha(opacity=75)} #topSpidoInto #blocArcitech .blocArcitechOff {opacity:1;filter:alpha(opacity=100)} #topSpidoInto #blocInnotech {height:440px;width:326px;float:left;margin-right:10px} #topSpidoInto #blocInnotech .blocInnotechOn {opacity:0.75;filter:alpha(opacity=75)} #topSpidoInto #blocInnotech .blocInnotechOff {opacity:1;filter:alpha(opacity=100)} #topSpidoInto #blocAtira {height:440px;width:327px;float:left;margin-right:10px} #topSpidoInto #blocAtira .blocInnotechOn {opacity:0.75;filter:alpha(opacity=75)} #topSpidoInto #blocAtira .blocInnotechOff {opacity:1;filter:alpha(opacity=100)} #topSpidoInto a:active, a:focus, map{outline:none} .bottomInfosDet {height:155px;width:490px;float:left} .spidoArianeOff {color:#999} .spidoArianeOn {color:#336598} #confEtapes {width:100%;height:121px;float:none} #confEtapes #bandeauInfo { text-align:left;color:#333;font-weight:regular;padding-left:10px; width:98%;height:55px;float:none;margin:5px 0px 1px 0px} #confEtapes #bandeauInfo #arianeSpido {width:80%;height:13px;font-size:13px;color:#999;float:none} #confEtapes #bandeauInfo #arianeSpido a{color:#999;text-decoration:none} #confEtapes #bandeauInfo #arianeSpido a:hover{color:#777;text-decoration:underline} #confEtapes #bandeauInfo .Line{font-size:22px;height:53px;width:80%;padding-top:7px;font-weight:bold;float:left} #confEtapes #bandeauInfo .Line .ntxLine{color:#777;font-weight:normal;padding-left:10px;letter-spacing:0.06em} #confEtapes #bandeauInfo .Line .ntxLine .standard{color:#888;text-decoration:underline;font-style:italic;font-size:20px} #confEtapes #bandeauInfo #LineT{font-size:22px;height:53px;width:80%;font-weight:bold;float:left} #confEtapes #bandeauInfo #LineT .lineH1{ width:90%;height:30px;font-size:22px;color:#333;line-height:30px;font-weight:bold;text-align:left;float:left} #confEtapes #bandeauInfo #LineT .lineH1 .ntxLine{color:#777;font-weight:normal;padding-left:10px;letter-spacing:0.06em} #confEtapes #bandeauInfo #LineT .lineH1 .ntxLine .standard{color:#888;text-decoration:underline;font-style:italic;font-size:20px} #confEtapes #bandeauInfo .logo{float:left;width:80px;width:78px;margin:-10px 0px 10px 0px} #confEtapes #MenuSpido {width:100%;height:auto;margin-bottom:10px;float:none;background-color:#F8F8F8} /*.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:195px;height:65px;float:left;padding:9px 0px 10px 0px;cursor:pointer;background-color:#333;border-left:5px solid #F08A36} .menuEtapSpidoOn .num {color:#F08A36;width:63px;border-right:3px solid #F08A36;font-size:32px;padding-left:17px;float:left} .menuEtapSpidoOn .lib {color:#FFF;width:115px;float:left;font-size:14px;line-height:16px;padding:7px 0px 0px 8px} .menuEtapSpidoSepar {width:1px;height:65px;float:left; background:url(/assets/spido/fond_menuEtapes_spidoSepar.png);background-repeat:no-repeat} .menuEtapSpidoOff {width:196px;height:65px;float:left;padding:9px 0px 10px 0px;background-color:#F8F8F8;cursor:pointer;font-size:15px} .menuEtapSpidoNext {width:196px;height:65px;float:left;padding:9px 0px 10px 0px;cursor:pointer;font-size:15px} .menuEtapSpidoOff .num, .menuEtapSpidoNext .num { color:#999;width:63px;height:38px;font-size:32px;margin-top:5px;line-height:38px;border-right:3px solid #CCC;padding-left:17px;float:left} .menuEtapSpidoOff .lib, .menuEtapSpidoNext .lib {color:#999;width:115px;float:left;font-size:14px;line-height:16px;padding:9px 0px 0px 8px} #confEtapes #Title {width:257px;height:20px;background-color:#FFA914;padding-left:10px;float:none;color:#FFF;font-size:16px;text-align:left} /*#confEtape1, #confEtape2, #confEtape3 { background-color:#FFFFFF;width:100%;height:auto;;float:none;display:block; -moz-box-shadow:2px 3px 16px -1px rgba(103,103,103,0.1) ;-webkit-box-shadow:2px 3px 16px -1px rgba(103,103,103,0.1) ; box-shadow:2px 3px 16px -1px rgba(103,103,103,0.1) ; filter:progid:DXImageTransform.Microsoft.Shadow(color='#F4F5F6', Direction=135, Strength=1)}*/ #confEtape1 .subTitle, #confEtape2 .subTitle, #confEtape3 .subTitle { width:100%;height:75px;float:none;font-size:18px;color:#888; background:url(/assets/spido/bg_title.png);background-repeat:repeat-x} #confEtape3 .subTitle {height:72px} #confEtape1 .subTitle .text, #confEtape2 .subTitle .text, #confEtape3 .subTitle .text{ padding:2px 15px 0px 25px;font-size:24px;color:#555;float:left;width:auto} .ligneEtape {float:none;width:550px;height:54px;text-align:left} .ligneEtape .carreEtape{ width:37px;height:30px;float:left;padding-top:7px;background-color:#87B030; font-size:20px;font-weight:bold;color:#FFF;text-align:center} .ligneEtape .infoEtape{ width:470px;height:30px;float:left;padding-top:7px;padding-left:20px; font-weight:normal;color:#333;text-align:left;font-size:20px} #inEtap1, #inEtap2, #inEtap3{} #inEtap1 .slideProduct {background-color:#FFF} .slideProduct .slideImgEtape{ color:#666;position:relative;float:none; opacity:1;filter:alpha(opacity=100);border:1px solid #EEE;cursor:pointer} .slideProduct .slideImgEtapeOff{ color:#666;position:relative;float:none; opacity:0.35;filter:alpha(opacity=35);border:1px solid #EEE;cursor:pointer} .slideProduct .zoomSpido { position:absolute;bottom:0;right:0;height:42px;width:45px;opacity:0.7;filter:alpha(opacity=70);cursor:pointer; background:url(/assets/spido/btn_zoom.png);background-position:right bottom ;background-repeat:no-repeat} .slideProduct .optionTxt, .slideProduct .optionTxtOn, .btn_etape_3.list-group-item{cursor:pointer;border:1px solid #eee;color:#333;font-size:13px;font-weight:normal} .slideProduct .optionTxt:hover{border:1px solid #E08D43} .slideProduct .optionTxtOn {border:1px solid #E08D43} .slideProduct .optionTxt .optProdInput, .slideProduct .optionTxtOn .optProdInput {} .slideProduct .optionTxt .optProdText, .slideProduct .optionTxtOn .optProdText {display:inline-block;vertical-align:middle;text-align:left;color:#333;line-height:14px;} .slideProduct .optionTxt .optProdText span, .slideProduct .optionTxtOn .optProdText span{color:#AD8366;font-weight:bold} .clickNextEtp {background-color:#EEE;padding:15px} .clickNextEtp .etapeRetour{text-align:center;font-size:14px;color:#505050} .clickNextEtp .chxStylVar{margin:10px 0;font-size:16px;color:#707070;text-align:center;min-height:50px} .clickNextEtp .etapeNextTxt{opacity:0.7} .clickNextEtp .etapeNextTxtOn{opacity:1} .clickNextEtp .etapeNextTxt{background-color:#f88729} .clickNextEtp .etapeNextTxtOn{background-color:#E78838;cursor:pointer} .etapeNextTxt .bigText, .etapeNextTxtOn .bigText { text-align:center; color:#ffffff;text-shadow:0px -1px 1px rgba(000,000,000,0.2), 0px 0px 0px rgba(196,112,45,0);outline:none 0px} .etapeNextTxt .lowText, .etapeNextTxtOn .lowText { text-align:center;color:#ffffff;font-size:13px !important;outline:none 0px} #inEtap2 .slideProduct {padding:15px;height:160px;min-height:160px;color:#666;background-color:#fff;overflow:hidden} #inEtap2 .slideProduct.slideProductHover:hover{z-index:2;position:absolute;left:0;width:100%;height:auto !important;margin-left:0px; overflow:visible !important;box-shadow:0 10px 10px #888;padding:15px 25px !important} #inEtap2 .slideProduct.slideProductHover:hover .optProdTextFull{display:none} /* ------------ etape 2 configurateur --------- */ /*#confEtape2, #confEtape3, #confEtape4 {min-height:450px;height:auto;float:none;display:none}*/ #confEtape2 .subTitle .subTitle_etp2a{float:left;width:650px} #confEtape2 .subTitle .subTitle_etp2pop {float:left;width:335px;text-align:right;padding-top:10px} #subTitleEtp2 {font-size:20px;letter-spacing:0.05em;color:#999} #confEtape2 .subTitle .textNext { font-size:13px;font-style:italic;color:#555;width:310px;padding:2px 0px 0px 25px;text-align:left;float:left; background:url(/assets/spido/icon_info.png);background-position:left center ;background-repeat:no-repeat} #confEtape2 .subTitle .textNext a{color:#555;text-decoration:none} #confEtape2 .subTitle .textNext a:hover{color:#333;text-decoration:underline} .optNameZone {float:none;width:950px;height:auto;min-height:500px} .slideEtp2{text-align:center;opacity:1;filter:Alpha(opacity=100);margin-bottom:20px} .slideEtp2 .card-text{min-height:160px} .slideProduct .card-title, .slideEtp2 .card-title{text-align:center;padding:10px;font-size:1.1rem;margin:-10px} .slideProduct .card-title span, .slideEtp2 .card-title span{color:#AD8366;font-weight:bold} .slideEtp2On {text-align:center;background-color:#F7F7F5;opacity:1;filter:Alpha(opacity=100)} .slideEtp2Off {text-align:center;opacity:0.65;filter:Alpha(opacity=65)} .slideEtp2Off:hover {opacity:1;filter:alpha(opacity=100)} .optNameZone2 {float:left;width:960px;min-height:500px;height:auto} .infoHeightZone2 {font-size:11px} .infoHeightZone2 span{font-weight:bold;line-height:14px} .optNameTitle { width:225px;height:45px;text-align:center;padding-top:7px; font-size:16px;font-weight:bold;letter-spacing:1px;line-height:16px;float:left;color:#FFF} .optNameTitleClic { width:223px;height:38px;border:1px solid #87B030;padding-top:7px;margin:1px 1px 15px 0px;float:left; font-size:16px;font-weight:bold;letter-spacing:1px;line-height:16px;color:#FFF} .optNameZone2 .optNameTitleA { width:220px;height:55px;text-align:center;display:table-cell;vertical-align:middle; text-transform:uppercase; font-size:16px;letter-spacing:0.02em;line-height:20px;color:#FFF;padding:0px 5px 0px 5px; } #inEtap2 .slideEtp2HightInlay{ height:180px; margin:0px -5px 0px -5px;} #inEtap2 .slideProduct .slideEtp2HightInlay:hover{ padding:0px 5px 0px 5px;} #inEtap2 .slideProduct2 { width:220px;height:auto;min-height:340px;color:#666;float:left;background-color:#F7F7F5;margin-bottom:10px} .slideProduct2 .slideImgEtape { width:220px;height:143px;color:#666;position:relative;float:none;margin-bottom:10px;opacity:1;filter:alpha(opacity=100)} .slideProduct2 .slideImgEtapeOff{ width:220px;height:143px;color:#666;position:relative;float:none;opacity:0.65;filter:alpha(opacity=65);margin-bottom:10px} .slideProduct2 .slideImgEtapeOff:hover{opacity:1;filter:alpha(opacity=100)} .slideProduct2 .slideEtp2HightDatas{width:220px;height:300px;color:#666;position:relative;margin-bottom:10px} .slideProduct2 .slideEtp2HightArciDatas{ width:220px;height:185px;color:#666;position:absolute;margin-bottom:10px;background-color:#F7F7F5;z-index:100;overflow:hidden} .slideProduct2 .slideEtp2HightArciDatas:hover{background-color:#EEE} .slideEtp2HightArciDatas .optionTxt{text-align:left} .slideProduct2 .affDatasArci { margin-bottom:10px;padding:3px;width:210px;height:20px;text-align:left;background-color:#FFF; float:none;border:1px solid #DDD;border-radius:3px;color:#333;font-weight:normal;font-size:14px} .slideProduct2 .affDatasArci .chxDatasArci{ width:165px;height:20px;text-align:center;float:left;cursor:pointer} .slideProduct2 .affDatasArci .closeDatasArci{display:none; width:45px;height:20px;text-align:center;float:left;cursor:pointer;font-size:11px;padding-top:2px} .slideProduct2 .optionTxt, .slideProduct2 .optionTxtOn { margin-bottom:10px;margin-left:4px;padding:0px 5px 3px 5px;width:195px;height:auto;text-align:left;cursor:pointer;float:none; border:1px solid #DDD;border-radius:3px;background-color:#fff;color:#333;font-weight:normal;font-size:14px} .slideProduct2 .optionTxt:hover{border:1px solid #E08D43} .slideProduct2 .optionTxtOn {border:1px solid #E08D43} .slideProduct2 .optionTxt .optProdInput, .slideProduct2 .optionTxtOn .optProdInput { display:table-cell;width:25px;height:25px;padding-top:6px} .slideProduct2 .optionTxt .optProdText, .slideProduct2 .optionTxtOn .optProdText { display:table-cell;width:170px;height:100%;padding-top:3px;color:#333;font-weight:normal;font-size:13px} .optProdTextFull {margin:5px 0 15px} .optProdTextFull .optProdText{display:block;padding:3px 0;margin:0} .slideProduct2 .optionTxt2, .slideProduct2 .optionTxt2On { width:220px;float:none;height:25px;background-color:#FFE697;/* font-family:'open sans', Arial, sans-serif;*/ font-size:11px;color:#666;text-align:left;padding-top:7px;font-style:italic} .slideProduct2 .optionTxt2:hover{background-color:#DDD;cursor:pointer} .slideProduct2 .optionTxt2On {background-color:#DDD} #topSpido {background-color:#FFF;float:none;height:466px;width:100%} #topSpido a:active, a:focus, map{outline:none} #bottomInfos {height:155px;width:100%;margin:20px 0px 20px 0px;float:left} #bottomInfos2 {height:auto;width:100%;margin:20px 0px 20px 0px;float:left} #bottomInfos2 .infosProj2{height:324px;width:485px;margin:0px 0px 20px 0px;float:left} #bottomInfos2 .infosProj2 .Text4{ height:89px;width:400px;font-size:12px;color:#505050;margin:-90px 0px 0px 48px;letter-spacing:-0.05em;float:left} #bottomInfos2 .infosProj2 .Text4 .blocLarg{height:85px;width:67px;line-height:15px;float:left} #bottomInfos2 .infosProj2 img{float:left} .bottomInfosDet {height:155px;width:490px;float:left} .infosProj2{position:relative} .Text4{position:absolute;bottom:15px;left:55px;font-size:14px} .blocLarg{float:left} /* ------------ etape 3 configurateur --------- */ #tetEtap3 { position:relative; width:100%;height:200px;text-align:left;float:none;margin-left:-20px;padding:15px 0px 0px 20px; -moz-box-shadow:0px 3px 1px 1px rgba(130,130,130,0.1) ;-webkit-box-shadow:0px 3px 1px 1px rgba(130,130,130,0.1) ; box-shadow:0px 3px 1px 1px rgba(130,130,130,0.1) ; filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=135, Strength=1);background-color:#FFF; } #allDataZoneEtape3 {height:auto !important} #titleZonetap3 {height:auto !important;text-align:left;position:relative;background:#eee;padding:15px;} #titleZonetap3 #titleZonetap3Info {} #titleZonetap3 #titleZonetap3Info .tilteProduct{font-size:18px;color:#333;margin-bottom:20px} #titleZonetap3 #titleZonetap3Info img{border:4px solid #fff;margin:10px 0 20px; -moz-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ;-webkit-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ; box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ; /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=135, Strength=12);background-color:#FFF;*/ } #titleZonetap3 #titleZonetap3Info #optEtp3TitleData{} #titleZonetap3 #titleZonetap3Info #optEtp3TitleDataNext{} #titleZonetap3 #titleZonetap3Info #optEtp3TitleDataWidth{} #optEtp3TitleData .etp3libDet, #optEtp3TitleDataNext .etp3libDet, #optEtp3TitleData .etp3libDet, #optEtp3TitleDataWidth .etp3libDet, #optEtp3TitleData .etp3libDetMax, #optEtp3TitleDataNext .etp3libDetMax, #optEtp3TitleData .etp3libDetMax, #optEtp3TitleDataWidth .etp3libDetMax, .etp5libDet{margin-bottom:10px;border-bottom:1px dotted #666;padding-bottom:10px} .etp3libDet .tiltedesc, .etp3libDetMax .tiltedesc{color:#E68433;font-size:14px;font-weight:normal} .etp3libDet .tiltedescValue{color:#666;font-size:16px;font-weight:normal;padding-top:1px;line-height:20px} .etp3libDetMax .tiltedescValue{width:220px;height:40px;color:#666;font-size:16px;font-weight:normal;float:none;padding-top:3px} .Zonetap3Global{height:auto;margin-bottom:15px} .Zonetap5Global{width: 100%;height:auto;min-height:150px;display:none}/* min-height:558px;*/ #Zonetap3 {position:relative} #dataZonetap3 {} .subZoneDataEtp3On, .subZoneDataEtp3Off, .subZoneDataEtp3Prev{background-color:#F4F4F4} #titleZonetap3 #optselectRC {display:inline-block} #optselectRC #optselectRC1, #optselectRC #optselectRC2, #optselectRC #optselectRC3, #optselectRC #optselectRC4, #optselectRC #optselectRC5 {display:none} .etp5libDet{margin-bottom:10px;border-bottom:1px dotted #666} .etp5libDet .tiltedesc{color:#E68433;text-transform:lowercase;font-size:16px;font-weight:normal;padding-top:3px} .etp5libDet .tiltedescValue{color:#666;font-size:12px;font-weight:normal;padding-top:1px;padding-bottom:5px;line-height:14px} .imgChxEtp5Accesss {height:230px;height:150px;position:absolute;margin:0px 0px 0px 342px;cursor:pointer;float:right} #Zonetap5 {} #dataZonetap5 {} .subZoneDataEtp5On, .subZoneDataEtp5Off, .subZoneDataEtp5Prev{} /*#subZoneTitlesEtp3 {width:600px;height:70px;float:none;margin-bottom:20px}*/ .subZoneDataEtp3On .title_subZoneDataEtp3, .subZoneDataEtp3Off .title_subZoneDataEtp3, .subZoneDataEtp3Prev .title_subZoneDataEtp3 { height:45px;padding-left:10px;width:610px;background:url(/assets/spido/puceDrEtp3.png); background-repeat:no-repeat;background-position:left center; background-color:#F4F4F4} .subZoneDataEtp5On .title_subZoneDataEtp5, .subZoneDataEtp5Off .title_subZoneDataEtp5, .subZoneDataEtp5Prev .title_subZoneDataEtp5 { height:45px;border-bottom:1px solid #fff;margin-bottom:10px} .subZoneDataEtp3Off .title_subZoneDataEtp3 {} .subZoneDataEtp3Prev .title_subZoneDataEtp3 {} .subZoneDataEtp3Off .title_subZoneDataEtp5 {display:none;cursor:pointer} .subZoneDataEtp3On .rankZoneBlok, .subZoneDataEtp3Prev .rankZoneBlok, .subZoneDataEtp3Prev .rankZoneBlok {width:625px;display:none} .subZoneDataEtp5On .rankZoneBlok, .subZoneDataEtp5Prev .rankZoneBlok, .subZoneDataEtp5Prev .rankZoneBlok {width:625px;display:none} .title_subZoneDataEtp3 .libelle, .title_subZoneDataEtp5 .libelle{ width:auto;;height:35px;float:left;padding:9px 0px 0px 15px;font-size:18px;color:#333} .title_subZoneDataEtp5 .libelle .openCloseWinR5On { height:30px;width:30px;margin-left:20px;cursor:pointer;float:right; background:url(/assets/spido/fenetreOn.png) no-repeat center center} .title_subZoneDataEtp5 .libelle .openCloseWinR5Off { height:30px;width:30px;margin-left:20px;cursor:pointer;float:right; background:url(/assets/spido/fenetreOff.png) no-repeat center center} .imgPrevOn{height:16px;width:16px;display:inline-block;background:url(/assets/spido/icon_check.png);background-repeat:no-repeat;background-position:left center} .imgPrevOff {height:16px;width:16px;display:inline-block} .imgPrev5Off {height:16px;width:16px;display:inline-block} .subZoneDataEtp3On .subDataEtp3_Img, .subZoneDataEtp3Off .subDataEtp3_Img, .subZoneDataEtp3Prev .subDataEtp3_Img, .subZoneDataEtp5On .subDataEtp3_Img, .subZoneDataEtp5Off .subDataEtp3_Img, .subZoneDataEtp5Prev .subDataEtp3_Img{ width:270px;height:155px;margin-right:20px;background-color:#FFF;text-align:center; -moz-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25);-webkit-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25); box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25); /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#FFF', Direction=135, Strength=12);background-color:#EEE;*/ } .Etp5ZoneQty {width:270px;height:30px;border-bottom:1px solid #ccc;display:none;margin-bottom:7px} .Etp5ZoneQtyAssZone {;min-height:30px;display:none} .Etp5ZoneQtyAssocDet{background:#ddd;margin-bottom:5px;padding:5px} .Etp5ZoneQtyAssocDetAssoc{margin-bottom:5px;background-color:#eee;padding:5px} .Etp5CodePrice {font-size:12px;color:#e68433;text-align:right;margin:7px 0px 10px 5px} .Etp5CodeNameAssocZone {font-size:10px} .Etp5CodeNameAssoc {color:#666;text-align:left;} .Etp5CodePriceAssoc {color:#e68433;text-align:right;} .Etp5CodePriceImg {text-align:left} .Etp5CodeQty {font-size:12px;color:#666;text-align:left;} .Etp5CodeQtyAssoc {font-size:12px;color:#666;text-align:left;} .Etp5CodeQty input, .Etp5CodeQtyAssoc input{width:30px;height:15px;font-size:12px;padding:2px 0px 0px 2px;border:1px solid #ccc;text-align:center} .subDataEtp3_Img .subZoneDataEtp3_Data { padding-top:7px;width:250px;height:19px;color:#999; font-size:14px;line-height:15px; } .subDataEtp3_Img img{height:120px;width:auto;float:none; } /*width:230px;height:120px;*/ .subZoneDataEtp3On .dataRank, .subZoneDataEtp3Off .dataRank, .subZoneDataEtp3Prev .dataRank, .subZoneDataEtp5On .dataRank, .subZoneDataEtp5Off .dataRank, .subZoneDataEtp5Prev .dataRank{ display:block} .dataRank .subDataEtp3_, .dataRank .dataRank_Off, .dataRank .subDataEtp3_Lock, .dataRank .subDataEtp3_On{ width:290px;height:35px;margin:0px 5px 5px 0px;padding:4px 0px 0px 5px; border:1px solid #DDD;background-color:#FFF} .subDataEtp3_On, .subDataEtp3_:hover, .subDataEtp3_On:hover, .subDataEtp3_Off:hover, .subDataEtp5_On, .subDataEtp5_:hover{border:1px solid #E08D43 !important;cursor:pointer} .subDataEtp3TextTitle {width:auto;height:auto;font-size:15px;padding-right:10px;color:#333;float:left;} .subDataEtp3TextTitleOn {width:auto;height:auto;font-size:15px;padding-right:10px;float:left;} .subDataEtp3Text {width:auto;height:auto;font-size:11px;float:left;padding-top:3px;float:left;} .subDataEtp3TextTitleSelect { width:270px;height:20px;padding:3px 0px 3px 0px;font-size:16px;color:#999;float:none} .subZoneDataEtp3Off .title_subZoneDataEtp5{ height:45px;padding-left:10px;width:610px;background:url(/assets/spido/puceDrEtp3.png); background-repeat:no-repeat;background-position:left center;background-color:#EBE1E1} .dataRank .subDataEtp5_, .dataRank .subDataEtp5_Lock, .dataRank .subDataEtp5_On, .dataRank .subDataEtp5_Free, .dataRank .subDataEtp5_FreeOn { margin:0px 5px 5px 0px;padding:5px 0px 0px 5px;line-height:12px; border:1px solid #DDD;background-color:#FFF;height:45px} .subDataEtp5_Free {background-color:#Fee;color:#999;border:1px solid #ccc} /*.subDataEtp5_FreeOn{ background-color:#FCC !important;border:1px solid #999}*/ .subDataEtp5_FreeOn{border:1px solid #E08D43 !important} #optAcc0 .optAccDecorAffVar5{display:none} .dataRank .optAccDecorTxtZone{width:260px;float:left} .dataRank .subDataEtp5_ .optAccDecorAffVar, .dataRank .subDataEtp5_On .optAccDecorAffVar{ height:30px;width:38px;cursor:pointer;background:url(/assets/spido/consultVar.png) no-repeat center center;float:left} .subDataEtp5_On .subDataEtp5_Free, .subDataEtp5_On .subDataEtp5_FreeOn{height:34px;width:38px;cursor:pointer;float:left} .dataRank .optAccDecorAffVar5{height:30px;width:38px;cursor:pointer;position:relative;margin:0;float:right;} .dataRank .optAccDecorAffVar5 i{font-size: 30px;color: #999} .dataRank .optAccDecorAffVar5:hover i{color:#333} .optAccAssocFree{height:0px;width:293px;display:none} .optAccAssoc{ height:auto;width:calc(100% + 2px);margin:0;background-color:#fff;position:absolute;top:38px;left:-1px;padding:5px;z-index:1000;display:none;border:1px solid #E08D43;border-top:0px} .optAccAssoc .optAssocDet{ height:30px;width:100%;padding:0px;background-color:#f9f9f9;border:1px solid #eee;z-index:1001;float:left} .optAccAssoc .optAccAssocClose{width:100%;padding:5px 10px;background-color:#999;font-size:12px;color:#fff;cursor:pointer} .optAccAssoc .optAccAssocClose span{float:right} .optAccAssoc .optAssocDet .optAssocCheckAffVar5{height:30px;width:30px;text-align:center;float:left} .optAccAssoc .optAssocDet .subDataEtp5TextAssoc {width:calc(100% - 100px);font-size:11px;line-height:13px;text-align:left;float:left;padding:7px 0} .optAccAssoc .optAssocDet .subDataEtp5TextAssoc span{font-size:11px;color:#e78b3e;text-align:right;float:right} .optAccAssoc .optAssocDet .optAssocAffVar5{width:60px;cursor:pointer;text-align:right;float:left;padding:0} .optAccAssoc .optAssocDet .optAssocAffVar5 img{font-size:10px;color:#999;height:28px !important} /* pour texte alt */ .dataRank .selectAccEtape5{height:17px;width:295px;cursor:pointer;float:left} .dataRank .selectAccEtape5 input{margin-right:7px} .drawLargRank5 {color:#999;text-align:center;float:right} .subDataEtp5Text {width:auto;height:auto;font-size:11px;padding-top:2px;margin-left:30px;float:left} .dataRank .spidoPriceInp { width:100px;height:25px;float:left;background-color:#FFEC00;text-align:right;padding-right:10px; color:#F30;font-weight:bold;border:1px solid #EEE} .widthCaissOff {opacity:0.35;filter:Alpha(opacity=35)} .widthCaissOn {opacity:1;filter:Alpha(opacity=100)} .title_subZoneDataEtp3 .libelleLarg{ width:auto;;height:35px;float:left;padding:9px 0px 0px 15px; font-size:18px;color:#333} .subZoneDataEtp3Off .subDataEtp3Larg_Img, .subZoneDataEtp3On .subDataEtp3Larg_Img{width:280px;height:200px;float:left} .dataRankL .subZoneDataEtp3Off, .dataRankL .subZoneDataEtp3On { margin-top:60px;margin-left:15px;width:70px;height:25px;float:left; color:#FFF;background-color:#333;padding:3px;text-align:center} .subZoneDataEtp3On .dataRankL, .subZoneDataEtp3Off .dataRankL{float:left;width:305px;height:200px;margin:20px 10px 3px 10px} .dataRankL .optVariableInp { width:300px;height:30px;text-align:left;float:none;font-size:14px;font-weight:bold;color:#666} .dataRankL .widthBoxInputZone {float:none;height:70px;width:300px} .dataRankL .dataWidthInput{ width:100px;height:32px;border:1px solid #E08D43;border-radius:3px;margin-left:22px;padding:2px;float:left; text-align:center;background-color:#FFF} .dataRankL .dataWidthInput input{ text-align:center;width:90px;height:25px;border:none;padding:3px;background-color:#FFF;color:#333;font-size:26px;font-weight:bold} .dataRankL .dataWidthInput select{ text-align:left;width:100px;height:33px;border:none;padding:7px;background-color:#FFF;color:#333;font-size:14px;font-weight:normal} .dataRankL .dataWidthInput option{border-bottom:1px solid #E08D43} .dataRankL .validLarg{ width:70px;height:17px;margin-left:35px;padding:10px;float:left;cursor:pointer;text-align:center; color:#FFF;font-size:13px;font-weight:600;background:linear-gradient( to bootom, #658CC1, #5279A2); box-shadow:0px 1px 2px rgba(70,100,141,0.5) inset;border-radius:3px;background-color:#5980B7} .dataRankL .dimMax {width:275px;height:15px;font-size:14px;color:#999;padding-left:25px} #spidoInfoBasket {display:none} #confEtape3{height:auto !important} #etp5WinAffVar {height:350px;width:670px;color:#333;margin:25px 0px 0px 10px;float:left} #etp5WinAffVar .imageE5{border:1px solid #E08D43;text-align:center} #etp5WinAffVar .infosProdE5{font-weight:normal} #etp5WinAffVar .infosProdE5 .nameP{line-height:24px;font-size:22px;font-weight:bold} #etp5WinAffVar .infosProdE5 .descP{text-align:left;line-height:16px;font-size:14px} #etp5WinAffVar .infosProdE5 .InfosRef{text-align:left;font-size:12px;color:#999;padding:10px 0} #etp5WinAffVar .infosProdE5 .InfosOpt{padding:10px;margin-top:10px;text-align:left;font-size:14px;margin:10px 0} #etp5WinAffVar .infosProdE5 .InfosOpt span{color:#999} #etp5WinAffVar .infosProdE5 .InfosPRICE{font-size:16px;font-weight:bold} #etp5WinAffVar .infosProdE5 .InfosPRICE .productPriceNew5{font-size:26px;font-weight:normal;color:#999} #etp5WinAffVar .infosProdE5 .InfosPRICEUnit{text-align:left;font-size:14px;color:#ED8E3C;font-weight:normal} #etp5WinAffVar .infosProdE5 .InfosPRICEUnit span {color:#ED8E3C;font-size:12px;font-weight:normal} .infopriceOff {opacity:0.35;filter:Alpha(opacity=35)} .infopriceOn {opacity:1;filter:Alpha(opacity=99)} #optChxSelect {width:340px;height:30px;float:none;font-size:16px} #optChxSelect span{font-weight:bold} #optselect {width:360px;height:125px;float:none;font-size:16px;overflow:hidden} #optVariable {width:300px;height:45px;float:none;font-size:16px} #optVariable .optVariableLib {width:265px;height:45px;float:left} #optVariable .optVariableMin {margin-top:-25px;width:165px;height:15px;float:left;color:#87B030;font-size:14px} #spidoInfoBasket #spidoPrice {padding-top:10px;clear:both} #spidoPrice #spidoPriceImg {margin:0 auto 15px;text-align:center;border:4px solid #fff; -moz-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25);-webkit-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25); box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25); } #spidoPrice .spidoPriceTitle {color:#999;font-size:12px} #spidoPrice .spidoPriceLib {color:#333;font-size:36px;text-align:center} #spidoPrice .spidoPriceEuro {color:#333;text-align:left;padding-right:10px;display:inline-block;font-size:36px} #spidoPrice .pvHT {color:#333;font-size:16px;display:inline-block} #spidoPrice .refAff {display:inline-block;height:20px;color:#999;font-size:12px;width:100%} #spidoPrice #vRef2Aff{width:calc(100% - 40px)} #spidoPrice .accessorPrice {border-bottom:1px dotted #999} #spidoPrice .accessorPrice .txtE5 {margin-top:10px;border-top:1px dotted #999;font-size:12px;line-height:25px;color:#999} #spidoPrice .accessorPrice .accessorPriceVA {font-size:22px;text-align:center;margin-top:10px;color:#666;} #spidoPrice .accessorPriceKP {margin-top:5px;color:#EFB50A;display:inline-block;border-top:1px dotted #999;} #spidoPrice .accessorFrGlI {color:#4281B5;display:inline-block;} #spidoPrice .accessorPriceKP .txtE5KP {margin-top:3px;font-size:12px;line-height:20px;display:inline-block;} #spidoPrice .accessorFrGlI .txtE5KP {margin-top:3px;font-size:14px;line-height:20px;display:inline-block;} #spidoPrice .accessorPriceKP .accessorPriceVAKP, #spidoPrice .accessorFrGlI .accessorPriceVAKP {font-size:16px;text-align:left;display:inline-block;}/*margin-top:5px;*/ #ZonePrecoKP2O {background-color:#eee;padding:15px 15px 15px 30px;color:#CB1515;font-size:12px} #ZonePrecoKP2O span{font-size:16px} .accAddFacVerr {background-color:#eee;padding:10px 10px 10px 20px; margin-top:5px; color:#CB1515;font-size:14px} .accAddFacVerr span{font-size:16px; margin-right:15px;} #spidoPrice .congratul {color:#87B030;font-size:20px} #spidoPrice .spidoPriceQty {padding:10px 0;margin-bottom:10px;text-align:left; border-top:1px dotted #999;border-bottom:1px dotted #999} #spidoPrice .spidoPriceQty .qtyLib {display:inline-block;padding-top:10px;font-size:16px} #spidoPrice .spidoPriceQty input{width:50px;border:1px solid #E08D43;border-radius:3px;margin-left:20px;padding:2px;display:inline-block;text-align:center;background-color:#FFF;font-size:20px} #spidoInfoBasket #libelleTot {display:inline-block;background-color:#FEFEFE;font-size:13px;color:#777;box-shadow:2px 2px 5px rgba(103,103,103,0.1);-moz-box-shadow:2px 2px 5px rgba(103,103,103,0.1);-webkit-box-shadow:2px 2px 5px rgba(103,103,103,0.1)} #libelleTot .recapRefAdd {font-size:16px;color:#87B030;font-weight:bold;width:430px;line-height:25px} #spidoPrice .spidoPriceCM { height:70px; width:100%; margin-bottom:10px; text-align:left; border-bottom:1px dotted #999; } #spidoPrice .spidoPriceCM .CMlib { height:26px; width:93%; display:inline-block; font-size:16px; } #spidoPrice .spidoPriceCM #SpidoCMlib { width:93%;border:1px solid #E08D43;border-radius:3px;padding:2px 2px 2px 7px;display:inline-block;text-align:left;background-color:#FFF;font-size:16px;} /* #spidoPrice .spidoPriceLib {width:135px;height:45px;float:left} #spidoPrice .spidoPriceLib input{width:100px;height:25px;border:0px none;font-size:18px;text-align:center} */ /*------------------------------------------------- */ #keySearchZone { float:none;width:100%;height:130px;padding-top:40px;margin-top:70px; text-transform:uppercase;font-size:12px;color:#666;text-align:justify} #keySearchZone a{color:#666;text-decoration:none} #keySearchZone a:hover{color:#666;text-decoration:underline} #productPageCenter .notification_red{background:#f9b2a5;color:#330000;box-shadow:0px 1px 3px 0px #cd887d inset} #productPageCenter .notification_green{background:#e2f0b4;color:#295100;box-shadow:0px 1px 3px 0px #b6ce83 inset} #productPageCenter .notification_red, #productPageCenter .notification_green{ border-radius:6px;font-size:12px;margin:19px 0px 0px 14px;text-align:left; vertical-align:middle; width:954px} #productPageCenter .notification_hidden{background:none;box-shadow:none} #spidoPrice .spidoAddBasketOn .btn btn-spido{width:100%;} #spidoPrice .spidoAddDevisOn { margin-top:10px;height:40px;cursor:pointer;color:#FFF;background-color:#5279AE; text-shadow:0px -1px 1px rgba(000,000,000,0.2), 0px 0px 0px rgba(196,112,45,0);border-radius:3px; background-color:#5980B7;background:linear-gradient( to bottom, #658CC1 0%, #5279AE); -moz-box-shadow :1px 1px 2px 1px rgba(130,130,130,0.7), -1px -2px 4px -2px rgba(70,100,141,0.5) inset; -webkit-box-shadow:1px 1px 2px 1px rgba(130,130,130,0.7), -1px -2px 4px -2px rgba(70,100,141,0.5) inset; box-shadow:1px 1px 2px 1px rgba(130,130,130,0.7), -1px -2px 4px -2px rgba(70,100,141,0.5) inset; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#658CC1', endColorstr='#5279AE'); } #spidoPrice .spidoAddDevisOn input{width:100%;height:35px;outline:none 0px;border:none;cursor:pointer; background:none repeat scroll 0 0;color:#FFF;font-size:22px !important} /* *************** ***************** *********************** */ #popUpSpido { float:left;margin:auto;width:100%;height:2975px;position:absolute;top:0px;left:0px; background:#000;opacity:0.45;filter:Alpha(opacity=45);z-index:1001;display:none} .popupContentSpidoOff {display:none} .popupContentSpidoOn, .popupContentSpidoOn2, .popupContentSpidoOn5{ margin:-220px auto auto 160px;width:680px;height:680px;background-color:#FFF;border:1px solid #444;overflow:auto; font-size:15px;text-align:center;display:block;position:fixed;z-index:1003; -moz-box-shadow:0px 0px 15px 2px #555;-webkit-box-shadow:0px 0px 15px 2px #555;box-shadow:0px 0px 15px 2px #555} .popupContentSpidoOn5{height:430px;widows:680px;overflow:hidden} #popUpContentSpidoTxt {padding-top:20px} #popUpContentSpidoTxt #infosTxtBasket { width:600px;height:360px;float:none;text-align:left;padding:40px 40px 0px 40px;margin-top:-30px; background:url(/assets/spido/patern_spido.png);background-repeat:repeat} #infosTxtBasket .tilteTop{ height:20px;width:600px;float:none;text-align:left;padding-bottom:20px;border-bottom:1px solid #999; font-size:20px;font-weight:700px} #infosTxtBasket .thankYou{ height:55px;width:600px;float:none;text-align:left;padding:10px 0px 10px 0px;font-size:13px; border-bottom:1px solid #999;font-weight:500px;color:#333} #infosTxtBasket .thankYou span{font-weight:700} #infosTxtBasket .zoneRefAdd {height:220px;width:600px;float:none;text-align:left} #infosTxtBasket .zoneRefAdd .addImg{height:160px;width:240px;float:left;text-align:left} #infosTxtBasket .zoneRefAdd .addImg img{ width:233px;height:150px;float:left;margin:10px 20px 22px 0px;border:4px solid #fff; -moz-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ; -webkit-box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ; box-shadow:1px 1px 3px 1px rgba(130,130,130,0.25) ; filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCC', Direction=135, Strength=3);background-color:#FFF; } #infosTxtBasket .zoneRefAdd .addLibRefT{width:165px;height:200px;margin:7px 0px 10px 13px;float:left} .addLibRefT .addLibRef{} .zoneRefAdd .addLibRef .tiltedesc{color:#E68433;font-size:18px;font-weight:normal} .zoneRefAdd .addLibRef .tiltedescValue{color:#666;font-size:16px;font-weight:normal;padding-bottom:10px} #popUpContentSpidoTxt #infosPriceBasket{ width:600px;height:280px;float:none;text-align:left;margin:0px 40px 0px 40px;background-color:#FFF} #popUpContentSpidoTxt #infosPriceBasket .tilteTop { width:600px;height:28px;float:none;text-align:left;color:#666;padding-top:3px;border-bottom:1px solid #999} #infosPriceBasket .tilteTop .libLigne{width:400px;height:22px;float:left;text-align:left;color:#666;font-size:13px;padding-top:4px} #infosPriceBasket .tilteTop .dataLigne{width:180px;height:27px;float:left;text-align:right;color:#666;font-size:22px} #infosPriceBasket .tilteTop .dataLigne2{width:180px;height:27px;float:left;text-align:right;color:#E68433;font-size:22px} #infosPriceBasket .tilteTop .dataLigne3{width:180px;height:27px;float:left;text-align:right;color:#999;font-size:22px} .buttonZone {width:610px;height:140px;float:none;padding-top:15px} .buttonZone .modifProject{width:300px;height:95px;border-right:1px solid #999;float:left} .buttonZone .modifProject .btnBlue { width:219px;height:21px;padding:10px;float:none;text-align:center;margin-bottom:10px; color:#FFF;/* font-family:'open sans', Arial, sans-serif;*/ font-size:13px;font-weight:600; background:linear-gradient( top, #658CC1 0%, #5279A2);border-radius:3px; box-shadow:1px 1px 2px 1px rgba(130,130,130,0.7), 0px 1px 2px rgba(70,100,141,0.5) inset; -moz-box-shadow :1px 1px 2px 1px rgba(130,130,130,0.7), 0px 1px 2px rgba(70,100,141,0.5) inset; -webkit-box-shadow:1px 1px 2px 1px rgba(130,130,130,0.7), 0px 1px 2px rgba(70,100,141,0.5) inset; background-color:#5980B7; } .buttonZone .modifProject .btnBlue a{color:#FFF;text-decoration:none} .buttonZone .seeBasket{width:284px;height:95px;float:left} .buttonZone .seeBasket .btnOran { width:267px;margin-left:30px;height:60px;float:left;cursor:pointer;color:#FFF; background:url(/assets/spido/icon_arrow.png); background-position:right center ;background-repeat:no-repeat;border:1px solid #E78838; text-shadow:0px 1px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(196,112,45,0);border-radius:3px; background-color:#E78838;background:linear-gradient( to bottom, #FA9B4B, #E78838); -moz-box-shadow :0px 1px 2px 0px rgba(130,130,130,0.7), 0px -2px 0px 0px rgba(196,112,45,1) inset; -webkit-box-shadow:0px 1px 2px 0px rgba(130,130,130,0.7), 0px -2px 0px 0px rgba(196,112,45,1) inset; box-shadow:0px 1px 2px 0px rgba(130,130,130,0.7), 0px -2px 0px 0px rgba(196,112,45,1) inset; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA9B4B', endColorstr='#E78838'); } .buttonZone .seeBasket .btnOran input{ width:250px;height:37px;float:none;background:none repeat scroll 0 0; color:#FFF;font-size:24px !important; text-shadow:0px 1px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(196,112,45,0);outline:none 0px;border:none;cursor:pointer; } .buttonZone .seeBasket .btnOran .lowText { width:250px;height:20px;text-align:center;outline:none 0px;font-weight:600;color:#ffffff;font-size:12px !important;float:none} .buttonZone .seeBasket .btnOran a{color:#FFF;text-decoration:none} .buttonZone .seeBasket .btnOran .lowText a{color:#FFF;text-decoration:none} .buttonZone .infosTxt{width:610px;height:40px;float:left;margin-top:8px;font-size:12px} .popUpContentSpidoBasket { position:relative;margin:10px 10px 0px 0px;padding:4px 0px 0px 5px;border-radius:8px;border:1px solid #e76310;float:left; height:22px;width:127px;text-align:center; background:linear-gradient( top, #f18745 0%, #ea6716);box-shadow:0px 1px 2px rgba(255,255,255,0.5) inset; text-shadow:0px -1px 1px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);outline:none 0px;background-color:#f18745; } .popUpContentSpidoBasket a{font-size:15px;text-decoration:none;color:#FFF;font-weight:bold} .popUpContentSpidoBasket a:hover{color:#FEFEFE} #popUpContentSpidoClose { position:fixed;/* margin-top:-30px; */float:right;height:27px;width:680px; background:url(/assets/spido/patern_spido.png);background-repeat:repeat; } #popUpContentSpidoClose img {height:27px;float:right;width:90px;cursor:pointer} .style_strong_spi { font-size:23px;line-height:25px;} /* ---------------------- */ #ChoixModele42323 {width:700px;height:860px;text-align:left;background-color:#FFF;overflow:auto;float:none} .ChoixModeleOff {display:none} .ChoixModeleOn, .ChoixModeleOn2 { margin:-210px auto auto 160px;width:700px;height:660px;background-color:#FFF;border:1px solid #444;overflow:hidden; font-size:15px;text-align:center;display:block;position:fixed;z-index:1003; -moz-box-shadow:0px 0px 15px 2px #555;-webkit-box-shadow:0px 0px 15px 2px #555;box-shadow:0px 0px 15px 2px #555} #ChoixModeleClose {position:fixed;float:right;height:27px;width:700px} #ChoixModeleClose img {height:27px;float:right;width:90px;cursor:pointer} .ChoixModeleOn .tilteTop{ width:580px;height:45px;float:left;margin:20px 40px 15px 40px;border-bottom:1px solid #999; text-align:left;color:#666;font-size:20px} .ChoixModeleOn #modeleData { width:690px;height:550px;overflow:auto;float:none} .ChoixModeleOn .dataLigne, .ChoixModeleOn .dataLigne248, .ChoixModeleOn .dataLigne280{ width:600px;height:146px;float:left;text-align:left;color:#666;margin:0px 40px 15px 40px;font-size:13px} .ChoixModeleOn .dataLigne .imag, .ChoixModeleOn .dataLigne248 .imag248, .ChoixModeleOn .dataLigne280 .imag248{ width:220px;height:146px;float:left} .ChoixModeleOn .dataLigne .ZoneText, .ChoixModeleOn .dataLigne248 .ZoneText248, .ChoixModeleOn .dataLigne280 .ZoneText248{ width:300px;height:146px;padding-left:40px;display:table-cell;vertical-align:middle;background-color:#F2F2F2} .ChoixModeleOn .dataLigne248{height:248px} .ChoixModeleOn .dataLigne280{height:280px} .ChoixModeleOn .dataLigne248 .imag248{height:248px} .ChoixModeleOn .dataLigne280 .imag248{height:248px} .ChoixModeleOn .dataLigne248 .ZoneText248{height:248px} .ChoixModeleOn .dataLigne280 .ZoneText248{height:248px} .ChoixModeleOn .dataLigne .ZoneText .title, .ChoixModeleOn .dataLigne248 .ZoneText248 .title, .ChoixModeleOn .dataLigne280 .ZoneText248 .title{width:320px;height:20px;float:left;margin-bottom:15px;font-size:16px;color:#E08D43;} .ChoixModeleOn .dataLigne .ZoneText .desc, .ChoixModeleOn .dataLigne248 .ZoneText248 .desc, .ChoixModeleOn .dataLigne280 .ZoneText248 .desc{ width:320px;height:auto;float:left;font-size:13px;color:#666;font-weight:normal;margin-bottom:10px} .ChoixModeleOn .dataLigne .ZoneText .desc span, .ChoixModeleOn .dataLigne248 .ZoneText248 .desc span, .ChoixModeleOn .dataLigne280 .ZoneText248 .desc span{ font-weight:bold; } #modeleData .dataLigne .ZoneText .teleDocMontageSpido, #modeleData .dataLigne248 .ZoneText248 .teleDocMontageSpido, #modeleData .dataLigne280 .ZoneText248 .teleDocMontageSpido { width:92px;height:40px;position:relative;left:228px;float:none; } @media screen and (max-height:900px) { #ChoixModele{height:690px} .ChoixModeleOn #modeleData{height:550px;overflow:auto} } @media screen and (max-height:768px) { .popupContentSpidoOn, .popupContentSpidoOn2 {margin-left:45px;height:480px;width:700px} } @media screen and (max-height:788px) { .popupContentSpidoOn, .popupContentSpidoOn2 {margin-left:45px;height:480px;width:700px} } @media screen and (max-height:800px) { #ChoixModele{height:590px} .ChoixModeleOn #modeleData{height:450px;overflow:auto} .popupContentSpidoOn, .popupContentSpidoOn2 {margin-left:45px;height:520px;width:700px} } @media screen and (max-height:640px) { #ChoixModele{height:390px} .ChoixModeleOn #modeleData{height:290px;overflow:auto} .popupContentSpidoOn, .popupContentSpidoOn2 {margin-left:45px;height:380px;width:700px} } /* ---------------------------- */ #confEtape3 .subTitle .subTitle_etp3pop .textNext { /*font-family:'open sans', Arial, sans-serif;*/ font-size:13px;font-style:italic;color:#555;position:absolute; width:310px;padding:2px 0px 0px 25px;text-align:left;margin:105px 0px 0px 380px;z-index:20; background:url(/assets/spido/icon_info.png);background-position:left center ;background-repeat:no-repeat; } #confEtape3 .subTitle .subTitle_etp3pop .textNext a{color:#555;text-decoration:none} #confEtape3 .subTitle .subTitle_etp3pop .textNext a:hover{color:#333;text-decoration:underline} #ChoixCoulisse42323 {width:680px;height:420px;overflow:hidden} #ChoixCoulisse54219 {width:800px;height:420px;overflow:hidden} #ChoixCoulisse57196 {width:680px;height:420px;overflow:hidden} #ChoixCoulisse58995 {width:680px;height:420px;overflow:hidden} .ChoixCoulisseOn{margin:-180px auto auto 160px;width:680px;height:420px;background-color:#FFF;border:1px solid #444;overflow:auto;font-size:15px;text-align:center;display:block;position:fixed;z-index:1003;-moz-box-shadow:0px 0px 15px 2px #555;-webkit-box-shadow:0px 0px 15px 2px #555;box-shadow:0px 0px 15px 2px #555} #ChoixCoulisseClose {position:fixed;float:right;height:27px;width:680px} #ChoixCoulisse54219 .ChoixCoulisseOn, #ChoixCoulisse54219 #ChoixCoulisseClose{width:800px} #ChoixCoulisseClose img, #ChoixCoulisseCloseA img, #ChoixCoulisseCloseC img {height:27px;float:right;width:90px;cursor:pointer} .ChoixCoulisseOn .tilteTop, .ChoixCoulisseOn .tilteTop2 { width:585px;height:45px;float:left;margin:20px 40px 15px 40px;border-bottom:1px solid #999; text-align:left;color:#666;font-size:20px} .ChoixCoulisseOn .tilteTop2 {width:702px} .ChoixCoulisseOn #choixCoulisData, .ChoixCoulisseOn #choixCoulisDataA { width:100%;height:330px;overflow:auto;float:none;margin:20px 20px 0px 40px} .ChoixCoulisseOn #choixCoulisData .entete, .ChoixCoulisseOn #choixCoulisDataA .entete{width:100%;height:120px;float:none} #choixCoulisData .entete .txtTitleZone, #choixCoulisDataA .entete .txtTitleZone{ width:95px;height:27px;margin:1px;border:1px solid #FFF;padding:93px 0px 0px 7px;text-align:left;float:left; font-size:16px;background-color:#F2F2F2;color:#666} #choixCoulisData .entete .imgZone, #choixCoulisDataA .entete .imgZone{ width:110px;height:115px;margin:2px;border:3px solid #f2f2f2;text-align:center;float:left} #choixCoulisData .entete .imgZone img, #choixCoulisDataA .entete .imgZone img{width:110px;height:79px;float:none} #choixCoulisData .entete .imgZone .imgtexte, #choixCoulisDataA .entete .imgZone .imgtexte{ width:110px;height:20px;float:none;margin-top:10px; text-align:center;color:#666;font-size:13px} .ChoixCoulisseOn .dataLignes{ width:100%;height:200px;float:left;text-align:left;font-size:13px;color:#666} .ChoixCoulisseOn .dataLignes .ligne{width:100%;height:40px;float:left;margin:1px 0px 1px 0px} .ChoixCoulisseOn .dataLignes .ligne .txtTitleZone{ width:95px;height:30px;float:left;margin:1px;padding:10px 0px 0px 8px;text-align:left;background-color:#F2F2F2} .ChoixCoulisseOn .dataLignes .ligne .ligneDataOk { width:116px;height:40px;margin:2px;text-align:center;float:left;background-color:#F2F2F2; background:url(/assets/spido/val.png);background-position:center center;background-repeat:no-repeat} .ChoixCoulisseOn .dataLignes .ligne .ligneDataOkTxt { width:116px;height:30px;margin:2px;text-align:center;float:left;background-color:#F2F2F2;padding-top:10px} .ChoixCoulisseOn .dataLignes .ligne .ligneDataPasOk { width:116px;height:40px;margin:2px;text-align:center;float:left; background:url(/assets/spido/pasVal.png);background-position:center center;background-repeat:no-repeat;background-color:#F2F2F2; } .ChoixCoulisseOn .dataLignes .ligne .ligneDataFree {width:116px;height:30px;margin:2px;float:left} .ChoixCoulisseOn .dataLigne248{height:248px} .ChoixCoulisseOn .dataLigne248 .imag248{height:248px} .ChoixCoulisseOn .dataLigne248 .ZoneText248{height:248px} .ChoixCoulisseOn .dataLigne .ZoneText .title, .ChoixCoulisseOn .dataLigne248 .ZoneText248 .title{width:320px;height:20px;float:left;margin-bottom:15px;font-size:16px;} .nav-tabs .nav-link{border-radius:0;border:none !important;border-left:5px solid transparent !important;border-right:1px solid #dee2e6 !important;color:#999;font-size:16px;padding-left:10px;text-align:left} .nav-tabs .nav-item:last-child .nav-link{border-right:none} .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{border-left:5px solid #F08A36 !important} .nav-tabs .nav-link .num{display:inline-block;font-size:45px;color:#999;border-right:2px solid #999;padding-right:10px;margin-right:10px;line-height:40px;width:60px;vertical-align:top} .nav-tabs .nav-link.active .num, .nav-tabs .nav-link:hover .num{border-right:2px solid #F08A36} .tab_label{display:inline-block;text-align:left;line-height:40px;vertical-align:top} .table tbody th, .table tbody td{vertical-align:middle} .table tbody th{font-weight:700} .modal-body{position:relative} .title_modal{text-transform:uppercase;font-size:16px} .ChoixCoulisseOn .dataLigne .ZoneText .title, .ChoixCoulisseOn .dataLigne248 .ZoneText248 .title, .nav-tabs .nav-link.active .num, .nav-tabs .nav-link:hover .num, .title_modal, .fa-check, .form_bloc h2{color:#F08A36} .modele_infos{margin-bottom:10px} .modele_image{padding:0} .modele_texte{background:#F2F2F2;padding:10px} .link_pdf{position:absolute;right:0;bottom:0;background:url(/assets/spido/btn_download_pdf.png);width:92px;height:40px} .link_pdf:hover{background:url(/assets/spido/btn_download_pdf_hover.png);text-decoration:none} .btn-spido, .btn-spido:hover{background:#f88729;color:#fff} .btn-spido a, .btn-spido a:hover{color:#fff; text-decoration: none;} .btn-spido_secondary, .btn-spido_secondary:hover{background:#5980B7;color:#fff} .titre_right{padding:0 !important} .user_btn_off{display:block} .user_btn_on{display:none} .slideEtp2 .card-title, .slideEtpOff .card-title{margin:-10px -10px 0px} .card .card-title{height:62px} .card .card-header, .card .card-header span { text-transform: none;} /* XL */ @media only screen and (max-width:2600px){ #tiroirs_avantech_inlay .spido_text{padding-bottom:130px; } #tiroirs_avantech_inlay .spido_text h1{font-size:25px; line-height:26px;} #tiroirs_avantech_inlay .spido_text p{ font-size:21px; line-height:22px; margin-bottom:12px; } #tiroirs_avantech_inlay ul.spido_liste { font-size: 95% !important; } } @media only screen and (max-width:2000px){ #tiroirs_avantech_inlay .spido_text h1{font-size:25px; line-height:26px;} #tiroirs_avantech_inlay ul.spido_liste { font-size: 95% !important; } } @media only screen and (max-width:1720px){ #tiroirs_avantech_inlay ul.spido_liste { font-size: 95% !important; } } @media only screen and (max-width:1680px){ #tiroirs_avantech_inlay .spido_text{padding-bottom:29px; } } @media only screen and (max-width:1435px){ #tiroirs_avantech_inlay .spido_text{padding-bottom:61px;} #tiroirs_avantech_inlay .spido_text h1{font-size:19px; line-height:19px; min-height:26px;} #tiroirs_avantech_inlay .spido_text p{font-size:20px; line-height:20px;} #tiroirs_avantech_inlay ul.spido_liste { font-size: 95% !important; } } @media only screen and (max-width:1366px){ .slideProduct .card-title, .slideEtp2 .card-title{padding:5px;height:72px} #inEtap2 .slideProduct{padding:15px 5px !important} #inEtap2 .slideProduct.slideProductHover:hover{padding:15px 15px !important} #tiroirs_avantech_inlay .spido_text{padding-bottom:9px;} #tiroirs_avantech_inlay .spido_text h1{font-size:16px; line-height:17px; min-height:24px;} #tiroirs_avantech_inlay ul.spido_liste { font-size: 89% !important; } #tiroirs_avantech_inlay h2 { font-size:80%; font-weight:normal; } } /* LG */ @media only screen and (max-width:1199px){ #tiroirs_avantech_inlay .spido_text{padding-bottom:7px;} #tiroirs_avantech_inlay .spido_text h1{font-size:14px; line-height:17px; min-height:24px; margin-bottom:10px;} #tiroirs_avantech_inlay .spido_text p{font-size:14px; line-height:15px; margin-bottom:7px;} #tiroirs_avantech_inlay h2 { font-size:85%; } #tiroirs_avantech_inlay .spido_infos_more .spido_liste{margin-top:-5px;} #tiroirs_avantech_inlay ul.spido_liste { font-size:70% !important; line-height: 95%;} #tiroirs_avantech_inlay ul.spido_liste.li {margin-top:-5px;} } @media only screen and (max-width:992px){ .spidoInlayBloc img{margin-bottom:-4%;} #tiroirs_avantech_inlay .spido_text h1{font-size:200%; line-height:100%; min-height:24px; margin-bottom:10px;} #tiroirs_avantech_inlay .spido_text p{font-size:120%; line-height:15px; margin-bottom:12px;} #tiroirs_avantech_inlay h2 { font-size:88%; font-weight:bold; } #tiroirs_avantech_inlay ul.spido_liste { font-size:107% !important; line-height:175%;} } /* MD */ @media only screen and (max-width:991px){ }