squellete2
[aidenligne_francais_universite.git] / css / screen / forum.css
1 /* ************************************
2
3 screen.css
4 background-image: url(../../images/slash.png);background-repeat: repeat;
5 ************************************ */
6
7 html, body { margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; text-align: center; font-family: Verdana,Arial,Helvetica,sans-serif;
8 font-size: 11px;
9 line-height: 15px; /* for IE */}
10
11 a img { border-style: none;}
12 form { margin: 0;}
13 h1 { color: #CE3202; font-size: 18px; text-transform:uppercase; line-height: 22px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
14 h2 { color: #CE3202; font-size: 17px; line-height: 20px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
15 h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
16 h4 { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
17 h3 a { color: #000000; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
18 h4 a { color: #000000; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
19 .spip_surligne { background-color: #FFFF66; }
20 ul { color: #000000; padding: 3px 15px 6px 15px; margin: 0;}
21 li { color: #7C070C; padding: 0; margin: 0; font-size: 11px;}
22 a { text-decoration: none; color: #88571A;}
23 a:hover {text-decoration: underline; }
24 a:active {text-decoration: none;}
25 p { font-size: 12px; line-height: 16px; color: #333333; padding-bottom: 4px; padding-top: 1px; margin: 0;}
26 .cap { float: left;font-size: 62px; line-height: 48px; font-weight: bold; color: #006699;margin: 0; padding: 0; }
27 .gras { font-size: 12px; line-height: 14px; color: #88571A; padding: 0; margin: 0;font-weight: bold; }
28 .gras a {color: #88571A; text-decoration: none;}
29 .gras a:hover {text-decoration: underline;}
30 .petit { font-size: 10px; line-height: 12px; color: #88571A; padding: 0; margin: 0; }
31 .petit a {color: #88571A; text-decoration: none;}
32 .petit a:hover {text-decoration: underline;}
33 /* Form elements */
34 input{border-color: #000000; color:#000000; margin: 1px 1px 1px 1px; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;}
35 textarea{border-color: #000000; color:#000000; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;}
36 select{border-color: #000000; color:#000000; font:normal 11px Verdana,Arial,Helvetica,sans-serif;}
37 input.post,textarea.post,select{background:#EAEDF4}
38 input{text-indent:2px}
39 .select_archives{height: 16px; width: 150px; margin: 0; padding: 0; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #88571A;}
40 /* fixed */
41 input.button{background: #e5ebf3; color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif;}
42
43 /*MAIN FRAME*/
44 #frame {width: 100%;margin: 0; padding: 0 0 0 0;}
45
46 /*HEADER*/
47 #frame #contener_top {width: 100%; margin: 0; padding: 0;background-image: url(../../images/css/v3/fond_ban_rrdl.gif);}
48 #frame #contener_top #contener_top_image{width: 844px;height: 130px; margin: 0 auto; background: url(../../images/css/v3/image_degrade_rrdl.jpg) no-repeat;}
49 #frame #contener_top #contener_top_image #menu_top {width: 260px; text-align:right;position: absolute;z-index: 30;margin-left:584px;margin-top:10px;margin-right:10px;}
50 #frame #contener_top #contener_top_image #menu_top a:hover {text-decoration: underline;color: #006699;}
51 #frame #contener_top #contener_top_image #droiteHeader_Contenu {width: 100%;height: 73px; margin: 0; padding: 5px 0 0 0; text-align:left;}
52 #frame #contener_top #contener_top_image #droiteHeader_Contenu .cap { color: #C42732; float: left; font-size: 50px; line-height: 50px; font-weight: bold;padding: 0; margin: 0;}
53 #frame #contener_top #contener_top_image #droiteHeader_Contenu .petit {color: #FFFFFF; font-size: 10px; line-height: 12px; padding: 5px 0 0 0; margin: 0; }
54 #frame #contener_top #contener_top_image #droiteHeader_Contenu p { font-size: 22px; line-height: 26px; text-transform:uppercase; color: #AFD45F; padding: 0.4em 0 0 0; margin: 0; font-weight: bold;}
55 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a {color: #FFFFFF; text-decoration: none;}
56 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a:hover {text-decoration: none;}
57 #frame #contener_top #contener_top_image #menu_header {width: 100%;margin: 0; padding: 0 0 0 0; text-align:left; Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
58 #frame #contener_top #contener_top_image #menu_header dt, dl, dd, ul, li {list-style-type: none;margin: 0;padding: 0;}
59 #frame #contener_top #contener_top_image #menu_header dl {padding: 0 0.7em 0 0; float: left;width:12em;}
60 #frame #contener_top #contener_top_image #menu_header dt a {color: #006699;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #AFD45F;}
61 #frame #contener_top #contener_top_image #menu_header dt a:hover {color: #3399CC;border-color: #2175bc;}
62 #frame #contener_top #contener_top_image #menu_header dt a.lienon {color: #FFFFFF;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #AFD45F;}
63 #frame #contener_top #contener_top_image #menu_header dt a.lienon:hover {color: #FFFFFF;border-color: #AFD45F;}
64 #frame #contener_top #contener_top_image #menu_header dt a.lienoff {color: #FFFFFF;text-decoration: none;display: block;font-weight: bold; border-bottom: 0.7em solid #AFD45F;}
65 #frame #contener_top #contener_top_image #menu_header dt a.lienoff:hover {color: #3399CC;border-color: #AFD45F;}
66 #frame #contener_top #contener_top_image #menu_header dd {visibility: hidden;position: absolute;width: 760px;z-index: 90;}
67 #frame #contener_top #contener_top_image #menu_header ul {padding: 0; margin: 0;}
68 #frame #contener_top #contener_top_image #menu_header li {float:left;padding: 0.4em 1em 1em 0;font-size: 11px; line-height: 11px;}
69 #frame #contener_top #contener_top_image #menu_header li a {text-decoration: none;color: #FFFFFF;padding: 5px 15px 5px 5px;}
70 #frame #contener_top #contener_top_image #menu_header li a:hover {text-decoration: none;color: #fff;background-color: #2175bc;}
71 #frame #contener_top #contener_top_image #menu_header li a.lienon {text-decoration: none;background-color: #2175bc;padding: 5px 15px 5px 5px;}
72 #frame #contener_top #contener_top_image #menu_header li a.lienon:hover {text-decoration: underline; }
73 #frame #contener_top #contener_top_image #menu_header li a.lienoff {text-decoration: none;color: #FFFFFF;padding: 5px 15px 5px 5px;}
74 #frame #contener_top #contener_top_image #menu_header li a.lienoff:hover {text-decoration: none;color: #fff;background-color: #2175bc;}
75 #frame #contener_top #contener_top_image #menu_header ul.menu_horiz {width: 20em;position: absolute;top:1.9em;visibility: hidden;padding: 0 0 1em 0;border-right: 1px solid #000;background-color: #90bade;}
76 #frame #contener_top #contener_top_image #menu_header li.menu_horiz {text-align:left;font-size: 11px; line-height: 12px;width: 100%;margin: 0;padding: 0;border-bottom: 1px solid #90bade;}
77 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a {color: #fff;display: block;text-decoration: none;border-left: 10px solid #1958b7;border-right: 10px solid #508fc4;padding: 2px 5px 2px 0.5em;background: #2175bc;}
78 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a:hover {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
79 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienon {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
80 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienon:hover {text-decoration: underline; }
81 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienoff {color: #fff;display: block;text-decoration: none;border-left: 10px solid #1958b7;border-right: 10px solid #508fc4;padding: 2px 5px 2px 0.5em;background: #2175bc;}
82 #frame #contener_top #contener_top_image #menu_header li.menu_horiz a.lienoff:hover {color: #FCA800;border-left: 10px solid #FCA800;border-right: 10px solid #5ba3e0;background-color: #2586d7;}
83 #frame #contener_top #contener_top_barre_bas {width: 100%;margin-top: 25px; padding: 0;}
84 /*CONTENER*/
85 #frame #contener{width: 760px; margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
86 /*MENU*/
87 /*CONTENU DE LA PAGE*/
88 #frame #contener #colonne_center{width: 560px; float: right; padding: 0 10px 0 10px; }
89 #frame #contener #colonne_center #haut_ligne_contener_center{width: 100%;height: 10px; margin: 0; padding: 0; background-image: url(../../images/css/haut_ligne_contener_center.gif);background-repeat: no-repeat;}
90 #frame #contener #colonne_center #colonne_center_contenu{width: 100%;font-family: georgia, serif; margin: 0; padding: 0;background-image: url(../../images/css/ligne_contener_center.gif);background-repeat: repeat-y;}
91 /* CONTENU TOP*/
92 #frame #contener #colonne_center #colonne_center_contenu #contenu_top{width: 98%; height: 45px;margin:0; padding: 0 0 2em 0;}
93 #frame #contener #colonne_center #colonne_center_contenu #contenu_top .img_titre{width: auto;height: auto;margin: 0; padding: 0 0.4em 0 0;}
94 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p{ color: #006699;font-size: 17px; line-height: 18px;font-weight: bold;text-transform:uppercase;padding: 0.6em 0 0 0.6em; margin: 0; text-align:left;}
95 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p:hover {color: #3399CC;}
96 #frame #contener #colonne_center #colonne_center_contenu #contenu_top a {color: #006699;}
97 #frame #contener #colonne_center #colonne_center_contenu #contenu_top a:hover {color: #006699;text-decoration: underline;}
98 /* CONTENU CENTER*/
99 #frame #contener #colonne_center #colonne_center_contenu #contenu {width: 96%;height: 500px; padding: 10px 0 0 0; margin: 0 auto;overflow:auto;text-align:left; }
100 #frame #contener #colonne_center #colonne_center_contenu #contenu h1 {font-size: 20px; line-height: 23px; margin: 0 0 15px 0;text-align:left;text-transform:none;}
101 #frame #contener #colonne_center #colonne_center_contenu #contenu h3 { color: #000000; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0px 4px 14px; font-weight: bold;}
102 #frame #contener #colonne_center #colonne_center_contenu #contenu p { font-size: 15px; line-height: 17px; color: #333333; padding: 5px 0 5px 0; margin: 0;text-indent:5px;}
103 #frame #contener #colonne_center #colonne_center_contenu #contenu a {color: #006699; }
104 #frame #contener #colonne_center #colonne_center_contenu #contenu .contexte {color: #333333; font-size: 12px; line-height: 13px;font-weight: bold;}
105 #frame #contener #colonne_center #colonne_center_contenu #contenu .lien {color: #006699; font-size: 14px; line-height: 16px;font-weight: bold;}
106 #frame #contener #colonne_center #colonne_center_contenu #contenu .categorie { color: #808080; font-size: 16px; line-height: 18px; margin: 0; padding: 1em 0 1em 0.5em; font-weight: bold;}
107 #frame #contener #colonne_center #colonne_center_contenu #contenu a:hover {text-decoration: underline; }
108 #frame #contener #colonne_center #colonne_center_contenu #contenu UL { color: #006699; padding: 0 0.4em 0 2em; margin: 0; }
109 #frame #contener #colonne_center #colonne_center_contenu #contenu li { color: #CE3202; padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;}
110 #frame #contener #colonne_center #colonne_center_contenu #contenu li li { color: #006699; padding: 0; margin: 0;list-style-type:disc;}
111 #frame #contener #colonne_center #colonne_center_contenu #contenu li a {color: #006699;font-size: 13px; line-height: 14px;}
112 #frame #contener #colonne_center #colonne_center_contenu #contenu li a:hover{color: #006699;text-decoration: underline;}
113
114 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page {width: 96%; margin: 0 auto; text-align:left;padding: 10px 0 0 0;}
115 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p { font-size: 11px; line-height: 13px; color: #006699; padding: 0; margin: 10px 0 0 0; }
116 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a {color: #006699; text-decoration: underline;}
117 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a:hover {text-decoration: none; background-color: #EFEFEF;}
118
119 /* CONTENU BOTTOM*/
120 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom{width: 96%; margin: 0 auto;padding: 20px 0 0 0;}
121 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p { font-size: 10px; line-height: 12px; color: #006699; padding: 0; margin: 0 0 0 0; }
122 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a {color: #006699; text-decoration: underline;background-color: #EFEFEF;}
123 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom p a:hover {text-decoration: none; }
124 #frame #contener #colonne_center #bas_ligne_contener_center{width: 100%;height: 12px;margin: 0 0 0 0; padding: 0;background-image: url(../../images/css/bas_ligne_contener_center.gif);background-repeat: no-repeat;}
125 /*FOOTER*/
126 #frame #contener #contener_bottom {width: 100%; height: 5px; clear:both; margin: 0; padding: 0;}