/*#C3D1DA
899CAA
685D5D
031428*/

body {
	leftmargin:0;
	topmargin:0;
	rightmargin:0;
	bottommargin:0;
	background-image:url(/Asteelflash/media/images/fonds/degrade.jpg);
	background-position:inherit;
	background-repeat:repeat;
}

#fonddegrade{
	height:980;
	width:100%;}

#main{
	width:912px;}

#fonbasblanc{
	background-image:url(/Asteelflash/media/images/fonds/fondbasblanc.jpg);
	height:100px;
	width:912px;
	text-align:left}
	
#fonbasgris{
	background-image:url(/Asteelflash/media/images/fonds/grisdubas.jpg);
	height:100px;
	width:912px;
	text-align:left}
	
#fonbasgrisindex{
	background-image:url(/Asteelflash/media/images/fonds/grisdubasindex.jpg);
	height:100px;
	width:912px;
	text-align:left}

#zonelogo{
	height:68px;
	width:898px;
	background-image:url(/Asteelflash/media/images/fonds/imagezonelogo.jpg)}

#imagedentete{
	height:208px;
	width:912px;}

#fondrouge{
	height:46px;
	width:912px;}

#troiszones{
	height:490px;
	width:912px;
	background-image:url(/Asteelflash/media/images/fonds/3zones.jpg)}

#filet{
	background-image:url(/Asteelflash/media/images/ligne-verticale.jpg);
	background-repeat:repeat-y}
	
#milieu{
	width:912px;
	min-height:468px;
	text-align:left;
	background-image:url(/Asteelflash/media/images/fonds/fondmilieublanc.jpg)}

#milieumarche{
	width:912px;
	height:498px;
	text-align:left;
	background-image:url(/Asteelflash/media/images/fonds/fondmilieu.jpg)}

#milieusavoirfaire{
	width:912px;
	height:468px;
	text-align:left;
	background-image:url(/Asteelflash/media/images/fonds/fondmilieu-flip.jpg)}

#texte{
vertical-align:top;
margin-bottom:0px}
	
#milieugauche{
background-image:url(/Asteelflash/media/images/fonds/fondmilieu.jpg);
text-align:left}
	
	
#milieutexte{
margin-top:0px;
padding-top:30px;
padding-bottom:50px;
min-height:400px}

#derniersnouvelles{
padding-top:35px;
padding-left:22px;
width:270px;
height:240;
vertical-align:top;
text-align:left}

#globe{
padding-top:35px;
padding-left:22px;
width:275px;
height:240;
vertical-align:top;
text-align:left}

#notresavoirfaire{
padding-top:35px;
padding-left:22px;
width:270px;
height:240;
vertical-align:top;
text-align:left}

#grisdubas{
	height:292px;
	width:898px;
	vertical-align:top;
	text-align:left;}

#grisdubasindex{
	height:292px;
	width:898px;
	vertical-align:top;
	text-align:left;
	background-image:url(/Asteelflash/media/images/fonds/grisdubastexte.jpg)}

#grisdubastitre{
padding-top:30px;
padding-left:26px;
height:30px;
text-align:left}

#grisdubasicones{
text-align:left;
padding-top:4px;
height:180px}

#grisdubastextes{
padding-top:9px;
padding-left:26px;
text-align:left;}

#grisdubastextesaccueil{
padding-top:2px;
padding-left:22px;
text-align:left;}

#grisdubascopyright{
padding-top:8px;
margin-left:26px;
text-align:left;
padding-bottom:10px}

#plandusite{
padding-top:10px;}


a.intranet:link{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#B01F24; text-decoration:none}
a.intranet:visited{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#B01F24; text-decoration:none}
a.intranet:hover {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#B01F24; text-decoration:underline}
a.intranet:active {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#B01F24; text-decoration:none}


a.liengris:link, .liengris a:link{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}
a.liengris:visited, .liengris a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}
a.liengris:hover, .liengris a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:underline}
a.liengris:active, .liengris a:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}

a.liengrispale:link{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E6E6E6; text-decoration:none}
a.liengrispale:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E6E6E6; text-decoration:none}
a.liengrispale:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E6E6E6; text-decoration:underline}
a.liengrispale:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E6E6E6; text-decoration:none}

