@charset "UTF-8";

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  height:100%;
  margin-left:10%;
  padding-left:13px;
  padding-right:10%;
  margin-top:0;
  background:white;
}

a:visited {
  color:#444444;
}

a:hover {
  color: red;
}

a {
  color:#333333;
}

#header {
  margin: 0;
  background: #cccccc;
  background-color: #99ccff;
  height:85px;
}

#header h1, #header h2, #header h3 {
  margin: 0 0 0px 10px;
}

#header h1 {
  font-size: 1.6em;
}

#header a {
  text-decoration: none;
  color: black;
}

#header small {
  float:right;
  width:120px;
}

/* Le bloc photo et coordonnées */
#myId {
  float: right;
  border-right:200px;
  padding:0;
  background: #dddddd;
  display:inline-block;
  max-width: 260px;
}

#myId img {
  border: 1px solid #666666;
  margin: 10px 10px 0px 20px;
  padding: 0.8em;
  background: #efefef;
}

#myId dl {
  margin: 0em;
  padding: 1em;
}

#myId dt {
  border-bottom: 1px solid #888888;
  margin: 0em 0.2em 0em 0em;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.1em;
}

#myId dd {
  margin: 1em 0.2em 0em 0em;
  font-size: 1em;
}


#content {
  padding:10px;
  background: #dddddd;
}

#content h2 {
  border-bottom: 2px solid #99bbcc;
  font-family: "Times New Roman",Times,serif;
  font-size: 1.5em;
  line-height: 0.9em;
  font-style: oblique;
  color: #444444;
  margin-right: 100px;
  margin-top:20px;
}

#content h3 {
  border-bottom: 2px dotted #99bbcc;
  font-family: "Times New Roman",Times,serif;
  font-size: 1.5em;
  line-height: 0.9em;
  font-style: oblique;
  color: #777777;
  margin-right: 100px;
  margin-top:20px;
}

#content ul {
  margin-right: 20px;
}

#content li {
  margin: 0.5em 1em;
}

#content li li {
  margin:0px;
}

#content li.restreint a {
  color:#666666;
}

#content li.restreint:before {
  content:"[restreint] ";
}

#content ul.colonnes {
  float:left;
}

#content pre {
  min-width:600px;
  background:white;
  border: 1px solid black;
}

#bottom p {
  background-color: #99bbcc;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
  color: rgb(51, 51, 51);
  margin:0px;
}

hr.clear {
  visibility: hidden;
  clear: left;
}