anchor.diff:  					Iterator it = classifieds.iterator();
   					// on ne veut que 5 annonces par catgories
   					int max = 5;
  +					out.println("<ul>");
   					while (it.hasNext() && nbClassifieds < max) {
   						classified = (ClassifiedDetail) it.next();
   						nbClassifieds = nbClassifieds + 1;
   						%>
  -							<a href="ViewClassified?ClassifiedId=<%=classified.getClassifiedId()%>"><%=classified.getTitle()%></a><br/>
  +							<li><a href="ViewClassified?ClassifiedId=<%=classified.getClassifiedId()%>"><%=classified.getTitle()%></a></li>
   						<%
   					}
  -				}
  +					out.println("</ul>");
  +				}
  +				out.print("</div>");
   				// lien pour la saisie d'une nouvelle annonce
   				%>
  -					<a href="NewClassified?FieldKey=<%=category.getKey()%>"><%=resource.getString("classifieds.newClassified")%></a><br/>
  +					<div id="newClassified"><a href="NewClassified?FieldKey=<%=category.getKey()%>"><%=resource.getString("classifieds.newClassified")%></a></div>
   				<%
  -				out.println(board.printAfter());
  +				//out.println(board.printAfter());
   				out.print("</div>");
  -				i++;
  +				if ("left".equals(leftOrRight))
  +				{
  +				  leftOrRight = "right";
  +				}
  +				else
  +				{
  +				  leftOrRight = "left";
  +				}
   			}
   		}%>
  +		<!-- affichage des informations legales -->
  +    <div id="infos" class="tableBoard">
  +      <%=resource.getString("classifieds.infos")%>
  +    </div>
   	</div>
   	
  -	<!-- affichage des informations legales -->
  -	<div id="infos">
  -		<%=board.printBefore()%>
  -		<center><%=resource.getString("classifieds.infos")%></center>
  -		<%=board.printAfter()%>
  -	</div>
  -	<%    
  -	
  +	<%
     	out.println(frame.printAfter());
  -	out.println(window.printAfter());
  +	 out.println(window.printAfter());
   %>
   </div>
   </center>
  
positive.code: 	text-align: center;
  }
  
  #search {
  	width: 50%;
  	margin: auto;
  }
  
  #categories #category1, #categories #category3 {
  	width: 47%;
  	float: left;
  	height: 100px;
  	margin-left: 10px; 
  }
  
  #categories #category2, #categories #category4 {
  	width: 47%;
  	float: right;
  	height: 100px;
  	margin-right: 10px;
  }
  
  #infos {
  	width: 100%;
  	margin-left: 5px;
  	margin-right: 5px;
  	text-align: center;
  	float: left;
  }
  
  </style>
  
negative.code: 		<% if (categories != null) {
  			Category category;
  			Iterator itC = categories.iterator();
  			String leftOrRight = "left";
  			while (itC.hasNext()) {
  				// pour une catgorie
  				category = (Category) itC.next();
  				String categoryName = category.getValue();
  				out.println("<div id=\"category"+leftOrRight+"\" class=\"category"+category.getKey()+"\">");
  				//out.println(board.printBefore());				
  				nbAffiche = nbAffiche + 1;
  							
  				// affichage des annonces de cette catgorie
  				Collection classifieds = category.getClassifieds();
  				int nbClassifieds = 0;
  				out.println("<div id=\"categoryTitle\">"+categoryName+"</div>");
  				out.println("<div id=\"categoryContent\">");
  				if (classifieds == null || classifieds.size() == 0) 
  				{
  					%>
  						<span class="emptyCategory"><%=resource.getString("classifieds.CategoryEmpty")%></span>
  					<%	
  				}
  				else
  