html, body {
	height: 100%;
}

body {
	color: #757575;
	font-family: Arial, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	background: url(images/testbackground3.jpg) top center repeat-y #191919;
}
/*OBJECT*/
table, td{
	border-collapse:collapse;
}
a{
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
}
a:hover{
	text-decoration:underline;
}
a.more{
	margin: 10px 0px 0px 0px;
	font-size: 10px;
	color: #757575;
}
img{
	border: 0px;
}
form, input{
	padding: 0px;
	margin: 0px;
}
p{
	margin-bottom: 10px;
	text-align: justify;
}
/***WEBSITE***/
.mainWrapper{
	position: relative;
	min-height: 100%;
	height: 100%;
	width: 800px;
	margin-left: auto;
	margin-right: auto; 
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background:  #191919;
}
html>body .mainWrapper {
    height: auto;
}
.clearBoth{
	clear: both;
}
	/*HEADER*/
	.mainWrapper .main{
		width:800px;
		/*background:#191919;*/
	}
		.mainWrapper .main .top{
			height:99px;
			background:url(images/hd_bg3.jpg) top left no-repeat #191919;
			padding:0px 0 0 0px;
		}
		.bottom_content{
			height:60px;
			background:url(images/menu_bg4.jpg) top left no-repeat #191919;
		}
		
		.mainWrapper .inside{
			background:url(images/cnt_bg8.jpg) top left no-repeat #191919;
			padding:20px 0px 10px 0px;
		}
		/*MENU*/
			.mainWrapper .inside .divmenu{
				width: 100%;
				margin-top: 10px;
				border-bottom: 1px dashed #757575;
				height: 24px;
			}
			.mainWrapper .inside .divmenu ul{
				margin: 0px 0px 0px 0px;
				width: 800px;
				padding: 0;
			}
			.mainWrapper .inside .divmenu li{
				position: relative;
				list-style: none;
				width: 160px;
				margin: 0px 0px 0px 0px;
				float: left;
			}
			.mainWrapper .inside .divmenu li.first{
				margin: 0px 0px 0px 0px;
			}
				.mainWrapper .inside .divmenu li a{
					display: block;
					width: auto;
					height: 23px;
					padding-top: 7px;
					text-align: center;
					font-size: 11px;
					color: #FF00D2;
					font-weight: bold;
				}
				.mainWrapper .inside .divmenu li a:hover{
					text-decoration: none;
					color: #FFFD85;
					font-weight: bold;
				}
			.mainWrapper .inside .divmenu ul.menus{
				padding: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: auto;
				margin-right: auto;
				list-style:none;
			}
			.mainWrapper .menubar>ul a{
					width: auto;
			}
			/*.mainWrapper .inside .divmenu ul.menus li{
				position: relative;
				list-style: none;
				margin: 5px;
				float: left;
				padding: 0px 0px 0px 0px;
				border: 1px solid #54040F;
				background: url(images/menus.jpg)  top left no-repeat;
			}
				.mainWrapper .inside .divmenu ul.menus li a{
					/*display: block;
					width: auto;
					font-size: 11px;
					color: #FF00D2;
					font-weight: bold;
					float: left;
				}
				.mainWrapper .inside .divmenu ul.menus li a:hover{
					text-decoration: none;
					color: #FFFD85;
				}*/
				.mainWrapper .inside .divmenu ul.menus li.sublink:hover ul.submenu{
					display: block;
				}
				.mainWrapper .inside .divmenu ul.menus li.sublink ul.submenu{
					position: absolute;
					width: 100%;
					display: none;
					top: 25px;
					left: 0px;
					border: 1px solid #FFFD85;
					background: #191919;
				}
					.mainWrapper .inside .divmenu ul.menus ul.submenu li{
						width: 100%;
					}
					.mainWrapper .inside .divmenu ul.menus ul.submenu li:hover{
					}
						.mainWrapper .inside .divmenu ul.menus ul.submenu li a{
							padding: 7px 0px 0px 0px;
							height: 23px;
						}
			/*END MENU*/
		.mainWrapper .inside .breadcrumbWrapper{
			margin-left: 12px;
			margin-right: 12px;
			padding-top: 3px;
			padding-bottom: 5px;
			padding-left: 25px;
			font-size: 10px;
		}
			.mainWrapper .inside .breadcrumbWrapper .breadcrumb{
				padding-top: 3px;
				color: #FF00D2;
			}
				.mainWrapper .inside .breadcrumbWrapper .breadcrumb a{
					color: #FF00D2;
				}
				.mainWrapper .inside .breadcrumbWrapper .breadcrumb a:hover{
					text-decoration: none;
					color: #FFFD85;
				}
				.mainWrapper .inside .breadcrumbWrapper .breadcrumb .spacer{
					margin-left: 15px;
					margin-right: 15px;
				}
				.mainWrapper .inside .breadcrumbWrapper .breadcrumb .way{
					color: #FF00D2;
				}
	/*END HEADER*/
	/*CONTENT*/
	.mainWrapper .inside .contentWrapper{
	}
		.mainWrapper .inside .contentWrapper .bannerWrapper{
			background-color: #ffffff;
			padding-top: 5px;
		}
			.mainWrapper .inside .contentWrapper .banner{
				margin-left: 12px;
				margin-right: 12px;
				padding-bottom: 12px;
			}
		.mainWrapper .inside .contentWrapper .contents{
			padding: 10px 10px 10px 10px;
		}
			.mainWrapper .inside .contentWrapper .contents .wrapper{
			}
				.mainWrapper .inside .contentWrapper .contents .wrapper .contentLeft{
					float: left;
					width: 760px;
				}
					.mainWrapper .inside .contentWrapper .contents .wrapper .contentLeft .title{
						font-size: 18px;
						color: #ffffff;
						padding-left: 15px;
					}
					.mainWrapper .inside .contentWrapper .contents .wrapper .contentLeft .text{
						text-align: justify;
						padding: 10px 0px 25px 15px;
						font-size: 13px;
					}
					.mainWrapper .inside .contentWrapper .contents .wrapper .contentLeft .text .haut{
						text-align: justify;
						padding: 10px 0px 25px 15px;
					}
					.mainWrapper .inside .contentWrapper .contents .wrapper .contentLeft .text .bas{
						text-align: justify;
						padding: 10px 0px 25px 15px;
					}
				.mainWrapper .inside .contentWrapper .contents .wrapper .contentRight{
					float: right;
					width: 200px;
				}
					.mainWrapper .inside .contentWrapper .contents .wrapper .contentRight .title{
						font-weight: bold;
						color: #FE860D;
						padding-bottom: 5px;
					}
	.mainWrapper .contentBottom{
		height: 5px;
	}
	/*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 */
	.contacts .contactText{
		padding-bottom: 10px;
	}
	.contacts .contactRow{
		padding-top: 2px;
		padding-bottom: 2px;
	}
		.contacts .contactRow .label{
			float: left;
			width: 120px;
		}
		.contacts .contactRow .inputAreaLine{
			padding-left: 20px;
		}
	.contacts .contactButton{
		text-align: center;
		padding-top: 10px;
	}
		.contacts .contactButton .button{
			border: 1px solid #3F3F3F;
			background-color:#121212;
			color:#6E7574;
			font-size: 10px;
			padding-left: 3px;
			padding-right: 3px;
			margin: 0px;
		}
	/* information */
		.text .infoContact{
			margin-bottom: 10px;
		}
			.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*/
	.contacts .input{
		margin: 0px;
		font-size: 11px;
		color:#6E7574;
		padding:2px 0 0 2px;
		text-transform:none;
		border: 1px solid #3F3F3F;
		background-color:#121212;
		vertical-align:middle;
	}
	.contacts .small{
		width: 40px;
	}
	.contacts .medium{
		width: 150px;
	}
	.contacts .large{
		width: 220px;
	}
	.contacts .select{
		border: 1px solid #3F3F3F;
		background-color:#121212;
		color:#6E7574;
		font-size: 10px;
		padding-left: 3px;
		margin: 0px;
		width: 157px;
	}
	.contacts .textarea{
		border: 1px solid #3F3F3F;
		background-color:#121212;
		color:#6E7574;
		width: 250px;
		height: 80px;
		font-size: 12px;
		padding: 3px;
		margin: 0px;
	}
	/* Confirmation */
		.contacts .contactRow .valueLine{
			padding-left: 120px;
		}
		.contacts .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 */
