/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */

html {
    margin: 0;
    padding: 0;
  }

body {
    font: 0.9	em times-roman;
    /*
    font: 75% georgia, sans-serif;
    color: #555753;
    background: #fff;
    */
    line-height: 1.2;
    background: white;
    margin: 0;
    padding: 0;
	min-width: 800px;

  }

p {
    margin-top: 0;
    text-align: justify;
  }

p.bold {
    font-weight: bold;
}

h1 {
    font: normal 1.5em georgia, sans-serif;
    font-weight: bold;
    color: #3366FF;
  }

h2 {
    font: normal 1.3em georgia, sans-serif;
    font-weight: bold;
    color: #3366FF;
  }

h3 {
    font: normal 1em georgia, sans-serif;
    font-weight: bold;
    color: #3366FF;
  }


p4 {
    font: bold;
    font-weight: bold;
    color: #3366FF;
  }

a:link {
    font-weight: bold;
    text-decoration: none;
    color: blue;
  }

a:visited {
    font-weight: bold;
    text-decoration: none;
    color: green;
  }

a:hover, a:active {
    text-decoration: underline;
    color: #9685BA;
  }

acronym {
    border-bottom: none;
  }

/* specific divs */

#container {
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }

#background{
	padding: 0 140px 0 100px;
    margin: 0;
    position: relative;

  }

#Teaching{
  	padding: 0 140px 0 100px;
      margin: 0;
      position: relative;

    }

#title{
    text-align: left;
    padding: 15px 0px 50px 0px;
  }

#picture{
	text-align: left;
    	float: right;
  }
#tabs{
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }
#Workshop{
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }
#Research_interests{
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }
#Publications{
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }
#Collab {
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }
#Contacts {
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }

#Workshop {
    padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
  }

#Last_modif {
  padding: 0 140px 0 100px;
    margin: 0;
    position: relative;
}


#DivForHoverItem {
    /*just so we can see it*/
    background-color: none;
}

#HiddenText {
    display: none;
}

#DivForHoverItem:hover #HiddenText {
    display:block;
}

<script>
function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>


.accesskey {
    text-decoration: underline;
  }

/* \40 will turn into the "@" symbol
address:after{
	content: " <stan\40montefiore.ulg.ac.be>";
	}
*/

/* Auto-highlight invalid CSS code */


/* Empty Elements */

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty

{ padding: 20px; border: 5px dotted yellow !important; }



/* Empty Attributes */

*[alt=""], *[title=""], *[class=""], *[id=""], a[href=""], a[href="#"]

{ border: 5px solid yellow !important; }



/* Deprecated Elements */

applet, basefont, center, dir, font, isindex, menu, s, strike, u

{ border: 5px dotted red !important; }



/* Deprecated Attributes */

*[background], *[bgcolor], *[clear], *[color], *[compact], *[noshade], *[nowrap], *[size], *[start],

*[bottommargin], *[leftmargin], *[rightmargin], *[topmargin], *[marginheight], *[marginwidth], *[alink], *[link], *[text], *[vlink],

*[align], *[valign],

*[hspace], *[vspace],

*[height], *[width],

ul[type], ol[type], li[type]

{ border: 5px solid red !important; }



/* Proposed Deprecated Elements */

input[type="button"], big, tt

{ border: 5px dotted #33FF00 !important; }



/* Proposed Deprecated Attributes */

*[border], a[target], table[cellpadding], table[cellspacing], *[name]

{ border: 1px solid #33FF00 !important; }

/*input:focus { outline:none; }*/