/*====================================================
CSS Region Alsace - Plateforme Europe Alsace
====================================================*/

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #EAE6D1 url(../images/bg_repeat.jpg) repeat-x;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 110%;
	color: #706634;
}
body.popup {
  background-image: none;
}

.clear {
	clear: both;
	height: 0px;
}
#site {
	width: 980px;
	margin: 0 auto;
	background: url(../images/bg_site_nolang.jpg) no-repeat;
}
#homelink
{
	position: absolute;
	height: 75px;
	width: 220px;
	margin-left: 68px;
	margin-top: 105px;
	z-index: 200;
}
	#homelink a, #homelink table, #homelink td
	{
		height: 75px;
		width: 220px;
		position: absolute;
	}

a {
	color: #706634;
	text-decoration: none;
}
a img {
	margin: 0;
	padding: 0;
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
	input, select, textarea {
			font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #fff;
	}

/* HEADER ==================================================*/
#header {
	height: 158px;
	padding: 0 15px;
	color: #fff;
}
	.lk-mon-espace a {
			display: block;
			width: 133px;
			text-align: center;
			padding: 4px 0 0 0;
			color: #fff;
			text-decoration: none;
	}
	.lk-mon-espace a:hover {
			color: #66CBFE;
	}


/* LEFT COL ==================================================*/
.left-col {
	width: 349px;
	float: left;
}
	.left-col-repeat {
		background: url(../images/left_col_repeat.jpg) repeat-y;
	}
	.left-col-bottom {
		background: url(../images/left_col_bottom.jpg) bottom no-repeat;
	}

	.left-col-top {
		height: auto !important;
		height: 245px;
		min-height: 245px;
		background: url(../images/left_col_top.jpg) top no-repeat;
        color: red;
		padding: 40px 37px 10px 28px;
		color: #fff;
	}
	
		.left-col h1 {
			position: absolute;
			display: none;
			visibility: hidden;
			text-indent: -5000px;
		}
		
		/*==== Menu Niveau 1 ====*/
		.menu-level-1 {
			font-size: 12px;
			/*margin: 0 0 20px 0;*/
            padding: 0 0 20px 0;
            display: block;
		}
		.menu-level-1 a {
			color: #fff;
			text-decoration: none;
		}
			.menu-level-1 .lk-level-1, .menu-level-1 #OBJ_60010227_0 , 
            .menu-level-1 #OBJ_60010164_0, .menu-level-1 #OBJ_60010194_0, 
            .menu-level-1 #OBJ_60010156_0, .menu-level-1 #OBJ_60010157_0 {
				display: block;
				text-transform: uppercase;
				padding: 0 0 4px 0;
			}
			.menu-vert .lk-level-1, 	.menu-vert #OBJ_60010227_0 {
				border-bottom: 2px solid #A6C104;
			}
			.menu-bleu .lk-level-1,  .menu-bleu #OBJ_60010164_0 {
				border-bottom: 2px solid #61C0C2;
			}
			.menu-orange .lk-level-1, .menu-orange #OBJ_60010194_0 {
				border-bottom: 2px solid #FF9900;
			}
			.menu-beige .lk-level-1, .menu-beige #OBJ_60010157_0, .menu-beige #OBJ_60010156_0 {
				border-bottom: 2px solid #CDC087;
			}
			.menu-vert a:hover {
				color: #A6C104;
			}
			.menu-bleu a:hover {
				color: #61C0C2;
			}
			.menu-orange a:hover {
				color: #FF9900;
			}
			.menu-beige a:hover {
				color: #CDC087;
			}
			
		/*==== Menu Niveau 2 ====*/
		.menu-level-2 {
			padding: 10px 0 0 0;
		}
		.menu-vert .menu-level-2 {
			background: url(../images/level_2_bg_vert.gif) no-repeat;
		}
		.menu-bleu .menu-level-2 {
			background: url(../images/level_2_bg_bleu.gif) no-repeat;
		}
		.menu-orange .menu-level-2 {
			background: url(../images/level_2_bg_orange.gif) no-repeat;
		}
		.menu-beige .menu-level-2 {
			background: url(../images/level_2_bg_beige.gif) no-repeat;
		}
		
			.lk-level-2 {
				display: block;
				text-transform: uppercase;
				padding: 0 0 0 12px;
				margin: 6px 0 0 0;
				background-position: 2px 5px;
				background-repeat: no-repeat;
			}
			.menu-vert .lk-level-2 {
				background-image: url(../images/puce_vert.gif);
			}
			.menu-bleu .lk-level-2 {
				background-image: url(../images/puce_bleu.gif);
			}
			.menu-orange .lk-level-2 {
				background-image: url(../images/puce_orange.gif);
			}
			.menu-beige .lk-level-2 {
				background-image: url(../images/puce_beige.gif);
			}
			.menu-level-2 .active {
				background: url(../images/puce_blanc.gif) 1px 3px no-repeat !important;
			}
			
		/*==== Menu Niveau 3 ====*/
		.menu-level-3 {
			padding: 0 0 0 20px;
			font-size: 11px;
			margin: 0 0 5px 0;
			background-position: 6px 6px;
			background-repeat: no-repeat;
		}
		.menu-vert .menu-level-3 {
			background-image: url(../images/level_3_bg_vert.gif);
		}
		.menu-bleu .menu-level-3 {
			background-image: url(../images/level_3_bg_bleu.gif);
		}
		.menu-orange .menu-level-3 {
			background-image: url(../images/level_3_bg_orange.gif);
		}
		.menu-beige .menu-level-3 {
			background-image: url(../images/level_3_bg_beige.gif);
		}
		
			.lk-level-3 {
				display: block;
				text-transform: uppercase;
				padding: 0 0 0 12px;
				margin: 5px 0 0 0;
				background-position: 2px 5px;
				background-repeat: no-repeat;
			}
			.menu-vert .lk-level-3 {
				background-image: url(../images/puce_vert.gif);
			}
			.menu-bleu .lk-level-3 {
				background-image: url(../images/puce_bleu.gif);
			}
			.menu-orange .lk-level-3 {
				background-image: url(../images/puce_orange.gif);
			}
			.menu-beige .lk-level-3 {
				background-image: url(../images/puce_beige.gif);
			}
			.menu-level-3 .active {
				font-weight: bold;
			}
			
		/*==== Menu Niveau 4 ====*/
		.menu-level-4 
		{
			display: none;
			padding: 0 0 0 20px;
			font-size: 11px;
			margin: 0 0 5px 0;
			background-position: 6px 6px;
			background-repeat: no-repeat;
		}
		.menu-vert .menu-level-4 {
			background-image: url(../images/level_3_bg_vert.gif);
		}
		.menu-bleu .menu-level-4 {
			background-image: url(../images/level_3_bg_bleu.gif);
		}
		.menu-orange .menu-level-4 {
			background-image: url(../images/level_3_bg_orange.gif);
		}
		.menu-beige .menu-level-4 {
			background-image: url(../images/level_3_bg_beige.gif);
		}
		
			.lk-level-4 {
				/* OLD LEVEL 4
				display: block;
				text-transform: uppercase;
				padding: 0 0 0 12px;
				margin: 4px 0 0 0;
				background-position: 2px 5px;
				background-repeat: no-repeat;
				*/
				
				display: none;
				height: 18px;
				font-style: italic;
				text-transform: uppercase;
				padding: 0 0 0 12px;
				margin: 0 0 0 0;
				background-position: 2px 5px;
				background-repeat: no-repeat;

			}
			.menu-vert .lk-level-4 {
				background-image: url(../images/puce_vert.gif);
			}
			.menu-bleu .lk-level-4 {
				background-image: url(../images/puce_bleu.gif);
			}
			.menu-orange .lk-level-4 {
				background-image: url(../images/puce_orange.gif);
			}
			.menu-beige .lk-level-4 {
				background-image: url(../images/puce_beige.gif);
			}
			.menu-level-4 .active {
				font-weight: bold;
				
				/* From level 5 */
				margin-left: -9px;
				color: #695F30;
				background: url(../images/puce_vert_level_5_253.gif) no-repeat !important;
				padding: 0 0 0 21px;

			}
			
			/* From level 5 */
			.menu-vert .lk-level-4:hover {
				position: relative;
				margin-left: -9px;
				color: #695F30;
				background: url(../images/puce_vert_level_5_253.gif) no-repeat !important;
				padding: 0 0 0 21px;
			}

			
		/*==== Menu Niveau 5 ====*/
		.menu-level-5 {
			padding: 1px 0 1px 20px;
			font-size: 11px;
			margin: 0 0 5px 0;
			background-position: 6px 6px;
			background-repeat: no-repeat;
		}
		.menu-vert .menu-level-5 {
			background-image: url(../images/level_3_bg_vert.gif);
		}
		.menu-bleu .menu-level-5 {
			background-image: url(../images/level_3_bg_bleu.gif);
		}
		.menu-orange .menu-level-5 {
			background-image: url(../images/level_3_bg_orange.gif);
		}
		.menu-beige .menu-level-5 {
			background-image: url(../images/level_3_bg_beige.gif);
		}
		
			.lk-level-5 {
				display: block;
				height: 13px;
				font-style: italic;
				text-transform: uppercase;
				padding: 0 0 0 12px;
				margin: 3px 0 0 0;
				background-position: 2px 5px;
				background-repeat: no-repeat;
			}
			.menu-vert .lk-level-5 {
				background-image: url(../images/puce_vert.gif);
			}
			.menu-bleu .lk-level-5 {
				background-image: url(../images/puce_bleu.gif);
			}
			.menu-orange .lk-level-5 {
				background-image: url(../images/puce_orange.gif);
			}
			.menu-beige .lk-level-5 {
				background-image: url(../images/puce_beige.gif);
			}
			.menu-level-5 .active {
				font-weight: bold;
				margin-left: -9px;
				color: #695F30;
				background: url(../images/puce_vert_level_5.gif) no-repeat !important;
				padding: 0 0 0 21px;
			}
			.menu-vert .lk-level-5:hover {
				position: relative;
				margin-left: -9px;
				color: #695F30;
				background: url(../images/puce_vert_level_5.gif) no-repeat !important;
				padding: 0 0 0 21px;
			}
			
			
		/*==== Form Niveau 2 ====*/
		.form-level-2 {
			padding: 10px 0 0 0;
		}
		.menu-bleu .form-level-2 {
			background: url(../images/level_2_form_bleu.gif) no-repeat;
		}
		.menu-orange .form-level-2 {
			background: url(../images/level_2_form_orange.gif) no-repeat;
		}
		.menu-beige .form-level-2 {
			background: url(../images/level_2_form_beige.gif) no-repeat;
		}
		
		
		div.select-282 {
			width: 282px;
			height: 24px;
			background: url(../images/select_282.gif) no-repeat;
			border: 0;
			border: none;
			margin: 2px 0;
		}
			.select-282-label {
				padding: 7px 11px 0 11px;
			}
			.select-282-inner-bottom {
				position: absolute;
				display: none;
				background: url(../images/select_282_bottom.gif) bottom no-repeat;
				margin: 0;
				z-index: 100;
			}
			.select-282-inner-top {
				width: 260px;
				background: url(../images/select_282_top.gif) top no-repeat;
				padding: 4px 11px 7px 11px;
			}
			*+html .select-282-inner-top {
				padding: 5px 11px 7px 11px;
			}
				.select-282-inner-bottom a {
					display: block;
					line-height: 120%;
				}
				.select-282-inner-bottom span {
					display: block;
					line-height: 17px;
				}
		.field-282, #AgileoSubMenu div.field {
      width: 260px;
			height: 24px;
			background: url(../images/field_282.gif) no-repeat scroll;
			padding: 4px 11px 0;
			margin: 2px 0;
		}
      #AgileoSubMenu div.field input {
        border: 0; border: none; 
        background-color: transparent;
        width: 260px;
        position: relative; bottom: 2px;
      }
		.btn-search {
			width: 168px;
			height: 32px;
			border: 0;
			border: none;
			padding: 0 37px 0 8px;
			text-align: right;
			margin: 2px 0 2px 117px;
			cursor: pointer;
		}
		.menu-bleu .btn-search {
			background: url(../images/btn_search_bleu.gif) no-repeat;
		}
		.menu-orange .btn-search {
			background: url(../images/btn_search_orange.gif) no-repeat;
		}
			

