/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #445978;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans serif;
	font-size: 1em;
	line-height: 110%;
}

.clear{
	clear: both;
}
a {
	color: #000;
}
a:hover {
	color: #038A8E;
}
a img {
	border: 0;
	border: none;
}
table {
	border-collapse: collapse;
}

#site {
	width: 961px;
	margin: 0 auto;
	background: url(../images/site_bg.gif) right top repeat-y;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/*======================================================
LEFT COL
======================================================*/
#left-col {
	width: 188px;
	background: url(../images/left_bg.gif) repeat-y;
	font-size: 0.75em;
	float: left;
}
	#left-col-inner {
		background: url(../images/left_bottom.gif) bottom no-repeat;
		height: auto !important;
		height: 100px;
		min-height: 100px;
		padding: 17px 13px 50px 13px;
		color: #fff;
	}
	
	.hr-blanc {
		height: 24px;
		background: url(../images/sep_vert_blanc.gif) left center repeat-x;
	}
	
	.moduleLang {
		position: absolute;
		width: 87px;
		text-align: right;
		top: 164px;
	}
		.moduleLang a {
			background: url(../images/lang.gif) center top no-repeat;
			margin: 0 2px;
		}
		.moduleLang a img {
			padding: 0 7px;
			margin: 0;
		}
		*+html .moduleLang a img {
			padding: 3px 7px;
		}
		*html .moduleLang a img {
			padding: 3px 7px;
		}
		.moduleLang a.selected {
			background: url(../images/lang_on.gif) center top no-repeat;
		}
	
	.btn-resa {
		display: block;
		height: 21px;
		font-size: 0.95em;
		font-weight: bold;
		text-transform: uppercase;
		color: #445978;
		text-align: center;
		text-decoration: none;
		background: url(../images/btn_resa.gif) no-repeat;
		padding: 4px 0 0 0;
	}
	.btn-resa:hover {
		color: #fff;
	}
	
	ul.menu-left {
		list-style :none;
		padding: 0;
		margin: 10px 0 6px 0;
	}
		ul.menu-left li {
			list-style :none;
			padding: 2px 0 2px 6px;
			margin: 0;
			color: #CEBDD7;
		}
			ul.menu-left li a {
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;
				color: #CEBDD7;
				padding: 0 0 0 18px;
			}
			ul.menu-left li a:hover,
			ul.menu-left li a.active {
				color: #A3BB1B;
			}
			
			ul.menu-left a.tarifs {
				background: url(../images/ico_euro.gif) 1px 3px no-repeat;
			}
			ul.menu-left a.download {
				background: url(../images/ico_download.gif) 1px 2px no-repeat;
			}
			ul.menu-left a.partner {
				background: url(../images/ico_partner.gif) 1px 2px no-repeat;
			}
			ul.menu-left a.plan-acces {
				background: url(../images/ico_plan.gif) 0 1px no-repeat;
			}
			ul.menu-left a.contact {
				background: url(../images/ico_mail.gif) 2px 4px no-repeat;
			}
			
	.info-resa {
		line-height: 120%;
		color: #fff;
	}
		.info-resa strong {
			font-size: 1.3em;
			line-height: 120%;
		}
		.info-resa a {
			color: #fff;
			text-decoration: none;
		}
		
	.btn-recommand {
		display: block;
		margin: 5px auto;
		width: 84px;
		height: 60px;
		padding: 20px 10px 0 10px;
		background: url(../images/btn_recommand.gif) no-repeat;
		line-height: 100%;
		text-decoration: none;
		color: #445978;
	}
	.btn-recommand:hover {
		color: #F35712;
	}
	
	.txt-succes {

	}
	
	.pad-partner {
		width: 129px;
		margin: 5px auto 0 auto;
		background: #fff url(../images/pad_partner_top.gif) top no-repeat;
	}
		.pad-partner-inner {
			background: url(../images/pad_partner_bottom.gif) bottom no-repeat;
			padding: 12px 5px;
			text-align: center;
			height: auto !important;
			height: 80px;
			min-height: 80px;
		}
		
