@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
	outline:none;
}
html {
	height: 100%;
	margin: 0;
}
body{
	height: 100%;
	margin: 0;
}
.c {
	clear:both;
}
img {
	border:0px;
}
.bloc {
  display:block;
}
.left {
  float:left;
}
.right {
  float:right;
}
.tcenter {
	text-align:center;
}
.centrer {
	margin:0 auto;
}
.contour {
  display:block;
  border: 1px solid #406f8f;
}
.margR10{margin-right:15px;}
.margT10{margin-top:10px;}
.margT15{margin-top:15px;}
.margT30{margin-top:30px;}
.margT40{margin-top:40px;}
.marL30 {margin-left:30px; }
.marL38 {margin-left:38px; }
.pad{padding:20px 0 20px 0;}
.marT5 {margin-top:5px;}
.margR5 {margin-right:5px;}
.margR9 {margin-right:9px;}
.grise{ opacity:0.6;}
.sep{width: 100%; height: 1px; border-bottom: 1px solid #959595; margin: 15px 0 10px 0;}
	

@font-face {
    font-family: 'lithos_pro';
    src: url('lithospro-regular-webfont.eot');
    src: url('lithospro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lithospro-regular-webfont.woff') format('woff'),
         url('lithospro-regular-webfont.ttf') format('truetype'),
         url('lithospro-regular-webfont.svg#lithos_pro_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/****************
Global 
****************/
#global_accueil {
	position:relative;
	background: #101e30 url('../images/fond-accueil.jpg') repeat-x;
	width: 100%;
	text-align: center;
	min-height: 100%;
	_height:100%;
}

#global {
	position:relative;
	background: #101e30 url('../images/fond.jpg') repeat-x;
	width: 100%;
	text-align: center;
	min-height: 100%;
	_height:100%;
}

/****************
Header 
****************/
#header {
	width: 960px; 
	height: 200px;
	margin: 0 auto;
	text-align: center;
}
#logosometal {
	width:255px;
	height:109px;
	display:block;
	float:left;
	/*padding:15px 0 0 0;*/
}
#baseline {
	display:block;
	float:right;
	width:674px;
	height:33px;
	margin:32px 5px 0px 0;
}
ul#langues{
	float: right;
	width: 50px;
	height: 14px;
	margin: 60px 0 0 30px;
	list-style: none;
	
}
ul#langues li{
	float: left;
	width: 20px;
}
ul#langues li a.fr{
	width: 20px;
	height: 12px;
	background: url('../images/drapeau_fr.jpg') no-repeat 0 -12px;
	cursor: pointer;
	text-decoration: none;
	display: block;
	float: left;
}
ul#langues li a.en{
	width: 20px;
	height: 12px;
	background: url('../images/drapeau_uk.jpg') no-repeat 0 -12px;
	cursor: pointer;
	margin-left: 8px;
	text-decoration: none;
	display: block;
	float: left;

}
ul#langues li a.fr:hover, ul#langues li a.en:hover, ul#langues li a.fr.active, ul#langues li a.en.active{
	background-position: 0 0;	
}

/****************
Menu
****************/
#menu {
	display:block;
	float:right;
	/*width:730px;*/
	height:43px;
	padding:44px 0 0 10px;
}
#nav {
	display:block;
	list-style: none;
	float:left;
}
#nav li {
  	float:left;
	position: relative;
}
#nav li .accueil {
	width:68px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/accueil.jpg) no-repeat;
	background-position: 0 0;
}
#nav li .atouts {
	width:88px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/atouts.jpg) no-repeat 0 0;
}
#nav li .industrie {
	width:82px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/industrie.jpg) no-repeat 0 0;
}
#nav li .batiment {
	width:83px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/batiment.jpg) no-repeat 0 0;
}
#nav li .maintenance {
	width:104px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/maintenance.jpg) no-repeat 0 0;
}


#nav li .cintrage {
	width:132px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/cintrage-roulage.jpg) no-repeat 0 0;
}
#nav li .chaudronnerie {
    width:114px;
    height:43px;
    display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/chaudronnerie.jpg) no-repeat 0 0;
}
#nav li .soudure {
    width:80px;
    height:43px;
    display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/soudure.jpg) no-repeat 0 0;
}
#nav li .debit {
    width:92px;
    height:43px;
    display: block;
	text-align: center;
	text-decoration: none;
	margin-top:1px;
	background: url(../images/debit.jpg) no-repeat 0 0;
}
#nav li .contact {
	width:146px;
	height:43px;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	margin-top:1px;
	background: url(../images/contact.jpg) no-repeat 0 0;
}

