From 361c764906fb59019f7662b799dc23e17680799c Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Fri, 30 Aug 2013 21:04:16 +0200
Subject: [PATCH] nombreuses corrections typo,

et suppression des icones de listes ul et ol
---
 css/flexbox.css |  46 ++++----
 css/forms.css   |   7 +-
 css/icons.css   | 279 ++++++++++++++++++------------------------------
 css/knacss.css  |   9 +-
 css/print.css   |  10 +-
 css/rwd.css     |   6 --
 6 files changed, 141 insertions(+), 216 deletions(-)

diff --git a/css/flexbox.css b/css/flexbox.css
index 4ee1cbc..3904d6c 100644
--- a/css/flexbox.css
+++ b/css/flexbox.css
@@ -14,16 +14,16 @@
 }
 /* horizontal alignment */
 .flex-h {
-	-webkit-box-orient: horizontal;
-	   -moz-box-orient: horizontal;
+	    -webkit-box-orient: horizontal;
+	       -moz-box-orient: horizontal;
 	-webkit-flex-direction: row;
 	    -ms-flex-direction: row;
 	        flex-direction: row;
 }
 /* vertical alignment */
 .flex-v {
-	-webkit-box-orient: vertical;
-	   -moz-box-orient: vertical;
+	    -webkit-box-orient: vertical;
+	       -moz-box-orient: vertical;
 	-webkit-flex-direction: column;
 	    -ms-flex-direction: column;
 	        flex-direction: column;
@@ -31,35 +31,35 @@
 /* for fluid items */
 .flex-fluid {
 	-moz-box-flex: 1;
-	-webkit-flex: 1;
-	   -moz-flex: 1;
-	    -ms-flex: 1;
-	        flex: 1;
+	 -webkit-flex: 1;
+	    -moz-flex: 1;
+	     -ms-flex: 1;
+	         flex: 1;
 }
 /* for items that must appear first */
 .flex-start {
 	-webkit-box-ordinal-group: -1;
-	-moz-box-ordinal-group: 0;
-	-ms-flex-order: -1;
-	-webkit-order: -1;
-	   -moz-order: -1;
-	        order: -1;
+	   -moz-box-ordinal-group: 0;
+	           -ms-flex-order: -1;
+	            -webkit-order: -1;
+	               -moz-order: -1;
+	                    order: -1;
 }
 /* for items that must appear middle */
 .flex-mid {
 	-webkit-box-ordinal-group: 1;
-	-moz-box-ordinal-group: 1;
-	-ms-flex-order: 1;
-	-webkit-order: 1;
-	   -moz-order: 1;
-	        order: 1;
+	   -moz-box-ordinal-group: 1;
+	           -ms-flex-order: 1;
+	            -webkit-order: 1;
+	               -moz-order: 1;
+	                    order: 1;
 }
 /* for items that must appear at the end */
 .flex-end {
 	-webkit-box-ordinal-group: 42;
-	-moz-box-ordinal-group: 42;
-	-ms-flex-order: 42;
-	-webkit-order: 42;
-	   -moz-order: 42;
-	        order: 42;
+	   -moz-box-ordinal-group: 42;
+	           -ms-flex-order: 42;
+	            -webkit-order: 42;
+			       -moz-order: 42;
+	                    order: 42;
 }
diff --git a/css/forms.css b/css/forms.css
index b27d8a4..eea1ace 100644
--- a/css/forms.css
+++ b/css/forms.css
@@ -3,7 +3,10 @@
 /* ==forms                       */
 /* ----------------------------- */
 
-/* thanks to HTML5boilerplate, github.com/nathansmith/formalize and www.sitepen.com */
+/* thanks to HTML5boilerplate,
+* github.com/nathansmith/formalize 
+* and www.sitepen.com
+*/
 
 
 /* buttons */
@@ -65,7 +68,7 @@ input[type="search"]::-webkit-search-results-decoration {
 }
 ::-webkit-input-placeholder { color: #777; }
 input:-moz-placeholder,
-textarea:-moz-placeholder   { color: #777; }
+textarea:-moz-placeholder { color: #777; }
 
 /* Removes inner padding and border in FF3+ */
 button::-moz-focus-inner,
diff --git a/css/icons.css b/css/icons.css
index 0324fe1..dd79223 100644
--- a/css/icons.css
+++ b/css/icons.css
@@ -1,210 +1,139 @@
 
 /* ----------------------------- */
-/* ==icons and bullets           */
+/* ==icons and bullets	         */
 /* ----------------------------- */
 
 .icon {display: inline-block;}
 
 .icon:before,
-.icon > li:before,
-.icon.after:after,
-.icon.after > li:after {
-  content: "";
-  display: inline-block;
-  vertical-align: middle;
-  position: relative; top: -.1em;
-  margin: 0 0.3em 0 0;
-  font: 1.4em/1 sans-serif;
-  color: #000;
-  text-shadow: 1px 1px 0 rgba(0,0,0,.1);
-  speak: none;
+.icon.after:after {
+	content: "";
+	display: inline-block;
+	vertical-align: middle;
+	position: relative; top: -.1em;
+	margin: 0 0.3em 0 0;
+	font: 1.4em/1 sans-serif;
+	color: #000;
+	text-shadow: 1px 1px 0 rgba(0,0,0,.1);
+	speak: none;
 }
 
 @media (min-device-width: 768px) {
-  .icon:before,
-  .icon > li:before,
-  .icon.after:after,
-  .icon.after > li:after {
-  font: 1em/0.6 sans-serif;
-  -webkit-transform: rotateZ(0.05deg);
-  }
+	.icon:before,
+	.icon.after:after {
+	font: 1em/0.6 sans-serif;
+	-webkit-transform: rotateZ(0.05deg);
+	}
 }
 
-.icon.after:after,
-.icon.after > li:after {
-  margin: 0 0 0 8px;
+.icon.after:after {
+	margin: 0 0 0 8px;
 }
-
-ul.icon {display: block;}
-ul.icon > li {list-style: none;}
-ul.icon:before,
-ul.icon.after:after {content:""}
-.icon.after:before,
-.icon.after > li:before {content: "" !important}
-
-.icon-rate:before, 
-.icon-rate > li:before,
-.icon-rate.after:after, 
-.icon-rate.after > li:after {
-  content: "\2605";
+.icon.after:before {
+	content: "" !important
 }
-.icon-unrate:before, 
-.icon-unrate > li:before,
-.icon-unrate.after:after, 
-.icon-unrate.after > li:after {
-  content: "\2606";
+.icon-rate:before,
+.icon-rate.after:after {
+	content: "\2605";
 }
-.icon-check:before, 
-.icon-check > li:before,
-.icon-check.after:after, 
-.icon-check.after > li:after {
-  content: "\2713";
+.icon-unrate:before,
+.icon-unrate.after:after{
+	content: "\2606";
 }
-.icon-uncheck:before, 
-.icon-uncheck > li:before,
-.icon-uncheck.after:after, 
-.icon-uncheck.after > li:after {
-  content: "\2717";
+.icon-check:before,
+.icon-check.after:after{
+	content: "\2713";
 }
-.icon-cloud:before, 
-.icon-cloud > li:before,
-.icon-cloud.after:after, 
-.icon-cloud.after > li:after {
-  content: "\2601";
+.icon-uncheck:before,
+.icon-uncheck.after:after{
+	content: "\2717";
 }
-.icon-dl:before, 
-.icon-dl > li:before,
-.icon-dl.after:after, 
-.icon-dl.after > li:after {
-  content: "\21E3";
-  font-weight: bold;
+.icon-cloud:before,
+.icon-cloud.after:after {
+	content: "\2601";
 }
-.icon-cross:before, 
-.icon-cross > li:before,
-.icon-cross.after:after, 
-.icon-cross.after > li:after {
-  content: "\2716";
-  font-weight: bold;
+.icon-dl:before,
+.icon-dl.after:after {
+	content: "\21E3";
+	font-weight: bold;
+}
+.icon-cross:before,
+.icon-cross.after:after {
+	content: "\2716";
+	font-weight: bold;
 }
 .icon-arrow1:before, 
-.icon-arrow1 > li:before,
-.icon-arrow1.after:after, 
-.icon-arrow1.after > li:after {
-  content: "\2192";
-  position: relative; top: -0.15em;
+.icon-arrow1.after:after {
+	content: "\2192";
+	position: relative; 
+		top: -0.15em;
 }
-.icon-arrow2:before, 
-.icon-arrow2 > li:before,
-.icon-arrow2.after:after, 
-.icon-arrow2.after > li:after {
-  content: "\279E";
+.icon-arrow2:before,
+.icon-arrow2.after:after {
+	content: "\279E";
 }
-.icon-arrow3:before, 
-.icon-arrow3 > li:before,
-.icon-arrow3.after:after, 
-.icon-arrow3.after > li:after {
-  content: "\279A";
+.icon-arrow3:before,
+.icon-arrow3.after:after {
+	content: "\279A";
 }
-.icon-bracket1:before, 
-.icon-bracket1 > li:before,
-.icon-bracket1.after:after, 
-.icon-bracket1.after > li:after {
-  content: "\2039";
-  font-weight: bold;
-  font-size: 1.6em;
-  position: relative; top: -0.15em;
+.icon-bracket1:before,
+.icon-bracket1.after:after {
+	content: "\2039";
+	font-weight: bold;
+	font-size: 1.6em;
+	position: relative; 
+		top: -0.15em;
 }
-.icon-bracket2:before, 
-.icon-bracket2 > li:before,
-.icon-bracket2.after:after, 
-.icon-bracket2.after > li:after {
-  content: "\203A";
-  font-weight: bold;
-  font-size: 1.6em;
-  position: relative; top: -0.15em;
+.icon-bracket2:before,
+.icon-bracket2.after:after {
+	content: "\203A";
+	font-weight: bold;
+	font-size: 1.6em;
+	position: relative; 
+		top: -0.15em;
 }
-.icon-up:before, 
-.icon-up > li:before,
-.icon-up.after:after, 
-.icon-up.after > li:after {
-  content: "\25B2";
+.icon-up:before,
+.icon-up.after:after {
+	content: "\25B2";
 }
-.icon-down:before, 
-.icon-down > li:before,
-.icon-down.after:after, 
-.icon-down.after > li:after {
-  content: "\25BC";
+.icon-down:before,
+.icon-down.after:after {
+	content: "\25BC";
 }
-.icon-bull:before, 
-.icon-bull > li:before,
-.icon-bull.after:after, 
-.icon-bull.after > li:after {
-  content: "\2022";
-  font-size: 1.2em;
-  top: -0.05em;
+.icon-bull:before,
+.icon-bull.after:after {
+	content: "\2022";
+	font-size: 1.2em;
+	top: -0.05em;
 }
-.icon-bull2:before, 
-.icon-bull2 > li:before,
-.icon-bull2.after:after, 
-.icon-bull2.after > li:after {
-  content: "\25E6";
-  top: -0.05em;
+.icon-bull2:before,
+.icon-bull2.after:after {
+	content: "\25E6";
+	top: -0.05em;
 }
-.icon-bull3:before, 
-.icon-bull3 > li:before,
-.icon-bull3.after:after, 
-.icon-bull3.after > li:after {
-  content: "\2023";
-  font-size: 1.6em;
-  top: -0.05em;
+.icon-bull3:before,
+.icon-bull3.after:after{
+	content: "\2023";
+	font-size: 1.6em;
+	top: -0.05em;
 }
-.icon-nav:before, 
-.icon-nav > li:before,
-.icon-nav.after:after, 
-.icon-nav.after > li:after {
-  content: "\2261";
-  font-weight: bold;
+.icon-nav:before,
+.icon-nav.after:after {
+	content: "\2261";
+	font-weight: bold;
 }
-.icon-losange:before, 
-.icon-losange > li:before,
-.icon-losange.after:after, 
-.icon-losange.after > li:after {
-  content: "\25C6";
+.icon-losange:before,
+.icon-losange.after:after {
+	content: "\25C6";
 }
-.icon-asteri:before, 
-.icon-asteri > li:before,
-.icon-asteri.after:after, 
-.icon-asteri.after > li:after {
-  content: "\2731";
-  font-weight: bold;
+.icon-asteri:before,
+.icon-asteri.after:after {
+	content: "\2731";
+	font-weight: bold;
 }
-.icon-mail:before, 
-.icon-mail > li:before,
-.icon-mail.after:after, 
-.icon-mail.after > li:after {
-  content: "\2709";
-  font-size: 1.6em;
-  top: -.05em;
+.icon-mail:before,
+.icon-mail.after:after {
+	content: "\2709";
+	font-size: 1.6em;
+	top: -.05em;
 }
-
-ol.styled {counter-reset: styled;} 
-ol.styled > li {
-    list-style-type: none;
-    counter-increment: styled;
-    margin-bottom: .3em;
-}
-ol.styled > li:before {
-    content: counter(styled); 
-    display: inline-block;
-    width: 1em; height: 1em;
-    line-height: 1;
-    padding: 2px;
-    margin-right: .4em;
-    vertical-align: middle;
-    background: rgba(0,0,0,.5);
-    border-radius: 50%;
-    font-size: .9em;
-    text-align: center;
-    text-indent: -0.1em;
-    color: white;		
-}
\ No newline at end of file
diff --git a/css/knacss.css b/css/knacss.css
index d7bdff2..39d97fe 100644
--- a/css/knacss.css
+++ b/css/knacss.css
@@ -1,5 +1,5 @@
 /*
-* www.KNACSS.com V2.6n (2013-07) @author: Raphael Goetter, Alsacreations
+* www.KNACSS.com V2.7 (2013-08) @author: Raphael Goetter, Alsacreations
 * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ 
 */
 
@@ -32,7 +32,7 @@ th,
 label,
 textarea,
 caption,
-details, 
+details,
 figure {
 	font-size: 1em; /* equiv 14px */
 	line-height: 1.5;
@@ -56,12 +56,12 @@ h3, .h3-like {
 h4, .h4-like {
 	font-size: 1.4286em; /* equiv 20px */
 	line-height: 1.05em;
-	margin:  1.05em 0 0 0;
+	margin: 1.05em 0 0 0;
 }
 h5, .h5-like {
 	font-size: 1.2857em; /* equiv 18px */
 	line-height: 1.1667em;
-	margin:  1.1667em 0 0 0;
+	margin: 1.1667em 0 0 0;
 }
 h6, .h6-like {
 	font-size: 1.1429em; /* equiv 16px */
@@ -477,4 +477,3 @@ textarea {
 
 /* @import url(my-styles.css); */
 
-
diff --git a/css/print.css b/css/print.css
index bc14a74..8fd63fa 100644
--- a/css/print.css
+++ b/css/print.css
@@ -30,11 +30,11 @@
 		display: block; /* displaying .print elements */
 	}
 	img { 
-	  -webkit-filter: grayscale(100%);
-	  -moz-filter: grayscale(100%);
-	  -ms-filter: grayscale(100%);
-	  -o-filter: grayscale(100%);
-	  filter: grayscale(100%);
+		-webkit-filter: grayscale(100%);
+		-moz-filter: grayscale(100%);
+		-ms-filter: grayscale(100%);
+		-o-filter: grayscale(100%);
+		filter: grayscale(100%);
 	}
 	p,
 	blockquote {
diff --git a/css/rwd.css b/css/rwd.css
index f301589..29c4682 100644
--- a/css/rwd.css
+++ b/css/rwd.css
@@ -140,12 +140,6 @@
 	}
 	/* margins for small (s) screens */
 	.small-ma0 { margin: 0 !important; }
-
-	/* Responsive grids */
-	.grid4 > * {width: 49% !important; } 
-	.grid4 > :first-child + * + * {margin-left: 0 !important;}
-	.grid6 > * {width: 32% !important; }  
-	.grid6 > :first-child + * + * + * {margin-left: 0 !important;}
 }
 
 @media (max-width: 640px) {