/*==============================================
CSS Document
Copyright www.alsacett.com
==============================================*/

/*======================= Contenu header =======================*/
.header .header-pub {
	width: 474px;
	height: 66px;
	background: url(../images/header_pad_pub.gif) no-repeat;
	padding: 5px 0 0 19px;
	float: right;
}
.header .header-actu {
	width: 480px;
	float: right;
	color: #fff;
	margin: 20px 0 0 0;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans serif;
}
	.header .header-actu  h2 {
		font-size: 20px;
		font-weight: normal;
		margin: 0 0 3px 0;
		padding: 0 0 7px 0;
		border-bottom: 2px solid #fff;
	}
	.header .header-actu  table {
		width: 100%;
		border-collapse: collapse;
		border: 0;
		border: none;
		margin: 0;
	}
		.header .header-actu  table td {
			font-size: 10px;
			border: 0;
			border-bottom: 1px solid #999;
			padding: 5px 0;
		}
		.header .header-actu  td.date {
			width: 50px;
		}
		.header .header-actu  td.titre {
			padding-left: 9px;
		}
		.header .header-actu  td.lk-infos {
			padding-left: 9px;
			text-align: right;
		}
			.header .header-actu a {
				color: #fff;
				text-decoration: none;
			}
			.header .header-actu a:hover {
				color: #000;
			}


/*======================= Menu =======================*/
.left-col .menu {
	background: url(../images/menu_top.jpg) no-repeat;
	padding: 7px 0 0 0;
	font-size: 10px;
}
	.left-col .menu ul.level-1 {
		background: url(../images/menu_bottom.jpg) bottom no-repeat;
		padding: 0 0 9px 0;
		margin: 0;
	}
		.left-col .menu ul.level-1 li {
			list-style: none;
			display: inline;
			padding: 0;
			margin: 0;
		}
		.left-col .menu ul.level-1 li a {
			display: block;
			text-decoration: none;
			padding: 0;
			margin: 0;
		}
		
			.left-col .menu ul.level-2 {
				position: absolute;
				display: none;
				width: 120px;
				background: #9ECFCF url(../images/submenu_top.jpg) no-repeat;
				padding: 7px 15px;
				margin: -32px 0 0 200px;
			}
				.left-col .menu ul.level-2 li {
					list-style: none;
					display: block;
					padding: 5px 0;
					margin: 0;
				}
					.left-col .menu ul.level-2 li a {
						color: #000;
						font-weight: bold;
					}
					.left-col .menu ul.level-2 li a:hover,
					.left-col .menu ul.level-2 li a.active {
						color: #055C50;
					}
					

/*======================= Left pads =======================*/
.left-col .pad {
	margin: 0;
	padding: 20px 9px 0 7px;
	font-size: 10px;
}
	.left-col .pad h2{
		margin: 0;
		padding: 0 0 10px 0;
	}

.left-col .left-pub {
	margin: 0;
	padding: 40px 9px 0 7px;
}
	.left-col .left-pub .title{
		margin: 0;
		padding: 0 0 5px 0;
	}
	
.left-col .copyright {
	padding: 35px 0 0 0;
	font-size: 10px;
	color: #666;
}
	.left-col .copyright a {
		color: #666;
		text-decoration: none;
	}
	.left-col .copyright a:hover {
		color: #000;
	}
		
