commit du 11 10 2013 11:55

diff --git a/index.html b/index.html
index f7b913c62ebf1a15ca31d78f6c6e51997670d396..c4fb833fedbfd5164a3a3876c0e9c7132ab99d0f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -171,20 +171,20 @@
               </div>
               <div class="6u">
                <div class="color02 Tcolor10">
-                <a href="#" class="image80" ><img src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
-                <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
+                <a href="e-learning.html" class="image80" ><img src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+                <a href="e-learning.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100%<br>mobile & portable</h2></a>
                </div>
               </div>
               <div class="6u">
                <div class="color03 Tcolor10">
-                <a href="#" class="image80" ><img src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
-                <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
+                <a href="e-conference.html" class="image80" ><img src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+                <a href="e-conference.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
                </div>
               </div>
               <div class="6u">
                <div class="color04 Tcolor10">
-                <a href="#" class="image80"  ><img  src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
-                <a href="mobile-web-tv.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
+                <a href="e-concert.html" class="image80"  ><img  src="img/telecasting-no-baseline.svg" alt="telecasting live web tv" /></a>
+                <a href="e-concert.html" class="titlle-features Tcolor10" ><h2 >solution web tv<br>100% mobile & portable</h2></a>
                </div>              
               </div>
              </div>
@@ -212,7 +212,7 @@
        <p class="style1 ">Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
        <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
        <ul class="actions">
-       <li><a href="#" class="button button-style3 button-big color02">concept</a></li>
+       <li><a href="open-source.html" class="button button-style3 button-big color02">open source</a></li>
        </ul>
        <hr></hr>       
       </header>
@@ -223,41 +223,41 @@
           <div class="row">
            <div class="3u">
             <section class="logiciels logiciels-one">
-             <a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic06.jpg" alt="" /></a>
-             <h3><a href="#">Modération des médias</a></h3>
+             <a href="telecasting.html" class="image image-full"><img src="img/pic06.jpg" alt="" /></a>
+             <h3><a href="telecasting.html">Modération des médias</a></h3>
              <p>archivage</br>indexation dynamique</br>metadonnées<br><br></p>
              <ul class="actions">
-              <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+              <li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="3u">
             <section class="logiciels logiciels-two">
-             <a href="http://fav.me/d4tqyby" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
+             <a href="telecasting.html" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
              <h3><a href="#">Interopérabilité</a></h3>
              <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+              <li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="3u">
             <section class="logiciels logiciels-three">
-             <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
-             <h3><a href="#">Interfaces unifiées </a></h3>
+             <a href="telecasting.html" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
+             <h3><a href="telecasting.html">Interfaces unifiées </a></h3>
              <p>HTTP</br>web</br><br><br></p>
              <ul class="actions">
-              <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+              <li><a href="telecasting.html" class="button button-style3 color02">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="3u">
             <section class="logiciels logiciels-four">
-             <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
-             <h3><a href="#">Open Source</a></h3>
+             <a href="partenaire.html" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
+             <h3><a href="partenaire.html">Partenariat</a></h3>
              <p>Développement logiciel issu de la recherche publique (Telemeta, CNRS, Musée de l’Homme, Laboratoire d’ethnomusicologie)</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style3 color02">en savoir plus</a></li>
+              <li><a href="partenaire.html" class="button button-style3 color02">en savoir plus</a></li>
              </ul>
             </section>
            </div>         
@@ -287,42 +287,42 @@
           <div class="row">
            <div class="3u">
             <section class="solutions solutions-one">
-             <a href="http://fav.me/d59i3b3" class="image image-full"><img src="img/pic02.jpg" alt="" /></a>
-             <h3><a href="#">TC case</a></h3>
+             <a href="tc-case.html" class="image image-full"><img src="img/pic02.jpg" alt="" /></a>
+             <h3><a href="tc-case.html">TC case</a></h3>
              <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+              <li><a href="tc-case.html" class="button button-style1 color01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="3u">
             <section class="solutions solutions-two">
