/* structure principale */

html {
  height: 100%;
}

body {
  height: 100%;
  background-image: url(../images/background.gif);
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
}

table.mainFrame {
  width: 720px;
  height: 100%;
  background-color: black;
  border-color: #c0c0c0;
  border-style: none solid none solid;
  border-width: 2px;
  text-align: center;
  table-layout: fixed;
}

td.mainFrameTop {
  vertical-align: top;
}

td.mainFrameBottom {
  vertical-align: bottom;
}

/* structure du haut */

table.frameTop {
  width: 100%;
}

td.frameHeader {
  background-color: #303030;
  border-color: #c0c0c0;
  border-bottom-style: solid;
  border-width: 2px;
  padding: 8px;
}

table.header {
  width: 100%;
  height: 100%;
}

td.headerTop {
  background-color: #606060;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid solid none solid;
  padding: 4px;
}

td.headerLeft {
  background-color: #606060;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: none solid solid solid;
  padding: 7px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
}

td.headerLogo {
  width: 432px;
  padding: 6px;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid none none none;
  vertical-align: top;
  padding-bottom: 0px;
}

img.logo {
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px;
}

img.promo {
  width: 96px;
  height: 96px;
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px;
  margin: 0px 6px 4px 6px;
}

td.frameSection {
  padding: 4px;
}

div.section {
  border-color: #c0c0c0;
  border-bottom-style: solid;
  border-width: 2px;
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
  margin: 0px 4px 4px 4px;
}

td.frameMenu {
  width: 100%;
  background-color: #303030;
  border-color: #c0c0c0;
  border-style: none none double double;
  border-width: 6px;
  padding: 4px 0px 4px 0px;
}

table.menu {
  width: 100%;
  height: 100%;
}

td.menuItem {
  width: 50%;
  text-align: center;
  padding: 0px 6px 0px 6px;
}

/* structure du bas */

table.frameBottom {
  width: 100%;
}

td.footerHTML {
  border-color: #c0c0c0;
  border-top-style: solid;
  border-width: 2px;
  padding-right: 0px;
  padding: 4px 2px 4px 4px;
}

td.footerCSS {
  border-color: #c0c0c0;
  border-style: solid solid none none;
  border-width: 2px;
  padding: 4px 4px 4px 2px;
}

td.footerEmpty {
  width: 100%;
  height: 14px;
  text-align: right;
  font-size: 8pt;
  padding-right: 4px;
}

td.footerContent {
  border-color: #c0c0c0;
  border-top-style: solid;
  border-width: 2px;
}

table.footer {
  width: 100%;
  font-size: 8pt;
}

td.footerMain {
  width: 33%;
  background-color: #303030;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  text-align: center;
}

td.footerVisitors {
  width: 33%;
  background-color: #606060;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid;
  padding: 2px 6px 2px 6px;
  text-align: center;
}

td.footerEmail {
  width: 33%;
  background-color: #606060;
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid;
  padding: 2px 6px 2px 6px;
  text-align: center;
}

/* structure du centre */

table.frameCenter {
  width: 100%;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  vertical-align: top;
}

td.frameContent {
  padding: 4px 24px 24px 24px;
}

/* paramètres divers */

table { color: white; font-size: 10pt; }
td { padding: 0px; }

h1, h2, h3, h4 { margin: 0px; font-weight: bold }
h1 { font-size: 20pt }
h2 { font-size: 15pt }
h3 { font-size: 12pt }
h4 { font-size: 10pt }
h5 { font-size: 8pt }
h6 { font-size: 6pt }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

A:active  { text-decoration: none; color: white; }
A:visited { text-decoration: none; color: white; }
A:link    { text-decoration: none; color: white; }
A:hover   { text-decoration: underline; color: white; }

A.menu:hover { font-weight: bold; }

div.cadre {
  border-color: #c0c0c0;
  border-width: 1px;
  border-style: solid;
  padding: 0px;
}

div.damier {
  height: 8px;
  background-image: url(../images/damier.gif);
  font-size: 0pt;
}

td.hsep {
  height: 3px;
  background-color: #c0c0c0;
  padding: 0px;
}

table.zoneConteneur {
  width: 100%;
}

table.zoneContenu {
  width: 100%;
}

td.zoneContenu {
  background-color: #303030;
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px;
  text-align: justify;
  padding: 8px;
}

table.zoneTitre {
  width: 100%;
  border-color: #c0c0c0;
  border-bottom-style: solid;
  border-width: 2px;
  text-align: left;
  font-size: 12pt;
  font-weight: bold;
}

td.zoneTitre {
  padding: 4px;
  text-align: left;
}

td.zoneTitre2 {
  text-align: right;
  vertical-align: bottom;
  font-size: 10pt;
  padding: 4px;
}