31 <div class="recherche-wrap"> |
31 <div class="recherche-wrap"> |
32 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
32 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
33 <form action="#"> |
33 <form action="#"> |
34 <p > |
34 <p > |
35 <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a> |
35 <a data-trace-id="" data-trace-type="search" data-trace-view="head-search-snap" href="#" class="photo"></a> |
36 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
36 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-query" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" value="Présidentielles Sarkozy Hollande" /> |
37 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/> |
37 <input data-trace-id="" data-trace-type="search" data-trace-view="head-search-submit" type="submit" value="" class="recherche-submit"/> |
38 <a class="plus-button home" title="Annoter" href="#"> </a> |
38 <a class="plus-button home" title="Annoter" href="#"> </a> |
39 </p> |
39 </p> |
40 </form> |
40 </form> |
41 </div> |
41 </div> |
48 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li> |
48 <li><a data-trace-id="" data-trace-type="navigation" data-trace-view="navigation-culture" href="#">CULTURE</a></li> |
49 |
49 |
50 </ul> |
50 </ul> |
51 |
51 |
52 <div class="login-wrap"> |
52 <div class="login-wrap"> |
53 <h2>CONNECTER VOUS</h2> |
53 <h2>SE CONNECTER</h2> |
54 <form action="#"> |
54 <form action="#"> |
55 <p><input data-trace-id="" data-trace-type="login" data-trace-view="login-login" type="text" name="identifiant" placeholder="Identifiant" /></p> |
55 <p><input data-trace-id="" data-trace-type="login" data-trace-view="login-login" type="text" name="identifiant" placeholder="Identifiant" /></p> |
56 <p class="submit-wrap"> |
56 <p class="submit-wrap"> |
57 <input data-trace-id="" data-trace-type="login" data-trace-view="login-password" class="password" type="password" name="password"/> |
57 <input data-trace-id="" data-trace-type="login" data-trace-view="login-password" class="password" type="password" name="password"/> |
58 <input data-trace-id="" data-trace-type="login" data-trace-view="login-submit" class="submit-button" type="submit" value="OK" /> |
58 <input data-trace-id="" data-trace-type="login" data-trace-view="login-submit" class="submit-button" type="submit" value="OK" /> |
179 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
179 <li><a title="Passer en vue Liste" class="liste" href="#"><span class="visuel"></span><span class="fonction">Liste</span> </a></li> |
180 </ul> |
180 </ul> |
181 </div> |
181 </div> |
182 </div><!-- affichage --> |
182 </div><!-- affichage --> |
183 |
183 |
184 <div class="widget classer"> |
|
185 <h3><a href="#">CLASSER</a></h3> |
|
186 <div class="widget-inner"> |
|
187 <form action="#" class="filtre-categorie"> |
|
188 <p><input type="checkbox"> <label for="">International</label> </p> |
|
189 <p><input type="checkbox"> <label for="">International</label> </p> |
|
190 <p><input type="checkbox"> <label for="">International</label> </p> |
|
191 </form> |
|
192 </div> |
|
193 </div><!-- classer --> |
|
194 <div class="widget filtre"> |
184 <div class="widget filtre"> |
195 <h3><a href="#">FILTRES</a></h3> |
185 <h3><a href="#">FILTRES</a></h3> |
196 <div class="widget-inner"> |
186 <div class="widget-inner"> |
197 <form action="#" class="filtre-date"> |
187 <form action="#" class="filtre-date"> |
198 <p> |
188 <p> |
204 <input type="text" name="dateEnd" class="dateEnd" /> |
194 <input type="text" name="dateEnd" class="dateEnd" /> |
205 </p> |
195 </p> |
206 </form> |
196 </form> |
207 <h4>Catégories :</h4> |
197 <h4>Catégories :</h4> |
208 <form action="#" class="filtre-categorie"> |
198 <form action="#" class="filtre-categorie"> |
209 <p><input type="checkbox"> <label for="">International</label> </p> |
199 <p><input type="checkbox" checked> <label for="">International</label> </p> |
210 <p><input type="checkbox"> <label for="">International</label> </p> |
200 <p><input type="checkbox" checked> <label for="">France</label> </p> |
211 <p><input type="checkbox"> <label for="">International</label> </p> |
201 <p><input type="checkbox" checked> <label for="">Economie</label> </p> |
|
202 <p><input type="checkbox" checked> <label for="">Culture</label> </p> |
212 </form> |
203 </form> |
213 </div> |
204 </div> |
214 </div><!-- filtre --> |
205 </div><!-- filtre --> |
215 <div class="widget links"> |
206 <div class="widget links"> |
216 <h3><a href="#">DOSSIER ASSOCIES</a></h3> |
207 <h3><a href="#">DOSSIERS ASSOCIES</a></h3> |
217 <div class="widget-inner"> |
208 <div class="widget-inner"> |
218 <ul> |
209 <ul> |
|
210 <!-- <li><a href="#">« Corruption »</a></li> |
219 <li><a href="#">« Corruption »</a></li> |
211 <li><a href="#">« Corruption »</a></li> |
220 <li><a href="#">« Corruption »</a></li> |
212 <li><a href="#">« Corruption »</a></li> |
221 <li><a href="#">« Corruption »</a></li> |
213 <li><a href="#">« Corruption »</a></li> --> |
222 <li><a href="#">« Corruption »</a></li> |
|
223 </ul> |
214 </ul> |
224 </div> |
215 </div> |
225 </div><!-- links --> |
216 </div><!-- links --> |
226 |
217 |
227 </div> |
218 </div> |