/* 3COL FIXED CENTER : CONTENT */

/* HEADER */
#header {
	height: 234px;
	background: url(../assets/bgr_header.jpg) center top no-repeat;
	z-index: 100;
}

	h1.exposant {
		float: left;
		width: 675px;
		padding: 26px 0 0 26px;
		margin: 0 0 4px 0;
		color: #cf0914;
		font: 24px/28px Arial, Helvetica, sans-serif;
		font-weight: 900;
	}
		h1.exposant span { color: #0063ae; }

	a.logo,
	a.logo:link { 
		float: left;
		clear: left;
		width: 189px;
		height: 178px;
	}
	
	img.date { 
		float: right;
		clear: right;
	}

/* CONTENT */
.content {
	position: relative;
	float: left;
	clear: both;
	width: 705px;
	margin-bottom: 15px;
}

.home {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 15px;
}
.introImg {
	position: relative;
	float: right;
	border: 3px solid #ccc;	
	margin: 0 0 15px 15px;
}

.intro {
	position: relative;
	float: left;
	width: 453px;
}

.contentImages {
	float: right;
	width: 250px;
	margin: 0 0 25px 25px;
	border-left: 1px solid #eee;
}
	.contentImages img {
		float: left;
		width: 225px;
		padding-bottom: 25px;
		margin: 0 0 25px 25px;
		border-bottom: 1px solid #eee;
	}
	.contentImages img.last {
		padding-bottom: 0;
		border-bottom: none;
	}

/* EXTRA */
.extra {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

	.video {
		float: left;
		width: 455px;
		padding-bottom: 10px;
		margin: 0 45px 15px 0;
	}
	.links {
		float: left;
		width: 205px;
	}
	.links h2 {
		float: left;
		width: 190px;
		padding: 5px 0 4px 15px;
		margin: 0;
		color: #fff;
		background: url(../assets/bgr_links.jpg) 0 0 no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		.links ul {
			float: left;
			width: 205px;
			margin: 0;
			list-style: none;
		}
			.links ul li {
				width: 100%;
				margin: 0;
			}
				.links ul li a,
				.links ul li a:link {
					float: left;
					width: 185px;
					padding: 10px 0 10px 20px;
					margin: 0;
					border-bottom: 1px solid #d9d9d9;
					background: url(../assets/bgr_link.jpg) 0 0 no-repeat;
					font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
				.links ul li a:hover {
					background-position: 0 -100px;
					color: #00ace2;
				}
				.links ul li a strong {
					color: #00ace2;
				}

/* NEWS */
.news {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	background: url(../assets/bgr_news.jpg) center 27px repeat-y;
	margin: 0 0 15px 0;
}
	.news h2 {
		float: left;
		width: 100%;
		height: 16px;
		padding: 5px 0 15px 0;
		margin: 0;
		color: #00ace2;
		background-color: #fff;
	}
	.news .item {
		position: relative;
		float: left;
		width: 205px;
		margin: 0 0 10px 0;
	}
	.news .even { margin: 0 45px; }
	
	.news .item img {
		float: left;
		margin: 0 0 10px 0;
	}
	.news .item h5 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #00ace2;
		font-weight: normal;
		margin: 0 0 7px 0;
	}
	.news .item p {
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	.news .item p a,
	.news .item p a:link {
		float: right;
		color: #00ace2;
	}

/* BREADCRUMBS */
.breadcrumbs {
	padding: 0;
	margin: 0 0 10px 0;
}
	.breadcrumbs p {
		margin: 0;
		font-size: 9px;
		line-height: 14px;
		color: #666;
	}
		.breadcrumbs a,
		.breadcrumbs a:link,
		.breadcrumbs a:visited,
		.breadcrumbs a:active {
			color: #666;
			text-decoration: underline;
		}
		
		.breadcrumbs a:hover {
			color: #000;
			text-decoration: none;
		}

/* NAVBOX */
.navBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 188px;
	border: 1px solid #ccc;
	margin: 10px 0 10px 10px;
}
	.navBox h5{
		padding: 5px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: #f5f5f5;
	}
		
	.navBox ul{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.navBox ul li{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: 1px dotted #ccc;
	}
		.navBox ul li.odd{
			background: #eee;
		}
		.navBox ul li.even{
			background: #fff;
		}
		.navBox ul li.end{
			border-bottom: none;
		}
		
		.navBox ul li a,
		.navBox ul li a:link,
		.navBox ul li a:visited,
		.navBox ul li a:active {
			position: relative;
			float: left;
			display: inline;
			width: 96%;
			padding: 5px 2%;
			margin: 0;
			color: #666;
			font-size: 11px;
			line-height: 14px;
			text-decoration: none;
			background-color: transparent;
		}
			.navBox ul li a:hover {
				text-decoration: underline;
			}
			
	.navBox p {
		position: relative;
		float: left;
		padding: 5px;
		margin: 0;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
	}
		.navBox input.inputBox {
			position: relative;
			float: left;
			height: 18px;
			width: 75%;
			padding: 0 5px;
			margin: 0 0 5px 5px;
			border: 1px solid #ccc;
			font: 11px/18px Arial, Helvetica, Verdana, sans-serif; 
			color: #666;
		}
		.navBox a.go,
		.navBox a.go:link,
		.navBox a.go:visited,
		.navBox a.go:active {
			position: relative;
			float: left;
			height: 18px;
			width: 18px;
			padding: 0;
			margin: 0;
			border: 1px solid #ccc;
			border-left-width: 0;
			background-color: #ccc;
			text-align: center;
			text-decoration: none;
			color: #fff;
			font: 10px/16px Arial, Helvetica, Verdana, sans-serif;
			font-weight: bold;
		}
			.navBox a.go:hover {
				background-color: #fff;
				color: #ccc;
				text-decoration: none;
			}
	.navBox p.archive {	
		float: none;
		clear: both;
		margin: 0;
		background: #f5f5f5;
		text-align: right;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
	}
	.navBox p.title {	
		float: none;
		clear: both;
		margin: 0;
		text-align: left;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		background: #f5f5f5;
		border-bottom: 1px dotted #ccc;
	}
	.navBox p.empty {	
		float: none;
		clear: both;
		margin: 0;
		text-align: left;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		background: #fff;
		border-bottom: 1px dotted #ccc;
	}


/* FOOTER */
#footer p {
	position: relative;
	float: left;
	text-align: left;
	font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
}

.partners {
	float: left;
	width: 100%;
	background: #ededed;
}
	.support {
		float: left;
		width: 181px;
		padding: 5px 0 5px 8px;
		margin-right: 33px;
	}
	.media {
		float: left;
		padding: 5px 0 5px 5px;
	}
		.partners p {
			float: left;
			margin: 0 0 5px 0;
		}
		.partners img {
			float: left;
			clear: left;
			margin: 0;
		}
	
.footer {
	float: left;
	width: 942px;
	padding: 5px 0 5px 8px;
	background: #004fa4;
}
.footer p {
	color: #a6c2df;
	margin-bottom: 0;
}
.footer p a,
.footer p a:link {
	color: #a6c2df;
}
	#footer p.cohu {
		color: #ccc;
	}
		#footer p.cohu a,
		#footer p.cohu a:link,
		#footer p.cohu a:visited,
		#footer p.cohu a:active {
			text-decoration: underline;
			font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
			color: #ccc;
		}
		
		#footer p.cohu a:hover {
			text-decoration: none;
			color: #666;
		}