.lk-acrobat {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(../images/ico_pdf.gif) left top no-repeat;
	padding: 0 0 0 20px;
	line-height: 100%;
}

	
/*======================================================
Main
======================================================*/
#main {
	width: 753px;
	padding: 20px 0 0 20px;
	float: left;
}

	/*=============== TOP MENU ===============*/
	.menu-top {
		height: 123px;
	}
	.btn-blog {
		position: absolute;
		top: 0;
		margin-left: 604px;
	}
	.menu-top ul.menu {
		margin: 0 0 11px 0;
		padding: 0;
		list-style: none;
	}
		.menu-top ul.menu li {
			margin: 0;
			padding: 0 7px 0 0;
			display: inline;
			list-style: none;
		}
		
	.tab-submenu {
		border-collapse: collapse;
		border: 0;
		width: 603px;
		height: 35px;
		background: url(../images/submenu.gif) no-repeat;
		margin: 0;
	}
		.tab-submenu td {
			padding: 0;
		}
	.menu-top ul.submenu {
		margin: 0;
		padding: 0px 10px 0 15px;
		list-style: none;
	}
		.menu-top ul.submenu li {
			margin: 0;
			padding: 0;
			display: inline;
			list-style: none;
			color: #006E85;
		}
		.menu-top ul.submenu li a {
			display: block;
			font-size: 0.75em;
			font-weight: bold;
			color: #006E85;
			text-decoration: none;
			background: url(../images/submenu_puce.gif) left 2px no-repeat;
			margin: 0 25px 0 0;
			padding: 0 0 0 25px;
			float: left;
		}
		.menu-top ul.submenu li a:hover,
		.menu-top ul.submenu li a.menuactive {
			color: #fff;
		}
		
	
	/*=============== Content ===============*/
	.home-accroche {
		float: left;
	}
	.home-btn-hebergement {
		float: left;
		margin: 0 0 0 22px;
	}
	.home-btn-location {
		position: relative;
		float: left;
		margin: -135px 0 0 0;
	}
	.home-btn-restauration {
		float: left;
		margin: 7px 0 0 0;
	}
	.home-btn-activites {
		position: relative;
		float: left;
		margin: -13px 0 0 10px;
	}
	
	.home-pad-resa {
		position: absolute;
		width: 448px;
		height: 290px;
		background: url(../images/home_pad_resa.gif) no-repeat;
		margin: -130px 0 0 17px;
	}
		.home-resa-autres {
			width: 165px;
			padding: 165px 0 0 10px;
			float: left;
		}
			.home-resa-autres ul {
				margin: 0 0 0 17px;
				padding: 0;
				font-size: 0.9em;
				color: #000;
			}
				.home-resa-autres ul li {
					list-style: square;
					margin: 0;
					padding: 0;
				}
					.home-resa-autres ul li a {
						color: #000;
						text-decoration: underline;
					}
					.home-resa-autres ul li a:hover {
						color: #fff;
					}
					
		.home-resa {
			width: 200px;
			padding: 35px 0 0 29px;
			float: left;
		}
			.home-resa table {
				margin: 20px 0 0 0;
			}
				.home-resa table td{
					font-size: 0.9em;
					padding: 3px 8px 3px 0;
				}
				.home-resa table table {
					margin: 0;
				}
					.home-resa table td td{
						font-size: 1em;
					}


	/*=============== Content ===============*/
	.content {
		width: 543px;
		float: left;
		padding: 0 39px 0 14px;
		background: url(../images/ctn_repeat.gif) repeat-y;
	}
		.content-bottom {
			background: url(../images/ctn_bottom.gif) bottom no-repeat;
		}
			.content-inner {
				height: auto !important;
				height: 400px;
				min-height: 400px;
				background: url(../images/ctn_top.gif) top no-repeat;
				padding: 0 29px 70px 45px;
				font-size: 0.75em;
				color: #000;
				line-height: 120%;
			}
			.content-inner-violet {
				background: url(../images/ctn_top_violet.gif) top no-repeat !important;
			}
	
	/* Petits anims Flash */
	#anim-3persos {
		position: absolute;
		padding: 1px 0 0 360px;
	}
	#anim-crayon {
		position: absolute;
		margin: -25px 0 0 -42px;
		z-index: 1;
	}
	#anim-blabla {
		position: absolute;
		margin-top: -45px;
	}
	#anim-lampe {
		position: absolute;
		padding: 0 0 0 101px;
		margin-top: -2px;
	}
	
	.content-right {
		width: 140px;
		padding: 32px 0 0 0;
		float: left;
	}
	
		#domino-1 {

		}
			#swf-domino1 {
				position: absolute;
				margin: 10px 0 0 -50px;
			}
			#swf-domino2 {
				position: absolute;
				margin: 285px 0 0 -50px;
			}
			
			.menu-right-home {
				padding: 560px 0 0 0;
			}
			.menu-right {
				padding: 0 0 0 0;
			}
				.menu-right-inner {
					font-size: 0.875em;
					line-height: 110%;
					color: #fff;
				}
				.menu-right-inner a {
					display: block;
					font-size: 0.85em;
					color: #A0AFC5;
					text-transform: uppercase;
					text-decoration: none;
					background: url(../images/arrow_right.gif) left 0 no-repeat;
					padding: 0 0 0 30px;
					margin: 6px 0 0 0;
				}
				.menu-right-inner a:hover {
					color: #fff;
				}
				
				.right-thumb {
					width: 135px;
					height: 267px;
					margin: 20px 0 0 0;
				}
					.right-thumb-mask {
						position: absolute;
						width: 135px;
						height: 267px;
						background: url(../images/img_right_mask.png) no-repeat;
					}
					h3.title-img {
						position: absolute;
						font-size: 0.9em;
						text-transform: uppercase;
						color: #fff;
						margin: 0;
						padding: 8px 0 0 17px;
					}
					.right-thumb img {
						width: 110px;
						height: 225px;
						padding: 28px 0 0 12px;
					}
					.right-thumb a  {
						position: absolute;
						margin: 28px 0 0 -115px;
					}
					.right-thumb a img {
						padding: 0;
					}
				
		
	/*========== Articles Blog list =========*/		
	.blog-ctn {
		padding: 0 0 15px 0;
		margin: 0 0 25px 0;
		background: url(../images/sep_ctn.gif) center bottom no-repeat;
	}
	

	.block_plan_site {
		padding: 0 0 15px 0;
		margin: 0 0 25px 0;
		background: url(../images/sep_ctn.gif) center bottom no-repeat;
	}
		.block_plan_site ul li {
			padding-bottom: 3px;
		}
			.block_plan_site ul li li {
				padding-bottom: 0;
			}
				.block_plan_site ul li a {
					font-size: 1.3em;
					color: #000;
					text-decoration: none;
				}
					.block_plan_site ul li li a {
						font-size: 1.1em;
					}
				.block_plan_site ul li a:hover {
					color: #038A8E;
				}


	/*=============== Titres ===============*/
	h1.title-big {
		font-size: 2em;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 40px 0 33px 15px;
	}
	h1.title-normal {
		font-size: 1.75em;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 40px 0 33px 15px;
	}
	h2.subtitle {
		position: relative;
		font-size: 1.5em;
		text-transform: uppercase;
		color: #038A8E;
		margin: 20px 0 0 -15px;
		padding: 0 0 18px 12px;
		background: url(../images/subtitle.gif) left bottom no-repeat;
	}
	
	
	/*=============== Divers ===============*/
	.content-inner em {
		font-size: 0.9em;
	}
	.content-inner p {
		padding: 0;
		margin: 10px 0 5px 0;
	}
	.content-inner ul {
		margin-top: 5px;
	}	
	
	.spacer-150 {
		height: 150px;
	}
	
	.hr-orange {
		height: 24px;
		background: url(../images/sep_ctn.gif) left center repeat-x;
	}

