/* CSS Document */

html {
	overflow: hidden;
	overflow-y: auto;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_site.jpg) left top repeat-x;
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 12px;
	line-height: 110%;
	color: #333;
}
body#noir { /*Bleu*/
	/*background: #5B93B6;*/
}

.preload {
	display: none;
	position: absolute;
	visibility: hidden;
	text-indent: -5000px;
}
.clear{
	clear: both;
}
a {
	color: #333;
}
a:hover {
	color: #000;
}
a img {
	border: 0;
	border: none;
}
table {
	border-collapse: collapse;
}

#site {
	position: relative;
	left: 0;
	top: 0;
	width: 100% !important;
	width: 960px;
	min-width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background: url(../images/mask_site_bottom.png) left bottom repeat-x;
	z-index: 0;
}

#zoneFlash {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1 !important;
}
	.txt-noflash {
		position: relative;
		text-align: right;
		padding: 475px 10px 0 450px;
		z-index: 100000000;
	}
.contener-flash_illustr {
	position: absolute;
	width: 100%;
	left: 0;
	/*top: 120px;*/
	bottom: 10px;
}
	#flash_illustr {
	}

/*======================================================
HEADER
======================================================*/
#header {
	position: relative;
	height: 100px;
	width: 100%;
	/*background: url(../images/mask_site_top.png) left top repeat-x;*/
	z-index: 10;
}
	.lk-logo-tunnel {
		margin-left: 178px;
	}
	.lk-logo-sommaire {
		margin-left: 178px;
	}
	.lk-logo {
		position: absolute;
		margin: -15px 0 0 18px;
	}
	.logo-slogan {
		font-size: 10px;
		text-transform: uppercase;
		color: #fff;
		padding: 0 0 0 21px;
	}
		.logo-slogan span {
			padding: 0 16px 0 0;
		}
	.logo-groupe-tunnel {
		float: right;
		margin: 32px 10px 0 10px;
	}
	.logo-groupe {
		float: right;
		margin: 23px 10px 0 10px;
	}
	.logo-leader {
		position: relative;
		height: 15px;
		font-size: 11px;
		text-transform: uppercase;
		color: #D7FF00;
		text-align: right;
		margin: -20px 30px 0 0;
		padding: 0;
	}
	.logo-leader img {
		margin: 0;
		border: 0;
		padding: 0 1px 0 0;
	}