#nav li .accueil:active, #nav li .accueil:hover, #nav li .accueil:focus, #nav li .active {
  background-position:0 -43px;
}
#nav li .atouts:active, #nav li .atouts:hover, #nav li .atouts:focus {
  background-position:0 -43px;
}
#nav li .industrie:active, #nav li .industrie:hover, #nav li .industrie:focus {
  background-position:0 -43px;
}
#nav li .batiment:active, #nav li .batiment:hover, #nav li .batiment:focus {
  background-position:0 -43px;
}
#nav li .maintenance:active, #nav li .maintenance:hover, #nav li .maintenance:focus {
  background-position:0 -43px;
}

#nav li .contact:active, #nav li .contact:hover, #nav li .contact:focus {
  background-position:0 -43px;
}
#nav li ul.smenu {
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	position:absolute;
	z-index:201;
	top:44px;
	left:0px;
	padding:5px 0 5px 0;
	list-style:none;
	margin-left:0px;
	background:#464646;
	border-top: 1px solid #959595; 
	width: 230px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;

}
#nav li ul.smenu li{
	float:left;
}
#nav li ul.smenu li a  {
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	height:auto;
	background:none;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	text-indent:0px;
	padding:5px 15px 5px 15px; 
	display: block;
	line-height:16px;
	font-size: 13px;
	text-decoration: none;
	width: 230px;
}
#nav li ul.smenu li a:hover {
	background:#363B3F;
	width: 200px;
}

#breadcrumbs {
	padding:5px 0 10px 15px;
	background: url('../images/picto-home.gif') no-repeat;
	background-position:0 7px;
	margin-bottom: 7px;
}
#breadcrumbs a, #breadcrumbs p {
	text-decoration:none;
	color:#cececd;
	font-size:11px;
	font-family:Arial, Verdana, sans-serif;
}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a.active {
	color:#cafd00; 
}
.col_photo_grande{
	width: 544px;
	height: 225px;
	position: relative;
	margin-left: 20px;
}
#slides{
	width: 544px;
	height: 225px;
	overflow: hidden;
	display: block;
	float: left;
}

#slides img{
	display: block;
	width: 544px;
	height: 225px;
}
#slides div.slide {
	position: relative;
	float: left;
}
#slides div.slide div {
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	/*display: none;*/
	position: absolute;
	bottom: 0;
}
#slides div.slide div h4 {
	font-size: 16px;
	padding: 10px 0 10px 20px;
	font-family: Arial, sans-serif;
	color: #283e57;
}

#prev_slide{
	position: absolute;	
	width: 36px;
	height: 36px;
	background: url('../images/precedente.png') no-repeat;
	background-position:0px 0px;
	cursor: pointer;
	top: 95px;
	left: -20px;
}

