/*  @Reset css  */
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6 {
  margin:0;
  padding:0;
  outline: none;
}
a:link, a:visited,a:hover,a:active{
  text-decoration: none;
}
img,fieldset{
  border:none;
}
ul,ol{
  list-style: none;
}
blockquote,q{
  quotes:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
div{
  text-align: left;
}
form{
  position: relative;
}
/*  @end Reset  */

@font-face {
    font-family: 'Parcel';
    src: url('fonts/parcel-webfont.eot');
    src: url('fonts/parcel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/parcel-webfont.woff') format('woff'),
         url('fonts/parcel-webfont.ttf') format('truetype'),
         url('fonts/parcel-webfont.svg#parcelregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

@font-face {
    font-family: 'PTSansNarrow';
    src: url('fonts/PTN57F-webfont.eot');
    src: url('fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTN57F-webfont.woff') format('woff'),
         url('fonts/PTN57F-webfont.ttf') format('truetype'),
         url('fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body {
	width:100%;
	height:100%;
	-webkit-font-smoothing:antialiased;
}
body {
	overflow-y: scroll;
}
.inner {
	margin: 0 auto;
}
.ls {
	width:990px;
}
#wrap {
	font:18px PTSansNarrow, Arial, sans-serif;
	min-width:990px;
	overflow: hidden;
	width:100%;
	position: relative;
	min-height: 100%;
	background-color:#efebeb; 
}
	#wrap .shareButtons {
		position: absolute;
		top: 1px;
		left:50%;
		margin-left: 355px;
		z-index:3;
		
	}
		#wrap .shareButtons a {
			display: block;
			width:38px;
			height:53px;
			margin-left: 1px;
			float: left;
			font:36px/49px Parcel, sans-serif;
			color:#fff;
			text-align: center;
			background-color:#4d4d4f;
		}
		#wrap .shareButtons .langugeSection {
			margin-left: 15px;
		}
	#wrap .affiche {
		background-color:#050505;
		height:623px;
		text-align: center;
		position: relative;
		overflow: hidden;
		margin-top:-623px;
		display: none;
	}
		#wrap .affiche i,
		#wrap .affiche b {
			position: absolute;
			left:0;
			width:100px;
			height:623px;
			background:url('../images/headerBlur.png');
			z-index:2;
		}
		#wrap .affiche b {
			background-position: -100px 0;
			left:auto;
			right:0;
		}
		#wrap .affiche .inner {
			width:990px;
			height:623px;
			position: absolute;
			top:0;
			left:50%;
			margin-left: -495px;
		}
			#wrap .affiche .inner .logo {
				width:230px;
				height:151px;
				display: block;
				position: absolute;
				top:48px;
				left:10px;
				/*background:url('../images/logo.png');*/
				left: 20px;
				z-index:3;
			}
			
		#wrap .affiche .events {}
			#wrap .affiche .events .eventsContent .description {
				background: url('../images/bg.png');
				background: rgba(7,7,5,.54);
				padding:19px 20px;
				font:48px/36px Parcel, sans-serif;
				color:#f9fcff;
				display: block;
				position: absolute;
			}
			#wrap .affiche .events .calendarContainer {
				position: absolute;
				bottom:0;
				height:57px;
				width:870px;
				left:50%;
				margin-left:-435px;
				z-index: 3;
			}
			#wrap .affiche .events .calendarContainer .next,
			#wrap .affiche .events .calendarContainer .prev {
				width:30px;
				height:57px;
				position: absolute;
				left:-40px;
				cursor:pointer;
			}
			
			#wrap .affiche .events .calendarContainer .next {
				right:-40px;
				left:auto;
			}
			
			#wrap .affiche .events .calendarContainer .next s,
			#wrap .affiche .events .calendarContainer .prev s {
				background:url('../images/calendarNav.png');
				display: block;
				width:21px;
				height:32px;
				position: relative;
				top:13px;
				left:1px;
			}
			#wrap .affiche .events .calendarContainer .next s {
				left: 8px;
				background-position: -22px 0;
			}
			#wrap .affiche .events .calendar {
				height:57px;
				overflow: hidden;
				position: relative;
			}
				#wrap .affiche .events .calendar ul {
					width: 20000em;
					position: absolute;
					list-style: none;
					margin: 0;
					padding: 0;
				}
				#wrap .affiche .events .calendar li {
					float: left;
					width:174px;
				}
					#wrap .affiche .events .calendar li a {
						font: 36px/57px Parcel, sans-serif;
						color:#f9fcff;
					}
					#wrap .affiche .events .calendar li.corner a {
						color:#6c6e70;
					}
					#wrap .affiche .events .calendar li a span {
						font-size:20px;
					}
			
	#wrap .topMenu {
		height:56px;
		background-color:#8b8b8b;
	}
		#wrap .topMenu .inner {
			font-size:26px;
		}
			#wrap .topMenu .inner a {
				color:#fff;
				line-height: 56px;
				margin: 0 27px;
			}
			#wrap .topMenu .inner a:first-child {
				margin-left: 0;
				margin-left: 15px;
			}
	#wrap .content {
		padding-bottom:145px;
	}
		#wrap .content p {
			margin-bottom: 25px;
		}
		#wrap .content p:first-child {
			margin-top: 0;
		}
		
		#wrap .content .afficheButton {
			width:79px;
			height:47px;
			margin: 6px auto;
			cursor:pointer;
			background-color:#8b8b8b;
		}
			#wrap .content .afficheButton i {
				background:url('../images/updownArrow.png');
				width:32px;
				height:22px;
				display: block;
				position: relative;
				top:12px;
				left:22px;
			}
			#wrap .content .afficheButton.show i {
				background-position: 0 -23px;
				top:14px;
			}
		#wrap .content .inner {
			overflow: hidden;
		}
			#wrap .content .inner h1 {
				font: 48px/39px Parcel, sans-serif;
				margin-bottom: 12px;
			}
			#wrap .content .inner h1 *,
			#wrap .content .inner h2 * {
				color:#000;
			}
			#wrap .content .inner h2 {
				font:26px Parcel, sans-serif;
				margin-bottom: 15px;
			}
			
				#wrap .content .inner h2 span {
					float: right;
					margin-left: 15px;
				}
			#wrap .content .inner .breadcrumbs {
				font-size: 14px;
			}
			#wrap .content .inner .left {
				float: left;
				width:543px;
				margin-left: 15px;
			}
			#wrap .content .inner .left a {
				color:#333;
			}
			#wrap .content .inner .left a:hover {
				text-decoration: underline;
			}
			#wrap .content .inner .html5gallery {
				margin-bottom: 10px;
				width:300px;
				height:100px;
			}
			#wrap .content .inner .right {
				width:352px;
				float: right;
				margin-right: 15px;
			}
				#wrap .content .inner .right h2 {
					margin-bottom: 23px;
				}
				#wrap .content .inner .right .menu {
					margin-bottom: 25px;
				}
					#wrap .content .inner .right .menu > * {
						padding:10px 0 10px 40px; 
						font:26px/32px Parcel, sans-serif;
						color:#fff;
						background-color:#8b8b8b;
						display: block;
						margin-bottom: 4px;
					}
					#wrap .content .inner .right .menu a:hover {
						background-color:#606161;
					}
					#wrap .content .inner .right .menu > *.active,
					#wrap .content .inner .right .menu a:active {
						color:#8b8b8b;
						background-color:#fff;
					}
				#wrap .content .inner .right .submenu {
					margin: 25px 0;
					overflow: hidden;
				}
					#wrap .content .inner .right .submenu > * {
						float: left;
						clear: both;
						font:26px/32px Parcel, sans-serif;
						color:#000;
					}
					*+html #wrap .content .inner .right .submenu > * {
						white-space: nowrap;
					}
					#wrap .content .inner .right .submenu a:hover {
						text-decoration: underline;
					}
					#searchForm input {
						border:#909090 2px solid;
						padding: 10px 9px;
						font:26px/28px Parcel, sans-serif;
						width:330px;
						margin:0;
						background:#efebeb;
						-webkit-font-smoothing:antialiased;
					}
					#searchForm input::-webkit-input-placeholder {
						color:#000;
					}
					#searchForm input:-moz-placeholder {
						color:#000;
					}
					#searchForm input::-moz-placeholder {
						color:#000;
					}
					#searchForm input:-ms-input-placeholder {
						color:#000;
					}
				
