Index: ether_ndacc/trunk/web/about.jsp
===================================================================
--- ether_ndacc/trunk/web/about.jsp	(revision 122)
+++ ether_ndacc/trunk/web/about.jsp	(revision 125)
@@ -14,5 +14,5 @@
 <body >
 <div align="center">
-<div style="width: 1230px ;" class="menu1"><!-- dÃ©<table>but de la boite contenant les onglets -->
+<div style="width: 1230px ;" class="menu2"><!-- dÃ©<table>but de la boite contenant les onglets -->
 <jsp:include page="template_haut.jsp" />
 </div>
@@ -23,10 +23,10 @@
 
 <div style="margin-top: 0px; height: 1000px;">
-<table cellpadding="16" cellspacing="2" width=1230px border=1>
+<table cellpadding="16" cellspacing="2" width=1230px border=0 class="contenut">
 <tr>
 <td>
 <table align=center>
 <tr>
-<td class="liste1">
+<td>
 <p>
 	
Index: ether_ndacc/trunk/web/community.jsp
===================================================================
--- ether_ndacc/trunk/web/community.jsp	(revision 122)
+++ ether_ndacc/trunk/web/community.jsp	(revision 125)
@@ -22,5 +22,5 @@
 
 <div style="margin-top: 0px; height: 1000px;">
-<table cellpadding="16" cellspacing="2" width=1230px border=1>
+<table cellpadding="16" cellspacing="2" width=1230px border=0 class=contenut>
 <tr>
 <td>
Index: ether_ndacc/trunk/web/data_ohp.jsp
===================================================================
--- ether_ndacc/trunk/web/data_ohp.jsp	(revision 122)
+++ ether_ndacc/trunk/web/data_ohp.jsp	(revision 125)
@@ -7,12 +7,13 @@
 <META NAME="keywords" CONTENT="NDACC, NDACC LIDAR, OHP, NDACC FRANCE">
 
-	<link rel="stylesheet" type="text/css" href="resources/css/etherTypo.css" />
-	<title>Ether: NDACC</title>
-	<meta name="generator" content="TYPO3 4.1 CMS" />
+
+<link rel="stylesheet" type="text/css" href="resources/css/etherTypo.css" />
+<title>Ether: NDACC</title>
+<meta name="generator" content="TYPO3 4.1 CMS" />
 
 </head>
-<body>
+<body onload="majMenu('2');">
 <div align=center>
-<div style="margin-top: 0px; width: 1230px ;" class="menu1"><!-- dÃ©but de la boite contenant les onglets -->
+<div style="margin-top: -10px; width: 1230px ;" class="menu1"><!-- dÃ©but de la boite contenant les onglets -->
 
 <jsp:include page="template_haut.jsp" />
@@ -40,12 +41,13 @@
 
 </div>
-<div style="margin-top: 0px; height: 1150px; width: 1230px ;" class="plein">
-<blockquote>
-<table cellpadding="2" cellspacing="2" width=1130px border=0>
-<tr>
-<td class="cielbh1" height=30 colspan=2><u>Observatoire de Haute Provence</u></td>
-</tr>
-<tr>
-<td height=50 valign=top class="ciel" colspan=2><i>[ Station alpine - Lat : 43Â°56'N, Lon : 05Â°42'E ]</i></td>
+<div style="margin-top: -35px; height: 660px; width: 1230px ;" class="plein">
+<fieldset class="cfs">
+    <legend class="cielbh1">Observatoire de Haute Provence</legend>
+
+
+
+<table width=1130px border=0>
+<tr>
+<td height=0 valign=top class="ciel" colspan=2><i>[ Station alpine - Lat : 43Â°56'N, Lon : 05Â°42'E ]</i></td>
 </tr>
 </table>
@@ -57,5 +59,5 @@
 </tr>
 <tr>
-	<td colspan=2 height=10 valign="top" class="cielb" nowrap><a class="cielbp" href="http://sosgm.obs.uvsq.fr/spip.php?rubrique4" target="_blank">Station Data access</a></td>
+	<td colspan=2 height=10% valign="top" class="cielb" nowrap><a class="cielbp" href="http://sosgm.obs.uvsq.fr/spip.php?rubrique4" target="_blank">Station Data access</a></td>
 </tr>
 <tr>
@@ -73,5 +75,5 @@
 <tr>
 	<td nowrap height=20 valign="top" class="cielb">Equipe en station</td>
-	<td class="cielbp" valign="top">Pierre Dacancecao, Frederic Gomez, Gilles Kazmareck, Christian Mollet</td>
+	<td class="cielbp" height=20 valign="top">Pierre Dacancecao, Frederic Gomez, Gilles Kazmareck, Christian Mollet</td>
 	<td class="cielbl" valign="top" align=center rowspan=2 valign=top> 
 	Observatoire de Haute Provence<br>
@@ -84,48 +86,41 @@
 	
 </tr>
-<tr>
-	<td nowrap colspan=3 height=10 class="cielb1">&nbsp;</td>
-</tr>
-
-</table>
-
-</blockquote>
-
-<div style="left:55px; top:650px; width:1150px; height:50px;">
+<br>
+</table>
+
+
+<div style="margin-left:0px; margin-top:5px; top:750px; width:1150px; height:50px;">
 
 <table id="pif" cellpadding="2" cellspacing="2" width=1130>
 <tr>
