body
{
  background-color:#fef8ec;
  color:#617c58;
  font-family:Times New Roman,"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:12pt;
}

img { border:0px; }

#page, #head, .menu, #nav, #body, #foot
{
  width:775px;
}

#page
{
  background-color:#ffffff;
  border-color:#315a00;
}

#head, #body
{
  border-color:#315a00;
}

#head
{
  height:150px;
}

.menu
{
  background-color:#608830;
  border-top-color:#608830;
  border-bottom-color:#315a00;
  font-family:"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:10pt;
}

.menu .beg { border-right-color:#315a00; }
.menu .end { border-left-color:#608830; }

.menu a
{
  border-left-color:#608830;
  border-right-color:#315a00;
  color:#ffffff;
  padding:0px;
}

.menu a:hover { background-color:#608830; }

.submenu table { background-color:#315a00; }
.submenu table td { background-color:#436c13; border-color:#315a00; font-family:"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif; font-size:8pt; }
.submenu table td a { color:#ffffff; }
.submenu table td a:hover { background-color:#608830; }

#nav
{
  background-color:#a7b79a;
  border-bottom-color:#315a00;
  color:#436c13;
  font-family:"Trebuchet MS",Arial,Verdana,Geneva,Helvetica,sans-serif;
  font-size:8pt;
}

#nav a { color:#617c58; }

#body
{
  background-image:url(bodybg.gif);
  background-repeat:no-repeat;
  background-position:center 10px;
  font-size:12pt;
}

#body #content { margin:0px 50px; }
#body p { margin:20px 0px; }

#body a { color:#617c58; font-weight:bold; text-decoration:none; }
#body a:hover { text-decoration:underline; }

#foot, #foot a { color:#617c58; font-size:10pt; }

.wd, .wd a { color:#999f81; font-size:8pt; }

h1
{
  color:#608830;
  font-size:24pt;
  font-weight:normal;
  margin:20px 0px;
}

h2
{
  border-bottom:1px solid #617c58;
  color:#617c58;
  font-size:12pt;
  font-weight:normal;
  margin:20px 0px 10px 0px;
}

#actu { margin:0px; padding:0px; }
#actu li { list-style-image:url(puce.gif); margin-bottom:15px; }
#actu p { font-size:11pt; margin:0px; }
#actu .date { color:#e19900; font-size:11pt; font-weight:bold; border-bottom:1px solid #617c58; margin:0px; margin-top:20px; }
#actu h2 { font-size:12pt; font-weight:bold; border-bottom:0px; margin:0px; }
#prog { margin:0px; padding:0px; }

table.img { border-collapse:collapse; }
table.img td { padding:0px; }
table.img tr.top { height:12px; }
table.img tr.bottom { height:16px; }
table.img td.left { width:12px; }
table.img td.right { width:16px; }
table.img tr.top td.left { background-image:url(border-top-left.gif); }
table.img tr.top td.center { background-image:url(border-top.gif); }
table.img tr.top td.right { background-image:url(border-top-right.gif); }
table.img tr.middle td.right { background-image:url(border-right.gif); }
table.img tr.bottom td.right { background-image:url(border-bottom-right.gif); }
table.img tr.bottom td.center { background-image:url(border-bottom.gif); }
table.img tr.bottom td.left { background-image:url(border-bottom-left.gif); }
table.img tr.middle td.left { background-image:url(border-left.gif); }

#body ul.cuvees li { font-size:14pt; line-height:30px; }
#body ul.cuvees li a { font-weight:normal; }

div.cuvee { clear:both; }
div.cuvee h2 { border:0px; font-size:16pt; margin:20px 0px; text-align:center; }
div.cuvee h3 { border:0px; font-size:12pt; margin:20px 0px; text-align:center; }
div.cuvee table { border-collapse:collapse; }
div.cuvee table tr { vertical-align:top; }
div.cuvee table th, div.cuvee table td { padding:5px 0px; text-align:left; }
div.cuvee table th { padding-right:10px; white-space:nowrap; }
div.cuvee table.recompenses { font-size:10pt; }
div.cuvee table.recompenses h4 { font-size:12pt; margin:0px; }
div.cuvee table.recompenses th, div.cuvee table.recompenses td { color:#cc8822; }

#recompenses { text-align:center; }
#recompenses h2 { border:0px; font-size:14pt; font-weight:bold; margin:30px 0px 10px 0px; }
#recompenses p { margin:0px; }
#recompenses p.sep { margin:30px 0px 10px 0px; }

table.tarifs {border-collapse:collapse;font:10pt Verdana;margin:0px auto 15px auto;width:675px;}
table.tarifs tr {vertical-align:middle;}
table.tarifs tr th, table.tarifs tr td {border:2px ridge;padding:1px 2px;white-space:nowrap;}
table.tarifs thead.top { background-color:#a7b79a; }
table.tarifs thead.top tr td {color:#ffffc0;padding:15px;text-align:center;}
table.tarifs thead.top tr td h1 {color:#ffffc0;font:bold 12pt Verdana;margin-bottom:15px;}
table.tarifs thead { background-color:#a7b79a; }
table.tarifs thead tr th {font-weight:normal;text-align:left;width:520px;}
table.tarifs thead tr td {text-align:center;}
table.tarifs tbody tr th {font-weight:normal;text-align:left;}
table.tarifs tbody tr td {text-align:right;}
table.tarifs tbody tr th a {display:block;font-weight:bold;margin:8pt 0px 2px 0px;}
table.tarifs tr th, table.tarifs tr td {border:1px solid #315a00;}

#cmdlogos { width:500px; float:left; text-align:left; }
#cmdlogos img { vertical-align:middle; margin:10px 5px 10px 0px; }
#cmdlogos img.etransactions { margin-right:40px; }

h2.etape { font-weight:bold; }
table.cmd1 { border:2px solid #315a00; font-family:Verdana,sans-serif; font-size:8pt; }
table.cmd1 th, table.cmd1 td { white-space:nowrap; }
table.cmd1 tr th { background-color:#a7b79a; padding:0px 6px; }
table.cmd1 tr.ttr th { font-weight:bold; font-variant:small-caps; text-align:center; }
table.cmd1 tr.btl th { font-family:Arial,sans-serif; font-size:7pt; text-align:center; }
table.cmd1 tr.prd { zbackground-color:#c0f080; }
table.cmd1 tr.prd td.prd { padding-left:3px; text-align:left; }
table.cmd1 tr.prd td.prx,
table.cmd1 tr.prd td.qte,
table.cmd1 tr.prd td.mnt { padding-right:3px; text-align:right; }
table.cmd1 tr.prd td.qte input { background-color:#d8e0c8; border-width:0px; color:#617c58; font-weight:bold; text-align:right; width:50px; }
table.cmd1 tr.ttl td { background-color:#a0c040; background-color:#a7b79a; font-weight:bold; font-variant:small-caps; padding:3px; text-align:right; }
table.cmd1 tr.port td { background-color:#d8e0c8; font-weight:normal; font-style:italic; text-align:right; }
input.button { background-image:url(menubg.gif); border:1px solid  #315a00; color:#ffffff; }
table.cmd1 td.stock { color:#cc0000; font-weight:bold; text-align:center; }
table.cmd1 span.stock { color:#cc0000; font-size:7pt; font-style:italic; }
table.cmd1 span.offerts { color:#cc0000; }

fieldset.cmd2 table tr { vertical-align:middle; }
fieldset.cmd2 table tr th { color:#617c58; font-size:12pt; font-weight:normal; padding:1px 3px; text-align:right; }
fieldset.cmd2 table tr th .req { font-weight:bold; text-decoration:underline; }
fieldset.cmd2 table tr td { font-size:12pt; padding:1px 3px; }
fieldset.cmd2 table input.text, fieldset.cmd2 table input.password, fieldset.cmd2 table input.button,
fieldset.cmd2 table textarea { background-image:url(formbg.gif); border:1px solid  #315a00; }
fieldset.cmd2 table input.button { background-image:url(menubg.gif); color:#ffffff; }

#cmd { color:#617c58; text-align:center; }
#cmd p.num { font-weight:bold; }
#cmd #fac, #cmd #liv { width:300px; border:1px solid #617c58; text-align:left; }
#cmd #fac { float:left; }
#cmd #liv { float:right; }
#cmd #fac h1, #cmd #liv h1 { font-size:12pt; font-weight:bold; margin:5px; }
#cmd #fac p, #cmd #liv p { margin:5px; }
#cmd div p.tel { font-style:italic; }
#cmd table.lignes { border-collapse:collapse; margin:0px auto; width:660px; }
#cmd table.lignes th,
#cmd table.lignes td { border:1px solid #617c58; padding:2px 5px; }
#cmd table.lignes th { background-color:#a7b79a; text-align:center; }
#cmd table.lignes colgroup col.des { text-align:left; }
#cmd table.lignes colgroup col.prx { width:60px; text-align:right; }
#cmd table.lignes colgroup col.qtt { width:60px; text-align:right; }
#cmd table.lignes colgroup col.ttl { width:70px; text-align:right; }
#cmd table.lignes tr.ttl td { background-color:#d8e0c8; font-weight:bold; text-align:right; }
#cmd .msg_ok, #cmd .msg_ko { width:400px; border:2px solid; font-weight:bold; line-height:16px; margin:20px auto; padding:10px; }
#cmd .msg_ok { background-color:#eeffee; border-color:#00c000; color:#00c000; }
#cmd .msg_ko { background-color:#ffeeee; border-color:#c00000; color:#c00000; }

#reglement { margin:20px 0px 0px 0px; }

#etat { text-align:center; }
#etat input { background-image:url(menubg.gif); border:1px solid  #315a00; color:#ffffff; }

#body #content ul.liens { margin:0px;}
#body #content ul.liens li { margin:10px 20px; }
#body #content ul.liens li a { color:#617c58; font-weight:normal; }

table.contact tr { vertical-align:middle; }
table.contact tr th { color:#617c58; font-size:12pt; font-weight:normal; padding:1px 3px; text-align:right; }
table.contact tr th .req { font-weight:bold; text-decoration:underline; }
table.contact tr td { font-size:12pt; padding:1px 3px; }
table.contact input.text, table.contact input.password, table.contact input.button,
table.contact textarea { background-image:url(formbg.gif); border:1px solid  #315a00; }
table.contact input.button { background-image:url(menubg.gif); color:#ffffff; }

#body ul.presse li { list-style-image:url(puce.gif); margin:10px 0px; }
#body ul.presse li a { font-weight:bold; }
#body ul.presse li a .date { color:#aaaf90; font-weight:normal; }
#body div.article { display:none; }

#horaires { border-collapse:collapse; margin-left:50px; margin-bottom:20px; width:240px; }
#horaires tr { vertical-align:middle; }
#horaires th, #horaires td { font-size:10pt; padding:1px; text-align:center; }
#horaires th { font-weight:bold; }
#horaires td { font-weight:normal; }
#horaires td h3 { font-size:13pt; margin:0px 0px 5px 0px; text-align:center; }
#horaires tr.top th { border-top:1px solid #315a00; border-bottom:1px solid #315a00; }
#horaires tr.curr { background-color:#a7b79a; }
#horaires tr.curr td { font-weight:bold; }

.paiement { float:left; width:280px; height:150px; margin:10px 20px; padding:0px 0px 5px 0px;border:1px solid #617c58; text-align:center; font-size:10pt; font-weight:normal; line-height:120%; }
.paiement h3 { font-size:12pt; font-weight:bold; border-bottom:1px dotted #617c58; margin:0px; padding:5px; }
.paiement h4 { font-size:10pt; font-weight:normal; margin:0px; padding:5px 5px 10px 5px; }
.paiement .img { margin:5px; }
.paiement div { margin:2px 0px; }

#jpo table.cols2 { width:675px; border-collapse:collapse; }
#jpo table.cols2 tr { vertical-align:top; }
#jpo table.cols2 tr td { width:50%; padding:0px; text-align:left; }
#jpo table.cols2 tr td.left { padding-right:20px; }
#jpo table.cols2 tr td.right { padding-left:20px; }
#jpo img { border:1px solid #a7b79a; }

#jpo ul { margin:0px 0px 0px 20px; }

#jpo #participants col.c1 { width:30px; }
#jpo #participants col.c2 { width:170px; }
#jpo #participants col.c3 { width:170px; }
#jpo #participants col.c4 { width:100px; }
#jpo #participants col.c5 { width:100px; }
#jpo #participants col.c6 { width:100px; }
#jpo #participants td { padding:0px 0px; text-align:center; }