/* <![CDATA[ */
*{margin:0;padding:0;}
DIV#menu {
	position: fixed;
	text-align:right;
	width:293px;
	top:0px;
}
.menuul{
	margin-top:-7px;
}
.haut{
	height:20px;
}
#contenu{
	top:0px;
	width:471px;
	margin-left:293px;
	background-image:url(images/fond.gif);
	background-repeat:repeat-y;
	color:#b2b0b3;
}
.fleche{
	color:#CE3729;
}
body{
	background-color:#B2B0B2;
	background-image:url(images/accueil/logofond.jpg);
	background-attachment:fixed;
	background-position:top right;
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.sm2, .sm22, .sm3, .sm4, .sm5, .sm6, .sm7, .sm71, .sm73 {display:none;}
#menu a:link, #menu a:visited {
	background-color:#B2B0B2;
	text-decoration:none;
	width:150px;
}
#menu a:hover {
	text-decoration:underline;
}
#menu li {
	list-style-type: none;
	margin-top:7px;
	margin-bottom:8px;
}
#menu ul {
	font-size:11pt;
	font-variant:small-caps;
	margin-right:9px;
}
#menu ul ul {
	font-size:10pt;
	font-weight: normal;
	font-variant:normal;
	margin-right:0px;
}
#menu ul ul ul {
	font-size:8pt;
	margin-right:0px;
}
.nivmen0{
	color:#ffffff;
}
.nivmen1{
	color:#D9D7D9;
}
.nivmen2{
	color:#807E80;
}
.chemin{
	color:#B7B5B7;
	padding-left:146px;
	font-size:9pt;
}
.menu2{
	padding-left:10px;
	color:#807E80;
	font-size:9pt;
	width:120ox;
}
.menu2 li {
	list-style:none;
	margin-top:7px;
	margin-bottom:9px;
}
.menu2 a:link, .menu2 a:visited, .chemin a:link, .chemin a:visited{
	text-decoration:none;
	color:#807E80;
}
.menu2 a:hover, .chemin a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#807E80;
}
.donnees {
	padding-left:146px;
}
.titre{
	font-size:14pt;
	font-variant:small-caps;
	color:#807E80;
	width:280px;
}
.texte{
	width:280px;
	font-size:9pt;
	color:#807E80;
}
hr{
	margin-bottom:10px;
}
p{
	margin-bottom:10px;
}
.texte li {
	list-style-type:circle;
	font-size:9pt;
	color:#807E80;
	margin-left:15px;
}
.texte img{border:none;}
.texte a{
	color:#CE3729;
	text-decoration:none;
}
.texte a:hover{
	text-decoration:underline;
}
.legende{
	width:280px;
	font-size:8pt;
	color:#807E80;
}
.photo {
	height:244px;
	padding-bottom:20px;
}
.photo2 {
	height:244px;
	padding-bottom:20px;
}
.photo3 {
	height:244px;
	padding-bottom:20px;
}
.photo img{
	border:none;
}
.photo2 img{
	border:none;
}
.photo3 img{
	border:none;
}
.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:336px;
	font-size:0.8em;
	color:#888888;
	height:150px;
}
.texteessence a{
	color:#CE3729;
	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 {
	margin-right:10px;
	margin-top:5px;
	font-style:italic;
	font-size:8pt;
}
.gadget img{
	border:none;
	vertical-align: bottom;
}
.gadget a{
	color:#5A585A;
	text-decoration:none;
}
.gadget a:hover{
	color:#D9D7D9;
}
.imprime{
	display:none;
}
hr.tit{
	color:#CE3729; 
	background-color:#CE3729;
	width:294px; 
	text-align:left;
}
.txtpic{
	width:336px;
}
.txtpictxt{
	float:left; 
	width:169px;
	font-size:0.8em;
	color:#888888;
}
.txtpictxt p{
	width:169px;
}

.txtpicpic{
	float:right;
	margin-right:2px;
}
.txtpicpic img{
	border:none;
}
.txtpictxt a{
	color:#CE3729;
	text-decoration:none;
}
.txtpictxt a:hover{
	text-decoration:underline;
}
.form_container{
	background-color:#EEEEEE;
	padding:5px 5px 5px 5px;
	border:#999999 outset 2px;
}
#suitepro{
	background-color:#EEEEEE;
	padding:5px 5px 5px 5px;
	border:#999999 outset 2px;
}
#suitepart{
	background-color:#EEEEEE;
	padding:5px 5px 5px 5px;
	border:#999999 outset 2px;
}
.frmenv{
	padding:5px 5px 5px 5px;
	background-color:#EEEEEE;
}
.frmenv legend{ 
	display:block;
	width:200px;
	background-color:#999999;
	color:#FFFFFF;
	border:#EEEEEE outset 2px;
	padding:2px;
}
.actu{
	float:right;
	width:280px;
	margin-right:45px;
}
.actu fieldset{
	font-size:9pt;
	color:#807e80;
	border:solid thin #CE3729;
	padding:5px;
}
.actu p{
	font-size:8pt;
}
.actu a{
	text-decoration:none;
	color:#CE3729;
}
.actu a:hover{
	text-decoration:underline;
}