/* Feuille de styles cree par Vincent */


/* Interface generale */
body, code, em, td, .champTexte, .listeDeroulante, #bodyPopup, #bodyCourriel {
	
	color: #000;
	font-size: 8pt;
	font-style: normal;
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	}
	
.champTexte, .listeDeroulante { 

	font-family: Arial, Helvetica, sans-serif; 
	}
	
body { 

	text-align: center; 
	line-height: 14px; 
	margin: 5px; 
	padding: 5px; 
	background-color: #fff; 
	}
	
code { 
	
	display: none; 
	}

form { 
	
	margin: 0px; 
	padding: 0px; 
	}

#contenant, #pieddepage, #contenantPopup, #contenantCourriel { 
	
	width: 740px; 
	margin: auto; 
	}

#contenant, #contenantPopup, #contenantCourriel {
	
	text-align: left;
	padding: 0px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 1px 2px 2px 1px;
	background-color: #cc9;
	}
	
#contenantCourriel { 
	
	width: 600px; 
	background-image: none; 
	}
	
#blocEntete {
	
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-color: #8c8c6b;
	}
	
#entete, #enteteCourriel {
	
	height: 66px;
	border-style: solid;
	border-color: #666;
	border-width: 0px;
	}
	
#entete p, #enteteCourriel p {
	
	color: #fff;
	font-size: 220%;
	font-weight: bold;
	font-family: Georgia, Times, "times New Roman", serif;
	letter-spacing: 0.1em;
	line-height: 90%;
	margin: 0px;
	padding: 5px 0px 0px 40px;
	}
	
#entete small, #enteteCourriel small { 
	
	font-size: 40%; 
	font-style: normal; 
	}
	
#entete img, #entete a img { 
	height: 52px;
	}
	
#entete .compagnie {
	text-align: center;
	float: right;
	margin: 5px 20px 0px 0px;
	}

#entete .compagnie .compagnie_titre {
	display: block;
	text-align:center;
	color: #fff;
	margin: 0px 0px 6px 0px;
	}
	
#enteteCourriel { 
	
	text-align: left; 
	height: auto; 
	}

#colonneGauche { 
	
	text-align: left; 
	width: 150px; 
	float: left; 
	}
	
#colonneGauche img { 
	
	margin: 0px; 
	width: 150px; 
	}

#colonneDroite {
	
	margin: 0px 0px 0px 150px;
	padding-bottom: 0px;
	}
	
#contenu, #contenuPopup { 
	
	margin: 0px; 
	padding: 0px 0px 20px 0px; 
	}

#pieddepage, #pieddepagePopup { 
	
	color: #666; 
	font-size: 90%; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center; 
	line-height: 150%; 
	margin-top: 1px; 
	padding-top: 0px; 
	}
	
#pieddepage a, #pieddepagePopup a { 
	
	color: #666; 
	font-weight: bold; 
	text-decoration: underline; 
	}
	
#pieddepage a:hover, #pieddepagePopup a:hover { 
	
	color: #333; 
	text-decoration: none; 
	}

/* Menu */
#menu {

	font-family: Georgia, Times, "times New Roman", serif;
	text-align: left;
	letter-spacing: 0.1em;
	margin-top: 1px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 1px 1px 0px 0px;
	}
	
#menu a {
	
	color: #000;
	font-size: 105%;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 0px 0px 1px 0px;
	display: block;
	}
	
#menu a:hover { 
	
	color: #fff; 
	background-color: #8c8c6b; 
	}

/* Contenu general */
#contenu h1, #contenu h2, #contenu p, #contenu .formulaire, #contenu .boutonRecherche,
#contenu .resultat, #contenu .navigationSequentielle, #contenu #pageXdeY, #contenu .blocBoutonDetail,
#contenu #blocAutresProprietes, #partenaires {
	
	text-align: justify;
	letter-spacing: 0.1em;
	margin: 0px 60px 0px 45px;
	}
	
