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

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

#main {
	margin: 0 auto;
	width: 1000px;
}

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

body { 
	font: 11px/1.4em Arial, "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

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

h1 { 
	position: absolute;
	top: 60px; right: 0;
	width: 300px; height: 80px
}

	h1 a { display: block; width: 100%; height: 100%; }

h2 { 
	font: 18pt "Gill Sans Light", Arial, "Dejavu Sans", sans-serif; 
	text-align: left; text-transform: uppercase;
	color: #19649E; 
}
h3.offre { 
	font: 12pt "Gill Sans Light", Arial, "Dejavu Sans", sans-serif; 
	text-align: left; text-transform: uppercase;
	color: #19649E; 
}
hr {
	height: 1px;
	margin: 5px 0 10px 0;
	padding: 0;
	color: #19649E;
	background-color: #19649E;
	border: 0;
	clear:both;
}

	#nav-left h2, #nav-right h2 { 
		font: 12px/38px Arial, "Dejavu Sans", sans-serif; font-weight: bold; 
		text-indent: 20px;  color: #FFF;
		width: 100%; height: 38px; margin: 7px 0;				
	}
		#nav-left h2 a, #nav-left h2 label, #nav-right h2 a, #nav-right h2 label { 
			display: block; width: 100%; height: 100%; 
			text-decoration: none; color: #FFF;
		}

	h2.palette_titre { background: transparent url(img/palette_vide.jpg) top center no-repeat; }
	h2#livraisons { background: transparent url(img/dernieres_realisations.jpg) top center no-repeat; }
	h2#agence { background: transparent url(img/palette_agence.jpg) top center no-repeat; }
	h2#contact { background: transparent url(img/palette_contact.jpg) top center no-repeat; }
	h2#infos { background: transparent url(img/palette_infos.jpg) top center no-repeat; }
	h2#rechercher { background: transparent url(img/palette_rechercher.jpg) top center no-repeat; }
	h2#lettre-info { background: transparent url(img/nav_lettreinfo.jpg) top center no-repeat; }
	
		
h3 { font-size: 13px; font-weight: bold; margin-bottom: 10px; text-align: left; }

.erreur, .reponse_formulaire { color: #19649E; }
		
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { 
			font-weight: bold; 
			margin-bottom: 1em; 
		}

		label { cursor: pointer; }
		
		#nav-left input { border: auto; width: 90px; margin-left: 10px;}
		#nav-right input { border: auto; width: 100px; }
		#nav-left input#email, #nav-right input#recherche { float: left; margin-right:4px; height: 18px; line-height: 18px; border: inset 1px #A8A9AD; }
		#nav-left #label_lettres_action { margin: 0 4px 0 5px; }
		#nav-left #lettres_action { border: 1px solid #DDD; }
		
		.form-offres {
			width: 160px !important;
			display:block;
			border:1px solid #000;
			font-size: 0.9em;
			margin:5px auto;
		}
		
		#nav-left button, #nav-right button { 
			background: transparent url(img/envoi.jpg) top center no-repeat;
			width: 56px; height: 20px; margin-right: 10px; 
			cursor: pointer;
		}
		#nav-left button {
			display:block;
			margin:0 auto;
		}
		
	#content fieldset { border: solid 1px #DDD; margin-bottom: 20px; padding-bottom: 10px;}
	
		#content legend { 
			border: solid 1px #DDD; 
			margin-left: 20px; 
			padding: 2px 50px 0;
		} 
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 35%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 55%; }
		#content select.forml { width: auto; }
		#content option { padding: 0 0.375em; }
		#content button { 
			margin-top: 1em; margin-left: 37%; 
			background-color: #19649E; color: #FFF;
		}
		
			#content-main fieldset p { margin-left: 1em; }		
			#content-main fieldset.previsu { margin-bottom: 60px; }
			#content-main .previsu p { margin-left: 20%; }
			
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%; }
		
		#nav-left #formulaire_lettres fieldset { margin: 0 auto; }
		#content #formulaire_lettres button .invisible { display: inline; }
		

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

#header { width: 1000px; height: 152px; position: relative; }

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

	#nav ul, li { list-style-type: none; }
	#nav ul { height: 28px;  line-height: 28px; text-align: center; margin-left: 20px; }
	
		#nav li { float: left; height: 100%; margin-right: 4px; }
			
			#nav li a { display: block; height: 100%; width: 105px; }
			#nav-0 { background: transparent url(img/nav_accueil.jpg) top center no-repeat; }
			#nav-1 { background: transparent url(img/nav_qui_sommes.jpg) top center no-repeat; }
			#nav-2 { background: transparent url(img/nav_vente_neuf.jpg) top center no-repeat; }
			#nav-3 { background: transparent url(img/nav_syndic.jpg) top center no-repeat; }
			#nav-4 { background: transparent url(img/nav_gestion.jpg) top center no-repeat; }
			#nav-5 { background: transparent url(img/nav_financement.jpg) top center no-repeat; }
			#nav-6 { background: transparent url(img/nav_services.jpg) top center no-repeat; }
			
			#nav li a:hover, #nav li a.actif { background-position: 0 -28px; }
			
