body {
	background: url('../images/fond-body.jpg') repeat;
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
}

.clear { clear: both;}

#haut {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	background-color: #c4c0be;
	}
	
#haut-bandeau-bleu {
	position:absolute;
	left:0px;
	top:100px;
	width:100%;
	height:32px;
	background: url('../images/bandeau-bleu.png') repeat-x;
	z-index: 20;
	}
	
#haut-bandeau-bleu-text {
	position:absolute;
	top:0px;
	float: left;
	margin: 10px 0px 0px 20px;  /*top, right, bottom, left*/
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	}
	
#haut-bandeau-bleu-text a {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
	
#haut-bandeau-bleu-text a:hover {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	text-decoration: underline;
	}
	
#voir-panier {
	float: right;
	margin: 10px 20px 0px 20px;  /*top, right, bottom, left*/
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	}
	
#voir-panier a {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
	
#voir-panier a:hover {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	text-decoration: underline;
	}

#logo-agence-portes-ocean-icon  {
	position:absolute;
	left:100px;
	top:145px;
	width:95px;
	height:84px;
}

#logo-agence-portes-ocean{
	position:absolute;
	left:210px;
	top:135px;
	width:652px;
	height:120px;
}

#illustration-agence-portes-ocean {
	position:absolute;
	left:725px;
	/*top:82px;*/
	top:10px;
	width:306px;
	height:212px;
	background: url('../images/illustration-portes-ocean.png') no-repeat;
	z-index: 40;
}

#papier-famile-agence-portes-ocean {
	position:absolute;
	left:801px;
	top:300px;
	width:426px;
	height:552px;
	background: url('../images/papier-famile.png') no-repeat;
}

/*--------------------MENU-------------------------*/


ul#menu  {
    background: transparent url(../images/menu_complet.png) no-repeat;
    position:absolute;
	left:100px;
	top:250px;
	width:627px;
	height:53px;
	z-index: 15;
}

 ul#menu, li#menu {
    list-style: none;  /* pas de style de puce pour les éléments de la liste */
    margin: 0;        /* pour mettre firefox et ie d'accord !!  */
    padding: 0;      /* pour mettre firefox et ie d'accord !!  */
}

ul#menu li {
    float: left;   /* les éléments sont placés en flottant à gauche */
}

ul#menu li a {
    display: block;      /* attention important !! les liens deviennent des blocs */
    height: 53px;  /* correspond à la hauteur de mon image, pour que le lien couvre toute la surface de l'image cf ci-dessus */
	}

#menu a#louer-acheter {
    width:196px;
	}
#menu a#vendre {
    width:86px;
	}
#menu a#financement{
	width:142px;
	}	
#menu a#news {
	width:67px;
	}
#menu a#contact {
	width:136px;
	}

	

ul#menu li a:hover {
    background: transparent url(../images/menu_complet.png) no-repeat top left;
	}

#menu a#louer-acheter:hover {
    background-position: -0px -61px;
	}
#menu a#vendre:hover {
    background-position: -196px -61px;
	}
#menu a#financement:hover {
    background-position: -282px -61px;
	}
#menu a#news:hover {
    background-position: -424px -61px;
	}
#menu a#contact:hover {
    background-position: -491px -61px;
	}
	
	
ul#menu li a.selected {
    background: transparent url(../images/menu_complet.png) no-repeat top left;
	}
	
#menu a#louer-acheter.selected {
    background-position: -0px -61px;
	}
#menu a#vendre.selected {
    background-position: -196px -61px;
	}
#menu a#financement.selected {
    background-position: -282px -61px;
	}
#menu a#news.selected {
    background-position: -424px -61px;
	}
#menu a#contact.selected {
    background-position: -491px -61px;
	}
	
	
a#btn_menu-panier  {
    background: transparent url(../images/btn-panier.png) no-repeat;
    position:absolute;
	left:750px;
	top:250px;
	width:141px;
	height:54px;
	z-index: 15;
}

a#btn_menu-panier:hover  {
    background: transparent url(../images/btn-panier-roll.png) no-repeat;
	cursor: hand;
}

a#btn_menu-panier.selected  {
    background: transparent url(../images/btn-panier-roll.png) no-repeat;
}

