/* CSS KinHelios - 2006 - */ /* -o- "TPV Styles" -o- */ /* Elements html de base ------------------------------------------------------------*/ body { margin: 0; padding: 0; background: #FFF url(img/bodyback.jpg) repeat-x top left; font-family: Tahoma,Arial,Helvetica,sans-serif; color: #555; font-size: 9pt; font-weight: normal; font-style: normal; text-align: center; } a { color: #6070B0; } a:visited { color: #9BA0B5; } a:hover { color: #F07F09; } #container { margin: 0 auto; padding: 0; width: 770px; text-align: justify; } /* Menu commun a tous (lien sur www | tpv | synchronos | etc.) ------------------------------------------------------------*/ #head_sitelinks { display: none; } /* Contenu ------------------------------------------------------------*/ #content { margin :0; padding: 0; background: #FFF url(img/corpsback.gif) repeat-y top left; } #content .zone { margin: 0; margin-left: 200px; margin-bottom: 60px; padding: 0; width: 530px; } h4 { margin: 0; color: #F07F09; font-variant: small-caps; font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #F07F09; } .content_spacer { clear: left; margin: 0; padding: 0; height: 1px; background: #FFF url(img/corpsback.gif) repeat-y top left; } /* ----- Menus ----- */ #colmenu { float: left; width: 150px; margin: 0; padding: 0; margin-top: -5px; padding-left: 20px; /* Margin-left sous IE me decale de trop, je suis donc oblige de passer par un padding-left... :-( */ } #content_links, #content_links p, #content_links h6 { margin: 0; padding: 0; } #content_links p { text-indent: 0.3em; } #content_links .niv1 { text-indent: 1em; } #content_links .niv2 { text-indent: 2em; } #content_links h6 { font-size: 1em; padding: 2px; margin-top: 2em; border-top: 1px solid #444; } #content_links h6, #content_links h6 a { color: #666; } #content_links a { display: block; padding: 2px; width: 100%; color: #275D9D; text-decoration: none; } #content_links a:hover { color: #FFF; background-color: #275D9D; background: #FFF url(img/btn_roll.gif) no-repeat left center; } /* ----- Icones (pour les telechargements) ----- */ .icon { display: block; height: 50px; width: 50px; } .icon span { display: none; } .iconMac { background: #FFF url(img/iconMac.jpg) no-repeat center center; } .iconWin { background: #FFF url(img/iconWin.jpg) no-repeat center center; } .iconPdf { background: #FFF url(img/iconPdf.jpg) no-repeat center center; } .iconZip { background: #FFF url(img/iconZip.jpg) no-repeat center center; } .iconTtf { background: #FFF url(img/iconTTF.jpg) no-repeat center center; } /* Footer ------------------------------------------------------------*/ #foot { background: #DDD url(img/footback.gif) no-repeat bottom center; margin: 0; padding: 0; font-size: 8pt; text-align: center; vertical-align: middle; } #foot ul { margin: 0; padding: 0.3em 0; list-style-type: none; } #foot ul li { display: inline; margin: 0 0.5em; } #foot a:link, #foot a:visited, #foot a:hover, #foot a:active { color: #666; } #foot a:link { text-decoration: none; } #foot a:visited { text-decoration: line-through; } #foot a:hover { text-decoration: underline overline; } #foot p { margin: 0; margin-bottom: 0.2em; } /* ________ __/ Extras \__________________________________________________________ */ #extraDiv1, #extraDiv2, #extraDiv3 { display: none; } /* URL de la page ------------------------------------------------------------*/ #kURL { display: none; } /* Entete ------------------------------------------------------------*/ #head { margin-top: 33px; width: 770px; height: 175px; background: #FFF url(img/pagehead.jpg) no-repeat top left; } #head_pagehead { display: none; } /* Elements propre a l'ecran index ------------------------------------------------------------*/ form { margin: 0; padding: 0; } /* --- FAQ decouverte --- */ #faqdecouverte p.question { font-weight: bold; margin-bottom: 0; border-bottom: 1px dotted #555; } #faqdecouverte p.reponse { margin-top: 0; } /* --- Zone de vignettes des copies d'ecrans --- */ #copies_ecrans { text-align: center; } #copies_ecrans a { padding: 0; margin: 2px 12px; } #copies_ecrans img { border: 1px solid #00F; } /* --- Tableau de telechargements --- */ .t_dl { border-collapse: collapse; width: 100%; margin: 0; margin-top: 20px; padding: 0; } .t_dl td { border: 1px solid #BBB; padding: 5px; text-align: left; } .t_dl td.tdcenter { text-align: center; } .t_dl td.tdright { text-align: right; } /* --- Logo Win/Mac/Doc --- */ #inWin, #inMac, #inDoc { float: left; display: block; height: 63px; } #inWin { width: 105px; background: #FFF url(img/inWin.jpg) no-repeat left center; margin-right: 94px; } #inMac { width: 86px; background: #FFF url(img/inMac.jpg) no-repeat left center; margin-right: 94px; } #inDoc { width: 98px; background: #FFF url(img/inDoc.jpg) no-repeat left center; } #inWin span, #inMac span, #inDoc span { display: none; } .content_spacer2 { margin-top: 70px; padding: 0; height: 1px; background: #FFF url() repeat-y top left; } /* ====================================================================== -- ELEMENTS PROPRE A L'ECRAN -- */ ol { margin: 0; padding: 0; } ol li { list-style-type: none; /*decimal-leading-zero;*/ /*margin-top: 1em;*/ margin: 0; /*padding: 0.5em 0.2em;*/ padding: 0.5em 0; } ol li:hover { background-color: #EEE; } ol li div { border: 1px solid #F07F09; padding: 10px; margin: 5px 0 15px 0; background-color: #FFF6DE; } ol li span { display: block; margin-left: 7em; } ol a { color: #00F; float: left; } ol a:visited { color: #888; } ol a:hover { color: #F07F09; } /* .li1 { background-color: #EEE; } .li2 { background-color: #DDD; } */ .RQuest, .RRep { margin-left: 8em; } .RQuest { font-weight: bold; } .RQuest span, .RRep span { float: left; margin-left: -8em; } .RRep span { font-weight: bold; } .retour { text-align: right; }