{{{
#!html
<ul style="list-style: none;padding:0;margin:0;">
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="PagesJaunesEureka" style="color:#AFB11D;text-decoration:none;border:none;">Eureka</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="PagesJaunesSTPro" style="color:#AFB11D;text-decoration:none;border:none;">STPro</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="YvesRocher" style="color:#AFB11D;text-decoration:none;border:none;">Yves Rocher</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="Citroen" style="color:#AFB11D;text-decoration:none;border:none;">Citroën</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><span>GNFA</span></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="Plantwit" style="color:#AFB11D;text-decoration:none;border:none;">Plantwit</a></li>
</ul>

<br style="clear:both"/>

<div style="background-color: #333333;padding:20px;color:#ffffff;">

<div style="float:left;width:60%;">

<ul style="list-style: none;margin: 0;padding: 0;float:right;padding-right:20px;">
<li style="float:left;padding-left:10px;"><a href="GNFA" style="color:#AFB11D;text-decoration:none;border:none;">1</a></li>
<li style="float:left;padding-left:10px;"><span style="color:#ffffff;text-decoration:none;border:none;">2</span></li>
</ul>

<br style="clear:both"/>

<img src="/img/refs/gnfa_view.png" style="width:365px;padding:10px"/>
</div>

<div style="float:right;width:40%;">
<h1 style="color:white;">Rich Interface Application</h1>
<p style="padding-left:0px;">
Asynchronous Rich Interface through the use of YUI and Nagare capabilities.
</p>

</div>

<br style="clear:both"/>

</div>
}}}