/* CONTENT ==================================================*/
.content {
	width: 601px;
	padding: 0 0 0 20px;
	float: left;
}

	.home-accroche {
		padding: 0 0 0 10px;
		margin: 0 0 38px 0;
	}
	.ctn-3col {
		width: 185px;
		float: left;
		padding: 0 20px 0 0;
	}
	.ctn-3col-right {
		width: 185px;
		float: left;
		padding: 0;
	}
	.ctn-2col-left {
		width: 270px;
		float: left;
		padding: 0 25px 0 5px;
    _padding: 0;
	}
	.ctn-2col-right {
		width: 269px;
		float: left;
		padding: 0 5px 0 25px;
    _padding-left: 10px;
    _width: 279px;
		background: url(../images/sep_2col.gif) repeat-y;
	}
		h2.home-tit {
			font-size: 12px;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}
		
	.spacer-50 {
		height: 50px;
	}

	.spacer-30 {
		height: 30px;
	}
	.spacer-20 {
		height: 20px;
	}
	
.readmore {
	display: block;
	font-size: 10px;
	font-style: italic;
	background: url(../images/puce_readmore.gif) left top no-repeat;
	line-height: 12px;
	padding: 0 0 0 15px;
	margin: 3px 0 0 0;
	clear: left;
}

.img-260x100 {
	width: 265px;
	background: url(../images/img_260x100.gif) no-repeat;
	padding: 5px 0 5px 6px;
	margin: 3px 0;
}
.img-209x70 {
	width: 213px;
	background: url(../images/img_209x70.gif) no-repeat;
	padding: 5px 0 5px 6px;
	margin: 3px 0;
}


