From 4c08c3f2ea512353a5a3c397018a7ac49478dd0f Mon Sep 17 00:00:00 2001
From: ronan le priol <ronan@emptynest.fr>
Date: Thu, 3 Oct 2013 14:56:09 +0200
Subject: [PATCH] commit du 03 10 2013 14:56

---
 css/style-1000px.css  | 101 +++++++++++++++++++++++++++++--
 css/style-desktop.css | 102 ++++++++++++++++++++++++++++++--
 css/style-mobile.css  | 134 ++++++++++++++++++++++++++++++++++++------
 css/style.css         |   9 ++-
 index.html            |  35 ++++++-----
 tc-case.html          |  32 +++++-----
 6 files changed, 348 insertions(+), 65 deletions(-)

diff --git a/css/style-1000px.css b/css/style-1000px.css
index bbab2aa..689fa10 100644
--- a/css/style-1000px.css
+++ b/css/style-1000px.css
@@ -454,7 +454,7 @@
 		
 	#tarifs	header.style4 hr
 		{
-
+		margin: 1em 0 1em 0;
 		}
 	
 	
@@ -472,9 +472,23 @@
 	margin:0px -10px 0px -10px;
 	}
 	
-	#tarifs hr
+	#tarifs 	hr
 	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#tarifs ul li	a
+	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
 	}
+	
 	.is-T
 	{
 	}
@@ -496,23 +510,24 @@
 		{
 			text-transform: uppercase;
 			margin: 0 0 0 0;
-			padding-left: 0.3em;
+			padding-left: 0.5em;
 			font-size: 0.7em;
 			letter-spacing: 0.05em;
 		}
 
 		.is-T h3
 		{
+			text-transform: uppercase;
 			margin: 0 0 0 0;
-			font-size: 1em;
-			font-weight: normal;
+			padding-left: 0.5em;
+			font-size: 0.8em;
 			letter-spacing: 0.05em;
 		}
 		
 		.is-T p
 		{
 			margin: 0 0 0 0;
-			padding-left: 0.3em;
+			padding-left: 0.5em;
 			font-size: 0.8em;
 			letter-spacing: 0.05em;
 		}
@@ -533,7 +548,81 @@
 		border-right: solid 1px;
 		border-left: solid 1px;
 	}
+	
+/*********************************************************************************/
+/* sidebar menu                                                            */
+/*********************************************************************************/
+#sidebar-menu	header.style4
+	{
+		padding: 0em 0 0em 0;
+	}
+
+	#sidebar-menu	header.style4 h2
+		{
+			text-transform: uppercase;
+			font-size: 1.2em;
+			letter-spacing: 0.075em;
+			line-height: 1em;
+			font-weight: normal;
+		}
 		
+	#sidebar-menu	header.style4 hr
+		{
+		margin: 1em 0 1em 0;
+		}
+	
+	
+	#sidebar-menu
+	{
+	}
+	
+
+	
+	#sidebar-menu 	hr
+	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#sidebar-menu ul li	a
+	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
+	}
+	
+
+	#sidebar-menu h2
+		{
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.8em;
+			letter-spacing: 0.05em;
+		}
+
+	#sidebar-menu h3
+		{
+			font-family: 'ralewaylight', sans-serif;
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			font-size: 1.4em;
+			line-height:0.4em;
+			letter-spacing: 0em;
+		}
+		
+	#sidebar-menu p
+		{
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.9em;
+			letter-spacing: 0.05em;
+		}
+
 	
 /*********************************************************************************/
 /* Copyright                                                                     */
diff --git a/css/style-desktop.css b/css/style-desktop.css
index da79a07..73bff35 100644
--- a/css/style-desktop.css
+++ b/css/style-desktop.css
@@ -39,7 +39,7 @@
 
 	header.style1
 	{
-		padding: 1em 0 0em 0;
+		padding: 1em 0 1em 0;
 	}
 
 		header.style1 h2
@@ -950,7 +950,7 @@
 		
 	#tarifs	header.style4 hr
 		{
-
+		margin: 1em 0 1em 0;
 		}
 	
 	
