Index: her_2012/trunk/web/WEB-INF/classes/messages.properties
===================================================================
--- /ether_2012/trunk/web/WEB-INF/classes/messages.properties	(revision 346)
+++ 	(revision )
@@ -1,17 +1,0 @@
-inWork=Work in progress..
-
-data.visualization=Data visualization
-data.visualization.pf=View plateforms
-data.visualization.noPf=No plateform
-data.visualization.selectPf=Plateforms
-data.visualization.noParameter=No parameter
-data.visualization.selectParameter=Parameters
-data.visualization.selectTime=Periode
-data.visualization.selectDate=Select a date
-data.visualization.BeginDate=Begin date
-data.visualization.EndDate=End date
-data.visualization.Unvalid_Period=Unvalid period !
-data.visualization.button.visualize=Visualization
-data.visualization.button.download=Download
-data.visualization.loading.data=Data loading
-
Index: /ether_2012/trunk/web/resources/css/button.css
===================================================================
--- /ether_2012/trunk/web/resources/css/button.css	(revision 346)
+++ /ether_2012/trunk/web/resources/css/button.css	(revision 347)
@@ -5,95 +5,138 @@
 /* BUTTONS */
 
-.buttons a, .buttons button {
-    display:block;
-    float:left;
-    margin:0 11px 0 0;
-    background-color:#f5f5f5;
-    border:1px solid #dedede;
-    border-top:1px solid #eee;
-    border-left:1px solid #eee;
+button {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
 
-    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
-    font-size:100%;
-    line-height:130%;
-    text-decoration:none;
-    font-weight:bold;
-    color:#565656;
-    cursor:pointer;
-    padding:5px 10px 6px 7px; /* Links */
-}
-.buttons button{
-    width:auto;
-    overflow:visible;
-    padding:4px 6px 3px 6px; /* IE6 */
-}
-.buttons button[type]{
-    padding:5px 10px 5px 7px; /* Firefox */
-    line-height:17px; /* Safari */
-}
-*:first-child+html button[type]{
-    padding:4px 10px 3px 7px; /* IE7 */
-}
-.buttons button img, .buttons a img{
-    margin:0 3px -3px 0 !important;
-    padding:0;
-    border:none;
-    width:16px;
-    height:16px;
+    display: block;
+    float: left;
+    margin: 0 11px 0 0;
+    background-color: #f5f5f5;
+    border: 1px solid #dedede;
+    border-top: 1px solid #eee;
+    border-left: 1px solid #eee;
+
+    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
+    font-size: 100%;
+    line-height: 130%;
+    text-decoration: none;
+    font-weight: bold;
+    color: #565656;
+    cursor: pointer;
+
+    width: auto;
+    overflow: visible;
+    padding: 4px 6px 3px 6px; /* IE6 */
 }
 
+button[type] {
+    padding: 5px 10px 5px 7px; /* Firefox */
+    line-height: 17px; /* Safari */
+}
+
+*:first-child+html button[type] {
+    padding: 4px 10px 3px 7px; /* IE7 */
+}
+
+.small {
+    font-size: 80%;
+}
+
+button img {
+    margin: 0 3px -3px 0 !important;
+    padding: 0;
+    border: none;
+    width: 16px;
+    height: 16px;
+}
 
 /* STANDARD */
-
-button:hover, .buttons a:hover{
-    background-color:#dff4ff;
-    border:1px solid #c2e1ef;
-    color:#336699;
-}
-.buttons a:active{
-    background-color:#6299c5;
-    border:1px solid #6299c5;
-    color:#fff;
+button:hover, .button.gray_button:hover {
+    background-color: #dff4ff !important;
+    border: 1px solid #c2e1ef;
+    color: #336699;
 }
 
 /* POSITIVE */
+button.positive {
+    background-color: #F0FFF0;
+    color: #529214;
+}
 
-button.positive, .buttons a.positive{
-    color:#529214;
-}
-.buttons a.positive:hover, button.positive:hover{
-    background-color:#E6EFC2;
-    border:1px solid #C6D880;
-    color:#529214;
-}
-.buttons a.positive:active{
-    background-color:#529214;
-    border:1px solid #529214;
-    color:#fff;
+button.positive:hover {
+    background-color: #E6EFC2;
+    border: 1px solid #C6D880;
+    color: #529214;
 }
 
 /* NEGATIVE */
+button.negative {
+    color: #d12f19;
+}
 
-.buttons a.negative, button.negative{
-    color:#d12f19;
-}
-.buttons a.negative:hover, button.negative:hover{
-    background:#fbe3e4;
-    border:1px solid #fbc2c4;
-    color:#d12f19;
-}
-.buttons a.negative:active{
-    background-color:#d12f19;
-    border:1px solid #d12f19;
-    color:#fff;
+button.negative:hover {
+    background: #fbe3e4;
+    border: 1px solid #fbc2c4;
+    color: #d12f19;
 }
 
 /* DISABLE */
-
-.buttons a.disable, .buttons a.disable:hover, .buttons button.disable, .buttons button.disable:hover
-{
-    background-color:#CCCCCC;
-    border:1px solid #dedede;
-    color:#565656;
+button.disable, button.disable:hover {
+    background-color: #CCCCCC;
+    border: 1px solid #dedede;
+    color: #565656;
 }
 
+/* ********************* BLUE BUTTON ********************* */
+button.blue_button {
+    background-image: url("../images/elements/button_middle_3.png");
+    background-repeat: repeat-x;
+    height: 39px;
+    float: right;
+    margin-right: 0;
+    border: 0;
+}
+
+.blue_button_text, .big_blue_button_text {
+    color: white;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+button.big_blue_button {
+    background-image: url("../images/elements/big_button_middle_3.png");
+    background-repeat: repeat-x repeat-y;
+    height: 50px;
+    width: 50px;
+    float: right;
+    margin-right: 0;
+    border: 0;
+}
+
+.big_blue_button_text {
+    position: relative;
+    top: -3px;
+    font-size: 44px;
+}
+
+/* ********************* GRAY BUTTON ********************* */
+button.gray_button {
+    background-color: transparent;
+    border: hidden;
+    height: 31px;
+    float: right;
+    margin-right: 0;
+    position: relative;
+    top: -1px;
+}
+
+.gray_button_text {
+    color: gray;
+    font-size: 11px;
+    font-weight: bold;
+}
+
+button.action_button {
+    margin-left: 5px;
+    margin-right: -3px;
+}
Index: /ether_2012/trunk/web/resources/css/ether.css
===================================================================
--- /ether_2012/trunk/web/resources/css/ether.css	(revision 347)
+++ /ether_2012/trunk/web/resources/css/ether.css	(revision 347)
@@ -0,0 +1,423 @@
+/** ***************************************************** **/
+/** ************************ TITLES ********************* **/
+/** ***************************************************** **/
+.title1 {
+    color: #165076;
+    font-weight: bold;
+    font-size: 15px;
+}
+
+.title2 {
+    color: #165076;
+    font-weight: bold;
+}
+
+/** ***************************************************** **/
+/** ********************** CONTAINER ******************** **/
+/** ***************************************************** **/
+.containerEther {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 4px 4px 4px 4px;
+    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    width: 980px;
+    float: left;
+    margin-bottom: 10px;
+}
+
+.containerLogoEther {
+    float: left;
+    width: 80px;
+    height: 80px;
+    padding: 15px;
+}
+
+.containerTools {
+    float: right;
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    background: -moz-linear-gradient(left, white, #C0C0C0);
+    background: -webkit-linear-gradient(left, white, #COCOCO);
+    width: 300px;
+    height: 30px;
+}
+
+.containerTitle {
+    font-size: 18px;
+    color: #165076;
+    font-weight: bold;
+    float: left;
+    margin-top: 110px;
+    margin-left: -53px;
+    margin-bottom: 20px;
+}
+
+.containerMenu {
+    float: left;
+    color: #456487;
+    margin-left: 30px;
+}
+
+.containerSubMenu {
+    float: left;
+    color: #81A0C3;
+    margin-top: 6px;
+    font-size: 11px;
+}
+
+.containerSubMenu li {
+    margin-top: -6px;
+}
+
+.containerNews {
+    background: -moz-linear-gradient(white, #E8EFF3);
+    background: -webkit-linear-gradient(white, #E8EFF3);
+    height: 150px;
+}
+
+.containerUserLogout {
+    float: left;
+    margin-right: 5px;
+}
+
+.containerImgLogout {
+    float: right;
+    position: relative;
+    top: 13px;
+}
+
+.containerNav {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 4px 4px 4px 4px;
+    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+    float: left;
+    position: relative;
+    width: 334px;
+    height: 31px;
+    color: #04155D;
+    top: 4px;
+    margin-bottom: 20px; /*margin-right: 15px;*/
+    padding-top: 6px;
+    padding-left: 10px;
+    font-size: 11px;
+}
+
+.containerTitleContentBorder {
+    float: left;
+    position: relative;
+    height: 2px;
+    border-bottom: 10px solid white;
+    z-index: 1;
+    left: -10px;
+    width: 810px;
+}
+
+.containerTitleContent {
+    -moz-border-radius: 4px 4px 0 0;
+    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 4px 4px 0 0;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+    background-image: url("../images/fond_bleu2.png");
+    background-repeat: repeat-x;
+    float: left;
+    position: relative;
+    width: 800px;
+    height: 26px;
+    color: #165076;
+    font-weight: bold;
+    padding-left: 10px;
+    padding-top: 4px;
+}
+
+.containerCenter {
+    -moz-border-radius-topright: 0;
+    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
+    background: -moz-linear-gradient(white, #E8EFF3);
+    background: -webkit-linear-gradient(white, #E8EFF3);
+    min-height: 400px;
+    text-align: justify;
+    position: relative;
+    top: -32px;
+    padding: 10px;
+    width: 960px;
+}
+
+.containerCenterContent {
+    padding: 10px;
+}
+
+.containerBottom {
+    background-image: url("../images/elements/button_middle_3.png");
+    background-repeat: repeat-x;
+    color: #FFFFFF;
+    height: 26px;
+    padding-right: 10px;
+    position: relative; /*top: -32px;*/
+    width: 972px;
+}
+
+.containerErrors, #errors {
+    background: #FEF1EC;
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    border: 1px solid #CD0A0A;
+    color: #CD0A0A;
+    padding: 10px;
+    margin: 10px;
+}
+
+.containerErrors {
+    display: none;
+}
+
+.containerInfos {
+    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    border: 1px solid #529214;
+    color: #529214;
+    padding: 10px;
+    margin: 10px;
+    display: none;
+}
+
+.containerElement {
+    color: #6178BC;
+}
+
+.containerElement:hover {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    text-decoration: none;
+    background: #70739C;
+    color: #FFFFFF;
+}
+
+.containerElement_plateform {
+    width: 84px;
+    float: left;
+}
+
+#containerMobilePlateforms .containerElement_main_plateform .containerElement_plateform:hover {
+    -moz-border-radius: 4px 0 0 4px;
+    -webkit-border-radius: 4px 0 0 4px;
+}
+
+.containerElement_plateform_dates {
+    display: none;
+    -moz-border-radius: 0 4px 4px 4px;
+    -webkit-border-radius: 0 4px 4px 4px;
+    background: #70739C;
+    color: white;
+    float: left;
+}
+
+.containerElement_main_plateform {
+    float: left;
+    width: 900px;
+}
+
+#containerMobilePlateforms {
+    padding-bottom: 117px;
+}
+
+/** ***************************************************** **/
+/** ************************ OTHER ********************** **/
+/** ***************************************************** **/
+.colborder {
+    border-right: 1px solid #96A1BA;
+    margin-right: 15px;
+    padding-right: 29px;
+}
+
+.mainContent {
+    padding: 15px;
+}
+
+.roundTable {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border: 1px solid;
+    width: 100%;
+}
+
+.smallRoundTable {
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border: 1px solid;
+}
+
+.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
+    height: 13px;
+    width: 13px;
+    position: relative;
+    float: right;
+    top: -17px;
+}
+
+.divMenu_arrow, .divMenu_arrow_left {
+    background-image: url("../images/utils/toggle_down_dark.png");
+}
+
+.divMenu_arrow_left, .divMenu_arrow_left.deployed {
+    float: left;
+    top: 4px;
+    margin-left: -19px;
+}
+
+.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
+    background-image: url("../images/utils/toggle_up_dark.png");
+}
+
+.divMenu_content {
+    display: none;
+}
+
+.parameter_name_subMenu, .parameter_name_subMenu:hover {
+    position: relative;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.parameter_name_subMenu:hover {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    background-color: #DDEEF6;
+}
+
+.plateform_selected, .plateform_selected:hover,
+.parameter_selected, .parameter_selected:hover {
+    -moz-border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px 4px 4px 4px;
+    background: #70739C;
+    color: #E1DEF1;
+    text-decoration: none;
+}
+
+/** ***************************************************** **/
+/** ************************ PAGES ********************** **/
+/** ***************************************************** **/
+/*#tools, #tools .links li a {*/
+/*height: 39px;*/
+/*}*/
+
+/*#tools {*/
+/*font: 12px/18px Trebuchet MS, Arial, san-serif;*/
+/*margin: 18px auto 12px;*/
+/*position: relative;*/
+/*}*/
+
+#level2 .title {
+    color: #165076;
+    font-weight: bold;
+    padding: 0.5em;
+}
+
+.level2_more {
+    padding-bottom: 16px;
+}
+
+.elementExtract {
+    position: relative;
+    top: -2px;
+
+}
+
+.jeuxElement {
+    position: relative;
+    float: left;
+    margin-left: 30px
+}
+
+#level1 {
+    margin-bottom: 20px;
+}
+
+#level2 {
+    margin-left: 20px;
+}
+
+#level2 table {
+    border: 0 none;
+    padding: 0;
+    text-align: left;
+    width: 100%;
+}
+
+#level2 th {
+    background-color: #E9E6D9;
+    color: #596F80;
+    text-align: center;
+}
+
+#level2 td {
+    vertical-align: top;
+}
+
+table .pair, table .pairTable {
+    background-color: #F5F3EC;
+}
+
+table .impair, table .impairTable {
+    background-color: #FFFDF6;
+}
+
+.dataProtocolButton {
+    margin-left: 51px;
+}
+
+.dataProtocolDownloadButton {
+    float: right;
+}
+
+.dataProtocolCheckbox, .dataProtocolCheckboxText {
+    float: left;
+    margin-left: 3px;
+    margin-top: 7px;
+}
+
+.dataProtocolCheckboxText {
+    margin-top: 4px;
+}
+
+.parameterElement, .plateformElement {
+    margin-left: 50px;
+    margin-right: 50px;
+}
+
+.loadingForParameters_meta, .loadingForPlateforms_meta {
+    margin: auto;
+}
+
+/** ***************************************************** **/
+/** ********************* LI SUBMENUS ******************* **/
+/** ***************************************************** **/
+li.li0 {
+    border-left: 7px solid #ADEAEA;
+}
+
+li.li1 {
+    border-left: 7px solid #236B8E;
+}
+
+li.li2 {
+    border-left: 7px solid #3299CC;
+}
+
+li.li3 {
+    border-left: 7px solid #38B0DE;
+}
+
+li.li4 {
+    border-left: 7px solid #7093D8;
+}
+
+li.li5 {
+    border-left: 7px solid #5959AB;
+}
+
+li.li0:hover, li.li1:hover, li.li2:hover, li.li3:hover, li.li4:hover, li.li5:hover {
+    border-left: 7px solid #00FFFF;
+    color: #165076;
+}
Index: /ether_2012/trunk/web/resources/css/mainEther.css
===================================================================
--- /ether_2012/trunk/web/resources/css/mainEther.css	(revision 346)
+++ /ether_2012/trunk/web/resources/css/mainEther.css	(revision 347)
@@ -15,5 +15,5 @@
     width: 980px;
     text-align: left;
-    margin: -13px auto;
+    margin: auto;
 }
 
@@ -40,4 +40,12 @@
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
+}
+
+li {
+    list-style-type: none;
+}
+
+li:hover {
+    color: #165076;
 }
 
