body        { 
  font-family: Arial,Verdana, sans-serif; 
  font-size: 12px; 
  margin: 0px;
  padding: 0px;

  background-image:url(/i/top/menu.jpg) ;
  background-repeat:repeat-x;

  background-color:#E4E4E4;
  color:#36515b;
}
.form-error{
        color: red;
}

/* 
   vert : #41A940 
   bleu fonce :  0B4499
   bleu gris:   4D7196
   bleu  : 4851A4
   gris  : 4B514A

*/
#steiner {
  width:100%;
  position:absolute;
  top:0px;
  padding:0px;
  margin:0px;
  border:0px red solid;
  height:160px;
}
#steiner .left{
   width:30%;
   float:left;
   height:160px;
}
#steiner .right{
   width:70%;
   float:right;
   background:#008BCD;
   height:160px; 
   z-index:2;
}
#wrap {
  width:990px;
  margin:0 auto 10px auto;
  padding:0px 0px 1px 0px;
  position:relative;
  background-color:#FFFFFF;
  background-image:url(/i/marge/marge-bas.jpg) ;
  background-repeat:repeat-x;
  background-position:bottom left;
}
#inner-wrap {
  width:990px;
  height:auto;
  padding:10px 0px 0px 0px;
  margin:0px auto;
  position:relative;
  background-image:url(/i/marge/marge-droite-et-gauche.gif) ;
  background-repeat:repeat-y;
}

#col-left {
  float:left;
  width:170px;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
  background:#F0F0F2;
}

#col-right {
  float:left;
  width:170px;
  height:auto;
  text-align:center;
  background:#F6F6F7;
}

#main {
  position:relative;
  width:940px;
  height:auto;
  float:left;
  margin:0px 25px 10px 25px;
  padding:0px;	
}

#header {
 color:#FFFFFF;
 padding:0px 0px 0px 0px;
 margin:0px;
 width:990px;
 height:160px;
 background-image:url(/i/top/menu_07.jpg) ;
 background-repeat: no-repeat ;

 clear:both;
 top:0px;
/* position:fixed; */
 position:relative; 
/* border:1px white solid; */
}
#header a {
 color:#FFFFFF;
}
#header .logo{
 width:990px;
 height:130px;
/*

 top:0;	
 margin:0px;
 padding:0px;
 position:relative;
*/
 float:left;
}

#header .logo img{
  position:relative;
  float:left;	
  top:0;	
}

#header .logo .home{
  float:left;	
  width:600px;
  margin:0px auto;
  position:relative;
 top:0;	
}
#header .logo .login{
  float:left;
  width:140px;
  margin:20px 0px 0px 670px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .logo .login ul{
  list-style-type: none;
  list-style: none;
  margin:0px;
  padding:0px;
  width:150px;

}
#header .menu-bas{
  color:#000000;
  position:relative;
  top:5px;
  left:0px;
/*  border:1px red solid; */
  height:23px;
  width:990px;
  text-align:left;
  clear:both;
/*  clear:both; */
}
#header .menu-bas a{
  color:#FFFFFF;
}
#header .menu-bas ul{
  list-style-type: none;  
  list-style: none;
  margin:0px;
  padding:0px;
  height:23px;
  width:860px;
/*  border:1px blue solid; */
float:left;	
/*  float:left;	

  position:relative;
  top:0px;
  left:0px; */
}
#header .menu-bas ul li{
  float:left;	
  padding:4px 10px 0px 10px;
  margin:0px;
  height:23px;
  border-right:1px #FFFFFF solid;
}
#header .menu-bas ul li.first{
  padding:4px 10px 0px 0px;
}
#footer {
clear:both;
height:20px;
color:#a1a1a1;
border-top:1px #a1a1a1 solid;
text-align:left;
  width:940px;
  padding:0px 0px 6px 0px;
  margin:20px auto 2px auto;
  position:relative;
}
#footer a{
color:#a1a1a1;
}
#footer ul{
  list-style-type: none;  
  list-style: none;
  position:relative;
  float:left;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
  height:20px;
}
#footer ul li{
  float:left;	
  padding:4px 10px 0px 10px;
  margin:0px;
  height:20px;
  border-right:1px #a1a1a1 solid;
}
#footer ul li.legales{
  border-right:0px #a1a1a1 solid;
}
#footer ul li.last{
  float:right;
  margin:0px 0px 0px 430px;
  border-left:1px #a1a1a1 solid;
  border-right:0px #a1a1a1 solid;  
}
.main-left{
  width:700px;
  height:100%;
  margin:2px 0px 2px 0px;
  padding:0px;
  float:left;
}
.col-left-societe{ 
  float:right;
  width:220px;
  margin:0px;
  padding:0px;

}

/*******************************************************************/

.block { 
  margin:0px 0px 10px 0px;
  padding:0px;
  clear:both;
}
.block ul {
  list-style-image:url(/i/pictos/generique/puce.gif);
}

