*{
	margin:0;
	padding:0;
	font-family:Verdana;
}
#conteneur-global{
	width:922px;
	margin:0 auto;
}
#logo{
	float:left;
}
#menu-langue ul{
	list-style-type:none;
	clear:both;
	margin-bottom:1px;
	width:680px;
	margin-top:79px;
}
#menu-langue li{
	float:right;
}
#menu, #menu-langue{
	width:689px;
	float:right;
	position:relative;
}
#menu ul{	
	width:689px;
	list-style-type:none;
	height:37px;
	background:url(../images/bg-menu1.gif) no-repeat right;
}
#menu li{
	float:right;
	text-transform:uppercase;
	font-size:10px;
	/*font-weight:bold;*/
	margin-right:1px;
	height:35px;
	background:url(../images/bg-menu.gif) left;
	padding-top:2px;
	width:auto !important;
	width:1x;
}
#menu li a{
	padding:15px 3px 0;
	height:15px !important;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	color:#000;
	display:block;
	background:url(../images/fleche-menu.gif) no-repeat center -32px;
}
#menu li a:hover{
	color:#F37A05;
	background:url(../images/fleche-menu.gif) no-repeat center -66px;
}
#menu li a.actif{
	color:#005b90;
	background:url(../images/fleche-menu.gif) no-repeat center 2px;
}
.block1{
	margin:4px 0 7px;;
	background:url(../images/bg-block1.jpg) no-repeat;
	width:923px;
	height:220px;
}
.block1 p{
	color:#005b90;
	float:right;
	text-align:justify;
	width:667px;
	margin:20px 44px 0 0 !important;
	margin:20px 30px 0 0;
	font-size:13px;
	line-height:15px;
}
#bienvenue{
	float:left;
	background:url(../images/bienvenue2.gif) no-repeat;
	width:134px;
	height:32px;
	margin:26px 0 0 53px !important;
	margin:26px 0 0 20px;
}
#bienvenue h1{
	color:#005b90;
	font-size:18px;
	font-family:Arial;
	margin:0 0 0 13px;
	line-height:19px;
	font-weight:normal;
	text-transform:uppercase;
}
#bienvenue h2{
	font-size:13px;
	color:#f17b01;
	text-transform:uppercase;
	margin:0 0 0 13px;
}
.actu{
	width:154px;
	height:170px;
	border:1px solid #005b90;
	float:left;
	margin-right:1px;
	background:url(../images/bg-actu.jpg) no-repeat bottom right;
}
.actu h1{
	color:#f17b01;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial;
	margin:14px 0 2px 21px;
}
.actu p.titre{
	color:#f17b01;
	font-size:10px;
	text-transform:uppercase;
	margin-left:20px;
	background:url(../images/puce-orange2.gif) no-repeat 0 3px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
}
.actu p.intro{
	margin:0 0 4px 27px;
	font-size:11px;
	color:#5b5b5b;
	font-family:Arial;
}
.produit1, .produit2, .produit3{
	width:246px;
	height:170px;
	border:1px solid #005b90;
	float:left;
	margin-left:7px;
}
.produit1 h1, .produit2 h1, .produit3 h1{
	font-size:16px;
	margin:15px 0 2px 21px;
	text-transform:uppercase;
	font-family:Arial;
}
.produit1 h1 a, .produit2 h1 a, .produit3 h1 a{
	text-decoration:none;
}
.produit1 ul, .produit2 ul, .produit3 ul{
	list-style-position:outside;
	font-size:11px;
	margin:0 0 0 20px;
	padding:0;
	vertical-align:middle;
	list-style-type:none;
}
.produit1 li, .produit2 li, .produit3 li{
	padding:2px 0 0 7px;
	margin:0;
	line-height:14px;
	font-family:Arial;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.produit1{
	color:#00568b;
	background:url(../images/accueil/aciers-carbone/image_produits1.jpg);
}
.produit1 a{
	color:#00568b;
}
.produit1 li{
	background:url(../images/puce-bleue.gif) no-repeat 0 6px;
}
.produit2{
	color:#515757;
	background:url(../images/accueil/aciers-inoxydable/image_produits1.jpg);
}
.produit2 a{
	color:#515757;
}
.produit2 li{
	background:url(../images/puce-grise.gif) no-repeat 0 6px;
}
.produit3{
	color:#d66114;
	background:url(../images/accueil/raccords/image_produits1.jpg);
}
.produit3 a{
	color:#d66114;
}
.produit3 li{
	background:url(../images/puce-orange.gif) no-repeat 0 6px;
}

.menu-gauche{
	width:226px;
	height:250px;
	margin:17px 0;
	float:left;
	background:url(../images/accueil/catalogue_menu.jpg) no-repeat;
}
.menu-gauche h1{
	color:#005b90;
	font-size:16px;
	font-family:Arial;
	margin:23px 0 0 35px;
}
.menu-gauche h2{
	color:#005b90;
	font-size:14px;
	font-family:Arial;
	margin:10px 0 0 35px;
}
.menu-gauche ul{
	list-style-type:none;
	margin-left:35px;
	width:170px;
}
.menu-gauche li{
	background:url(../images/point.gif) repeat-x top;
	font-size:11px;
	/*height:24px;*/
	margin:0;
	padding:0;
}
.menu-gauche .ul2 li{
	background:none;
	font-size:11px;
	height:16px;
}
.menu-gauche li a{
	display:block;
	vertical-align:middle;
	line-height:24px;
	text-decoration:none;
	color:#106597;
	margin:0;
	padding:0;
}
*html .menu-gauche li a{
line-height:15px;
}
.menu-gauche li a:hover, .menu-gauche li a.actif{
	color:#f17b01;
}

.menu-gauche-and-video {
	height:520px;
}

#video1, #video2 {
	margin:30px auto;
	width:470px; 
}