-             <a href="http://fav.me/d4tqyby" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
-             <h3><a href="#">TC box</a></h3>
+             <a href="tc-box.html" class="image image-full"><img src="img/pic03.jpg" alt="" /></a>
+             <h3><a href="tc-box.html">TC box</a></h3>
              <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+              <li><a href="tc-box.html" class="button button-style1 color01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
           
            <div class="3u">
             <section class="solutions solutions-three">
-             <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
-             <h3><a href="#">TC mini</a></h3>
+             <a href="tc-mini.html" class="image image-full"><img src="img/pic04.jpg" alt="" /></a>
+             <h3><a href="tc-mini.html">TC mini</a></h3>
              <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+              <li><a href="tc-mini.html" class="button button-style1 color01">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="3u">
             <section class="solutions solutions-four">
-             <a href="http://fav.me/d5w2dot" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
-             <h3><a href="#">TC lame</a></h3>
+             <a href="tc-lame.html" class="image image-full"><img src="img/pic05.jpg" alt="" /></a>
+             <h3><a href="tc-lame.html">TC lame</a></h3>
              <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <ul class="actions">
-              <li><a href="#" class="button button-style1 color01">Learn More</a></li>
+              <li><a href="tc-lame.html" class="button button-style1 color01">en savoir plus</a></li>
              </ul>
             </section>
            </div>          
@@ -333,7 +333,7 @@
             <p >Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
             <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
             <ul class="actions">
-            <li><a href="#" class="button button-style1 button-big color01">specifications</a></li>
+            <li><a href="specs.html" class="button button-style1 button-big color01">specifications</a></li>
             </ul>
             <hr></hr>            
            </header>          
@@ -357,7 +357,7 @@
             <p class="style3">Fonctionnement simple & ergonomique . Mise en route rapide . Traitement et diffusion des données sécurisées . Systéme modulaire<br>
             <b>Open Product </b>. Evolutif . Economique . Pérenne</p>
             <ul class="actions">
-            <li><a href="#" class="button button-style3 button-big color01">specifications</a></li>
+            <li><a href="tarifs.html" class="button button-style3 button-big color01">tarifs</a></li>
             </ul>
             <hr></hr>            
           </header>       
@@ -367,67 +367,67 @@
          <div class="row">        
            <div class="2u">
             <section class="prestations prestations-one color01">             
-             <h3 ><a href="#" class="Tcolor10">location</a></h3>
+             <h3 ><a href="location.html" class="Tcolor10">location</a></h3>
              <hr></hr>            
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>            
              <ul >
-              <li><a href="#" class="button color01 Tcolor10">en savoir plus</a></li>
+              <li><a href="location.html" class="button color01 Tcolor10">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
             <section class="prestations prestations-two color02">            
-             <h3><a href="#" class="Tcolor10">équipe dédiée</a></h3>
+             <h3><a href="equipe-dediee.html" class="Tcolor10">équipe dédiée</a></h3>
              <hr></hr>
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul>
-              <li><a href="#" class="button color02 Tcolor10">en savoir plus</a></li>
+              <li><a href="equipe-dediee.html" class="button color02 Tcolor10">en savoir plus</a></li>
              </ul>           
             </section>
            </div>       
            <div class="2u">
             <section class="prestations prestations-three color03">
-             <h3><a href="#" class="Tcolor10">maintenance</a></h3>
+             <h3><a href="maintenance.html" class="Tcolor10">maintenance</a></h3>
              <hr></hr>
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul>
-              <li><a href="#" class="button color03 Tcolor10">en savoir plus</a></li>
+              <li><a href="maintenance.html" class="button color03 Tcolor10">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
             <section class="prestations prestations-four color04">
-             <h3><a href="#" class="Tcolor10">formation</a></h3>
+             <h3><a href="formation.html" class="Tcolor10">formation</a></h3>
              <hr></hr>
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul >
-              <li><a href="#" class="button color04 Tcolor10">en savoir plus</a></li>
+              <li><a href="formation.html" class="button color04 Tcolor10">en savoir plus</a></li>
              </ul>
             </section>
            </div>
            <div class="2u">
             <section class="prestations prestations-five color05">
