@charset "UTF-8";

/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */


/* Links
----------------------------------------------- */
a img { border-style:dashed;
border-color:#00FF99; }

/* Paragraph Headings
----------------------------------------------- */

/* Layout Rules
----------------------------------------------- */
#wrap {
	width: 510px;
	padding-top: 10px;
	margin: 0 10px;
}

#codesample #wrap { width: auto; }

#header {
	margin-bottom: 2em;
	text-align: left;
	padding-left: 0.5em;
}
#LeftColumn {
  margin:0 10px 0 0;
  padding:0;
  width: 75px;
  float: left;
}
#LeftColumn, #articles {
  border-left: solid 0px #404040;
  border-right: solid 0px #404040;
  border-bottom: solid 0px #404040;
}
#articles {	margin-bottom: 10px; }

#RightColumn {
	margin:0;
	padding:0;
	height: 550px;
	float: left;
	width: 350px;
}
#content, #sidebar {
	float: left;
	text-align: left;
}
#content {
	width: 175px;
	margin-right: 15px;
	padding-top: 5px;
}
#sidebar {
	width: 320px;
	margin-top: 0;
}
.SpryHiddenRegion {
   visibility: hidden;
}



/* Table Rules
----------------------------------------------- */
td.rank { }

#products { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#products caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color:#A0435E;
	padding: 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 0px #3a3a3a;
}


/* Dimesnsion tableau */
#products td, #products th { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;
}

#products tr.notinfocus { background-color:#CCCCCC; }


#products tr.selected { color:#CCCCCC; }
#products tbody { margin-top: 0; }

/* cellule grisée tableau */
.even { background-color: #CCCCCC; }

.rowHover {
	color: #000;
	background-color: #777;
	cursor:pointer;
}

.rowSelected { color: #fc0; }