@font-face{ 
	font-family: 'dax_bold-webfont';
	src: url('../font/dax_bold-webfont.eot');
	src: url('../font/dax_bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/dax_bold-webfont.woff') format('woff'),
	     url('../font/dax_bold-webfont.ttf') format('truetype'),
	     url('../font/dax_bold-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'dax-medium-webfont';
	src: url('../font/dax-medium-webfont.eot');
	src: url('../font/dax-medium-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/dax-medium-webfont.woff') format('woff'),
	     url('../font/dax-medium-webfont.ttf') format('truetype'),
	     url('../font/dax-medium-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'dax-regular-webfont';
	src: url('../font/dax-regular-webfont.eot');
	src: url('../font/dax-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../font/dax-regular-webfont.woff') format('woff'),
	     url('../font/dax-regular-webfont.ttf') format('truetype'),
	     url('../font/dax-regular-webfont.svg#webfont') format('svg');
}
html {width:100%;}
body { 
    margin: 0;
    padding: 0;
	background-color:#ededed;
	min-width:1010px;
	
	}
.wrapper {width:100%; overflow:hidden; position:relative;}
.main{
	width:1010px;
	padding:0;
	margin:0 auto;
}
.pad{
	padding:40px 0 40px 0;
}
.header{
	height:188px;
	background:url(../img/head.jpg) no-repeat center;
	}
.logo{
	margin: 7px 0 0 243px;
	}
#menu{
	height:74px;
	background-color:#000;
	}
#menu ul{
	font-family: 'dax-regular-webfont', sans-serif;
	
	}
#menu ul li{
	float:left;
	}
#menu ul li a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.3em;
	color:#ccc;
	padding:0 20px 0 20px;
	line-height:3.7em;
	height:74px;
	display:block;
	-o-transition:color .2s ease-out, background .2s ease-in;
  	-ms-transition:color .2s ease-out, background .2s ease-in;
 	-moz-transition:color .2s ease-out, background .2s ease-in;
  	-webkit-transition:color .2s ease-out, background .2s ease-in;
  	transition:color .2s ease-out, background .2s ease-in;
	}
#menu ul li a:hover{
	color:#F00;
	}
#menu ul li a.active{
	background-color:#272727;
	color:#ed1c24;
	}
#menu ul #lang{
	float:right;
	}
#menu ul #lang a{
	color:#ccc;
	text-transform:lowercase;
	}
#menu ul #lang a:hover{
	color:#F00;
	}

/* CONTENT */

.lightbg{
	background-color:#ededed;
	}
.graybg{
	background-color:#474747;
	clear:both;
}
.darkbg{
	background-color:#333333;
	clear:both;
	background-repeat: repeat-x;
 
 /*
 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#272727), to(#333333));

  background: -webkit-linear-gradient(top, #272727, #333333);

  background: -moz-linear-gradient(top, #272727, #333333);

  background: -ms-linear-gradient(top, #272727, #333333);

  background: -o-linear-gradient(top, #272727, #333333); */
}


/* SERVICES */


#circle{
	position:absolute;
	margin-left:-150px;
	top:200px;
	z-index:1;
	}
.service-img{
	position:absolute;
	margin-left:-100px;
	}
.services{
	padding:40px 0 20px 0;	
	z-index:-0;
	position:relative;
}
.nav{
	padding:0 10px 0 20px;
	font-family: 'dax-regular-webfont', sans-serif;
	width:310px;
	height:250px;
	float:left;
	}
.nav ul{
	
	}
.nav ul li{
	border-bottom:#CCC dotted 1px;
	}
.nav ul li a{
	color:#CCC;
	font-size:1.1em;
	text-transform:uppercase;
	line-height:2.5em;
	text-decoration:none;
	-o-transition:color .2s ease-out, background .2s ease-in;
  	-ms-transition:color .2s ease-out, background .2s ease-in;
 	-moz-transition:color .2s ease-out, background .2s ease-in;
  	-webkit-transition:color .2s ease-out, background .2s ease-in;
  	transition:color .2s ease-out, background .2s ease-in;
	}
