* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	color: #8e9ae1;
}

a img {
	border: 0;
}

h1 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: italic;
	margin-top: 10px;
}

p {
	margin-top: 10px;
}


/********************/
/*** Menu         ***/
/********************/

#menu {
	background: #FFFFFF;
	width: 760px;
	height: 80px;
	margin: auto;
}

#menu .logo {
	float: left;
	width: 400px;
	height: 80px;
}

#menu .icone {
	float: right;
	margin-top: 20px;
	width: 80px;
	height: 60px;
	text-align: center;
	font-style: italic;
}
#menu .icone a {
	font-size: 90%;
	color: #999999;
}
#menu .icone a:hover {
	text-decoration: none;
	color: #8e9ae1;
}



/********************/
/*** Boutons      ***/
/********************/

a.bouton_vehicules {
	display: block;
	width: 350px;
	height: 100px;
	background: url(../images/bouton_vehicules.png) no-repeat;
}
a.bouton_vehicules:hover {
	background-position: 0 -100px; 
}
a.bouton_immobilier {
	display: block;
	width: 350px;
	height: 100px;
	background: url(../images/bouton_immobilier.png) no-repeat;
}
a.bouton_immobilier:hover {
	background-position: 0 -100px; 
}
a.bouton_equipements {
	display: block;
	width: 350px;
	height: 100px;
	background: url(../images/bouton_equipements.png) no-repeat;
}
a.bouton_equipements:hover {
	background-position: 0 -100px; 
}
a.bouton_emploi {
	display: block;
	width: 350px;
	height: 100px;
	background: url(../images/bouton_emploi.png) no-repeat;
}
a.bouton_emploi:hover {
	background-position: 0 -100px; 
}



/**********************/
/**********************/
/*** Page           ***/
/**********************/
/**********************/

#page {
	background: #FFFFFF;
	width: 760px;
	margin: 0 auto;
}

#page_1 {
	background: #fdc2b7;
	width: 760px;
	margin: 0 auto;
}

#page_2 {
	background: #b9c3f9;
	width: 760px;
	margin: 0 auto;
}

#page_3 {
	background: #f8f8b9;
	width: 760px;
	margin: 0 auto;
}

#page_4 {
	background: #c3fcb8;
	width: 760px;
	margin: 0 auto;
}

#accueil {
	clear: both;
	text-align: center;
}
#accueil1 {
	float: left;
	width: 380px;
	height: 100px;
	padding: 0px 0px 20px 0px;
}
#accueil2 {
	float: left;
	width: 380px;
	height: 100px;
	padding: 0px 0px 10px 0px;
}



/**********************/
/*** recherche      ***/
/**********************/

#recherche {
	width: 740px;
	padding: 10px 10px 0px 10px;
}
#recherche fieldset {
	padding: 5px 0px 5px 5px;
	margin-top: 5px;
}
#recherche .critere1 {
	float: left;
	margin-top: 9px;
	padding: 0px 5px 0px 0px;
	font-weight: bold;
}
#recherche .critere2 {
	float: left;
	margin-top: 4px;
	padding: 0px 40px 0px 0px;
	font-size: 90%;
	font-style: italic;
}
#recherche input, select, .bouton {
  padding: 1px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
}
#recherche select {
	width: 150px;
}
#recherche img {
	margin-top: 4px;
}
#recherche .exemple {
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
}
#recherche .invisible {
	margin-top: 0px;
	background: none;
	border: none;
	font-style: italic;
}
#recherche .radio {
	margin-top: 2px;
  vertical-align: -4px;
}
#recherche .prix {
	margin-top: 0px;
}
#recherche .options {
	font-weight: bold;
	font-style: italic;
}



/**********************/
/*** affiche          */
/**********************/

#affiche {
/*	background: #CCCCCC;*/
	width: 740px;
	padding: 10px;
}



/**********************/
/*** annonces       ***/
/**********************/

#annonces {
	width: 740px;
	padding: 10px;
}
#annonces .nb_annonces {
	float: left;
	width: 200px;
	margin-top: 8px;
}
#annonces .trier {
	float: right;
	width: 500px;
	text-align: right;
	font-size: 90%;
	font-style: italic;
}
#annonces a:hover {
	text-decoration: none;
	color: #999999;
}



/**********************/
/*** apercu_annonce ***/
/**********************/

