diff -r 12978893bbf0 -r 523828fb7c78 integration/css/home.css
--- a/integration/css/home.css	Wed Oct 24 15:38:36 2012 +0200
+++ b/integration/css/home.css	Wed Oct 24 16:30:55 2012 +0200
@@ -1,31 +1,31 @@
 /* header */
-div.header div.title-header{
+.header .title-header{
 	width: 460px;
 	float: left;
 	height: 60px;
 }
-div.header div.title-header h2{
+.header .title-header h2{
 	width: 100%;
 	text-align: center;
 	line-height: 60px;
 }
-div.header div.title-header h2 a{
+.header .title-header h2 a{
 	color: #de2500;
 	font-size: 24px;
 	text-decoration: underline;
 	font-weight: bold;
 }
-div.header div.title-header h2 a:hover{
+.header .title-header h2 a:hover{
 	text-decoration: none;
 }
 /* content */
-div.content div.left-content, 
-div.content div.right-content{
+.content .left-content, 
+.content .right-content{
 	padding-top: 8px;
 	float: left;
 }
-div.content div.left-content h2,
-div.content div.right-content h2{
+.content .left-content h2,
+.content .right-content h2{
 	padding: 6px 0;
 	margin-bottom: 14px;
 	border-bottom: 1px solid #333333;
@@ -34,88 +34,122 @@
 	font-weight: 600;
 }
 /* left-content */
-div.content div.left-content{
+.content .left-content{
 	width: 630px;
 	margin-right: 20px;
 }
-div.left-content div.hashcut-video-wrap{
+.left-content .hashcut-video-wrap{
 	padding-left: 10px;
 	overflow: hidden;
 	margin-bottom: 16px;
 }
-div.hashcut-video-wrap div.news{
+.hashcut-video-wrap .news{
 	width: 300px;
 	float: left;
 	margin-right: 20px;
 }
-div.hashcut-video-wrap div.news:nth-child(2n+2){
+.hashcut-video-wrap .news:nth-child(2n+2){
 	margin-right: 0;
 }
-div.hashcut-video-wrap  h3{
+.hashcut-video-wrap  h3{
 	font-size: 12px;
 }
-div.hashcut-video-wrap  h3 strong{
+.hashcut-video-wrap  h3 strong{
 	font-weight: 600;
 }
-div.hashcut-video-wrap  div.last h3 strong{
+.hashcut-video-wrap  .last h3 strong{
 	margin-bottom: 2px;
 	font-weight: 600;
 	display: block;
 }
-div.left-content div.hashcut-video-wrap h3 a{
+.left-content .hashcut-video-wrap h3 a{
 	border-bottom: 1px solid #bababa;
 	display: inline-block;
     line-height: 12px;
 }
-div.left-content  div.hashcut-video-wrap  h3 a:hover{
+.left-content  .hashcut-video-wrap h3 a:hover{
 	border-bottom: none;
 }
-div.hashcut-video-wrap  h3 span{
+iv.hashcut-video-wrap h3 span{
 	color: #de2500;
 }
-div.hashcut-video-wrap  a.screenshot{
+.hashcut-video-wrap  a.screenshot{
 	display: inline-block;
 	margin-bottom: 8px;
 }
-div.hashcut-video-wrap  div.last:nth-child(4n+4){
+.hashcut-video-wrap  .last:nth-child(4n+4){
 	margin-right: 0;
 }
-div.hashcut-video-wrap  div.last{
+.hashcut-video-wrap .last{
 	width: 140px;
 	float: left;
 	margin: 0 20px 12px 0;
 }
-div.left-content div.pagination{
+.left-content .pagination{
 	text-align: center;
 }
-div.left-content div.pagination a{
+.left-content .pagination a{
 	font-size: 14px;
 	color: #7628df;
 	text-decoration: underline;
 }
-div.left-content div.pagination a:hover{
+.left-content .pagination a:hover{
 	text-decoration: none;
 }
-div.left-content div.pagination a.active{
+.left-content .pagination a.active{
 	color: #de2500;
 	text-decoration: none;
 }
 /* right-content */
-div.content div.right-content{
+.content .right-content{
 	width: 310px;
 }
-div.right-content div.definition p{
+.right-content .definition p{
 	font-size: 12px;
 	line-height: 14px;
 	margin-bottom: 12px;
 }
-div.right-content div.definition p strong{
+.right-content .definition p strong{
 	font-weight: bold;
 }
-div.right-content div.definition p a{
+.right-content .definition p a{
 	color: #7628df;
 	text-decoration: underline;
 }
-div.right-content div.definition p a:hover{
+.right-content .definition p a:hover{
 	text-decoration: none;
+}
+.how-to ul li{
+	background-image: url(../img/how-to-sprite.png);
+	background-repeat: no-repeat;
+	margin-bottom: 2px;
+}
+.how-to ul li h3{
+	color: #de2500;
+	font-size: 18px;
+	font-weight: bold;
+	margin-bottom: 12px;
+}
+.how-to ul li p{
+	font-size: 12px;
+}
+.how-to ul li.inscription{
+	height: 84px;
+	background-position: 212px 0;
+}
+.how-to ul li.creation{
+	height: 100px;
+	background-position: 212px -128px;
+}
+.how-to ul li.creation{
+	height: 100px;
+	background-position: 212px -128px;
+}
+.how-to ul li.publier{
+	height: 90px;
+	background-position: 212px -266px;
+}
+.how-to ul li.next-step{
+	height: 24px;
+	background-position: 212px -377px;
 }
\ No newline at end of file