/* Photos  /////////////////////////////////////////
Ajout PF pour les cadres arrondis autour des photos
*/

.photo-210 {
	margin: 3px 0;
	width:219px;
}	

.photo-210 img {
	padding:5px;
}

/* Hack : IE7 only */
/*
*+html .photo-210 img {
  float: left;
}
*/
.photo-210 .top {
	float:left;
	background: url(../images/bg_photo-210_top.gif) top no-repeat;
  height:10px;
	width:219px; 
	margin-bottom:-10px;
  z-index:2; position:relative;

}

.photo-210 .mid {
  float: left;
	background: url(../images/bg_photo-210_mid.gif) repeat-y;
  z-index:3; position:relative;
}

.photo-210 .bot {
	float:left;
	background: url(../images/bg_photo-210_bot.gif) bottom no-repeat;
	height:10px;
	width:219px;
	margin-top:-10px;
  z-index:4; position:relative;

}


.photo-260 {
	margin: 3px 0;
	width:270px;
}	

.photo-260 img {
	padding:5px;
}

.photo-260 img, .photo-210 img {
  padding:3px 3px 5px 5px;
  float:left; z-index:1;
  position:relative;
  _margin-top: -4px;
  _margin-bottom: -7px;

}

.photo-260 .top {
	float:left;
	background: url(../images/bg_photo-260_top.gif) top no-repeat;
	width:270px; height:10px;
	margin-bottom:-10px;
  z-index:2; position:relative;
}

