<style type="text/css">

.dummy{

}

.occasionWrapper {
	padding-top: 10px;
}

.affaireSemaine{
	background: url(fond_accueiloccaz.jpg) top right no-repeat;
	}

.left {
	float: left;
	width: 180px;
	height: 500px;
}

.right {
	margin-left: 200px;
	margin-top:  10px;
	min-height: 640px;
}

@media print {
	.right {
		margin-left: 0px;
		min-height: 0px;
	}
}

.right form {
	padding-left: 0px;
	padding-right: 0px;
}


.accordion {
	width: 180px;	
	border-bottom: solid 1px #33AF57;
}
.accordion h3 {

	background: #33AF57 no-repeat right -51px;
	padding: 4px 10px;
	margin: 0;
	font-family: Trebuchet MS,sans serif;
	font-size: 14px;
	font-weight: normal;
	border: solid 1px #33AF57;
	border-bottom: solid 1px #FFFFFF;
	cursor: pointer;
	color: #FFFFFF;
}


.accordion h3:hover {
	color: #FFDA3A;
}

.accordion h3.active {
	background-position: right 5px;	
}

.accordion h3.last {
	border: solid 1px #33AF57;
}


.accordion ul{
	background: #f7f7f7;
	margin: 0;
	padding: 8px 10px 8px;
	border-left: solid 1px #33AF57;
	border-right: solid 1px #33AF57;
	display: none;	
}

.accordion li{
	list-style-type:none; 
	cursor: pointer;	
}

.accordion li:hover{
	color: #33AF57;
	text-decoration:underline;
	cursor: pointer;
}

#occasion_title {
	color:#299849;
	font-family:Trebuchet MS,sans serif;
	font-size:30px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.occasionTitleAffaire {
	color:#299849 !important;
}

/*-- tableau --*/
table.occasTable a,
table.occasTable a:link,
table.occasTable a:visited {
	border:none;
	}							
	
table.occasTable  img {
	border:0;
	margin-top:.5em;
	}	
table.occasTable {
	width:90%;
	border-collapse:collapse;
	}
table.occasTable  caption , table.annonceSemaine  caption, #captionAnnonce {
	color: #666666;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:left;
	margin: 4px;
	}	
	
table.occasTable,
table.occasTable thead, 
table.occasTable thead tr, 
table.occasTable thead  tr td,
table.occasTable thead, 
table.occasTable thead th, 
table.occasTable thead  th td,
table.occasTable tbody, 
table.occasTable tbody tr, 
table.occasTable tbody  tr td {
	border: #E5F8EF 1px solid; 
}

table.occasTable  tr.odd td	{
	background:#DDDDDD;
	}
table.occasTable  tr.odd .column1	{
	background:#33AF57;
	}	
table.occasTable  .column1	{
	background:#f9fcfe;
	}
table.occasTable  td {
	color:#333333;
	padding:6px;
	text-align:left;
	background:#FEFEFE;	
	font-size:.9em;	
	}				
table.occasTable  th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	cursor: pointer;
	vertical-align: top;
	}							
table.occasTable  thead th {
	background:#33AF57;
	text-align:left;
	font:bold 1em  Trebuchet MS,sans serif;
	color:#FFFFFF;
	text-align: left;
	padding:6px;
	padding-right: 16px;
}	


	
table.occasTable  thead th.asc {
	background-image:url('asc.png');
	background-repeat:no-repeat;
	background-position:right top; 
}

table.occasTable  thead th.desc {
	background-image:url('desc.png');
	background-repeat:no-repeat;
	background-position:right top; 
}

table.occasionContent tbody {	
	overflow-y : auto;
	overflow-x : none;
}

.imgAnnonce {
	width : 53px;
	height : 40px;
}


table.occasTable  tr.odd:hover td, table.occasTable  tr:hover td,  table.detailAnnonceSemaine tr:hover td.thead {			
	background:#33AF57;	
	color: #FFDA3A;
	cursor: pointer;
}

table.detailAnnonce  tr.odd:hover td, table.detailAnnonce  tr:hover td, table.detailAnnonce tr:hover td.thead  	{	
	color:#33AF57;
	cursor: default;
}