Index: her_2012/trunk/web/resources/css/megapoli.css
===================================================================
--- /ether_2012/trunk/web/resources/css/megapoli.css	(revision 346)
+++ 	(revision )
@@ -1,470 +1,0 @@
-/** ***************************************************** **/
-/** ************************ TITLES ********************* **/
-/** ***************************************************** **/
-.title1 {
-    color: #165076;
-    font-weight: bold;
-    font-size: 15px;
-}
-
-.title2 {
-    color: #165076;
-    font-weight: bold;
-}
-
-/** ***************************************************** **/
-/** ********************** CONTAINER ******************** **/
-/** ***************************************************** **/
-.containerLogoEther {
-    position: absolute;
-    top: 100px;
-    left: 50px;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    width: 80px;
-    height: 80px;
-    padding: 15px;
-}
-
-.containerTools {
-    position: absolute;
-    top: 100px;
-    left: 50px;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    width: 80px;
-    height: 80px;
-    padding: 15px;
-}
-
-.containerEther {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    width: 980px;
-    float: left;
-    margin-bottom: 10px;
-}
-
-.containerTitle {
-/*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/
-    font-size: 20px;
-    color: #165076;
-    font-weight: bold;
-    float: left;
-    margin-top: 9px;
-    padding-left: 177px;
-}
-
-.containerLogo {
-    -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
-    -webkit-border-radius: 4px 4px 4px 4px;
-    float: left;
-    margin-bottom: 10px;
-    margin-right: 20px;
-    padding-left: 30px;
-    width: 120px;
-    top: -32px;
-    position: relative;
-}
-
-.containerUserLogout {
-    float: left;
-    margin-right: 5px;
-}
-
-.containerImgLogout {
-    float: right;
-    position: relative;
-    top: 13px;
-}
-
-.containerNav {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 4px 4px;
-    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-    float: left;
-    position: relative;
-    width: 334px;
-    height: 31px;
-    color: #04155D;
-    top: 4px;
-    margin-bottom: 20px; /*margin-right: 15px;*/
-    padding-top: 6px;
-    padding-left: 10px;
-    font-size: 11px;
-}
-
-.containerMenu {
-    float: right;
-}
-
-.containerTitleContentBorder {
-    float: left;
-    position: relative;
-    height: 2px;
-    border-bottom: 10px solid white;
-    z-index: 1;
-    left: -10px;
-    width: 810px;
-}
-
-.containerTitleContent {
-    -moz-border-radius: 4px 4px 0 0;
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 0 0;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    background-image: url("../images/fond_bleu2.png");
-    background-repeat: repeat-x;
-    float: left;
-    position: relative;
-    width: 800px;
-    height: 26px;
-    color: #165076;
-    font-weight: bold;
-    padding-left: 10px;
-    padding-top: 4px;
-}
-
-.containerCenter {
-    -moz-border-radius-topright: 0;
-    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
-    background: -moz-linear-gradient(white, #E8EFF3);
-    background: -webkit-linear-gradient(white, #E8EFF3);
-    min-height: 400px;
-    text-align: justify;
-    position: relative;
-    top: -32px;
-    padding: 10px;
-    width: 960px;
-}
-
-.containerCenterContent {
-    padding: 10px;
-}
-
-.containerBottom {
-    background-image: url("../images/elements/button_middle_3.png");
-    background-repeat: repeat-x;
-    color: #FFFFFF;
-    height: 26px;
-    padding-right: 10px;
-    position: relative;
-    top: -32px;
-    width: 972px;
-}
-
-.containerErrors, #errors {
-    background: #FEF1EC;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    border: 1px solid #CD0A0A;
-    color: #CD0A0A;
-    padding: 10px;
-    margin: 10px;
-}
-
-.containerErrors {
-    display: none;
-}
-
-.containerInfos {
-    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    border: 1px solid #529214;
-    color: #529214;
-    padding: 10px;
-    margin: 10px;
-    display: none;
-}
-
-.containerElement {
-    color: #6178BC;
-}
-
-.containerElement:hover {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    text-decoration: none;
-    background: #70739C;
-    color: #FFFFFF;
-}
-
-.containerElement_plateform {
-    width: 84px;
-    float: left;
-}
-
-#containerMobilePlateforms .containerElement_main_plateform .containerElement_plateform:hover {
-    -moz-border-radius: 4px 0 0 4px;
-    -webkit-border-radius: 4px 0 0 4px;
-}
-
-.containerElement_plateform_dates {
-    display: none;
-    -moz-border-radius: 0 4px 4px 4px;
-    -webkit-border-radius: 0 4px 4px 4px;
-    background: #70739C;
-    color: white;
-    float: left;
-}
-
-.containerElement_main_plateform {
-    float: left;
-    width: 900px;
-}
-
-#containerMobilePlateforms {
-    padding-bottom: 117px;
-}
-
-/** ***************************************************** **/
-/** ************************ SLIDES ********************** **/
-/** ***************************************************** **/
-.containerSlide {
-    position: absolute;
-    top: 300px;
-}
-
-.containerSlideContent {
-    float: left;
-    min-height: 200px;
-    -moz-border-radius: 4px 4px 0 0;
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px 4px 0 0;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    margin-right: 1px;
-    display: none;
-    background-color: white;
-    padding: 18px 36px 10px;
-}
-
-.containerSlideContent2 {
-    padding-left: 10px;
-}
-
-.containerSlideButton {
-    float: left;
-    -moz-border-radius: 4px;
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-    -webkit-border-radius: 4px;
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
-}
-
-.containerSlideButtonMentions {
-    margin-top: 51px;
-}
-
-.containerSlideButtonInfos {
-    margin-top: 102px;
-}
-
-/*#hideSlide {*/
-/*background-image: url("../images/utils/toggle_up_dark.png");*/
-/*height: 13px;*/
-/*width: 13px;*/
-/*margin-top: -10px;*/
-/*}*/
-
-#creditSlide {
-    z-index: 2;
-}
-
-#mentionSlide {
-    z-index: 1;
-}
-
-#infoSlide {
-    z-index: 0;
-}
-
-#slideContentCredits {
-    width: 700px;
-}
-
-#slideContentMentions {
-    width: 300px;
-}
-
-#slideContentInfos {
-    width: 550px;
-}
-
-/** ***************************************************** **/
-/** ************************ OTHER ********************** **/
-/** ***************************************************** **/
-#tools .complexButton {
-    float: right;
-}
-
-.colborder {
-    border-right: 1px solid #96A1BA;
-    margin-right: 15px;
-    padding-right: 29px;
-}
-
-.mainContent {
-    padding: 15px;
-}
-
-.roundTable {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border: 1px solid;
-    width: 100%;
-}
-
-.smallRoundTable {
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border: 1px solid;
-}
-
-.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
-    height: 13px;
-    width: 13px;
-    position: relative;
-    float: right;
-    top: -17px;
-}
-
-.divMenu_arrow, .divMenu_arrow_left {
-    background-image: url("../images/utils/toggle_down_dark.png");
-}
-
-.divMenu_arrow_left, .divMenu_arrow_left.deployed {
-    float: left;
-    top: 4px;
-    margin-left: -19px;
-}
-
-.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
-    background-image: url("../images/utils/toggle_up_dark.png");
-}
-
-.divMenu_content {
-    display: none;
-}
-
-.parameter_name_subMenu, .parameter_name_subMenu:hover {
-    position: relative;
-    margin-left: 10px;
-    margin-right: 10px;
-}
-
-.parameter_name_subMenu:hover {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    background-color: #DDEEF6;
-}
-
-.plateform_selected, .plateform_selected:hover,
-.parameter_selected, .parameter_selected:hover {
-    -moz-border-radius: 4px 4px 4px 4px;
-    -webkit-border-radius: 4px 4px 4px 4px;
-    background: #70739C;
-    color: #E1DEF1;
-    text-decoration: none;
-}
-
-/** ***************************************************** **/
-/** ************************ PAGES ********************** **/
-/** ***************************************************** **/
-#tools, #tools .links li a {
-    height: 39px;
-}
-
-#tools {
-    font: 12px/18px Trebuchet MS, Arial, san-serif;
-    margin: 18px auto 12px;
-    position: relative;
-}
-
-#level2 .title {
-    color: #165076;
-    font-weight: bold;
-    padding: 0.5em;
-}
-
-.level2_more {
-    padding-bottom: 16px;
-}
-
-.elementExtract {
-    position: relative;
-    top: -2px;
-
-}
-
-.jeuxElement {
-    position: relative;
-    float: left;
-    margin-left: 30px
-}
-
-#level1 {
-    margin-bottom: 20px;
-}
-
-#level2 {
-    margin-left: 20px;
-}
-
-#level2 table {
-    border: 0 none;
-    padding: 0;
-    text-align: left;
-    width: 100%;
-}
-
-#level2 th {
-    background-color: #E9E6D9;
-    color: #596F80;
-    text-align: center;
-}
-
-#level2 td {
-    vertical-align: top;
-}
-
-table .pair, table .pairTable {
-    background-color: #F5F3EC;
-}
-
-table .impair, table .impairTable {
-    background-color: #FFFDF6;
-}
-
-.dataProtocolButton {
-    margin-left: 51px;
-}
-
-.dataProtocolDownloadButton {
-    float: right;
-}
-
-.dataProtocolCheckbox, .dataProtocolCheckboxText {
-    float: left;
-    margin-left: 3px;
-    margin-top: 7px;
-}
-
-.dataProtocolCheckboxText {
-    margin-top: 4px;
-}
-
-.parameterElement, .plateformElement {
-    margin-left: 50px;
-    margin-right: 50px;
-}
-
-.loadingForParameters_meta, .loadingForPlateforms_meta {
-    margin: auto;
-}
Index: /ether_2012/trunk/web/resources/templates/templateEther.jsp
===================================================================
--- /ether_2012/trunk/web/resources/templates/templateEther.jsp	(revision 346)
+++ /ether_2012/trunk/web/resources/templates/templateEther.jsp	(revision 347)
@@ -1,6 +1,7 @@
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
+<%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %>
 <%@ taglib uri="/WEB-INF/tlds/struts-tiles.tld" prefix="tiles" %>
 <%@ taglib uri="/WEB-INF/tlds/struts-html.tld" prefix="html" %>
 <%@ taglib uri="/WEB-INF/tlds/struts-bean.tld" prefix="bean" %>
