img {
  border: 0;
}

body {
  font-size: 1em;
  font-family:sans-serif;
  margin: 0px;
  margin-bottom: 10px;
  padding-right: 0px;
  background-color: #6076a2;
  text-align: center;
  color: #000000;
}

div#main {
    position: relative;
    width: 1000px;
    margin: 0px auto;
    text-align: left;
}

#conteneur {
    width: 100%;
}

#header {
  background-image: url("img/ink.png");
/*  font-size: 1em; */
  height: 110px;
  top: 30px;
  background-color: #002;
  color: #FFF;
  right: 0px;
/*  margin-left: 180px;*/
  padding-left: 7px;
  padding-right: 0px;
  background-color: #000020;
  position: relative;
  top: 0px;
  /* border-bottom: solid 2px #000000; */
}

#title {
  margin-top: 4px;
  font-size: 1.3em;
  color: #FFF;
}


#header-title {
    font-size: 1.3em;
    position: absolute;
    line-height: 110px;
    top: 5px;
    left: 20px;
}

#header-menu {
    background-color: #0d2da4;
    position: absolute;
    right: 0px;
    bottom: 15px;
    line-height: 30px;
} 

#header-menu a {
  margin: 0;
  border-left: 4px solid #607bb2;
  text-decoration: none;
  color: #FFF;
  background-color: inherit;
  padding-left: 5px;
  padding-right: 3px;
  text-align:center;
  border-bottom: 1px solid #88B;
  width: auto;
  display: block;
}

#header-menu a:hover {
  border-left: 4px solid #002299;
  border-bottom: 1px solid #3388AA;
  color: inherit;
  background-color: #98b3ea;
}

#header-lang {
    position: absolute;
    right: 20px;
    top: 20px;
}

/* #header-me h1 { */
/*   font-family:Verdana, Arial, Helvetica, sans-serif; */
/*   font-size: 1em; */
/* } */

/* #left { */
/*   background-color: #6992e5; */
/*   color: inherit; */
/*   border-bottom: solid 3px #000; */
/*   border-right: solid 3px #000; */
/*   border-left: solid 1px #000; */
/*   border-top: solid 1px #000; */
/*   text-align: right; */
/*   position: absolute; */
/*   right: -1024px ; */
/*   top: 30px; */
/*   font-size: 150%; */
/* } */


#center h1 {
  font-size: 1.4em;
  border-bottom: solid 2px #4499CC;
  text-align: right;
  margin-top: 0px;
  margin-right: 5px;
  padding-top: 0px;
}

#center h2 {
  font-size: 1.4em;
  text-align: center;
  background-color: #66C8FE;
}

#center h3 {
  font-size: 1em; 
  text-decoration: underline;
  color: inherit;
  background-color: inherit;
}

#center {
  background-color: #FFF;
  color: inherit;
  padding-left: 15px;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px;
  margin-left: 10px; 
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: justify;
  border: solid 1px #000;
  border-right: solid 3px;
  border-bottom: solid 3px #000;
  font-size: 0.8em;
}

#center a {
  color: #008;
  background-color: inherit;
  text-decoration: none;
  font-weight:bold;
}

#center a:visited {
  color: #068;
  background-color: inherit;
  text-decoration:none;
  font-weight:bold;
}

#center a:hover {
  color: #000000;
  background-color: inherit;
  text-decoration: underline;
  font-weight:bold;
}

#center .item {
  margin-bottom: 20px;
  background-color: #FFF;
  padding: 4px;
  border: solid 1px #4488CC;
  display:block;
}

#center .item a {
  background-color: #AADDFF;
}

textarea {
  background-color: #000000;
  color: #FFFFFF;
  font-weight:bold;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
}

#display {
  width: 50em;
  background-color: #000;
  display:block; 
  color: #FFF;
  font-family: monospace;
/*  font-size: 11px; */
  border: 1px solid #FFF;
}

#footer {
    position: relative;
}

#footer-powered {
    position: absolute;
    left: 0px;
}

#footer-info {
    position: absolute;
    right: 0px;
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
    margin-right: 10px;
}

.code {
  font-size: 11px;
  white-space: pre;
  font-family: monospace;
  border-left: 3px double #000;
  margin: 5px;
  padding-left: 5px;
}

p:first-letter 
{
   font-size: 170%;
}

p {
  text-indent: 1em;
}

li {
  margin-top: .5em;
}