/*======================= Contenu =======================*/
.content {
	background: url(../images/content_top.png) no-repeat;
	padding: 9px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #000;
}
	.content-inner {
		background: #E5E5E5 url(../images/content_bottom.png) bottom no-repeat;
		height: auto !important;
		height: 250px;
		min-height: 250px;
		padding: 11px 20px 0 20px;
	}
	
	.spacer-bottom {
		height: 20px;
	}
	.btn-rss {
		display: block;
		width: 75px;
		height: 15px;
		text-align: right;
		background: url(../images/ico_rss.gif) right top no-repeat;
		float: right;
		font-size: 10px;
		color: #F77E10;
		text-decoration: none;
		padding: 5px 28px 0 0;
	}
	.btn-rss:hover {
		color: #F77E10;
	}
	
	.content h1 {
		padding: 0;
		margin: 0;
	}
	.content h2 ,
	.comments h2 {
		padding: 0;
		margin: 0;
	}
	.content .pad-actu {
		padding: 20px 0 0 0;
		margin: 0;
		text-align: justify;
	}
		.content .pad-actu h2 {
			width: 352px;
			font-size: 12px;
			color: #fff;
			height: 18px;
			background: url(../images/title_art_bg.jpg) repeat-y;
			padding: 6px 0 0 8px;
			margin: 0;
			float: left;
		}
		.content .pad-actu h2 a {
			color: #fff;
			text-decoration: none;
		}
		.content .pad-actu h2 a:hover {
			color: #fff;
		}
		.content .pad-actu .btn-plus {
			float: left;
		}	
		.content .pad-actu .photo-small {
			padding: 0 10px 0 0;
			margin: 0;
			float: left;
		}
		.content .pad-actu .txt {
			padding: 3px 0 0 0;
		}
		.content .pad-actu .txt p {
			padding: 0;
			margin: 15px 0;
		}
		
		.pad-actu-menu {
			padding: 0;
			margin: 20px 0 0 10px;
			font-size: 10px;
			color: #666;
		}
			.pad-actu-menu li {
				width: 225px;
				list-style: none;
				margin: 5px 0;
				padding: 0;
				float: left;
			}
				.pad-actu-menu li a {
					color: #666;
					text-decoration: none;
				}
				.pad-actu-menu li a:hover {
					color: #000;
				}
					.pad-actu-menu li a img {
						vertical-align: middle;
						padding: 0 9px 1px 0;
					}

					
	.comments {
		background: #E5E5E5 url(../images/content_bottom.png) bottom no-repeat;
		height: auto !important;
		height: 250px;
		min-height: 250px;
		padding: 11px 0 0 20px;
	}
		.comment {
			padding: 30px 20px 10px 0;
			font-size: 12px;
			text-align: justify;
		}
			.comment h3 {
				padding: 0 0 5px 0;
				margin: 0 0 5px 0;
				border-bottom: 1px solid #fff;
				font-size: 12px;
				font-weight: bold;
			}
			.comment h3 .date {
				position: relative;
				font-size: 10px;
				font-weight: normal;
				margin: -10px 0 0 0;
				float: right;
			}
			*html .comment h3 .date { /* IE6 */
				margin: -16px 0 0 0;
			}
			
			.btn-bottom {
				display: block;
				width: 139px;
				height: 17px;
				background: url(../images/pad_gris_btn.png) no-repeat;
				margin: 0 0 0 20px;
				padding: 7px 6px 0 28px;
				font-size: 10px;
				text-align: right;
				text-decoration: none;
				color: #fff;
				float: right;
			}
			*html .btn-bottom {
			    background: none;
			    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pad_gris_btn.png');
				cursor: pointer;
			}
			.btn-bottom:hover{
				color: #ccc;
			}
			
	.pad-calendar {
		position: relative;
	}
		.calendar-year {
			position: absolute;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			margin: -13px 0 0 200px;
		}
		table.calendar {
			border-collapse: collapse;
			border: 0;
			margin: 0 0 5px 0;
		}
			table.calendar th {
				width: 65px;
				text-align: center;
				background: #333;
				font-size: 11px;
				font-weight: bold;
				color: #fff;
				padding: 4px 0;
				border: 1px solid #E5E5E5;
				border-bottom: 3px solid #E5E5E5;
			}
			table.calendar td{
				width: 60px;
				height: 20px;
				padding: 5px 0 0 5px;
				background: #fff;
				font-size: 10px;
				font-weight: bold;
				vertical-align: top;
				color: #333;
				border: 1px solid #E5E5E5;
			}
			table.calendar td.off{
				background: #fff url(../images/calendar_off.gif);
			}
			
				.pad-calendar .post-it {
					position: absolute;
					height: 36px;
					padding: 2px;
				}
				*html .pad-calendar .post-it { /*IE6*/
					height: 42px;
				}
				
				.pad-calendar .duree-1 {
					width: 52px;
				}
				.pad-calendar .duree-3 {
					width: 183px;
				}
				
				.pad-calendar .ligne-1 {
					top: 55px;
				}
				.pad-calendar .ligne-2 {
					top: 118px;
				}
				*html .pad-calendar .ligne-2 { /* IE6*/
					top: 128px;
				}
				
				.pad-calendar .jour-1 {
					left: 5px;
				}
				.pad-calendar .jour-2 {
					left: 70px;
				}
				
				.pad-calendar .cyan {
					background: #95E4FF;
				}
				.pad-calendar .vert {
					background: #99CC00;
				}
				
		.pad-calendar .prev-month,
		.pad-calendar .next-month {
			font-size: 12px;
			font-weight: bold;
			color: #333;
			text-decoration: none;
		}
		.pad-calendar .prev-month:hover,
		.pad-calendar .next-month:hover {
			color: #666;
		}
		.pad-calendar .next-month {
			background: url(../images/puce_2.gif) right 4px no-repeat;
			padding: 0 11px 0 0;
			float: right;
		}
		.pad-calendar .prev-month {
			background: url(../images/puce_1.gif) left 4px no-repeat;
			padding: 0 0 0 11px;
			float: left;
		}	
		
		.table-form {
			width: 100%;
			border-collapse: collapse;
			border: 0;
			margin: 10px 0 0 0;
		}
			.table-form td {
				vertical-align: top;
				font-size: 10px;
			}
				.table-form  td td {
					vertical-align: middle;
				}
			.table-form h3 {
				font-size: 12px;
				color: #333;
				border-bottom: 1px solid #fff;
				padding: 0 0 4px 0;
				margin: 0 0 10px 0;
			}
			.table-form .inputform {
				width: 208px;
				border: 1px solid #fff;
				background: none;
				font-size: 10px;
				padding: 1px 5px;
				margin: 0 40px 5px 0;
			}
			.table-form .areaform {
				width: 208px;
				height: 98px;
				border: 1px solid #fff;
				background: none;
				font-size: 10px;
				padding: 1px 5px;
				margin: 5px 0 5px 0;
				overflow: hidden;
			}
			.table-form .selectform {
				width: 208px;
				border: 1px solid #fff;
				background: none;
				font-size: 10px;
				padding: 0;
				margin: 2px 0 4px 0;
			}
			.table-form .btn-ok {
				font-size: 10px;
				color: #000;
				padding: 0 1px;
				border: 1px solid #fff;
				background: none;
				margin: 0;
			}
			
			td.trait-blanc {
				padding-top: 10px;
				border-top: 1px solid #fff;
			}
	