.photo-260 .mid {
	background: url(../images/bg_photo-260_mid.gif) repeat-y;
  float: left;
  z-index:1; position:relative;
}

.photo-260 .bot {
	float:left;
	background: url(../images/bg_photo-260_bot.gif) bottom no-repeat;
	height:10px;
	width:270px; height:10px;
	margin-top:-10px;
  z-index:4; position:relative;
}

/* /////////////////////// */

.date {
	width: 46px;
	height: 53px;
	background: url(../images/date.gif) no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #CDC087;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 3px 0 0 0;
	float: left;
  line-height: 12px;
}
.date-big {
	background: url(../images/date_big.gif) no-repeat;
	height: 93px;
}
	.date span {
		display: block;
		font-size: 14px;
	}
.date-ctn {
	width: 212px;
	padding: 0 0 0 7px;
	margin: 3px 0 0 0;
	float: right;
}
*html .date-ctn {
	width: 209px;
	padding: 0 0 0 5px;
}
	.date-ctn .event-title {
		display: block;
		font-weight: bold;
		padding: 0 0 5px 0;
         text-transform: uppercase;
	}

.txt-10 {
	font-size: 10px;
}
.txt-vert {
	color: #7A8E00;
}
.txt-bleu {
	color: #2B8D8F;
}
.txt-orange {
	color: #FF6600;
}
.txt-beige, .txt-beige a {
	color: #A39A6C;
}
.txt-beige a:hover {
	color: #800000;
}
.txt-creme {
	color: #CDC087;
}


