update ugly code

index-en.html

@@ -8,11 +8,6 @@
   <title>Jean-Christophe Bach</title>
   <link rel="shortcut icon" href="images/glider.png"/>
   <link href="style.css" rel="stylesheet" type="text/css"/>
-  <style type="text/css">
-    #menu #home_menu {
-      background-color:#F6E497;  /*#BD8D46*/ /* #b9121b;*/
-    }
-  </style>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <meta name="description" content="Jean-Christophe Bach's homepage"/>
   <meta name="keywords" content="jean-christophe, bach, homepage, Inria, RMoD, CRIStAL, university, université lille 1, IEEA, FIL, Pharo, transformations, AST, models, Loria, Pareo, Tom" />
@@ -31,6 +26,7 @@
     <!--img src="images/jcb.jpg" longdesc="A%20photo" width="180" height="178" align="right" style="border:0" alt="Jean-Christophe Bach's picture"/-->
     
     <div id="header">
+      <a style="float:right;border:0;border-radius:1em" href="index-fr.html">FR</a>
       <h1>Jean-Christophe Bach</h1>
       <h4>Teaching assistant - <a href="http://rmod.lille.inria.fr/">RMoD</a> Team - <a href="http://www.inria.fr">Inria</a> / <a href="http://cristal.univ-lille.fr/">CRIStAL</a> (ex <a href="http://www.lifl.fr/">LIFL</a>) / <a href="http://www.univ-lille1.fr/">University of Lille 1</a>: <a href="http://fil.univ-lille1.fr/">FIL</a>, Computer Science department of <a href="http://ieea.univ-lille1.fr/">IEEA</a></h4>
       <ul id="menu">
@@ -104,7 +100,7 @@ Lorraine.
 
     Previously, I graduated from the <a
       href="http://www.esial.uhp-nancy.fr">ESIAL</a> -Software Engineering
-    specialization- (now known as <a href="http://www.telecomnancy.eu">TELECOM
+    specialization- (now known as <a href="http://www.telecomnancy.eu/">TELECOM
       Nancy</a>), then I have worked for two years as an IT security engineer
     at <a href="http://www.advens.fr">Advens</a>, an IT security services
     company located in Lille.
@@ -199,7 +195,7 @@ I leave the laboratory, therefore I will resign. A new election will stand in Se
 	<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.loria.fr/~bachjeje/style.css"><img src="images/valid_css.png" style="border:0" alt="Valid CSS"/></a>
       </td-->
       <td style="width:35%" align="right">
-	<i>Last modification: 2015-03-29</i>
+	<i>Last modification: 2015-07-07</i>
       </td>
     </tr>
   </table>

index-fr.html

@@ -8,11 +8,6 @@
   <title>Jean-Christophe Bach</title>
   <link rel="shortcut icon" href="images/glider.png"/>
   <link href="style.css" rel="stylesheet" type="text/css"/>
-  <style type="text/css">
-    #menu #home_menu {
-      background-color:#F6E497;  /*#BD8D46*/ /* #b9121b;*/
-    }
-  </style>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <meta name="description" content="Jean-Christophe Bach's homepage"/>
   <meta name="keywords" content="jean-christophe, bach, homepage, Inria, RMoD, CRIStAL, university, université lille 1, IEEA, FIL, Pharo, transformations, AST, models, loria, Pareo, Tom" />
@@ -31,6 +26,7 @@
 	  <!--img src="images/photo.jpg" longdesc="A%20photo" width="129" height="210" align="right" style="border:0" alt=" "/-->
 
     <div id="header">
+      <a style="float:right;border:0;border-radius:1em" href="index.html">EN</a>
     <h1>Jean-Christophe Bach</h1>
       <h4>ATER - Équipe <a href="http://rmod.lille.inria.fr/">RMoD</a> - <a href="http://www.inria.fr/">Inria</a> / <a href="http://cristal.univ-lille.fr/">CRIStAL</a> (ex <a href="http://www.lifl.fr/">LIFL</a>) / <a href="http://www.univ-lille1.fr/">Universit&eacute; de Lille 1</a>: <a href="http://fil.univ-lille1.fr/">FIL</a>, département informatique de l'UFR <a href="http://ieea.univ-lille1.fr/">IEEA</a></h4>
       <ul id="menu">
