diff --git a/ecrire/inc_presentation.php b/ecrire/inc_presentation.php
index 8cba222a1eeaad8ab2c550f5d68a937ba1b50c5c..8309183f606bd173e21b473dd4db3280e8f9c6b5 100644
--- a/ecrire/inc_presentation.php
+++ b/ecrire/inc_presentation.php
@@ -1800,7 +1800,7 @@ function envoi_link($nom_site_spip, $rubrique="")
 	}
 
 	return $res .
-	  '<link rel="stylesheet" type="text/css" href=\'' . generer_url_action('style', $args_color) . "'>\n" .
+#	  '<link rel="stylesheet" type="text/css" href=\'' . generer_url_action('style', $args_color) . "'>\n" .
 	  debut_javascript($connect_statut == "0minirezo" AND $connect_toutes_rubriques, ($GLOBALS['meta']["activer_statistiques"] != 'non')) .
 
 	// CSS calendrier
@@ -2214,10 +2214,21 @@ function init_entete($titre, $rubrique, $onLoad="", $css="") {
 	"<title>" .
 	"[$nom_site_spip] " .
 	textebrut(typo($titre)) .
-	"</title>\n" .
-	  envoi_link($nom_site_spip, $rubrique),
+	"</title>\n" ;
+
+	// appeler spip_style.css de l'espace public
+	echo '<link rel="stylesheet" href="../spip_style.css" type="text/css" />'. "\n";
+
+	// mettre inline les styles de l'espace prive (sinon ca clignote)
+	echo "<style type='text/css'><!--\n/*<![CDATA[*/\n\n\n";
+	include_ecrire('inc_style');
+	echo styles_ecrire();
+	echo "\n\n]]>\n--></style>";
+
+	// ajouter les autres CSS
+	echo envoi_link($nom_site_spip, $rubrique),
 	  (!$css ? "" :
-	   ('<link rel="stylesheet" href="' . addslashes($css) . '" type="text/css" />'. "\n")),
+	   ('<link rel="stylesheet" href="' . entites_html($css) . '" type="text/css" />'. "\n")),
 	  "\n</head>\n",
 	  "<body ", _ATTRIBUTES_BODY, "
 	onLoad=\"setActiveStyleSheet('invisible');$browser_verifForm$onLoad\">";
diff --git a/ecrire/inc_style.php b/ecrire/inc_style.php
index 68f030d3ee989c2ef43d39efdba805db0d8cd269..8d5283c6265e8fe91dbb1edd4519fc497879b072 100644
--- a/ecrire/inc_style.php
+++ b/ecrire/inc_style.php
@@ -12,43 +12,33 @@
 
 if (!defined("_ECRIRE_INC_VERSION")) return;
 
