/************-*-CSS-*-**************
* main.css                         *
***********************************/

body {
  margin:0px;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:0px;
  padding-right:0px;
  /*min-width:800px;*/
  width:100%;
  border-width:0px;
  border-style:none;
  background-color:black;
  color:black;
  text-align:center;
}

table {
  border-width:0px;
  border-style:none;
  border-color:black;
  border-collapse:separate;
  margin:0px;
  padding:0px;
  border-spacing:0px;
  text-align:inherit;
  background-color:transparent;
}
/*
.main {
  text-align:left;
}
*/
tr, td {
  border-width:0px;
  border-spacing:0px;
  margin:0px;
  padding:0px;
}
/*
td.spacer 
{
  margin-left:auto;
  margin-right:auto;
  width:auto;
  border:2px dotted red;
}
*/


table.spacer , tr.spacer 
{
  /*float:both;*/
  margin-left:auto;
  margin-right:auto;
  width:800px;
}

table.main {
  width:800px;
  /*min-width:800px;*/
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  border-left: 4px solid white;
  border-right: 5px solid white;
  border-top: 3px solid white;
  border-bottom: 4px solid white;
}

.banniere
{
  border:2px none blue;
  margin:0px;
  padding:0px;
  height:237px;
  width:800px;
  background-color:black;
  background-repeat:no-repeat;
  vertical-align:top;
}
tr.banniere td.banniere img
{
  border:4px solid red;
  margin:0px;
  padding:0px;
  width:800px;
  height:237px;
}
thead.main table{
  height:100px;
  width:auto;
  margin-left:auto;
  margin-right:auto;
  background-color:transparent;
  color:rgb(64,164,66);
}
tfoot.main {
  border:2px none blue;
  background-image:none;/*url('./bg_images/pied.gif');*/
  background-repeat:repeat-x;
  text-align:center;

  font-size:10px;
  font-family:monospace;
  font-weight:bold;
  color:white;
  background-color:rgb(64,164,66);
  line-height:1.0em;
}
tfoot.main table {
  height:35px;
  width:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  overflow:hidden;
}
tfoot.main table td {
  font-size:11px;
}
tbody.main {
  border:2px none blue;
  background-color:rgb(64,164,66);
}
table.corps 
{
  top:0px;
  width:100%;
  height:auto;
}
td.corps
{
  border-top: 2px solid rgb(64,164,66);
  border-right: 2px solid rgb(64,164,66);
  border-left: 2px solid rgb(64,164,66);
  background-color: white;
  padding-right:5px;
  padding-left:5px;
  padding-bottom:5px;
  margin-right:10px;
  width:100%;
  text-align:justify;
  vertical-align:top;
}
.corps .corps { text-align:left; }
table.titre 
{
/*
  float:both;
  width:auto;
*/
  margin-top:0px;
  margin-bottom:0px;
  margin-left:70px;
  margin-right:auto;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;

  color:white;
  background-color:rgb(64,164,66);
  font-family:arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  font-style:normal;

  text-align:left;
}

div.blackmargins
{
  margin:0px;
  padding:0px;
  border-top:0px none black;
  border-bottom:0px none black;
  border-left:0px solid black;
  border-right:0px solid black;
}
/*
tbody.main  tr td {
  border:1px none red;
}
*/
.center {
  width:auto;
  margin-left:auto;
  margin-right:auto;
}
/*
thead.main .gauche { background-image:url('./bg_images/coinhg.gif'); }
thead.main .droite { background-image:url('./bg_images/coinhd.gif'); }
tfoot.main .gauche { background-image:url('./bg_images/coinbg.gif'); }
tfoot.main .droite { background-image:url('./bg_images/coinbd.gif'); }
*/

/** regles specifiques a des cellules **/
/* menus */
.menu {
  border: 0px none yellow;
  position: static;
  width:130px;
  overflow:hidden;

  font-family:arial,sans-serif;
  font-style:normal;
  font-weight:bold;
  font-size:14px;
  vertical-align:top;
  color:black;
  background-color:transparent;
}

td.gauche {
  border-top: 2px solid rgb(64,164,66);
  width:130px;
  padding-bottom:0px;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:10px;
  left:0px;
  background-color:white;
  /*background-image:url('./bg_images/menug.gif');*/
  background-repeat:repeat-y;
  text-align:right;
  vertical-align:top;
}
.gauche>.menu { margin-top:60px; }
.gauche>.menu td.sep
{/*workaround pour safari..*/
  height:30px;
  border:1px dotted transparent;
}
/*
.gauche .menu .menu {
  padding-left:10px;
}
*/
/*
.droite {
  right: 0px;
  background-image:url('./bg_images/menud.gif');
  text-align:right;
}
*/
.gauche .menu { 
  text-align:right;
}
.menu tr { height:30px; }
/*
.droite .menu {
  text-align:right;
}
*/
a {
  color:inherit;
  background-color:transparent;
  font-weight:inherit;
  text-decoration:inherit;
}
a img { border:0px none; }


.exponent { vertical-align:super; font-size:75%; }

/*** pseudo-classes ***/
/*** corps ***/
.corps a:link, .corps a:visited { font-weight:bold; }
.corps a:hover, .corps a:active { text-decoration:underline; }
.corps p:first-letter { font-size: 2em; float:left;}
/*** menus ***/
/* menu: 1er niveau */
/*
.gauche .menu td:after {
  content:url('./bg_images/menud.gif') ' ';
}
*/
.menu a, .menu a:link, .menu a:visited  {
/*
  background-image:url('./bg_images/underline4.gif');
  background-repeat:repeat-x;
  background-position:bottom;
*/
  padding-left:10px;
  padding-right:10px;
  margin-left:5px;
  margin-right:0px;
  margin-top:12px;
  padding-top:2px;
  padding-bottom:2px;
  color:rgb(64,164,66);
}
.gauche .menu a:active, .gauche .menu a:hover {
/*  padding-left:3px;
  padding-right:17px;
  margin-left:12px;
*/
  color:white;
  background-color:rgb(64,164,66);
}
/*
.gauche .menu td.sep div { padding-left:15px;}
.gauche .menu td.sep:before { content:url('./bg_images/menud.gif'); }
.gauche .menu td td.sep:before { content:''; }
*/
/* menu: 2e niveau */
/*
.menu .menu a:link, .menu .menu a:visited  {

  background-image:url('./bg_images/underline4.gif');
  background-repeat:repeat-x;
  background-position:bottom;

  padding-left:10px;
  padding-right:10px;
  margin-left:10px;
  margin-right:5px;
}

.gauche .menu .menu a:active, .gauche .menu .menu a:hover {
  padding-left:3px;
  padding-right:17px;
  margin-left:17px;
}
*/
/* liens du piedd de page */
tfoot.main a:link:after, tfoot.main a:visited:after { content:' >';}
tfoot.main a:link:before, tfoot.main a:visited:before { content:'< ';}
tfoot.main a:hover:after { content:'<=';}
tfoot.main a:hover:before { content:'=>';}