commit du 02 10 2013 14:42

diff --git a/css/gamme.css b/css/gamme.css
index ffe735cf18defca333f4263d02b6649ea6d37a1f..9562b1ee40c4e303de16fda7270190716a7a501b 100644 (file)
--- a/css/gamme.css
+++ b/css/gamme.css
@@ -7,11 +7,7 @@
 /*********************************************************************************/
 /* Color Gamme                                                                    */
 /*********************************************************************************/
-               #color01
-               {
-                       background-color: #302E42;
-               }
-               
+       
                .color01
                {
                        background-color: #302E42;
@@ -92,6 +88,11 @@
                        color: #ffffff;
                }
                
+               .Tcolor11
+               {
+                       color: #ddd;
+               }
+               
 /*********************************************************************************/
 /* Color Gamme                                                                    */
 /*********************************************************************************/
@@ -117,8 +118,18 @@
                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 533842251988731be097068c25e8ae7cadc6e1fc..bbab2aacc5d35c2ac24ace94e70798ad61fa1df1 100644 (file)
--- a/css/style-1000px.css
+++ b/css/style-1000px.css
@@ -119,7 +119,7 @@
        {
                position:fixed;
                z-index: 11000;
-               margin-left:70px;
+               margin-left:80px;
                top: 0px;
                left:0px;
                width: 100%;
@@ -433,6 +433,106 @@
                        
                        padding: 0em 1em 0em 1em;
                }
+
+
+/*********************************************************************************/
+/* tarifs                                                             */
+/*********************************************************************************/
+#tarifs        header.style4
+       {
+               padding: 0em 0 0em 0;
+       }
+
+       #tarifs header.style4 h2
+               {
+                       text-transform: uppercase;
+                       font-size: 1.2em;
+                       letter-spacing: 0.075em;
+                       line-height: 1em;
+                       font-weight: normal;
+               }
+               
+       #tarifs header.style4 hr
+               {
+
+               }
+       
+       
+       #tarifs
+       {
+       }
+       
+       #tarifs .row
+       {
+       padding: 0px 15px;
+       }
+       
+       #tarifs section
+       {
+       margin:0px -10px 0px -10px;
+       }
+       
+       #tarifs hr
+       {
+       }
+       .is-T
+       {
+       }
+       
+               .is-T header
+               {
+
+                       margin: 0 0 0 0;
+               }
+
+                       .is-T header.style1
+                       {
+                               position: relative;
+                               margin: 0 0 0 0;
+                               padding-top: 0;
+                       }
+
+               .is-T h2
+               {
+                       text-transform: uppercase;
+                       margin: 0 0 0 0;
+                       padding-left: 0.3em;
+                       font-size: 0.7em;
+                       letter-spacing: 0.05em;
+               }
+
+               .is-T h3
+               {
+                       margin: 0 0 0 0;
+                       font-size: 1em;
+                       font-weight: normal;
+                       letter-spacing: 0.05em;
+               }
+               
+               .is-T p
+               {
+                       margin: 0 0 0 0;
+                       padding-left: 0.3em;
+                       font-size: 0.8em;
+                       letter-spacing: 0.05em;
+               }
+               
+       .is-T-pair-price
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+       }
+       
+       .is-T-pair-price01
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+               border-left: solid 1px;
+       }
                
        
 /*********************************************************************************/

diff --git a/css/style-desktop.css b/css/style-desktop.css
index 22b77d45ce1deee1cb00b38683d5073c72888368..da79a0757b37d50ca2b74e8b91e1e0cdcac2142e 100644 (file)
--- a/css/style-desktop.css
+++ b/css/style-desktop.css
@@ -929,6 +929,108 @@
                        font-family: 'ralewayextrabold', sans-serif;
                        text-transform: uppercase;
                        }       