-// En-tetes
+// definit les styles qui sont specifiques a ecrire/
+function styles_ecrire() {
 
-#if (http_last_modified(@filemtime("spip_style" . _EXTENSION_PHP), time() + 24 * 3600)) 
-#	exit;
-
-function spip_action_style_dist() {
-
-  global $couleur_claire,$couleur_foncee,$left;
-
-// mettre absolument le charset :
-// Apache-AdvancedExtranetServer & FireFox s'entendent mal sinon
-	Header ("Content-Type: text/css; charset=iso-8859-1");
-
-	// parano XSS
-	eregi("^([#0-9a-z]*).*-([#0-9a-z]*).*-([0-9a-z]*).*", "$couleur_claire-$couleur_foncee-$left", $regs);
-	list (,$couleur_claire,$couleur_foncee,$left) = $regs;
+	global $couleur_claire,$couleur_foncee;
 
 	// Sommes-nous en rtl ou ltr ?
-	$ltr = ($left == 'left');
+	$ltr = ($GLOBALS['spip_lang_left'] == 'left');
 	if ($ltr) {
 		$left = 'left';
 		$right = 'right';
 		$_rtl = '';
+		$pcent = '1%';
 	} else {
 		$left = 'right';
 		$right = 'left';
 		$_rtl = '_rtl';
+		$pcent = '99%';
 	}
 
-	// Envoyer la feuille de style
+	// Couleurs par defaut (normalement, non)
 	if (!isset($couleur_claire))
 		$couleur_claire = "#EDF3FE";
 	if (!isset($couleur_foncee))
 		$couleur_foncee = "#3874B0";
 
 
-?>
+$a= <<<FIN_CSS
 
 /*
  * Police par defaut (bof...)
@@ -59,13 +49,13 @@ body {
 	scrollbar-face-color: white;
 	scrollbar-shadow-color: white;
 	scrollbar-highlight-color: white;
-	scrollbar-3dlight-color: <?php echo $couleur_claire; ?>;
-	scrollbar-darkshadow-color: white; 		
-	scrollbar-track-color: <?php echo $couleur_foncee; ?>;
-	scrollbar-arrow-color: <?php echo $couleur_foncee; ?>;
+	scrollbar-3dlight-color: #COULEURCLAIRE;
+	scrollbar-darkshadow-color: white;
+	scrollbar-track-color: #COULEURFONCEE;
+	scrollbar-arrow-color: #COULEURFONCEE;
 }
 td {
-	text-align: <?php echo $left; ?>;
+	text-align: #LEFT;
 }
 /*
  * Formulaires
@@ -75,7 +65,7 @@ td {
 	display: block;
 	padding: 3px; 
 	background-color: #e4e4e4; 
-	border: 1px solid <?php echo $couleur_claire; ?>; 
+	border: 1px solid #COULEURCLAIRE; 
 	background-position: center bottom; 
 	float: none;
 	behavior: url("win_width.htc");
@@ -87,7 +77,7 @@ td {
 	display: block;
 	padding: 3px; 
 	background-color: white; 
-	border: 1px solid <?php echo $couleur_claire; ?>; 
+	border: 1px solid #COULEURCLAIRE; 
 	background-position: center bottom; float: none; 
 	behavior: url("win_width.htc");
  	font-size: 12px;
@@ -96,13 +86,13 @@ td {
 .fondl { 
 	padding: 3px; 
 	background-color: #e4e4e4; 
-	border: 1px solid <?php echo $couleur_claire; ?>; 
+	border: 1px solid #COULEURCLAIRE; 
 	background-position: center bottom; 
 	float: none;
  	font-size: 11px;
 	font-family: Verdana,Arial,Sans,sans-serif; 
 }
-.fondo { background-color: <?php echo $couleur_foncee; ?>; 
+.fondo { background-color: #COULEURFONCEE; 
 	background-position: center bottom; float: none; color: #FFFFFF;
  	font-size: 11px;
 	font-family: Verdana,Arial,Sans,sans-serif; 
@@ -118,11 +108,6 @@ select.fondl {
 .maj-debut:first-letter { text-transform: uppercase; }
 
 
-.format_png {
-	behavior: url("<?php echo _DIR_RACINE; ?>win_png.htc");
-}
-
-
 /*
  * Icones et bandeaux
  */
@@ -161,7 +146,7 @@ select.fondl {
 	width: 11px;
 	padding: 0px;
 	margin: 0px;
-	background: url(<?php echo _DIR_IMG_PACK . 'tirets-separation.gif' ?>);
+	background: url(#IMG_PACK/tirets-separation.gif);
 	background-position: 5px 0px;
 }
 .bandeau_couleur {
@@ -179,7 +164,7 @@ select.fondl {
 	position: absolute; 
 	visibility: hidden;
 	top: 0px; 
-	background-color: <?php echo $couleur_claire; ?>; 
+	background-color: #COULEURCLAIRE; 
 	color: black;
 	padding: 5px;
 	padding-top: 2px;
@@ -207,26 +192,26 @@ a.bandeau_rub {
 	display: block;
 	font-size: 10px;
 	padding: 2px;
-	padding-<?php echo $right; ?>: 13px;
-	padding-<?php echo $left; ?>: 16px;
+	padding-#RIGHT: 13px;
+	padding-#LEFT: 16px;
 	color: #666666;
 	text-decoration: none;
 	border-bottom: 1px solid #cccccc;
 	background-repeat: no-repeat;
-	background-position: <?php echo $ltr ? "1%" : "99%"; ?> center;
-	background-image: url(<?php echo _DIR_IMG_PACK . 'rubrique-12.gif' ?>);
+	background-position: #PCENT center;
+	background-image: url(#IMG_PACK/rubrique-12.gif);
 }
 a.bandeau_rub:hover {
 	background-color: white;
 	text-decoration: none;
 	color: #333333;
 	background-repeat: no-repeat;
-	background-position: <?php echo $ltr ? "1%" : "99%"; ?> center;
+	background-position: #PCENT center;
 }
 div.bandeau_rub {
 	position: absolute;
 	top: 4px;
-	<?php echo $left; ?>: 120px;
+	#LEFT: 120px;
 	background-color: #eeeeee;
 	padding: 0px;
 	border: 1px solid #555555;
@@ -235,23 +220,23 @@ div.bandeau_rub {
 }
 
 div.brt {
-	background: url(<?php echo _DIR_IMG_PACK . 'triangle-droite' . $_rtl .'.gif', ')', $right; ?> center no-repeat;
+	background: url(#IMG_PACK/triangle-droite#RTL.gif) #RIGHT center no-repeat;
 }
 div.pos_r {
 	position: relative;
 }
 
 option.selec_rub {
-	background-position: <?php echo $left; ?> center;
-	background-image: url(<?php echo _DIR_IMG_PACK . 'rubrique-12.gif' ?>);
+	background-position: #LEFT center;
+	background-image: url(#IMG_PACK/rubrique-12.gif);
 	background-repeat: no-repeat;
-	padding-<?php echo $left; ?>: 16px;
+	padding-#LEFT: 16px;
 }
 
 
 div.messages {
 	padding: 5px;
-	border-bottom: 1px solid <?php echo $couleur_foncee; ?>;
+	border-bottom: 1px solid #COULEURFONCEE;
 	font-size: 10px;
 	font-weight: bold;
 }
@@ -266,18 +251,18 @@ a.icone26 {
 	color: black;
 	text-decoration: none;
 	padding: 1px; 
-	margin-<?php echo $right; ?>: 2px;
+	margin-#RIGHT: 2px;
 }
 a.icone26:hover {
 	text-decoration: none;
 }
 a.icone26 img {
 	vertical-align: middle;
-	behavior: url("<?php echo _DIR_RACINE; ?>win_png.htc");
-	background-color: <?php echo $couleur_foncee; ?>;
+	behavior: url("../win_png.htc");
+	background-color: #COULEURFONCEE;
 }
 a.icone26:hover img {
-	background: url(<?php echo _DIR_IMG_PACK . 'fond-gris-anim.gif' ?>);
+	background: url(#IMG_PACK/fond-gris-anim.gif);
 }
 
 
@@ -298,7 +283,7 @@ a.icone26:hover img {
 	display: inline;
 	padding: 4px;
 	background-color: #eeeeee;
-	border: 2px solid <?php echo $couleur_foncee; ?>;
+	border: 2px solid #COULEURFONCEE;
 	-moz-border-radius: 5px;
 }
 .icone36 a:hover img {
@@ -336,7 +321,7 @@ a.icone26:hover img {
 	font-family: Verdana, Arial, Sans, sans-serif;
 	font-weight: bold;
 	font-size: 10px;
-	color: <?php echo $couleur_foncee; ?>; 
+	color: #COULEURFONCEE; 
 	display: block; 
 	margin: 2px;
 	width: 100%
@@ -379,12 +364,12 @@ a.icone26:hover img {
 
 
 .cellule48 a img {
-	behavior: url("<?php echo _DIR_RACINE; ?>win_png.htc");
+	behavior: url("../win_png.htc");
 	display: inline;
 	margin: 4px;
 	padding: 0px;
 	border: 0px;
-	background-color: <?php echo $couleur_claire; ?>;
+	background-color: #COULEURCLAIRE;
 }
 
 .cellule48 a.selection img {
@@ -399,7 +384,7 @@ a.icone26:hover img {
 	margin: 4px;
 	padding: 0px;
 	border: 0px;
-	background: url(<?php echo _DIR_IMG_PACK . 'fond-gris-anim.gif' ?>);
+	background: url(#IMG_PACK/fond-gris-anim.gif);
 }
 
 
@@ -424,8 +409,8 @@ a.icone26:hover img {
 	display: inline;
 	padding: 3px;
 	background-color: #e4e4e4;
-	background: url(<?php echo _DIR_IMG_PACK . 'fond-gris-anim.gif' ?>);
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	background: url(#IMG_PACK/fond-gris-anim.gif);
+	border: 1px solid #COULEURFONCEE;
 	-moz-border-radius: 5px;
 }
 .cellule36 a span, .cellule48 a span {
@@ -476,14 +461,14 @@ a.icone26:hover img {
 }
 .cellule-texte a.selection {
 	padding: 3px; margin: 1px; 
-	border: 1px solid <?php echo $couleur_foncee; ?>; 
-	background-color: <?php echo $couleur_claire; ?>;
+	border: 1px solid #COULEURFONCEE; 
+	background-color: #COULEURCLAIRE;
 	-moz-border-radius: 5px;
 	color: #000000;
 }
 .cellule-texte a:hover {
 	padding: 3px; margin: 1px; 
-	border: 1px solid <?php echo $couleur_foncee; ?>; 
+	border: 1px solid #COULEURFONCEE; 
 	background-color: white;
 	-moz-border-radius: 5px;
 	color: #333333;
@@ -509,7 +494,7 @@ a.cellule-h {
 	font-family: Verdana, Arial, Sans, sans-serif;
 	font-weight: bold;
 	font-size: 10px;
-	text-align: <?php echo $left; ?>;
+	text-align: #LEFT;
 	text-decoration: none; 
 	color: #666666;
 }
@@ -517,7 +502,7 @@ a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover
 	font-family: Verdana, Arial, Sans, sans-serif;
 	font-weight: bold;
 	font-size: 10px;
-	text-align: <?php echo $left; ?>;
+	text-align: #LEFT;
 	text-decoration: none; 
 	color: #000000;
 }
@@ -526,15 +511,15 @@ a.cellule-h div.cell-i {
 	border: 1px solid white;
 	-moz-border-radius: 5px;
 	margin: 0px;
-	margin-<?php echo $right; ?>: 3px;
+	margin-#RIGHT: 3px;
 }
 a.cellule-h:hover div.cell-i {
 	padding: 0px;
-	border: 1px solid <?php echo $couleur_foncee; ?>;
-	background: url(<?php echo _DIR_IMG_PACK . 'fond-gris-anim.gif' ?>);
+	border: 1px solid #COULEURFONCEE;
+	background: url(#IMG_PACK/fond-gris-anim.gif);
 	-moz-border-radius: 5px;
 	margin: 0px;
-	margin-<?php echo $right; ?>: 3px;
+	margin-#RIGHT: 3px;
 }
 
 a.cellule-h table {
@@ -560,7 +545,7 @@ a.cellule-h a.aide img {
 a.cellule-h-texte {
 	display: block;
 	clear: both;
-	text-align: <?php echo $left; ?>;
+	text-align: #LEFT;
 	font-family: Trebuchet Sans MS, Arial, Sans, sans-serif;
 	font-weight: bold;
 	font-size: 11px;
@@ -574,7 +559,7 @@ a.cellule-h-texte {
 }
 .danger a.cellule-h-texte {
 	border: 1px dashed black;
-	background: url(<?php echo _DIR_IMG_PACK . 'rayures-sup.gif' ?>);
+	background: url(#IMG_PACK/rayures-sup.gif);
 }
 a.cellule-h-texte:hover {
 	text-decoration: none;
@@ -631,26 +616,26 @@ div.onglet {
 	font-family: Arial, Sans, sans-serif; 
 	font-size: 11px;
 	font-weight: bold; 
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	border: 1px solid #COULEURFONCEE;
 	margin-right: 3px;
 	padding: 5px;
 	background-color: white;
 }
 div.onglet a {
-	color: <?php echo $couleur_foncee; ?>;
+	color: #COULEURFONCEE;
 }
 
 div.onglet_on {
 	font-family: Arial, Sans, sans-serif; 
 	font-size: 11px;
 	font-weight: bold; 
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	border: 1px solid #COULEURFONCEE;
 	margin-right: 3px;
 	padding: 5px;
-	background-color: <?php echo $couleur_claire; ?>;
+	background-color: #COULEURCLAIRE;
 }
 div.onglet_on a, div.onglet_on a:hover {
-	color: <?php echo $couleur_foncee; ?>;
+	color: #COULEURFONCEE;
 	text-decoration: none;
 }
 
@@ -658,20 +643,20 @@ div.onglet_off {
 	font-family: Arial, Sans, sans-serif; 
 	font-size: 11px;
 	font-weight: bold; 
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	border: 1px solid #COULEURFONCEE;
 	margin-right: 3px;
 	padding: 5px;
-	background-color: <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURFONCEE;
 	color: white;
 }
 
 
 
 .reliefblanc {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'barre-blanc.gif' ?>);
+	 background-image: url(#IMG_PACK/barre-blanc.gif);
 }
 .reliefgris { 
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'barre-noir.gif' ?>);
+	 background-image: url(#IMG_PACK/barre-noir.gif);
 }
 .iconeoff {
 	padding: 3px; margin: 1px; border: 1px dashed #aaaaaa; background-color: #f0f0f0;
@@ -680,7 +665,7 @@ div.onglet_off {
 	cursor: pointer; padding: 3px; margin: 1px;  border-right: solid 1px white; border-bottom: solid 1px white; border-left: solid 1px #666666; border-top: solid 1px #666666; background-color: #eeeeee;
 }
 .iconedanger { padding: 3px; margin: 1px; border: 1px dashed black;
-	background: url(<?php echo _DIR_IMG_PACK . 'rayures-sup.gif' ?>);
+	background: url(#IMG_PACK/rayures-sup.gif);
 }
 
 /* Raccourcis pour les polices (utile pour les tableaux) */
@@ -735,7 +720,7 @@ a.ortho-dico:hover {
 }
 
 #ortho-fixed {
-	position: fixed; top: 0px; <?php echo $right; ?>: 0px; width: 25%; padding: 15px; margin: 0px;
+	position: fixed; top: 0px; #RIGHT: 0px; width: 25%; padding: 15px; margin: 0px;
 }
 .ortho-content {
 	position: absolute; top: 0px; width: 70%; padding: 15px; margin: 0px;
@@ -759,7 +744,7 @@ a.ortho-dico:hover {
 	z-index: 0;
 }
 .suggest-actif .detail ul, .suggest-inactif .detail ul {
-	 list-style-image: url(<?php echo _DIR_IMG_PACK . 'puce.gif' ?>);
+	 list-style-image: url(#IMG_PACK/puce.gif);
 	background: #f3f2f3;
 	margin: 0px;
 	padding: 0px;
@@ -777,7 +762,7 @@ a.ortho-dico:hover {
 
 
 /*
- * Comparaison d'articles
+ * Comparaison d articles
  */
 
 .diff-para-deplace {
@@ -821,20 +806,20 @@ a.ortho-dico:hover {
  */
 
 table.spip_barre {
-	border-<?php echo $right; ?>: 1px solid <?php echo $couleur_claire; ?>;
+	border-#RIGHT: 1px solid #COULEURCLAIRE;
 }
 
 table.spip_barre td {
-	text-align: <?php echo $left; ?>;
-	border-top: 1px solid <?php echo $couleur_claire; ?>;
-	border-<?php echo $left; ?>: 1px solid <?php echo $couleur_claire; ?>;
+	text-align: #LEFT;
+	border-top: 1px solid #COULEURCLAIRE;
+	border-#LEFT: 1px solid #COULEURCLAIRE;
 }
 
 a.spip_barre img {
 	padding: 3px;
 	margin: 0px;
 	background-color: #eeeeee;
-	border-<?php echo $right; ?>: 1px solid <?php echo $couleur_claire; ?>;
+	border-#RIGHT: 1px solid #COULEURCLAIRE;
 }
 a.spip_barre:hover img {
 	background-color: white;
@@ -860,11 +845,11 @@ a.bouton_rotation img, div.bouton_rotation img {
 	padding: 1px;
 	margin-bottom: 1px;
 	background-color: #eeeeee;
-	border: 1px solid <?php echo $couleur_claire; ?>;
+	border: 1px solid #COULEURCLAIRE;
 }
 
 a.bouton_rotation:hover img {
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	border: 1px solid #COULEURFONCEE;
 }
 
 
@@ -887,7 +872,7 @@ a.bouton_rotation:hover img {
 }
 
 .cadre-fonce {
-	background-color: <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURFONCEE;
 	-moz-border-radius: 8px;
 }
 
@@ -903,19 +888,19 @@ a.bouton_rotation:hover img {
 }
 
 .cadre-couleur {
-	background-color: <?php echo $couleur_claire; ?>;
+	background-color: #COULEURCLAIRE;
 	-moz-border-radius: 8px;
 }
 .cadre-couleur div.cadre-titre {
 	-moz-border-radius-topleft: 8px;
 	-moz-border-radius-topright: 8px;
-	background: <?php echo $couleur_foncee; ?>;
-	border-bottom: 2px solid <?php echo $couleur_foncee; ?>;
+	background: #COULEURFONCEE;
+	border-bottom: 2px solid #COULEURFONCEE;
 	color: white;	
 }
 
 .cadre-couleur-foncee {
-	background-color: <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURFONCEE;
 	-moz-border-radius: 8px;
 }
 .cadre-couleur-foncee div.cadre-titre {
@@ -926,12 +911,12 @@ a.bouton_rotation:hover img {
 
 .cadre-trait-couleur {
 	background-color: white;
-	border: 2px solid <?php echo $couleur_foncee; ?>;
+	border: 2px solid #COULEURFONCEE;
 	-moz-border-radius: 8px;
 }
 .cadre-trait-couleur div.cadre-titre {
-	background: <?php echo $couleur_foncee; ?>;
-	border-bottom: 2px solid <?php echo $couleur_foncee; ?>;
+	background: #COULEURFONCEE;
+	border-bottom: 2px solid #COULEURFONCEE;
 	color: white;	
 }
 
@@ -958,7 +943,7 @@ a.bouton_rotation:hover img {
 }
 
 .cadre-e div.cadre-titre {
-	background: <?php echo $couleur_claire; ?>;
+	background: #COULEURCLAIRE;
 	border-bottom: 1px solid #666666;
 	color: black;	
 }
@@ -971,10 +956,10 @@ a.bouton_rotation:hover img {
 .cadre-forum {
 	background-color: white;
 	border: 1px solid #aaaaaa;
-	-moz-border-radius-top<?php echo $left; ?>: 8px;
+	-moz-border-radius-top#LEFT: 8px;
 }
 .cadre-forum div.cadre-titre {
-	background: <?php echo $couleur_claire; ?>;
+	background: #COULEURCLAIRE;
 	border-bottom: 1px solid #aaaaaa;
 	color: black;	
 }
@@ -984,7 +969,7 @@ a.bouton_rotation:hover img {
 	border: 1px solid #666666;
 	-moz-border-radius-bottomleft: 8px;
 	-moz-border-radius-bottomright: 8px;
-	-moz-border-radius-top<?php echo $left; ?>: 8px;
+	-moz-border-radius-top#LEFT: 8px;
 }
 
 
@@ -1000,14 +985,14 @@ a.bouton_rotation:hover img {
 
 .cadre-info{
 	background-color: white;
-	border: 2px solid <?php echo $couleur_foncee; ?>;
+	border: 2px solid #COULEURFONCEE;
 	padding: 5px;
 	-moz-border-radius: 8px;
 }
 
 
 .cadre-formulaire {
-/*	border: 1px solid <?php echo $couleur_foncee; ?>;
+/*	border: 1px solid #COULEURFONCEE;
 	background-color: #dddddd;*/
 	color: #444444;
 	font-family: verdana, arial, helvetica, sans;
@@ -1021,14 +1006,14 @@ a.bouton_rotation:hover img {
  */
 
 .plan-rubrique {
-	margin-<?php echo $left; ?>: 12px;
-	padding-<?php echo $left; ?>: 10px;
-	border-<?php echo $left; ?>: 1px dotted #888888;
+	margin-#LEFT: 12px;
+	padding-#LEFT: 10px;
+	border-#LEFT: 1px dotted #888888;
 }
 .plan-secteur {
-	margin-<?php echo $left; ?>: 12px;
-	padding-<?php echo $left; ?>: 10px;
-	border-<?php echo $left; ?>: 1px dotted #404040;
+	margin-#LEFT: 12px;
+	padding-#LEFT: 10px;
+	border-#LEFT: 1px dotted #404040;
 }
  
 .plan-articles {
@@ -1039,9 +1024,9 @@ a.bouton_rotation:hover img {
 .plan-articles a {
 	display: block;
 	padding: 2px;
-	padding-<?php echo $left; ?>: 18px;
+	padding-#LEFT: 18px;
 	border-bottom: 1px solid #cccccc;
-	 background: <?php echo $ltr ? "1%" : "99%"; ?> no-repeat;
+	 background: #PCENT no-repeat;
 	background-color: #e0e0e0;
 	font-family: Verdana, Arial, Sans, sans-serif;
 	font-size: 11px;
@@ -1052,19 +1037,19 @@ a.bouton_rotation:hover img {
 	text-decoration: none;
 }
 .plan-articles .publie {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'puce-verte.gif' ?>);
+	 background-image: url(#IMG_PACK/puce-verte.gif);
 }
 .plan-articles .prepa {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'puce-blanche.gif' ?>);
+	 background-image: url(#IMG_PACK/puce-blanche.gif);
 }
 .plan-articles .prop {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'puce-orange.gif' ?>);
+	 background-image: url(#IMG_PACK/puce-orange.gif);
 }
 .plan-articles .refuse {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'puce-rouge.gif' ?>);
+	 background-image: url(#IMG_PACK/puce-rouge.gif);
 }
 .plan-articles .poubelle {
-	 background-image: url(<?php echo _DIR_IMG_PACK . 'puce-poubelle.gif' ?>);
+	 background-image: url(#IMG_PACK/puce-poubelle.gif);
 }
 
 a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base {
@@ -1082,14 +1067,14 @@ a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base {
 
 }
 a.foncee, a.foncee:hover {
-	background-color: <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURFONCEE;
 	color: white;
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	border: 1px solid #COULEURFONCEE;
 }
 a.claire, a.claire:hover {
-	background-color: <?php echo $couleur_claire; ?>;
-	color: <?php echo $couleur_foncee; ?>;
-	border: 1px solid <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURCLAIRE;
+	color: #COULEURFONCEE;
+	border: 1px solid #COULEURFONCEE;
 }
 span.lang_base {
 	color: #666666;
@@ -1102,7 +1087,7 @@ span.creer {
 	background-color: white;
 }
 .trad_float {
-	float: <?php echo $right; ?>;
+	float: #RIGHT;
 	z-index: 20;
 	margin-top: 4px;
 }
@@ -1114,8 +1099,8 @@ div.liste {
 }
 
 a.liste-mot {
-	background: url(<?php echo _DIR_IMG_PACK . 'petite-cle.gif', ')', $left; ?> center no-repeat; 
-	padding-<?php echo $left; ?>: 30px;
+	background: url(#IMG_PACK/petite-cle.gif) #LEFT center no-repeat; 
+	padding-#LEFT: 30px;
 }
 
 .tr_liste {
@@ -1180,24 +1165,24 @@ div.puce_breve_popup {
 div.brouteur_rubrique {
 	display: block;
 	padding: 3px;
-	padding-<?php echo $right; ?>: 10px;
-	border-top: 0px solid <?php echo $couleur_foncee; ?>;
-	border-bottom: 1px solid <?php echo $couleur_foncee; ?>;
-	border-left: 1px solid <?php echo $couleur_foncee; ?>;
-	border-right: 1px solid <?php echo $couleur_foncee; ?>;
-	background: url(<?php echo _DIR_IMG_PACK . 'triangle-droite'. $_rtl . '.gif', ')', $right; ?> center no-repeat;
+	padding-#RIGHT: 10px;
+	border-top: 0px solid #COULEURFONCEE;
+	border-bottom: 1px solid #COULEURFONCEE;
+	border-left: 1px solid #COULEURFONCEE;
+	border-right: 1px solid #COULEURFONCEE;
+	background: url(#IMG_PACK/triangle-droite#RTL.gif)#RIGHT center no-repeat;
 	background-color: white;
 }
 
 div.brouteur_rubrique_on {
 	display: block;
 	padding: 3px;
-	padding-<?php echo $right; ?>: 10px;
-	border-top: 0px solid <?php echo $couleur_foncee; ?>;
-	border-bottom: 1px solid <?php echo $couleur_foncee; ?>;
-	border-left: 1px solid <?php echo $couleur_foncee; ?>;
-	border-right: 1px solid <?php echo $couleur_foncee; ?>;
-	background: url(<?php echo _DIR_IMG_PACK . 'triangle-droite' . $_rtl . '.gif', ')', $right; ?> center no-repeat;
+	padding-#RIGHT: 10px;
+	border-top: 0px solid #COULEURFONCEE;
+	border-bottom: 1px solid #COULEURFONCEE;
+	border-left: 1px solid #COULEURFONCEE;
+	border-right: 1px solid #COULEURFONCEE;
+	background: url(#IMG_PACK/triangle-droite#RTL.gif) #RIGHT center no-repeat;
 	background-color: #e0e0e0;
 }
 
@@ -1208,16 +1193,16 @@ xdiv.brouteur_rubrique:hover {
 div.brouteur_rubrique div, div.brouteur_rubrique_on div  {
 	padding-top: 5px; 
 	padding-bottom: 5px; 
-	padding-<?php echo $left; ?>: 28px; 
+	padding-#LEFT: 28px; 
 	background-repeat: no-repeat;
-	background-position: center <?php echo $left; ?>;
+	background-position: center #LEFT;
 	font-weight: bold;
 	font-family: Arial,Sans,sans-serif;
 	font-size: 12px;
 }
 
 div.brouteur_rubrique div a {
-	color: <?php echo $couleur_foncee; ?>;
+	color: #COULEURFONCEE;
 }
 
 div.brouteur_rubrique_on div a {
@@ -1241,7 +1226,7 @@ p.spip {
 p.spip_note {
 	margin-bottom: 3px;
 	margin-top: 3px;
-	margin-<?php echo $left; ?>: 17px;
+	margin-#LEFT: 17px;
 	text-indent: -17px;
 }
 
@@ -1250,28 +1235,24 @@ a.spip_in {
 	border-bottom: 1px dashed;
 }
 a.spip_out {
-	background: url(<?php echo _DIR_IMG_PACK . 'spip_out.gif', ') ', $right; ?> center no-repeat;
-	padding-<?php echo $right; ?>: 10px;
+	background: url(#IMG_PACK/spip_out.gif)#RIGHT center no-repeat;
+	padding-#RIGHT: 10px;
 	border-bottom: 1px solid;
 }
-a.spip_url {
-}
-
-.spip_code {
-	font-family: monospace;
-}
 
 a.spip_note {
 	background-color:#eeeeee;
 }
-a.spip_glossaire:hover {text-decoration: underline overline;}
+a.spip_glossaire:hover {
+	text-decoration: underline overline;
+}
 
 .spip_recherche {
 	padding: 3px; 
 	width : 100%; 
 	font-size: 10px;
 	border: 1px solid white;
-	background-color: <?php echo $couleur_foncee; ?>;
+	background-color: #COULEURFONCEE;
 	color: white;
 }
 .spip_cadre {
@@ -1283,8 +1264,8 @@ a.spip_glossaire:hover {text-decoration: underline overline;}
 	behavior: url("win_width.htc");
 }
 blockquote.spip {
-	margin-<?php echo $left; ?>: 40px;
-	margin-<?php echo $right; ?>: 0px;
+	margin-#LEFT: 40px;
+	margin-#RIGHT: 0px;
 	margin-top : 10px;
 	margin-bottom : 10px;
 	border : solid 1px #aaaaaa;
@@ -1294,15 +1275,16 @@ blockquote.spip {
 }
 
 div.spip_poesie {
-	margin-<?php echo $left; ?>: 10px;
-	padding-<?php echo $left; ?>: 10px;
-	border-<?php echo $left; ?>: 1px solid #999999;
+	margin-#LEFT: 10px;
+	padding-#LEFT: 10px;
+	border-#LEFT: 1px solid #999999;
 }
 div.spip_poesie div {
 	text-indent: -60px;
-	margin-<?php echo $left; ?>: 60px;
+	margin-#LEFT: 60px;
 }
 
+/* pour le plugin "revision_nbsp" */
 .spip-nbsp {
 	border-bottom: 2px solid #c8c8c8;
 	padding-left: 2px;
@@ -1326,78 +1308,11 @@ a.boutonlien {
 a.triangle_block {
 	margin-top: -3px;
 	margin-bottom: -3px;
-	margin-<?php echo $right; ?>: -3px;
+	margin-#RIGHT: -3px;
 }
 a.triangle_block:hover {
-	margin-<?php echo $left; ?>: 1px;
-	margin-<?php echo $right; ?>: -4px;
-}
-
-h3.spip {
-	margin-top : 40px;
-	margin-bottom : 40px;
-	font-family: Verdana,Arial,Sans,sans-serif;
-	font-weight: bold;
-	font-size: 120%;
-	text-align: center;
-	clear: both;
-}
-.spip_documents{
-	font-family: Verdana,Arial,Sans,sans-serif;
-	font-size : 70%;
-}
-.spip_documents_center{
-	margin: auto; 
-	text-align: center;
-	width: 80%
-}
-
-.spip_documents_left{
-	margin: 0px; 
-	margin-right: 20px;
-	margin-bottom: 5px;
-	text-align: center;
-}
-
-.spip_documents_right{
-	margin: 0px; 
-	margin-left: 20px;
-	margin-bottom: 5px;
-	text-align: center;
-}
-
-table.spip {
-	margin-left: auto;
-	margin-right: auto;
-	border: 1px solid black;
-	border-collapse:collapse;
-}
-
-table.spip caption{
-	caption-side: top; /* bottom pas pris en compte par IE */
-	text-align: center;
-	margin-left: auto;                                                       
-	margin-right: auto;
-	padding: 3px;
-	font-weight: bold;
-	font-family: Verdana,Arial,Sans,sans-serif;
-	font-size : 70%;
-}
-
-table.spip tr.row_first {
-	background-color: <?php echo $couleur_claire; ?>;
-}
-table.spip tr.row_odd {
-	background-color: #d0d0d0;
-}
-table.spip tr.row_even {
-	background-color: #F0F0F0;
-}
-table.spip td {
-	padding: 3px;
-	text-align: left;
-	vertical-align: middle;
-	margin: 1px;
+	margin-#LEFT: 1px;
+	margin-#RIGHT: -4px;
 }
 
 .rss-button {
@@ -1412,17 +1327,17 @@ table.spip td {
 }
 
 .fond-agenda {
-	background: url<?php echo '(', _DIR_IMG_PACK . 'fond-agenda.gif', ') ', $right; ?> center no-repeat;
-	float: <?php echo $left; ?>; 
-	margin-<?php echo $right; ?>: 3px;
-	padding-<?php echo $right; ?>: 4px;
+	background: url (#IMG_PACK/fond-agenda.gif)#RIGHT center no-repeat;
+	float: #LEFT; 
+	margin-#RIGHT: 3px;
+	padding-#RIGHT: 4px;
 	line-height: 12px;
 	color: #666666; 
  }
 
  div.highlight {
   	color: black;
- 	background-color: <?php echo $couleur_claire; ?>;
+ 	background-color: #COULEURCLAIRE;
  }
   div.highlight, div.pashighlight {
   	color: #666666;
@@ -1434,13 +1349,25 @@ table.spip td {
   }
 
 div.petite-rubrique {
-	background: <?php echo $ltr ? "1%" : "99%"; ?> no-repeat;
-	background-image : url(<?php echo _DIR_IMG_PACK . 'rubrique-12.gif'; ?>);
-	padding-<?php echo $left; ?>: 15px;
+	background: #PCENT no-repeat;
+	background-image : url(#IMG_PACKrubrique-12.gif'.');
+	padding-#LEFT: 15px;
 }
 div.rub-ouverte {
-	padding-<?php echo $right; ?>: 10px;
-	background: url(<?php echo _DIR_IMG_PACK . 'triangle-droite'. $_rtl . '.gif', ')', $right; ?> center no-repeat;
- }
-	<?php }
+	padding-#RIGHT: 10px;
+	background: url(#IMG_PACK/triangle-droite#RTL.gif) #RIGHT center no-repeat;
+}
+FIN_CSS;
+
+return str_replace('#RIGHT', $right,
+	str_replace('#LEFT', $left,
+	str_replace('#RTL', $_rtl,
+	str_replace('#COULEURCLAIRE', $couleur_claire,
+	str_replace('#COULEURFONCEE', $couleur_foncee,
+	str_replace('#PCENT', $pcent,
+	str_replace('#IMG_PACK/', _DIR_IMG_PACK,
+	$a)))))));
+
+}
+
 ?>