/* G E N E R A L Coleurs: ddc2ab brun clair -- body background 423800 brun fonce -- body text 988070 brun -- menu background was: b59b83 98806f brun -- ruler and table lines 99ee88 vert -- menu green 80d070 vert fonce -- menu green lines cfffc1 vert clair -- menu light green ecef90 jaune -- menu yellow 0b42c0 bleu fonce -- link ffffff blanc -- link hover a3ffba vert circuit 07ef67 vert premier jour de circuit */ /* B O D Y */ body { margin: 0; padding: 0; background-color: #ddc2ab; color: #423800; border: 0px; font-size: 1em; font-family: "Lucida Grande", Helvetica, sans-serif; text-align: justify; } td { padding-top: 0.1em; padding-right: 0.2em; padding-bottom: 0.2em; padding-left: 0.2em; vertical-align: top; text-align: left; border-collapse: collapse; } table.mainframe { border-collapse: collapse; border-top: solid 1px #988070; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #988070; margin: 0; padding: 0; width: 100%; } td.mainmenu { background-color: #ddc2ab; border-top: solid 1px #ddc2ab; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #ddc2ab; padding: 0; } td.maincontent { background-color: #ddc2ab; border-top: solid 1px #ddc2ab; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #ddc2ab; } table.SectionHead { width: 100%; } /* M E N U S Tous les doivent obligatoirement avoir tous leurs bords définis de façon explicite, sinon il y a des problèmes avec certains navigateurs. CSS définit les quatres cotés d'un rectangle dans l'ordre "top"-"right"-"bottom"-"left", donc dans le sens des aiguilles d'une montre et en partant de 12H. Une cellule d'un tableau possède en général deux couleurs de bord: la couleur qui correspond à celle du fond de la cellule et une autre couleur qui démarque la cellule par un ou plusieurs cotés des cellules environnantes. Pour la simplicité on utilise un "code" de quatre chiffres binaires pour indiquer quel bords sont utilisé dans un style. Ces chiffres sont donnés dans l'ordre CSS des bords. Par exemple, le style td.gr0110 indique que la couleur de fond est "gr" (green), et en conséquence le bord du haut et de la gauche auront la même couleur ("0") tandis que les bords à droite et en bas sont d'une autre couleur ("1"). Une cellule avec le style td.gr1111 aura tous les bords visible, un cellule td.gr0000 ne se distinguera pas des cellules environnantes car elle aura tous les bords de la même couleur que son fond. On a souvent pas besoin de définir les 16 possibilités de choix de bords. */ table.menu { border-collapse: collapse; border-top: solid 1px #ddc2ab; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #ddc2ab; margin: 0; padding: 0; font-size: 0.85em; white-space: nowrap; width: 100%; } /* brun */ td.br1111 { background-color: #988070; border-top: solid 1px #988070; border-right: solid 1px #988070; border-bottom: solid 1px #988070; border-left: solid 1px #988070; } /* brun clair -- les bords sont brun */ td.bl0000 { background-color: #ddc2ab; border-top: solid 1px #ddc2ab; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #ddc2ab; } td.bl0011 { background-color: #ddc2ab; border-top: solid 1px #ddc2ab; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #988070; border-left: solid 1px #988070; } td.bl1000 { background-color: #ddc2ab; border-top: solid 1px #988070; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #ddc2ab; border-left: solid 1px #ddc2ab; } td.bl1011 { background-color: #ddc2ab; border-top: solid 1px #988070; border-right: solid 1px #ddc2ab; border-bottom: solid 1px #988070; border-left: solid 1px #988070; } /* vert -- les bords sont brun */ td.gr0000 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #99ee88; border-bottom: solid 1px #99ee88; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr0001 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #99ee88; border-bottom: solid 1px #99ee88; border-left: solid 1px #988070; white-space: nowrap; } td.gr0010 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #99ee88; border-bottom: solid 1px #988070; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr0011 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #99ee88; border-bottom: solid 1px #988070; border-left: solid 1px #988070; white-space: nowrap; } td.gr0100 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #988070; border-bottom: solid 1px #99ee88; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr0110 { background-color: #99ee88; border-top: solid 1px #99ee88; border-right: solid 1px #988070; border-bottom: solid 1px #988070; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr1000 { background-color: #99ee88; border-top: solid 1px #988070; border-right: solid 1px #99ee88; border-bottom: solid 1px #99ee88; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr1001 { background-color: #99ee88; border-top: solid 1px #988070; border-right: solid 1px #99ee88; border-bottom: solid 1px #99ee88; border-left: solid 1px #988070; white-space: nowrap; } td.gr1011 { background-color: #99ee88; border-top: solid 1px #988070; border-right: solid 1px #99ee88; border-bottom: solid 1px #988070; border-left: solid 1px #988070; white-space: nowrap; } td.gr1100 { background-color: #99ee88; border-top: solid 1px #988070; border-right: solid 1px #988070; border-bottom: solid 1px #99ee88; border-left: solid 1px #99ee88; white-space: nowrap; } td.gr1110 { background-color: #99ee88; border-top: solid 1px #988070; border-right: solid 1px #988070; border-bottom: solid 1px #988070; border-left: solid 1px #99ee88; white-space: nowrap; } /* vert clair -- les bords sont vert fonce */ td.lg0010 { background-color: #cfffc1; border-top: solid 1px #cfffc1; border-right: solid 1px #cfffc1; border-bottom: solid 1px #80d070; border-left: solid 1px #cfffc1; white-space: nowrap; } td.lg0000 { background-color: #cfffc1; border-top: solid 1px #cfffc1; border-right: solid 1px #cfffc1; border-bottom: solid 1px #cfffc1; border-left: solid 1px #cfffc1; white-space: nowrap; } td.lg1000 { background-color: #cfffc1; border-top: solid 1px #80d070; border-right: solid 1px #cfffc1; border-bottom: solid 1px #cfffc1; border-left: solid 1px #cfffc1; white-space: nowrap; } td.lg1010 { background-color: #cfffc1; border-top: solid 1px #80d070; border-right: solid 1px #cfffc1; border-bottom: solid 1px #80d070; border-left: solid 1px #cfffc1; white-space: nowrap; } td.lg1110 { background-color: #cfffc1; border-top: solid 1px #80d070; border-right: solid 1px #80d070; border-bottom: solid 1px #80d070; border-left: solid 1px #cfffc1; white-space: nowrap; } /* jaune -- les bords sont brun */ td.ye0001 { background-color: #ecef90; border-top: solid 1px #ecef90; border-right: solid 1px #ecef90; border-bottom: solid 1px #ecef90; border-left: solid 1px #988070; white-space: nowrap; } td.ye0011 { background-color: #ecef90; border-top: solid 1px #ecef90; border-right: solid 1px #ecef90; border-bottom: solid 1px #988070; border-left: solid 1px #988070; white-space: nowrap; } td.ye1001 { background-color: #ecef90; border-top: solid 1px #988070; border-right: solid 1px #ecef90; border-bottom: solid 1px #ecef90; border-left: solid 1px #988070; white-space: nowrap; } td.ye1110 { background-color: #ecef90; border-top: solid 1px #988070; border-right: solid 1px #988070; border-bottom: solid 1px #988070; border-left: solid 1px #ecef90; white-space: nowrap; } img { border: none; } hr { background-color: #98806f; margin-top: 2em; margin-bottom: 1em; width: 60%; height: 0.3em; border-width: 0; } hr.full { background-color: #98806f; margin-top: 0em; margin-bottom: 1em; width: 95%; height: 0.2em; border-width: 0; } hr.fullend { background-color: #98806f; margin-top: 2em; margin-bottom: 1em; width: 100%; height: 0.2em; border-width: 0; } a:link { color: #0b42c0; font-weight: bold; text-decoration: none; } a:hover { color: #ffffff; font-weight: bold; text-decoration: none; } a:active { color: #990000; font-weight: bold; text-decoration: none; } a:visited { color: #2587f3; font-weight: bold; text-decoration: none; } h1 { color: #a50707; font-size: 1.5em; font-weight: bold; text-align: center; } h2 { color: #850609; font-size: 1.2em; font-weight: bold; margin: 2em 0 0 2em; } h3 { color: #670b04; font-size: 1.1em; font-weight: bold; margin: 2em 0 0 2em; } h4 { color: #670b04; font-size: 1.1em; font-weight: bold; margin: 2em 0 0 2em; } p { font-size: 1.0em; margin: 0.5em 0 0 0; } p.tcentred { text-align: center; } p.day { font-size: 1em; text-indent: -5em; margin: 0.5em 0 0 5em; } p.imgcaption { font-size: 0.9em; text-align: center; margin: 0.3em 0.0em 0.3em 0.0em; } ul { margin: 1.0em 0 1.5em 5em; list-style-image: url(../zCommonImages/Bullet.png); } ol { margin: 1.0em 0 1.5em 5em; list-style-image: none; } li { font-size: 1.0em; margin: 0.0em 0 0.3em 0; } li.spaced { font-size: 1.0em; margin: 1.0em 0 0.3em 0; } li.compact { font-size: 1.0em; margin: 0 0 0 0; } table { margin-right: auto; margin-left: auto; width: auto; border: none; border-collapse: collapse; border-spacing: 0px;} table.border { margin-right: auto; margin-left: auto; width: auto; border: solid 1px #8e8253; border-collapse: collapse; border-spacing: 0px;} table.w100c { margin-right: auto; margin-left: auto; width: 95%; border: none; border-collapse: collapse; border-spacing: 0px;} td { border: none; font-size: 1.0em; margin: 0 0 0 0; } td.tcentred { text-align: center; } td.tleft { text-align: left; } td.tright { text-align: right; } td.ttop { vertical-align: top; } td.ttopleft { vertical-align: top; text-align: left; } td.ttopright { vertical-align: top; text-align: right; } td.ttopleftnw { vertical-align: top; text-align: left; white-space: nowrap; padding: 0.1em 0.2em 0.1em 1em; } td.ttoprightnw { vertical-align: top; text-align: right; white-space: nowrap; padding: 0.1em 1em 0.1em 0.2em;} td.tbottom { vertical-align: bottom; } td.transparent { background-color: transparent; padding: 0.1em 0.1em 0.2em 1em; border: none; } td.tleftnowrap { text-align: left; padding: 0.5em 0.5em 0.5em 0.5em; white-space: nowrap; } td.lefthead { text-align: right; vertical-align: top; border: solid 1px #8e8253; padding: 0.1em 0.5em 0.2em 1em; } td.texts { text-align: left; vertical-align: top; border: solid 1px #8e8253; padding: 0.1em 0.1em 0.2em 1em; } .emphasis { font-weight: bold; font-style: italic; } .mono { font-family: Courier, monospace; font-size: 1em; color: #000; } .italic { color: #181a00; font-style: italic; } .bold { color: #181a00; font-weight: bold; } .superscript { font-size: 0.7em; vertical-align: super; } .author { font-style: italic; text-align: right; font-size: 1.1em; margin: 0.5em 3em 0 0; } /* left or right floating images */ #FloatRight { text-align: right; visibility: visible; float: right; margin: 1em 1em 1em 3em; } #FloatLeft { text-align: left; visibility: visible; float: left; margin: 1em 3em 1em 1em; } div.FloatRight { text-align: right; visibility: visible; float: right; margin: 1em 1em 1em 3em; } div.FloatLeft { text-align: left; visibility: visible; float: left; margin: 1em 3em 1em 1em; } div.Center { text-align: center; margin: 1em auto 1em auto; } p.ClearBoth { clear: both; } .imgcaptionright { font-size: 0.8em; font-style: italic; text-align: right; margin-top: 0; margin-right: 0; } .imgcaptionleft { font-size: 0.8em; font-style: italic; text-align: left; margin-top: 0; margin-right: 0; } /* the copyright notice and W3C comformity label */ table.CopyrightAndW3C { background-color: transparent; width: 100% } td.CopyrightAndW3C { background-color: transparent; text-align: left; padding: 0.1em 0em 0.2em 0.5em; border: none; white-space: nowrap;} p.CopyrightAndW3C { font-size: 0.8em; text-align: left; font-style: italic; } /* the invisible strip that guarantees the right-hand scrollbar in albums Amro ne l'aime pas mais je le garde pour un jour futur ou il changera d'idee Pour l'activer il faut juste changer: height: 1px en: height: 2000px Le EndingRuler va avec, pour indiquer visuellement la fin du contenu. */ #ForceRightScrollBar {position: relative; right: 0; top: 0; width: 1em; height: 1px; background-color: transparent; z-index: 5; } hr.EndingRuler { background-color: #988070; margin-top: 5em; margin-bottom: 0em; width: 100%; height: 0.5em; border-width: 0; align: center; } /* C H A P T E R */ table.ChapterMenu { margin-top: 2em; margin-left: 0.5em; width: 8em; border: none; border-collapse: collapse; border-spacing: 0px } td.ChapterMenu { background-color: #99ee88; text-align: left; padding: 0.1em 0.2em 0.2em 0.5em; border: solid 1px #8e8253; border-spacing: 0px; white-space: nowrap; } td.ChapterMenuSpecial { background-color: #ecef90; text-align: left; white-space: nowrap; padding: 0.1em 1em 0.2em 0.5em; border: solid 1px #8e8253; border-spacing: 0px; } p.ImageTitle { text-align: center; margin-bottom: 0.5em } .pstyle { font-size: 1.0em; color: #988070; } td.BrochureHead { background-color: #fff87f; padding: 0.5em 1em; white-space: nowrap; } td.BrochureMain { background-color: #e7d8ca; padding: 0.5em 1em; vertical-align: top; } td.BrochurePrix { background-color: #e7d8ca; padding: 0.5em 1em; white-space: nowrap; vertical-align: top; text-align: right; color: #660000;s } table.Circuit { margin-top: 1.5em; width:100%; border-collapse: collapse; border: none; } td.CircuitName { font-size: 1.1em; font-weight: bold; background-color: #fff87f; padding: 0.5em; vertical-align: top; white-space: nowrap; border-top: 2px solid #850609; border-left: solid 1px #8e8253; } td.CircuitPrix { background-color: #e7d8ca; padding: 0.5em 1em; white-space: nowrap; vertical-align: top; text-align: right; letter-spacing: -0.05em; border-top: 2px solid #850609; } td.CircuitMap { background-color: transparent; padding: 1em; white-space: nowrap; border-top: 2px solid #850609; border-right: solid 1px #8e8253; border-bottom: solid 1px #8e8253; } td.CircuitDescr { text-align: left; vertical-align: top; padding: 0.5em 1em 0.5em 1em; border-left: solid 1px #8e8253; border-bottom: solid 1px #8e8253; } td.CircuitSpacer { background-color: transparent; padding: 0; margin: 0; border: none; font-size: 0.1em;} td.AlbumPHead { background-color: #fff87f; padding: 0.5em 1em; white-space: nowrap; } td.CircuitAlbums { background-color: #d0b99e; padding: 0.5em 1em; white-space: nowrap; } .PopupParagraph { font-size: 1.0em; color: #990000; background-color: #5a5a36; font-weight: bold; } .PopupLegend { visibility: hidden; position: fixed} #ChapterMenu { position: fixed; left: 0; top: 0em; width: 13em; z-index: 10} #ChapterMenu2 { position: fixed; left: 0; top: 23em; width: 13em; z-index: 10} a:link.ChapterMenu { color: #0b42c0; text-decoration: none; } a:hover.ChapterMenu { color: #ffffff; text-decoration: none; } a:active.ChapterMenu { color: #990000; text-decoration: none; } a:visited.ChapterMenu { color: #2587f3; text-decoration: none; } /* Plan de site */ .SitemapCellMain { background-color: #ecef90; text-align: left; white-space: nowrap; vertical-align: top ; margin: 0.5em; padding: 0.5em; border-top: solid 1px #8e8253; border-bottom: solid 1px #8e8253; border-right: solid 1px #8e8253; } .SiteMapTable { background-color: transparent; margin-right: auto; margin-left: auto; width: 100%; border-collapse: collapse; } td.SectionCellBegin { background-color: #ecef90; text-align: left; white-space: nowrap; padding: 0em; vertical-align: top; border-left: solid 1px #8e8253; border-top: solid 1px #8e8253; border-bottom: solid 1px #8e8253; border-spacing: 0px; } td.SectionCell { background-color: #ecef90; text-align: left; white-space: nowrap; padding: 0.1em 0.5em 0.2em 0.5em; vertical-align: top; border-top: solid 1px #8e8253; border-bottom: solid 1px #8e8253; border-spacing: 0px; } td.SectionCellEnd { background-color: #ecef90; text-align: left; white-space: nowrap; padding: 0em; vertical-align: top; border-top: solid 1px #8e8253; border-bottom: solid 1px #8e8253; border-right: solid 1px #8e8253; border-spacing: 0px; } /* S E C T I O N */ table.SectionMenu { margin-top: 0.5em; margin-left: 1.5em; margin-bottom: 0.5em; width: 8em; border: none; border-collapse: collapse; border-spacing: 0px } td.SectionMenu { background-color: #cfffc1; text-align: left; padding: 0.1em 0.1em 0.1em 0.5em; border: solid 1px #8e8253; border-spacing: 0px; white-space: nowrap; } a:link.SectionMenu { color: #0b42c0; font-weight: bold; text-decoration: none; } a:hover.SectionMenu { color: #fff; font-weight: bold; text-decoration: none; } a:active.SectionMenu { color: #900; font-weight: bold; text-decoration: none; } a:visited.SectionMenu { color: #2587f3; font-weight: bold; text-decoration: none; } table.SectionHead { width: 100%; border: none; border-collapse: collapse; } td.SectionNavigation { text-align: left; vertical-align: top; border: none; border-collapse: collapse; } td.SectionHead { text-align: left; vertical-align: top; border: none; border-collapse: collapse; } table.SectionTitle { width: 5%; border: none; border-collapse: collapse; margin-left: 0; } td.SectionTitle { white-space: nowrap; text-align: left; vertical-align: top; border: none; border-collapse: collapse; } /* Reservation forms */ td.phase { vertical-align: top; text-align: left; background-color: #fff87f} /* C A L E N D R I E R */ /* entete tableau */ td.year { background-color: #ecef90; text-align: left; padding: 0.2em 0.1em 0.2em 2.0em; border: solid 1px #8e8253; } td.month { background-color: #ecef90; text-align: right; padding: 0.1em 1.0em 0.2em 2.0em; border: solid 1px #8e8253; } td.day { background-color: transparent; text-align: right; padding: 0.1em 0.1em 0.2em 1.0em; border: solid 1px #8e8253; } td.topdaylist { background-color: transparent; text-align: center; padding: 0.1em 0.1em 0.2em 0.0em; border-top: solid 1px #ddc2ab; border-right: solid 1px #8e8253; border-bottom: solid 1px #8e8253; border-left: solid 1px #8e8253; } /* jours circuit */ td.ci1010 { background-color: #a3ffba; border-top: solid 1px #98806f; border-bottom: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.ci1110 { background-color: #a3ffba; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #a3ffba; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.ci1111 { background-color: #a3ffba; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } /* premier jour circuit */ td.cs1011 { background-color: #07ef67; border-top: solid 1px #98806f; border-right: solid 1px #07ef67; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cs1111 { background-color: #07ef67; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } /* jours réservés */ td.cr1010 { background-color: #ff8192; border-top: solid 1px #98806f; border-right: solid 1px #ff8192; border-bottom: solid 1px #98806f; border-left: solid 1px #ff8192; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cr1110 { background-color: #ff8192; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #ff8192; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cr1011 { background-color: #ff8192; border-top: solid 1px #98806f; border-right: solid 1px #ff8192; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cr1111 { background-color: #ff8192; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } /* jours promos */ td.cp1010 { background-color: #ff0000; border-top: solid 1px #98806f; border-right: solid 1px #ff0000; border-bottom: solid 1px #98806f; border-left: solid 1px #ff0000; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cp1110 { background-color: #ff0000; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #ff0000; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cp1011 { background-color: #ff0000; border-top: solid 1px #98806f; border-right: solid 1px #ff0000; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } td.cp1111 { background-color: #ff0000; border-top: solid 1px #98806f; border-right: solid 1px #98806f; border-bottom: solid 1px #98806f; border-left: solid 1px #98806f; padding: 0.1em 0.2em 0.2em 0.5em; white-space: nowrap; text-align: right; } #AlbumNavigation { position: fixed; right: 0.5em; top: 0.5em; width: 100px; z-index: 20 } table.AlbumNavigation { border: none; margin-right: 0; } td.AlbumNavigation { text-align: center; vertical-align: top; background-color: transparent; } /* styles pour la documentation seulement */ body.doc { color: #423800; font-size: 1em; font-family: "Lucida Grande", Helvetica, sans-serif; text-align: justify; background-color: #ddc2ab; margin-right: 4em; margin-left: 4em; } .docliteral { font-weight: bold; font-family: Courier, monospace; font-size: 1.1em; color: #000000; } table.docframe { margin-top: 1em; margin-left: auto; margin-right: auto; margin-bottom: 1em; width: auto; border: 1px solid #cc7777; background-color: #f2d2bb; border-collapse: collapse; } td.docframe { border: 1px solid #cc7777; background-color: #f2d2bb; padding: 0 1em 0 1em; } td.docframeH { border: 1px solid #cc7777; background-color: #f2c2ab; padding: 0 1em 0 1em; text-align: center; } ul.docul { margin: 1.0em 0 1.5em 1em; list-style-image: url(../zCommonImages/Bullet.png); } ol.docol { margin: 1.0em 0 1.5em 1em; list-style-image: none; }