-<%@ taglib prefix="ether" tagdir="/WEB-INF/tags" %>
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
@@ -14,11 +15,8 @@
     <%--<link rel="shortcut icon" href="<html:rewrite page='/resources/images/megapoli/favicon.ico'/>">--%>
 
-    <ether:htmlCss cssFile="apycom.com-4-steel-blue/menu"/>
     <ether:htmlCss cssFile="button"/>
     <ether:htmlCss cssFile="complexButton"/>
-    <ether:htmlCss cssFile="TwitterLogin/front"/>
+    <ether:htmlCss cssFile="mainEther"/>
     <ether:htmlCss cssFile="ether"/>
-    <ether:htmlCss cssFile="megapoli"/>
-    <ether:htmlCss cssFile="backoffice"/>
 
     <ether:htmlJs jsFile="library/jquery-1.4.2.min"/>
@@ -28,9 +26,7 @@
     <ether:htmlJs jsFile="classesForJQuery/Button"/>
     <ether:htmlJs jsFile="classesForJQuery/ComplexButton"/>
-    <ether:htmlJs jsFile="classesForJQuery/LoginButton"/>
-    <ether:htmlJs jsFile="apycom.com-4-steel-blue/menu"/>
-    <ether:htmlJs jsFile="TwitterLogin/javascripts/jquery.tipsy"/>
+    <%--<ether:htmlJs jsFile="classesForJQuery/LoginButton"/>--%>
 