/*************** Actu ***************/
.lire{
	background:url(../images/lire.gif) no-repeat;
	width:47px;
	display:block;
	height:13px;
	line-height:13px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	padding-left:5px;
}
.lire:hover{
	background:url(../images/lire_hover.gif) no-repeat;	
}
.lire2{
	background:url(../images/lire2.gif) no-repeat;
	width:68px;
	display:block;
	height:13px;
	line-height:12px;
	font-size:9px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	padding-left:2px;
	padding-bottom:2px;
}
.lire2:hover{
	background:url(../images/lire2_hover.gif) no-repeat;	
}
#conteneur-actu{
	width:690px;
	float:left;
	margin-bottom:30px;
}
.actu2{
	width:226px;
	height:250px;
	margin:15px 0;
	background:url(../images/bg-actu2.jpg) no-repeat;
	float:left;
}
.actu2 h1{
	float:left;
	color:#f17b01;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial;
	margin:29px 0 0 35px;
}
.block-actu{
	width:272px;
	height:170px;
	margin:30px 0 0 54px;
	float:left;
}
.block-actu-detail{
	width:635px;
	margin:15px auto 0;
}
.block-actu .titre, .block-actu-detail .titre{
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
	color:#005b90;
	font-size:12px;
	font-weight:bold;
	background:url(../images/fleche-orange.gif) no-repeat 0 7px;
	padding:6px 0 6px 15px;
}
.block-actu .texte{
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #fff;
	color:#005b90;
	font-size:10px;
	text-align:justify;
	padding:4px 4px;
	height:80px;
	overflow:hidden;
	background:url(../images/bg-texte-actu.gif) repeat-x top;
	line-height:14px;
}
.block-actu-detail .texte{
	border-bottom:1px solid #ebebeb;
	border-top:1px solid #fff;
	color:#005b90;
	font-size:10px;
	text-align:justify;
	padding:4px 4px;
	float:left;
	overflow:hidden;
	line-height:14px;
}
.block-actu .texte a, .block-actu-detail .texte a{
	color:#f17b01;
}
.block-actu-detail .texte p{
	margin:8px 0;
}
.block-actu .suite a{
	color:#f17b01;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	margin:5px 0 0 9px;
	float:left;
}
.block-actu-detail .suite{
	position:relative;
	float:left;
	clear:left;
	width:615px;
	margin:0 5px;
	background:url(../images/bg-nav.jpg) repeat-x bottom;
}
.block-actu-detail .suite a{
	color:#808080;
	font-size:10px;
	text-decoration:none;
	margin:5px 0 0 9px;
}
.date-actu{
	color:#f17b01;
	font-size:10px;
	padding-left:6px;
	line-height:20px;
}
a.venir-voir{
	color:#f17b01;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	line-height:18px;
}
a.venir-voir:hover{
	/*color:#005B90;*/
	border-bottom:1px dotted #f17b01;
	/*border-bottom:1px dotted #005B90;*/
}
/************************************/
/*********organisaton****************/
.organisaton{
	width:226px;
	height:250px;
	margin:15px 0;
	background:url(../images/bg-organisation.jpg) no-repeat;
	float:left;
}
.organisaton h1{
	color:#005b90;
	font-size:16px;
	font-family:Arial;
	margin:23px 0 0 35px;
}
.organisaton h2{
	font-size:14px;
	color:#f17b01;
	text-transform:uppercase;
	margin:0 0 0 35px;
}
#animation{
	float:left;
	margin:15px;
}
.texte-organisation{
	float:left;
	color:#005b90;
	font-size:11px;
	width:427px;
	margin-top:15px;
}
.texte-organisation h1{
	font-size:12px;
	font-weight:bold;
	padding-left:17px;
	background:url(../images/fleche-orange.gif) no-repeat 0 3px;
	margin-top:10px;
	line-height:16px;
}
.texte-organisation p{
	line-height:16px;
	padding-left:17px;
}
a.btn1{
	background:url(../images/btn1.gif) no-repeat;
	width:193px;
	height:18px;
	display:block;
	font-size:10px;
	color:#005b90;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
	padding-left:30px;
}
/************************************/
/***********Catalogue****************/

