/*
Adapté du travail de Cameron Adams
http://www.themaninblue.com/experiment/InForm/fieldset.htm
*/

H3 {
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 0.5em;
	font-family: Tahoma;
	
}
#h3sForm FIELDSET {
	DISPLAY: block;
	MARGIN: 0px;
	WIDTH: 630px;
	BACKGROUND-COLOR: #3A76B1;
	ALIGN: CENTER;
	padding: 1em;
}
#h3sForm FIELDSET.submit {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	BACKGROUND-COLOR: transparent;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	WIDTH: 30px;
ALIGN: CENTER;

}
#h3sForm FIELDSET.radio {
	MARGIN: 1em 0px 2em; WIDTH: 595px; BACKGROUND-COLOR: #dddddd; 
}
#h3sForm FIELDSET.radio INPUT {
	CLEAR: both; FLOAT: left; WIDTH: auto
}

#h3sForm FIELDSET.radio SUBMIT {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	BACKGROUND-COLOR: transparent;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	WIDTH: 30px;
	ALIGN: CENTER;
}

#h3sForm FIELDSET.radio LABEL {
	FONT-WEIGHT: normal
        
}

#h3sForm FIELDSET.radio LI{
	font-family: Tahoma;
	font-size: 12px;
        
}

#h3sForm INPUT {
	DISPLAY: block;
	WIDTH: 15em;
	font-family: Tahoma;
	font-size: 12px;

}
#h3sForm LABEL {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	
	font-family: Tahoma;
	font-size: 12px;

}
#h3sForm SELECT {
	DISPLAY: block
}

#h3sForm CHECKBOX {
	DISPLAY: block
}

/*
Adapté du travail de CopongCopong - Under Tabs
http://www.klockworkx.com/copongcopong/
*/

#navcontainer
{
	padding: 0;
	background: #3A76B1;
	height: 20px;
	width: 674px;
	position: relative;
	background-color: #3A76B1;



}

#navlist
{
margin: 0px;
padding: 0px 0px;
display: block;
}

#navlist li
{
list-style: none;
float: left;
}

#navcontainer a, #navlist li.extend
{
margin: 0px;
display: block;
border-top: 1px solid #333;
padding: 1px 6px;
text-decoration: none;
background: #3A76B1;
font: normal 12px verdana, serif;
color: #FFFFFF;
}

#navcontainer a#current
{
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}

#navcontainer a#current
{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}

#navcontainer li#inactive
{
margin: 0px;
display: block;
border-top: 1px solid #333;
padding: 1px 6px;
text-decoration: none;
background: #3A76B1;
font: normal 12px verdana, serif;
color: #FFFFFF;
}


#navcontainer li#active
{
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;
}


/* CSS showing layers when hovering  */
a.screen, a.screen:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #003366;
text-decoration: none;
position:relative; 
z-index:100;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:80px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000; */ /* removed image border */
left:-200px; /* position the image */
top:30px;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;

}
a.screen:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
/*height:180px;*/ /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
a.screen img {
border:0; /* remove the link border */
}

a.screen div {
background:#F6F6F6;
border:1px solid #336; 
width:280px; padding:4px;
color:#000; font-size:11px;
line-height:1.2;
display:block;
z-index:500;
}