body11 { color: #011d46; font: 10pt Arial, Helvetica, sans-serif; font-stretch: normal; text-decoration: none; background-image: url("images/motif_bleu.jpg"); text-transform: none; margin: 0; padding: 0 }
body  { color: #011d46; font: 10pt Arial, Helvetica, sans-serif; font-stretch: normal; text-decoration: none; text-transform: none; margin: 0; padding: 0; background-color: Black; }
#conteneur { position: absolute; width: 100%; }

#Content    { margin-left: 160px; padding-bottom: 10px; }
#sommaire { color: #3cc; font-size: 8px; text-align: center; margin: 100px 100px;   top: 0; left: 30px; width: 566px; height: 267px; float: none;   position: relative;  background-image: url("images/steeldesign.jpg");  margin-left: 250px;       }

#Content1    { }
#cliquer    { color: #999; font-size: 15px; font-family: "Century Gothic", Arial, Verdana; }
#legende_rub { color: #011d46; font-size: 15px; font-family: "Century Gothic", Arial, Verdana; font-weight: bold; position: relative; top: 0; left: 30px }
#Menu11          { line-height: 17px; background-image: url("images/motif2.gif"); padding: 10px 0; position: absolute; left: 2px; width: 165px; float: left; border: dotted 1px #011d46; voice-family: inherit           }
#Menu111          { line-height: 17px; background-color: Black; padding: 10px 0; position: absolute; left: 2px; width: 165px; float: left; border: dotted 1px #011d46; voice-family: inherit           }
#Menu            { line-height: 17px; background-color: Black; padding: 10px 0; position: absolute; left: 2px; width: 180px; float: left;  voice-family: inherit           }
.v01   { line-height: 17px; text-align: center; visibility: visible; margin: 2px; padding: 2px; position: relative; top: 0; left: 30px; width: 170px; height: 170px; float: left; border: solid 1px #999; voice-family: inherit            }
.v01b { line-height: 17px; text-align: center; visibility: visible; margin: 2px; padding: 2px; position: relative; top: 0; left: 30px; width: 170px; height: 350px; float: left; border: solid 1px #999; voice-family: inherit              }
.v02   { line-height: 17px; text-align: center; margin: 1px; padding: 1px 0; position: relative; top: 3px; width: 170px; float: none; border-color: #999; voice-family: inherit             }
.v03   { line-height: 17px;  text-align: center; margin: 1px; padding: 1px 0; position: relative; top: 8px; width: 170px; height: 128px; border-color: #999; voice-family: inherit             }
.v04   { line-height: 17px;  text-align: center; margin: 1px; padding: 1px 0 2px; position: relative; bottom: 5px; width: 170px; border-color: #999; voice-family: inherit             }
.v01-11  { line-height: 17px; background-image: url("images/motif2.gif"); text-align: center; visibility: visible; margin: 2px; padding: 2px; position: relative; top: 0; left: 30px; width: 170px; height: 170px; float: left; border: dotted 1px #011d46; voice-family: inherit            }
.v01b-11     { line-height: 17px; background-image: url("images/motif2.gif"); text-align: center; visibility: visible; margin: 2px; padding: 2px; position: relative; top: 0; left: 30px; width: 170px; height: 350px; float: left; border: dotted 1px #011d46; voice-family: inherit              }
.v02-11    { line-height: 17px; background-image: url("images/motif2.gif"); text-align: center; margin: 1px; padding: 1px 0; position: relative; top: 3px; width: 170px; float: none; border-color: #011d46; voice-family: inherit             }
.v03-11   { line-height: 17px; background-image: url("images/motif2.gif"); text-align: center; margin: 1px; padding: 1px 0; position: relative; top: 8px; width: 170px; height: 128px; border-color: #011d46; voice-family: inherit             }
.v04-11 { line-height: 17px; background-image: url("images/motif2.gif"); text-align: center; margin: 1px; padding: 1px 0 2px; position: relative; bottom: 5px; width: 170px; border-color: #011d46; voice-family: inherit             }
#menussrub           { text-align: right; list-style-type: none; padding-top: 2px; padding-bottom: 2px; position: relative; z-index: 1; width: 152px; float: right; border: #011d46 }
#menutitre   { text-align: left; text-indent: 10px; list-style-type: none; margin-left: 3px; position: relative; z-index: 1; width: 142px; float: right; border-style: none none dotted; border-width: medium medium 1px; border-color: #011d46 }
#puce { color: #011d46; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bolder; text-decoration: none; text-transform: none; position: relative; z-index: 3; top: 1px; bottom: 15px; left: 5px; width: 7px; height: 7px; float: left }
#menufleche1           { color: #011d46; font-size: 9pt; font-style: normal; font-weight: bolder; background-image: url("images/puce_o1.gif"); background-repeat: no-repeat; background-position: 2px 4px; text-align: left; text-indent: 15px; position: relative; z-index: 2; width: 155px; height: 20px; float: left; border-color: #011d46 }
#menufleche            { color: #011d46; font-size: 9pt; font-style: normal; font-weight: bolder; background-image: url("images/puce07b.gif"); background-repeat: no-repeat; background-position: 5px 2px; text-align: left; text-indent: 15px; position: relative; z-index: 2; width: 155px; height: 20px; float: left }

#bas          { position: relative;  left: 0; height: 30px; float: left;  }
#contenubas		{color: #3cc; font-size: 8px; text-align: center; margin: 100px 100px;   top: 0; left: 30px; width: 595px; height: 26px; float: none;   position: relative; 
--- background-image: url("images/steeldesignadresse.gif");  margin-left: 250px;
       }

#bas1111          { position: absolute;  left: 0; height: 30px; float: left;  bottom: -400px;         }
#bas111        { position: absolute; bottom: -350px; left: 0; height: 30px; float: left }
#bas11         { position: absolute; bottom: -250px; left: 0; height: 30px; float: left }
#bas1 { margin-left: -160px; padding-top: 10px; width: 800px; height: 80px; float: left }
hr {
  clear: both;
  visibility: hidden;
}
.steel_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #58677E;
	text-decoration: none;
}
.steel1  { color: #f60; font: bolder 14pt Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none }
.steeltexte11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #011D46;
	text-decoration: none;
}
.steeltexte {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: ghostwhite;
	text-decoration: none;
}
.steelrub11   { color: #336; font: lighter 9pt Arial, Helvetica, sans-serif; font-stretch: extra-condensed; text-decoration: none; text-transform: none }
.steelrub     { color: ghostwhite; font: lighter 9pt Arial, Helvetica, sans-serif; font-stretch: extra-condensed; text-decoration: none; text-transform: none }

#titreimage11, #titreimage11 a:link,#titreimage11 a:visited   { color: #011d46; font: bolder 9pt Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify; text-transform: none; padding-left: 15px; position: absolute; top: 10px; right: 4px; width: 80px; height: 60px; float: right }
#titreimage, #titreimage a:link,#titreimage a:visited   { color: lightgrey; font: bolder 9pt Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify; text-transform: none; padding-left: 15px; position: absolute; top: 10px; right: 4px; width: 80px; height: 60px; float: right }
#titreimage a:hover { color: #ce3642; text-decoration: none }
#legendeimage     { color: #58677e; font: 8pt Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify; text-transform: none; margin-top: 5px; position: absolute; bottom: 5px; left: 10px; width: 200px; height: 80px; float: left }
#afficheimage11 { color: #3cc; font-size: 8px; background-image: url("images/motif2.gif"); text-align: left; margin: 4px; padding: 5px;  top: 0; left: 30px; width: 230px; height: 230px; float: left; border: solid 1px #999;  position: relative;  }
#afficheimage { color: #3cc; font-size: 8px; text-align: left; margin: 4px; padding: 5px;  top: 0; left: 30px; width: 230px; height: 230px; float: left; border: solid 1px #999;  position: relative;  }
#image  { color: #011d46; font: bolder 9pt Arial, Helvetica, sans-serif; text-decoration: none; text-align: justify; text-transform: none; position: relative; top: 10px; left: 10px; width: 128px; height: 128px; float: left }
.steelrub11   { color: #011d46; font: bolder 9pt Arial, Helvetica, sans-serif; font-stretch: normal; text-decoration: none; text-transform: none; position: relative; left: 5px }
.steelrub1    { color: lightgrey; font: bolder 9pt Arial, Helvetica, sans-serif; font-stretch: normal; text-decoration: none; text-transform: none; position: relative; left: 5px }
.steelrublienbleu, .steelrublienbleu:visited, .steelrublienbleu:active
{
	font-size: 12px;
	font-weight: 900;
	color: #1C81C5;
	text-decoration: none;
}

.steelpetit {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58677E;
	text-decoration: none;
}

.H1 {
	font-family: Verdana, Arial; font-size: 10px; font-weight: 900;	color: #FFFFFF;
}

.H2, .H2:visited, .H2:active, .H2:hover    { color: #ffffff; font-size: 12px; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; background-color: #ce3642; margin-top: 0.1em; margin-bottom: 0.1em; padding: 2px 2px 4px }
.H3, .H3:visited, .H3:active { color: #ffffff; font-size: 12px; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; background-color: #ce3642; margin-top: 0.1em; margin-bottom: 0.1em }
.pointilleh {
	border: solid 1px #999;
}

.pointillev {
	border: solid 1px #999;
}
.pointilleh1 {
	 background:  url(images/pointilleh.gif);
}

.pointillev1 {
	 background:  url(images/pointillev.gif);
}
a1:hover
 { text-decoration: none }
a:hover {
	color:#CE3642; 	text-decoration: none;
}
.menunoir:hover
{
	font-size: 10px;
	color: #CE3642;
	text-decoration: none;
}
.basdepage11 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #58677E;
	text-decoration: none;
	BACKGROUND:  url(images/motif2.gif);
}
.basdepage  { color: #d3d3d3; font: bolder 8pt/normal Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none }