@import url(boxes.css);
@import url(fiche.css);
@import url(fichevideo.css);
@import url(listing.css);
@import url(modules.css);
@import url(box_realisation.css);
@import url(box_rss.css);
@import url(calendrier.css);
/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	font: normal 12px arial;
	color: #384959;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #FFFFFF; /* url('templates/<?php echo CONFIG_TEMPLATE; ?>/images/fd_body.jpg') top center repeat-x */
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
div.spacer {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 0px;
	font: normal 0px Arial, Helvetica, sans-serif;
}
div.separateur {
	border-top: 1px dashed #858585;
}
h1 {
	font: bold 13px arial;
	color: #650608;
}
img {
	border: none;
}
a {
	outline: none;
}

/*---- CONTAINER INDEX  ------------------------------------------------------------------------------------------------*/
	div.container_index {
		width: 961px;
		height: auto;
		margin: 10px auto 0 auto;
		padding: 0 0 0 0;
		/*border: 1px solid #7C7268;*/
	}

/*---- CONTAINER -------------------------------------------------------------------------------------------------------*/
	div.container {
		width: 960px;
		height: auto;
		margin: 10px auto 0 auto;
		padding: 0 0 0 0;
		/*border: 1px solid #7C7268;*/
	}
	
/*---- BANNER INDEX -------------------------------------------------------------------------------------------------------*/
	div.banner_index {
		width: 861px;
		height: 205px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		float:left;
	}
		div.banner_index img.banner {
		}		
/*---- BANNER -------------------------------------------------------------------------------------------------------*/
	div.banner {
		width: 860px;
		height: 195px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		float:left;
	}
		div.banner img.banner {
		}		


/*---- MENU ONGLET ----------------------------------------------------------------------------------------------------*/				
	div.menu_onglet {
		width:100px;
		height:auto;
		margin:20px 0 0 0;
		padding:0 0 0 0;
		/*border:1px #CC6633 solid;*/
	}
	div.onglet {
		width: 100px;
/*		height: 19px!important;
		height: 25px;*/
		height:auto;
		margin: 20px 0 0 0;
		padding: 0 0 0 0;
		float: right;
		/*z-index: 100;*/
	}
	div.onglet a {
		color:#FFFFFF;
		font: bold 12px Arial, Helvetica, sans-serif;
		text-decoration:none;
		z-index: 100;
	}
	div.onglet a:hover {
		color:#EA950C;
	}
	
	div.onglet a.onglet_accueil {
		width: 44px;
		height: 44px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		display:block;
		background: url('../images/onglet/picto_home.jpg') top center no-repeat;
	}

	div.onglet a.onglet_contact {
		width: 44px;
		height: 44px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		display:block;
		background: url('../images/onglet/picto_contact.jpg') top center no-repeat;
	}
	div.onglet a.onglet_recrutement {
		width: 70px;
		height: 44px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		display:block;
		text-align: center;
		background: url('../images/onglet/picto_recrutement.jpg') top center no-repeat;
	}

	div.onglet a.onglet_acces {
		width: 44px;
		height: 44px;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		display:block;
		background: url('../images/onglet/picto_acces.jpg') top center no-repeat;
	}
		
		div.onglet div.ssonglet {
			margin: 0 0 0 0;
			padding: 4px 0 0 0;
			background: #378dd8;
			/*border: 1px solid #4e4f49;*/
			z-index: 100000;
			position: absolute;
		}
			div.onglet div.ssonglet a.ssonglet {
				width: auto;
				min-height: 20px;
				height: auto;
				font: bold 12px arial;
				color: #ffffff;
				display: block;
				margin: 0 0 0 0;
				padding: 0 4px 0 4px;
				z-index: 100000;
			}
				div.onglet div.ssonglet a.ssonglet:hover {
					color:#99CCFF;
				}
	
/*---- CONTENT INDEX --------------------------------------------------------------------------------------------------*/
	div.content_index {
		width: 961px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		/*float:left;*/
		/*background: url('../images/fd_content.jpg') top center repeat-y;*/
	}
		div.content_index div.volet_gauche {
			width: 100px;
			min-height:596px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
			background:#7C7268;
		}
		
	div.content_index a.link_ashotel {
		width: 330px;
		height: 100px;
		margin: -40px 0 0 45px;
		padding: 0 0 0 0;
		display: block;
		opacity: 0.7;
		filter: alpha(opacity=70)!important;
		background: #FFFF00;
		float: left;
	}
	div.content_index a.link_piqueassiette {
		width: 335px;
		height: 100px;
		margin: 55px 0 0 80px;
		padding: 0 0 0 0;
		display: block;
		opacity: 0.7;
		filter: alpha(opacity=70)!important;
		background: #00FFFF;
		float: left;
	}
	div.content_index a.link_fasthotel {
		width: 335px;
		height: 120px;
		margin: 55px 0 0 125px;
		padding: 0 0 0 0;
		display: block;
		opacity: 0.7;
		filter: alpha(opacity=70)!important;
		background: #00FF00;
		float: left;
	}