+
+
+/*********************************************************************************/
+/* tarifs                                                             */
+/*********************************************************************************/
+#tarifs        header.style4
+       {
+               padding: 0em 0 0em 0;
+       }
+
+       #tarifs header.style4 h2
+               {
+                       text-transform: uppercase;
+                       font-size: 1.2em;
+                       letter-spacing: 0.075em;
+                       line-height: 1em;
+                       font-weight: normal;
+               }
+               
+       #tarifs header.style4 hr
+               {
+
+               }
+       
+       
+       #tarifs
+       {
+       }
+       
+       #tarifs .row
+       {
+       padding: 0px 20px;
+       }
+       
+       #tarifs section
+       {
+       margin:0px -20px 0px -20px;
+       }
+       
+       #tarifs hr
+       {
+       }
+       .is-T
+       {
+       }
+       
+               .is-T header
+               {
+
+                       margin: 0 0 0 0;
+               }
+
+                       .is-T header.style1
+                       {
+                               position: relative;
+                               margin: 0 0 0 0;
+                               padding-top: 0;
+                       }
+
+               .is-T h2
+               {
+                       text-transform: uppercase;
+                       margin: 0 0 0 0;
+                       padding-left: 0.5em;
+                       font-size: 0.8em;
+                       letter-spacing: 0.05em;
+               }
+
+               .is-T h3
+               {
+                       margin: 0 0 0 0;
+                       font-size: 1em;
+                       font-weight: normal;
+                       letter-spacing: 0.05em;
+               }
+               
+               .is-T p
+               {
+                       margin: 0 0 0 0;
+                       padding-left: 0.5em;
+                       font-size: 0.9em;
+                       letter-spacing: 0.05em;
+               }
+               
+       .is-T-pair-price
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+       }
+       
+       .is-T-pair-price01
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+               border-left: solid 1px;
+       }
+
+               
                
 /*********************************************************************************/
 /* Main                                                                          */
@@ -1047,7 +1149,8 @@
     border: 0;
        width: 1200px; 
        height: 350px;
-    }
+    }  
+
 /*_____________________________________________________________________*/
 /* Deplacement  scroll to */
 /*_____________________________________________________________________*/

diff --git a/css/style-mobile.css b/css/style-mobile.css
index 1d4b4556ad9fec2e48a1cc378435423aa27c65ef..d6496b8553c1fc58d2499c7af2077af32f66615b 100644 (file)
--- a/css/style-mobile.css
+++ b/css/style-mobile.css
@@ -152,7 +152,7 @@
                width: 80%;
                font-size: 1.1em;
                padding: 0.3em 0 0.3em 0;
-               max-width: 15em;
+               max-width: 16em;
                margin: 0 auto;
        }
 
@@ -599,6 +599,105 @@
                }
 
 /*********************************************************************************/
+/* tarifs                                                             */
+/*********************************************************************************/
+header.style4
+       {
+               padding: 0em 0 0em 0;
+       }
+
+               header.style4 h2
+               {
+                       text-transform: uppercase;
+                       font-weight: normal;
+                       font-size: 1em;
+                       letter-spacing: 0.075em;
+                       line-height: 1em;
+               }
+               
+               header.style4 hr
+               {
+
+               }
+       
+       
+       #tarifs
+       {
+       }
+       
+       #tarifs .row
+       {
+       padding: 0px 20px;
+       }
+       
+       #tarifs section
+       {
+       margin:0px -20px 0px -20px;
+       }
+       
+       #tarifs hr
+       {
+       }
+       .is-T
+       {
+       }
+       
+               .is-T header
+               {
+
+                       margin: 0 0 0 0;
+               }
+
+                       .is-T header.style1
+                       {
+                               position: relative;
+                               margin: 0 0 0 0;
+                               padding-top: 0;
+                       }
+
+               .is-T h2
+               {
+                       text-transform: uppercase;
+                       margin: 0 0 0 0;
+                       padding-left: 0.5em;
+                       font-size: 0.8em;
+                       letter-spacing: 0.05em;
+               }
+
+               .is-T h3
+               {
+                       margin: 0 0 0 0;
+                       font-size: 1em;
+                       padding-left: 0.5em;
+                       letter-spacing: 0.05em;
+               }
+               
+               .is-T p
+               {
+                       margin: 0 0 0 0;
+                       padding-left: 0.5em;
+                       font-size: 0.8em;
+                       letter-spacing: 0.05em;
+               }
+       
+       .is-T-pair-price
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+               border-left: solid 1px;
+       }
+       
+       .is-T-pair-price01
+       {
+               padding: 0em;
+               border-bottom: solid 1px;
+               border-top: solid 1px;
+               border-right: solid 1px;
+               border-left: solid 1px;
+       }
+/*********************************************************************************/
 /* Sidebar                                                                       */
 /*********************************************************************************/
 

diff --git a/css/style.css b/css/style.css
index 859699d1dc888f603f71ee70ad1c53de092a5f2e..f0dd167e4def621b24eed0537a0fe80c02861184 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -76,7 +76,7 @@
                        text-decoration: none;
                }
 