/*--------------------CAROUSEL-------------------------*/
.description {
	font-family: Verdana; font-size: 12px; color:#333333;
}
#flashcontent {
	position:absolute;
	left:0px;
	top:302px;
	width:820px;
	height:218px; /*224px;
	/*background: url('../images/fond-carousel.png') repeat-x;*/
	z-index: 80;
	text-align: left;
	margin: 0px 0px 0px 90px;
	padding:0px 0px 0px 60px;
	border-top: solid 2px #6b5e4d;
	border-bottom: solid 2px #6b5e4d;
	
	}
	
#carousel {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: center;
	}


/*--------------------Moteur de Recherche-------------------------*/
#recherche {
	position:absolute;
	float:left;
	left:0px;
	width:295px;
	height:790px;
	background-color: #DED7B4;
	/*
	opacity:0.7; 
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7;
	*/
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding:5px;
	z-index:81;
	}	

.recherche-texte-venteloc {
	text-align: center;
	font-size : 16px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	}	
	
#recherche hr {
	border: 1px solid #cccccc;
	}
	
#recherche .nom_recherche {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.radio {
    background : #DED7B4;
	font-size : 12px;
	border: 0px;
	}	

.rechercheInput {
    width: 179px;
	height : 32px;
	background : url("../images/recherche-input-fond.png") no-repeat;
	padding: 8px 10px;
	float: right;
	}

.rechercheInput input {
	background: #ded094;
    position: relative;
    border: 0px;
	font-size: 12px;
	width: 145px;
	color: #000000;
	}

.rechercheInput select {
	background : #ded094;
	position: relative;
	font-size : 12px;
	border: 0px;
	width: 160px;
	color: #000000;
}

#recherche .accordeon h3 {
	text-align: left;
	cursor: pointer;
}

#fleche-options {
	float: right;
	}

#recherche .accordeon div {
	text-align: left;
}

#recherche-valid {
	float: right;
	margin: 0px 0px 10px 0px;  /*top, right, bottom, left*/
	}
	
#recherche-texte-carte {
	text-align: center;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	}
	
.texte-bleu {
	color: #2a8cd6;
	}
	
/*SLIDER JQuery*/
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
#demo-frame > div.demo { padding: 10px !important; }
.layout-slider { margin-top: 20px; margin-bottom: 30px; width: 90%; margin-left:5px; margin-right:5px; }
.layout-slider-settings { font-size: 12px; padding-bottom: 10px; }		

/*--------------------ACCUEIL-------------------------*/

#accueil {
	position:absolute;
	left:100px;
	top:524px;
	width:800px;
	border: solid 0px black;
	}

#contenu-accueil {
	position:absolute;
	left:310px;
	width:550px;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding:5px;
	border: solid 0px black;
	z-index:50;
	}

#titre-accueil {
	position:relative;
	left:0px;
	top:0px;
	}
	
#titre-accueil img {
	margin-bottom: 5px;
	}
	
#texte-accueil {
	margin-bottom: 5px;
	margin-left: 10px;
	width:440px;
	}	
	
#coup-de-coeur-listing {
	position:relative;
	}

.coup-coeur-bien {
	border: solid 0px black;
	width: 540px;
	height: 150px;
	padding: 5px 5px 5px 5px;
	}
	
.coup-coeur-photo {
	position: relative;
	width: 188px;
	height : 130px;
	background : url("../images/fond-photo-liste-recheche.png") no-repeat;
	float: left;
	margin: 0px 5px 5px 5px;
	}
	
.coup-coeur-photo img {
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 10px;
	left: 10px;
	}
	
.bando-decouvrir {
	position: absolute;
	top: 76px;
	left: 0px;
	width: 115px;
	height : 24px;
	z-index:51;
	}
	
.vendu-mini {
	position: absolute;
	top: -2px;
	left: 80px;
	width: 93px;
	height : 93px;
	z-index:61;
	}
	
.listing-texte-bien {
	position: absolute;
	left: 210px;
	width: 315px;
	height : 150px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
.listing-bien-nom {
	font-size : 14px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;  /*top, right, bottom, left*/
	}

.listing-bien-ville {
	display:block;
	background : url("../images/listing-fond-marron.png") no-repeat;
	width: 176px;
	height : 14px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	margin: 20px 0px 0px 0px;  /*top, right, bottom, left*/
	}
	
.listing-bien-surface {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}
	

.listing-bien-tarif {
	display:block;
	background : url("../images/listing-fond-marron.png") no-repeat;
	width: 176px;
	height : 14px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	}
	
	
.listing-bien-presentation {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}	
	
.listing-bien-ref {
	position: relative;
	left: -150px;
	top: 130px;
	width: 188px;
	height : 20px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #595856;
	}
	
	
/*---------------------RECHERCHE---------------------------------------*/	
	
#recherche-bien {
	position:absolute;
	left:100px;
	top:303px;
	width:860px;
	border: solid 0px black;
	z-index:10;
	border-top: solid 2px #6b5e4d;
	}