.nav ul li a:hover{color:#ed1c24;}

.nav ul li a.select{
	color:#ed1c24;
	font-family: 'dax-regular-webfont', sans-serif;
}
.content{
	width:640px;
	float:right;
	padding-right:20px;
	display:block;
	}
.content h1{
	color:#FFF;
	padding-bottom:20px;
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	font-size:22px;
	line-height:1.7em;
	}
.content p{
	color:#FFF;
	padding-bottom:20px;
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	font-size:18px;
	line-height:1.7em;
	}
.content .title{
	display:block;
	background-color:#F00;
	padding:10px;
	margin-bottom:20px;
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	font-size:2em;
	border:#474747 3px solid;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ea3a45), to(#ed1c24));
  background: -webkit-linear-gradient(top, #ea3a45, #ed1c24);
  background: -moz-linear-gradient(top, #ea3a45, #ed1c24);
  background: -ms-linear-gradient(top, #ea3a45, #ed1c24);
  background: -o-linear-gradient(top, #ea3a45, #ed1c24);
	}
iframe{
	padding-bottom:20px;
	}
.video{
	float:left;
	display:block;
	margin:0 20px 20px 0;
	width:300px;
	height:200px;
	}
.content .logos img{
	padding:0 4px 30px 0;
	}

h2{
	color:#FFF;
	font-family: 'dax-regular-webfont', sans-serif;
	font-size:1.4em;
	line-height:1.4em;
	text-align:center;
	}
h2 a{
	color:#ccc;
	text-decoration:none;
	}
h2 a:hover{
	color:#CCC;
	text-decoration:underline;
	}
.darkbg p{
	color:#ccc;
	padding:20px 0 20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	line-height:1.6em;
	text-align:center;
	}

.wrap-button{
	width:25%;
	padding:40px 0;
	text-align:center;
	float:left;
	height:188px;
}
.wrap-button a{
	color:#FFF;
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	font-size:16px;
	text-decoration:none;
	line-height:34px;
	}
.wrap-button a:hover{
	position:relative;
}


#mining{
	background:url(../img/b-mining.png) no-repeat center;width:100%;height:188px;display:block;}
#mining h1{padding-top:76px; font-size:30px;}
#power{
	background:url(../img/b-power.png) no-repeat center;width:100%;height:188px;display:block;}
#power h1{padding-top:62px; font-size:30px;}
#oil{background:url(../img/b-oil.png) no-repeat center;width:100%;height:188px;display:block;}
#oil h1{padding-top:76px; font-size:30px;}

#construction{background:url(../img/b-construction.png) no-repeat center;width:100%;height:188px;display:block;}
#construction h1{padding-top:62px; font-size:30px;}
#bus{background:url(../img/b-bus.png) no-repeat center;width:100%;height:188px;display:block;}
#bus h1{padding-top:62px; font-size:30px;}

h3{
	text-align:center;
	color:#FFF;
	font-family: 'dax-regular-webfont', sans-serif;
	font-size:28px;
	line-height:80px;
	text-transform:uppercase;
	}

.social-wrap{
	background:url(../img/arrow-gray.png) no-repeat top;
	width:350px;
	height:155px;
	margin:0 330px 0 330px;
	position:relative;
	}
.social-block{
	width:25%;
	margin:40px 0 0 0;
	float:left;
	display:block;
	}
.social-block img{
	padding:0 25px;
	}
.social-block a{
	font-family: 'dax-regular-webfont', sans-serif;
	color:#bebebe;
	text-align:center;
	font-size:0.8em;
	line-height:3em;
	text-transform:uppercase;
	text-decoration:none;
	}


/* PRODUITS */	

h4{
	font-family: 'dax-regular-webfont', sans-serif;
	font-size:24px;
	line-height:62px;
	text-align:center;
	}

#nav h1{
	font-family: 'dax-regular-webfont', sans-serif;
	font-size:36px;
	text-align:center;
	padding-bottom:15px;
	}
.fournisseur{
	height:95px;
	display:block;
	text-align:center;
	}
.fournisseur img{
	margin:0 20px 0 0;
	}

.products{}
#nav{
	text-indent:10px;
	padding:0 0 60px 0;
	}

#nav dt b{
	font-family: 'dax-regular-webfont', sans-serif;
	color:#FFF;
	text-align:center;
	font-size:26px;
	display:block;
	line-height:45px;
	margin:3px 0 3px 0;
	cursor:pointer;
	background-color:#000;
	display:block;
	}
