/* CSS Document */

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.all {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	}

.gauche {
	float: left;
	left: 0px;
	width: 150px;
	background: url(images/topgauche.gif) top left no-repeat;
}

.centre {
text-align: left;
margin: 0px auto 0px auto;
width: 700px;
}

.milieu {
float: left;
text-align: justify;
background-color: #FFFFFF;
width: 370px;
border-top: 2px solid #000066;
margin-top: 10px;
margin-left: 10px;
padding-right: 0px;
}

.right {
border-top: 2px solid #000066;
float: left;
margin-top: 10px;
width: 160px;

}

.gauche ul {
margin: 10px 0px 10px 0px;
padding: 0px;
font-family: verdana, arial;
font-size: 10px;
font-weight: bold;
text-align: left;
list-style-type: none;
background: url(images/botomg.gif) bottom left no-repeat;
}

.gaucheli {
margin: 0px 0px 10px 0px;
background: url(images/fondli.gif) top left no-repeat;
width: 130px;
background-color: #99CCFF;
}

.licroix {
margin: 0px 0px 10px 0px;
background: url(images/licroix.gif) top left no-repeat;
width: 130px;
background-color: #99CCFF;
}

.invisible {
visibility: hidden;
}

.gauche a{
margin-left: 15px;
color: #006699; 
text-decoration: none; 

}

.gauche a:hover {
color: #000066;
}

.menu {
	text-align: left;
	margin-left: 340px;
	margin-top: 5px;
	height: 11px;
	margin-bottom: 0px;
	padding: 0px;
}

.bout0 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/acc0.gif) top left no-repeat;
}

.bout0 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/acc1.gif) top left no-repeat; 
padding: 0px;
}

.bout1 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/pres1.gif) top left no-repeat;
}

.bout1 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/pres0.gif) top left no-repeat; 
padding: 0px;
}


.menu a:hover {
background: transparent none;
}

.bout2 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/act0.gif) top left no-repeat;
}

.bout2 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/act1.gif) top left no-repeat; 
padding: 0px;
}

.bout3 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/part1.gif) top left no-repeat;
}

.bout3 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/part0.gif) top left no-repeat; 
padding: 0px;
}

.bout4 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/ref1.gif) top left no-repeat;
}

.bout4 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/ref0.gif) top left no-repeat; 
padding: 0px;
}

.bout5 {
float: left;
margin-right: 5px;
margin-bottom: 0px;
width: 67px;
height: 11px;
background: url(images/cont0.gif) top left no-repeat;
}

.bout5 a{
display: block;
margin : 0px;
width: 100%;
height: 100%;
background: url(images/cont1.gif) top left no-repeat; 
padding: 0px;
}

.fls {
	width: 550px;
	height: 140px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

.slog {
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 18px;
	background: url(images/slogan.gif) top right no-repeat;
}

.milieu h1{
	display: inline;
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin: 0px 0px 10px 0px;
	padding: 3px;
}

.milieu h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	letter-spacing: 2px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.milieu h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3300;
	letter-spacing: 2px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.milieu p{
	margin: 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333333;
	text-align: justify;
	padding-right: 10px;
}

.right p{
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	color: #333333;
	text-align: right;
}

.spacer {
  clear: both;
}

.pied {
clear: both;
margin-top: 0px;
text-align: right;
}

.pied a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8px;
letter-spacing: 1px;
color: #666666; 
text-decoration: none; 
margin-right: 5px; 
padding: 0px;
}

.ul1 {
color: #333333;
list-style-type: square;
list-style-image: url(images/fleche.gif);
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
margin-bottom: 2px;
margin-left: 20px;
margin-top: 0px;
padding:0px;
}

.form {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

.form1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

.forms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	width: 50px;
}

img {
	border: 1px solid #333333;
}