anchor.diff:  	text-align: center;
   }
   
  -#search {
  +#classifieds #search {
   	width: 50%;
   	margin: auto;
   }
   
  -#categories #category1, #categories #category3 {
  +#classifieds #categories {
  +  padding-top: 20px;
  +  float: left;
  +}
  +
  +#classifieds #categories #categoryleft {
   	width: 47%;
   	float: left;
  -	height: 100px;
  -	margin-left: 10px; 
  -}
  -
  -#categories #category2, #categories #category4 {
  +	margin-left: 10px;
  +	margin-bottom: 10px;
  +	position: relative;
  +	
  +  background-color:#FFFFFF;
  +  background-image:url(/silverpeas/admin/jsp/icons/silverpeasV5/fondBoard.jpg);
  +  background-position:right top;
  +  background-repeat:no-repeat;
  +  border:1px solid #CCCCCC;
  +}
  +
  +#classifieds #categories #categoryright {
   	width: 47%;
   	float: right;
  -	height: 100px;
   	margin-right: 10px;
  -}
  -
  -#infos {
  -	width: 100%;
  -	margin-left: 5px;
  -	margin-right: 5px;
  +	margin-bottom: 10px;
  +	position: relative;
  +	
  +	background-color:#FFFFFF;
  +  background-image:url(/silverpeas/admin/jsp/icons/silverpeasV5/fondBoard.jpg);
  +  background-position:right top;
  +  background-repeat:no-repeat;
  +  border:1px solid #CCCCCC;
  +}
  +
  +#classifieds #categories #categoryTitle {
  +  background-image:url(/silverpeas/admin/jsp/icons/silverpeasV5/milieuBouton.gif);
  +  background-repeat:repeat-x;
  +  color:#FFFFFF;
  +  height:20px;
  +  text-align: center;
  +  font-weight: bold;
  +  text-transform: uppercase;
  +  padding-top: 3px;
  +  position: relative;
  +}
  +
  +#classifieds #categories #categoryContent {
  +  height: 70px;
  +  position: relative;
  +}
  +
  +#classifieds #categories #newClassified {
  +  float: right;
  +  padding: 5px;
  +}
  +
  +#classifieds #categories #categoryContent ul {
  +  height: 70px;
  +  /*list-style-type: disc;*/
  +  margin-left: 10px;
  +  list-style-type: inherit;
  +  margin-top: 5px;
  +}
  +
  +#classifieds #categories #categoryContent .emptyCategory {
  +  float:left;
  +  padding:5px;
  +}
  +
  +#classifieds #infos {
  +	width: 96%;
  +	margin-left: 10px;
   	text-align: center;
   	float: left;
  +	padding: 10px;
   }
   
   </style>
  
positive.code:     
  	// afficher les critres de tri
  	%>
  	<br/>
  	<FORM Name="classifiedForm" action="SearchClassifieds" Method="POST" ENCTYPE="multipart/form-data">
  		<% if (formSearch != null) { %>
  			<center>
  
negative.code: 					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;
  						%>
  							<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
  				%>
  					<div id="newClassified"><a href="NewClassified?FieldKey=<%=category.getKey()%>"><%=resource.getString("classifieds.newClassified")%></a></div>
  				<%
  				//out.println(board.printAfter());
  				out.print("</div>");
  				if ("left".equals(leftOrRight))
  				{
  				  leftOrRight = "right";
  				}
  				else
  				{
  				  leftOrRight = "left";
  				}
  			}
  		}%>
  		<!-- affichage des informations legales -->
      <div id="infos" class="tableBoard">
        <%=resource.getString("classifieds.infos")%>
      </div>
  	</div>
  	
  	<%
    	out.println(frame.printAfter());
  	 out.println(window.printAfter());
  %>
  </div>
  </center>
  