@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('Open-Sans-Regular'),
    url('https://who.rocq.inria.fr/Jean-Marc.Lasgouttes/opensans-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('Open-Sans-Italic'),
    url('https://who.rocq.inria.fr/Jean-Marc.Lasgouttes/opensans-italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('Open-Sans-Light'),
    url('opensans-light.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans Light';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('Open-Sans-Light-Italic'),
    url('https://who.rocq.inria.fr/Jean-Marc.Lasgouttes/opensans-lightitalic.ttf') format('truetype');
}

@media print {
  body {
    font-family: Garamond, Times-Roman, Times, serif;
    font-size: 12pt;
  }

  h1 {
    font-size: larger;
  }

  p.bandeau, a[onclick], .noprint {
    display: none;
  }

  a {
    color: #000000;
    text-decoration: none;
  }

}


@media screen {
  html {
    background-color: #fefbf1;
  }

  body {
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    /* background-image: url(https://who.rocq.inria.fr/Jean-Marc.Lasgouttes/noise.png); */
    /* height: 98.5%; */
  }

  h1, h2, p.titre {
    font-family: Open Sans Light, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
  }

  a {
    color: #20679e;
    text-decoration: none;
  }

  a:hover, .titre a:hover {
    -moz-transition: all 0.6s ease 0s;
    opacity: 0.5;
    filter : alpha(opacity=90);
    background-color: #20679e;
    color: #fefbf1;
  }

  .titre a {
    color: #333333;
  }

  a.dim {
    -moz-transition: all 0.6s ease 0s;
    opacity: 0.4;
    filter : alpha(opacity=50);
  }

  a.dim:hover, img.dim {
    -moz-transition: all 0.6s ease 0s;
    opacity: 0.9;
    filter : alpha(opacity=90);
  }

  .bandeau a {
    color: #20679e;
  }

  .bandeau a:hover {
    color: #20679e;
    background-color: #fefbf1;
  }

  div.abstract {
    display: none;
  }
}


h1, .titre  {
  font-size: 170%;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
}

.titre p {
  font-size: inherit;
  font-style: italic;
  margin-left: 0%;
  margin-right: 0%;
  text-align: left;
}

h2 {
  color: #20679e;
  font-size: xx-large;
  font-weight: 300;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 1em;
  margin-bottom: 1em;
}


h3 {
  color: #20679e;
  font-size: x-large;
  font-weight: 300;
  margin-left: 4%;
}

img {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

p, ul {
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
}

ul {
  list-style-type: square;
  /* color: #20679e; */
}

/* li div { */
/*   color: #000000; */
/* } */

li {
  padding-bottom: 1ex;
}

dl dt {
  float:left;
  margin-left: 5%;
  color: #20679e;
  margin-right: 20px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

dl dd {
  margin-left: 10%;
  margin-right: 5%;
  position: relative
}

dl.pause dt {
  color: #333333;
}

p.bandeau {
  color: #20679e;
  margin: 0px;
  width: 99%;
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: center;
}