/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {height:100%}
body 
{ 
	padding: 0px 20px 20px 20px; 
	background-color: #FFF; 
	font: 76% Verdana,Arial,sans-serif; 
	min-height: 600px;
	height: 90%;
}

.hack { height:auto; }

sup { vertical-align: top }
.tp { vertical-align: top }
.bt { vertical-align: bottom }
.lft { text-align: left }
.lftb { text-align: left; font-weight: bold }
.ctr { text-align: center }
.ctrb { text-align: center; font-weight: bold }

strong { font-weight: bold }

div.menu { float:left; width: 100%; padding: 10px 0 }

div.dv1 { padding-top:10px;line-height:2em;border: 1px solid #cccccc; width: 95%;margin:auto }
.dv1 table { width:100%;margin:auto;text-align:left }
.dv1 table td { padding: 5px }

table.tbl2v1 { padding: 0px; width: 100%; border: 1px solid #cccccc }
.tbl2v1 td { padding: 5px; border: 1px solid #cccccc; font-size: 10px; text-align: center }
.tbl2v1 th { text-align: center; font-size: 12px; font-weight: bold }

table.tbl3v1 { padding: 0px; width: 90%; border: 1px solid #cccccc;margin:auto }
.tbl3v1 td { padding: 5px; border: 1px solid #cccccc; font-size: 12px; text-align: center }
.tbl3v1 th { text-align: center; font-size: 12px; font-weight: bold }
.tbl3v1 a  { font-weight: bold }

table.mast { text-align: center; margin: auto; border: 0; padding: 0; width: 800px; min-height: 600px; height: 100% }

table.tbl2v2 { padding: 0px; width: 370px; border: 1px solid #cccccc; margin: auto; }
.tbl2v2 td { padding: 5px; font: 12px Verdana,Arial,sans-serif; text-align: left; line-height: 1.3em }

table.tbl2v3 { width: 350px; margin: auto; text-align: left }
.tbl2v3 td { padding: 4px }

table.tbl2v4 { width: 100%; margin: auto; border: 1px solid #cccccc; padding: 10px }
.tbl2v4 td { padding: 4px; text-align: center; border-bottom: 1px solid #cccccc; font: 11px Verdana,Arial,sans-serif }
.tbl2v4 th { padding: 4px; text-align: center; border-bottom: 1px solid #cccccc; font-size: 11px;font-weight: bold }
.tbl2v4 tr:hover { background-color: #fffca0 }

table.tbl2v5 { padding: 0px; width: 100%; border: 1px solid #cccccc; margin: auto }
.tbl2v5 td { padding: 10px; border: 1px solid #cccccc; font-size: 12px; text-align: center }
.tbl2v5 th { padding: 10px; text-align: center; font-size: 12px; font-weight: bold }
.tbl2v5 select { margin:3px;border:1px solid #cccccc }
.tbl2v5 input[type=radio] { margin: 3px }

div.inscr { width: 420px; margin-left: 110px; text-align: right }

.inscr label { padding-right: 10px }
input[type=text],input[type=password] { border: 1px solid #cccccc; padding: 2px; margin: 2px; text-align: right }
input[type=text]:focus,input[type=password]:focus { background-color: #fffca0 }
.inscr select { text-align: right; border: 1px solid #cccccc }

div.hdr1 { border: 1px solid #cccccc; width: 800px; margin: 0 auto; font-weight: normal; color: #000000 }
div.bigm1 {font: 14px Verdana,Arial,sans-serif; border-bottom: 1px solid #cccccc; padding: 3px; font-weight: bold; text-align: center}

div.colred { text-align: center; color: red }

.bgf1 { background: url('/img2/fond1.jpg') center }
.bgf2 { background: url('/img2/fond2.jpg') center }
.bgf3 { background: url('/img2/fond3.jpg') center }
.bgf4 { background: url('/img2/fond4.jpg') center }
.bgf5 { background: url('/img2/fond5.jpg') center }
.bghd { background: url('/img2/hd.jpg') left #EEEEEE }

tr.footer1 { vertical-align: bottom; background: url('/img2/footbg2.png') no-repeat; height: 30px; vertical-align: middle }
.footer1 table { margin: auto; height: 25px }
.footer1 a { vertical-align: middle; font-weight: bold; border: 0 }


.clear { clear: both; }

a, a:visited { color: #0000FF; text-decoration: none }
a:hover { color: #FF0000 }

.dst { background: url('/img/ds.png') top center no-repeat; height: 65px }
.dst2 { float: left; font-size: 32px; font-weight: bold; color: #5555FF }

.liste1 li {list-style: url("/img2/dot1.gif") }


span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/img2/checkbox.gif') no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/img2/radio.gif') no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url('/img2/select.gif') no-repeat;
	overflow: hidden;
}

.ul1 { padding: 10px; line-height: 18px }
.ul1 li
{
	list-style: disc inside;
}

.ul1 ul li
{
  list-style: circle inside;
	padding-left: 15px
}

.mnu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.mnu li{float:left}

.mnu li a
{
	color:#000000;
	display:block;
	font-weight:bold;
	line-height: 20px;
	text-align:center;
	text-decoration:none;
}

.mnu li a:hover
{
	color:#000000;
	text-decoration:none;
}

.mnu li ul
{
	background:#ffffff;
	border: 1px solid #aaaaff; 
	display:none;
	height:auto;
	position:absolute;
	z-index:200;
}

.mnu li:hover ul{ display:block}
.mnu li li 
{
	display:block;
	float:none;
}

.mnu li ul a
{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.mnu li ul a:hover
{
	background:#ccccff;
	color:#000000;
	opacity:1.0;
	filter:alpha(opacity=100);
}
.mnu p {clear:left}	
.mnu #current { color:#ffffff }		
