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

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

h2 {
color: #CC9933;
font-size:14px;
font-weight:bold;
}

.clear {
clear:both;
}

hr {
width:990px;
color:#69C;
}

img {
border:none;
}

a {
color:#036;
text-decoration:none;
}

a:hover {
color:#FFCA00;
text-decoration:none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color :#036;
background:url(../images/fond.jpg) repeat-x;
background-color: #64b6db;
}

#website {
width: 993px;
margin-left: auto;
margin-right: auto;
background:url(../images/fond-site.jpg) repeat-y;
}

	#header {
	height: 176px;
	
	}
	
	#menu {
	background-image: url(../images/fond_menu.jpg);
	background-repeat: no-repeat;
	height: 24px;
	padding: 5px 0 0 0;
	}
		
		#menu ul {
		margin: 0 0 0 10px;
		}
		
		#menu li {
		margin: 0 15px 0 15px;
		list-style: none;
		float: left;
		}
			
			#menu li a {
			font-weight: bold;
			color: #FFFFFF;
			font-size:12px;
			text-decoration: none;
			}
				
			#menu li a:hover {
			color: #036;
			font-size:12px;
			}
				
		.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: #ccc;
	padding: 5px 0 5px 70px;
	}
	
		#ariane a {
		font-weight: bold;
		text-decoration: none;
		font-size: 10px;
		}
		
		#ariane a.actif {
		color: #036;
		}

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

	}
	
	#content {
	float:left;
	width:755px;
	padding: 5px 0px 0px 10px;
	}
	
	#footer {
	height: 103px;
	background-image: url(file:///D|/gabarits-css/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-image: url(../images/fond-recherche-saison.jpg);
background-repeat: no-repeat;
height: 165px;
font-weight: bold;
}

	#saison #titre {
	color: #036;
	margin: 0 0 0 100px;
	padding: 5px 0 0 40px;
	font-size: 15px;
	}
	
	#saison #form {
	float: right;
	margin: 10px 55px 0 0;
	color: #0F2D55;
	font-size: 11px;
	}
	
		#saison #form table {
		float: left;
		}
	
		#saison #form #type_loc {
		float: left;
		width: 125px;
		margin-left:15px;
		}
		
		#saison #form button {
		border: none;
		background: transparent;
		background-image: url(../images/btn_recherche.jpg);
		background-repeat: no-repeat;
		height: 125px;
		width: 130px;
		color: #FFF;
		font-weight: bold;
		padding: 10px 7px 15px 0;
		margin: 0 0 0 10px;
		}
	
	#saison #service_resa {
	margin: 0 25px 0 0;
	float: right;
	width:230px;
	height:126px;
	background: url(../images/fond_reservation.jpg) no-repeat;
	color: #0E2D55;
	font-size: 11px;
	}
	
		#service_resa a {
		color: #0E2D55;
		font-size: 11px;
		text-decoration: none;
		}
		
		#service_resa a:hover {
		color: #FFCA00;
		}
		
#main_home {
padding-top:10px;

}

	#col_left_home {
	width: 223px;
	float: left;
	}
	
		#recherche_vente {
		width:213px;
		height: 180px;
		background: url(../images/recherche-vente.jpg) no-repeat;
		margin: 0 0 0 10px;
		padding: 10px 0 0 0;
		}
		
			#recherche_vente .titre {
			font-size: 12pt;
			font-weight: bold;
			color: #FFFFFF;
			margin: 0 0 20px 7px;
			display: block;
			}
			
			#recherche_vente form select {
			width: 169px;
			margin: 5px 0 5px 7px;
			}
			
			#recherche_vente form button {
			background: url(../images/btn_ventes.jpg) no-repeat;
			border: none;
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			width: 169px;
			height: 22px;
			}
		
		#adresse {
		width:200px;
		background: url(../images/fond_recherche.jpg) repeat-y;
		margin: 0 0 0 10px;
		padding: 5px;
		color: #0F2D55;
		font-size: 11px;
		}
		
		#adresse a {
		color:#006699;
		text-decoration:none;
		}

		#adresse a:hover {
		color:#FFCA00;
		text-decoration:none;
		}
		
	#content_home {
	float: left;
	width: 544px;
	}
	
	#col_right_home {
	float: left;
	width: 213px;
	padding :0 0 0 10px;
	}
	
		.actu {
		width:190px;
		height: 180px;
		background: url(../images/recherche-vente.jpg) no-repeat;
		color: #036;
		font-size:10px;
		padding: 0 5px 0 5px;
		}
			
			.actu .titre{
			color: #369;
			font-weight: bold;
			font-size:13px;
			display: block;
			margin: 0 0 10px 0;
			}
			
			.actu a {
			color: #0F2D55;
			font-weight: bold;
			text-decoration: none;
			}
			
			.actu a:hover {
			color: #FFCA00;
			text-decoration: none;
			}
			
			.actu li {
			list-style: none;
			}
			
#footer_home {
padding: 5px 0 0 0;
text-align: center;
color: #369;
font-size: 11px;
}
	
	#footer_home a {
	color: #369;
	text-decoration: none;
	}
	
	#footer_home a:hover {
	color: #FFCA00;
	}
	
/***************/
/* Mini fiches */ 
/***************/

.titre_fiche {
width:750px;
height: 24px;
display:block;
background-image: url(../images/fond-titre.jpg);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
padding: 5px 0 0 5px;
margin: 20px 0 0 0;
}

	.titre_fiche .bien {
	float: left;
	width: 350px;
	}

	.titre_fiche .prix {
	float: left;
	width: 200px;
	}

	.titre_fiche .mandat {
	float: left;
	width: 200px;
	}