#navigation {
	position: absolute;
	width: 100%;
	margin: -20px 0 0 0;
	z-index: 20000;
}
.navigation-top {
	width: 180px;
	height: 20px;
	background: url(../images/navigation_title_blanc.png) left top no-repeat;
	padding: 11px 0 0 20px;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 20000000;
}

	.navigation-top span {
		background: url(../images/arrow_nav_right_black.gif) left 5px no-repeat;
		padding: 0 0 0 19px;
	}
	
	#navigation-menu {
		display: none;
	}
		#navigation-menu .alpha-40 {
			position: absolute;
			width: 100%;
			height: 340px;
			background: url(../images/alpha_40.png) repeat-x;
			z-index: 20000;
		}
		#navigation-menu .alpha-20 {
			position: absolute;
			width: 100%;
			height: 340px;
			background: url(../images/alpha_20.png) repeat-x;
			z-index: 20000;
		}
		#couche_alpha3, #couche_alpha4 {

		}
	#navigation-menu .niveau1 {
		position: absolute;
		display: block;
		/*width: 215px;*/
		width: 275px;
		height: 320px;
		margin: 0;
		/*padding: 20px 0 0 60px;*/
		padding: 20px 0 0 0;
		background: #000;
		color: #ccc;
		font-size: 14px;
		text-transform: uppercase;
		z-index: 200000000;
	}
		#navigation-menu .niveau1 li {
			list-style: none;
			/*margin: 0 10px 0 0;*/
			margin: 0;
			padding: 0;
		}
			#navigation-menu .niveau1 a {
				display: block;
				color: #ccc;
				text-decoration: none;
				background: url(../images/arrow_navigation.gif) 260px 8px no-repeat;
				padding: 7px 20px 7px 60px;
			}
			#navigation-menu .niveau1 a:hover,
			#navigation-menu .niveau1 a.active {
				color: #000;
				font-weight: bold;
				background: #00CACD url(../images/arrow_nav_on.gif) 260px 8px no-repeat;
			}
			
			.contener-niveau2 {
				display: none;
				position: absolute;
				/*margin: 0 0 0 215px;*/
				margin: 0 0 0 275px;
				width: 100%;
				padding: 0;
				top: 0;
			}
				.padMenu-niveau2 {
					position: absolute;
					width: 225px;
					height: 320px;
					/*padding: 20px 0 0 10px;*/
					padding: 20px 0 0 0;
					z-index: 20000000;
				}
				.padMenu-niveau2-on {
					background: url(../images/alpha_20.png) repeat-x;
				}
				.padMenu-niveau2-on40 {
					background: url(../images/alpha_40.png) repeat-x;
				}
				#navigation-menu h2 {
					margin: 0;
					padding: 0 0 20px 10px;
					font-size: 18px;
					color: #fff;
					text-transform: uppercase;
					line-height: 80%;
				}
				#navigation-menu .niveau2 {
					margin: 0;
					padding: 0;
				}
					#navigation-menu .niveau2 li {
						list-style: none;
						margin: 0;
						padding: 0;
					}
						#navigation-menu .niveau2 a {
							display: block;
							color: #fff;
							text-decoration: none;
							background: url(../images/arrow_navigation.gif) 22px 9px no-repeat;
							padding: 7px 0 7px 41px;
							margin: 0;
						}
						#navigation-menu .niveau2 a:hover,
						#navigation-menu .niveau2 a.active {
							color: #fff;
							font-weight: bold;
							background: #000 url(../images/arrow_navigation_on.gif) 22px 9px no-repeat;
						}
						
						.contener-niveau3 {
							display: none;
							position: absolute;
							padding: 0;
							margin: 0 0 0 225px;
							z-index: 200000;
						}
							.padMenu-niveau3 {
								position: absolute;
								width: 225px;
								height: 320px;
								padding: 20px 0 0 0;
								z-index: 200000;
							}
							.padMenu-niveau3-on {
								background: url(../images/alpha_20.png) repeat-x;
							}
							#navigation-menu .niveau3 {
								margin: 0;
								padding: 0;
							}
								#navigation-menu .niveau3 li {
									list-style: none;
									margin: 0;
									padding: 0;
								}
									#navigation-menu .niveau3 a {
										display: block;
										color: #fff;
										text-decoration: none;
										background: url(../images/arrow_navigation.gif) 22px 9px no-repeat;
										padding: 7px 0 7px 41px;
										margin: 0;
									}
									#navigation-menu .niveau3 a:hover,
									#navigation-menu .niveau3 a.active {
										color: #fff;
										font-weight: bold;
										background: #000 url(../images/arrow_navigation_on.gif) 22px 9px no-repeat;
									}
									
							.contener-niveau4 {
								display: none;
								position: absolute;
								padding: 0;
								margin: 0 0 0 225px;
								z-index: 20000;
							}
								.padMenu-niveau4 {
									position: absolute;
									width: 270px;
									height: 320px;
									padding: 20px 0 0 0;
									z-index: 200000;
								}
									#navigation-menu .niveau4 {
										margin: 0;
										padding: 0;
									}
										#navigation-menu .niveau4 li {
											list-style: none;
											margin: 0;
											padding: 0;
										}
											#navigation-menu .niveau4 a {
												display: block;
												color: #fff;
												text-decoration: none;
												background: url(../images/arrow_navigation.gif) 22px 9px no-repeat;
												padding: 7px 0 7px 41px;
											}
											#navigation-menu .niveau4 a:hover,
											#navigation-menu .niveau4 a.active {
												color: #fff;
												font-weight: bold;
												background: #000 url(../images/arrow_navigation_on.gif) 22px 9px no-repeat;
											}
	
