commit du 13 12 2013

diff --git a/css/gamme.css b/css/gamme.css
index 9562b1ee40c4e303de16fda7270190716a7a501b..38df9f259ca81f4be4eb20ca71f1949eed075531 100644 (file)
--- a/css/gamme.css
+++ b/css/gamme.css
@@ -131,5 +131,43 @@
                {
                border-color: #ddd;
                }
+
+/*********************************************************************************/
+/* Color Gamme                                                                    */
+/*********************************************************************************/
+
+               .BTcolor01
+               {
+
+               border-top: #302E42;
+               }
+               
+               .BTcolor02
+               {
+               border-top: #70297F;
+               }
+               
+               .Bcolor03
+               {
+               border-color: #CE6536;
+               }
+               
+               .Bcolor04
+               {
+               border-color: #0D8899;
+               }
+               
+               .Bcolor09
+               {
+               border-color: #18171E;
+               }
                
+               .Bcolor10
+               {
+               border-color: #ffffff;
+               }
+               .Bcolor11
+               {
+               border-color: #ddd;
+               }
                

diff --git a/css/style-1000px.css b/css/style-1000px.css
index a64d3aac60613fb4caee23320d736d0f30e78292..610e22cca8628ac959ca811d02a62f76cbc3d05c 100644 (file)
--- a/css/style-1000px.css
+++ b/css/style-1000px.css
@@ -361,80 +361,41 @@
                #prestations .prestations .button
                {
                display: inline-block;
-               font-size: 0.7em;
+               font-size: 0.65em;
                padding:0px 0px 0px 0px;
                line-height:1em;
-               height:1em;
+               height:0.85em;
                }
                
-               #prestations .prestations hr
-               {
-               margin:0.2em 0 0.1em 0;
-               border-top: dotted 1px #ffffff;
-               }
        
                
                #prestations .row 
                {
-               padding:0px 20px 0px 20px;
+               padding:0px 10px 0px 0px;
                }
 
                        #prestations .prestations  h3
                        {
                                
-                               margin: 0 0 0 0;
+                               text-align: center;
+                               padding: 4px 0px 0px 0px;
                                font-size: 0.8em;
-                               letter-spacing: 0.02em;
-                               padding-top:1em;
+                               height:30px;
+                               letter-spacing: 0em;
 
                        }
                        
                        #prestations .prestations h3 a
                        {
+                       text-align: center;
                        text-transform: uppercase;
                        }
                        
                        #prestations .prestations  p
                        {
-                               font-size:0.8em;
-                               text-align: left;
-                               color:#ffffff;
+                               font-size:0.7em;
                        }
-                                               
-
-
-               #prestations  .prestations-one 
-               {
-                       padding: 0em 1em 0em 1em;
-               }
-               
-               #prestations .prestations-two
-               {
-                       padding: 0em 1em 0em 1em;
-               }
-               
-               #prestations .prestations-three
-               {
-                       padding: 0em 1em 0em 1em;
-               }
-               
-               #prestations .prestations-four
-               {
                        
-                       padding: 0em 1em 0em 1em;
-               }
-               
-               #prestations .prestations-five
-               {
-                       
-                       padding: 0em 1em 0em 1em;
-               }
-               
-               #prestations .prestations-six
-               {
-                       
-                       padding: 0em 1em 0em 1em;
-               }
 
 
 /*********************************************************************************/

diff --git a/css/style-desktop.css b/css/style-desktop.css
index 2b1104f5c9b6ab66729179098c97c14603b74a94..71780fef8b87f976d853894e075c3b3f858e74dc 100644 (file)
--- a/css/style-desktop.css
+++ b/css/style-desktop.css
@@ -712,9 +712,13 @@
                                letter-spacing: 0.05em;
                        }
                        
-                       #solutions .solutions h3 a
+                       #logiciels .logiciels h3 a
                        {
+                       }
                        
+                       #logiciels .logiciels p
+                       {
+                       height: 200px;
                        }
 
                #logiciels .logiciels-one
@@ -777,6 +781,12 @@
                        {
                        text-transform: uppercase;
                        }
