body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
}

img {border:0px;}
table {border-collapse:collapse;}
td {padding:0px;}

#header {
	clear:both;
	width:870px;
	height:154px;
	margin:0 auto;
	font-size:30px;
	color:#c6c7c8;
	text-transform:uppercase;
}

#header h1
{
	font-size:24px;
	color:black;
	font-weight:normal;
	margin:0;
}

#menu {
	clear:both;
	width:100%;
	height:44px;
	margin:0 auto;
	text-align:center;
}

#menu ul {
	width:100%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

#menu li {
	display:inline-block;
}

#menu a {
	display:block;
	font-size:14px;
	color:black;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 12px;
	line-height:44px;
}

#menu a:hover, #menu #current {
	color:#e42327;
	background-image:url('mumetal/fleche-menu.png');
	background-position:center bottom;
	background-repeat:no-repeat;	
}

#page {
	clear:both;
	width:100%;
	margin:0 auto;
	background:#aaaaaa url('mumetal/bg.png') repeat-x;
	border-top:4px;
	border-top-color:#e42327;
	border-top-style:solid;
	border-bottom:15px;
	border-bottom-color:#e42327;
	border-bottom-style:solid;
}

#contenu {
	clear:both;
	width: 870px;
	background-color:white;
	border-radius: 10px;
	margin:9px auto;
	color:#707173;
	min-height:525px;
	position:relative;
}

#contenu h2 {
	margin:0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	color:#e42327;
}

#contenu a {
	color:#707173;
	text-decoration:none;
}

#contenu a:hover {
	color:#e42327;
}

#contenu-accueil {
	clear:both;
	width: 870px;
	margin:0 auto;
}

.rubrique-accueil {
	float:left;
	width:260px;
	height:134px;
	background-color:white;
	border-radius: 10px;
	margin:0 9px 9px 0;
	position:relative;
	padding:0 12px;
	color:#707173;
}

.rubrique-accueil.last {
	margin-right:0px;
}

.rubrique-accueil h2 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	margin:20px 0;
}

.rubrique-accueil a {
	color:#e42327;
	text-decoration:none;
}

.rubrique-accueil a:hover {
	text-decoration:underline;
}

.rubrique-accueil img {
	position:absolute;
	right:0;
	bottom:0;
}

.grid {
	width:870px;
	text-align:center;
}

.grid td {
	height:167px;
}

.grid td span {
	display:block;
	margin:0;
	background-color:white;
}

#grid-secteurs {background:url('mumetal/grid-secteurs.png') no-repeat;background-position:85px 85px;}
#grid-secteurs td {width:20%;}

#grid-produits {background:url('mumetal/grid-produits.png') no-repeat;background-position:center 85px;}
#grid-produits td {width:25%;}

#grid-savoir-faire {background:url('mumetal/grid-savoir-faire.png') no-repeat;background-position:center 79px;}
#grid-savoir-faire td {width:25%;}

#grid-theorie {background:url('mumetal/grid-theorie.png') no-repeat;background-position:center 85px;}
#grid-theorie td {width:33%;}

.box-produit {
	color:#707173;
}

.box-produit-contenu {
	max-height:374px;
	overflow:auto;
	padding:0 10px;
}

.box-produit h1 {
	font-size:30px;
	color:#707173;
	font-weight:normal;
	margin-top:0px;
	text-align:center;
}

.cleaner {
    clear: both;
    font-size: 0;
    height: 0;
    width: 100%;
}

#footer {
	clear:both;
	width: 870px;
	margin: 0 auto;
	text-align: center;
	font-size:10px;
	color:#707173;
}

#footer a {
	text-decoration: none;
	color:#707173;
}
#footer a:hover {
	text-decoration: underline;
}

.fancybox-inner {
	width: 852px !important;
	padding:0 38px !important;
}

.fancybox-iframe {
	overflow:hidden !important;
}

#photos {
	list-style-type:none;
	padding:0;
}
#photos li {
	width:160px;
	margin-right:4px;
	margin-bottom:4px;
	float:left;
	overflow:hidden;
	padding:0;
	height:107px;
	border:1px solid #e0e0e0;
}
#photos li:hover{
	border:1px solid #e42327;
}
#photos li img{
	width:160px;
}