body {
	background-color: #F89016;

	background-image: pictures/fond.gif;
	background-repeat: repeat-y;
	background-image: url(pictures/fond.gif);
	margin-left: 50px;
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	color: #663333;
	text-align: center;
}
.header {
	margin-left: -50px;
	background-color: #CCCCCC;
	width: 100%;
	height: 10%;
}
.footer {
	margin-left: -50px;
	background-color: #CCCCCC;
	height: 1%;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	top: auto;
}

.conteneur {
height: 75%;
width:95%;
}

.cadre  /* conteneur global et arriere-plan du titre du cadre */
{
  float:left;
  height:300px;
  /*height:auto;*/
  width: 275px;
  padding-top: 20px;
  background: url(pictures/haut.gif) top left no-repeat;
}

#menuv /* arriere-plan bas et sur l'ensemble du cadre */
{
  position: absolute;
  background: url(pictures/bas.gif) bottom left no-repeat;
  padding-left: 5px;
  padding-bottom: 20px; 
  width: 275px;
}

#menuv dt {
	/* cursor: pointer; */
	margin: 5px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	background-color: #F47A00;
    width: 235px;
	font-size: 14px;
}
  
#menuv dd {
  position: absolute;
  left: 9em; 
  border: 1px solid gray;
  background-color: #996600;
  margin-top: -2em;
}
  
#menuv ul {
  list-style-type: none;
}

#menuv li {
	padding: 2px;
	list-style-type: none;
	text-align: left;
	margin-left: -3em;
	margin-top: 2px;
	font-size: 75%;
	line-height: 17px;
	width: 300px;
	border-top-color: #CC6600;
	border-top-style: dotted;
	border-top-width: thin;
}

#menuv li a, #menuv dt a {
  color: #000;
  text-decoration: none;
}
 
#menuv li a:hover, #menuv dt a:hover {
  /*display: block;	 mise en block de <a> pour lui donner des dimensions */
  width: 235 px;
  background-color: #A77C4E;
}
 
 #menuh
{
	position: absolute;
	float: right;
	top: 60px/*78px;*/
	z-index: 100;
	left: 300px;
	width: auto;
	/*height: 60px;*/
}

#menuh dl
{
  float: left;
  width: 10em;
}

#menuh dt {
	text-align: center;
	font-weight: bold;
    background-color: #AFAFAF;
	margin: 1px;
	font-size: 10px;
}
  
#menuh dd {
  position: absolute;
  display: none;
 /* border: 1px solid red;*/
  margin-top: -2px;
}
  
#menuh ul {
  list-style-type: none;
}

#menuh li {
  list-style-type: none;
  margin-left: -4em;
  margin-top: 0px/*-5px;*/
  text-align: left;
  background: #fff;
  font-size: 10px;  
}

#menuh li a, #menuv dt a {
  color: #000;
  text-decoration: none;
}
 
#menuh dt a:hover {
  display: block;	 /*mise en block de <a> pour lui donner des dimensions */
  width: 235 px;
  background-color: #FFFFFF;
}

#menuh li a:hover {
  /*display: block;	 mise en block de <a> pour lui donner des dimensions */
  /*width: 235 px;*/
  background-color: #CC6600;
}
 
 .contenu {
	margin-left: 10px;
	margin-right: 5px;
	padding:10px;
	width:auto;
/*	height:80%; */
	height:auto;
	overflow:auto;
	font-size:12px;
	border-width: 1px;
	background-color: #FCD3A5;
	border-color: #993333;
}
  
/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(XXX/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="XXX/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/