html, body {
  margin: 0;
  height: 100%;
  font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
}
#container {
  min-height: 100%;
  position: relative;
}
* html #container {
  height: 100%;
}
#header {
  border-style: solid;
  border-color: #636363;
  border-width: thin thin 4px;
  margin: auto;
  padding: 0;
  background: transparent url(none) repeat scroll 0% 50%;
  width: 1000px;
  height: 190px;
}
#header2 {
  border-style: solid;
  border-color: #636363;
  border-width: thin thin 4px;
  margin: auto;
  padding: 0;
  background: transparent url(none) repeat scroll 0% 50%;
  width: 1000px;
  height: 220px;
}
#menu-h {
  border-left: thin solid #666666;
  border-right: thin solid #666666;
  margin: auto;
  padding: 0;
  background: #ffffff url(images/menu-h-bg.gif) repeat scroll 0% 50%;
  width: 1000px;
  height: 58px;
}
#menu-h1 {
  border-left: thin solid #666666;
  border-right: thin solid #666666;
  margin: auto;
  padding: 0;
  background: #ffffff url(images/menu-h-bg.gif) repeat scroll 0% 50%;
  width: 1000px;
  height: 58px;
}
#menu-h ul {
  margin: 0 auto;
  padding: 0;
  width: 760px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#menu-h li {
  float: left;
}
#menu-h a {
  margin: 0 auto;
  padding: 3px 20px 0;
  background: transparent none repeat scroll 0% 50%;
  height: 27px;
  display: block;
  float: left;
  color: #636363;
  font-weight: bold;
  text-decoration: none;
}
#menu-h a:hover {
  background: transparent url(images/menu-h-bg-invert.gif) repeat scroll 0% 50%;
}
#menu-h .active {
  color: #60758f;
  text-decoration: underline;
}
#main {
  margin: auto;
  width: 1000px;
  line-height: 20px;
}
#main h1 {
  border-bottom: 3px solid #43648d;
  width: 100%;
  color: #43648d;
  font-size: 19px;
}
#main h2 {
  border-bottom: 2px solid #43648d;
  width: 100%;
  color: #43648d;
  font-size: 15px;
}
#main h6 {
  border-bottom: 2px solid #43648d;
  width: 100%;
  color: #43648d;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 1px;
}
#content, #pave {
  margin: auto;
  float: none;
  color: #5c738f;
  width: 1000px;
}
#content p {
  font-size: 9pt;
}
#content blockquote {
  border-left: 3px solid #ffcc33;
  padding: 0 10px;
  background: transparent url(images/coquillage.gif) no-repeat scroll right bottom;
  font-size: 9pt;
  width: 700px;
}
#content ul {
  font-size: 9pt;
}
#content a {
  border-bottom: 1px solid #ffcc33;
  color: #43648d;
  text-decoration: none;
  font-weight: bold;
}
#content a:hover {
  border-bottom: medium none;
}
#content .intro {
  font-size: 10pt;
}
#pave p {
  font-size: 9pt;
}
#pave blockquote {
  border-left: 3px solid #ffcc33;
  padding: 0 10px;
  background: transparent url(images/coquillages2.gif) no-repeat scroll right bottom;
  font-size: 9pt;
  width: 700px;
}
#pave ul {
  font-size: 9pt;
}
#pave a {
  border-bottom: 1px solid #ffcc33;
  color: #43648d;
  text-decoration: none;
  font-weight: bold;
}
#pave a:hover {
  border-bottom: medium none;
}
#pave .intro {
  font-size: 10pt;
}
#pave img {
  border: 1px solid #5c738f;
  margin: 0px;
  padding: 3px;
}
#pave .espace {
  height: 90px;
}
#footer {
  margin: 30px auto auto;
  height: auto;
  color: #336699;
  width: 1000px;
  position: relative;
  clear: none;
}
#footer p {
  margin: 0;
  font-size: 9px;
  text-align: center;
}
#formulaire {
  border-style: solid;
  border-color: #330099;
  font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
  color: #000066;
  font-size: 13px;
  width: 681px;
  background-color: #ffffcc;
}
#envoi {
  font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
  color: #000066;
  font-size: 15px;
  width: 681px;
  background-color: #ffffcc;
}
table {
  border: 1px solid #3366ff;
  border-collapse: collapse;
}
th {
  border: 1px solid #3366ff;
  border-collapse: collapse;
  font-size: 15px;
  color: #ffbb00;
  line-height: 21px;
  background-color: #43648c;
  text-align: center;
}
td {
  border: 1px solid #3366ff;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 18px;
}
.clear {
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  height: 0;
}
.left {
  float: left;
  margin-right: 10px;
}
.right {
  z-index: 40;
  float: right;
}
.h2haut {
  margin-top: 100px;
}
.tablotre {
  border:  none;
}
#tablotre {
  border-style: none;
}
.elevej {
  font-size: larger;
  color: #ffdd22;
}
.eleveb {
  font-size: larger;
  color: #000066;
}
.drap-gauch {
  float: right;
  margin-top: -64px;
}
#annonce {
  float: none;
  width: 640px;
}
#annonce h1 {
  border-style: none;
  text-decoration: blink;
  line-height: 9px;
  text-align: center;
}
#annonce a {
  border-style: none;
  text-decoration: none;
  color: #ff6600;
}
.vueaer {
  position: relative;
  z-index: 0;
  text-decoration: none;
  float: right;
  margin-right: 70px;
  margin-top: -5px;
  color: red;
}
.vueaer:hover {
  background-color: transparent;
  z-index: 50;
}
.vueaer span {
  padding: 10px 10px 13px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  visibility: hidden;
  margin-left: -650px;
  color: #303030;
  font-family: Arial,Helvetica,sans-serif;
  background-color: #f0f0f0;
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.vueaer span img {
  padding: 2px;
}
.vueaer:hover span {
  top: -20px;
  left: 20px;
  visibility: visible;
}
@-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } }
.css3-blink { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: 1s; }