body {
background-color: #0F2D55;
margin: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

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

select {
border-style: solid;
border-width: 1px;
border-color: #6080B7;
}

input {
border-style: solid;
border-width: 1px;
border-color: #6080B7;
}

textarea {
border-style: solid;
border-width: 1px;
border-color: #6080B7;
}

button {
background-image: none;
background-color: transparent;
border: none;
margin: 0;
padding: 0;
}

h1 {
margin: 0;
padding: 0;
font-size: 14px;
color: #0F2D55;
}

a {
font-weight: bold;
color: #0F2D55;
text-decoration: none;
}

a:hover {
color: #FFCA00;
}

a.mail {
		display: block;
		background-image: url(../image/mail.jpg);
		background-repeat: no-repeat;
		padding: 5px 0 5px 30px;
		margin: 5px 0 0 0;
		font-weight: bold;
		color: #0F2D55;
		font-size: 11px;
		}

a.mail:hover {
		display: block;
		background-image: url(../image/mail.jpg);
		background-repeat: no-repeat;
		padding: 5px 0 5px 30px;
		margin: 5px 0 0 0;
		color: #FFCA00;
		}

/****************/
/* Mise en page */
/****************/

#website {
width: 990px;
margin-left: auto;
margin-right: auto;
}

	#header {
	height: 150px;

	}

	#menu {
	background-image: url(../image/fond_menu.jpg);
	background-repeat: no-repeat;
	height: 29px;
	padding: 5px 0 0 0;
	}

		#menu ul {
		margin: 0 0 0 70px;
		padding: 0;
		}

		#menu li {
		margin: 0 12px 0 12px;
		padding: 0;
		list-style: none;
		float: left;
		font-size: 13px;
		}

			#menu li a {
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
			}

			#menu li a:hover {
			color: #FFCA00;
			}

		.fr {
		display: block;
		width: 20px;
		height: 13px;
		float: left;
		margin: 2px 0 0 10px;
		}

		.en {
		display: block;
		width: 25px;
		height: 13px;
		float: left;
		margin: 2px 0 0 10px;
		}

	#ariane {
	background-color: #B0BCCA;
	padding: 5px 0 5px 70px;
	}

		#ariane a {
		font-weight: bold;
		text-decoration: none;
		font-size: 10px;
		}

		#ariane a.actif {
		color: #FFFFFF;
		}

		#ariane a.prec {
		color: #0F2D55;
		}

		#ariane a:hover {
		color: #FFCA00;
		}

	#main{
	background-image: url(../image/page_04.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	}
	#main #pagination h1{
	padding:30px 0 0 30px ;
	}
	
	#footer {
	height: 103px;
	background-image: url(../image/fond_footer.jpg);
	background-repeat: no-repeat;
	padding: 30px 0 0 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	}

		#texte_footer {
		display: block;
		font-weight: bold;
		margin: 0 0 10px 40px;
		text-align: left;
		}

		#footer a {
		color: #FFFFFF;
		text-decoration: none;
		}

		#footer a:hover {
		color: #FFCA00;
		}

/******************/
/* Page d'accueil */
/******************/

#saison {
background-repeat: no-repeat;
height: 178px;
font-weight: bold;
}

	#saison #titre {
	color: #FFFFFF;
	margin: 0 0 0 100px;
	padding: 5px 0 0 0;
	font-size: 15px;
	}

	#saison #form {
	float: right;
	margin: 10px 10px 0 0;
	color: #0F2D55;
	font-size: 11px;
	width: 590px;
	}

	#saison #service_resa {
	margin: 10px 10px 20px 5px;
	float: right;
	color: #0E2D55;
	font-size: 11px;
	}

		#service_resa a {
		color: #0E2D55;
		font-size: 11px;
		text-decoration: none;
		}

		#service_resa a:hover {
		color: #FFCA00;
		}

