@CHARSET "UTF-8";

@media screen {
	/*	SURCHARGES */
	#PartiePrincipale {width: 704px; 
		background: url(../images/bloc-annonce2.png) no-repeat -1px 0;
	}
	#contenu { background: white; }	
	/* colonne droite */
	#colonnedroite {
		position: relative; float: left; width: 237px; overflow: hidden;
		padding: 0 0 150px 0;
		border-left: 1px solid #b2b2b2;
		background: white url(../images/f-annonces-vendeur2.png) repeat-x;
	 }
	/* colonne double */
	#colonnedouble { 
		position: relative; 
		float: left; display: inline;
		margin: 0; padding: 0; width: 461px;
	 }
	
	/* colonne de gauche */
	#colonne {  width: 260px; margin: 0;}	
	#colonne h3 { 
		position: relative;
		margin: 0; 
		padding: 0;
		height: 28px; 
		text-align: center; 
		color: white; 
		
		font-weight: bold; 
		line-height: 28px; 
		font-size: 1em; 
		background: #9a0000;
	}
	.photosAnnonce{background: #d6d6d6;}
	.photosAnnonce img { border: none; }
	.photosAnnonce ul { position: relative; margin: 1px 0;padding: 0; min-height: 40px; list-style: none; }
	.photosAnnonce li {
		position: relative; display: block; float: left;
		width: 54px; height: 40px;
		margin-right: 1px;
		overflow: hidden;
		text-align: center;
	}
	
	
	.photosAnnonce li img { position: absolute; top: 0; left: -35px; margin: 0  0 0 50%; cursor: pointer; }
	
	.videosAnnonce { clear: left; }
	#colonnedroite .videosAnnonce h3,
	#colonnedroite #autresVentes h3{
		margin: 10px 0 0 0; padding: 5px;
		background: #9a0001 url(../images/f-noir-coin.png) no-repeat right top;
		color: white;
		border-bottom: 1px solid #b2b2b2;
		font-size: 1.2em;
	}
	/* colonne centrale */
	#PartiePrincipale #fondNoir{
		position: relative;
		width: 699px;
		padding: 0 0 0 0;
		background: black url(../images/f-noir-coin.png) no-repeat 452px 0;
		color: white;
	}
	#PartiePrincipale #fondNoir h1{
		width: 428px;
		margin: 0 0 0 12px;
		padding: 8px 0 10px 0;
		color: white;  
		border-bottom: 1px solid #606060;
		font-family: Verdana, Geneva, sans-serif; 
		font-size: 2.4em;
		font-weight: normal;
	}
	#PartiePrincipale #fondNoir h3{
		position: relative;
		float: left;
		margin: 0 0 0 12px; padding: 1em 0;		
		font-family: Verdana, Geneva, sans-serif; 
		font-size: 1.6em;
		font-weight: normal;
	}
	#PartiePrincipale #fondNoir ul#infosDates{ 
		position: relative;
		width: 230px; 
		margin: 0 0 0 460px;
		padding: 0 0 10px 10px;
		list-style: none;
		border-left: 1px solid #606060;
		color: #bfbfbf;
	}
	
	#colonnedouble h1 { 
		position: relative;
		padding-left: 5px; margin: 0;
		height: 37px; line-height: 37px; width: auto;
		background: url(../images/f-h1-annonce.png) no-repeat;
		font-size: 1.4em; font-weight: bold; color: #9a0000;
		z-index: 2;
	}
	#colonnedouble h1 span { position: relative; padding: 0.7em 1.5em 0.7em 0.5em; background: url(../images/f-h1-annonce-fin.png) no-repeat right top; }
	#colonnedouble ul#prixEtDate {
		position: relative; margin: 0; padding: 10px;
		background: url(../images/f-annonce-prixetdate.png) no-repeat;
		list-style: none;
		z-index: 1;
	}
	#colonnedouble ul#prixEtDate li { color: #666; }
	#colonnedouble ul#prixEtDate li.prix { color: #9a0000; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #ccc; }
	#colonnedouble ul#prixEtDate li.debut { display: inline; border-right: 1px solid #666; padding-right: 1em; margin-right: 1em; }
	#colonnedouble ul#prixEtDate li.fin { display: inline; }
	#colonnedouble ul#prixEtDate li.tpsrestant { color: #9a0000; }
	#colonnedouble ul#prixEtDate li.visite { color: #9a0000; border-top: 1px solid #ccc; font-weight: bold; font-size: 1.2em; }
	
	#colonnedouble #descriptif,
	#colonnedouble #infosAnnonce,
	#colonnedouble #infosDePaiment,
	.pedigree4, .pedigree3 {
		position: relative; margin: 0 0 0 3px; padding: 10px;
		background: white url(../images/bloc-annonce3.png) repeat-x top left;
	}
	#colonnedouble #descriptif{
		font-family: Verdana, Geneva, sans-serif; 
		font-size: 1.6em;
	}
	
	
	
	#colonnedouble #descriptif h4,
	#colonnedouble #infosAnnonce h4,
	#colonnedouble #infosDePaiment h4,
	#colonnedouble form legend,
	#colonnedroite #vendeur h4,
	.pedigree4 h4, .pedigree3 h4 { 
		font-size: 1.4em; font-weight: bold; color: #9a0000; margin: 0 0 0.5em 0; 
		font-family: Verdana, Geneva, sans-serif;	
	}
	#colonnedouble #infosAnnonce table th{font-size: 1.4em;}
	#colonnedouble #infosAnnonce table td{font-size: 1.2em;}
	.pedigree4 table, .pedigree3 table { border: 1px solid #ccc; width: 100%; }
	td.male, td.female, td.moi { border: 1px solid #ccc; padding: 5px; text-align: center; }
	td.male { background: #76a5d0; }
	td.female { background: #e6769a; }
	td.moi { background: #9cc57a; }
	.pedigree4 td { font-size: 0.9em; }
	
	#colonnedouble form {
		position: relative; margin: 0; padding: 0 0 1em 0;
		background: url(../images/f-form-red2.png) no-repeat left bottom;
		width: 460px; font-size: 1.4em;
		color: white;
	}
	#colonnedouble form fieldset { 
		/*background: url(../images/fieldset-annonces.png); */
		background: url(../images/f-fieldset-red2.png) no-repeat left top;
		border: none; margin: 0; padding: 12px;
	}
	#colonnedouble form fieldset h4{
		font-weight: bold;  margin: 0 0 0.5em 0; 
		font-family: Verdana, Geneva, sans-serif;
	}
	#colonnedouble form fieldset strong{display: inline-block; width: 10em; font-weight: normal;}
	#colonnedouble form fieldset a{color: white; }
	#colonnedouble form fieldset a:hover{ text-decoration: underline;}
	#colonnedouble form legend { margin: 2em 0 0 0; *margin: 1em 0 0 -0.5em; padding: 0;}
	#colonnedouble form p.btnsend button {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0 5px;
		border: none;
		width: 283px; 
		height: 34px;
		font-size: 0.8em;
		color: #990000;
		font-weight: bold;
		cursor:pointer;
		background: url(../images/f-btn-dsubmit.png) no-repeat 0 0; 
	}
	#colonnedouble #infosDePaiment ul {position: relative; list-style: none; margin: 0; padding: 0;}
	#colonnedouble #infosDePaiment li {padding: 0.3em 0; border-bottom: 1px solid #d3d3d3;}
	/* colonne de droite */
	#colonnedroite table { margin: 0; }
	#colonnedroite #vendeur {
		 position: relative; margin: 26px 0 0 0; padding: 0; 
		 color: white; background: #535353;
	}
	#colonnedroite #vendeur a strong{ color: white; text-decoration: underline; font-weight: normal; }
	#colonnedroite #vendeur h4 { 
		background: black; color: white; font-weight: 2.4em; padding: 0.5em; 
	}
	#colonnedroite #vendeur img {padding: 0 0 0 3px; }
	#colonnedroite #geolocalisation h4 { font-size: 1em; margin: 0.5em 0; background: none; }
	#colonnedroite #autresVentes ul { position: relative; margin: 0; padding: 0; list-style: none; overflow: auto; }
	#colonnedroite #autresVentes li {clear: left; width: 230px;	}
	#colonnedroite #autresVentes li a { }
	#colonnedroite #autresVentes li a:hover { }
	#colonnedroite #autresVentes li a img { float: left; margin:5px 0 0 5px; border: 1px solid #b2b2b2; }
	#colonnedroite #autresVentes li span.titre a{
		display: block; color: black; width: 140px; margin: 0 0 0 90px; font-weight: bold;
		}
	#colonnedroite #autresVentes li span.prix { display: block; font-style: italic; float: right;}
	#colonnedroite #geolocalisation { margin-top: 0; border: 1px solid #595959; }
	#cartegoogle { margin: 0 -2px 0 0;  }
	#pubAnnonce { border-bottom: 1px solid #9a0000;  }
	#pubAnnonce img { border:none; }
	
	/* bande ami, précédente, suivante */
	ul#liensAnnonce {
		position: absolute; 
		top: 0; right: 0;
		margin: 0; padding: 0; width: 244px; height: 37px;
		background: white url(../images/f-bouton.png) no-repeat -2px 35px;
	} 
	ul#liensAnnonceBas {		
		position: absolute; bottom: 18px; right: 6px; height: 74px;
		margin: 0; padding: 0;
		background: white; width: 238px;
	}
	ul#liensAnnonce li, ul#liensAnnonceBas li { 
		display: inline;
		float: left;
		margin: 0 0 7px 0; padding: 0;
	}
	ul#liensAnnonce li a, ul#liensAnnonceBas li a { 
		position: relative; display: block; width: 40px; height: 32px; 
	}
	ul#liensAnnonce li.annoncePrecedente a,
	ul#liensAnnonceBas li.annoncePrecedente a{ 
		background-image: url(../images/toolbar.png);
		margin: 0 0 0 9px;
		width: 32px;
		background-position:  -9px 0;
	}
	ul#liensAnnonce li.annoncePrecedente a:hover,
	ul#liensAnnonceBas li.annoncePrecedente a:hover { 
		background-position:  -9px -37px; 
	}
	ul#liensAnnonceBas li.annoncePrecedente a{margin: 0 0 0 8px;}
	ul#liensAnnonce li.annonceSuivante a,
	ul#liensAnnonceBas li.annonceSuivante a { 
		background-image: url(../images/toolbar.png);
		margin: 0 0 0 5px;
		width: 32px;  
		background-position:  -46px 0px; 
	}
	ul#liensAnnonce li.annonceSuivante a:hover,
	ul#liensAnnonceBas li.annonceSuivante a:hover {  
		background-position:  -46px -37px; 
	}	
	ul#liensAnnonce li.suivre a,
	ul#liensAnnonceBas li.suivre a { 
		background-image: url(../images/toolbar.png);
		margin: 0 0 0 12px;
		width: 72px;  
		background-position:  -90px 0px; 
	}	
	ul#liensAnnonce li.suivre a:hover,
	ul#liensAnnonceBas li.suivre a:hover {  
		background-position:  -90px -37px; 
	}
	ul#liensAnnonce li.aUnAmi a,
	ul#liensAnnonceBas li.aUnAmi a { 
		background-image: url(../images/toolbar.png);
		margin: 0 0 0 5px;
		width: 72px;  
		background-position:  -167px 0px; 
	}
	ul#liensAnnonce li.aUnAmi a:hover,
	ul#liensAnnonceBas li.aUnAmi a:hover {  
		background-position:  -167px -37px; 
	}
	ul#liensAnnonceBas li.facebook{ margin:  0 0 0 89px;}
	ul#liensAnnonceBas li.facebook a { 
		background-image: url(../images/toolbar.png);
		margin: 0;
		width: 72px;  
		background-position:  -239px 0px; 
	}
	ul#liensAnnonceBas li.facebook a:hover {  
		background-position:  -239px -37px; 
	}
	ul#liensAnnonceBas li.twitter a { 
		background-image: url(../images/toolbar.png);
		margin: 0 0 0 3px;
		width: 74px;  
		background-position:  -314px 0px; 
	}
	ul#liensAnnonceBas li.twitter a:hover {  
		background-position:  -314px -37px; 
	}	
	ul#liensAnnonce li a span,
	ul#liensAnnonceBas li a span,
	p#abus a span { position: absolute; top: 0; left: -999em;  }
	p#abus a{
		display: block; width: 229px; height: 32px;
		margin: 0 0 0 5px; 
		background-image: url(../images/abus.png);
	}
	p#abus a:hover{
		background-position:  0px -32px;
	}
	#blocDeco{
		position: absolute;
		bottom: 0; left:0;
		margin: 0 0 0 -1px;
		width: 100%;
		height: 20px;
		background: url(../images/form-annonces2.png) no-repeat left bottom;
	}
	/* ZONE QUESTIONS */
	#questionsPourAnnonce {  }
	#questionsPourAnnonce h3 { font-size: 1.5em; color: #9a000; }
	#questionsPourAnnonce form { 
	position: relative; margin: 0; padding: 0; background: none; width: 459px; }
	#questionsPourAnnonce form fieldset { background: none; }
	#questionsPourAnnonce form.cmxform label { width: 9em; }
	#questionsPourAnnonce form.cmxform fieldset li { padding: 0; }
	
	#questionsPourAnnonce ul#questions { position: relative; margin: 1em; padding: 0; list-style: none; }
	#questionsPourAnnonce ul#questions li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #f5f5f5; }
	#questionsPourAnnonce ul#questions li strong { color: #999; font-size: 1.2em; }
	
	
	/* FORM DE MODIF DE L'ANNONCE */
	#modifAnnonce { border: 1px solid #f5f5f5; padding: 10px; width: 469px; }
	#modifAnnonce h3 {padding: 0 0 0 10px; font-size: 1.6em; font-weight: normal; color: #9a0000; background: url(../images/puce-rouge.png) no-repeat left center; }
	#modifAnnonce p { }
	#modifAnnonce form { }


	#previewJournaux h1 { 
		position: relative;
		padding-left: 5px; margin: 0;
		height: 37px; line-height: 37px; width: auto;
		background: url(../images/f-h1-annonce.png) no-repeat;
		font-size: 1.4em; font-weight: bold; color: #9a0000;
		z-index: 2;
	}
	#previewJournaux h1 span { position: relative; padding: 0.7em 1.5em 0.7em 0.5em; background: url(../images/f-h1-annonce-fin.png) no-repeat right top; }

	#previewJournal .deco{
		height: 5px;
		background: url(../images/f-annonce-prixetdate.png) no-repeat;
	}
	#previewJournal {
		position: relative; margin: 0; padding: 0 6px 8px 0;
		background: url(../images/form-annonces.png) no-repeat left bottom;
	}
	#previewJournal p, #previewJournal h3 {
		position: relative; margin: 0; padding: 10px;
		background: url(../images/bloc-annonce.png) no-repeat;
	}
	#previewJournal a img {
		margin-left: 10px; 
	}
}

@media print {
}