body{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
  font-family: Trebuchet MS;
  font-size: 12px;
  }
img{
  border: none;
  }
h1,h2,h3{
  margin-top: 0px;
  margin-bottom: 5px;
}
h1{
  font-size: 18px;
}
h2{
  font-size: 16px;
  margin-top: 5px;
  }

.alerte{
  color: red;
  font-weight: bold;
}
.agrandir:hover{
  cursor: pointer;
}
.bold{
  font-weight: bold;
}

.both{
  clear: both;
}
.icon{
  padding: 1px 0 2px 22px;
  background-repeat: no-repeat;
  background-position: 2px center; 
}
.arrow_down{
  background-image: url('img/icons/arrow_down.png');
}
.arrow_up{
  background-image: url('img/icons/arrow_up.png');
}
.box{
  background-image: url('img/icons/box.png');
}
.bullet_picture{
  background-image: url('img/icons/bullet_picture.png');
  font-size: 10px;
}
.cart{
  background-image: url('img/icons/cart.png');
}
.cart_add{
  background-image: url('img/icons/cart_add.png');
}
.cart_go{
  background-image: url('img/icons/cart_go.png');
}
.color_swatch{
  background-image: url('img/icons/color_swatch.png');
}
.delete{
  background-image: url('img/icons/delete.png');
}
.email{
background-image: url('img/icons/email.png');
}
.error{
background-image: url('img/icons/error.png');
}
.find{
  background-image: url('img/icons/find.png');
}
.layers{
  background-image: url('img/icons/layers.png');
}
.more{
  background-image: url('img/icons/more.png');
}
.orange{
  color: #FE6112;
}
.palette{
  background-image: url('img/icons/palette.png');
}
.printer{
  background-image: url('img/icons/printer.png');
}
.telephone{
  background-image: url('img/icons/telephone.png');
}
.zoom{
  background-image: url('img/icons/zoom.png');
}
  
  span.center{
	  display: block;
	  width: 100%;
	  text-align: center;
  }

