www/prive/style_prive.html

   1 [(#REM)
   2
   3         Ce squelette definit les styles de l'espace prive
   4
   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).
   9
  10         ATTENTION: il faut absolument le charset sinon Firefox croit que
  11         c'est du text/html !
  12 ]
  13 #CACHE{3600*100,cache-client}
  14 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  15 #HTTP_HEADER{Vary: Accept-Encoding}
  16
  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}}
  23
  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})]
  26
  27 body { background-color: #f8f7f3; margin: 0; border: 0; color: #000; }
  28 body{ font-size: 100%;font-family: Verdana, Geneva, Sans, sans-serif; }
  29
  30 /*-- spip-admin pour le debug --*/
  31 #INCLURE{prive/spip_admin.css}
  32
  33
  34 /* Espaceurns de blocs */
  35 .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
  36
  37 /* Non visible a l'ecran */
  38 .invisible { position: absolute; top: -3000em; height: 1%; }
  39 .none { display: none; }
  40
  41 /* ajax */
  42 .image_loading {float:#GET{right};}
  43
  44 #page { font-size: small; }
  45 /* ecran etroit*/
  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; }
  50
  51 /* ecran large*/
  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; }
  56
  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;}
  66
  67
  68 div.table_page { margin-top: 1em; }
  69 #contenu { font-size: small; }
  70
  71 #chemin {
  72         font-size: 0.85em;
  73         overflow: hidden;
  74         margin: 0;
  75         padding: 0;
  76 }
  77 #chemin li a { color: black;  }
  78 #chemin li a:hover { text-decoration: underline;  }
  79
  80 #chemin ul, #chemin li, #chemin li .bloc {
  81         margin: 0;
  82         padding: 0;
  83         margin-top: 0;
  84         padding-top: 0;
  85         list-style-type: none;
  86         display: inline;
  87 }
  88 #chemin li .bloc {
  89         padding: 2px;
  90         padding-bottom: 4px;
  91         display: -moz-inline-box;
  92         display: inline-block;
  93 }
  94 #chemin li .bloc:hover {
  95 }
  96
  97 #chemin li li .bloc {
  98         margin-top: 2px;
  99 }
 100 #chemin li li .bloc a  {
 101         color: #444;
 102 }
 103 #chemin .aide {padding-top: 0px; }
 104
 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; }
 108
 109 td { text-align: #GET{left}; }
 110
 111
 112
 113 select.fondl { padding: 0; }
 114 .maj-debut:first-letter { text-transform: uppercase; }
 115
 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*/
 119
 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}
 124
 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}; }
 131
 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}
 135
 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; }
 143
 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; }
 146
 147 /*style for #bandeau_couleur*/
 148 .bandeau_couleur {text-align: #GET{left}; margin: 0; padding: 0; }
 149 .bandeau_couleur a {color:#666;}
 150
 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; }
 158
 159 #preferences_couleurs,
 160 #preferences_menu,
 161 #preferences_ecran {display:inline; padding:0 3px;}
 162 #preferences_map {display:none;}
 163
 164 #preferences_couleurs {
 165         white-space: nowrap;
 166 }
 167
 168 #bandeau_couleur5 label {position:absolute;top:-500px;}
 169
 170
 171 /* * Icones et bandeaux */
 172
 173 /* Da cancellare
 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; }
 180
 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; }
 189
 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%; }
 193
 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; }
 196
 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; }
 206
 207
 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;}
 212
 213 div.en_lignes { font-size: 10px;}
 214
 215
 216
 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; }
 234
 235
 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%; }
 251
 252 img.aide { width: 12px; height: 12px; vertical-align: middle; margin-bottom: -1px; margin-top: -1px; }
 253
 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; }
 256
 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; }
 265
 266
 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; }
 279
 280
 281 /* * Style des icones */
 282
 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; }
 290
 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; }
 296
 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); }
 302
 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; }
 315
 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; }
 323
 324
 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; }
 330
 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; }
 336
 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; }
 345
 346
 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; }
 357
 358 td.icone table {}
 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; }
 362
 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}; }
 365
 366
 367 /* icone en bord haut du cadre */
 368 .cadre-icone {position: absolute; top: -16px; #GET{left}: 10px;z-index:1;}
 369
 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; }
 398
 399
 400 /* * Styles pour "Tout le site" */
 401
 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; }
 404
 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); }
 413
 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; }
 420
 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;}
 428
 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; }
 441
 442 span.holder {}
 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; }
 448
 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}}
 451
 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%; }
 458
 459 img.puce { width: 7px; height: 7px; border: 0; }
 460 img.lang { width: 12px; height: 12px; border: 0; }
 461
 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; }
 464
 465 xdiv.brouteur_rubrique:hover { background-color: #eeeeee; }
 466
 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; }
 470
 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 }
 476
 477 .iframe-brouteur { background-color: #eee; border: 0; z-index: 1; }
 478
 479 /* * Styles pour les statistiques */
 480 table.bottom td { vertical-align: bottom; }
 481 table.bottom img { display: block; }
 482
 483 /* * Styles generes par les raccourcis de mise en page */
 484
 485 .chapo { font-weight: bold; color: #333; }
 486
 487 #wysiwyg { line-height: 1.4em; }
 488 #wysiwyg a { /*color: #604A7F;*/ text-decoration: underline; }
 489 #wysiwyg a:hover { /*color: #f57900;*/ text-decoration: underline; }
 490
 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;}
 494
 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; }
 497
 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; }
 501
 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; }
 504
 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; }
 506
 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; }
 510
 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; }
 516
 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; }
 518
 519 .swap-couche { border: 0; height: 10px; width: 10px; }
 520
 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;}
 525
 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; }
 530
 531 .ajax-action {padding-top:0px;clear:both;position: relative; }
 532
 533 .dater {position: relative; }
 534 .dater { border: 1px solid #GET{claire}; }
 535 .dater .hover, .editer_mot .hover, .editer_auteurs .hover { background-color: #GET{claire}; }
 536
 537 .mots_tous #contenu .titrem.impliable { background-color: #GET{claire}; }
 538
 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 {
 545         padding-top: 0px;
 546 }
 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;
 552         color: #444444;
 553
 554 }
 555 .configuration #contenu .cadre-couleur .titrem { background-color: #GET{claire}; }
 556
 557
 558
 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; }
 563
 564 .joindre .titrem, #navigation .joindre .titrem { background-color: #GET{claire}; }
 565 .accueil #navigation .titrem { background-color: #fff; }
 566
 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}; }
 572
 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; }
 576
 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); }
 582 .impliable {}
 583 .blocreplie { display: none; }
 584 .blocdeplie { display: block; background: none; }
 585
 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; }
 587
 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; }
 589
 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; }
 591
 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;}
 594
 595 /* * ***************************************************/
 596 /* directives specifiques a une page */
 597 /* exec=admin_tech */
 598 #sauvegarder,#restaurer,#reparer { margin: 0 0 2em 0; }
 599
 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)];}
 611
 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;}
 617
 618 .liste-plugins .liste-items .item .download {float:#GET{left};margin-#GET{left}:-70px;position:relative;display:inline;}
 619
 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};}
 623
 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; #GET{right}:4px; top:4px; }
 628
 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}}
 633
 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;}
 637
 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;}
 641
 642
 643 #liste_plug { border: solid 1px #GET{foncee}; padding:3px; background-color:white; height: 200px; overflow:auto;overflow-y: auto; }
 644
 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; }
 655
 656 .couleur_cumul { background: #GET{foncee}; }
 657 .couleur_nombre { background: #GET{claire}; }
 658 .couleur_langue { background: #GET{foncee}; }
 659
 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; }
 670
 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};}
 674
 675 /* exec=controle_petition */
 676
 677 .signature .info_statut {color: red}
 678 .signature .date {}
 679 .signature .site {}
 680 .signature .ad_email {}
 681 .signature .texte {}
 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}
 687
 688 /* agenda */
 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};}
 695
 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}; }
 706
 707 /* lang_raccourcis */
 708 #raccourcis .titrem { background: #GET{claire}; }
 709
 710 /* exec=mesage */
 711 #participants table.spip {border:0; }
 712 #participants .cadre_padding {padding:0 0 4px 0; }
 713
 714 /* editer_auteurs */
 715 .option_separateur_statut_auteur { background: #GET{claire}; }
 716 .option_auteur { background: #e4e4e4; }
 717
 718 /* menu langues */
 719 .lang_ecrire { max-height: 24px; border: 1px solid #fff; color: white; width: 100px; background: #GET{foncee}; }
 720
 721 /* selecteur ajax */
 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; }
 727
 728 /* legender */
 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; }
 731
 732 /* portfolios */
 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; }
 743
 744 #contenu td.document .titrem { background-color: #fff; }
 745 td.vu { background: #ccc; }
 746
 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;}
 751
 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; }
 758
 759
 760 [(#REM)
 761         pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre
 762 ]
 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; }
 767
 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; }
 770
 771 .puce_article_popup { width: 55px; }
 772 .puce_breve_popup, .puce_site_popup { width: 27px; }
 773
 774 .boite_onglets {clear:both; margin-top:15px; }
 775 .tabs-nav a { color: #GET{foncee}; }
 776
 777 /* generique */
 778 #voir { overflow: hidden; }
 779
 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; }
 788
 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;
 796         margin-top: 0.5em;
 797         margin-left: 2em;
 798         text-indent: -2em;
 799
 800 }
 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;}
 804
 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; }
 817
 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; }
 823
 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 {
 839         padding: 1em;
 840  }
 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; }
 844
 845 /* exec/articles */
 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; }
 848
 849 /* exec/naviguer */
 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}; }
 853
 854 /* exec/sites */
 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}; }
 861
 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;}
 866
 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;}
 870
 871
 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;
 875 }
 876
 877 /* controle des forums : afficher les liens */
 878 .controle a {
 879         position: relative !important;
 880         left:0 !important;
 881         right:0 !important;
 882         top:0 !important;
 883         bottom: 0 !important;
 884 }
 885 .controle a:after {
 886         display: inline; content: " [\27a0" attr(href) "]";
 887 }
 888
 889 /******** Formulaires **************/
 890 [(#INCLURE{fond=style_prive_formulaires}{couleur_claire}{couleur_foncee}{lang}{ltr})]
 891 /******** Formulaires fin  **************/
 892
 893 /*** Plugins ***/
 894 [(#INCLURE{fond=style_prive_plugins}{couleur_claire}{couleur_foncee}{lang}{ltr})]
 895 /**** Plugins fin ***/