/* ------------------------------------- Reset CSS -------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color:#333333;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* ----------------------- Style des élément HTML -----------------------------*/
body {
	background-color:#e0d9db;
}

a:link, a:visited {
	color:#660033;
	text-decoration:none;
}

a:hover {
	color:#993366;
}

a.lien_onglet:link, a.lien_onglet:visited {
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

a.lien_onglet:hover {
	color:#0099CC;
}


/* ----------------------- Elements de l'interface ----------------------------*/
#interface {
	margin:auto;
	width:980px;
}

/* --- Header --- */
#header {
	width:100%;
}

	#header1 {
		background:url(../images/header1.jpg) no-repeat top left;
		width:281px;
		height:121px;
	}
	
	#header2 {
		width:684px;
		height:26px;
		text-align:right;
		padding:95px 15px 0px 0px;
	}
	
	#header3 {
		background:url(../images/header3.jpg) no-repeat top left;
		width:281px;
		height:25px;
	}
	
	#header4 {
		background:url(../images/header4.gif) top left;
		width:699px;
		height:25px;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	
	#fond_recherche {
		background:url(../images/fond_recherche.jpg) no-repeat top left;
		width:231px;
		height:160px;
		padding:30px 20px 10px 30px;
	}
	
	#banniere {
		/*background:url(../images/banniere.jpg) no-repeat top left;*/
		width:699px;
		height:200px;
	}
	
	#header6 {
		background:url(../images/header6.gif) repeat-y;
		width:980px;
		height:3px;
	}
	
	#menu_titre {
		width:281px;
		height:74px;
	}
	
	#fond_defil {
		background:url(../images/fond_defil.gif) repeat-y top left;
		width:699px;
		height:74px;
	}


/* --- Menu de gauche --- */
#menu_haut {
	background:url(../images/menu_haut.gif) no-repeat top left;
	width:281px;
	height:1px;
}

#menu_centre {
	background:url(../images/menu_centre.gif) repeat-y top left;
	width:246px;
	padding:10px 15px 5px 20px;
}

#menu_bas {
	background:url(../images/menu_bas.gif) no-repeat top left;
	width:281px;
	height:6px;
}


/* --- Body --- */
#body_haut {
	background:#FFFFFF url(../images/fond_body.gif) repeat-y top right;
	width:699px;
	height:1px;
}

#body {
	background:#FFFFFF url(../images/fond_body.gif) repeat-y top right;
	width:699px;
}
	.body_retour {
		margin:10px 40px;
		text-align:center;
	}

	.conteneur {
		width:675px;
		margin:9px 15px 9px 9px;
	}
	
	.conteneur_onglets {
		height:17px;
		padding:0px 10px;
	}
	
		.onglet {
			float:left;
			margin-right:5px;
		}
	
		.onglet_left-on {
			background:url(../images/onglet_left-on.gif) no-repeat top left;
			width:7px;
			height:17px;
		}
	
		.onglet_center-on {
			background:url(../images/onglet_center-on.gif) repeat-x top left;
			height:17px;
		}
	
		.onglet_right-on {
			background:url(../images/onglet_right-on.gif) no-repeat top left;
			width:7px;
			height:17px;
		}
	
		.onglet_left-off {
			background:url(../images/onglet_left-off.gif) no-repeat top left;
			width:7px;
			height:17px;
		}
	
		.onglet_center-off {
			background:url(../images/onglet_center-off.gif) repeat-x top left;
			height:17px;
		}
	
		.onglet_right-off {
			background:url(../images/onglet_right-off.gif) no-repeat top left;
			width:7px;
			height:17px;
		}
	
	.conteneur_topleft {
		background:url(../images/conteneur_topleft.gif) no-repeat top left;
		width:10px;
		height:10px;
	}

	.conteneur_topcenter {
		background:url(../images/conteneur_topcenter.gif) repeat-x top left;
		height:10px;
	}

	.conteneur_topright {
		background:url(../images/conteneur_topright.gif) no-repeat top left;
		width:10px;
		height:10px;
	}

	.conteneur_left {
		background:url(../images/conteneur_left.gif) repeat-y top left;
		width:10px;
	}

	.conteneur_center {
		background-color:#FFFFFF;
	}

	.conteneur_right {
		background:url(../images/conteneur_right.gif) repeat-y top left;
		width:10px;
	}

	.conteneur_bottomleft {
		background:url(../images/conteneur_bottomleft.gif) no-repeat top left;
		width:10px;
		height:10px;
	}

	.conteneur_bottomcenter {
		background:url(../images/conteneur_bottomcenter.gif) repeat-x top left;
		height:10px;
	}

	.conteneur_bottomright {
		background:url(../images/conteneur_bottomright.gif) no-repeat top left;
		width:10px;
		height:10px;
	}