#contenu-recherche {
	position:absolute;
	left:300px;
	width:550px;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding:5px;
	border: solid 0px black;
	z-index:50;
	}

#titre-recherche-page {
	position:relative;
	left:0px;
	top:0px;
	padding: 5px 0px 0px 10px; 
	}
	
#titre-recherche-page img {

	}
	
#recherche-listing {
	position:relative;
	}

.recherche-bien {
	border: solid 0px black;
	width: 540px;
	height: 150px;
	padding: 5px 5px 5px 5px;
	}
	
.recherche-photo {
	position: relative;
	width: 188px;
	height : 130px;
	background : url("../images/fond-photo-liste-recheche.png") no-repeat;
	float: left;
	margin: 0px 5px 5px 5px;
	}
	
.recherche-photo img {
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 10px;
	left: 10px;
	}
	
.bando-decouvrir {
	position: absolute;
	top: 76px;
	left: 0px;
	width: 115px;
	height : 24px;
	z-index:51;
	}
	
.listing-texte-bien {
	position: absolute;
	left: 210px;
	width: 315px;
	height : 150px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
.listing-bien-nom {
	font-size : 14px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;  /*top, right, bottom, left*/
	}

.listing-bien-ville {
	display:block;
	background : url("../images/listing-fond-marron.png") no-repeat;
	width: 254px;
	height : 14px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	margin: 20px 0px 0px 0px;  /*top, right, bottom, left*/
	}
	
.listing-bien-surface {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}
	

.listing-bien-tarif {
	display:block;
	background : url("../images/listing-fond-marron.png") no-repeat;
	width: 254px;
	height : 14px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	}
	
	
.listing-bien-presentation {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}	
	
.listing-bien-ref {
	position: relative;
	left: -150px;
	top: 130px;
	width: 188px;
	height : 20px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #595856;
	}	
	
#listing-num_page {
	text-align:center;
	width:100%;
	}
	
.img_navigation {
	margin-top: -5px;
	border: 0px;
	}
	
a.listing-num_page {
	background-color: #0d3962;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	}

a:hover.listing-num_page {
	background-color: #0d3962;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	padding: 4px;
	text-decoration: none;
	}
	
.listing-num_page_selected {
	background-color: #ffffff;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #0d3962;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	}
	
/*---------------------FICHE BIEN---------------------------------------*/	
	
#fiche-bien {
	position:absolute;
	left:100px;
	top:303px;
	width:860px;
	border: solid 0px black;
	z-index:10;
	border-top: solid 2px #6b5e4d;
	}
	
#btn-imprimer {
	position:absolute;
	left:350px;
	top:0px;
	width:75px;
	height:23px;
	z-index:10;
	}
	
#btn-imprimer img {
	border: solid 0px black;
	}
	
#btn-contactez-nous {
	position:absolute;
	left:430px;
	top:0px;
	width:113px;
	height:23px;
	z-index:10;
	}

#btn-contactez-nous img {
	border: solid 0px black;
	}	
	
#contenu-fiche {
	position:absolute;
	left:300px;
	width:550px;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding:20px 5px 0px 20px;
	z-index:50;
	}
	
.fiche-bien {
	border: solid 0px black;
	width: 540px;
	padding: 0px 5px 5px 5px;
	}

.fiche-texte-bien {
	position: absolute;
	left: 210px;
	width: 315px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#fiche-bien-nom {
	font-size : 24px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;  /*top, right, bottom, left*/
	}
	
#fiche-bien-sous-titre {
	font-size : 11px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;  /*top, right, bottom, left*/
	}
	
.bleu {
	color: #579dc9;
	}

#fiche-bien-presentation {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 10px 0px 10px 0px;  /*top, right, bottom, left*/
	text-align: justify;
	}
	

#gallery {
	position: relative;
	left: 0px;
	width: 540px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
#gallery ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: solid 0px black;
	padding-left: 0px;
	}
	
#gallery li {
	float:left;
	position: relative;
	width: 90px;
	height : 68px;
	background : url("../images/fond-photo-fiche-petite.png") no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	}
	
	
