squellete2
[aidenligne_francais_universite.git] / css / screen / habillage_fr_sur_mesure.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; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; text-align: center; /* for IE */}
8
9 a img { border-style: none;}
10 form { margin: 0;}
11 h1 { color: #303030; font-size: 18px; text-transform:uppercase; line-height: 22px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
12 h2 { color: #303030; font-size: 17px; line-height: 20px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
13 h3 { color: #303030; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
14 h4 { color: #303030; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
15 h3 a { color: #303030; font-size: 14px; line-height: 18px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
16 h4 a { color: #303030; font-size: 12px; line-height: 16px; margin: 0 0 4px 0; padding: 0; font-weight: bold;}
17 .spip_surligne { background-color: #FFFF66; }
18 ul { color: #000000; padding: 3px 15px 6px 15px; margin: 0;}
19 li { color: #88571A; font-size: 12px; line-height: 16px; padding: 0; margin: 0;}
20 a { text-decoration: none; color: #88571A;}
21 a:hover {text-decoration: underline; }
22 a:active {text-decoration: none;}
23 p { font-size: 12px; line-height: 16px; color: #303030; padding-bottom: 4px; padding-top: 1px; margin: 0;}
24 .cap { float: left;font-size: 62px; line-height: 48px; font-weight: bold; color: #ED6E29;margin: 0; padding: 0; }
25 .gras { font-size: 12px; line-height: 14px; color: #88571A; padding: 0; margin: 0;font-weight: bold; }
26 .gras a {color: #88571A; text-decoration: none;}
27 .gras a:hover {text-decoration: underline;}
28 .petit { font-size: 10px; line-height: 12px; color: #88571A; padding: 0; margin: 0; }
29 .petit a {color: #88571A; text-decoration: none;}
30 .petit a:hover {text-decoration: underline;}
31 /* Form elements */
32 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;}
33 textarea{border-color: #000000; color:#000000; background-color: #EAEDF4; font:normal 11px Verdana,Arial,Helvetica,sans-serif;border-width: 1px 1px 1px 1px;}
34 select{border-color: #000000; color:#000000; font:normal 11px Verdana,Arial,Helvetica,sans-serif;}
35 input.post,textarea.post,select{background:#EAEDF4}
36 input{text-indent:2px}
37 .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;}
38 /* fixed */
39 input.button{background: #e5ebf3; color:#000000; font:11px Verdana,Arial,Helvetica,sans-serif;}
40 #popUp{ position:absolute;padding: 0 0 0 0;margin: 0; background-image: url(../../images/pop-up.gif);background-repeat: no-repeat;height:auto;height:auto;font:normal 13px Verdana; line-height:15px;z-index:100;visibility: hidden;}
41 #popUp .contenu_popUp {width: 84%;height: 85%;margin: 5px auto;overflow:auto;text-align:left;z-index:101;}
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_fsm.gif);background-repeat: repeat-x;} /*changement pour Francais sur mesure*/
48 #frame #contener_top #contener_top_image{width: 844px;height: 130px; margin: 0 auto; background-image: url(../../images/css/v3/image_degrade_fsm.jpg);background-repeat:no-repeat;}/*changement pour Francais sur mesure*/
49 #frame #contener_top #contener_top_image #menu_top {width: 260px; text-align:right;position: absolute;z-index: 30;margin-left:584px;margin-top:45px;margin-right:10px;}
50 #frame #contener_top #contener_top_image #menu_top a {font-size: 11px; color: #ED6E29; text-decoration: none;font-weight: bold;}/*changement pour Francais sur mesure*/
51 #frame #contener_top #contener_top_image #menu_top a:hover {text-decoration: underline;color: #ED6E29;}/*changement pour Francais sur mesure*/
52 #frame #contener_top #contener_top_image #droiteHeader_Contenu {width: 100%;height: 73px; margin: 0; padding: 5px 0 0 5px; text-align:left;}
53 #frame #contener_top #contener_top_image #droiteHeader_Contenu .cap { color: #ED6E29; float: left; font-size: 55px; line-height: 55px; font-weight: bold;padding: 0; margin: 0 0 6px 0;}
54 #frame #contener_top #contener_top_image #droiteHeader_Contenu .petit {color: #ED6E29; font-size: 10px; line-height: 12px; padding: 15px 0 0 0; margin: 0; }
55 #frame #contener_top #contener_top_image #droiteHeader_Contenu p { font-size: 16px; line-height: 19px; text-transform:uppercase; color: #ffffff; padding: 0.4em 0 0 0; margin: 0; font-weight: bold;}
56 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a {color: #FFFFFF; text-decoration: none;}
57 #frame #contener_top #contener_top_image #droiteHeader_Contenu p a:hover {text-decoration: none;}
58 #frame #contener_top #contener_top_image #menu_header {width: 100%;margin: 0; padding: 0 0 0 0; text-align:left;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;}
59 #frame #contener_top #contener_top_image #menu_header {}
60
61 /*CONTENER*/
62 #frame #contener{width: 844px; margin: 0 auto;padding: 0 0 0 0;}
63 /*MENU*/
64
65 /*CONTENU DE LA PAGE*/
66 #frame #contener #colonne_center{width: 844px; float: left; padding: 20px 0 0 0; }
67 #frame #contener #colonne_center #colonne_center_contenu{width: 100%; margin: 0; padding: 0;}
68
69 /* CONTENU TOP*/
70 #frame #contener #colonne_center #colonne_center_contenu #contenu_top{width: 100%; margin:0; padding: 0 0 2em 0;}
71 #frame #contener #colonne_center #colonne_center_contenu #contenu_top .img_titre{width: auto;height: auto;margin: 0; padding: 0 0.4em 0 0;}
72 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p{ color: #000000;font-size: 20px; font-weight:bold; font-family: Arial; line-height: 25px; text-transform:uppercase;padding: 0.6em 0 0 0; margin: 0; text-align:left;}
73 #frame #contener #colonne_center #colonne_center_contenu #contenu_top p:hover {color: #000000;}
74 /* CONTENU CENTER*/
75 #frame #contener #colonne_center #colonne_center_contenu #contenu {width: 100%; padding: 0px 0px 20px 0px; text-align:left; font-family: arial; }
76 #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;}
77 #frame #contener #colonne_center #colonne_center_contenu #contenu h3 { color: #303030; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0px 4px 0px; font-weight: bold;text-align:left;}
78 #frame #contener #colonne_center #colonne_center_contenu #contenu p { font-size: 15px; line-height: 18px; color: #303030; padding: 5px 0 5px 0; margin: 0;text-align:justify;}
79 #frame #contener #colonne_center #colonne_center_contenu #contenu a {color: #ED6E29; background: transparent url(../../images/css/v3/ext_link.gif) no-repeat scroll 100% 3px;padding:0 12px 0 0;}
80 #frame #contener #colonne_center #colonne_center_contenu #contenu .contexte {color: #333333; font-size: 12px; line-height: 13px;font-weight: bold;}
81 #frame #contener #colonne_center #colonne_center_contenu #contenu .lien {color: #ED6E29; font-size: 14px; line-height: 16px;font-weight: bold;}
82 #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;}
83 #frame #contener #colonne_center #colonne_center_contenu #contenu a:hover {text-decoration: underline; }
84 #frame #contener #colonne_center #colonne_center_contenu #contenu UL { color: #6d6d6d; padding: 0 0.4em 0 2em; margin: 0; }
85 #frame #contener #colonne_center #colonne_center_contenu #contenu ol { list-style: decimal; }
86 #frame #contener #colonne_center #colonne_center_contenu #contenu li { color: #6d6d6d; padding: 0.2em 0 0.2em 0;margin: 0;list-style-type:square;font-size: 15px; line-height: 18px;}
87 #frame #contener #colonne_center #colonne_center_contenu #contenu li li { color: #6d6d6d; padding: 0; margin: 0;list-style-type:disc;}
88 #frame #contener #colonne_center #colonne_center_contenu #contenu li a {color: #ED6E29;font-size: 15px; line-height: 18px;}
89 #frame #contener #colonne_center #colonne_center_contenu #contenu li a:hover{color: #ED6E29;text-decoration: underline;}
90
91
92 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page {width: 100%; clear:both; margin: 0 auto; text-align:left;padding: 10px 0 0 0;}
93 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p { font-size: 11px; line-height: 13px; color: #ED6E29; padding: 0; margin: 10px 0 0 0; }
94 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a {color: #ED6E29; text-decoration: underline;}
95 #frame #contener #colonne_center #colonne_center_contenu #contenu #contenu_notes_bas_page p a:hover {text-decoration: none; background-color: #EFEFEF;}
96 /*FIX*/
97 #frame #contener #colonne_center #colonne_center_contenu #contenu .fixhHauteur_contenu{ margin:0; padding:0; width:1px; float: left; }
98
99 /* CONTENU BOTTOM*/
100 #frame #contener #colonne_center #colonne_center_contenu #contenu_bottom{width: 100%; margin: 0 auto;padding: 40px 0 0 0; border-bottom: 3px solid #000000;}
101
102
103 /*FOOTER*/
104 #frame #contener #contener_bottom {width: 844px; height: 25px; clear:both; margin: 0; padding: 10px 0 0 0;text-align:right;}
105 #frame #contener #contener_bottom p { font-size: 11px; line-height: 13px; color: #000000; padding: 0; margin: 10px 0 0 0; }
106 #frame #contener #contener_bottom p a {color: #000000; text-decoration: underline;}
107 #frame #contener #contener_bottom p a:hover {text-decoration: none; background-color: #EFEFEF;}
108
109 /*
110 * MENU
111 */
112 .hlist {overflow: visible;border:none;background: #FFFFFF;}
113 .hlist ul { margin-left: 0;border:none; padding:0;font-family: Arial;}
114 .hlist ul li {font-size: 11px; line-height: 35px; background-color: #fff; width:135px; text-align: center; border-left:1px solid #ED6E29;}
115
116 .hlist ul li a,
117 .hlist ul li strong { color: #000000; font-weight: bold; padding: 0.5em 0.4em 0.5em 0.4em; }
118
119 .hlist ul li a:focus,
120 .hlist ul li a:hover,
121 .hlist ul li a:active { background-color: #f8aa02; color: #ffffff;}
122
123 .hlist ul li.active,
124 .hlist ul li.active strong,
125 .hlist ul li.active a,
126 .hlist ul li.active a:focus,
127 .hlist ul li.active a:hover,
128 .hlist ul li.active a:active { color: #ffffff; font-weight: bold; background-color: #f8aa02; border:none; }
129
130 .hlist ul li.active ul li,
131 .hlist ul li ul li:hover { border-left:1px solid #1689cc }
132
133 .hlist ul li.active ul li ul li,
134 .hlist ul li ul li ul li:hover { border-left:1px solid #ccc }
135
136 .hlist ul li a.lienon {background-color: #f8aa02;color: #ffffff;}/*changement pour Francais sur mesure*/
137
138 /*SPIP FORM */
139 .legend{ width:400px; text-align:left;}
140
141 div.spip_forms form label {
142 float:none;
143 }
144 div.spip_forms h2 {
145 margin:.2em;
146 color:#543E29;
147 }
148 div.spip_forms {
149 width:740px;
150 float:left;
151 color: black;
152 margin: 0px;
153 margin-bottom: 16px;
154 padding: 0;
155 background: #fff;
156 font-family: Verdana, Arial, Helvetica, sans-serif;
157 font-weight: normal;
158 }
159 div.spip_forms form {
160 border:0;
161 margin:0;
162 padding:.5em 0 0 0;
163 }
164 div.spip_forms div.spip_descriptif {
165 border:0;
166 margin:0;
167 clear:both;
168 }
169 div.spip_forms h3 {
170 float:none;text-align:left;
171 }
172 div.spip_forms legend {
173 font-size:1.15em;
174 padding:5px;
175 }
176 div.spip_forms .spip_form_champ {
177 margin-bottom:1.5em;
178 }
179 div.spip_forms .spip_form_label {
180 font-weight: bold;
181 text-align:left;
182 color:#494949;
183 }
184 div.spip_forms .spip_form_label label,
185 div.spip_forms .spip_form_label .label {
186 text-align:left;
187 font-weight: bold;
188 color:#494949;
189 }
190 div.spip_forms .spip_form_label_obligatoire {
191 font-weight: normal;
192 font-style:italic;
193 font-size:.9em;
194 }
195 div.spip_forms .obligatoire_oublie {
196 color:red;
197 }
198 div.spip_forms .spip_form_label_details{
199 display:block;
200 font-style:italic;
201 text-align:left;
202 }
203
204 div.spip_forms .spip_form_choix_multiple {
205 display:block;
206 }
207
208 div.spip_forms .spip_form_choix_unique input, div.spip_forms .spip_form_choix_unique input.fondo, div.spip_forms .spip_form_choix_unique input.fondl {
209 width:auto;
210 }
211
212 div.spip_forms .spip_form_choix_unique label {
213 margin:0 0 5px 0;
214 }
215
216 div.spip_forms .spip_form_choix_multiple input, div.spip_forms .spip_form_choix_multiple input.fondo, div.spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
217 width:auto;
218 margin:0 5px 0 0;
219 }
220 div.spip_forms ul.choix_mots {
221 list-style:none;
222 }
223 div.spip_forms .spip_sondage {
224 margin: auto;
225 }
226
227 div.spip_forms .spip_form_erreur {
228 display:none;
229 }
230 div.spip_forms .spip_form_ok {
231 font-weight: bold;
232 background:#FFCC00;
233 color:#F1F1F1;
234 margin: 1em 0 0 0;
235 padding: .6em;
236 }
237 div.spip_forms .spip_form_ok a {
238 color:#FFF9E2;
239 }
240 div.spip_forms .spip_form_ok a:hover {
241 color:#DEB55E;
242 }
243 div.spip_forms .spip_form_ok_confirmation{
244 display:block;
245 }
246 div.spip_forms .spip_sondage strong {
247 display:block;
248 clear:both;
249 margin-left:5px;
250 color:#494949;
251 }
252 div.spip_forms .spip_sondage .ligne_nom {
253 width:19%;
254 text-align:right;
255 padding-right:1%;
256 }
257 div.spip_forms .spip_sondage .ligne_nom:after {
258 content:" :";
259 }
260 div.spip_forms .spip_sondage ligne.chiffres {
261 color:#525252;
262 }
263 div.spip_forms .spip_sondage .ligne_barre {
264 height: 16px;
265 background: url(ligne.gif) repeat-x;
266 border: 1px solid black;
267 width:80%;
268 }
269 div.spip_forms .spip_sondage .sondage_table {
270 display: table;
271 width:100%;
272 }
273 div.spip_forms .spip_sondage .sondage_ligne {
274 display: table-row;
275 }
276 div.spip_forms .spip_sondage .sondage_ligne > div {
277 display: table-cell;
278 vertical-align: middle;
279 padding: 2px;
280 white-space: nowrap;
281 }
282 div.spip_forms .forml, div.spip_forms .formo {
283 width:95%;
284 border-bottom:solid 1px #E2CEC1;
285 border-right:solid 1px #E2CEC1;
286 border-top:1px solid #AF896F;
287 border-left:1px solid #AF896F;
288 padding:.5em;
289 font-size:.9em;
290 }
291 div.spip_forms .forml, div.spip_forms .fondl {
292 background: #FFFDE7;
293 color:#4A4336;
294 width:95%;
295 }
296 div.spip_forms .formo, div.spip_forms .fondo {
297 background-color: white;
298 color:#4A4336;
299 width:95%;
300 }
301 div.spip_forms .champ_obli_oubli {
302 border:2px solid red;
303 }
304 div.spip_forms form .forml-focus, div.spip_forms form input.forml-focus:focus, div.spip_forms form textarea.forml-focus:focus, .forml-focus {
305 border-bottom:solid 1px #C9AB97;
306 border-right:solid 1px #C9AB97;
307 border-top:1px solid #81593E;
308 border-left:1px solid #81593E;
309 background: #FFF2C8;
310 color:#433817;
311 font-weight:normal;
312 font-size:.9em;
313 padding:.5em;
314 width:95%;
315 }
316 div.spip_forms form .formo-focus, div.spip_forms form input.formo-focus:focus, div.spip_forms form textarea.formo-focus:focus, div.spip_forms .formo-focus {
317 border-bottom:solid 1px #C9AB97;
318 border-right:solid 1px #C9AB97;
319 border-top:1px solid #81593E;
320 border-left:1px solid #81593E;
321 background:#FFF9EE ;
322 color:#433817;
323 font-weight:normal;
324 font-size:.9em;
325 padding:.5em;
326 width:95%;
327 }
328 div.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
329 border-top:solid 2px #980F1B;
330 border-left:solid 2px #980F1B;
331 border-bottom:2px solid #F3192B;
332 border-right:2px solid #F3192B;
333 background: #FFF2C8;
334 color:#4D161B;
335 font-weight:normal;
336 font-size:.9em;
337 padding:.3em;
338 }
339 div.spip_forms .spip_bouton input {
340 border: 1px solid #563033;
341 cursor:pointer;
342 padding:.4em;
343 background:#F0E6DC;
344 font-family: Verdana, Arial, Helvetica, sans-serif;
345 font-weight:bold;
346 font-size:.9em;
347 width:100px ;
348 color:#4A4336;
349 }
350 div.spip_forms fieldset {/*changement pour Francais sur mesure*/
351 border:1px solid #ED6E29;
352 padding:.4em;
353 margin:.5em 0 .5em 0;
354 }
355 div.spip_forms a.resultats_sondage {
356 display:block;
357 float:right;
358 background:#FFFBED;
359 color:#444040;
360 padding:.2em;
361 border:1px solid #A07D7A;
362 text-decoration:none;
363 }
364 div.spip_forms a.resultats_sondage:hover {
365 background:#444040;
366 color:#F8F5EC;
367 text-decoration:none;
368 }
369 div.spip_forms p.spip_form_ok, div.spip_forms p.spip_form_erreur, div.spip_forms form {
370 clear:both;
371 }