Index: themes/ductile/mediaqueries.css
===================================================================
--- themes/ductile/mediaqueries.css	(revision 660)
+++ themes/ductile/mediaqueries.css	(revision 670)
@@ -32,13 +32,18 @@
 		padding: 6px 8px;
 		background: #f4f4f5;
-		background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f5), to(#d7d7dC));
+		background-image: -webkit-gradient(linear, left top, left bottom, from( #f4f4f5), to(#d7d7dC));
+		background: -webkit-linear-gradient(top,  #f4f4f5,  #d7d7dC);
 		background: -moz-linear-gradient(top,  #f4f4f5,  #d7d7dC);
+		background: -o-linear-gradient(top,  #f4f4f5,  #d7d7dC);
+		background: -ms-linear-gradient(top,  #f4f4f5,  #d7d7dC);
+		background: linear-gradient(top,  #f4f4f5,  #d7d7dC);
 		border-right: 1px solid #aaa;
 		border-bottom: 1px solid #ccc;
 		}
 	.supranav, #prelude {
-		border:none;
+		border: none;
 		margin: 8px 0 0;
 		background: #fff;
+		padding-left: 0;
 		}
 	.supranav li a, #prelude li a {
@@ -50,14 +55,12 @@
 		white-space: nowrap;
 		margin-bottom: 4px;
-		-webkit-border-bottom-left-radius: 7px;
-		-moz-border-radius-bottomleft: 7px;
-		border-bottom-left-radius: 7px;
 		}
 	#gotop li {
+		border-top: 1px solid #ccc;
 		text-transform: none;
+		padding-top: 6px;
 		}
 	#prelude {
 		margin: .5em 0 !important;
-		padding-left: 0 !important;
 		}
 	#prelude li a {
@@ -79,8 +82,11 @@
 		font-weight: bold;
 		}
+	#other-criteria .arch-block, #more-criteria .arch-block {
+		margin-left: 0 !important;
+		}
 	#stickers {
 		margin: 0;
 		padding: 0;
-		border-bottom: 8px solid #fff;
+		border-bottom: 1px solid #fff;
 		}
 	#stickers li {
@@ -89,6 +95,5 @@
 		margin-left: 0;
 		border-style: solid;
-		border-color: #fff;
-		border-width: 2px 6px;
+		border-width: 1px 0 0 0;
 		overflow: hidden;
 		}
@@ -113,5 +118,4 @@
 	Autres (plus de 480px)
 -------------------------------------------------------------------- */
-
 @media only screen and (min-width: 481px) {
 	.nobig {
@@ -121,8 +125,8 @@
 		position: absolute;
 		margin: 0;
+		padding: 0 0 0 4px;
 		top: 0;
 		left: 3px;
 		color: #fff;
-		font-size: .875em;
 		list-style-type: none;
 		}
@@ -148,7 +152,7 @@
 		padding-top: 24px;
 		}
- #logo {
+ 	#logo {
 		float:left; 
-		margin:0 1.5em 0 1em;	
+		margin: 0 32px 0 24px;	
 		}
 	#logo a {
@@ -169,4 +173,5 @@
 		margin: 36px 0 0;
 		border-bottom: 1px solid #ccc;
+		padding: 0 0 0 4px;
 		}
 	.supranav li {
@@ -180,4 +185,7 @@
 		border-right: 1px solid #ccc;
 		min-height: 2.5em;
+		-moz-border-radius: 0 0 0 7px;
+		-webkit-border-radius: 0 0 0 7px;
+		border-radius: 0 0 0 7px;
 	 	}
 	.supranav li a span {
@@ -216,5 +224,5 @@
 		}
 	#stickers a:hover span, #stickers a:focus span {
-		color: #666;
+		color: #686867;
 		position: static;
 		top: 0;
