/* @override 
	http://www.metalu.com/global/styles/screen.css
	http://metalu.lux.mediacd.fr/global/styles/screen.css
*/

/* Feuille de style css */

	/* = RAZ ------- */

	body {
		margin: 0; 
		padding: 0; 
		font-size: 62.5%; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
		font-size: 1em; 
		margin: 0; 
		padding: 0; 
		font-weight: normal;
	}

	select, input, textarea, button {
	
		border: 0px #acacac solid; 
		color: #666; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1em;
	}

	img {border: 0}

	form {
		margin: 0; 
		padding: 0
	}

	html, body {
		height: 100%
	}

	ul, li {
		list-style: none
	}

	/* = MISE EN PAGE ------- */

	.clear {
		clear: both
	}

	.clearer {
		clear: both; 
		display: block; 
		margin: 0; 
		padding: 0; 
		height: 0; 
		line-height: 1px; 
		font-size: 1px;
	}

	hr {
		border: 0; 
		height: 1px; 
		background: #DEEBF4;
	}

	.cache {
		display: none
	}

	/* Clearfix : 
			Méthode pour les éléments en «clear».
			L’élément container qui a pour class ‘clearfix’ récupère
			la hauteur des éléments enfants
			http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {
		display: inline-block;
		
	}

	/* Hide from IE Mac \*/

	.clearfix {
		display: block;
	}

	/* End hide from IE Mac */

	/* = BASE ----- */

	body {
		background: #fff url(../images/bgPage.gif) repeat-x top left;
	}

	#page {
		width: 984px; 
		margin: 0 auto; 
		padding: 0 8px 20px 8px; 
		background: transparent url(../images/bgContent.png) repeat-y top left; 
		color: #666;
	}
	
	
	#header {
		width: 984px; 
		height: 247px; 
		background: transparent url(../images/bgHeader.jpg) no-repeat top left; 
		position: relative;
	}
	
	#homepage #header {
		background: transparent url(../images/bgHeader_home.jpg) no-repeat top left; 
	}

	p#accroche {
		position: absolute; 
		left: 582px; 
		top: 178px; 
		width: 387px; 
		height: 58px; 
		background: url(../images/accrocheMetalu.gif) no-repeat top left; 
		text-indent: -150em;
	}

	#gauche {
		width: 492px; 
		float: left;
	}

	#droite {
		width: 492px; 
		display: block; 
		float: right;
	}

	#pontons {
		width: 492px; 
		float: left; 
		background: url(../images/bgPontons.gif) repeat-x top left; 
		position: relative;
	}

	#presentation {
		/*margin: 35px 10px; le 30/07/09*/ 
		margin: 22px 0 0 0; 
		float: left; 
		width: 470px;
	}
	
	/*--------------------- modif du 30/07/09*
	
	/*--------------------- navCorpo_home*/
	#navCorpo_home{
		position:absolute; top:162px ; left: 0;
		background: #54BEE1 url('../images/bg_navCorpo_home.png') repeat;
		height:138px;
	}
	#navCorpo_home ul,#navCorpo_home li{
		margin: 0 0 !important;
		padding: 0 0  !important;
		list-style-type:none !important;
		background-image:none !important; 
	}
	#navCorpo_home li a{
		display:block; width:246px; height:33px;
		overflow:hidden; text-indent:-200em;
		background: transparent url('../images/navCorpo_home.png') no-repeat 0 0;
	}
	#navCorpo_home li.item1 a{background-position:0 0;}
	#navCorpo_home li.item2 a{background-position:0 -33px;}
	#navCorpo_home li.item3 a{background-position:0 -66px;}
	#navCorpo_home li.item4 a{background-position:0 -99px;}
	#navCorpo_home li.item1 a{background-position:0 0;}
	
	#navCorpo_home li.item1 a:hover{background-position:-245px -0px;}
	#navCorpo_home li.item2 a:hover{background-position:-245px -33px;}
	#navCorpo_home li.item3 a:hover{background-position:-245px -66px;}
	#navCorpo_home li.item4 a:hover{background-position:-245px -99px;}
	
	/*--------------------- fin modif du 30/07/09*/

	#passerelles {
		width: 492px; 
		border-left: 1px solid white; 
		float: left; 
		background: url(../images/bgPasserelles.gif) repeat-x top left;
		position:relative;
	}

	#passerelles img.visuelCoupe {
		position: relative; 
		top: 90px;
	}
	
	/*--------------------- MODIF du 30/0709*/
	#footer {
		width: 984px; 
		height: auto; 
		margin: 0 auto; 
		padding: 0 8px; 
		clear: both; 
		background: url(../images/bg_footer.png) repeat-y left top;
		overflow:hidden;
	}
	
	#tetefooter{
		width: 1000px; height:40px;
		 margin:0 0 0 -8px;
		background: transparent url(../images/bg_tete_footer.png) no-repeat left top ;
	}
	#tetefooter ul{
		margin:0 20px 0 20px;
		text-align:right;
		list-style-type:square;
		list-style-position:inside;
	}
	#tetefooter li{
		list-style-type:square;
		display:inline;
		margin:0 5px;
		padding-left:10px;
		background:transparent url('../images/puce_footer.png') no-repeat 0 3px;
		
		}
		#tetefooter li a{color:#666; text-decoration:none;}
	
	#piedfooter{
		clear:both;
		width: 1000px; height:33px;
		 margin-left:-8px;
		background: url(../images/bg_pied_footer.png) no-repeat left bottom ;
	}
		
	#nav_footer{margin:0 40px;}
	#nav_footer li{
		float:left; width:25%;
		
	}
	#nav_footer li a{
		color:#666; text-decoration:none;
		padding:0 0 0 15px;
		background: url(../images/puce_footer2.png) no-repeat 0 5px ;
		
		}
	

	#header h1 {
		width: 315px; 
		height: 170px; 
		float: left;
	}

	#header h1 a {
		width: 315px; 
		height: 170px; 
		display: block; 
		margin-left: 15px; 
		text-indent: -150em; 
		background: url(../images/logoMetalu.gif) no-repeat top left;
	}

	/* LIENS */

	.itemReferences {
		width: auto!important;
		float: left!important;
		margin: 5px; 
	}

	.itemReferences img {
		height: 100px;
	}

	div.touteActu {
		margin-top: 5px; 
		width: 98%; 
		border-top: 1px dotted #666; 
		float: left; 
		text-align: right;
	}

	div.touteActu a {
		color: #666; 
		text-decoration: none;
	}

	div#itemsReferences {
		width: auto !important;
		float: left;
		margin-bottom: 25px; 
		padding: 0 0px 3px 0px;
		text-align: center;
		border: 1px solid #333;
		background-color: #ebebeb;
	}

	p#touteReferences a {
		float: left;
		clear: left;	
	}

	div.themeReferences {
		width: 98%;
		float: left;
		clear: both;
		margin-bottom: 1.5em;
	}
	div.introductionReferences {
		float: left;
		margin: 1em 0 ;
	}

	/* NAV CORPPO ------ */

	#navCorpo {
		float: right;
	}

	#navCorpo li {
		float: left; 
		display: inline; 
		margin: 0 5px 0 5px;
	}

	#navCorpo li a {
		color: #003285; 
		text-decoration: none; 
		font-family: "Trebuchet MS"; 
		float: left; 
		font-size: 1.3em; 
		padding: 2px 10px 0px 10px;
	}
	#navCorpo li a:hover {
		font-weight: bold;
	}

	/* CHOIX DE LA LANGUE -----*/

	/* Le drapeau affiché change selon la classe de la page affichée */

	#navCorpo li#langue {
		width: 36px; 
		height: 14px; 
		text-indent: -1500em; 
		float: left;
	}
	#navCorpo li#langue a{
		width: 20px; 
		height: 15px; 
		margin:0;
		padding: 0!important;
		margin: 4px 10px 0px 10px;
		line-height: 0; 
	}

	body.FR #navCorpo li#langue a {
		background: url(/global/images/gb.gif) no-repeat top left;
	}

	body.EN #navCorpo li#langue a {
		background: url(/global/images/fr.gif) no-repeat top left;
	}

	/* NAV PASSERELLES ----- */

	#pontons .titre {
		background: url(../images/titPontonsAlu.gif) no-repeat top right; 
		width: 205px;
		height: 50px;
		position: relative; 
		top: 10px;
		left: 0px; 
		z-index: 1; 
		float: right;
	}

	#pontonsAluminium {
		width: 220px; 
		float: left; 
		display: block; 
		top: 0; 
		left: 0; 
		z-index: 0;
	}

	#pontonsAluminium li {
		width: 230px; 
		height: 28px;
	}

	#pontonsAluminium li a {
		width: 230px; 
		height: 28px; 
		display: block; 
		text-indent: -1500em; 
		background: url(../images/navPasserelles.gif) no-repeat;
	}

	#pontonsAluminium li#menu1 a {
		background-position: 0 0;
	}

	#pontonsAluminium li#menu1 a:hover,#pontonsAluminium li#menu1 a.active {
		background-position: -230px 0;
	}

	#pontonsAluminium li#menu2 a {
		background-position: 0 -32px;
	}

	#pontonsAluminium li#menu2 a:hover,#pontonsAluminium li#menu2 a.active {
		background-position: -230px -32px;
	}

	#pontonsAluminium li#menu3 a {
		background-position: 0 -64px;
	}

	#pontonsAluminium li#menu3 a:hover,#pontonsAluminium li#menu3 a.active {
		background-position: -230px -64px;
	}

	#pontonsAluminium li#menu4 a {
		background-position: 0 -96px;
	}

	#pontonsAluminium li#menu4 a:hover,#pontonsAluminium li#menu4 a.active {
		background-position: -230px -96px;
	}

	#pontonsAluminium li#menu5 a {
		background-position: 0 -128px;
	}

	#pontonsAluminium li#menu5 a:hover,#pontonsAluminium li#menu5 a.active {
		background-position: -230px -128px;
	}

	/* @end */

	/* BOX REFERENCES PONTONS ----- */

	#pontons .references {
		width: 233px; 
		display: block; 
		margin-right: 10px; 
		background: url(../images/boxRefPontons-haut.gif) no-repeat top left; 
		position: absolute; 
		left: -40px;
			top:  60px;

	}

	#pontons .references .box {
		width: 210px; 
		margin-top: 6px; 
		padding: 4px 12px 25px 11px; 
		float: left; 
		background: url(../images/boxRefPontons-bas.gif) no-repeat bottom left; 
		font-family: "Trebuchet MS"; 
		font-size: 1.1em;
	}

	#pontons .references .visuelActu {
		width: 210px; 
		background: url(../images/borderBlueRef-bottom.gif) no-repeat bottom left; 
		padding-bottom: 8px
	}

	#pontons .references h3 {
		color: #01b0e4; 
		font-family: "Trebuchet MS"; 
		margin: 0.5em 0; 
		font-weight: bold;
	}

	#pontons .references a {
		float: right; 
		color: #666; 
		text-decoration: none; 
		font-size: 0.9em;
	}

	#passerelles .references a {
		float: right; 
		color: #666; 
		text-decoration: none; 
		font-size: 0.9em;
	}

	/* NAV PASSERELLES ----- */

	body#interieure .contact #navPasserelles {
		/*width: 491px !important;
		float: right;
		position: relative;*/
	}

	#passerelles .titre {
		background: url(/global/images/titPasserellesAlu.gif) no-repeat top left; 
		width: 205px; 
		height: 50px;
		position: relative; 
		top: 10px; 
		float: left;
	}

	#passerellesAluminium {
		width: 230px; 
		float: right;
	}

	#passerellesAluminium li {
		width: 230px; 
		height: 28px;
	}

	#passerellesAluminium li a {
		width: 230px; 
		height: 28px; 
		display: block; 
		text-indent: -1500em; 
		background: url(../images/navPontons.gif) no-repeat;
		position: relative;
		float: right;
	}

	.contact #passerellesAluminium {
		float: left!important;
	}

	#passerellesAluminium li#menu6 a {
		background-position: 0 0;
	}

	#passerellesAluminium li#menu6 a:hover,#passerellesAluminium li#menu6 a.active {
		background-position: -230px 0;
	}

	#passerellesAluminium li#menu7 a {
		background-position: 0 -32px;
	}

	#passerellesAluminium li#menu7 a:hover,#passerellesAluminium li#menu7 a.active {
		background-position: -230px -32px;
	}

	/* BOX REFERENCES PASSERELLES ----- */

	#passerelles .references {
		width: 233px; 
		display: block; 
		float: left; 
		margin-left: 10px; 
		background: url(../images/boxRefPasserelles-haut.gif) no-repeat top left; 
		font-family: "Trebuchet MS"; 
		font-size: 1.1em;
		position: absolute;
		top:  60px;
	}

	#passerelles .references .box {
		width: 210px; 
		margin-top: 6px; 
		padding: 4px 12px 25px 11px; 
		float: left; 
		background: url(../images/boxRefPasserelles-bas.gif) no-repeat bottom left;
		float: left;
	}

	#passerelles .references .visuelActu {
		width: 210px; 
		background: url(../images/borderGrayRef-bottom.gif) no-repeat bottom left; 
		padding-bottom: 8px
	}

	#passerelles .references h3 {
		color: #666; 
		font-family: "Trebuchet MS"; 
		margin: 0.5em 0; 
		font-weight: bold;
	}

	/* ACTUS ----- */
	
	/*--------------------- MODIF DU 30/07/09*/
	
	#actus_home{margin:20px;}
	#actus_home h2{
		color:#003286;
		font-size:2em;
		padding:0 0 0 20px;
		background:transparent url('../images/icone_home_actu.png') no-repeat 0 5px;
		}
	
	#actus_home .actualite {
		/*width: 25%;*/
		width: 215px;
		padding: 10px 10px 10px 10px; 
		float: left;
		border-right:1px #DCDCDC solid;
		}
	
	/*--------------------- MODIF DU 30/07/09*/

	#actus {
		width: 470px; 
		float: left;
		margin-top: 85px;
		}

	.navigationActualite a {
		position: relative;
		color:#003286;
	}

	.actualite {
		width: 210px;
		padding: 10px 10px 10px 0; 
		float: left;
	}

	.navigationActualite {
		margin: 5px 0;
		float:  right;
	}

	.navigationActualite li a {
		color: #333; 
		text-decoration: underline;
	}

	.colA {
		width: 220px; 
		float: left;
	}

	.colB {
		width: 220px; 
		float: left; 
		margin-left: 10px;
	}

	#presentation h2, #actus h2 {
		background: url(/global/images/puceGrandeBleue.gif) no-repeat bottom left; 
		padding: 0 0 0 15px; 
		color: #003285; 
		font-size: 1.5em; 
		margin-bottom: 10px;
	}

	#presentation p {
		margin: 0 0  1.0em 0;
	}

	#presentation ul {
		margin: 0 0 1.0em 0;
	}

	#presentation ul li {
		background: url(/global/images/puceListe.gif) no-repeat 0 3px; 
		padding-left: 10px; 
		margin: 0.5em;
	}

	.actualite h3 {
		padding-left: 12px; 
		background: url(/global/images/puceFlecheBleue.gif) no-repeat 0 4px; 
		color: #003285; 
		font-size: 1.1em; 
		font-weight: bold;
	}
	#btContact {
		width: 90%; 
		float: left; 
		text-align: center;
	}

	div#contact {
		width: 100%;
		text-align: right;
		float: left;
	}
	
	/*--------------------- modif du 30/07/09*/
	#contact_home{
		background:#C4C4C4 url(../images/bg_contact_home.png) repeat scroll 0 0;
		height:138px;
	}
	#contact_home{
		position:absolute; top:162px; right:0;
		background:#C4C4C4 url(../images/bg_contact_home.png) repeat scroll 0 0;
		height:138px;

	}
	#contact_home #nousContacter , #contact_home #Documentation {
		display:block; width:248px; height:69px;
		overflow:hidden; text-indent:-200em;
		background:transparent url(../images/contact_home.png) repeat scroll 0 0;
	}
	#contact_home #Documentation{
		background-position:0 -69px;
	}

	.EN #contact_home{
		background:#C4C4C4 url(../images/bg_contact_home.png) repeat scroll 0 0;
		height:138px;
	}
	.EN #contact_home{
		position:absolute; top:162px; right:0;
		background:#C4C4C4 url(../images/bg_contact_home.png) repeat scroll 0 0;
		height:138px;

	}
	.EN #contact_home #nousContacter , .EN #contact_home #Documentation {
		display:block; width:248px; height:69px;
		overflow:hidden; text-indent:-200em;
		background:transparent url(../images/en/contact_home.png) repeat scroll 0 0;
	}
	.EN	#contact_home #Documentation{
		background-position:0 -69px;
	}

	/*--------------------- modif du 30/07/09*/
	
	#interieure.FR #btContact1,
	#interieure.FR #btContact2 {
		width:127px; height:62px !important;overflow:hidden; float: left;
	}
	
	#interieure #nousContacter,
	#interieure #Documentation{
		float:left; position:relative;
		overflow:hidden; text-indent:-200em; font-size:1px; color:#AEAEAE;
		display:block; width:127px; height:62px; padding-top: 80px;
		background:transparent url(../images/bt_contact_int.png) repeat ;
	}
	#interieure #nousContacter{background-position:-3 0 ;}
	#interieure #Documentation{background-position:-127px 0 ;}

	.contact a#nousContacter {
	/*	display: none;*/
	}
	
	/*--------------------- fin modif du 30/07/09*/
	
	/*--------------------- modif du 04/09/09*/


	#interieure.EN #btContact1,
	#interieure.EN #btContact2 {
		width:127px; height:62px !important;overflow:hidden; float: left;
	}

	#interieure.EN #nousContacter,
	#interieure.EN #Documentation {
		float:left; position:relative;
		overflow:hidden; text-indent:-200em; font-size:1px !important; color:#AEAEAE;
		display:block; width:127px; height:62px; padding-top: -5px;
		background:transparent url(../images/en/bt_contact_int.png) repeat ;
	}
	#interieure.EN #nousContacter{background-position:-3 0 ;}
	#interieure.EN #Documentation{background-position:-127px 0 ;}
	
	.contact a#nousContacter {
		display: none;
	}
	
	/*--------------------- fin modif du 04/09/09*/

	/* LAYOUT PAGE INTERIEURE ----- */

	body#interieure #contact {
		width: 255px; 
		float: right;
		overflow:hidden;
		margin-top:1px;
	}

	#contenu {
		width: 680px;
		padding: 10px; 
		margin-left: 17px; 
		position: relative;
		float: left;
		}
	#contenu table {
	}

	#alternate {
		width: 245px; 
		padding: 0 0 0 10px; 
		float: right; 
		background: url(/global/images/bgAlternate.gif) no-repeat top left;
	}

	/* NAV INTERIEURE ----- */

	body#interieure #navPrincipale {
		width: 729px; 
		float: left; 
		border-top: 1px solid #fff;
	}

	body#interieure .contact #navPrincipale {
		/*width: 984px; 
		float: left; 
		border-top: 1px solid #fff;*/
	}

	body#interieure #navPontons {
		width: 492px; 
		height: 62px; 
		float: left; 
		border-right: 1px solid #fff; 
		overflow: hidden; 
		background: url(/global/images/bgIntNavPontons.gif) repeat-x top left;
	}

	body#interieure #navPontons p.titre {
		width: 490px; 
		/*width: 495px */
		text-indent: -1500em; 
		height: 25px; 
		background: url(/global/images/titIntPontons.gif) no-repeat top right;
	}

	body#interieure #pontonsAluminium {
		width: 495px; 
		position: relative; 
		top: 5px;
		}

	body#interieure #pontonsAluminium li,
	body#interieure #pontonsAluminium li a {
		width: 98px; 
		height: 30px;
		margin: 0;
		}
	body#interieure #pontonsAluminium li {
		display: inline; 
		float: left;
		}
	body#interieure #pontonsAluminium li a {
		display: block; 
		text-indent: -1500em; 
		background: url(../images/navIntPontons.gif) no-repeat;
	}

	body#interieure #pontonsAluminium li#menu1 a {
		background-position: 0 0;
	}

	body#interieure #pontonsAluminium li#menu1 a:hover,body#interieure #pontonsAluminium li#menu1 a.active {
		background-position: 0 -30px;
	}

	body#interieure #pontonsAluminium li#menu2 a {
		background-position: -99px 0;
	}

	body#interieure #pontonsAluminium li#menu2 a:hover ,body#interieure #pontonsAluminium li#menu2 a.active {
		background-position: -99px -30px;
	}

	body#interieure #pontonsAluminium li#menu3 a {
		background-position: -198px 0;
	}

	body#interieure #pontonsAluminium li#menu3 a:hover,body#interieure #pontonsAluminium li#menu3 a.active {
		background-position: -198px -30px;
	}

	body#interieure #pontonsAluminium li#menu4 a {
		background-position: -297px 0;
	}

	body#interieure #pontonsAluminium li#menu4 a:hover,body#interieure #pontonsAluminium li#menu4 a.active {
		background-position: -297px -30px;
	}

	body#interieure #pontonsAluminium li#menu5 a {
		background-position: -396px 0;
	}

	body#interieure #pontonsAluminium li#menu5 a:hover,body#interieure #pontonsAluminium li#menu5 a.active {
		background-position: -396px -30px;
	}

	body#interieure #navPasserelles {
		width: 235px; 
		height: 62px; 
		float: left;
		overflow: hidden; 
		background: url(/global/images/bgIntNavPasserelles.gif) repeat-x top left;
	}

	body#interieure #navPasserelles p.titre {
		width: 235px; 
		text-indent: -1500em; 
		height: 25px; 
		background: url(/global/images/titIntPasserelles.gif) no-repeat top left;
	}

	body#interieure #passerellesAluminium {
		width: 235px; 
		position: relative; 
		top: 5px;
	}

	body#interieure #passerellesAluminium li {
		width: 112px; 
		height: 30px; 
		display: inline; 
		float: left;
		margin: 0 0 0 2px;
	}

	body#interieure #passerellesAluminium li a {
		width: 112px; 
		height: 30px; 
		display: block; 
		float: left; 
		text-indent: -1500em; 
		background: url(../images/navIntPasserelles.gif) no-repeat;
	}

	body#interieure #passerellesAluminium li#menu6 a {
		background-position: 0 0;
	}

	body#interieure #passerellesAluminium li#menu6 a:hover,body#interieure #passerellesAluminium li#menu6 a.active {
		background-position: 0 -30px;
	}

	body#interieure #passerellesAluminium li#menu7 a {
		background-position: -115px 0;
	}

	body#interieure #passerellesAluminium li#menu7 a:hover,body#interieure #passerellesAluminium li#menu7 a.active {
		background-position: -115px -30px;
	}

	/* ALTERNATE ------*/

	#alternate .references {width: 200px}
	#alternate .references .visuelActu {
		width: 210px; 
		background: url(../images/borderBlueRef-bottomAlternate.gif) no-repeat bottom left; 
		padding-bottom: 8px;
		}
	#alternate #actus {
		width: 230px; 
		float: left;
		}
	#alternate .references h3 {
		color: #01b0e4; 
		font-family: "Trebuchet MS"; 
		margin: 0.5em 0; 
		font-weight: bold;
	}
	#alternate .references {
		padding: 10px 10px 10px 0; 
		margin-bottom: 1em; 
		float: left;
	}

	/* TITRAGE DE LA PAGE INTERIEURE */
	#contenu h1, 
	#contenu h2,
	#contenu h3 {color: #003285}
	#contenu h1, 
	#contenu h2 {
		font-family: "Trebuchet MS";
		}
	#contenu h2,
	#contenu h3 {
		clear: both;
		}
	#contenu h1 {
		font-size: 2.0em; 
		background: url(/global/images/puceGrandeBleue.gif) no-repeat 0px 3px; 
		padding: 0 0 0 15px; 
		margin-bottom: 1em;
		}
	#contenu h2 {
		font-size: 1.5em; 
		background: url(/global/images/puceH2Bleue.gif) no-repeat 0px 5px; 
		padding-left: 12px; 
		margin-bottom: 0.5em; 
		}
	table.gamme {margin-bottom: 10px}

	#contenu h3 {
		font-family: "Trebuchet MS"; 
		padding-left: 12px; 
		background: url(/global/images/puceFlecheBleue.gif) no-repeat 0px 2px; 
		font-size: 1.2em; 
		font-weight: normal; 
		margin: 1em 0; 
	}

	#contenu p {
		width:  98%;
		font-family: "Trebuchet MS"; 
		font-size: 1.2em; 
		line-height: 1.4em; 
		margin: 0.5em 0;
	}
	#contenu table {clear: both;}
	#contenu table td {padding: 0.5em;}
	#contenu p img {
		margin: 5px;
		}

	#contenu p a {color: #666}

	#contenu a.lien {text-decoration: underline !important}

	#contenu ul li {
		line-height: 1.4em; 
		background: url(/global/images/puceListe.gif) no-repeat 0px 3px; 
		padding-left: 10px;
		margin: 0.5em;
	}

	#contenu p.submissionMissed {
		line-height: 1.4em; 
		font-size: 1.2em; 
		width: 90%; 
		margin-left: 50px;
		margin-top: 25px; 
		float: left;
	}

	#contenu p.liensContact {
		float: left;
		width: 100%;
		text-align: center;
	}

	#contenu ul.submissionMissed {
		width: 900%; 
		margin-left: 50px; 
		float: left;
	}

	#contenu ul.submissionMissed li {
		line-height: 1.4em; 
		background: url(/global/images/puceListe.gif) no-repeat 0px 3px; 
		padding-left: 10px; 
		margin: 0.5em;
	}

	#contenu ul li a {
		text-decoration: none; 
		color: #666;
	}

	#contenu ul li a:hover {
		text-decoration: underline;
	}

	/* = ACTUALITES
	-------------- */

	#pageActus .blocPageActu {
		width: 98%;
		float: left;
		clear: both;
		margin: 1em 0;
	}

	#pageActus .blocPageActu p.accroche img {
		margin: 0  10px;	
	}

	.blocPageActu p.titre {
		font-family: "Trebuchet MS"; 
		padding-left: 12px; 
		background: url(/global/images/puceFlecheBleue.gif) no-repeat 0px 6px; 
		color: #003285; 
		font-size: 1.4em !important; 
		font-weight: normal; 
		margin: 1em 0;
	}

	#alternate div.references div.box a {
		float: right;
		color: #333;
		position: relative;
	}

	#alternate div.references div.box p {
		width: 98%;
		float: left;
		clear: both;
		margin-bottom: 0.5em;
	}



	/* = FORMULAIRE DE CONTACT
	------------------------ */

	fieldset {
		border: none; 
		margin: 1.5em 0 2em 0;
	}

	p.field_line {
		width: 100%; 
		margin: 1em 0; 
		float: left;
	}

	form label {
		width: 190px; 
		float: left; 
		text-align: right; 
		padding: 0 20px 0 0;
	}

	form input, form textarea {
		border: 1px solid #999;
	}

	form textarea {
		height: 60px;
	}

	.required {
		margin: 0 0 0 5px; 
		color: #8a0d06;
	}

	.champsAsterix {
		color: #8a0d06;
	}

	input.valide {
		width: 250px !important; 
		height: 40px; 
		float: left; 
		font-size: 1px; 
		display: block; 
		cursor: pointer;
		border: none;
		margin-left: 255px;
		text-indent: -1500em; 
		background: url(/global/images/btValider.gif) no-repeat left top;
		position: relative;
		cursor: pointer;
		}
	
	.EN input.valide {
		width: 250px !important; 
		height: 40px; 
		float: left; 
		font-size: 1px; 
		display: block; 
		cursor: pointer;
		border: none;
		margin-left: 255px;
		text-indent: -1500em; 
		background: url(/global/images/en/btValider.gif) no-repeat left top;
		position: relative;
		cursor: pointer;
		}

	.contact  input, select, textarea {
		width: 250px;
	}

	/* table */
	thead {
		background-color: #bcddf1;
	}

	#contenu table.gamme th,
	#contenu table.gamme td  {
		padding: 5px;
	}

	a#nousContacter {
	
	}
	/*= REFERENCES */

	#menuReferences {
		width: 100%;
		float: left;
		border-bottom: 1px solid #003285;
		margin: 0 0 1em 0;
		padding: 0;
	}

	#menuReferences li {
		display: inline;
		background: url(/global/images/bgReferences-left.gif) no-repeat bottom left !important;
		list-style: none;
		margin: 0px 15px 0 0;
		padding: 0;
		float: left;
	}

	#menuReferences li a {
		padding: 8px;
		color: #fff !important;
		margin: 0px 0px;
		background: url(/global/images/bgReferences-right.gif) no-repeat bottom left;
	}

	div.themeReferences h2 a {
		color:  #333;	
	}

	div.infosReferences {
	width: 100%;
	float: left;
	clear: both;	
	}

	.titreThemeReferences {
	width: 100%;
	float: left;
	clear: both;	
	}

	#references a {
		width: 98%;
		color:  #333;
		position: relative;
	}
	
 /*------------ VERSION ANGLAISE ------------*/
 
 	body.EN p#accroche {
		position: absolute; 
		left: 582px; 
		top: 178px; 
		width: 387px; 
		height: 58px; 
		background: url(/global/images/en/accrocheMetalu.gif) no-repeat top left; 
		text-indent: -150em;
	}
	
	body.EN #pontons .titre {
		background: url(/global/images/en/titPontonsAlu.gif) no-repeat top right; 
	}

	body.EN #pontonsAluminium li a {
		background: url(/global/images/en/navPasserelles.gif) no-repeat;
	}
	
	body.EN #passerelles .titre {
		background: url(/global/images/en/titPasserellesAlu.gif) no-repeat top left; 
	}
	
 	body.EN #passerellesAluminium li a {
		background: url(/global/images/en/navPontons.gif) no-repeat;
	}
	
	body#interieure.EN #navPontons p.titre {
		background: url(/global/images/en/titIntPontons.gif) no-repeat top right;
	}

	body#interieure.EN #pontonsAluminium li a {
		background: url(/global/images/en/navIntPontons.gif) no-repeat;
	}
	body#interieure.EN #navPasserelles p.titre {
		width: 235px; 
		text-indent: -1500em; 
		height: 25px; 
		background: url(/global/images/en/titIntPasserelles.gif) no-repeat top left;
	}
	body#interieure.EN #passerellesAluminium li a {
		background: url(/global/images/en/navIntPasserelles.gif) no-repeat;
	}
	
	body.EN a#nousContacter {
		background: url(/global/images/en/btNousContacter.gif) no-repeat top left;
	}
	
	#interieure.EN a#nousContacter {
		/*background: url(/global/images/en/btNousContacter-int.gif) no-repeat top left;*/
	}
	
	body.EN #navCorpo_home li a{
		background: transparent url('../images/navCorpo_home_uk.png') no-repeat 0 0;
	}
	body.EN #navCorpo_home li.item1 a{background-position:0 0;}
	body.EN #navCorpo_home li.item2 a{background-position:0 -33px;}
	body.EN #navCorpo_home li.item3 a{background-position:0 -66px;}
	body.EN #navCorpo_home li.item4 a{background-position:0 -99px;}
	body.EN #navCorpo_home li.item1 a{background-position:0 0;}

	body.EN #navCorpo_home li.item1 a:hover{background-position:-245px -0px;}
	body.EN #navCorpo_home li.item2 a:hover{background-position:-245px -33px;}
	body.EN #navCorpo_home li.item3 a:hover{background-position:-245px -66px;}
	body.EN #navCorpo_home li.item4 a:hover{background-position:-245px -99px;}