@CHARSET "UTF-8";

@media screen {	
	#colonne #rubriqueALaUne, #colonne #rubriqueALaUne h3 {width: 215px;}
	#colonne #rubriqueALaUne { margin: 0;}
	#PartiePrincipale {}
	#PartiePrincipale h1 { margin: 0 0 0.5em 0; padding: 0 0 0 10px; font-size: 2em; font-weight: normal; color: #9a0000; background: url(../images/puce-rouge.png) no-repeat left center; border-bottom: 1px solid #ccc; }
	#PartiePrincipale h3 {
		position: relative;
		margin: 1em 0 0 -1px; *margin: 1em 0 -1px 0; padding: 0 0 0 20px;
		width: 280px; height: 38px; line-height: 38px;
		background: url(../images/f-h3-rubriques.png) no-repeat;
		font-size: 16px; font-weight: bold; color: #9a0000;
	}
	#PartiePrincipale table { border: 1px solid #a9a9a9; border-collapse: collapse; width: 100%;}
	#PartiePrincipale table tr.odd { background: white; }
	#PartiePrincipale table tr.even { background: #f5f5f5; }
	
	#PartiePrincipale table td { border-bottom: 1px solid #a9a9a9; padding: 5px; }
	
	/* cellules photos */
	#PartiePrincipale table td.photo { width: 80px; }
	#PartiePrincipale table td.photo  a{  }
	#PartiePrincipale table td.photo a img { border: none; max-width: 80px; }
	#PartiePrincipale table td.photo span.nbPhotos, #PartiePrincipale table td.photo span.nbVideos {
		position: relative; display: block;
		padding-left: 20px;
		height: 16px; line-height: 16px;
		color: #999;
	}
	#PartiePrincipale table td.photo span.nbPhotos { background: url(../images/picto-photos-16x16.png) no-repeat left center; }
	#PartiePrincipale table td.photo span.nbVideos { background: url(../images/picto-video-16x16.png) no-repeat left center; }
	
	/* cellules descriptif */
	#PartiePrincipale table td.ListingItem { width: 458px; }
	#PartiePrincipale table td.ListingItem h4 { 
	margin: 0 0 0.2em 0; font-size: 15px; font-weight: bold; }
	#PartiePrincipale table td.ListingItem h4 a { color: #9a0000; text-decoration: none; }
	#PartiePrincipale table td.ListingItem .Descriptif { font-size: 1.1em; }
	
	/* cellule date */
	#PartiePrincipale table td.LaDate { width: 80px; }
	#PartiePrincipale table td.LaDate a { color: #666; text-decoration: none; }
	#PartiePrincipale table td.LaDate a span { }
	
	/* cellules valeur */
	#PartiePrincipale table td.Valeur { width: 80px;  }
	#PartiePrincipale table td.Valeur a { text-decoration: none; font-size: 1.2em; font-weight: bold; color: #9a0000; white-space: nowrap; }
	#PartiePrincipale table td.Valeur a img { border: none; }
	
	/* affichage de l'annonceur */
	#PartiePrincipale table td.NomHaras { background: black; text-align: right; border-left: 1px solid #a9a9a9; }
	#PartiePrincipale table td.NomHaras a { color: white; text-decoration: none; }
	
	
	/* MISES EN AVANT */
	#PartiePrincipale table tr.BestSeen { background: white url(../images/f-BestSeen.jpg) left center; }
	#PartiePrincipale table tr.BestSeen td {  }
	#PartiePrincipale h3.enAvant { background: url(../images/f-h3-rubriques-enavant.png) no-repeat; }
	#PartiePrincipale table.enAvant { }
	
	/* LISTE DE PAGES */
	.listePage { position: relative; width: 98%; background: black; padding: 1%; margin-top: 1em; }
	
	.listePage span.actif, #PartiePrincipale .listePage a {
		position: relative;
		display: block; float: left;
		border-width: 1px; border-style: solid;
		margin: 0; padding: 0 0.2em;
		color: #FFFFFF;
	}
	.listePage span.noactif {
		position: relative;
		display: block; float: left;
		border-width: 1px; border-style: solid; border-color: black;
		margin: 0; padding: 0 0.2em;
		color: #888888;
	}
	
	.listePage span.actif { border-color: white; color: white; font-weight: bold; }
	#PartiePrincipale .listePage a { border-color: black; color: #FFFFFF; text-decoration: none; }
	.listePage a:hover { border-color: #ccc; }
	
	#PartiePrincipale p.aucuneAnnonce { border: 1px solid #a9a9a9; width: 98%; padding: 1%; margin: -1px 0 0 -1px; }
	
	#PartiePrincipale form.cmxform { width: 100%; }
	#PartiePrincipale form.cmxform fieldset { width: 469px; background: url(../images/bloc-annonce.png) no-repeat; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
	#PartiePrincipale form.cmxform fieldset legend { display: none; }
	#PartiePrincipale form.cmxform li.info { font-size: 1.2em; font-weight: bold; }
	#PartiePrincipale form.cmxform label { width: 4em; }
	#PartiePrincipale form.cmxform label + input { width: 30em; }
	
	.pubs { text-align: center; }
	.pubs a img { border :0; } 
	
}

@media print {
}