*{
	margin:0; padding:0;
}
html{
	background:black url('../img/html_BG.jpg') repeat-x fixed top left;
	font-family:Arial, sans-serif;
	font-size:12px;
}
body{
	background:url('../img/body_shadow.png') repeat-y;
	margin:0 auto;
	width:1004px;
	padding:0 10px;
}
hr{
	font-size:0;margin:0;padding:0;
}
h3{
	margin:1em 0;
}
fieldset {
	text-align:right;
	margin:1em 0 1.5em 0;
	/*padding:.5em .5em .5em .5em;*/
}
fieldset legend{
	margin:1.5em 0 1em 0;color:blue;font-weight:bold;
}
fieldset div{
	width:100%;margin:2em 0 .5em 0;
}
a:link{
	color:blue;
}
a:visited{
	color:blue;
}
a:hover{
	color:purple;
}
a:active{
	color:blue;
}
#page{
	margin:0 ;padding:0;
	width:1004px;
	text-align:center;
	background-color:white;
}
div#banniere{
	width:100%;
	font-size:0;/* cette ligne et la suivante sont là pour régler un bug IE qui ajoute une marge*/
	margin:0;/* verticale au-dessous de la bannière*/
}
#banniere  img{
	width:1004px;
}
#contenu{
	margin:0 auto;
	padding:1em 1em 2.5em 1em;
	background-color:white;
	text-align:center;
}
#barre_session{
	margin:0 auto .5em 0;
	padding:.5em 1.5em;
	background-color:#eeeeee;
	text-align:center;
	border:1px solid black;
}
.barre_action_annonce_pro{
	width:80%;
	margin:0 auto .5em auto;
	background:#efefef;
	text-align:right;
	font-size:1.2em;
	line-height:1.5em;
}
#barre_visiteur{
	background:#eeeeee;
	border:1px solid black;
	font-size:1em;
	text-align:right;
	margin:0 0 3em 0;
	padding:.3em 1.5em .3em 1.5em;
}
#b_form_annonce{
	margin:1.5em auto;
	padding:1em 2em;
	background-color:#eeeeee;
	text-align:left;
	border:1px solid black;
	width:80%;text-align:center;
}
#b_form_annonce fieldset{
	text-align:left;
	margin:.5em 0 1em 0;
	padding:0 0 1em 0;
	background-color:#eeeeee;width:100%;
}
#b_form_annonce fieldset .bloc_saisie{
	text-align:right;
	width:50%;background:white;
}
#b_form_annonce input{
	text-align:center;
}
#b_form_annonce fieldset div table{
	width:95%;margin:0 auto;
}
textarea#longdesc{
	text-align:right;
	width:20%;
}
th{
	width:25%;
	vertical-align:top;
}
td{
	width:45%;
	vertical-align:top;
}
td.saisie{
	width:30%;vertical-align:top;
}
select{
	text-align:center;width:100%;
}
option{
	text-align:center;
}
div.flotteur_g{
	position:relative;
}
div.fond_resultat{
	background:#efefef;
	margin:1.5em 1.5em 0 1.5em;
	padding:0 0.5em 0;
}
div.b_info{
	margin:2em auto 1.5em auto;
	padding:0 0 5px 0;/* padding bas de dimension égale à l'image d'ombre qu'on veut afficher en bas */
	background:url('../img/sud.png') repeat-x bottom;
}
div.chapeau_1{
	padding:.3em .2em .3em .2em;
	background:fuchsia url('../img/north_shadow.png') repeat-x;
	color:white;
	font-variant:small-caps;
	font-weight:bold;
	font-style:italic;
	position:relative;
}
div.chapeau_1 img{
	width:16px;height:16px;
	margin:auto .5em auto 0;
	position:relative;
	top:.2em;
}
div.chapeau_1 span{
	font-size:1.2em;
}
div.feuille_1{
	padding:1.5em 1.5em 1em 1.5em;
	background:#eeeeee;
	font-size:.8em;
	border-top:3px double black;
	border-bottom:1px solid black;
}
div.feuille_1 p{
	margin:0 0 1em 0;
	text-align:center;
	text-indent:1em;
}
div.infolien{
	text-align:right;
	padding:.5em;
}
div.infolien img{
	width:16px;height:16px;
	margin:auto .5em auto 0;
	position:relative;
	top:.2em;	
}
div.infolien a{
	margin:0 1.5em 0 .5em;
	font-weight:bold;
}
div.ligne_annonce{
	width:80%;
	margin:0 auto;
	/*border:1px solid black;*/
}
.titre_ligne_annonce{
	background-color:#6666ff;
	font-weight:bold;
	color:white;
	text-align:left;
	margin:0 0 2px 0;
	line-height:1.8em;
	padding:0 1em 0 3em;
	font-size:1.3em;
}
.titre_ligne_annonce_invisible{
	background-color:#dfdfff;
	font-weight:bold;
	color:white;
	text-align:left;
	margin:0 0 2px 0;
	line-height:1.8em;
	padding:0 1em 0 3em;
	font-size:1.3em;
}
.corps_ligne_annonce{
	text-align:left;
	background:white;
	border:1px solid gray;
	color:black;
	padding:10px 15px 8px 15px;
	margin:0 0 0 0;
}
.corps_ligne_annonce_invisible{
	text-align:left;
	background:white;
	border:1px solid silver;
	color:silver;
	padding:10px 15px 8px 15px;
	margin:0 0 0 0;
}
.image_recap_annonce{
	/*width:250px;*/
	background:yellow;
}
.texte_recap_annonce{
	/*width:40%;*/
	background:lime;
}
.corps_ligne_annonce img{
	width:150px;
	border:none;
	text-decoration:none;
}
.corps_ligne_annonce_invisible img{
	width:150px;
	border:none;
	text-decoration:none;
}
.corps_ligne_annonce .lien_boite{
	/*display:inline;*/
	margin:1.2em 0 0 2.5em;
	color:blue;
	font-size:1.4em;
}
.corps_ligne_annonce_invisible .lien_boite{
	/*display:inline;*/
	margin:1.2em 0 0 2.5em;
	color:silver;
	font-size:1.4em;
}
.corps_ligne_annonce .lien_boite a{
	display:inline;
	color:blue;
}
.corps_ligne_annonce_invisible .lien_boite a{
	display:inline;
	color:silver;
}
.bas_ligne_annonce {
	padding:0 1.5em .5em 0;
}
/* page de détail annonce */
.b_detail{
	margin:0 1em 2em 3em;
	padding:0;
	text-align:center;
	font-size:1.1em;
	text-indent:1.5em;
}
.flottant_g>.b_detail{
	margin:1.5em 1em 2em 3em;
}
.photo_detail_annonce{
	margin:.5em auto 1.5em auto;
	padding:0;
	width:350px;
	text-align:center;
	text-indent:-.2em;
}
.photo_detail_annonce img{
	width:350px;
	margin:0;
	padding:0;
}
.prevnext{
	margin:1em 0;
}
.b_detail_gauche{
	font-size:1em;
	padding:0;
	line-height:1.1em;
	float:left;
	background-color:white;
	font-weight:bold;
	text-align:left;
	text-indent:2.5em;
}
.b_detail_droit{
	font-size:1em;
	padding:0;
	line-height:1.1em;
	margin:0;
	text-align:left;
	background-color:white;
	font-style:italic;
}
.b_detail  h5{
	margin:0 0 0 50px;
	padding:0 2em 0 0;
	font-size:1.1em;
	line-height:1.8em;
	color:white;
	background-color:#6666ff;
	font-weight:bold;
	text-align:right;
	border-bottom:1px solid #ffffff;
}
.corps_detail{
	margin:0;
	padding:1em 0 .5em 0;
	background-color:white;
	border:1px solid #bb8888;
	border-bottom:2px solid #bb8888;
}
.corps_detail p{
	margin:0 0 .5em 0;
}
p.description_detail{
	margin:0;
	padding:.5em 2em;
	text-indent:0;
	text-align:justify;
	font-size:1.2em;
	line-height:1.4em;	
}
div#bienvenue{
	margin:3em auto 4em auto;
	/*padding:.5em 0;*/
	/* !!! c'est ce padding qui fait tout foirer sous IE666 */
	/*background:lime;*/
	font-size:20px;
}
div#bienvenue h2{
	font-size:20px;
	margin:0 auto 1em auto;
}
div#bienvenue p{
	font-size:14px;
	margin:.5em 20%;letter-spacing:.2ex;
}
div#b_choix_accueil{
	margin:0 auto 3.5em auto;
}
div#bloc_form_login{
	margin:0 auto;
	width:70%;
}
#form_login{
	margin:0;
	padding:0 1em;
	background-color:#eeeeee;
	/*border-bottom:3px double black;*/
	border-top:1px solid black;
	border-bottom:1px solid black;
}
#form_login fieldset{
	margin:1.5em auto;
	padding:1em 2em;
}
#form_login label{
	margin:0 0 0 1.1em;padding:0;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	font-variant:small-caps;
}
#form_login a{
	margin:0 1.1em 0 .3em;
	padding:0;
	font-size:1em;
	font-weight:bold;
}
#form_login input{
	margin:0 .5ex;
}
#bloc_form_login p{
	margin:0 0 7px 0;
	padding-bottom:0;
}
div#b_deco{
	background:#eeeeee;
	border:1px solid black;
	font-size:.8em;
}
img.img_form_annonce{
	width:235px;
	margin:0 auto;
}
.flottant_g{
	float:left;
}
.flottant_d{
	float:right;
}
.center{
	margin-left:auto;
	margin-right:auto;
}
.bas_droite{
	/*margin-bottom:.5em;*/
	text-align:right;
	width:100%;
}
.haut_droite{
	/*margin-bottom:.5em;*/
	text-align:right;
	position:relative;top:0;right:0;
}
.italique{
	font-style:italic;
}
.gras{
	font-weight:bold;
}
p.erreur{
	font-weight:bold;
	color:red;
	font-size:1.2em;
}
p.info{
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
}

/* Pied de Page */
#pied{
	background-color:fuchsia;
	border-top:1px solid black;
	font-size:.9em;
	text-align:center;
}