#nav dt b img{
	padding:6px 5px 0 0;
	}

#nav dt b:hover{
	color:#ed1c24;
	}
#nav ul li{
	overflow:hidden;
	font-family: 'dax-regular-webfont', sans-serif;
	font-size:16px;
	text-align:center;
	color:#333;
	float:left;
	width:503px;
	border: #ededed 1px solid;
	background-color:#ededed;
	}

#nav ul li a{
	text-decoration:none;
	color:#333;
	display:block;
	padding: 10px 0;
	background-color:#FFF;
	}
#nav ul li a:hover{color:#ed1c24;}







/* FORM */

.mail a{
	color:#FFF;
	text-align:center;
	line-height:3em;
	padding:0 20px;
	display:block;
	float:left;
	background-color:#474747;
	margin:0 1% 40px 0;
	width:20%;
	text-decoration:none;
	}
.mail a:hover{
	text-decoration:underline;
	}

.form{ margin:0 20px 0 20px; width:970px;}
.description{
	display:block;
	color:#474747;
	font-family:Arial, Helvetica, sans-serif;
	line-height:40px;
	}
.fill{
	width:100%;
	height:30px;
	border:#CCC 1px solid;
	font-size:20px;
	color:#474747;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	}
.number{width:40%;height:30px;border:#CCC 1px solid;font-size:20px;
	color:#474747;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;}
.button_form{
	border:none;
	color:#FFF;
	display:block;
	height:30px;
	width:70px;
	background-color:#000000;
	margin:15px 0 0 0;
	}
.button_form:hover{
	color:#FFF;
	background-color:#ed1c24;
	}
input{ background-color:#FFF; border:none; height:20px;color:#474747;font-size:13px; cursor:pointer;}

textarea{ background-color:#FFF; border:none; height:100px;width:100%;color:#474747;font-size:13px;border:#CCC 1px solid;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;}

.select{padding:10px 0;color:#474747;font-family:Arial, Helvetica, sans-serif;}






/* FOOT */

.foot{
	height:160px;
	background:url(../img/arrow-red.png) bottom no-repeat;
	}
.foot h5{
	color:#FFF;
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	font-size:1.5em;
	line-height:1.5em;
	text-align:center;
	padding:0 250px;
	}
.foot p{
	font-family: 'dax-regular-webfont', sans-serif;
	font-weight:400;
	text-align:center;
	font-size:1.5em;
	line-height:1.5em;
	color:#fff;
	}
.foot p a{
	color:#fff;
	}

.footer{
	background-color:#ed1c24;
	height:60px;

}
.footer ul{
	font-family: 'dax-regular-webfont', sans-serif;
	display:block;
	}
.footer ul li{
	float:left;
	}
.footer ul li a{
	text-decoration:none;
	font-weight:400;
	font-size:1em;
	color:#fff;
	padding:0 20px 0 20px;
	line-height:3em;
	display:block;
	}
.footer ul li a:hover{
	text-decoration:underline;
	}
.copyright{
	color:#FFF;
	text-indent:1.2em;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:4em;
	float:right;
	margin-right:20px;
	}
.copyright a{ color:#FFF; text-decoration:underline;}