-    <%--<jsp:include page="templateEther_script.jsp" />--%>
+    <jsp:include page="templateEther_script.jsp"/>
 
     <tiles:insert attribute="insertCss"/>
@@ -45,38 +41,35 @@
 <div class="pageWrapper">
 
-    <%-- ****************** LOGO ETHER ****************** --%>
-    <div id="logoEther" class="containerLogoEther">
-        <html:link href="http://ether.ipsl.jussieu.fr" target="help"><img src="resources/images/logo_Ether.jpg" width="80px" height="80px"/></html:link>
+    <%-- ****************** LOGO, TITLE, TOOLS, MENU ****************** --%>
+    <div id="title_tools" class="containerEther">
+        <div id="logoEther" class="containerLogoEther">
+            <a href=""><img src="resources/images/logo_Ether.jpg" width="80px" height="80px"/></a>
+        </div>
+
+        <div id="tools" class="containerTools" align="right"></div>
+
+        <div id="title" class="containerTitle"><spring:message code="home.title"/></div>
+        <div id="menu" class="containerMenu"></div>
+        <div id="subMenu" class="containerSubMenu"></div>
     </div>
 
-    <%-- ****************** TITLE & TOOLS ****************** --%>
-    <div id="tools" class="containerTools">
-        <div id="title"></div>
-
-        <div id="tools" align="right">
-            <div id="loginModule" align="right"></div>
-        </div>
-
+    <%-- ****************** NEWS ****************** --%>
+    <div id="news" class="containerEther containerNews">
+        news
     </div>
 
