/*=============================================================================================
CSS Lyaout AJA ::: kd@advisa.fr
=============================================================================================*/

html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #2E526B url(../images/body_bg.jpg) center top no-repeat;
	font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #2E526B;
}

.clear {
	clear: both;
}
img {
	border: 0;
	border: none;
}
.preload {
	position: absolute;
	display: none;
	visibility: hidden;
}
table {
	border-collapse: collapse;
	border: 0;
	border: none;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}

/*========== HEADER =============*/
.header {
	width: 960px;
	margin: 0 auto;
}
	.header td {
		padding: 0;
	}
				
				
/*========== MAIN =============*/
.main {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

		/*========== Left Col =============*/
		.left-col {
			position: absolute;
			top: 0;
			left: 0;
			width: 181px;
			padding: 19px 0 0 0;
			background: url(../images/left_top.jpg) no-repeat;
		}
			.left-col .menu {
				position: relative;
				background: url(../images/left_menu_bottom.jpg) bottom no-repeat;
				padding: 0 0 72px 0;
				color: #fff;
				font-weight: bold;
			}
				.left-col .menu ul {
					margin: 0;
					padding: 0;
				}
					.left-col ul.ul-menu {
						font-size: 13px;
					}
					.left-col ul.ul-menu li {
						list-style: none;
					}
					.left-col ul.ul-menu li.seul,
					.left-col ul.ul-menu li.avec {
						border-top: 1px solid #2E526B;
					}
						.left-col ul.ul-menu li.first {
							background: url(../images/left_menu_first.jpg) no-repeat;
						}
						.left-col ul.ul-menu li.seul {
							background: url(../images/left_menu_seul.jpg) no-repeat;
						}
						.left-col ul.ul-menu li.avec {
							background: url(../images/left_menu_avec.jpg) no-repeat;
						}
						.left-col ul.ul-menu li a,
						.left-col ul.ul-menu li span {
							display: block;
							padding: 6px 10px 4px 10px;
							height: 20px;
							color: #fff;
							text-decoration: none;
						}
						.left-col ul.ul-menu li a:hover,
						.left-col ul.ul-menu li a.active {
							text-decoration: underline;
						}
						
							.left-col ul.ul-submenu {
								padding: 4px 0;
								font-size: 12px;
								background: url(../images/left_menu_repeat.jpg) repeat-y !important;
							}
								.left-col ul ul.ul-submenu li:hover {
									background: url(../images/left_menu_over.jpg) right center no-repeat;
								}
								.left-col ul ul.ul-submenu li a {
									padding: 3px 10px;
									height: auto !important;
									height: 10px;
									min-height: 10px;
								}
								.left-col ul ul.ul-submenu li a:hover,
								.left-col ul ul.ul-submenu li a.active {
									text-decoration: none;
									background: url(../images/left_menu_over.jpg) right center no-repeat;
								}
								
									.left-col ul.ul-subsubmenu {
										position: absolute;
										display: none;
										width: 140px;
										left: 181px;
										margin: -24px 0 0 0;
										padding: 6px 10px 6px 20px;
										font-size: 12px;
										background: #BCB9D5;
									}
									.left-col ul ul.ul-subsubmenu li:hover {
										background: none;
									}
										.left-col ul ul.ul-subsubmenu li a {
											color: #2E526B;
											padding: 3px 0;
										}
										.left-col ul ul.ul-subsubmenu li a:hover,
										.left-col ul ul.ul-subsubmenu li a.active {
											text-decoration: underline;
											background: none;
										}
				
				.left-col a.btn-telechargement {
					display: block;
					width: 134px;
					height: 16px;
					background: url(../images/left_btn_telechargement.gif) no-repeat;
					padding: 4px 0 0 10px;
					margin: 24px 0 0 0;
					color: #fff;
					text-decoration: none;
				}
				.left-col a.btn-aja {
					display: block;
					width: 134px;
					height: 16px;
					background: url(../images/left_btn_aja.gif) no-repeat;
					padding: 4px 0 0 10px;
					margin: 14px 0 0 0;
					color: #fff;
					text-decoration: none;
				}
				a.btn-telechargement:hover,
				a.btn-aja:hover {
					color: #2E526B;
				}
						
		
		/*========== Content Col =============*/
		.ctn-col {
			width: 581px;
			padding: 0 0 0 176px;
		}
			.ctn-repeat {
				background: url(../images/ctn_repeat.jpg) repeat-y;
			}
				.ctn-bottom {
					background: url(../images/ctn_bottom.jpg) left bottom no-repeat;
				}
					.ctn-top {
						background: url(../images/ctn_top.jpg) left top no-repeat;
						height: auto !important;
						height: 724px;
						min-height: 724px;
						padding: 28px 60px 16px 25px;
					}
				
					
		/*========== Right Col =============*/
		.right-col {
			position: absolute;
			top: 0;
			right: 0;
			width: 208px;
		}
			.right-col table {
				margin: 0;
			}
				.right-col table td {
					padding: 0;
					font-size: 11px;
				}
				.right-col table td.manif-ctn {
					height: 78px;
					background: url(../images/right_manif_ctn.jpg) no-repeat;
				}
				.right-col table td.sejour-ctn {
					height: 78px;
					background: url(../images/right_sejour_ctn.jpg) no-repeat;
				}
				.right-col table td.news-ctn {
					height: 38px;
					background: url(../images/right_news_ctn.jpg) no-repeat;
				}
				.right-col table td.manif-bottom {
					height: 96px;
					background: url(../images/right_manif_bottom.jpg) no-repeat;
					padding: 3px 25px 0 20px;
				}
				.right-col table td.sejour-bottom {
					height: 78px;
					background: url(../images/right_sejour_bottom.jpg) no-repeat;
					padding: 0 25px 0 20px;
				}
				.right-col table td.news-bottom {
					height: 169px;
					background: url(../images/right_news_bottom.jpg) no-repeat;
					vertical-align: top;
				}
				
					.right-col .manif-ctn table,
					.right-col .sejour-ctn table {
						width: 194px;
					}
						.right-col .manif-ctn table td.img,
						.right-col .sejour-ctn table td.img {
							width: 100px;
							padding: 0;
							vertical-align: top;
						}
							.right-col .manif-ctn td.img img,
							.right-col .sejour-ctn td.img img {
								width: 100px;
								height: 78px;
								border: 0;
							}
						.right-col .manif-ctn table td.text,
						.right-col .sejour-ctn table td.text {
							vertical-align: top;
							padding: 6px 0 6px 6px;
						}
							.right-col .manif-ctn table td.text table,
							.right-col .sejour-ctn table td.text table {
								width: 88px;
								height: 66px;
							}
								.right-col .manif-ctn table td.text td.text-title,
								.right-col .sejour-ctn table td.text td.text-title {
									vertical-align: top;
									text-transform: uppercase;
									font-weight: bold;
								}
									.right-col .manif-ctn table td.text td.text-title a,
									.right-col .sejour-ctn table td.text td.text-title a {
										text-decoration: none;
										color: #2E526B;
									}
								.right-col .manif-ctn table td.text td.text-desc,
								.right-col .sejour-ctn table td.text td.text-desc  {
									vertical-align: bottom;
									font-style: italic;
									line-height: 100%;
								}
								
					.right-col table td.manif-bottom p,
					.right-col table td.sejour-bottom p {
						padding: 0;
						margin: 0;
					}
					.right-col table td.manif-bottom ul,
					.right-col table td.sejour-bottom ul {
						margin: 0;
						padding: 4px 0 0 0;
					}
						.right-col table td.manif-bottom ul li,
						.right-col table td.sejour-bottom ul li {
							list-style: none;
							margin: 0;
							padding: 0;
						}
							.right-col table td.manif-bottom ul li a,
							.right-col table td.sejour-bottom ul li a {
								display: block;
								background: url(../images/ctn/puce1.gif) left 3px no-repeat;
								padding: 0 0 0 20px;
								text-decoration: none;
								color: #2E526B;
							}
							.right-col table td.manif-bottom ul li a:hover,
							.right-col table td.sejour-bottom ul li a:hover {
								text-decoration: underline;
							}
							
							
					.right-col table td.news-ctn td {
						padding: 0 2px;
					}
						.right-col table td.news-ctn .input-txt {
							width: 107px;
							margin: 0 0 0 15px;
							padding: 2px 4px;
							background: #fff;
							border: 0;
							color: #2E526B;
							font-size: 11px;
							font-style: italic;
						}
					
					.right-col table td.news-bottom .adresse {
						padding: 15px 56px 0 33px;
						text-align: center;
						font-size: 12px;
					}
						.right-col table td.news-bottom .adresse strong {
							font-size: 14px;
						}
						.right-col table td.news-bottom .adresse a {
							color: #2E526B;
						}
							
		

/*========== FOOTER =============*/
.footer {
	position: relative;
	width: 475px;
	margin: 0 auto;
	padding: 16px 0 10px 25px;
	color: #BEDAD9;
}
	.footer ul {
		margin: 0;
		padding: 0;
	}
		.footer ul li {
			list-style: none;
			display: inline;
			margin: 0;
			padding: 0 23px 0 18px;
			background: url(../images/footer_sep.gif) right center no-repeat;
		}
		.footer ul li.last {
			background: none;
		}
			.footer a {
				color: #BEDAD9;
				text-decoration: none;
			}
			.footer a:hover {
				color: #fff;
			}