#tarifs header.style4 hr
{
-
+ margin: 1em 0 1em 0;
}
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
{
}
{
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;
}
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 */
header.style1
{
- padding: 1em 0 0em 0;
+ padding: 1em 0 1em 0;
}
header.style1 h2
#tarifs header.style4 hr
{
-
+ margin: 1em 0 1em 0;
}
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
{
}
.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;
}
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 */
/*********************************************************************************/
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,
clear: both;
padding: 1em 0em 1em 0em;
}
+ #references
+ {
+ margin-top:3em;
+ }
#footer
section,
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
width: 80%;
font-size: 1.1em;
padding: 0.3em 0 0.3em 0;
- max-width: 16em;
+ max-width: 18em;
margin: 0 auto;
}
#header-wrapper
{
padding: 0em 0em 0em 0em;
- height: 225px;
+ height: 224px;
}
#footer-wrapper
#header
{
+ margin-top:34px;
height: 180px;
}
#video-home
{
- position: relative; /* on positionne le conteneur */
margin-top:34px;
margin-left: auto;
margin-right: auto;
{
text-align: center;
padding: 1em 1em 1em 1em !important;
- margin: 0 auto;
+ margin: auto;
}
#intro .style2
#main-features
{
- padding: 0 2em 0 2em;
+ padding: 0 0em 0 0em;
}
/*********************************************************************************/
/*********************************************************************************/
/* 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;
}
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
{
}
.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;
}
{
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;
#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 */
a:hover
{
- text-decoration: none;
+ color: #717479;
}
- strong, b,
+ strong, b
{
font-family: 'ralewayextrabold', sans-serif;
font-weight: normal;
display: block;
border: 0;
background: #eee;
+ color:#302E42;
box-shadow: inset 0px 0px 1px 0px #a0a1a7;
border-radius: 0em;
width: 100%;
form select:hover,
form textarea:hover
{
+ color:#302E42;
}
form input.text:focus,
form textarea:focus
{
background: #f8f8f8;
+ color:#302E42;
}
form textarea
{
min-height: 12em;
+ color:#302E42;
}
form .formerize-placeholder
#footer-wrapper form textarea:focus
{
background-color: #fff;
+ color:#302E42;
}
#footer-wrapper .button-style2
<!-- 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 -->
</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>
<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>
<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">
</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 -->
<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>
<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 />
</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>
<!-- 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 -->
<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">
<hr></hr>
<p><a href="#" class="button button-style1 button-big color01">téléchargez nos tarifs</a></p>
+ <br><br>
</div>
</div>
<!-- /Content -->
<!-- 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 -->
projects / telecasting-www.git / commitdiff