/* FOOTER ==================================================*/
.footer {
	font-size: 12px;
	color: #8E865B;
	padding: 5px 10px;
}
	.footer table {
		border-collapse: collapse;
		border: 0;
		margin: 0;
	}
		.footer table td {
			font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			padding: 0;
		}
		.footer ul {
			display: inline;
			margin: 0;
			padding: 0;
		}
		.footer ul li {
			display: inline;
			margin: 0 5Px;
			padding: 0 0 0 10px;
			list-style: none;
			background: url(../images/puce_footer.gif) left center no-repeat;
		}
		.footer a {
			color: #8E865B;
             font-size: 11px;
		}
		.footer a:hover {
			text-decoration: underline;
		}
		
/* Ajout : bouton redimentionnables */
.btn-elastic  a, .btn-elastic  a:hover {color: white; }
.btn-elastic {float: right; clear: both;}
.btn-left-part, .btn-middle-part, .btn-right-part{height: 32px; float: left;}
.btn-middle-part{text-align: middle; padding: .9em 7px 0 8px;}
.orange .btn-left-part {
	background: url(../images/btn-left-orange.gif) no-repeat; 
	width: 8px;
}
.orange .btn-middle-part {background: url(../images/btn-middle-orange.gif) repeat-x;}
.orange .btn-right-part {
	background: url(../images/btn-right-orange.gif) no-repeat; 
	width: 30px;
}
.bleu .btn-left-part {
	background: url(../images/btn-left-bleu.gif) no-repeat; 
	width: 8px;
}
.bleu .btn-middle-part {background: url(../images/btn-middle-bleu.gif) repeat-x;}
.bleu .btn-right-part {
	background: url(../images/btn-right-bleu.gif) no-repeat; 
	width: 30px;
}
.beige .btn-left-part {
	background: url(../images/btn-left-beige.gif) no-repeat; 
	width: 8px;
}
.beige .btn-middle-part {background: url(../images/btn-middle-beige.gif) repeat-x;}
.beige .btn-right-part {
	background: url(../images/btn-right-beige.gif) no-repeat; 
	width: 30px;
}

/* Fin ajout : bouton redimentionnables */