From e2dc933019f7259d98365463de168a4c7736b615 Mon Sep 17 00:00:00 2001
From: Richard Tetaz <richard.tetaz@infomaniak.ch>
Date: Tue, 14 Aug 2012 09:08:45 +0200
Subject: [PATCH] MAJ

---
 css/impress-demo.css | 50 ++++++++++++++++++++++----------------------
 index.html           | 10 ++++-----
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/css/impress-demo.css b/css/impress-demo.css
index f270c08..fc31475 100644
--- a/css/impress-demo.css
+++ b/css/impress-demo.css
@@ -365,22 +365,22 @@ a:focus {
     line-height: 150px;
 }
 
-#tiny {
+#hebergement {
     width: 500px;
 }
 
-#tiny span {
+#hebergement span {
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .7), inset 0 2px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);
     -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.7), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.4);
     box-shadow: inset 0 0 2px rgba(0, 0, 0, .7), inset 0 2px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);
 }
 
-#tiny img {
+#hebergement img {
     left: 25%;
     position: absolute;
 }
 
-#tiny span::after {
+#hebergement span::after {
     position: absolute;
     content: ' ';
     width: 60px;
@@ -394,34 +394,34 @@ a:focus {
     -webkit-box-shadow: inset 0 1px 0 rgba(254, 243, 127, .6), 0 1px 0 rgba(0, 0, 0, .2);
 }
 
-#tiny2 span {
+#webmail2 span {
     font-size: 200px;
     font-family: 'Open Sans', sans-serif;
     font-weight: bold;
     text-shadow: 2px 2px 2px black;
 }
 
-#tiny3 {
+#objets {
     width: 1200px;
     font-family: Arial, sans-serif;
 }
 
-#tiny3 ul {
+#objets ul {
     list-style: circle;
 }
 
-#tiny3 li {
+#objets li {
     font-style: italic;
     line-height: 0.9;
     font-size: 50px;
     color: rgba(0, 0, 0, 0.6);
 }
 
-#tiny3 img {
+#objets img {
     width: 300px;
 }
 
-#tiny3 div.post-it {
+#objets div.post-it {
     margin: 15px;
     border: 2px solid #E5D387;
     background: #FFFCD8;
@@ -436,7 +436,7 @@ a:focus {
     box-shadow: 4px 3px 10px #666;
 }
 
-#tiny3 div.content {
+#objets div.content {
     padding: 8px 80px 8px;
     overflow: hidden;
     position: relative;
@@ -447,7 +447,7 @@ a:focus {
     transform: rotate(-5deg);
 }
 
-#tiny3 div.cadre {
+#objets div.cadre {
     display: inline-block;
     padding: 10px 10px 5px 10px;
     background-color: white;
@@ -470,25 +470,25 @@ a:focus {
     transform: rotate(-5deg);
 }
 
-#ing { width: 800px }
+#conclusion { width: 800px }
 
-#ing h1 {
+#conclusion h1 {
     font-size: 140px;
     line-height: 100px;
     font-family: 'Open Sans', sans-serif;
 }
 
-#ing p {
+#conclusion p {
     color: #888;
 }
 
-#ing b {
+#conclusion b {
     color: black;
     font-family: 'Open Sans', sans-serif;
 }
 
 
-#ing b, #imagination b {
+#conclusion b, #merci b {
     display: inline-block;
     -webkit-transition: 0.5s;
     -moz-transition:    0.5s;
@@ -497,7 +497,7 @@ a:focus {
     transition:         0.5s;
 }
 
-#ing.present .positioning {
+#conclusion.present .positioning {
     -webkit-transform: translateY(-10px);
     -moz-transform:    translateY(-10px);
     -ms-transform:     translateY(-10px);
@@ -505,7 +505,7 @@ a:focus {
     transform:         translateY(-10px);
 }
 
-#imagination.present .positioning1 {
+#merci.present .positioning1 {
     -webkit-transform: translateY(-10px);
     -moz-transform:    translateY(-10px);
     -ms-transform:     translateY(-10px);
@@ -519,7 +519,7 @@ a:focus {
     transition-delay:         0.25s;
 }
 
-#imagination.present .positioning2 {
+#merci.present .positioning2 {
     -webkit-transform: translateY(10px);
     -moz-transform:    translateY(10px);
     -ms-transform:     translateY(10px);
@@ -533,11 +533,11 @@ a:focus {
     transition-delay:         0.5s;
 }
 
-#imagination .rotating {
+#merci .rotating {
     font-size: 100px;
 }
 
-#imagination.present .rotating {
+#merci.present .rotating {
     -webkit-transform: rotate(90deg);
     -moz-transform:    rotate(90deg);
     -ms-transform:     rotate(90deg);
@@ -551,7 +551,7 @@ a:focus {
     transition-delay:         2s;
 }
 
-#ing.present .scaling {
+#conclusion.present .scaling {
     -webkit-transform: scale(0.7);
     -moz-transform:    scale(0.7);
     -ms-transform:     scale(0.7);
@@ -569,11 +569,11 @@ a:focus {
     The 'imagination' step is again some boring font-sizing.
 */
 
-#imagination {
+#merci {
     width: 600px;
 }
 
-#imagination .imagination {
+#merci .imagination {
     font-size: 78px;
 }
 
diff --git a/index.html b/index.html
index e747680..d9f8d6c 100644
--- a/index.html
+++ b/index.html
@@ -95,7 +95,7 @@ <h1>Rappel:</h1>
         <p><span class="tiny">Mes</span> <b>MISSIONS</b></p>
     </div>
 
-    <div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="0" data-scale="1">
+    <div id="hebergement" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="0" data-scale="1">
         <p>
             <b>Hébergements</b>
         </p>
@@ -104,7 +104,7 @@ <h1>Rappel:</h1>
         </span>
     </div>
 
-    <div id="tiny2" class="step" data-x="3825" data-y="2325" data-z="-4000" data-rotate="90" data-scale="2">
+    <div id="webmail2" class="step" data-x="3825" data-y="2325" data-z="-4000" data-rotate="90" data-scale="2">
         <p>
             <b>Webmail2</b> :
             <span style="color: #406aff;">Mail</span>
@@ -135,7 +135,7 @@ <h1>Agenda</h1>
             </span>
     </div>
 
-    <div id="tiny3" class="step" data-x="6000" data-y="2325" data-z="-5000" data-rotate="180" data-scale="3">
+    <div id="objets" class="step" data-x="6000" data-y="2325" data-z="-5000" data-rotate="180" data-scale="3">
         <p>
             <table>
                 <tbody>
@@ -199,7 +199,7 @@ <h1>Agenda</h1>
         </p>
     </div>
 
-    <div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
+    <div id="conclusion" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
         <p>
             Ma
         </p>
@@ -215,7 +215,7 @@ <h1>Conclusion</h1>
         </p>
     </div>
 
-    <div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">
+    <div id="merci" class="step" data-x="6700" data-y="-300" data-scale="6">
         <center>
             <b class="rotating">:)</b>
             <p>Re<b class="positioning1">merci</b>ements</p>