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 <a href="#" class="photo"></a> |
30 <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
30 <input name="recherche" placeholder="Rechercher" class="input-recherche" type="text" /> |
31 <input type="submit" value="" class="recherche-submit"/> |
31 <input type="submit" title="Rechercher" value="" class="recherche-submit"/> |
32 <a class="plus-button" href="#"> </a> |
32 <a class="plus-button" title="Annoter" href="#"> </a> |
33 </p> |
33 </p> |
34 </form> |
34 </form> |
35 </div> |
35 </div> |
36 |
36 |
37 <ul class="header-menu"> |
37 <ul class="header-menu"> |
61 <div class="dossier-documentaire"> |
61 <div class="dossier-documentaire"> |
62 <div class="dossier-documentaire-inner"> |
62 <div class="dossier-documentaire-inner"> |
63 <h2>MES DOSSIERS</h2> |
63 <h2>MES DOSSIERS</h2> |
64 <ul> |
64 <ul> |
65 <li class="clearfix"> |
65 <li class="clearfix"> |
66 <a href="#"> |
66 <a title="Voir le dossier" href="#"> |
67 <img src="img/documentaire-visuel.jpg" alt="" /> |
67 <img src="img/documentaire-visuel.jpg" alt="" /> |
68 <span class="documentaire-texte"> |
68 <span class="documentaire-texte"> |
69 <h3>Terrorisme</h3> |
69 <h3>Terrorisme</h3> |
70 <p>relation entre elation entre</p> |
70 <p>relation entre elation entre</p> |
71 </span> |
71 </span> |
72 </a> |
72 </a> |
73 </li> |
73 </li> |
74 <li class="clearfix"> |
74 <li class="clearfix"> |
75 <a href="#"> |
75 <a title="Voir le dossier" href="#"> |
76 <img src="img/documentaire-visuel.jpg" alt="" /> |
76 <img src="img/documentaire-visuel.jpg" alt="" /> |
77 <span class="documentaire-texte"> |
77 <span class="documentaire-texte"> |
78 <h3>Terrorisme</h3> |
78 <h3>Terrorisme</h3> |
79 <p>relation entre elation entre</p> |
79 <p>relation entre elation entre</p> |
80 </span> |
80 </span> |
81 </a> |
81 </a> |
82 </li> |
82 </li> |
83 <li class="clearfix"> |
83 <li class="clearfix"> |
84 <a href="#"> |
84 <a title="Voir le dossier" href="#"> |
85 <img src="img/documentaire-visuel.jpg" alt="" /> |
85 <img src="img/documentaire-visuel.jpg" alt="" /> |
86 <span class="documentaire-texte"> |
86 <span class="documentaire-texte"> |
87 <h3>Terrorisme</h3> |
87 <h3>Terrorisme</h3> |
88 <p>relation entre elation entre</p> |
88 <p>relation entre elation entre</p> |
89 </span> |
89 </span> |
90 </a> |
90 </a> |
91 </li> |
91 </li> |
92 <li class="clearfix"> |
92 <li class="clearfix"> |
93 <a href="#"> |
93 <a title="Nouveau dossier documentaire" href="#"> |
94 <img src="img/documentaire-nouveau-dossier.jpg" alt="" /> |
94 <img src="img/documentaire-nouveau-dossier.jpg" alt="" /> |
95 <span class="documentaire-texte"> |
95 <span class="documentaire-texte"> |
96 <h3>NOUVEAU DOSSIER</h3> |
96 <h3>NOUVEAU DOSSIER</h3> |
97 <p>Creér un dossier documentaire</p> |
97 <p>Creér un dossier documentaire</p> |
98 </span> |
98 </span> |
99 </a> |
99 </a> |
100 </li> |
100 </li> |
101 |
101 |
102 </ul> |
102 </ul> |
103 <a class="documentaire-lien" href="#"></a> |
103 <a class="documentaire-lien" title="Voir les dossiers" href="#"></a> |
104 <h2></h2> |
104 <h2></h2> |
105 <ul> |
105 <ul> |
106 <li class="clearfix"> |
106 <li class="clearfix"> |
107 <a href="#"> |
107 <atitle="Voir le dossier" href="#"> |
108 <img src="img/documentaire-visuel.jpg" alt="" /> |
108 <img src="img/documentaire-visuel.jpg" alt="" /> |
109 <span class="documentaire-texte"> |
109 <span class="documentaire-texte"> |
110 <h3>Terrorisme</h3> |
110 <h3>Terrorisme</h3> |
111 <p>relation entre elation entre</p> |
111 <p>relation entre elation entre</p> |
112 </span> |
112 </span> |
113 </a> |
113 </a> |
114 </li> |
114 </li> |
115 <li class="clearfix"> |
115 <li class="clearfix"> |
116 <a href="#"> |
116 <a title="Voir le dossier" href="#"> |
117 <img src="img/documentaire-visuel.jpg" alt="" /> |
117 <img src="img/documentaire-visuel.jpg" alt="" /> |
118 <span class="documentaire-texte"> |
118 <span class="documentaire-texte"> |
119 <h3>Terrorisme</h3> |
119 <h3>Terrorisme</h3> |
120 <p>relation entre elation entre</p> |
120 <p>relation entre elation entre</p> |
121 </span> |
121 </span> |
122 </a> |
122 </a> |
123 </li> |
123 </li> |
124 </ul> |
124 </ul> |
125 <a class="documentaire-lien" href="#"></a> |
125 <a class="documentaire-lien" title="Voir les dossiers" href="#"></a> |
126 </div> |
126 </div> |
127 </div><!--dossier-documentaire--> |
127 </div><!--dossier-documentaire--> |
128 </div><!-- header --> |
128 </div><!-- header --> |
129 |
129 |
130 <div class="content-wrap clearfix"> |
130 <div class="content-wrap clearfix"> |
145 <h3><a href="#">RECHERCHE</a></h3> |
145 <h3><a href="#">RECHERCHE</a></h3> |
146 <div class="widget-inner"> |
146 <div class="widget-inner"> |
147 <form action="#" method=""> |
147 <form action="#" method=""> |
148 <p class="clearfix"> |
148 <p class="clearfix"> |
149 <input type="text" name="" placeholder="Rechercher" /> |
149 <input type="text" name="" placeholder="Rechercher" /> |
150 <input type="submit" value="" /> |
150 <input title="Rechercher" type="submit" value="" /> |
151 </p> |
151 </p> |
152 </form> |
152 </form> |
153 </div> |
153 </div> |
154 </div><!-- recherche --> |
154 </div><!-- recherche --> |
155 <div class="widget classer"> |
155 <div class="widget classer"> |
225 </ul> |
225 </ul> |
226 </div> |
226 </div> |
227 </li><!-- item-dossier --> |
227 </li><!-- item-dossier --> |
228 <li class="item-dossier clearfix"> |
228 <li class="item-dossier clearfix"> |
229 <div class="dossier-col-left"> |
229 <div class="dossier-col-left"> |
230 <h2><a href="#">L'affaire Sarkozy »</a></h2> |
230 <h2><a title="Lire l'article" href="#">L'affaire Sarkozy »</a></h2> |
231 <div class="dossier-content"> |
231 <div class="dossier-content"> |
232 <img src="img/visuel-article.jpg" alt=""> |
232 <img src="img/visuel-article.jpg" alt=""> |
233 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
233 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod |
234 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
234 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, |
235 quis nostrud exercitation ullamco laboris nisi |
235 quis nostrud exercitation ullamco laboris nisi |