#main_home {

}

	#col_left_home {
	width: 223px;
	height: 361px;
	background-image: url(../image/fond_col_left_home.jpg);
	background-repeat: no-repeat;
	float: left;
	}

		#recherche_vente {
		width: 180px;
		height: 180px;
		margin: 0 0 0 25px;
		padding: 10px 0 0 0;
		}

			#recherche_vente .titre {
			font-size: 16pt;
			font-weight: bold;
			color: #FFFFFF;
			margin: 0 0 20px 7px;
			display: block;
			}

			#recherche_vente form select {
			width: 160px;
			margin: 5px 0 5px 7px;
			}

			#recherche_vente form button {
			background: transparent;
			border: none;
			background-image: url(../image/btn_recherche_vente.jpg);
			background-repeat: no-repeat;
			color: #FFCA00;
			font-weight: bold;
			font-size: 11px;
			width: 127px;
			height: 19px;
			padding: 4px 0 0 10px;
			}

		#adresse {
		width: 170px;
		margin: 0 0 0 25px;
		padding: 5px;
		color: #0F2D55;
		font-size: 11px;
		}

	#content_home {
	float: left;
	background-image: url(../image/fond_content_home.jpg);
	background-repeat: no-repeat;
	width: 504px;
	text-align: center;
	}

	#col_right_home {
	float: left;
	background-image: url(../image/fond_col_right_home.jpg);
	background-repeat: no-repeat;
	width: 263px;
	height: 361px;
	}

		#actu {
		margin: 0 15px 0 15px;
		padding: 40px 0 0 0;
		color: #0F2D55;
		font-weight: bold;
		}

			#actu .titre{
			color: #0012ff;
			font-weight: bold;
			display: block;
			margin: 0 0 6px 0;
			}
			
			#actu .titre_info{
			color:white;
			font-weight: bold;
			display: block;
			margin: 0 0 6px 0;
			}
			#actu a {
			color: #0F2D55;
			font-weight: bold;
			text-decoration: none;
			}

			#actu a:hover {
			color: #FFCA00;
			}

			#actu ul {
				margin: 0;
				padding: 0;
			}

			#actu li {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			#actu img {
				margin: 10px 24px 0 0;
				border: none;
			}

#footer_home {
background-image: url(../image/fond_footer_home.jpg);
background-repeat: repeat-x;
padding: 5px 0 0 0;
text-align: center;
color: #FFFFFF;
font-size: 11px;
}

	#footer_home a {
	color: #FFFFFF;
	text-decoration: none;
	}

	#footer_home a:hover {
	color: #FFCA00;
	}

/**************/
/* Mini-fiche */
/**************/

