/*
 *
 * Version       : Zappart (CSS)
 * Author        : Stucki Gael
 * Last Modified : 08.09.2007 
 *
 *
*/



/*
 *
 * Standard Element
 *
 *
*/
* {
	margin: 0;
	padding: 0;
}

body {
	color: #666666;
	font-family: "Verdana"; 
	font-size: 8pt; 
	margin: 0;
  background-color:#ffffff;
  scrollbar-3dlight-color 		: #eeeeee;
	scrollbar-arrow-color 			: #999900;
	scrollbar-base-color 				: #999900;
	scrollbar-darkshadow-color 	: #666666;
	scrollbar-face-color 				: #eeeeee;
	scrollbar-highlight-color 	: #ffffff;
	scrollbar-shadow-color 			: #eeeeee;
	scrollbar-track-color 			: #ffffff;
}

input {
	border: 3px double #dddddd;
	color: #666666;
	font-family: "Verdana"; 
	font-size: 8pt; 
}

select {
	width: 244px; 
	color: #666666;
	font-family: "Verdana"; 
	font-size: 7pt; 
	background-color: #ffffff;
	border: 0.02cm double #dddddd
}


textarea { 
	
	height: 100px; 
	width: 240px; 
	font-family: "Verdana"; 
	font-size: 8pt;  
	border: 3px double #dddddd;
	color: #666666;

}

a {
	color: #999900;
	text-align: center;
	text-decoration: none;
}

a:hover {
	color: #666666;
}


hr{
  height: 1px;
  color: #dddddd;
  border:0.5px solid #dddddd;
}


/*
 *
 * Misc
 *
 *
*/
.clearer {
	clear: both;
}



/*
 *
 * Container
 *
 *
*/
.ctn_main {
  
}

.ctn_topHeader {
	
	width: 900px;
	height: 30px;
	background-image: url(/includes/images/bgTopHeader.jpg);
}

.ctn_header {
	height: 150px;
	width: 900px;
	border: none 1px #eeeeee;
	
}

.ctn_topSearch {
	height: 70px;
	width: 900px;
	border: none 1px #dddddd;
	background-color:#ffffff;
	margin-top: 0px;
	background-image: url(/includes/images/bgTopSearch2.jpg);
}

.ctn_breadCrumb {
	height: 20px;
	width: 900px;
	border: none 1px #dddddd;
	background-color:#fffff;
}

.ctn_breadCrumb a {
	color: #666666;
	text-decoration:none;
}

.ctn_breadCrumb a:hover {
	color: #999900;
}

.ctn_linkByCategories_advertising {
	width: 900px;
	background-color:#ffffff;
	margin-top: 8px;
}

.ctn_linkByCategories {
  float:left;
	width: 672px;
	background-color:#ffffff;
  margin-left:8px;
}

.ctn_linkByCategories_title {
	width:672px;
	height:30px;
	background-color:#ffffff;
	font-weight:bold;
	background-image: url(/includes/images/bgLinkByCategoriesTitle.jpg);
}

.ctn_linkByCategories_content {
	width:672px;
	
}

.ctn_advertising {
  float:left;
	width: 220px;
	background-color:#ffffff;
}

.ctn_block_advertising 
{
	width: 220px;
  
}

.ctn_block_advertising_title, .ctn_block_advertising_title_flashi {
	width:220px;
	height:30px;
	background-color:#ffffff;
	font-weight:bold;
	background-image: url(/includes/images/bgBlockAdvertisingTitle.jpg);
}

.ctn_block_advertising_title_flashi {
	background-image: url(/includes/images/bgBlockAdvertisingTitle_Flashi.jpg);
}

.ctn_block_advertising_content {
	width:220px;
	border-right: 1px none #dddddd;
	
} 

.ctn_footer {
  clear:both;
	height: 30px;
	width: 900px;
	border: none 1px #ddddd;
	background-color:#ffffff;
	background-image: url(/includes/images/bgFooter.jpg);
}


.ctn_listAnnonce {
	width: 640px;
	height: 75px;
	background-color:#ffffff;
	border: solid 1px #dddddd;
}

.ctn_listAnnonce_Title {
	width: 640px;
	height: 20px;
	background-color:#ffffff;
	border-bottom: solid 1px #eeeeee;
}

.ctn_listAnnonce_Description {
	width: 640px;
	height: 55px;
	background-color:#ffffff;
}


.ctn_quickAccessMatiere {
	float:left;
	width:200px;
	height:100px;
	background-color:#eeeeee;
	text-align:left;
	border: solid 1px #dddddd;
	margin-right:10px;
	
}

.ctn_quickAccessMatiere a {
	color: #666666;
	text-decoration:none;
}

.ctn_quickAccessMatiere a:hover {
	color: #999900;
}

.ctn_dateAnnonce {
	width:610px;
	border: solid 1px #dddddd;
	border-bottom:none;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
}

.ctn_detailsAnnonce, .ctn_detailsDemandeur  {
	width:610px;
	border: solid 1px #dddddd;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
}