@@ -968,9 +968,23 @@
 	margin:0px -20px 0px -20px;
 	}
 	
-	#tarifs hr
+	#tarifs 	hr
+	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#tarifs ul li	a
 	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
 	}
+	
 	.is-T
 	{
 	}
@@ -999,9 +1013,10 @@
 
 		.is-T h3
 		{
+			text-transform: uppercase;
 			margin: 0 0 0 0;
-			font-size: 1em;
-			font-weight: normal;
+			padding-left: 0.5em;
+			font-size: 0.8em;
 			letter-spacing: 0.05em;
 		}
 		
@@ -1083,6 +1098,83 @@
 			padding-left: 3em;
 		}
 
+/*********************************************************************************/
+/* sidebar menu                                                            */
+/*********************************************************************************/
+#sidebar-menu	header.style4
+	{
+		padding: 0em 0 0em 0;
+	}
+
+	#sidebar-menu	header.style4 h2
+		{
+			text-transform: uppercase;
+			font-size: 1.2em;
+			letter-spacing: 0.075em;
+			line-height: 1em;
+			font-weight: normal;
+		}
+		
+	#sidebar-menu	header.style4 hr
+		{
+		margin: 1em 0 1em 0;
+		}
+	
+	
+	#sidebar-menu
+	{
+	}
+	
+
+	
+	#sidebar-menu 	hr
+	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#sidebar-menu ul li	a
+	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
+	}
+	
+
+	#sidebar-menu h2
+		{
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.8em;
+			letter-spacing: 0.05em;
+		}
+
+	#sidebar-menu h3
+		{
+			font-family: 'ralewaylight', sans-serif;
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			font-size: 1.8em;
+			line-height:0.5em;
+			letter-spacing: 0em;
+		}
+		
+	#sidebar-menu p
+		{
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.9em;
+			letter-spacing: 0.05em;
+		}
+		
+
+
+
 /*********************************************************************************/
 /* Footer                                                                        */
 /*********************************************************************************/
diff --git a/css/style-mobile.css b/css/style-mobile.css
index d6496b8..df466dd 100644
--- a/css/style-mobile.css
+++ b/css/style-mobile.css
@@ -17,6 +17,11 @@
 		letter-spacing: 0.05em;
 		margin: 0 0 1em 0;
 	}
+	
+		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+	{
+	text-transform: uppercase;
+	}
 
 	#logiciels
 	section,
@@ -51,6 +56,10 @@
 		clear: both;
 		padding: 1em 0em 1em 0em;
 	}
+	#references
+	{
+		margin-top:3em;
+	}
 	
 	#footer
 	section,
@@ -69,9 +78,10 @@
 
 		header.style1 h2
 		{
-			font-size: 1.5em;
+			text-transform: uppercase;
+			font-size: 1.2em;
 			letter-spacing: 0.075em;
-			line-height: 1.25em;
+			line-height: 1.5em;
 		}
 		
 		header.style1 .byline
@@ -152,7 +162,7 @@
 		width: 80%;
 		font-size: 1.1em;
 		padding: 0.3em 0 0.3em 0;
-		max-width: 16em;
+		max-width: 18em;
 		margin: 0 auto;
 	}
 
@@ -390,7 +400,7 @@
 	#header-wrapper
 	{
 		padding: 0em 0em 0em 0em;
-		height: 225px;
+		height: 224px;
 	}
 
 	#footer-wrapper
@@ -410,6 +420,7 @@
 
 	#header
 	{
+	margin-top:34px;
 	height: 180px;
 	}
 