#body_bas {
	background:#FFFFFF url(../images/fond_body.gif) repeat-y top right;
	width:699px;
	height:6px;
}


/* --- Footer --- */
#footer {
	width:100%;
	height:54px;
}

	#footer_left {
		background:url(../images/footer_left.gif) no-repeat top left;
		width:18px;
		height:42px;
	}
	
	#footer_centre {
		background:url(../images/footer_centre.gif) repeat-x top left;
		height:42px;
		text-align:center;
	}
	
	#footer_right {
		background:url(../images/footer_right.gif) no-repeat top left;
		width:18px;
		height:42px;
	}
	
	#signature_caponline {
		height:12px;
		text-align:right;
		padding-right:20px;
	}	
	
		a.lien_caponline:link, a.lien_caponline:visited {
			color:#666666;
		}
		
		a.lien_caponline:hover {
			color:#333333;
		}
	
	
/* ------------------------ Fiche hôtel ----------------------------*/
.hotel_logo {
	float:right;
	text-align:center;
}

.hotel_chambres {
	text-align:center;
	color:#990000;
	font-size:12px;
	font-weight:bold;
	margin:20px 0px;
}

.hotel_description {
	text-align:justify;
	margin-bottom:20px;
}

.hotel_photo_gd {
	display:block;
	width:280px;
	text-align:center;
	border:1px solid #999999;
	padding:10px;
}

.hotel_photo_min {
	display:block;
	float:left;
	width:85px;
	text-align:center;
	border:1px solid #999999;
	padding:5px;
	margin-right:5px;
}

.hotel_picto {
	padding-left:30px;
	margin-top:5px;
}

.hotel_picto_img {
	width:24px;
	height:24px;
	float:left;
}


/* ---------------------------- Menu -----------------------------------*/
.menu_item_logo {
	float:left;
	width:30px;
	text-align:center;
	height:20px;
}

a.menu_item_lien:link, a.menu_item_lien:visited {
	display:block;
	float:left;
	color:#993366;
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:206px;
}

a.menu_item_lien:hover {
	color:#ffff66;
}

a.menu_item_lien_selected:link, a.menu_item_lien_selected:visited {
	color:#ffff66;
}

.menu_hr {
	width:205px;
	height:1px;
	margin-left:40px;
	color:#993366;
	background-color:#993366;
	border:0px;
}

a.menu_lienAll:link, a.menu_lienAll:visited {
	display:block;
	color:#993366;
	font-weight:bold;
	font-size:12px;
	margin-top:20px;
	text-align:center;
}

a.menu_lienAll:hover {
	color:#ffff66;
}

/* --------------------------- Zone de recherche de la bannière ------------------------------ */
.search_titre {
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:20px;
}

.search_label {
	display:block;
	float:left;
	width:90px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
}

.search_select {
	background-color:#6699cc;
	border:0px solid #FFFFFF;
	width:130px;
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:20px;
}

.search_submit {
	width:137px;
	height:32px;
	margin-left:90px;
}

.search_intro {
	margin:20px 40px;
	text-align:center;
	font-weight:bold;
}

a.search_item:link, a.search_item:visited {
	display:block;
	float:left;
	width:180px;
	border:1px solid #999999;
	padding:10px;
	margin:15px;
	text-align:center;
}

a.search_item:hover {
	border:1px solid #999999;
	background-color:#EEEEEE;
}


/* ---------------------------------- Bandeau de défilement du haut -------------------------------*/
.defil {
	width:680px;
	height:60px;
	background-color:#e0d9db;
	border:2px solid #e0d9db;
	margin-left:1px;
}