/*--------------------------------------------------------------------------*/
/*		Reset css															*/
/*--------------------------------------------------------------------------*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, em, img, ins, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
body{
	font:normal 12px Arial, Helvetica, sans-serif;
	cursor:default;
	color:#666;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 ); /* IE6-9 */	
	background:url(../img/body.png) no-repeat center bottom, -moz-linear-gradient(top,  #ffffff 0%, #999999 70%);
	background:url(../img/body.png) no-repeat center bottom, linear-gradient(top,  #ffffff 0%,#999999 70%);
	background:url(../img/body.png) no-repeat center bottom, -ms-linear-gradient(top,  #ffffff 0%,#999999 70%);
	background:url(../img/body.png) no-repeat center bottom, -o-linear-gradient(top,  #ffffff 0%,#999999 70%);
	background:url(../img/body.png) no-repeat center bottom, -webkit-linear-gradient(top,  #ffffff 0%,#999999 70%);
	background:url(../img/body.png) no-repeat center bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#999999));
	background-color:#999;
}
ul, ol{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:''; content:none;
}
hr{
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
	border:0;
	border-top:1px solid #ccc;
}
select{
	vertical-align:middle;
}
label{
	cursor:pointer;
}
a{
	color:#012f53;
	cursor:pointer;
}
a:hover{
	text-decoration:none;
}
/*--------------------------------------------------------------------------*/
/*	Class generiques 														*/
/*	(trie par categorie bouton, formulaire, tableau, div generiques ...)	*/
/*--------------------------------------------------------------------------*/
p{
	padding:3px 0;
}
.clear{
	clear:both;
}
.italic{
	font-style:italic;
}
.textCenter{
	text-align:center;
	padding-top:20px;
}
.textCenter .news {
	margin-right: 28px;
}
.textCenter .newsb {
	
	margin-top: 20px;
}
/*--------------------------------------------------------------------------*/
/*		Box generique														*/
/*--------------------------------------------------------------------------*/
#right .box{
	padding:4px 12px 40px ;
}
.box{
	padding:4px 12px 60px ;
	border:1px solid #012f53;
	border-top-width:9px;
	border-radius:0 0 20px 0;
	background-color:#fff;
	/* min-height: 340px;*/
	/*height: 550px;*/
}
	.box h2,.box h1{
		margin-bottom:5px;
		font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#012f53;
		text-transform:uppercase;
		zoom:1;
	}
.box ul li{
	display: list-item;
	float :none;
}	
.about .box{
	padding-bottom: 80px;
}
.ourproduct .box{
	padding-bottom: 80px;
}
/*--------------------------------------------------------------------------*/
/*		Pagination															*/
/*--------------------------------------------------------------------------*/
.pagination{
	padding-top:10px;
	text-align:center;
}
.pagination a{
	color:#666;
	text-decoration:none;
}
	.pagination a:hover{
		color:#012f53;
		text-decoration:underline;
	}
	.pagination .current{
		color:#012f53;
	}
/*--------------------------------------------------------------------------*/
/*		Structure site														*/
/*--------------------------------------------------------------------------*/
#wrapper{
	margin:0 auto;
	width:1000px;
}
/*--------------------------------------------------------------------------*/
/*		Header																*/
/*--------------------------------------------------------------------------*/
#header{
	height:94px;
	background:#001f38 url(../img/sprite.png) repeat-x 0 0;
}
	#header #headerContent{
		margin:0 auto;
		position:relative;
		width:1000px;
		height:94px;
		background:url(../img/sprite.png) no-repeat 0 -125px;
	}
	#header h1 a{
		position:absolute;
		left:0;
		top:15px;
		width:300px;
		height:70px;
	}
		#header h1 span{
			display:none;
		}
	#header ul{
		position:absolute;
		right:0;
		bottom:0;
		height:25px;
	}
		#header ul li{
			display:block;
			float:left;
		}
			#header ul li a{
				display:block;
				background:url(../img/sprite.png) no-repeat 0 -220px;
				width:32px;
				height:25px;
			}
				#header ul li + li a{
					background-position:-34px -220px;
				}
				#header ul li a:hover{
					opacity:0.7;
				}			
			#header ul span{
				display:none;
			}			