#catalogue1{
	width:225px;
	height:226px;
	background:url(../images/accueil/aciers-carbone-page/image_produits1.jpg) no-repeat bottom right;
	/*background:url(../images/bg-catalogue1.jpg) no-repeat;*/
}
#catalogue2{
	width:225px;
	height:226px;
	background:url(../images/accueil/aciers-inoxydable-page/image_produits1.jpg) no-repeat bottom right;
	/*background:url(../images/bg-catalogue2.jpg) no-repeat;*/
}
#catalogue3{
	width:225px;
	height:226px;
	background:url(../images/accueil/raccords-page/image_produits1.jpg) no-repeat bottom right;
	/*background:url(../images/bg-catalogue3.jpg) no-repeat;*/
}
#conteneur-produit{
	float:left;
	margin:0 0 15px 45px;
}
#conteneur-produit h1{
	font-size:12px;
	font-weight:bold;
	padding-left:17px;
	background:url(../images/fleche-orange.gif) no-repeat 0 3px;
	margin-top:10px;
	line-height:16px;
	color:#005B90;
}
#conteneur-produit .produit{
	clear:left;
	border-bottom:1px solid #cbcbcb;
	width:633px;
	height:auto;
	
}
#conteneur-produit .produit .gauche{
	width:177px;
	height:auto;
	float:left;
	padding-bottom:10px;
}
#conteneur-produit .produit .gauche h2{
	background:#005b90;
	color:#fff;
	font-size:12px;
	width:140px;
	height:16px;
	padding-left:12px;
	margin:15px 0 3px;
	overflow:hidden;
}
#conteneur-produit .produit .gauche h2.gd{
	width:163px;
}
#conteneur-produit .produit .conteneur-image{
	border:1px solid #cbcbcb;
	float:left;
	width:173px;
	text-align:center;
	padding:15px 0;
}
#conteneur-produit .produit a.lien-produit{
	float:left;
	clear:left;
	background:url(../images/btn2.gif) no-repeat;
	width:124px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	margin-top:5px;
	padding-left:52px;
}
#conteneur-produit .produit ul{
	float:left;
	clear:right;
	color:#005b90;
	width:430px;
	margin:35px 0 0 26px;
	font-size:11px;
	line-height:14px;
	text-transform:uppercase;
	list-style-type:disc;
	list-style-position:inside;
}
#conteneur-produit .produit .desc{
	float:left;
	clear:right;
	color:#005b90;
	width:430px;
	margin:35px 0 0 26px;
	font-size:11px;
	line-height:14px;
}
#conteneur-produit .produit li{
	margin-bottom:4px;
}
/************************************/
/***********partenaires****************/
#partenaire{
	background:url(../images/bg-organisation.jpg) no-repeat;
}
/************************************/
/***********plan****************/
#plan{
	background:url(../images/bg-plan.jpg) no-repeat;
}
#conteneur-plan{
	float:left;
	margin:17px 0 15px 50px;
	font-size:11px;
	width:590px;
	padding:5px;
	border:1px solid #a8c7d9;
}
/************************************/
/***********mentions légales****************/
#conteneur-mentions{
	float:left;
	margin:22px 0 15px 38px;
	font-size:11px;
	width:630px;
	text-align:justify;
	font-size:11px;
	color:#005b90;
	line-height:15px;
}
#conteneur-mentions h1{
	font-size:12px;
	font-weight:bold;
	padding-left:17px;
	background:url(../images/fleche-orange.gif) no-repeat 0 3px;
	margin:10px 0 3px;
	line-height:16px;
}

