<%@ taglib uri="/WEB-INF/lib/tld/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/lib/tld/fmt.tld" prefix="f" %>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BlankoNet</title>
<link rel="stylesheet" type="text/css" href="/SocialNet/social.css" />
</head>
<body>
  <div id="header">
    <div class="centrage">
      <h1><span>SocialNet</span></h1>
      <ul>
        <li><a href="/SocialNet" id="home">Accueil</a></li>
        <li><a href="#categories" id="about">Navigation</a></li>
        <li><a href="#contenu" id="link">Contenu</a></li>
        <li><a href="#" id="contact">Contact</a></li>
      </ul>
    </div>
  </div>

  <div id="content">
    <div id="side">
      <h2 id="categories">Navigation</h2>
      <div class="side-bloc">
        <ul>
          <li><a href="/SocialNet">Accueil</a></li>
          <li><a href="/SocialNet/login/">Connexion</a></li> 
        </ul>
        <div class="bottom-side-bloc"></div>
      </div>

      <h2 id="articles">Contacts</h2>
      <div class="side-bloc">
        <ul>
          <li><a href="/SocialNet/contacts">Liste</a></li>
        </ul>
        <div class="bottom-side-bloc"></div>
      </div>

  </div>

  <div id="contenu">
    <div id="bg-centre-contenu">