.ImageDetail{
	float: left;
	height: 300px;
	width: 430px;
	border: 1px solid #3F3F3F;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	background: #121212;
}
.itshover{
	z-index: 10;
	/*position: absolute;
	height: 0;
	left: 0;*/
}
	.staffWrapper{
		float: left;
		padding: 0;
		height: 300px;
		width: 280px;
	}
	#staffwrap{
	height: auto;
	/*overflow: hidden;  important */
	}
  .staffWrapper h1{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
  }
	.staffWrapper .staffImage{
		float: left;
		width: 60px;
		height: 55px;
		padding: 5px 0px 0px 0px;
		margin: 0px 0px 0px 5px;
		text-align: center;
		vertical-align: middle;
	}
	.staffWrapper .staffImage a{
		cursor: pointer;
	}
    .staffWrapper .staffTitle{
      font-weight: bold;
      padding-top: 2px;
    }
    .staffWrapper .staffSubtitle{
      padding-bottom: 5px;
    }
    .staffWrapper .staffMail{
    }
    .staffWrapper .staffPhone{
      font-size: 11px;
    }
#staffcity .staffWrapper{
	float: left;
	padding: 0;
	height: 300px;
	width: 750px;
}
#staffcity #staffwrap{
	float: left;
	padding: 0;
	height: auto;
	/*height: 400px;
	overflow: hidden;  important */
}
#staffcity .staffImage{
		float: left;
		width: 150px;
		height: 150px;
		padding: 5px 0px 0px 0px;
		margin: 10px;
		text-align: center;
		vertical-align: middle;
	}
	#staffcity .staffImage a{
		font-size: 10px;
		color: #757575;
	}
	#staffcity .staffImage a{
		text-decoration: none;
	}
	/* 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 */
	/*PAGE INDEX.HTML*/
	.mainWrapper #accueil{
		margin-left: auto;
		margin-right: auto;
		width: 800px;
		height: auto;
	}
	.mainWrapper #accueil .flash{
		height: 660px;
		width: 766px;
	}
	.mainWrapper #accueil .bottom{
		height: auto;
		width: 600px;
		color: #757575;
		margin-left: auto;
		margin-right: auto;
		text-align: justify;
		padding: 10px 0px 25px 15px;
		font-size: 13px;
	}
		.mainWrapper #accueil .bottom .title{
			font-size: 18px;
			color: #ffffff;
			padding: 0px 0px 10px 0px;
		}
	/*FIN FLASH*/
	/*FOOTER*/
	.mainWrapper .main .footer{
		position: absolute;
		bottom: 0px;
		padding: 10px 0px 0px 0px;
		height: 20px;
		width: 100%;
		font-size: 10px;
		text-transform:uppercase;
		text-align: center;
	} 
	.mainWrapper .main .footer a{
		color:#757575;
		text-decoration:none;
	}
	.mainWrapper .main .footer a:hover{
		text-decoration:underline;
	}
	/*END FOOTER*/
/*TIPS*/
.tool-tip {
	color: #EE680F;
	width: 200px;
	z-index: 13000;
	border: 1px solid #3F3F3F;
}
 
.tool-title {
	display: none;
}
 
.tool-text {
	font-size: 11px;
}

.custom-tip {
	color: #000;
	width: 100px;
	z-index: 13000;
}
 
.custom-title {
	font-size: 11px;
	margin: 0;
	background: #121212;
	color: #757575;
	border-bottom: 1px solid #3F3F3F;
	padding: 5px 10px 10px 10px;
}
 
.custom-text {
	font-size: 11px;
	background: #121212;
	color: #757575;
	padding: 5px 10px 10px 10px;
}
/*FIN TIPS*/