-    <%-- ****************** LOGO ****************** --%>
-    <div id="logo" class="containerLogo">
-        <%--<html:link href="http://megapoli.dmi.dk/" target="help" titleKey="app.linkmegapoli">--%>
-            <%--<html:img page="/resources/images/logo_Megapoli_white.png" height="110px" width="110px" altKey="app.home"/>--%>
-        <%--</html:link>--%>
+    <%-- ****************** SLIDES ****************** --%>
+    <div id="slides" class="containerEther containerSlides">
+        slides
     </div>
 
-    <%-- ****************** MENU ****************** --%>
-    <div id="menuBO" class="containerMenu"></div>
-
-    <%-- ****************** TITLE CONTENT ****************** --%>
-    <div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/>
-        <div id="titleContentBorder" class="containerTitleContentBorder"></div>
-    </div>
+    <%--<div id="titleContent" class="containerTitleContent"><tiles:insert attribute="bodytitle"/>--%>
+    <%--<div id="titleContentBorder" class="containerTitleContentBorder"></div>--%>
+    <%--</div>--%>
 
     <%-- ****************** CONTENT ****************** --%>
-    <div id="containerCenter" class="containerEther containerCenter">
-        <tiles:insert attribute="body"/>
-    </div>
+    <%--<div id="containerCenter" class="containerEther containerCenter">--%>
+    <%--<tiles:insert attribute="body"/>--%>
+    <%--</div>--%>
 
     <%-- ****************** BOTTOM ****************** --%>
