--- /dev/null
+<!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="color04" 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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <iframe src="ifr-home.html" ></iframe>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">e-conference</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>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+
+ <section >
+
+ <p><a href="mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
+ <p><a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
+ <p><a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
+ <p><a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!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="color03" 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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <iframe src="ifr-home.html" ></iframe>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">e-conference</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>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+
+ <section >
+
+ <p><a href="mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
+ <p><a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
+ <p><a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
+ <p><a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!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="color02" 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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <iframe src="ifr-home.html" ></iframe>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">e-learning</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>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+
+ <section >
+
+ <p><a href="mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
+ <p><a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
+ <p><a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
+ <p><a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!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="color02" 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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">équipe dédiée</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>TC Case 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>
+ <br><br>
+ </div>
+ </div>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+ <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="location.html" class="Tcolor01">location</a></li>
+ <li><a href="equipe-dediee.html" class="Tcolor01">equipe dédiée</a></li>
+ <li><a href="maintenance.html" class="Tcolor01">maintenance</a></li>
+ <li><a href="formation.html" class="Tcolor01">formation</a></li>
+ <li><a href="personnalisation.html" class="Tcolor01">personnalisation</a></li>
+ <li><a href="tarifs.html" class="Tcolor01">tarifs</a></li>
+ </ul>
+ </div>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
<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>
+ <li><a href="formation.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">Tarifs</a></li>
</ul>
</li>
<!-- /prestations -->
<li>
<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>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</a></li>
</ul>
</li>
<!-- /references -->
<li>
<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>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">mentions légales</a></li>
</ul>
</li>
</ul>
--- /dev/null
+<!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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">location</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>TC Case 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>
+ <br><br>
+ </div>
+ </div>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+ <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="location.html" class="Tcolor01">location</a></li>
+ <li><a href="equipe-dediee.html" class="Tcolor01">equipe dédiée</a></li>
+ <li><a href="maintenance.html" class="Tcolor01">maintenance</a></li>
+ <li><a href="formation.html" class="Tcolor01">formation</a></li>
+ <li><a href="personnalisation.html" class="Tcolor01">personnalisation</a></li>
+ <li><a href="tarifs.html" class="Tcolor01">tarifs</a></li>
+ </ul>
+ </div>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
<div class="container">
<div class="row">
<div class="12u">
- <!-- nav back-->
+ <!-- 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>
+ <a href="index.html#" ><img src="img/logo-telecasting-site.svg" alt="telecasting mobile web tv" /></a>
</div>
<!-- /Logo -->
<!-- Nav -->
- <nav id="nav" class="skel-panels-fixed">
+ <nav id="nav" >
<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>
+ <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>
<!-- 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 -->
<!-- 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>
<!-- 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="#">Formation</a></li>
- <li><a href="#">Personnalisation</a></li>
- <li><a href="#">Tarifs</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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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>
+ <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>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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>
+ <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>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">mentions légales</a></li>
</ul>
</li>
</ul>
</nav>
<!-- /Nav -->
</div>
- <!-- /nav back-->
+ <!-- /nav back-->
<!-- Header -->
<div id="header" class="wrapper-video">
<div id="video-home">
</div>
<div class="4u">
- <!-- Sidebar -->
+ <!-- Sidebar -->
<div id="sidebar">
<section >
- <p><a href="#" class="button button-style1 button-big color01">mobile web tv</a></p>
- <p><a href="#" class="button button-style1 button-big color02">e-learning</a></p>
- <p><a href="#" class="button button-style1 button-big color03">e-conference</a></p>
- <p><a href="#" class="button button-style1 button-big color04">e-concert</a></p>
+ <p><a href="mobile-web-tv.html" class="button button-style1 button-big color01">mobile web tv</a></p>
+ <p><a href="e-learning.html" class="button button-style1 button-big color02">e-learning</a></p>
+ <p><a href="e-conference.html" class="button button-style1 button-big color03">e-conference</a></p>
+ <p><a href="e-concert.html" class="button button-style1 button-big color04">e-concert</a></p>
</section>
</div>
<!-- /Sidebar -->
--- /dev/null
+<!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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">spécifications</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>TC Case 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>
+ <br><br>
+ </div>
+ </div>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+ <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="tc-case.html" class="Tcolor01">tc case</a></li>
+ <li><a href="tc-box.html" class="Tcolor01">tc box</a></li>
+ <li><a href="tc-mini.html" class="Tcolor01">tc mini</a></li>
+ <li><a href="tc-lame.html" class="Tcolor01">tc lame</a></li>
+ <li><a href="specs.html" class="Tcolor01">spécifications</a></li>
+ </ul>
+ </div>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<!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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">tc-box</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>TC Case 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>
+ <br><br>
+ </div>
+ </div>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+ <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="tc-case.html" class="Tcolor01">tc case</a></li>
+ <li><a href="tc-box.html" class="Tcolor01">tc box</a></li>
+ <li><a href="tc-mini.html" class="Tcolor01">tc mini</a></li>
+ <li><a href="tc-lame.html" class="Tcolor01">tc lame</a></li>
+ <li><a href="specs.html" class="Tcolor01">spécifications</a></li>
+ </ul>
+ </div>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
<div class="container">
<div class="row">
<div class="12u">
- <!-- nav back-->
+ <!-- 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>
+ <a href="index.html#" ><img src="img/logo-telecasting-site.svg" alt="telecasting mobile web tv" /></a>
</div>
<!-- /Logo -->
<!-- Nav -->
- <nav id="nav" class="skel-panels-fixed">
+ <nav id="nav" >
<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>
+ <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>
<!-- 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 -->
<!-- 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>
<!-- 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="#">Formation</a></li>
- <li><a href="#">Personnalisation</a></li>
- <li><a href="#">Tarifs</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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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>
+ <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>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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>
+ <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>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">mentions légales</a></li>
</ul>
</li>
</ul>
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2 color10">
- <div class="title color10 Tcolor01 Bcolor01">mobile web tv</div>
+ <div class="title color10 Tcolor01 Bcolor01">tc-case</div>
<div class="container">
<div class="row">
<div class="12u">
<hr></hr>
</header>
<ul class="style3">
- <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>
+ <li ><a href="tc-case.html" class="Tcolor01">tc case</a></li>
+ <li><a href="tc-box.html" class="Tcolor01">tc box</a></li>
+ <li><a href="tc-mini.html" class="Tcolor01">tc mini</a></li>
+ <li><a href="tc-lame.html" class="Tcolor01">tc lame</a></li>
+ <li><a href="specs.html" class="Tcolor01">spécifications</a></li>
</ul>
</div>
</div>
--- /dev/null
+<!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 mobile web tv" /></a>
+ </div>
+ <!-- /Logo -->
+ <!-- Nav -->
+ <nav id="nav" >
+ <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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="mobile-web-tv.html">mobile web tv</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>
+ <!-- /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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="telecasting.html">telecasting</a></li>
+ <li><a href="open-source.html">open source</a></li>
+ <li><a href="partenaire.html">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="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>
+ <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="mobile live web tv" /></span>
+ <ul>
+ <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.html">Formation</a></li>
+ <li><a href="personnalisation.html">Personnalisation</a></li>
+ <li><a href="tarifs.html">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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="references.html">références</a></li>
+ <li><a href="etude-cas.html">étude de cas</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="mobile live web tv" /></span>
+ <ul>
+ <li><a href="societe.html">la société</a></li>
+ <li><a href="mentions-legales.html">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">
+ <a class="image"><img src="img/tc-case1200x676.jpg" alt="" /></a>
+ </div>
+ </div>
+ <!-- /Header -->
+ </div>
+ </div>
+ </div>
+</div>
+<!-- /Header Wrapper -->
+
+<!-- Main Wrapper -->
+<div class="wrapper wrapper-style2 color10">
+ <div class="title color10 Tcolor01 Bcolor01">tc-mini</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>TC Case 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>
+ <br><br>
+ </div>
+ </div>
+ <!-- /Content -->
+ </div>
+ <div class="4u">
+
+ <!-- Sidebar -->
+ <div id="sidebar">
+ <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="tc-case.html" class="Tcolor01">tc case</a></li>
+ <li><a href="tc-box.html" class="Tcolor01">tc box</a></li>
+ <li><a href="tc-mini.html" class="Tcolor01">tc mini</a></li>
+ <li><a href="tc-lame.html" class="Tcolor01">tc lame</a></li>
+ <li><a href="specs.html" class="Tcolor01">spécifications</a></li>
+ </ul>
+ </div>
+ </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>
+ © telecasting 2013 <a href=""></a>
+ </span>
+ </div>
+ <!-- /Copyright -->
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Footer Wrapper -->
+
+ </body>
+</html>
\ No newline at end of file
projects / telecasting-www.git / commitdiff