home *** CD-ROM | disk | FTP | other *** search
/ Organisation de education au Quebec / OrganisationEducationQuebec-2008-WinMac.bin / mac / Interface / Design4 / model4.css < prev    next >
Cascading Style Sheet File  |  2008-07-09  |  12KB  |  405 lines
  1. /* COULEURS UTILIS╔ES */
  2. /* BEIGE : ECE9D8 / F5F3E9 / F4F4F0  */
  3. /* BLEU : 176987                     */
  4. /* ORANGE : EA7634                   */
  5. /* OR : FFC851                 */
  6. /* ROUGE :990000                     */
  7. /* VERT : 999988 / 5C5C4C / B6B6A3   */
  8.  
  9.  
  10. .titre { color: #ECE9D8; font-size: 18px; font-style: italic; font-family: trebuchet ms, Dauphin, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  margin: 10px 10px 10px 10px; }
  11. .h1 { color: #000000; font-size: 12px; font-weight: bold; font-style: italic; font-family: trebuchet ms,Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  12.  
  13. .trace { color: #000000; font-size: 9px; line-height: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
  14. a.trace:link { color: #000000; }
  15. a.trace:visited { color: #000000; }
  16. a.trace:active { color: #EA7634; }
  17. a.trace:hover { color: #EA7634; }
  18.  
  19. .pointille  {border-top: 1px dotted #999988;}
  20. .beige04 { color: #ECE9D8; font-size: 4px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  21. .beige09 { color: #ECE9D8; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  22. .beige10 { color: #ECE9D8; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  23. .beige11 { color: #ECE9D8; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  24. .beige12 { color: #ECE9D8; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  25. .beige14 { color: #ECE9D8; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  26. .beige16 { color: #ECE9D8; font-size: 16px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  27. .beige18 { color: #ECE9D8; font-size: 18px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  28. .blanc04 { color: #ffffff; font-size: 4px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  29. .blanc12 { color: #ffffff; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  30. .blanc14 { color: #ffffff; font-size: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  31. .orange12 { color: #EA7634; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  32. .rouge09 { color: #990000; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  33. .rouge12 { color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  34.  
  35. a.nounderline{text-decoration:none}
  36. a:link    {color:#176987; text-decoration:none}
  37. a:visited {color:#176987; text-decoration:none}
  38. a:active  {color:#EA7634; text-decoration:none}
  39. a:hover   {color:#EA7634; text-decoration:underline}
  40.  
  41.  
  42. /* entete de page */
  43. .entete2 { color: #999988; font-size: 18px; font-weight: bold; font-family: trebuchet ms, Verdana,sans-serif; text-decoration: none; border-style: none; padding-top: 0px; padding-left: 0px; }
  44. .entete_agenda { color: #999988; font-size: 24px; font-family: trebuchet ms,Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular}
  45.  
  46. .txt_menu { font-family: verdana,sans-serif;
  47. font-size: 11px;
  48. line-height: 22px;
  49. font-weight: bold;
  50. color: #ECE9D8;
  51. margin-left: 1px;
  52. margin-right: 0px;
  53. margin-top: 4px;
  54. margin-bottom: 2px;
  55. text-decoration: none }
  56.  
  57. body,th,td,ul,ol,blockquote, li, p, div { font-family: Verdana,Arial,sans-serif; font-size: 12px; color: #000000; }
  58.  
  59. /* MENU GAUCHE */
  60.  
  61. a.menugauche { width: 100%; 
  62. font-family: verdana,sans-serif;
  63. font-size: 11px;
  64. line-height: 13px;
  65. font-weight: bold;
  66. color: #ECE9D8;
  67. background-image: url(/Gsc/Design4/menu.gif);
  68. text-decoration: none;
  69. border-style: none;
  70. margin-left: 1px;
  71. margin-right: 0px;
  72. margin-top: 4px;
  73. margin-bottom: 3px;
  74. display: block;
  75. padding-left: 15px;
  76. padding-right: 0px;
  77. padding-top: 2px;
  78. padding-bottom: 2px; }
  79.  
  80. a.menugauche:visited { width: 100%; 
  81. font-family: verdana,sans-serif;
  82. font-size: 11px;
  83. line-height: 13px;
  84. font-weight: bold;
  85. color: #ECE9D8;
  86. background-image: url(/Gsc/Design4/menu.gif);
  87. text-decoration: none;
  88. border-style: none;
  89. margin-left: 1px;
  90. margin-right: 0px;
  91. margin-top: 4px;
  92. margin-bottom: 3px;
  93. display: block;
  94. padding-left: 15px;
  95. padding-right: 0px;
  96. padding-top: 2px;
  97. padding-bottom: 2px; }
  98.  
  99. a.menugauche:hover { width: 100%; 
  100. font-family: verdana,sans-serif;
  101. font-size: 11px;
  102. line-height: 13px;
  103. font-weight: bold;
  104. color: #ECE9D8;
  105. background-image: url(/Gsc/Design4/menuHover.gif);
  106. text-decoration: none;
  107. border-style: none;
  108. margin-left: 1px;
  109. margin-right: 0px;
  110. margin-top: 4px;
  111. margin-bottom: 3px;
  112. display: block;
  113. padding-left: 15px;
  114. padding-right: 0px;
  115. padding-top: 2px;
  116. padding-bottom: 2px; }
  117.  
  118. a.menugauche:active { width: 100%; 
  119. font-family: verdana,sans-serif;
  120. font-size: 11px;
  121. line-height: 13px;
  122. font-weight: bold;
  123. color: #ECE9D8;
  124. background-image: url(/Gsc/Design4/menuHover.gif);
  125. text-decoration: none;
  126. border-style: none;
  127. margin-left: 1px;
  128. margin-right: 0px;
  129. margin-top: 4px;
  130. margin-bottom: 3px;
  131. display: block;
  132. padding-left: 15px;
  133. padding-right: 0px;
  134. padding-top: 2px;
  135. padding-bottom: 2px; }
  136.  
  137. /* MENU ON */
  138.  
  139. a.menugaucheon { width: 100%; 
  140. font-family: verdana,sans-serif;
  141. font-size: 11px;
  142. line-height: 13px;
  143. font-weight: bold;
  144. color: #ECE9D8;
  145. background-image: url(/Gsc/Design4/menuOn.gif);
  146. text-decoration: none;
  147. border-style: none;
  148. margin-left: 1px;
  149. margin-right: 0px;
  150. margin-top: 4px;
  151. margin-bottom: 3px;
  152. display: block;
  153. padding-left: 15px;
  154. padding-right: 0px;
  155. padding-top: 2px;
  156. padding-bottom: 2px; }
  157.  
  158. a.menugaucheon:visited { width: 100%; 
  159. font-family: verdana,sans-serif;
  160. font-size: 11px;
  161. line-height: 13px;
  162. font-weight: bold;
  163. color: #ECE9D8;
  164. background-image: url(/Gsc/Design4/menuOn.gif);
  165. text-decoration: none;
  166. border-style: none;
  167. margin-left: 1px;
  168. margin-right: 0px;
  169. margin-top: 4px;
  170. margin-bottom: 3px;
  171. display: block;
  172. padding-left: 15px;
  173. padding-right: 0px;
  174. padding-top: 2px;
  175. padding-bottom: 2px; }
  176.  
  177. a.menugaucheon:hover { width: 100%;  
  178. font-family: verdana,sans-serif;
  179. font-size: 11px;
  180. line-height: 13px;
  181. font-weight: bold;
  182. color: #ECE9D8;
  183. background-image: url(/Gsc/Design4/menuOn.gif);
  184. text-decoration: none;
  185. border-style: none;
  186. margin-left: 1px;
  187. margin-right: 0px;
  188. margin-top: 4px;
  189. margin-bottom: 3px;
  190. display: block;
  191. padding-left: 15px;
  192. padding-right: 0px;
  193. padding-top: 2px;
  194. padding-bottom: 2px; }
  195.  
  196. a.menugaucheon:active { width: 100%;  
  197. font-family: verdana,sans-serif;
  198. font-size: 11px;
  199. line-height: 13px;
  200. font-weight: bold;
  201. color: #ECE9D8;
  202. background-image: url(/Gsc/Design4/menuOn.gif);
  203. text-decoration: none;
  204. border-style: none;
  205. margin-left: 1px;
  206. margin-right: 0px;
  207. margin-top: 4px;
  208. margin-bottom: 3px;
  209. display: block;
  210. padding-left: 15px;
  211. padding-right: 0px;
  212. padding-top: 2px;
  213. padding-bottom: 2px; }
  214.  
  215.  
  216. /* MENU 2E NIVEAU */
  217.  
  218. a.menugauche2 { width: 100%; 
  219. font-family: verdana,sans-serif;
  220. font-size: 9px;
  221. font-weight: bold;
  222. color: #ECE9D8;
  223. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  224. text-decoration: none;
  225. border-style: none;
  226. margin-left: 10px;
  227. margin-right: 0px;
  228. margin-top: 1px;
  229. margin-bottom: 1px;
  230. display: block;
  231. padding-left: 17px;
  232. padding-right: 0px;
  233. padding-top: 2px;
  234. padding-bottom: 0px; }
  235.  
  236. a.menugauche2:visited { color: #ECE9D8;
  237. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  238. text-decoration: none; }
  239.  
  240. a.menugauche2:hover { color: #999988;
  241. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  242. text-decoration: none; }
  243.  
  244. a.menugauche2:active { color: #FFC851;
  245. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  246. text-decoration: none; }
  247.  
  248. /* MENU 2e NIVEAU ON */
  249.  
  250. a.menugauche2on { width: 100%; 
  251. font-family: verdana,sans-serif;
  252. font-size: 9px;
  253. font-weight: bold;
  254. color: #FFC851;
  255. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  256. text-decoration: none;
  257. border-style: none;
  258. margin-left: 10px;
  259. margin-right: 0px;
  260. margin-top: 1px;
  261. margin-bottom: 1px;
  262. display: block;
  263. padding-left: 17px;
  264. padding-right: 0px;
  265. padding-top: 2px;
  266. padding-bottom: 0px; }
  267.  
  268. a.menugauche2on:visited { color: #FFC851;
  269. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  270. text-decoration: none; }
  271.  
  272. a.menugauche2on:hover { color: #FFC851;
  273. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  274. text-decoration: none; }
  275.  
  276. a.menugauche2on:active { color: #FFC851;
  277. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  278. text-decoration: none; }
  279.  
  280. /* MENU 3E NIVEAU */
  281.  
  282. a.menugauche3 { width: 100%; 
  283. font-family: verdana,sans-serif;
  284. font-size: 9px;
  285. font-weight: bold;
  286. color: #ECE9D8;
  287. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  288. text-decoration: none;
  289. border-style: none;
  290. margin-left: 20px;
  291. margin-right: 0px;
  292. margin-top: 1px;
  293. margin-bottom: 1px;
  294. display: block;
  295. padding-left: 17px;
  296. padding-right: 0px;
  297. padding-top: 2px;
  298. padding-bottom: 0px; }
  299.  
  300. a.menugauche3:visited { color: #ECE9D8;
  301. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  302. text-decoration: none; }
  303.  
  304. a.menugauche3:hover { color: #999988;
  305. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  306. text-decoration: none; }
  307.  
  308. a.menugauche3:active { color: #FFC851;
  309. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  310. text-decoration: none; }
  311.  
  312. /* MENU 3e ON */
  313.  
  314. a.menugauche3on { width: 100%; 
  315. font-family: verdana,sans-serif;
  316. font-size: 9px;
  317. font-weight: bold;
  318. color: #FFC851;
  319. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  320. text-decoration: none;
  321. border-style: none;
  322. margin-left: 20px;
  323. margin-right: 0px;
  324. margin-top: 1px;
  325. margin-bottom: 1px;
  326. display: block;
  327. padding-left: 17px;
  328. padding-right: 0px;
  329. padding-top: 2px;
  330. padding-bottom: 0px; }
  331.  
  332. a.menugauche3on:visited { color: #FFC851;
  333. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  334. text-decoration: none; }
  335.  
  336. a.menugauche3on:hover { color: #FFC851;
  337. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  338. text-decoration: none; }
  339.  
  340. a.menugauche3on:active { color: #FFC851;
  341. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  342. text-decoration: none; }
  343.  
  344. /* MENU 4e NIVEAU */
  345.  
  346. a.menugauche4 { width: 99%; font-family: verdana,sans-serif;
  347. font-size: 9px;
  348. font-weight: bold;
  349. color: #ECE9D8;
  350. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  351. text-decoration: none;
  352. border-style: none;
  353. margin-left: 25px;
  354. margin-right: 0px;
  355. margin-top: 1px;
  356. margin-bottom: 1px;
  357. display: block;
  358. padding-left: 17px;
  359. padding-right: 0px;
  360. padding-top: 2px;
  361. padding-bottom: 0px;  }
  362.  
  363. a.menugauche4:visited { color: #ECE9D8;
  364. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  365. text-decoration: none; }
  366.  
  367. a.menugauche4:hover { color: #999988;
  368. background-image: url(/Gsc/Design2/niveau2Menu.gif);
  369. text-decoration: none; }
  370.  
  371. a.menugauche4:active { color: #FFC851;
  372. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  373. text-decoration: none; }
  374.  
  375. /* MENU 4e NIVEAU ON */
  376.  
  377. a.menugauche4on { width: 99%; font-family: verdana,sans-serif;
  378. font-size: 9px;
  379. font-weight: bold;
  380. color: #FFC851;
  381. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  382. text-decoration: none;
  383. border-style: none;
  384. margin-left: 25px;
  385. margin-right: 0px;
  386. margin-top: 1px;
  387. margin-bottom: 1px;
  388. display: block;
  389. padding-left: 17px;
  390. padding-right: 0px;
  391. padding-top: 2px;
  392. padding-bottom: 0px;  }
  393.  
  394. a.menugauche4on:visited { color: #FFC851;
  395. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  396. text-decoration: none; }
  397.  
  398. a.menugauche4on:hover { color: #FFC851;
  399. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  400. text-decoration: none; }
  401.  
  402. a.menugauche4on:active { color: #FFC851;
  403. background-image: url(/Gsc/Design4/niveau2Menu.gif);
  404. text-decoration: none; }
  405.