@@ -87,35 +80,54 @@
 </div>
 
-<%--<script type="text/javascript">--%>
-    <%--var templateTexts = $A( "" );--%>
-    <%--templateTexts["app.home"] = '<bean:message key="app.home"/>';--%>
-    <%--templateTexts["bo.fulltitle"] = '<bean:message key="bo.fulltitle"/>';--%>
-    <%--templateTexts["app.en"] = '<bean:message key="app.en"/>';--%>
-    <%--templateTexts["app.fr"] = '<bean:message key="app.fr"/>';--%>
-    <%--templateTexts["data.upload.metadata.contact.mail"] = '<bean:message key="data.upload.metadata.contact.mail"/>';--%>
-    <%--templateTexts["bo.user"] = '<bean:message key="bo.user"/>';--%>
-    <%--templateTexts["bo.site"] = '<bean:message key="bo.site"/>';--%>
+<div id="menuAtmosphere" style="visibility:hidden;">
+    <ul>
+        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li>
+        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li>
+        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li>
+        <li class="liWorkshops">&nbsp;&nbsp;<spring:message code="label.workshops"/></li>
+        <li class="liEther">&nbsp;&nbsp;<spring:message code="label.ether.letters"/></li>
+        <li class="liInformations">&nbsp;&nbsp;<spring:message code="label.informations"/></li>
+    </ul>
+</div>
+<div id="menuActivities" style="visibility:hidden;">
+    <ul>
+        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li>
+        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li>
+        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li>
+    </ul>
+</div>
+<div id="menuData" style="visibility:hidden;">
+    <ul>
+        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li>
+        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li>
+        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li>
+    </ul>
+</div>
+<div id="menuCommunity" style="visibility:hidden;">
+    <ul>
+        <li class="liPole">&nbsp;&nbsp;<spring:message code="label.pole.presentation"/></li>
+        <li class="liUsers">&nbsp;&nbsp;<spring:message code="label.users.committee"/></li>
+        <li class="liLaboratories">&nbsp;&nbsp;<spring:message code="label.laboratories"/></li>
+    </ul>
+</div>
 
-    <%--// Needed texts if you use the library LoginButton.js--%>
-    <%--var loginTexts = $A( "" );--%>
-    <%--loginTexts["app.connexion"] = '<bean:message key="app.connexion"/>';--%>
-    <%--loginTexts["login"] = '<bean:message key="login"/>';--%>
-    <%--loginTexts["login.password"] = '<bean:message key="login.password"/>';--%>
-    <%--loginTexts["login.sign"] = '<bean:message key="login.sign"/>';--%>
-    <%--loginTexts["login.pwdForget"] = '<bean:message key="login.pwdForget"/>';--%>
-    <%--loginTexts["login.loginForget.help"] = '<bean:message key="login.loginForget.help"/>';--%>
-    <%--loginTexts["login.loginForget"] = '<bean:message key="login.loginForget"/>';--%>
-    <%--loginTexts["login.error.notFound"] = "<bean:message key='login.error.notFound' arg0="<%=Context.getWebmaster( request )%>"/>";--%>
-    <%--loginTexts["login.error.wrongPassword"] = "<bean:message key='login.error.wrongPassword'/>";--%>
-    <%--loginTexts["login.error.failed"] = "<bean:message key='login.error.failed' arg0="<%=Context.getWebmaster( request )%>"/>";--%>
-    <%--loginTexts["login.error.notAccepted"] = "<bean:message key='login.error.notAccepted'/>";--%>
-    <%--loginTexts["<%=UserRole.ADMINISTRATOR%>"] = '<bean:message key="app.administrator"/>';--%>
-    <%--loginTexts["<%=UserRole.TECHNICIEN%>"] = '<bean:message key="app.technician"/>';--%>
-    <%--loginTexts["<%=UserRole.COORDINATOR%>"] = '<bean:message key="app.coordinator"/>';--%>
+<script type="text/javascript">
+    var templateTexts = $A( "" );
+    templateTexts["label.home"] = '<spring:message code="label.home"/>';
+    templateTexts["language"] = '<spring:message code="language"/>';
+    templateTexts["label.map"] = '<spring:message code="label.map"/>';
+    templateTexts["label.atmosphere.chemistry"] = '<spring:message code="label.atmosphere.chemistry"/>';
+    templateTexts["label.activities"] = '<spring:message code="label.activities"/>';
+    templateTexts["label.data.services"] = '<spring:message code="label.data.services"/>';
+    templateTexts["label.community"] = '<spring:message code="label.community"/>';
+    templateTexts["label.pole.presentation"] = '<spring:message code="label.pole.presentation"/>';
+    templateTexts["label.users.committee"] = '<spring:message code="label.users.committee"/>';
+    templateTexts["label.laboratories"] = '<spring:message code="label.laboratories"/>';
+    templateTexts["label.workshops"] = '<spring:message code="label.workshops"/>';
+    templateTexts["label.ether.letter"] = '<spring:message code="label.ether.letters"/>';
+    templateTexts["label.informations"] = '<spring:message code="label.informations"/>';
 