+                       
+                       #solutions .solutions p
+                       {
+                       height: 200px;
+                       margin-top: 0em;
+                       }
 
                #solutions .solutions-one
                {
@@ -847,64 +857,119 @@
                
                #prestations .row 
                {
-               padding:0px 20px 0px 20px;
+               padding:0px 20px 0px 0px;
                }
 
                        #prestations .prestations  h3
                        {
-                               text-align: left;
-                               margin: 0 0 0 0;
+                               text-align: center;
+                               padding: 4px 0px 0px 0px;
                                font-size: 0.8em;
-                               letter-spacing: 0.02em;
-                               padding-top:1em;
+                               height:40px;
+                               letter-spacing: 0em;
+                               
 
                        }
                        
                        #prestations .prestations h3 a
                        {
-                       text-align: left;       
+                       text-align: center;     
                        text-transform: uppercase;
                        }
                        
                        #prestations .prestations  p
                        {
-                               font-size:0.8em;
+                               font-size:0.75em;
                                text-align: left;
+                               height:200px;
+                               margin-top:0.5em;
+                               padding: 0px 6px 0px 6px;
+                               line-height: 1.75em;
                        }
                                                
 
 
                #prestations  .prestations-one 
                {
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #302E42;
+                       border-radius: 0.4em;
+
+               }
+               
+               #prestations .prestations-one hr
+               {
+               border-top: dotted 1px #302E42;
                }
                
                #prestations .prestations-two
                {
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #1f9fb1;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-two hr
+               {
+               border-top: dotted 1px #1f9fb1;
                }
                
                #prestations .prestations-three
                {
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #e99612;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-three hr
+               {
+               border-top: dotted 1px #e99612;
                }
                
                #prestations .prestations-four
                {
                        
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #bb0c31;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-four hr
+               {
+               border-top: dotted 1px #bb0c31;
                }
                
+               
                #prestations .prestations-five
                {
                        
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #85083b;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-five hr
+               {
+               border-top: dotted 1px #85083b;
                }
                
                #prestations .prestations-six
                {
                        
-                       padding: 0em 1em 0em 1em;
+                       padding: 0em 0em 0em 0em;
+                       margin-left:1px;
+                       border: solid 3px #250a34;
+                       border-radius: 0.4em
+               }
+               
+               #prestations .prestations-six hr
+               {
+               border-top: dotted 1px #250a34;
                }
 
 /*********************************************************************************/
@@ -947,7 +1012,13 @@
                        {
                        font-family: 'ralewayextrabold', sans-serif;
                        text-transform: uppercase;
-                       }       
+                       }
+
+                       #references  .feature-list p
+                       {
+                       font-size: 0.8em;
+                       line-height:1.7em;
+                       }                       
 
 
 /*********************************************************************************/

diff --git a/css/style-mobile.css b/css/style-mobile.css
index eaf7713e35a13932e4bf005dc96996d9cf5e8bb2..696f134aa650f18e8e8e1441bc1f728b1c798df5 100644 (file)
--- a/css/style-mobile.css
+++ b/css/style-mobile.css
@@ -562,9 +562,8 @@
                {
                display: inline-block;
                font-size: 0.8em;
-               padding:0px 0px 0px 0px;
                line-height:1em;
-               height:0.8em;
+               height:2em;
                }
                
                #prestations .prestations hr
@@ -580,17 +579,17 @@
 
                        #prestations .prestations  h3
                        {
-                               text-align: left;
-                               margin: 0 0 0 0;
+                               text-align: center;
+                               padding: 4px 0px 0px 0px;
                                font-size: 1em;
-                               letter-spacing: 0.02em;
-                               padding-top:0em;
+                               height:30px;
+                               letter-spacing: 0em;
 
                        }
                        
                        #prestations .prestations h3 a
                        {
-               
+                       text-align: center;
                        text-transform: uppercase;
                        }
                        
@@ -598,7 +597,86 @@
                        {
                                font-size:0.8em;
                                text-align: left;
+                               padding: 0px 6px 0px 6px;
                        }
+               
+               #prestations  .prestations-one 
+               {
+                       padding: 0em 0em 0em 0em;
+
+                       border: solid 2px #302E42;
+                       border-radius: 0.4em;
+
+               }
+               
+               #prestations .prestations-one hr
+               {
+               border-top: dotted 1px #302E42;
+               }
+               
+               #prestations .prestations-two
+               {
+                       padding: 0em 0em 0em 0em;
+                       border: solid 3px #1f9fb1;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-two hr
+               {
+               border-top: dotted 1px #1f9fb1;
+               }
+               
+               #prestations .prestations-three
+               {
+                       padding: 0em 0em 0em 0em;
+                       border: solid 3px #e99612;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-three hr
+               {
+               border-top: dotted 1px #e99612;
+               }
+               
+               #prestations .prestations-four
+               {
+                       
+                       padding: 0em 0em 0em 0em;
+                       border: solid 3px #bb0c31;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-four hr
+               {
+               border-top: dotted 1px #bb0c31;
+               }
+               
+               
+               #prestations .prestations-five
+               {
+                       
+                       padding: 0em 0em 0em 0em;
+                       border: solid 3px #85083b;
+                       border-radius: 0.4em;
+               }
+               
+               #prestations .prestations-five hr
+               {
+               border-top: dotted 1px #85083b;
+               }
+               
+               #prestations .prestations-six
+               {
+                       
+                       padding: 0em 0em 0em 0em;
+                       border: solid 3px #250a34;
+                       border-radius: 0.4em
+               }
+               
+               #prestations .prestations-six hr
+               {
+               border-top: dotted 1px #250a34;
+               }
 
 /*********************************************************************************/
 /* Content                                                                       */

diff --git a/index.html b/index.html
index 7e8c922a26249a52f5b9c2198f15fe85f6f9246f..173925394e8b1273fa0abe688382119c7f8a5204 100644 (file)
--- a/index.html
+++ b/index.html
@@ -318,7 +318,7 @@
             <section class="solutions solutions-four">
              <a href="tc-lame.html" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
              <h3><a href="tc-lame.html">TC lame</a></h3>
-             <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+             <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet</p>
              <ul class="actions">
               <li><a href="tc-lame.html" class="button button-style1 color01">en savoir plus</a></li>
              </ul>
@@ -365,68 +365,62 @@
         <div id="prestations" class="12u">
          <div class="row">        
            <div class="2u">
-            <section class="prestations prestations-one color01">             
-             <h3 ><a href="location.html" class="Tcolor10">location</a></h3>
-             <hr></hr>            
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
-             <hr></hr>            
+            <section class="prestations prestations-one">             
+             <h3 class="Tcolor10 color01"><a href="location.html" >location</a></h3>            
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+             <hr ></hr>            
              <ul >
-              <li><a href="location.html" class="button color01 Tcolor10">en savoir plus</a></li>
+              <li><a href="location.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
-            <section class="prestations prestations-two color02">            
-             <h3><a href="equipe-dediee.html" class="Tcolor10">équipe dédiée</a></h3>
-             <hr></hr>
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
-             <hr></hr>
+            <section class="prestations prestations-two">            
+             <h3 class="Tcolor10 color02"><a href="equipe-dediee.html" >équipe dédiée</a></h3>
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+             <hr ></hr>
              <ul>
-              <li><a href="equipe-dediee.html" class="button color02 Tcolor10">en savoir plus</a></li>
+              <li><a href="equipe-dediee.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>           
             </section>
            </div>       
            <div class="2u">
-            <section class="prestations prestations-three color03">
-             <h3><a href="maintenance.html" class="Tcolor10">maintenance</a></h3>
-             <hr></hr>
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+            <section class="prestations prestations-three ">
+             <h3 class="Tcolor10 color03"><a href="maintenance.html" >maintenance</a></h3>
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul>
-              <li><a href="maintenance.html" class="button color03 Tcolor10">en savoir plus</a></li>
+              <li><a href="maintenance.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
-            <section class="prestations prestations-four color04">
-             <h3><a href="formation.html" class="Tcolor10">formation</a></h3>
-             <hr></hr>
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+            <section class="prestations prestations-four">
+             <h3 class="Tcolor10 color04"><a href="formation.html" class="Tcolor10">formation</a></h3>
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet</p>
              <hr></hr>
              <ul >
-              <li><a href="formation.html" class="button color04 Tcolor10">en savoir plus</a></li>
+              <li><a href="formation.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
-            <section class="prestations prestations-five color05">
-             <h3><a href="personnalisation.html" class="Tcolor10">personnalisation</a></h3>
-             <hr></hr>
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+            <section class="prestations prestations-five">
+             <h3 class="Tcolor10 color05"><a href="personnalisation.html" >personnalisation</a></h3>
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul >
-              <li><a href="personnalisation.html" class="button color05 Tcolor10">en savoir plus</a></li>
+              <li><a href="personnalisation.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>
             </section>
            </div> 
            <div class="2u">
-            <section class="prestations prestations-six color06">
-             <h3><a href="tarifs.html" class="Tcolor10">tarifs</a></h3>
-             <hr></hr>
-             <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
+            <section class="prestations prestations-six">
+             <h3 class="Tcolor10 color06"><a href="tarifs.html" >tarifs</a></h3>
+             <p class="Tcolor01">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul >
-              <li><a href="tarifs.html" class="button color06 Tcolor10">en savoir plus</a></li>
+              <li><a href="tarifs.html" class="button Tcolor01">en savoir plus</a></li>
              </ul>
             </section>
            </div>