23 |
23 |
24 <div class="recherche-wrap"> |
24 <div class="recherche-wrap"> |
25 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
25 <h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1> |
26 <form action="#"> |
26 <form action="#"> |
27 <p > |
27 <p > |
|
28 <a href="#" class="photo"></a> |
28 <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
29 <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
29 <input type="submit" value="" class="recherche-submit"/> |
30 <input type="submit" value="" class="recherche-submit"/> |
30 <a class="plus-button" href="#"><img src="img/plus-button.jpg" alt=""/> </a> |
31 |
31 </p> |
32 </p> |
32 </form> |
33 </form> |
33 </div> |
34 </div> |
34 |
35 |
35 <ul class="header-menu"> |
36 <ul class="header-menu"> |
127 |
128 |
128 <div class="content-wrap clearfix"> |
129 <div class="content-wrap clearfix"> |
129 <div class="frise"> |
130 <div class="frise"> |
130 |
131 |
131 </div> |
132 </div> |
132 <div class="cluster-wrap"> |
133 |
133 <a href="#" class="cluster-arrow arrow-left"></a> |
|
134 <a href="#" class="cluster-arrow arrow-right"></a> |
|
135 <div class="cluster-containment"> |
|
136 <div class="cluster-visible"> |
|
137 |
|
138 <ul class="cluster"> |
|
139 <li><a href="#">Début</a></li> |
|
140 <li><a href="#">affaire de Karachi</a></li> |
|
141 <li><a href="#">Syrie</a></li> |
|
142 <li><a href="#">affaire de Karachi</a></li> |
|
143 <li><a href="#">Syrie</a></li> |
|
144 <li><a href="#">affaire de Karachi</a></li> |
|
145 <li><a href="#">Syrie</a></li> |
|
146 <li><a href="#">affaire de Karachi</a></li> |
|
147 <li><a href="#">Syrie</a></li> |
|
148 <li><a href="#">affaire de Karachi</a></li> |
|
149 <li><a href="#">Syrie</a></li> |
|
150 <li><a href="#">Fin</a></li> |
|
151 </ul> |
|
152 </div> |
|
153 </div> |
|
154 |
|
155 </div> |
|
156 |
134 |
157 <div class="content clearfix"> |
135 <div class="content clearfix"> |
158 |
136 |
159 |
137 |
160 <div class="content-left"> |
138 <div class="content-left"> |
161 |
139 |
162 <div class="widget-wrap"> |
140 <div class="widget-wrap"> |
163 <div class="widget filtre"> |
141 |
164 <h3><a href="">FILTRES</a></h3> |
|
165 <div class="widget-inner"> |
|
166 <form action="#" class="filtre-date"> |
|
167 <p> |
|
168 <label for="">De :</label> |
|
169 <input type="text" /> |
|
170 </p> |
|
171 <p> |
|
172 <label for="">à :</label> |
|
173 <input type="text" /> |
|
174 </p> |
|
175 </form> |
|
176 <h4>Catégories :</h4> |
|
177 <form action="#" class="filtre-categorie"> |
|
178 <p><input type="checkbox"> <label for="">International</label> </p> |
|
179 <p><input type="checkbox"> <label for="">International</label> </p> |
|
180 <p><input type="checkbox"> <label for="">International</label> </p> |
|
181 </form> |
|
182 </div> |
|
183 </div><!-- filtre --> |
|
184 <div class="widget links"> |
|
185 <h3><a href="">DOSSIER ASSOCIES</a></h3> |
|
186 <div class="widget-inner"> |
|
187 <ul> |
|
188 <li><a href="#">« Corruption »</a></li> |
|
189 <li><a href="#">« Corruption »</a></li> |
|
190 <li><a href="#">« Corruption »</a></li> |
|
191 <li><a href="#">« Corruption »</a></li> |
|
192 </ul> |
|
193 </div> |
|
194 </div><!-- links --> |
|
195 <div class="widget affichage"> |
142 <div class="widget affichage"> |
196 <h3><a href="">AFFICHAGE</a></h3> |
143 <h3><a href="">AFFICHAGE</a></h3> |
197 <div class="widget-inner"> |
144 <div class="widget-inner"> |
198 |
145 |
199 <ul class="clearfix"> |
146 <ul class="clearfix"> |