body {
margin: 0;
padding: 0;
background-color: #FFF;
behavior: url(css/csshover.htc);
font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 

}
img.png {
   behavior: url(css/png.htc);
}
a, input
{
position: relative;
z-index: 1;
}
.header {
  	background: url(fond_header.jpg);
}
.conteneur {
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	/*background-color: #6C6;*/
}
div#menu {
position: absolute;
left:0 ;
width: 170px;
height: 360px;
/*margin: 20px 0 0 20px;*/
background: url(fond_menu_test.jpg);
}
div#menu ul {
	margin: 20px 0 0 20px;
	padding: 0;
	width: 130px;	
}
div#menu li {
	list-style: none;
	margin: 0;
	background: url(fond_menu.png);
	_background: 0;
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fond_menu.png');
	z-index:0;
}
div#menu li:hover {
	background: url(fond_menu_hover.png);
	_background: 0;
	height:18px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/fond_menu_hover.png');
	z-index:0;
}
div#menu li a {
	display: block;
	padding: 0.20em 0 0.20em 1.5em;
	text-decoration: none;
	width: 130px;
	height: 18px;
	color: #000;
	font-weight: bold;
}
div#menu li a:hover {
	color: #600;
}
.frame {
margin-left: 170px;
width: auto;
height: 360px;
/*background-color:#EDEAB5;*/
overflow: auto;
background: url(fond_contenu.jpg);
}
.text4Ref {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.texte {
	padding: 0px 10px 0px 10px ;
	color: #003300;
}
.texte-bold {
	color: #003300;	
font-weight: bold;
}
.important {
	padding: 0px 10px 0px 10px ;
	color: #900;
	font-weight: bold;
}
.ligne-titre {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	background-image: url(fond_tableau.gif);
	text-align: center;
}
.ligne-titre2 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	background-image: url(fond_tableau2.gif);
	text-align: center;
}
.ligne {
	font-size: 11px;
	color: #000;
	background-image: url(fond_tableau.gif);
	text-align: center;
}
.ligne2 {
	font-size: 11px;
	color: #000;
	background-image: url(fond_tableau2.gif);
	text-align: center;
}
.ligne3 {
	font-size: 11px;
	color: #000;
	background-image: url(fond_tableau3.jpg);
	text-align: center;
}
.pied {
height: 30px;
background: url(fond_pied.gif);
}
/* Formulaires */
select {
	border-right: 1px solid #CCC;
	border-top: 1px solid #999;
	font-size: 11px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
input,textarea {
	border-right: 1px solid #CCC;
	border-top: 1px solid #999;
	font-size: 11px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	margin: 5px 5px 5px 5px;
}
input.bouton {
	border-right: 1px solid #CCC;
	border-top: 1px solid #999;
	font-size: 11px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
/* Calendrier */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}
.ds_tbl {
	background-color: #FFF;
}
.ds_head {
	background-color: #030;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 11px;
	text-align: center;
	width: 24px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 11px;
	text-align: center;
	padding: 1px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #CCF;
	font-weight: bold;
} /* This hover code won't work for IE */
/* signature OCandCO */
a.ocandco:link {
	text-decoration: none;
	font-size: 11px;
	color: #666;
}
a.ocandco:visited {
	text-decoration: none;
	font-size: 11px;
	color: #666;
}
a.ocandco:hover {
	text-decoration: none;
	font-size: 11px;
	color: #000;
}
a.ocandco:active {
	text-decoration: none;
	font-size: 11px;
	color: #666;
}