#gallery li img {
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 4px;
	left: 4px;
	}	
	
.fiche-grande-photo {
	position: relative;
	width: 366px;
	height : 271px;
	background : url("../images/fond-photo-fiche-grande.png") no-repeat;
	margin: 0px 5px 5px 0px;
	}
	
.fiche-grande-photo img {
	position: relative;
	margin: 0px 0px 0px 0px;
	top: 10px;
	left: 10px;
	}
	
.bando-vendu {
	position: absolute;
	top: -3px;
	left: 204px;
	width: 145px;
	height : 102px;
	z-index:51;
	}
	
	
#fiche-tableau-info {
	float: left;
	margin-left: 0px;
	width: 362px;
	}
	

	
.fiche-bien-fond-1 {
	display: block;
	width: 362px;
	height: 15px;
	background : url("../images/fond-texte-fiche.png") no-repeat;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	}
	
.fiche-bien-fond-2 {
	display: block;
	width: 362px;
	height: 15px;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}
	
#etiquette-energetique {
	position: relative;
	width: 250px;
	height : 229px;
	margin: 10px 5px 5px 0px;
	float: left;
	}
	
#etiquette-energetique img {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	}
	

#etiquette-energetique-texte-A {
	position: absolute;
	top: 22px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-B {
	position: absolute;
	top: 50px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-C {
	position: absolute;
	top: 78px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-D {
	position: absolute;
	top: 107px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-E {
	position: absolute;
	top: 135px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-F {
	position: absolute;
	top: 163px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-energetique-texte-G {
	position: absolute;
	top: 191px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}
	
	
#etiquette-gaz {
	position: relative;
	width: 250px;
	height : 229px;
	margin: 10px 5px 5px 0px;
	float: left;
	}
	
#etiquette-gaz img {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	}
	

#etiquette-gaz-texte-A {
	position: absolute;
	top: 22px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-B {
	position: absolute;
	top: 50px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-C {
	position: absolute;
	top: 78px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-D {
	position: absolute;
	top: 107px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-E {
	position: absolute;
	top: 135px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-F {
	position: absolute;
	top: 163px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}

#etiquette-gaz-texte-G {
	position: absolute;
	top: 191px;
	left: 204px;
	width: 45px;
	height : 15px;
	border: solid 0px white;
	z-index:51;
	color: white;
	}
	
	
.gauche {
	float: left;
	margin-left: 5px;
	}
.droite {
	float: right;
	margin-right: 5px;
	}
	

#ajouter-panier {
	float: right;
	width: 149px;
	height: 70px;
	border: solid 0px white;
	}
	
#fiche-num_page {
	text-align:center;
	width:100%;
	}
	
.img_navigation {
	margin-top: -5px;
	border: 0px;
	}
	
a.fiche-num_page {
	background-color: #0d3962;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	}

a:hover.fiche-num_page {
	background-color: #0d3962;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #ffffff;
	padding: 4px;
	text-decoration: none;
	}
	
.fiche-num_page_selected {
	background-color: #ffffff;
	width: 10px;
	height: 10px;
	font-size: 10px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #0d3962;
	padding: 2px 3px 2px 3px;
	text-decoration: none;
	}	
	
/*---------------------PAGE TEXTE--------------------------------*/
#page {
	position:absolute;
	left:20px;
	top:303px;
	width:800px;
	border: solid 0px black;
	z-index:50;
	}
	
#page-contenu {
	position:absolute;
	left:0px;
	top:0px;
	width:660px;
	height:700px;	
	/*background: url("../images/fond-page-texte-degrade.png") repeat-x;*/
	background: url("../images/fond-page.png") no-repeat;
	background-color: #ffffff;
	background-position: top;
	border: solid 1px #afa280;
	z-index:10;
	}
	
#page-contenu-cadre-texte {
	padding: 0px 10px 0px 10px;
	width:640px;
	height:700px;
	overflow: auto;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	text-align: center;
	}
	
#page-contenu-cadre-texte img {	
	border-style: solid; 
	border-color: black;
	}	
	
#page-menu {
	position:absolute;
	left:662px;
	top:0px;
	width:252px;
	height:560px;	
	background: url("../images/fond-menu-droite.png") no-repeat;
	background-color: #e2dddc;
	background-position: bottom center;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding: 0px;
	border: solid 0px black;
	border-top: solid 1px #afa280;
	border-right: solid 1px #afa280;
	border-bottom: solid 1px #afa280;
	z-index: 50;
	}
	
	
#page-menu h1 {
	font-size : 14px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	padding:0px 0px 0px 5px;
	}	
	
	
