html {
	font-size : 75%;
	margin : 0;
	padding : 0;
}

body {
	margin : 0 auto; 
	padding : 0;
}

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

a:link, a:visited, a:hover { 
	text-decoration: none;
}

/* Page
-------------------------------------------------------- */
#bandeauHaut {
	margin:0 0 0 0;
}
#bandeauHautPrint {
	margin:0 0 0 0;
}
#page {
	margin:0 auto;
}


/* Le contenu principale */
/*-------------------------------------------------------- */
#wrapper {
	margin: 10 auto 10px auto;
	}
	#wrapper table {
	width:100%;
}



#espaceGauche {
	float: left;
	width: 240px; 
	margin : 10px 0 5px 0;
}


#main {
	float: right;
	margin : 10px 0 10px 0;
/*	padding-left: 10px;*/
	border-left : 1px solid #E0E0E0;
}

/* Le contenu du billet( citation, bloc de code )
-------------------------------------------------------- */
.post-content {
	padding: 4px 15px 15px 15px;
	line-height: 1.5em;
	font-size: 1.2em;
}

.post-cont-index {
	padding: 4px 15px 15px 15px;
	line-height: 1.5em;
	font-size: 1.0em;
}


.post-content p { 
	padding: 4px 0; 
}
.post-content h2 {
	padding: 4px 0;
	font-size: 1.2em;
	text-transform: none;
}

.post-content h3 { 
	padding: 4px 0; 
	font-size: 1.2em; 

}
.post-content h4 { 
	padding: 4px 0; 
	font-size: 1.1em; 
}

.post-content ul { 
	padding: 4px 0; 
}
.post-content ul li {
	padding: 1px 0 1px 10px;
}

.post-title { 
	padding: 10px 0 4px 5px; 
	font-size: 1.7em; 
	font-weight: bold;
	padding-left: 10px;
}

.post-title a:link, .post-title a:visited { 
	text-decoration: none; 
}

.post-info {
	font-style: italic;
	padding-left:10px;
}


/****************************/
/* 	début tauxExceptionnel	*/
/****************************/

#tauxExceptionnel{
	width: 100%;
	color: #21acf7;
	font-size:1.5em;
	vertical-align:center;
	text-align:center;
	background: #364795;
}
.tauxExceptionnelCligno{
/*	color:#ef6a6d;*/
	color: #c80182;
	font-weight: bold;
	text-decoration: blink;
}

/****************************/
/* 	début menu	déroulant	*/
/****************************/
 
#menu {
	height : 20px;
	border-bottom:3px solid #364795;
	padding-left: 10px;
/*	background: #1f93cc;*/
	background: #21acf7;
	}
	/*chaque sous-menu*/
	#menu ul li {
	float:left;
	position:relative;
	width:140px;
	cursor:pointer;
	display:block;
	padding-left: 15px;
	background-image: url(images/bandeauHaut/flecheMenu.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;	
	height:22px;
	list-style-type:none;
	font-size:1.2em;
	}
	#menu ul li a {
	color: #ffffff;
	}
 	/*carré déroulant sous un sous-menu niveau 1*/
	#menu ul li ul {
	display:none;
	position:absolute;
	width: 100%;
/*	border:1px solid #364795;*/
	border-top:none;
/*	background-color: #95cde6;*/
/*	background-color: #c3c1c1; */
/*	background-color: #d6d6d6; */
	background-color: #21acf7;
/*	background: #07589f;*/
	top:22px;
	left:0;
	}
 
	#menu ul li ul li {
	height:100%;
	font-size:1.1em;
	background-image:none;
	}
 
	#menu ul li ul li a {
	color: #113275;
/*	font-weight:normal;*/
	display:block;
/*	height:100%;*/
/*	border-top:1px solid #364795;*/
	border-bottom:1px solid #364795;
	}
 
	/*au passage de la souris on inverse les couleurs de la case*/
	#menu ul li ul li a:hover {
	color:#000066;
/*	background:#3399ff;*/
	}
 
	/*décalage des sous-menu niveau 2 vers la droite*/
/*	#menu ul li ul li ul {
	top:0px;
	left:125px;
	}*/
 
	/*décalage du sous-menu niveau 2 le plus ŕ droite vers la gauche*/
/*	#menu ul li ul li ul.dernier {
	left:-127px;
}*/


/* ---------------------- */
/* L'encart de recherche */
/* ---------------------- */

#recherche {
 	float : left; 
/*	margin : 0 0 10px 0;*/
	margin : 0 0 0 0;
	width:100%;
	}	
	#recherche form{
		margin: auto auto 15px auto;
	}
	#recherche table {
	width:100%;
	padding:0 0 0 0; // HDBG
	border:0px;
/*	background: #364795;*/
	background-image:url(images/recherche/fondRech240.png);
/*	border-left : 1px solid #E0E0E0;*/
	}
	#recherche table thead {
	padding: 15px 0 15px 0; // HDBG
	font-size: 1.1em;
/*	color: #E0E0E0; */
/*	color: #d6d6d6; */
	text-transform: none;
	color: #364795;
	font-weight: bold;
	text-align: center;
/*	background: #364795; */
/*	border-left : 1px solid #E0E0E0;*/
	height : 35px;
	}
	#recherche table tfoot {
/*	height: 50px;*/
	}
	#recherche table tbody {
		border:0px;
	}
	#recherche select {
    font-size: 0.9em;
	padding:0;
	color:#000066;
	width:110px;
	height:22px;
	border:1;
