/*
Copyright 2003 Web CDH
http://www.webcdh.com/
Author Francois Ouellet
francois@webcdh.com
*/

body {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #000000;
  color: #ff0000;
  text-align: center;
  font-family: serif, sans-serif, cursive, fantasy, monospace;
  font-size: 12pt;
}

/* Top */

div.top img {
  width: 218px;
  height: 24px;
  border-style: none;
}

div.top table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: collapse;
  width: 100%;
  height: 60px;
  background-image: url(../images/bg.gif);
}

div.top td {
  text-align: center;
  vertical-align: bottom;
}

/* Menu */

div.menu a {
  background-color: #960d0d;
  color: #f8e2c7;
  border-style: outset;
  border-width: 2px;
  border-color: #f8e2c7;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  font-size: 8pt;
}

div.menu a:hover {
  background-color: #f8e2c7;
  color: #000000;
  border-style: inset;
  border-color: #000000;
}

div.menu table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: separate;
  width: 100%;
}

div.menu table.logofr {
    background-image: url(../images/logofr2.gif);
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

div.menu table.logoen {
    background-image: url(../images/logoen2.gif);
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

div.menu td {
  text-align: center;
  vertical-align: middle;
}

div.menu td.left {
  text-align: left;
}

div.menu td.right {
  text-align: right;
}

/* TargetMain */

div.targetmain table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

div.targetmain td {
  text-align: center;
  vertical-align: middle;
}

div.targetmain iframe {
  width: 100%;
  height: 340px;
}

/* Main */

div.main a {
  background-color: transparent;
  color: #ff0000;
  text-decoration: none;
}

div.main a:hover {
  background-color: #000000;
  color: #ff0000;
}

div.main a img {
  background-color: transparent;
  color: #ff0000;
  
  border-color: #706051;
  border-style: ridge;
  border-width: 2px;
}

div.main a:hover img {
  background-color: transparent;
  color: #ff0000;
  border-color: #f8e2c7;
  border-style: ridge;
  border-width: 2px;
}

div.main tr.top a img {
  width: 162px;
  height: 45px;
}

div.main td.voyage a img {
  width: 324px;
  height: 45px;
}

div.main td.vertical a img {
  height: 186px;
  width: 75px;
}

div.main table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: separate;
  width: 90%;
}

div.main td {
  text-align: center;
  vertical-align: middle;
}

/* Contact */

div.contact a {
  background-color: transparent;
  color: #ffff00;
  text-decoration: none;
}

div.contact a:hover {
  background-color: transparent;
  color: #ff0000;
}

div.contact table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: separate;
  width: 100%;
}

div.contact td {
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  font-size: 14pt;
}

div.contact span.tel {
  color: #ffff00;
}

/* Links */

div.links a {
  background-color: transparent;
  color: #ffff00;
  text-decoration: none;
}

div.links a:hover {
  background-color: transparent;
  color: #ff0000;
}

div.links table {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-collapse: collapse;
  width: 100%;
}

div.links td {
  text-align: center;
  vertical-align: middle;
  width: 33%;
}

div.links td.big {
  font-size: 18pt;
}

div.links td.med {
  font-size: 10pt;
}

div.links td.left {
  text-align: left;
}

div.links td.line img {
  width: 95%;
  height: 4px;
}

div.links li {
  list-style-type: circle;
}