a.copyrightpale:link{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#E6E6E6; text-decoration:none; margin-left:15px}
a.copyrightpale:visited{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#E6E6E6; text-decoration:none; margin-left:15px}
a.copyrightpale:hover {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#E6E6E6; text-decoration:underline; margin-left:15px}
a.copyrightpale:active {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#E6E6E6; text-decoration:none; margin-left:15px}

a.copyright:link{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-decoration:none; margin-left:15px}
a.copyright:visited{font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-decoration:none; margin-left:15px}
a.copyright:hover {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-decoration:underline; margin-left:15px}
a.copyright:active {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-decoration:none; margin-left:15px}

a.lienbleu:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
a.lienbleu:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
a.lienbleu:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:underline; }
a.lienbleu:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }

a.lienbleuactif:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}
a.lienbleuactif:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}
a.lienbleuactif:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:noline; font-weight:bold}
a.lienbleuactif:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}

a.email:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none}
a.email:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none}
a.email:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:underline}
a.email:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none}

a.plandusite:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold }
a.plandusite:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold}
a.plandusite:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8000F; text-decoration:underline; font-weight:bold}
a.plandusite:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold}

a.plandusite2:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; padding-left:20px }
a.plandusite2:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; padding-left:20px}
a.plandusite2:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8000F; text-decoration:underline; padding-left:20px}
a.plandusite2:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; padding-left:20px}

a.plandusite3:link{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; padding-left:40px }
a.plandusite3:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; padding-left:40px}
a.plandusite3:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B8000F; text-decoration:underline; padding-left:40px}
a.plandusite3:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; padding-left:40px}

a.article:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; line-height:18px}
a.article:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none;line-height:18px}
a.article:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:underline;line-height:18px}
a.article:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; line-height:18px}


.plandusitenolink{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	font-weight:bold}


.Asteel{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;}

.Asteelpale{
	font-family:Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	font-size:9px;}

h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
	font-size:20px;
	font-weight:bold;
	margin-top:0}
	
h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;}

h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	margin-top:0}

sup{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	/*line-height:12px;*/}

.titreblanc{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	/*line-height:19px*/}

.titreblancgros{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;}

.texteblanc{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;}

.titregris{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;}
		
.titregrisbold{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold}

.titregrisgros{
	font-family:Arial, Helvetica, sans-serif;
	color:#7F7F7F;
	font-size:30px;
	font-weight:bold;}

.textegris{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:16px}

.textebleu{
	font-family:Arial, Helvetica, sans-serif;
	color:#4F839E;
	font-size:12px;}

.lieu{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	padding-left:16px;
	padding-top:0px;
	line-height:16px}
	
.titrebleu{
	font-family:Arial, Helvetica, sans-serif;
	color:#799DAA;
	font-size:16px;
	font-weight:bold}

.ligne{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px}

.lignepale{
	font-family:Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	font-size:10px;
	font-weight:bold;
	margin-left:12px;
	margin-right:12px;}

.fleche{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;
	margin-left:3px}
	