.pagination {
color: #0F2D55;
font-size: 11px;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

	.pagination a {
	font-weight: bold;
	color: #0F2D55;
	text-decoration: none;
	}

	.pagination a:hover {
	color: #FFCA00;
	}

.titre_fiche{
background-image: url(../image/fond_titre_fiche.jpg);
background-repeat: no-repeat;
padding: 5px 0 0 30px;
height: 31px;
color: #FFFFFF;
font-weight: bold;
width: 870px;
margin-left: auto;
margin-right: auto;
}

	.titre_fiche .bien {
	width: 285px;
	float: left;
	text-align: left;
	}

	.titre_fiche .prix {
	width: 125px;
	float: left;
	text-align: left;
	}

	.titre_fiche .mandat {
	width: 100px;
	float: left;
	text-align: left;
	}

.contenu_fiche {
background-image: url(../image/fond_contenu_fiche.jpg);
background-repeat: repeat-y;
width: 870px;
padding: 10px 0 0 30px;
margin-left: auto;
margin-right: auto;
}

	.contenu_fiche a {
	font-weight: bold;
	color: #0F2D55;
	text-decoration: none;
	}

	.contenu_fiche a:hover {
	color: #FFCA00;
	}

	.photo_petite {
	background-image: url(../image/fond_photo_petite_fiche.jpg);
	background-repeat: no-repeat;
	width: 175px;
	padding: 15px 0 20px 0;
	float: left;
	text-align: center;
	}

	.photo_grande {
	width: 280px;
	float: left;
	}

	.photo_grande_haut {
	background-image: url(../image/fond_photo_grande_fiche2.jpg);
	background-repeat: repeat-y;
	padding: 10px 0 0 25px;
	}

	.photo_grande_bas {
	background-image: url(../image/fond_photo_grande_fiche_bas.jpg);
	background-repeat: no-repeat;
	height: 55px;
	font-size:9px;
	color:#0F2D55;
	padding: 10px 0 0 0;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	}

	.descriptif_mini_fiche {
	font-size: 10px;
	float: left;
	width: 400px;
	}

		.descriptif_mini_fiche .detail {
		display: block;
		height: 22px;
		background-image: url(../image/loupe.png);
		background-repeat: no-repeat;
		padding: 5px 0 0 25px;
		}

		.descriptif_mini_fiche .mail-ami {
		display: block;
		height: 22px;
		background-image: url(../image/mail-ami.png);
		background-repeat: no-repeat;
		padding: 5px 0 0 25px;
		}

		.descriptif_mini_fiche .print {
		display: block;
		height: 22px;
		background-image: url(../image/print.png);
		background-repeat: no-repeat;
		padding: 5px 0 0 25px;
		}

		.descriptif_mini_fiche .retour {
		display: block;
		height: 22px;
		background-image: url(../image/retour.png);
		background-repeat: no-repeat;
		padding: 5px 0 0 25px;
		}

	.droite_fiche {
	width: 190px;
	float: left;
	color: #0F2D55;
	font-size: 9px;
	}

		.adresse_fiche {
		border-style: solid;
		border-width: 1px;
		border-color: #0F2D55;
		margin: 0 0 20px 0;
		padding: 5px;
		width: 165px;
		}

		resa_fiche {

		}

.bas_fiche {
background-image: url(../image/fond_fiche_bas.jpg);
background-repeat: no-repeat;
width: 900px;
height: 42px;
padding: 0 0 0 0px;
margin-left: auto;
margin-right: auto;
}

/****************************/
/* Proc�dure de r�servation */
/****************************/

#resa {
background-color: #FFFFFF;
margin: 20px;
}

	#resa .titre{
	background-image: url(../image/fond_titre_form_resa.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	padding: 5px 0 0 35px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	}

	#resa #cg {
	overflow:auto;
	padding: 5px
	}

	#resa #form {
	display: none;
	}

	#resa #accepter {
	background-image: url(../image/btn_accepter.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 23px;
	cursor: pointer;
	float: left;
	}

	#resa #accepter-en {
	background-image: url(../image/btn-accepter-en.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 23px;
	cursor: pointer;
	float: left;
	}

	#resa #refuser {
	background-image: url(../image/btn-refuser.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 23px;
	cursor: pointer;
	float: right;
	}

	#resa #refuser-en {
	background-image: url(../image/btn-rejeter-en.jpg);
	background-repeat: no-repeat;
	width: 136px;
	height: 23px;
	cursor: pointer;
	float: right;
	}

	#resa #retour {
	cursor: pointer;
	font-weight: bold;
	color: #0F2D55;
	}

	#resa #retour:hover {
	cursor: pointer;
	color: #FFCA00;
	}


/* Mentions Legales */
#mentions {
color: #0F2D55;
padding: 15px 0 0 0;
}

	#mentions h1 {
	text-decoration: underline;
	}

	#mentions .sous_titre {
	display: block;
	background-color: #c7d1dd;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
	}

	#mentions .paragraphe {
	font-weight: bold;
	font-size: 12px;
	}

/**Add infobull*/
.infobulle{
    position: absolute;
    visibility : hidden;
    z-index:50;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}