/* CSS Document */

BODY {
	BACKGROUND: #ffffff url(../images/logo_gauche.jpg) no-repeat scroll left top;
	MARGIN: 3px 25px 3px 55px;
	COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;

}

H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; MARGIN: 0px 0px 1%; COLOR: #bb6
}
H3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN: 0px 0px 1%;
	COLOR: #bb6;
	text-indent: 20px;
}
P {
	MARGIN: 1% 4% 3%;
	TEXT-ALIGN: justify;
	font-size: 14px;
}

PRE {
	MARGIN: 1% 4% 3%
}
#main {
	BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; FLOAT: left; BORDER-LEFT: #000 0px solid; WIDTH: 75%; PADDING-TOP: 2%; BORDER-BOTTOM: #000 0px solid; max-width: 75%
}

#mainTitle{
	BORDER-RIGHT: #bb6 0px solid; BORDER-TOP: #bb6 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 170%; MARGIN: 2% 0% 0%; BORDER-LEFT: #bb6 0px solid; COLOR: #999900; BORDER-BOTTOM: #bb6 1px solid; TEXT-ALIGN: right

}

#nav {
	MARGIN-TOP: 2px; TEXT-ALIGN: center
}
#nav SPAN.nav-item {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 80%; FLOAT: left; BORDER-LEFT: #bb6 1px solid
}
#nav SPAN.nav-item-first {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 80%; FLOAT: left; BORDER-LEFT: medium none
}
#nav SPAN A {
	COLOR: #005a9c; TEXT-DECORATION: none
}
DIV.bar {
	FONT-SIZE: 80%;
	FLOAT: right;
	MARGIN: 0px 0px 6px;
	WIDTH: 20%;
	PADDING-TOP: 6px;
	POSITION: relative;
	background-color: #eeeeee;

}
DIV.bar P {
	FONT-SIZE: 75%;
	MARGIN: 8px 4px 4px;
	TEXT-ALIGN: left;

}
DIV.bar LI {
	PADDING-RIGHT: 0%; PADDING-LEFT: 0%; PADDING-BOTTOM: 0%; MARGIN: 2px 2px 2px 0px; PADDING-TOP: 0%
}
DIV.bar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 4px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.bar H1 {
	BORDER-RIGHT: #bb6 0px solid;
	BORDER-TOP: #bb6 0px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN: 0px 0px 4px;
	BORDER-LEFT: #bb6 0px solid;
	BORDER-BOTTOM: #bb6 1px solid;
	TEXT-ALIGN: left;
	color: #999900;

}
DIV.bar A {
	COLOR: #005a9c; TEXT-DECORATION: none
}
DIV.bar A IMG {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
DIV.bar INPUT {
	FONT-SIZE: 90%
}
DIV.bar FORM {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
	padding: 1px;

}

DIV.bar TD{
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
	padding: 0px;
	font-size: x-small;
	font-weight: bold;

}

.section {
	BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; MARGIN: 0px 3% 1%; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid
}
.subsection {
	BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; MARGIN: 0px 2% 1%; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid
}



DIV.bott {
	font-size: 80%;
	color: #999999;
	text-align: center;
	border-top: 3px double #CCCCCC;
	width: 60%;
	padding-top: 3px;
	bottom: 2px;
	left: 100px;
	margin-top: 20px;
	position: absolute;
}

DIV.bott a {
	color: #003366;
	text-decoration: none;
}
a {
	color: #006699;
	text-decoration: none;
	font-size: 14px;

}

a:hover {
	color: #990000;
	text-decoration: none;
	font-size: 14px;

}

DIV.formu *{
	font-size: 11px;
	

}

DIV.formu a{
	font-size: 14px;
	COLOR: #005a9c;
	TEXT-DECORATION: none;
	font-weight: bold;
	

}

DIV.formu a:hover{
	font-size: 14px;
	COLOR: #990000;
	TEXT-DECORATION: none;
	font-weight: bold;
	

}