body        { 
  font-family: Verdana, sans-serif; 
  font-size: 12px; 
  margin: 0px;
  padding: 0px;
  background:url(/i/fond-tricot.jpg) repeat-x;
  color:#36515b;
}
.form-error{
        color: red;
}

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

*/
#wrap {
  width:968px;
  margin:auto;
  padding:0px;
  position:relative;
}
#inner-wrap {
  width:100%;
  float:left;
  height:auto;
  padding:0px 0px 0px 0px;
  margin:8px 0px 8px 0px;
  background:url(/i/fond-vertical.jpg) repeat-y;
}

#col-left {
  float:left;
  width:170px;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
  background:#F0F0F2;
}
#col-left .block{
  padding:0px;
  width:150px;
  margin:10px 10px 0px 10px;
}
#col-left .actu{
  margin:0px;
  padding:0px;
  width:150px;
  background:#e288b3;
  font-weight:bold;
  color:#FFFFFF; 
  height:30px;
  border-top:4px #00779A solid; 
}
#col-left .actu td{
  vertical-align:middle;	
}
#col-left .actu a{
  color:#FFFFFF; 
}

#col-left .coup-de-coeur a{
  color:#FFFFFF; 
}
#col-left .coup-de-coeur{
  margin:0px;
  width:150px;
  background:#8D92AC;
  font-weight:bold;
  color:#FFFFFF; 
  height:30px;
  border-top:4px #00779A solid; 
}
#col-left .coup-de-coeur td{
  vertical-align:middle;	
}

#col-left .recherche{
  margin:0px 10px 10px 10px;
  padding:0px;
  width:150px;
}
#col-left .recherche h1{
  background:#2EB7CC;
  font-size:12px;	
  font-weight:normal;	
  color:#FFFFFF; 
  height:30px;
  border-top:4px #00779A solid; 
  padding:0px 2px 0px 2px;	
  margin:0px;
  vertical-align:middle;	
}
#col-left .recherche form{
  padding:0px;	
  margin:0px;
}
#col-left img {
  padding:0px 0px 0px 0px;
}

#col-sep {
  float:left;
  width:5px;
  height:100%;
  margin:0px 0px 0px 0px;
  text-align:center;

}
#col-right {
  float:left;
  width:170px;
  height:auto;
  text-align:center;
  background:#F6F6F7;
}
#col-right img {
  padding:0px 10px 0px 10px;
}
#col-right table {
  width:152px;
  color:#00779A;
  font-size:10px;
  margin:0px 4px 10px 4px; 
}
#col-right table td {
  vertical-align:middle;
}
#col-right table td img{
  margin:5px 5px 5px 0px;
  padding:0px;
}
#col-right table td .sep img{
  margin:5px 0px 5px 0px;
  padding:0px;
}
#main {
  position:relative;
  width:618px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px;	
}

#header {
 color:#FFFFFF;
 padding:0px 0px 0px 0px;
 margin:0px;
 height:113px;
}
#header a {
 color:#FFFFFF;
}
#header .logo{
 float:left;	
}

#header .logo img{
  position:relative;
  float:left;	
  top:0;	
}
#header .menu-bas{
  color:#000000;
  clear:both;
  position:relative;
  top:5px;
  left:30px;
}
#header .menu-bas a{
  color:#000000;
}
#header ul{
  list-style-type: none;  
  list-style: none;
  position:relative;
  float:left;
  top:0px;
  left:10px;
  margin:0px;
  padding:0px;
  height:26px;
}
#header ul li{
  float:left;	
  padding:4px 10px 0px 10px;
  margin:0px;
  height:26px;
  border-right:1px #FFFFFF solid;
}

#footer {
clear:both;
height:17px;
background:url(/i/fond-bas.gif) repeat-x;
color:#FFFFFF;
text-align:center;
margin:0px 0px 0px 0px; 
padding:2px 0px 0px 0px;
width:100%;
}
#footer a{
color:#FFFFFF;
}
/*******************************************************************/
.Titre-tricomania{ 

}
.Titre-tricomania h1{ 
  font-size:14px;
}
.Titre{ 
  font-weight:bold;
  color:#8D92AC;
  padding:0px 0px 10px 0px;
  margin:0px;
}
.Titre h1{ 
  padding:0px 0px 0px 18px;
  font-size:14px;
}

.block { 
  margin:0px 5px 7px 5px;
  padding:0px;
}
.laine td{ 
  color:#58585A
}
.laine td .ref{ 
  background:#F0F0F2;
  color:#2EB7CC;
  width:80px;
  margin:0px 0px 0px 50px;
  padding:0px 0px 0px 4px;
}
.laine h1{ 
  padding:0px;
  margin:0px;
  font-size:14px;
  color:#8D92AC;
}
.laine h2{ 
  padding:0px;
  margin:0px;
  font-size:12px;
}
.laine .prix{ 
  background:#8D92AC;
  color:#FFFFFF;
  padding:0px 0px 0px 4px;
}
.laine h3{ 
  padding:0px;
  margin:0px;
  font-size:12px;
  color:#e1619a;
  text-transform:uppercase;
  padding:0px 0px 0px 45px;
}
.laine .fond{ 
  background:#e6d8e9;
  padding:4px;
}


.quantite-laine .spec{ 
  background:#F6F6F7;
}
.quantite-laine td{ 
  color:#58585A
}
.quantite-laine h1{ 
  padding:0px;
  margin:0px;
  font-size:12px;
  color:#8D92AC;
}
.quantite-laine .prix{ 
  background:#8D92AC;
  color:#FFFFFF;
  padding:2px 0px 2px 4px;
}
.quantite-laine .prix .counter{
  width:20px;
}
.quantite-laine .prix a{
  background:#FFFFFF;
  padding:0px 2px 0px 2px ;
  width:15px;
  height:5px;	
}
.commande{ 
  float:left;
}
.commande div{ 
  float:left;
  color:#FFFFFF;
}
.commande div a{ 
  color:#FFFFFF;
}
.commande div.total-commande{ 
  height:52px;
  width:410px;
  background:#8D92AC;
  float:left;
  margin:0px 0px 0px 18px;
}
.commande div.total-commande .contenu{ 
  font-size:16px;
  margin:12px 10px 0px 260px;
}
.commande div.ajouter-panier{ 
  height:52px;
  width:171px;
  background:#B4A5A3;
  margin:0px 0px 0px 1px;
}
.commande div.ajouter-panier .contenu{ 
  margin:6px 10px 0px 10px;
}

.panier { 
  float:left;
  height:50px;
  width:219px;
  background:#B4A5A3;
  margin:0px 0px 0px 100px;
  padding:0px;
}
.panier .contenu{ 
  margin:6px 0px 0px 0px;
}
/*******************************************************************/

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;  }
.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: 12px;  letter-spacing:1px;  }
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;
}