-<td class="blanc1" rowspan=2 width="240">INSTRUMENT</td>
-<td class="blanc1" rowspan=2 width="210">MEASUREMENT</td>
-<td class="blanc1" rowspan=2 width="230">PI</td>
-<td class="blanc1" rowspan=2 width="320">NDACC STORED DATA</td>
-<td class="blanc1" colspan=2 width="220">QUICKLOOK</td>
-<td class="blanc1" rowspan=2 width="250">STATUS</td>
-</tr>
-<tr>
-<td class="blanc1" width="130">Long term</td>
-<td class="blanc1" width="130">Real Time</td>
-</tr>
-</table>
-</div>
-
-<div style="left:60px; top:1050px; width:1150px; height:250px; overflow:auto;">
+<td class="blanc1" rowspan=1 width="15%">INSTRUMENT</td>
+<td class="blanc1" rowspan=1 width="15%">MEASUREMENT</td>
+<td class="blanc1" rowspan=1 width="15%">PI</td>
+<td class="blanc1" rowspan=1 width="20%">NDACC STORED DATA</td>
+<td class="blanc1" colspan=1 width="16%">QUICKLOOK</td>
+<td class="blanc1" rowspan=1 width="10%">STATUS</td>
+</tr>
+</table>
+
+</div>
+
+<div style="margin-left:15px; margin-top:-15px; width:1150px; height:240px; overflow:auto;">
 
 <table id="pif" cellpadding="2" cellspacing="2" width=1130>
 
 <tr>
-<td class="blanc2" width="240"><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
+<td class="blanc2" width="15%"><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
 <br><a href="" onclick="openW ('./lidar_dial.jsp', NWIN1, WCONF1b);"><span class="itap"><i>(LIDAR DIAL)</i></span></a>
 </td>
-<td class="blanc2" width="210"><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> tropospheric profiles
+<td class="blanc2" width="15%"><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> tropospheric profiles
 
 <br><span class="itap"><i>(4-14 km)</i></span></td>
-<td class="blanc2" width="180">G. Ancellet</td>
-<td class="blanc2" width="260"><a href="" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')" title="Data access" target="_blank">1990-2008</a>
+<td class="blanc2" width="15%">G. Ancellet</td>
+<td class="blanc2" width="20%"><a href="" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')" title="Data access" target="_blank">1990-2008</a>
 <br><i>pattern files : ohto[yy][mm].anl</i>
 
 </td>
 
-<td class="orange" width="100" align="center">
+<td class="orange" width="8%" align="center">
 <a href="" title="Results" onclick="OuvrirFeuilleDynW ('instrument?methodName=selectLidarO3t&instrument=LIDAR+O3+TROPO&dateinf=19700101&station=OHP#','700','650')">
 <img border=1 src="resources/images/results.jpg" width="60px"></img>
@@ -133,15 +128,15 @@
 </td>
 
-<td class="orange" width="100">&nbsp;</td>
-<td class="vert" width="250">Routine</td>
-</tr>
-
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
+<td class="orange" width="8%">&nbsp;</td>
+<td class="vert" width="10%">Routine</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
 <br><a href="" onclick="openW ('./lidar_dial.jsp', NWIN1, WCONF1b);"><span class="itapl"><i>(LIDAR DIAL)</i></span></a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> stratospheric profiles
+<td class="blanc2" width=""><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> stratospheric profiles
 <br><span class="itap"><i>(10-50 km)</i></span></td>
-<td class="blanc2" width="180">S. Godin-Beekmann</td>
-<td class="blanc2" width="220"><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1985-2010</a>
+<td class="blanc2" width="">S. Godin-Beekmann</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1985-2010</a>
 <br><i>pattern files : oho3[yy][mm].gol</i></td>
 <td class="orange" nowrap align="center">
@@ -152,13 +147,13 @@
 
 <td class="orange" nowrap>&nbsp;</td>
-<td class="vert" width="220">Routine</td>
-</tr>
-
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./temperature.jsp', NWIN1, WCONF1b);">Temperature</a> profiles
+<td class="vert" width="">Routine</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a></td>
+<td class="blanc2" width=""><a href="" onclick="openW ('./temperature.jsp', NWIN1, WCONF1b);">Temperature</a> profiles
 <br><span class="itap"><i>(30-80 km)</i></span></td>
-<td class="blanc2" width="180">P. Keckhut and A. Hauchecorne</td>
-<td class="blanc2" width="220"><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1991-08/2009</a>
+<td class="blanc2" width="">P. Keckhut and A. Hauchecorne</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1991-08/2009</a>
 <br><i>pattern files : ohte[yy][mm].hal</i></td>
 
@@ -170,14 +165,14 @@
 
 <td class="orange" nowrap>&nbsp;</td>
-<td class="vert" width="220">Routine</td>
-</tr>
-
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
+<td class="vert" width="">Routine</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./lidar.jsp', NWIN1, WCONF1);">LIDAR</a>
 <br><span class="itap"><i>(LIDAR RETRODIFFUSION RAYLEIGH/MIE)</i></span>
 </td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./aerosols.jsp', NWIN1, WCONF1);">Aerosols</a> profiles</td>
-<td class="blanc2" width="180">J. Jumelet et P. Keckhut</td>
-<td class="blanc2" width="220"><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1991-1994, 1999-2008/04</a>
+<td class="blanc2" width=""><a href="" onclick="openW ('./aerosols.jsp', NWIN1, WCONF1);">Aerosols</a> profiles</td>
+<td class="blanc2" width="">J. Jumelet et P. Keckhut</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/lidar/')">1991-1994, 1999-2008/04</a>
 <br><i>pattern files : ohae[yy][mm].dal</i></td>
 
@@ -190,12 +185,12 @@
 
 <td class="orange" nowrap>&nbsp;</td>
-<td class="vert" width="220">Routine</td>
-</tr>
-</blockquote>
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./ecc.jsp', NWIN1, WCONF1);">ECC</a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> profiles</td>
-<td class="blanc2" width="180">S. Godin-Beekmann and G. Ancellet</td>
-<td class="blanc2" width="220"><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/o3sonde/')">1995-09/2010</a>
+<td class="vert" width="">Routine</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./ecc.jsp', NWIN1, WCONF1);">ECC</a></td>
+<td class="blanc2" width=""><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> profiles</td>
+<td class="blanc2" width="">S. Godin-Beekmann and G. Ancellet</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/o3sonde/')">1995-09/2010</a>
 <br><i>pattern files : oh[yy][mm][dd].b*</i></td>
 
@@ -207,33 +202,33 @@
 
 <td class="orange" nowrap>&nbsp;</td>
