body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e9e9ed;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: left;
}

body.photo 
{
}
    
.twoColFixLtHdr #container {
	width: 100%;
	min-width: 1000px;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
    
.twoColFixLtHdr #header {
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    border-bottom-width: thin;
    background-color: #e9e9ed;
    width: 100%;
    min-width: 800px;
    height: 110px;
} 
    
.twoColFixLtHdr #header h1 {
    margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
    padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}

.twoColFixLtHdr #page_milieu {
	min-height: 360px;
	width: 1000px;
	float: left;
}

.twoColFixLtHdr #milieu_gauche 
{
    display:none;
}

.twoColFixLtHdr #milieu_droite {
	padding-left: 20px;
	padding-top: 20px;
	width: 100%;
	height: 430px;
}


    
.twoColFixLtHdr #footer {
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-top-width: thin;
    background-color: #e9e9ed;
    width: 100%;
    min-width: 750px;
    height: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2e2a6e;
	font-style: italic;
}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.centre 
{
    text-align:center;
}

.titre_haut {
	font-weight: bold;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
	float: left;
	padding-top: 15px;
	width:750px;
	background-color: #e9e9ed;
	text-align:center;
}

.titre_haut2 {
	font-weight: bold;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
	float: right;
	padding-top: 15px;
	background-color: #e9e9ed;
	padding-right: 15px;
}

.texte_coordonnees {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #4f4f51;
	border-right-color: #4f4f51;
	border-bottom-color: #4f4f51;
	border-left-color: #4f4f51;
	display: block;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #2e2a6e;
}

.texte_pages {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #e9e9ed;
	border-right-color: #e9e9ed;
	border-bottom-color: #e9e9ed;
	border-left-color: #e9e9ed;
	display: block;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	background-color: #ebf5eb;
	width: 630px;
	float: none;
	margin-left: 20px;
}

.liste_offre {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	display: block;
	padding: 10px;
	border-top-width: 1px;
	width: 650px;
	color: #FFFFFF;
}

.liste_offre_roll {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: solid;
	border-top-color: #e9e9ed;
	display: block;
	padding: 10px;
	border-top-width: 1px;
	width: 650px;
	background-color: #ebf5eb;
	cursor:pointer;
	color: #000000;

}

.detail_bien {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 650px;
	color: #FFFFFF;
}

.texte_coordonnees span {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #89001e;
}

a:link {
	color: #e9e9ed;
}

a:visited {
	color: #e9e9ed;
}

a:hover {
	color: #f64b0f;
}

a:active {
	color: #e9e9ed;
} 

.twoColFixLtHdr #footer a{
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
	color: #2e2a6e;
	text-decoration: none ;
}

.twoColFixLtHdr #footer a:hover{
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align: center;
	color: #f64b0f;
	text-decoration: none ;
}

a:link.lien_blanc{
	color: #FFFFFF;
	text-decoration: none ;
}

a:visited.lien_blanc{
	color: #FFFFFF;
	text-decoration: none ;
}

a:active.lien_blanc{
	color: #FFFFFF;
	text-decoration: none ;
}

a:hover.lien_blanc{
	color: #f64b0f;
	text-decoration: none ;
}

a:link.lien_couleur{
	color: #2e2a6e;
	text-decoration: none ;
}

a:visited.lien_couleur{
	color: #2e2a6e;
	text-decoration: none ;
}

a:active.lien_couleur{
	color: #2e2a6e;
	text-decoration: none ;
}

a:hover.lien_couleur{
	color: #f64b0f;
	text-decoration: none ;
}

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 170px ;
	line-height: 25px ;
	color: #000 ;
	text-indent: 30px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(images/triangle.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
}

ul#menu li a:hover {
	background: url(images/triangle_roll.jpg) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #9d9bbb;
}
	
bouton {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
	display: block;
	background-color: #F3D5CE;
	width: 150px ;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-decoration: none ;
}
	
bouton:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #F3D5CE;
	border-right-color: #F3D5CE;
	border-bottom-color: #F3D5CE;
	border-left-color: #F3D5CE;
	display: block;
	background-color: #DC9494;
	width: 150px ;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	color: #F3D5CE;
}

.agence {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.liste_biens_titre {
	background: url(images/fond_transparent.gif) ; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	width:670px;
	display: block;
	}

.Blanc_12_gras {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.blanc {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.gras {
	font-weight: bold;
}

.couleur {
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
}

.noir {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.rouge
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ff0033;
}

.couleur_12_gras {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
}

.couleur_16_gras {
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2e2a6e;
}

.noir_16_gras {
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.T12 {
	font-size: 12px;
	text-decoration: none;
}

.T14 {
	font-size: 14px;
	text-decoration: none;
}

.T18 {
	font-size: 18px;
	text-decoration: none;
}

h2 {
	padding-left: 40px;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #89001e;
	margin-top: 20px;
	margin-bottom: 20px;
}

.sans_soulignement {
	text-decoration:none;
	}

html {
	}
	
.lien_couleur a:link {
	color: #2e2a6e;
}

.lien_couleur a:visited {
	color: #2e2a6e;
}

.lien_couleur a:hover {
	color: #f64b0f;
}

.lien_couleur a:active {
	color: #2e2a6e;
}