@@ -246,5 +254,5 @@
 		}
 	img {
-		max-width: 100%;
+		max-width: 97%;
 		height: auto;
 		width: auto\9; /* pour ie8 */
Index: themes/ductile/style.css
===================================================================
--- themes/ductile/style.css	(revision 668)
+++ themes/ductile/style.css	(revision 670)
@@ -58,6 +58,14 @@
 	}
 blockquote {
-	border: 2px solid #eef;
+	border-left: 4px solid #ccc;
 	padding: 1px 1em .5em;
+	background: #f9f9f9;
+	}
+blockquote:before {
+	color: #ccc;
+	content: open-quote;
+	font-size: 4em;
+	display: block;
+	float: left;
 	}
 code, pre {
@@ -70,7 +78,6 @@
 	white-space: normal;
 	}
-
 a {
-	color: #666;
+	color: #686867;
 	}
 a:hover, a:focus {
@@ -81,5 +88,8 @@
 	margin-top: 0;
 	}
-
+h2, h2 a {
+	font-weight: normal;
+	margin-top: .75em;
+	}
 /* ------------------------------------------------------------
 	3. PAGE
@@ -112,13 +122,12 @@
 	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
 	font-style: italic;
-	color: #888;
+	color: #686867;
 	text-shadow: none;
 	}
 .supranav, #prelude {
-	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
-	padding: 0 0 0 4px;
 	list-style-type: none;
 	line-height: 1.25;
 	font-size: .875em;
+	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
 	}
 .supranav li, #prelude li {
@@ -159,28 +168,31 @@
 	5. WRAPPER MAIN CONTENT
 ------------------------------------------------------------- */
-
 #wrapper {
-	clear:both;
-	}
-#main { }
-#content { 
-	padding-bottom: 2em; 
+	clear: both;
+	position: relative;
+	}
+#content {
+	padding-bottom: 2em;
 	}
 
 /* ------------------------------------------------------- content-info */
 #content-info {
-	margin-top: 2em;
-	font-size: .875em;
+	font-size: .875em;
+	}
+#content-info h2 {
+	color: #14709e;
+	margin-top: 1em;
+	margin-bottom: .33em;
+	}
+#subcategories {
 	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
-	}
-#content-info h2 { 
-	font-size: 1.2em;
-	color: #14709e;
-	}
-#subcategories {
-	font-size: .875em;
-	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
-	}
-#subcategories h3 { 
+	padding-top: 1em;
+	font-size: .875em;
+	}
+#subcategories h3, #subcategories ul {
+	display: inline;
+	padding-right: 1em;
+	}
+#subcategories h3 {
 	font-size: 1.1em;
 	font-variant: small-caps;
@@ -188,12 +200,12 @@
 #content-info p, 
 #content-info ul, 
-#subcategories ul { 
+#subcategories ul {
 	margin: .5em 0;
 	padding: 0;
 	list-style-type: none;
 	}
-#subcategories li { 
+#subcategories li {
 	margin: 0;
-	display: inline; 
+	display: inline;
 	padding-right: 1em;
 	}
@@ -201,5 +213,9 @@
 	color: #fff;
 	}
-
+.feed-info a {
+	font-size: .875em;
+	padding-top: .1em;
+	padding-bottom: .1em;
+	}
 /* ------------------------------------------------------- pagination, navlinks */
 .navlinks, 
@@ -219,16 +235,14 @@
 	background: linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%);
 	-moz-border-radius: 4px;
-	-webkit-border-radius: 4px;
+	-o-border-radius: 4px;
+	-ms-border-radius: 4px;
+	-khtml-border-radius: 4px;
 	border-radius: 4px;
 	border-right: 1px solid #aaa;
 	border-bottom: 1px solid #ccc;
 	}
-.navlinks {
-	margin-top: 4em;
-	}
 .navlinks a, 
 .pagination a {
-	padding: 0 1em;
-	white-space: nowrap;
+	color: #333;
 	}
 
@@ -236,5 +250,4 @@
 	6. BILLETS
 ------------------------------------------------------------- */
-
 .post {
 	background: transparent url(img/filet.png) repeat-x left bottom;
@@ -276,4 +289,9 @@
 	font-variant: small-caps;
 	}
+.post-content img, .post-excerpt img {
+	border: 1px solid #ccc;
+	max-width: 96%;
+	padding: 4px;
+	}
 .post-info, 
 .post-tags, 
@@ -313,9 +331,4 @@
 	background: transparent no-repeat 6px center url(img/date.png);
 	}
