@font-face {
	font-family: AgencyFB;
	src: url("/images/AGENCYR.eot"); /* EOT file for IE */
}

@font-face {
	font-family: AgencyFB;
	src: local("Agency FB"), url("/images/AGENCYR.TTF"); /* TTF file for CSS3 browsers */
}

body {
	margin: 0;
	height: 100%;
/*	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-size: 1em;
	color: #f6eed1;
	background-color: #3c3d36;
	background-image: url(images/page_bg.jpg);
	background-repeat: repeat-x;
}

a, a:link, a:hover, a:visited, label {
	color: #f6eed1;
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-width: 0.06em;
	border-bottom-color: #FFFFE6;
	cursor: pointer;
	cursor: hand;
}

a:hover {
	color: #322c19;
	background: #bec94d;
}

p, ul,
#rechercheDeBiensFormDiv, #demandeDeQuestionFormDiv td,
.offre, .projet,
#footerLinks {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

ul {
	list-style-type: circle;
}

li {
	margin-bottom: 0.5em;
}

h1 {
	font-weight: normal;
}


#navigationMenu ul,
#maisonCatalogNavbar ul,
#projetStepsNavbar ul,
.content-box1, .content-box1 p, .content-box1 ul, .content-box2 h1 {
	font-family: AgencyFB, Arial, Helvetica, sans-serif;
}

.content-box1 p, .content-box1 ul {
	font-size: 14pt;
	line-height: 1.1em;
}

.content-box1 ul {
	padding-left: 17px;
}

#canvasWrapper {
	width: 1000px;
	padding-top: 1em;
	overflow: hidden;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
/*	background-color: white;*/
}

#pageHeader {
	background-color: red;
	background: url("/images/page_header_bg_cec.jpg") no-repeat;
	height: 175px;
}

#navigationMenu {
	position: relative;
	top: 138px;
	left: 28px;
}

#controlsWrapper {
	position: relative;
}

#maisonCatalogNavbar,
#projetStepsNavbar,
#iconPreviousArrow, #iconNextArrow,
#iconMagnifier, #iconPlan, #iconPlan2,
#projetsSectionTitle {
	position: absolute;
}

#maisonCatalogNavbar, #projetStepsNavbar {
	top: -43px;
}

#iconPreviousArrow, #iconNextArrow  {
	top: 9.5em;
}

#iconPreviousArrow  {
	left: -4em;
}

#iconNextArrow, #iconMagnifier, #iconPlan, #iconPlan2 {
	left: 51em;
}

#iconMagnifier {
	top: 1em;
}

#iconPlan  {
	top: 20em;
}

#iconPlan2 {
	top: 16em;
	display: none;
}

#projetsSectionTitle {
	top: 370px;
	left: 0;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 100%;
}

/*#iconPreviousArrow a, #iconNextArrow a,
#iconMagnifier a, #iconPlan a, #iconPlan2 a,*/
.icon a {
	display: block;
	border: none;
	text-indent: -1000em;
	overflow: hidden;
	background: url("/images/icons.png") no-repeat scroll;
	background-color: transparent!important;
}

.ficheDownloadIcon {
	position: relative;
	left: -601px;
	top: -2px;
	overflow: hidden;
}

.ficheDownloadIcon a {
	background-position: -120px 0px;
	width: 44px;
	height: 60px;
}

#iconPreviousArrow a {
	background-position: 0px 0px;
	width: 40px;
	height: 40px;
}

#iconNextArrow a {
	background-position: -40px 0px;
	width: 40px;
	height: 40px;
}

#iconMagnifier a {
	background-position: -80px 0px;
	width: 40px;
	height: 40px;
}

#iconPlan a, #iconPlan2 a {
	background-position: 0px -40px;
	width: 50px;
	height: 40px;
}

#navigationMenu ul, #maisonCatalogNavbar ul, #projetStepsNavbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigationMenu li, #maisonCatalogNavbar li, #projetStepsNavbar li {
	float: left;
	padding-right: 1.5em;
	background: url("/images/navigation_menu_separator.png") no-repeat;
	background-position: right 5px;
	margin-right: 0.5em;
	padding-right: 0.5em;
	font-size: 16pt;
}

#navigationMenu li a.selected {
/*	background: url("/images/navigation_menu_separator.png") no-repeat;*/
	color: #322c19;
	background: #bec94d;
}

#maisonCatalogNavbar li a.selected, #projetStepsNavbar li a.selected {
	color: #191916;
	background: #bec94d;
}