.ctn_detailsDemandeur {
	width:610px;
	border-top:none;
}

.ctn_contactAnnonce {
  margin-left:15px;
	width:250px;
	border: solid 1px #dddddd;
	border-top:none;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
}

.ctn_answerAnnonce {
	float:left;
	width:364px;
	border: solid 1px #dddddd;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	border-top:none;
}

.ctn_warning, .ctn_info {
	background-color:#ffffff;
	border: solid 1px #999900;
	padding: 10px 10px 10px 10px;
}

.ctn_info {
	
	border: solid 1px #00cc00;
	background-color:#ffffff;

}


.ctn_actionButton {
	width:619px;
	border: solid 1px #dddddd;
	background-color:#eeeeee;
	padding:10px 10px 10px 10px;
}


.ctn_commoditieChoice {
  float:left;
	width: 190px;
	height: 230px;
	text-align:left;
	margin-left:5px;
	margin-bottom:5px;
	padding:5px 5px 5px 5px;
	border:1px solid #dddddd;
	background-color:#ffffff;
	
}


.ctn_annoncePhotos {
  float:left;
	width: 85px;
	text-align:center;
}


.ctn_list, .ctn_listWidhtPhoto {
  float:left;
	width: 319px;
}

.ctn_listWidhtPhoto {
	width: 260px;
}

/*
 *
 * Title
 *
 *
*/
.header_title {
	float: left;
	margin: 5px 0px 0px 0px;
	width:580px;
	height:49px;
  /*background: url(/includes/images/logo.gif) no-repeat;*/
}

.block_title, .block_titleFlashi {
  padding:7px 0px 0px 23px;
  color:#990000;
}

.block_titleFlashi {
	color:#ffffff;
}



/*
 *
 * Content
 *
 *
*/

.block_content {
	padding: 5px 5px 5px 5px;
  /*text-align:justify;*/
}

.block_content2 {
	padding: 10px 13px 13px 13px;
  text-align:justify;
}


.block_contentCategoriesNav {
	padding: 10px 0px 10px 11px;
}



.block_content2 span {
	color:#999900;
}

span.userLogged{
	
	color: #999900; 
	
}

span.mandatory{
	
	color: #ff9900; 
	
}

span.disabled{
	
	color: #cccccc; 
	
}

span.success{
	
	color:#51B400; 
	
}

span.detailsTitleAnnonce{
	
	color: #999900; 
	font-size:11pt;
	font-weight:bold;
	
}

span.detailsDescAnnonce{
	
	font-size:8pt;
	color: #666666; 
	
}

span.detailsDateAnnonce{
	
	color: #aaaaaa; 
	font-size:7pt;
	
}

span.disabled{
	
	color: #cccccc; 
	
}

span.listCoursPublic{
	
	color: #996600; 
	font-size:7pt;
	
}


span.titleSearch{

	color: #ffffff; 
	font-weight:bold;
	
}

img.withBorder{
	border:3px solid #eeeeee;
}


/* navigation */
.headerNavigation {
	float: left;
	margin: 45px 0px 0px 0px;
}

.headerNavigation a {
	color: #666666;
	float: left;
	text-align: center;
	text-decoration: none;
	margin-left: 8px;
}

.headerNavigation a:hover {
	color: #999900;
}

.footerNavigation {
	padding:8px 0px 0px 0px;
}

.footerNavigation a {
	color: #999900;
	text-decoration: none;
	margin-left: 8px;
}

.footerNavigation a:hover {
	color: #666666;
}

a.categoriesNavigation, a.categoriesSousNavigation, a.categoriesSousNavigationHighlighted {
	color: #999900;
	text-decoration: none;
	margin-left: 4px;
  font-weight:bold;
  line-height:16px;
}

a.categoriesNavigation:hover, a.categoriesSousNavigation:hover, a.categoriesSousNavigationHighlighted:hover {
	color: #666666;
}

a.categoriesSousNavigation {
	color: #666666;
  font-weight:normal;
  margin-left: 13px;

}

a.categoriesSousNavigation:hover {
	color: #999900;
}

a.categoriesSousNavigationHighlighted {
	color: #999900;
  font-weight:normal;
  margin-left: 13px;
  background-color:#dddddd;

}

a.categoriesSousNavigationHighlighted:hover {
	color: #999900;
}

a.adminNavigation, a.adminSousNavigation, {
	color: #666666;
	text-decoration: none;
	margin-left: 8px;
  font-weight:bold;
  line-height:16px;
}

a.adminNavigation:hover, a.adminSousNavigation:hover, {
	color: #999900;
}

a.adminSousNavigation {
	color: #999900;
  font-weight:normal;
  margin-left: 17px;

}

a.adminSousNavigation:hover {
	color: #666666;
}

div.catNavClose{
  
  display:none;

}

div.catNavOpen{

  display:block;
  
}

div.catNavMain{

  border:1px solid #dddddd;
  width:196px;
  padding-bottom:4px;
  padding-top:4px;
  background-color:#ffffff;
  margin-bottom:5px;
  
}

