From 5622f59edfcaa127145977dfc38910e1e73856c8 Mon Sep 17 00:00:00 2001
From: ronan le priol <ronan@emptynest.fr>
Date: Fri, 13 Dec 2013 17:47:26 +0100
Subject: [PATCH] commit du 13 12 2013

---
 css/gamme.css         |  38 ++++++++++++++++
 css/style-1000px.css  |  57 ++++--------------------
 css/style-desktop.css | 101 +++++++++++++++++++++++++++++++++++-------
 css/style-mobile.css  |  92 +++++++++++++++++++++++++++++++++++---
 index.html            |  60 +++++++++++--------------
 5 files changed, 245 insertions(+), 103 deletions(-)

diff --git a/css/gamme.css b/css/gamme.css
index 9562b1e..38df9f2 100644
--- 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 a64d3aa..610e22c 100644
--- 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 2b1104f..71780fe 100644
--- 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 eaf7713..696f134 100644
--- 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 7e8c922..1739253 100644
--- 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>            
-- 
2.39.5