/*======================= Right pads =======================*/
.right-col {
	font-size: 10px;
}
	.right-col h2 {
		margin: 0;
		padding: 0;
	}
	
.right-col .pad-gris {
	height: auto !important;
	height: 80px;
	min-height: 80px;
	background: #ccc url(../images/pad_gris.jpg) no-repeat;
	margin: 0 0 20px 0;
}
	.right-col .pad-gris .txt {
		margin: 0;
		padding: 5px 10px 5px 17px;
	}
	.right-col .pad-gris .btn {
		display: block;
		width: 139px;
		height: 17px;
		background: url(../images/pad_gris_btn.png) no-repeat;
		margin: 0;
		padding: 7px 6px 0 28px;
		text-align: right;
		text-decoration: none;
		color: #fff;
		float: right;
	}
	*html .right-col .pad-gris .btn {
	    background: none;
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pad_gris_btn.png');
		cursor: pointer;
	}
	.right-col .pad-gris .btn:hover{
		color: #ccc;
	}
	
	.right-col .pad-gris .txt .inputform {
		width: 100px;
		font-size: 10px;
		color: #000;
		padding: 1px 5px;
		border: 1px solid #fff;
		background: none;
		margin: 0 0 0 9px;
	}
	.right-col .pad-gris .txt .btn-ok {
		font-size: 10px;
		color: #000;
		padding: 0 1px;
		border: 1px solid #fff;
		background: none;
		margin: 0;
	}
	
	.right-col .pad-gris .txt ul {
		margin: 0;
		padding: 0;
	}
	
		.list-puce-1 li {
			list-style: none;
			background: url(../images/puce_1.gif) left 3px no-repeat;
			margin: 0 0 2px 0;
			padding: 0 0 0 11px;
		}
			.list-puce-1 li a {
				color: #000;
				text-decoration: none;
			}
			.list-puce-1 li a:hover {
				color: #666;
			}
	
.right-col .pad-planete {
	height: auto !important;
	height: 96px;
	min-height: 96px;
	background: #81C0C0 url(../images/pad_planete.jpg) no-repeat;
	margin: 0 0 20px 0;
}
	.right-col .pad-planete .txt {
		margin: 0;
		padding: 5px 88px 5px 17px;
		color: #fff;
	}

.right-col .pad-alsatour {
	height: auto !important;
	height: 126px;
	min-height: 126px;
	background: #81C096 url(../images/pad_alsatour.jpg) no-repeat;
	margin: 0 0 20px 0;
}
	.right-col .pad-alsatour .txt {
		margin: 0;
		padding: 5px 110px 5px 17px;
		color: #fff;
	}


/*==================================
Generique
==================================*/
a img {
	border: 0;
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-family: Verdana, Helvetica, Arial, sans serif;
}

.lkverda12rouge {  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #DD0000; text-decoration: none}

/*==================================
Lightbox
==================================*/

#lightbox{
	background-color:#eee;
	font-size: 15px;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-family: arial;
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(/_mm/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}