/*--------------------------------------------------------------------------*/
/*		Nav																	*/
/*--------------------------------------------------------------------------*/
#nav{
	height:27px;
	background:#474747 url(../img/sprite.png) repeat-x 0 -94px;
}
	#nav ul{
		margin:0 auto;
		width:540px;
		height:27px;
	}
		#nav ul li{
			display:block;
			float:left;
			border-left:1px solid #535353;
			border-right:1px solid #535353;
		}
			#nav ul li:first-child{
				border-right:none;
			}
				#nav ul li:first-child a{
					border-right:none;
				}
			#nav ul li + li + li{
				border-left:none;
			}
				#nav ul li + li + li a{
					border-left:none;
				}				
		#nav ul li a{
			display:inline-block;
			width:130px;
			height:27px;
			border-left:1px solid #868686;
			border-right:1px solid #868686;
			color:#fff;
			font:normal 16px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align:center;
			text-decoration:none;
			text-transform:uppercase;
		}
			#nav ul .current a{
				background:#004365 url(../img/sprite.png) repeat-x -70px -220px;
			}
/*--------------------------------------------------------------------------*/
/*		Content																*/
/*--------------------------------------------------------------------------*/
#content{
	padding:20px 40px 20px 20px;
	min-height:600px;
	border-radius:0 0 5px 5px;
	background-color:#fff;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 29%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(29%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 29%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 29%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 29%); /* IE10+ */
	background: linear-gradient(top,  #e0e0e0 0%,#ffffff 29%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
	#content #left{
		float:left;
		width:155px;
	}
		#content #left ul li{
			background: #eeeeee; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(left,  #eeeeee 0%, #ffffff 50%, #eeeeee 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(50%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* IE10+ */
			background: linear-gradient(left,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-8 */
		}
			#content #left ul a{
				display:block;
				margin:5px 0;
				padding:4px 5px;
				border:1px solid #ccc;
				font:normal 13px Arial, Helvetica, sans-serif;
				text-decoration:none;
				background:url(../img/sprite.png) no-repeat -855px -223px;		
			}
				#content #left ul li:first-child a{
					margin-top:0;
				}
				#content #left ul a:hover{
					text-decoration:underline;
				}
				#content #left ul .current a{
					color:#666;
				}
#content #left ul .open{
	margin-bottom:0;
	border-bottom:none;
	background:url(../img/sprite.png) no-repeat -854px -445px;
}
	#content #left .submenu{
		display:none;
		border:1px solid #ccc;
		border-top:none;
	}
		#content #left .submenu a{
			margin:0 8px;
			padding:5px 10px;
			border:none;
			border-top:1px solid #ccc;
			background-image:none;
		}
			#content #left .submenu li:first-child a{
				border-top:none;
			}
	#content #right{
		float:right;
		width:755px;
	}
	#content #bottom{
		margin-top:30px;
		font-size:11px;
	}
	#content #bottom .box{
		float:left;
		height:117px;
	}
		#content #bottom .box:first-child{
			width:131px;
			margin-right:28px;
		}
		#content #bottom #box_news{
			width:448px;
			margin-right:28px;
			height: 180px;
		}
			#content #bottom .box_news_content{
				width:448px;
				height:175px;
				overflow:hidden;
			}
			#content .article{
				margin-bottom:10px;
				display:inline-block;
				width:100%;
			}
			#content h3{
				font-size:12px;
				color:#012f53;
				margin-top:5px;
			}
		#content #bottom #box_customers{
			width:227px;
		}
		#content #bottom .box img{
			display:block;
			margin:10px auto 0;
		}
/*--------------------------------------------------------------------------*/
/*		Footer																*/
/*--------------------------------------------------------------------------*/
#footer{
	padding:5px 0;
	text-align:center;
	font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
	#footer a{
		text-decoration:none;
		color:#fff;
	}
		#footer a:hover{
			text-decoration:underline;
		}
/*--------------------------------------------------------------------------*/
/*		PAGE																*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*		news	/	news_details											*/
/*--------------------------------------------------------------------------*/
.news .articleText{
	float:right;
	width:480px;
	margin:0 9px;
}
.news .article{
	margin:15px 0;
}
.download{
	display:block;
	margin:7px 0;
	padding-left:28px;
	color:#666;
	line-height:25px;
	background:url(../img/sprite.png) no-repeat -210px -222px;
}
.siteweb{
	display:block;
	margin:7px 0;
	padding-left:35px;
	color:#666;
	line-height:22px;
	background:url(../img/sprite.png) no-repeat -965px -360px;
}
.details{
	display:block;
	margin:7px 0;
	padding-left:27px;
	color:#666;
	line-height:20px;
	background:url(../img/sprite.png) no-repeat -980px -400px;
}
	.download:hover, .siteweb:hover{
		color:#012f53;
		text-decoration:underline;
	}