li.last {
	background: none !important;
}

#navigationMenu li a, #maisonCatalogNavbar li a, #projetStepsNavbar li a {
	border: none;
	-moz-border-radius: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

#maisonCatalogNavbar li, #projetStepsNavbar li {
	background: none;
	margin-right: 34px;
	font-size: 13pt;
}

#projetStepsNavbar li {
	background-image: url("/images/steps_arrow.png");
	background-position: right 4px;
	background-repeat: no-repeat;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 6em;
}

#projetStepsNavbar li.first {
	padding-left: 0;
}

#projetStepsNavbar li.last {
	padding-right: 0;
}

#maisonCatalogNavbar li a, #projetStepsNavbar li a {
	color: #8A7250;
}

#content {
	background-color: #191916;
	border: 20px solid #0f0f0e;
	padding-left: 96px;
	padding-top: 32px;
	padding-bottom: 32px;
	min-height: 100px; /* fix for IE 7 : without a min-height specified here, the background of the #content div is cut off*/
}

.content-box1, .content-box2 {
	float: left;
	min-height: 327px;
	padding-top: 1em;
	padding-bottom: 1em;
}

.content-box1 {
	background-color: #352f1b;
	background-image: url('/images/content_box1bg.jpg'); /* default background image, may me overridden by content */
	border: 1px solid #807a63;
	width: 179px;
	margin-right: 1.5em;
	padding-left: 15px;
	padding-right: 15px;
	-moz-border-radius: 4px;
}

.content-box2 {
	background-color: #322c19;
	background-image: url('/images/content_box2bg.jpg');  /* default background image, may me overridden by content */
	border: 1px solid #807a63;
	width: 504px;
	padding-left: 1em;
	padding-right: 1em;
}

.content-box1 h1 {
	color: #8a7250;
	font-size: 26pt;
	margin-top: -8px;
}

.content-box2 h1 {
	font-size: 20pt;
	margin: 0;
	margin-bottom: 0.5em;
}

#pageFooter {
	background-color: blue;
	background: url("/images/page_footer_bg.jpg") no-repeat;
	height: 175px;
}

#pageFooter div a {
	border: none;
}

#pageFooter div a:hover {
	background: none;
	border-bottom-style: dashed;
	border-bottom-width: 0.06em;
	border-bottom-color: #8a7250;
}

#footerLinks {
	font-size: 8pt;
	text-align: center;
	padding-top: 13em;
	text-shadow: 0px 0px 35px white;
}

#footerLinks, #footerLinks a {
	color: #8a7250;
}

#mentionLegalesContent {
	text-align: center;
	padding-top: 5em;
	background-color: #322C19;
	background-image: url("/images/content_box2bg.jpg");
	border: 1px solid #807A63;
	padding-left: 1em;
	padding-right: 1em;
	height: 268px;
}

.clearer {
	clear: both !important;
	height: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
}

#rechercheDeBiensFormDiv {

}

#rechercheDeBiensFormDiv .inputTypeSelect,
#rechercheDeBiensFormDiv .inputTypeText {
	font-size: 1em;
	border: solid 1px #51330d;
}

#rechercheDeBiensFormDiv .inputTypeSelect {
	width: 13em;
	height: 1.5em;
}

#rechercheDeBiensFormDiv .inputTypeSelect,
#rechercheDeBiensFormDiv .inputTypeText {
	background-color: #bec94d;
	color: #51330D;
	margin-bottom: 3px;
}

#rechercheDeBiensFormDiv .inputTypeSelect .sectionTitle {
	font-weight: bold;
}

#rechercheDeBiensSubmitButton.inputTypeSubmit {
	width: 100%;
	margin-top: 5px;
	padding-bottom: 5px;
	background-color: #bec94d;
	border-color: #d1f55d #aed923 #9cc21f #d1f55d;
	border-style: solid;
	border-width: 2px;
	color: #51330D;
	cursor: pointer;
	cursor: hand;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
}

/* Terrains / projets */

#listTerrainsDiv .content,
#listMaisonsDiv .content {
	padding-bottom: 200px;
}

/* anchors are hidden to avoid IE to add extra space */
.emptyAnchor {
	display: none;
}

.offre, .projet {
	margin-bottom: 0em;
	padding: 0.8em;
	cursor: pointer;
	cursor: hand;
	min-height: 12em;
	border: 4px solid transparent;
	background-image: none;
}

.offre:hover,
.projet:hover {
	background-image: url("/images/offre_bg_hover.png");
}