-.post-info a, 
-.post-info-co a,
-.permalink a {
-	white-space: nowrap;
-	}
 .post-tags a {
 	padding-right: 1em;
@@ -331,4 +344,8 @@
 .post ul {
 	list-style-type: square;
+	margin-left: 0;
+	}
+.post ol {
+	margin-left: 0;
 	}
 .footnotes {
@@ -380,5 +397,5 @@
 	font-variant: small-caps;
 	font-weight: normal;
-	color: #666;
+	color: #686867;
 	}
 #attachments ul {
@@ -441,5 +458,5 @@
 	padding-bottom: .2em;
 	line-height: 1.25;
-	color: #666;
+	color: #686867;
 	font-family: "New Century Schoolbook","Century Schoolbook", "Century Schoolbook L", Georgia, serif;	
 	}
@@ -490,9 +507,12 @@
 	-webkit-border-radius: 3px; 
 	-moz-border-radius: 3px;
+	-o-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-khtml-border-radius: 3px;
 	border-radius: 3px;
 	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
 	}
-.field textarea { 
-	padding: .5em 1em;	
+.field textarea {
+	padding: .5em 1em;
 	}
 .field input:focus, 
@@ -502,4 +522,5 @@
 #comment-form input[type=submit], 
 #comment-form input[type=reset] {
+	color: #eee;
 	font-size: .875em;
 	display: inline-block;
@@ -509,30 +530,31 @@
 	padding: .33em .66em;
 	text-shadow: 0 1px 1px rgba(0,0,0,.3);
-	-webkit-border-radius: 5px; 
+	background: rgb(119,119,119);
+	border: solid 1px #686867;
+	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
+	-o-border-radius: 5px;
+	-ms-border-radius: 5px;
+	-khtml-border-radius: 5px;
 	border-radius: 5px;
-	border: solid 1px #777;
 	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+	-o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-	background: rgb(119,119,119);
-	background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(85,85,85,1) 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(85,85,85,1)));
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(119,119,119,1)), color-stop(100%, rgba(85,85,85,1)));
 	background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
+	background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
 	background: -o-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
 	background: -ms-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 );
-	color: #eee;
+	background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
 	}
 #comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus,
 #comment-form input[type=reset]:hover, #comment-form input[type=reset]:focus {
-	background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
 	background: rgb(85,85,85);
-	background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(119,119,119,1) 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(119,119,119,1)));
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(85,85,85,1)), color-stop(100%, rgba(119,119,119,1)));
 	background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
+	background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
 	background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
 	background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#777777',GradientType=0 );
 	background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
 	text-decoration: none;
@@ -542,5 +564,5 @@
 	padding: 4px;
 	}
-.form-help { 
+.form-help {
 	margin-top: 0;
 	font-size: .875em;
@@ -594,5 +616,5 @@
 	margin-bottom: 0;
 	}
-#sidebar ul li {
+#sidebar li {
 	padding-left: 16px;
 	background: transparent url(img/square.png) no-repeat 0 .5em;
@@ -604,5 +626,5 @@
 	background-image: url(img/square3.png);
 	}
-#sidebar .syndicate ul li {
+#sidebar .syndicate li {
 	background-image: none;
 	padding-left: 0;
@@ -667,4 +689,5 @@
 	background: #686867;
 	color: #fff;
+	font-size: .875em;
 	}
 #footer p {
@@ -672,6 +695,4 @@
 	margin: 0;
 	text-align: right;
-	font-size: .875em;
-	font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif;
 	}
 #footer a {
@@ -680,5 +701,5 @@
 #footer a:hover, 
 #footer a:focus {
-	background: #686867;
+	background-color: #686867;
 	}
 #stickers {
@@ -686,16 +707,13 @@
 	margin: 0;
 	}
-	
 /* ------------------------------------------------------------
 	10. CLASSES COMMUNES
 ------------------------------------------------------------- */
-
 /* ------------------------------------------------------- RSS */
