[(#REM)
Ce squelette definit les styles de l'espace prive
Note: l'entete "Vary:" sert a repousser l'entete par
defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
genant en cas de "rotation du cookie de session" apres
un changement d'IP (effet de clignotement).
ATTENTION: il faut absolument le charset sinon Firefox croit que
c'est du text/html !
]
#CACHE{3600*100,cache-client}
#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
#HTTP_HEADER{Vary: Accept-Encoding}
#SET{claire,##ENV{couleur_claire,edf3fe}}
#SET{foncee,##ENV{couleur_foncee,3874b0}}
#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
[(#REM) les vieux styles a evacuer en premier, ca permet qu'ils ne polluent pas en cas de double definition]
[(#INCLURE{fond=style_vieilles_def}{couleur_claire}{couleur_foncee}{lang}{ltr})]
body { background-color: #f8f7f3; margin: 0; border: 0; color: #000; }
body{ font-size: 100%;font-family: Verdana, Geneva, Sans, sans-serif; }
/*-- spip-admin pour le debug --*/
#INCLURE{prive/spip_admin.css}
/* Espaceurns de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.none { display: none; }
/* ajax */
.image_loading {float:#GET{right};}
#page { font-size: small; }
/* ecran etroit*/
#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;}
#navigation { float: #GET{left}; width: 200px; min-height: 100px; }
#contenu { float: #GET{left} ; margin-#GET{left}: 30px; width: 505px; }
#extra { float: #GET{left}; width: 200px; }
/* ecran large*/
.large #conteneur,.large .table_page,.large div.messages { margin-#GET{right}: auto; margin-#GET{left}: auto; text-align: #GET{left}; width: 974px; }
.large #navigation { float: #GET{left}; width: 200px; }
.large #contenu { float: #GET{left}; margin-#GET{left}: 17px; width: 540px; }
.large #extra { float: #GET{right}; width: 200px; }
/* les formulaires sont en 600px en config large */
.articles_edit .large #contenu,
.mots_edit .large #contenu,
.breves_edit .large #contenu,
.rubriques_edit .large #contenu {width:600px; margin-top: 20px;}
.articles_edit .large #extra,
.mots_edit .large #extra,
.breves_edit .large #extra,
.rubriques_edit .large #extra {width:140px;}
div.table_page { margin-top: 1em; }
#contenu { font-size: small; }
#chemin {
font-size: 0.85em;
overflow: hidden;
margin: 0;
padding: 0;
}
#chemin li a { color: black; }
#chemin li a:hover { text-decoration: underline; }
#chemin ul, #chemin li, #chemin li .bloc {
margin: 0;
padding: 0;
margin-top: 0;
padding-top: 0;
list-style-type: none;
display: inline;
}
#chemin li .bloc {
padding: 2px;
padding-bottom: 4px;
display: -moz-inline-box;
display: inline-block;
}
#chemin li .bloc:hover {
}
#chemin li li .bloc {
margin-top: 2px;
}
#chemin li li .bloc a {
color: #444;
}
#chemin .aide {padding-top: 0px; }
h1 { color: #GET{foncee}; font-size:large; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
h2 { color: #000; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
h3 { color: #666; font-size: medium; font-family: Arial, Sans, sans-serif; margin: 0.5em 0 0.25em 0; }
td { text-align: #GET{left}; }
select.fondl { padding: 0; }
.maj-debut:first-letter { text-transform: uppercase; }
/*style for horizontal list
*/
/*for IE item list must be specified in .menu-item*/
/*possible added classes #GET{left}ed centered righted vcentered*/
.h-list { display: table}
.h-list ul { display: table-row; list-style: none; margin: 0; padding: 0; }
.h-list li { display: table-cell; margin: 0; padding: 0; }
#bandeau-principal .h-list ul>li .menu-item { width: auto !important}
.vcentered li { vertical-align:middle}
.#GET{left}ed { margin: 0 auto 0 0; }
.centered { margin: 0 auto; text-align: center; }
.#GET{right}ed { margin: 0 0 0 auto; }
#page { margin: auto; text-align: center; }
.table_page{ margin: auto; text-align: #GET{left}; }
/*style for bandeau-principal*/
#bandeau-principal { padding-top: 5px; border-bottom: 1px solid #ccc; position: relative; z-index: 90; background: #fff; }
#bandeau-principal .h-list .menu-item { margin: 0 auto}
#bandeau-principal a {cursor:hand;}
#bandeau-principal a .icon_fond { width: 48px; height: 48px; background: [#(#ENV{couleur_claire})]; margin: auto; }
#bandeau-principal a.selection .icon_fond { width: 48px; margin:auto }
#bandeau-principal a:hover span.icon_fond { background: [#(#ENV{couleur_claire}|couleur_eclaircir)]; width: 48px; height: 48px; margin: auto; }
#bandeau-principal li.boutons_admin:hover .bandeau_sec,
#bandeau-principal li.boutons_admin.sfhover .bandeau_sec { display: block; }
#bandeau-principal span.icon_fond span { background: center top no-repeat; height: 48px; display: block; width: 48px; margin: 0; }
/*style for submenus*/
.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; }
/*style for #bandeau_couleur*/
.bandeau_couleur {text-align: #GET{left}; margin: 0; padding: 0; }
.bandeau_couleur a {color:#666;}
#bandeau_couleur { min-height: 20px; padding: 2px 0; max-height: 40px; width: 100%; background: #GET{claire}; }
#bandeau_couleur1 .menu-item { width: 230px; text-align: #ENV{ltr}}
#bandeau_couleur3 .menu-item { width: 150px; text-align: #GET{right}}
#bandeau_couleur4 .menu-item { width: 68px; margin: 0 5px; text-align: #GET{right}; }
#bandeau_couleur4 .menu-item a {font-weight:normal; color: black;}
#bandeau_couleur5 .menu-item { width: 114px; }
#bandeau_couleur6 .menu-item { width: 32px; }
#preferences_couleurs,
#preferences_menu,
#preferences_ecran {display:inline; padding:0 3px;}
#preferences_map {display:none;}
#preferences_couleurs {
white-space: nowrap;
}
#bandeau_couleur5 label {position:absolute;top:-500px;}
/* * Icones et bandeaux */
/* Da cancellare
#bandeau-principal { background-color: #fff; margin: 0; padding: 0; border-bottom: 1px solid #000; }
.bandeau-icones { background-color: #fff; margin: 0; padding: 0; padding-bottom: 2px; padding-top: 4px; } */
/* .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; } */
/* .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; } */
.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; }
.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; }
a.lien_sous { color: #666; }
a.lien_sous:hover { color: #000; text-decoration: underline; }
.cadre-bandeau-rubriques { background-color: #eee; z-index: 1; }
.cadre-bandeau-rubriques .titrem { background: #GET{claire}; }
.cadre-bandeau-rubriques .cadre_padding { padding: 0; }
.cadre-meme-rubriques { background: #eee; border: 1px solid #ccc; }
.cadre-meme-rubriques .cadre_padding.padding_x { padding: 0; }
.cadre-meme-rubriques .padding_x .bloc_depliable { padding: 0; }
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); }
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; }
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%; }
div.brt { background: url(#GET{chemin_img_pack}triangle-droite[(#GET{rtl})].gif) [(#GET{right})] center no-repeat; }
div.pos_r { position: relative; }
/* selecteur de rubriques */
.selecteur_parent{font-size: 90%; width: 99%; max-height: 24px;} /* appliquee sur le