/* Modify some styles when we are in the summary screen */
#resultatProjetDiv .offre,
#resultatProjetDiv .projet {
	cursor: auto;
	padding: 0;
}

/* Modify some styles when we are in the summary screen */
#resultatProjetDiv .offre:hover,
#resultatProjetDiv .projet:hover {
	background-image: none;
}

/* Modify some styles when we are in the summary screen */
#resultatProjetDiv .offre a.photo img {
	width: 40%;
}

.offreSelected {
	border: 4px solid #BEC94D;
}

.offre a, .offre a img,
.projet a, .projet a img {
	border: none;
}

.offre a img,
.projet a img,
#resultatProjetDiv a img {
	border: 1px solid #807A63;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.projet a img {
	width: 40%;
}

.offre .titre, .offre .prix,
.projet .titre, .projet .prix,
#resultatProjetDiv .titre {
	font-family: AgencyFB;
	font-size: 18pt;
	margin-bottom: 0.5em;
}

#resultatProjetDiv .titre,
#resultatProjetDiv .budget {
	text-align: center;
}

.offre .titre,
.projet .titre {
	float: left;
}

.projet .titre {
/*	margin-top: -6px;*/
}

.offre .prix,
.projet .prix {
	float: right;
}

.projet .prix {
/*	margin-top: 0.5em;*/
}

.offre .prix {
	font-size: 12pt;
	letter-spacing: 0;
	line-height: 13px;
	margin-top: 0;
	position: relative;
	text-align: justify;
	top: 0;
	width: 77px;
}

.projet .prix {
	font-size: 18pt;
}

.offre .secteur {
}

.offre .codePostal {
	font-weight: bold;
}

.projet .description {
	margin-bottom: 1em;
}

.projet .rooms {
	font-size: 8pt;
	padding-left: 44%;
}

.offre .reference {
	float: left;
	font-size: 10pt;
	line-height: 10pt;
	margin: 0;
	margin-top: 0.5em;
}

.offre div.chooseTerrain,
.projet div.chooseProjet {
	-moz-border-radius: 4px;
	background-color: #BEC94D;
	color: #191916;
	display: block;
	float: right;
	padding: 2px;
	position: relative;
	cursor: pointer;
	cursor: hand;
}

.offre div.chooseTerrain {
	top: 0.2em;
}

.projet div.chooseProjet {
	top: 6em;
}

#resultatProjetDiv .terrainSummary,
#resultatProjetDiv .maisonSummary,
#resultatProjetDiv .summarySeparator {
	float: left;
	text-align: center;
	width: 42%;
}

#resultatProjetDiv .terrainSummary,
#resultatProjetDiv .maisonSummary {
	font-weight: bold;
}

#resultatProjetDiv .summarySeparator {
	padding-top: 75px;
	width: 15%;
	font-size: 30pt;
}

#resultatProjetDiv .terrainSummary img,
#resultatProjetDiv .maisonSummary img {
	width: 95%;
}

#resultatProjetDiv .budget {
	margin-bottom: 1em;
}

#projetPrintLink,
#projetContactLink {
	-moz-border-radius: 0px 0px 4px 4px;
	background-color: #BEC94D;
	position: relative;
	/*position: absolute;*/
	text-align: center;
	white-space: nowrap;
	height: 1.4em;
}

#projetPrintLink {
	left: -0.5em;
	/*left: 23em;*/
	width: 9em;
	top: -1em;
}

#projetContactLink {
	left: 17em;
	/*left: 40em;*/
	margin-bottom: -2em;
	top: -38px;
	width: 14em;
}

#projetPrintLink a,
#projetContactLink a {
	border: none;
	color: black;
}

#projetPrintLink a:hover,
#projetContactLink a:hover {
	border: none;
	background: none;
}

#demandeDeQuestionFormDiv td {
	vertical-align: top;
	white-space: nowrap;
}

#demandeDeQuestionFormId input, #demandeDeQuestionFormId textarea, #demandeDeQuestionFormId select {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #BEC94D;
	background-position: center center;
	border: 1px solid #51330D;
	color: #51330D;
	font-size: 1.1em;
	font-weight: bold;
	width: 14.5em;
}

#demandeDeQuestionFormId textarea {
	height: 4em;
	width: 26em;
}

.formEtapeTitre {
	font-size: 1.2em;
	padding-bottom: 20px;
	padding-top: 20px;
}

@media print {
.no-print {
	display: none;
}
}

.print-only {
	display: none;
}