1/* modern.css - A Simple CSS for HTML documents */ 2 3@import url("modern_sz.css"); 4@import url("layout.css"); 5@import url("content.css"); 6@import url("title.css"); 7@import url("more.css"); 8 9body { 10 background: #F6F6F6; 11} 12 13div#PAGE { 14 border: outset thin black; 15 background: white; 16} 17 18/* Styles de texte */ 19 20div#TITLE p#INTRODUCTION { 21 font-size: 80%; 22 letter-spacing: 0.05em; 23} 24 25div#TITLE p#HEADLINE { 26 color: #CCCCCC; 27 letter-spacing: 0.33em; 28 text-align: left; 29 text-transform: uppercase; 30} 31 32div#CONTENT h1, 33div#CONTENT h2, 34div#CONTENT h3, 35div#CONTENT h4, 36div#CONTENT h5, 37div#CONTENT h6 { 38 font-weight: normal; 39} 40 41div#CONTENT h1 { 42 color: #CC6600; 43 border-bottom: thin solid; 44} 45 46div#CONTENT h2 { 47 color: #996633; 48} 49 50div#CONTENT h3 { 51 color: #996633; 52} 53 54div#CONTENT h3 { 55 color: #996633; 56} 57 58div#CONTENT h4 { 59 color: #996633; 60} 61div#CONTENT h5 { 62 color: #996633; 63} 64 65div#CONTENT h6, 66div#CONTENT p span.title { 67 color: #996633; 68} 69 70div#CONTENT p span.title { 71 font-style: italic; 72} 73 74 75div#MORE { 76 color: #333300; 77} 78 79div#CONTENT a:link, 80div#CONTENT a:visited { 81 text-decoration: none; 82} 83 84div#CONTENT a:hover { 85 background: #FFFFCC; 86} 87 88div#MORE .news , 89div#MORE .link_page , 90div#MORE .link_local , 91div#MORE .link_external , 92div#MORE .action { 93 font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,Bitstream Vera Sans,sans-serif,sans; 94 font-size: 80%; 95 border-style: solid; 96 border-width: 1px; 97 margin-top: 2em; 98} 99 100div#MORE .news .title, 101div#MORE .link_page .title, 102div#MORE .link_local .title, 103div#MORE .link_external .title, 104div#MORE .action .title { 105 font-weight: bold; 106 line-height: 100%; 107 letter-spacing: 0.15em; 108 padding: 5px; 109} 110 111div#MORE .news .body, 112div#MORE .link_page .body, 113div#MORE .link_local .body, 114div#MORE .link_external .body, 115div#MORE .action .body { 116 padding: 5px; 117 line-height: 140%; 118} 119 120/* Texte */ 121 122div#CONTENT { 123 line-height: 160%; 124} 125 126/* Couleurs */ 127 128div#MORE .link_external .body { 129 border-color: #9999CC; 130 background: #eee; 131} 132 133div#MORE .link_external .title { 134 background: #9999CC; 135} 136 137 138div#MORE .link_page .body { 139 border-color: #CCCCFF; 140 background: #eee; 141} 142 143div#MORE .link_page .title { 144 background: #99CC99; 145} 146 147 148div#MORE .link_local .body { 149 border-color: #CCFFCC; 150 background: #eee; 151} 152 153div#MORE .link_local .title { 154 background: #CC9999; 155} 156 157 158div#MORE .news .body { 159 border-color: #FFCC66; 160 background: #FFFFCC; 161} 162 163div#MORE .news .title { 164 background: #FFCC66; 165} 166 167 168/* Listes de liens */ 169 170div#MORE .link_page ul, 171div#MORE .link_local ul, 172div#MORE .link_external ul { 173 padding-left: 2em; 174 padding-right: 1em; 175} 176 177div#MORE .link_page li a, 178div#MORE .link_local li a, 179div#MORE .link_external li a { 180 text-decoration: none; 181} 182 183div#MORE .link_page li a:hover, 184div#MORE .link_local li a:hover, 185div#MORE .link_external li a:hover { 186 text-decoration: underline; 187} 188 189div#TITLE p#INTRODUCTION{ 190 font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,Bitstream Vera Sans,sans-serif,sans; 191} 192 193div#TITLE p#LEGALISM { 194 font-family: Lucida Grande,Lucida Sans Unicode,Arial,Verdana,Bitstream Vera Sans,sans-serif,sans; 195 font-size: 80%; 196 text-align: justify; 197 color: #CCCCCC; 198} 199 200div#TITLE p#LEGALISM:hover { 201 color: black; 202} 203