* { margin: 0; }

html, body { height: 100%; }

html {
	min-height: 100%;     /* Hack pour que la barre de defilement */
	margin-bottom: 1px;   /* verticale soit toujours affichee dans Firefox*/
}

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../IMAGES/backgrounds/graylines.gif);
	font-size: 16px;
}

h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	border-style: none;
}

div#container {
	width: 785px;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em;  /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	z-index: 0;
}

div#main_menu { height: 11.25em; }

div#sub_menu { height: 1.875em; }

div#footer, div#push { height: 3em; /* .footer and .push must be the same positive height as div#container margin-bottom */ }

div#footer {
	text-align:center;
	clear: left;
	position: relative;
	width: 49.0625em;
	margin: 0 auto;
	border-top: 1px solid black;
}

div#footer p {
	margin:0;
	padding:6px;
	font: 12px "Times New Roman", Times, serif;
}

div#footer p a img {
	display : inline;
	vertical-align : baseline;
	border : none;
}

.en_production {
	color:#000;
	text-decoration : none;
}

.en_production:hover { color:#333; }

.en_production:active { color:#A56; }

.en_production:visited { color:#555; }

div.cadre {
	margin: 4px;
	padding: 8px;
	border: 1px solid #000000;
	text-align: left;
	z-index: 30;
}

.textover a {
	color: #000000;
	background-color: #E5E5E5;
	font: italic bold 14px Arial, Helvetica, sans-serif;
}

.textover a:hover {
	color: #FFFFFF;
	background-color: #97BEF4;
	font: bold normal 14px Arial, Helvetica, sans-serif;
}

.menu_btn130 a {
	display:block;
	width:8.125em;
	background-color: #0000FF;
}

.menu_btn130 a:hover { background-color: #FFFFFF; }

.menu_btn260 a {
	display:block;
	width:16.25em;
	background-color: #0000FF;
}

.menu_btn260 a:hover { background-color: #FFFFFF; }