/*	BORDER-RIGHT: #ffffff 1px solid;
	BORDER-LEFT: #ffffff 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	BORDER-BOTTOM: #ffffff 1px solid; */
/*	font: 14px "Microsoft Sans Serif" , Arial; */
	font: 1em;
/*	vertical-align: middle; */
	background-color: #FFFFFF;
	}
	#recherche table tbody tr td {
    font-size: 1em;
/*	color:#000066; */
	color: #c3c1c1;
	height : 35px;
}

input.boutonRech {
/*	background-Color: #ef6a6d;*/
	background-Color: #c80182;
	padding: 0px 3px 0px 3px;
	font-size: 1.1em;
}

a.boutonRech {
/*	background-Color: #ef6a6d;*/
	background-Color: #c80182;
	padding: 0px 3px 0px 3px;
	font-size: 1.1em;
}

input.inputpassword {
    border: 1px solid #006; 
	width:100px;
} 

input {
    border: 1px solid #006; 
}

textarea {
 border:1px solid black;
}

select, option {
 border:1px solid black;
}


/* Les tableaux - utilisé pour les news */
/* ------------ */

table.tableau {
	width:100%;
	}
table.tableau thead {
	border:1px;
	text-align: center;
	}
table.tableau td {
	border:1px;
	padding:5px; 
	}
table.tableau tfoot {
	border: 1px;
	font-size: 0.9em;
	text-align: center;
	}
table.tableau tbody {
	background-color:#FFFFFF;
	border:1px;
	}
table.tableau th {
	border:1px;
	padding:5px;
	}
table.tableau th.cinquante {
		width: 50%;
	}
table.tableau tr.cinquante td {
		width: 50%;
}
table.tableau td.quatre {
		width: 4%;
}
table.tableau th.quatre {
		width: 4%;
}
table.tableau th.huit {
		width: 8%;
}
table.tableau th.dix {
		width: 10%;
}
table.tableau th.onze {
		width: 11%;
}
table.tableau th.dixhuit {
		width: 18%;
}
table.tableau td.vingthuit {
		width: 28%;
}
table.tableau th.vingthuit {
		width: 28%;
}
table.tableau tr.tiers td {
		width: 33.3%;
}
table.tableau tr.quarante td {
		width: 40%;
}
table.tableau tr.Centre td {
	   text-align: center;
	}
table.tableau tr.Right td {
	   text-align: right;
	}
table.tableau tr.news td {
		height: 43px;
	}
table.tableau tr.newsimpaire td {
		height: 43px;
	}
/* Partie pour les locations saisonnieres */
table.tableau tr td.td_disponible {
		font-size : 1.2em;
		text-align: center;
	}
table.tableau tr td.td_reserve { 
		font-size : 1.2em;
		text-align: center;
}
table.tableau tr td.td_non_renseigne {
		font-size : 1.2em;
		text-align: center; 
}
table.tableau caption {
		font-size: 1.1em;
		text-transform: none;
		font-weight: bold;
		height : 20px;
}
table.tableau tr td table {
	border:inherit;
	padding:inherit;
}


table.tableauDPE {
	width:100%;
	}
table.tableauDPE td {
	border:0px;
	padding:0px; 
	}

/* Les tablAccueilx - utilisé pour les news */
/* ------------ */

table.tablAccueil {
	width:100%;
	}
table.tablAccueil thead {

	padding: 15px 0 15px 0; // HDBG
	font-size: 1.1em;
/*	color: #E0E0E0; */
/*	color: #d6d6d6; */
	text-transform: none;
	color: #364795;
	font-weight: bold;
	height : 41px;
	text-align: center;
	}
table.tablAccueil tfoot {
	padding: 15px 0 15px 0; // HDBG
	font-size: 1.1em;
/*	color: #E0E0E0; */
/*	color: #d6d6d6; */
	text-transform: none;
	color: #364795;
	font-weight: bold;
	height : 35px;
	text-align: center;
	}
table.tablAccueil tbody {
/*	background-color:#FFFFFF;*/
	border:1px;
	font-size: 0.9em;
	}
table.tablAccueil th {
	border:1px;
	padding:5px;
	}
table.tablAccueil caption {
		font-size: 1.1em;
		text-transform: none;
		font-weight: bold;
		height : 20px;
}
table.tablAccueil tr td table {
	border:inherit;
	padding:inherit;
}
table.tablAccueil tr.tiers td {
		width: 33.3%;
}



/* les codes DPE
-------------------------------------------------------- */
#dpe{width:55px;height:24px;position:relative;margin:0px}
	#dpe span{position:absolute;background:url(images/dpe/dpe-arrow.png) no-repeat center right;right:0;height:24px;color:#fff;text-align:right;line-height:24px;font-size:11px;padding-right:20px;}
		#dpe span.DPE_A{top:0px;width:143px}
		#dpe span.DPE_B{top:0px;width:126px}
		#dpe span.DPE_C{top:0px;width:110px}
		#dpe span.DPE_D{top:0px;width:94px}
		#dpe span.DPE_E{top:0px;width:75px}
		#dpe span.DPE_F{top:0px;width:59px}
		#dpe span.DPE_G{top:0px;width:41px}


/* Footer
-------------------------------------------------------- */
#footer {
	border-top :3px solid #364795;
	background:#364795;
	color: #FFF;
	clear: both;
	}
	#footer p {
	text-align:center;
	padding :5px;
}