table.detailAnnonce  tr.odd:hover td	{	
	background:#DDDDDD;
}

table.detailAnnonce  tr:hover td {
	background:#FEFEFE ;	
}


table.occasTable  tr.odd td.prix, table.occasTable  tr td.prix	{	
	white-space:nowrap;
}

table.detailAnnonce  tr td.thead	, table.detailAnnonceSemaine tr td.thead{	
	color:#299849;
	font-weight:bold;
	font-size:1em;
	vertical-align: top;	
}



@media print {
	table.detailAnnonce {
		width: 440px;
	}
}


.loading {
	display: block;
	width: 128px;
	height: 15px;
	padding: 4px;
	background-image:url('load.gif');
	background-repeat:no-repeat;
	background-position:center center; 
}


/* ----  page des annonces ---*/

.rightAnnonce {
	float: left;
	width: 350px;
	/* height: 500px;  */
}

.leftAnnonce {
	float: right;
	width: 350px;
}

.imgAnnonceFull {
	width : 280px;
	height : 210px;
	border:1px solid #CCCCCC;
	margin:0;
	padding:4px;
}

.imgAnnonceThumb {
	width : 76px;
	height : 58px;
}

.containerPhoto {
	width : 100%;
	/*margin: 2px;*/
}


.containerPhotoListe{	
	width:290px;
	margin-bottom:8px;
	margin-top:8px;	
}

.containerContacterVendeur{
	text-align: left;
}

#btnContacterVendeur{
	width: 290px;
}

#photoListe {
	clear:both;
	overflow:none;
	padding: 0;
	margin: 0;	
}

#photoListe li {
	display:inline;
	float:left;
	margin-bottom:2px;
	margin-left:7px;
	margin-right:7px;
}

#photoListe li a img{
	border:1px solid #CCCCCC;
	margin:0;
	padding:2px;
}

.containerVideo {
/*	background-image:url('loadvideo.gif');
	background-repeat:no-repeat;
	background-position:center center;*/
}

#btnImprimer, #btnRetour{
	width: 140px;
	margin-right:7px;	
	margin-top:7px;
}

#photoAnnonceSemaine img {
	cursor: pointer;
}

table.annonceSemaine tr td {
	vertical-align: top;	
}

table.detailAnnonceSemaine {
	width: 350px;
	margin-left:20px;
}

.buttonsContainer {
	padding:0;
	padding-top:10px;
}
/*--------------------------------*/
/* impression de l'annonce */

#divForPrint {
	font-family:Serif,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	width: 17cm;
}

#divForPrint div {
	font-family:Serif,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}


.showOnPrint{
	display:none;
}

/* --- adresse --- */
#tabPrintAdress {
	width: 16.8cm;
}

#tabPrintAdressCol1 {
	width: 4cm !important;	
}

#tabPrintAdressCol2 {
	width: 16cm !important;
	font-size: 9pt !important;	
}

#tabPrintAdress td {
	vertical-align: top !important;	
}

#tabPrintAdress #logo img{
	height: 132px;
	width: 134px;
}

/* --- titre -- */

#printTitle #occasion_title {
	font-size: 13pt !important;
	font-weight:bold  !important;	
}

#printTitle {
	width: 16.8cm !important;	
}

/* --- caption -- */

#printCaption {
	font-size: 9pt !important;
	font-weight:bold;
	width: 16.8cm !important;	
}

/*--    les photos --*/
#printBigPhoto {
	width: 6cm !important;	
}

#printSmallPhoto {
	width: 10.8cm !important;	
	vertical-align: top !important;	
}

#printSmallPhoto .containerPhotoListe  {
	margin-top: 0px !important;		
}

/*------ le tabealu de détail ---------*/
#printDetail, #printDetail table.occasTable {
	width: 16.8cm !important;	
}

.printDetailCol1  {
	width: 4cm !important;
	font-size: 8pt !important;	
	padding: 0.1cm !important;	
}

.printDetailCol2 {
	width: 12cm !important;	
	font-size: 8pt !important;	
	padding: 0.1cm !important;	
}



</style>

