body {
	background-color: #FFFFFF;
	margin: 30px;
	padding: 0px;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	letter-spacing: normal;
	text-align: center;
	font-variant: small-caps;
}
/***********************************************************/
/* CSS pour les boutons */
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: bold;
}
/************************************************************/
/* CSS pour affichage d'une étoile pour champs obligatoires 
utilisé sur la page ImmoRecherche.php */
.etoile {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	vertical-align: superexposant;
}
/************************************************************/
.titre2 {
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3F0057;
	text-indent: 10pt;
	text-transform: uppercase;
}
/*********************************************************/
/* CSS pour les champs sur toutes les pages : pour aligner à gauche
ou à droite */
.champsGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;

	}

.champsGauche a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c277af;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	}
	
.champsDroite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	color: #000000;
	text-transform: uppercase;
	font-weight: normal;
}

.champsDroite a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	color: #c277af;
	text-transform: uppercase;
}
/********************************************************************/
/* CSS pour les données affichées dans les tableaux dynamique */
.champsMilieu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
}
/*************************************************************/
.champsTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	background-color: #3F0057;
	
}
/**********************************************************/
/** CSS pour l'affichage des messages : erreur ou confirmation */
.msgErreur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}
/************************************************************/
.champRetrait {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-indent: 20pt;
	text-transform: uppercase;
}

.champsMilieuNoUnderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-style: normal;
}
	.tdTitreRetrait {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #3F0057;
	text-align: left;
	text-indent: 25pt;
	line-height: 15px;
	text-transform: uppercase;
}
/********************************************************************************/
/* Création de style pour les fonctions de contrôle des champs de saisies
d'un formulaire   */
.fielderror {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.fieldreq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* Fin de création de style pour les fonctions de contrôle des champs de saisies
d'un formulaire   */
/*************************************************************/
/*  Pour la création de menu avec des onglets */
	#tabmenu {
	border-bottom: 2px solid black;
	margin: 12px 0px 0px;
	padding: 0px 0px 0px 10px;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: Aucune;
	padding: 2px;
}

	#tabmenu a, a.active {
	background: #FFFFFF;
	padding: 2px 15px 0px 15px;
	margin: 0px;
	text-decoration: none;
	border-top: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
}
/***************************************/
	#tabmenu a.OffreActive {
	background: #3f0057;
	color: #C5C6CA;
}
	#tabmenu a.OffreActive:hover {
	color: #ffffff;
}
	#tabmenu a.activeOffreActive {
	background: #ffffff;
	color: #3f0057;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.OffreModif {
	background: #4e036e;
	color: #C5C6CA;
}
	#tabmenu a.OffreModif:hover {
	color: #ffffff;
}
	#tabmenu a.activeOffreModif {
	background: #ffffff;
	color: #4e036e;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.OffreNouv {
	background: #560c79;
	color: #C5C6CA;
}
	#tabmenu a.OffreNouv:hover {
	color: #ffffff;
}
	#tabmenu a.activeOffreNouv {
	background: #ffffff;
	color: #560c79;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.OffreSus {
	background: #611384;
	color: #C5C6CA;
}
	#tabmenu a.OffreSus:hover {
	color: #ffffff;
}
	#tabmenu a.activeOffreSus {
	background: #ffffff;
	color: #611384;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.OffreFinValid {
	background: #793a93;
	color: #C5C6CA;
}
	#tabmenu a.OffreFinValid:hover {
	color: #ffffff;
}
	#tabmenu a.activeOffreFinValid {
	background: #ffffff;
	color: #793a93;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.MDPactive {
	background: #88006c;
	color: #C5C6CA;
}
	#tabmenu a.MDPactive:hover {
	color: #ffffff;
}
	#tabmenu a.activeMDPactive {
	background: #ffffff;
	color: #88006c;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
	#tabmenu a.MDPdesactive {
	background: #950076;
	color: #C5C6CA;
}
	#tabmenu a.MDPdesactive:hover {
	color: #ffffff;
}
	#tabmenu a.activeMDPdesactive {
	background: #ffffff;
	color: #950076;
	border-bottom: 2px solid #ffffff; 
}
/***************************************/
/* Contenu du tableau  */
	#content {
	font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFFFFF;
	padding: 10px;
	border-top: 2px Aucune black;
	color: #000000;
	text-transform: uppercase;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}
	#content th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #d9dadc;
	text-align: center;
	text-transform: uppercase;
	}
	
	#content th a {
	text-decoration: none;
	color: #333333;
	background-color: #d9dadc;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

	#content a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

	#content td.OffreFinValidSelect a:hover { 
	color:#000000
	

}
/* Fin de contenu du tableau 	 */
/*  Fin de création de menu d'onglets */
/********************************************************/
/* CSS pour la bordure des tableau : formulaire ou autre non dynamique */
#tableauExt {
	text-align: center;
	border: thin outset #3F0057;
	padding: 10em;
}
/******************************************************/
/* Tables affichant les offres qui peuvent être triés */
table.sortable {
border: 2px solid #3F0057;

}

table.sortable a {
	color:#000000;
	text-decoration: none;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

table.sortable a:hover {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
 }

table.sortable th {
	background-color:#c4c5c9;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

table.sortable td {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.sortable td a {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.sortable td a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* FIN du CSS des tables affichant les offres qui peuvent être triés */
/******************************************************/


.paragraph {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	font-variant: small-caps;
	color: #990000;
}
.champsPetit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
	font-style: normal;
	text-decoration: underline;
}
.champsTitreRetrait {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	text-indent: 50pt;
	text-align: left;
}

.show { display: block }
.hide { display: none } 
/*********************************************************/
/* CSS pour les deux champs de surface sur la page ImmoRecherhe.php */
.droite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	color: #000000;
	background-position: right;
	text-align: right;
}
.gauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	color: #000000;
	background-position: left;
	text-align: left;
}
/****************************************************/
.avertir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FF0000;
}


/*******************************************************/
/* MENU du site */
#menu_background {
	background-image: url(Images/menu_nav.gif);
	background-repeat: repeat;
}

#menu_background a:hover{
	color: #C5B5D9;
}

#menu_background a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #3F0057;
	text-decoration: none;
	text-indent: 8pt;
	letter-spacing: 0.1em;
	list-style-type: Aucune;
	cursor: hand;
	text-align: left;
	vertical-align: top;
}
/* FIN MENU du site */
/* Colonne contenant le contenu des pages php */
.content_background {
	background-color: #F7EEF7;

}
/***********************************************/
/* CSS utilisé pour affichage du texte sur les pages par exemple
d'accueil (index.php) et de règlement */
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
}

.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
	border: 1px solid #3F0057;
}
.text2 a {
	color: #3F0057;
}

.text2 ul a {
	color: #3F0057;
}

.text2 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
	
}
/*********************************************/
/* CSS pour les photos */
.photo {
	border: thin solid #A04885;
	background-position: center center;
}
/**********************************************/