/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

* {margin: 0; padding: 0; border: none; }
img { border: none; }

#main {
	background: transparent url(img/page_fd_repeat.png) center top repeat-y;
	position: relative; margin: 0 auto;
	width: 741px;
}

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body {
	background: transparent url(img/fd_repeat.jpg) left top repeat-x;
	font: 76%/1.2em "Trebuchet MS", "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

a, a:link, a:visited { text-decoration: none; color: #078205; }
a:hover { text-decoration: underline; }

#content a, #content a:link, #content a:visited { color: #E18E02; }
#content a:hover { color: #078205; }

h1 {
	background: transparent url(img/logo.png) center top no-repeat;
	position: absolute; top: 0; left: 10px;
	width: 282px; height: 111px;
	z-index:1;
}
	h1 a { display: block; width: 100%; height: 100%; }

h2 { }
h2.content-header {
	background: transparent url(img/centre_ht_titre.jpg) center top no-repeat;
    font: Gadget, "Trebuchet MS", "Dejavu Sans", sans-serif;
	width: 100%; height: 52px; line-height: 45px;
	color: #FFF; text-indent: 50px;
	}
h2.content-header img { margin-top: 8px; }
#sidebar h2 {
	font-size: 14px;
	background: transparent url(img/puce.gif) left center no-repeat;
	margin: 7px 0 2px; padding-left: 15px;
}
h3, legend { font-size: 16px; font-weight: bold; color: #E18E02; margin-bottom: 10px; }

.content-main, #nav-bien { color: #078205; }
.prix { font-size: 14px; font-weight: bold; color: #E18E02; }
.reponse_formulaire { color: red; }

/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

    fieldset, input, textarea, select, option { margin: auto; }

		legend { font-weight: bold; margin-bottom: 20px; }
		label { cursor: pointer; }

		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 30%; margin-right: 2%;
		}
		#content .forml,#content .champ_texte { border: inset 2px #ddd; }
		#content input.forml, textarea.forml, textarea.champ_texte { width: 60%; }
        #content select.forml { width: 40%; }
		#content button {
			margin-top: 1em; margin-left: 32%; padding: 1px 3px;
			background-color: #078205; color: #FFF;
		}

		#content .checkbox label { float: none; width: auto; }
		#content .checkbox input { margin-left: 32%; }

        #formulaire_calcul_mensualite_pret input.forml { width: 50%; }

/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { 
    background: transparent url(img/bouchon.jpg) left top no-repeat; 
    position: relative; width: 100%; height: 79px; }

	#nav ul { float: right; height: 100%; }
		#nav li { float: left; height: 100%; list-style-type: none; }

			#nav li a { display: block; height: 100%; }
			#nav-1 { background: transparent url(img/nav_presentation.jpg) top center no-repeat; width: 89px; }
			#nav-2 { background: transparent url(img/nav_services.jpg) top center no-repeat; width: 85px; }
			#nav-3 { background: transparent url(img/nav_financement.jpg) top center no-repeat; width: 113px; }
			#nav-4 { background: transparent url(img/nav_infod.jpg) top center no-repeat; width: 63px; }
			#nav-5 { background: transparent url(img/nav_contact.jpg) top center no-repeat; width: 99px; }
				#nav li a:hover, #nav li a.actif { background-position: 0 -79px; }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header {
	background: transparent url(img/bandeau.jpg) top center no-repeat;
	width: 710px; height: 189px;
	margin: 0 15px;
}

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content {
	background: transparent url(img/centre_repeat.jpg) center top repeat-y;
	float: left; margin-left: 15px; width: 521px;
}

	.content-header, .content-main, .content-footer { width: 500px; }
	.content-header { background: transparent url(img/centre_haut.jpg) center top no-repeat; width: 100%; height: 15px; }
	.content-main { width: 450px; margin: 0 15px 0 35px; }
	.content-footer {
		background: transparent url(img/centre_pied.jpg) center bottom no-repeat;
		clear: both; width: 100%; height: 15px;
	}

	.description-bien { float: right; width: 200px; }
	.description-bien-wide { float: right; width: 325px;  }

		#contactez-nous a { display: block; background: transparent url(img/contact_big.jpg) center top no-repeat; width: 233px; height: 33px; }
		.savoir a { display: block; background: transparent url(img/savoir_big.jpg) center top no-repeat; width: 233px; height: 33px; }
		#contactez-nous a:hover, .savoir a:hover { background-position: 0 -33px; }
		.description-bien-wide .savoir a { display: block; background: transparent url(img/savoir_small.jpg) center top no-repeat; width: 161px; height: 24px; }
		.description-bien-wide .savoir a:hover { background-position: 0 -24px; }


	#content p { margin: 0.7em 0; }
	#content ul { margin: 0.2em 0 0.2em 20px; }
	#content-main ul p { margin: 0.2em 0; }

	.spip_documents_left { float: left; margin-right: 15px; }
	.spip_documents_right { float: right; margin-left: 15px; }
	.spip_documents_center { display: block; text-align: center; }
	
	#confirmer {
		border:1px solid red;
		font-weight:bold;
		color:red;
	}

/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { float: right; margin-right: 15px; width: 190px; }
	#recherche-bien a {
		background: transparent url(img/recherche_bien.jpg) center top no-repeat;
		display: block; width: 100%; height: 74px;
	}
	#recherche-bien a:hover { background-position: 0 -74px; }

	#nav-bien { background: transparent url(img/menu_repeat.jpg) center top repeat-y; }
		#nav-bien div { padding: 0 25px; }

			#nav-bien ul {
				padding: 0 0 7px 20px;
				border-bottom: 1px solid #E18E02;
			}

			#nav-bien #nav-bien-haut { background: transparent url(img/menu_haut.jpg) center top no-repeat; padding-top: 15px; }
			#nav-bien #nav-bien-bas { background: transparent url(img/menu_bas.jpg) center bottom no-repeat; padding-bottom: 35px; }

	#proposition-bien a {
		background: transparent url(img/proposer_bien.jpg) center top no-repeat;
		display: block; width: 100%; height: 62px;
	}
	#proposition-bien a:hover { background-position: 0 -62px; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer {
    clear: both;
	background: transparent url(img/pied.png) center bottom no-repeat;
    position: relative; margin: 0 auto;
    height: 59px; width: 741px;
}

	#footer #legal {
		position: absolute; top: 0; left: 35px;
		display: block; width: 125px; height: 15px;
	}

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both; height: 10px; }
.left { float: left; }
.right { float: right;}
.jeremy, #content p.jeremy { margin-top: 15px; margin-bottom: 15px; }
.filet-jaune { background: transparent url(img/filet_jaune.jpg) center top no-repeat; width: 741px; height: 11px; }
.center { text-align:center; }

/* ----------------------------------------------------------------- */