.Title h1{ 
  color:#008BCD;
  font-size:14px;
  background: transparent url(/i/pictos/generique/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block h1.generique{ 
  font-size:16px;
  background:none;
}
.block strong{ 
  color:#008BCD;
}
.block h1{ 
  color:#008BCD;
}
.block h2{ 
  color:#008BCD;
}
h1.generique { 
  color:#008BCD;
  padding:0px;
  margin:3px 0px 2px 0px;
  letter-spacing:0px; 
}
h1.generique-acc { 
  color:#008BCD;
  padding:0px;
  margin:3px 0px 2px 0px;
  background: transparent url(/i/pictos/generique/colorants_460p.gif) ;
  background-position:bottom left;
  background-repeat: no-repeat ;
}
h1.generique-acc a{ 
  color:#008BCD;
}

.block-petrole { 
  margin:0px 0px 10px 0px;
  padding:0px;
  clear:both;
}
.block-petrole ul { 
  list-style-image:url(/i/pictos/petrole/puce.gif);
}
.block-petrole h1.petrole{ 
  font-size:16px;
  background:none;
}
.Title-petrole h1{ 
  color:#BF527B;
  font-size:14px;
  background: transparent url(/i/pictos/petrole/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block-petrole strong{ 
  color:#BF527B;
}
h1.petrole { 
  color:#BF527B;
  padding:0px;
  margin:3px 0px 2px 0px;
  letter-spacing:0px; 
  background: transparent url(/i/pictos/petrole/fleche.gif) ;
  background-position:100% 5%;
  background-repeat: no-repeat ;
}
h1.petrole a{ 
  color:#BF527B;
}
.block-papier { 
  margin:0px 0px 10px 0px;
  padding:0px;
  clear:both;
}
.block-papier ul {
  list-style-image:url(/i/pictos/papier/puce.gif);
}

.block-papier h1.papier{ 
  font-size:16px;
  background:none;
}
.Title-papier h1{ 
  color:#007B88;
  font-size:14px;
  background: transparent url(/i/pictos/papier/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block-papier strong{ 
  color:#007B88;
}
.block-papier h2{ 
  color:#007B88;
}
h1.papier { 
  color:#007B88;
  padding:0px;
  margin:3px 0px 2px 0px;
  background: transparent url(/i/pictos/papier/fleche.gif) ;
  background-position:100% 5%;
  background-repeat: no-repeat ;
}
h1.papier a{ 
  color:#007B88;
}

.block-textile { 
  margin:0px 0px 10px 0px;
  padding:0px;
  clear:both;
}
.block-textile ul { 
  list-style-image:url(/i/pictos/tissus/puce.gif);
}
.block-textile h1.textile{ 
  font-size:16px;
  background:none;
}
.Title-textile h1{ 
  color:#AF7CAC;
  font-size:14px;
  background: transparent url(/i/pictos/tissus/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block-textile strong{ 
  color:#AF7CAC;
}
.block-textile h2{ 
  color:#AF7CAC;
}
h1.textile { 
  color:#AF7CAC;
  padding:0px;
  margin:3px 0px 2px 0px;
  background: transparent url(/i/pictos/tissus/fleche.gif) ;
  background-position:100% 5%;
  background-repeat: no-repeat ;
}
h1.textile a{ 
  color:#AF7CAC;
}

.block-cuir { 
  margin:0px 0px 10px 0px;
  padding:0px;
  clear:both;
}
.block-cuir ul { 
  list-style-image:url(/i/pictos/cuir/puce.gif);
}
.block-cuir h1.cuir{ 
  font-size:16px;
  background:none;
}
.Title-cuir h1{ 
  color:#78B645;
  font-size:14px;
  background: transparent url(/i/pictos/cuir/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block-cuir strong{ 
  color:#78B645;
}
.block-cuir h2{ 
  color:#78B645;
}
h1.cuir { 
  color:#78B645;
  padding:0px;
  margin:3px 0px 2px 0px;
  background: transparent url(/i/pictos/cuir/fleche.gif) ;
  background-position:100% 5%;
  background-repeat: no-repeat ;
}
h1.cuir a{ 
  color:#78B645;
}

.block-autre { 
  margin:0px 0px 7px 0px;
  padding:0px;
  clear:both;
}
.block-autre ul {
  list-style-image:url(/i/pictos/autre/puce.gif);
}

.block-autre h1.autre{ 
  font-size:16px;
  background:none;
}
.Title-autre h1{ 
  color:#EF9503;
  font-size:14px;
  background: transparent url(/i/pictos/autre/fleche.gif) ;
  background-position:0% 5%;
  background-repeat: no-repeat ;
  padding:0px 0px 0px 20px;
}
.block-autre strong{ 
  color:#EF9503;
}
.block-autre h2{ 
  color:#EF9503;
}
h1.autre { 
  color:#EF9503;
  padding:0px;
  margin:3px 0px 2px 0px;
}
h1.autre a{ 
  color:#EF9503;
}

h1.autre-acc { 
  color:#EF9503;
  padding:0px;
  margin:3px 0px 2px 0px;
  background: transparent url(/i/pictos/autre/colorants_460p.gif) ;
  background-position:bottom left;
  background-repeat: no-repeat ;
}
h1.autre-acc a{ 
  color:#EF9503;
}

.produit-navig{ 
  width:205px;
  background:#F5F5F4;
  height:106px;
  margin:0px;
  padding:0px;
}

.produit-navig ul{ 
  list-style-image:url(/i/pictos/generique/flecheg.gif);
  margin:0;
  padding:15px 0px 0px 25px;
}
.societe-navig{ 
  width:205px;
  background:#F5F5F4;
  height:90px;
  margin:0px;
  padding:0px;
}

.societe-navig ul{ 
  list-style-image:url(/i/pictos/generique/flecheg.gif);
  margin:0;
  padding:15px 0px 0px 25px;
}
.block .atools-post-menu { 
  margin:5px 0px 5px 0px;
}

.tab-produit td {
  font-size:10px;
  padding:2px;
  vertical-align:middle;
}

.contact-form { 
  padding:4px;
  width:100%;
  background:#F5F5F4;
}
.contact-form .value textarea{ 
  height:100px;
  width:600px; 
}
.contact-form .value select      { width:auto;  }

/*******************************************************************/
#footer-navig{
  width:100%;
  height:18px;

  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;

  background:#E4E4E4;
  clear:both;
  position:relative;
}
#footer-navig div{
  padding:0px 0px 0px 0px;
  margin:0px;
  width:100px;
  background:#E4E4E4;
  border-left:1px #FFFFFF solid;
  float:right;
  height:18px;
  margin:0px;
  padding:0px;
  text-align:center;
}
#footer-navig div.pages{
  width:300px;
  background:#E4E4E4;
  color:#007BB8;
}
#footer-navig div.pages a{
  display:inline;
  color:#007BB8;
}
#footer-navig div a{
  display:block;
  color:#007BB8;
}
.list-name {
  font-weight:bold;
  background:#E4E4E4;
  color:#007BB8;
}
.list-name td{
  height:20px;
}
.list-tab1 {
}
.list-tab2 {
  background:#F5F5F4;	
}

/*******************************************************************/

div.box_filet_xsmall 	{ font-size:10px; width: 100%; border-bottom: 1px solid #B0B0B0; margin: 0px 0px 0px 0px;padding:0px;text-align:center;} 

.center     { text-align:center; }
.left       { text-align:left; }
.right      { text-align:right; }
.justify    { text-align:justify; }
.spacer     { margin: 20px; }
.wrap		{ margin: 5px; }


.inp_left				{ text-align: left; margin: 0px 20px 4px 5px; float: left; }
.inp_right				{ text-align: right; margin: 0px 5px 5px 0px; }

div.inp2 			{ clear:both;padding:0px 0px 2px 0px;height:auto;}	
div.inp2_left			{ text-align: right; width: 30%; margin: 0px 10px 4px 5px; height:auto;float: left;line-height:1.0em;}
div.inp2_right			{ text-align: left; margin: 0px 5px 0px 0px;height:100%;vertical-align:bottom; bottom:0;}

.inp_center_left		{ text-align: right; width: 40%; margin: 2px 5px 2px 0px; float: left; }
.inp_center_right		{ text-align: left; margin: 0px 0px 2px 0px; }


table       { border-collapse: collapse; border-spacing: 0px; font-size: 1.009em; }
td          { padding: 0px; text-align:left;vertical-align:top;   }
img         { border: 0px;}
a           { text-decoration:none; color:#4D7196; }
hr          { border-style: solid; border-color: #999999; border-top:1px;border-bottom:0px}
select      { font-size: 10px; width:150px; color: #4B514A; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  }
select.colorindex   { font-size: 10px; width:68px; color: #4B514A; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  }
.value textarea  { font-size: 12px; color: #4B514A;width:400px; }
input	 { color:#4B514A; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

b           { font-size: 12px; letter-spacing:1px;  }


h1          { font-weight:bold;font-size: 14px;  letter-spacing:1px;  }
h2          { font-weight:bold;font-size: 12px;  letter-spacing:1px;  }
h3          { font-weight:bold;font-size: 12px; }
strong      { font-size:1.0em; color:#0B4499; }

/* */


.slot {
  color: #666666;;font-size: 10px;
  padding:2px 0px 2px 5px;
  text-align:left;
 }
.value{
  color: #666666;;font-size: 10px;
  text-align:left;
  padding:2px 0px 2px 5px;
}
.value ul {
  list-style-image:url(/i/puces/puce_orange.gif);
  padding-top: 6px;	
  padding-left:15px;
}

.texte{
  color: #666666;
}
.STDEFAULT select{
  width:50px;
}
.STDEFAULT input{
  width:150px;
}
.STDEFAULTBO input{
  width:150px;
}