--- a/integration/documentaire.html Tue Oct 16 14:31:59 2012 +0200
+++ b/integration/documentaire.html Tue Oct 23 15:13:21 2012 +0200
@@ -12,7 +12,7 @@
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
- <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.24.custom.css">
+ <link rel="stylesheet" href="css/ui-blue/jquery-ui-1.9.0.custom.min.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<body>
@@ -22,6 +22,13 @@
<div class="wrap">
<div class="header">
+ <div class="logo">
+ <div class="date">
+ <span class="year">5</span>
+ <span class="text">années archivées</span>
+ </div>
+ </div>
+
<div class="recherche-wrap">
<h1><img src="img/mediapart-by-periplus.jpg" alt="" /></h1>
<form action="#">
@@ -104,7 +111,7 @@
<h2></h2>
<ul>
<li class="clearfix">
- <atitle="Voir le dossier" href="#">
+ <a title="Voir le dossier" href="#">
<img src="img/documentaire-visuel.jpg" alt="" />
<span class="documentaire-texte">
<h3>Terrorisme</h3>
@@ -139,52 +146,53 @@
<div class="content-left documentaire">
-
- <div class="widget-wrap">
- <div class="widget recherche">
- <h3><a href="#">RECHERCHE</a></h3>
- <div class="widget-inner">
- <form action="#" method="">
- <p class="clearfix">
- <input type="text" name="" placeholder="Rechercher" />
- <input title="Rechercher" type="submit" value="" />
- </p>
- </form>
- </div>
- </div><!-- recherche -->
- <div class="widget classer">
- <h3><a href="#">CLASSER</a></h3>
- <div class="widget-inner">
- <form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- </form>
- </div>
- </div><!-- classer -->
- <div class="widget filtre">
- <h3><a href="#">FILTRES</a></h3>
- <div class="widget-inner">
- <form action="#" class="filtre-date">
- <p>
- <label for="">De :</label>
- <input type="text" name="dateBegin" class="dateBegin" />
- </p>
- <p>
- <label for="">à :</label>
- <input type="text" name="dateEnd" class="dateEnd" />
- </p>
- </form>
- <h4>Catégories :</h4>
- <form action="#" class="filtre-categorie">
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- <p><input type="checkbox"> <label for="">International</label> </p>
- </form>
- </div>
- </div><!-- filtre -->
-
+ <div class="widget-wrapper">
+ <div class="widget-wrap">
+ <div class="widget recherche">
+ <h3><a href="#">RECHERCHE</a></h3>
+ <div class="widget-inner">
+ <form action="#" method="">
+ <p class="clearfix">
+ <input type="text" name="" placeholder="Rechercher" />
+ <input title="Rechercher" type="submit" value="" />
+ </p>
+ </form>
+ </div>
+ </div><!-- recherche -->
+ <div class="widget classer">
+ <h3><a href="#">CLASSER</a></h3>
+ <div class="widget-inner">
+ <form action="#" class="filtre-categorie">
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ </form>
+ </div>
+ </div><!-- classer -->
+ <div class="widget filtre">
+ <h3><a href="#">FILTRES</a></h3>
+ <div class="widget-inner">
+ <form action="#" class="filtre-date">
+ <p>
+ <label for="">De :</label>
+ <input type="text" name="dateBegin" class="dateBegin" />
+ </p>
+ <p>
+ <label for="">à :</label>
+ <input type="text" name="dateEnd" class="dateEnd" />
+ </p>
+ </form>
+ <h4>Catégories :</h4>
+ <form action="#" class="filtre-categorie">
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ <p><input type="checkbox"> <label for="">International</label> </p>
+ </form>
+ </div>
+ </div><!-- filtre -->
+
+ </div>
</div>
</div>
@@ -359,9 +367,9 @@
<div class="footer-partenaire">
<h2>Partenaires</h2>
<ul>
- <li><a href="#"><img src="img/logo-iri.jpg" alt="" /></a></li>
- <li><a href="#"><img src="img/logo-cea.jpg" alt="" /></a></li>
- <li><a href="#"><img src="img/logo-alcatel.jpg" alt="" /></a></li>
+ <li><a title="iri" href="http://www.iri.centrepompidou.fr/" class="iri"></a></li>
+ <li><a title="cea" href="http://www.cea.fr/" class="cea"></a></li>
+ <li><a title="Alcatel" href="http://www.alcatel-lucent.com" class="alcatel"></a></li>
</ul>
</div>
<div class="footer-texte">