--- a/web/static/res/css/style_1024.css	Tue Dec 11 21:13:42 2012 +0100
+++ b/web/static/res/css/style_1024.css	Wed Dec 12 03:10:24 2012 +0100
@@ -438,6 +438,9 @@
 /*----------------------------------------------*/
 /*	Video 			*/
 /*----------------------------------------------*/
+video.small_video{
+	min-width: 100%;
+}
 .float_sequence {
 	white-space: nowrap;
 	overflow: hidden;
@@ -547,13 +550,13 @@
 }
 .container_hcentering {
 	margin: 0 auto;
-	width: 530px;
+	width: 580px;
 }
 #progressContainer {
 	width: 240px;
 	display: inline-block;
 	vertical-align: top;
-	padding-top: 6px;
+	height: 38px;
 	margin: 0 25px; 	
 }
  /* 
@@ -568,6 +571,7 @@
 */
 .progress_bar {
 	height: 5px;
+	margin-top: 8px;
 	border-radius: 2px;
 }
 #progressBar {
@@ -581,24 +585,28 @@
 	z-index: 2;
 	top: 0;
 	left: 0;
+	margin: 0;
 	width: 40px; /* to change with JS */
 	background-color: #ffffff;
 }
-#btnPlayPause {
+#stateBar {
 	position: absolute;
 	z-index: 3;
 	top: -6px;
-	left: 33px; /* to change with JS */
-	width: 21px; 
-	height: 22px;
+	left: 32px; /* to change with JS */
+	
+	width: 16px; 
+	height: 16px;
+	background-color: #000000;
+	border-radius: 2px;
+	border: 2px solid #777777;
+	-moz-box-shadow: 0 0 5px 3px #000000;
+	-webkit-box-shadow: 0 0 5px 3px #000000;
+	box-shadow: 0 0 5px 3px #000000;
+}
 	background-position: -72px 0;	
 }
-#btnPlayPause:hover,
-#btnPlayPause:focus {
-    background-position: -72px -22px;
-}
-
-footer ul#progressTime{
+footer #progressTime{
 	margin: 10px 0;
 	width: 240px;
 	font-size: 11px;
@@ -627,12 +635,22 @@
     background-position: -55px 0;
     width: 16px;
     height: 16px;
-    margin-left: 30px;
+    margin-right: 30px; 
 }
 #btnBck:hover,
 #btnBck:focus {
     background-position: -55px -16px;   
 }
+#btnPlayPause {
+	background-position: -77px 0;	
+	width: 16px; 
+	height: 18px;
+    margin-right: 30px; 
+}
+#btnPlayPause:hover,
+#btnPlayPause:focus {
+    background-position: -77px -22px;
+}
 #btnFwd {
     background-position: -93px 0;
     width: 16px;
@@ -721,6 +739,12 @@
 .choix .big_txt p{
 	margin: 25px 0;
 }
+#partage .big_txt p{
+	margin: 18px 0;
+}
+#partage .big_txt p.margin_exeption{
+	margin: 47px 0;
+}
 .inter_choice .big_txt p:first-child, 
 .choice .big_txt p:first-child, {
 	margin-top: 62px;
@@ -734,16 +758,18 @@
 .pointer {
 	cursor: pointer;
 }
-#bg_mosaic {
+#bg_mosaic,
+#bg_img {
 	z-index: 5;
 }
-#choix {
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		z-index: 6;
+#choix,
+#partage {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 6;
 }
 .blue a,
 .blue a:link,