#next_slide{
	position: absolute;	
	width: 36px;
	height: 36px;
	background: url('../images/suivante.png') no-repeat;
	background-position:0px 0px;
	cursor: pointer;
	top: 95px;
	right: -20px;
}
#prev_slide:hover, #next_slide:hover{
	background-position: 0px -36px;	
}
#pagination{
	position: absolute;
	top: 194px;
	right: 20px;
	z-index:20;
}
#pagination a {
	background: #283e57;
	width: 8px;
	height: 8px;
	margin: 0 0 0 10px;
	display: inline-block;
}
#pagination a.selected, #pagination a:hover {
	background: #618298;
}
#pagination a span {
	display: none;
}
.batiment_lien, .industrie_lien, .maintenance_lien{
	cursor: pointer;	
}
/****************
General
****************/
#content {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	padding:0px 0 140px 0;
	margin-top:0px;
	/*overflow: auto;	*/
	display: block;
}
h1.titre, h2.titre {
	font-family: lithos_pro;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	padding:0 0 0px 0;
	margin-top: 15px;
	text-shadow: 1px 1px 0px #000;
}
h2.titre a{
	text-decoration: none;
	color: #FFFFFF;
}
h1.titre.fs15{font-size: 15px;}
h2 {
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#7187a1;
	margin:15px 0 15px 0;
	padding:0 0 0 15px;
	background:url('../images/fleche-bleue.gif') no-repeat 0 7px;
}
h1.titre {
  /*padding:20px 0 0px 0;*/
}
h2.actu {
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#7187a1;
	font-weight:bold;
	margin:10px 0 10px 0;
	background:none;
	padding:0px;
}
.coin {
	background:#192738;
	border-radius: 7px;
}
.coin_haut {
	background:#22354c;
	height:25px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	
}
.coin_bas {
	background:#192738;
	padding:15px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.encart{
	width: 300px;
	float: left;
	margin-top: 15px;
	margin-bottom: 60px;
}
.encart_haut{
	width: 270px;
	display: block;
	background: #101e30;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;	
	padding: 15px;
	text-align: center;
}
.encart_haut h2{
	padding: 0px;
	margin: 0px;
	background: none;
}
.encart_bas{
	width: 270px;
	display: block;
	background: #2e3c4e;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	padding: 15px;
}
.encart_bas p.petit{
	text-align: center;	
}
p.grand {
	padding:15px;
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	line-height:20px;
	text-align:left;
}
p.petit {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#c5c5c5;
	text-align:left;
}
p.bleu {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#192738;
	text-align:center;
}
p.courant {
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	text-align:justify;
	margin-bottom: 7px;
}
p.gauche {
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	text-align:left;
	margin-bottom: 7px;
}
p.contact {
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#FFF;
	text-align:center;
}
ul.lien_vert {
	list-style: none;
	margin-left:15px;
}
ul.lien_vert li {
	background:url('../images/fleche.gif') no-repeat 0 7px;
	padding-left:10px;
}
ul.lien_vert li a{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#cafd00;
	text-decoration:none;
}
ul.lien_vert li a:hover {
	text-decoration:underline;
}
a.lien, p.lien_region {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#cafd00;
	text-decoration:none;
}
a.lien:hover, a.lien:active, a.lien:focus, p.lien_region:hover, p.lien_region:active, p.lien_region:focus {
	text-decoration:underline;
}
a.lien_actu {
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#cafd00;
	text-decoration:none;
	float:right;
	background:url('../images/fleche.gif') no-repeat right 4px;
	padding-right:12px;
}
a.lien_actu:hover, a.lien_actu:active, a.lien_actu:focus {
	text-decoration:underline;
}
.col_grande {
	display:block;
	float:left;
	width:587px;
}
.col_grande_titre {
	display:block;
	float:left;
	width:557px;
	padding:0 15px 20px 15px;
}
.col_largeur {
	display:block;
	float:left;
	width:930px;
	padding:0 15px 20px 15px;
}
.col_gauche {
	display:block;
	float:left;
	width:587px;
}
.col_petite {
	display:block;
	width:318px;
	padding:0 15px 20px 15px;
	margin-left:22px;
}
.col_petite h2{
	background: none;
	margin: 15px 0 0 0px;
	padding: 0px;
}
.separateur {
	padding-bottom:30px;
	border-bottom:1px solid #34556a;
}
.a_fournir{
	width: 100%;
	height: 500px;
	background: #ff2280;
	margin-top: 15px;
}

/****************
General
****************/
ul.puces_txt, ol.puces_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
ul.puces_txt li, ol.puces_txt li {
	padding: 0 0 5px 0px;
	margin: 0 0 0 20px;
}


/****************
Formulaire de contact
****************/
.formulaire { 
	width:273px;
	padding-top:10px;
}
.formulaire label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:75px; 
	padding:6px 0 3px 0; 
	margin:3px 3px 0 0; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	color:#FFF; 
}
html>body .formulaire label{
	margin:12px 3px 0 0; 
}
.contact_txt { 
	float:left; 
	display:block; 
	color:#FFF; 
	width:180px; 
	margin:5px 3px 0 3px; 
	padding:3px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	background:#283E58;
	border:1px solid #4f6078;
	border-radius: 7px;
}
html>body .contact_txt {
	margin:15px 3px 0 3px; 
}
.contact_btn { 
	float:right; 
	font-size:9px; 
	font-family:Arial,sans-serif;
	font-weight:bold; 
	color:#fff;
}
#req_fields { 
	display:block; 
	color:#7187a1; 
	font-style:normal; 
	margin:0 0 10px 0px; 
	font-family:Arial,sans-serif;
	font-size:10px; 
}
#status { 
	display:block;
	font-style:normal; 
	width:520px; 
	padding:10px; 
	margin:0;
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#c00f1d solid 1px;
	color:#c00f1d;
	background:#f2c8c8;
	margin:20px auto 0 auto;
}

#confirmation {
	display:block;
	font-style:normal; 
	width:350px; 
	margin-left:20px;
	padding:10px; 
	font-family:Arial,sans-serif;
	font-size:12px; 
	border:#d8d7b8 solid 1px;
	color:#d8d7b8;
	background:#59200a;
}

#map_acces{
	width: auto;
	height: 400px;	
}

/****************
Footer 
****************/
#footer {
	position: absolute;
	background: #192738;
	border-top:1px solid #34556a;
   	bottom:0px;
	left:0px;
   	width:100%;
	height:100px;
}
#footer_content {
	width: 960px; 
	margin: 0 auto;
	padding:20px 0 0 0;
}
#footer_left {
	width:540px;
	float:left;
	text-align:left;
	line-height:15px;
}
#footer_right {
	width:360px;
	float:right;
	text-align:right;
	line-height:15px;
}
#footer address, #footer p {
	font-size:11px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	color:#7187a1;
}
#footer a {
	font-size:11px;
	font-family:Arial, sans-serif;
	color:#7187a1;
	text-decoration:none;
}
#footer a:hover, a:focus, a:active {
	color:#fff;
}
#map_container {
	clear: both;  
	margin: 20px 5px;
	background: #192738; 
}
#map {
	width: 310px; 
	height: 350px;
}