@CHARSET "UTF-8";
@font-face {
    font-family: avantGarde;
    src: url(../fonts/avgardm-webfont.eot);
}

@font-face {
	font-family: avantGarde;
	src: url(../fonts/Avgardm.ttf);
}

@media screen {
	body { background: #f5f5f5; margin: 0; padding: 0; text-align: center; color: black; font-size: 10px; font-family: "Verdana","Arial","Sans-serif";  }
	
	#global { position: relative; margin: 0 auto; width: 980px; background: white; text-align: left; font-size: 1em; }
	
	#entete { position: absolute; top: 0; left: 0; width: 980px; height: 225px; background: white url(../images/f-entete.jpg) no-repeat; }
	#entete h1 { position: absolute; top: 14px; left: 30px; margin: 0; }
	#entete h1 a { position: relative; display: block; width: 410px; height: 105px; background: url(../images/logo.jpg) no-repeat; }
	#entete h1 a span, #entete h2 { position: absolute; top: 0; left: -999em;}
	#entete #visuel { }
	
	/* ENCART PUB */
	#entete #pub {
		position: absolute;
		top: 27px;
		right: 9px;
		text-align: right;
		overflow: hidden;
		background: url(../images/f-pub.png) no-repeat left top;
	}
	#entete #pub a {position: relative; display: block; padding: 0 0 0 15px; background: url(../images/t-pub.png) no-repeat 4px bottom; }
	#entete #pub a img{ border: 1px solid black; }
	
	/* CONTENU */
	#contenu { position: relative; margin: 0 0 10px 0; padding: 225px 0 0 0; 
	/*background: white url(../images/f-colonne.png) no-repeat left bottom;*/
	 }
	
	/*	COLONNES */
	/*	colonne gauche */
	#colonne { position: relative; float: left; margin: 0 10px 0 0; padding: 0 1px; width: 218px; }
	/* colonne droite */
	#colonnedroite { position: relative; float: left; width: 220px; overflow: hidden; }
	/* colonne double */
	#colonnedouble { position: relative; float: left; width: 500px; margin-right: 10px; }
	
	#PartiePrincipale { position: relative; float: left; width: 750px;  }
	
	/*	GENERAL */
	.leon { clear: both; }
	.btnsend input, a.btnsend {
		position: relative; display: block;
		margin: 0 auto;
		width: 198px; height: 20px; line-height: 20px;
		font-weight: bold;
		color: #900;
		background: url(../images/f-btn-send.png) no-repeat;
		border: none;
		cursor: pointer;
		text-decoration: none;
		text-align: center;
	}
	.becarefull { position: relative; border: 2px solid red; background: white; margin: 1em 0; padding: 1em; font-size: 1.2em; color: red; text-align: center; } 
	}
	a.ajoutDate, a.edition, a.relanceAnnonce, a.supprimer, a.voirAlerte, a.supprAlerte { display: block; width: 16px; height: 16px;  background-repeat: no-repeat; }
	a.ajoutDate span, a.edition span, a.relanceAnnonce span, a.supprimer span, a.voirAlerte span, a.supprAlerte span { position: absolute; left: -999em; top: 0; }
	a.voirAlerte { background-image: url(../images/picto-voir.png); }
	a.supprimer, a.supprAlerte { background-image: url(../images/picto-supprimer.png); }
	a.relanceAnnonce { background-image: url(../images/picto-relancer.png); }
	a.edition { background-image: url(../images/picto-editer.png); }
	a.ajoutDate { background-image: url(../images/picto-ajoutDate.png); }
	ul.listePictos { margin: 0; padding: 0; }
	ul.listePictos li { display: block; float: left; margin-left: 0.5em; }
	
	.fichiersJoints a { font-size: 1.5em; font-weight: bold; margin-top: 5px; }
	.finAnnonce span { font-size: 1.5em; font-weight: bold; margin-top: 5px; }
	p.finAnnonce { font-size: 1.5em; font-weight: bold; margin-top: 5px; }
	
	
	#PartiePrincipale h1 { margin: 0 0 1em 0; font-size: 1.8em; font-weight: normal; color: #9a0000; }
	#PartiePrincipale a { color: #9a0000; text-decoration: underline; }
	#PartiePrincipale a { text-decoration: none; }
	
	#colonne #rubriqueALaUne {
		background: #f3f2da; 
		border: 1px solid #cccc33;
		width: 238px;
		margin: 10px;
	}
	#colonne #rubriqueALaUne h3 {
		width: 238px;
		margin: 0; padding: 5px 0;
		background: #cccc33;
		color: #333300;
		font-family: Verdana, Geneva, sans-serif; 
		font-size: 1.4em;
		font-weight: normal;
		text-align: center;
		
	}
	#colonne #rubriqueALaUne ul{
		position: relative; 
		margin: 0 0 10px 0;	padding: 0; 
		list-style: none; overflow: auto;
	}
	#colonne #rubriqueALaUne li{
		position: relative; 
		display: block;
		margin : 10px; padding : 10px 0; clear: left; 
		border-bottom: 1px solid #cccc33; overflow: auto;
	}
	#colonne #rubriqueALaUne li a img{
		border: 1px solid #CCCC33;
		padding: 1px;
		background: #e1e1d8;
	}
	#colonne #rubriqueALaUne ul li span.laPhoto{
		display: block; width: 90px; float: left; text-align: center;
	}
	#colonne #rubriqueALaUne ul li span.leTitre{font-size: 1.1em;}
	#colonne #rubriqueALaUne ul li span.leTitre,
	#colonne #rubriqueALaUne ul li span.valeur{
		display: block; float: left; width: 120px;
	}
	#colonne #rubriqueALaUne ul li span.valeur{
		font-weight: bold; margin: 5px 0 0 0; font-size: 1.2em;
	}
	#colonne #rubriqueALaUne ul li a {color: black; text-decoration: none;}
@media print {
}