body {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(images/pix.gif);
	}

H4 {margin: 0;padding: 0;}
H5 {margin: 0;padding: 0;}

/* CONTENEUR */
div#conteneur {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
	
	
/* CONTENU */
div#contenu {
	margin: 1px;
	padding: 0;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;

	}

div#ejs_heure {
	margin: 0;
	padding: 0;
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: left;
	}

div#contenu .property{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	width: 640px;
	float: left;
	}

div#contenu .property a{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	text-decoration: none;
	}

div#contenu .property a:hover{
	margin: 0;
	padding: 0;
	margin-left: 20px;
	float: left;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	background-color: #666666;
	color: white;
	text-align: left;
	text-decoration: none;
	}


div#contenu .animation{
	margin: 0;
	padding: 0;
	float: left;
	width: 580px;
	height: 220px;
	}

div#contenu .carre{
	margin: 0;
	margin-top: 0;
	padding: 0;
	float: left;
	width: 270px;
	height: 220px;
	background-image: url(images/FD-carre.png);
	background-repeat: no-repeat;
	}


/* MAINFRAME*/
div#mainframe{
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 10px;
	background-image: url(images/FD-centre.png);
	background-repeat: repeat;
	}

div#mainframe .menu{
	margin-top: 5px;
	margin-left: 19px;
	padding: 0;
	float: left;
	width: 156px;
	}

div#mainframe .menu1{
	margin-top: 5px;
	margin-left: 19px;
	padding: 0;
	float: left;
	width: 156px;
	}

div#mainframe .menu2{
	margin-top: 5px;
	margin-right: 15px;
	padding: 0;
	float: right;
	width: 156px;
	}

div#mainframe H4{
	padding: 0;
	text-align: center;
	}
	
	
	/* CENTRE LOCA*/
		div#mainframe .centre-loca{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: 0;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-Loca.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-loca a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-loca a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}
			
	/* CENTRE RES*/
		div#mainframe .centre-res{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-res.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-res a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-res a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}
			
	/* CENTRE QUI*/
		div#mainframe .centre-qui{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-qui.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-qui a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-qui a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}
			

	/* CENTRE CM*/
		div#mainframe .centre-cm{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-cm.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-cm a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-cm a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}
			
	/* CENTRE NOUS ECRIRE*/
		div#mainframe .centre-ecrire{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-ecrire.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-ecrire a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-ecrire a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}

	/* CENTRE LIENS*/
		div#mainframe .centre-liens{
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			text-align: left;
			font-size: 12px;
			width: 610px;
			height: 600px;
			background-image: url(images/FD-Centre-liens.gif);
			background-repeat: no-repeat;
			background-position: center;
			}
			
		div#mainframe .centre-liens a{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #999999;
			}
			
		div#mainframe .centre-liens a:hover{
			margin: 2px;
			font-size: 12px;
			text-decoration: none;
			color: #333333;
			}
			
	/* CENTRE INDEX*/			
		div#mainframe .centre-index{
			margin-top: 20px;
			margin-left: 30px;
			margin-bottom: -25px;
			padding: 0;
			float: left;
			}

/* DIVERS */

.copyright{
	margin: 0;
	padding: 0;
	width: 757px;
	height: 57px;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #666666;
	background-image: url(images/FD-copyright.png);
	background-repeat: no-repeat;
	}
	
 .copyright a{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	}

 .copyright a:hover{
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color:#666666;
	}

.justification {
	margin: 0;
	padding: 0;
	width: 445px;
	text-align: justify;
	}

/** TABLEAUX **/
						
td  {
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	font-family: arial;
	font-size: 11px;
}

td .tableau1 {
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	font-family: arial;
	font-size: 11px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCFF00;
}

td .tableau2 {
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	font-family: arial;
	font-size: 11px;
	background-color: white;
	border-bottom: 1px solid #CCFF00;
}

 .colonne1 {
	background-color: #FFFFEA;
	border-top: 1px solid #DDDDDD;
	text-align: center;
	font-weight: bold;
	}

 .colonne1-right {
	background-color: #FFFFEA;
	border-top: 1px solid #DDDDDD;
	text-align: right;
	font-weight: bold;
	color: #003366;
	}
	
 .colonne2 {
	text-align: center;
	border-left: 1px dashed #003366;
	border-top: 1px solid #DDDDDD;
	}

 .colonne3 {
	text-align: left;
	border-left: 1px dashed #003366;
	border-top: 1px solid #DDDDDD;
	}



/***** FORMULAIRES ***/

.formulaire {
	width: 340px;
	margin: 3px;
	padding: 3px;
	text-align: center;
	background-color: #CCFF00;
	color: #006600;
	font-weight: bold;
	}

textarea {
	margin: 2px;
	padding: 2px;
	border: 1px solid #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

select{
	border: 1px solid white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006600;
	}

input {
	margin: 1px;
	padding: 1px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	color: #006600;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	}

/** filter:alpha(opacity=90);**/

.locations {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial;
	font-size: 10px;
	text-decoration: underline;
	color: white;
	}