Ajout de «NotMyIdea - CMS» en version française

Ajout des iconnes de Jamendo et de StackOverflow pour les deux
versions du thème, et correction d'une erreur dans le fichier
«base.html» des deux thèmes...

Ajout de captures d'écran

26 files changed, 984 insertions, 0 deletions

diff --git a/notmyidea-cms-fr/aperçu.png b/notmyidea-cms-fr/aperçu.png
new file mode 100644
index 0000000..a0b709e
--- /dev/null
+++ b/notmyidea-cms-fr/aperçu.png
diff --git a/notmyidea-cms-fr/static/css/.main.css.swp b/notmyidea-cms-fr/static/css/.main.css.swp
new file mode 100644
index 0000000..d1c5974
--- /dev/null
+++ b/notmyidea-cms-fr/static/css/.main.css.swp
diff --git a/notmyidea-cms-fr/static/css/main.css b/notmyidea-cms-fr/static/css/main.css
new file mode 100644
index 0000000..b3b631d
--- /dev/null
+++ b/notmyidea-cms-fr/static/css/main.css
@@ -0,0 +1,424 @@
+/*
+	Name: Smashing HTML5
+	Date: July 2009
+	Description: Sample layout for HTML5 and CSS3 goodness.
+	Version: 1.0
+	Author: Enrique Ramírez
+	Autor URI: http://enrique-ramirez.com
+*/
+
+/* Imports */
+@import url("reset.css");
+@import url("pygment.css");
+@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin);
+
+/***** Global *****/
+/* Body */
+body {
+    background: #F5F4EF url('../images/bg.png');
+    color: #000305;
+    font-size: 87.5%; /* Base font size: 14px */
+    font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    line-height: 1.429;
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    max-width: 1440px;
+    min-width: 1000px;
+}
+
+
+
+/* Headings */
+h1 {font-size: 2em }
+h2 {font-size: 1.571em}	/* 22px */
+h3 {font-size: 1.429em}	/* 20px */
+h4 {font-size: 1.286em}	/* 18px */
+h5 {font-size: 1.143em}	/* 16px */
+h6 {font-size: 1em}		/* 14px */
+
+h1, h2, h3, h4, h5, h6 {
+	font-weight: 400;
+	line-height: 1.1;
+	margin-bottom: .8em;
+    font-family: 'Yanone Kaffeesatz', arial, serif;
+}
+
+h3, h4, h5, h6 { margin-top: .8em; }
+	
+hr { border: 2px solid #EEEEEE; }
+
+/* Anchors */
+a {outline: 0;}
+a img {border: 0px; text-decoration: none;}
+a:link, a:visited {
+	color: #C74350;
+	padding: 0 1px;
+	text-decoration: underline;
+}
+a:hover, a:active, a.active, .active>a {
+	background-color: #C74350;
+	color: white;
+	text-decoration: none;
+	text-shadow: 1px 1px 1px #333;
+}
+
+h1 a:hover {
+    background-color: inherit
+}
+	
+/* Paragraphs */
+p {margin-bottom: 1.143em;}
+
+strong, b {font-weight: bold;}
+em, i {font-style: italic;}
+
+::-moz-selection {background: #F6CF74; color: #fff;}
+::selection {background: #F6CF74; color: #fff;}
+
+/* Lists */
+ul {
+	list-style: outside disc;
+	margin: 1em 0 1.5em 1.5em;
+}
+
+ol {
+	list-style: outside decimal;
+	margin: 1em 0 1.5em 1.5em;
+}
+
+.post-info {
+    float:right;
+    margin:10px;
+    padding:5px;
+}
+
+.post-info p{
+    margin-bottom: 1px;
+}
+
+.readmore { float: right }
+
+dl {margin: 0 0 1.5em 0;}
+dt {font-weight: bold;}
+dd {margin-left: 1.5em;}
+
+pre{background-color: #000; padding: 10px; color: #fff; margin: 10px; overflow: auto;}
+
+/* Quotes */
+blockquote {
+    margin: 20px;
+    font-style: italic;
+}
+cite {}
+
+q {}
+
+/* Tables */
+table {margin: .5em auto 1.5em auto; width: 98%;}
+	
+	/* Thead */
+	thead th {padding: .5em .4em; text-align: left; border: thin solid grey;}
+	thead td {border: thin solid grey;}
+
+	/* Tbody */
+	tbody td {padding: .5em .4em; border: thin solid grey;}
+	tbody th {border: thin solid grey;}
+	
+	tbody .alt td {}
+	tbody .alt th {}
+	
+	/* Tfoot */
+	tfoot th {}
+	tfoot td {}
+	
+/* HTML5 tags */
+header, section, footer,
+aside, nav, article, figure {
+	display: block;
+}
+
+/***** Layout *****/
+img.right figure.right {float: right; margin: 0 0 2em 2em;}
+img.left, figure.left {float: right; margin: 0 0 2em 2em;}
+
+/*
+	Header
+*****************/
+#banner {
+    clear: both;
+	margin: 0 auto 0 auto;
+	padding: 2.5em 0 0 0;
+}
+
+	/* Banner */
+	#banner h1 {
+        font-size: 3.571em; 
+        line-height: 0;
+	    margin: 0 auto 0 auto;
+    }
+	#banner h1 a:link, #banner h1 a:visited {
+		color: #000305;
+		display: block;
+		font-weight: bold;
+		margin: 0 auto .6em auto;
+		text-decoration: none;
+		width: 427px;
+	}
+	#banner h1 a:hover, #banner h1 a:active {
+		background: none;
+		color: #C74350;
+		text-shadow: none;
+	}
+	
+	#banner h1 strong {font-size: 0.36em; font-weight: normal;}
+	
+	/* Main Nav */
+	#banner nav {
+		background: #000305;
+		font-size: 1.143em;
+		height: 40px;
+		line-height: 30px;
+		margin: 0 auto 2em auto;
+		padding: 0;
+		width: 90%;
+		
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	}
+	
+	#banner nav ul {list-style: none; margin: 0 auto;}
+	#banner nav li {float: left; display: inline; margin: 0;}
+	
+	#banner nav a:link, #banner nav a:visited {
+		color: #fff;
+		display: inline-block;
+		height: 30px;
+		padding: 5px 1.5em;
+		text-decoration: none;
+	}
+	#banner nav a:hover, #banner nav a:active,
+	#banner nav .active a:link, #banner nav .active a:visited {
+		background: #C74451;
+		color: #fff;
+		text-shadow: none !important;
+	}
+	
+	#banner nav li:first-child a {
+		border-top-left-radius: 5px;
+		-moz-border-radius-topleft: 5px;
+		-webkit-border-top-left-radius: 5px;
+		
+		border-bottom-left-radius: 5px;
+		-moz-border-radius-bottomleft: 5px;
+		-webkit-border-bottom-left-radius: 5px;
+	}
+
+/*
+	Featured
+*****************/
+#content {
+	background: #fff;
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+    float: left;
+    margin: 1em 10px 2em 7%;
+	background: #fff;
+	overflow: hidden;
+	padding: 20px 20px;
+	min-width: 600px;
+	width: 60%;
+}
+
+/*
+	Extras
+*****************/
+#sidebar {
+    float: right; 
+    margin: 1em 7% 2em 10px;
+	background: #fff;
+	overflow: hidden;
+	padding: 20px 20px;
+	width: 15%;
+	
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+}
+
+#sidebar ul {list-style: none; margin: 0;}
+#sidebar li {border-bottom: 1px solid #fff;}
+
+#sidebar h2 {
+	color: #C74350;
+	font-size: 1.429em;
+	margin-top: .75em;
+	margin-bottom: .25em;
+	padding: 0 3px;
+}
+
+#sidebar a:link, #sidebar a {
+	color: #444;
+	display: block;
+	border-bottom: 1px solid #F4E3E3;
+	text-decoration: none;
+	padding: .3em .25em;
+}
+#sidebar li.active a {color: white;}
+
+#sidebar li:last-child,
+#sidebar li:last-child a {border: 0}
+
+#sidebar .blogroll li:nth-last-child(2),
+#sidebar .blogroll li:nth-last-child(3),
+#sidebar .blogroll li:nth-last-child(2) a,
+#sidebar .blogroll li:nth-last-child(3) a {border: 0;}
+
+#sidebar a:hover, #sidebar a:active {color: #fff;}
+
+	/* Blogroll */
+	#sidebar .blogroll {
+		width: 100%;
+	}
+	
+	#sidebar .blogroll li {float: left; margin: 0 20px 0 0; width: 185px;}
+	
+	
+	.social a {
+		background-repeat: no-repeat;
+		background-position: 3px 6px;
+	}
+	
+		/* Icons */
+		.social a[href*='delicious.com']:before {content: url('../images/icons/delicious.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='digg.com']:before {content: url('../images/icons/digg.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='facebook.com']:before {content: url('../images/icons/facebook.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='atom.xml']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='last.fm']:before, .social a[href*='lastfm.']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='jamendo.com']:before {content: url('../images/icons/jamendo.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='stackoverflow.com']:before {content: url('../images/icons/stackoverflow.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='rss.xml']:before {content: url('../images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='twitter.com']:before {content: url('../images/icons/twitter.png'); margin-right: 2px; vertical-align: -3px;}
+		.social a[href*='linkedin.com']:before {content: url('../images/icons/linkedin.png'); margin-right: 2px; vertical-align: -3px;}
+
+/*
+	About
+*****************/
+#about {
+	background: #fff;
+	font-style: normal;
+	margin-bottom: 2em;
+	overflow: hidden;
+	padding: 20px;
+	text-align: left;
+	width: 760px;
+	
+	border-radius: 10px;
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+}
+
+#about .primary {float: left; width: 165px;}
+#about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
+#about .photo {float: left; margin: 5px 20px;}
+
+#about .url:link, #about .url:visited {text-decoration: none;}
+
+#about .bio {float: right; width: 500px;}
+
+/*
+	Footer
+*****************/
+#footer {
+    padding-bottom: 2em; 
+    text-align: center; 
+    clear: both; 
+    width: 80%;
+    margin: 20px auto;
+}
+
+/***** Sections *****/
+/* Blog */
+.hentry {
+	border-bottom: 1px solid #eee;
+	padding: 1.5em 0;
+}
+li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
+#content > .hentry {padding: 1em 0;}
+.hentry img{display : none ;}
+.entry-title {font-size: 3em; margin-bottom: 10px; margin-top: 0;}
+.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
+.entry-title a:visited {background-color: #fff;}
+
+.hentry .post-info * {font-style: normal;}
+
+	/* Content */
+	.hentry footer {margin-bottom: 2em;}
+	.hentry footer address {display: inline;}
+	#posts-list footer address {display: block;}
+
+	/* Blog Index */
+	#posts-list {list-style: none; margin: 0;}
+	#posts-list .hentry {padding-left: 10px; position: relative;}
+	
+	#posts-list footer {
+		left: 10px;
+		position: relative;
+        float: left;
+		top: 0.5em;
+		width: 190px;
+	}
+	
+	/* About the Author */
+	#about-author {
+		background: #f9f9f9;
+		clear: both;
+		font-style: normal;
+		margin: 2em 0;
+		padding: 10px 20px 15px 20px;
+		
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	}
+	
+	#about-author strong {
+		color: #C64350;
+		clear: both;
+		display: block;
+		font-size: 1.429em;
+	}
+	
+	#about-author .photo {border: 1px solid #ddd; float: left; margin: 5px 1em 0 0;}
+	
+	/* Comments */
+	#comments-list {list-style: none; margin: 0 1em;}
+	#comments-list blockquote {
+		background: #f8f8f8;
+		clear: both;
+		font-style: normal;
+		margin: 0;
+		padding: 15px 20px;
+		
+		border-radius: 5px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	}
+	#comments-list footer {color: #888; padding: .5em 1em 0 0; text-align: right;}
+	
+	#comments-list li:nth-child(2n) blockquote {background: #F5f5f5;}
+	
+	/* Add a Comment */
+	#add-comment label {clear: left; float: left; text-align: left; width: 150px;}
+	#add-comment input[type='text'],
+	#add-comment input[type='email'],
+	#add-comment input[type='url'] {float: left; width: 200px;}
+	
+	#add-comment textarea {float: left; height: 150px; width: 495px;}
+	
+	#add-comment p.req {clear: both; margin: 0 .5em 1em 0; text-align: right;}
+	
+	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
+	#add-comment * {margin-bottom: .5em;}
diff --git a/notmyidea-cms-fr/static/css/pygment.css b/notmyidea-cms-fr/static/css/pygment.css
new file mode 100644
index 0000000..594b0fa
--- /dev/null
+++ b/notmyidea-cms-fr/static/css/pygment.css
@@ -0,0 +1,205 @@
+.hll {
+background-color:#FFFFCC;
+}
+.c {
+color:#408090;
+font-style:italic;
+}
+.err {
+border:1px solid #FF0000;
+}
+.k {
+color:#007020;
+font-weight:bold;
+}
+.o {
+color:#666666;
+}
+.cm {
+color:#408090;
+font-style:italic;
+}
+.cp {
+color:#007020;
+}
+.c1 {
+color:#408090;
+font-style:italic;
+}
+.cs {
+background-color:#FFF0F0;
+color:#408090;
+}
+.gd {
+color:#A00000;
+}
+.ge {
+font-style:italic;
+}
+.gr {
+color:#FF0000;
+}
+.gh {
+color:#000080;
+font-weight:bold;
+}
+.gi {
+color:#00A000;
+}
+.go {
+color:#303030;
+}
+.gp {
+color:#C65D09;
+font-weight:bold;
+}
+.gs {
+font-weight:bold;
+}
+.gu {
+color:#800080;
+font-weight:bold;
+}
+.gt {
+color:#0040D0;
+}
+.kc {
+color:#007020;
+font-weight:bold;
+}
+.kd {
+color:#007020;
+font-weight:bold;
+}
+.kn {
+color:#007020;
+font-weight:bold;
+}
+.kp {
+color:#007020;
+}
+.kr {
+color:#007020;
+font-weight:bold;
+}
+.kt {
+color:#902000;
+}
+.m {
+color:#208050;
+}
+.s {
+color:#4070A0;
+}
+.na {
+color:#4070A0;
+}
+.nb {
+color:#007020;
+}
+.nc {
+color:#0E84B5;
+font-weight:bold;
+}
+.no {
+color:#60ADD5;
+}
+.nd {
+color:#555555;
+font-weight:bold;
+}
+.ni {
+color:#D55537;
+font-weight:bold;
+}
+.ne {
+color:#007020;
+}
+.nf {
+color:#06287E;
+}
+.nl {
+color:#002070;
+font-weight:bold;
+}
+.nn {
+color:#0E84B5;
+font-weight:bold;
+}
+.nt {
+color:#062873;
+font-weight:bold;
+}
+.nv {
+color:#BB60D5;
+}
+.ow {
+color:#007020;
+font-weight:bold;
+}
+.w {
+color:#BBBBBB;
+}
+.mf {
+color:#208050;
+}
+.mh {
+color:#208050;
+}
+.mi {
+color:#208050;
+}
+.mo {
+color:#208050;
+}
+.sb {
+color:#4070A0;
+}
+.sc {
+color:#4070A0;
+}
+.sd {
+color:#4070A0;
+font-style:italic;
+}
+.s2 {
+color:#4070A0;
+}
+.se {
+color:#4070A0;
+font-weight:bold;
+}
+.sh {
+color:#4070A0;
+}
+.si {
+color:#70A0D0;
+font-style:italic;
+}
+.sx {
+color:#C65D09;
+}
+.sr {
+color:#235388;
+}
+.s1 {
+color:#4070A0;
+}
+.ss {
+color:#517918;
+}
+.bp {
+color:#007020;
+}
+.vc {
+color:#BB60D5;
+}
+.vg {
+color:#BB60D5;
+}
+.vi {
+color:#BB60D5;
+}
+.il {
+color:#208050;
+}
diff --git a/notmyidea-cms-fr/static/css/reset.css b/notmyidea-cms-fr/static/css/reset.css
new file mode 100644
index 0000000..1e21756
--- /dev/null
+++ b/notmyidea-cms-fr/static/css/reset.css
@@ -0,0 +1,52 @@
+/*
+	Name: Reset Stylesheet
+	Description: Resets browser's default CSS
+	Author: Eric Meyer
+	Author URI: http://meyerweb.com/eric/tools/css/reset/
+*/
+
+/* v1.0 | 20080212 */
+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, font, 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 {
+	background: transparent;
+	border: 0;
+	font-size: 100%;
+	margin: 0;
+	outline: 0;
+	padding: 0;
+	vertical-align: baseline;
+}
+
+body {line-height: 1;}
+
+ol, ul {list-style: none;}
+
+blockquote, q {quotes: none;}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {text-decoration: none;}
+del {text-decoration: line-through;}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
\ No newline at end of file
diff --git a/notmyidea-cms-fr/static/css/wide.css b/notmyidea-cms-fr/static/css/wide.css
new file mode 100644
index 0000000..3376f4c
--- /dev/null
+++ b/notmyidea-cms-fr/static/css/wide.css
@@ -0,0 +1,43 @@
+@import url("main.css");
+
+body {
+    font:1.3em/1.3 "Hoefler Text","Georgia",Georgia,serif,sans-serif;
+}
+
+.body, #banner nav, #banner nav ul, #about, #featured, #content{
+    width: inherit;
+}
+
+#banner nav {
+    -moz-border-radius: 0px;
+    margin-bottom: 0px;
+}
+
+#banner nav ul{
+    padding-right: 50px;
+}
+
+#banner nav li{
+    float: right;
+}
+
+#banner nav li:first-child a {
+    -moz-border-radius: 0px;
+}
+
+#banner h1 {
+    margin-bottom: -18px;
+}
+
+#featured, #extras {
+    padding: 50px;
+}
+
+#featured {
+    padding-top: 20px;
+}
+
+#extras {
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
diff --git a/notmyidea-cms-fr/static/images/icons/delicious.png b/notmyidea-cms-fr/static/images/icons/delicious.png
new file mode 100644
index 0000000..c6ce246
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/delicious.png
diff --git a/notmyidea-cms-fr/static/images/icons/jamendo.png b/notmyidea-cms-fr/static/images/icons/jamendo.png
new file mode 100644
index 0000000..47f1320
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/jamendo.png
diff --git a/notmyidea-cms-fr/static/images/icons/lastfm.png b/notmyidea-cms-fr/static/images/icons/lastfm.png
new file mode 100644
index 0000000..b09c787
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/lastfm.png
diff --git a/notmyidea-cms-fr/static/images/icons/linkedin.png b/notmyidea-cms-fr/static/images/icons/linkedin.png
new file mode 100644
index 0000000..feb0496
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/linkedin.png
diff --git a/notmyidea-cms-fr/static/images/icons/rss.png b/notmyidea-cms-fr/static/images/icons/rss.png
new file mode 100644
index 0000000..7d4e85d
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/rss.png
diff --git a/notmyidea-cms-fr/static/images/icons/stackoverflow.png b/notmyidea-cms-fr/static/images/icons/stackoverflow.png
new file mode 100644
index 0000000..6c2adcb
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/stackoverflow.png
diff --git a/notmyidea-cms-fr/static/images/icons/twitter.png b/notmyidea-cms-fr/static/images/icons/twitter.png
new file mode 100644
index 0000000..d611928
--- /dev/null
+++ b/notmyidea-cms-fr/static/images/icons/twitter.png
diff --git a/notmyidea-cms-fr/templates/analytics.html b/notmyidea-cms-fr/templates/analytics.html
new file mode 100644
index 0000000..ba174fc
--- /dev/null
+++ b/notmyidea-cms-fr/templates/analytics.html
@@ -0,0 +1,11 @@
+{% if GOOGLE_ANALYTICS %}
+    <script type="text/javascript">
+    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+    </script>
+    <script type="text/javascript">
+    try {
+        var pageTracker = _gat._getTracker("{{GOOGLE_ANALYTICS}}");
+    pageTracker._trackPageview();
+    } catch(err) {}</script>
+{% endif %}
\ No newline at end of file
diff --git a/notmyidea-cms-fr/templates/archives.html b/notmyidea-cms-fr/templates/archives.html
new file mode 100644
index 0000000..02379fd
--- /dev/null
+++ b/notmyidea-cms-fr/templates/archives.html
@@ -0,0 +1,13 @@
+{% extends "base.html" %}
+{% block content %}
+<section id="content" class="body">
+<h1>Archives pour «{{ SITENAME }}»</h1>
+
+<dl>
+{% for article in dates %}
+    <dt>{{ article.date.strftime('%a %d %B %Y') }}</dt>
+    <dd><a href='{{ article.url }}'>{{ article.title }}</a></dd>
+{% endfor %}
+</dl>
+</section>
+{% endblock %}
diff --git a/notmyidea-cms-fr/templates/article.html b/notmyidea-cms-fr/templates/article.html
new file mode 100644
index 0000000..501bb95
--- /dev/null
+++ b/notmyidea-cms-fr/templates/article.html
@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+{% block title %}{{ article.title }}{% endblock %}
+{% block content %}        
+<section id="content" class="body">    
+<article>
+        <header> <h1 class="entry-title"><a href="{{ article.url }}"
+        rel="bookmark" title="Permalink to {{ article.title }}">{{ article.title
+        }}</a></h1> {% include 'twitter.html' %} </header>
+        <div class="entry-content">
+        <footer class="post-info">
+                <abbr class="published" title="{{ article.date.isoformat() }}">
+                    Publié le {{ article.date.strftime('%A %d %B %Y &agrave; %H:%M') }}
+                </abbr>
+                {% if article.author %}
+                <address class="vcard author">
+                        Par <a class="url fn" href="#">{{ article.author }}</a>
+                </address>
+                {% endif %}
+                <p>Dans <a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a>. 
+        {% include 'taglist.html' %}
+        </footer><!-- /.post-info -->
+        {{ article.content }}
+        </div><!-- /.entry-content -->
+        {% if DISQUS_SITENAME %}
+        <div class="comments">
+        <h2>Commentaires:</h2>
+            <div id="disqus_thread"></div>
+            <script type="text/javascript">
+               var disqus_identifier = "{{ article.url }}";
+               (function() {
+               var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+               dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
+               (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+              })();
+            </script>
+        </div>
+        {% endif %}
+
+</article>
+</section>
+{% endblock %}
diff --git a/notmyidea-cms-fr/templates/base.html b/notmyidea-cms-fr/templates/base.html
new file mode 100644
index 0000000..c01b427
--- /dev/null
+++ b/notmyidea-cms-fr/templates/base.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+        <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
+        <meta charset="utf-8" />
+        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
+        <link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Flux ATOM" />
+        {% if FEED_RSS %}
+        <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Flux RSS" />
+        {% endif %}
+
+
+        <!--[if IE]>
+                <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+
+        <!--[if lte IE 7]>
+                <link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie.css"/>
+                <script src="{{ SITEURL }}/js/IE8.js" type="text/javascript"></script><![endif]-->
+
+        <!--[if lt IE 7]>
+                <link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
+
+</head>
+
+<body id="index" class="home">
+{% include 'github.html' %}
+        <header id="banner" class="body">
+                <h1><a href="{{ SITEURL }}/index.html">{{ SITENAME }} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
+                <nav><ul>
+                {% for title, link in MENUITEMS %}
+                    <li><a href="{{ link }}">{{ title }}</a></li>
+                {% endfor %}
+                {% if DISPLAY_PAGES_ON_MENU != False %}
+                <li><a href="{{ SITEURL }}/index.html">Accueil</a></li>
+                {% for p in PAGES %}
+                    <li {% if p == page %}class="active"{% endif %}><a href="{{ SITEURL }}/pages/{{ p.url }}">{{ p.title }}</a></li>
+                {% endfor %}
+                {% endif %}
+                {#{% for cat, null in categories %}
+                    <li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/category/{{ cat }}.html">{{ cat }}</a></li>
+                {% endfor %}#}
+                </ul></nav>
+        </header><!-- /#banner -->
+
+        {% block content %}
+        {% endblock %}
+
+        <aside id="sidebar">
+                <div class="widget">
+                        <h2>Catégorie</h2>
+                        <ul>
+                        {% for cat, null in categories %}
+                           <li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/category/{{ cat }}.html">{{ cat }}</a></li>
+                        {% endfor %}
+                        </ul>
+                </div>
+        {% if LINKS %}
+                <div class="widget blogroll">
+                        <h2>Lien</h2>
+                        <ul>
+                        {% for name, link in LINKS %}
+                            <li><a href="{{ link }}">{{ name }}</a></li>
+                        {% endfor %}
+                        </ul>
+                </div><!-- /.blogroll -->
+        {% endif %}
+        {% if SOCIAL %}
+                <div class="widget social">
+                        <h2>Réseaux sociaux</h2>
+                        <ul>
+                            <li><a href="{{ SITEURL }}/{{ FEED }}" rel="alternate">atom feed</a></li>
+                            {% if FEED_RSS %}
+                            <li><a href="{{ SITEURL }}/{{ FEED_RSS }}" rel="alternate">rss feed</a></li>
+                            {% endif %}
+
+                        {% for name, link in SOCIAL %}
+                            <li><a href="{{ link }}">{{ name }}</a></li>
+                        {% endfor %}
+                        </ul>
+                </div><!-- /.social -->
+        {% endif %}
+        </aside><!-- /#sidebar -->
+
+        <footer id="footer" class="body">
+                <address id="about" class="vcard body">
+                Ce site est généré par <a href="http://alexis.notmyidea.org/pelican/">Pelican</a>, un CMS réalisé en <a href="http://python.org">Python</a>.
+                </address><!-- /#about -->
+
+                <p>Le thème utilisé est «NotMyIdea-CMS», une version modifiée de «NotMyIdea», le thème par défaut.</p>
+        </footer><!-- /#footer -->
+
+{% include 'analytics.html' %}
+</body>
+</html>
diff --git a/notmyidea-cms-fr/templates/categories.html b/notmyidea-cms-fr/templates/categories.html
new file mode 100644
index 0000000..7e4bd2c
--- /dev/null
+++ b/notmyidea-cms-fr/templates/categories.html
@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+{% block content %}
+<ul>
+{% for category, articles in categories %}
+    <li>{{ category }}</li>
+{% endfor %}
+</ul>
+{% endblock %}
diff --git a/notmyidea-cms-fr/templates/category.html b/notmyidea-cms-fr/templates/category.html
new file mode 100644
index 0000000..56f8e93
--- /dev/null
+++ b/notmyidea-cms-fr/templates/category.html
@@ -0,0 +1,2 @@
+{% extends "index.html" %}
+{% block title %}{{ SITENAME }} - {{ category }}{% endblock %}
diff --git a/notmyidea-cms-fr/templates/github.html b/notmyidea-cms-fr/templates/github.html
new file mode 100644
index 0000000..75592ac
--- /dev/null
+++ b/notmyidea-cms-fr/templates/github.html
@@ -0,0 +1,9 @@
+{% if GITHUB_URL %}
+<a href="{{ GITHUB_URL }}">
+{% if GITHUB_POSITION != "left" %}
+<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" />
+{% else %}
+<img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_white_ffffff.png" alt="Fork me on GitHub" />
+{% endif %}
+</a>
+{% endif %}
diff --git a/notmyidea-cms-fr/templates/index.html b/notmyidea-cms-fr/templates/index.html
new file mode 100644
index 0000000..ab68f81
--- /dev/null
+++ b/notmyidea-cms-fr/templates/index.html
@@ -0,0 +1,66 @@
+{% extends "base.html" %}
+{% block content_title %}{% endblock %}
+{% block content %}        
+{% if articles %}
+{% for article in articles %}        
+    {% if loop.index == 1 %}
+     <section id="content" class="body">
+        <aside id="featured"><article>
+                <h1 class="entry-title"><a href="{{ SITEURL }}/{{ article.url
+                }}">{{ article.title }}</a></h1> 
+                <footer class="post-info">
+                        <abbr class="published" title="{{ article.date.isoformat() }}">
+                                Publié le {{ article.date.strftime('%d/%m/%Y &agrave; %H:%M') }}
+                        </abbr>
+
+                        {% if article.author %}
+                        <address class="vcard author">
+                                Par <a class="url fn" href="#">{{ article.author }}</a>
+                        </address>
+                        {% endif %}
+                <p>Dans <a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a>. {% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ article.slug }}.pdf">télécharger le PDF</a>{% endif %}</p>
+                {% include 'taglist.html' %}
+                </footer><!-- /.post-info -->
+                {{ article.content }}
+        </article></aside><!-- /#featured -->
+        {% if loop.length  > 1 %}
+                <h1>Autres articles</h1>
+                <hr />
+                    <ol id="posts-list" class="hfeed">
+        {% endif %}
+    {% else %} 
+        <li><article class="hentry">    
+                <header>
+                        <h1><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalien vers «{{ article.title}}»">{{ article.title }}</a></h1>
+                </header>
+                
+                <div class="entry-content">
+                <footer class="post-info">
+                        <abbr class="published" title="{{ article.date.isoformat() }}">
+                                Publié le {{ article.date.strftime('%d/%m/%Y &agrave; %H:%M') }}
+                        </abbr>
+
+                        <address class="vcard author">
+                                Par <a class="url fn" href="#">{{ article.author }}</a>
+                        </address>
+                        <p> Dans <a href="{{ SITEURL }}/category/{{ article.category }}.html">{{ article.category }}</a></p>
+                        {% include 'taglist.html' %}
+                    <p>{% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ article.slug }}.pdf">PDF</a>{% endif %}</p>
+                </footer><!-- /.post-info -->
+                {{ article.summary }}
+                <a class="readmore" href="{{ SITEURL }}/{{ article.url }}">Lire la suite...</a>
+                </div><!-- /.entry-content -->
+        </article></li>
+    {% endif %}
+{% endfor %}
+</ol><!-- /#posts-list -->
+</section><!-- /#content -->
+{% else %}
+<section id="content" class="body">    
+<h2>Pages</h2>
+{% for page in PAGES %}
+    <li><a href="{{ SITEURL }}/pages/{{ page.url }}">{{ page.title }}</a></li>
+{% endfor %}
+</section>
+{% endif %}
+{% endblock content %}
diff --git a/notmyidea-cms-fr/templates/page.html b/notmyidea-cms-fr/templates/page.html
new file mode 100644
index 0000000..2bf3dab
--- /dev/null
+++ b/notmyidea-cms-fr/templates/page.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+{% block title %}{{ page.title }}{% endblock %}
+{% block content %}        
+<section id="content" class="body">    
+    <h1 class="entry-title">{{ page.title }}</h1>
+    {% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ page.slug }}.pdf">Télécharger le PDF</a>{% endif %}
+    {{ page.content }}
+</section>
+{% endblock %}
diff --git a/notmyidea-cms-fr/templates/tag.html b/notmyidea-cms-fr/templates/tag.html
new file mode 100644
index 0000000..68cdcba
--- /dev/null
+++ b/notmyidea-cms-fr/templates/tag.html
@@ -0,0 +1,2 @@
+{% extends "index.html" %}
+{% block title %}{{ SITENAME }} - {{ tag }}{% endblock %}
diff --git a/notmyidea-cms-fr/templates/taglist.html b/notmyidea-cms-fr/templates/taglist.html
new file mode 100644
index 0000000..8ca52db
--- /dev/null
+++ b/notmyidea-cms-fr/templates/taglist.html
@@ -0,0 +1,2 @@
+{% if article.tags %}<p>tags: {% for tag in article.tags %}<a href="{{ SITEURL }}/tag/{{ tag }}.html">{{ tag }}</a>{% endfor %}</p>{% endif %}
+{% if PDF_PROCESSOR %}<a href="{{ SITEURL }}/pdf/{{ article.slug }}.pdf">Télécharger le PDF</a>{% endif %}</p>
diff --git a/notmyidea-cms-fr/templates/tags.html b/notmyidea-cms-fr/templates/tags.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/notmyidea-cms-fr/templates/tags.html
diff --git a/notmyidea-cms-fr/templates/twitter.html b/notmyidea-cms-fr/templates/twitter.html
new file mode 100644
index 0000000..94a9ba9
--- /dev/null
+++ b/notmyidea-cms-fr/templates/twitter.html
@@ -0,0 +1,3 @@
+{% if TWITTER_USERNAME %}
+<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{{TWITTER_USERNAME}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+{% endif %}