/*
 * Global properties
 */
a, a:link, a:hover, a:active, a:visited {
  color: #5b6b84;
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
  font-size: 100%; 
  font-weight: normal;
}

h1 {
  margin: 0 auto 6px 2px;
  font-size: 160%;
  font-weight: bold;
  color: #454545;
}

h2 {
  font-size: 93%;
  padding: 10px 16px 7px 14px;
  color: #454545;
}

h3 {
  color: #454545;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.hidden {
  display: none;
}

.show {
  display: table-row;
}

.ie .show {
  display: block;
}


/*
 * Main Container
 */
 
#container {
  width: 1238px;
  margin: 0 auto 20px auto;
}



/*
 * Header
 */
 
#header {
  width: 1238px;
  height: 374px;
}

#header img {
  display: block; /* pb with xhtml strict and space */
}

#ban {
  width: 1238px;
  height: 304px;
}

#relief {
  width: 1238px;
  height: 1px;
  background: transparent url(../img/background/relief.png) repeat-y;
}

#informations {
  width: 1238px;
  height: 69px;
  background: transparent url(../img/background/header.png) repeat-y;
  padding-top: 5px;
}

#informations a, #informations a:link, #informations a:hover, #informations a:active, #informations a:visited {
  color: white; 
}

#informations #logo {
  float: left;
  margin-left: 7px;
  _margin-left: 2px;
}

.begin-solde {
  width: 124px;
  float: left;
  font-size: 320%;
  color: #fff;
  font-weight: bold;
  padding: 4px 0;
  font-family: Georgia;
  margin-left: 6px;
  margin-right: 2px;
}


.solde {
  width: 123px;
  float: left;
  font-size: 320%;
  color: #fff;
  font-weight: bold;
  padding: 4px 0px;
  font-family: Georgia;
  margin-right: 2px;
  border: 0;
}

.end-solde {
  float: left;
  font-size: 320%;
  color: #fff;
  font-weight: bold;
  padding: 4px 0;
  font-family: Georgia;
  margin-left: 13px;
}



/*
 * Container
 */

#content {
  margin-top: 11px;
  width: 1238px;
}



/*
 * Left side
 */

#left-column {
  width: 368px;
  background: transparent url(../img/background/categorie.png) no-repeat left bottom;
  font-family: Helvetica;
  text-align: left;
}

#left-column #content-categorie {
  padding: 16px 16px;
}

#left-column #content-categorie ul {
  margin-bottom: 20px;
}

#left-column #content-categorie li {
  display: inline;
  font-size: 93%;
}

#left-column #content-categorie .see-all {
  font-size: 85%;
}



/*
 * Middle
 */

 #middle {
  width: 664px;
  padding-left: 11px; /* ! */
}


/*
 * Middle search
 */
 
 #middle #search {
  width: 622px;
  height: 38px;
  color: #555;
  background: transparent url(../img/background/search.jpg) repeat-x;
  float: left;
  padding-left: 15px;
}

#middle #search-left {
  width: 8px;
  height: 38px;
  background: transparent url(../img/background/search-left.jpg) no-repeat;
  float: left;
}


#middle #search-right {
  width: 8px;
  height: 38px;
  background: transparent url(../img/background/search-right.jpg) no-repeat;
  float: left;
}

#middle #search form {
  display: inline;
  width: 100px;
}

#middle #search form fieldset {
  display: inline; /* for ie6 */
}

#middle #text {
  line-height: 37px;
  float: left;
  font-weight: bold;
  margin: 0 4px;
}

#middle .form {
  float: left;
}

#middle .myinput {
  width: 220px;
  height: 23px;
  display: inline;
  font-size: 85%;
  color: #595959;
  float: left;
  margin: 7px 10px 0 0;
}

#middle .form input {
  width: 223px;
  height: 23px;
  background: transparent url(../img/form/input.png) 0 0 no-repeat;
  border: 0;
  padding: 3px 5px;
}

#middle .form select {
  width: 150px;
  height: 23px;
  font-size: 85%;
  color: #595959;
  margin: 8px 10px 0 0;
}

#middle #send {
  float: left;
}

#middle #search img {
  position: relative;
  top: 7px;
  cursor: pointer;
}



/*
 * Middle header offers
 */
 
 #middle #header-offers {
  background: transparent url(../img/background/header-offer.jpg) repeat-x;
  height: 38px;
  width: 633px;
  padding: 5px 10px 0 10px;
}

/* display bug correction only for firefox */
.gecko #middle #header-offers {
    width: 634px;
    position: relative;
    right: 1px;
}

#middle #header-offers select {
  margin-top: 3px;
}

#middle #header-offers span#header-offers-informations {
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
}

#middle #header-offers #form-offers {
  float: right;
  width: 130px;
  text-align: right;
}



/*
 * Middle offers
 */

#middle #offers {
  color: #fff;
  margin-top: 11px;
  text-align: left;
}

#middle #offers table {
  color: #000;
  border: solid 1px #ccc;
  border-top: none;
  width: 653px;
  text-align: center;
  
}

#middle #offers table tr {
  height: 100px;
}

#middle #offers table td {
  border: dotted 1px #ccc;
  border-top: none;
}

#middle #offers table td.first {
  width: 409px;
}

#middle #offers table td.second {
  width: 137px;
  text-align: center;
}

#middle #offers table td.third {
  width: 109px;
  text-align: center;
}

#middle #offers img.see-offer {
  cursor: pointer;
  margin: 4px;
}

#middle #offers .pictures {
  width: 100px;
  float: left;
  padding-left: 7px;
}

#middle #offers .description {
  text-align: left;
  float: left;
  width: 285px;
  font-family: Helvetica;
  padding: 5px 2px 5px 10px;
}

#middle #offers .description h3 {
  font-size: 131%;
}

#middle #offers .description p {
  font-size: 85%;
}

#middle #offers img#moresale {
  cursor: pointer;
  margin: 17px 5px 0 0;
}

#middle #offers p.reduce {
  font-size: 280%;
  font-weight: bold;
}

#middle #offers p.reduce a {
   color: orange;
}

#middle #offers p.price {
  font-weight: bold;
  font-size: 120%;
  color: #595959;
}

#middle #offers p.include {
  font-size: 80%;
  color: #595959;
}


#middle #offers .zoom {
  cursor: pointer;
}

/*
 * Right side
 */
 
#right-column {
  width: 196px;
  background: transparent url(../img/background/right-column.png) no-repeat left bottom;  
  text-align: left;
  color: #fff;
}

#right-column a, #footer a {
  color: #fff;
}

#header-right-column {
  height: 39px;
  background: transparent url(../img/background/header-right-column.jpg) repeat-x;  
  text-align: center;
  font-size: 108%;
  padding-top: 9px;
}

#content-right-column {
  font-family: Helvetica;
  font-size: 85%;
  padding-top: 5px;
}


#content-right-column li {
  background: transparent url(../img/misc/separator.jpg) no-repeat left bottom;
  padding: 10px 8px;
}

#content-right-column li img {
  margin-bottom: 5px;
}



/*
 * Footer
 */
 
#footer {
  width: 1228px;
  height: 57px;
  font-family: Helvetica;
  font-size: 93%;
  background: transparent url(../img/background/footer.png) repeat-x;
  margin-top: 11px;
  padding: 10px 5px;
  text-align: center;
}

#footer #links {
  color: #fff;
  font-weight: bold;
  height: 25px;
  background: transparent url(../img/misc/footer-separator.png) no-repeat center bottom;
}

#footer #copyright {
  margin-top: 7px;
  color: #97989a;
}