/*
 * Fichier CSS pour toutes les pages de contenu, n'est pas utilisé par la HomePage
 */

/*
 * Gestion des balises HTML
 */
body {
	font-size: 13.2pt;
	line-height: 21pt;
}

/*
 * Gestion des zones par ordred hiérarchique
 */
#main-container {
	position:absolute;
	margin:auto;
	top:30px;
	left:0;
	right:0;
	width:984px;
}

	header {
		width:984px;
		height:232px;
		margin:0;
		padding:0;
		background-image: url('../../images/header-bg.png');
		background-repeat: no-repeat;
	}
	
	#content {
		padding:0 12px 0 12px;
		background-image: url('../../images/content-bg.png');
	}
	
		#header-hr {
			clear:both;
			width:100%;
			height:1px;
			margin:0 0 20px 0;
			padding:0;
			border:0px;
			color:#c3da95;
			background-color:#c3da95;
		}
	
		aside {
			float:left;
			width:335px;
			margin:0 20px 50px 40px;
		}
		
		section {
			float:right;
			width:505px;
			margin:0 40px 50px 20px;
		}
	
		#footer-hr {
			clear:both;
			width:100%;
			height:1px;
			margin:0;
			padding:0;
			border:0px;
			color:#c3da95;
			background-color:#c3da95;
		}
	
	footer {
		width:984px;
		height:85px;
		margin:0 0 50px 0;
		padding:20px 0 0 0;
		background-image: url('../../images/footer-bg.png');
		background-repeat: no-repeat;
		text-align: center;
		line-height:17pt;
	}
	
/*
 * HEADER
 */

header > h1 {
	position:absolute;
	top:25px;
	left:0;
	padding:0 0 0 12px;
}
header > nav {
	position:relative;
	display:table;
	vertical-align:bottom;
	top:117px;
	left:422px;
	width:515px;
	height:96px;
	padding: 0px 47px 0px 0;
	text-align: right;
	line-height:18pt;
	border-spacing:1px;
}
header > nav > ul {
	margin:0;
}
header > nav > ul > li {
	display:inline-block;
}
header > nav a {
	display:table-cell;
	vertical-align:middle;
	width:96px;
	height:96px;
	border-radius:48px;
	font-size:14.5pt;
	text-align:center;
	background:#c3da95;
	color:#000000;
	text-decoration:none;
}
header > nav a:hover {
	background:#69b543;
	color:#ffffff;
	text-decoration:none;
}
header > nav a.selected-link {
	background:#fff200;
	color:#000000;
}

/*
 * ASIDE
 */
aside > nav {
	display:inline-block;
	border-spacing:1px;
	margin:0;
	padding:0;
}
#sublink-joints { /*canvas*/
	display:block;
}
aside > nav > ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:73px;
}
aside > nav > ul > li {
	display:inline-block;
}
aside > nav a {
	display:table-cell;
	vertical-align:middle;
	line-height:14pt;
	width:80px;
	height:80px;
	border-radius:40px;
	font-size:12pt;
	text-align:center;
	text-decoration:none;
	background:#c3da95;
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
aside > nav a:hover {
	background:#69b543;
	color:#ffffff;
	text-decoration:none;
}
aside > nav a.selected-link {
	background:#fff200;
	color:#000000;
}
aside > nav.level-1-subnav {
}
aside > nav.level-2-subnav {
}
aside > .picture{
	display:block;
	margin:25px 0 25px 0;
}
aside > .centered-margined-picture {
	display:block;
	margin:25px 0 25px 0;
	text-align:center;
}
aside > .bordered-picture {
	display:block;
	margin:25px 0 25px 0;
}
aside > .bordered-picture > img {
	position:relative;
	border:1px solid #000000;
}
aside > canvas.keywords {
	border:1px solid #c3da95;
}

/*
 * SECTION
 */
section > h2 {
	position:relative;
	width:505px;
	height:auto;
	top:0px;
	left:0px;
	margin:0px 0 20px 0;
	padding:0 0 0 0;
}
section > article {
	position:relative;
	z-index:999;
}

/*
 * FOOTER
 */
footer > hr {
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:0;
	background:none;
	bottom:64px;
	left:626px;
	width:346px;
	height:430px;
	background-image: url('../../images/inside-leaves.png');
	background-repeat:no-repeat;
	z-index:100;
}
footer > ul {
	margin:0;
	padding:0;
}
footer > ul > li {
	display:inline;
	padding:0 6px 0 3px;
	border-right:1px solid #3c1b07;
}
footer > ul > li.level-1-link {
	font-size:15pt;
}
footer > ul > li.level-2-link {
	font-size:10pt;
}

/*
 * Gestion du design des formulaires
 */
fieldset {
	border:1px solid #000;
	margin:0 0 10px 0;
	padding:0 20px 20px 20px;
}
fieldset > legend {
	font-size:80%;
}
textarea {
	width:100%;
	height:50px;
}

/*
 * Gestion des DIVs spécifiques
 */
#map {
	float:right;
}
#trimatec-logo, #extralians-logo, #france-ecoextraction-logo, #green-logo, #production-tools-picture, #labo-picture {
	position:absolute;
	top:0;
}

/*
 * Gestion des CLASS spécifiques
 */
.hide {
	display:none;
}

#language-selector {
	position:absolute;
	left:-7px;
	top:170px;
	z-index:99;
	
}
#language-selector p {
	margin:0;padding:0;
	line-height:20px;
}