#conteneur-mentions h2{
	font-weight:bold;
	color:#F37B00;
	font-size:11px;
}
#conteneur-mentions ul{
	list-style-type:none;
	margin:10px 0 0 20px;
}
/************************************/
/***********contact****************/
#contact{
	background:url(../images/bg-contact.jpg) no-repeat;
	height:353px;
}
#contact h1, #plan h1{
	margin-bottom:25px;
}
.menu-gauche p{
	margin:14px 0 0 25px;
	font-size:10px;
	color:#005b90;
}
.menu-gauche p.bleu{
	padding-left:12px;
	background:url(../images/bg-bleu.gif) no-repeat 0 2px;
}
.menu-gauche p.bleu strong{
	color:#005be9;
}
#contact p.noir{
	padding-left:12px;
	background:url(../images/bg-noir.gif) no-repeat 0 2px;
}
#contact p.noir strong{
	color:#464e53;
}
#contact p.orange{
	padding-left:12px;
	background:url(../images/bg-orange.gif) no-repeat 0 2px;
}
#contact p.orange strong{
	color:#cc5a11;
}
#conteneur-contact{
	float:left;
	margin:30px 0 0 76px;
	font-size:11px;
	color:#005b90;
}
#conteneur-contact label{
	color:#005b90;
	font-size:12px;
	font-weight:bold;
	padding-left:16px;
	margin-top:5px;
	float:left;
	background:url(../images/fleche-orange.gif) no-repeat left;
}
#conteneur-contact label.lbl-radio{
	background:none;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	float:none;
}
#conteneur-contact table{
	width:535px;
	margin-top:5px;
}
#conteneur-contact table.form{
	vertical-align:top;
	border-top:1px solid #e7e7e7;
}
#conteneur-contact table.form2{
	vertical-align:top;
	border-top:1px solid #e7e7e7;
}
#conteneur-contact table.form1 select{
	border:1px solid #cbcbcb;
	width:205px;
	height:17px;
	margin-left:15px;
	font-size:11px;
	padding:0;
	color:#005b90;
}
#conteneur-contact table.form1 input{
	border:1px solid #cbcbcb;
	width:300px;
	height:17px;
	font-size:10px;
	color:#005b90;
	text-align:right;
}
#conteneur-contact table.form input{
	border:1px solid #cbcbcb;
	width:205px;
	height:15px;
	margin-left:15px;
	font-size:11px;
	color:#005b90;
}
#conteneur-contact table.form textarea{
	border:1px solid #cbcbcb;
	width:205px;
	height:85px;
	margin-left:15px;
	font-size:11px;
	color:#005b90;
}
input.btn3{
	background:url(../images/btn3.gif) no-repeat;
	width:93px;
	height:17px;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	border:none;
}
#conteneur-contact table.form2 td.bordure{
	border-top:1px solid #e7e7e7;
	text-align:right;
	padding:10px 0 22px;
}
/************************************/
#footer{
	border-top:4px solid #bababa;
	margin-top:3px;
	font-size:10px;
	color:#999;
	float:left;
	width:100%;
}
#footer ul{
	list-style-type:none;
	margin:16px 0 0 0;
}
#footer li{
	float:left;
	border-left:1px solid #494949;
	margin-right:10px;
	padding-left:10px;
}
#footer table{
	margin-top:17px;
}
#footer td{
	border-left:1px solid #494949;
	padding-right:11px;
	padding-left:10px;
	text-align:center;
}
#footer td.mention{
	text-align:right;
	padding:0;
}
#footer li a, #footer td a{
	color:#494949;
	text-decoration:none;
}
#footer li.mention a, #footer td.mention a{
	color:#999;
	text-decoration:underline;
}