/*--------------------------------------------------------------------------*/
/*		about us															*/
/*--------------------------------------------------------------------------*/
.about ul{
	margin:20px 0 30px 20px;
	height:25px;
	list-style:disc;
}
	.about ul li{
		display: list-item;
		float :none;
	}
		.about ul li a{
			display:block;
			margin-right:75px;
			padding-left:25px;
			color:#666;
			line-height:25px;
			background:url(../img/sprite.png) no-repeat -210px -222px;
		}
			.about ul li a:hover{
				color:#012f53;
				text-decoration:underline;
			}
.about #illustration{
	//margin:0 auto 50px;
	min-height:210px;
	clear:both;
	/*background:url(../img/sprite.png) no-repeat 0 -250px;*/		
}
/*--------------------------------------------------------------------------*/
/*		brochure															*/
/*--------------------------------------------------------------------------*/
.brochure .brochureDownload{
	
	margin:10px 16px;
	padding:5px 10px;
	width:310px;	
	border:1px solid #999;
}
	.brochure h3{
		padding-top:5px;
		text-transform:uppercase;
	}
		.brochure h3 span{
			text-transform:lowercase;
		}
/*--------------------------------------------------------------------------*/
/*		reference															*/
/*--------------------------------------------------------------------------*/
.reference ul li{
	float:left;
	margin:9px;
	height:110px;
	text-transform:uppercase;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	.reference ul img{
		border:1px solid #ccc;
	}
/*--------------------------------------------------------------------------*/
/*		location															*/
/*--------------------------------------------------------------------------*/
.location iframe{
	float:left;
	width:480px;
}
.location ul{
	float:right;
	width:200px;
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	.location ul li{
		position:relative;
		margin-bottom:7px;
	}
	.location ul em{
		position:absolute;
		
		top:0;
		width:14px;
		height:26px;
		background:url(../img/sprite.png) no-repeat;
	}
	.location ul .flagRed{
		background-position:right -265px;
	}
	.location ul .flagBlue{
		background-position:right -291px;
	}
	.location ul span{
		color:#012f53;
		text-transform:uppercase;
		padding-left:17px;
	}
/*--------------------------------------------------------------------------*/
/*		contact																*/
/*--------------------------------------------------------------------------*/
.contact{
	position:relative;
}
	.contact .picto{
		position:absolute;
		left:15px;
		top:50px;
		width:33px;
		height:33px;
		background:url(../img/sprite.png) no-repeat right -321px;
	}
	.contact form{
		padding-left:50px;
	}
	.contact form p{
		position:relative;
	}
	.contact form .field:first-child p{
		float:left;
		margin-right:5px;
	}
		.contact form input, .contact form textarea{
			padding:4px;
			width:154px;
			border:1px solid #047dac;
		}
			.contact form textarea{
				width:661px;
				height:50px;
			}
			.contact form p label{
				position:absolute;
				left:8px;
				top:8px;
				color:#025178;
			}
			.contact form textarea{
				font:normal 12px Arial, Helvetica, sans-serif;
			}
			.contact form input[type="submit"]{
				display:block;
				margin-left:571px;
				width:100px;
				height:27px;
				text-transform:uppercase;
				color:#fff;
				font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
				cursor:pointer;
				background:#025178 url(../img/sprite.png) no-repeat -800px -265px;
			}
		.contact #listContact{
			margin-top:10px;
			min-height: 310px;
		}
		.contact .infoContact{
			margin:10px;
			padding:0 10px;
			float:left;
			width:323px;
			height:175px;
			?height:200px;
		}
			.contact .infoContact .headContact{
				color:#012f53;
			}
			.contact .infoContact .headContact img{
				margin:0 5px 5px 0;
			}
			.contact .infoContact .headContact strong{
				text-transform:uppercase;
			}
		.contact .bordure{
			border-bottom:1px solid #999;
		}
		.contact .bordureCote{
			float:left;
			width:1px;
			height:180px;
			border-left:1px solid #999;
		}
/*--------------------------------------------------------------------------*/
/*		Companies															*/
/*--------------------------------------------------------------------------*/
.companies p{
	zoom:1;
}
.companies img{
	width:223px;
	height:83px;
	border:1px solid #ccc;
}
	.companies ul{
		margin-top:10px;
		text-align:center;
	}
	.companies ul li{
		display:inline-block;
		margin:8px;
		width:223px;
		height:83px;
		?float:left;
	}
		.companies ul li a:hover img{
			opacity:0.5;
			filter:alpha(opacity=50); 
		}
/*--------------------------------------------------------------------------*/
/*		Companies_details													*/
/*--------------------------------------------------------------------------*/
.companies_details p{
	padding:8px 0;
}
.companies_details img{
	margin:-15px 0 15px 10px;
	float:right;
}
	.companies_details #link{
		height:50px;
		margin-bottom:30px;
	}
	.companies_details #link li{
		display:inline;
		float:left;
		margin:10px 0;
	}
		.companies_details #link li a{
			display:block;
			margin-right:75px;
		}
	.companies_details #listCompany strong{
		text-transform:uppercase;
		color:#012f53;
	}
	.companies_details #listCompany img{
		margin:0 10px 5px 0;
		float:left;
	}
	.companies_details #listCompany .information{
		margin:10px;
		padding:0 10px;
		float:left;
		width:323px;
		height:120px;
	}
	.companies_details #listCompany .bordure{
		border-bottom:1px solid #999;
	}
	.companies_details #listCompany .bordureCote{
		float:left;
		width:1px;
		height:120px;
		border-left:1px solid #999;
	}
	.companies_details #listCompany a:hover{
		color:#666;
	}