/*======================================================
Main
======================================================*/
#main {
	position: relative;
	margin: -9px 0 0 0;
	z-index: 100;
}
	

	/*=============== MENU ===============*/
		
	
	/*=============== HOME ===============*/
	.logo-tunnel {
		position: absolute;
		top: 9px;
		left: 0;
		width: 384px;
		padding: 0:
		z-index: 10;
	}
	.tunnel {
		position: relative;
		width: 100%;
		padding: 60px 0 0 0;
		z-index: 10;
	}
		.tunnel ul {
			margin: 0;
			padding: 0;
		}
		.tunnel ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 26px;
			line-height: 22px;
			text-transform: uppercase;
			font-weight: bold;
		}
			.tunnel ul li a {
				display: block;
				text-decoration: none;
				padding: 0 0 0 180px;
				color: #fff;
			}
			.tunnel ul li.color a {
				color: #fff;
			}
			.tunnel ul li a:hover,
			.tunnel ul li a.active {
				background: #fff;
				color: #333;
			}
			
			.tunnel ul ul {
				position: absolute;
				display: none;
				height: 14px;
				margin: -18px 0 0 480px;
				padding: 0;
			}
				.tunnel ul ul li {
					float: left;
					list-style: none;
					margin: 0 72px 0 0;
					padding: 0;
					font-size: 14px;
					line-height: 14px;
					text-transform: uppercase;
					font-weight: normal;
				}
					.tunnel ul ul li a {
						display: inline;
						text-decoration: none;
						color: #666;
						padding: 0 0 0 19px;
						margin: 0;
						background: url(../images/arrow_tunnel.gif) left center no-repeat;
					}
					.tunnel ul li.color li a {
						color: #666;
					}
					.tunnel ul ul li a:hover {
						color: #00CACD;
						background: transparent url(../images/arrow_tunnel.gif) left center no-repeat;
					}
					
	.sommaire-accroche {
		position: abosolute;
		width: 450px;
		padding: 0;
		margin: -33px 0 0 450px;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 100%;
		color: #fff;
		z-index: 10;
	}
	.sommaire {
		position: relative;
		margin: 0;
		padding: 70px 0 0 120px;
		z-index: 10;
	}	
		.sommaire li {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 26px;
			line-height: 22px;
			text-transform: uppercase;
			font-weight: bold;
		}
		body.lang-ja .sommaire li,
		body.lang-zh .sommaire li,
		body.lang-ko .sommaire li,
		body.lang-ru .sommaire li,
		body.lang-ar .sommaire li {
			line-height: 26px;
		}
			.sommaire li a {
				text-decoration: none;
				padding: 0 0 0 60px;
				color: #fff;
			}
			.sommaire li a.count2,
			.sommaire li a.count6
			{
				color: #ddd;
			}
			.sommaire li a.count9
			{
				color: #fff;
			}
			.sommaire li a:hover {
				color: #333;
			}



	/*=============== Content ===============*/
	.content-home {
		
	}
	.content {
		margin: 0;
		padding: 19px 0 0 0;
		height: auto !important;
		height: 340px;
		min-height: 340px;
		background: url(../images/content_menu.png) left 20px no-repeat;
	}
		.content .title-big {
			position: relative;
			width: 281px;
		}
		.content div.title-big span {
			color: #666;
		}
		.content-menu {
			position: absolute;
			width: 264px;
			height: auto !important;
			min-height: 287px;
			height: 287px;
			padding: 0 0 0 41px;
		}
		
			.content-menu ul {
				margin: 0;
				padding: 0;
			}
				.content-menu ul li {
					list-style: none;
					margin: 4px 0 4px 0;
					padding: 4px 0 4px 0;
					font-size: 13px;
					text-transform: uppercase;
				}
					.content-menu li a {
						display: block;
						color: #333;
						text-decoration: none;
						font-weight: bold;
						background: url(../images/arrow_nav.gif) left 3px no-repeat;
						padding: 0 0 0 19px;
					}
					.content-menu li a:hover,
					.content-menu li a.active {
						color: #000;
						font-weight: bold;
						background: url(../images/arrow_nav_on.gif) left 3px no-repeat;
					}
					.content-menu li:hover {
						background: url(../images/nav_over.png) left top no-repeat;
					}
					.content-menu a.lk-pdf {
						font-size: 12px;
					}
					.content-menu ul li span.info-pdf {
						font-size: 11px;
						text-transform: lowercase;
						padding: 0 0 0 5px;
					}
					
					
				.content-menu ul.detail li a {
						color: #333;
						background: url(../images/arrow_nav.gif) left 2px no-repeat;
				}
				.content-menu ul.detail li a:hover {
						color: #000;
						background: url(../images/arrow_nav_on.gif) left 2px no-repeat;
				}
				
				.btn-afficher {
					position: absolute;
					display: none;
					left: 41px;
					top: 240px;
					width: 180px;
					text-decoration: none;
					color: #666;
					font-size: 10px;
					text-transform: uppercase;
					background: url(../images/arrow_afficher.gif) left top no-repeat;
					padding: 0 0 0 19px;
					z-index: 100;
				}
				.btn-afficher:hover {
					color: #000;
				}
				.content-menu ul li.btn-masquer a,
				.content-menu ul.detail li.btn-masquer a {
					background: url(../images/arrow_masquer.gif) left top no-repeat;
					color: #666;
					font-weight: normal;
				}
				.content-menu ul li.btn-masquer a:hover,
				.content-menu ul li.btn-masquer a:hover {
					background: url(../images/arrow_masquer.gif) left top no-repeat;
					font-weight: normal;
					color: #000;
				}
				
				.content-menu ul li.btn-retour,
				.content-menu ul li.btn-masquer {
					font-size: 10px;
					margin: 4px 0 20px 0;
				}
				.content-menu ul li.btn-masquer {
					margin: -15px 0 15px 0;
				}
				.content-menu ul li.btn-retour-2 {
					font-size: 10px;
					margin: 20px 170px 15px 0;
				}
					.content-menu li.btn-retour a,
					.content-menu ul.detail li.btn-retour a,
					.content-menu ul li.btn-retour-2 a {
						background: url(../images/arrow_back.gif) left top no-repeat;
						font-weight: normal;
						color: #666;
					}
					.content-menu li.btn-retour a:hover,
					.content-menu ul.detail li.btn-retour a:hover,
					.content-menu ul li.btn-retour-2 a:hover {
						color: #000;
						background: url(../images/arrow_back.gif) left top no-repeat;
					}
				
				.content-menu ul.detail li.assos {
					margin: 25px 0 0 0;
				}
					.content-menu ul.detail li.assos a {
						color: #333;
						text-decoration: none;
						background: url(../images/arrow_nav_up.png) 1px 1px no-repeat;
						padding: 0 0 0 19px;
					}
					.content-menu ul.detail li.assos a:hover {
						color: #666;
					}
				
				.content-menu ul.icones {
						margin: 10px 0 0 18px;
						padding: 0;
				}
					.content-menu ul.icones li {
							font-size: 10px;
							margin: 3px 0 3px 0;
							padding: 0;
					}
						.content-menu ul.icones li a {
							color: #666;
							text-decoration: none;
							padding: 0 0 0 15px;
						}
						.content-menu ul.icones li a.blog {
							background: url(../images/ico_blog.gif) left center no-repeat;
						}
						.content-menu ul.icones li a.blog:hover {
							color: #000;
							font-weight: normal;	
							background: url(../images/ico_blog.gif) left center no-repeat;
						}
						.content-menu ul.icones li a.contact {
							background: url(../images/ico_contact.gif) left center no-repeat;
						}
						.content-menu ul.icones li a.contact:hover {
							color: #000;
							font-weight: normal;
							background: url(../images/ico_contact.gif) left center no-repeat;
						}
						.content-menu ul.icones li a.doc {
							background: url(../images/ico_doc.gif) left center no-repeat;
						}
						.content-menu ul.icones li a.doc:hover {
							color: #000;
							font-weight: normal;
							background: url(../images/ico_doc.gif) left center no-repeat;
						}
						
						.content-menu .nav-interne {
							display: none;
							position: absolute;
							left: 0;
							margin: -33px 0 0 0;
							padding: 10px 0;
							width: 275px;
							background: #000;
							z-index: 2000;
						}
							.nav-interne li {
								background: none !important;
								padding: 0 !important;
								margin: 1px 0 !important;
							}
								.nav-interne li a {
									display: block;
									color: #ccc !important;
									font-weight: bold !important;
									text-decoration: none;
									background: url(../images/arrow_navigation.gif) 41px 9px no-repeat !important;
									padding: 7px 10px 7px 60px;
								}
								.nav-interne li a:hover,
								.nav-interne li a.active {
									color: #000 !important;
									/*background: #C7DBE7 url(../images/arrow_nav_on.gif) 41px 9px no-repeat !important;*/
									background: #fff url(../images/arrow_nav_on.gif) 41px 9px no-repeat !important;
								}
							li.btn-retour-interne {
								background: url(../images/nav_interne_sep.gif) left bottom no-repeat !important;
								padding-bottom: 10px !important;
								margin: 4px 0 10px 0 !important;
							}
							li.btn-retour-interne a {
								background: transparent url(../images/arrow_back.gif) 41px 6px no-repeat !important;
								color: #ccc !important;
								padding-left: 60px;
								font-size: 10px;
							}
							li.btn-retour-interne a:hover {
								background: url(../images/arrow_back_subnav.gif) 41px 6px no-repeat !important;
								color: #fff !important;
								font-weight: normal !important;
								font-size: 10px;
							}
						
				.pad-bloguer {
					position: absolute;
					display: none;
					top: 10px;
					left: 55px;
					width: 280px;
					height: 172px;
					background: url(../images/pad_bloguer.png) no-repeat;
					padding: 10px 10px 28px 10px;
					color: #fff;
					font-size: 11px;
				}
					.pad-bloguer h3 {
						margin: 0;
						padding: 0;
						font-size: 12px;
						color: #fff;
						text-transform: uppercase;
					}
					.pad-bloguer p {
						margin: 5px 0;
						padding: 0;
					}
					.input-blogguer {
						width: 276px;
						background: #C7DBE7;
						border: 1px solid #396782;
						color: #333;
						font-size: 11px;
						padding: 2px;
					}
					.textarea-blogguer {
						width: 276px;
						height: 50px;
						background: #C7DBE7;
						border: 1px solid #396782;
						color: #333;
						font-size: 11px;
						padding: 2px;
						margin: 15px 0 0 0;
						overflow: auto;
					}
					.btn-copy {
						display: block;
						width: 50px;
						background: #396782;
						color: #fff;
						font-size: 11px;
						padding: 1px 5px;
						text-align: center;
						cursor: pointer;
					}
					.btn-bloguer-close {
						float: right;
						cursor: pointer;
					}
					
		.content-bottom {
			position: relative;
			/*top: 451px;*/
			width: 430px;
			height: auto !important;
			height: 81px;
			min-height: 81px;
			padding: 20px 10px 20px 60px;
			margin: 0;
			background: url(../images/footer_pad_txt_blanc.png) left top no-repeat;
			font-size: 13px;
			color: #000;
			z-index: 10;
		}
		.content-bottom a {
			text-decoration: none;
		}
		
		.content-bottom-big {
			position: relative;
			/*top: 451px;*/
			width: 655px;
			height: auto !important;
			height: 81px;
			min-height: 81px;
			padding: 20px 10px 20px 60px;
			margin: 0;
			background: url(../images/footer_pad_txt_big.png) left top no-repeat;
			font-size: 13px;
			color: #000;
			z-index: 10;
		}
		.content-bottom:hover {
			background: url(../images/footer_pad_txt_blanc_over.png) left top no-repeat;
		}
		.content-bottom-big:hover {
			background: url(../images/footer_pad_txt_big_over.png) left top no-repeat;
		}
			.content-bottom p,
			.content-bottom-big p {
				margin: 0;
				padding: 0;
				color: #000;
				text-transform: uppercase;
			}
			
			#content_bottom_103 { /* Text Reseau */
				width: 310px;
				padding: 20px 10px 0 180px;
			}
			#content_bottom_103 #logos {
				position: absolute;
				margin: -25px 0 0 -180px;
			}
			
			.content-bottom .adresse,
			.content-bottom-big .adresse {
				position: absolute;
				width: 240px;
				margin: 0 0 0 460px;
				text-align: right;
			}
			.content-bottom .adresse-contract,
			.content-bottom-big .adresse-contract {
				position: absolute;
				width: 240px;
				margin: 0 0 0 400px;
				text-align: right;
			}
			.content-bottom .adresse-mecaray {
				position: absolute;
				width: 240px;
				margin: 0 0 0 630px;
				text-align: right;
			}
			
			.content-bottom .mention {
				font-size: 9px;
				font-style: italic;
				line-height: 90%;
				margin: 10px 0 0 0; 
			}
			
	.content-right {
		position: relative;
		width: 600px;
		padding: 0 45px 150px 0;
		font-size: 13px;
		margin: 0 0 0 0;
		left: 315px;
		line-height: 110%;
		top: 0;
	}
		.content-right h2 {
			text-transform: uppercase;
			font-size: 16px;
			color: #5B93B6;
			padding: 0;
			margin: 10px 0;
			line-height: 110%;
		}
		.content-right h3,
		.tabs-ctn h3 {
			text-transform: uppercase;
			font-size: 14px;
			padding: 0;
			margin: 10px 0 0 0;
		}
		.content-right p,
		.tabs-ctn p {
			padding: 0;
			margin: 5px 0 15px 0;
		}
		.content-right ul {
			padding-left: 15px;
			margin-left: 15px;
			padding-top: 5px;
			margin-top: 5px;
		}
		.content-right ul li {
			margin-bottom: 5px;
		}
		
		.content-right .media_doc {
			position: absolute;
		}
		
		.content-menu ul.blog-menu {
			width: 230px;
			height: auto !important;
			height: 200px;
			min-height: 200px;
			display: block;
			float: left;
		}
		.blog-ctn,
		.tabs-ctn {			
			position: relative;
			width: 680px;
			padding: 0 0 150px 0;
			margin:  0;
			left: 315px;
			font-size: 13px;
			line-height: 110%;
			top: 0;
		}
			.blog-ctn a {
				text-decoration: none;
				color: #fff;
			}
			.blog-ctn a:hover {
				color: #00CACD;
			}
			.blog-ctn a.readmore {
				display: block;
				margin: 10px 0 0 0;
				background: url(../images/arrow_actu.gif) left center no-repeat;
				padding: 0 0 0 12px;
			}
			.blog-ctn h2,
			.blog-ctn h2 a {
				padding: 0 0 1px 0;
				margin: 5px 0 0 0;
				text-transform: uppercase;
				text-align: right;
				font-size: 14px;
				color: #00CACD;
			}
			.blog-ctn .artDate {
				padding: 0 0 10px 0;
				color: #999;
				text-align: right;
			}
			
			.blog-tn {
				margin: 0;
				padding: 0;
				background: #666;
			}
			.blog-text {
				background: #666;
				padding: 10px;
				margin: 0 0 20px 0;
				color: #fff;
				text-align: right;
			}
			
			.tabs-ctn h2 {
				text-transform: uppercase;
				font-size: 16px;
				color: #5B93B6;
				padding: 0;
				margin: 0 0 15px 0;
				line-height: 110%;
			}
			.tabs-tn {
				margin: 0;
				padding: 0;
			}
			.tabs-text {
				padding: 0 0 15px 0;
				margin: 0;
			}
			
			a.lk-puce {
				margin: 10px 0 0 0;
				background: url(../images/arrow_actu.gif) left center no-repeat;
				padding: 0 0 0 15px;
				text-decoration: none;
				text-transform: uppercase;
			}
			a.lk-puce:hover {

			}
			
		.cat_doc { /* Linsting Documents */
			position: relative;
			width: 600px;
			padding: 0 45px 20px 0;
			left: 315px;
			line-height: 110%;
			top: 0;
		}
			ul.list_doc {
				margin: 0;
				padding: 0;
			}
				.list_doc li {
					list-style: none;
					margin: 5px 0;
					padding: 0;
					clear: both;
				}
				.list_doc li .doc_desc {
					padding: 5px 0 0 20px;
				}
				.list_doc li a {
					text-decoration: none;
				}
					.list_doc li a img {
						float: right;
						margin: 0 0 0 10px;
					}
			
			
	.chiffre-graphique {
		width: 559px;
		padding-left: 20px;
		margin: 0 0 20px 0;
	}
	.graphique-1 {
		position: relative;
		margin-top: -150px;
		background: url(../images/orga_chiffres/chiffres1.png) no-repeat;
		height: 78px;
		padding-top: 150px;
	}
	.graphique-2 {
		background: url(../images/orga_chiffres/chiffres2.png) no-repeat;
		height: 158px;
		padding-top: 70px;
	}
	.graphique-3 {
		background: url(../images/orga_chiffres/chiffres3.png) no-repeat;
		height: 68px;
		padding-top: 160px;
	}
	.graphique-4 {
		background: url(../images/orga_chiffres/chiffres4.png) no-repeat;
		height: 138px;
		padding-top: 90px;
		margin-top: 40px;
	}
	
		.intro-tab-perf {
			position: absolute;
			width: 195px;
			top: 125px;
			left: -255px;
		}
	
		.logo-services-2 {
			position: absolute;
			top: 0;
			left: 548px;
			margin: -72px 0 0 0;
		}
		.logo-services {
			position: absolute;
			top: 0;
			left: 260px;
			margin: -147px 0 0 0;
		}
		.logo-services-contract {
			position: absolute;
			top: 0;
			right: 260px;
			margin: -175px 0 0 0;
			/*opacity: .66;
			filter: alpha{opacity=66};*/
		}
		.logo-mecaray {
			position: absolute;
			top: 0;
			right: 30px;
			margin: -147px 0 0 0;
		}
		.logos-autres-metiers {
			position: absolute;
			top: 0;
			right: 175px;
			margin: -117px 0 0 0;
			text-align: right;
		}
			.logos-autres-metiers img {
				margin: 0 0 10px 0;
			}
			
			
			
	/* Détail de l'article */
	.pad-detail {
		display: none;
		position: absolute;
		width: 1000%;
		height: 340px;
		left: 0;
		top: 1px;
		z-index: 100;
		background: url(../images/det_bg.png) left top no-repeat;
	}
		.pad-detail .content-menu {
			width: 274px;
		}
			.pad-detail .content-menu li a {
				color: #ccc;
				background: url(../images/arrow_nav_right_on.gif) left 2px no-repeat;
			}
			.pad-detail .content-menu li a:hover {
				color: #fff;
				font-weight: bold;
				background: url(../images/arrow_nav_right_on.gif) left 2px no-repeat;
			}
		
		.pad-detail .pad-detail-flash {
			position: absolute;
			top: 0;
			width: 425px;
			height: 340px;
			margin: 0 0 0 305px;
		}
		
		.pad-detail .pad-detail-txt {
			position: absolute;
			top: 0;
			width: 180px;
			height: 306px;
			overflow: auto;
			margin: 0 0 0 730px;
			padding: 24px 20px 10px 20px;
			font-size: 13px;
			color: #333;
			background: #C7DBE7;
		}
		*+html .pad-detail .pad-detail-txt {
			padding-top: 30px;
			height: 300px;
		}
			.pad-detail .pad-detail-txt .detail-txt {
				margin: 15px 0 0 0;
				display: none;
			}
			.pad-detail .pad-detail-txt h2 {
				margin: 0;
				padding: 0;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			
		/*========== Pad Telechargement =========*/
		.pad-form-plan {
			display: none;
			position: absolute;
			width: 220px;
			height: 120px;
			margin: -130px 0 0 -5px;
			background: url(../images/pad_telecharger.png);
			padding: 10px;
			text-transform: none;
			font-size: 12px;
			color: #fff;
		}
			.pad-form-plan .div-input {
				margin: 10px 0;
			}
			.pad-form-plan a {
				font-size: 13px;
				color: #fff !important;
			}
			.pad-form-plan a:hover {
				color: #000 !important;
			}
	
	
	/*========== Plugin Reseau =========*/
	.main-reseau {
		position: absolute;
		width: 250px;
		/*display: none;*/
	}
	
	.contener-pad-reseau {
		position: relative;
		width: 675px;
		left: 315px;
		top: 0;
		padding: 0;
		margin: -53px 0 0 0;
		z-index: 1000;
	}
		.pad-reseau {
			display: none;
			line-height: 110%;
		}
			.pad-reseau-menu {
				width: 225px;
				height: 500px;
				background: url(../images/alpha_40.png);
				float: left;
				color: #fff;
			}
				.pad-reseau-menu h2 {
					font-size: 30px;
					font-weight: normal;
					text-transform: uppercase;
					line-height: 110%;
					color: #fff;
					padding: 35px 10px 0 10px;
					margin: 0;
				}
				.pad-reseau-menu ul {
					padding: 0;
					margin: 10px 0 0 0;
					font-size: 14px;
					text-transform: uppercase;
				}
				.pad-reseau-menu ul li {
					list-style: none;
					padding: 0;
					margin: 0;
				}
				.pad-reseau-menu ul li a {
					display: block;
					padding: 5px 10px 5px 50px;
					color: #fff;
					text-decoration: none;
				}
				.pad-reseau-menu ul li a:hover,
				.pad-reseau-menu ul li a.active {
					background: #000;
					font-weight: bold;
				}
					.pad-reseau-menu a.btn-retour {
						position: absolute;
						display: block;
						font-size: 10px;
						margin: 10px 0 0 10px;
						padding: 0 0 0 19px;
						background: url(../images/arrow_back_reseau.gif) left top no-repeat;
						text-transform: uppercase;
						text-decoration: none;
						color: #ccc;
					}
					.pad-reseau-menu a.btn-retour:hover {
						color: #fff;
					}
				
			.pad-reseau-implantation {
				width: 205px;
				height: 450px;
				padding: 40px 10px 10px 10px;
				background: #000;
				font-size: 12px;
				color: #fff;
				float: left;
			}
				.implantation {
					display: none;
				}
				.pad-reseau-implantation h3 {
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					color: #00CACD;
					padding: 0;
					margin: 0;
				}
				.pad-reseau-implantation a {
					color: #fff;
				}
				
			.pad-reseau-ref {
				width: 205px;
				height: 450px;
				padding: 40px 10px 10px 10px;
				background: #00CACD;
				font-size: 12px;
				color: #000;
				float: left;
			}
				.pad-reseau-ref h3 {
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					color: #fff;
					padding: 0;
					margin: 0;
				}
				.pad-reseau-ref span {
					color: #fff;
				}
				
	/*========== Plugin offre d'emploi =========*/		
	.emploi-form {
		width: 300px;
		padding: 5px 0 0 0;
	}
	.emploi-result {
		width: 600px;
		margin: 0;
	}
		.emploi-form iframe {
			width: 240px;
			height: 220px;
			background: transparent;
			background: none;
		}
		.emploi-result iframe {
			height: 750px;
			background: transparent;
			background: none;
		}
	
	
	/*========== Videos R&D =========*/	
	.pad-video {
		position: relative;
		width: 100%;
		height: 340px;
		left: 305px;
		top: 10px;
		z-index: 100;
		background: url(../images/alpha_40.png) left top no-repeat;
	}
	.pad-video-rect {
		position: relative;
		width: 100%;
		height: 340px;
		left: 305px;
		top: 10px;
		z-index: 100;
		background: url(../images/alpha_40.png) left top no-repeat;
	}
		.pad-video-flash {
			position: absolute;
			width: 425px;
			height: 340px;
			margin: 0;
		}
		.pad-video-rect .pad-video-flash {
			width: 626px;
		}
		.pad-video-txt {
			position: absolute;
			width: 380px;
			height: 306px;
			overflow: auto;
			margin: 0 0 0 425px;
			padding: 24px 10px 10px 15px;
			font-size: 11px;
			color: #000;
			/*background: #C7DBE7;*/
			background: #00CACD;
		}
		.pad-video-rect .pad-video-txt {
			display: none;
			background: none;
			width: 179px;
			margin: 0 0 0 626px;
		}

		*+html .pad-video-txt {
			padding-top: 30px;
			height: 300px;
		}
			.pad-video-txt .detail-txt {
				margin: 0;
				display: none;
			}
			.pad-video-txt p {
				margin: 10px 0;
				padding: 0;
			}
			.pad-video-txt h3 {
				margin: 0;
				padding: 0;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
			}
			
		.content-right-video {
			position: relative;
			padding: 20px 0 100px 0;
			left: 305px;
			line-height: 110%;
			font-size: 13px;
			top: 0;
		}
	
		
	/*========== Articles Blog list =========*/		
	.blog-ctn {

	}


	/*=============== Titres ===============*/
	h1.title-big,
	.title-big {
		margin: 0;
		padding: 21px 15px 5px 19px;
		font-size: 18px;
		line-height: 18px;
		color: #000;
		text-transform: uppercase;
		font-weight: bold;
	}
	h1.title-normal {

	}
	h2.subtitle {

	}
	

/*======================================================
FORMS
======================================================*/
.pad-form {
	position: relative;
	width: 680px;
	height: 296px;
	padding: 0;
	color: #333;
	margin: 0;
	left: 315px;
	top: -24px;
	line-height: 110%;
}
.pad-form-newsletter {
	position: relative;
	width: 680px;
	height: 269px;
	margin: -30px 0 0 275px;
	padding: 10px;
	color: #333;
}
form {
	margin: 0;
	padding: 0;
}
table.table-form {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin: 0 0 3px 0;
}
.table-form td {
	padding: 2px 0;
}
	.table-form td label {
		padding: 0 5px 0 0;
	}
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 12px;
}
.div-input {
	width: 198px;
	height: 20px;
	background: url(../images/field_input.gif) no-repeat;
	padding: 3px 10px 0 10px;
}
.div-input-big {
	width: 428px;
	height: 20px;
	background: url(../images/field_input_big.gif) no-repeat;
	padding: 3px 10px 0 10px;
}
	.inputform {
		width: 150px;
		background: #eee;
		border: 1px solid #396782;
		color: #333;
		padding: 2px;
	}
	.inputfile {
	
	}
	.div-input input {
		width: 198px;
		background: none;
		border: none;
		padding: 0;
	}
	.div-input-big input {
		width: 428px;
		background: none;
		border: none;
		padding: 0;
	}
	
