/* $Id$ */
form {margin:0;padding:0;}
form label {display:block;}
form label span {display:block;float:left;width:110px;}
form button {display:block;float:left;width:100px;margin:5px 10px 5px 0;}
form #help {float:left;padding:5px 10px;border:solid 1px #FFFFFF;width:580px;}
form #help.on {border-color:#4A0030;background:#EEEEEE;margin-bottom:5px;}
form #help a {display:block;height:24px;padding:0 0 0 30px;line-height:24px;background:no-repeat url(images/help.png);}
form #help.on a {background-image:url(images/help-on.png);}
form #help a:hover {background-position:0 -24px;text-decoration:none;}
form #help a span {display:none;}
form #help.on a span {display:inline;font-weight:bold;}
form #help div {display:none;}
form #help.on div {display:block;padding-top:5px;}
form #help div ol {margin-top:5px;padding-top:0;margin-bottom:5px;padding-bottom:0;}
form #help div ol ul {list-style:disc;}

table {margin:0;padding:0;border-collapse:separate;width:100%;clear:both;}
table caption {text-align:left;padding:5px;border:solid 1px #4A0030;background:#EEEEEE;}
table caption span {display:block;padding-top:10px;}
table tr th {vertical-align:top;text-align:left;padding:0 5px;}
table tr td {vertical-align:top;text-align:left;padding:0 5px;}
table thead tr th {text-align:center;background:#CCCCCC;}
table tbody tr th {background:#777777;color:#FFFFFF;}

div.caption {width:710px;padding:5px;border:solid 1px #4A0030;background:#EEEEEE;text-align:left;clear:both;}
div > div.caption {width:700px;}
div.caption span {display:block;padding-top:10px;}

ul.legend {list-style:none;margin:10px 0;padding:0;clear:both;}
ul.legend li {display:block;float:left;background:#CCCCCC;text-align:center;font-weight:bold;}
ul.legend li.activites {width:60px;}
ul.legend li.domaines {width:200px;margin-left:40px;}
ul.legend li.appellations {width:280px;margin-left:40px;}
ul.legend li.codes {width:70px;margin-left:20px;}

ul.activites {list-style:none;margin:0;padding:0;width:710px;clear:both;}
ul.activites li {font-size:14px;display:inline;clear:both;}
ul.activites li.off ul {display:none;}
ul.activites li a {display:block;float:left;width:100%;text-decoration:none;color:black;font-weight:bold;cursor:pointer;}
ul.activites li a span {display:block;float:left;width:60px;background:#777777;border:solid #777777;border-width:0 0 1px 0;text-align:center;color:white;}
ul.activites li a span.lib {display:block;float:left;width:650px;padding:0 0 0 2px;background:none;text-align:left;color:black;border:solid #4A0030;border-width:0 0 1px 1px;}
ul.activites li a > span.lib {width:647px;}
ul.activites li.off a span.lib {color:#666666;}

ul.domaines {list-style:none;margin:0 0 0 60px;padding:0;width:394px;}
ul.domaines li {margin:0;padding:0;font-size:12px;display:inline;}
ul.domaines li a span {width:40px;}
ul.domaines li a span.lib {width:240px;padding:0 2px 0 30px;}
ul.domaines li a > span.lib {width:208px;}

ul.appellations {list-style:none;margin:-1px 0 20px 240px;padding:0;width:410px;border:none;clear:both;}
ul.appellations li {font-size:11px;display:inline;}
ul.appellations li a {font-weight:normal;width:410px;padding-left:80px;border:solid #4A0030;border-width:0 0 0 1px;}
ul.appellations li > a {width:335px;}
ul.appellations li.principal a {font-weight:bold;padding:10px 0 0 0;width:100%;}
ul.appellations li.first a {padding-top:0;}
ul.appellations li.last a {border-width:0 0 1px 1px;padding-bottom:10px;margin:0 0 20px 0;}
ul.appellations li a span {width:40px;background:none;color:black;border:none;text-align:left;}
ul.appellations li.principal a span {background:#777777;color:white;text-align:center;}
ul.appellations li a span.lib {background:none;color:black;border:none;width:220px;text-align:left;padding-left:0;}
ul.appellations li a > span.lib {width:218px;}
ul.appellations li.principal a span.lib {width:300px;padding-left:20px;}
ul.appellations li.principal a > span.lib {width:278px;}
ul.appellations li a span.cod {width:70px;margin:0;text-align:center;}