/*--------------------------------------------------------------------------*/
/*		home													*/
/*--------------------------------------------------------------------------*/
.home #slider{
	width:720px;
	height:330px;
}
.home .slidesContent{
	height:330px;
	overflow-y:auto;
}
	.home .slidesContent .slideLeft{
		float:left;
		width:440px;
		padding-right:13px;
	}
	.home .slidesContent .slideRight{
		float:right;
		width:245px;
	}
		#content .home .slidesContent .slideRight h3{
			margin-bottom:10px;
			font-size:14px;
			color:#666;
		}
		#content .home .slidesContent .slideRight img{
			margin-bottom:20px;
		}		
.bx-pager{
	position:absolute;
	left:460px;
	bottom:0;
	z-index: 100;
}
.bx-pager a{
	display:block;
	float:left;
	margin:0 4px;
	padding:3px;
	width:12px;
	height:12px;
	line-height:12px;
	border:4px double #666;
	?border:3px double #666;
	border-radius:45px;
	font-weight:bold;
	color:#666;
	text-align:center;
	text-decoration:none;
}
	.bx-pager .pager-active{
		border:4px double #012F53;
		?border:3px double #012F53;
		color:#012F53;
	}
.bx-auto {
	position:absolute;
	right:10px;
	bottom:0;
}
.bx-auto a{
	display:block;
	width:28px;
	height:28px;
	text-indent:-9000px;
	background:url(../img/sprite.png) no-repeat;
}
.bx-auto .stop{
	background-position:-830px -325px;
}
.bx-auto .start{
	background-position:-800px -325px;
}
/*--------------------------------------------------------------------------*/
/*		product											*/
/*--------------------------------------------------------------------------*/
.product .articleText{
	float:right;
	padding-top:0px;
	width:560px;
}
#content .product .article{
	margin:15px 0;
	padding-bottom:15px;
	border-bottom:1px solid #999;
	display:block;
}
	#content .product .article:last-child{
		padding-bottom:0;
		border-bottom:none;
	}
.product .article h3{
	margin-bottom:10px;
	text-transform:uppercase;
}
/*--------------------------------------------------------------------------*/
/*		product_details										*/
/*--------------------------------------------------------------------------*/
.product_details #illustration{
	min-height:170px;
	clear:both;
	padding-bottom: 40px;
}
.product_details #illustration img{
	margin-bottom:1px;
}

.ourproduct #illustration{
	height:210px;
	clear:both;
	padding-top: 40px;
}
.ourproduct #illustration img,
.about #illustration img
{
	margin-bottom:1px;
}

#box_news
{
	width: 100%;
	
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}
.bx-prev,
.bx-next{
	display:none;
}

.lefta {
	float:left;
}
.righta {
	float:right;
}
.contact .box {
	min-height: 890px;
}
#accroche {
	text-align: center;
}
#accroche img{
	margin:0 auto;
}