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

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

#main {
	margin: 0 auto;	width: 800px;
	background-color: #CAE2EC;
}

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

body { 
	background-color: #CAE2EC; color: #0066AC;
	font: 76%/1.5em Verdana, "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link { text-decoration: underline; color: #DD463D; }
a:visited { color: ##CAE2EC; } 
a:hover { color: #0092CD; }

h1 { }

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

h2#content-header { 
	background: transparent top center no-repeat; 
	height: 34px; line-height: 34px;
	padding-left: 10px;
}
		
h3 { font-size: 12px; font-weight: bold; margin: 10px 0; }
		
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { font-weight: bold; margin-bottom: 1em; border-bottom: 1px solid #008EC8; }
		label { cursor: pointer; }
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 30%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 60%; }
		#content button { 
			margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
			background-color: #008EC8; color: #FFF;
		}
		
		#content .checkbox label { float: none; width: auto; } 
				
	.formulaire_recherche { float: right; width: 320px; }
	.formulaire_recherche label { padding: 3px; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { 
	background: transparent url(bandeau.jpg) top center no-repeat;
	width: 800px; height: 134px; 
	position: relative;
}

	#header .bandeau-img { float: left; }
	#header .bandeau-flash { float: right; }

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

	#nav ul, #nav li { list-style-type: none; }
	#nav ul { height: 37px;  line-height: 37px; text-align: center; }
	
		#nav li { float: left; height: 100%; }
			
			#nav li a { display: block; height: 100%;  }
			#nav-accueil { background: transparent url(nav_accueil.jpg) 0 0 no-repeat; width: 141px; }
			#nav-1 { background: transparent url(nav_acquereurs.jpg) 0 0 no-repeat; width: 170px; }
			#nav-2 { background: transparent url(nav_vendeurs.jpg) 0 0 no-repeat; width: 170px; }
			#nav-3 { background: transparent url(nav_annonces.jpg) 0 0 no-repeat; width: 170px; }
			#nav-contact { background: transparent url(nav_contact.jpg) 0 0 no-repeat; width: 149px; }
			
			#nav li a:hover/*, #nav li a.actif */ { background-position: center -37px;; }
			
			#nav #li-nav-contact { position: relative; z-index: 100; }
			#nav #ugly_thing { 
				position: absolute; top: 42px; left: 0; 
				border: 2px solid #1C6DAF;
				width: 100%; z-index: 100;
			}
				#nav #ugly_thing li { float: none; }
				
					#ugly_thing li a { 
						background-color: #0092CC; 
						color: #FFF; 
						font-weight: bold; 
					}
					#ugly_thing li a:hover { background-color: #1C6DAF; }
			
/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { 
	position: relative;
	margin: 20px auto 10px; width: 639px;
	background-color: #FFF;	color: #0066AC;
	border: 2px solid #008EC8; 
	text-align: justify;
}

	#content p { margin: 1em 0; }
	#content ol, #content ul { padding-left: 20px; }
	#content ul li, #content ol li { margin: 0.5em 0; } 
	#content ul li { list-style-position: outside; }	
	#content ol li { list-style: lower-latin inside; }
		#content ul p { margin: 0.2em 0; }
		
	.visus { float: left; width: 149px; margin-top: 15px; }
	
	.sommaire, .texte { 
		float: right;
		padding: 30px 15px;
		width: 456px;
	}

	#content .large { width: 609px; }

	.sommaire {	width: 212px; min-height: 237px; /* hauteur du visu - padding */ }
	
	.texte { padding: 5px 15px; } 	
	.alb-photos { margin: 10px 0; }

	.plan { clear: both; }

	#post-scriptum {
		position: relative; clear: both;
		bottom: 10px; right: 15px;
		width: 440px; padding: 5px 10px;
		background-color: #0066AC; color: #FFF; 
		text-align: center; font-weight: bold;
	}

	#content .pagination { margin: 10px 10px; }
		
	#content-footer { clear: both; }
	
/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { clear: both; margin: 0 auto; width: 643px; }

	#slogan { 
		background-color: #DD463D; color: #FFF;
		text-align: center; font-weight: bold;
	}
	
	.legal { font-size: 0.9em; }

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

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}
.erreur { color: red; }
.bleu { background-color: #CDE5F1 }
/* ----------------------------------------------------------------- */