.div-select {
	width: 168px;
	height: 23px;
	background: url(../images/field_select.gif) no-repeat;
	padding: 3px 5px 0 5px;
}
	.selectform {
		width: 168px;
		background: #fff;
		border: 1px solid #396782;
		color: #333;
		padding: 2px;
	}
	.div-select select {
		border: 0;
		background: none;
	}
	
.div-area {
	width: 551px;
	height: 66px;
	background: url(../images/field_area.gif) no-repeat;
	padding: 5px;
}
.div-area-big {
	width: 606px;
	height: 140px;
	background: url(../images/field_area_big.gif) no-repeat;
	padding: 5px;
}
	.areaform {
		width: 450px;
		height: 70px;
		background: #eee;
		border: 1px solid #396782;
		color: #333;
		padding: 2px;
		overflow: auto;
	}
	.div-area textarea {
		width: 551px;
		height: 63px;
		background: none;
		border: none;
	}
	.div-area-big textarea {
		width: 606px;
		height: 137px;
		background: none;
		border: none;
	}
	
.btn-send {
	width: 105px;
	height: 23px;
	background: url(../images/btn_envoyer.gif) no-repeat;
	border: none;
	color: #fff;
	font-size: 12px;
	padding: 1px 5px 0 5px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
.form-intro {
	width: 560px;
	margin: 0:
}
.tabs-ctn .form-intro {
	width: 616px;
}
#formSearch {

}


