html {
  background-color: #006699;
  padding:       0em;
  margin:        0em;
  border:       none;
}

/* Main body */
body {
  position: absolute;
  margin:        0em;
  padding:       0em;
  background: white url(/images/bug.jpg) right bottom no-repeat; 
  padding-top:   3em;
  max-width:    66em;
  min-width:    48em;
  min-height:  100%;
  left:          9em;
  padding-left: 0.5em;
  border:       none;
}

/* display email icon */
a[href^="mailto:"] {
  padding-left: 13px;
  margin-left:   1px;
  background: url(/images/letter.png) left center no-repeat;
}
.extras a[href^="mailto:"], .actions a[href^="mailto:"] {
  margin: 0px;
  padding: 0px;
}


.news h3 { margin-top: 0.5em; margin-bottom: 0em; }

/* Actions */
.action  { padding-left: 13px; margin-left: 1px; }
.actions {
  position: relative;
  margin:  0em;
  margin-right: -2em;
  padding: 0em;
  bottom:  1.5em;
  right:   2em;
  /* for IE7 */ height: 0em;
}
.box h3 + .actions { bottom: 1.5em; }
.news h4 + .actions { bottom:  1.8em; }
.box h4 + .actions { bottom:  2em; }
#edito h3 + .actions { bottom: 1.5em; }
.actions span { display: none;  }
.actions .action {
  margin:  0px;
  display: block;
  width:   0.4em;
  height: 12px;
  float: right;
  padding-left: 9px;
}
* > * + .actions       { visibility: hidden;  }
*:hover > * + .actions { visibility: visible; }
*:hover + .actions     { visibility: visible; } /* for IE7 */

.plus  { background: url(/images/plus.png)  left center no-repeat; }
.ical  { background: url(/images/clock.png) left center no-repeat; }
.myvcard { background: url(/images/vcard.png) left center no-repeat; }
.out   { background: url(/images/out.png)   left center no-repeat; }
.pdf   { background: url(/images/pdf.png)   left center no-repeat; }
.rss   { background: url("/images/rss.png") left center no-repeat; }
.maintain { background: url("/images/letter.png") left center no-repeat; }
p.more {
  float:      right;
  width:       auto;
  clear:       both;
  font-size:    90%;
  margin-top:    0.5em;
  margin-bottom: 0em;
  padding-left:  0px;
  text-indent:   15px;
}
p.plus { background-position: 4px 0.3em; }
p.pdf  { background-position: left top;  }
#contents p.more { font-size: xx-small; padding-top: .1em; margin-top: .2em; }

/* extras */
.extras {
  position: absolute;
  font-size:  8px;
  top:        0em;
  right:      0em;
  background-color: #ecf1f6;
  border-left:   solid 1px #006699;
  border-bottom: solid 0.1em #006699;
  height: 2.4em;
  padding-right: 1em;
}
.extras label  { display: none; }
.extras ul     { list-style-type: none; }
.extras li     {
  width:   auto;
  display: block;
  float:   left;
  padding-left: 0.5em;
  padding-right: 0.5em;
  height: 2.4em;
  line-height: 2.4em;
}
.extras span       { display: none;   }
/*.extras span.modif { display: block; position: absolute; left: 9em; bottom: 1em; }*/
.extras span.modif { display: inline; padding-right: 2px; color: #62c4dd; vertical-align: -0.2em; }
.extras .rss { display: block; width: 12px; height: 2.4em;
  background: url("/images/rss.png") center center no-repeat; }
.extras .maintain { display: block; width: 12px; height: 2.8em;
  background: url("/images/letter.png") center center no-repeat; }
.extras #private { display: block; width: 8px; height: 2.4em;
  background: url("/images/lock.png") center center no-repeat; }
.extras .lang {
  display: block;
  color: #62c4dd;
  vertical-align: -0.2em;
  height: 2.2em;
  padding-right: 1em;
  padding-left: 1em;
  margin-top: 0.2em;
}
.extras .selected {
  border: solid 0.1em #006699;
  border-bottom: solid 0.1em white;
  background-color: white;
  margin-top: 0.1em;
}
.extras a:link, .extras a:visited { text-decoration: none; }

/*.extras select {
  border: solid 1px #62c4dd;
  color: #62c4dd;
  background-color: white;
  padding: 1px;
  font-size: 100%;
}*/