div#conteneur{
  width: 782px;
  border-color: #C4C4C4;
  border-width: 1px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-style: solid;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('img/fond.jpg');
  background-repeat: repeat-y;
}
  /*Liens vers les sites internet*/
  div#logo{
    margin-top: 0px;
  }
  div#liens-sites{
    float: left;
    margin-left: 130px;
    margin-top: 2px;
    font-size: 12px;
    text-align: left;
  }
    div#liens-sites img{
      vertical-align: middle;
    }
  div#langage{
    text-align: right;
  }
  div#login{
  	width: 170px;
  	margin-left: 612px; 
  	text-align: right;
  }
  div#login a{
  	text-decoration: none;
  	color: #FE6112;
  }
  div#top{
    text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
    }
    div#recherche{
      margin: 5px 0 0 10px;
    }
      div#recherche input#recherche-input{
        border-style: solid;
        border-width: 1px;
        border-color: #939193;
      }
    div#recherche-suggestions{
      width: 149px;
      background-color: #FFFFFF;
      border-style: solid;
      border-color: #939193;
      border-width: 1px;
      position: absolute;
      margin: 0 0 0 32px;
      /top: 170px;
      font-size: 10px;
    }
      div#recherche-suggestions span{
        cursor: pointer;
        display: block;
        width: 149px;
      }
      div#recherche-suggestions span:hover{
        background-color: #C5C5C7;
      }
    img#logo-image{
      margin-left: 10px;
      float: left;
      }
    img#titre-image{
      margin-left: 100px;
      }
    div#liens-accueil{
      float: left;
    }
    div#lien_espacepromo{
      float: left;
      width: 250px;
      background-color: #CFCFCF;
      margin-left: 38px;
      margin-top: 30px;
      padding-top: 2px;
      padding-bottom: 2px;
      text-align: center;
      font-size: 16px;
    }
      div#lien_espacepromo a{
        color: #FE6112;
        text-decoration: none;
      }
    div#panier{
      position: absolute;
      width: 230px;
      background-color: #CFCFCF;
      top: 90px;
      margin-left: 520px;
      padding-left: 10px;
      padding-top: 2px;
      padding-right: 10px;
      padding-bottom: 2px;
    }
      div#panier a{
        color: #000000;
        text-decoration: none;
      }
  div.navigation{
		width: 762px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    }
  div.navigation ul{
    list-style: none;
    text-transform: capitalize;
		text-align: center;
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
    div.navigation ul li.onglet{
      width: 80px;
      height: 33px;
      color: #FE6112;
      float: left;
      padding-top: 2px;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 0px;
    }
      div.navigation ul li.onglet a{
        text-decoration: none;
        color: #FE6112;
      }
    div.navigation ul li.onglet_on{
      width: 80px;
      height: 33px;
      color: #000000;
      background-color: #FE6112;
      float: left;
      font-weight: bold;
      padding-top: 2px;
      margin: 0 0 0 0;
    }
      div.navigation ul li.onglet_on a{
        text-decoration: none;
        color: #000000;
      }
    div.navigation ul li.onglet_marques{
      width: 80px;
      height: 80px;
      float: left;
      margin: 0 0 0 0;
    }
      li.onglet_marques img{
        vertical-align: middle;
      }
  div#categorie{
    width: 762px;
    height: 140px;
    background-color: #FE6112;
		margin-top: 0px;
    margin-left: 10px;
    font-size: 12px;
    color: white;
  }
    img#reduction{
      float: left;
      margin-top: 18px;
      margin-left: 50px;
    }
    span#banniere{
      width: 350px;
      height: 62px;
      display: block;
      float: right;
      border-color: #F1F1F1;
      border-width: 1px;
      border-style: solid;
      margin-top: 20px;
      margin-right: 20px;
      padding-top: 15px;
      background-image: url('img/banniere.jpg');
      background-repeat: repeat-x;
      color: white;
      font-size: 20px;
    }
  div#categorie-grand{
    width: 762px;
    background-color: #FE6112;
    margin: 0 auto 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 12px;
    color: white;
  }
  div#categorie-grand a{
  	text-decoration: none;
 	}
    span.compteur-produits{
      display: block;
      margin: 0 10px 5px 0;
      font-size: 13px;
      text-align: right;
    }
    div.scat{
      margin-left: 15px;
      text-align: left;
      text-transform: capitalize;
    }
      div.scat a{
        color: #FE6112;
      }
    div.marques{
      margin-left: 15px;
      text-align: left;
    }
      div.marques img{
        vertical-align: middle;
      }
  	div#sofa{
  		width: 752px;
  		height: 387px;
  		margin-left: 5px;
  		background-image: url('img/sofa.jpg');
  	}
  	div.texte-accueil{
  		margin-left: 330px;
  		margin-top: 10px;
  		text-align: left;
  	}
      div.texte-accueil a{
        color: #FE6112;
      }
    div.actualite{
      width: 400px;
      background-color: #FFEADF;
      color: #000000;
      text-align: left;
      padding: 5px 5px 5px 5px;
    }
      span.actualite-titre{
        display: block;
        border-color: #000000;
        border-width: 1px;
        border-bottom-style: solid;
        margin: 0 0 5px 0;
        font-weight: bold;
      }
      span.actualite-contenu{
        display: block;
        padding: 0 5px 0 5px;
      }
      div.actualite-visuels{
        margin: 5px 0 0 0;
      }
      div.actualite-visuels img:hover{
        cursor: pointer;
      }
    .ui-dialog{
      background-color: #FFFFFF;
    }
    .ui-dialog-titlebar{
      text-align: left;
      background-color: #FFD6BF;
      font-weight: bold;
      padding: 5px 5px 5px 5px;
    }
      .ui-dialog-titlebar:hover{
        cursor: move;
      }
    .ui-dialog-title{
      display: block;
      float: left;
      width: 90%;
    }
    .ui-icon-closethick{
      visibility: hidden; 
    }
    .ui-dialog-titlebar-close{
      text-decoration: none;
      background-image: url('img/icons/cross.png');
      background-repeat: no-repeat;
      background-position: right;
    }
  	div#formulaire{
  		width: 752px;
      margin: 0 auto 0 auto;
  		background-color: #FFFFFF;
      /*border: solid #3A3439 1px;*/
      padding: 10px 0 10px 0;
      color: #000000;
  	}
      div#formulaire a{
      }
      .lien-accueil{
        display: block;
        float: left;
        margin-top: 0px;
        margin-left: 10px;
        text-align: left;
        color: white;
      }
    div#logo_marque{
      float: right;
      margin-right: 15px;
      line-height: 10px;
    }
      div#logo_marque a{
        color: white;
        font-size: 10px;
      }
      /*Bloc aper�u des cat�gories*/
      div.apercu_cat{
        width : 732px;
        margin-left: 10px;
        margin-right: 10px;
      }
        span.apercu_cat_nom{
          width: 100%;
          display: block;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-bottom-color: #FE6112;
          font-size: 14px;
          text-align: left;
          text-indent: 5px;
          text-transform: capitalize;
        }
        div.apercu_cat div.produit{
          width: 179px;
          height: 210px;
          float: left;
          padding-right: 0px;
          font-size: 11px;
        }
          div.apercu_cat span.produit-image{
            display: block;
            width: 167px;
            height: 119px;
            margin-top: 10px;
            margin-left: 6px;
          }
            div.apercu_cat span.produit-image img{
              margin-top: 10px;
            }
          div.apercu_cat span.produit-nom{
            display: block;
            margin-left: 10px;
            color: white;
            font-weight: bold;
            text-align: left;
            text-transform: capitalize;
          }
          div.apercu_cat span.produit-prix{
            display: block;
            margin-left: 10px;
            color: #FE6112;
            text-align: left;
            font-size: 14px;
          }
            div.apercu_cat span.produit-prix s{
              font-size: 10px;
            }
            div.apercu_cat span.prix-promo{
              font-size: 16px;
            }
          div.apercu_cat span.produit-infos{
            display: block;
            margin-left: 10px;
            color: white;
            text-align: left;
          }
            div.apercu_cat span.produit-infos a{
              color: white;
              text-decoration: none;
              font-size: 10px;
            }
        span.apercu_cat_lien{
          width: 100%;
          display: block;
          border-top-style: solid;
          border-top-width: 1px;
          border-top-color: #FE6112;
          font-size: 12px;
          text-align: right;
          color: white;
        }
          span.apercu_cat_lien a{
            color: white;
          }
        table.contacts{
          text-align: left;
        }
          td.emails{
            text-transform: none;
          }        
  div#contenu{
    width: 757px;
    background-color: #3A3439;
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 5px;
    color: #FFFFFF;
  }
    div#contenu a{
      color: white;
      text-decoration: none;
    }
    table{
      border-color: #939193;
      border-width: 1px;
      border-style: solid;
      border-collapse: collapse;
      margin-top: 10px;
    }
      table td,th{
        border-color: #939193;
        border-width: 1px;
        border-style: solid;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-transform: capitalize;
      }
    table.produits{
      width: 732px;
      border-color: #939193;
      border-width: 1px;
      border-style: none;
      border-collapse: collapse;
      margin: 0 auto 10px auto;
    }
      table.produits td,th{
        border: none;
        border-color: transparent #FFFFFF #939193 #FFFFFF;
        border-width: 1px;
        border-style: none solid solid solid;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: none;
        text-align: left;
      }
      table.produits th{
        border-color: transparent #939193 #939193 #939193;
        text-align: center;
        text-transform: uppercase;
        background-color: #DFDFDF;
      }
      table.produits tr.ligne1{
        background-color: #EFEFEF;
        height: 65px;
      }
      table.produits tr.ligne2{
        background-color: #FFFFFF;
        height: 65px;
      }
      table.produits tr.categorie{
        background-color: #939193;
        color: #FFFFFF;
      }
        table.produits tr.categorie a{
          color: #FFFFFF;
        }
        table.produits tr.categorie td{
          border-style: solid solid solid none;
          border-width: 1px;
          border-color: #939193;
          font-size: 14px;
        }
          table.produits tr.categorie td:first-letter{
            text-transform: uppercase;
          }
      table.produits td.action{
        text-align: center;
      }
      table.produits td.ref{
        width: 80px;
        text-align: center;
      }
      table.produits th.prix{
        border-style: none none solid solid;
        border-right-color: #FFFFFF;
      }
      table.produits th.prix a{
        color: #000000;
      }
      table.produits td.prix{
        width: 60px;
        border-style: solid none solid solid;
        text-align: center;
      }
      table.produits th.visuel{
        width: 70px;
        background-color: #DFDFDF;
        border-style: none solid solid none;
        border-color: transparent #939193 #939193 transparent;
      }
      table.produits td.visuel{
        width: 70px;
        background-color: #FFFFFF;
        border-style: none solid solid none;
        border-color: transparent #939193 #939193 transparent;
        text-align: center;
      }
    table.formulaire{
      border-style: none;
    }
      table.formulaire td{
        border-style: none;
        text-align: left;
        text-transform: none;
      }
      table.formulaire th{
        border-style: none;
        text-align: right;
        text-transform: none;
      }
    table.panier{
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      border-color: #939193;
      border-style: none;
      empty-cells: show;
      border-collapse: collapse;
    }
      table.panier tr{
        border-width: 1px;
        border-color: #939193;
        border-style: solid;
      }
      table.panier th{
        border-style: solid;
        border-width: 1px;
      }
      table.panier td{
        border-style: none;
        border-width: 0px;
      }
  div#sommaire{
    width: 722px;
    background-color: #272327;
    margin-top: 0px;
    margin-left: 15px;
  }
    div.row_form{
      clear: both;
      padding-top: 5px;
    }
      span.label{
        width: 150px;
        display: block;
        float: left;
        padding-right: 10px;
        padding-top: 3px;
        text-align: right;
      }
      span.champ{
        display: block;
        float: left;
        padding-left: 10px;
        text-align: left;
      }
    div#sommaire div.produit{
      width: 179px;
      height: 240px;
      float: left;
      padding-right: 0px;
    }
      div#sommaire div.border-left{
        border-color: #939193;
        border-width: 2px;
        border-left-style: solid;
      }
      div#sommaire div.border-top{
        border-color: #939193;
        border-width: 2px;
        border-top-style: solid;
        margin-top: -2px;
      }
      div#sommaire span.produit-image{
        display: block;
        width: 167px;
        height: 119px;
        background-image: url('img/fond-prod.jpg');
        margin-top: 10px;
        margin-left: 6px;
      }
        span.produit-image img{
          margin-top: 10px;
        }
      span.produit-nom{
        font-weight: bold;
        font-size: 14px;
        text-transform: capitalize;
      }
        span.produit-nom a{
          color: #000000;
        }
      span.produit_more{
        display: block;
        margin: 5px 0 0 5px;
        font-size: 11px;
      }
        span.produit_more a{
          color: #FE6112;
        }
      span.produit-prix{
        color: #FE6112;
        font-size: 12px;
        font-weight: bold;
      }
        span.produit-prix s{
          font-size: 10px;
        }
        span.prix-promo{
          font-size: 14px;
        }
      span.produit-ref{
        text-transform: capitalize;
      }
      span.produit-infos{
        display: block;
        margin-left: 10px;
        color: white;
        text-align: left;
      }
        produit-infos a{
          color: white;
          text-decoration: none;
          font-size: 10px;
        }
  div.navigation_page{
    padding-top: 5px;
    padding-left: 10px;
    text-align: center;
    font-size: 14px;
  }
    div.navigation_page span.titre{
      float: left;
      margin-left:2px;
      margin-right: 2px;
      padding-top: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 2px;
      background-color: #C5C5C7;
      color: #FE6112;
      text-transform: capitalize;
    }
    div.navigation_page a{
      display: block;
      float: left;
      margin-left:2px;
      margin-right: 2px;
      padding-top: 2px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 2px;
      background-color: #F5F5F7;
      color: #FE6112;
      text-transform: capitalize;
    }
  div.navigation_secondaire{
    width: 757px;
    height: 19px;
    margin: 0 auto 0 auto;
    background-color: #FE6112;
    text-align: left;
    text-transform: capitalize;
    padding: 10px 0 0 5px;
  }
    div.navigation_secondaire a{
      background-color: #FFFFFF;
      margin: 0 5px 0 0;
      color: #939193;
      text-decoration: none;
      padding: 2px 5px 2px 5px;
    }
    div.navigation_secondaire a.bold{
      background-color: #939193;
      color: #FFFFFF;
    }
    div.navigation_secondaire span.separateur{
      font-size: 16px;
      line-height: 0.1em;
    }
  div#footer{
    width: 757px;
    height: 20px;
    color: #686868;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 10px;
    text-align: center;
  }
    div#footer a{
      color: #FE6112;
      font-weight: bold;
      text-decoration: none;
    }

  /*Affichage de la fen�tre infos produits*/
  div#infos-produits{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    background-color: #272327;
    text-align: center;
    padding-left: 10px;
    color: white;
  }

  div#infos-produits span.image{
        display: block;
        text-align: center;
  }
      div#infos-produits span.image img{
        margin-top: 10px;
      }
      div#infos-produits span.nom{
        display: block;
        color: white;
        font-weight: bold;
        font-size: 14px;
        text-transform: capitalize;
      }
      div#infos-produits span.description{
        display: block;
        text-align: left;
      }
      div#infos-produits span.reference{
        display: block;
        text-align: left;
      }
      div#infos-produits span.prix{
        display: block;
        margin-left: 10px;
        color: #FE6112;
        text-align: left;
      }
      div#infos-produits span.infos{
        display: block;
        margin-left: 10px;
        color: white;
        text-align: left;
      }
        div#infos-produits span.infos a{
          color: white;
          text-decoration: none;
          font-size: 10px;
        }
  table.selection{
    margin-left: 0px;
  }
    table.selection td{
      text-transform: capitalize;
    }
  
  /*
   * Page produit
   */
  div#produit_bloc1{
    width: 270px;
    float: left;
    margin: 0 0 0 0;
  }
    div#produit_bloc1 span.produit_nom{
      display: block;
      font-size: 18px;
      text-align: right;
      padding: 0 10px 0 10px;
    }
    div#produit_bloc1 span.produit_nom:first-letter{
      text-transform: uppercase;
    }
    div#produit_bloc1 span.produit_infos{
      display: block;
      text-align: right;
      padding: 0 10px 0 0;
    }
    div#produit_bloc1 span.produit_ref{
      color: #686868;
    }
    div#produit_bloc1 span.produit_couleur{
      color: #000000;
      font-size: 12px;
      text-transform: capitalize;
    }
    div#produit_bloc1 span.produit_visuel{
      display: block;
      margin: 10px 0 0 0;
    }
      div#produit_bloc1 span.produit_visuel img:hover{
        cursor: pointer;
      }
  div#produit_bloc2{
    width: 200px;
    height: 350px;
    float: left;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #C4C4C4;
    background-image: url('img/prod_bloc2.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0 0 0 0;
    font-size: 11px;
    padding: 10px 10px 10px 10px;
  }
    div#produit_bloc2 span.produit_prix_titre{
      display: block;
      margin: 0 0 5px 0;
      color: #686868;
      font-size: 14px;
      padding: 0 0 0 0;
    }
    div#produit_bloc2 span.produit_prix{
      display: block;
      color: #FE6112;
      font-size: 14px;
      font-weight: bold;
    }
    div#produit_bloc2 span.produit_colisage{
      display: block;
      margin: 10px 0 0 0;
      text-align: left;
    }
    div#produit_bloc2 span.produit_equivalents_titre{
      display: block;
      text-align: left;
      margin: 10px 0 5px 0;
    }
    div#produit_bloc2 span.produit_equivalents img{
      border-style: solid;
      border-width: 1px;
      border-color: #C4C4C4;
    }
    div#produit_bloc2 span.produit_tailles_titre{
      display: block;
      text-align: left;
      margin: 10px 0 5px 0;
    }
    div#produit_bloc2 span.produit_ajout_panier_titre{
      display: block;
      text-align: left;
      margin: 10px 0 0px 0;
    }
    div#produit_bloc2 span.produit_ajout_panier{
      display: block;
      margin: 5px 0 0 0;
    }
      span.produit_ajout_panier span{
        display: block;
        margin: 0 0 5px 0;
        text-align: left;
      }
    div#produit_bloc2 input.produit_submit{
      border: solid;
      border-width: 1px;
      border-color: #C4C4C4;
      margin: 5px 0 0 0;
      font-size: 12px;
    }
      div#produit_bloc2 input.produit_submit:hover{
        cursor: pointer;
      }
  div#produit_bloc3{
    width: 240px;
    height: 330px;
    float: left;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
  }
    div#produit_bloc3 span.produit_description_titre{
      display: block;
      margin: 0 0 5px 0;
      color: #686868;
      font-size: 14px;
      padding: 0 0 0 0;
    }
    div#produit_bloc3 span.produit_description{
      display: block;
      text-align: left;
    }
    div#produit_bloc3 span.produit_description:first-letter{
      text-transform: uppercase;
    }
  a.continuer{
    border-style: solid;
    border-width: 1px;
    border-color: #939193;
    background-color: #C5C5C7; 
    color: #000000;
    padding-right: 2px;
  }