-    <%--var interfaceTemplate = new InterfaceTemplate();--%>
-<%--</script>--%>
-
-<%--<div style="visibility:hidden"><a href="http://apycom.com/">Apycom jQuery Menus</a></div>--%>
+    var interfaceTemplate = new InterfaceTemplate();
+</script>
 
 </BODY>
Index: /ether_2012/trunk/web/resources/templates/templateEther_script.jsp
===================================================================
--- /ether_2012/trunk/web/resources/templates/templateEther_script.jsp	(revision 346)
+++ /ether_2012/trunk/web/resources/templates/templateEther_script.jsp	(revision 347)
@@ -1,3 +1,3 @@
-<%@ page import="com.medias.Context" %>
+<%@ page import="com.ether.Context" %>
 
 <script type="text/javascript">
@@ -7,8 +7,7 @@
         {
             /** *********** CONTAINERS *********** **/
-            this.containerTitle = $( "#title" );
             this.containerTools = $( "#tools" );
-            this.containerLogin = $( "#loginModule" );
-            this.containerMenu = $( "#menuBO" );
+            this.containerMenu = $( "#menu" );
+            this.containerSubMenu = $( "#subMenu" );
 
             /** *********** VARIABLES *********** **/
@@ -17,22 +16,18 @@
             this.webmaster = "<%=Context.getWebmaster(request)%>";
             this.relativePageUri = <%=request.getQueryString() != null%> ? "<%=Context.getRelativePath( request )%>?<%=request.getQueryString()%>" : "<%=Context.getRelativePageURI(request)%>";
-            this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false;
-            this.screenWidthLimit = 1336;
+            <%--this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false;--%>
 
             /** ************ CREATE ************ **/
-            this.createTitleTools();
+            this.createTools();
             this.createMenu();
+//            this.createMenu();
         },
 
         // CREATES ********************************************************
-        createTitleTools: function()
+        createTools: function()
         {
-            this.containerTitle.addClass( "containerTitle" );
-            this.containerTitle.html( templateTexts["bo.fulltitle"] );
-
-            this.createLogin();
-
-            var interfaceButton = new Button( {value:templateTexts["bo.site"], parent:this.containerTools, id:"button_interface", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickMegapoli} );
-            var homeButton = new Button( {value:templateTexts["app.home"], parent:this.containerTools, id:"button_home", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickHome} );
+            var mapButton = new Button( {value:templateTexts["label.map"], parent:this.containerTools, id:"button_map", className: "gray_button", classNameText:"gray_button_text", onClick:this.onClickMap} );
+            var languageButton = new Button( {value: templateTexts["language"], parent:this.containerTools, id:"button_language", className: "gray_button", classNameText:"gray_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} );
+            var homeButton = new Button( {value: templateTexts["label.home"], parent:this.containerTools, id:"button_home", className: "gray_button", classNameText:"gray_button_text", onClick:this.onClickHome} );
 
 //            var divSmallLogoEther = $( document.createElement( "div" ) );
@@ -42,5 +37,31 @@
 //            $( "#smallLogoEther" ).show();
 
-            this.updateLogoEther();
+//            this.updateLogoEther();
+        },
+
+        createMenu: function()
+        {
+            var ulMenu = $( document.createElement( "ul" ) );
+            this.containerMenu.append( ulMenu );
+
+            var liAtmosphere = $( document.createElement( "li" ) );
+            liAtmosphere.html( templateTexts["label.atmosphere.chemistry"] );
+            liAtmosphere.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Atmosphere"] ) );
+            ulMenu.append( liAtmosphere );
+
+            var liActivities = $( document.createElement( "li" ) );
+            liActivities.html( templateTexts["label.activities"] );
+            liActivities.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Activities"] ) );
+            ulMenu.append( liActivities );
+
+            var liData = $( document.createElement( "li" ) );
+            liData.html( templateTexts["label.data.services"] );
+            liData.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Data"] ) );
+            ulMenu.append( liData );
+
+            var liCommunity = $( document.createElement( "li" ) );
+            liCommunity.html( templateTexts["label.community"] );
+            liCommunity.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Community"] ) );
+            ulMenu.append( liCommunity );
         },
 
@@ -52,7 +73,13 @@
         },
 
-        createMenu: function()
+        createSubMenuLi: function( container, subMenus )
         {
-            var usersButton = new Button( {value:templateTexts["bo.user"], parent:this.containerMenu, id:"button_home", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickUser} );
+            jQuery.each( subMenus, jQuery.proxy( function( i, subMenu )
+            {
+                var liSubMenu = $( document.createElement( "li" ) );
+                liSubMenu.addClass( "li" + i );
+                liSubMenu.html( "&nbsp;&nbsp;" + subMenu );
+                container.append( liSubMenu );
+            }, this ) );
         },
 
@@ -63,34 +90,48 @@
         },
 
-        onClickMegapoli: function()
+        onClickLanguage: function()
+        {
+            if( this.isLanguageFr )
+                document.location.href = this.path + "/English.do?requestUri=" + this.relativePageUri;
+            else
+                document.location.href = this.path + "/French.do?requestUri=" + this.relativePageUri;
+        },
+
+        onClickMap: function()
         {
             document.location.href = "index.jsp";
         },
 
-        onClickUser: function()
+        onClickMenu: function()
         {
-            document.location.href = "backoffice?methodName=viewUser";
-        },
+            var context = this[0];
+            var liMenu = this[1];
 