-       strong, b
+       strong, b,
        {
                font-family: 'ralewayextrabold', sans-serif;
                font-weight: normal;
@@ -653,8 +653,6 @@
 
                #footer-wrapper .title
                {
-                       background-color: #2D2C3A;
-                       color: #eee;
                }
                
                #footer-wrapper header.style1
@@ -719,7 +717,7 @@
        
        .wrapper-style2
        {
-               background-color: #fff;
+               background-color: #ffffff;
        }
        
                .wrapper-style2 .title
@@ -734,8 +732,8 @@
        
                .wrapper-style3 .title
                {
-                       background-color: #f3f3f3;
-                       color: #484d55;
+                       background-color: #ffffff;
+                       color: #ffffff;
                }
                
                .wrapper-style3 .image
@@ -860,6 +858,8 @@
                        }
 
 
+
+
 /*********************************************************************************/
 /* Copyright                                                                     */
 /*********************************************************************************/
@@ -908,30 +908,7 @@
        width: 1200px; 
        height: 350px;
     }
-        .map-tile
-       {
-    opacity:0;
-    }
-         .map-tile-loaded
-       {
-       -webkit-animation-name: 'fade-in';
-       -moz-animation-name: 'fade-in';
-       -moz-animation-timing-function: ease-in;
-    -webkit-animation-timing-function: ease-in;
-    -webkit-animation-duration: 0.2s;
-       -moz-animation-duration: 0.2s;
-    }
-         @-webkit-keyframes fade-in;
-       @-moz-keyframes fade-in
-       {
-    from 
-       {
-    opacity: 0;
-    }
-         to 
-       {
-    opacity: 1;
-    }
+ 
 
        
                                

diff --git a/img/tc-case1200x676.jpg b/img/tc-case1200x676.jpg
new file mode 100644 (file)
index 0000000..1a89649
Binary files /dev/null and b/img/tc-case1200x676.jpg differ

diff --git a/index.html b/index.html
index 71467d2f4cf8193fb61bce927204469842811833..8ccf4101d6d6f751b562b8cef5ac56d64b52c746 100644 (file)
--- a/index.html
+++ b/index.html
@@ -50,11 +50,11 @@
                                                                                                <!-- usage & workflow -->
                                                                                                <li class="current_page_item"><a href="index.html#h-workflow">usage & workflow</a></li>
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
                                                                                                                <li><a href="mobile-web-tv.html">mobile web tv</a></li>
-                                                                                                               <li><a href="e-lmearning.html">e-learning</a></li>
-                                                                                                               <li><a href="e-conferencing.html">e-conference</a></li>
+                                                                                                               <li><a href="e-learning.html">e-learning</a></li>
+                                                                                                               <li><a href="e-conference.html">e-conference</a></li>
                                                                                                                <li><a href="e-concert.html">e-concert</a></li>
                                                                                                        </ul>
                                                                                                </li>
@@ -63,11 +63,11 @@
                                                                                                <!-- logiciels -->
                                                                                                <li class="current_page_item"><a href="index.html#h-logiciels">logiciels</a></li>                                                                                               
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
                                                                                                                <li><a href="telecasting.html">telecasting</a></li>
-                                                                                                               <li><a href="#">open source</a></li>
-                                                                                                               <li><a href="#">partenariat</a></li>    
+                                                                                                               <li><a href="open-source.html">open source</a></li>
+                                                                                                               <li><a href="partenaire.html">partenariat</a></li>      
                                                                                                        </ul>
                                                                                                </li>
                                                                                                <!-- /logiciels -->
@@ -75,7 +75,7 @@
                                                                                                <!-- solutions -->
                                                                                                <li class="current_page_item"><a href="index.html#h-solutions">solutions</a></li>
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
                                                                                                                <li><a href="tc-case.html">TC case</a></li>
                                                                                                                <li><a href="tc-box.html">TC box</a></li>
@@ -89,11 +89,11 @@
                                                                                                <!-- prestations -->
                                                                                                <li class="current_page_item"><a href="index.html#h-prestations">prestations</a></li>
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
-                                                                                                               <li><a href="#">Location</a></li>
-                                                                                                               <li><a href="#">Equipe dédiée</a></li>
-                                                                                                               <li><a href="#">Maintenance</a></li>    
+                                                                                                               <li><a href="location.html">Location</a></li>
+                                                                                                               <li><a href="equipe-dediee.html">Equipe dédiée</a></li>
+                                                                                                               <li><a href="maintenance.html">Maintenance</a></li>     
                                                                                                                <li><a href="#">Formation</a></li>
                                                                                                                <li><a href="#">Personnalisation</a></li>
                                                                                                                <li><a href="#">Tarifs</a></li>
@@ -104,7 +104,7 @@
                                                                                                <!-- references -->
                                                                                                <li class="current_page_item"><a href="index.html#h-references">references</a></li>
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
                                                                                                                <li><a href="#">Etude de cas</a></li>
                                                                                                                <li><a href="#">références</a></li>
@@ -115,7 +115,7 @@
                                                                                                <!-- contacts -->
                                                                                                <li class="current_page_item"><a href="index.html#h-contacts">contacts</a></li>
                                                                                                <li>
-                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="mobile live web tv" /></span>
                                                                                                        <ul>
                                                                                                                <li><a href="#">la société</a></li>
                                                                                                                <li><a href="#">mentions légales</a></li>
@@ -528,7 +528,7 @@
                <!-- Footer Wrapper -->
                <div id="h-contacts" class="color05"></div>
                        <div id="footer-wrapper" class="wrapper">
-                               <div class="title color02">contacts</div>
+                               <div class="title color01 Tcolor10 Bcolor10">contacts</div>
                                <div class="container">
                                        <div class="row">
                                                <div class="12u">

diff --git a/tc-case.html b/tc-case.html
new file mode 100644 (file)
index 0000000..fcce5d8
--- /dev/null
+++ b/tc-case.html
@@ -0,0 +1,361 @@
+<!DOCTYPE HTML>
+
+<html lang="fr" class="no-js">
+       <head>
+               <title>Mobile Web Tv</title>
+               <meta charset="UTF-8" />
+               <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
+               <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+               <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+               <meta name="description" content="Solution Web TV 100% Mobile & Portable" />
+               <meta name="keywords" content="" />
+               
+               <link rel="icon" type="image/png" href="img/favicon.png">
+               <link rel="shortcut icon" href="img/favicon.ico">
+               
+               <script src="js/modernizr-2.5.3.min.js"></script>
+               <!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
+               <script src="js/jquery.min.js"></script>
+               <script src="js/jquery.dropotron.js"></script>
+               <script src="js/config.js"></script>
+               <script src="js/skel.min.js"></script>
+               <script src="js/skel-panels.min.js"></script>
+               
+
+               <noscript>
+                       <link rel="stylesheet" href="css/style.css" />
+                       <link rel="stylesheet" href="css/skel-noscript.css" />
+                       <link rel="stylesheet" href="css/style-desktop.css" />
+               </noscript>
+       </head>
+       
+       <body class="right-sidebar">
+
+               <!-- Header Wrapper -->
+                       <div class="color01" id="header-wrapper">
+                               <div class="container">
+                                       <div class="row">
+                                               <div class="12u">
+                                                                                       <!-- nav back-->        
+                                                                       <div id="nav-back" class="skel-panels-fixed color09">
+                                                                                       <!-- Logo -->
+                                                                                       <div id="logo" >
+                                                                                       <a href="index.html#" ><img src="img/logo-telecasting-site.svg" alt="telecasting live web tv" /></a>
+                                                                                       </div>
+                                                                                       <!-- /Logo -->                                                                  
+                                                                               <!-- Nav -->
+                                                                               <nav id="nav" class="skel-panels-fixed">                                                        
+                                                                               <ul>
+                                                                                               <!-- usage & workflow -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-workflow">usage & workflow</a></li>
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="mobile-web-tv.html">mobile web tv</a></li>
+                                                                                                               <li><a href="e-lmearning.html">e-learning</a></li>
+                                                                                                               <li><a href="e-conferencing.html">e-conference</a></li>
+                                                                                                               <li><a href="e-concert.html">e-concert</a></li>
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               <!-- /usage & workflow -->
+                                                                                               
+                                                                                               <!-- logiciels -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-logiciels">logiciels</a></li>                                                                                               
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="telecasting.html">telecasting</a></li>
+                                                                                                               <li><a href="#">open source</a></li>
+                                                                                                               <li><a href="#">partenariat</a></li>    
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               <!-- /logiciels -->
+                                                                                               
+                                                                                               <!-- solutions -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-solutions">solutions</a></li>
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="tc-case.html">TC case</a></li>
+                                                                                                               <li><a href="tc-box.html">TC box</a></li>
+                                                                                                               <li><a href="tc-mini.html">TC mini</a></li>     
+                                                                                                               <li><a href="tc-lame.html">TC lame</a></li>
+                                                                                                               <li><a href="specs.html">spécifications</a></li>
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               <!-- /solutions -->
+                                                                                               
+                                                                                               <!-- prestations -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-prestations">prestations</a></li>
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="#">Location</a></li>
+                                                                                                               <li><a href="#">Equipe dédiée</a></li>
+                                                                                                               <li><a href="#">Maintenance</a></li>    
+                                                                                                               <li><a href="#">Formation</a></li>
+                                                                                                               <li><a href="#">Personnalisation</a></li>
+                                                                                                               <li><a href="#">Tarifs</a></li>
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               <!-- /prestations -->
+                                                                                               
+                                                                                               <!-- references -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-references">references</a></li>
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="#">Etude de cas</a></li>
+                                                                                                               <li><a href="#">références</a></li>
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               <!-- /references -->
+                                                                                               
+                                                                                               <!-- contacts -->
+                                                                                               <li class="current_page_item"><a href="index.html#h-contacts">contacts</a></li>
+                                                                                               <li>
+                                                                                                       <span ><img src="img/bouton-menu.svg" alt="telecasting live web tv" /></span>
+                                                                                                       <ul>
+                                                                                                               <li><a href="#">la société</a></li>
+                                                                                                               <li><a href="#">mentions légales</a></li>
+                                                                                                       </ul>
+                                                                                               </li>
+                                                                                               </ul>
+                                                                                               <!-- /contacts -->
+                                                                                               
+                                                                                       </nav>
+                                                                                       <!-- /Nav -->   
+                                                                                       </div>
+                                                                                       <!-- /nav back-->                                                                                               
+                               <!-- Header -->
+                               <div id="header" class="wrapper-video">
+                               <div id="video-home">
+                               <h2 class="image"><img src="img/tc-case1200x676.jpg" alt="" /></h2>
+                               </div>
+                               </div>
+                               <!-- /Header -->
+                       </div>
+               </div>
+       </div>
+</div>
+<!-- /Header Wrapper -->
+               
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+       <div class="title color10 Tcolor01 Bcolor01">mobile web tv</div>
+               <div class="container">
+                       <div class="row">
+                               <div class="12u">                       
+                               <!-- Main -->
+                                       <div id="main">
+                                               <div>
+                                                       <div class="row">
+                                                               <div class="8u skel-cell-mainContent Tcolor01">
+                                                                                       
+                                                               <!-- Content -->
+                                                                       <div id="content">
+                                                                               <article class="is is-post">
+                                                                                       <header class="style1">
+                                                                                               <h2>Lorem ipsum dolor sit amet magna egestas morbi bibendum sed malesuada</h2>
+                                                                                                       <span class="byline">Tempus feugiat veroeros sed nullam dolore</span>
+                                                                                                               </header>
+                                                                                                                       <a href="http://fav.me/d5pjw3g" class="image image-featured">
+                                                                                                                               <img src="img/pic01.jpg" alt="" />
+                                                                                                                       </a>
+                                                                                                                       <p>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
+                                                                                                                       odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum 
+                                                                                                                       facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam 
+                                                                                                                       tempus euismod. Vestibulum ante ipsum primis in faucibus.</p>
+                                                                                                                       <p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque 
+                                                                                                                       habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi 
+                                                                                                                       bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh 
+                                                                                                                       lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor. 
+                                                                                                                       Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non 
+                                                                                                                       magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat 
+                                                                                                                       leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit 
+                                                                                                                       amet risus elit.</p>
+                                                                                                                       <p>Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra 
+                                                                                                                       ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci 
+                                                                                                                       eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus 
+                                                                                                                       eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis 
+                                                                                                                       tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper 
+                                                                                                                       odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum 
+                                                                                                                       facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam 
+                                                                                                                       tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices 
+                                                                                                                       posuere cubilia.</p>
+                                                                                                                       <p>Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque 
+                                                                                                                       habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi 
+                                                                                                                       bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh 
+                                                                                                                       lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor. 
+                                                                                                                       Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non 
+                                                                                                                       magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat 
+                                                                                                                       leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit 
+                                                                                                                       amet risus elit.</p>
+                                                                               </article>
+                                                                                               <div>
+                                                                                                       <div class="row">
+                                                                                                               <div class="6u">
+                                                                                                                       <section class="is is-pair-one">
+                                                                                                                               <header>
+                                                                                                                                       <h2>Magna pulvinar tempus</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <a href="http://fav.me/d5uvswq" class="image image-full"><img src="img/Gpic02.jpg" alt="" /></a>
+                                                                                                                                               <p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus 
+                                                                                                                                               eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis 
+                                                                                                                                               tempus.</p>
+                                                                                                                                               <a href="#" class="button button-style1">More</a>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="6u">
+                                                                                                                       <section class="is is-pair-two">
+                                                                                                                               <header>
+                                                                                                                                       <h2>Magna pulvinar tempus</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <a href="http://fav.me/d5qdf2o" class="image image-full"><img src="img/Gpic03.jpg" alt="" /></a>
+                                                                                                                                               <p>Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus 
+                                                                                                                                               eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis 
+                                                                                                                                               tempus.</p>
+                                                                                                                       </section>
+                                                                                                               </div>                                                                                                          
+                                                                                                       </div>
+                                                                                               </div>
+                                                                                       <div id="tarifs" class="12u">
+                                                                                       <header class="style4">
+                                                                                       <hr></hr>
+                                                                                               <h2><b>TC Case</b> Matériel & Logiciels</h2>
+                                                                                               <p> Tarifs 2013</p>                                                                                             
+                                                                                       </header>
+                                                                                                       <div class="row">                                                                                                                                                                                       
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price01 Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>Achat</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">TC CASE</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="6u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>Détails</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">La Malette Complète et sa suite logiciels</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>prix.ht</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">4800 €</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>prix.ttc</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">5000 €.</p>
+                                                                                                                       </section>
+                                                                                                               </div>                                                                                                          
+                                                                                                       </div>
+                                                                                                       <hr></hr>
+                                                                                                       <div class="row">                                                                                                                                                                                       
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price01 Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>location</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">TC CASE</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="6u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>Détails</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">La Malette Complète et sa suite logiciels</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>prix-jour.ht</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">200 €</p>
+                                                                                                                       </section>
+                                                                                                               </div>
+                                                                                                               <div class="2u">
+                                                                                                                       <section class="is-T is-T-pair-price Tcolor11">
+                                                                                                                               <header class="color01 Tcolor10">
+                                                                                                                                       <h2>prix-jour.ttc</h2>
+                                                                                                                                       </header>
+                                                                                                                                               <p class="Tcolor01">300 €.</p>
+                                                                                                                       </section>
+                                                                                                               </div>                                                                                                          
+                                                                                                       </div>
+                                                                                                       
+                                                                                                       <hr></hr>
+                                                                                                       <p><a href="#" class="button button-style1 button-big color01">téléchargez nos tarifs</a></p>
+                                                                                               </div>                                                                                          
+                                                                                       </div>
+                                                                                               <!-- /Content -->                                                                               
+                                                                               </div>
+                                                                                       <div class="4u">
+                                                                                               
+                                                                                               <!-- Sidebar -->
+                                                                                                       <div id="sidebar">
+                                                                                                               <section class="is">
+                                                                                                                       <header>
+                                                                                                                               <h2>Magna diam vehicula</h2>
+                                                                                                                       </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>
+                                                                                                                       </ul>
+                                                                                                               </section>
+                                                                                                       </div>
+                                                                                               <!-- /Sidebar -->
+                                                                                               
+                                                                                       </div>
+
+                                                                               </div>
+                                                                       </div>
+                                                               </div>
+                                                       <!-- /Main -->
+                                                       
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+               <!-- /Main Wrapper -->
+               <!-- Footer Wrapper -->
+                       <div id="wrapper" class="wrapper-copyright color01">
+                               <div class="container">
+                                       <div class="row">
+                                               <div class="12u">
+                                                       <!-- Copyright -->
+                                                               <div id="copyright">
+                                                                       <span>
+                                                                               &copy; telecasting 2013 <a href=""></a>
+                                                                       </span>
+                                                               </div>
+                                                       <!-- /Copyright -->
+                                               
+                                               </div>
+                                       </div>
+                               </div>
+                       </div>
+               <!-- Footer Wrapper -->
+
+       </body>
+</html>
\ No newline at end of file