-             <h3><a href="#" class="Tcolor10">personnalisation</a></h3>
+             <h3><a href="personnalisation.html" class="Tcolor10">personnalisation</a></h3>
              <hr></hr>
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul >
-              <li><a href="#" class="button color05 Tcolor10">en savoir plus</a></li>
+              <li><a href="personnalisation.html" class="button color05 Tcolor10">en savoir plus</a></li>
              </ul>
             </section>
            </div> 
            <div class="2u">
             <section class="prestations prestations-six color06">
-             <h3><a href="#" class="Tcolor10">tarifs</a></h3>
+             <h3><a href="tarifs.html" class="Tcolor10">tarifs</a></h3>
              <hr></hr>
              <p class="Tcolor10">Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
              <hr></hr>
              <ul >
-              <li><a href="#" class="button color06 Tcolor10">en savoir plus</a></li>
+              <li><a href="tarifs.html" class="button color06 Tcolor10">en savoir plus</a></li>
              </ul>
             </section>
            </div>            
@@ -452,7 +452,7 @@
         <div id="references">
          
          <!-- Image -->
-          <a href="http://fav.me/d5pjw3g" class="image image-featured" ><img  src="img/pic01.jpg" alt="" /></a>
+          <a href="http://pre-barreau.com/" class="image image-featured" target="_blank" ><img  src="img/pic01.jpg" alt="" /></a>
          <!-- /Image -->
          <header id="intro" class="style1">
             <h2>Dolor consequat feugiat amet veroeros</h2>
@@ -466,7 +466,7 @@
               <div class="6u">
                <section>
                <h3>Mattis velit diam vulputate</h3>
-               <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
+               <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref01.png" alt="" /></a>
            
            <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
@@ -474,7 +474,7 @@
               <div class="6u">
                <section>
                 <h3>Lorem ipsum dolor sit veroeros</h3>
-                <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref02.png" alt="" /></a>
+                <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref02.png" alt="" /></a>
                 <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
               </div>
@@ -483,14 +483,14 @@
               <div class="6u">
                <section>
                 <h3>Pretium phasellus justo lorem</h3>
-                <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+                <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref03.png" alt="" /></a>
                 <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
               </div>
               <div class="6u">
                <section>
                 <h3 >Tempus sed pretium orci</h3>
-                <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref01.png" alt="" /></a>
+                <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref01.png" alt="" /></a>
                 <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
               </div>
@@ -499,22 +499,22 @@
               <div class="6u">
                <section>
                 <h3>Aliquam consequat et feugiat</h3>
-                <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+                <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref03.png" alt="" /></a>
                 <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
               </div>
               <div class="6u">
                <section>
                 <h3>Dolore laoreet aliquam mattis</h3>
-                <a href="http://fav.me/d5pjw3g" ><img class="image-left" src="img/ref03.png" alt="" /></a>
+                <a href="http://pre-barreau.com/" target="_blank"><img class="image-left" src="img/ref03.png" alt="" /></a>
                 <p>Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.</p>
                </section>
               </div>
              </div>
            </div>
            <ul class="actions actions-centered">
-            <li><a href="#" class="button button-style1 button-big color03">références</a></li>
-            <li><a href="#" class="button button-style1 button-big color02">étude de cas</a></li>
+            <li><a href="references.html" class="button button-style1 button-big color03">références</a></li>
+            <li><a href="etude-cas.html" class="button button-style1 button-big color02">étude de cas</a></li>
            </ul>
           </section>
          <!-- /Features -->
@@ -544,7 +544,7 @@
            Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
           </p>
           <ul class="actions">
-          <li><a href="#" class="button button-style3 color02">la societe</a></li>
+          <li><a href="societe.html" class="button button-style3 color02">la societe</a></li>
           </ul>
          
          <hr />
@@ -632,7 +632,7 @@
        <!-- Copyright -->
         <div id="copyright">
          <span>
-          &copy; telecasting 2013 <a href=""></a>
+           <a href="societe.html">&copy; telecasting 2013</a>
          </span>
         </div>
        <!-- /Copyright -->