@@ -43,7 +39,7 @@
     </div>
 
     <table>
-          <tr><td class="textbf">Adresse physique</td><td>Centre de recherche Inria Lille Nord Europe, équipe RMoD</td><td rowspan="8"><img style="float:right border:0" src="images/jcb.jpg" longdesc="A%20photo" width="180" height="178" alt="Jean-Christophe Bach's picture"/></td></tr>
+          <tr><td class="textbf">Adresse physique</td><td>Centre de recherche Inria Lille Nord Europe, équipe RMoD</td><td rowspan="8"><img style="float:right;border:0" src="images/jcb.jpg" longdesc="A%20photo" width="180" height="178" alt="Jean-Christophe Bach's picture"/></td></tr>
 	  <tr><td class="textbf"></td><td>40, avenue Halley</td></tr>
 	  <tr><td class="textbf"></td><td>59650 Villeneuve d'Ascq</td></tr>
 	  <tr><td class="textbf"></td><td>France</td></tr>

index.html

@@ -8,11 +8,6 @@
   <title>Jean-Christophe Bach</title>
   <link rel="shortcut icon" href="images/glider.png"/>
   <link href="style.css" rel="stylesheet" type="text/css"/>
-  <style type="text/css">
-    #menu #home_menu {
-      background-color:#F6E497;  /*#BD8D46*/ /* #b9121b;*/
-    }
-  </style>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <meta name="description" content="Jean-Christophe Bach's homepage"/>
   <meta name="keywords" content="jean-christophe, bach, homepage, Inria, RMoD, CRIStAL, university, université lille 1, IEEA, FIL, Pharo, transformations, AST, models, Loria, Pareo, Tom" />
@@ -31,6 +26,7 @@
     <!--img src="images/jcb.jpg" longdesc="A%20photo" width="180" height="178" align="right" style="border:0" alt="Jean-Christophe Bach's picture"/-->
     
     <div id="header">
+      <a style="float:right;border:0;border-radius:1em" href="index-fr.html">FR</a>
       <h1>Jean-Christophe Bach</h1>
       <h4>Teaching assistant - <a href="http://rmod.lille.inria.fr/">RMoD</a> Team - <a href="http://www.inria.fr">Inria</a> / <a href="http://cristal.univ-lille.fr/">CRIStAL</a> (ex <a href="http://www.lifl.fr/">LIFL</a>) / <a href="http://www.univ-lille1.fr/">University of Lille 1</a>: <a href="http://fil.univ-lille1.fr/">FIL</a>, Computer Science department of <a href="http://ieea.univ-lille1.fr/">IEEA</a></h4>
       <ul id="menu">
@@ -199,7 +195,7 @@ I leave the laboratory, therefore I will resign. A new election will stand in Se
 	<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.loria.fr/~bachjeje/style.css"><img src="images/valid_css.png" style="border:0" alt="Valid CSS"/></a>
       </td-->
       <td style="width:35%" align="right">
-	<i>Last modification: 2015-03-29</i>
+	<i>Last modification: 2015-07-07</i>
       </td>
     </tr>
   </table>

style.css

@@ -3,20 +3,6 @@ a:link    { color :#B9121B /*#416DFF*/; text-decoration : none; font-weight : bo
 a:hover   { color : Red; text-decoration : underline; }
 a:active  { color : Red; text-decoration : underline; }
 
-/* everest strong: #145C8C */
-/* everest light : #B1D3DC */
-
-/*ul{ 	list-style-image: url('images/list-item.jpg');	}*/
-
-/* .corner1 { 
-   border: 0.1cm 0.1cm 0.1cm 0.1cm;
-   background: url('images/corner1.jpg') 100% 100% no-repeat #B1D3DC; 
-   width: 18.5em;
-}
-
-.corner2 { 
-   background: url('images/corner2.jpg') 0% 0% no-repeat; 
-} */
 
 /*palettes : http://www.code-couleur.com/palettes.html*/
 /*
@@ -53,6 +39,11 @@ h3 {
   }
 /*#menu li a:hover{background-color:#cccccc}*/
 #menu li a:hover{background-color:#F6E497/*#BD8D46*/}
+/*#menu #home_menu {
+  background-color:#F6E497; 
+}*/
+
+
 
 /*#menu li a{
 	float:left;