/*----------------------------------*/
/*				GENERAL				*/
/*----------------------------------*/

* {
	margin:				0px;
	padding:			0px;
}

body {
	text-align: 		center;
	background: 		#fff;
	font-size:			11px;
	font-family: 		Verdana, Arial, sans-serif;
	color:				#000;
}

a {
	color:				#7aa8db;
	text-decoration: 	none;
}

li {
	list-style: 		none;
}


/*----------------------------------*/
/*		CONTENEUR PRINCIPAL			*/
/*----------------------------------*/
#mainContainer {
	width:				760px;
	margin:				0px auto;
	text-align: 		left;
}

.bgProprietaire {
	background: 		url('../images/background/bg_proprietaire.jpg') no-repeat 100% 0px;
}

.bgContact {
	background: 		url('../images/background/bg_contact.jpg') no-repeat 100% 0px;
}

.bgMission {
	background: 		url('../images/background/bg_mission.jpg') no-repeat 100% 0px;
}

.bgRecherche {
	background: 		url('../images/background/bg_recherche.jpg') no-repeat 100% 0px;
}

.bgHonoraire {
	background: 		url('../images/background/bg_honoraire.jpg') no-repeat 100% 0px;
}

.bgHomeHunting {
	background: 		url('../images/background/bg_homeHunting.jpg') no-repeat 100% 0px;
}

.bgDecouverte,
.bgVillages {
	background: 		url('../images/background/bg_decouverte.jpg') no-repeat 100% 0px;
}


/*----------------------------------*/
/*				HEADER				*/
/*----------------------------------*/
#header {
	height:				121px;
	padding:			13px 0px 0px 10px;
	background: 		url('../images/bg_header.png') no-repeat;
}

#header a#logo {
	display:			block;
	width:				160px;
	height:				121px;
	background: 		url('../images/logo.png') no-repeat;
}

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

#menu {
	width:				176px;
	height:				320px;
	position:			relative;
	background: 		url('../images/bg_menu.jpg') no-repeat;
	float:				left;
}

#menu li {
	position:			absolute;
}

#menu li a {
	color:				#00470b;
	display:			block;
	padding:			2px 0px 13px 10px;
	background: 		url('../images/bg_menuItem.png') no-repeat 0px 100%;
	white-space: 		nowrap;
}

#menu li span {
	font-size:			18px;
}

#menu li.accueil {
	top:				-10px;
	left:				175px;
}

#menu li.mission {
	top:				20px;
	left:				108px;
}

#menu li.contact {
	top:				55px;
	left:				70px;
}

#menu li.recherche {
	top:				90px;
	left:				45px;
}
#menu li.recherche a {
	padding:			0px 0px 15px 10px;
	background: 		url('../images/bg_menuItemLong.png') no-repeat 0px 100%;
}

#menu li.honoraire {
	top:				140px;
	left:				30px;
}

#menu li.proprietaire {
	top:				177px;
	left:				20px;
}
#menu li.proprietaire a {
	padding:			0px 0px 15px 10px;
	background: 		url('../images/bg_menuItemLong.png') no-repeat 0px 100%;
}

#menu li.blog {
	top:				230px;
	left:				17px;
}
#menu li.blog a {
	padding:			5px 0px 10px 10px;
	background: 		url('../images/bg_menuItemCourt.png') no-repeat 0px 100%;
}

#menu li.lg_fr a,
#menu li.lg_en a {
	padding:			0px;
	background: 		none;
	width:				23px
}
#menu li.lg_fr,
#menu li.lg_en {
	left:				8px;
}

#menu li.lg_fr {
	top:				283px;
}

#menu li.lg_en {
	top:				300px;
}

#menu li.lg_fr a {
	height:				17px;
	background: 		url('../images/bt_lgFr.png');
}

#menu li.lg_en a {
	height:				20px;
	background: 		url('../images/bt_lgEn.png');
}

/*----------------------------------*/
/*				CONTENU				*/
/*----------------------------------*/

/*----------------------*/
/*-- contentContainer --*/
/*----------------------*/

#contentContainer {
	clear:				both;
	border-left:		14px solid #dbf7cc;
	padding:			10px 60px;
	color:				#666;
	text-align: 		justify;
}

#contentContainer a {
	color:				#4a78ab;
}

#contentContainer a:hover {
	text-decoration: 	underline;
}

#contentContainer h1 {
	font-size:			23px;
	color:				#00470b;
	padding-left:		50px;
	margin-bottom:		20px;
	font-weight: 		normal;
}

#contentContainer p.introduction {
	font-size:			14px;
	font-weight: 		bold;
	padding-left:		50px;	
	margin-bottom:		15px;
}

#contentContainer .paragraphe {
	text-indent: 		15px;
	background: 		url('../images/puce_paragraphe.gif') no-repeat 1px 3px;
	margin-bottom:		15px;
}

#contentContainer .paragraphe span {
	font-weight: 		bold;
}