#footer {
	margin-top: -120px;
	background-color:#8b8b8b;
	height:120px;
	position: relative;
	color:#fff;
	font:14px/18px PTSansNarrow, Arial, sans-serif;
}
	#footer a {
		color:#fff;
	}
	#footer .inner {
		padding-top: 16px;
	}
	
		#footer .inner .right {
			float: right;
			width:352px;
			margin-right: 15px;
		}
		#footer .inner .left {
			float: left;
			/*width:544px;*/
			margin-left: 15px;
		}
		#footer .inner .left .msc {
			background: url('../images/msc.png') left center no-repeat;
			padding-left: 51px;
			display: block;
			margin-right: 20px;
		}
		
.content .ui-tabs {
	border:0;
	padding: 0;
	background: none;
	font:18px/24px PTSansNarrow, Arial, sans-serif;
}
.content .ui-tabs .ui-tabs-panel *,
.content .defaultStyles * {
	font-size:18px !important;
	line-height: 24px !important;
	font-family: PTSansNarrow, Arial, sans-serif !important;
}
	.content .ui-tabs-nav {
		font:26px Parcel, sans-serif;
		background:none;
		padding: 0;
		border:0;
	}
	.content .ui-tabs .ui-tabs-nav li {
		border:0;
		background:none;
		color:#000;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		margin-right: 10px;
	}
	.content .ui-tabs .ui-tabs-nav li.ui-state-active {
		background-color:#fdfdfe;
	}
		.content .ui-tabs .ui-tabs-nav li a {
			color:#000;
			font-weight: normal;
			padding: 10px 5px;
		}
		.content .ui-tabs .ui-tabs-nav li.ui-state-hover a {
			text-decoration: underline;
		}
		
	.content .ui-tabs .ui-tabs-panel {
		padding: 15px 0;
	}
		.content .ui-tabs .ui-tabs-panel.projects a {
			font: 26px Parcel, sans-serif !important; 
		}
	