.contenu_fiche {
width:750px;
float:left;
background-color:#E6E6E6;
padding: 5px 0 0 5px;
margin: 0 0 0 0;
text-align:left;
}
	
	.contenu_fiche .descriptif_mini_fiche {
	text-align: left;
	padding:0;
	margin:5px 5px 20px 0;
	border-bottom:1px solid #036;
	}

	.contenu_fiche .photo_petite {
	float: left;
	width: 157px;
	height:120px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 5px;
	}

.droite_fiche{
float:right;
width: 383px;
}
	
.detail{
display:block;
height:30px;
background-image:url(../images/loupe.gif);
background-repeat:no-repeat;
padding:20px 0 0 50px;
}

.mail{
display:block;
height:30px;
background-image:url(../images/mail_next.gif);
background-repeat:no-repeat;
padding:20px 0 0 50px;
}

.bas_fiche {
background: url(../images/fond-titre.jpg) repeat-x;
width:750px;
height:29px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFF;
text-align:left;
vertical-align:middle;
padding-left:5px;
}

/****************/
/* Fiche-detail */
/****************/

#detail_header {
width:755px;
font-size:18px;	
}

	#detail_header #bien {
	float:left;
	width:385px;
	font-weight:bolder;
	padding:0 0 0 15px;
	}
	
	#detail_header #nb_pers {
	float:left;
	width:150px;
	}
	
	#detail_header #ref {
	float:left;
	width:200px;
	}
	
#detail_contenu {
width:755px;
}

	#detail_photos {
	width:250px;
	float:left;
	}
	
		#detail_photos a {
		display:block;
		width:107px;
		float:left;
		margin: 7px 0 0 7px;
		}
		
	#info_detail {
	width:501px;
	float:left;
	background-image:url(../images/fond_info_detail.gif);
	background-repeat:repeat-y;
	color:#00005e;
	}
	
		#info_detail_description {
		background-image:url(../images/detail_menu_description.gif);
		background-position:top;
		background-repeat:no-repeat;
		padding:0 10px 0 10px;
		}
		 
		#info_detail_localisation {
		background-image:url(../images/detail_menu_localisation.gif);
		background-position:top;
		background-repeat:no-repeat;
		padding:0 10px 0 10px;
		display:none;
		}

		#info_detail_confort {
		background-image:url(../images/detail_menu_confort.gif);
		background-position:top;
		background-repeat:no-repeat;
		padding:0 10px 0 10px;
		display:none;
		}

		#info_detail_reservation {
		background-image:url(../images/detail_menu_reservation.gif);
		background-position:top;
		background-repeat:no-repeat;
		padding:0 10px 0 10px;
		display:none;
		}
		
			#info_detail_reservation button{
			background-image:url(../images/btn_reserver.gif);
			background-repeat:no-repeat;
			background-color:transparent;
			border:none;
			width:90px;
			height:20px;
			color:#FFFFFF;
			font-weight:bold;
			}

			.info_detail_menu_description {
			height:20px;
			color:#FFFFFF;
			font-weight:bold;
			padding:5px 0 0 0;
			text-align:center;
			width:110px;
			margin:0 0 0 7px;
			float:left;
			cursor:pointer;
			}
			
			.info_detail_menu_description:hover {
			text-decoration:underline;	
			}
			
			.info_detail_menu_localisation {
			height:20px;
			color:#FFFFFF;
			font-weight:bold;
			padding:5px 0 0 0;
			text-align:center;
			width:112px;
			margin:0 0 0 8px;
			float:left;
			cursor:pointer;
			}
			
			.info_detail_menu_localisation:hover {
			text-decoration:underline;	
			}
			
			.info_detail_menu_confort {
			height:20px;
			color:#FFFFFF;
			font-weight:bold;
			padding:5px 0 0 0;
			text-align:center;
			width:111px;
			margin:0 0 0 9px;
			float:left;
			cursor:pointer;
			}

			.info_detail_menu_confort:hover {
			text-decoration:underline;	
			}

			.info_detail_menu_reservation {
			height:20px;
			color:#FFFFFF;
			font-weight:bold;
			padding:5px 0 0 0;
			text-align:center;
			width:110px;
			margin:0 0 0 9px;
			float:left;
			cursor:pointer;
			}
			
			.info_detail_menu_reservation:hover {
			text-decoration:underline;	
			}
			
#detail_bas {
background-image:url(../images/fond_info_detail_bas.gif);
background-position:bottom;
background-repeat:no-repeat;
height:13px;
padding:10px 10px 20px 10px;
}
/********************/
/* Page contact.htm */
/********************/

#form_contact {
width:700px;
margin-left:auto;
margin-right:auto;
padding:10px 0 0 0;
background:#f7f8f9;
font-weight:bold;
}

	#form_contact .champs {
	margin: 10px 0 10px 25px;
	}
	
	#form_contact button {
	border:none;
	cursor:pointer;
	}

/****************************/
/* Procédure de réservation */
/****************************/

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

	#resa .titre{
	background-image: url(../images/fond_titre_resa.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width:390px;
	padding: 5px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: ##003366;
	text-align:center;
	}
	
	#resa fieldset {
	padding:5px;
	}
	
	#resa li {
	list-style:none;
	}
	
	#resa #form button{
	background-image:url(../images/btn_reserver.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:90px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	}