/*---- CONTENT -------------------------------------------------------------------------------------------------------*/
	div.content {
		width: 960px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		background: url('../images/fd_content.jpg') top center repeat-y;
	}
		div.content div.volet_gauche {
			width: 100px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
			background:#7C7268;
			/*background: #FFFF00;*/
		}
	
	
/*---- CONTENU INDEX -------------------------------------------------------------------------------------------------*/	
	div.contenu_index {
		width: 861px;
		height: 391px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		float:left;
		/*background: #FF00FF;*/
		background: url('../images/fd_contenu_index.jpg') top center no-repeat;
	}
	
		div.contenu_index div.volet_droite {
			width: 207px;
			height: auto;
			margin: 5px 0 0 0;
			padding: 0 0 0 0;
			float: left;
			/*background: #FFFF00;*/
		}
		div.contenu_index div.volet_centrale {
			width: 861px;
			height: auto;
			margin: 5px 0 0 0;
			padding: 0 0 0 0;
			float: left;
			text-align: left;
			/*background: #00FFFF;*/
		}

/*---- CONTENU -------------------------------------------------------------------------------------------------------*/
	div.contenu {
		width: 860px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		float:left;
		background: url('../images/fd_contenu.jpg') top center repeat-y;
	}
	
	div.bottom_contenu {
		margin:-45px 0 0 0;
		padding:0 0 0 0;
		width:860px;
		height:45px;
		background: url('../images/bottom_contenu.jpg') top center no-repeat;
		position:relative;
		float:right;
	}
		div.contenu div.volet_droite {
			width: 207px;
			height: auto;
			margin: 5px 0 0 0;
			padding: 0 0 0 0;
			float: left;
			/*background: #FFFF00;*/
		}
		div.contenu div.volet_centrale {
			width: 860px;
			height: auto;
			margin: 5px 0 0 0;
			padding: 0 0 0 0;
			float: left;
			text-align: left;
			/*background: #00FFFF;*/
		}
		
/*---- FOOTER INDEX-------------------------------------------------------------------------------------------*/
	div.footer_index {
		width: 961px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 10px 0;
		background: url('../images/fd_footer_index.jpg') top center repeat-y;
	}
		div.footer_index div.info_societe {
			width: 961px;
			height: 25px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			color: #FFFFFF;
			font: normal 11px Arial, Helvetica, sans-serif;
		}


/*---- FOOTER -------------------------------------------------------------------------------------------------------*/
	div.top_footer {
		width: 960px;
		height: 45px;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		background: url('../images/top_footer.jpg') top center no-repeat;
	}
	
	div.footer {
		width: 960px;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 0 10px 0;
		background: url('../images/fd_footer.jpg') top center repeat-y;
	}
		div.footer div.info_societe {
			width: 960px;
			height: 25px;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
			color: #FFFFFF;
			font: normal 11px Arial, Helvetica, sans-serif;
		}
		
/*---- CONCEPTION INDEX----------------------------------------------------------------------------------------------------*/		
		div.conception_index {
			width: 961px;
			height: auto;
			/*height: auto;*/
			/*position: relative;*/
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}
		div.conception_index p {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			font: normal 12px arial;
			color: #7C7268;
		}
		div.conception_index a {
			font: normal 12px arial;
			color: #7C7268;
		}
		div.conception_index a.centrenet {
			text-decoration: none;
			font: normal italic 11px arial;
			color: #7C7268;
		}
		div.conception_index a.centrenet:hover {
			text-decoration: underline;
		}



/*---- CONCEPTION ----------------------------------------------------------------------------------------------------*/		
		div.conception {
			width: 960px;
			height: auto;
			/*height: auto;*/
			/*position: relative;*/
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}
		div.conception p {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			font: normal 12px arial;
			color: #7C7268;
		}
		div.conception a {
			font: normal 12px arial;
			color: #7C7268;
		}
		div.conception a.centrenet {
			text-decoration: none;
			font: normal italic 11px arial;
			color: #7C7268;
		}
		div.conception a.centrenet:hover {
			text-decoration: underline;
		}
			

/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
	#message{
		width: 100%;
		height: auto;
		left: 0px;
		margin: 150px auto 0 auto;
		padding: 10px;
		position: absolute;
		text-align: center;
	}
	#message a {
		text-decoration: none;
		color: #250600;
	}
	#message p {
		color: #000000;
	}
	#message p.close{
		margin: 25px 0 0 0;
	}
	#message_box{
		width: 350px;
		height: auto;
		margin:0 auto 0 auto;
		padding: 10px 10px 15px 10px;
		font:bold 12px Arial, Helvetica, sans-serif;
		color: #666666;
		background-color: #e5e5e5;
		border: 1px solid #250600;
		opacity: 0.9 ;
		filter: alpha(opacity=90)!important;
	}