-        /**
-         * This method display a small Ether logo if the screen is too small to contain the big one
-         */
-        updateLogoEther: function()
-        {
-            if( this.screenWidthLimit > innerWidth )
+            context.containerSubMenu.empty();
+
+            var ulMenu = $( document.createElement( "ul" ) );
+            context.containerSubMenu.append( ulMenu );
+
+            switch( liMenu )
             {
-                $( "#logoEther" ).hide();
-                $( "#linkLogoEther" ).hide();
-                $( "#smallLogoEther" ).show();
+                case "Atmosphere":
+                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"], templateTexts["label.workshops"], templateTexts["label.ether.letter"], templateTexts["label.informations"]] );
+                    break;
+                case "Activities":
+                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] );
+                    break;
+                case "Data":
+                    context.createSubMenuLi( ulMenu, [templateTexts["label.workshops"], templateTexts["label.ether.letter"]] );
+                    break;
+                case "Community":
+                    context.createSubMenuLi( ulMenu, [templateTexts["label.informations"], templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] );
+                    break;
+                default:
+                    break;
             }
-            else
-            {
-                $( "#logoEther" ).show();
-                $( "#linkLogoEther" ).show();
-                $( "#smallLogoEther" ).hide();
-            }
+            ;
         }
 
+
     } );
-
 </script>
Index: /ether_2012/trunk/web/src/messages_en.properties
===================================================================
--- /ether_2012/trunk/web/src/messages_en.properties	(revision 346)
+++ /ether_2012/trunk/web/src/messages_en.properties	(revision 347)
@@ -4,35 +4,19 @@
 label.language.en=English
 label.language=Language
-label.index=Back to index
-
-titre.visu=Simple visualization page
-titre.visu.pf=Visualization page for all plateforms and parameters
-titre.init=Init
-
-text.visu.pf=Load of the method "viewAllPlateforms" from the controller wich returns results to page "visu_plateform.jsp"
-text.visu.pf.href=Plateforms viex
-
-text.visu=Load of the method "view" from the controller which returns results to page visu.jsp
-text.visu.href=Simple view
-
-text.results=Results from controller :
-text.change.language=Switch language (use of labels from messages_en.properties)
-
-data.visualization=Data visualization
-data.visualization.pf=View plateforms
-data.visualization.noPf=No plateform
-data.visualization.selectPf=Plateforms
-data.visualization.noParameter=No parameter
-data.visualization.selectParameter=Parameters
-data.visualization.selectTime=Periode
-data.visualization.selectDate=Select a date
-data.visualization.BeginDate=Begin date
-data.visualization.EndDate=End date
-data.visualization.Unvalid_Period=Unvalid period !
-data.visualization.button.visualize=Visualization
-data.visualization.button.download=Download
-data.visualization.loading.data=Data loading
 
 label.ether=Ether
 label.home=Home
+label.map=Map
+
+label.atmosphere.chemistry=Atmosphere chemistry
+label.activities=Activities
+label.data.services=Data/Services
+label.community=Community
+label.pole.presentation=Pole presentation
+label.users.committee=Users committee
+label.laboratories=Laboratories
+label.workshops=Workshops
+label.ether.letters=Ether letters
+label.informations=Informations
+
 home.title=Centre for Atmospheric Chemistry Products and Services
Index: /ether_2012/trunk/web/src/messages_fr.properties
===================================================================
--- /ether_2012/trunk/web/src/messages_fr.properties	(revision 346)
+++ /ether_2012/trunk/web/src/messages_fr.properties	(revision 347)
@@ -1,41 +1,22 @@
 inWork=Page en cours de construction..
-language=FRANCAIS
+language=FranÃ§ais
 label.language.fr=FranÃ§ais
 label.language.en=Anglais
 label.language=Langue
-label.index=Retour Ã  l'index
-
-titre.visu=Page de visualisation simple
-titre.visu.pf=Page de visualisation de toutes les plateformes/paramÃštres
-titre.init=Init
-
-text.visu.pf=Appel de la mÃ©thode viewAllPlateforms du controller qui renvoit vers la page visu_plateform.jsp
-text.visu.pf.href=vue plateforms
-
-text.visu=Appel de la mÃ©thode "view" du controller qui renvoit vers la page visu.jsp
-text.visu.href=vue simple
-
-text.results=RÃ©sultats retournÃ©s par le controller :
-text.change.language=Changement de langue (utilisation des labels de messages_en.properties)
-
-
-data.visualization=Visualisation des donnÃ©es
-data.visualization.pf=Voir les plateformes
-data.visualization.noPf=Pas de plateforme
-data.visualization.selectPf=Plateformes
-data.visualization.noParameter=Pas de param\u00E8tre
-data.visualization.selectParameter=Param\u00E8tres
-data.visualization.selectTime=P\u00E9riode
-data.visualization.selectDate=Choisissez une date
-data.visualization.BeginDate=Date de d\u00E9but :
-data.visualization.EndDate=Date de fin :
-data.visualization.Unvalid_Period=P\u00E9riode non valide !
-data.visualization.button.visualize=Visualisation
-data.visualization.button.download=T\u00E9l\u00E9chargement
-data.visualization.loading.data=Chargement des donn\u00E9es
-
-
 
 label.ether=Ether
 label.home=Accueil
-home.title=Centre de Produits et Services de la Chimie de l'AtmosphÃšre
+label.map=Plan
+
+label.atmosphere.chemistry=Chimie de l&apos;atmosphÃšre
+label.activities=ActivitÃ©s
+label.data.services=DonnÃ©es/Services
+label.community=CommunautÃ©
+label.pole.presentation=PrÃ©sentation du pÃŽle
+label.users.committee=ComitÃ© utilisateurs
+label.laboratories=Laboratoires
+label.workshops=Colloques/Ateliers
+label.ether.letters=Lettres Ether
+label.informations=Informations
+
+home.title=Centre de Produits et Services de la Chimie de l&apos;AtmosphÃšre
