diff --git a/dist/style_prive.html b/dist/style_prive.html
index ce321db488443a7c2f1c7e9637a2b0e1153bc8b8..b586c0e3b99c5c3a9b4963e2643b369edf1d5cce 100644
--- a/dist/style_prive.html
+++ b/dist/style_prive.html
@@ -658,6 +658,15 @@ div.onglet_off {
 .serif1 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 11px; }
 .serif2 { font-family: Georgia, Garamond, Times New Roman, serif; font-size: 13px; }
 
+.spip_xx-large {font-size: 32px;}
+.spip_x-large {font-size: 26px;}
+.spip_large {font-size: 18px;}
+.spip_medium {font-size: 16px;}
+.spip_small {font-size: 14px;}
+.spip_x-small {font-size: 12px;}
+.spip_xx-small {font-size: 10px;}
+
+
 /* Liens hypertexte */
 a { text-decoration: none; color: ##ENV{couleur_foncee,3874b0} }
 a:hover { text-decoration: none; }
diff --git a/ecrire/exec/admin_effacer.php b/ecrire/exec/admin_effacer.php
index 4fd01ceef97a41ac45411426f0e9a1cd2e51fa97..3c5fcb4707a6087d6bc09e5d12f47e19b7634341 100644
--- a/ecrire/exec/admin_effacer.php
+++ b/ecrire/exec/admin_effacer.php
@@ -49,7 +49,7 @@ function exec_admin_effacer_dist()
 	debut_cadre_relief();
 
 	echo "<table border='0' cellspacing='1' cellpadding='8' width='100%'>",
-		"<tr><td style='background-color: $couleur_foncee; font-weight: bold; font-size: 16px; color: #FFFFFF;' class='verdana1'>",
+		"<tr><td style='background-color: $couleur_foncee; font-weight: bold; color: #FFFFFF;' class='verdana1 spip_medium'>",
 		_T('texte_effacer_base'),
 		"</td></tr>",
 		"<tr><td class='serif'>\n",
diff --git a/ecrire/exec/admin_plugin.php b/ecrire/exec/admin_plugin.php
index 5a4975778cf0197939988ed514b6d48541327e5b..1251dec879e3a4b137edc0ac56890e93d01c0594 100644
--- a/ecrire/exec/admin_plugin.php
+++ b/ecrire/exec/admin_plugin.php
@@ -142,7 +142,7 @@ EOF;
 	global $couleur_foncee;
 	echo "<table border='0' cellspacing='0' cellpadding='5' width='100%'>";
 	echo "<tr><td style='background-color: $couleur_foncee' colspan='4'><b>";
-	echo "<span style='font-size: 16px; color: #ffffff;' class='verdana1'>", _T('plugins_liste')."</span></b></td></tr>";
+	echo "<span style='color: #ffffff;' class='verdana1 spip_medium'>", _T('plugins_liste')."</span></b></td></tr>";
 
 	echo "<tr><td class='serif' colspan='4'>";
 	echo _T('texte_presente_plugin');
diff --git a/ecrire/exec/admin_tech.php b/ecrire/exec/admin_tech.php
index 7dd417d3a1bec1fdc8b04dab3d65cdf55f5b88ef..7a835c59962d4b2cb3eba8440778dd3cb6baf064 100644
--- a/ecrire/exec/admin_tech.php
+++ b/ecrire/exec/admin_tech.php
@@ -69,7 +69,7 @@ function exec_admin_tech_dist()
 
  echo "<table border='0' cellspacing='0' cellpadding='5' width=\"100%\">",
    "<tr><td style='background-color: ", $couleur_foncee, ";'><b>",
-   "<span style='font-size: 16px; color: #FFFFFF;' class='verdana1'>",   _T('texte_sauvegarde'), "</span></b></td></tr><tr><td class='serif'>",
+   "<span style='color: #FFFFFF;' class='verdana1 spip_medium'>",   _T('texte_sauvegarde'), "</span></b></td></tr><tr><td class='serif'>",
    generer_url_post_ecrire("export_all", "reinstall=non"),
    "\n<div><p style='text-align: justify;'>",
    http_img_pack('warning.gif', _T('info_avertissement'), 
@@ -129,7 +129,7 @@ echo "</table>";
 
 	echo	"\n<table border='0' cellspacing='1' cellpadding='8' width=\"100%\">",
 	"<tr><td style='background-color: #eeeecc;'><b>",
-	"<span style='font-size: 16px; color: #000000;' class='verdana1'>", _T('texte_restaurer_base')."</span></b></td></tr>",
+	"<span style='color: #000000;' class='verdana1 spip_medium'>", _T('texte_restaurer_base')."</span></b></td></tr>",
 	"<tr><td class='serif'>\n",
 	generer_url_post_ecrire("import_all"),
 	"\n<p style='text-align: justify;'> ",
@@ -138,7 +138,7 @@ echo "</table>";
 	_T('entree_nom_fichier', array('texte_compresse' => $texte_compresse)),
 	$liste_choix,
 	"\n<li><input type='radio' name='archive' value='' />",
-	"\n<span style='font-size: 16px;'><input type='text' name='archive_perso' value='$fichier_defaut' size='30' /></span></li></ul>";
+	"\n<span class='spip_medium'><input type='text' name='archive_perso' value='$fichier_defaut' size='30' /></span></li></ul>";
 	  
 	debut_cadre_relief();
 	echo  "<p><input name='insertion' type='radio' />&nbsp;",
@@ -167,7 +167,7 @@ if ($options == "avancees" AND 	$connect_toutes_rubriques) {
 	if ($res >= '3.23.14') {
 		echo "<table border='0' cellspacing='1' cellpadding='8' width=\"100%\">";
 		echo "<tr><td style='background-color: #eeeecc;'><b>";
-		echo "<span style='font-size: 16px; color: #000000;' class='verdana1'>", _T('texte_recuperer_base'), "</span></b></td></tr>",
+		echo "<span style='color: #000000;' class='verdana1 spip_medium'>", _T('texte_recuperer_base'), "</span></b></td></tr>",
 			"<tr><td class='serif'>",
 			generer_url_post_ecrire("admin_repair"),
 			"\n<p style='text-align: justify;'>"._T('texte_crash_base'),
diff --git a/ecrire/exec/articles.php b/ecrire/exec/articles.php
index d68b1b6d6c89403d77b4901d370cb1ce78549f79..8f7e8f9fba00d87200a6dad809ff6442ceaea863 100644
--- a/ecrire/exec/articles.php
+++ b/ecrire/exec/articles.php
@@ -209,9 +209,9 @@ function boite_info_articles($id_article, $statut_article, $visites, $id_version
 {
 	global $connect_statut, $options, $flag_revisions;
 
-	$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>" 
+	$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>" 
 	. _T('info_numero_article')
-	.  "<br /><span style='font-size: 32px;'>"
+	.  "<br /><span class='spip_xx-large'>"
 	.  $id_article
 	.  '</span></div>'
 	. voir_en_ligne('article', $id_article, $statut_article, 'racine-24.gif', false);
@@ -302,7 +302,7 @@ function bouton_modifier_articles($id_article, $id_rubrique, $flag_modif, $mode,
 {
 	if ($flag_modif) {
 		return icone(_T('icone_modifier_article'), generer_url_ecrire("articles_edit","id_article=$id_article"), $ip, $im, $align, false)
-		. "<span style='font-size: 14px;' class='arial1'>$mode</span>"
+		. "<span class='arial1 spip_small'>$mode</span>"
 		. aide("artmodif");
 	}
 	else return icone(_T('icone_modifier_article'), generer_url_ecrire("articles_edit","id_article=$id_article"), "article-24.gif", "edit.gif", $align, false);
@@ -316,13 +316,13 @@ function titres_articles($titre, $statut_article,$surtitre, $soustitre, $descrip
 	$res = '';
 
 	if ($surtitre) {
-		$res .= "<span $dir_lang style='font-size: 16px;' class='arial1'><b>" . typo($surtitre) . "</b></span>\n";
+		$res .= "<span $dir_lang class='arial1 spip_medium'><b>" . typo($surtitre) . "</b></span>\n";
 	}
 	 
 	$res .= gros_titre($titre, "puce-".puce_statut($statut_article).".gif", false);
 	
 	if ($soustitre) {
-		$res .= "<span $dir_lang style='font-size: 16px;' class='arial1'><b>" . typo($soustitre) . "</b></span>\n";
+		$res .= "<span $dir_lang class='arial1 spip_medium'><b>" . typo($soustitre) . "</b></span>\n";
 	}
 	
 	if ($descriptif OR $url_site OR $nom_site) {
@@ -331,13 +331,13 @@ function titres_articles($titre, $statut_article,$surtitre, $soustitre, $descrip
 
 		$texte_case .=  ($nom_site OR $url_site) ? "{{"._T('info_urlref')."}} [".$nom_site."->".$url_site."]" : '';
 
-		$res .= "<br />\n<div align='$spip_lang_left' $dir_lang style='padding: 4px; border: 1px dashed #aaaaaa; background-color: #e4e4e4; font-size: 12px;' class='Verdana1'>"
+		$res .= "<br />\n<div align='$spip_lang_left' $dir_lang style='padding: 4px; border: 1px dashed #aaaaaa; background-color: #e4e4e4; ' class='Verdana1 spip_x-small'>"
 		. propre($texte_case)
 		. "</div>";
 	}
 	
 	if ($statut_article == 'prop')
-		$res .= "<p style='font-size: 14px; color: red' class='verdana1'><b>"._T('text_article_propose_publication')."</b></p>";
+		$res .= "<p style='color: red' class='verdana1 spip_small'><b>"._T('text_article_propose_publication')."</b></p>";
 	
 	$res = "\n<td valign='top'>$res</td>";
 
diff --git a/ecrire/exec/articles_forum.php b/ecrire/exec/articles_forum.php
index e080dfb1e163ca687bf75809b0c8578e384a649c..f14497402907ef04939d98e3f0fc519ca16e22cf 100644
--- a/ecrire/exec/articles_forum.php
+++ b/ecrire/exec/articles_forum.php
@@ -80,7 +80,7 @@ function articles_forum_cadres($id_rubrique, $id_article, $titre, $script, $args
 
 	debut_boite_info();
 
-	echo "<p style='text-align: left; font-size: 12px;' class='verdana1'>",
+	echo "<p style='text-align: left; ' class='verdana1 spip_x-small'>",
 	  _T('info_gauche_suivi_forum'),
 	  aide ("suiviforum"),
 	  "</p>";
diff --git a/ecrire/exec/articles_ortho.php b/ecrire/exec/articles_ortho.php
index aeb247160397f87ce73e9dffeceb3656ef87e88e..a054263da07d5a661f47c5b92385f582149075de 100644
--- a/ecrire/exec/articles_ortho.php
+++ b/ecrire/exec/articles_ortho.php
@@ -184,19 +184,19 @@ if ($les_notes) {
 debut_cadre_relief();
 
 if ($surtitre) {
-	echo "<span $dir_lang><span style='font-size: 16px;' class='arial1'><b>", $surtitre, "</b></span></span>\n";
+	echo "<span $dir_lang><span class='arial1 spip_medium'><b>", $surtitre, "</b></span></span>\n";
 }
 gros_titre($titre);
 
 if ($soustitre) {
-	echo "<span $dir_lang><span style='font-size: 16px;' class='arial1'><b>", $soustitre, "</b></span></span>\n";
+	echo "<span $dir_lang><span class='arial1 spip_medium'><b>", $soustitre, "</b></span></span>\n";
 }
 
 if ($descriptif OR $url_site OR $nom_site) {
 	echo "<div align='$spip_lang_left' style='padding: 5px; border: 1px dashed #aaaaaa; background-color: #e4e4e4;' $dir_lang>";
 	$t = ($descriptif) ? "{{"._T('info_descriptif')."}} $descriptif\n\n" : '';
 	$t .= ($nom_site.$url_site) ? "{{"._T('info_urlref')."}} [".$nom_site."->".$url_site."]" : '';
-	echo "<span style='font-size: 14px; ' class='verdana1'>", $t, "</span>";
+	echo "<span class='verdana1 spip_small'>", $t, "</span>";
 	echo "</div>";
 }
 
@@ -228,7 +228,7 @@ else {
 
 	if ($les_notes) {
 		echo debut_cadre_relief();
-		echo "<div $dir_lang><span style='font-size: 14px;'>", "<b>"._T('info_notes')."&nbsp;:</b> ".$les_notes, "</span></div>";
+		echo "<div $dir_lang><span class='spip_small'>", "<b>"._T('info_notes')."&nbsp;:</b> ".$les_notes, "</span></div>";
 		echo fin_cadre_relief();
 	}
 
diff --git a/ecrire/exec/articles_versions.php b/ecrire/exec/articles_versions.php
index 9321a6ae01159d19892a4da4a08c816e894e5e0a..51230b289108c88cef6cd4d8683c7e59cd6f7b20 100644
--- a/ecrire/exec/articles_versions.php
+++ b/ecrire/exec/articles_versions.php
@@ -117,12 +117,12 @@ else if ($statut_article == 'poubelle') {
 echo "\n<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
 echo "<tr><td style='width: 100%' valign='top'>";
 if ($surtitre) {
-	echo "<span $dir_lang><span style='font-size: 16px;' class='arial1'><b>", propre_diff($surtitre), "</b></span></span>\n";
+	echo "<span $dir_lang><span class='arial1 spip_medium'><b>", propre_diff($surtitre), "</b></span></span>\n";
 }
  gros_titre(propre_diff($titre), $logo_statut);
 
 if ($soustitre) {
-	echo "<span $dir_lang><span style='font-size: 16px;' class='arial1'><b>", propre_diff($soustitre), "</b></span></span>\n";
+	echo "<span $dir_lang><span class='arial1 spip_medium'><b>", propre_diff($soustitre), "</b></span></span>\n";
 }
 
 
@@ -130,7 +130,7 @@ if ($descriptif OR $url_site OR $nom_site) {
 	echo "<div align='left' style='padding: 5px; border: 1px dashed #aaaaaa; background-color: #e4e4e4;' $dir_lang>";
 	$texte_case = ($descriptif) ? "{{"._T('info_descriptif')."}} $descriptif\n\n" : '';
 	$texte_case .= ($nom_site.$url_site) ? "{{"._T('info_urlref')."}} [".$nom_site."->".$url_site."]" : '';
-	echo "<span style='font-size: 14px; ' class='verdana1'>", propre($texte_case), "</span>";
+	echo "<span class='verdana1 spip_small'>", propre($texte_case), "</span>";
 	echo "</div>";
 }
 
@@ -235,14 +235,14 @@ if ($id_version) {
 	
 		if ($ps) {
 			echo debut_cadre_enfonce();
-			echo "<div $dir_lang style='font-size: 14px; ' class='verdana1'>", justifier("<b>"._T('info_ps')."</b> ".propre_diff($ps)), "</div>";
+			echo "<div $dir_lang class='verdana1 spip_small'>", justifier("<b>"._T('info_ps')."</b> ".propre_diff($ps)), "</div>";
 			echo fin_cadre_enfonce();
 		}
 		$revision_nbsp = false;
 	
 		if ($les_notes) {
 			echo debut_cadre_relief();
-			echo "<div $dir_lang><span style='font-size: 14px;'>", justifier("<b>"._T('info_notes')."&nbsp;:</b> ".$les_notes), "</span></div>";
+			echo "<div $dir_lang><span class='spip_small'>", justifier("<b>"._T('info_notes')."&nbsp;:</b> ".$les_notes), "</span></div>";
 			echo fin_cadre_relief();
 		}
 	
diff --git a/ecrire/exec/auteur_infos.php b/ecrire/exec/auteur_infos.php
index d7f71005c89cb35f0dbfa7ccc2823291eab9baef..6d53664fb91cea8219528b9a53efae00cabf5e86 100644
--- a/ecrire/exec/auteur_infos.php
+++ b/ecrire/exec/auteur_infos.php
@@ -114,9 +114,9 @@ function cadre_auteur_infos($id_auteur, $auteur)
 
 	if (!$id_auteur) return '';
 
-	$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>" 
+	$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>" 
 	. _T('titre_cadre_numero_auteur')
-	. "<br /><span style='font-size: 32px;'>"
+	. "<br /><span class='spip_xx-large'>"
 	. $id_auteur
 	. '</span></div>';
 
diff --git a/ecrire/exec/breves_voir.php b/ecrire/exec/breves_voir.php
index b14388e17674daa1584711b61e3e96ff07f419f1..2552405cbc758511def13cc469492b3c615b88f2 100644
--- a/ecrire/exec/breves_voir.php
+++ b/ecrire/exec/breves_voir.php
@@ -71,9 +71,9 @@ function afficher_breves_voir($id_breve, $cherche_mot, $select_groupe)
 	
 	debut_boite_info();
 	
-	$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>" 
+	$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>" 
 	. _T('info_gauche_numero_breve')
-	. "<br /><span style='font-size: 32px;'>"
+	. "<br /><span class='spip_xx-large'>"
 	. $id_breve
 	. '</span></div>';
 
@@ -149,7 +149,7 @@ function afficher_breves_voir($id_breve, $cherche_mot, $select_groupe)
 			fin_cadre_enfonce();	
 		}
 		else {
-			echo "<p><span style='font-size: 16px;' class='verdana1'><b>".affdate($date_heure)."&nbsp;</b></span></p>";
+			echo "<p><span class='verdana1 spip_medium'><b>".affdate($date_heure)."&nbsp;</b></span></p>";
 		}
 	}
 
@@ -192,7 +192,7 @@ function afficher_breves_voir($id_breve, $cherche_mot, $select_groupe)
 	echo propre($texte_case);
 
 	if ($les_notes) {
-		echo "<hr width='70%' height='1' align='left'><span style='font-size: 14px;'>$les_notes</span>\n";
+		echo "<hr width='70%' height='1' align='left'><span class='spip_small'>$les_notes</span>\n";
 	}
 
 	// afficher les extra
diff --git a/ecrire/exec/calendrier.php b/ecrire/exec/calendrier.php
index f0875581125ef04d3c74790a7539861d1395953e..2e6b7f83a89e0756a4203973f4fb6ff7ca67e7f9 100644
--- a/ecrire/exec/calendrier.php
+++ b/ecrire/exec/calendrier.php
@@ -86,7 +86,7 @@ function http_calendrier_aide_mess()
 {
   global $bleu, $vert, $jaune, $spip_lang_left;
   return
-   "\n<br /><br /><br />\n<table style='font-size: 10px' width='700' class='arial1'>\n<tr><th style='text-align: $spip_lang_left; font-weight: bold;'> " . _T('info_aide').
+   "\n<br /><br /><br />\n<table width='700' class='arial1 spip_xx-small'>\n<tr><th style='text-align: $spip_lang_left; font-weight: bold;'> " . _T('info_aide').
     "</th></tr><tr><td>$bleu\n"._T('info_symbole_bleu')."\n" .
     "</td></tr><tr><td>$vert\n"._T('info_symbole_vert')."\n" .
     "</td></tr><tr><td>$jaune\n"._T('info_symbole_jaune')."\n" .
diff --git a/ecrire/exec/config_fonctions.php b/ecrire/exec/config_fonctions.php
index 8a85f851c54b353dfdb9ed97287e1c0767f7c0aa..b55129cd45d70a824abac4d3ab3848dce72bbf7f 100644
--- a/ecrire/exec/config_fonctions.php
+++ b/ecrire/exec/config_fonctions.php
@@ -449,7 +449,7 @@ function proxy_config()
 	echo "<input type='text' name='http_proxy' value='$http_proxy' size='40' class='forml' />";
 
 	if ($http_proxy) {
-		echo "<p align='$spip_lang_left' style='font-size: 14px; color: #000000;' class='verdana1'>"
+		echo "<p align='$spip_lang_left' style='color: #000000;' class='verdana1 spip_small'>"
 			. _T('texte_test_proxy');
 		echo "</p>";
 
diff --git a/ecrire/exec/configuration.php b/ecrire/exec/configuration.php
index 942e5976c0958b2a1b273780d68c5398670dad70..4c5f1205b5f65baffb9f4e0bcbfcd7620fbbbb3b 100644
--- a/ecrire/exec/configuration.php
+++ b/ecrire/exec/configuration.php
@@ -405,7 +405,7 @@ else $style = "display: none;";
 		echo "<p />";
 		debut_cadre_relief();
 		echo "\n<table border='0' cellspacing='1' cellpadding='3' width=\"100%\">";
-		echo "\n<tr><td style='font-size: 12px; color: #000000' class='verdana1'>";
+		echo "\n<tr><td style='color: #000000' class='verdana1 spip_x-small'>";
 		echo _T('info_question_proposer_site');
 		echo "\n<div style='text-align: center'><select name='proposer_sites' class='fondo' size='1'>\n";
 		echo "<option".mySel('0',$proposer_sites).">"._T('item_choix_administrateurs')."</option>\n";
diff --git a/ecrire/exec/controle_forum.php b/ecrire/exec/controle_forum.php
index e37effb657fcc5880059394674c56f974828a5b8..8a967023acf0c10e62a9b2b015b50d1f41986205 100644
--- a/ecrire/exec/controle_forum.php
+++ b/ecrire/exec/controle_forum.php
@@ -261,7 +261,7 @@ function exec_controle_forum_dist()
 
 			debut_gauche();
 			debut_boite_info();
-			echo "<span style='font-size: 14px;' class='verdana1'>", _T('info_gauche_suivi_forum_2'), aide("suiviforum"), "</span>";
+			echo "<span class='verdana1 spip_small'>", _T('info_gauche_suivi_forum_2'), aide("suiviforum"), "</span>";
 
 			// Afficher le lien RSS
 
diff --git a/ecrire/exec/forum.php b/ecrire/exec/forum.php
index 6e89631fc9ca71f07e6efe0d7f425efdf360edd8..ca248e8577c0227ef61c8eb66aa4923646f18829 100644
--- a/ecrire/exec/forum.php
+++ b/ecrire/exec/forum.php
@@ -24,7 +24,7 @@ function liste_numeros_forum($script, $debut, $total)
 	for ($i = 0; $i < $total; $i = $i + 10){
 		if ($i > 0) echo " | ";
 		if ($i == $debut)
-			echo "\n<span style='font-size: 16px;'><b>$i</b></span>";
+			echo "\n<span class='spip_medium'><b>$i</b></span>";
 		else
 			echo "\n<a href='", generer_url_ecrire($script, "debut=$i"), "'>$i</a>";
 	}
diff --git a/ecrire/exec/install.php b/ecrire/exec/install.php
index 6bfa2e80faf9981491775da21b45805fff172718..a6c29c5ef01403682579d0377e668f459a07a582 100644
--- a/ecrire/exec/install.php
+++ b/ecrire/exec/install.php
@@ -71,7 +71,7 @@ function tester_compatibilite_hebergement() {
 		. "mbstring.func_overload=$a - <a href='http://se.php.net/mb_string'>mb_string</a>.<br /><small>";
 
 	if ($err) {
-			echo "<p style='font-size: 18px;' class='verdana1'><b>"._T('avis_attention').'</b></p><p>'._T('install_echec_annonce')."</p><ul>";
+			echo "<p class='verdana1 spip_large'><b>"._T('avis_attention').'</b></p><p>'._T('install_echec_annonce')."</p><ul>";
 		while (list(,$e) = each ($err))
 			echo "<li>$e</li>\n";
 
diff --git a/ecrire/exec/message.php b/ecrire/exec/message.php
index efdb73252be94f07fddc52c621c75be5a614697e..f9f18502e6198f4ee69b61e0bef52a145f0068c6 100644
--- a/ecrire/exec/message.php
+++ b/ecrire/exec/message.php
@@ -138,7 +138,7 @@ function http_auteurs_ressemblants($cherche_auteur, $id_message)
     $row = spip_fetch_array(spip_query("SELECT nom FROM spip_auteurs WHERE id_auteur=$nouv_auteur"));
     $nom_auteur = $row['nom'];
     return "<b>"._T('info_ajout_participant')."</b><br />" .
-      "<ul><li><span style='font-size: 14px;' class='verdana1'><b><span style='font-size: 16px;'>$nom_auteur</span></b></span>\n</ul>";
+      "<ul><li><span class='verdana1 spip_small'><b><span class='spip_medium'>$nom_auteur</span></b></span>\n</ul>";
   }
   else if (count($resultat) < 16) {
     $res = '';
@@ -149,14 +149,14 @@ function http_auteurs_ressemblants($cherche_auteur, $id_message)
       $nom_auteur = $row['nom'];
       $email_auteur = $row['email'];
       $bio_auteur = $row['bio'];
-      $res .= "<li><span style='font-size: 16px; class='verdana1'><b>$nom_auteur</b></span>" .
+      $res .= "<li><span class='spip_medium' style='class='verdana1'><b>$nom_auteur</b></span>" .
 	($email_auteur ? " ($email_auteur)" : '') .
 	" | <a href='" . generer_url_ecrire('message', "id_message=$id_message&ajout_auteur=oui&nouv_auteur=$id_auteur") .
 	"'>" .
 	_T('lien_ajout_destinataire').
 	"</a>" .
 	(!trim($bio_auteur) ? '' :
-	 ("<br /><span style='font-size: 12px;'>".propre(couper($bio_auteur, 100))."</span>\n")) .
+	 ("<br /><span class='spip_x-small'>".propre(couper($bio_auteur, 100))."</span>\n")) .
 	"</font></li>\n";
     }
     return  "<b>"._T('info_recherche_auteur_ok', array('cherche_auteur' => $cherche_auteur))."</b><br /><ul>$res</ul>";
@@ -188,7 +188,7 @@ function http_ajouter_participants($ze_auteurs, $id_message)
 
       echo "<div align='left'>";
       echo generer_url_post_ecrire('message');
-      echo "<span style='font-size: 14px;' class='verdana1'><b>", _T('bouton_ajouter_participant')," &nbsp; </b></span>\n",
+      echo "<span class='verdana1 spip_small'><b>", _T('bouton_ajouter_participant')," &nbsp; </b></span>\n",
 	"<input type='hidden' name='id_message' value=\"$id_message\" />";
 
       if (spip_num_rows($result_ajout_auteurs) > 50) {
@@ -296,8 +296,8 @@ function http_message_avec_participants($id_message, $statut, $forcer_dest, $nou
 				$aut =  (($id_auteur != $expediteur) ? '' :
 					 ("<span class='arial0'>".  _T('info_auteur_message') ."</span> "));
 
-				$res .= "<tr><td style='background-color: $couleur'><span style='font-size: 14px;' class='verdana1'>&nbsp;". bonhomme_statut($row)."&nbsp;" .  $aut .	  $nom_auteur .  "</span></td>" .
-				  "<td style='background-color: $couleur' align='right'><span style='font-size: 12px;' class='verdana1'>" . (($id_auteur == $connect_id_auteur) ?  "&nbsp;" : ("[<a href='" . generer_url_ecrire("message","id_message=$id_message&supp_dest=$id_auteur") . "'>"._T('lien_retrait_particpant')."</a>]")) .  "</span></td></tr>\n";
+				$res .= "<tr><td style='background-color: $couleur'><span class='verdana1 spip_small'>&nbsp;". bonhomme_statut($row)."&nbsp;" .  $aut .	  $nom_auteur .  "</span></td>" .
+				  "<td style='background-color: $couleur' align='right'><span class='verdana1 spip_x-small'>" . (($id_auteur == $connect_id_auteur) ?  "&nbsp;" : ("[<a href='" . generer_url_ecrire("message","id_message=$id_message&supp_dest=$id_auteur") . "'>"._T('lien_retrait_particpant')."</a>]")) .  "</span></td></tr>\n";
 			}
 			echo
 			  http_visualiser_participants($auteurs_tmp),
@@ -314,7 +314,7 @@ function http_message_avec_participants($id_message, $statut, $forcer_dest, $nou
 	  else {
 		  echo
 		    debut_block_invisible("ajouter_auteur"),
-		    "<br /><div align='right'><span style='font-size: 14px;' class='verdana1'><a href='" . generer_url_ecrire("message","id_message=$id_message&forcer_dest=oui") . "'>"._T('lien_ajouter_participant')."</a></span></div>",
+		    "<br /><div align='right'><span class='verdana1 spip_small'><a href='" . generer_url_ecrire("message","id_message=$id_message&forcer_dest=oui") . "'>"._T('lien_ajouter_participant')."</a></span></div>",
 		    fin_block();
 		}
 	  fin_cadre_enfonce();
@@ -349,13 +349,13 @@ function http_affiche_message($id_message, $expediteur, $statut, $type, $texte,
 	echo "\n<table width='100%' cellpadding='0' cellspacing='0' border='0'>";
 	echo "<tr><td>"; # uniques
 
-	echo "<span style='font-size: 14px; color: $la_couleur' class='verdana1'><b>$le_type</b></span><br />";
-	echo "<span style='font-size: 18px;' class='verdana1'><b>$titre</b></span>";
+	echo "<span style='color: $la_couleur' class='verdana1 spip_small'><b>$le_type</b></span><br />";
+	echo "<span class='verdana1 spip_large'><b>$titre</b></span>";
 	if ($statut == 'redac') {
-		echo "<br /><span style='font-size: 14px; color: red;' class='verdana1'><b>"._T('info_redaction_en_cours')."</b></span>";
+		echo "<br /><span style='color: red;' class='verdana1 spip_small'><b>"._T('info_redaction_en_cours')."</b></span>";
 	}
 	else if ($rv == 'non') {
-		echo "<br /><span style='font-size: 14px; color: #666666;' class='verdana1'><b>".nom_jour($date_heure).' '.affdate_heure($date_heure)."</b></span>";
+		echo "<br /><span style='color: #666666;' class='verdana1 spip_small'><b>".nom_jour($date_heure).' '.affdate_heure($date_heure)."</b></span>";
 	}
 
 
@@ -389,7 +389,7 @@ function http_affiche_message($id_message, $expediteur, $statut, $type, $texte,
 
 	if ($expediteur == $connect_id_auteur AND $statut == 'redac') {
 	  if ($type == 'normal' AND $total_dest < 2) {
-	    echo "<p style='font-size: 14px; color: #666666; text-align: right;' class='verdana1'><b>"._T('avis_destinataire_obligatoire')."</b></p>";
+	    echo "<p style='color: #666666; text-align: right;' class='verdana1 spip_small'><b>"._T('avis_destinataire_obligatoire')."</b></p>";
 	  } else {
 	    echo "\n<div align='center'><table><tr><td>";
 	    icone (_T('icone_envoyer_message'), (generer_url_ecrire("message","id_message=$id_message&change_statut=publie")), "messagerie-24.gif", "creer.gif");
diff --git a/ecrire/exec/message_edit.php b/ecrire/exec/message_edit.php
index 674aeb2b74f1a8245142882ef07dc17f0d8e7bca..3c6984f67c5de46dc060d854c370d66a2f4236da 100644
--- a/ecrire/exec/message_edit.php
+++ b/ecrire/exec/message_edit.php
@@ -67,11 +67,11 @@ function exec_message_edit_dist()
 	debut_droite();
 
 	echo "<div class='arial2'>";
-	echo "<span style='font-size: 14px; color:green' class='verdana1'><b>$le_type</b></span>";
+	echo "<span style='color:green' class='verdana1 spip_small'><b>$le_type</b></span>";
 	
 	echo generer_url_post_ecrire('message',"id_message=$id_message");
 	if ($type == "affich")
-		echo "<p style='font-size: 12px; color:red;' class='verdana1'>", _T('texte_message_edit'),"</p>";
+		echo "<p style='color:red;' class='verdana1 spip_x-small'>", _T('texte_message_edit'),"</p>";
 	
 	echo "\n<p><input type='hidden' name='modifier_message' value='oui'/>";
 	echo "\n<input type='hidden' name='id_message' value='$id_message'/>";
diff --git a/ecrire/exec/mots_edit.php b/ecrire/exec/mots_edit.php
index 21e16c0f8f274ac5d3576a34775c995b3580a061..069f3a243c2bc5ed39d00a8f120b49bc0be12b8d 100644
--- a/ecrire/exec/mots_edit.php
+++ b/ecrire/exec/mots_edit.php
@@ -67,9 +67,9 @@ global
 //
 
 	 if ($id_mot) {
-		$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>" 
+		$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>" 
 		.  _T('titre_gauche_mots_edit')
-		.  "<br /><span style='font-size: 32px;'>"
+		.  "<br /><span class='spip_xx-large'>"
 		.  $id_mot
 		.  '</span></div>';
 
@@ -129,7 +129,7 @@ global
 
 
 	if ($descriptif) {
-		$out .= "<div style='border: 1px dashed #aaaaaa; font-size: 14px; ' class='verdana1'>";
+		$out .= "<div style='border: 1px dashed #aaaaaa; ' class='verdana1 spip_small'>";
 		$out .= "<b>" . _T('info_descriptif') . "</b> ";
 		$out .= propre($descriptif);
 		$out .= "&nbsp; ";
@@ -141,7 +141,7 @@ global
 
 
 	if (strlen($texte)>0){
-		$out .= "<p style='font-size: 14px; ' class='verdana1'>";
+		$out .= "<p class='verdana1 spip_small'>";
 		$out .= propre($texte);
 		$out .= "</p>";
 	}
diff --git a/ecrire/exec/mots_tous.php b/ecrire/exec/mots_tous.php
index b1c8861713d592ccc37c5ca7472def8bbb3abbc8..b6187ec7dc215009b44d13eebcf2c247f4a49aee 100644
--- a/ecrire/exec/mots_tous.php
+++ b/ecrire/exec/mots_tous.php
@@ -86,13 +86,13 @@ function exec_mots_tous_dist()
 		if ($acces_comite == "oui") $res .= "> "._T('info_redacteurs')." &nbsp;&nbsp;";
 		if ($acces_forum == "oui") $res .= "> "._T('info_visiteurs_02')." &nbsp;&nbsp;";
 
- 		echo "<span style='font-size: 12px;' class='verdana1'>", $res, "</span>";
+ 		echo "<span class='verdana1 spip_x-small'>", $res, "</span>";
 		if ($descriptif) {
-			echo "<div style='border: 1px dashed #aaaaaa; font-size: 14px; ' class='verdana1'>", "<b>",_T('info_descriptif'),"</b> ", propre($descriptif), "&nbsp; </div>";
+			echo "<div style='border: 1px dashed #aaaaaa; ' class='verdana1 spip_small'>", "<b>",_T('info_descriptif'),"</b> ", propre($descriptif), "&nbsp; </div>";
 		}
 
 		if (strlen($texte)>0){
-			echo "<span style='font-size: 14px; ' class='verdana1'>", propre($texte), "</span>";
+			echo "<span class='verdana1 spip_small'>", propre($texte), "</span>";
 		}
 
 		//
diff --git a/ecrire/exec/mots_type.php b/ecrire/exec/mots_type.php
index e849745aa413e9610d07e2315149b724a9abcc17..aa7c738e5ecf609c7aa55b93eaa854df1940df01 100644
--- a/ecrire/exec/mots_type.php
+++ b/ecrire/exec/mots_type.php
@@ -83,7 +83,7 @@ function exec_mots_type_dist()
 	. "</td>"
 	. "<td>". http_img_pack('rien.gif', " ", "width='5'") . "</td>\n"
 	. "<td style='width: 100%' valign='top'>"
-	  . "<span style='font-size: 12px;' class='verdana1'><b>". _T('titre_groupe_mots') . "</b></span><br />"
+	  . "<span class='verdana1 spip_x-small'><b>". _T('titre_groupe_mots') . "</b></span><br />"
 	  . gros_titre($titre,'',false)
 	. aide("motsgroupes")
 	. "<div class='verdana1'>"
diff --git a/ecrire/exec/naviguer.php b/ecrire/exec/naviguer.php
index 4afc60da2c96a54f453b24a30fce2c596b99a817..e75d821941b9f09177fc3399427ef297b4419cef 100644
--- a/ecrire/exec/naviguer.php
+++ b/ecrire/exec/naviguer.php
@@ -105,7 +105,7 @@ function exec_naviguer_dist()
 
 
 	if (strlen($texte) > 1) {
-		echo "\n<div style='font-size: 16px; ' class='verdana1'>", justifier(propre($texte)), "</div>";
+		echo "\n<div class='verdana1 spip_medium'>", justifier(propre($texte)), "</div>";
 	}
 	
 	langue_naviguer($id_rubrique, $id_parent, $flag_editable);
@@ -134,9 +134,9 @@ function exec_naviguer_dist()
 function infos_naviguer($id_rubrique, $statut)
 {
 	if ($id_rubrique > 0) {
-		$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>"
+		$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>"
 		  .  _T('titre_numero_rubrique')
-		  . "<br /><span style='font-size: 32px;'>"
+		  . "<br /><span class='spip_xx-large'>"
 		  . $id_rubrique
 		  . '</span></div>';
 
@@ -417,7 +417,7 @@ function montre_naviguer($id_rubrique, $titre, $descriptif, $logo, $flag_editabl
   echo "</tr>\n";
 
   if (strlen($descriptif) > 1) {
-	echo "<tr><td><div align='$spip_lang_left' style='padding: 5px; border: 1px dashed #aaaaaa; font-size: 14px; ' class='verdana1'>", propre($descriptif."~"), "</div></td></tr>\n";
+	echo "<tr><td><div align='$spip_lang_left' style='padding: 5px; border: 1px dashed #aaaaaa; ' class='verdana1 spip_small'>", propre($descriptif."~"), "</div></td></tr>\n";
   }
   echo "</table>\n";
 }
diff --git a/ecrire/exec/recherche.php b/ecrire/exec/recherche.php
index a14fd8c4c226fc7b8afc5f0cdeee2e5805f994c2..0e8ff3d13306f8ab120e6f2406a2146d82e4e870 100644
--- a/ecrire/exec/recherche.php
+++ b/ecrire/exec/recherche.php
@@ -43,7 +43,7 @@ function exec_recherche_dist()
 	if (strlen($recherche) > 0) {
 
 	echo "<span class='verdana1'><b>"._T('info_resultat_recherche')."</b></span><br />";
-	echo "<span style='font-size: 18px; color: $couleur_foncee' class='verdana1'><b>$recherche_aff</b></span>";
+	echo "<span style='color: $couleur_foncee' class='verdana1 spip_large'><b>$recherche_aff</b></span>";
 
 	$query_articles['FROM'] = 'spip_articles AS articles';
 	$query_breves['FROM'] = 'spip_breves';
@@ -159,7 +159,7 @@ function afficher_auteurs ($titre_table, $requete) {
 			echo "<p><table width='100%' cellpadding='0' cellspacing='0' border='0'>";
 			echo "<tr><td style='width: 100%'>";
 			echo "<table width='100%' cellpadding='3' cellspacing='0' border='0'>";
-			echo "<tr style='background-color: #333333'><td style='width: 100%' colspan='5'><span style='font-size: 16px; color: #FFFFFF;' class='verdana1'><b>$titre_table</b></span></td></tr>";
+			echo "<tr style='background-color: #333333'><td style='width: 100%' colspan='5'><span style='color: #FFFFFF;' class='verdana1 spip_medium'><b>$titre_table</b></span></td></tr>";
 		}
 	else {
 			echo "<p><table width='100%' cellpadding='3' cellspacing='0' border='0'>";
diff --git a/ecrire/exec/rubriques_edit.php b/ecrire/exec/rubriques_edit.php
index cc497986d5251843dc22c37b28f5dbdbd28dbfdd..8b45e35e189cb552bd418a48ecc3bf317a6c3257 100644
--- a/ecrire/exec/rubriques_edit.php
+++ b/ecrire/exec/rubriques_edit.php
@@ -131,7 +131,7 @@ function exec_rubriques_edit_dist()
 		$scb = _T('avis_deplacement_rubrique',
 			array('contient_breves' => $contient_breves,
 			      'scb' => $scb));
-		$form .= "<div><span style='font-size: 14px;'><input type='checkbox' name='confirme_deplace' value='oui' id='confirme-deplace' /><label for='confirme-deplace'>&nbsp;" . $scb . "</span></label></div>\n";
+		$form .= "<div><span class='spip_small'><input type='checkbox' name='confirme_deplace' value='oui' id='confirme-deplace' /><label for='confirme-deplace'>&nbsp;" . $scb . "</span></label></div>\n";
 	} else
 		$form .= "<input type='hidden' name='confirme_deplace' value='oui' />\n";
 
diff --git a/ecrire/exec/sites.php b/ecrire/exec/sites.php
index cd4e5ac0acc175e8421670287f2491c9d76637dd..3fc00c3d96950eb829dbc133603e312221713a84 100644
--- a/ecrire/exec/sites.php
+++ b/ecrire/exec/sites.php
@@ -132,9 +132,9 @@ debut_gauche();
 
 	debut_boite_info();
 
-	$res = "\n<div style='font-size: 10px; font-weight: bold; text-align: center' class='verdana1'>"
+	$res = "\n<div style='font-weight: bold; text-align: center' class='verdana1 spip_xx-small'>"
 		  .  _T('titre_site_numero')
-		  . "<br /><span style='font-size: 32px;'>"
+		  . "<br /><span class='spip_xx-large'>"
 		  . $id_syndic
 		  . '</span></div>';
 	echo $res;
@@ -184,7 +184,7 @@ gros_titre($nom_site, $logo_statut);
 echo "<a href='$url_site'><b>$url_affichee</b></a>";
 
 if (strlen($descriptif) > 1) {
-	echo "<div align='left' style='padding: 5px; border: 1px dashed #aaaaaa; background-color: #e4e4e4; margin-top: 5px; font-size: 14px; ' class='verdana1'>";
+	echo "<div align='left' style='padding: 5px; border: 1px dashed #aaaaaa; background-color: #e4e4e4; margin-top: 5px; ' class='verdana1 spip_small'>";
 	echo "<b>"._T('info_descriptif')."</b> ";
 	echo propre($descriptif);
 	echo "&nbsp; ";
@@ -209,7 +209,7 @@ if ($flag_editable AND ($options == 'avancees' OR $statut == 'publie')) {
 		fin_cadre_enfonce();	
 	}
 	else {
-		echo "<br />\n<span style='font-size: 16px;' class='verdana1'>"._T('info_site_propose')." <b>".affdate($date_heure)."&nbsp;</b></span>";
+		echo "<br />\n<span class='verdana1 spip_medium'>"._T('info_site_propose')." <b>".affdate($date_heure)."&nbsp;</b></span>";
 	}
 }
 
@@ -254,7 +254,7 @@ if (!$resume AND !$resume = $row['resume']) $resume = 'oui';
 
 
 if ($syndication == "oui" OR $syndication == "off" OR $syndication == "sus") {
-	echo "<p style='font-size: 16px; ' class='verdana1'><a href='".htmlspecialchars($url_syndic)."'>",	http_img_pack('feed.png', 'RSS', ''),	'</a> <b>'._T('info_site_syndique').'</b></p>';
+	echo "<p class='verdana1 spip_medium'><a href='".htmlspecialchars($url_syndic)."'>",	http_img_pack('feed.png', 'RSS', ''),	'</a> <b>'._T('info_site_syndique').'</b></p>';
 
 	if ($erreur_syndic)
 		echo "<p style='color: red; font-weight: bold;'>",$erreur_syndic,"</p>";
@@ -270,7 +270,7 @@ if ($syndication == "oui" OR $syndication == "off" OR $syndication == "sus") {
 			"<input type='hidden' name='reload' value='oui' />
 			<input type='submit' value=\""
 			. attribut_html(_T('lien_nouvelle_recuperation'))
-			. "\" class='fondo' style='font-size: 10px;' />"
+			. "\" class='fondo spip_xx-small' />"
 		);
 		fin_boite_info();
 	}
@@ -281,7 +281,7 @@ if ($syndication == "oui" OR $syndication == "off" OR $syndication == "sus") {
 
 	if ($date_syndic)
 		echo "<div align='left'>".
-		  "<span style='font-size: 14px;' class='verdana1'>",  _T('info_derniere_syndication').' '.affdate_heure($date_syndic)	.".</span></div>\n";
+		  "<span class='verdana1 spip_small'>",  _T('info_derniere_syndication').' '.affdate_heure($date_syndic)	.".</span></div>\n";
 
 
 	echo "<div align='right'>\n";
@@ -291,7 +291,7 @@ if ($syndication == "oui" OR $syndication == "off" OR $syndication == "sus") {
 		"<input type='hidden' name='reload' value='oui' />
 		<input type='submit' value=\""
 		. attribut_html(_T('lien_mise_a_jour_syndication'))
-		. "\" class='fondo' style='font-size: 10px;' />",
+		. "\" class='fondo spip_xx-small' />",
 		" method='post'"
 	);
 	echo "</div>\n";
diff --git a/ecrire/exec/sites_edit.php b/ecrire/exec/sites_edit.php
index 8bafe8019bc8bd822a1956c0e5246511cdd2ad76..e602f28e458cbd1232892ab0b79d9b3a389d2496 100644
--- a/ecrire/exec/sites_edit.php
+++ b/ecrire/exec/sites_edit.php
@@ -80,7 +80,7 @@ AND (
 	$connect_statut == '0minirezo' OR $GLOBALS['meta']["proposer_sites"] > 0)
 ) {
 
-	$form_auto = "<span style='font-size: 14px;' class='verdana1'>"		. _T('texte_referencement_automatique')	. "</span>"
+	$form_auto = "<span class='verdana1 spip_small'>"		. _T('texte_referencement_automatique')	. "</span>"
 		. "\n<div align='right'><input type=\"text\" name=\"url\" class='fondl' size='40' value=\"http://\" />\n"
 		. "\n<input type='hidden' name='id_parent' value='".intval(_request('id_rubrique'))."' />\n"
 		. "<input type=\"submit\"  value=\""._T('bouton_ajouter')."\" class='fondo' />\n";
diff --git a/ecrire/exec/statistiques_lang.php b/ecrire/exec/statistiques_lang.php
index d89348e4f9fc328f66b1bc7e57434a8bc6bc6aa5..02c05158045e478471164b975d9e06142fed176b 100644
--- a/ecrire/exec/statistiques_lang.php
+++ b/ecrire/exec/statistiques_lang.php
@@ -107,7 +107,7 @@ function exec_statistiques_lang_dist()
 	echo "</table>\n";
 
 
-//echo "<p><span style='font-size: 16px;' class='verdana1'>"._T('texte_signification')."</span>";
+//echo "<p><span class='verdana1 spip_medium'>"._T('texte_signification')."</span>";
 
 	fin_cadre_enfonce();
 
diff --git a/ecrire/exec/statistiques_visites.php b/ecrire/exec/statistiques_visites.php
index 84db7fcfe022b765363e5a16ba3428eabfdf360b..b8354c0265e86decc3060819f47269062e27c187 100644
--- a/ecrire/exec/statistiques_visites.php
+++ b/ecrire/exec/statistiques_visites.php
@@ -80,7 +80,7 @@ function exec_statistiques_visites_dist()
 
 
   $titre = $pourarticle = "";
-  $style = "class='arial1' style='font-size: 12px; color: #999999'";
+  $style = "class='arial1 spip_x-small' style='color: #999999'";
 
 if ($id_article = intval($id_article)){
 	$result = spip_query("SELECT titre, visites, popularite FROM spip_articles WHERE statut='publie' AND id_article=$id_article");
@@ -557,31 +557,31 @@ if ($GLOBALS['accepte_svg']) {
 			echo "<td valign='top'><div style='font-size:small;' class='verdana1'>";
 			echo "<table cellpadding='0' cellspacing='0' border='0'>";
 			echo "<tr><td height='15' valign='top'>";		
-			echo "<span style='font-size: 12px;' class='arial1'><b>".round($maxgraph)."</b></span>";
+			echo "<span class='arial1 spip_x-small'><b>".round($maxgraph)."</b></span>";
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle' $style>";		
 			echo round(7*($maxgraph/8));
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle'>";		
-			echo "<span style='font-size: 12px;' class='arial1'>".round(3*($maxgraph/4))."</span>";
+			echo "<span class='arial1 spip_x-small'>".round(3*($maxgraph/4))."</span>";
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle' $style>";		
 			echo round(5*($maxgraph/8));
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle'>";		
-			echo "<span style='font-size: 12px;' class='arial1'><b>".round($maxgraph/2)."</b></span>";
+			echo "<span class='arial1 spip_x-small'><b>".round($maxgraph/2)."</b></span>";
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle' $style>";		
 			echo round(3*($maxgraph/8));
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle'>";		
-			echo "<span style='font-size: 12px;' class='arial1'>".round($maxgraph/4)."</span>";
+			echo "<span class='arial1 spip_x-small'>".round($maxgraph/4)."</span>";
 			echo "</td></tr>";
 			echo "<tr><td height='25' valign='middle' $style>";		
 			echo round(1*($maxgraph/8));
 			echo "</td></tr>";
 			echo "<tr><td height='10' valign='bottom'>";		
-			echo "<span style='font-size: 12px;' class='arial1'><b>0</b></span>";
+			echo "<span class='arial1 spip_x-small'><b>0</b></span>";
 			echo "</td>";
 			
 			
@@ -615,7 +615,7 @@ if ($GLOBALS['accepte_svg']) {
 		// (desactive au profit de la moeynne "glissante")
 		# $moyenne =  round($total_absolu / ((date("U")-$date_premier)/(3600*24)));
 
-		echo "<span style='font-size: 12px;' class='arial1'>"._T('texte_statistiques_visites')."</span>";
+		echo "<span class='arial1 spip_x-small'>"._T('texte_statistiques_visites')."</span>";
 		echo "<br /><table cellpadding='0' cellspacing='0' border='0' width='100%'><tr style='width:100%;'>";
 		echo "<td valign='top' style='width: 33%; ' class='verdana1'>", _T('info_maximum')." ".$max, "<br />"._T('info_moyenne')." ".round($moyenne), "</td>";
 		echo "<td valign='top' style='width: 33%; ' class='verdana1'>";
@@ -636,14 +636,14 @@ if ($GLOBALS['accepte_svg']) {
 				echo "<br />".$classement[$id_article].$ch;
 			}
 		} else {
-		  echo "<span style='font-size: 12px'><br />"._T('info_popularite_2')." ", ceil($GLOBALS['meta']['popularite_total']), "</span>";
+		  echo "<span class='spip_x-small'><br />"._T('info_popularite_2')." ", ceil($GLOBALS['meta']['popularite_total']), "</span>";
 		}
 		echo "</td></tr></table>";	
 	}		
 	
 	if (count($log) > 60) {
 		echo "<br />";
-		echo "<span style='font-size: 14px;' class='verdana1'><b>"._T('info_visites_par_mois')."</b></span>";
+		echo "<span class='verdana1 spip_small'><b>"._T('info_visites_par_mois')."</b></span>";
 
 		echo "<div align='left'>";
 		///////// Affichage par mois
@@ -749,31 +749,31 @@ if ($GLOBALS['accepte_svg']) {
 		echo "<td valign='top'><div style='font-size:small;' class='verdana1'>";
 		echo "<table cellpadding='0' cellspacing='0' border='0'>";
 		echo "<tr><td height='15' valign='top'>";		
-		echo "<span style='font-size: 12px;' class='arial1'><b>".round($maxgraph)."</b></span>";
+		echo "<span class='arial1 spip_x-small'><b>".round($maxgraph)."</b></span>";
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle' $style>";		
 		echo round(7*($maxgraph/8));
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle'>";		
-		echo "<span style='font-size: 12px;' class='arial1'>".round(3*($maxgraph/4))."</span>";
+		echo "<span class='arial1 spip_x-small'>".round(3*($maxgraph/4))."</span>";
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle' $style>";		
 		echo round(5*($maxgraph/8));
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle'>";		
-		echo "<span style='font-size: 12px;' class='arial1'><b>".round($maxgraph/2)."</b></span>";
+		echo "<span class='arial1 spip_x-small'><b>".round($maxgraph/2)."</b></span>";
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle' $style>";		
 		echo round(3*($maxgraph/8));
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle'>";		
-		echo "<span style='font-size: 12px;' class='arial1'>".round($maxgraph/4)."</span>";
+		echo "<span class='arial1 spip_x-small'>".round($maxgraph/4)."</span>";
 		echo "</td></tr>";
 		echo "<tr><td height='25' valign='middle' $style>";		
 		echo round(1*($maxgraph/8));
 		echo "</td></tr>";
 		echo "<tr><td height='10' valign='bottom'>";		
-		echo "<span style='font-size: 12px;' class='arial1'><b>0</b></span>";
+		echo "<span class='arial1 spip_x-small'><b>0</b></span>";
 		echo "</td>";
 
 		echo "</tr></table>";
diff --git a/ecrire/inc/agenda.php b/ecrire/inc/agenda.php
index 8f383af461b84c9bd58948e9de927983f3fee3d9..90f2f210efdb39bbc2e6444d88befc7d2696985c 100644
--- a/ecrire/inc/agenda.php
+++ b/ecrire/inc/agenda.php
@@ -1418,4 +1418,4 @@ function sql_calendrier_agenda ($annee, $mois) {
 	return $rv;
 }
 
-?>
\ No newline at end of file
+?>
diff --git a/ecrire/inc/ajouter_documents.php b/ecrire/inc/ajouter_documents.php
index b3ac004b810c7f9929e8d7a632297530d3f79d11..65c06dc14a7e2ce9290e9ff7cff026e73167d00a 100644
--- a/ecrire/inc/ajouter_documents.php
+++ b/ecrire/inc/ajouter_documents.php
@@ -382,7 +382,7 @@ function liste_archive_jointe($valables, $mode, $type, $id, $id_document, $hash,
 		"<div><input type='checkbox' name='sousaction4' value='4'>".
 		_T('les_deux').
 		"</div>".
-		"<div style='text-align: right;'><input class='fondo' style='font-size: 10px;' type='submit' value='".
+		"<div style='text-align: right;'><input class='fondo spip_xx-small' type='submit' value='".
 		_T('bouton_valider').
 		  "'></div>";
 	$action = construire_upload($texte, array(
diff --git a/ecrire/inc/discuter.php b/ecrire/inc/discuter.php
index 1769124427734d380e08af33126e454889452759..c5ded5a0278b216c568808b37ee42a36e0f0d551 100644
--- a/ecrire/inc/discuter.php
+++ b/ecrire/inc/discuter.php
@@ -25,7 +25,7 @@ function formulaire_discuter($query, $total, $debut, $total_afficher, $script, $
 		for ($i = 0; $i < $total; $i = $i + $total_afficher){
 			$y = $i + $total_afficher - 1;
 			if ($i == $debut)
-				$nav .= "<span style='font-size: 16px;'><b>[$i-$y]</b></span> ";
+				$nav .= "<span class='spip_medium'><b>[$i-$y]</b></span> ";
 			else {
 				$a = "$args&debut=$i";
 				if (!$evt) {
diff --git a/ecrire/inc/documents.php b/ecrire/inc/documents.php
index 905f728ab181ab334a787c17b10946c372b3bc80..786883596d0f8ba9dd0573f376fa1694b781fbec 100644
--- a/ecrire/inc/documents.php
+++ b/ecrire/inc/documents.php
@@ -288,7 +288,7 @@ function afficher_case_document($id_document, $id, $script, $type, $deplier=fals
 
 		// Affichage du raccourci <doc...> correspondant
 		if (!$doublon) {
-			$ret .= "\n<div style='padding:2px; font-size: 10px; ' class='arial1'>";
+			$ret .= "\n<div style='padding:2px; ' class='arial1 spip_xx-small'>";
 			if ($options == "avancees" AND ($type_inclus == "embed" OR $type_inclus == "image") AND $largeur > 0 AND $hauteur > 0) {
 				$ret .= "<b>"._T('info_inclusion_vignette')."</b><br />";
 			}
@@ -300,7 +300,7 @@ function afficher_case_document($id_document, $id, $script, $type, $deplier=fals
 			$ret .= "</div>";
 
 			if ($options == "avancees" AND ($type_inclus == "embed" OR $type_inclus == "image") AND $largeur > 0 AND $hauteur > 0) {
-				$ret .= "<div style='padding:2px; font-size: 10px; ' class='arial1'>";
+				$ret .= "<div style='padding:2px; ' class='arial1 spip_xx-small'>";
 				$ret .= "<b>"._T('info_inclusion_directe')."</b><br />";
 				$ret .= "<div style='color: 333333'>"
 				. affiche_raccourci_doc('emb', $id_document, 'left')
@@ -310,7 +310,7 @@ function afficher_case_document($id_document, $id, $script, $type, $deplier=fals
 				$ret .= "</div>";
 			}
 		} else {
-			$ret .= "<div style='padding:2px; font-size: 12px; ' class='arial1'>". affiche_raccourci_doc('doc', $id_document, ''). "</div>";
+			$ret .= "<div style='padding:2px; ' class='arial1 spip_x-small'>". affiche_raccourci_doc('doc', $id_document, ''). "</div>";
 		}
 
 		$legender = charger_fonction('legender', 'inc');
@@ -343,7 +343,7 @@ function afficher_case_document($id_document, $id, $script, $type, $deplier=fals
 		} else {
 			$raccourci_doc .= affiche_raccourci_doc($doc, $id_document, '');
 		}
-		$raccourci_doc = "<div style='padding:2px; font-size: 12px; ' class='arial1'>$raccourci_doc</div>\n";
+		$raccourci_doc = "<div style='padding:2px; ' class='arial1 spip_x-small'>$raccourci_doc</div>\n";
 
 		//
 		// Afficher un apercu (pour les images)
diff --git a/ecrire/inc/editer_article.php b/ecrire/inc/editer_article.php
index 8f6f32dac08f2fc070d29453924461cb643fb4b3..9ce25a910769cfd0bf2d6d560ce4a56f52a7e188 100644
--- a/ecrire/inc/editer_article.php
+++ b/ecrire/inc/editer_article.php
@@ -106,7 +106,7 @@ function editer_article_titre($titre, $onfocus, $config, $aider)
 	return	"\n<p>" .
 		_T('texte_titre_obligatoire') .
 		$aider("arttitre") .
-		"\n<br /><input type='text' name='titre' style='font-weight: bold; font-size: 14px;' class='formo' value=\"" .
+		"\n<br /><input type='text' name='titre' style='font-weight: bold; ' class='formo spip_small' value=\"" .
 	  	entites_html($titre) .
 		"\" size='40' " .
 	  	$onfocus. // effacer le titre lorsque nouvel article
@@ -265,7 +265,7 @@ function editer_article_chapo($chapo, $config, $aider)
 		return "<div style='border: 1px dashed #666666; background-color: #f0f0f0; padding: 5px;'>" .
 			"<table width='100%' cellspacing='0' cellpadding='0' border='0'>" .
 			"<tr><td valign='top'>" .
-			"<span style='font-size: 14px;' class='verdana1'><b><label for='confirme-virtuel'>"._T('info_redirection')."&nbsp;:</label></b>" .	$aider ("artvirt") . "</span>" .
+			"<span class='verdana1 spip_small'><b><label for='confirme-virtuel'>"._T('info_redirection')."&nbsp;:</label></b>" .	$aider ("artvirt") . "</span>" .
 			"</td>" .
 			"<td style='width: 10px'>&nbsp;</td>" .
 			"<td valign='top' style='width: 50%'>" .
@@ -273,7 +273,7 @@ function editer_article_chapo($chapo, $config, $aider)
 		style='font-size: 10px;' value=\"$virtuel\" size='40' />" .
 			"<input type='hidden' name='changer_virtuel' value='oui' />" .
 			"</td></tr></table>\n" .
-			"<span style='font-size: 14px;' class='verdana1'>" . _T('texte_article_virtuel_reference') . "</span>" .
+			"<span class='verdana1 spip_small'>" . _T('texte_article_virtuel_reference') . "</span>" .
 			"</div>\n";
 	} else {
 
diff --git a/ecrire/inc/editer_auteurs.php b/ecrire/inc/editer_auteurs.php
index b11baac273b1f36dfad4c2acc50495dd64a712a7..4c70ec3590f8300465f91c0cd7443afc64c37880 100644
--- a/ecrire/inc/editer_auteurs.php
+++ b/ecrire/inc/editer_auteurs.php
@@ -137,7 +137,7 @@ function rechercher_auteurs_articles($cherche_auteur, $ids, $id_article)
 	elseif (preg_match('/^\d+$/',$ids)) {
 
 		$row = spip_fetch_array(spip_query("SELECT nom FROM spip_auteurs WHERE id_auteur=$ids"));
-		return "<b>"._T('texte_ajout_auteur')."</b><br /><ul><li><span style='font-size: 14px;' class='verdana1'><b><span style='font-size: 16px;'>".typo($row['nom'])."</span></b></span></li></ul>";
+		return "<b>"._T('texte_ajout_auteur')."</b><br /><ul><li><span class='verdana1 spip_small'><b><span class='spip_medium'>".typo($row['nom'])."</span></b></span></li></ul>";
 	}
 	else {
 		$ids = preg_replace('/[^0-9,]/','',$ids); // securite
diff --git a/ecrire/inc/editer_mot.php b/ecrire/inc/editer_mot.php
index 717604397e49b6b40119b5a29edac9baf595827a..d469ec17021d05cb9b122ed114983702f59f3d37 100644
--- a/ecrire/inc/editer_mot.php
+++ b/ecrire/inc/editer_mot.php
@@ -141,7 +141,7 @@ function recherche_mot_cle($cherche_mots, $id_groupe, $objet, $id_objet, $table,
 			$nouveaux_mots[] = $resultat[0];
 			$row = spip_fetch_array(spip_query("SELECT titre FROM spip_mots WHERE id_mot=$resultat[0]"));
 			$res .= "<b>"._T('info_mot_cle_ajoute')." $ou : </b><br /><ul>";
-			$res .= "<li><span style='font-size: 14px;' class='verdana1'><b><span style='font-size: 16px;'>".typo($row['titre'])."</span></b></span></li>\n";
+			$res .= "<li><span class='verdana1 spip_small'><b><span class='spip_medium'>".typo($row['titre'])."</span></b></span></li>\n";
 			$res .= "</ul>";
 		}
 		else $res .= affiche_mots_ressemblant($cherche_mot, $objet, $id_objet, $resultat, $table, $table_id, $url_base);
@@ -255,13 +255,13 @@ function formulaire_mot_remplace($id_groupe, $id_mot, $url_base, $table, $table_
 
 	return ajax_action_auteur('editer_mot', "$id_objet,$id_mot,$table,$table_id,$objet", $url_base, "$table_id=$id_objet", (
 	"<select name='nouv_mot' onchange=\"$jscript1\""
-	. " class='fondl' style='font-size:10px; width:90px;'>"
+	. " class='fondl spip_xx-small' style='width:90px;'>"
 	. $s
 	. "</select>"
 	. "<span class='visible_au_chargement' id='$ancre'>"
 	. "\n&nbsp; <input type='submit' value='"
 	. _T('bouton_changer')
-	. "' class='fondo' style='font-size: 10px;' />"
+	. "' class='fondo spip_xx-small' />"
 	. "</span>"),"&id_objet=$id_objet&objet=$objet");
 }
 
@@ -376,7 +376,7 @@ function menu_mots($row, $id_groupes_vus, $les_mots)
 
 		$res .= "<input type='hidden' name='select_groupe'  value='$id_groupe' />";
 		$res .= "<span class='visible_au_chargement' id='$ancre'>";
-		$res .= " <input type='submit' value='"._T('bouton_chercher')."' class='fondo' style='font-size:10px' />";
+		$res .= " <input type='submit' value='"._T('bouton_chercher')."' class='fondo spip_xx-small' />";
 		$res .= "</span>"; 
 	} else {
 
diff --git a/ecrire/inc/formater_article.php b/ecrire/inc/formater_article.php
index 3bf515c18e5c9ed9814caa5b4d810c9bef5d2a0e..4b1cfc477466689216ae6fed3382059bdf277b89 100644
--- a/ecrire/inc/formater_article.php
+++ b/ecrire/inc/formater_article.php
@@ -70,8 +70,8 @@ function inc_formater_article_dist($row)
 	. (acces_restreint_rubrique($id_rubrique) ? $img_admin : '')
 	. typo($titre)
 	. (!($afficher_langue AND $lang != $GLOBALS['meta']['langue_site']) ? '' :
-	   (" <span style='font-size: 10px; color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>"))
-	. (!$row['petition'] ? '' : (" <span style='font-size: 10px; color: red'>"._T('lien_petitions')."</span>"))
+	   (" <span class='spip_xx-small' style='color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>"))
+	. (!$row['petition'] ? '' : (" <span class='spip_xx-small' style='color: red'>"._T('lien_petitions')."</span>"))
 	. "</a>"
 	. "</div>";
 	
diff --git a/ecrire/inc/forum.php b/ecrire/inc/forum.php
index 6052ee1e30eecaa410b9d045b99e7d12d7246511..f3dfc479e992d2cfd5305bd864c1f9289b8a1d47 100644
--- a/ecrire/inc/forum.php
+++ b/ecrire/inc/forum.php
@@ -26,7 +26,7 @@ function affiche_navigation_forum($script, $args, $debut, $i, $pack, $ancre, $qu
 
 		if ($i == $pack*floor($i/$pack)) {
 			if ($i == $debut)
-				$nav .= "<span style='font-size: 16px;'><b>$i</b></span> |\n";
+				$nav .= "<span class='spip_medium'><b>$i</b></span> |\n";
 			else {
 				$h = generer_url_ecrire($script, $args . "&debut=$i");
 				if ($e)	$e = "\nonclick=" . ajax_action_declencheur($h,$ancre);
diff --git a/ecrire/inc/gadgets.php b/ecrire/inc/gadgets.php
index 9ac7ce1f72753ef6888e53f6ef7cadc9bfbba979..2b39bb40cf0d74d330aa83628a9f544e6f12d8ec 100644
--- a/ecrire/inc/gadgets.php
+++ b/ecrire/inc/gadgets.php
@@ -203,7 +203,7 @@ function gadget_navigation($id_rubrique) {
 				$id_article = $row['id_article'];
 				$titre = typo(sinon($row['titre'], _T('ecrire:info_sans_titre')));
 				$statut = $row['statut'];
-				$gadget .= "<a class='$statut' style='font-size: 10px;' href='" . generer_url_ecrire("articles","id_article=$id_article") . "'>$titre</a>\n";
+				$gadget .= "<a class='$statut spip_xx-small' href='" . generer_url_ecrire("articles","id_article=$id_article") . "'>$titre</a>\n";
 			}
 			$gadget .= "</div>";
 			$gadget .= "</div>";
@@ -220,7 +220,7 @@ function gadget_navigation($id_rubrique) {
 				$titre = sinon($row['titre'], _T('ecrire:info_sans_titre'));
 				$statut = $row['statut'];
 	
-				$gadget .= "<a class='$statut' style='font-size: 10px;' href='" . generer_url_ecrire("articles","id_article=$id_article") . "'>$titre</a>";
+				$gadget .= "<a class='$statut spip_xx-small' href='" . generer_url_ecrire("articles","id_article=$id_article") . "'>$titre</a>";
 			}
 			$gadget .= "</div>";
 			$gadget .= "</div>";
@@ -237,7 +237,7 @@ function gadget_navigation($id_rubrique) {
 				$titre = typo(sinon($row['titre'], _T('ecrire:info_sans_titre')));
 				$statut = $row['statut'];
 	
-				$gadget .= "<a class='$statut' style='font-size: 10px;' href='" . generer_url_ecrire("breves_voir","id_breve=$id_breve") . "'>$titre</a>";
+				$gadget .= "<a class='$statut spip_xx-small' href='" . generer_url_ecrire("breves_voir","id_breve=$id_breve") . "'>$titre</a>";
 			}
 			$gadget .= "</div>";
 			$gadget .= "</div>";
diff --git a/ecrire/inc/iconifier.php b/ecrire/inc/iconifier.php
index 45b1e402a95cfb69773cdfb1d072c5a36f3ccb07..ccd44d08da6dda9024e341904dd0c0a15f94f8ac 100644
--- a/ecrire/inc/iconifier.php
+++ b/ecrire/inc/iconifier.php
@@ -113,16 +113,16 @@ function indiquer_logo($titre, $id_objet, $mode, $id, $script, $iframe_script) {
 			$GLOBALS['spip_lang_right'] .
 			"'><input name='sousaction2' type='submit' value='".
 			_T('bouton_choisir') .
-			"' class='fondo'  style='font-size: 10px;' /></div>";
+			"' class='fondo spip_xx-small'  /></div>";
 		}
 		$afficher = "\n" .
 			_T('info_telecharger_nouveau_logo') .
 			"<br />" .
-			"\n<input name='image' type='file' class='forml' style='font-size: 10px;' size='15' />" .
+			"\n<input name='image' type='file' class='forml spip_xx-small' size='15' />" .
 			"<div align='" .  $GLOBALS['spip_lang_right'] . "'>" .
 			"\n<input name='sousaction1' type='submit' value='" .
 			_T('bouton_telecharger') .
-			"' class='fondo' style='font-size: 10px;' /></div>" .
+			"' class='fondo spip_xx-small' /></div>" .
 			$afficher;
 
 		$type = type_du_logo($id_objet);
@@ -147,7 +147,7 @@ function decrire_logo($id_objet, $mode, $id, $width, $height, $img, $titre="", $
 		$taille = _T('info_largeur_vignette', array('largeur_vignette' => $taille[0], 'hauteur_vignette' => $taille[1]));
 
 	return array($res,
-			"<div style='font-size: 10px;'>" .
+			"<div class='spip_xx-small'>" .
 		     $taille .
 		     "\n<br />[" .
 		     ajax_action_auteur("iconifier", "$id-$nom.$format", $script, "$id_objet=$id&type=$id_objet", array(_T('lien_supprimer')),'',"function(r,noeud) {noeud.innerHTML = r; \$('.form_upload_icon',noeud).async_upload(async_upload_icon);}") .
diff --git a/ecrire/inc/import.php b/ecrire/inc/import.php
index fba7bb4fe94a3f99efd31d56ad5805d3d8f74a9f..54238ff22b62993302e5a510d8b05dd77905519e 100644
--- a/ecrire/inc/import.php
+++ b/ecrire/inc/import.php
@@ -294,7 +294,7 @@ function import_affiche_javascript($taille)
 {
 	$max_time = ini_get('max_execution_time')*1000;
 	echo debut_boite_alerte(),
-	  "<span style='font-size: 18px; color: black;' class='verdana1'><b>",  _T('info_base_restauration'),  "</b></span>",
+	  "<span style='color: black;' class='verdana1 spip_large'><b>",  _T('info_base_restauration'),  "</b></span>",
 	  "<form name='progression'><div style='text-align: center'><input type='text' size='10' name='taille' value='",
 	  $taille,
 	  "'></div><div style='text-align: center'><input type='text' class='forml' name='recharge' value='",
diff --git a/ecrire/inc/instituer_auteur.php b/ecrire/inc/instituer_auteur.php
index 63482c8001394d927c33db3c2ff7e90c28038668..7ee92c49d4b9effb0b928885ddd10a51c5ab4155 100644
--- a/ecrire/inc/instituer_auteur.php
+++ b/ecrire/inc/instituer_auteur.php
@@ -43,7 +43,7 @@ function inc_instituer_auteur_dist($id_auteur, $statut, $url_self)
 
 		$lien = !$modif 
 		? ''
-		: array("&nbsp;&nbsp;&nbsp;&nbsp;[<span style='font-size: 12px;'>" . _T('lien_supprimer_rubrique') . "</span>]");
+		: array("&nbsp;&nbsp;&nbsp;&nbsp;[<span class='spip_x-small'>" . _T('lien_supprimer_rubrique') . "</span>]");
 
 		$res = '';
 
diff --git a/ecrire/inc/joindre.php b/ecrire/inc/joindre.php
index ce53c303ad0f68cd4ebf0106fdba305d12283e59..a8996aa464f9d330ba2e00de3c2153a9b01634a6 100644
--- a/ecrire/inc/joindre.php
+++ b/ecrire/inc/joindre.php
@@ -69,7 +69,7 @@ function inc_joindre_dist($script, $args, $id=0, $intitule='', $mode='', $type='
 			"\n</div>";
 	}
 
-	$res = "<input name='fichier' type='file' style='font-size: 10px;' class='forml' size='15' />"
+	$res = "<input name='fichier' type='file' class='forml spip_xx-small' size='15' />"
 	. "\n\t\t<input type='hidden' name='ancre' value='$ancre' />"
 	. "\n\t\t<div align='$spip_lang_right'><input name='sousaction1' type='submit' value='"
 	. _T('bouton_telecharger')
diff --git a/ecrire/inc/legender.php b/ecrire/inc/legender.php
index 3534dcbf74bcc2316bfc017bc35ae3d63dc7a65d..b856a8e8d33ffea139c883f42d2858629dc02c9a 100644
--- a/ecrire/inc/legender.php
+++ b/ecrire/inc/legender.php
@@ -94,7 +94,7 @@ function inc_legender_dist($id_document, $document, $script, $type, $id, $ancre,
 	  ($flag == 'ajax' ? '' : "class='display_au_chargement' ") .
 	  "id='valider_doc$id_document' align='".
 	  $GLOBALS['spip_lang_right'].
-	  "'>\n<input class='fondo' style='font-size: 10px;' value='".
+	  "'>\n<input class='fondo spip_xx-small' value='".
 	  _T('bouton_enregistrer') .
 	  "' type='submit' />" .
 	  "</div>\n";
@@ -185,8 +185,8 @@ function formulaire_taille($document) {
 		OR $extension=='flv' OR $extension=='mpg'
 	)) {
 		return "\n<br /><b>"._T('entree_dimensions')."</b><br />\n" .
-		  "<input type='text' name='largeur_document' class='fondl' style='font-size: 10px;' value=\"".$document['largeur']."\" size='5' onfocus=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\" />" .
-		  " &#215; <input type='text' name='hauteur_document' class='fondl' style='font-size: 10px;' value=\"".$document['hauteur']."\" size='5' onfocus=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\" /> "._T('info_pixels');
+		  "<input type='text' name='largeur_document' class='fondl spip_xx-small' value=\"".$document['largeur']."\" size='5' onfocus=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\" />" .
+		  " &#215; <input type='text' name='hauteur_document' class='fondl spip_xx-small' value=\"".$document['hauteur']."\" size='5' onfocus=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\" /> "._T('info_pixels');
 	}
 }
 
@@ -199,9 +199,9 @@ function date_formulaire_legender($date, $id_document) {
 		$annee = $regs[1];
 	}
 	return  "<b>"._T('info_mise_en_ligne')."</b><br />\n" .
-		afficher_jour($jour, "name='jour_doc' size='1' class='fondl' style='font-size: 10px;'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\"") .
-		afficher_mois($mois, "name='mois_doc' size='1' class='fondl' style='font-size: 10px;'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\"") .
-		afficher_annee($annee, "name='annee_doc' size='1' class='fondl' style='font-size: 10px;'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block')\"") .
+		afficher_jour($jour, "name='jour_doc' size='1' class='fondl spip_xx-small'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\"") .
+		afficher_mois($mois, "name='mois_doc' size='1' class='fondl spip_xx-small'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block');\"") .
+		afficher_annee($annee, "name='annee_doc' size='1' class='fondl spip_xx-small'\n\tonchange=\"changeVisible(true, 'valider_doc$id_document', 'block', 'block')\"") .
 		"<br />\n";
 }
 
diff --git a/ecrire/inc/message_select.php b/ecrire/inc/message_select.php
index b5cf8032c23660cf11148abe6b79eff07ad02b0d..d5591e1b98f6722863242be95d06cdaacb4a8ea2 100644
--- a/ecrire/inc/message_select.php
+++ b/ecrire/inc/message_select.php
@@ -98,7 +98,7 @@ function afficher_message_boucles($row, &$messages_vus, $voir_logo, $afficher_au
 		}
 
 		if ($auteurs AND $type == 'normal') {
-			$s = "<span style='font-size: 12px;' class='arial1'>" . join(', ', $auteurs) . "</span>";
+			$s = "<span class='arial1 spip_x-small'>" . join(', ', $auteurs) . "</span>";
 		} else $s = "&nbsp;";
 		$vals[] = $s;
 	}
diff --git a/ecrire/inc/mots.php b/ecrire/inc/mots.php
index bfd2ae0126e8133a6c85a30f164b863698af308d..ceb305862777af640245f0004180ba962b6d5cf7 100644
--- a/ecrire/inc/mots.php
+++ b/ecrire/inc/mots.php
@@ -122,7 +122,7 @@ function affiche_mots_ressemblant($cherche_mot, $objet, $id_objet, $resultat, $t
 		$res .="<li>"
 		.  ajax_action_auteur('editer_mot', "$id_objet,,$table,$table_id,$objet,$id_mot", $url_base, "$table_id=$id_objet", array(typo($titre_mot),' title="' . _T('info_ajouter_mot') .'"'),"&id_objet=$id_objet&objet=$objet") ; 
 		if (strlen($descriptif_mot) > 1) {
-			$res .= "<span style='font-size: 12px;'>".propre(couper($descriptif_mot, 100))."</span><br />\n";
+			$res .= "<span class='spip_x-small'>".propre(couper($descriptif_mot, 100))."</span><br />\n";
 		}
 		$res .="</li>\n";
 	}
diff --git a/ecrire/inc/petitionner.php b/ecrire/inc/petitionner.php
index 5303860dab2f7f3894a8ce88b6496d28adb5fc48..8cfc980f2109bed714cd227cc8b79d55d687c6a4 100644
--- a/ecrire/inc/petitionner.php
+++ b/ecrire/inc/petitionner.php
@@ -49,7 +49,7 @@ function inc_petitionner_dist($id_article, $script, $args)
 	}
 
 	$res = "<select name='change_petition'
-		class='fondl' style='font-size:10px;'
+		class='fondl spip_xx-small'
 		onchange=\"setvisibility('valider_petition', 'visible');\"
 		>\n$res</select><br />\n";
 
@@ -96,7 +96,7 @@ function inc_petitionner_dist($id_article, $script, $args)
 
 		$res .="<span align='$spip_lang_right'>";
 	} else $res .="<span class='visible_au_chargement' id='valider_petition'>";
-	$res .="<input type='submit' class='fondo' value='"._T('bouton_changer')."' style='font-size:10px' />";
+	$res .="<input type='submit' class='fondo spip_xx-small' value='"._T('bouton_changer')."' />";
 	$res .="</span>";
 	$res = ajax_action_auteur('petitionner', $id_article, $script, $args, $res);
 
diff --git a/ecrire/inc/presentation.php b/ecrire/inc/presentation.php
index dfcf5aa1fada609747537cb7cd57f2fc6829012c..547ca6e47777f94477d9299323ac56683552bd2e 100644
--- a/ecrire/inc/presentation.php
+++ b/ecrire/inc/presentation.php
@@ -837,7 +837,7 @@ function afficher_articles_trad_boucle($row)
 	$s .= typo($titre);
 
 	if ($afficher_langue AND $lang != $langue_defaut)
-		$s .= " <span style='font-size: 10px; color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>";
+		$s .= " <span class='spip_xx-small' style='color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>";
 
 	$s .= "</a>";
 	$s .= "</div>";
@@ -921,7 +921,7 @@ function afficher_breves_boucle($row, &$tous_id,  $voir_logo, $own)
 	}
 	$s .= typo($titre);
 	if ($afficher_langue AND $lang != $langue_defaut)
-		$s .= " <span style='font-size: 10px; color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>";
+		$s .= " <span class='spip_xx-small' style='color: #666666'$dir_lang>(".traduire_nom_langue($lang).")</span>";
 	$s .= "</a>";
 
 
@@ -1536,7 +1536,7 @@ function gros_titre($titre, $ze_logo='', $aff=true){
 		$res = "\n<h1>".typo($titre)."</h1>&nbsp;\n";
 	}
 	else {
-		$res = "\n<div class='verdana2' style='font-size: 18px; color: $couleur_foncee; font-weight: bold;'>" .
+		$res = "\n<div class='verdana2 spip_large' style='color: $couleur_foncee; font-weight: bold;'>" .
 		  (strlen($ze_logo) <= 3 ? '':  (http_img_pack($ze_logo, "", "style='vertical-align: bottom'") . " &nbsp; ")) .
 		  typo($titre) .
 		  "</div>\n";
@@ -1720,7 +1720,7 @@ function liste_articles_bloques()
 				$res .= "\n<div class='$statut'><a style='font-size: 10px;' href='" 
 				. generer_url_ecrire("articles","id_article=$ze_article")
 				. "'>$ze_titre</a>"
-				. "\n<div style='text-align:right; font-size: 10px;'>"
+				. "\n<div class='spip_xx-small' style='text-align:right; '>"
 				. debloquer_article($ze_article,_T('lien_liberer'))
 				. "</div>"
 				. "</div>";
@@ -1748,7 +1748,7 @@ function fin_page()
 			. "'>"
 			.  _T("access_interface_graphique")
 			. "</a></div>")
-		: ("<div style='text-align: right; font-size: 10px' class='verdana1'>"
+		: ("<div style='text-align: right; ' class='verdana1 spip_xx-small'>"
 			. info_copyright()
 			. "<br />"
 			. _T('info_copyright_doc')
@@ -1821,7 +1821,7 @@ function meme_rubrique($id_rubrique, $id, $type, $order='date', $limit=30, $ajax
 	. '&nbsp;<b>' . _T('info_meme_rubrique')  . '</b>';
 
 	$retour = bandeau_titre_boite2($icone,  'article-24.gif','','',false)
-	. "\n<table style='font-size: 12px; background-color: #e0e0e0;border: 0px; padding-left:4px;'>"
+	. "\n<table class='spip_x-small' style='background-color: #e0e0e0;border: 0px; padding-left:4px;'>"
 	. $retour
 	. (($limit <= 0) ? ''
 	 : "<tr><td colspan='3' style='text-align: center'>+ $limit</td></tr>")
diff --git a/ecrire/inc/regler_moderation.php b/ecrire/inc/regler_moderation.php
index a24c129e6ff4edd3333ff6b711b9260fb534f9d6..4d93fe010838082436093fd8e10e3194cb8a1093 100644
--- a/ecrire/inc/regler_moderation.php
+++ b/ecrire/inc/regler_moderation.php
@@ -74,7 +74,7 @@ function inc_regler_moderation_dist($id_article, $script, $args) {
 
 	$r .= "<div align='$spip_lang_right' id='valider_regler_moderation_$id_article'"
 	. " class='visible_au_chargement'"
-	. ">\n\t<input type='submit' class='fondo' style='font-size:10px' value='"
+	. ">\n\t<input type='submit' class='fondo spip_xx-small' value='"
 	. _T('bouton_changer')
 	. "' /></div>\n";
 
diff --git a/ecrire/inc/signatures.php b/ecrire/inc/signatures.php
index 88c7b24d77c698a4c78bf4a6176eb1cdce5259f6..4a0e483d59023fef67876766bd7cd0751988346f 100644
--- a/ecrire/inc/signatures.php
+++ b/ecrire/inc/signatures.php
@@ -43,7 +43,7 @@ function inc_signatures_dist($script, $id, $debut, $where, $order, $limit='') {
 			if ($c > 1) $res .= " | ";
 			$date = (affdate_court($row['date_time']));
 			if ($c == ($debut+1))
-				$res .= "<span style='font-size: 16px;'><b>$c</b></span>";
+				$res .= "<span class='spip_medium'><b>$c</b></span>";
 			else {
 				$h = generer_url_ecrire($script, $args ."debut=".($c-1));
 				if ($evt)
@@ -109,15 +109,15 @@ function signatures_edit($script, $id, $debut, $row) {
 				false);
 		}
 		
-		$res .= "<span style='font-size: 14px;'>".date_interface($date_time)."</span><br />";
+		$res .= "<span class='spip_small'>".date_interface($date_time)."</span><br />";
 		if ($statut=="poubelle"){
-			$res .= "<span style='font-size: 12px; color: red;'>"._T('info_message_efface')."</span><br />";
+			$res .= "<span class='spip_x-small' style='color: red;'>"._T('info_message_efface')."</span><br />";
 		}
 		if (strlen($url_site)>6 AND strlen($nom_site)>0){
-			$res .= "<span style='font-size: 12px;'>"._T('info_site_web')."</span> <a href='$url_site'>$nom_site</a><br />";
+			$res .= "<span class='spip_x-small'>"._T('info_site_web')."</span> <a href='$url_site'>$nom_site</a><br />";
 		}
 		if (strlen($ad_email)>0){
-			$res .= "<span style='font-size: 12px;'>"._T('info_adresse_email')."</span> <a href='mailto:$ad_email'>$ad_email</a><br />";
+			$res .= "<span class='spip_x-small'>"._T('info_adresse_email')."</span> <a href='mailto:$ad_email'>$ad_email</a><br />";
 		}
 
 		$res .= '<br />' . message_de_signature($row);
diff --git a/ecrire/inc/sites_voir.php b/ecrire/inc/sites_voir.php
index 8903d4a44e22b12dae9159f38dc81d57b94a5c07..93619095f5600485d5885d1b233a442648dd5a13 100644
--- a/ecrire/inc/sites_voir.php
+++ b/ecrire/inc/sites_voir.php
@@ -83,7 +83,7 @@ function afficher_sites_boucle($row, &$tous_id, $voir_logo, $bof)
 			
 	$s .= typo($nom_site);
 	
-	$s .= "</a> &nbsp;&nbsp; <span style='font-size: 10px;'>[<a href='$url_site'>"._T('lien_visite_site')."</a>]</span>";
+	$s .= "</a> &nbsp;&nbsp; <span class='spip_xx-small'>[<a href='$url_site'>"._T('lien_visite_site')."</a>]</span>";
 	$vals[] = $s;
 			
 	$s = "";
diff --git a/ecrire/inc/statistiques.php b/ecrire/inc/statistiques.php
index 6affd45e74482a41d98b34c93a97158876cdb6e3..ee10c491e194f1d8fd2f2ccc8a54a54da79076aa 100644
--- a/ecrire/inc/statistiques.php
+++ b/ecrire/inc/statistiques.php
@@ -216,7 +216,7 @@ function aff_referers ($result, $limit, $plus) {
 				$referers = join ("</li><li>",$lesreferers[$numero]);
 				$aff .= $ret;
 				$aff .= "<a href='http://".quote_amp($lesurls[$numero])."'><span style='color: $couleur_foncee; font-weight: bold;'>".$lesdomaines[$numero]."</span></a>";
-				if ($rac = $lesliensracine[$numero]) $aff .= " <span style='font-size: 12px;'>($rac)</span>";
+				if ($rac = $lesliensracine[$numero]) $aff .= " <span class='spip_x-small'>($rac)</span>";
 				$aff .= "<ul style='font-size:x-small;'><li>$referers</li></ul>";
 				$aff .= "</li></ul><ul style='font-size:small;'>\n";
 			} else {
diff --git a/ecrire/inc/tourner.php b/ecrire/inc/tourner.php
index 4109563ebd1131d85ee6197785de2aaa95bc7a35..6d7da730e0240df253fe4d95ee401d75dbf7ddd8 100644
--- a/ecrire/inc/tourner.php
+++ b/ecrire/inc/tourner.php
@@ -66,7 +66,7 @@ function inc_tourner_dist($id_document, $document, $script, $flag, $type)
 	$res .= document_et_vignette($document, $url, true);
 	$res .= "</div>\n";
 
-	$res .= "<div style='text-align: center; font-size: 12px; color: 333333;' class='verdana1'>&lt;doc"
+	$res .= "<div style='text-align: center; color: 333333;' class='verdana1 spip_x-small'>&lt;doc"
 	.  $id_document
 	. "&gt;</div>";
 
diff --git a/ecrire/inc/virtualiser.php b/ecrire/inc/virtualiser.php
index 9694f68bced74bb766da96e9b208d08b44579a5b..88a3c065e9453bfc2a8a3199cb2af0b19af9101c 100644
--- a/ecrire/inc/virtualiser.php
+++ b/ecrire/inc/virtualiser.php
@@ -23,11 +23,11 @@ function inc_virtualiser_dist($id_article, $flag, $virtuel, $script, $args)
 
 	$http = ($virtuel ? "" : "http://");
 	$t = _T('texte_reference_mais_redirige');
-	$res = "<input type='text' name='virtuel' class='formo' style='font-size: 10px;' value='"
+	$res = "<input type='text' name='virtuel' class='formo spip_xx-small' value='"
 	. $http
 	. $virtuel
 	. "' size='40' /><br />\n"
-	. "<span style='font-size: 14px;' class='verdana1'>(<b>"._T('texte_article_virtuel') . "&nbsp;:</b>$t)</span>"
+	. "<span class='verdana1 spip_small'>(<b>"._T('texte_article_virtuel') . "&nbsp;:</b>$t)</span>"
 	. "\n<div align='$spip_lang_right'><input type='submit' class='fondo' value='"
 	. _T('bouton_changer')
 	. "' style='font-size:10px' /></div>";