/* Basic stuff */
  html { background: white url(../pictures/photos/bg.jpg) 50% 0% no-repeat; }
  body {
    background-color: transparent;
    color:            black;
    font-family:      sans-serif;
    font-size:      12pt;
    line-height:     1.3em;
    margin:          7%;
    padding:         0px;
  }
  small   { font-size: 80%; }
  strong  { font-weight: bold; }

/* tables */
  table   { empty-cells: hide; }
  th, td  { 
    text-align: center; 
    padding: 0.5em; 
    border: solid 1px #0039a2;
    margin: 0px;
  }
  th      { font-weight: normal; background-color: #efefff; }
  td dd   { margin-left: 0em; padding-left: 1em; padding-right: 1em; }

/* forms */
  label, input, select, form>p {
    display:          block;
    float:            left;
    width:          25em;
    text-indent:     0px;
    background-color: white;
  }
  label   {
    clear:          both;
    font-weight:    bold;
    text-align:     right;
    margin-right:  1em;
    margin-bottom: 1em;
  }
  form>br { clear: both; display: block; visibility: hidden; }
  input[type="radio"]  { width: auto; }
  input[type="submit"] {
    background-color: #eeeeef;
    width: auto;
    float: none;
    display: inline; }
  input:focus, select:focus { background-color: #eeeeef; }
  /* specific hack for myreview */
  form table th, form table td { border: none; background-color: transparent; }

/* anchors */
  a                 { color: #4566a2; text-decoration: none; }
  a:active, a:hover { color: #0039a2; text-decoration: underline; }
  a:visited         { color: #666667; text-decoration: none; }
  a:active:visited, a:hover:visited
                    { color: black;   text-decoration: underline; }
  a img             { border: 0px; }

/* headings */
  h2, h3, h4, h5, h6 { margin-top: 1em; padding-top: 2px; }

/* paragraphs */
  p { text-align: justify; text-indent: 2em; }
  div > p:first-child, li > p:first-child, dd > p:first-child {
    text-indent: 0;
  }
  dd { text-indent: 0px; padding-left: 1em; padding-bottom: 0.5em; }

/* abbreviations */
  abbr { font-variant: small-caps; }
  abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }

/* maths */
  sup, sub { font-size: 70%; }
  .math, .mi { 
    font-family: CMSY10, CMEX10, Times, serif;
    line-height: 0.8em;
  }
  .math { font-style: normal; }
  .mi   { font-style: italic; }

/* Uncommon stuff */
ol       { list-style-type: decimal;     }
ol li ol { list-style-type: lower-latin; }
ul {
  list-style-type: none;
  text-indent:    -2em;
  padding:         0em;
}
ul li {
  float:           left;
  width:          24em;
  padding-left:    3em;
  padding-right:   1em;
  margin:          0em;
}
hr { clear: both; display: block; visibility: hidden; }

/* Classes */
.foreign    { font-style: italic; }
.side       { float: right; padding-left: 2em; }
.title      { font-style: italic; }

/* Specific stuff */
  #photos { text-align: center; }

/* sponsors */
  #sponsors span { display: none; }
  #sponsors li { width: 163px; height: 77px; padding:0px; margin: 1em; }
  #sponsors a { display: block; width: 163px; height: 77px; }
  #i3s   {background: white url(../pictures/logo/i3s.png)   50% 50% no-repeat;}
  #unsa  {background: white url(../pictures/logo/unsa.png)  50% 50% no-repeat;}
  #cnrs  {background: white url(../pictures/logo/cnrs.png)  50% 50% no-repeat;}
  #inria {background: white url(../pictures/logo/inria.png) 50% 50% no-repeat;}
  #eatcs {background: white url(../pictures/logo/eatcs.png) 50% 50% no-repeat;}
  #cg06  {background: white url(../pictures/logo/cg06.png)  50% 50% no-repeat;}
  #mdrnt {background: white url(../pictures/logo/mdrnt.png) 50% 50% no-repeat;}
  #paca  {background: white url(../pictures/logo/paca.png)  50% 50% no-repeat;}
  #casa  {background: white url(../pictures/logo/casa.png)  50% 50% no-repeat;}

/* alternates */
  #alternates { position: absolute; top: 1em; left: 1em; font-size: 70%; }
  #alternates h2 { font-size: 100%; font-weight: normal; font-style: italic; }
  #alternates ul { text-indent: 0em; }
  #alternates li { float: none; padding-left: 1em; }

/* titles */
  #titles      {
    font-size: 1.2em;
    padding: 1em;
    line-height: 1em;
    margin-bottom: 14em;
  }
  #titles p    { text-align: center; text-indent: 0; }
  #titles h1   { padding-top: 0em; }
  #logo {
    display: block;
    width: 235px;
    height: 32px;
    background: transparent url(../pictures/logo/logo.png) 50% 0% no-repeat;
    left:    50%;
    margin-left: -117px;
    position: relative;
  }
  #logo span   { display: none; }

/* content */
  #content     { padding: 4%; }

/* extras */
  #news ul {
    list-style-type: circle;
    text-indent:     0em;
    padding:         0em;
  }
  #news ul li {
    float:           none;
    padding-left:    1em;
    width:           auto;
  }

  #contact {
    text-align: center;
    background-color: #eeeeef;
    border-top: solid 1px #666667;
    border-bottom: solid 1px #666667;
    padding-top: 1em;
    font-size: 0.8em;
  }
  #contact p   { display: inline; }
  #contact h2  { display: inline; font-size: 1em; font-weight: bold; }
  #contact h2:after  { content: ": "; }

  #nav {
    width:   620px;
    height:  264px;
    background: transparent url(../pictures/automaton.png) top left no-repeat;
    position:   absolute;
    top:      27em;
    left:     11%;
    /*color:      #666667;*/
    font-size: 9px; 
  }
  #nav ul      { text-indent: 0em; }
  #nav h2      { display: none; }
  #nav .date   { color: #0039a2; }
  #nav li      {
    text-align: center;
    width:          70px;
    height:         42px;
    margin-left:     4px;
    margin-top:     24px;
    padding:         0px;
    position: absolute;
  }
  #nav a       { color: inherit; }
  #nav a:active, #nav a:hover
               { color: #0039a2; text-decoration: underline; }
  #nav a:active:visited, #nav a:hover:visited
               { color: black;   text-decoration: underline; }

  #navcfp      { top: 189px; left:  36px; }
  #navsub      { top:  77px; left:   0px; }
  #navnot      { top:   0px; left: 103px; }
  #navpre      { top: 158px; left: 157px; }
  #navtravel   { top: 194px; left: 292px; }
  #navaccomoda { top:  77px; left: 315px; }
  #navprogr    { top: 135px; left: 409px; }
  #navfinal    { top:  41px; left: 540px; }