html, body {
	height: 100%;
}
html{
	background: url(images/headerrepeat.jpg) top left repeat-x #E1E1E1;
	padding: 0px;
	margin: 0px;
}
#more{
	background: url(images/headerrepeat.jpg) top left repeat-x #CACACA;
}
#galery{
	background: url(images/headergal.jpg) top left repeat-x #CACACA;
}
body {
	color: #6D6F71;
	font-family: "Trebuchet MS", Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	behavior: url(css/csshover.htc);
}
/*OBJECT*/
img, div {
	behavior: url(iepngfix.htc);
}
a{
	border: 0px;
	color: #6D6F71;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color: #000000;
}
img{
	border: 0px;
}
form, input{
	padding: 0px;
	margin: 0px;
}
p{
	padding: 0px;
	margin: 0px;
	text-align: justify;
}
.left{
	float: left;
}
.right{
	float: right;
}
h1{
	color: #6D6F71;
	font-size: 32px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h2{
	color: #8BC53E;
	font-size: 32px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3{
	color: #6D6F71;
	font-size: 24px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h4{
	color: #6D6F71;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h5{
	color: #6D6F71;
	font-size: 18px;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style: url(images/puce.png);
}
li{
	padding: 0px 0px 5px 0px;
}
.white{
	background: #ffffff;
}
/***WEBSITE***/
.mainWrapper{
	position: relative;
	min-height: 100%;
	height: 100%;
}
html>body .mainWrapper {
    height: auto;
}
.container{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.clearBoth{
	clear: both;
	font-size:0px;
}
	/*HEADER*/
	.mainWrapper .header{
		/*background: url(images/fondheader.jpg) top center no-repeat #B5B5B5;*/
		background: none;
		padding: 0;
		margin: 0;
		height: 260px;
	}
	#galery .header{
		background: none;
		padding: 30px 0px 0px 0px;
		margin: 0;
		height: 81px;
	}
	.mainWrapper .header h1{
		display: none;
	}
	#galery .header h1{
		display: inline;
		padding: 0px 0px 0px 40px;
		color: #8BC53E;
	}
		.mainWrapper .header .logo{
			float: left;
			padding: 10px 0px 10px 70px;
		}
		#galery .header .logo{
			display: none;
		}
		.mainWrapper .header .flags{
			margin: 10px 30px 0px 0px;
			width: 200px;
			padding: 5px 5px 5px 5px;
			text-align: right;
		}
		.mainWrapper .header .searchWrapper{
			margin-top: 10px;
			width: 200px;
			padding: 5px 160px 0px 0px;
			text-align: right;
		}
		#galery .header .searchWrapper{
			display: none;
		}
			.mainWrapper .header .searchWrapper .search{
				border:	1px solid #aaaaaa;
				background-color: #ffffff;
				height: 15px;
				font-size: 10px;
				padding-left: 3px;
				padding-right: 3px;
				margin: 0px;
			}
			.mainWrapper .header .searchWrapper .button{
				border:	1px solid #aaaaaa;
				background-color: #ffffff;
				font-size: 8px;
				height: 17px;
			}
		/*MENU*/
		#galery .menubar{
			display: none;
		}
		.imgbottom{
			vertical-align: bottom;
		}
		.mainWrapper .menubar{
			height: 118px;
			margin: 0px 10px 0px 10px;
		}
			.mainWrapper .menubar ul{
				margin: 0px 0px 0px 10px;
				padding: 0;
			}
			.mainWrapper .menubar li{
				position: relative;
				list-style: none;
				margin: 0;
				float: left;
				width: 180px;
				text-align: center;
			}
				.mainWrapper .menubar li a{
					display: block;
					height: 48px;
					padding: 70px 20px 0px 20px;
					font-size: 10px;
					color: #444444;
					text-align: center;
					background: url(images/btnormal2.png) top center no-repeat;
				}
				* html .mainWrapper .menubar li a{
					background: url(images/btnormalie6.jpg) top center no-repeat;
				}
				.mainWrapper .menubar li a:hover{
					text-decoration: none;
					color: #000000;
					background: url(images/btnhover2.png) top center no-repeat;
				}
				.mainWrapper .menubar .hover{
					background: url(images/btnhover2.png) top center no-repeat;
				}
				* html .mainWrapper .menubar .hover{
					background: url(images/btnhoverie6.jpg) top center no-repeat;
				}
				* html .mainWrapper .menubar li a:hover{
					background: url(images/btnhoverie6.jpg) top center no-repeat;
				}
			.mainWrapper .menubar ul.menu{
				height: 118px;
				/*width: 100%;*/
			}
				.mainWrapper .menubar>ul a{
					width: auto;
				}
				.mainWrapper .menubar ul.menu li.sublink:hover ul.submenu{
					display: block;
				}
				.mainWrapper .menubar ul.menu ul.submenu{
					position: absolute;
					width: 180px;
					display: none;
					top: 118px;
					left:-10px;
					text-align: left;
					border: 1px solid #A2A2AA;
					padding-top: 6px;
					padding-bottom: 6px;
					background: #8BC53E;
				}
					.mainWrapper .menubar ul.menu ul.submenu li{
						width: 100%;
						height: 26px;
					}
					.mainWrapper .menubar ul.menu ul.submenu li:hover{
						background: #6C6E70;
						font-weight: bold;
					}
					.mainWrapper .menubar ul.menu ul.submenu li a{
						padding: 6px 0px 0px 10px;
						height: 20px;
						background-image: none;
						text-align: left;
						font-size: 12px;
						color: #6C6E70;
					}
					.mainWrapper .menubar ul.menu ul.submenu li a:hover{
						color: #8BC53E;
					}
					.mainWrapper .menubar ul.menu ul.submenu .subhover{
						background: #6C6E70;
						color: #8BC53E;
						text-align: left;
						font-weight: bold;
					}
			/*END MENU*/
	/*END HEADER*/
	/*CONTENT*/
	.mainWrapper .contentTop{
		/*background: url(images/boxtop.gif) no-repeat 0 0;*/
		height: 0px;
		font-size: 0px;
	}
	.mainWrapper .contentWrapper{
		padding: 0;
		margin: 0;
	}
		/*BREADCRUMB*/
		.mainWrapper .contentWrapper .breadcrumbWrapper{
			margin-left: 12px;
			margin-right: 12px;
			border-top: 1px solid #86A30B;
			border-bottom: 2px solid #ACCA59;
			padding-top: 3px;
			padding-bottom: 5px;
			padding-left: 25px;
			font-size: 10px;
		}
			.mainWrapper .contentWrapper .breadcrumbWrapper .breadcrumb{
				padding-top: 3px;
			}
				.mainWrapper .contentWrapper .breadcrumbWrapper .breadcrumb a{
					color: #85A20A;
				}
				.mainWrapper .contentWrapper .breadcrumbWrapper .breadcrumb a:hover{
					text-decoration: none;
				}
				.mainWrapper .contentWrapper .breadcrumbWrapper .breadcrumb .spacer{
					margin-left: 15px;
					margin-right: 15px;
				}
				.mainWrapper .contentWrapper .breadcrumbWrapper .breadcrumb .way{
					color: #85A20A;
				}
			.mainWrapper .contentWrapper .breadcrumbWrapper .flags{
				float: right;
				padding-right: 10px;
				padding-top: 1px;
			}
		/*END BREADCRUMB*/
		.mainWrapper .contentWrapper .bannerWrapper{
			background: none;
			padding: 0;
			margin: 0;
		}
			.mainWrapper .contentWrapper .banner{
				padding-bottom: 12px;
			}
		.mainWrapper .contentWrapper .content{
			/*border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;*/
			padding: 20px 0px 20px 0px;
			/*background-color: #ffffff;*/
		}
			.mainWrapper .contentWrapper .content .wrapper{
				/*background: url(images/column_right.gif) repeat-y top right;
				border: 1px solid #ffffff;*/
			}
				.mainWrapper .contentWrapper .content .wrapper .contentLeft{
					float: left;
					width: 1024px;
				}
				/*#search .contentWrapper .content .wrapper .contentLeft{
					float: left;
					width: 1024px;
					padding: 60px 0px 0px 0px;
				}*/
				#galery .contentWrapper .content .wrapper .contentLeft{
					float: left;
					width: 1024px;
					padding: 60px 0px 0px 0px;
				}
				/*#contact .contentWrapper .content .wrapper .contentLeft{
					float: left;
					width: 1024px;
					padding: 60px 0px 0px 0px;
				}*/
					.mainWrapper .contentWrapper .content .wrapper .contentLeft .title{
						font-family: "Trebuchet MS", Verdana, Arial;
						font-size: 18px;
						color: #86A30B;
						padding-left: 0px;
					}
					.mainWrapper .contentWrapper .content .wrapper .contentLeft .text{
						text-align: justify;
						padding: 10px 0px 15px 0px;
						font-size: 13px;
						font-family: "Trebuchet MS", Verdana, Arial;
					}
				.mainWrapper .contentWrapper .content .wrapper .contentRight{
					float: right;
					width: 200px;
					font-family: "Trebuchet MS", Verdana, Arial;
				}
					.mainWrapper .contentWrapper .content .wrapper .contentRight .title{
						font-family: "Trebuchet MS", Verdana, Arial;
						font-weight: bold;
						color: #FE860D;
						/*color: #86A30B;*/
						padding-bottom: 5px;
					}
	.mainWrapper .contentBottom{
		/*background: url(images/boxbottom.gif) no-repeat 0 0;
		height: 5px;*/
		height: 0px;
	}
	/*END CONTENT*/
	/* LINKS */
	.groupLinkTitle{
		font-size: 15px;
		font-weight: bold;
		padding: 5px 0px 10px 0px;
	}
	.groupLinkSubtitle{
		font-size: 13px;
		font-weight: bold;
		padding: 0px 0px 10px 10px;
	}
	.linkWrapper{
		padding-left: 10px;
		margin-bottom: 10px;
	}
		.linkWrapper .linkTitle{
		  font-size: 11px;
    } 
  		.linkWrapper .linkTitle a{
  			color: #444444;
  			text-decoration: none;
  			font-weight: bold;
  			font-size: 12px;
  		}
		.linkWrapper .linkImage{
			float: left;
			padding-right: 15px;
		}
		.linkWrapper .linkContent{
			clear: both;
			font-size: 11px;
			padding-left: 2px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	/* END LINKS */
	/* CONTACT */
	.contact .contactText{
		padding-bottom: 10px;
		font-weight: bold;
		text-transform: lowercase;
	}
	.contact .contactRow{
		padding-top: 2px;
		padding-bottom: 2px;
	}
		.contact .contactRow .label{
			float: left;
			width: 120px;
			display: none;
			text-transform: lowercase;
			font-weight: bold;
		}
		.contact .contactRow .inputArea{
			float: left;
		}
		.contact .contactRow .inputAreaLine{
			padding-left: 0px;
			float: left;
		}
	.contact .contactButton{
		text-align: left;
		padding-top: 10px;
		text-transform: lowercase;
		font-weight: bold;
	}
		.contact .contactButton a{
			cursor: pointer;
		}
		.contact .contactButton a:hover{
			text-decoration: none;
		}
		.contact .contactButton .button{
			border: 1px solid #aaaaaa;
			background-color: #ffffff;
			font-size: 10px;
			padding-left: 3px;
			padding-right: 3px;
			margin: 0px;
		}
	/* information */
		.text .infoContact{
			margin-bottom: 10px;
			font-family: Arial, Verdana, "Trebuchet MS";
		}
			.text .infoContact .titleContact{
				font-weight: bold;
				font-size: 13px;
			}
			.text .infoContact td{
				color: #666666;
			}
			.text .infoContact td.support{
				width: 70px;
			}
			.text .infoContact td.adresse{
				font-weight: bold;
			}
	/* object*/
	.contact .input{
		/*border: 1px solid #aaaaaa;*/
		background-color: #ffffff;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		margin: 0px;
		font-size: 12px;
		font-weight: bold;
		font-family: "Trebuchet MS",Arial;
	}
	.contact .small{
		width: 40px;
	}
	.contact .medium{
		width: 180px;
	}
	.contact .large{
		width: 220px;
	}
	.contact .select{
		/*border: 1px solid #aaaaaa;*/
		background-color: #ffffff;
		font-size: 10px;
		padding-left: 3px;
		margin: 0px;
		width: 180px;
	}
	.contact .textarea{
		/*border: 1px solid #aaaaaa;*/
		background-color: #ffffff;
		width: 180px;
		height: 80px;
		font-size: 12px;
		padding: 3px;
		margin: 0px;
		font-weight: bold;
		font-family: "Trebuchet MS",Arial;
	}
	/* Confirmation */
		.contact .contactRow .valueLine{
			padding-left: 120px;
		}
		.contact .contactRow .valueComment{
			margin-left: 120px;
		}
	/* END CONTACT */
	/* RESULT SEARCH */
	.resultsTitle{
		font-size: 15px;
		font-weight: bold;
		padding: 5px 0px 0px 0px;
	}
	.resultNum{
		padding-bottom: 10px;
	}
	.resultWrapper{
		padding-bottom: 10px;
	}
		.resultWrapper .result{
			padding-bottom: 7px;
		}
			.resultWrapper .result a{
				font-size:14px;
			}
			.resultWrapper .result .resultType{
				padding-left: 5px;
				font-size: 10px;
			}
			.resultWrapper .result .resultInfo{
				font-size: 10px;
			}
	/* END RESULT SEARCH */
	/* STAFF */
  .staffWrapper{
    padding: 10px 0px 20px 0px;
    clear: both;
  }
    .staffWrapper .staffImage{
      float: left;
      margin-right: 10px;
      border: 1px solid #e5e5e5;
      padding: 2px;
      text-align: center;
    }
    .staffWrapper .staffTitle{
      font-weight: bold;
      padding-top: 2px;
    }
    .staffWrapper .staffSubtitle{
      padding-bottom: 5px;
    }
    .staffWrapper .staffMail{
    }
    .staffWrapper .staffPhone{
      font-size: 11px;
    }
	/* END STAFF */
	/* EVENTS GROUP */
	.eventGroup{
    margin-top: 10px;
    margin-bottom: 20px;
  }
    .eventGroup .eventGroupTitle a{
      font-size: 13px;
      font-weight: bold;
      text-decoration: none;
    }
    .eventGroup .eventGroupSubtitle{
      font-style: italic;
      font-size: 11px;
      padding-left: 5px;
      color: #444444;
    }
	/* END EVENTS GROUP */
	/* EVENTS */
	.event{
    padding-top: 10px;
    clear: both;
  }
    .event .eventTitle a{
      font-size: 13px;
      font-weight: bold;
      text-decoration: none;
    }
    .event .eventImage{
      float: left;
      display: block;
      margin-right: 10px;
      border: 1px solid #e5e5e5;
      padding: 2px;
      text-align: center;
    }
    .event .eventDate{
      font-style: italic;
      font-size: 11px;
      color: #444444;
    }
  .navEvents{
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
  }
    .navEvents .navPrev{
      float: left;
      margin-right: 20px;
    }
    .navEvents .navNext{
    }
    .navEvents a{
      text-decoration: none;
      font-size: 11px;
    }
	/* END EVENTS */
	/* EVENT DETAIL */
  .eventDetailDate{
    font-style: italic;
    font-size: 11px;
    color: #444444;
    padding-bottom: 3px;
  }
  .eventDetailUrl{
    font-size: 11px;
  }
	/* END EVENT DETAIL */
	/*FOOTER*/
	.mainWrapper .footer{
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 45px;
		padding: 30px 0px 0px 0px;
		padding-bottom: 0px;
		text-align: left;
		font-size: 11px;
		background: url(images/fondfooter.jpg) bottom left repeat-x;
	}
	.mainWrapper .footer .footerbox{
		width: 1024px;
		margin: 0px auto 0px auto;
	}
	.mainWrapper .footer .footerbox .copyright{
		float: left;
		padding: 10px 115px 0px 80px;
	}
	.mainWrapper .footer .footerbox .sitewebfoot{
		float: left;
		padding: 10px 115px 0px 0px;
	}
	.mainWrapper .footer .footerbox .contactus{
		float: left;
	}
		.mainWrapper .footer a{
			color: #6D6F71;
		}
	/*END FOOTER*/