/*======================================================
Footer
======================================================*/
#footer-tunnel {
	position: absolute;
	height: 71px;
	width: 100% !important;
	width: 960px;
	min-width: 960px;
	/*background: url(../images/mask_site_bottom.png) left top repeat-x;*/
	bottom: 0;
	z-index: 10;
}
#footer-sommaire {
	position: absolute;
	height: 181px;
	width: 100% !important;
	width: 960px;
	min-width: 960px;
	/*background: url(../images/mask_site_bottom.png) left top repeat-x;*/
	bottom: 0;
	z-index: 10;
}
#footer {
	clear: both;
	position: absolute;
	width: 100% !important;
	width: 960px;
	min-width: 960px;
	/*
	height: auto !important;
	height: 60px;
	min-height: 60px;
	background: url(../images/mask_site_bottom.png) left bottom repeat-x;
	*/
	z-index: 10;
	/*bottom: 0;*/
	/*padding: 121px 0 0 0;*/
	/*margin: -60px 0 0 0;*/
}

	.btn-certificats {
		position: absolute;
		display: block;
		left: 62px;
		bottom: 17px;
		width: 241px;
		height: 20px;
		background: url(../images/footer_certificats_blanc.gif) no-repeat;
		text-decoration: none;
		z-index: 10;
	}
	#noir .btn-certificats {
		background: url(../images/footer_certificats_bleu.gif) no-repeat;
	}
	
	.footer-txt {

	}
	#footer-sommaire .footer-txt {
		position: absolute;
		width: 310px;
		height: 81px;
		padding: 20px 10px 0 180px;
		background: url(../images/footer_pad_txt_blanc.png) left top no-repeat;
		font-size: 13px;
		color: #666;
		bottom: 80px;
	}
	#footer-sommaire .footer-txt a {
			color: #FFF;
			text-decoration: none;
	}
	
	#noir #footer-sommaire .footer-txt {
		color: #fff;
	}
	#footer-sommaire .footer-txt p {
		margin: 0;
		padding: 0;
		color: #000;
		text-transform: uppercase;
	}
	#noir #footer-sommaire .footer-txt p {
		color: #fff;
	}
	
		.footer-txt #logos {
			position: absolute;
			margin: -25px 0 0 -180px;
		}
		.footer-txt p {

		}
	#footer-home .footer-menu {
		
	}
	#footer-sommaire .footer-menu {
		position: absolute;
		width: 100%;
		height: 35px;
		padding: 25px 0 0 0;
		text-align: right;
		background: #fff;
		font-size: 9px;
		text-transform: uppercase;
		color: #666;
		bottom: 0;
	}
	#noir #footer-sommaire .footer-menu {
		background: #5B93B6;
	}
	#footer .footer-menu {
		width: 100%;
		height: 35px;
		padding: 25px 0 0 0;
		text-align: right;
		background: #fff;
		font-size: 9px;
		text-transform: uppercase;
		color: #666;
	}
	#noir #footer .footer-menu{
		background: #5B93B6;
	}
	.footer-menu a {
		margin: 0 12px 0 0;
		color: #666;
		text-decoration: none;
	}
	.footer-menu a:hover,
	.footer-menu a.menu_item_activ,
	.footer-menu a.active {
		color: #000;
	}
	#noir .footer-menu a {
		color: #fff;
	}
	#noir .footer-menu a:hover,
	#noir .footer-menu a.menu_item_activ,
	#noir .footer-menu a.active {
		color: #333;
	}

	.footer-menu .count0 { /* BTN recommandez site */
		background: url(../images/ico_recommand.gif) left center no-repeat;
		padding: 0 0 0 13px;
		margin-right: 38px;
	}
	
	.footer-lang {
		position: absolute;
		display: block;
		left: 345px;
		bottom: 0;
		width: 280px;
		margin: 0;
		padding: 0 0 22px 0;
		text-decoration: none;
		z-index: 10;
	}
		.footer-lang li {
			list-style: none;
			display: inline;
			margin: 0 5px;
			padding: 0;
			font-size: 10px;
			text-transform: uppercase;
		}
			.footer-lang li a {
				text-decoration: none;
				color: #666;
			}
			.footer-lang li a:hover,
			.footer-lang li a.selected {
				color: #000;
			}
			#noir .footer-lang li a {
				text-decoration: none;
				color: #fff;
			}
			#noir .footer-lang li a:hover,
			#noir .footer-lang li a.selected {
				color: #333;
			}
			
	.bandeau-trophee {
		position: absolute;
		width: 510px;
		height: 120px;
		bottom: 61px;
		right: 0;
	}