* {
		margin:0;
		padding:0;
		}

html, body {
		height:100%; 
		}
body { background-color: #4092cc; font-size: 14px; padding-top: 30px }
div {
   font-family: Verdana, sans-serif;
   color: #000;
}
h1 {text-align: center; font-size: 1.5em; margin-bottom: 2em}
h2 { font-size: 1.2em; font-weight: bold; margin-top: 2em; margin-bottom: 1em }
#distance { 
		width:1px;
		height:50%;
		margin-bottom:-175px; /* half of container's height */
		float:left;
		}

#page_sommaire {
  background-color: #fff;

  clear: left;
  position: relative;
  
  margin: auto;
  text-align: left;
  padding: 50px 20px;
  width: 950px; height: 350px;
}
#logo {
 position:absolute; 
 top: 17px; right: 0px;
 text-align: right;
 font-size: 1.5em;
  }
#date {
 
 text-align: left;
 font-size: 1em;
  }
#date p { margin-bottom: 0.5em }

#language {
  position: absolute; bottom: 10px; left: 10px;
  text-align: left;
  font-size: 1em
  }
#links {
  width: 100%;
  text-align: left;
  font-size: 1em
  }
a {
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }
.small { margin-top: 0.2em; font-size: 0.5em }
.motto { font-weight: bold; font-style: italic }