mv neodist vers dist

cf http://article.gmane.org/gmane.comp.web.spip.zone/39813
7 years ago · c88957078b
99 changed files with 5583 additions and 0 deletions
--- a/.gitattributes
+++ b/.gitattributes
@ -0,0 +1,95 @@
+* text=auto !eol
+/404.html -text
+/article.html -text
+/auteur.html -text
+/backend-breves.html -text
+/backend.html -text
+/breve.html -text
+/calendrier.html -text
+/contact.html -text
+css/clear.css -text
+css/font.css -text
+css/form.css -text
+css/img/background.png -text
+css/img/def.png -text
+css/img/quote.png -text
+css/img/recherche.png -text
+css/layout.css -text
+css/links.css -text
+css/media.css -text
+css/reset.css -text
+css/spip.css -text
+css/theme.css -text
+css/typo.css -text
+/distrib.html -text
+/favicon.ico.html -text
+formulaires/administration.html -text
+formulaires/ecrire_auteur.html -text
+formulaires/ecrire_auteur.php -text
+formulaires/inc-inscription-explication.html -text
+formulaires/inscription.html -text
+formulaires/inscription.php -text
+formulaires/mot_de_passe.html -text
+formulaires/mot_de_passe.php -text
+formulaires/oubli.html -text
+formulaires/oubli.php -text
+formulaires/recherche.html -text
+formulaires/recherche.php -text
+/forum.html -text
+/ical.html -text
+icon/skel.png -text
+/identifiants.html -text
+img/feed.png -text
+/inc-rss-item.html -text
+inclure/documents.html -text
+inclure/footer.html -text
+inclure/forum.html -text
+inclure/head.html -text
+inclure/header.html -text
+inclure/nav.html -text
+inclure/navsub.html -text
+inclure/petition.html -text
+inclure/recents.html -text
+inclure/rubriques.html -text
+lang/paquet-dist.xml -text
+lang/paquet-dist_ar.php -text
+lang/paquet-dist_de.php -text
+lang/paquet-dist_eo.php -text
+lang/paquet-dist_fa.php -text
+lang/paquet-dist_fr_fem.php -text
+lang/paquet-dist_fr_tu.php -text
+lang/paquet-dist_it.php -text
+lang/paquet-dist_lb.php -text
+lang/paquet-dist_nl.php -text
+lang/paquet-dist_oc_ni_mis.php -text
+lang/paquet-dist_pt.php -text
+lang/paquet-dist_pt_br.php -text
+lang/paquet-dist_ru.php -text
+lang/paquet-dist_sk.php -text
+lang/paquet-dist_uk.php -text
+modeles/article_mots.html -text
+modeles/article_traductions.html -text
+modeles/favicon.html -text
+modeles/foreach.html -text
+modeles/lesauteurs.html -text
+modeles/plan.html -text
+/mot.html -text
+/nouveautes.html -text
+/plan.html -text
+polices/dustismo-license.txt -text
+polices/dustismo.ttf -text
+polices/dustismo_bold.ttf -text
+/puce.gif -text
+/puce_rtl.gif -text
+/recherche.html -text
+/robots.txt.html -text
+/rss_forum_article.html -text
+/rss_forum_breve.html -text
+/rss_forum_rubrique.html -text
+/rss_forum_syndic.html -text
+/rss_forum_thread.html -text
+/rubrique.html -text
+/site.html -text
+/sitemap.xml.html -text
+/sommaire.html -text
+/spip.ico -text
--- a/404.html
+++ b/404.html
@ -0,0 +1,53 @@
+#HTTP_HEADER{HTTP/1.0  #ENV{code,'404 Not Found'}}
+#HTTP_HEADER{"Cache-Control: no-store, no-cache, must-revalidate"}
+#HTTP_HEADER{Pragma: no-cache}
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+  <title><:pass_erreur:> [(#ENV{status, 404}|textebrut)] - [(#NOM_SITE_SPIP|textebrut)]</title>
+  <INCLURE{fond=inclure/head,robots=none} />
+</head>
+<body class="pas_surlignable page_404">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+  <INCLURE{fond=inclure/nav,env} />
+	
+	<div class="main">
+		<div class="wrapper">
+		<div class="content" id="content">
+			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:pass_erreur:></strong></p>
+	
+			<div class="cartouche">
+				<h1><:pass_erreur:> [(#ENV{status, 404}|intval)]</h1>
+			</div>
+			[(#ENV{erreur}|non)
+			[(#ENV{fond_erreur}|=={article}|oui)<div class="chapo"><p><:aucun_article:></p></div>]
+			[(#ENV{fond_erreur}|=={rubrique}|oui)<div class="chapo"><p><:aucune_rubrique:></p></div>]
+			[(#ENV{fond_erreur}|=={breve}|oui)<div class="chapo"><p><:aucune_breve:></p></div>]
+			[(#ENV{fond_erreur}|=={auteur}|oui)<div class="chapo"><p><:aucun_auteur:></p></div>]
+			[(#ENV{fond_erreur}|=={site}|oui)<div class="chapo"><p><:aucun_site:></p></div>]
+			[(#ENV{fond_erreur}|=={forum}|oui)<div class="chapo"><p><:forum:aucun_message_forum:></p></div>]
+			]
+			[<div class="chapo"><p>(#ENV{erreur})</p></div>]
+	
+		</div><!--.content-->
+		</div><!--.wrapper-->
+	
+		<div class="aside">
+			<INCLURE{fond=inclure/navsub} />
+			#FORMULAIRE_RECHERCHE
+		</div><!--.aside-->
+	</div><!--.main-->
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
--- a/article.html
+++ b/article.html
@ -0,0 +1,91 @@
+<BOUCLE_principale(ARTICLES) {id_article}>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+  <title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
+  [<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
+  [<link rel="canonical" href="(#URL_ARTICLE|url_absolue)" />]
+  <INCLURE{fond=inclure/head} />
+</head>
+
+<body class="pas_surlignable page_article">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+  <INCLURE{fond=inclure/nav,env} />
+	
+	<div class="main">
+		[(#REM) Contenu principal : contenu de l'article]
+		<div class="wrapper hfeed">
+		<div class="content hentry" id="content">
+			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a><BOUCLE_ariane(HIERARCHIE){id_article}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p>
+	
+			<div class="cartouche clearfix">
+				[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
+				<h1 class="#EDIT{titre} surlignable">[(#LOGO_ARTICLE_RUBRIQUE|image_reduire{150,*}) ]#TITRE</h1>
+				[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
+				<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr>[<span class="sep">, </span><span class="auteurs"><:par_auteur:> (#LESAUTEURS)</span>]</p>
+				[(#REM) Inclure le modele des liens de traductions ]
+				#MODELE{article_traductions}
+			</div>
+			
+			[<div class="#EDIT{chapo} chapo surlignable">(#CHAPO|image_reduire{672,*})</div>]
+			[<div class="#EDIT{texte} texte surlignable clearfix">(#TEXTE|image_reduire{672,*})</div>]
+		
+			[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
+			[<div class="#EDIT{ps} ps surlignable"><hr />(#PS|image_reduire{672,*})</div>]
+		
+			[(#REM) Gestion du portfolio et des documents ]
+			[(#INCLURE{fond=inclure/documents,id_article, env})]
+	
+			[(#REM) Petition :
+			La petition ayant une PAGINATION il faut absolument {env}
+			et pourquoi pas ajax
+			][(#PETITION|oui)<INCLURE{fond=inclure/petition,id_article,env,ajax} />]
+			
+			[<div class="notes"><hr />(#NOTES)</div>]
+			
+			[(#REM) Forum de l'article ]
+			<INCLURE{fond=inclure/forum,id_article} />
+			[<h2 class="forum-titre"><:forum:form_pet_message_commentaire:></h2>
+			(#FORMULAIRE_FORUM)]
+	
+		</div><!--.content-->
+		</div><!--.wrapper-->
+	
+	
+		<div class="aside">
+		
+			<INCLURE{fond=inclure/navsub, id_rubrique} />
+			#FORMULAIRE_RECHERCHE
+	
+			[(#REM) Articles dans la meme rubrique ] 
+			<B_articles_rubrique>
+			<div class="menu">
+				<h2><:meme_rubrique:></h2>
+				<ul>
+					<BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {!par date} {0,10}>
+					<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
+					</BOUCLE_articles_rubrique>
+				</ul>
+			</div>
+			</B_articles_rubrique>
+	
+			[(#REM) Menu de navigation mots-cles ]
+			#MODELE{article_mots}
+			
+		</div><!--.aside-->
+	</div><!--.main-->
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
+</BOUCLE_principale>
--- a/auteur.html
+++ b/auteur.html
@ -0,0 +1,87 @@
+<BOUCLE_principale(AUTEURS) {id_auteur}>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+  <title>[(#NOM|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
+  <INCLURE{fond=inclure/head,robots=none} />
+  <link rel="alternate" type="application/rss+xml" title="[(#NOM|textebrut)]" href="[(#URL_PAGE{backend}|parametre_url{id_auteur,#ID_AUTEUR})]" />
+</head>
+
+<body class="pas_surlignable page_auteur">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+  <INCLURE{fond=inclure/nav,env} />
+
+
+	<div class="main">
+		[(#REM) Contenu principal : affichage de l'auteur ]
+		<div class="wrapper">
+		<div class="content" id="content">
+			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <:info_auteurs:>[ &gt; <strong class="on">(#NOM|couper{80})</strong>]</p>
+	
+			<div class="vcard">[(#REM) microformat vcard]
+			<div class="cartouche">
+				[(#LOGO_AUTEUR|image_reduire{224,*})]
+				<h1 class="#EDIT{qui} fn">#NOM</h1>
+			</div>
+	
+			[<div class="#EDIT{bio} texte note">(#BIO)</div>]
+			[<p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="url org spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
+			</div>[(#REM) / vcard]
+	
+			[(#REM) Articles de l'auteur ]
+			<B_articles>
+			<div class="menu">
+				#ANCRE_PAGINATION
+				<h2><:articles_auteur:> (#GRAND_TOTAL)</h2>
+				<ul class="spip">
+					<BOUCLE_articles(ARTICLES) {id_auteur} {!par popularite} {pagination 10}>
+					<li><a href="#URL_ARTICLE">#TITRE</a></li>
+					</BOUCLE_articles>
+				</ul>
+				[<p class="pagination">(#PAGINATION)</p>]
+			</div>
+			</B_articles>
+	
+			#FORMULAIRE_ECRIRE_AUTEUR
+	
+			[<div class="notes"><hr />(#NOTES)</div>]
+	
+		</div><!--.content-->
+		</div><!--.wrapper-->
+	
+		<div class="aside">
+	
+			<INCLURE{fond=inclure/navsub} />
+			#FORMULAIRE_RECHERCHE
+			
+			[(#REM) Autres auteurs ]
+			<B_auteurs>
+			<div class="menu">
+				#ANCRE_PAGINATION
+				<h2><:info_auteurs:></h2>
+				<ul>
+					<BOUCLE_auteurs(AUTEURS) {par nom} {pagination 20}>
+					<li><a href="#URL_AUTEUR"[ class="(#EXPOSE)"]>[(#NOM|couper{80})]</a></li>
+					</BOUCLE_auteurs>
+				</ul>
+				[<p class="pagination">(#PAGINATION)</p>]
+			</div>
+			</B_auteurs>
+	
+		</div><!--.aside-->
+	</div><!--.main-->
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
+</BOUCLE_principale>
--- a/backend-breves.html
+++ b/backend-breves.html
@ -0,0 +1,76 @@
+[(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml
+version="1.0"[ encoding="(#CHARSET)"]?>
+<rss version="2.0" [(#REM) rss 2.0.9)]
+	xmlns:dc="http://purl.org/dc/elements/1.1/"
+	xmlns:content="http://purl.org/rss/1.0/modules/content/"
+>
+
+<channel[ xml:lang="(#LANG)"]>
+	<title>[(#NOM_SITE_SPIP|textebrut|texte_backend)]</title>
+	<link>#URL_SITE_SPIP/</link>
+	<description>[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)]</description>
+	<language>#LANG</language>
+	<generator>SPIP - www.spip.net</generator>
+
+[	<image>
+		<title>[(#NOM_SITE_SPIP|texte_backend)]</title>
+		<url>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
+		<link>#URL_SITE_SPIP/</link>
+		[<height>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height})</height>]
+		[<width>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width})</width>]
+	</image>
+]
+
+<BOUCLE_breves(BREVES){id_rubrique ?}{lang ?}{id_mot ?}
+{par date}{inverse}{0,20}>
+	<item[ xml:lang="(#LANG)"]>
+		<title>[(#TITRE|supprimer_tags|texte_backend)]</title>
+		<link>[(#URL_BREVE|url_absolue)]</link>
+		[<guid isPermaLink="true">(#URL_BREVE|url_absolue)</guid>]
+		[<dc:date>(#DATE|date_iso)</dc:date>]
+		<dc:format>text/html</dc:format>
+		[<dc:language>(#LANG)</dc:language>]
+		[(#REM)
+			Le bloc qui suit diffuse diffuse les mots-cles a la mode RSS
+		]<BOUCLE_mots_rss(MOTS){id_breve}>[
+<dc:subject>(#TITRE|texte_backend)</dc:subject>]</BOUCLE_mots_rss>
+
+		<description>[(#INTRODUCTION|texte_backend)]
+
+[(#REM)
+	Le bloc qui suit diffuse la rubrique et les mots-cles
+	sous forme de "microformats"
+
+]<BOUCLE_rubrique_mf(RUBRIQUES){id_rubrique}>-
+[&lt;a href="[(#URL_RUBRIQUE|url_absolue)]" rel="directory"&gt;(#TITRE|texte_backend)&lt;/a&gt;]
+</BOUCLE_rubrique_mf><B_mots_mf>
+/ <BOUCLE_mots_mf(MOTS){id_breve}{", "}>
+[&lt;a href="[(#URL_MOT|url_absolue)]" rel="tag"&gt;(#TITRE|texte_backend)&lt;/a&gt;]</BOUCLE_mots_mf>
+
+		</description>
+
+[(#REM)
+	Le bloc qui suit diffuse aussi le texte integral de la breve,
+	ce qui permet une syndication plus riche (mais plus "lourde").
+	Fonction desactivable depuis les reglages du site.
+][
+(#CONFIG{syndication_integrale}|=={oui}|?{' ',''})<content:encoded>[(#LOGO_BREVE{right}|image_reduire{150,150}|texte_backend)
+		][&lt;div class='rss_texte'&gt;(#TEXTE|
+			image_reduire{500,0}|texte_backend)&lt;/div&gt;
+		][&lt;hr /&gt;
+		&lt;div class='rss_notes'&gt;(#NOTES|texte_backend)&lt;/div&gt;]
+		</content:encoded>
+]
+[(#REM)
+	Le bloc qui suit diffuse l'adresse des documents associes aux articles ;
+	ajouter par ex. {extension=mp3} pour limiter a un certain type de document.
+]		<BOUCLE_documents(DOCUMENTS){id_breve}{mode=document}{doublons}>[
+		<enclosure url="(#URL_DOCUMENT|url_absolue|unique)"[ length="(#TAILLE)"][ type="(#MIME_TYPE)"] />]
+		</BOUCLE_documents>
+
+	</item>
+</BOUCLE_breves>
+
+</channel>
+
+</rss>
--- a/backend.html
+++ b/backend.html
@ -0,0 +1,34 @@
+[(#HTTP_HEADER{Content-type: text/xml[; charset=(#CHARSET)]})]<?xml 
+version="1.0"[ encoding="(#CHARSET)"]?>
+<rss version="2.0" [(#REM) rss 2.0.9)]
+	xmlns:dc="http://purl.org/dc/elements/1.1/"
+	xmlns:content="http://purl.org/rss/1.0/modules/content/"
+>
+
+<channel[ xml:lang="(#LANG)"]>
+	<title>[(#NOM_SITE_SPIP|textebrut|texte_backend)]</title>
+	<link>#URL_SITE_SPIP/</link>
+	<description>[(#DESCRIPTIF_SITE_SPIP|supprimer_tags|texte_backend)]</description>
+	<language>#LANG</language>
+	<generator>SPIP - www.spip.net</generator>
+
+[	<image>
+		<title>[(#NOM_SITE_SPIP|texte_backend)]</title>
+		<url>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{src}|url_absolue|texte_backend)</url>
+		<link>#URL_SITE_SPIP/</link>
+		[<height>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{height})</height>]
+		[<width>(#LOGO_SITE_SPIP|image_reduire{144,400}|extraire_attribut{width})</width>]
+	</image>
+]
+
+<BOUCLE_10recents(ARTICLES) {lang ?}{branche ?}{id_mot ?}{id_auteur ?} {par date}{inverse}{0,10}{unique}>
+<INCLURE{fond=inc-rss-item, id_article} />
+</BOUCLE_10recents>
+
+<BOUCLE_tres_recents(ARTICLES){lang ?}{branche ?}{id_mot ?}{id_auteur ?} {par date}{inverse}{age<3}{unique}>
+<INCLURE{fond=inc-rss-item, id_article} />
+</BOUCLE_tres_recents>
+
+</channel>
+
+</rss>
--- a/breve.html
+++ b/breve.html
@ -0,0 +1,86 @@
+<BOUCLE_principale(BREVES) {id_breve}>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+  <title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
+  [<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
+  [<link rel="canonical" href="(#URL_BREVE|url_absolue)" />]
+  <INCLURE{fond=inclure/head} />
+  [(#REM) Lien vers le flux RSS des breves ]
+  <link rel="alternate" type="application/rss+xml" title="<:dernieres_breves:>" href="#URL_PAGE{backend-breves}" />
+</head>
+
+<body class="pas_surlignable page_breve">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+	<INCLURE{fond=inclure/nav,id_rubrique,env} />
+	
+	<div class="main">
+		[(#REM) Contenu principal : corps de la breve ]
+		<div class="wrapper">
+		<div class="content" id="content">
+			<p class="arbo"><a href="#URL_SITE_SPIP/" ><:accueil_site:></a><BOUCLE_ariane(RUBRIQUES){id_rubrique}> &gt; <a href="#URL_RUBRIQUE">[(#TITRE|couper{80})]</a></BOUCLE_ariane>[ &gt; <strong class="on">(#TITRE|couper{80})</strong>]</p>
+	
+			<div class="cartouche">
+				<h1 class="#EDIT{titre} surlignable">[(#LOGO_BREVE_RUBRIQUE|image_reduire{240,240}) ]#TITRE</h1>
+				<p class="info-publi"><abbr class="published" title="[(#DATE|date_iso)]">[(#DATE|nom_jour) ][(#DATE|affdate)]</abbr></p>
+			</div>
+			
+			[<div class="#EDIT{texte} texte">(#TEXTE)</div>]
+			[<hr /><p class="#EDIT{hyperlien} hyperlien"><:voir_en_ligne:> : <a href="(#URL_SITE)">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
+			[<div class="notes"><hr />(#NOTES)</div>]
+			
+			[(#REM) Forum de la breve
+			NB : pour desactiver les forums de breve, supprimez simplement les lignes ci-dessous ]
+			<INCLURE{fond=inclure/forum, id_breve} />
+			[<h2><:forum:form_pet_message_commentaire:></h2>
+			(#FORMULAIRE_FORUM)]
+	
+		</div><!--.content-->
+		</div><!--.wrapper-->
+	
+		<div class="aside">
+	
+			<INCLURE{fond=inclure/navsub, id_rubrique} />
+			#FORMULAIRE_RECHERCHE
+	
+			[(#REM) Breves dans la meme rubrique ]
+			<B_breves>
+			<div class="menu menu_breves">
+				<h2><:autres_breves:></h2>
+				<ul>
+					<BOUCLE_breves(BREVES) {id_rubrique} {!par date} {0,10}>
+					<li>[(#DATE|affdate_jourcourt) &ndash; ]<a href="#URL_BREVE"[ class="(#EXPOSE)"]>#TITRE</a></li>
+					</BOUCLE_breves>
+				</ul>
+			</div>
+			</B_breves>
+	
+			[(#REM) Menu de navigation mots-cles ]
+			<B_mots>
+			<div class="menu">
+				<h2><:mots_clefs:></h2>
+				<ul>
+				<BOUCLE_mots(MOTS) {id_breve} {par titre}>
+					<li><a href="#URL_MOT" rel="tag">#TITRE</a></li>
+				</BOUCLE_mots>
+				</ul>
+			</div>
+			</B_mots>
+			
+		</div><!--.aside-->
+	</div><!--.main-->
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
+</BOUCLE_principale>
--- a/calendrier.html
+++ b/calendrier.html
@ -0,0 +1,29 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+	<title><:icone_agenda:> - [(#NOM_SITE_SPIP|textebrut)]</title>
+	[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
+	<INCLURE{fond=inclure/head,robots=none} />
+</head>
+
+<body class="pas_surlignable page_agenda">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+  <INCLURE{fond=inclure/nav,env} />
+
+	#FORMULAIRE_RECHERCHE
+
+	<INCLURE{fond=contenu/calendrier,env} />
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
--- a/contact.html
+++ b/contact.html
@ -0,0 +1,48 @@
+<BOUCLE_principale(AUTEURS){tout}{par id_auteur}{! email}{0,1}>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
+]<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
+<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
+<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
+<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
+<head>
+  <script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
+  <title><:contact:> - [(#NOM_SITE_SPIP|textebrut)]</title>
+  <INCLURE{fond=inclure/head,robots=none} />
+</head>
+
+<body class="pas_surlignable page_contact">
+<div class="page">
+
+	<INCLURE{fond=inclure/header} />
+  <div class="nav clearfix" id="nav">
+       <INCLURE{fond=inclure/nav,env} />
+  </div>
+
+	<div class="main">
+		<div class="wrapper">
+		<div class="content" id="content">
+			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:contact:></strong></p>
+		
+			<div class="cartouche">
+				<h1><:contact:></h1>
+			</div>
+		
+			#FORMULAIRE_ECRIRE_AUTEUR
+		
+		</div><!--.content-->
+		</div><!--.wrapper-->
+	
+		<div class="aside">
+			<INCLURE{fond=inclure/navsub} />
+			#FORMULAIRE_RECHERCHE
+		</div><!--.aside-->
+	</div><!--.main-->
+
+	<INCLURE{fond=inclure/footer,self=#SELF} />
+
+</div><!--.page-->
+</body>
+</html>
+</BOUCLE_principale>[(#INCLURE{fond=404, erreur=<:aucun_auteur:>})]<//B_principale>
--- a/css/clear.css
+++ b/css/clear.css
@ -0,0 +1,100 @@
+/* --------------------------------------------------
+
+   clear.css
+   Aides a la composition
+  (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
+  
+ ----------------------------------------------------- */
+/* Modele de boite
+[fr] http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas
+[en] http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+/* Blocs */
+.block {
+  display: block;
+  margin-bottom: 1.5em;
+}
+.inline {
+  display: inline;
+}
+.inline-block {
+  display: inline-block;
+}
+/* Positionnement */
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+.center {
+  margin-right: auto;
+  margin-left: auto;
+}
+/* Espace de blocs
+[fr] Espaceur de blocs : http://romy.tetue.net/657 */
+.clear {
+  clear: both;
+}
+br.clear {
+  clear: both;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  height: 0;
+  line-height: 1px;
+  font-size: 1px;
+}
+hr.clear {
+  visibility: hidden;
+}
+/* clearfix : http://www.positioniseverything.net/easyclearing.html */
+.clearfix:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  overflow: hidden;
+}
+.clearfix {
+  display: inline-table;
+}
+/* Hides from IE-mac \*/
+.clearfix {
+  height: 1%;
+}
+.clearfix {
+  display: block;
+}
+/* End hide from IE-mac */
+/* Not visible */
+.offscreen {
+  position: absolute;
+  left: -999em;
+  height: 1%;
+}
+.hidden {
+  visibility: hidden;
+}
+.none {
+  display: none;
+}
+/* debug */
+.todo {
+  opacity: 0.5;
+}
+.todo:hover {
+  opacity: 1;
+}
+.blink {
+  text-decoration: blink;
+}
+
+/* fin */
--- a/css/font.css
+++ b/css/font.css
@ -0,0 +1,9 @@
+/* --------------------------------------------------
+
+   font.css
+   Gestion des webfonts
+  
+  
+ ----------------------------------------------------- */
+
+/* Appelez vos webfonts ici */
--- a/css/form.css
+++ b/css/form.css
@ -0,0 +1,55 @@
+/* --------------------------------------------------------------
+
+   form.css
+   Base pour formulaires
+   Cf.: http://contrib.spip.net/3820
+
+-------------------------------------------------------------- */
+
+input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
+
+legend { font-weight: bold; }
+
+/* Curseur main sur les elements input cliquables */
+input[type="submit"],input.submit,
+input[type="button"],input.button,
+input[type="image"],input.image,
+button { cursor: pointer; }
+
+textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+.ie fieldset { padding-top: 0; }
+.ie6 legend,
+.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
+.ie button,
+.ie input.submit,
+.ie input.button { position: relative; }
+
+button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+
+/* Elements de notifications des boites succes, info, notice, alerte */
+.reponse,
+.error,
+.alert, 
+.notice,
+.success, 
+.info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }
+
+.error,
+.alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
+.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
+.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
+.info     { background: #d5edf8; color: #205791; border-color: #92cae4; }
+
+.error a,
+.alert a      { color: #8a1f11; }
+.notice a   { color: #514721; }
+.success a    { color: #264409; }
+.info a     { color: #205791; }
+
+/* Print */
+@media print {
+  form { display: none; }
+}
+
+/* fin */
--- a/css/img/background.png
+++ b/css/img/background.png
--- a/css/img/def.png
+++ b/css/img/def.png
--- a/css/img/quote.png
+++ b/css/img/quote.png
--- a/css/img/recherche.png
+++ b/css/img/recherche.png
--- a/css/layout.css
+++ b/css/layout.css
@ -0,0 +1,92 @@
+/* --------------------------------------------------------------
+
+   layout.css
+   Disposition des blocs principaux
+   cf.: http://romy.tetue.net/structure-html-de-base
+
+-------------------------------------------------------------- */
+
+/* Elements principaux
+------------------------------------------ */
+body { text-align: center; background:#ddd;}
+.page { position: relative; width: 960px; max-width:95%; margin:2em auto; text-align: left;  }
+.header {}
+.main { padding: 1.5em 0; }
+.footer { clear: both; padding: 1em 0 0; margin:1em 0 0 0; border-top:1px solid #999; }
+
+/* largeur calculee du wrapper: 960*70%  = 672px */
+.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
+.content { min-height: 350px; }
+/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
+.aside { float: right; width: 23.333%; overflow: hidden; }    
+  
+/* Entete et barre de navigation
+------------------------------------------ */
+.header { padding-bottom: 1.5em;  }
+.header .spip_logo_site { display: block; margin: 0; line-height: 1; font-weight: bold;  }
+.header .spip_logo_site,
+.header .spip_logo_site a,
+.header .spip_logo_site a:hover { background: transparent; text-decoration:none; color:#222; }
+.header .spip_logo_site a:hover  {color:#c85000;}
+.header .spip_logo_site a:hover img {opacity:0.7;}
+.header .spip_logo {margin-bottom:0;}
+.header #slogan { margin: 0; }
+
+.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }
+
+.nav {}
+.nav li {display:inline;}
+.nav li a {  display: inline-block; padding:0.25em 0.5em; margin:0 0.25em 0.5em 0;border-radius:0.25em;text-decoration: none;  background: #EED; color: #222; }
+.nav li.on a { background:#c85000;color:#fff;  font-weight: normal; }
+.nav li a:focus,
+.nav li a:hover,
+.nav li a:active { background: #222; color:#fff; }
+ 
+
+.footer .colophon { float: left; height: 40px; width: 70%; margin: 0; }
+.footer .generator { float: right; }
+.footer .generator a { padding: 0; background: none; }
+
+/* Gabarit d'impression
+------------------------------------------ */
+@media print {
+    .page,
+    .wrapper,
+    .content { width: auto; }
+    .nav,
+    .arbo,
+    .aside,
+    .footer { display: none; }
+}
+
+/* Affichage sur petits ecrans  
+Cf.: http://www.alsacreations.com/astuce/lire/1177
+------------------------------------------ */
+
+/* largeur maximum 767px */
+@media (max-width: 767px) {
+	body {   	width: 100%;		padding: 0 20px;	}
+	.page {  	width: 100%;  	max-width: none; 	}
+}
+ 
+/* largeur maximum 640px */
+@media (max-width: 640px) {
+     /* layout */
+    .wrapper,
+    .content,
+    .aside { width: 100%;}
+    .content,
+    .aside { clear: both; float: none; width: 100%; }
+
+    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
+    .nav ul li a { float: none; border: 0; }
+    .arbo { display: none; }
+    .footer .colophon { width: auto; float: none; }
+    .footer .generator { display: none; }
+
+    /* header du calendrier full-calendar */
+    table.fc-header td { display: block; text-align: left; }
+
+}
+
+/* fin */
--- a/css/links.css
+++ b/css/links.css
@ -0,0 +1,107 @@
+/* --------------------------------------------------
+
+   links.css
+   Liens hypertextes
+   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
+
+----------------------------------------------------- */
+/* Hyperliens
+[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
+a {
+  background: transparent;
+  color: inherit;
+}
+a:visited {
+  color: inherit;     
+}  
+a:focus {
+  outline: thin dotted;
+  background-color: #222222 !important;
+  border-color: #222222 !important;
+  color: #f8f8f8 !important;
+  text-shadow: none;
+}
+a:hover {
+  outline: 0;
+  cursor: pointer;
+}
+a:active {
+  outline: 0;
+} 
+/* a { outline: none; }
+[en] http://www.outlinenone.com
+[fr] http://www.outlinenone.fr
+*/
+a:after,
+a:before,
+a small {
+  font-size: 90%;
+  opacity: .9;
+}
+a[hreflang]:after {
+  content: "\0000a0[" attr(hreflang) "]";
+}
+/* Liens externes */
+a.spip_out:after,
+a.external:after {
+  content: "\0000a0\279A";
+}
+a[hreflang].spip_out:after,
+a[hreflang].external:after {
+  content: "\0000a0[" attr(hreflang) "]\0000a0\279A";
+}
+/* mailto / tel */
+a.spip_mail:after,
+a.mailto:after {
+  content: "\0000a0\2709";
+}
+a.tel:after {
+  content: "\0000a0\2706";
+}
+/* Documents */
+a.download:after {
+  content: "\0000a0\21A7";
+}
+a[hreflang].download:after {
+  content: "\0000a0[" attr(hreflang) "]\0000a0\21A7";
+}
+a.audio:after {
+  content: "\0000a0\266B";
+}
+a[hreflang].audio:after {
+  content: "\0000a0[" attr(hreflang) "]\0000a0\266B";
+}
+/* Liens images */
+a img {
+  border: 0;
+}
+a:focus img,
+a:active img {
+  -moz-transform: translateY(1px);
+  -webkit-transform: translateY(1px);
+  -o-transform: translateY(1px);
+  -ms-transform: translate(1px);
+  transform: translateY(1px);
+}
+@media print {
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a:after {
+    content: '';
+  }
+	a.spip_url:after,
+  a[rel="external"]:after,
+  a.external:after {
+    content: " (" attr(href) ")";
+  }
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: '';
+  }
+  /* Ne pas montrer les liens sur images ou javascript / liens internes */
+}
+
+/* fin */
--- a/css/media.css
+++ b/css/media.css
@ -0,0 +1,133 @@
+/* --------------------------------------------------
+
+   media.css
+   Illustrations, images et albums
+   (c) 2010-2016 Tiny Typo v1.3 - MIT License - tinytypo.tetue.net
+
+----------------------------------------------------- */
+/* Rendre les images responsive par defaut */
+img {
+  max-width: 100%;
+  height: auto;
+}
+@media print {
+  img {
+    max-width: 100% !important;
+  }
+}
+img {
+  vertical-align: middle;
+}
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+
+  vertical-align: baseline;
+  /* 2 */
+
+}
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none;
+}
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0;
+}
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden;
+}
+/* thumbnail */
+.thumb,
+.thumb.left {
+  margin: 0 10px 10px 0;
+}
+.thumb.right {
+  margin: 0 0 10px 10px;
+}
+/* style effects */
+img.round {
+  border-radius: 5px;
+}
+img.circle {
+  border-radius: 50%;
+}
+img.border {
+  padding: 4px;
+  background-color: #fff;
+  border: 1px solid #bbb;
+}
+img.shadow {
+  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
+}
+/* figure */
+figure {
+  margin: 0;
+  margin-bottom: 0.75em;
+  text-align: center;
+}
+figure.center {
+  margin-bottom: 1.5em;
+}
+figure.left {
+  margin-right: 1.5em;
+}
+figure.right {
+  margin-left: 1.5em;
+}
+@media (max-width: 640px) {
+  figure {
+    margin-bottom: 1.5em;
+  }
+  figure.left {
+    float: none;
+    margin-right: 0;
+  }
+  figure.right {
+    float: none;
+    margin-left: 0;
+  }
+}
+/* album */
+.album {
+  margin-bottom: 1.5em;
+}
+.album ul {
+  overflow: hidden;
+  margin: 0;
+  list-style: none;
+}
+.album li {
+  float: left;
+  margin: 0;
+  margin: 0 10px 10px 0;
+}
+.album .thumb {
+  margin: 0;
+}
+
+/* fin */
--- a/css/reset.css
+++ b/css/reset.css
@ -0,0 +1,141 @@
+/* --------------------------------------------------------------
+
+   reset.css
+   Reinitialise les balises HTML
+   License: none (public domain) - v2.0 | 20110126 - http://meyerweb.com/eric/tools/css/reset/
+
+-------------------------------------------------------------- */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+/* Print styles from HTML5 Boilerplate */
+@media print {
+  * {
+    text-shadow: none !important;
+    color: #000 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+}
--- a/css/spip.css
+++ b/css/spip.css
@ -0,0 +1,170 @@
+/* --------------------------------------------------------------
+
+   spip.css
+   Styles associes au code genere par SPIP
+
+
+-------------------------------------------------------------- */
+
+/* Neutraliser conflit spip / tinytypo */
+ul, ol {list-style:none;margin-left:0; }
+blockquote {   border:none; padding-left:3em;  }
+blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
+s, strike,del, .del { opacity:1;}
+
+/* Compatibilite ancienne dist */
+.on {font-weight:bold;}
+
+/* Listes SPIP */
+ul.spip,
+ol.spip { margin-left: 50px; }
+@media (max-width: 640px) {
+	ul.spip,
+	ol.spip { margin-left: 1.5em; }
+}
+ul.spip { list-style-type: square; }
+li ul.spip { list-style-type: disc; }
+li li ul.spip { list-style-type: circle; }
+ol.spip { list-style-type: decimal; }
+
+dl.spip dt,
+dl.spip dd { padding-left: 50px; }
+dl.spip dt { clear: both; }
+dl.spip dd {}
+
+/* Tableaux SPIP */
+table.spip { width: 100%; }
+table.spip caption {}
+table.spip tr.row_first th {}
+table.spip tr.odd td {}
+table.spip tr.even td {}
+
+/* Citations, code et poesie */
+blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }
+.spip_poesie { border-left: 1px solid; }
+.spip_poesie div { margin-left: 50px; text-indent: -50px; }
+.spip_code,
+.spip_cadre {   
+   font-family: 'Courier New', Courier, monospace; 
+   font-size: 1em;  
+   margin:0 .2em;
+}
+
+.spip_code {   
+   border: 1px solid #dfdfcd;
+   background-color: rgba(227,227,211,0.5);
+   color: #3b3b25;
+   text-shadow: 0 1px 0 #fdfdfc;      
+}
+
+.spip_cadre { 
+   background:#333;
+   color:#fff;
+   border-radius:0.5em;
+   border:0;
+}
+
+textarea.spip_code, 
+textarea.spip_cadre {
+   padding: 1em;