body {
  font-family:Verdana, Sans;
  font-size:16px;
  padding:0em;
  margin:0em;
}

a {
  color:#004;

}

a:hover {
  color:#C00;
}

.bigger {
    font-size:1.5em;
}

#header {
  position:fixed;
  top:0em;
  right:0em;
  left:14em;
  height:7.5em;
  z-index:10;
  background:#74CAA7;
}

#header h1 {
  margin:0em;
  padding:2em 0em 0em 2.4em;
  font-size:1.8em;
  font-weight:normal;
  z-index:9;
}

#header h1 span.smallcaps {
  text-transform:uppercase;
}


#aside {
    position:fixed;
    top:0em;
    left:0em;
    bottom:0em;
    width:14em;
    padding:1em 1em 1em 0.3em;
    border-right:solid 0.1em #000;
    color:black;
    background:#B2DBDD;
    z-index:100;
}

#liste {
    position:fixed;
    top:10em;
    left:0em;
    bottom:8em;
    padding-left:2em;
    font-size:1em;
    font-style:normal;
}

#email {
    position:fixed;
    top:0em;
    left:0em;
    bottom:0em;
    padding-left:0.8em;
    font-size:0.77em;
    font-style:normal;
}

#liste ul {
    margin:1em 0em 1em 0em;
    padding:0em;
}

#liste li {
    margin:0em;
    padding:0em 0em 0.5em 0em;
    list-style:none;
}

#liste li a, #aside li b {
    font-weight:normal;
    display:inline;
    padding:0em 0.5em;
    z-index:100;
}

#liste li b {
    color:#eee;
}

#liste li b:hover {
    color:#fff;
}

#liste li a {
    text-decoration:none;
}

#liste li a:hover, #liste li a:focus, #liste li a:active {
  color: black;
  background: #74CAA7 ;
  text-decoration: none ;
}

#address {
    position:absolute;
    top: 18em;
    margin:0em;
    padding-left:0em;
    font-size:0.8em;
    font-style:normal;
    color:black;
}

#address p {
    margin:0em;
    padding:0em 0em 0.5em 0em;
}

#section {
  position:absolute;
  top:7.5em;
  left:14em;
  right:15em;
  min-width:400px;
  padding:2.5em 2.5em 2.5em 5em;
}

#section .img {
  width:100%;
  text-align:center;
}

#section h2 {
  font-size:1.2em;
  border-bottom:solid 1px #CCC;
  padding:0.5em 5em 0.25em 0.5em;
  margin-left:-1em;
}

#section dl {
  margin-top:-0.5em;
}

#section dl dt {
  font-weight:bold;
  padding-top:0.5em;
}

#section dl dd.place {
  color:#666;
}

#section table tr td.date {
 font-weight:bold;
 padding-right:1em;
 vertical-align:top;
 width:12em;
 text-align:right;
}

#section table tr td.thing {
 font-weight:bold;
}

#section table tr td.place {
  color:#666;
}

#section table tr td.espace {
 height:0.5em;
}



#mention {
  position:absolute;
  bottom:1em;
  left:14em;
  right:15em;
  min-width:400px;
  z-index:0;
}

#mention p {
  font-size:0.7em;
}

.smallcaps {
  font-variant:small-caps;
/*     text-transform:uppercase; */
}

#myname {
/*  font-weight:bold; */
 font-size:1.2em;
}


#avatar {
	float:right;
	padding:1em 1.5em;
	margin-right:-10em;
}

#logo {
	padding-bottom:1em ;
}
