body {
    margin: 0px;
    padding: 0px;
    background-color: #d3d3d3;
    text-align: center;
    background-image: url("/img/bgGradient.gif");
    background-position: top left;
    background-repeat: repeat-x;
}

td, p, div {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #505050;
}

a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #5050b0;
    text-decoration: none;
}

a:hover {
    color: #5050f0;
    text-decoration: underline;
}

a.likeText {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #505050;
    text-decoration: none;
}

a.likeText:hover {
    color: #5050f0;
    text-decoration: underline;
}

.h1-big {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #041a52;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.h1 {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #041a52;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.h2 {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #6d591d;
    padding: 0px;
    margin: 15px 0px 12px 0px;
}

td.photoGridText > .h2 {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #6d591d;
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

a.h2:hover {
    text-decoration: underline;
}

.nomdirection {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #6d591d;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

.nomvente {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #364275;
    padding: 0px;
    margin: 0px;
}

.bureau {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #364275;
}

.h3 {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #364275;
    padding: 0px;
    margin: 20px 0px 10px 0px;
}

.h4 {
    display: block;
    font-family: Optima, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #364275;
    padding: 0px;
    margin: 15px 0px 4px 0px;
}

span.noSpace {
    display: none;
}

#nav a.menuElement {
    margin: 0px; 
    padding: 11px 0px 0px 16px;
    text-decoration: none;
    color: #ffffff;
    float: left;
    height: 34px;
    _height: 45px;
    width: 143px;
    _width: 160px;
    border: none;
    border-right: 1px solid #d68c8c;
}

#nav a.menuElementOn {
    margin: 0px; 
    padding: 11px 0px 0px 16px;
    text-decoration: none;
    color: #ffffff;
    float: left;
    height: 34px;
    _height: 45px;
    width: 143px;
    _width: 160px;
    border: none;
    border-right: 1px solid #d68c8c;
    background-image: url("/img/topNav/background-on.gif");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #4a0000;
}

#nav td.menuElement {
    margin: 0px; 
    padding: 11px 0px 0px 16px;
    text-decoration: none;
    color: #ffffff;
    float: left;
    height: 34px;
    width: 143px;
    /*_height: 45px;
    _width: 160px;*/
    border: none;
    border-right: 1px solid #d68c8c;
}

#nav td.menuElementOn {
    margin: 0px; 
    padding: 11px 0px 0px 16px;
    text-decoration: none;
    color: #ffffff;
    float: left;
    height: 34px;
    width: 143px;
    /*_height: 45px;
    _width: 160px;*/
    border: none;
    border-right: 1px solid #d68c8c;
    background-image: url("/img/topNav/background-on.gif");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #4a0000;
}

div#subNav .subNavTitle {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

div#subNav a.subNavElement {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    margin-left: 24px;
    padding: 0px 1px 3px 1px;
}

div#subNav a.subNavElement:hover {
    color: #EAE7CF;
}

div#subNav a.subNavElementOn {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    margin-left: 24px;
    padding: 0px 1px 3px 1px;
    border-bottom: 3px solid #D6CBB6;
}

table.photoGrid {
	background-color: #ffffff;
}

td.photoGridContainer {
	background-color: #eae7cf;
}

td.photoGridImg {
	width: 146px;
}

td.photoGridText {
	background-color: #eae7cf;
	padding: 5px;
}

div.tabContainer {
	float: right;
}

a.tabOn {
    margin: 0px; 
    padding: 7px 16px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px ;
    font-weight: bold;
    color: #ffffff;
    float: left;
    border: none;
    border-right: 1px solid #ffffff;
    background-image: url("/img/tabBg.gif");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #5a6a9d;
}

a.tabOff {
    margin: 0px; 
    padding: 7px 16px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px ;
    font-weight: normal;
    color: #929292;
    float: left;
    border: none;
    border-right: 1px solid #ffffff;
    background-color: #e2e2e2;
}

table.filterTable td {
    font-family: Arial, sans-serif;
}

.filterHeader {
    font-size: 12px ;
    font-weight: bold;
    color: #ffffff;
    background-color: #7182b7;
    text-align: center;
    padding: 6px;
    width: 33%;
}

.filterListContainer {
    background-color: #dfe1e7;
    height: 116px;
    overflow: auto;
}