#page-menu ul {
	padding:0px 0px 0px 20px;
	list-style: none;
	margin:0px;
	}	
		

#page-menu li{
	font-size : 14px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin-top: 5px;
	}
	
#page-menu a {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #8c8a85;
	text-decoration: none;
	}

#page-menu a:hover {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	text-decoration: none;
	}
	
#bando-navigation {
	position: absolute;
	top: -3px;
	left: 106px;
	width: 149px;
	height : 87px;
	z-index:51;
	}
	
#texte-dyn {
	position: relative; 
	left: 0px;
	top: 5px;
	width:660;
	padding:5px;
	text-align: center;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}
	
#texte-dyn h1 {
	font-size : 16px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}

#table-vendre {
	text-align: center;
	position: relative; 
	left: 65px;
	top: 20px;
	width:537px;
	border: solid 0px black;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	text-align: center;
	}
	
#table-vendre tr td {
	border: solid 0px black;
	}

.rouge {
	color: red;
	}
	
/*---------------------FORMULAIRE---------------------------------------*/
input {
	background: #ffffff;
    border: solid 1px #cccccc;
	font-size: 12px;
	color: #8c8a85;
	}

select {
	background : #ffffff;
	font-size : 12px;
	border: solid 1px #cccccc;
	color: #8c8a85;
	}
	
textarea {
	background : #ffffff;
	font-size : 12px;
	border: solid 1px #cccccc;
	color: #8c8a85;
	}
	
/*---------------------PLAN DE SITE-------------------------------*/	
	
h2.plan-de-site {
	text-align: left;
	font-size : 14px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 0px;
    padding: 0;
	}
	
ul.plan-de-site {
	text-align: center;
	font-size : 12px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	list-style: none;  /* pas de style de puce pour les éléments de la liste */
    margin: -10px 0px 0px 0px;        /* pour mettre firefox et ie d'accord !!  */
    padding: 0;      /* pour mettre firefox et ie d'accord !!  */
	}
	

.plan-de-site a {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #8c8a85;
	text-decoration: none;
	}

.plan-de-site a:hover {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	text-decoration: none;
	}
		

/*---------------------BAS---------------------------------------*/

#bas-bandeau-page {
	position:absolute;
	top:1015px;
	left:0px;
	width:100%;
	height:91px;
	background-color: #dcd2ad;
	opacity:0.7; 
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7;
	border-top: solid 1px #01adf0;
	}	
	
#bas-bandeau-recherche {
	position:absolute;
	top:2160px;
	left:0px;
	width:100%;
	height:91px;
	background-color: #dcd2ad;
	opacity:0.7; 
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7;
	border-top: solid 1px #01adf0;
	}	
	
#bas-bandeau-accueil {
	position:absolute;
	top:2460px;
	left:0px;
	width:100%;
	height:91px;
	background-color: #dcd2ad;
	opacity:0.8; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	-khtml-opacity: 0.8;
	border-top: solid 1px #01adf0;
	}	
	
#bas-bandeau-fiche {
	position:absolute;
	top:1215px;
	left:0px;
	width:100%;
	height:91px;
	background-color: #dcd2ad;
	opacity:0.8; 
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	-khtml-opacity: 0.8;
	border-top: solid 1px #01adf0;
	}	
	
#bas-lien {
	position:relative;
	float: left;
	top:10px;
	left:20px;
	width:400px;
	height:20px;
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	}
	
#bas-lien a {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #8c8a85;
	text-decoration: none;
	}

#bas-lien a:hover {
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	text-decoration: none;
	}
	
#bas-copy {
	position:relative;
	float: right;
	top:10px;
	left:0px;
	width:400px;
	height:80px;
	font-size : 13px;
	FONT-WEIGHT: bold;
	font-family: arial,helvetica,sans-serif;
	color: #8c8a85;
	}
	
#bas-copy a {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	text-decoration: none;
	}

#bas-copy a:hover {
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #007ee2;
	text-decoration: underline;
	}
	
#bas-texte {
	position:relative;
	top:20px;
	left:20px;
	width:400px;
	height:30px;
	font-size : 12px;
	FONT-WEIGHT: normal;
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	}