div.content{

  border:1px solid #dddddd;
  padding:5px 5px 5px 5px;
  
}

.footerCopyright {
	font-size:7pt;
	color:#cccccc;
}

a.subscription, a.subscriptionHeader  {
	color: #999900;
	text-decoration: none;
	font-size:10pt;
  font-weight:bold;
}



a.subscription:hover, a.subscriptionHeader:hover {
	color: #666666;
}

a.subscriptionHeader {
	color: #999900;
  font-weight:bold;
  font-size:8pt;
}

a.disabled {
	color: #cccccc;
	text-align: center;
	text-decoration: none;
}

a.disabled:hover {
	color: #666666;
}


/*
 *
 * Search
 *
 *
*/
/*.titleSearch 
{
	float: left;
	color: #FFFFFF;
	font-weight:bold;
	margin: 26px 0px 0px 5px;
}*/

.formSearch 
{
	float: left;
	margin: 13px 0px 0px 0px;
}

.selectSearch  
{
	float:left;
	margin: 0px 4px 0px 0px;
}


.inputSearch 
{
	margin: 13px 0px 0px 15px;
	text-align:left;
}

.buttonSearch 
{
	float:left;
	margin: 26px 0px 0px 5px;
}



/*
 *
 * Control
 *
 *
*/

.textboxSearchCtrl {
	width:659px;
}

.textboxLoginCtrl {
	width:115px;
}

.textbox {
	width:240px;
}

.textboxSmall {
	width:70px;
}

.textboxRecommand {
	width:178px;
}


.textboxTitleAnnonce {
	width:480px;
}

textarea.descriptionAnnonce {
	width:480px;
  height:80px;
}

textarea.description {
  width:240px;
  height:60px;
}

textarea.links {
	width:620px;
  height:60px;
  border: 1px solid #dddddd;
}

.buttonCtrl {
	height:22px;
	background-color:#ffffff;
	color: #999900;
	width:90px;
}

.buttonCtrlBig {
	height:22px;
	background-color:#ffffff;
	color: #999900;
	width:150px;
}

.buttonCtrlConnexion {
	background-color:#999900;
	color: #ffffff;
}

.buttonCtrlDetailsANN {
	background-color:#ffffff;
	color: #999900;
	border: 1px solid #dddddd;
}

.selectCtrlSearch {
	width:219px;
}

.selectSmall {
	width:75px;
}

/*** GRID ***/

.gridCtrlCheckBox {
	border: 1px none #E5E5E5;
}

table.grid, table.gridPaging { 
	
	width:100%;
	height:auto;
	border-top: 0.02cm solid #eeeeee;
	border-right: 0.02cm solid #eeeeee;
	border-left: 0.02cm solid #eeeeee;

}


table.gridPaging { 
	
	height:30px;
	border-top: none;
	border-bottom: 0.02cm solid #ffffff;
	border-right: 0.02cm solid #ffffff;
	border-left: 0.02cm solid #ffffff;

}



td.gridHeading { 
	
	color: #666666; 
	height:30px;
	padding-left:0px;
	font-weight:none;
	border-bottom: 0.02cm solid #eeeeee;
	border-right: 0.02cm solid #ffffff;
	background-color:#eeeeee;

}

td.gridFooter, td.gridFooterPaging { 
	
	color: #666666; 
	height:30px;
	padding-left:7;
	padding-right:2;
	font-weight:normal;

}

td.gridFooterPaging { 
	
	vertical-align:top;
	padding-top:10px;
	padding-left:5px;
	
}

td.gridItem, td.gridItemAlternate, td.gridItemCheck, td.gridItemAlternateCheck, td.gridItemAction, td.gridItemAlternateAction { 
	
	color: #666666; 
	height:30px;
	padding-left:2;
	background-color:#ffffff;
	font-weight:normal;
	border-bottom: 0.02cm solid #eeeeee;
	border-right: 0.02cm solid #ffffff;
	
}

td.gridItemAlternate, td.gridItemAlternateCheck, td.gridItemAlternateAction { 
	
	background-color:#eeeeee;
	border-bottom: 0.02cm solid #eeeeee;
	
}


td.gridItemAlternateCheck, td.gridItemCheck { 
	
	
	width:20px;
	padding-right:2px;
	
}


td.gridItemAlternateAction, td.gridItemAction { 
	width:60px;
	vertical-align:middle;
}


a.gridHeading {
	color: #666666;
  font-weight:normal;
  text-decoration: underline;

}

a.gridHeading:hover {
	color: #999900;
	text-decoration: none;
}


div.gridPagingNumbers {
  
	width:630px;
	height:20px;
	border: solid 1px #ffffff;
	background-color:#ffffff;
	
}



div.gridPagingResults{
	width: 660px;
	background-color:#ffffff;
	font-size:7pt;
}


a.gridPagingNumbers {
	color: #666666;
  font-weight:normal;
  text-decoration: underline;

}

a.gridPagingNumbers:hover {
	color: #999900;
	text-decoration: none;
}