body {
	font-size: 10px;
	margin: 0;
	padding: 0;
	background: #dccc7f;
	font-family: georgia,verdana,arial,sans-serif;
	}
.container {
	width:100%;
	padding: 0px;
	margin:0 auto;
	font-size:1.0em;
	}
.navbar {
	white-space: nowrap /*IE hack*/;
/*	float: left; */
	width: 700px;
	font-family: arial,sans-serif;
	font-size: 12px !important /*Non-IE6*/;
	font-size: 12px /*IE6*/;
	font-weight: normal;
	background: #dbbf6c url(../img/bg_menu.jpg) repeat-x;
}
.navbar1 {
	white-space: nowrap /*IE hack*/;
/*	float: left; */
	width: 700px;
	font-family: arial,sans-serif;
	font-size: 12px !important /*Non-IE6*/;
	font-size: 12px /*IE6*/;
	font-weight: normal;
	background: #dbbf6c;
}
.content {
	display:inline; /*Fix IE floating margin bug*/;
	position: relative;
	float: left;
	width: 640px;
	padding-left: 60px;
	background-color: #c2aa60;
	font-size: 1.0em;
	overflow: visible !important /*Non-IE6*/;
	overflow: hidden /*IE6*/;
	}
.foot {
	clear:both;
	position: relative;
	height: 80px;
	top:0;
	left: 0px;
	background: #dccc7f url(../img/slama2.jpg) no-repeat;
	font-size: 1.1em !important /*Non-IE6*/;
	font-size: 1.0em /*IE6*/;
	overflow: visible !important /*Non-IE6*/;
	overflow: hidden /*IE6*/;
	}

.top1 {
	width: 700px;
	height: 220px;
	background: url(../img/do_head.jpg) no-repeat;
	}

.top2 {
	width: 275px;
	height: 220px;
	background: url(../img/do_head1.jpg) no-repeat;
	}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* Main menu */
.navbar ul, .navbar1 ul {list-style-type:none;}
.navbar ul li, .navbar1 ul li {
	float:left;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
}
.navbar ul li a {
	float: none !important /*Non-IE6*/;
	float: left /*IE-6*/;
	display: block;
	height: 29px;
	line-height: 29px;
	padding: 5px 7px 5px 7px;
	text-decoration: none;
/*	border-right: dashed 1px;  */
	border-bottom: solid 1px;
	color: #000000;
}

.navbar1 ul li a {
	float: none !important /*Non-IE6*/;
	float: left /*IE-6*/;
	display: block;
	height: 29px;
	line-height: 29px;
	padding: 5px 7px 5px 7px;
	text-decoration: none;
	border-bottom: solid 1px;
	color: #000000;
	background: #ccc;
}

.navbar ul li ul {
/*  display:auto; */
  display:none;
  border:none;
}

/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover, .navbar1 ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a, .navbar1 ul li:hover a {
	background-color:#bda55d;
	text-decoration:none;
	height: 27px;
	line-height: 27px;
	border-top: solid 1px #000000;
	border-bottom: solid 2px;
}

/* Submenu (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:#bda55d; text-decoration:none; color:#FFC;} /*Color main cells hovering mode*/



/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcontent-cell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell-corner-top:after, .content-cell-corner-bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcontent-cell-corner-top:after, .subcontent-cell-corner-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both; Do not use here to avoid paragraphs clearing next to images*/;  visibility:hidden;}
 
/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the subcells  */                 
@media print {.content-subcell-right-nobox {display:inline; float:right; width:337px; border-left:none; background-color:rgb(255,255,255);}}

 /********************************************/
/*  USED ONLY FOR DEMO PAGE FOR GRID SETUP  */
/*  Do not use for operational purposes     */
/********************************************/
.main p.demo {margin:0; padding:10px 20px 50px 20px;}