.filterItem {
    display: block;
    border: none;
    border-bottom: 1px solid #9dafe5;
    margin: 0px;
    padding: 8px 11px;
    font-size: 11px ;
    font-weight: normal;
    color: #2e3d6a;
    cursor: pointer;
}

.filterItemOn {
    display: block;
    border: none;
    border-bottom: 1px solid #9dafe5;
    margin: 0px;
    padding: 8px 11px;
    font-size: 11px ;
    font-weight: bold;
    color: #2e3d6a;
    background-color: #c5cada;
    cursor: pointer;
}

.filterToggle {
    display: block;
    border: none;
    margin: 0px;
    padding: 8px 11px;
    font-size: 10px ;
    font-weight: normal;
    color: #2e3d6a;
    background-color: #dadada;
}

.filterToggle a.toggleAll {
    border: 1px solid #9dafe5;
    padding: 2px 4px;
    font-size: 10px ;
    font-weight: bold;
    color: #2e3d6a;
    background-color: #c5cada;
}

.filterToggle a.toggleNone {
    border: 1px solid #9dafe5;
    padding: 2px 4px;
    font-size: 10px ;
    font-weight: normal;
    color: #2e3d6a;
    background-color: #dfe1e7;
}

.searchHeader {
    font-size: 12px ;
    font-weight: normal;
    color: #ffffff;
    background-color: #7182b7;
    text-align: center;
    padding: 6px;
    width: 33%;
}

table.productListTable {
    margin-top: -1px;
}

table.productListTable td {
    font-family: Arial, sans-serif;
}

table.productListTable td {
    font-family: Arial, sans-serif;
}

tr.productList {
    background-color: #eae7Cf;
}

tr.productList td {
    background-color: #eae7Cf;
}

.productListHeaderDetails {
    font-size: 10px ;
    font-weight: normal;
    color: #544516;
    background-color: #dfd8a6;
    padding: 6px;
}

.productListHeaderDetails span.tagGroup{
    font-size: 11px ;
    font-weight: bold;
}

.productListHeader {
    font-size: 11px ;
    font-weight: normal;
    color: #544516;
    background-color: #dfd8a6;
    padding: 6px;
}

.productListInfo {
	padding: 4px;
}

.productListFiles {
	padding: 4px;
}

.productListInfoLabel {
	font-size: 10px;
	color: #544516;
}

.productListInfoValue {
	font-size: 10px;
	color: #2a220b;
}

.highlite {
	background-color: #e3e300;
}


.productListFileInfo {
	font-size: 10px;
	font-weight: normal;
	color: #2a220b;
}

.productListFileTitle {
	color: #2a220b;
	font-weight: bold;
	text-decoration: none;
}

.productListFileTitle:hover {
	color: #2a220b;
	text-decoration: underline;
}

a.fileAction {
	color: #4242BC;
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
}

a.fileAction:hover {
	color: #4242FF;
	font-family: Arial;
	font-size: 10px;
	text-decoration: underline;
}

.productListFileSize {
}

.emptyList {
    margin: 0px;
    padding: 75px 0px;
    font-size: 10px ;
    font-weight: normal;
    color: #544516;
    text-align: center;
}

#searchTerm {
    width: 200px;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 11px ;
    color: #707070;
}

.noBold {
	font-weight: normal;
}
  
ul {
	padding-left: 20px;
	list-style: square;
}
  
ul > li {
	padding-bottom: 12px;
}
  
ul.lowPadding {
	padding-left: 14px;
	list-style: square;
}
  
ul.lowPadding > li {
	padding-bottom: 6px;
}

img.button {
	cursor: pointer;
}

td.linkImage {
	text-align: center;
	vertical-align: middle;
}

.linkTitle {
	display: block;
	color: #424242;
	font-family: Arial;
	font-size: 10px;
}

a.linkUrl {
	display: block;
	color: #4242BC;
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
}

a.linkUrl:hover {
	display: block;
	color: #4242FF;
	font-family: Arial;
	font-size: 10px;
	text-decoration: underline;
}

.jobDetails {
	display: none;
}

div.job {
    display: block;
    border: none;
    border-bottom: 1px solid #ffffff;
    padding: 6px;
    background-color: #eae7cf;
}

a.jobTitle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #5050b0;
    text-decoration: none;
}

a.jobTitle-on {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #5050b0;
    text-decoration: none;
    font-weight: bold;
}