#contentContainer .paragraphe ul.liste {
	padding-left:		30px;
	text-indent: 		0px;
}

#contentContainer .paragraphe ul.liste li {
	list-style: 		disc;
}

#contentContainer p.clause {
	font-size:			10px;
	margin-left:		10px;
}

#contentContainer p.pied {
	margin-left:		300px;
	text-indent: 		17px;
	font-weight:		bold;
	background: 		url('../images/puce_pied.gif') no-repeat 0px 1px;
}


/*----------------------*/
/*-- contactContainer --*/
/*----------------------*/

#contactContainer {
	margin-left:		200px;
	width:				300px;
}

#contactContainer h1 {
	text-align: 		right;
	font-size: 			16px;
	font-weight: 		normal;
	margin-bottom:		15px;
}

#contactContainer h1 span {
	font-size: 			24px;
}

#contactContainer p.valeur {
	float:				right;
	width:				150px;
	text-align:			center;
	line-height:		15px;
	background:			#e2f6df;
	border:				1px solid #b4bcb3;
	border-left:		1px solid #f1fbef;
	border-top:			1px solid #f1fbef;
	margin-bottom:		10px;
}

#contactContainer p.intitule {
	height:				17px;
	line-height:		20px;
	margin-bottom:		10px;
}

#contactContainer p.intituleLong {
	margin-bottom:		5px;
}

#contactContainer form {
	height:				255px;
}

#contactContainer form p {
	text-align: 		right;
	font-size: 			10px;
}

#contactContainer form label {
	display:			block;
	text-align: 		right;
	clear:				right;
	margin-bottom:		3px;
}

#contactContainer form input,
#contactContainer form textarea {
	float:				right;
	background:			#e2f6df;
	border:				1px solid #b4bcb3;
	border-left:		1px solid #f1fbef;
	border-top:			1px solid #f1fbef;
	margin-bottom:		10px;
}

#contactContainer form input {
	width:				150px;
}

#contactContainer form textarea {
	width:				292px;
	height:				72px;
	overflow: 			auto;
	padding:			3px;
}

#contactContainer form a {
	float:				right;
	color:				#00470b;
	padding:			2px 0px 13px 10px;
	background: 		url('../images/bg_menuItem.png') no-repeat 0px 100%;
	white-space: 		nowrap; 		
}

#contactContainer form a span {
	font-size:			18px;
}

/*--------------------------*/
/*-- Formulaires généraux --*/
/*--------------------------*/

#contentContainer form {
	text-align: 		left;
	margin-bottom:		60px;
}

#contentContainer form div.spacer {
	margin-bottom: 		20px;
}

#contentContainer form div.fieldContainer {
	background:			#dbf7cc url('../images/puce_line1.gif') no-repeat 8px 50%;
	margin: 			0px 10px 3px 10px;
	padding:			5px 20px;
}

#contentContainer form div.fieldContainer label {
	display:			block;
	height:				20px;
	line-height: 		20px;
	font-weight: 		bold;	
}

#contentContainer form h2 {
	color:				#7aa8db;
	margin-bottom: 		10px;
	margin-left:		30px;
	padding-left:		20px;
	font-size:			16px;
	background:			url('../images/puce_titre2.jpg') no-repeat 0px 4px;
	clear: 				both;
}

#contentContainer form div.fieldContainer input {
	float:				right;
}

#contentContainer form div.fieldContainer sup,
#contentContainer form div.lastFielContainer sup {
	color:				#933;
}

#contentContainer form div.textContainer {
	padding-left:		15px;
	background:			url('../images/puce_paragraphe.gif') no-repeat 2px 4px;
	margin-bottom:		5px;
	font-weight: 		bold;
}

#contentContainer form div.textContainer span {
	margin-right:		25px;
}

#contentContainer form div.textContainer span.fleche {
	padding-right:		15px;
	background:			url('../images/fleche_bas.gif') no-repeat 100% 50%;
}

#contentContainer form div.textContainer label {
	margin-right:		5px;
	font-weight: 		normal;
}

#contentContainer form div.textContainer input {
	margin-right: 		20px;
	vertical-align: 	top;
	vertical-align: 	middle !ie;
}

#contentContainer form div.radioContainerline0,
#contentContainer form div.radioContainerline1 {
	margin:				1px 10px;
	padding:			1px 15px;
	height:				20px;
}

#contentContainer form div.radioContainerline1 {
	background:			#fff url('../images/puce_line0.gif') no-repeat 4px 50%;
}

#contentContainer form div.radioContainerline0 {
	background:			#dbf7cc url('../images/puce_line1.gif') no-repeat 4px 50%;
}

#contentContainer form div.radioContainerline0 input,
#contentContainer form div.radioContainerline1 input{
	float:				right;
	margin-right:		20px;
	margin-top:			3px;
	margin-top:			0px !ie;
}

#contentContainer form div.radioContainerline0 label,
#contentContainer form div.radioContainerline1 label {
	float:				left;
	display:			block;
	height:				20px;
	line-height: 		20px;
	font-weight: 		bold;
}