+<td class="vert" width="">Routine</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./spectro.jsp', NWIN1, WCONF2b);">UV Spectroradiometer</a></td>
+<td class="blanc2" width=""><a href="" onclick="openW ('./uv.jsp', NWIN1, WCONF1b);">UV</a></td>
+<td class="blanc2" width="">C. Brogniez</td>
+<td class="blanc2" width="">&nbsp;</td>
+<td class="orange" nowrap>&nbsp;</td>
+<td class="orange" nowrap>&nbsp;</td>
+<td class="orange" align="center" width="220">New instrument</td>
+</tr>
+
+<tr>
+<td class="blanc2" width=""><a href="" onclick="openW ('./dobson.jsp', NWIN1, WCONF1);">Dobson</a></td>
+<td class="blanc2" width=""><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> column</td>
+<td class="blanc2" width="">R. Evans and M-R Debacker (NOAA)</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/dobson/')">1983-2010</a>
+<br><i>pattern files : ohtc[yy][mm].evd</i></td>
+<td class="orange" nowrap>&nbsp;</td>
+<td class="orange" nowrap>&nbsp;</td>
 <td class="vert" width="220">Routine</td>
 </tr>
 
 <tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./spectro.jsp', NWIN1, WCONF2b);">UV Spectroradiometer</a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./uv.jsp', NWIN1, WCONF1b);">UV</a></td>
-<td class="blanc2" width="180">C. Brogniez</td>
-<td class="blanc2" width="220">&nbsp;</td>
-<td class="orange" nowrap>&nbsp;</td>
-<td class="orange" nowrap>&nbsp;</td>
-<td class="orange" align="center" width="220">New instrument</td>
-</tr>
-
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./dobson.jsp', NWIN1, WCONF1);">Dobson</a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> column</td>
-<td class="blanc2" width="180">R. Evans and M-R Debacker (NOAA)</td>
-<td class="blanc2" width="220"><a> href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/dobson/')">1983-2010</a>
-<br><i>pattern files : ohtc[yy][mm].evd</i></td>
-<td class="orange" nowrap>&nbsp;</td>
-<td class="orange" nowrap>&nbsp;</td>
-<td class="vert" width="220">Routine</td>
-</tr>
-
-<tr>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./saoz.jsp', NWIN1, WCONF1);">SAOZ</a></td>
-<td class="blanc2" width="220"><a href="" onclick="openW ('./no2.jsp', NWIN1, WCONF1b);">NO2</a>/<a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> column</td>
-<td class="blanc2" width="180">A. Pazmino, F. Goutail and J. P. Pommereau</td>
-<td class="blanc2" width="220"><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/uvvis/')">1992-2010</a>
+<td class="blanc2" width=""><a href="" onclick="openW ('./saoz.jsp', NWIN1, WCONF1);">SAOZ</a></td>
+<td class="blanc2" width=""><a href="" onclick="openW ('./no2.jsp', NWIN1, WCONF1b);">NO2</a>/<a href="" onclick="openW ('./ozone.jsp', NWIN1, WCONF1);">O3</a> column</td>
+<td class="blanc2" width="">A. Pazmino, F. Goutail and J. P. Pommereau</td>
+<td class="blanc2" width=""><a href="" title="Data access" onclick="OuvrirPageWD ('./disclaimer.jsp','ftp://ftp.cpc.ncep.noaa.gov/ndacc/station/ohp/ames/uvvis/')">1992-2010</a>
 <br><i>pattern files : ohtc[yy][mm].gfv or ohtc[yy][mm].pzv</i></td>
 <td class="orange" nowrap align="center">
@@ -243,10 +238,13 @@
 </td>
 <td class="orange" nowrap>&nbsp;</td>
-<td class="vert" width="220">Routine</td>
-</tr>
-
-</table>
-
-</div>
+<td class="vert" width="">Routine</td>
+</tr>
+
+</table>
+
+
+</div>
+</fieldset>
+
 </div>
 </div>