/* ----------------------------------------------------------------- */
/* >>> HIERARCHIE - MENU-HAUT */

#menu-haut { margin: 5px 220px 0;  text-align: right; color: #AEB0B2; }
	#menu-haut li { display: inline; }
		#menu-haut a { color: #AEB0B2; }

#hierarchie { margin: 5px 260px 0;  color: #19649E; }

/* ----------------------------------------------------------------- */
/* >>> NAV-LEFT - NAV-RIGHT */

#nav-left, #nav-right {	width: 180px; }

#nav-left { float: left; margin-left: 20px;}
#nav-right { float: right; margin-right: 20px; }

	.nav-left-header { 
		background: transparent url(img/palette_haut.jpg) top center no-repeat; 
		width: 100%; height: 5px; 
	}
	
	.nav-left-content { padding:10px 0;background: transparent url(img/palette_repeat.jpg) top center repeat-y;  }
		.nav-left-content p { text-align: justify; }	
		.nav-left-content ul, .nav-left-content p { margin: 0 10px; }
			.nav-left-content li a { font-weight: bold; }
	.nav-left-content-2 { padding:0; }
	.nav-left-cadre { background: transparent url(img/palette_repeat.jpg) top center repeat-y; }
	
	#nav-right-header {
		/*background: #FFF url(img/carte.jpg) top center no-repeat;
		width: 100%; height: 133px; */
	}
	
	#nav-left .espacement, #nav-right .espacement { height: 10px; }
	
	#nav-left p#newsletter { margin: 0 10px; }
	#nav-left li { padding: 2px 0; }
	#nav-left li a { color: #000; }
	#nav-left li a.actif { color: #19649E; }
	#nav-left li img { display: inline; margin-left: 5px;}
	
	#nav-left label#label_email, #nav-left #formulaire_lettres legend {display: none;}
		
	#nav-left .nav-footer { 
		background: #FFF url(img/palette_pied.jpg) top center no-repeat;
		position: relative; width: 100%; height: 5px; 
	}
	
	#nav-left-footer { background: transparent url(img/palette_pied2.jpg) bottom center no-repeat; height: 40px; text-align: center; }
		#nav-left-footer {}

		#nav-left .nav-footer h2 { position: absolute; left:0; bottom:0; margin:0; }

	#nav-right p.espacement { text-align: center; }
	#nav-right .formulaire_recherche { padding-bottom: 10px; }

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

#content { 
	background: transparent url(img/centre_repeat.jpg) top center repeat-y; 
	float: left; text-align: justify;
	width: 560px; margin: 0 20px;
}

	#content .espacement { height: 20px; }

	#content-header { 
		background: transparent url(img/centre_haut.jpg) top center no-repeat; 
		height: 38px; padding: 20px 0 20px 60px;
	}
	
	#content-main { margin: 0 40px 0 60px; }
	#edito { padding: 0 40px 20px 60px; }
	#bloc-notes { padding: 20px 40px 20px 60px; }

	#content-footer { 
		clear: both;
		background: transparent url(img/centre_pied.jpg) bottom center no-repeat; 
		height: 36px;
	}
	
	#content-som-header {
		background: transparent url(img/centre_haut2.jpg) top center no-repeat; 
		height: 38px; padding: 20px 0 20px 60px;
	}
	#content.som {
		margin-top:20px;		
	}
	#sommaire {
		float:left;
	}	

/*	#edito { border-bottom: #AFAFAF solid 1px; } 
	#bloc-notes { border-top: #AFAFAF solid 1px; } */
	
	#bloc-notes #content-main { margin:0; width: 220px; }
	
	#content-main p { margin: 1em 0; }
	
	#content-main ul { padding-left: 30px; }
	#content-main ul li { margin: 1em 0; }  #content-main ul p { margin: 0.2em 0; }
	#content-main li { list-style: outside circle; }
	
	#content-main table {} 
	#content-main td { text-align: left; width: 25%; padding-right: 5px; }

	.sitemap { margin: 0 25px;}
	.sitemap ul { margin-bottom: 25px; }

  .savoir { border-bottom: 1px solid #DDD; margin-bottom: 10px; padding-bottom: 10px; clear: both; }

	.spip_documents_left { margin-right: 15px; }
	.spip_documents_right { margin-left: 15px; }
	.spip_documents_center { display: block; text-align: center; }
	
/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { clear: both; }

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

.invisible { display: none; }
.spacer { clear: both;}
.jeremy { margin-top: 10px; }
.left { float: left; }
.right { float: right;}
.espacement { background: #FFF; }
.bold { font-weight: bold; }
.deux-cols { display:inline; width: 220px; margin: 0 5px; }
.trois-cols { display: inline; width: 142px; margin: 0 5px; }

.logo-bien {
	float:right;
	margin-left:15px;
}

table.spip {	        
	border-collapse:collapse;
	border:1px solid #000;
	margin:10px;
}	
table.spip tr.row_first { text-align:center; }	
table.spip tr.row_even { }	
table.spip tr.row_odd { }	
table.spip td {
	padding:5px;
	border:1px solid #000;
}