/* CSS "www.kintpv.com" - 12/2009 - */ /* -o- "CSS KinTPV" -o- */ /* IMPORTANT */ /* Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce CSS et d'employer par ailleurs les techniques utilisées. ----- This design is not a template. You cannot reproduce it without prior agreement of the author. However, free with you studied this CSS and to in addition employ the techniques used. */ /* == COMMUN A TOUS LES ECRANS ========================================== ====================================================================== _________ __/ General \_________________________________________________________ */ body { text-align:left; background-color:#F7F7F7; font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Arial,Verdana,"Lucida Sans",Helvetica,sans-serif; color:#555; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { text-align:left; } #container { background-color:#F7F7F7; } /* _______ __/ Liens \___________________________________________________________ */ a { color:#0080C0; } a:link, a:visited, a:active { text-decoration:none; } a:hover { text-decoration:underline; color:#0080C0; } a.lnkpdf { background:transparent url(img/icon_file_pdf.gif) right 50% no-repeat; padding-right:20px} /* ________ __/ Entete \__________________________________________________________ */ #blockhead { height:150px; background:#000 url(img/bgbody3.jpg) top left repeat-x; } #blockheadcontent { width:1200px; margin:0 auto; position:relative; background:transparent url(img/logohead.jpg) 5px 20px no-repeat; } #logo { width:430px; height:117px; margin-left:90px; } #logo h1 { margin:0; font-weight:bold; padding:0.7em 0 0 0; } #logo h1 a { text-decoration:none; color:#000; } #logo h2 { margin:0; font-weight:bold; } #kinh { position:absolute; top:0; right:200px; background:transparent url(img/kinhead.jpg) left top no-repeat; } #kinh p { margin:0; } #kinh a { display:block; width:165px; height:117px; } #kinh span { display:none; } #plateformes { position:absolute; top:30px; left:560px; } #plateformes img { margin:0 15px; } /* ________________ __/ Menu principal \__________________________________________________ */ #sitenav { width:1200px; margin:0 auto; padding:0; list-style:none; height:32px; } #sitenav li { float:left; line-height:32px; font-weight:bold; text-align:center; border-left:1px solid #CCC; border-right:1px solid #FFF; } #sitenav li a { display:block; text-decoration:none; color:#000; padding:0 8px; } #sitenav li a:hover { background-color:#E3E3E3; } #sitenav li.current a { background-color:#E3E3E3; } #sitenav li.current a:hover { background-color:#C9C9C9; } #sitenav #btnacheter a, #sitenav #btnessayer a { color:#BF6000; text-transform:uppercase; } #sitenav #btnacheter, #sitenav #btnessayer { background-color:#E3F1E3; } #sitenav #btnacheter a:hover, #sitenav #btnessayer a:hover { background-color:#C2E0C2; } #sitenav #btnacheter.current a, #sitenav #btnessayer.current a { background-color:#C2E0C2; } #sitenav #btnacheter.current a:hover, #sitenav #btnessayer.current a:hover { background-color:#B6DAB6; } #sitenav #navtwitt { line-height:0; height:32px; } #sitenav #navtwitt a { height:32px; } #sitenav #navtwitt img { margin-top:5px; } /* ________________ __/ Corps du corps \__________________________________________________ */ #blockcontent { width:1200px; margin:25px auto; } #sidebar, .sidebar2 { float:left; width:160px; font-size:80%; } .sidezone { padding:10px; border:1px solid #E5E5E5; background-color:#FFF; margin-bottom:20px; } .sidezone h5 { margin:0 0 1.5em; } .sidezone h5 a { color:#000; text-decoration:none; } .sidezone ul { margin-right:0; margin-bottom:0; } .sidevideo { padding-left: 0; list-style: none;}/*list-style-image:url(img/list-ico-video.png);*/ .sidevideo li { padding: 0px 0 10px 35px; background: transparent url(img/list-ico-video.png) top left no-repeat; display: block;} .sidevideo a { color: #000; font-size: 90%; font-weight: bold;} #sidebar #side_dwnd .p1 { background:transparent url(img/logo_mac_18x24.png) bottom left no-repeat; } #sidebar #side_dwnd .p1 span, #sidebar #side_dwnd .p2 span { display:none; } #sidebar #side_dwnd .p2 { background:transparent url(img/logo_win_20x24.png) bottom left no-repeat; margin:0; } #sidebar #side_dwnd .p1 a, #sidebar #side_dwnd .p2 a { display:block; margin-left:30px; } #sidebar #side_dwnd .p3 { border-top:1px solid #E5E5E5; margin:10px 0 0 0; padding-top:10px; text-align:center; } #sidebar #side_tem { background-color:#F4FCFF; } #sidebar #side_tem p { font-size:110%; font-weight:bold; text-align:center; margin:0; } #sidebar #side_tem p a { /*color:#A04702;*/ color:#000; } #contentbar { margin-left:180px; position:relative; } .blockzone { padding:10px; border:1px solid #E5E5E5; background-color:#FFF; margin-bottom:20px; } /* ----- */ .blockzone h3 { font-size:2.5em; } .blockzone h3,.blockzone h4,.blockzone h5 { font-weight:bold; } /* ______________ __/ Pied de page \____________________________________________________ */ #blockfoot { padding:30px 0 20px 0; color:#999; border-top:1px solid #999; background-color:#DFDFDF; } #blockfoot #blockfootcontent { width:1200px; margin:0 auto; } #blockfoot p { text-align:center; margin:0; /*margin:0 auto; */} #blockfoot a { color:#858585; font-weight:bold; text-decoration:none; } #blockfoot a:hover { text-decoration:underline overline; } #blockfoot #validlinks { list-style:none; text-align:center; } #blockfoot #validlinks li { display:inline; margin:0 0.5em; } /* ________ __/ Extras \__________________________________________________________ */ #extraDiv1, #extraDiv2, #extraDiv3 { display:none; } /* __________________________________________ __/ Messages d'informations | Erreurs | etc. \________________________ */ p.message { background:#EAEBF7 url(img/icon_information.png) center no-repeat; color:#666699; border-top:2px solid #9999FF; border-bottom:2px solid #9999FF; background-position:15px 50%; /* x-pos y-pos */ padding:5px 20px 5px 45px; } p.message { color:#666699; border-color:#9999FF; background-color:#EAEBF7; background-image:url(img/icon_information.png); } p.alert { color:#CC3333; border-color:#CC3333; background-color:#F8E7E7; background-image:url(img/icon_exclamation.png); } p.ok { color:#669933; border-color:#669933; background-color:#E6F3DA; background-image:url(img/icon_accept.png); } p.warning { color:#FF9900; border-color:#FF9900; background-color:#FFFFCC; background-image:url(img/icon_error.png); } /* == ECRAN "ACCUEIL" =================================================== ====================================================================== */ #index #blockcontent { /*border-top:1px solid #FFF; /*petit hack perso pour IE :-( */} #index #blockcontent h3 span { border:0; background:none; } #index #sidebar { display:none; } #index #contentbar { margin-left:0; } #index #imghome { float:left; margin:0 20px 20px 0; width:365px; text-align:center; background-color:#FFF; border:1px solid #E5E5E5; position:relative; } /* #index #homeaccr { margin:1em 0 1em 385px; color:#000; text-align:left; } #index #homeaccr ul { margin:0; margin-top:20px; } #index #homeaccr ul li { padding:0.3em; color:#555; list-style-position:inside; font-weight:normal; } #index #homeaccr ul li.li1 { background-color:#DEEDFA; }** #index #homeaccr { margin:0 0 0 365px; padding-top:3em; } #index #homeaccr p a { display:block; width:640px; height:60px; } #index #homeaccr p span { display:none; } #index #homeaccr #btn_simple { background:transparent url(img/home_simple.png) top left no-repeat; } #index #homeaccr #btn_complet { background:transparent url(img/home_complet.png) top left no-repeat; width:640px; height:60px; } #index #homeaccr #btn_temoignage { background:transparent url(img/home_temoignages.png) top left no-repeat; }*/ #index #editorial { height:360px; background:transparent url(../../img/BoiteKinTPV_home.jpg) center left no-repeat; margin:0 5px; background-color:#FFF; border:1px solid #E5E5E5; position:relative; } #index #editorial p { margin-left:365px; } #index #editorial p a { display:block; width:640px; height:60px; } #index #editorial p span { display:none; } #index #editorial #btn_simple { background:transparent url(img/home_simple.png) top left no-repeat; margin-top:60px; } #index #editorial #btn_complet { background:transparent url(img/home_complet.png) top left no-repeat; width:640px; height:60px; } #index #editorial #btn_temoignage { background:transparent url(img/home_temoignages.png) top left no-repeat; } /*#index #liretemoin { margin-left:385px; margin-bottom:2em; background-color:#FCD37C; text-align:center; } #index #liretemoin a { color:#000; text-decoration:none; font-weight:bold; }*/ #index #liretemoin { margin-left:385px; margin-bottom:2em; height:42px; } #index #liretemoin a { background:transparent url(img/home_vraiment.png) top left no-repeat; display:block; height:42px; width:640px; } #index #liretemoin a span { display:none; } /* #index #blockpres { margin-left:385px; margin-bottom:2em; } #index #blockpres h4 { font-weight:bold; } #index #blockpres #pourmac { background:transparent url(img/logo_mac_11x12.jpg) bottom left no-repeat; padding-left:16px; } #index #blockpres #pourwin { background:transparent url(img/logo_win_14x12.jpg) bottom left no-repeat; padding-left:20px; }*/ #index #blockcells { clear:left; border-collapse:separate; border-spacing:5px; width:100%; } #index #blockcells td { width:25%; padding:0 20px 10px 20px; border:1px solid #E5E5E5; background-color:#FFF; vertical-align:top; } #index #blockcells #col1 { text-align:justify; } #index #blockcells ul { margin:0; margin-left:1.3em; } #index #blockcells li { margin:0.3em 0; } #index #home_bandeau { margin:0; background-color:#FFF; text-align:center; border:1px solid #E5E5E5; padding:5px 0 0 0; } #index #msgpub .tem { background-color:#CDD6EB; } /* == ECRAN "COPIES ECRAN" ============================================== ====================================================================== */ #ecrans #blockcontent .blockzone h4 { border-bottom:1px solid; } #ecrans #blockcontent .blockzone .listeecrans { border-collapse:separate; border-spacing:5px; width:auto; } #ecrans #blockcontent .blockzone .listeecrans td { width:187px; text-align:center; vertical-align:bottom; padding:0; } #ecrans #blockcontent .blockzone .listeecrans td.tdimg { height:140px; } #ecrans #blockcontent .blockzone .listeecrans td.tdlegend { padding-bottom:20px; } /* == ECRAN "FONCTIONNALITES" =========================================== ====================================================================== */ #fonctions #pagenav { margin:0; } #fonctions #pagenav li { margin-left:1.2em; } #fonctions .blockzone { margin-left:200px; } #fonctions .blockzone h4 { border-bottom:1px solid; } /* == ECRAN "DOCUMENTATION" ============================================= ====================================================================== */ #doc #pagenav { margin:0; } #doc #pagenav li { margin-left:1.2em; } #doc #pagenav li strong a { color:#555; } #doc #pagenav li ul { margin:0; } #doc #pagenav li li { margin-left:1.5em; } #doc .blockzone { margin-left:200px; width:820px; } #doc #docmenuhoriz { padding:2px 10px; } #doc #docmenuhoriz td { padding:0; } #doc #docmenuhoriz .td1, #doc #docmenuhoriz .td3 { width:40%; } #doc #docmenuhoriz .td1 { text-align:left; } #doc #docmenuhoriz .td2 { text-align:center; font-weight:bold; } #doc #docmenuhoriz .td3 { text-align:right; } #doc #docdetail td { vertical-align:top; } /* == ECRAN "VIDEOS" ==================================================== ====================================================================== */ #videos #pagenav { margin:0; } /*temporaire* #videos #pagenav { float:left; width:170px; border-collapse:collapse; border:1px solid #E5E5E5; } #videos #pagenav td { height:70px; padding:10px; background-color:#F8F8F8; } #videos #pagenav td.clic:hover { background-color:#5483BC; color:#FFF; border:1px solid #B5B5B5; cursor:pointer; } #videos #pagenav td.td2 { background-color:#FEFEFE; } #videos #pagenav td.sel { background-color:#555; color:#FFF; } #videos #pagenav h6 { font-size:85%; border-bottom:1px dotted; color:#555; } #videos #pagenav td:hover h6, #videos #pagenav td.sel h6 { color:#FFF; } #videos #pagenav p { font-size:85%; } /*temporaire*/ #videos #pagenav li { margin-left:1.2em; } #videos .blockzone { margin-left:192px; } #videos .blockzone object { margin:0 auto; } #videos .blockzone h4 { border-bottom:1px solid; } /* == ECRAN "TEMOIGNAGES" =============================================== ====================================================================== */ /*#temoignages #contentbar { position:relative; } #temoignages .blockzone { margin-left:200px; }*/ #temoignages #addtemoignage { text-align:center; margin-bottom:60px; } #temoignages .rapport { position:relative; margin:0 50px 4em 450px; } #temoignages .rapport blockquote { background:transparent url(img/guill_deb.png) top left no-repeat; font-style:normal;} #temoignages .rapport blockquote p { background:transparent url(img/guill_fin.png) bottom right no-repeat; padding:0 80px; } #temoignages p.note { margin:0 80px; } #temoignages .rapport .user { color:#006fa4; border:1px solid #006fa4; margin:1em 80px 0 80px; background-color:#f4fcff; padding:0.5em 0.2em; } #temoignages .rapport .user a { color:#006fa4; text-decoration:none; background:none; border-bottom:1px dotted #006fa4; } #temoignages .rapport .user a:hover { color:#fff; background-color:#006fa4; } #temoignages .rapport .user table { margin:0; } #temoignages .rapport .user table td { vertical-align:top; } #temoignages .rapport .user table td p { margin:0; } #temoignages .rapport .datepublication { position:absolute; top:0; right:0; width:70px; color:#AAA; border:1px dotted #AAA; background-color:#F8F8F8; text-align:center; } #temoignages .rapport .temimage { position:absolute; top:0; left:-450px; } #temoignages .rapport #imgcashandpulse { top:34px; } /* formulaire */ #temoignages .blockzone form { margin:0 120px; background:transparent url(img/guill_deb.png) top left no-repeat; } #temoignages .blockzone fieldset { margin-left:80px; border:1px solid #EEE; padding-top:0; padding-bottom:0; } #temoignages .blockzone fieldset legend { font-style:italic; font-weight:normal; } #temoignages .blockzone fieldset textarea { width:440px; margin:0; } #temoignages .blockzone fieldset.zonetemoignage label { font-style:italic; font-weight:normal; } #temoignages .blockzone fieldset.zonetemoignage { background:transparent url(img/guill_fin.png) bottom right no-repeat; padding-right:80px; margin-bottom:3em; border:0; } #temoignages .blockzone fieldset.zonetemoignage textarea.enonce { height:8em; font-style:italic; } #temoignages .blockzone fieldset.zonetemoignage textarea.signature { height:2em; color:#006fa4; border:1px solid #006fa4; background-color:#f4fcff; } #temoignages .blockzone fieldset.zonecoord p { margin:0.3em 0 0.3em 26px; } #temoignages .blockzone fieldset.zonecoord label { position:absolute; width:80px; font-weight:normal; } #temoignages .blockzone fieldset.zonecoord input, #temoignages .blockzone fieldset.zonecoord textarea { margin:0; margin-left:90px; width:340px; } #temoignages .blockzone fieldset.zonecoord textarea { height:2em; width:330px; } #temoignages .blockzone fieldset.zonecoord .formchk { margin:0; margin-right:10px; width:auto; } #temoignages .blockzone .formsubmit { margin-left:80px; width:460px; height:auto; } /* == ECRAN "MATERIELS" ================================================= ====================================================================== */ #materiels #pagenav { float:left; width:300px; border-collapse:collapse; border:1px solid #E5E5E5; } #materiels #pagenav td { height:70px; padding:10px 10px 10px 80px; background:#F8F8F8 url() 20px center no-repeat; border:1px solid #E5E5E5; } #materiels #pagenav td.clic:hover { background-color:#0080C0; color:#FFF; cursor:pointer; } #materiels #pagenav td.td2 { background-color:#E5E5E5; } #materiels #pagenav td.sel { background-color:#555; color:#FFF; } #materiels #pagenav h6 { border-bottom:1px dotted; } #materiels #pagenav td:hover h6, #materiels #pagenav td.sel h6 { color:#FFF; } #materiels #pagenav p { } #materiels #pagenav #navmat { background-image:url(img/icon_32_matos.png); } #materiels #pagenav #navsca { background-image:url(img/icon_32_lectcb.png); } #materiels #pagenav #navimp { background-image:url(img/icon_32_impr.png); } #materiels #pagenav #navaff { background-image:url(img/icon_32_afficheur.png); } #materiels #pagenav #navtic { background-image:url(img/icon_32_tiroirc.png); } #materiels #pagenav #navecr { background-image:url(img/icon_32_ecrtactil.png); } #materiels #pagenav #navfon { background-image:url(img/icon_32_policecb.png); } #materiels .blockzone { margin-left:320px; } #materiels .tbmatos td.col1, #materiels .tbmatos td.col2 { width:50%; } #materiels .tbmatos td.col2 { border-left:1px dotted #000; } #materiels .illust { text-align:center; } /* == ECRAN "CONTACTEZ-MOI" (call me) =================================== ====================================================================== */ #callme #blocktel { width:310px; margin:3em auto; } #callme #blocktel p { margin:0.3em 0 0.3em 1em; } #callme #blocktel label { position:absolute; width:80px; } #callme #blocktel input, #callme #blocktel textarea { margin:0 0 0 90px; width:188px; } #callme #blocktel textarea { height:2em; width:178px; } /* Overlay */ #callme-overlay { background-color:#000; cursor:wait; } /* Container */ #callme-container { width:450px; text-align:left; } #simplemodal-wrap { height:350px; } #callme-container .callme-content { background-color:#FFF; border:3px solid #000; color:#AAA; height:140px; padding:10px; } #callme-container h3 { color:#D76300; margin:0; margin-bottom:10px; padding:0; text-align:left; } #callme-container .callme-loading { position:absolute; background:url(img/simplemodal-loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0; } #callme-container p { margin:0; margin-bottom:2px; } #callme-container label { clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold; } #callme-container .forminput { margin:0; width:280px; } #callme-container textarea.forminput { width:270px; height:120px; } #callme-container .callme-message { text-align:center; color:#000; } /* #callme-container .callme-error { width:92%; background:#000; border:2px solid #ccc; font-weight:bold; margin:0 auto; padding:2px; } #callme-container br { clear:both; } #callme-container form { padding:0; margin:0; } #callme-container .callme-input { font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px; } #callme-container textarea { height:114px; } #callme-container .callme-cc { cursor:default; } #callme-container .callme-top { height:13px; background:url(../img/form_top.gif) no-repeat; padding:0; margin:0; } #callme-container .callme-bottom { height:13px; background:url(../img/form_bottom.gif) no-repeat; text-align:center; } #callme-container .callme-bottom a, #callme-container .callme-bottom a:link, #callme-container .callme-bottom a:active, #callme-container .callme-bottom a:visited { position:relative; top:-4px; text-decoration:none; color:#666; } #callme-container .callme-bottom a:hover { color:#888; } #callme-container .callme-button { margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; } #callme-container .callme-send { width:50px; background:url(../img/send.png) no-repeat; } #callme-container .callme-cancel { width:65px; background:url(../img/cancel.png) no-repeat; } #callme-container a.modal-close, #callme-container a.modal-close:link, #callme-container a.modal-close:active, #callme-container a.modal-close:visited { text-decoration:none; font-weight:bold; position:absolute; top:-4px; right:6px; color:#999; } #callme-container a.modal-close:hover { color:#9bb3b3; } */ /* == ECRAN "ACHETER" =================================================== ====================================================================== */ #acheter #sidebar2 { float:left; width:160px; } #acheter #pagenav, #acheter #kdo_usb { margin:0 0 20px 0; padding:10px; border:1px solid #E5E5E5; background-color:#FFF; } #acheter #pagenav { font-size:80%; } #acheter #pagenav li { margin-left:0.8em; } #acheter #kdo_usb { padding:0; } #acheter #kdo_usb p { margin:0; padding:10px; font-weight:bold; text-align:center; } #acheter #kdo_usb p#p1 { background:url(img/cleusb_boitier.jpg) center top no-repeat; padding-top:120px; margin-top:5px; } #acheter #kdo_usb p#p2 { background:url(img/cleusb.jpg) center top no-repeat; padding-top:110px; } #acheter .blockzone { margin-left:180px; } #acheter #tarifs fieldset { margin-bottom:2em; padding:5px; } #acheter #tarifs legend { margin-left:1em; font-weight:bold; } #acheter table.tarifdet { width:100%; border-collapse:separate; border-spacing:2px; } #acheter table.tarifdet th { background-color:#F7D305; } #acheter table.tarifdet th.subth { background-color:#FDEA80; } #acheter table.tarifdet th, #acheter table.tarifdet td { padding:2px 4px; } #acheter table.tarifdet td { background-color:#F3F3F3; } #acheter table.tarifdet span.expl { border-bottom:1px dotted; } #acheter table.tarifdet .tdchk { width:30px; text-align:center; } #acheter table.tarifdet .tdlib { width:180px; } #acheter table.tarifdet .tdht, #acheter table.tarifdet .tdttc { width:100px; text-align:right; } #acheter .tooltipbox { width:auto; font-size:8pt; color:#000; background:#FFF; border:1px solid #0080C0; } #acheter .tooltipbox td { padding:0 3px; vertical-align:top; } #acheter .tarifdet td p { clear:left; margin:0; } #acheter .zoom a { float:left; margin:0 10px 0 0; border:1px solid #0080C0; text-indent:-1000em; overflow:hidden; display:block; width:25px; height:25px; } #acheter .zoom a:hover { width:128px; height:128px; } /* --- Devis | Bon de commande --- */ #acheter #coordzone table { margin:0; } #acheter #coordzone table td { vertical-align:top; } #acheter #coordzone fieldset { margin:0; } #acheter #coordfact, #acheter #coordlivr, #acheter #divers { width:370px; padding:10px; } #acheter #coordfact p, #acheter #coordlivr p, #acheter #divers p { margin:5px 0; clear:left; } #acheter #coordfact label, #acheter #coordlivr label, #acheter #divers label { float:left; width:120px; font-size:80%; } #acheter #coordfact input, #acheter #coordlivr input, #acheter #divers input { margin:0; width:240px; } /*#acheter #coordfact textarea { margin:0; width:230px; height:70px; } #acheter #coordlivr textarea { margin:0; width:230px; height:100px; }*/ /* --- Recap devis --- */ #acheter #recap table td { vertical-align:top; } #acheter #recap table td fieldset { margin:0; } #acheter #recap table td fieldset blockquote{ margin:0; } #acheter #recap p#email, #acheter #recap p#tel { margin:0; } #acheter #recap p#noteprix { margin-top:1.5em; } #acheter #recap #commande td.puce { width:1em; } #acheter #recap #commande table { width:97%; } #acheter #recap #commande td.ht { text-align:right; } #acheter #recap #commande td.ttc { text-align:right; } /* --- Bon de commande --- */ #acheter #maginfos p { margin:5px 0; clear:left; } #acheter #maginfos label { float:left; width:120px; font-size:80%; } #acheter #maginfos input { margin:0; width:240px; } #acheter #maginfos #pcheckval input { width:auto; } /* == ECRAN "TELECHARGER" =============================================== ====================================================================== __________________________ __/ Formulaire d'inscription \________________________________________ */ #telecharger #essaigratis { margin-bottom:20px; } #telecharger #curversion { float:left; width:160px; margin:0; padding:10px; border:1px solid #E5E5E5; background-color:#FFF; } #telecharger .blockzone { margin-left:200px; } #telecharger #blockinsc h3, #telecharger #blockinsc h4, #telecharger #blockinsc .blocktxt { margin-left:20px; } #telecharger #blockinsc .blocktxt p { margin:0.3em 0; } #telecharger #blockinsc .blocktxt label { position:absolute; width:130px; } #telecharger #blockinsc .blocktxt input { margin:0 0 0 96px; width:188px; } #telecharger #blockinsc #myOSSel span { width:96px; margin:0 2em; } #telecharger #blockinsc #myOSSel span:first-child { margin-left:0; } #telecharger #blockinsc #myOSSel input { margin:0; width:auto; } #telecharger #blockinsc #checkcallbytel { margin:1em 0 1em 96px; } #telecharger #blockinsc #checkcallbytel input { margin:0; width:auto; } #telecharger #blockinsc #remarque { margin:0 0 1em 96px; width:310px; height:2em; } /* _____________________________ __/ Telechargement d'un fichier \_____________________________________ */ #telecharger #blockdwld { /*width:660px; margin:0 auto; */margin-left:200px; padding:10px 98px; } #telecharger #blockdwld h4 { height:128px; background:url(img/icon_64_ok.jpg) center top no-repeat; } #telecharger #blockdwld h4 span { display:none; } /* --- colonne 1 --- */ #telecharger #blockdwld .col1 { width:300px; float:left; /*margin-left:90px; */} #telecharger #blockdwld .col1 table { border-collapse:collapse; width:100%; } #telecharger #blockdwld .col1 table#infos td { border:1px solid #DDD; padding:0.1em 0.5em; } #telecharger #blockdwld .col1 table#infos td.lib { background-color:#EEE; width:25%; } #telecharger #blockdwld .col1 table#inst { margin-bottom:2em; } #telecharger #blockdwld .col1 table#inst td { padding:0.5em 0.2em; } #telecharger #blockdwld .col1 table#inst td.td1 { background-color:#EEE; } #telecharger #blockdwld .col1 table#inst td.td2 { padding:1em 0.2em; } #telecharger #blockdwld .col1 table#inst td.cpt { padding-right:1em; font-weight:bold; } #telecharger #blockdwld .col1 table#inst ul { list-style:inside; } /* --- colonne 2 --- */ #telecharger #blockdwld .col2 { width:300px; margin-left:20px; float:left; } #telecharger #blockdwld .col2 .nodwld { border:1px dotted #DDD; background-color:#EEE; padding:0.2em 1em; margin:0 0 2em 0; } /* --- commun --- */ #telecharger #blockdwld h5 { margin-top:2em; border-bottom:1px solid; clear:left; } /* == ECRAN "HISTORIQUE" ================================================ ====================================================================== */ #historique #changelog blockquote { margin:20px; border:1px solid #CCC; background-color:#F3F3F3; padding:0.5em 1em; font-family:"Courrier New",monospace; font-style:normal; color:#000; } /* == ECRAN "LES NEWS" ================================================== ====================================================================== */ #news #contentbar { background-color:#FFF; border:1px solid #EEE; padding:0 2em; width:610px; } #news #blockcontent .onenews { margin:2em auto; padding:0.5em; background-color:#F7F7F7; border:1px solid #EEE; } #news #blockcontent .onenews p { margin-bottom:0.5em; } #news #blockcontent .newsdate { float:left; width:80px; overflow:hidden; } #news #blockcontent .newstitle { margin-left:80px; font-weight:bold; } #news #blockcontent .newsdesc { margin-left:80px; } /* == ECRAN "GESTION DE COMPTE" ========================================= ====================================================================== */ #compte #blockcontent p { margin:0 0 0.5em 0;; } #compte #blockcontent form { margin-top:2em; } #compte #blockcontent label { position:absolute; width:80px; } #compte #blockcontent input { margin:0; margin-left:90px; width:188px; }