#contentContainer form div.bicolonne {
	float:				left;
	width:				303px;
	height:				110px;
	margin-bottom:		20px;
	padding:			0px 0px 0px 10px;
}

#contentContainer form div.bicolonne textarea {
	width:				301px;
}

#contentContainer form div.bicolonne div.radioContainerline0 {
	margin-bottom:		4px;
}

#contentContainer form div.lastFielContainer {
	margin:				7px 0px 5px 10px;
	font-weight: 		bold;
}

#contentContainer form div.lastFielContainer p {
	padding:			2px 0px 2px 15px;
	margin:				0px 100px 5px 0px;
	background:			#dbf7cc url('../images/puce_line1.gif') no-repeat 4px 50%;
}

#contentContainer form div.lastFielContainer label {
	margin-left:		25px;
}

#contentContainer form div.lastFielContainer input {
	vertical-align: 	top;
	vertical-align: 	middle !ie;
}

#contentContainer form input.inputLong {
	margin-right:		10px;
	width:				250px;
}

#contentContainer form input.inputCourt {
	width:				130px;
	margin-right:		130px;
}

#contentContainer form textarea {
	width:				624px;
	height:				80px;
	margin-bottom:		30px;
	border:				1px solid #7aa8db;
	overflow: 			auto;
}

.generalTable {
	width:				624px;
	margin-bottom: 		20px;
	border-collapse: 	collapse;
	border:				1px solid #fff;
}

.generalTable td,
.generalTable th {
	padding:			3px 5px;
	border:				2px solid #fff;
}

.generalTable thead th {
	background:			#7aa8db;
	color:				#fff;
	text-align: 		center;
}

.generalTable tbody td {
	text-align: 		center;
}

.generalTable tbody td.qcm3 {
	width:				122px;
}

.generalTable tbody td.qcm2 {
	width:				120px;
}

.generalTable tbody tr.line0 td {
	background:			#fff;
}

.generalTable tbody tr.line1 td {
	background:			#dbf7cc;
}

.generalTable tbody tr.line0 th {
	padding-left:		15px;
	background:			#fff url('../images/puce_line0.gif') no-repeat 4px 50%;
}

.generalTable tbody tr.line1 th {
	padding-left:		15px;
	background:			#dbf7cc url('../images/puce_line1.gif') no-repeat 4px 50%;
}

.generalTable tbody tr.lineDegrad td,
.generalTable tbody tr.lineDegrad th {
	background:			url('../images/bg_table_degrade.jpg') repeat-x;
}

.generalTable tbody tr.lineDegrad th p {
	padding-left:		15px;
	background:			url('../images/puce_line1.gif') no-repeat 2px 3px;
}

.generalTable tbody tr.line0 input {
	margin-left:		30x;
}

.generalTable tbody tr.line1 input {
	margin-right:		30px;
}

.generalTable tbody tr td.border {
	width:				10px;
	background: 		#fff;
	padding:			0px;
}

.generalTable tbody sup {
	font-size:			8px;
}

#contentContainer form a {
	float:				right;
	color:				#00470b;
	padding:			2px 0px 13px 10px;
	background: 		url('../images/bg_menuItem.png') no-repeat 0px 100%;
	white-space: 		nowrap; 		
}

#contentContainer form a:hover {
	text-decoration: 	none;
}

#contentContainer form a span {
	font-size:			18px;
}

/*----------------------*/
/*--  Page Ile de Ré  --*/
/*----------------------*/
#contentContainer .paragrapheContainer {
	background: 		#eefbe8;
	padding:			15px 15px 1px 15px;
}

#contentContainer .paraPhoto {
	width:				278px;
	height:				119px;
	background: 		url('../images/bg_paraPhoto.jpg') no-repeat;
	padding:			55px 108px 145px 268px;
	color:				#fff;
	position:			relative;
	right:				-32px;
	font-size:			13px;
	font-weight: 		bold;
	text-align: 		left;
	line-height: 		19px;
	margin-bottom:		20px;
}

#contentContainer .paraPhoto a {
	color:				#fff;
}

#contentContainer .titre_notation {
	padding:			0px 160px 0px 70px;
	font-size:			13px;
	color:				#6699cc;
	font-weight: 		bold;
	margin-bottom:		15px;
}

#contentContainer .desc_notation {
	font-style: 		italic;
	margin-bottom:		30px;
}

#contentContainer .desc_notation ul {
	font-style: 		normal;
	padding:			0px 45px 0px 25px;
	margin-bottom:		20px;
}

#contentContainer .desc_notation ul li {
	margin-bottom:		10px;
	text-align: 		left;
}

#contentContainer .desc_notation ul span {
	font-weight: 		bold;
}

#contentContainer .desc_notation ul span.numero {
	color:				#6699cc;
	margin-right:		5px;
}


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


#gMapContainer {
	height:				450px;
	position:			relative; /* GMap is absolute */
	margin-bottom:		20px;
}