/* ----- Contacts page --------------- */
#wrap .content .inner .left .map {
	margin-bottom:35px;
}

/* ----- Feedback page --------------- */
#wrap .content .inner .left .feedback {
	margin: 32px 0;
}
#wrap .content .inner .left .feedback textarea {
	width: 523px;
	height:258px;
	resize:none;
	border:0;
	background-color:#8b8b8b;
	font: 26px Parcel, sans-serif;
	color:#fff;
	padding: 10px;
	outline:none;
	-webkit-font-smoothing:antialiased;
}
#wrap .content .inner .left .feedback textarea::-webkit-input-placeholder {
	color:#fff;
}
#wrap .content .inner .left .feedback textarea:-moz-placeholder {
	color:#fff;
}
#wrap .content .inner .left .feedback textarea::-moz-placeholder {
	color:#fff;
}
#wrap .content .inner .left .feedback textarea:-ms-input-placeholder {
	color:#fff;
}

#wrap .content .inner .left .feedback input.submit {
	font: 26px Parcel, sans-serif;
	background-color:#606161;
	padding: 10px 15px;
	border:0;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 423px;
	-webkit-font-smoothing:antialiased;
}
.rslides {
	z-index:1;
}

.voxxter-button > .voxxter_bt > .voxxter_white-bg {
	     background: none repeat scroll 0 0 #8B8B8B !important; 
    border: 0 !important;
    border-radius: 0 !important;
    color: #FFFFFF  !important;
    cursor: pointer;
    font: 26px/32px Parcel,sans-serif  !important;
    height: 32px  !important;
    margin: 0  !important;
    padding: 10px 0 10px 40px  !important;
    position: relative;
    text-align: left  !important;
    width: 311px  !important;
}

.voxxter-button > .voxxter_bt > .voxxter_white-bg:hover {
	background-color:#606161 !important;
}						

#wrap .content .inner .right .menu > .voxxter-button {
	margin-top: 23px;
	padding: 0;
}
#wrap .content .inner .right .menu > .voxxter-button .voxxter_bt {
	width: auto !important;
}
#wrap .content .inner .right .menu > .voxxter-button .voxxter_bt:hover {
	background-color: #606161;
}
#wrap .content .inner .right .menu > .voxxter-button .voxxter_white-bg {
	font:26px/32px Parcel, sans-serif !important;
	margin: 0 !important;
	padding: 10px 0 10px 40px !important;
	color: #fff !important;
	background: none !important;
	border: none !important;
	text-align: left !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
}