#contenu h1 {
	
	color: #a8001e;
	font-size: 170%;
	font-style: oblique;
	font-weight: bold;
	font-family: Georgia, Times, "times New Roman", serif;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
	margin-left: 40px;
	padding-top: 30px;
	border-style: dotted;
	border-color: #a8001e;
	border-width: 0px 0px 1px 0px;
	}
		
#contenu h2 {
	
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 8px;
	}
	
#contenu p { 
	
	padding-bottom: 15px; 
	}
	
#contenu a { 
	color: #a8001e; 
	text-decoration: underline; 
	}
	
#contenu p a:hover { 
	
	color: #a8001e; 
	text-decoration: none; 
	}

/* Page Details */
#details {

	text-align: center;
	margin: 0px 50px 15px 0px; /*50px*/
	padding: 0px; /*50px*/
	overflow: hidden;
	}
	
#details table { 
	
	width: 528px; /*430px*/ 
	margin-left: auto; 
	margin-right: auto; 
	}
	 
#details td { 
	
	width: 50%; 
	}
	
#details h3 {
	
	color: #000;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	margin: 30px 5px 5px 5px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 0px 0px 1px 0px;
	}
		
#details td p { 
	
	text-align: left; 
	margin: 0px; 
	padding: 0px 0px 10px 10px; 
	}

#photoPrincipale { 
	
	/*width: 528px;*/ /*430px*/ 
	}
	
#photoPrincipale { 
	
	/*height: 276px; */ /*237px*/
	border: 1px solid #8c8c6b; 
	background-position: center; 
	background-repeat: no-repeat; 
	}
	
.blocVente { 
	
	color: #8b0000;
	}

#blocPetitesPhotos { 
	
	margin: 20px auto auto auto; 
	border: 1px solid #8c8c6b; 
	background-color: #cc9; 
	}
	
#blocPetitesPhotos img { 
	
	width: 70px; 
	height: 41px; 
	}
	
#blocPetitesPhotos td { 
	
	width: 70px; 
	height: 41px; 
	padding: 8px; 
	}
	
#blocPetitesPhotos td div { 
	
	width: 70px; 
	height: 41px; 
	border: 1px solid #dd9; 
	background-color: #cc9; 
	display: block; 
	}

#photoPropriete { 
	
	margin-bottom: 25px; 
	}

#blocPhotos { 	

	width: 350px;
	border: 1px solid #f00; 
	margin: auto; 
	}

#petitesPhotos { 
	
	margin-top: 10px; 
	}
	
#petitesPhotos img { 
	
	width: 100px; 
	height: 52px; 
	}
	
#petitesPhotos a { 
	
	margin: 3px; 
	float: left; 
	}

/* Pages de resultats ( proprietes.html, resultats.html ) */
#contenu .resultat { 
	
	padding: 5px; 
	margin: 0px 60px; 
	border: 1px solid #8c8c6b; 
	background-color: #d9d999; 
	}
	
#contenu .resultat .appercuResultat { 
	
	position: absolute; 
	}
	
#contenu .resultat .appercuResultat .blocNouveau { 
	
	background: url(../images/interface/nouveau.png) no-repeat bottom center; 
	margin-top: 22px; 
	position: absolute; 
	}
	
#contenu .resultat .appercuResultat .blocVendu { 
	
	background: url(../images/interface/vendu.png) no-repeat bottom center; 
	margin-top: 22px; 	
	position: absolute; 
	}
	
#contenu .resultat .appercuResultat a { 
	
	display: block; 
	}
	
#contenu .resultat .descriptionResultat { 
	
	font-size: 95%; 
	}
	
#contenu .blocBoutonDetail { 
	
	text-align: right; 
	margin: 0px 0px 8px 0px; 
	padding-right: 60px; 
	}
	
#contenu .blocBoutonDetail .petitBouton { 
	
	color: #a8001e; 
	border-color: #d9d999 #8c8c6b #8c8c6b #8c8c6b; 
	background-color: #d9d999; 
	}
	
#contenu .blocBoutonDetail .petitBouton:hover { 
	
	color: #000; 
	border-color: #d9d999 #8c8c6b #8c8c6b #8c8c6b; 
	}

