/* <![CDATA[ */
*{margin:0;padding:0;}
DIV#menu {
	position: fixed;
	text-align:left;
	width:293px;
	top:0px;
	behavior: url(js/ie-fixed.htc);
}
.menuul {
	display:none;
}
.haut{
	height:20px;
}
#contenu{
	top:0px;
	width:471px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;
	color:#b2b0b3;
}
.fleche{
	color:#CE3729;
}
body{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.menu2{
	display:none;
}
.donnees {
	padding-left:152px;
}
.titre{
	font-size:14pt;
	font-variant:small-caps;
	color:#807E80;
}
.texte{
	width:280px;
	font-size:9pt;
	color:#807E80;
}
.legende{
	width:280px;
	font-size:8pt;
	color:#807E80;
}
.photo {
	height:244px;
	padding-bottom:20px;
}
.photo2 {
	height:244px;
	padding-bottom:20px;
	margin-left:-6px;
}
.photo3 {
	display:none;
}
.photo img{
	border:none;
}
.photo2 img{
	border:none;
}
.imprime{
	display:block;
	height:244px;
	padding-bottom:20px;
	margin-left:-6px;
}
.ombre {
  float:left;
  background: url(images/ombre.gif) no-repeat bottom right;
  }
.ombre img {
  display: block;
  position: relative;
/*  border: 1px solid #a9a9a9; */
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }
.ombre p {
  display: block;
  position: relative;
/*  border: 1px solid #a9a9a9; */
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }
/* ]]> */
.photoessence {
	float:right;
	width:150px;
	height:99px;
	padding-bottom:20px;
	padding-left:10px;
}
.photoessence img{
	border:none;
}
.ombreessence {
  float:right;
  background: url(images/ombre.gif) no-repeat bottom right;
  }
.ombreessence img {
  display: block;
  position:relative;
/*  border: 1px solid #a9a9a9; */
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }
.texteessence{
	clear:both;
	width:330px;
	font-size:0.8em;
	color:#888888;
	height:150px;
}
.texteessence a{
	color:#794A36;
	text-decoration:none;
}
.texteessence a:hover{
	text-decoration:underline;
}

a.bouton{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
}

a.bouton:hover{
	z-index:25;
	background-color:#FFFFFF;
	background-color:transparent !important;
	
}

a.bouton span{
	display: none;
}

a.bouton:hover span{ 
/*the span will display just on :hover state*/
    display:block;
    position:absolute;
	top:-30px !important;
	top:210px;
	left:350px; 
	width:8em;
    border:1px solid #969496;
	color:#FFFFFF;
	background-color:#969496;
    text-align: center;
	font-size:0.8em;
    padding:5px; 
} 
.gadget {
	display:none;
}
.gadget img{
	border:none;
	vertical-align: bottom;
}
.gadget a{
	color:#5A585A;
	text-decoration:none;
}
.gadget a:hover{
	color:#D9D7D9;
}