-.feed { 
-	padding-left: 20px;
-	background : transparent url(img/feed.png) no-repeat left center;
-	}
-
-/* ------------------------------------------------------- tags */	
+.feed {
+	padding-left: 22px;
+	background: transparent url(img/feed.png) no-repeat left center;
+	}
+/* ------------------------------------------------------- tags */
 .dc-tags .content-inner, 
 .dc-tags .content-inner ul {
@@ -708,53 +726,96 @@
 #sidebar .tags ul li, 
 #sidebar .tags ul li a {
-	display : inline;
-	width : auto;
-	padding-left : 0;
-	padding-right : .5em;
-	background-color : transparent;
+	display: inline;
+	width: auto;
+	padding-left: 0;
+	padding-right: .5em;
+	background-color: transparent;
 	background-image: none;
 	text-decoration: none;
-	line-height : 1.5em;
+	line-height: 1.5em;
 	}
 .tags ul li a:hover {
-	background-image :none;
-	}
-.dc-tags .tag0, .tags .tag0 { font-size: 85%; }
-.dc-tags .tag10, .tags .tag10 { font-size: 90%; }
-.dc-tags .tag20, .tags .tag20 { font-size: 95%; }
-.dc-tags .tag30, .tags .tag30 { font-size: 100%; }
-.dc-tags .tag40, .tags .tag40 { font-size: 105%; }
-.dc-tags .tag50, .tags .tag50 { font-size: 110%; }
-.dc-tags .tag60, .tags .tag60 { font-size: 115%; }
-.dc-tags .tag70, .tags .tag70 { font-size: 120%; }
-.dc-tags .tag80, .tags .tag80 { font-size: 125%; }
-.dc-tags .tag90, .tags .tag90 { font-size: 130%; }
-.dc-tags .tag100, .tags .tag100 { font-size: 135%; }
-
+	background-image: none;
+	}
+.dc-tags .tag0, .tags .tag0 {
+	font-size: 85%;
+	}
+.dc-tags .tag10, .tags .tag10 {
+	font-size: 90%;
+	}
+.dc-tags .tag20, .tags .tag20 {
+	font-size: 95%;
+	}
+.dc-tags .tag30, .tags .tag30 {
+	font-size: 100%;
+	}
+.dc-tags .tag40, .tags .tag40 {
+	font-size: 105%;
+	}
+.dc-tags .tag50, .tags .tag50 {
+	font-size: 110%;
+	}
+.dc-tags .tag60, .tags .tag60 {
+	font-size: 115%;
+	}
+.dc-tags .tag70, .tags .tag70 {
+	font-size: 120%;
+	}
+.dc-tags .tag80, .tags .tag80 {
+	font-size: 125%;
+	}
+.dc-tags .tag90, .tags .tag90 {
+	font-size: 130%;
+	}
+.dc-tags .tag100, .tags .tag100 {
+	font-size: 135%;
+	}
 /* ------------------------------------------------------- messages d'erreur */
 .error {
-	border : 1px solid #c44;
-	background : #df0;
-	padding : 0.5em;
+	border: 1px solid #c44;
+	background: #df0;
+	padding: 0.5em;
 	}
 .error ul {
-	padding-left : 20px;
+	padding-left: 20px;
 	}
 .error li {
-	list-style : square;
-	}
-
+	list-style: square;
+	}
 /* ------------------------------------------------------- class à dispo pour billets */
-.left { float: left; margin-right : 1em; }
-.right { float: right; margin-left : 1em; }
-.center { margin-left : auto; margin-right : auto; }
-.left-text { text-align : left; }
-.right-text { text-align : right; }
-.center-text { text-align : center; }
-.little-text { font-size : .875em;}
-.little-upper-text { font-size : .875em; text-transform : uppercase; }
-hr.hidden {background: #fff; color: #fff; border-color: #fff; }
-
-
+.left {
+	float: left;
+	margin-right: 1em;
+	}
+.right {
+	float: right;
+	margin-left: 1em;
+	}
+.center {
+	margin-left: auto;
+	margin-right: auto;
+	}
+.left-text {
+	text-align: left;
+	}
+.right-text {
+	text-align: right;
+	}
+.center-text {
+	text-align: center;
+	}
+.little-text {
+	font-size: .875em;
+	}
+.little-upper-text {
+	font-size: .875em;
+	text-transform: uppercase;
+	}
+hr.hidden {
+	background: #fff;
+	color: #fff;
+	border-color: #fff;
+	margin: 0;
+	}
 /* ------------------------------------------------------------
 	11. PAGES SPECIFIQUES
@@ -766,8 +827,4 @@
 
 /* ---------------------------------------------------------------- archives */
-.dc-archive {}
-#time-criteria {}
-#other-criteria {}
-#more-arch {}
 .arch-block {
 	display: inline-block;
@@ -801,8 +858,11 @@
 	margin-left: 20px;
 	}
-
+#time-criteria h3:first-child {
+	margin-top: 0;
+	}
 #by-date {
 	margin-right: 0;
 	margin-bottom: 1em;
