* { margin: 0; padding: 0 }

body   { color: #585c5f; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; overflow-x: hidden }

p { margin: 0 0 10px 0 }

img { vertical-align: middle; border: none; }

a, a:visited { color: #585c5f; margin:0; padding:0 }
a:hover { color: #000; margin:0; padding:0 }

hr { border: 1px solid #e7e7e7 }

#document {
	position: relative;
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
	z-index: 102
	}

#document2 {
	position:absolute; 
	left: 50%;  
	top: 0; 
	width: 1424px; 
	height: 400px; 
	margin-top: 0; /* moitié de la hauteur */ 
	margin-left: -712px; /* moitié de la largeur */ 
	z-index:100;
	}
/*---------------------HAUT---------------------*/

#haut  {
	width: 1024px;
	height: 246px;
	float: left;
	margin: 0; padding: 0;
}

/*---------------------FIL----------------------*/

#fil  {
	width: 600px;
	height: 30px;
	float: left;
	margin: 0; padding: 0;
	font-size: 90%;
	line-height: 30px;
}

#fil a, #fil a:visited { color: #585c5f; margin:0; padding:0; line-height: 30px; text-decoration: none }
#fil a:hover { color: #000; margin:0; padding:0; line-height: 30px; text-decoration: none }

/*--------------CENTRE------------------*/

#centre { width: 1017px; margin: 0px; padding: 0; overflow: auto !important; /overflow: auto; -overflow: none }

/*--------------COLONNE GAUCHE------------------*/

#colonneGauche { float: left; width: 250px; margin: 0px; padding-left: 20px }

/*--------------CONTENU------------------*/

#contenu { float: left; width: 580px; margin: 0px; }

#contenu p { text-align: justify; margin-right: 15px; }

/*--------------COLONNE DROITE------------------*/

#colonneDroite { float: left; width: 165px }

/*--------------ACTUS------------------*/

.actus { float: left; width: 132px; background: url(../interface/actus_02.png) repeat-y; color: #000; padding: 0 10px 0 10px  }
.actus h2 { color: #3864a8; font-size: 110%; }

.actus a, #actus a:visited { color: #000; margin:0; padding:0; text-decoration: none }
.actus a:hover { color: #fff; margin:0; padding:0; text-decoration: none }

/*------------------FAVORIS---------------------*/

#favoris { clear: both; width: 200px; background: url(../interface/favoris_02.png) repeat-y }

/*----------------RECHERCHE---------------------*/

#recherche { position: absolute; margin: 118px 0 0 700px; width: 324px; height: 54px; font-size: 115%; line-height:54px; display: block; color: #fff; text-decoration: none }
#recherche input, textarea,select,checkbox  {
	font-size: 95%;
	border-style : none;
	font-family: arial, sans-serif;
	background-color: #fff;
	background: url(interface/input.png) no-repeat;
	line-height: 27px;
	margin: 2px 0 0 0;
	padding: 0 4px 0 4px; 
}

/*----------------BAS DE PAGE-------------------*/

#bas { clear: both; width: 100%; padding: 50px 0 35px 0; text-align: center; }

/*----------------FORMULAIRES-------------------*/

form {
	margin : 0;
	padding : 0;
}


fieldset {
	border-top : 1px solid #000;
	border-bottom : 0px solid #000;
	border-left : 0px solid #000;
	border-right : 0px solid #000;
	margin:0 10px 5px 10px;
}

legend {
	text-align:right;
	color : #444;
	font-weight : normal;
	font-size : 100%;
	margin : 0 0 0 50px;
	padding : 0;
	width : auto;
	border-bottom : 1px solid #1a4800;
}


input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #fff;
	padding : 2px 1px;
	vertical-align: middle;
}

p.action input {
	width : auto;
	color : #1a4800;
	border : 0px;
	padding: 0px;
	margin : 0 220px;
	
}

form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}

p label {
	float: left;
	width: 150px;
	margin : 5px 8px 0 0;
	text-align: right;
	color : #5B5B5B;
	font-weight : normal;
}