#apercu_annonce {
	clear: both;
	background: #EEEEEE;
	border: 1px #999999 solid;
	margin-top: 10px;
}
#apercu_annonce .image {
	float: left;
	width: 64px;
	height: 48px;
	padding : 5px 10px 5px 5px;
	text-align: center;
}
#apercu_annonce h1 {
	float: left;
	width: 510px;
	font-size: 100%;
	font-weight: bold;
}
#apercu_annonce .prix {
	float: right;
	font-weight: bold;
	padding : 0px 5px 0px 0px;
}
#apercu_annonce .texte {
	float: left;
	width: 300px;
	font-style: italic;
}
#apercu_annonce .icone {
	vertical-align: -2px;
}
#apercu_annonce .localisation {
	clear: right;
	float: right;
	width: 250px;
}
#apercu_annonce .supprimer {
	clear: right;
	float: right;
	width: 50px;
}
#apercu_annonce .historique {
	clear: right;
	float: right;
	width: 250px;
	font-size: 75%;
	font-style: italic;
}
#apercu_annonce .fin {
	clear: both;
}
#apercu_annonce a:hover {
	text-decoration: none;
	color: #999999;
}



/**********************/
/*** annonce        ***/
/**********************/

#annonce {
	background: #EEEEEE;
	border: 1px #999999 solid;
	padding : 10px;
}
#annonce h1 {
	float: left;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
}
#annonce .prix {
	float: right;
	margin-bottom: 5px;
	font-weight: bold;
	padding : 0px 5px 0px 0px;
}
#annonce .texte {
	clear: left;
	float: left;
	width: 480px;
	padding : 10px 0px 0px 0px;
	font-style: italic;
}
#annonce .icone {
	vertical-align: -3px;
}
#annonce .localisation {
	clear: right;
	float: right;
	width: 220px;
}
#annonce .contact {
	clear: right;
	float: right;
	width: 220px;
}
#annonce .proprietes {
	clear: right;
	float: right;
	width: 220px;
}
#annonce .historique {
	clear: right;
	float: right;
	width: 220px;
	font-size: 80%;
	font-style: italic;
}
#annonce .image {
	clear: both;
	float: left;
	width: 640px;
	padding : 0px 0px 0px 0px;
	text-align: center;
}
#annonce .apercu_image {
	clear: right;
	float: right;
	width: 64px;
	padding : 5px 0px 0px 0px;
	text-align: center;
}
#annonce .fin {
	clear: both;
}
#annonce a:hover {
	text-decoration: none;
	color: #999999;
}



/**********************/
/*** infos          ***/
/**********************/

#infos {
	background: #DDDDDD;
	width: 740px;
	padding: 10px;
}
#infos a {
	color: #8e9ae1;
}
#infos a:hover {
	text-decoration: none;
	color: #999999;
}



/**********************/
/*** depot          ***/
/**********************/

#depot {
	background: #DDDDDD;
	width: 740px;
	padding: 10px;
}
#depot fieldset {
  padding: 5px;
	margin-top: 5px;
}
#depot label {
	clear: both;
	width: 170px;
	float: left;
	font-weight: bold;
	margin-top: 9px;
}
#depot label.facultatif{
	font-weight: normal;
}
#depot label.erreur {
	color: #C16769;
}
#depot label.facultatiferreur{
	font-weight: normal;
	color: #C16769;
}
#depot .message_erreur {
	font-size: 80%;
	font-style: italic;
	color: #C16769;
}
#depot .commentaire{
	margin-top: 5px;
	font-size: 90%;
	font-style: italic;
}
#depot .photo{
	float: left;
  padding: 0px 0px 0px 5px;
	margin-top: 5px;
}
#depot input, textarea, select, .radio {
  padding: 1px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
}
#depot select {
	width: 200px;
}
#depot .radio {
  vertical-align: -3px;
}
#depot .aligner {
  vertical-align: top;
}
#depot li {
	margin-top: 10px;
}
#depot a {
	color: #8e9ae1;
}
#depot a:hover {
	text-decoration: none;
	color: #999999;
}



/********************/
/********************/
/*** Bas          ***/
/********************/
/********************/

#bas {
	width: 760px;
	margin: 0 auto;
	border-top: 1px solid #999999;
}
#bas .copyright {
	font-size: 80%;
	color: #999999;
}
#bas a {
	font-size: 80%;
	color: #999999;
}
#bas a:hover {
	color: #999999;
}



.centrer {
	text-align: center;
}