Index: ether_ndacc/trunk/web/resources/css/etherTypo.css
===================================================================
--- ether_ndacc/trunk/web/resources/css/etherTypo.css	(revision 122)
+++ ether_ndacc/trunk/web/resources/css/etherTypo.css	(revision 125)
@@ -1,40 +1,40 @@
-.petit          { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099} 
-.normal         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
-.normoy         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
-.moyen          { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
-.gros           { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000099} 
+.petit          { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099}
+.normal         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+.normoy         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+.moyen          { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+.gros           { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #000099}
 .titre          { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000099}
 .stitre         { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #3167ad}
- 
-p               { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
- 
-p.sous_option   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
-p.option        { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
-li.option       { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
- 
-p.petit         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
- 
-p.titrePage     { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #000099} 
-p.titrefra      { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: red} 
- 
-select.petit    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
- 
-td.leftBar      { background-color: #FFCC00 } 
-td.libelleChamp { background-color: #8ac5FF} 
-td.valeurChamp  { background-color: #6ea9e0} 
- 
-td.couleurFond  { background-color: #add8af } 
-tr.couleurFond  { background-color: #add8af } 
- 
-tr.titreColore  { background-color: #FFFFCC} 
-td.titreColore  { background-color: #FF9900 } 
- 
-tr.ligneDossier { background-color: #FFFFCC } 
-tr.lignePaire   { background-color: #d5eaff} 
-tr.ligneImpaire { background-color: #EFEFEF } 
- 
+
+p               { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+
+p.sous_option   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+p.option        { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+li.option       { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+
+p.petit         { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+
+p.titrePage     { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #000099}
+p.titrefra      { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: red}
+
+select.petit    { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
+
+td.leftBar      { background-color: #FFCC00 }
+td.libelleChamp { background-color: #8ac5FF}
+td.valeurChamp  { background-color: #6ea9e0}
+
+td.couleurFond  { background-color: #add8af }
+tr.couleurFond  { background-color: #add8af }
+
+tr.titreColore  { background-color: #FFFFCC}
+td.titreColore  { background-color: #FF9900 }
+
+tr.ligneDossier { background-color: #FFFFCC }
+tr.lignePaire   { background-color: #d5eaff}
+tr.ligneImpaire { background-color: #EFEFEF }
+
 /* modifiï¿œ pour typo3 */
 /* body         { background-color: #FFFFFF} */
- 
+
 
 .h0             { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #2b557d; line-height:120% }
@@ -43,10 +43,10 @@
 h1              { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000099}
 
-h2              { font-family: Arial, Helvetica, sans-serif; font-size: 11pt} 
- 
-/*; joli vert = #add8af.texte {  color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}*/ 
+h2              { font-family: Arial, Helvetica, sans-serif; font-size: 11pt}
+
+/*; joli vert = #add8af.texte {  color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}*/
 .texte          {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099; text-align: justify}
 .navi           {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
-.textePetit     {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099} 
+.textePetit     {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099}
 .ligneImpaire {  background-color: #d5eaff}
 .lignePaire {  background-color: #EFEFEF }
@@ -69,9 +69,9 @@
 .tdTitreGauc { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; background: url(/images/presentation/bandeauGauche.jpg); color: #28287B }*/
 /* modifiï¿œ pour typo3 */
-.tdLien { 
-        background-color: #d8edf8; 
+.tdLien {
+        background-color: #d8edf8;
         height: 20px;
-        font-family: Arial; 
-        font-size: 10pt; 
+        font-family: Arial;
+        font-size: 10pt;
         color: #000099;
 }
@@ -98,112 +98,112 @@
 /* fin copie */
 /* dessous : utile ï¿œ Typo3 : */
-.upFrame { 
-        background-image : url("../images/fond_menu_top.jpg"); 
-        background-repeat : repeat-x;
+.upFrame {
+        background-image : url("../images/fond_menu2.jpg");
+        //background-repeat : repeat-x;
         height: 117px;
 }
 
 .navGene {
-        background: #edf0f9;            
-}
-
-.titre_page { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        font-weight: bold;
-        color: #FFCC00; 
-}
-
-.titrePageInfo          { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 12pt; 
-        font-weight: bold; 
+        background: #edf0f9;
+}
+
+.titre_page {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        font-weight: bold;
+        color: #FFCC00;
+}
+
+.titrePageInfo          {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 12pt;
+        font-weight: bold;
         color: #000099
 }
 
-.page { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-}
-.titreGeneral { 
-        font-family: Arial; 
-        font-size: 14pt; 
-        font-weight: bold;
-        color: #CDECFF; 
-}
-.soustitre { 
-        font-family: Arial, Helvetica, sans-serif; 
+.page {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+}
+.titreGeneral {
+        font-family: Arial;
+        font-size: 14pt;
+        font-weight: bold;
+        color: #CDECFF;
+}
+.soustitre {
+        font-family: Arial, Helvetica, sans-serif;
         font-size: 11pt;
         font-weight: bold;
-        color: #ffffff; 
+        color: #ffffff;
         /*align: center;*/
-} 
+}
 
 .navB {
-        background: #EDF0F9;            
+        background: #EDF0F9;
 }
 .sponsors {
-        background: #EDF0F9;            
-}
-.txtBottom { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+        background: #EDF0F9;
+}
+.txtBottom {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #000099;
 }
 
 .copyRight {
-   font-size: 10pt; 
-   font-weight: bold;
-   font-family: Verdana, sans-serif;
-   color: #FFFFFF;                       
+   font-size: 10pt;
+   font-weight: bold;
+   font-family: Verdana, sans-serif;
+   color: #FFFFFF;
 }
 
 .closeButton {
-   font-size: 10pt; 
+   font-size: 10pt;
    font-weight: bold;
    font-family: Verdana, sans-serif;
    color: #000099;
-   background: #FFCC00;  
-}
-.texteBlanc             {  
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+   background: #FFCC00;
+}
+.texteBlanc             {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #ffffff
-} 
-.titreBlanc     { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 12pt; 
+}
+.titreBlanc     {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 12pt;
         color: #ffffff
-} 
-.titreBleu     { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 13pt; 
+}
+.titreBleu     {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 13pt;
         color: #0000ff
-} 
-.titreRouge     { 
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 13pt; 
+}
+.titreRouge     {
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 13pt;
         color: #ff0000
-} 
+}
 
 /* bouton presentation du Site */
 .texteBlancNav a:link {
    font-family: Arial;
-   font-size: 10pt; 
-   text-decoration: none;
-   color: #ffffff;                      
+   font-size: 10pt;
+   text-decoration: none;
+   color: #ffffff;
 }
 .texteBlancNav a:visited {
    font-family: Arial;
-   font-size: 10pt; 
-   text-decoration: none;
-   color: #ffffff;                      
+   font-size: 10pt;
+   text-decoration: none;
+   color: #ffffff;
 }
 .texteBlancNav a:hover {
    font-family: Arial;
-   font-size: 10pt; 
-   text-decoration: none;
-   color: #FFCC00;                      
+   font-size: 10pt;
+   text-decoration: none;
+   color: #FFCC00;
 }
 /* Menu ether */
@@ -212,6 +212,6 @@
    font-size: 11px;
    font-variant: small-caps;
-   background: #edf0f9;                 
-}   
+   background: #edf0f9;
+}
 .bottomnav a:link {
    font-weight: bold;
@@ -219,5 +219,5 @@
    font-variant: small-caps;
    text-decoration: none;
-   color: #003366;                      
+   color: #003366;
    padding: 2px;
 }
@@ -228,5 +228,5 @@
    font-variant: small-caps;
    text-decoration: none;
-   color: #003366;                      
+   color: #003366;
    padding: 2px;
 }
@@ -236,6 +236,6 @@
    font-variant: small-caps;
    text-decoration: underline;
-   background: #edf0f9;                 
-   color: #003366;                         
+   background: #edf0f9;
+   color: #003366;
    padding: 2px;
 }
@@ -245,6 +245,6 @@
    font-variant: small-caps;
    text-decoration: underline;
-   background: #edf0f9;                 
-   color: #003366;                      
+   background: #edf0f9;
+   color: #003366;
    padding: 2px;
 }
@@ -254,5 +254,5 @@
    font-variant: small-caps;
    text-decoration: none;
-   color: #003366;                      
+   color: #003366;
    padding: 2px;
 }
@@ -262,5 +262,5 @@
    font-variant: small-caps;
    text-decoration: none;
-   color: #003366;              
+   color: #003366;
    padding: 2px;
 }*/
@@ -270,6 +270,6 @@
    font-variant: small-caps;
    text-decoration: underline;
-   background: #003366;                 
-   color: #FFFFFF;                      
+   background: #003366;
+   color: #FFFFFF;
    padding: 2px;
 }
@@ -278,21 +278,21 @@
 /* defaut */
 .col1defaut {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFCC00;  
-        width: 13%;             
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFCC00;
+        width: 13%;
 }
 .col2defaut {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFFFFF;  
-        width: 70%;             
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFFFFF;
+        width: 70%;
 }
 /* page accueil */
 .ligne1Accueil {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #ffffff;
         background: #5A8CCB;
@@ -300,20 +300,20 @@
  }
 .ligne2Accueil {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #ffffff;
         background: #5A8CCB;
 }
 .ligne3Accueil {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #ffffff;
-        background: #0562A7;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #ffffff;
+        background: #0562A7;
 }
 .colDrteAccueil {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFCC00;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFCC00;
 }
 .sloganAccueil {
@@ -324,7 +324,7 @@
         text-align: right;
         font-weight: bold;
-        font-family: Arial, Helvetica, sans-serif; 
+        font-family: Arial, Helvetica, sans-serif;
         font-style: italic;
-        font-size: 10pt; 
+        font-size: 10pt;
         color: #0000FF;
 }
@@ -332,12 +332,12 @@
 /* generel data et services */
 .dataAndServices {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #ffffff;
-        background: #5A8CCB;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #ffffff;
+        background: #5A8CCB;
 }
 .colGaucheProdEtServ {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #ffffff;
         width: 80%;
@@ -345,6 +345,6 @@
 
 .colDroiteProdEtServ {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
         color: #000099;
 }
@@ -352,8 +352,8 @@
 /* template info expï¿œrience */
 .colGaucheExperience {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #ffffff;
-        background: #FFCC00;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #ffffff;
+        background: #FFCC00;
         width: 12%;
 }
@@ -361,127 +361,127 @@
 /* template info activite */
 .colGaucheActivite {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #ffffff;
-        background: #FFCC00;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #ffffff;
+        background: #FFCC00;
         width: 20%;
 }
 
 .colMilieuActivite {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #066AA2;
-        background: #FFFFFF;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #066AA2;
+        background: #FFFFFF;
 }
 
 .colDroiteActivite {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #066AA2;
-        background: #FFFFFF;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #066AA2;
+        background: #FFFFFF;
 }
 
 /* template logiciel */
 .colGaucheLogiciel {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #ffffff;
-        background: #FFCC00;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #ffffff;
+        background: #FFCC00;
         width: 15%;
 }
 .colMilieuLogiciel {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #066AA2;
-        background: #FFFFFF;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #066AA2;
+        background: #FFFFFF;
 }
 .colDroiteLogiciel {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #066AA2;
-        background: #FFFFFF;  
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #066AA2;
+        background: #FFFFFF;
 }
 
 /* page volante elaboree */
 .col1PVEl {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFCC00;  
-        width: 13%;             
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFCC00;
+        width: 13%;
 }
 .col2PVEl {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFFFFF;  
-        width: 45%;             
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFFFFF;
+        width: 45%;
 }
 .col3PVEl {
-        font-family: Arial, Helvetica, sans-serif; 
-        font-size: 10pt; 
-        color: #000099;
-        background: #FFFFFF;  
-        width: 45%;             
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: 10pt;
+        color: #000099;
+        background: #FFFFFF;
+        width: 45%;
 }
 
 /* divers */
 .txtJaune {
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #FFCC00;  
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #FFCC00;
 }
 
 .txtJaune a:link {
         font-weight: bold;
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #FFCC00;                         
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #FFCC00;
 }
 .txtJaune a:visited {
         font-weight: bold;
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #FFCC00;                         
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #FFCC00;
 }
 
 .txtBleu {
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #066AA2;  
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #066AA2;
 }
 
 .txtBleu a:link {
         font-weight: bold;
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #066AA2;                         
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #066AA2;
 }
 .txtBleu a:visited {
         font-weight: bold;
-        font-size: 9pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #066AA2;                         
+        font-size: 9pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #066AA2;
 }
 
 .titleBleu {
         font-weight: bold;
-        font-size: 12pt; 
-        font-family: Verdana, sans-serif;
-        text-decoration: none;
-        color: #066AA2;                         
+        font-size: 12pt;
+        font-family: Verdana, sans-serif;
+        text-decoration: none;
+        color: #066AA2;
 }
 
 .headerParag {
-        font-size: 11pt; 
+        font-size: 11pt;
         font-family: Verdana;
         text-decoration: none;
-        color: #066AA2;  
+        color: #066AA2;
 }
 
@@ -491,6 +491,6 @@
    font-family: Verdana, sans-serif;
    font-size: 11px;
-   color: #066AA2;  
-}   
+   color: #066AA2;
+}
 /* plugin NEWS - general */
 DIV.tx-mininews-pi1 P {
@@ -569,6 +569,6 @@
 
 /*------ hide-show------------------------------------------- */
-.eccadH { font-weight: bold; margin-left: 40px; cursor: pointer; font-style: italic} 
-.eccadH2 { font-weight: bold;cursor: pointer; } 
+.eccadH { font-weight: bold; margin-left: 40px; cursor: pointer; font-style: italic}
+.eccadH2 { font-weight: bold;cursor: pointer; }
 div.eccadT {height: 0px; visibility: hidden; position: absolute; background: #EEE8AA}
 div.eccadT2 {height: 0px; visibility: hidden; position: absolute; background: white}
Index: ether_ndacc/trunk/web/resources/css/etherTypo.js
===================================================================
--- ether_ndacc/trunk/web/resources/css/etherTypo.js	(revision 122)
+++ ether_ndacc/trunk/web/resources/css/etherTypo.js	(revision 125)
@@ -201,4 +201,41 @@
 }
 
+
+function majMenu(nb) {
+
+	/*var nom = window.location.pathname;
+	nom = nom.split("/");
+	nom = nom[nom.length - 1];
+	alert(nom);*/
+	document.getElementById('menu'+nb).className='menuselect';
+	/*document.getElementById('menu2').className='menuout';
+	document.getElementById('menu3').className='menuout';
+	document.getElementById('menu4').className='menuout';
+	document.getElementById('menu5').className='menuout';*/
+	
+	
+	
+}
+
+
+
+function changeMenu(lmenu,type) {
+	if (document.getElementById(lmenu).className != 'menuselect') {
+	if (type == 'over') {
+		document.getElementById(lmenu).className='menuover';
+	}
+	else {
+		document.getElementById(lmenu).className='menuon';
+	}
+	}
+	
+}
+
+function changeMenuOut() {
+	//alert("ok");
+	document.getElementById("menu1").className='menuon';	
+}
+
+
 function loadImage(annee) {
 	var tab;
Index: ether_ndacc/trunk/web/resources/css/ndacc.css
===================================================================
--- ether_ndacc/trunk/web/resources/css/ndacc.css	(revision 122)
+++ ether_ndacc/trunk/web/resources/css/ndacc.css	(revision 125)
@@ -1,2 +1,9 @@
+/*a.onglet {
+text-decoration:none;
+border-color:#294c8b;
+font-weight:normal;
+color:#CDECFF;
+font-size: 9pt;
+} *//* les liens ne sont pas soulignÃ©s */
 /*body { /* dÃ©fini le body (la page) */
 /*background-color:blue ; le fond de la page est blanc */
@@ -9,6 +16,19 @@
 padding-bottom:7px} /* marge intÃ©rieure basse */
 
-
-.menu2 { /* boite qui contient le menu (les onglets) */
+.menu2 {
+    /* boite qui contient le menu (les onglets) */
+    /*border-bottom:solid 2px black ; /* crÃ©e le trait noir en-dessous des onglets */
+
+    padding-top: 12px; /* marge intÃ©rieure haute */
+    padding-bottom: 7px; /* marge intÃ©rieure basse */
+    font-size: 13pt;
+    font-weight: bold;
+    font-family: Arial;
+    text-decoration: underline;
+    color: #294c8b;
+
+}
+
+li.menu2 { /* boite qui contient le menu (les onglets) */
 /*border-bottom:solid 2px black ; /* crÃ©e le trait noir en-dessous des onglets */
 
@@ -22,77 +42,117 @@
 
 }
-
-li.menu2 { /* boite qui contient le menu (les onglets) */
-/*border-bottom:solid 2px black ; /* crÃ©e le trait noir en-dessous des onglets */
-
-padding-top:12px ; /* marge intÃ©rieure haute */
-padding-bottom:7px; /* marge intÃ©rieure basse */
-font-size: 13pt;
-font-weight:bold;
-font-family: Arial;
-text-decoration:underline ;
-color:#294c8b;
-
-}
 ul.menu2 {
     list-style-type: disc;
-    
-   }
-
+}
+
+
+.cfs {
+    margin-top: 21px;
+    margin-left: 7px;
+    margin-right: 7px;
+    margin-left: 7px;
+    width :700px;
+    height :618px;
+}
 
 
 .encadre { /* style des onglets inactifs */
-border:solid 2px black ; /* encadrement */
-/*margin:0px 0px 0px 5px ; /* marge extÃ©rieure */
-padding:7px 3px 7px 3px ;/* marge intÃ©rieure */
-color: #294c8b;
-font-size: 12pt;
-font-family: Arial;}
-
-.onglet, .onglet a:visited, onglet a:link, onglet a:link {
-border:solid 2px black ; /* encadrement */
-padding:7px 3px 7px 3px ; /* marge intÃ©rieure */
-color: #294c8b;
-font-size: 10pt;
-font-family: Arial;
-font-weight:normal;
-}
-
-
-.liste1, .liste1 a:visited, liste1 a:link, liste1 a:link {
-padding:7px 3px 7px 3px ; /* marge intÃ©rieure */
-color: #294c8b;
-font-size: 12pt;
-font-family: Arial;
-font-weight:normal;
-}
-
-a.liste1 { /* style des liens se trouvant dans un onglet inactif */
-/*background-color:#b3b3b3 ; le fond de l'onglet est gris */
-background-color:#ffffff;
-text-decoration:none;
-border-color:#294c8b;
-font-weight:normal;
-cursor:pointer;
-} /* les liens ne sont pas soulignÃ©s */
+	border:solid 2px black ; /* encadrement */
+    /*margin:0px 0px 0px 5px ; /* marge extÃ©rieure */
+    padding:7px 3px 7px 3px ;/* marge intÃ©rieure */
+    color: #294c8b;
+    font-size: 12pt;
+    font-family: Arial;
+}
+
+.onglet, a.onglet:visited, a.onglet:link {
+
+	border:solid 1px white ; /* encadrement */
+	color: white;
+	font-size: 9pt;
+	font-family: Arial;
+	padding: 7px 3px 7px 3px; /* marges extÃ©rieures */
+    text-decoration: none;
+    border-color: transparent;
+    margin-left: 6px;
+    margin-top: -4px;
+}
+
+.onglet-actif {
+    /* style de l'onglet de la page active */
+    border: solid 1px white; /* l'encadrement est portÃ© Ã  2 pixels */
+    border-color: #FFFFFF;
+    color: #ffffff;
+    font-weight: bold;
+    font-size: 9pt;
+    font-family: Arial;
+    padding: 7px 3px 7px 3px; /* marges extÃ©rieures */
+
+
+
+}
+
+/* le fond de l'onglet actif est blanc*/
+
+a.onglet:hover {
+   border:solid 1px white ; /* encadrement */
+   //color: #ff0033;
+
+}
+
+
+/*.onglet a:visited {
+	color:white;
+} */
+
+.liste1, .liste1 a:visited, liste1 a:link {
+    padding: 7px 3px 7px 3px; /* marge intÃ©rieure */
+    color: #294c8b;
+    font-size: 12pt;
+    font-family: Arial;
+    font-weight: normal;
+}
+
+a.liste1 {
+    /* style des liens se trouvant dans un onglet inactif */
+    /*background-color:#b3b3b3 ; le fond de l'onglet est gris */
+    background-color: #ffffff;
+    text-decoration: none;
+    border-color: #294c8b;
+    font-weight: normal;
+    cursor: pointer;
+}
 
 
 a:hover {
-	color: #cccc8b;
-		
-}
-	
+	color: #cccccc;
+
+}
+
+
 a:link{
   cursor:  pointer;
 }
 
-a.onglet { /* style des liens se trouvant dans un onglet inactif */
-/*background-color:#b3b3b3 ; le fond de l'onglet est gris */
-background-color:#ffffff;
-text-decoration:none;
-border-color:#294c8b;
-font-weight:normal;
-//color:!#294c8b;
-} /* les liens ne sont pas soulignÃ©s */
+
+
+/*a.onglet {
+text-decoration:none;
+border-color:#294c8b;
+font-weight:normal;
+color:#CDECFF;
+font-size: 9pt;
+} */
+
+
+.contenut {
+    text-align: justify;
+    font: Arial;
+    background-color: white;
+    border:solid 1px black ; /* encadrement */
+
+}
+
+
 
 .ongletc { /* style des onglets inactifs */
@@ -102,4 +162,5 @@
 color: #ff5900;
 font-size: 10pt;
+
 font-family: Arial;}
 
@@ -114,22 +175,91 @@
 } /* les liens ne sont pas soulignÃ©s */
 
-.onglet-actif { /* style de l'onglet de la page active */
-border:solid 2px ; /* l'encadrement est portÃ© Ã  2 pixels */
-border-color:#294c8b;
-text-decoration:overline underline ; 
-color:#ffffff;
-font-weight:bold;
-font-size: 10pt;
-font-family: Arial;
+
+.menuover { /* style de l'onglet de la page active */
+border:solid 1px white; /* l'encadrement est portÃ© Ã  2 pixels */
+border-color:#FFFFFF;
+//text-decoration:overline underline ;
+//color:#ffffff;
+font-weight:bold;
+font-size: 11pt;
+font-family: Arial;
+//font-color:#ffffff;
 /*bordebackground-color:blue;r-bottom:solid 3px white ; /* le trait infÃ©rieur est effacÃ© */
 /*margin:0px 0px 0px 5px ; /* marges intÃ©rieures */
 padding:7px 3px 7px 3px ; /* marges extÃ©rieures */
-background-color:#294c8b} /* le fond de l'onglet actif est blanc*/
-
-
-.onglet-actifo { /* style de l'onglet de la page active */
-border:solid 2px ; /* l'encadrement est portÃ© Ã  2 pixels */
-border-color:#294c8b;
-text-decoration:overline underline ; 
+//background-color:#294c8b
+} /* le fond de l'onglet actif est blanc*/
+
+a.menuover { /* style des liens se trouvant dans un onglet inactif */
+	border:solid 1px white;
+text-decoration:none;
+border-color:white;
+font-weight:normal;
+color:white;
+font-size: 11pt;
+} /* les liens ne sont pas soulignÃ©s */
+
+
+.menuselect { /* style de l'onglet de la page active */
+border:solid 1px white; /* l'encadrement est portÃ© Ã  2 pixels */
+border-color:#FFFFFF;
+//text-decoration:overline underline ;
+//color:#ffffff;
+font-weight:bold;
+font-size: 11pt;
+font-family: Arial;
+//font-color:#ffffff;
+/*bordebackground-color:blue;r-bottom:solid 3px white ; /* le trait infÃ©rieur est effacÃ© */
+/*margin:0px 0px 0px 5px ; /* marges intÃ©rieures */
+padding:7px 3px 7px 3px ; /* marges extÃ©rieures */
+//background-color:#294c8b
+} /* le fond de l'onglet actif est blanc*/
+
+a.menuselect { /* style des liens se trouvant dans un onglet inactif */
+	border:solid 1px white;
+text-decoration:none;
+border-color:white;
+font-weight:normal;
+color:white;
+font-size: 11pt;
+} /* les liens ne sont pas soulignÃ©s */
+
+
+a.menuon { /* style des liens se trouvant dans un onglet inactif */
+text-decoration:none;
+border-color:#294c8b;
+font-weight:normal;
+color:#CDECFF;
+font-size: 11pt;
+} /* les liens ne sont pas soulignÃ©s */
+
+
+
+.menuon , .menuon a:visited, menuon a:link { /* style de l'onglet de la page active */
+
+	padding:10px 5px; /* marge intÃ©rieure */
+	color: white;
+	font-size: 10pt;
+	font-family: Arial;
+	//font-weight:normal;
+}
+
+.menuon a:visited {
+	color:white;
+}
+
+a.menuon { /* style des liens se trouvant dans un onglet inactif */
+text-decoration:none;
+border-color:#294c8b;
+font-weight:normal;
+color:#CDECFF;
+font-size: 11pt;
+} /* les liens ne sont pas soulignÃ©s */
+
+
+.onglet-actifo {
+border:solid 2px ;
+border-color:#294c8b;
+text-decoration:overline underline ;
 color:#ff5900;
 font-weight:bold;
@@ -139,5 +269,6 @@
 /*margin:0px 0px 0px 5px ; /* marges intÃ©rieures */
 padding:7px 3px 7px 3px ; /* marges extÃ©rieures */
-background-color:#294c8b} /* le fond de l'onglet actif est blanc*/
+background-color:#294c8b
+} /* le fond de l'onglet actif est blanc*/
 
 .itap { /* style de l'onglet de la page active */
@@ -150,12 +281,18 @@
 }
 
+body {
+	background-color: black;
+
+	}
+
 a:link,a:active {
-	color: #724ca5;
+	//color: #724ca5;
 }
 
 a:visited {
-	color:#724ca5;
-}
-	
+	//color:#CDECFF;
+
+}
+
 .plein { /* boite qui contient le menu (les onglets) */
 /*border-bottom:solid 2px ;*/ /* crÃ©e le trait noir en-dessous des onglets */
@@ -166,5 +303,8 @@
 /*margin:30px 30px 25px 30px ;*/
 /*background-color:#313678;*/
-background-color:#294c8b;
+/*background-color:#294c8b;*/
+background-image: url("../images/fond_menu2.jpg");
+    //background-repeat: repeat-x;
+    //height: 117px;
 
 } /* marge intÃ©rieure basse */
@@ -253,5 +393,5 @@
 	text-align:center;
 	}
-	
+
 .orange {
 	border:1px;
@@ -307,4 +447,6 @@
 	font-weight:bold;
 }
+
+
 
 .cielbl {
Index: ether_ndacc/trunk/web/template_haut.jsp
===================================================================
--- ether_ndacc/trunk/web/template_haut.jsp	(revision 122)
+++ ether_ndacc/trunk/web/template_haut.jsp	(revision 125)
@@ -6,16 +6,16 @@
 <tr>
   <td class="upFrame" colspan="2">
-    <table align=center border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
+    <table align=center border="0" cellpadding="1" cellspacing="" width="100%" height="100%">
 
     <!--Premiere ligne-->
     <tr>
       <td rowspan="3">&nbsp;&nbsp;<a href="http://ether.ipsl.jussieu.fr" target="_blank"><img src="resources/images/ether.jpg" alt="Logo Ether" border="0"/></a></td>
-    </tr> 
-   
-<tr><td></td><td colspan="2" align="right" valign="top"><font size=0 color="#FFFFFF">Copyright 2011 CNES-CNRS</font></td></tr>
+    </tr>
+
+<tr><td></td><td colspan="5" align="right" valign="top"><font size=0 color="#FFFFFF">Copyright 2011 CNES-CNRS</font></td></tr>
      <tr> <td width="1%">
 
-      </td> 
-      <td width="80%"> 
+      </td>
+      <td width="80%" height="100%">
       <a id="c6554"></a><a id="c6648"></a><font color="#CDECFF" FACE="helvetica, ARIAL, sans-serif"  SIZE="5"><b>NDACC-France : Network for the Detection of Atmospheric Composition Change</b></font>
 <a id="c6599"></a><a id="c6651"></a><!--Maquette pour les PI-->
@@ -26,24 +26,24 @@
       <td>&nbsp;</td>
       <td>&nbsp;</td>
-      <td align="center" width="20%"><a href="index.jsp" class="clien"><font color="#FFFFFF"  FACE="helvetica, ARIAL, sans-serif"  SIZE="1"><b>Home</b></font></a></td>
-      <td align="center"><font color="#FFFFFF" >| </font></td>
+      <td align="center" width="20%"><a id="menu0" class="menuon" onmouseout="changeMenu('menu0','out');" onmouseover="changeMenu('menu0','over');" href="index.jsp">Home</a></td>
+      <td align="center">&nbsp;</td>
 
-      <td align="center"  width="20%"><a href="about.jsp"
-      class="clien"><font color="#FFFFFF" FACE="helvetica, ARIAL, sans-serif" SIZE="1"><b>About us</b></font></a></td>
-       <td align="center"><font color="#FFFFFF" >| </font></td>
-      <td align="center"  width="20%"><a href="data_ohp.jsp"
-      class="clien"><font color="#FFFFFF" FACE="helvetica, ARIAL, sans-serif" SIZE="1"><b>Stations</b></font></a></td>
-      <td align="center"><font color="#FFFFFF" >| </font></td>
-      <td align="center"  width="20%"><a href="biblio.jsp"
-      class="clien"><font color="#FFFFFF" FACE="helvetica, ARIAL, sans-serif" SIZE="1"><b>Bibliography</b></font></a></td>
-       <td align="center"><font color="#FFFFFF" >| </font></td>
+      <td align="center" width="20%" height="40%">
+      <a id="menu1" class="menuon" onmouseout="changeMenu('menu1','out');" onmouseover="changeMenu('menu1','over');" href="about.jsp">About us</a>
+      </td>
+      <td align="center"><font color="#CDECFF;">&nbsp;</font></td>
 
-      <td align="center"  width="20%"><a href="community.jsp"
-      class="clien"><font color="#FFFFFF" FACE="helvetica, ARIAL, sans-serif" SIZE="1"><b>Internal</b></font></a></td>
+      <td  align="center"  width="20%"><a href="data_ohp.jsp" id="menu2" class="menuon" onmouseout="changeMenu('menu2','on');" onmouseover="changeMenu('menu2','over');">Stations</a></td>
+      <td align="center"><font color="#CDECFF;" >&nbsp;</font></td>
+
+      <td align="center"  width="20%"><a href="biblio.jsp" id="menu3" class="menuon" onmouseout="changeMenu('menu3','out');" onmouseover="changeMenu('menu3','over');">Bibliography</a></td>
+      <td align="center"><font color="#CDECFF;" >&nbsp;</font></td>
+
+      <td align="center"  width="20%"><a href="community.jsp" id="menu4" class="menuon" onmouseout="changeMenu('menu4','out');" onmouseover="changeMenu('menu4','over');">Internal</a></td>
       </tr>
       </table>
       </td>
       <td width="5%">
-      </td> 
+      </td>
 
     </tr>