/*======================================================
FORMS
======================================================*/
form {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans serif;
	font-size: 0.95em;
}

#formSearch {

}
#newsletter {
	background: url(../images/news_bg.gif) no-repeat;
	padding: 45px 0 0 0;
	color: #CEBDD7;
}
	#newsletter p {
		margin: 0;
		padding: 0 0 5px 0;
		line-height: 110%;
	}

.field-135 {
	width: 125px;
	height: 16px;
	background: url(../images/field_135.gif) no-repeat;
	border: 0;
	border: none;
	color: #fff;
	line-height: 16px;
	padding: 2px 5px;
}
.field-70 {
	width: 60px;
	height: 16px;
	background: url(../images/field_70.gif) no-repeat;
	border: 0;
	border: none;
	color: #496C79;
	line-height: 16px;
	padding: 2px 5px;
	font-size: 1em;
}
.field-30 {
	width: 20px;
	height: 16px;
	background: url(../images/field_30.gif) no-repeat;
	border: 0;
	border: none;
	color: #496C79;
	line-height: 16px;
	padding: 2px 5px;
	font-size: 1em;
}
.field-130 {
	width: 120px;
	height: 16px;
	background: url(../images/field_130.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
}
.field-250 {
	width: 240px;
	height: 16px;
	background: url(../images/field_250.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
	font-size: 1em;
}
.area-250 {
	width: 240px;
	height: 66px;
	background: url(../images/area_250.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
	font-size: 1em;
	overflow: auto;
}
.btn-ok {
	margin: 0 0 0 2px;
	border: 0;
}

.table-form td {
	padding: 2px 5px;
}

.btn-send {
	width: 150px;
	height: 20px;
	background: url(../images/btn_150.gif) no-repeat;
	border: 0;
	border: none;
	color: #fff;
	line-height: 20px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	cursor: pointer;
}

#date_from, #date_to {
	float: left;
}

.btn-form-resa {
	display: block;
	width: 210px;
	height: 20px;
	background: url(../images/btn_form_resa.gif) no-repeat;
	text-decoration: none;
	color: #445978;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.btn-form-resa:hover {
	color: #fff;
}

table.tab-form-resa {
	width: 100%;
	background: url(../images/sep_ctn.gif) bottom repeat-x;
}
	table.tab-form-resa td {
		vertical-align: top;
		padding: 10px 0;
		color: #333;
	}
		table.tab-form-resa th {
			text-align: left;
			text-transform: uppercase;
			color: #F49E00;
			padding: 0 0 5px 3px;
		}
		table.tab-form-resa table {
			margin: 0 10px;
		}
		table.tab-form-resa td td {
			vertical-align: middle;
			padding: 1px 2px;
		}
		table.tab-form-resa td.border-right {
			width: 50%;
			background: url(../images/sep_ctn_vertical.gif) right top repeat-y;
		}

.field-127 {
	width: 117px;
	height: 16px;
	background: url(../images/field_127.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
}
.field-104 {
	width: 94px;
	height: 16px;
	background: url(../images/field_104.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
}
.field-87 {
	width: 77px;
	height: 16px;
	background: url(../images/field_87.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
}
.select {
	background: #fff;
	border: 1px solid #B9A0C6;
	color: #000;
	padding: 1px;
}
.area-219 {
	width: 209px;
	height: 36px;
	background: url(../images/area_219.gif) no-repeat;
	border: 0;
	border: none;
	color: #000;
	line-height: 16px;
	padding: 2px 5px;
	font-size: 1em;
	overflow: auto;
}


/*======================================================
Footer
======================================================*/
#footer {
	background: url(../images/footer.gif) left bottom no-repeat;
	padding: 20px 0 0 42px;
}
	.footer-txt {
		position: relative;
		font-size: 0.7em;
		color: #fff;
		padding: 0 0 15px 0;
		z-index: 10;
	}
		.footer-txt p {
			padding: 0;
			margin: 5px 0 0 0;
		}
	.footer-menu {
		position: absolute;
		font-size: 0.7em;
		color: #fff;
		padding: 2px 0;
	}
	#footer a {
		color: #fff;
		margin: 0 10px 0 0;
		text-decoration: none;
	}
	#footer a:hover, #footer a.menu_item_activ {
		color: #F49E00;
	}

/*======================================================
Video Accueil + Pub accueil
======================================================*/
.video_accueil_fr {
	width: 285px;
	padding: 63px 0 0 13px;
	float: left;
	margin-left: -37px !important;
	margin-left: -19px;
	height: 227px;
	background: url(../images/decouvrez_le_fiap_fr.jpg) no-repeat 8px 0px;
}
.video_accueil_en {
	width: 285px;
	padding: 63px 0 0 13px;
	float: left;
	margin-left: -37px !important;
	margin-left: -19px;
	height: 227px;
	background: url(../images/decouvrez_le_fiap_en.jpg) no-repeat 8px 0px;
}
.pub_accueil {
	float: left;
	margin-left: -37px !important;
	margin-left: -19px;
	padding:0 0 0 9px;
}
.pub_accueil p {
	margin: 0;
	padding: 0;
}

.pub_accueil br {
float: left;
	height: 0px;
	border: 1px solid #F00;
}