a.fleches:link {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.fleches:visited {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.fleches:active {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.fleches:hover {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: underline;}

#menufleches a{
	background-image:url(/Asteelflash/media/images/menus/fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 220px;
	color:#ffffff;}

#menufleches a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/fleche-rouge-home.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuflecheshome a{
	background-image:url(/Asteelflash/media/images/menus/fleche-home-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 220px;
	color:#ffffff;}

#menuflecheshome a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/carre-fleche-rouge.jpg);
	position:inherit;
	background-repeat:no-repeat;}


#menuflechesgris a{
	background-image:url(/Asteelflash/media/images/menus/fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 320px;
	color:#333333;}

#menuflechesgris a:hover{
	color:#000000;
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/fleche-rouge.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuflechesbleu a{
	background-image:url(/Asteelflash/media/images/menus/fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;
	width: 320px;
	color:#4F839E;
	padding:0px}

#menuflechesbleu a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/fleche-rouge.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuflechescourt a{
	background-image:url(/Asteelflash/media/images/menus/fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 270px;
	color:#333333;}

#menuflechescourt a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/fleche-rouge.jpg);
	position:inherit;
	background-repeat:no-repeat;}




/*____________________Home, Notre Savoir-Faire, bullets_________________*/

a.carres:link {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.carres:visited {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.carres:active {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; }
a.carres:hover {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: underline;}




#menucarres a{
	background-image:url(/Asteelflash/media/images/menus/carre-fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 210px;
	color:#ffffff;}

#menucarres a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/carre-fleche-noire.jpg);
	position:inherit;
	background-repeat:no-repeat;}
	

#menucarresgris{
	background-image:url(/Asteelflash/media/images/menus/carre-fleche-grise.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menucarresgris a{
	float:left;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 240px;
	height:30px;
	color:#333333;}

#menucarresgris a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/menus/carre-fleche-noire.jpg);
	position:inherit;
	background-repeat:no-repeat;}






a.boutonbleu:link {font-family: arial; color: #ffffff; font-size: 16px; text-decoration: none; padding-top:7px }
a.boutonbleu:visited {font-family: arial; color: #ffffff; font-size: 16px; text-decoration: none; padding-top:7px}
a.boutonbleu:active {font-family: arial; color: #ffffff; font-size: 16px; text-decoration: none; padding-top:7px }
a.boutonbleu:hover {font-family: arial; color: #ffffff; font-size: 16px; text-decoration: none; padding-top:7px}


#menuboutonbleu a{
	background-image:url(/Asteelflash/media/images/menus/boutonbleu.jpg);
	position:inherit;
	background-repeat:no-repeat;
	float:left;
	text-decoration: none ;	
	text-align:center;
	border:0;	
	width: 216px;
	height:26px;
	color:#ffffff;
	font-weight:bold;}

#menuboutonbleu a:hover{
	background-image:url(/Asteelflash/media/images/menus/boutonbleu.jpg);
	background-position:0 -33px;
	background-repeat:no-repeat;}





a.icones:link {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; padding-bottom:10px }
a.icones:visited {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; padding-bottom:10px}
a.icones:active {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: none; padding-bottom:10px}
a.icones:hover {font-family: arial; color: #ffffff; font-size: 12px; text-decoration: underline; padding-bottom:10px}


#menueclairage a, #menuindustrie a, #menutransport a, #menusecurite a, #menucommunication a, #menumedical a{
	float:left;
	vertical-align:top;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 146px;
	height:155px;
	color:#ffffff;
	font-weight:bold}

#menueclairage{
	background-image:url(/Asteelflash/media/images/icones/lighting.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menueclairage a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/lighting.jpg);
	background-position:0 -165px;
	background-repeat:no-repeat;}

#menuindustrie{
	background-image:url(/Asteelflash/media/images/icones/industriel.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuindustrie a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/industriel.jpg);
	background-position:0 -165px;
	background-repeat:no-repeat;}

#menutransport{
	background-image:url(/Asteelflash/media/images/icones/transport.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menutransport a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/transport.jpg);
	background-position:0 -165px;
	background-repeat:no-repeat;}

#menusecurite{
	background-image:url(/Asteelflash/media/images/icones/securite.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menusecurite a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/securite.jpg);
	background-position: 0 -165px;
	background-repeat:no-repeat;}	

#menucommunication{
	background-image:url(/Asteelflash/media/images/icones/communication.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menucommunication a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/communication.jpg);
	background-position:0 -165px;
	background-repeat:no-repeat;}

#menumedical{
	background-image:url(/Asteelflash/media/images/icones/medical.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menumedical a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones/medical.jpg);
	background-position:0 -165px;
	background-repeat:no-repeat;}











.menu {
	/*width:908px; */
	height:46px;
	position:relative;
	z-index:1000;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-image:url(/Asteelflash/media/images/fonds/fondrouge.jpg);
	padding:0px;
	margin:0}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:908px; w\idth:906px; height:46px; h\eight:40px}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:4px 0px 0px 0px;
	height:40px;
	margin:0px 0px 0px 28px;
	list-style-type:none;
	z-index:1000;}

* html .menu ul {height:46px; /*h\eight:40px*/}
	
.menu ul ul {
width:195px;
margin-top:10px;
z-index:1000;
left:0px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */


.menu li {
float:left;
width:107px;
position:relative;
z-index:1000;}

/* onglet rouge */
.menu a.ongletrouge:link, 
.menu a.ongletrouge:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}


.menu a.ongletrouge:hover, 
.menu a.ongletrouge:active {
	text-decoration:underline;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}
	
	
/* onglet noir */
.menu a.ongletnoir:link, 
.menu a.ongletnoir:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.ongletnoir:hover, 
.menu a.ongletnoir:active {
	text-decoration:underline;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}

.menu a.ongletnoclic:link, 
.menu a.ongletnoclic:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.ongletnoclic:hover, 
.menu a.ongletnoclic:active {
	text-decoration:none;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}

.menu a.ongletnoclicnoir:link, 
.menu a.ongletnoclicnoir:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.ongletnoclicnoir:hover, 
.menu a.ongletnoclicnoir:active {
	text-decoration:none;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}





.menu a:link, 
.menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:23px;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	text-align:center;
	line-height:23px;
	font-weight:bold;}

/* onglet rouge - a hack so that IE5.5 faulty box model is corrected */
* html .menu a:link,
* html .menu a:visited {width:107px; w\idth:110px; }


/* onglet rouge - mouse over */
.menu a:hover{
color:#fff;
text-decoration:underline }





/* style the second level background */
.menu ul ul a.drop:link,
 .menu ul ul a.drop:visited {
background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0 ;
background-position:46px}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0 ;}

.menu ul ul :hover > a.drop {
background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0 ;}

/* style the third level background */

.menu ul ul ul a:link,
.menu ul ul ul a:visited {background:#000000;}
/* style the third level hover */

.menu ul ul ul a:hover {background:#000000;}



/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* propriétés du sous-menu */
.menu ul ul a:link,
.menu ul ul a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background:url(/Asteelflash/media/images/menus/rollover.jpg) repeat-y 0 0;
text-align:left;
padding-left:10px;
color:#fff;
height:26px;
width:185px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a:link,
* html .menu ul ul a:visited {width:185px;w\idth:180px;}


/* propriétés du sous-menu - texte mouse hover */
.menu ul ul a:hover{
background:url(/Asteelflash/media/images/menus/rollover.jpg);
background-position:0 26px;
color:#fff;
text-decoration:none;
padding-left:10px;
width:180px;}





/* propriétés du sous-menu - position du sous-menu par rapport aux onglets */
.menu ul ul {
visibility:hidden;
position:absolute;
top:28px;
margin-left:2px;
width:195px;}



/* propriétés du sous-menu - position du sous-menu par rapport aux onglets  - another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:28px;}

.menu :hover > a{
background:url(/Asteelflash/media/images/ongletrouge.png);
background-position:0 42px ;
}


.menu ul ul a.large:link,
.menu ul ul a.large:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#FFFFFF;
background:url(/Asteelflash/media/images/menus/rollover2.jpg) repeat-y 0 0;
text-align:left;
padding-left:10px;
color:#fff;
height:38px;
width:185px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a.large:link,
* html .menu ul ul a.large:visited {width:185px;w\idth:180px;}


/* propriétés du sous-menu - texte mouse hover */
.menu ul ul a.large:hover{
background:url(/Asteelflash/media/images/menus/rollover2.jpg);
background-position:0 37px;
color:#fff;
text-decoration:none;
padding-left:10px;
width:180px;}








/* propriétés du sous-menu - position du sous-menu par rapport aux onglets  - another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:28px;}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover table,
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

























a.icones2:link {font-family: arial;  font-size: 12px; text-decoration: none; padding-top:12px }
a.icones2:visited {font-family: arial; font-size: 12px; text-decoration: none; padding-top:12px}
a.icones2:active {font-family: arial; font-size: 12px; text-decoration: none; padding-top:12px}
a.icones2:hover {font-family: arial; font-size: 12px; text-decoration: underline; padding-top:12px}


#menueclairage2 a, #menuinformatique2 a, #menuindustrie2 a, #menucommunication2 a, #menutransport2 a, #menumedical2 a{
	float:left;
	vertical-align:top;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 260px;
	height:115px;
	color:#ffffff;
	font-weight:bold}

#menueclairage2{
	background-image:url(/Asteelflash/media/images/icones2/eclairage2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menueclairage2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/eclairage2.jpg);
	background-position:0 -130px;
	background-repeat:no-repeat;}

#menuinformatique2{
	background-image:url(/Asteelflash/media/images/icones2/informatique2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuinformatique2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/informatique2.jpg);
	background-position:0 -131px;
	background-repeat:no-repeat}
	
#menuindustrie2{
	background-image:url(/Asteelflash/media/images/icones2/industrie2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuindustrie2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/industrie2.jpg);
	background-position:0 -131px;
	background-repeat:no-repeat;}	

#menucommunication2{
	background-image:url(/Asteelflash/media/images/icones2/communication2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menucommunication2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/communication2.jpg);
	background-position: 0 -135px;
	background-repeat:no-repeat;}	

#menutransport2{
	background-image:url(/Asteelflash/media/images/icones2/transport2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menutransport2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/transport2.jpg);
	background-position:0 -135px;
	background-repeat:no-repeat;}	
	
#menumedical2{
	background-image:url(/Asteelflash/media/images/icones2/medical2.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menumedical2 a:hover{
	text-decoration:underline;
	background-image:url(/Asteelflash/media/images/icones2/medical2.jpg);
	background-position:0 -130px;
	background-repeat:no-repeat;}	
	
	
	
	
	









a.icones3:link {font-family: arial;  font-size: 10px; text-decoration: none; line-height:14px}
a.icones3:visited {font-family: arial; font-size: 10px; text-decoration: none;}
a.icones3:active {font-family: arial; font-size: 10px; text-decoration: none; }
a.icones3:hover {font-family: arial; font-size: 10px; text-decoration: underline;}


#menueclairage3 a, #menuinformatique3 a, #menuindustrie3 a, #menucommunication3 a, #menutransport3 a, #menumedical3 a{
	float:left;
	vertical-align:top;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	width: 135px;
	height:80px;
	color:#626F77;
	font-weight:bold}

#menueclairage3{
	background-image:url(/Asteelflash/media/images/icones3/eclairage3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menueclairage3 a:hover{
	text-decoration:underline;}

#menuinformatique3{
	background-image:url(/Asteelflash/media/images/icones3/informatique3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuinformatique3 a:hover{
	text-decoration:underline;}
	
#menuindustrie3{
	background-image:url(/Asteelflash/media/images/icones3/industrie3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menuindustrie3 a:hover{
	text-decoration:underline;}	

#menucommunication3{
	background-image:url(/Asteelflash/media/images/icones3/communication3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menucommunication3 a:hover{
	text-decoration:underline;}	

#menutransport3{
	background-image:url(/Asteelflash/media/images/icones3/transport3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menutransport3 a:hover{
	text-decoration:underline;}	
	
#menumedical3{
	background-image:url(/Asteelflash/media/images/icones3/medical3.jpg);
	position:inherit;
	background-repeat:no-repeat;}

#menumedical3 a:hover{
	text-decoration:underline;}	
	
	
	
	
	
	
	
	

a.icones4:link {font-family: arial;  font-size: 12px; text-decoration: none; padding-top:12px }
a.icones4:visited {font-family: arial; font-size: 12px; text-decoration: none; padding-top:12px}
a.icones4:active {font-family: arial; font-size: 12px; text-decoration: none; padding-top:12px}
a.icones4:hover {font-family: arial; font-size: 12px; text-decoration: underline; padding-top:12px}


#menuapres a, #menucooperer a, #menulogistique a, #menuproduction a, #menuparcours a, #menutechnologie a, #menulogistique a, #menuvaleur a, #menuqualite a  {
	float:left;
	vertical-align:middle;
	text-decoration: none ;	
	text-align:left;
	border:0;	
	padding-left:80px;
	padding-top:30px;
	width: 182px;
	height:36px;
	color:#ffffff;
	font-weight:bold;}

#menuapres a{
	background-image:url(/Asteelflash/media/images/icones4/apres.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menuapres a:hover{
	text-decoration:underline;
	background-position:0 -66px}
	
#menucooperer a{
	background-image:url(/Asteelflash/media/images/icones4/cooperer.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menucooperer a:hover{
	text-decoration:underline;
	background-position:0 -66px}

#menulogistique a{
	background-image:url(/Asteelflash/media/images/icones4/expertise.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menulogistique a:hover{
	text-decoration:underline;
	background-position:0 -66px}
		
#menuproduction a{
	background-image:url(/Asteelflash/media/images/icones4/production.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menuproduction a:hover{
	text-decoration:underline;
	background-position:0 -66px}

#menuparcours a{
	background-image:url(/Asteelflash/media/images/icones4/parcours.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menuparcours a:hover{
	text-decoration:underline;
	background-position:0 -66px}
	
#menutechnologie a{
	background-image:url(/Asteelflash/media/images/icones4/technologie.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menutechnologie a:hover{
	text-decoration:underline;
	background-position:0 -66px}	

#menuvaleur a{
	background-image:url(/Asteelflash/media/images/icones4/valeur.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menuvaleur a:hover{
	text-decoration:underline;
	background-position:0 -66px}

#menuqualite a{
	background-image:url(/Asteelflash/media/images/icones4/qualite.jpg);
	position:inherit;
	background-repeat:no-repeat;
	background-position:-0px 0px}
	
#menuqualite a:hover{
	text-decoration:underline;
	background-position:0 -66px}





/*______________Menu page accueil Savoir-Faire______________*/

a.menusf:link {font-family: arial;  font-size: 10px; text-decoration: none; color:#626F77; font-weight: bold;}
a.menusf:visited {font-family: arial; font-size: 10px; text-decoration: none; color:#626F77; font-weight: bold; }
a.menusf:active {font-family: arial; font-size: 10px; text-decoration: none; color:#626F77; font-weight: bold; }
a.menusf:hover {font-family: arial; font-size: 10px; text-decoration: underline; color:#626F77; font-weight: bold;}

#iconessf {
border:none;
padding-top:4px}

/** Mine **/
div.liengris a:link{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}
div.liengris a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}
div.liengris a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:underline}
div.liengris a:active {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; text-decoration:none}


/* onglet rouge */
.menu a.L1CMSListMenuLink:link, 
.menu a.L1CMSListMenuLink:visited,
.menu span.L1CMSListMenuLink{
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}


.menu a.L1CMSListMenuLink:hover, 
.menu a.L1CMSListMenuLink:active {
	text-decoration:underline;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}
	
	
/* onglet noir */
.menu a.L1CMSListMenuLinkHighlighted:link, 
.menu a.L1CMSListMenuLinkHighlighted:visited, 
.menu span.L1CMSListMenuLinkHighlighted{
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.L1CMSListMenuLinkHighlighted:hover, 
.menu a.L1CMSListMenuLinkHighlighted:active {
	text-decoration:underline;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}

.menu a.ongletnoclic:link, 
.menu a.ongletnoclic:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.ongletnoclic:hover, 
.menu a.ongletnoclic:active {
	text-decoration:none;
	background:url(/Asteelflash/media/images/menus/ongletrouge.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}

.menu a.ongletnoclicnoir:link, 
.menu a.ongletnoclicnoir:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	width:107px;
	height:42px;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	text-align:center;
	line-height:42px;
	font-weight:bold;
	z-index:1000}

.menu a.ongletnoclicnoir:hover, 
.menu a.ongletnoclicnoir:active {
	text-decoration:none;
	background:url(/Asteelflash/media/images/menus/ongletnoir.jpg) repeat-y 0 0;
	background-position: 0 42px;
	z-index:1000}

.LeftMenu {
  padding-left:30px;
}

.LeftMenu td.TabControl{height:36px}
.LeftMenu a.TabControlLink:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
.LeftMenu a.TabControlLink:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
.LeftMenu a.TabControlLink:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:underline; }
.LeftMenu a.TabControlLink:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }

.LeftMenu td.TabControlSelected{height:36px}
.LeftMenu a.TabControlLinkSelected:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}
.LeftMenu a.TabControlLinkSelected:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}
.LeftMenu a.TabControlLinkSelected:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:noline; font-weight:bold}
.LeftMenu a.TabControlLinkSelected:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:none; font-weight:bold}

a.CMSBreadCrumbsLink:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
a.CMSBreadCrumbsLink:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }
a.CMSBreadCrumbsLink:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4F839E; text-decoration:underline; }
a.CMSBreadCrumbsLink:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#799DAA; text-decoration:none; }


.plandusite ul{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;list-style-type:none;}
.plandusite ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;list-style-type:none;padding-bottom:15px }
.plandusite ul li ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;list-style-type:none;padding-bottom:0px }
.plandusite span {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;list-style-type:none; font-weight:bold}

.plandusite ul li a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold }
.plandusite ul li a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold}
.plandusite ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8000F; text-decoration:underline; font-weight:bold}
.plandusite ul li a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:bold}

.plandusite ul li ul li a:link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:normal}
.plandusite ul li ul li a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:normal}
.plandusite ul li ul li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8000F; text-decoration:underline; font-weight:normal}
.plandusite ul li ul li a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-decoration:none; font-weight:normal}

.RequestForm .EditingFormTable{
	width:330px
}
.RequestForm td {
	vertical-align:top;
}
.RequestForm .EditingFormLabel{
width:140px;
}
.RequestForm .EditingFormValueCell {
width:200px;
}