3 Ce squelette definit les styles de l'espace prive
5 Note: l'entete
"Vary:" sert a repousser l'entete par
6 defaut
"Vary: Cookie,Accept-Encoding", qui est (un peu)
7 genant en cas de
"rotation du cookie de session" apres
8 un changement d'IP (effet de clignotement).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
13 #CACHE{
3600*
100,cache-client}
14 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
15 #HTTP_HEADER{Vary: Accept-Encoding}
17 #SET{claire,##ENV{couleur_claire,edf3fe}}
18 #SET{foncee,##ENV{couleur_foncee,
3874b0}}
19 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
20 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
21 #SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
22 #SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
24 [(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
25 [(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{lang}{ltr})]
27 body { background-color: #f8f7f3; margin:
0; border:
0; color: #
000; }
28 body{ font-size:
100%;font-family: Verdana, Geneva, Sans, sans-serif; }
30 /*-- spip-admin pour le debug --*/
31 #INCLURE{prive/spip_admin.css}
34 /* Espaceurns de blocs */
35 .nettoyeur { clear: both; height:
0; margin:
0; padding:
0; border:
0; line-height:
1px; font-size:
1px; }
37 /* Non visible a l'ecran */
38 .invisible { position: absolute; top: -
3000em; height:
1%; }
39 .none { display: none; }
42 .image_loading {float:#GET{right};}
44 #page { font-size: small; }
46 #conteneur,.table_page,div.messages { clear: both; margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width:
750px; margin-top:
0.5em;}
47 #navigation { float: #GET{left}; width:
200px; min-height:
100px; }
48 #contenu { float: #GET{left} ; margin-#GET{left}:
30px; width:
505px; }
49 #extra { float: #GET{left}; width:
200px; }
52 .large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width:
974px; }
53 .large #navigation { float: #GET{left}; width:
200px; }
54 .large #contenu { float: #GET{left}; margin-#GET{left}:
17px; width:
540px; }
55 .large #extra { float: #GET{right}; width:
200px; }
57 /* les formulaires sont en
600px en config large */
58 .articles_edit .large #contenu,
59 .mots_edit .large #contenu,
60 .breves_edit .large #contenu,
61 .rubriques_edit .large #contenu {width:
600px; margin-top:
20px;}
62 .articles_edit .large #extra,
63 .mots_edit .large #extra,
64 .breves_edit .large #extra,
65 .rubriques_edit .large #extra {width:
140px;}
68 div.table_page { margin-top:
1em; }
69 #contenu { font-size: small; }
77 #chemin li a { color: black; }
78 #chemin li a:hover { text-decoration: underline; }
80 #chemin ul, #chemin li, #chemin li .bloc {
85 list-style-type: none;
91 display: -moz-inline-box;
92 display: inline-block;
94 #chemin li .bloc:hover {
100 #chemin li li .bloc a {
103 #chemin .aide {padding-top:
0px; }
105 h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin:
0.5em
0 0.25em
0; }
106 h2 { color: #
000; font-size: medium; font-family: Arial, Sans, sans-serif; margin:
0.5em
0 0.25em
0; }
107 h3 { color: #
666; font-size: medium; font-family: Arial, Sans, sans-serif; margin:
0.5em
0 0.25em
0; }
109 td { text-align: #GET{left}; }
113 select.fondl { padding:
0; }
114 .maj-debut:first-letter { text-transform: uppercase; }
116 /*style for horizontal list
<div class='h-list'
><ul ><li><tag class='menu-item'
></tag></li></ul></div>*/
117 /*for IE item list must be specified in .menu-item*/
118 /*possible added classes #GET{left}ed centered righted vcentered*/
120 .h-list { display: table}
121 .h-list ul { display: table-row; list-style: none; margin:
0; padding:
0; }
122 .h-list li { display: table-cell; margin:
0; padding:
0; }
123 #bandeau-principal .h-list ul
>li .menu-item { width: auto !important}
125 .vcentered li { vertical-align:middle}
126 .#GET{left}ed { margin:
0 auto
0 0; }
127 .centered { margin:
0 auto; text-align: center; }
128 .#GET{right}ed { margin:
0 0 0 auto; }
129 #page { margin: auto; text-align: center; }
130 .table_page{ margin: auto; text-align: #GET{left}; }
132 /*style for bandeau-principal*/
133 #bandeau-principal { padding-top:
5px; border-bottom:
1px solid #ccc; position: relative; z-index:
90; background: #fff; }
134 #bandeau-principal .h-list .menu-item { margin:
0 auto}
136 #bandeau-principal a {cursor:hand;}
137 #bandeau-principal a .icon_fond { width:
48px; height:
48px; background: [#(#ENV{couleur_claire})]; margin: auto; }
138 #bandeau-principal a.selection .icon_fond { width:
48px; margin:auto }
139 #bandeau-principal a:hover span.icon_fond { background: [#(#ENV{couleur_claire}|couleur_eclaircir)]; width:
48px; height:
48px; margin: auto; }
140 #bandeau-principal li.boutons_admin:hover .bandeau_sec,
141 #bandeau-principal li.boutons_admin.sfhover .bandeau_sec { display: block; }
142 #bandeau-principal span.icon_fond span { background: center top no-repeat; height:
48px; display: block; width:
48px; margin:
0; }
144 /*style for submenus*/
145 .bandeau_sec { margin-top:
0; padding:
2px; padding-top:
0; background-color: #fff; border-bottom:
1px solid #ccc; border-#GET{left}:
1px solid #ccc; border-#GET{right}:
1px solid #ccc; z-index:
100; display: none; position:absolute; }
147 /*style for #bandeau_couleur*/
148 .bandeau_couleur {text-align: #GET{left}; margin:
0; padding:
0; }
149 .bandeau_couleur a {color:#
666;}
151 #bandeau_couleur { min-height:
20px; padding:
2px
0; max-height:
40px; width:
100%; background: #GET{claire}; }
152 #bandeau_couleur1 .menu-item { width:
230px; text-align: #ENV{ltr}}
153 #bandeau_couleur3 .menu-item { width:
150px; text-align: #GET{right}}
154 #bandeau_couleur4 .menu-item { width:
68px; margin:
0 5px; text-align: #GET{right}; }
155 #bandeau_couleur4 .menu-item a {font-weight:normal; color: black;}
156 #bandeau_couleur5 .menu-item { width:
114px; }
157 #bandeau_couleur6 .menu-item { width:
32px; }
159 #preferences_couleurs,
161 #preferences_ecran {display:inline; padding:
0 3px;}
162 #preferences_map {display:none;}
164 #preferences_couleurs {
168 #bandeau_couleur5 label {position:absolute;top:-
500px;}
171 /* * Icones et bandeaux */
174 #bandeau-principal { background-color: #fff; margin:
0; padding:
0; border-bottom:
1px solid #
000; }
175 .bandeau-icones { background-color: #fff; margin:
0; padding:
0; padding-bottom:
2px; padding-top:
4px; } */
176 /* .bandeau_sec .gauche { margin-top:
0; padding:
2px; padding-top:
0; background-color: #fff; border-bottom:
1px solid #
000; border-#GET{left}:
1px solid #
000; border-#GET{right}:
1px solid #
000; z-index:
100; } */
177 /* .bandeau-icones.separateur { vertical-align: middle; height:
100%; width:
11px; margin:
0; padding:
0; background: url(#GET{chemin_img_pack}file=tirets-separation.gif); background-position:
5px
0px; } */
178 .bandeau_couleur { padding-#GET{right}:
4px; padding-#GET{left}:
4px; font-family: verdana, helvetica, arial, sans; font-size:
11px; color: #
000; text-align: center; font-weight: bold; height:
22px; }
179 .bandeau_couleur_sous { position: absolute; visibility: hidden; top:
1px; background-color: white; border:
1px solid #GET{claire}; color: #
000; padding:
5px; padding-top:
2px; font-family: verdana, helvetica, arial, sans; font-size:
11px; }
181 a.lien_sous { color: #
666; }
182 a.lien_sous:hover { color: #
000; text-decoration: underline; }
183 .cadre-bandeau-rubriques { background-color: #eee; z-index:
1; }
184 .cadre-bandeau-rubriques .titrem { background: #GET{claire}; }
185 .cadre-bandeau-rubriques .cadre_padding { padding:
0; }
186 .cadre-meme-rubriques { background: #eee; border:
1px solid #ccc; }
187 .cadre-meme-rubriques .cadre_padding.padding_x { padding:
0; }
188 .cadre-meme-rubriques .padding_x .bloc_depliable { padding:
0; }
190 a.bandeau_rub { display: block; font-size:
10px; padding:
3px; padding-#GET{right}:
13px; padding-#GET{left}:
16px; color: #
666; text-decoration: none; border-bottom:
1px solid #ccc; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] center; background-image: url(#GET{chemin_img_pack}rubrique-
12.gif); }
191 a.bandeau_rub:hover { background-color: #fff; text-decoration: none; color: #
333; background-repeat: no-repeat; background-position: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] center; }
192 div.bandeau_rub { position: absolute; #GET{left}:
120px; background-color: #eee; padding:
0; border:
1px solid #ccc; border-bottom:
0px; visibility: hidden; min-width:
100%; }
194 div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
195 div.pos_r { position: relative; }
197 /* selecteur de rubriques */
198 .selecteur_parent{font-size:
90%; width:
99%; max-height:
24px;} /* appliquee sur le
<select> */
199 option.selec_rub { background-position: [(#GET{left})] center; background-image: url(#GET{chemin_img_pack}rubrique-
12.gif); background-repeat: no-repeat; padding-#GET{left}:
16px; }
200 option.niveau_1 { font-weight: bold; background: #GET{claire}; background-image: url(#GET{chemin_img_pack}secteur-
12.gif); background-repeat: no-repeat; }
201 option.niveau_2 { color: #
202020; border-bottom:
1px solid #GET{claire}; }
202 option.niveau_3 { color: #
404040; }
203 option.niveau_4 { color: #
606060; }
204 option.niveau_5 { color: #
808080; }
205 option.niveau_6 { color: #a0a0a0; }
208 div.wrap-messages, div.en_lignes { padding:
5px; border-bottom:
1px solid #GET{foncee}; font-weight: bold;}
209 div.wrap-messages {background:#
333;color:#fff;}
210 div.messages {margin-top:
0;font-size:
11px;}
211 div.messages ul {text-align:left;}
213 div.en_lignes { font-size:
10px;}
217 /* Icones de fonctions */
218 a.icone26 { font-family: verdana, helvetica, arial, sans; font-size:
11px; font-weight: bold; color: #
000; text-decoration: none; padding:
1px; margin-#GET{right}:
2px; }
219 a.icone26:hover { text-decoration: none; }
220 a.icone26 img { vertical-align: middle; background-color: #GET{foncee}; }
221 a.icone26:hover img { background-color: #GET{claire}; }
222 .icone36 { border:
0; padding:
5px
0; margin:
0; text-align: center; text-decoration: none; font-size: x-small; width:
72px; }
223 .icone36 a, .icone36 a,a.icone36, a.icone36:hover { text-decoration: none; }
224 .icone36 a img, a.icone36 img { margin:
0 auto; display: inline; padding:
4px; background-color: #eee; border:
2px solid #GET{foncee}; }
225 .icone36 a:hover img,a.icone36:hover img { background-color: #fff; border:
2px solid #
666; }
226 .icone36.danger img { background-color: #fff; border:
2px solid #ff9999; }
227 .icone36.danger a:hover img,a.icone36.danger:hover img { background-color: #fff; border:
2px solid red; }
228 .icone36 span { font-weight: bold; color: #GET{foncee}; display: block; margin:
2px auto; width:
100%; height:
3em; }
229 .icone36 a:hover span,a.icone36:hover span { color: #
000; }
230 .icone36.danger span { color: #ff9999; }
231 .icone36.danger a:hover span,a.icone36.danger:hover span { color: red; }
232 a.icone36.historique-
24 { width:
90px; }
233 a.icone36.suivi-forum-
24 { width:
100px; }
236 /* Icones
48 *
48 et
24 *
24 */
237 .cellule36, .cellule48 { padding:
0; border:
0; vertical-align: top; text-align: center; text-decoration: none; }
238 .cellule36 { margin:
0; font-size:
10px; }
239 .cellule48 { margin:
2px; font-size:
12px; }
240 .cellule36 a, .cellule36 a:hover, .cellule48 a, .cellule48 a:hover { text-decoration: none; }
241 .cellule36 a, .cellule48 a { display: block; text-align: center; }
242 .cellule48 a img { display: inline; background-color: #GET{claire}; margin:
4px; padding:
0; border:
0; }
243 .cellule48 a.selection img { display: inline; margin:
4px; padding:
0; border:
0; background-color: #
999; }
244 .cellule48 a:hover img { display: inline; margin:
4px; padding:
0; border:
0; background-color: #[(#ENV{couleur_claire}|couleur_eclaircir)]; }
245 .cellule36 a img { margin:
0; display: inline; padding:
3px; border:
0; border:
1px solid #fff; background-color: transparent; }
246 .cellule36 a.selection img{ margin:
0; display: inline; padding:
3px; background-color: #fff; border:
1px solid #ccc; }
247 .cellule36 a:hover img { margin:
0; display: inline; padding:
3px; background-color: #e4e4e4; background-color: #[(#ENV{couleur_claire}|couleur_eclaircir)]; border:
1px solid #GET{foncee}; }
248 .cellule36 a span, .cellule48 a span { color: #
666; display: block; margin:
1px; width:
100%; }
249 .cellule36 a:hover span, .cellule48 a:hover span { color: #
000; display: block; margin:
1px; width:
100%; }
250 .cellule36 a.selection span, .cellule48 a.selection span { color: #
000; display: block; margin:
1px; width:
100%; }
252 img.aide { width:
12px; height:
12px; vertical-align: middle; margin-bottom: -
1px; margin-top: -
1px; }
254 .cellule36 a.aide, .cellule36 a.aide:hover { display: inline; background: none; margin:
0; padding:
0; }
255 .cellule36 a.aide img { margin:
0; padding:
0; }
257 /* Navigation texte */
258 .cellule-texte { margin:
0; padding:
0; border:
0; vertical-align: top; font-size:
10px; font-weight: bold; text-align: center; text-decoration: none; }
259 .cellule-texte a, .cellule-texte a:hover { text-decoration: none; display: block; }
260 .cellule-texte a { margin:
1px; padding:
4px; border:
0; color: #
606060; }
261 .cellule-texte a.selection { background-color: #GET{claire}; margin:
1px; padding:
3px; border:
1px solid #GET{foncee}; color: #
000; }
262 .cellule-texte a:hover { background-color: #fff; margin:
1px; padding:
3px; border:
1px solid #GET{foncee}; color: #
333; }
263 .cellule-texte a.aide, .cellule-texte a.aide:hover { display: inline; background: none; border:
0; }
264 .cellule-texte a.aide img { margin:
0; }
267 /* * Icones horizontales */
268 a.cellule-h { display: block; }
269 a.cellule-h { font-size:
10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #
666; }
270 a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover { font-size:
10px; font-weight: bold; text-align: #GET{left}; text-decoration: none; color: #
000; }
271 a.cellule-h div.cell-i { padding:
0; border:
1px solid #fff; margin:
0; margin-#GET{right}:
3px; }
272 a.cellule-h:hover div.cell-i { background-color: #[(#ENV{couleur_claire}|couleur_eclaircir)]; margin:
0; margin-#GET{right}:
3px; padding:
0; border:
1px solid #GET{foncee}; }
273 table.cellule-h-table { margin:
0; padding:
0; border:
0; }
274 a.cellule-h img { width:
24px; height:
24px; border:
0; margin:
3px; background-repeat: no-repeat; background-position: center center; }
275 a.cellule-h a.aide img { width:
12px; height:
12px; }
276 a.cellule-h-texte { display: block; clear: both; text-align: #GET{left}; font-family: Trebuchet Sans MS, Arial, Sans, sans-serif; font-weight: bold; font-size:
11px; color: #
606060; padding:
4px; margin:
3px; border:
1px solid #ddd; background-color: #f0f0f0; width:
92%; }
277 .danger, a.cellule-h-texte { background: url(#GET{chemin_img_pack}rayures-sup.gif); }
278 a.cellule-h-texte:hover { text-decoration: none; color: #
000; border-#GET{right}: solid
1px #fff; border-bottom: solid
1px #fff; border-#GET{left}: solid
1px #
666; border-top: solid
1px #
666; background-color: #eee; }
281 /* * Style des icones */
283 .fondgris { cursor: pointer; padding:
4px; margin:
1px; }
284 .fondgrison { cursor: pointer; padding:
3px; margin:
1px; border:
1px dashed #
999; background-color: #e4e4e4; }
285 .fondgrison2 { cursor: pointer; padding:
3px; margin:
1px; border:
1px dashed #
999; background-color: #fff; }
286 .bouton36gris { padding:
6px; margin-top:
2px; border:
1px solid #ccc; background-color: #eee; }
287 .bouton36blanc { padding:
6px; margin-top:
2px; border:
1px solid #
999; background-color: #fff; }
288 .bouton36rouge { padding:
6px; margin-top:
2px; border:
1px solid red; background-color: #fff; }
289 .bouton36off { padding:
6px; margin-top:
2px; width:
24px; height:
24px; }
291 div.onglet { font-family: Verdana, Arial, Sans, sans-serif; font-size:
11px; font-weight: bold; border:
1px solid #GET{foncee}; margin-#GET{right}:
3px; padding:
5px; background-color: #fff; }
292 div.onglet a { color: #GET{foncee}; }
293 div.onglet_on { font-family: Verdana, Arial, Sans, sans-serif; font-size:
11px; font-weight: bold; border:
1px solid #GET{foncee}; margin-#GET{right}:
3px; padding:
5px; background-color: #GET{claire}; }
294 div.onglet_on a, div.onglet_on a:hover { color: #GET{claire}; color: #GET{foncee}; text-decoration: none; }
295 div.onglet_off { font-family: Verdana, Arial, Sans, sans-serif; font-size:
11px; font-weight: bold; border:
1px solid #GET{foncee}; margin-#GET{right}:
3px; padding:
5px; background-color: #GET{foncee}; color: #fff; }
297 .reliefblanc { background-image: url(#GET{chemin_img_pack}barre-blanc.gif); }
298 .reliefgris { background-image: url(#GET{chemin_img_pack}barre-noir.gif); }
299 .iconeoff { padding:
3px; margin:
1px; border:
1px dashed #ccc; background-color: #f0f0f0; }
300 .iconeon { cursor: pointer; padding:
3px; margin:
1px; border-#GET{right}: solid
1px #fff; border-bottom: solid
1px #fff; border-#GET{left}: solid
1px #
666; border-top: solid
1px #
666; background-color: #eee; }
301 .iconedanger { padding:
3px; margin:
1px; border:
1px dashed #
000; background: url(#GET{chemin_img_pack}rayures-sup.gif); }
303 /* Raccourcis pour les polices (utile pour les tableaux) */
304 .arial0 { font-family: Arial, Sans, sans-serif; font-size:
9px; }
305 .arial1 { font-family: Arial, Sans, sans-serif; font-size:
10px; }
306 .arial11 { font-family: Arial, Sans, sans-serif; font-size:
11px; }
307 .arial2 { font-family: Arial, Sans, sans-serif; font-size:
12px; }
308 .verdana1 { font-size:
10px; }
309 .verdana2 { font-size:
11px; }
310 .verdana12 {font-size:
12px; }
311 .verdana3 { font-size:
13px; }
312 .serif { font-family: Georgia, Garamond, Times New Roman, serif; }
313 .serif1 { font-family: Georgia, Garamond, Times New Roman, serif; font-size:
11px; }
314 .serif2 { font-family: Georgia, Garamond, Times New Roman, serif; font-size:
13px; }
316 .spip_xx-large { font-size:
32px; }
317 .spip_x-large { font-size:
26px; }
318 .spip_large { font-size:
18px; }
319 .spip_medium { font-size:
16px; }
320 .spip_small { font-size:
14px; }
321 .spip_x-small { font-size:
12px; }
322 .spip_xx-small { font-size:
10px; }
325 /* Liens hypertexte */
326 a { text-decoration: none; color: #GET{foncee}; }
327 a:hover { text-decoration: none; }
328 a.icone { text-decoration: none; }
329 a.icone:hover { text-decoration: none; }
331 /* * Correction orthographique */
332 .ortho { background: #ffe0e0; margin:
0; margin-bottom: -
2px; border-bottom:
2px dashed red; color: inherit; text-decoration: none; }
333 a.ortho:hover { margin: -
2px; border:
2px dashed red; color: inherit; text-decoration: none; }
334 .ortho-dico { background: #e0f4d0; margin:
0; margin-bottom: -
2px; border-bottom:
2px dashed #a0b890; color: inherit; text-decoration: none; }
335 a.ortho-dico:hover { margin: -
2px; border:
2px dashed #a0b890; color: inherit; text-decoration: none; }
337 #ortho-fixed { position: fixed; top:
0; #GET{right}:
0; width:
25%; padding:
15px; margin:
0; }
338 .ortho-content { position: absolute; top:
0; width:
70%; padding:
15px; margin:
0; }
339 .suggest-actif, .suggest-inactif { font-family:
"Trebuchet Sans MS", Verdana, Geneva, sans-serif; font-size:
95%; font-weight: bold; margin:
8px; z-index:
1; }
340 .suggest-actif .detail, .suggest-inactif .detail { margin:
8px; margin-top: -
0.5em; padding:
0.5em; padding-top:
1em; border:
1px solid #c8c8c8; background: #f3f2f3; font-family: Georgia, Garamond,
"Times New Roman", serif; font-weight: normal; z-index:
0; }
341 .suggest-actif .detail ul, .suggest-inactif .detail ul { list-style-image: url(#GET{chemin_img_pack}puce.gif); background: #f3f2f3; margin:
0; padding:
0; padding-#GET{left}:
25px; }
342 .suggest-actif { display: block; }
343 .suggest-inactif { display: none; }
344 .form-ortho select { background: #ffe0e0; }
347 /* * Comparaison d articles */
348 .diff-para-deplace { background: #e8e8ff; }
349 .diff-para-ajoute { background: #d0ffc0; color: #
000; }
350 .diff-para-supprime { background: #ffd0c0; color: #
904040; text-decoration: line-through; }
351 .diff-deplace { background: #e8e8ff; }
352 .diff-ajoute { background: #d0ffc0; }
353 .diff-supprime { background: #ffd0c0; color: #
802020; text-decoration: line-through; }
354 .diff-para-deplace .diff-ajoute { background: #b8ffb8; border:
1px solid #
808080; }
355 .diff-para-deplace .diff-supprime { background: #ffb8b8; border:
1px solid #
808080; }
356 .diff-para-deplace .diff-deplace { background: #b8b8ff; border:
1px solid #
808080; }
359 td.icone a { color: #
000; text-decoration: none; font-size:
10px; font-weight: bold; }
360 td.icone a:hover { text-decoration: none; }
361 td.icone a img { border:
0; }
363 .bouton_rotation { display: block; background-color: #eee; margin-bottom:
1px; padding:
1px; border:
1px solid #GET{claire}; }
364 .bouton_rotation:hover { border:
1px solid #GET{foncee}; }
367 /* icone en bord haut du cadre */
368 .cadre-icone {position: absolute; top: -
16px; #GET{left}:
10px;z-index:
1;}
370 /* * Cadre couleur foncee */
371 .cadre_padding { padding:
6px; }
372 .cadre_padding.padding_x { padding:
0 6px; }
373 .padding_x .bloc_depliable { padding:
6px
0; }
374 /* .cadre-titre { font-family: Verdana, Geneva, helvetica, sans; font-weight: bold; font-size:
12px; padding:
3px; }*/
375 .cadre { margin:
20px
0 10px
0; font-family: Verdana, Geneva, helvetica, sans; font-size:
11px; position: relative; }
376 .cadre-fonce { background-color: #GET{foncee}; }
377 .cadre-gris-fonce { background: #
666; }
378 .cadre-gris-clair { border:
1px solid #ccc; background-color: #dedede; }
379 .cadre-couleur { background-color: #GET{claire}; }
380 .cadre-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom:
2px solid #GET{foncee}; color: #fff; }
381 .cadre-couleur-foncee { background-color: #GET{claire}; }
382 .cadre-couleur-foncee div.cadre-titre { color: #fff; }
383 .cadre-trait-couleur { background-color: #fff; border:
2px solid #GET{foncee}; }
384 .cadre-trait-couleur div.cadre-titre { background-color: #GET{foncee}; border-bottom:
2px solid #GET{foncee}; color: #fff; }
385 .cadre-r { background-color: #fff; border:
1px solid #ccc; color: #
333; }
386 .cadre-r div.cadre-titre { background-color: #ccc; border-bottom:
1px solid #
666; color: #
000; }
387 .cadre-e { background-color: #eee; border:
1px solid #ccc; }
388 .cadre-e div.cadre-titre { background-color: #GET{claire}; border-bottom:
1px solid #
666; color: #
000; }
389 .cadre-forum { background-color: #fff; border:
1px solid #ccc; margin-bottom:
0; }
390 .cadre-forum div.cadre-titre { background-color: #GET{claire}; border-bottom:
1px solid #ccc; color: #
000; }
391 .cadre-sous_rub { background-color: #fff; border:
1px solid #ccc; }
392 .cadre-thread-forum { background-color: #eee; border:
1px solid #ccc; border-top:
0; margin-bottom:
0; margin-top:
0px; }
393 .cadre-thread-forum div.cadre-titre { background-color: #ccc; color: #
000; }
394 .cadre-info{ background-color: #fff; border:
2px solid #GET{foncee}; padding:
5px; }
395 .cadre-formulaire { border:
1px solid #GET{foncee}; background-color: #ddd; padding:
5px; color: #
444; font-family: Verdana, Geneva, helvetica, sans; font-size:
11px; }
396 .cadre-formulaire-editer {color: #
444; font-family: Verdana, Geneva, helvetica, sans; font-size:
11px; }
397 .cadre-alerte { border:
6px solid red; }
400 /* * Styles pour
"Tout le site" */
402 .plan-rubrique { margin-#GET{left}:
12px; padding-#GET{left}:
10px; border-#GET{left}:
1px dotted #
888; }
403 .plan-secteur { margin-#GET{left}:
12px; padding-#GET{left}:
10px; border-#GET{left}:
1px dotted #
404040; }
405 .plan-articles, .plan-articles-bloques { border-top:
1px solid #ccc; border-#GET{left}:
1px solid #ccc; border-#GET{right}:
1px solid #ccc; }
406 .plan-articles a, .plan-articles-bloques .publie, .plan-articles-bloques .prepa, .plan-articles-bloques .prop, .plan-articles-bloques .refuse, .plan-articles-bloques .poubelle { display: block; padding:
2px; padding-#GET{left}:
18px; border-bottom:
1px solid #ccc; background: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] no-repeat; background-color: #eee; font-size:
11px; text-decoration: none; }
407 .plan-articles a:hover { background-color: #fff; text-decoration: none; }
408 .plan-articles .publie, .plan-articles-bloques .publie { background-image: url(#GET{chemin_img_pack}puce-verte.gif); }
409 .plan-articles .prepa, .plan-articles-bloques .prepa { background-image: url(#GET{chemin_img_pack}puce-blanche.gif); }
410 .plan-articles .prop, .plan-articles-bloques .prop { background-image: url(#GET{chemin_img_pack}puce-orange.gif); }
411 .plan-articles .refuse, .plan-articles-bloques .refuse { background-image: url(#GET{chemin_img_pack}puce-rouge.gif); }
412 .plan-articles .poubelle, .plan-articles-bloques .poubelle { background-image: url(#GET{chemin_img_pack}puce-poubelle.gif); }
414 a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base { display: inline; float: none; padding:
2px; margin:
0; margin-#GET{left}:
1px; margin-#GET{right}:
1px; border:
0; font-family: Arial, Helvetica, Sans, sans-serif; font-size:
9px; text-decoration: none; z-index:
1; }
415 a.foncee, a.foncee:hover { background-color: #GET{foncee}; color: #fff; border:
1px solid #GET{foncee}; }
416 a.claire, a.claire:hover { background-color: #GET{claire}; color: #GET{foncee}; border:
1px solid #GET{foncee}; }
417 span.lang_base { color: #
666; border:
1px solid #
666; background-color: #eee; }
418 span.creer { color: #
333; border:
1px solid #
333; background-color: #fff; }
419 .trad_float { float: #GET{right}; z-index:
20; margin-top:
4px; }
421 div.liste,div.cadre-liste { border:
1px solid #ccc; background:white; }
422 div.cadre div.cadre-liste { margin-top:
3px; margin-bottom:
3px; }
423 div.cadre-couleur-foncee div.cadre-liste { margin-top:
10px; margin-bottom:
3px; }
424 div.cadre-liste .cadre_padding {padding:
0; }
425 div.cadre-liste .padding_x .bloc_depliable {padding:
0; }
426 div.cadre-liste .tranches{ position: relative;border-top:
1px solid #ccc; background-color: #ddd; border-bottom:
1px solid #ccc; padding:
2px;padding-#GET{right}:
25px; }
427 div.cadre-liste .tranches a.plus {position: absolute; top:
3px; #GET{right}:
10px;}
429 .tout-site #page ul#articles_tous,.tout-site ul#articles_tous ul { list-style: none; }
430 .tout-site #page ul { margin-#GET{left}:
10px; padding-#GET{left}:
12px; border-#GET{left}:
1px dotted #
888; }
431 .tout-site #page ul,.tout-site #page li { clear: both; }
432 li.sec, li.rub { display: inline; }
433 ul
>li.sec,ul
>li.rub { display: block; }
434 li.sec a.titre, li.rub a.titre { display: block; height:
20px; margin:
0; margin-bottom:
5px; padding:
0; padding-top:
4px; padding-#GET{left}:
5px; font-weight: bold; }
435 li.art { display: block; height:
24px; }
436 li.sec a.titre { background-color: #GET{claire}; }
437 li.rub a.titre { background-color: transparent; }
438 li.art a.titre { display: inline; background-color: transparent; font-weight: normal; padding-#GET{left}:
5px; padding-top:
4px; height:
20px; }
439 span.icone { float: #GET{left}; position: relative; display: block; width:
28px; height:
24px; margin-#GET{left}: -
14px; }
440 li.art span.icone { margin-#GET{left}:
0; }
443 li.sec span.icone { background: url(#GET{chemin_img_pack}secteur-
24.gif) [(#GET{left})] bottom no-repeat; }
444 li.rub span.icone { background: url(#GET{chemin_img_pack}rubrique-
24.gif) [(#GET{left})] top no-repeat; }
445 li.art span.icone { background: url(#GET{chemin_img_pack}article-
24.gif) [(#GET{left})] top no-repeat; }
446 li.sec ul{ display: none; }
447 li.rub ul{ display: none; }
449 li img.expandImage { display: block; float: #GET{left}; position: relative; #GET{left}: -
20px; width:
16px; height:
16px; }
450 li.selected { background-color: #GET{claire}}
452 .tr_liste { background-color: #eee; }
453 .tr_liste_over, .tr_liste:hover { background-color: #fff; }
454 .tr_liste td, .tr_liste:hover td, .tr_liste_over td { border-bottom:
1px solid #ddd; }
455 tbody
>.tr_liste:last-child td { border-bottom:
0px; }
456 .tr_liste td div.liste_clip { height:
12px; overflow: hidden; }
457 .tr_liste:hover td div.liste_clip, span.liste_clip { overflow: visible; height:
100%; }
459 img.puce { width:
7px; height:
7px; border:
0; }
460 img.lang { width:
12px; height:
12px; border:
0; }
462 div.brouteur_rubrique { display: block; padding:
3px; padding-#GET{right}:
10px; border-top:
0px solid #GET{foncee}; border-bottom:
1px solid #GET{foncee}; border-#GET{left}:
1px solid #GET{foncee}; border-#GET{right}:
1px solid #GET{foncee}; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; background-color: #fff; }
463 div.brouteur_rubrique_on { display: block; padding:
3px; padding-#GET{right}:
10px; border-top:
0px solid #GET{foncee}; border-bottom:
1px solid #GET{foncee}; border-#GET{left}:
1px solid #GET{foncee}; border-#GET{right}:
1px solid #GET{foncee}; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; background-color: #eeeeee; }
465 xdiv.brouteur_rubrique:hover { background-color: #eeeeee; }
467 div.brouteur_rubrique div, div.brouteur_rubrique_on div { padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px; background-repeat: no-repeat; background-position: center #GET{left}; font-weight: bold; font-family: Arial, Sans, sans-serif; font-size:
12px; }
468 div.brouteur_rubrique div a { color: #GET{foncee}; }
469 div.brouteur_rubrique_on div a { color: #
000; }
471 .brouteur_icone_racine { background: url(#GET{chemin_img_pack}racine-site-
24.gif) [(#GET{left})] no-repeat; padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px }
472 .brouteur_icone_secteur { background: url(#GET{chemin_img_pack}secteur-
24.gif) [(#GET{left})] no-repeat; padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px }
473 .brouteur_icone_rubrique { background: url(#GET{chemin_img_pack}rubrique-
24.gif) [(#GET{left})] no-repeat; padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px }
474 .brouteur_icone_article { background: url(#GET{chemin_img_pack}article-
24.gif) [(#GET{left})] no-repeat; margin:
3px; padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px }
475 .brouteur_icone_site { background: url(#GET{chemin_img_pack}site-
24.gif) [(#GET{left})] center no-repeat; margin:
3px; padding-top:
5px; padding-bottom:
5px; padding-#GET{left}:
28px }
477 .iframe-brouteur { background-color: #eee; border:
0; z-index:
1; }
479 /* * Styles pour les statistiques */
480 table.bottom td { vertical-align: bottom; }
481 table.bottom img { display: block; }
483 /* * Styles generes par les raccourcis de mise en page */
485 .chapo { font-weight: bold; color: #
333; }
487 #wysiwyg { line-height:
1.4em; }
488 #wysiwyg a { /*color: #
604A7F;*/ text-decoration: underline; }
489 #wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }
491 .spip_recherche { width:
240px; float: [(#GET{right})]; }
492 .spip_recherche .recherche{ padding:
3px; width:
200px; font-size:
10px; border:
1px solid #fff; background-color: #GET{foncee}; color: #fff; margin:
0 3px
6px
0; }
493 .spip_recherche .submit {vertical-align:middle;}
495 /* pour le plugin
"revision_nbsp" */
496 .spip-nbsp { border-bottom:
2px solid #c8c8c8; padding-#GET{left}:
2px; padding-#GET{right}:
2px; margin-#GET{left}: -
1px; margin-#GET{right}: -
1px; }
498 .boutonlien { font-weight: bold; font-size:
9px; }
499 a.boutonlien:hover { color: #
454545; text-decoration: none; }
500 a.boutonlien { color: #
808080; text-decoration: none; }
502 a.triangle_block { margin-top: -
3px; margin-bottom: -
3px; margin-#GET{right}: -
3px; filter:alpha(opacity=
70); -moz-opacity:
0.7; opacity:
0.7; }
503 a.triangle_block:hover { filter: alpha(opacity=
100); -moz-opacity:
1; opacity:
1; }
505 .fond-agenda { background: url(#GET{chemin_img_pack}fond-agenda.gif) [(#GET{right})] center no-repeat; float: #GET{left}; margin-#GET{right}:
3px; padding-#GET{right}:
4px; line-height:
12px; color: #
666; }
507 .highlight { color: #
000; background-color: #
666; }
508 .highlight.off { padding:
2px; display: block; color: #
666; background-color: #fff; }
509 a.highlight:hover { color: #
000; cursor: pointer; }
511 div.petite-racine { margin-bottom: -
5px; }
512 div.petite-racine, a.petite-racine { background: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] no-repeat; background-image: url(#GET{chemin_img_pack}racine-site-
12.gif); padding-#GET{left}:
15px; background-color: #fff; border:
1px solid #GET{foncee}; border-bottom:
0; width:
134px; }
513 div.petite-rubrique, a.petite-rubrique { background: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] no-repeat; background-image: url(#GET{chemin_img_pack}rubrique-
12.gif); padding-#GET{left}:
15px; }
514 div.petit-secteur, a.petit-secteur { background: [(#ENV{ltr}|choixsiegal{left,
1,
99})%] no-repeat; background-image: url(#GET{chemin_img_pack}secteur-
12.gif); padding-#GET{left}:
15px; }
515 div.rub-ouverte, a.rub-ouverte { padding-#GET{right}:
10px; background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
517 a.ical { background: url(#GET{chemin_img_pack}synchro-
24.gif) no-repeat; background-position: top center; padding-#GET{left}:
30px; padding-bottom:
20px; }
519 .swap-couche { border:
0; height:
10px; width:
10px; }
521 /* Titre d'une boite */
522 .titrem { font-weight: bold; }
523 div.titrem { display: block; padding-top:
6px; padding-bottom:
4px; background-repeat: no-repeat; padding-[(#GET{left})]:
16px; padding-[(#GET{right})]:
10px;}
524 div.titrem a.titremancre {padding:
15px
0 0 16px;background-position: [(#GET{left})] top;background-repeat: no-repeat; position:relative;float:[(#GET{left})];margin-[(#GET{left})]:-
16px;}
526 .cadre-couleur-foncee .titrem { background-color: #GET{claire}; color: #fff; color: #
444; }
527 .cadre-couleur-foncee .cadre_padding .titrem { color: #
444; }
528 .cadre-trait-couleur .titrem { background-color: #GET{foncee}; color: #fff; }
529 .cadre-trait-couleur .cadre_padding .titrem { background-color: #fff;color: #
444; }
531 .ajax-action {padding-top:
0px;clear:both;position: relative; }
533 .dater {position: relative; }
534 .dater { border:
1px solid #GET{claire}; }
535 .dater .hover, .editer_mot .hover, .editer_auteurs .hover { background-color: #GET{claire}; }
537 .mots_tous #contenu .titrem.impliable { background-color: #GET{claire}; }
539 .configuration #contenu .cadre .titrem { background-color:#eee; }
540 .configuration #contenu .titrem.hover { background-color: #GET{claire}; }
541 .configuration #contenu .cadre-trait-couleur { border:
1px solid #ccc; }
542 .configuration #contenu .cadre-trait-couleur .titrem { background-color: #GET{claire};color: [#(#ENV{couleur_foncee}|couleur_foncer)]; text-transform: uppercase; }
543 .configuration #contenu .ajax-action,
544 .configuration #contenu .cadre-trait-couleur .cadre_padding {
547 .configuration #contenu .cadre-couleur .cadre_padding .titrem,
548 .configuration #contenu .cadre-trait-couleur .cadre_padding .titrem {
549 text-transform: none;
550 background-color: white;
551 padding-bottom:
11px;
555 .configuration #contenu .cadre-couleur .titrem { background-color: #GET{claire}; }
559 .cadre-liste .titrem { background-color: #fff; color: #
444; }
560 .cadre-liste .titrem.hover { background-color: #GET{claire}}
561 .cadre-liste .tr_liste .titrem { background-color:#eee; }
562 .cadre-couleur .titrem { background-color: #fff; }
564 .joindre .titrem, #navigation .joindre .titrem { background-color: #GET{claire}; }
565 .accueil #navigation .titrem { background-color: #fff; }
567 #navigation .titrem, #extra .titrem {text-align: center; }
568 #navigation .titrem, #extra .titrem { background-color: #fff; }
569 #liste_images .titrem, #liste_documents .titrem { background-color: #ccc; }
570 /*#liste_images .legender .titrem, #liste_documents .legender .titrem { background-color: #fff; } */
571 #navigation .hover, #extra .hover, .joindre .hover, #liste_images .hover, #liste_documents .hover { background-color: #GET{claire}; }
573 .iconifier div div.titrem {text-align: #GET{left}; }
574 .iconifier div div {text-align: center; }
575 .iconifier div div label {text-align: #GET{left};display: block; }
577 /* Deplier / Replier */
578 .deplie a.titremancre, .deplie a.titremancre, .depliant a.titremancre, .replie a.titremancre { height:
1px; padding-bottom:
0px; }
579 .replie a.titremancre { background-image: url(#GET{chemin_img_pack}deplierhaut[(#GET{rtl})].gif); }
580 .hover { background-color: #GET{claire}; }
581 .deplie a.titremancre { background-image: url(#GET{chemin_img_pack}deplierbas.gif); }
583 .blocreplie { display: none; }
584 .blocdeplie { display: block; background: none; }
586 div.pense-bete, a.pense-bete { background: url(#GET{chemin_img_pack}m_envoi_bleu[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}:
10px; }
588 div.annonce, a.annonce { background: url(#GET{chemin_img_pack}m_envoi_jaune[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}:
10px; }
590 div.message, a.message { background: url(#GET{chemin_img_pack}m_envoi[(#GET{rtl})].gif) center [(#GET{left})] no-repeat; padding-#GET{left}:
10px; }
592 .enfants ul { list-style: none; }
593 .enfants ul li.rubrique_12 {background:url(#GET{chemin_img_pack}rubrique-
12.gif)[ (#GET{left})] center no-repeat; padding:
2px; padding-#GET{left}:
18px; margin-#GET{left}:
6px;position:relative;}
595 /* * ***************************************************/
596 /* directives specifiques a une page */
597 /* exec=admin_tech */
598 #sauvegarder,#restaurer,#reparer { margin:
0 0 2em
0; }
600 /* exec=admin_plugin */
601 .liste-plugins.formulaire_spip {border:
0;background:none;padding:
0;}
602 .liste-plugins .liens {padding:
6px;background:#ddd; margin-left: -
6px; margin-right: -
7px;}
603 #liste_plugins .boutons { margin: -
6px; }
604 .liste-plugins .liste-items {margin-left: -
6px; margin-right: -
6px;}
605 .liste-plugins .liste-items .item {position:relative;padding-#GET{left}:
76px; padding-#GET{right}:
10px;}
606 .liste-plugins .liste-items .item.actif {background:#eee;}
607 .liste-plugins .liste-items .item.actif:hover {background:#e8e8e8;}
608 .liste-plugins .liste-items .item.erreur {background:#fdd;}
609 .liste-plugins .liste-items .item.erreur .erreur {color:red;font-weight:bold;}
610 .liste-plugins .liste-items .item.on {background:[#(#GET{claire}|couleur_eclaircir)];}
612 .liste-plugins .liste-items .item .short {color:#
666;font-size:
0.95em;}
613 .liste-plugins .liste-items .item.on .short {display:none;}
614 .liste-plugins .liste-items .item .check {float:#GET{left};margin-#GET{left}:-
70px;position:relative;display:inline;}
615 .liste-plugins .liste-items .item .check input {margin:
0;}
616 .liste-plugins .liste-items .item .check label {display:none;}
618 .liste-plugins .liste-items .item .download {float:#GET{left};margin-#GET{left}:-
70px;position:relative;display:inline;}
620 .liste-plugins .liste-items .item .nom {font-size:
1.2em;display:inline;}
621 .liste-plugins .liste-items .item .nom a {color:#
444;}
622 .liste-plugins .liste-items .item.actif .nom a {color:#GET{foncee};}
624 .liste-plugins .liste-items .item .icon {position:absolute;top:
3px;#GET{left}:
34px;width:
32px;height:
32px;overflow:hidden;}
625 .liste-plugins .liste-items .item .actions {float:#GET{right};visibility:hidden;}
626 .liste-plugins .liste-items .item:hover .actions {visibility:visible;}
627 .liste-plugins .liste-items .item .cfg_link { position:absolute; right:
4px; top:
4px; }
629 .liste-plugins .liste-items .item .details .desc {padding:
5px
0 2px;}
630 .liste-plugins .liste-items .item .details .auteurs {font-style:italic;padding-bottom:
5px;display:inline;}
631 .liste-plugins .liste-items .item .details .licence {display:inline;}
632 .liste-plugins .liste-items .item .details .tech {font-size:
0.9em;float:#GET{right};text-align:#GET{right};clear:#GET{left}}
634 .install-plugins {background:#ddd;border:
1px solid black;color:#
555;font-size:
0.85em;padding:
10px;}
635 .install-plugins .ok {color:green;font-weight:bold;}
636 .install-plugins .erreur {color:red;font-weight:bold;}
638 .erreur_message-plugins {border:
1px solid red;background:#f0d0d0;font-weight:normal;padding:
10px;font-size:
0.9em;}
639 .erreur_message-plugins
>ul {list-style:none;}
640 .erreur_message-plugins .info_todo {margin:
10px
0;}
643 #liste_plug { border: solid
1px #GET{foncee}; padding:
3px; background-color:white; height:
200px; overflow:auto;overflow-y: auto; }
645 /* exec=statistiques_visites */
646 .trait_haut { background: #GET{foncee}; }
647 .trait_bas { background:black; }
648 .trait_moyen { background: #
666; }
649 .couleur_dimanche { background: #GET{foncee}; }
650 .couleur_jour { background: #GET{claire}; }
651 .couleur_janvier { background: #GET{foncee}; }
652 .couleur_mois { background: #GET{claire}; }
653 .couleur_prevision { background: #eee; }
654 .couleur_realise { background: #
999; }
656 .couleur_cumul { background: #GET{foncee}; }
657 .couleur_nombre { background: #GET{claire}; }
658 .couleur_langue { background: #GET{foncee}; }
660 .statistiques_visites ul.referers { margin-left:
0; padding-left:
0; list-style: none; color: #
666; }
661 .statistiques_visites ul.referers li { clear: #GET{right}; margin-bottom:
1em; padding-left:
16px; }
662 .statistiques_visites ul.referers li .titrem { margin-left: -
16px; font-weight: normal; }
663 .statistiques_visites ul.referers li .visites3 { color: red; }
664 .statistiques_visites ul.referers li .visites2 { color: #
666; }
665 .statistiques_visites ul.referers li .visites1 { color: #
999; }
666 .statistiques_visites ul.referers li a { font-weight: bold; }
667 .statistiques_visites ul.referers li ul { font-size: x-small; list-style-type: disc; }
668 .statistiques_visites ul.referers li li { clear: none; margin-bottom:
0; padding-left:
0; }
669 .statistiques_visites ul.referers li li a { font-weight: normal; }
671 ul.classement {list-style:none;font-size:x-small;margin:
0;padding:
0;padding-#GET{left}:
42px;color:#
666666;}
672 ul.classement li {padding:
0 0 4px;margin:
0;line-height:
100%;}
673 ul.classement li em {display:block;width:
37px;float:#GET{left};margin-left:-
40px;position:relative;display:inline;font-style:normal;text-align:#GET{right};}
675 /* exec=controle_petition */
677 .signature .info_statut {color: red}
680 .signature .ad_email {}
682 .signature div.reponse_a {}
683 .signature a.reponse_a {color: black;}
684 .signature .cartouche {background-color: #GET{foncee}; color: white; font-weight: bold}
685 .signature .contenu {background-color: #ffffff}
686 .signature .poubelle {background-color: #ffff00}
689 table.calendrier th { background: #GET{claire}; }
690 table.calendrier td { border:
1px solid #GET{claire};}
691 tr.calendrier-
3jours
> td[colspan] { border:
1px solid #GET{claire};}
692 tr.calendrier-
3jours
> td { border:
1px solid #GET{claire};}
693 tr.calendrier-
3jours
> td+td+td { border:
1px solid #GET{claire};}
694 tr.calendrier-
3jours
> td+td+td+td+td { border:
1px solid #GET{claire};}
696 table.calendrier tr.heure td { border:
0 }
697 .calendrier-jour { border:
1px solid #GET{claire}; border-right:
0;}
698 .calendrier-msg { border:
1px solid #GET{claire};}
699 .jour_dimanche { background: #GET{claire};color: #fff; }
700 .jour_encours { background: #fff;color: #
000; }
701 .jour_pris { background: #fff;color: #
000; }
702 .jour_gris { background: #eee;color: #
000; }
703 tr.calendrier-titre-jour
> th { background: #f8f7f3; color: #
000; }
704 table.calendrier-cadreagenda { background: #GET{claire}; }
705 table.calendrier caption { background-color: #GET{foncee}; }
707 /* lang_raccourcis */
708 #raccourcis .titrem { background: #GET{claire}; }
711 #participants table.spip {border:
0; }
712 #participants .cadre_padding {padding:
0 0 4px
0; }
715 .option_separateur_statut_auteur { background: #GET{claire}; }
716 .option_auteur { background: #e4e4e4; }
719 .lang_ecrire { max-height:
24px; border:
1px solid #fff; color: white; width:
100px; background: #GET{foncee}; }
722 #choix_parent_principal { background: #fff; border:
1px solid #GET{foncee}; position: relative; height:
170px; overflow: auto; margin-top:
5px;}
723 .recherche_rapide_parent {margin-top: -
25px;float:right; }
724 .rubrique_actuelle {height:
25px; }
725 #selection_rubrique .informer { background: #fff; }
726 .informer-auteur { background: #fff; padding:
5px; border-top:
0; }
729 /*.legender { background: #fff; border:
1px solid #GET{foncee}; padding:
5px; margin:
3px; font-size:x-small; }*/
730 .legender { margin-top:
10px; font-size:x-small; }
733 .lien_tout_supprimer { background-color: #eee; padding:
4px; color: #
000; text-align: #GET{right}; border:
1px solid #GET{claire}; }
734 .lien_tout_supprimer a { color: red; padding-#GET{left}:
10px; background: url(#CHEMIN{images/croix-rouge.gif}) #GET{left} no-repeat; }
735 .cadre-portfolio .titrem { background-color: #GET{claire}; }
736 .cadre-portfolio .cadre_padding {padding:
0; }
737 .cadre-portfolio table {border-#GET{left}:
1px solid #GET{claire}; table-layout:fixed }
738 .cadre-portfolio table td.document { border-bottom:
1px solid #GET{claire}; border-#GET{right}:
1px solid #GET{claire}; width:
33%; text-align: #GET{left}; vertical-align:top; }
739 .cadre-documents .titrem { background-color:#
999; }
740 .cadre-documents .cadre_padding {padding:
0; }
741 .cadre-documents table {border-#GET{left}:
1px solid #
999; table-layout:fixed}
742 .cadre-documents table td.document { border-bottom:
1px solid #
999; border-#GET{right}:
1px solid #
999; width:
33%; text-align: #GET{left}; vertical-align:top; }
744 #contenu td.document .titrem { background-color: #fff; }
745 td.vu { background: #ccc; }
747 /* messages d'upload (zip etc) */
748 .upload_message {border: dotted [(#GET{foncee})]
1px; padding:
0px
5px
5px
10px; font-size: x-small}
749 .upload_message ol {padding:
2px;list-style: none; font-size: xx-small; max-height:
20em; overflow:auto}
750 .upload_message ol li {padding:
2px;}
752 /* config/reducteur */
753 .vignette_reducteur { text-align: center; vertical-align: middle; float: #GET{left}; padding:
2px; border:
2px solid #fff; width:
150px; height:
170px; }
754 .vignette_reducteur.selected { font-weight: bold; border:
2px dotted #GET{claire}; }
755 .vignette_reducteur span { display: block; }
756 /* config/locuteur */
757 .langues_bloquees {color: #GET{foncee};font-weight: bold; }
761 pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre
763 li .puce_statut { float: #GET{left}; padding-top:
5px; }
764 li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup, { padding:
0; }
765 .puce_article, .puce_breve, .puce_site { position: relative; }
766 .puce_article_fixe, .puce_breve_fixe, .puce_site_fixe { position: relative; }
768 .puce_article_popup, .puce_breve_popup, .puce_site_popup { position: absolute; top:
0; #GET{left}:
0; visibility: hidden; border:
1px solid #
666; background-color: #ccc; z-index:
10; }
769 .puce_article_popup img, .puce_breve_popup img, .puce_site_popup img { padding:
1px; border:
0; }
771 .puce_article_popup { width:
55px; }
772 .puce_breve_popup, .puce_site_popup { width:
27px; }
774 .boite_onglets {clear:both; margin-top:
15px; }
775 .tabs-nav a { color: #GET{foncee}; }
778 #voir { overflow: hidden; }
780 #contenu #wysiwyg div.label { clear: both; display: block; background-color: #GET{claire}; margin-top:
2em; padding:
.1em; font-size: x-small; color: #
777; }
781 #contenu #wysiwyg div p { margin-top:
0; }
782 #navigation .infos .numero { font-size: x-small;font-weight: bold; text-align: center; }
783 #navigation .infos .numero p { font-size: x-large; margin:
5px
0;color:#
333; font-family: verdana, helvetica, arial, sans; }
784 #navigation .infos .noinfo { color:#ddd;}
785 #contenu .bandeau_actions { margin:
5px
0;clear:both; }
786 #contenu .bandeau_actions a:hover { background: #fff; }
787 #contenu .logo_titre { float: #GET{right}; margin:
5px
0; margin-#GET{left}:
5px; }
789 #contenu #wysiwyg div.champ {display:block;}
790 #contenu #wysiwyg div.contenu_ps { background:#dddddd; border:
1px solid #
666; padding:
5px; margin:
1em
0;}
791 #contenu #wysiwyg div.contenu_ps.vide {display: none;}
792 #contenu #wysiwyg div.contenu_ps div.label {display:inline; background:none;color:#
666;}
793 #contenu #wysiwyg div.contenu_notes { background:#fff; border-top:
1px solid #
666; padding-top:
5px; margin:
1em
0; font-size:
0.83em; line-height:
1.3em;}
794 #contenu #wysiwyg div.contenu_notes p {
795 margin:
0; padding:
0;
801 #contenu #wysiwyg div.contenu_notes.vide {display: none;}
802 #contenu #wysiwyg div.contenu_notes div.label {display:inline;font-weight:bold;font-size:
0.9em;background:none;color:#
000;}
803 #contenu #wysiwyg div.texte {font-size:
1em;}
805 ul.instituer { /*float: #GET{right}; */ text-align: #GET{left}; border-top:
1px solid #eee; border-bottom:
1px solid #eee; margin:
0; padding:
5px
0; /*font-size:
0.9em; */ }
806 ul.instituer li { list-style: none; margin:
0; padding:
0; }
807 ul.instituer li ul { margin:
0; padding:
0; }
808 ul.instituer li ul li a { display: block; }
809 ul.instituer li ul li img { margin:
1px
1px -
1px; margin-#GET{right}:
5px; visibility: hidden; border:
1px solid #f8f7f3; }
810 ul.instituer li.selected img,ul.instituer li a:hover img {visibility:visible; }
811 ul.instituer a:hover { background: #eee; }
812 ul.instituer li.prepa.selected,ul.instituer li.prepa a:hover { background: #fff; }
813 ul.instituer li.prop.selected,ul.instituer li.prop a:hover { background: #f89058;color: #fff; }
814 ul.instituer li.publie.selected,ul.instituer li.publie a:hover { background: #
9dba00;color: #fff; }
815 ul.instituer li.poubelle.selected,ul.instituer li.poubelle a:hover { background: #
000; color: #fff;}
816 ul.instituer li.refuse.selected,ul.instituer li.refuse a:hover { background: #ff0000;color: #fff; }
818 #voir.tabs-container { background: #fff; padding:
5px; border:
1px solid #
999; }
819 .no_onglets .tabs-container {background:#fff; border:none;padding-top:
0;}
820 .no_onglets .tabs-nav {display: none;}
821 .no_onglets .fiche_objet { background:#fff;border:
1px solid #ccc; padding:
5px;margin-bottom:
1em; margin-top:
20px;}
822 .no_onglets #voir.tabs-container { background: #fff; padding:
0; border:
0; }
824 .no_onglets #contenu #wysiwyg div.label{ display: none; }
825 .no_onglets #contenu #wysiwyg .contenu_lien_titre {margin:
1em
0;}
826 .no_onglets #contenu #wysiwyg .contenu_lien_titre div.label{ color:#
000;background:none;display:inline; font-size:
1.1em;font-weight:bold;font-family:Georgia,Garamond,Times New Roman,serif;}
827 .no_onglets #contenu #wysiwyg .contenu_lien_titre div.lien_titre p { display:inline;}
828 .no_onglets #contenu #wysiwyg { padding:
5px;}
829 .no_onglets #contenu #wysiwyg div.contenu_soustitre,
830 .no_onglets #contenu #wysiwyg div.contenu_surtitre,
831 .no_onglets #contenu #wysiwyg div.contenu_titre {display: none;}
832 .no_onglets #contenu #wysiwyg div.vide {display: none;}
833 .no_onglets #contenu h1 {color:#GET{foncee};}
834 .no_onglets #contenu #wysiwyg div.contenu_descriptif,
835 .no_onglets #contenu #wysiwyg div.contenu_nom_site,
836 .no_onglets #contenu #wysiwyg div.contenu_ps
837 { background:#eeeeee; border:
1px solid #ccc; padding:
1em
1em
0em
1em; margin:
1em
0 ;}
838 .no_onglets #contenu #wysiwyg div.contenu_nom_site {
841 .no_onglets #contenu #wysiwyg div.contenu_descriptif span.label {color:#
000;background:none;display:inline;font-size:
1.1em;font-weight:bold;}
842 body.sites .no_onglets #contenu #wysiwyg div.contenu_nom_site {display: none;}
843 .no_onglets .boite_onglets {margin-top:
0px; }
846 .articles h1 {color: #
000; font-size: large; margin-top:
5px; }
847 #voir .article_prop {text-align: center; font-weight: bold; font-size: small; color: red; }
850 .naviguer h1 {color: #
000;font-size: large; margin-top:
5px; }
851 #contenu div.gauche { width:
49%; float: #GET{left}; }
852 #contenu div.droite { width:
49%; float: #GET{right}; }
855 .sites h1 { color: #
000;font-size: large; margin-top:
5px; }
856 #voir .site_prop {text-align: center;font-weight: bold;font-size: small;color:red; }
857 #voir .site_syndique { font-weight: bold; text-align: center; }
858 #voir .site_syndique img { vertical-align:middle; }
859 #voir .date_syndic { margin-top:
1em; }
860 #voir .mise_a_jour_syndic { text-align: #GET{right}; }
862 /* exec/breves_voir */
863 .breves h1 {color: #
000;font-size:large; margin-top:
5px; }
864 #voir .breve_prop {text-align: center;font-weight: bold;font-size: small;color:red; }
865 #props .langue {text-align: left;}
867 /* exec/auteur_infos */
868 #auteur-voir .statut {margin:
10px
0;border-top :
1px solid #eee;border-bottom :
1px solid #eee;padding:
10px
0;}
869 #auteur-voir .statut ul {margin-bottom:
0;}
872 /* fond des miniatures de logos et documents */
873 .miniature_logo, .miniature_document {
874 background: url(#GET{chemin_img_pack}fond-grille.gif) top left;
877 /* controle des forums : afficher les liens */
879 position: relative !important;
883 bottom:
0 !important;
886 display: inline; content:
" [\27a0" attr(href)
"]";
889 /******** Formulaires **************/
890 [(#INCLURE{fond=style_prive_formulaires}{couleur_claire}{couleur_foncee}{lang}{ltr})]
891 /******** Formulaires fin **************/
894 [(#INCLURE{fond=style_prive_plugins}{couleur_claire}{couleur_foncee}{lang}{ltr})]
895 /**** Plugins fin ***/