@@ -458,7 +469,6 @@
 
 		#video-home
 		{
-		position: relative; /* on positionne le conteneur */
 		margin-top:34px;
 		margin-left: auto;
 		margin-right: auto;
@@ -488,7 +498,7 @@
 	{
 		text-align: center;
 		padding: 1em 1em 1em 1em !important;
-		margin: 0 auto;
+		margin: auto;
 	}
 	
 		#intro .style2
@@ -510,7 +520,7 @@
 	
 	#main-features
 	{
-		padding: 0 2em 0 2em;
+		padding: 0 0em 0 0em;
 	}
 	
 /*********************************************************************************/
@@ -601,23 +611,23 @@
 /*********************************************************************************/
 /* tarifs                                                             */
 /*********************************************************************************/
-header.style4
+#tarifs	header.style4
 	{
 		padding: 0em 0 0em 0;
 	}
 
-		header.style4 h2
+	#tarifs	header.style4 h2
 		{
 			text-transform: uppercase;
-			font-weight: normal;
-			font-size: 1em;
+			font-size: 1.2em;
 			letter-spacing: 0.075em;
 			line-height: 1em;
+			font-weight: normal;
 		}
 		
-		header.style4 hr
+	#tarifs	header.style4 hr
 		{
-
+		margin: 1em 0 1em 0;
 		}
 	
 	
@@ -635,9 +645,23 @@ header.style4
 	margin:0px -20px 0px -20px;
 	}
 	
-	#tarifs hr
+	#tarifs 	hr
+	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#tarifs ul li	a
 	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
 	}
+	
 	.is-T
 	{
 	}
@@ -666,9 +690,10 @@ header.style4
 
 		.is-T h3
 		{
+			text-transform: uppercase;
 			margin: 0 0 0 0;
-			font-size: 1em;
 			padding-left: 0.5em;
+			font-size: 0.8em;
 			letter-spacing: 0.05em;
 		}
 		
@@ -676,10 +701,10 @@ header.style4
 		{
 			margin: 0 0 0 0;
 			padding-left: 0.5em;
-			font-size: 0.8em;
+			font-size: 0.9em;
 			letter-spacing: 0.05em;
 		}
