commit du 14 12 2013 13:20

diff --git a/css/style-desktop.css b/css/style-desktop.css
index 71780fef8b87f976d853894e075c3b3f858e74dc..2c852ad93f0215821fa713a0c7bbe3490cff87e7 100644 (file)
--- a/css/style-desktop.css
+++ b/css/style-desktop.css
@@ -290,7 +290,7 @@
 
        .wrapper
        {
-               padding: 6em 0 3em 0;
+               padding: 6em 0 6em 0;
                
        }
        .wrapper-copyright
@@ -685,7 +685,7 @@
 /*********************************************************************************/
        #logiciels-wrapper
        {
-               padding-bottom: 3em;
+               padding-bottom: 6em;
                padding-top: 6em;
        }
 
@@ -747,7 +747,7 @@
 /*********************************************************************************/
        #solutions-wrapper
        {
-               padding-bottom: 3em;
+               padding-bottom: 6em;
                padding-top: 8em;
        }
 
@@ -815,7 +815,7 @@
 
        #prestations-wrapper
        {
-               padding-bottom: 3em;
+               padding-bottom: 6em;
                padding-top: 8em;
        }
        
@@ -977,7 +977,7 @@
 /*********************************************************************************/
        #references-wrapper
        {
-               padding-bottom: 3em;
+               padding-bottom: 6em;
                padding-top: 8em;
        }
 
@@ -1344,6 +1344,7 @@
        height: 6em;
        margin-top:0em;
        margin-bottom:0em;
+       background-color: rgba(255,255,255,0.0);
        }
 
 
@@ -1353,7 +1354,10 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-solutions
@@ -1361,7 +1365,10 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-prestations
@@ -1369,8 +1376,10 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-references
@@ -1378,7 +1387,10 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
 
 #h-contacts
@@ -1386,6 +1398,8 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
 

diff --git a/css/style-mobile.css b/css/style-mobile.css
index a2cce3ddf88a3c812d651aba049d1310d1f98751..145dcfaa6b8736bb365792de9be8373f0dc33a47 100644 (file)
--- a/css/style-mobile.css
+++ b/css/style-mobile.css
@@ -37,7 +37,7 @@
        article
        {
                clear: both;
-               padding: 1em 1em 1em 1em;
+               padding: 1em 0em 1em 0em;
        }
        
        #solutions
@@ -362,7 +362,7 @@
 
        .wrapper
        {
-               padding: 15px 15px 5em 15px;
+               padding: 15px 15px 5.25em 15px;
        }
 
                .wrapper .title
@@ -944,6 +944,7 @@
        height: 6em;
        margin-top:0em;
        margin-bottom:0em;
+       background-color: rgba(255,255,255,0.0);
        }
 
 
@@ -953,41 +954,54 @@
        width: 100%;
        height: 6em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-solutions
        {
        width: 100%;
-       height: 6em;
+       height: 7em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-prestations
        {
        width: 100%;
-       height: 6em;
+       height: 7em;
        padding-bottom: -4em;
-
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
        }
        
 #h-references
        {
        width: 100%;
-       height: 6em;
+       height: 7em;
        padding-bottom: -4em;
-
+       margin-bottom:-3em;
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-3em;
        }
 
 #h-contacts
        {
        width: 100%;
-       height: 6em;
+       height: 7em;
        padding-bottom: -4em;
-
-       }
+       background-color: rgba(255,255,255,0.0);
+       margin-top:3em;
+       margin-bottom:-6em;
+       }}
 
 
 

diff --git a/index.html b/index.html
index 173925394e8b1273fa0abe688382119c7f8a5204..b6374070b750b159032c6e21cd61fa929d6b1f5f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -143,7 +143,7 @@
 <!-- /Header Wrapper -->
 
 <!-- Main Wrapper -->
-<div id="h-workflow" class="color10"></div>
+<div id="h-workflow"></div>
  <div class="wrapper wrapper-style2 color10">
   <div class="title Bcolor01 Tcolor01 color10">usage & workflow</div>
    <div class="container">
@@ -197,11 +197,12 @@
      </div>
     </div>
    </div>
+   <div id="h-logiciels"></div>
   </div>
 <!-- /Main Wrapper -->
 
 <!-- logiciels Wrapper -->
-<div id="h-logiciels" class="color10"></div>
+
  <div id="logiciels-wrapper" class="wrapper color01">
   <div  class="title color01 Tcolor10">logiciels</div>
    <div class="container">
@@ -270,10 +271,11 @@
       </div>
      </div>
     </div>
+       <div id="h-solutions"></div>
    </div>
   <!-- /logiciels Wrapper --> 
   <!-- solutions Wrapper -->
-  <div id="h-solutions" class="color01"></div>
+  
    <div id="solutions-wrapper" class="wrapper color02">
     <div class="title color02 Tcolor10">solutions</div>
     <div class="container">
@@ -341,10 +343,11 @@
        </div>
       </div>
      </div>
+        <div id="h-prestations"></div>
     </div>
         <!-- /solutions Wrapper -->
   <!-- prestations Wrapper -->
-<div id="h-prestations" class="color02" ></div>
+
    <div id="prestations-wrapper" class="wrapper wrapper-style2">
     <div  class="title Bcolor01 Tcolor01 color10">prestations</div>
      <div class="container">
@@ -431,10 +434,11 @@
        </div>     
       </div>
      </div>
+        <div id="h-references"></div>
     </div>
   <!-- /prestations Wrapper -->
   <!-- references Wrapper -->
-<div id="h-references" class="color10" ></div>
+
    <div id="references-wrapper" class="wrapper wrapper-style2 color05">
     <div class="title Bcolor10 Tcolor10 color05">references</div>
     <div class="container">
@@ -510,19 +514,19 @@
             <li><a href="etude-cas.html" class="button button-style1 button-big color02">étude de cas</a></li>
            </ul>
           </section>
-         <!-- /Features -->
-         
+         <!-- /Features -->       
         </div>
-       <!-- /Main -->
-       
+       <!-- /Main -->    
       </div>
      </div>
     </div>
+       <div id="h-contacts"></div>
    </div>
   <!-- /references Wrapper -->
+
   </div>
   <!-- Footer Wrapper -->
-<div id="h-contacts" class="color05"></div>
+
    <div id="footer-wrapper" class="wrapper wrapper-style2 color01">
     <div class="title color01 Tcolor10 Bcolor10">contacts</div>
     <div class="container">