/* gestion des dimensions */
#contenu .resultat .appercuResultat, #contenu .resultat .appercuResultat .blocNouveau,
#contenu .resultat .appercuResultat .blocVendu, #contenu .resultat .appercuResultat a { 
	
	width: 100px; 
	height: 52px; 
	}
	
#contenu .resultat .descriptionResultat { 
	
	height: 75px; 
	}
	
#contenu .resultat .descriptionResultat { 
	
	padding-left: 115px; 
	}

#contenu #pageXdeY { 
	
	font-size: 105%; 
	font-weight: bold; 
	text-align: right; 
	}

#contenu .navigationSequentielle {
	
	color: #2c4079;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	margin: 0px 60px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 1px;
	}
	
#contenu .navigationSequentielle a, #contenu .navigationSequentielle span {
	
	color: #000;
	text-decoration: none;
	padding: 0px 8px;
	}
	
#contenu .navigationSequentielle span {
	
	color: #666;
	}
	
#contenu .navigationSequentielle a:hover { 
	
	color: #a8001e; 
	}

#contenu #blocAutresProprietes { 
	
	text-align: center; 
	margin-top: 20px; 
	}

/* Page des partenaires */
#partenaires h2 { 
	
	margin-left: 0px; 
	}
	
#partenaires div { 
	
	padding: 0px 0px 0px 10px; 
	border-style: solid;
	border-color: #ddd; 
	border-width: 0px 0px 1px 0px; 
	}
	
#partenaires div h3 { 
	
	font-size: 100%; 
	}

/* Formulaires */
.formulaire { 
	
	margin: 0px 50px; 
	border-style: solid; 
	border-color: #8c8c6b; 
	border-width: 1px 0px; 
	}
	
#contenuPopup .formulaire { 
	
	margin: 0px; 
	}
	
.formulaire td { 
	
	padding: 5px 10px; 
	}
	
.formulaire h1 {
	
	font-size: 130%;
	text-align: right;
	padding: 2px 10px;
	border-bottom: 2px solid #bbb;
	}
	
.formulaire .champTexte, .formulaire .listeDeroulante { 
	
	border: 1px solid #b5bcd1; 
	background-color: #fff; 
	}
	
.formulaire .champTexte { 
	
	padding: 2px 4px; 
	}

/* Calculette */
.caculetteTotal {

	border-style: dotted;
	border-color: #666;
	border-width: 1px 0px;
	background-color: #f1f2ff;
	}

/* Popups */
#bodyPopup { 
	
	margin: 10px; 
	overflow: hidden; 
	}
	
#contenantPopup { 
	
	width: auto ; 
	border-width: 1px; 
	}
	
#contenuPopup { 

	margin: 0px; 
	padding: 10px; 
	}
	
#messagePopup { 
	
	text-align: center; 
	}
	
#messagePopup p { 
	
	font-weight: bold; 
	margin: 0px; 
	padding: 25px 0px 25px 0px; 
	}
	
#pieddepagePopup { 
	
	width: auto; 
	}

/* Boutons */
#contenu .boutonFormulaire, #contenuPopup .boutonFormulaire, #contenu .petitBouton {

	color: #8c8c6b;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 2px 8px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 1px;
	background-color: #fff;
	text-decoration: none;
	}
	
#contenu .boutonFormulaire:hover, #contenuPopup .boutonFormulaire:hover, #contenu .petitBouton:hover { 
	
	color: #000; 
	border-color: #000; 
	}
	
#contenu .petitBouton { 
	
	font-size: 90%; 
	}

#contenu .boutonRecherche, .boutonsDetails {
	
	text-align: center;
	padding: 6px 0px;
	border-style: solid;
	border-color: #8c8c6b;
	border-width: 0px 0px 0px 0px;
	}
	
.boutonsDetails { 
	
	margin: 0px; 
	}

/* Messages d'erreur */
em { 
	
	color: #8b0000; 
	font-weight: bold; 
	}