+	margin-top: 2em;
 	}
 #by-date h3 {
@@ -827,5 +887,4 @@
 	font-size: .875em;
 	}
-
 #by-cat ul {
 	background: transparent url(img/vline.png) repeat-y;
@@ -843,22 +902,53 @@
 #by-tag {
 	width: 18em;
-	}	
+	}
 #by-tag ul li {
 	display: inline;
 	padding-right: 1em;
 	}
-#by-tag .tag0 { color: #909090; font-size: 90%; }
-#by-tag .tag10 { color: #828282; font-size: 92%; }
-#by-tag .tag20 { color: #737373; font-size: 94%; }
-#by-tag .tag30 { color: #656565; font-size: 96%; }
-#by-tag .tag40 { color: #484848; font-size: 98%; }
-#by-tag .tag50 { color: #3A3A3A; font-size: 100%; }
-#by-tag .tag60 { color: #2B2B2B; font-size: 102%; }
-#by-tag .tag70 { color: #1D1D1D; font-size: 104%; }
-#by-tag .tag80 { color: #0E0E0E; font-size: 106%; }
-#by-tag .tag90 { color: #030303; font-size: 108%; }
-#by-tag .tag100 { color: #000; font-size: 110%;}
-
-
+#by-tag .tag0 {
+	color: #909090;
+	font-size: 90%;
+	}
+#by-tag .tag10 {
+	color: #828282;
+	font-size: 92%;
+	}
+#by-tag .tag20 {
+	color: #737373;
+	font-size: 94%;
+	}
+#by-tag .tag30 {
+	color: #656565;
+	font-size: 96%;
+	}
+#by-tag .tag40 {
+	color: #484848;
+	font-size: 98%;
+	}
+#by-tag .tag50 {
+	color: #3A3A3A;
+	font-size: 100%;
+	}
+#by-tag .tag60 {
+	color: #2B2B2B;
+	font-size: 102%;
+	}
+#by-tag .tag70 {
+	color: #1D1D1D;
+	font-size: 104%;
+	}
+#by-tag .tag80 {
+	color: #0E0E0E;
+	font-size: 106%;
+	}
+#by-tag .tag90 {
+	color: #030303;
+	font-size: 108%;
+	}
+#by-tag .tag100 {
+	color: #000;
+	font-size: 110%;
+	}
 .dc-archive #search {
 	padding: 4px;
@@ -877,12 +967,8 @@
 	margin-bottom: .33em;
 	}	
-	
 .dc-archive-month h2.post-title {
 	font-size: 1.3em;
 	}
-
-.dc-tags { }
-.dc-tag { }
-
+/* ---------------------------------------------------------------- 404 */
 .dc-404 #content-info {
 	padding-bottom: 200px;
@@ -898,9 +984,8 @@
 	font-variant: small-caps;
 	}
-.dc-search #content-info em { 
-	color: #14709e; 
-	}
-
-
+/* ---------------------------------------------------------------- search */
+.dc-search #content-info em {
+	color: #14709e;
+	}
 /* ---------------------------------------------------
   12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
@@ -915,5 +1000,5 @@
 #comments, #footer,
 .clearer {
-	clear:both;
+	clear: both;
 	}
 .post-content:before, .post-content:after {
@@ -922,5 +1007,5 @@
 	}
 .post-content:after {
-	clear:both;
+	clear: both;
 	}
 .post:before, .post:after {
@@ -937,3 +1022,5 @@
 .post-content img, .post-excerpt img {
 	border: 1px solid #ccc;
-	}
+	padding: 4px;
+	max-width: 96%;
+	}
