<--
body {
	color: #29292B;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
}
h1 {font-size: small;
	color: #BFB997;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	}
#content {
  background-color: #000000;
  margin-top: 3px;
  }
.directions A {
  	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: medium;
	color : #FF9900;
	text-decoration: none;
  }
.directions A:HOVER {
  	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: medium;
	color : #FF0;
	text-decoration: none;
  }
.texte {
     font-size: x-small;
	 color: #FFFFFF;
	 font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	 }
.logo {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: x-large;
	}
.Titre {
	color: #FF9900;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	}
.sousTitres P {
	font-size: small;
	color: #BFB997;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	margin-top: 7px;
	}

#menuProducts {
	font-size: small;
	color: #333;
	width: 20%;
	padding: 1,0,0,0;
	margin: 0;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
	 background-color: #414042;
	}
#menu{
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	width: 100%;
	font-weight: normal;
	font-size: 60%;
	}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#menu ul{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
	background: url(../_medias/navigation/navBar.gif) bottom repeat-x;
	}

#menu ul li{
	display: inline;

	}

#menu ul li a{
	color: #999;
	padding: 0px;
	margin: 0;
	text-decoration: none;
	}

#menu ul li a:hover{
	color: #FFF;
	background: url(../_medias/site/ligne.gif) bottom repeat-x;
	}
#menuRight{
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	width: 100%;
	font-weight: normal;
	font-size: 60%;
	}

#menuRight:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#menuRight ul{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right; /*set value to "right" for example to align menu to the left of page*/
	background: url(../_medias/navigation/navBar.gif) bottom repeat-x;
	}

#menuRight ul li{
	display: inline;
	}

#menuRight ul li a{
	color: #999;
	padding: 0px;
	margin: 0;
	text-decoration: none;
	}

#menuRight ul li a:hover{
	color: #FFF;
	background: url(../_medias/site/ligne.gif) bottom repeat-x;
	}
	
.portfoliosHeader {
  	background-color: #333;
	}
#cadresTextes {
	background-color: #414042;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	vertical-align:top;
	}
#cadresTextes IMG {
	border-bottom-width:10px;
	border-bottom-color:#414042;
	}
.prix {
	color: #BFB997;
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	margin-top: 7px;
	}
#noteLuminosite {
	 background-color: #000000;
     font-size: x-small;
	 color: #FFFFFF;
	 font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	}
#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:xsmall 5px Verdana;
	line-height:13px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	color: #FFF;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	font-size:xsmall
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FFF;
	color: #000;
	font-weight: normal;
	font-size:xsmall
}
A {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #999999;
	text-decoration: none;
	}
A:HOVER {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #FFFFFF;
	text-decoration: none;
	}
.langueLinks A {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #999999;
	text-decoration: none;
	}
.langueLinks A:HOVER {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #FFFFFF;
	text-decoration: none;
	}
.url {
	font-size: small;
	color: #BFB997;
	font-style: italic
	}
a.url {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color: #BFB997;
	font-style: italic
	}
a.url:HOVER {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #FFFFFF;
	text-decoration: none;
	}
.portfolioLinks A {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #FFFFFF;
	text-decoration: none;
	}
.portfolioLinks A:HOVER {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: small;
	color : #999999;
	text-decoration: none;
	}
.copyright A {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: x-small;
	color : #BFB997;
	text-decoration: none;
	}
.copyright A:HOVER {
	font-family: Verdana, Geneva,Arial, Helvetica, sans-serif;
	font-size: x-small;
	color : #FFFFFF;
	text-decoration: none;
	}
.arrowlistmenu{
	width: 700px; /*width of accordion menu*/
	}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 12px Verdana, Geneva,Arial, Helvetica, sans-serif;
	color: #333333;
	background: #BFB997;
	url(titlebar.png) repeat-x center left;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: pointer;
	}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
	}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	}

.arrowlistmenu ul li a{
	color: #A70303;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
	}

.arrowlistmenu ul li a:visited{
	color: #A70303;
	}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
	}
.buttonup {
	font-size: 75%;
	color: #FFF;
	background-color: #333;
	border: 1px #FFF solid;
	height: 22px;
	width: 80px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px ;
	cursor: hand;
	font-weight: bold;
}
.buttonover {
  	font-family: Arial, Helvetica, sans-serif;
 	font-size: 75%; 
	color: #000;
	background-color: #999;
 	border: 1px #FFF solid;
	height: 22px;
	width: 80px;
 	margin-top: 0px; margin-right: 1px;
 	margin-bottom: 0px;
 	margin-left: 0px;
 	cursor: hand;
 	font-weight: bold;
}
#footnotes {
text-indent :-9999px ; 
position :absolute ;
}