/* No script
-----------------------------------------------------------------------------*/

noscript div {
	background : #FFFFB4;
	border : 1px solid #C0BDB9;
	margin : 0px 0px 10px 0px;
	padding : 5px 5px 5px 5px;
}

/* Body
-----------------------------------------------------------------------------*/

body {
	color : #414141;
	/*background : #ffffff;*/
	/*background-image: url(../images/animals.png);*/
	/*font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;*/
	font-weight : normal;
	font-size : 14px;
	margin : auto;
	/*padding : 0px;*/
	text-align:center;
}

h3 {
	height: auto;
}
/* Page div
-----------------------------------------------------------------------------*/

#wrap {
	/*background : #e3eaf4;*/
	background:url("http://www.commerce-drummond.com/images/bg_trans.png") repeat scroll 0 0 transparent;
	/*background-image: url('../images/animals.png');*/
	/*background-repeat: repeat*/
	margin-left : auto;
	margin-right : auto;
	width : 940px;
	/*height : 768px;*/
	
}

#wrap div {
	/*border: 0px #cccccc solid;*/
	/*float: left;*/
}

#banner{	
	border-bottom: 1px #cccccc solid;
	float: left;
	width : 1024px;
}

#banner-top{
	
	width : 1024px;
	height : 20px;
	float: left;
	background-image: url(../images/header.png);
}

#banner-top-eng{
	
	width : 1024px;
	height : 220px;
	float: left;
	background-image: url(../images/header_eng.png);
}

#banner-top-small{
	
	width : 1024px;
	height : 100px;
	float: left;
	background-image: url(../images/headersmall.png);
}

#banner-top-small-eng{
	
	width : 1024px;
	height : 100px;
	float: left;
	background-image: url(../images/headersmall_eng.png);
}

#banner-nav{
	width : 1022px;
	height : 20px;
	text-align: left;
	float: left;
	padding-left: 50px;
}

#content{
	width : 940px;
	/*height : 506px;*/
	border-bottom: 1px #cccccc solid;
	float: left;
}

#main{
	width : 700px;
	/*height : 506px;*/
	border: 0px #cccccc solid;
	float: left;
	text-align:left;
}

#side{
	width : 324px;
	/*height : 506px;*/
	border: 0px #cccccc solid;
	float: left;
	
}

#footer{
	width : 1024px;
	height : 20px;
	
	float: left;
}

/* Clear
-----------------------------------------------------------------------------*/

.clear {clear : both;}



/* blocks
-----------------------------------------------------------------------------*/

#newsblock{
	width : 300px;
	/*height : 306px;*/
	border: 1px #cccccc solid;
	float: left;
	margin: 10px;
	text-align:left;
}

/* News
-----------------------------------------------------------------------------*/

#newsblock .blocktitle{
	color : #0000ff;
	background : #bebbc6;
	font-weight : bold;
	font-size : 16px;
	border-bottom: 1px #cccccc solid;
}

#newsblock .title{
	width : 100%;
	float: left;
	color : #ff0000;	
	
	font-weight : bold;
	font-size : 14px;
}

#newsblock .date{
	width : 100%;
	float: left;
	font-weight : normal;
	font-size : 12px;
}

#newsblock .content{
	width : 100%;
	float: left;
	font-weight : normal;
	font-size : 12px;
	margin-bottom: 20px;
}


/* Main
-----------------------------------------------------------------------------*/

#mainblock{
	padding: 20px;
}

#mainblock .blocktitle{
	color : #0000ff;
	
	font-weight : bold;
	font-size : 16px;
	border-bottom: 1px #cccccc solid;
}

/* Map
-----------------------------------------------------------------------------*/
#map {
    width: 666px;
    height: 450px;
    /*border: 0px solid black;*/
	/*float: left;*/
}

#toolmapcontainer{
	width: 666px;
	height: 24px;
	float: left;
	/*padding: 0px;
	margin: 0px;*/
	background : #333333;
}

#toolmap{
	width: 662px;
	height: 20px;
	float: left;
	position: relative; 
	top: 2px; 
	left: 2px;
	background : #ffffff;
}

#output{
	width: 0px;
	height: 20px;
	float: left;
	position: relative; 
	top: 2px; 
	left: 2px;
	background : #cccccc;
}

#toolmap div{
	/*margin-left: 2px! important; 
	margin-top: 2px! important; 
	margin-right: 2px! important;
	margin-bottom: 2px! important;
	padding: 0px! important;*/
	margin: 1px;
	width: 18px;
	height: 18px; 	
	float: left; 
	border: 0px;
	/*background : #ffffff;*/
	background-position: center center;
	background-repeat: no-repeat;
}

#titlepanelscontainer {
	/*width: 274px;
	height: 24px;*/
	float: left;
	/*background : #333333;*/
}

#titlepanels{
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 274px;
	height: 24px;
	background : #cccccc;
	float: left;
}

#sidepanels{
	/*float: left;*/
	
}

.titletabpanelactive{
	width: 80px;
	height: 24px;
	background : #eeeeee;
	float: left;
	
}

.titletabpanelinactive{
	width: 80px;
	height: 24px;
	background : #777777;
	float: left;
	
}

#maincontainer{
	float: left;
}

#sidecontainer{
	float: left;
	
}

/* Grid
-----------------------------------------------------------------------------*/

#mytable table{
	
}

#mytable tr {
	background: #fff;
	color: #4f6b72;
	font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #99F093;
	border-bottom: 1px solid #99F093;
	border-top: 1px solid #99F093;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #99FF66;
}


#mytable  td {
	border-right: 1px solid #99F093;
	border-bottom: 1px solid #99F093;
	
	padding: 6px 6px 6px 12px;
	
	
}



/* search_info div
-----------------------------------------------------------------------------*/

.search_info{
	border: 1px solid #cccccc;
	padding: 6px 6px 6px 6px;
	margin-top: 30px;
	margin-right: 5px;
	margin-left: 5px;
	background: #ccff99;
}


@media print {

#gridloc {  height: auto !important; overflow: visible  !important;}
#mytable tr {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;}
#entete { display: none  !important;}
#menu_sections { display: none  !important;}
#warning { display: none  !important;}
#webcmd { display: none  !important;}
#help { display: none  !important;}
}

#contenu_pages {
	float: left;
	background:url("http://www.commerce-drummond.com/images/bg_trans.png") repeat scroll 0 0 transparent;
}