integration/documentaire.html
changeset 5 16413123bc8c
parent 4 b00fdbef41d4
child 11 95df5542a1ce
equal deleted inserted replaced
4:b00fdbef41d4 5:16413123bc8c
    24 
    24 
    25                 <div class="recherche-wrap">
    25                 <div class="recherche-wrap">
    26                     <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
    26                     <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
    27                     <form action="#">
    27                     <form action="#">
    28                         <p >
    28                         <p >
       
    29                             <a href="#" class="photo"></a>
    29                             <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
    30                             <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" />
    30                             <input type="submit" value="" class="recherche-submit"/>
    31                             <input type="submit" value="" class="recherche-submit"/>
    31                             <a class="plus-button" href="#"><img src="img/plus-button.jpg" alt=""/> </a>
    32                             <a class="plus-button" href="#"> </a>
    32                         </p>
    33                         </p>
    33                     </form>
    34                     </form>
    34                 </div>
    35                 </div>
    35 
    36 
    36                 <ul class="header-menu">
    37                 <ul class="header-menu">
   165                                 <h3><a href="#">FILTRES</a></h3>
   166                                 <h3><a href="#">FILTRES</a></h3>
   166                                 <div class="widget-inner">
   167                                 <div class="widget-inner">
   167                                     <form action="#" class="filtre-date">
   168                                     <form action="#" class="filtre-date">
   168                                         <p>
   169                                         <p>
   169                                             <label for="">De :</label>
   170                                             <label for="">De :</label>
   170                                             <input type="text" />
   171                                             <input type="text" name="dateBegin" class="dateBegin" />
   171                                         </p>
   172                                         </p>
   172                                         <p>
   173                                         <p>
   173                                             <label for="">à :</label>
   174                                             <label for="">à :</label>
   174                                             <input type="text" />
   175                                             <input type="text" name="dateEnd" class="dateEnd" />
   175                                         </p>
   176                                         </p>
   176                                     </form>
   177                                     </form>
   177                                     <h4>Catégories :</h4>
   178                                     <h4>Catégories :</h4>
   178                                     <form action="#" class="filtre-categorie">
   179                                     <form action="#" class="filtre-categorie">
   179                                         <p><input type="checkbox"> <label for="">International</label> </p>
   180                                         <p><input type="checkbox"> <label for="">International</label> </p>
   191                         
   192                         
   192                        <div class="dossiers">
   193                        <div class="dossiers">
   193                            <ul>
   194                            <ul>
   194                                <li class="item-dossier clearfix">
   195                                <li class="item-dossier clearfix">
   195                                    <div class="dossier-col-left">
   196                                    <div class="dossier-col-left">
   196                                        <h2><a href="#">L'affaire Sarkozy »</a></h2>
   197                                         <div class="header-dossier">
       
   198                                           <h2>
       
   199                                             <a href="#">L'affaire Sarkozy »</a>
       
   200                                           </h2>
       
   201                                         </div>
       
   202                                         
   197                                        <div class="dossier-content">
   203                                        <div class="dossier-content">
   198                                            <img src="img/visuel-article.jpg" alt="">
   204                                            <img src="img/visuel-article.jpg" alt="">
   199                                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   205                                             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   200                                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   206                                        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   201                                        quis nostrud exercitation ullamco laboris nisi  
   207                                        quis nostrud exercitation ullamco laboris nisi  
   316                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   322                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   317                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   323                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   318                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   324                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
   319                              </ul>
   325                              </ul>
   320                            </div>
   326                            </div>
   321                          </div>
   327                          </div><!-- widget -->
       
   328                          <div class="widget">
       
   329                            <h3><a href="#">TOUTES MES ANNOTATIONS</a></h3>
       
   330                            <div class="widget-inner">       
       
   331                              <ul>
       
   332                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
       
   333                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
       
   334                                <li><a href="#">« Election 2012 »</a> par TomeJ</li>
       
   335                              </ul>
       
   336                            </div>
       
   337                          </div><!-- widget -->
   322                        </div><!-- dossier-similaire -->
   338                        </div><!-- dossier-similaire -->
   323                     </div><!-- content-right -->
   339                     </div><!-- content-right -->
   324                 </div>
   340                 </div>
   325                 <div class="footer clearfix">
   341                 <div class="footer clearfix">
   326                     <div class="footer-information">
   342                     <div class="footer-information">
   362             </div>
   378             </div>
   363         </div>
   379         </div>
   364         <!-- JavaScript -->
   380         <!-- JavaScript -->
   365         <script src="js/vendor/jquery-1.8.0.min.js"></script>
   381         <script src="js/vendor/jquery-1.8.0.min.js"></script>
   366         <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
   382         <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>
       
   383         <script src="js/vendor/dragslider.js"></script>
   367         <script src="js/plugins.js"></script>
   384         <script src="js/plugins.js"></script>
   368         <script src="js/main.js"></script>
   385         <script src="js/main.js"></script>
   369 
   386 
   370     </body>
   387     </body>
   371 </html>
   388 </html>