/* Floating boxes */
div.box {
  float:      left;
  font-size:   80%;
  border: dashed 1px #a9b8c8;
  width:       22em;
  margin:       0.8em;
  margin-right: 0em;
  padding:      0.8em;
  background-color: #fdfdff;
}
h2#boxes  { display: none; }

/* Main contents */
#contents {
  background-color: transparent;
  float:        left;
  width:        auto;
  max-width:    35em;
  margin:        1em;
  /*margin-left:   0em;*/
  margin-bottom: 3em;
}
#contents h3 { text-align: left; }

/* Left column */
#LSV {
  font-size: 106%;
  padding:     0.2em;
  background-color: #006699;
  color: white;
/*  min-width: 80px; */
/*  min-width: 14ex; */
  width:       8em;
/*  width:       6%; */
  overflow: hidden;
  height:    100%;
  position: fixed;
  left:        0px;
  top:         0px;
  padding-top: 0px;
/*  border: solid 1px black; */
}

/* LSV logo */
#LSV h2 { text-align: center; }
#LSV h2 span { display: none; }
#LSV h2:first-child a {
  background-image: url('/img/logos/lsv-white.png');
  background-repeat: no-repeat;
  margin-bottom: 1.2em;
  display: block;
  width: 100px;
  height: 66px;
}
#LSV h2:first-child a abbr {
  display: none;
}

/* LSV menu */
#LSV ul {
  list-style-type: none;
  padding:        0em;
  margin:         0em;
  padding-bottom: 1em;
}
#LSV a:link, #LSV a:active, #LSV a:visited 
  { color: white; text-decoration: none; }
#LSV a:hover { color: #62c4dd; }

/* BUG: in konqueror 3.5: border disappears after a mousover;
        might be ok with newer versions */
#LSV h2 + ul li:first-letter,    /* recent browsers */
  #LSV li a[accesskey]:first-letter /* older browsers */
  { border-bottom: solid 1px; }

#LSV li {
  margin-bottom: 0.5em; 
  /* trying to get IE7 to dislpay this properly */
  margin-left: 0em; padding-left: 0em; text-indent: 0em;
}

#LSV #logos { position: fixed; bottom: 0em; left: 1px; width: 7.5em; }
#LSV #logos li { 
  margin-top: 1em;
  text-align: center;
  overflow: hidden;
}
#LSV #logos li a {
  background-position: center;
  background-repeat: no-repeat;
}
#LSV #logos span { display: none; }
#ens  {
  display: block;
  min-width: 90px;
  height: 70px;
//  background-image: url("/images/ENSC-saclay-blanc.png");
  background-image: url("/images/ENSC-saclay-blanc-carre.png");
  background-size: 90px;
}
#cnrs {
  display: block;
  min-width: 65px;
  height: 65px;
  background-image: url("/images/cnrs2.png");
}
#inria {
  display: block;
  min-width: 100px;
  height: 29px;
  background-image: url("/images/inria3.png");
}


/* new logo */
/*body
  { background: white url(white.png) 94px 10px no-repeat fixed; }
#LSV
  { background: #006699 url(blue.png) 94px 10px no-repeat fixed;
    padding-top: 80px; }
#LSV h2 abbr { display: none; }
.news, .abstract, h1, h2, h3, h4, h5, h6, #contents div, #contents ul,
#contents ol, #contents dl, #contents table, #contents p
  { background: white url(blur.png) 94px 10px no-repeat fixed; }
#edito div, #edito p { background: #ecf1f6; }
#edito h3, .box h3 { background: #006699; }*/
/*#contents 
  { background: white url(blur.png) 94px 10px no-repeat fixed; }*/


div#contents {
  margin:        0em;
  min-width:    25em;
  max-width:    35em;
  margin-top:    3%;
  margin-right:  1.5em;
  margin-left:   1.5em;
  margin-bottom: 3em;
}
div.box {
  margin-top:    3%;
  margin-bottom: 1%;
  margin-left:   1em;
  margin-right:  1em;
}
#LSV {
  width:        8em;
/* left:         7%; */
/*  left:         1.2em; */
  padding-left: 1.2em;
}
#LSV #logos { 
/*  margin-left: -3.6em; 
 left: 7%; */
  left: .8em; 
  width: 8.2em; 
}
h1                 { margin-left: 2.6em; }
div.abstract       { margin-left: 5.2em; }