-	
+		
 	.is-T-pair-price
 	{
 		padding: 0em;
@@ -704,6 +729,81 @@ header.style4
 	#sidebar
 	{
 	}
+	
+/*********************************************************************************/
+/* sidebar menu                                                            */
+/*********************************************************************************/
+#sidebar-menu	header.style4
+	{
+		padding: 0em 0 0em 0;
+	}
+
+	#sidebar-menu	header.style4 h2
+		{
+			text-transform: uppercase;
+			font-size: 1.2em;
+			letter-spacing: 0.075em;
+			line-height: 1em;
+			font-weight: normal;
+		}
+		
+	#sidebar-menu	header.style4 hr
+		{
+		margin: 1em 0 1em 0;
+		}
+	
+	
+	#sidebar-menu
+	{
+	}
+	
+
+	
+	#sidebar-menu 	hr
+	{
+	margin: 2em 0 2em 0;
+	}
+	
+	#sidebar-menu ul li	a
+	{
+		font-family: 'ralewayextrabold', sans-serif;
+		text-decoration: none;
+		text-transform: uppercase;
+		-moz-transition: color .25s ease-in-out;
+		-webkit-transition: color .25s ease-in-out;
+		-o-transition: color .25s ease-in-out;
+		-ms-transition: color .25s ease-in-out;
+		transition: color .25s ease-in-out;
+	}
+	
+
+	#sidebar-menu h2
+		{
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.8em;
+			letter-spacing: 0.05em;
+		}
+
+	#sidebar-menu h3
+		{
+			font-family: 'ralewaylight', sans-serif;
+			text-transform: uppercase;
+			margin: 0 0 0 0;
+			font-size: 1.4em;
+			line-height:0.5em;
+			letter-spacing: 0em;
+		}
+		
+	#sidebar-menu p
+		{
+			margin: 0 0 0 0;
+			padding-left: 0.5em;
+			font-size: 0.9em;
+			letter-spacing: 0.05em;
+		}
+
 
 /*********************************************************************************/
 /* Footer                                                                        */
diff --git a/css/style.css b/css/style.css
index f0dd167..19f3560 100644
--- a/css/style.css
+++ b/css/style.css
@@ -73,10 +73,10 @@
 	
 		a:hover
 		{
-			text-decoration: none;
+			color: #717479;
 		}
 
-	strong, b,
+	strong, b
 	{
 		font-family: 'ralewayextrabold', sans-serif;
 		font-weight: normal;
@@ -175,6 +175,7 @@
 			display: block;
 			border: 0;
 			background: #eee;
+			color:#302E42;
 			box-shadow: inset 0px 0px 1px 0px #a0a1a7;
 			border-radius: 0em;
 			width: 100%;
@@ -190,6 +191,7 @@
 			form select:hover,
 			form textarea:hover
 			{
+				color:#302E42;
 			}
 
 			form input.text:focus,
@@ -197,11 +199,13 @@
 			form textarea:focus
 			{
 				background: #f8f8f8;
+				color:#302E42;
 			}
 			
 			form textarea
 			{
 				min-height: 12em;
+				color:#302E42;
 			}
 
 			form .formerize-placeholder
@@ -632,6 +636,7 @@
 			#footer-wrapper form textarea:focus
 			{
 				background-color: #fff;
+				color:#302E42;
 			}
 
 		#footer-wrapper .button-style2
diff --git a/index.html b/index.html
index 8ccf410..ee8a85c 100644
--- a/index.html
+++ b/index.html
@@ -153,11 +153,11 @@
 									<!-- Image -->
 									<a href="mobile-web-tv.html" class="image image-featured" ><img src="img/pic01.jpg" alt="" /></a>
 									<!-- /Image -->								
-									<header class="style2">
+									<header id="intro" class="style1 Tcolor01">
 											<a href="mobile-web-tv.html" class="image-centered" ><img src="img/logo-telecasting-site-usage.svg" alt="telecasting mobile web tv" /></a>
-											<h2 class="Tcolor01"><b>Créez votre "live web-tv" où que vous soyez,</b></h2>
-											<h2 class="Tcolor01"><b>diffusez et pérennisez vos évènements.</b></h2>
-											<p class="byline Tcolor01">Conférence, e-learning, colloque, salon, concert, spectacles, </p>
+											<h2 ><b>Créez votre "live web-tv" où que vous soyez,</b></h2>
+											<h2 class=><b>diffusez et pérennisez vos évènements.</b></h2>
+											<p class="byline">Conférence, e-learning, colloque, salon, concert, spectacles, </p>
 											<hr></hr>												
 									</header>
 									<!-- Features -->
@@ -324,7 +324,7 @@
 												</section>
 											</div>										
 										</div>
-											<header id="intro" class="style1 ">
+											<header id="intro" class="style1">
 												<hr></hr>
 												<h2><b>Une solution de streaming audio et vidéo complète et de gestion de médias</b></h2>
 												<p >Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
@@ -348,7 +348,7 @@
 					<div class="container">
 						<div class="row">
 							<div class="12u">
-										<header  class="style3 Tcolor01">
+										<header id="intro" class="style1 Tcolor01">
 												<hr></hr>
 												<h2 class="Tcolor01"><b>Une solution de streaming audio et vidéo complète et de gestion de médias</b></h2>
 												<p class="style3">Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
@@ -449,14 +449,13 @@
 								<div id="references">
 									
 									<!-- Image -->
-										<a href="http://fav.me/d5pjw3g" class="image image-featured" ><img  src="img/pic01.jpg" alt="" />
-										</a>
+										<a href="http://fav.me/d5pjw3g" class="image image-featured" ><img  src="img/pic01.jpg" alt="" /></a>
 									<!-- /Image -->
-									<header class="style1">
+									<header id="intro" class="style1">
 												<h2>Dolor consequat feugiat amet veroeros</h2>
-												<p class="byline">Feugiat dolor nullam orci pretium phasellus justo</p>												
-									</header>
-									
+												<p class="byline">Feugiat dolor nullam orci pretium phasellus justo</p>
+												<br><br>												
+									</header>																		
 									<!-- Features -->
 										<section id="features">											
 											<div class="feature-list">
@@ -511,8 +510,8 @@
 													</div>
 											</div>
 											<ul class="actions actions-centered">
-												<li><a href="#" class="button button-style1 button-big">Get Started</a></li>
-												<li><a href="#" class="button button-style2 button-big">More Info</a></li>
+												<li><a href="#" class="button button-style1 button-big color03">références</a></li>
+												<li><a href="#" class="button button-style1 button-big color02">étude de cas</a></li>
 											</ul>
 										</section>
 									<!-- /Features -->
@@ -571,8 +570,8 @@
 																<div class="row">
 																	<div class="12u">
 																		<ul class="actions">
-																			<li><input type="submit" class="button button-style3 color02" value="Send" /></li>
-																			<li><input type="reset" class="button button-style3 color03" value="Reset" /></li>
+																			<li><input type="submit" class="button button-style1 color02" value="Send" /></li>
+																			<li><input type="reset" class="button button-style1 color03" value="Reset" /></li>
 																		</ul>
 																	</div>
 																</div>
@@ -590,7 +589,7 @@
 																<div class="row">
 																	<div class="6u">
 																		<section>
-																			<h3 class="icon icon-home">Adresse</h3>
+																			<h3>Adresse</h3>
 																			<p>
 																				TELECASTING <br />
 																				16 rue Jacques Louvel-Tessier<br />
@@ -603,7 +602,7 @@
 																	</div>
 																	<div class="6u">
 																		<section>
-																			<h3 class="icon icon-comment">Social</h3>
+																			<h3 >Social</h3>
 																			<p>
 																				<a href="http://twitter.com/n33co">linkedin</a><br />
 																				<a href="http://dribbble.com/n33">facebook</a>
diff --git a/tc-case.html b/tc-case.html
index fcce5d8..b70c1e6 100644
--- a/tc-case.html
+++ b/tc-case.html
@@ -130,7 +130,7 @@
 				<!-- Header -->
 				<div id="header" class="wrapper-video">
 				<div id="video-home">
-				<h2 class="image"><img src="img/tc-case1200x676.jpg" alt="" /></h2>
+				<a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
 				</div>
 				</div>
 				<!-- /Header -->
@@ -222,7 +222,7 @@
 											<div id="tarifs" class="12u">
 											<header class="style4">
 											<hr></hr>
-												<h2><b>TC Case</b> Matériel & Logiciels</h2>
+												<h2>TC Case Matériel & Logiciels</h2>
 												<p> Tarifs 2013</p>												
 											</header>
 													<div class="row">																							
@@ -297,6 +297,7 @@
 													
 													<hr></hr>
 													<p><a href="#" class="button button-style1 button-big color01">téléchargez nos tarifs</a></p>
+													<br><br>
 												</div>												
 											</div>
 												<!-- /Content -->										
@@ -305,24 +306,21 @@
 												
 												<!-- Sidebar -->
 													<div id="sidebar">
-														<section class="is">
-															<header>
-																<h2>Magna diam vehicula</h2>
+														<div id="sidebar-menu" >
+															<header class="style4" >
+															<hr></hr>
+																<h3 class="Tcolor01" >Nos<br></br>solutions</h3>
+															<hr></hr>
 															</header>
 															<ul class="style3">
-																<li><a href="#">Nulla iaculis egestas varius</a></li>
-																<li><a href="#">Augue massa feugiat quam pretium</a></li>
-																<li><a href="#">Orci sem vel libero cras nisi odio</a></li>
-																<li><a href="#">Sed hendrerit massa nam mattis</a></li>
-																<li><a href="#">Turpis vel leo accumsan aliquet</a></li>
-																<li><a href="#">Dapibus mi fermentum fusce non</a></li>
-																<li><a href="#">Arcu laoreet sapien tempus</a></li>
-																<li><a href="#">Nulla iaculis egestas varius</a></li>
-																<li><a href="#">Augue massa feugiat quam pretium</a></li>
-																<li><a href="#">Orci sem vel libero cras nisi odio</a></li>
-																<li><a href="#">Sed hendrerit massa nam mattis</a></li>
+																<li ><a href="#" class="Tcolor01">tc case</a></li>
+																<li><a href="#" class="Tcolor01">tc box</a></li>
+																<li><a href="#" class="Tcolor01">tc mini</a></li>
+																<li><a href="#" class="Tcolor01">tc lame</a></li>
+																<li><a href="#" class="Tcolor01">spécifications</a></li>
+																<li><a href="#" class="Tcolor01">Dapibus</a></li>																
 															</ul>
-														</section>
+														</div>
 													</div>
 												<!-- /Sidebar -->
 												
-- 
2.39.5