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