@import url(reset.css);
/*
 * BODY
 ***********************************************************
 ***********************************************************
 */
body {
  background:#888888;
  display:block;
  font-family:verdana,arial,serif;
  font-weight:normal;
  font-size:12px;
  font-style:normal;
  margin:10px auto 0px auto;
  padding:0px;
  position:static;
  width:990px;
}
hr {
  clear:both;
  display:block;
  margin:0px;
  padding:0px;
  position:relative;
  visibility:hidden;
}
td {
  vertical-align:top;
}
/*
 * HEADER
 ***********************************************************
 ***********************************************************
  */
div#header {
  background:#ffffff url('../images/bck_header.jpg') no-repeat top left;
  color:#ffffff;
  display:block;
  font-family:arial,serif;
  height:125px;
  margin:0px;
  overflow:hidden;
  padding:5px;
  position:static;
}
div#header a#logo{
  display:block;
  float:left;
  height:125px;
  margin:0px 75px 0px 0px;
  overflow:hidden;
  padding:0px;
  position:relative;
  width:341px;
}
div#header h1 {
  display:block;
  font-size:29px;
  font-weight:bold;
  line-height:40px;
  margin:10px 0px 0px 0px;
  overflow:hidden;
  padding:0px;
  position:relative;
}
div#header h1 a {
  color:#ffffff;
  text-decoration:none;
}
div#header p {
  display:block;
  font-size:24px;
  line-height:30px;
  margin:0px 0px 0px 0px;
  overflow:hidden;
  padding:0px;
  position:relative;
}
div#header p em {
  display:block;
  font-size:18px;
  font-weight:normal;
  font-style:normal;
  line-height:30px;
  margin:0px 0px 0px 0px;
  overflow:hidden;
  padding:0px;
  position:relative;
}
div#header p em a {
  color:#ffffff;
  text-decoration:none;
}
/*
 * MENU
 ***********************************************************
 ***********************************************************
  */
ul#menu {
  background:#ffffff;
  display:block;
  height:48px;
  margin:0px;
  padding:0px;
  position:static;
}
body.contact ul#menu {
  background:#f8c213;
}
body.recrutement ul#menu {
  background:#801582;
}
body.entreprise ul#menu {
  background:#0a50a1;
}
body.marquage ul#menu {
  background:#857866;
}
body.nouveautes ul#menu {
  background:#C81016;
}
body.catalogue ul#menu {
  background:#024d6d;
}
body.home ul#menu {
  background:#C81016;
}
ul#menu li {
  display:block;
  float:left;
  margin:0px;
  padding:0px;
  position:static;
}
ul#menu li a {
  border-right:3px solid #ffffff;
  color:#ffffff;
  display:block;
  float:left;
  font-weight:bold;
  height:28px;
  line-height:28px;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:center;
  text-decoration:none;
  width:138px;
}
/***************************************/
ul#menu li a.home {
  background:#e9b7b4;
}
ul#menu li a.home:hover {
  background:#C81016;
}
body.home ul#menu li a.home {
  background:#C81016;
}
/***************************************/
ul#menu li a.catalogue {
  background:#b3c9d3;
}
ul#menu li a.catalogue:hover {
  background:#024d6d;
}
body.catalogue ul#menu li a.catalogue {
  background:#024d6d;
}
/***************************************/
ul#menu li a.nouveautes {
  background:#e9b7b4;
}
ul#menu li a.nouveautes:hover {
  background:#C81016;
}
body.nouveautes ul#menu li a.nouveautes {
  background:#C81016;
}
/***************************************/
ul#menu li a.marquage {
  background:#c2bcb3;
}
ul#menu li a.marquage:hover {
  background:#857866;
}
body.marquage ul#menu li a.marquage {
  background:#857866;
}
/***************************************/
ul#menu li a.entreprise {
  background:#b3c9d3;
}
ul#menu li a.entreprise:hover {
  background:#0a50a1;
}
body.entreprise ul#menu li a.entreprise {
  background:#0a50a1;
}
/***************************************/
ul#menu li a.recrutement {
  background:#d9b8d9;
}
ul#menu li a.recrutement:hover {
  background:#801582;
}
body.recrutement ul#menu li a.recrutement {
  background:#801582;
}
/***************************************/
ul#menu li a.contact {
  border:none;
  background:#fae8be;
  width:144px;
}
ul#menu li a.contact:hover {
  background:#f8c213;
}
body.contact ul#menu li a.contact {
  background:#f8c213;
}
/*
 * CORPS
 ***********************************************************
 ***********************************************************
  */
div#corps {
  background:#888888;
  border:5px solid #ffffff;
  border-width:0px 5px 0px 5px;
  display:block;
  margin:0px 0px 0px 0px;
  min-height:350px;
  padding:0px;
  position:static;
}
* html div#corps {
  height:350px;
}
body.contact div#corps {
  background:#f8c213 url('../images/bck_contact.gif') repeat-y top right;
}
body.recrutement div#corps {
  background:#ffffff url('../images/bck_recrutement.gif') repeat-y top right;
}
body.entreprise div#corps {
  background:#0a50a1 url('../images/bck_entreprise.gif') repeat-y top right;
}
body.marquage div#corps {
  background:#857866 url('../images/bck_marquage.gif') repeat-y top right;
}
body.catalogue div#corps, body.nouveautes div#corps {
  background:#024D6D url('../images/bck_catalogue.gif') repeat-y top right;
}
body.home div#corps {
  background:#c81016 url('../images/bck_home.gif') repeat-y top right;
}
div#corps h1 {
  background:#888888;
  color:#ffffff;
  font-size:22px;
  display:block;
  font-weight:normal;
  height:81px;
  line-height:61px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 90px;
  position:relative;
}
body.home div#corps h2 {
  background:#ffffff url('../images/bck_titre02.jpg') no-repeat bottom left;
  color:#164E6E;
  display:block;
  font-family:verdana, arial,serif;
  font-size:12px;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:15px 0px 15px 65px;
  position:relative;
  text-transform:uppercase;
}
body.contact div#corps h1 {
  background:#ffffff url('../images/bck_contact_h1.jpg') no-repeat top left;
}
body.recrutement div#corps h1 {
  background:#ffffff url('../images/bck_recrutement_h1.jpg') no-repeat top left;
}
body.entreprise div#corps h1 {
  background:#ffffff url('../images/bck_entreprise_h1.jpg') no-repeat top left;
}
body.marquage div#corps h1 {
  background:#ffffff url('../images/bck_marquage_h1.jpg') no-repeat top left;
}
body.catalogue div#corps h1, body.nouveautes div#corps h1 {
  background:#024D6D url('../images/bck_catalogue_h1.jpg') no-repeat top left;
  display:block;
  font-weight:normal;
  height:81px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  position:relative;
  text-transform:none;
}
body.catalogue div#corps h1 img, body.nouveautes div#corps h1 img {
  display:block;
  float:left;
  margin:22px 25px 0px 16px;
  padding:0px 0px 0px 0px;
  position:relative;
}
* html body.catalogue div#corps h1 img {
  margin:22px 25px 0px 8px;
}
* html body.nouveautes div#corps h1 img {
  margin:22px 25px 0px 8px;
}
body.home div#corps h1 {
  background:#ffffff;
  color:#C81016;
  text-transform:none;
}
  /*
   *PAGE
   ***********************************************************
   ***********************************************************
    */
  div#corps div#page {
    border:none;
    display:block;
    margin:0px 0px 0px 0px;
    padding:10px 30px 10px 10px;
    position:relative;
  }
  body.catalogue div#corps div#page, body.nouveautes div#corps div#page {
    background:#ffffff;
    display:block;
    font-family:arial, serif;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
    line-height:14px;
    margin:0px;
    min-height:425px;
    overflow:hidden;
    padding:0px;
    position:relative;
    width:605px;
    z-index:0;
  }
  div#corps div#page h1 {
    display:block;
    font-family:verdana, arial,serif;
    font-weight:normal;
    height:20px;
    line-height:20px;
    margin:0px;
    padding:0px;
    position:relative;
    text-transform:none;
  }
  div#corps div#page h2 {
    color:#ffffff;
    display:block;
    font-family:verdana, arial,serif;
    font-size:20px;
    font-weight:normal;
    margin:15px 0px 15px 0px;
    padding:0px;
    position:relative;
    text-align:left;
  }
  div#corps div#page h3 {
    color:#ffffff;
    display:block;
    font-family:verdana, arial,serif;
    font-weight:normal;
    font-size:15px;
    font-weight:bold;
    margin:5px 0px 5px 0px;
    padding:0px;
    position:relative;
    text-align:left;
  }
  div#corps div#page p {
    color:#ffffff;
    display:block;
    font-family:arial,serif;
    font-size:14px;
    line-height:18px;
    margin:10px 0px 10px 0px;
    padding:0px;
    position:relative;
    text-align:justify;
  }
  div#corps div#page ul {
    display:block;
    list-style-type:square;
    margin:0px;
    padding:0px 0px 0px 20px;
    position:relative;
  }
  div#corps div#page ul li {
    color:#ffffff;
    font-size:14px;
    line-height:18px;
  }
  div#corps div#page ul li span {
    display:block;
    margin:0px;
    padding:5px 0px 10px 0px;
    position:relative;
  }
  body.marquage div#corps div#page img {
    display:block;
    margin:0px auto 0px auto;
    padding:0px;
    position:relative;
  }
  body.recrutement div#corps div#page h2, body.recrutement div#corps div#page p, body.recrutement div#corps div#page ul li {
    color:#811584;
  }
  /*
   * LEFT
   ***********************************************************
   ***********************************************************
   */
  body.catalogue div#corps div#left, body.nouveautes div#corps div#left {
    display:block;
    float:left;
    margin:0px 10px 0px 0px;
    overflow:hidden;
    padding:5px 5px 5px 10px;
    position:relative;
    width:185px;
  }
  body.catalogue div#corps div#left ul, body.nouveautes div#corps div#left ul {
    display:block;
    margin:0px;
    padding:0px;
    position:relative;
  }
  body.catalogue div#corps div#left ul li, body.nouveautes div#corps div#left ul li  {
    display:block;
    margin:0px;
    padding:0px;
    position:relative;
  }
  body.catalogue div#corps div#left ul a, body.nouveautes div#corps div#left ul a {
    color:#bcbcbc;
    display:block;
    height:26px;
    line-height:26px;
    margin:0px;
    padding:0px;
    position:relative;
    text-decoration:none;
  }
  body.catalogue div#corps div#left ul a:hover, body.nouveautes div#corps div#left ul a:hover {
    color:#ffffff;
  }
  /*
   * RIGHT1
   ***********************************************************
   ***********************************************************
   */
  body.catalogue div#corps div#right, body.nouveautes div#corps div#right {
    border:none;
    background:none;
    float:right;
    margin:0px 0px 0px 20px;
    overflow:hidden;
    padding:0px 35px 0px 0px;
    position:relative;
    width:100px;
    z-index:0;
  }
  body.catalogue div#corps div#right h1, body.nouveautes div#corps div#right h1 {
    background:none;
    display:block;
    font-size:12px;
    height:14px;
    line-height:14px;
    margin:0;
    padding:0px;
    position:relative;
  }
  body.catalogue div#corps div#right h2, body.nouveautes div#corps div#right h2 {
    background:none;
    display:block;
    font-size:12px;
    height:14px;
    line-height:14px;
    margin:0;
    padding:0px;
    position:relative;
  }
  body.catalogue div#corps div#right p, body.nouveautes div#corps div#right p {
    background:none;
    display:block;
    margin:0;
    padding:0px;
    position:relative;
  }
  body.catalogue div#corps div#right a, body.nouveautes div#corps div#right a {
    color:#ffffff;
    background:none;
    display:block;
    margin:0px auto 0px auto;
    padding:0px;
    position:relative;
    text-align:center;
    text-decoration:none;
  }
  body.catalogue div#corps div#right a span, body.nouveautes div#corps div#right a span {
    background:none;
    display:block;
    margin:0;
    padding:0px;
    position:relative;
    text-decoration:none;
  }
  /***** RIGHT2
  ***********************************************************
  ***********************************************************/
  div#right {
    background:#888888;
    border-right:5px solid #ffffff;
    display:block;
    float:right;
    margin:0px -5px 0px 0px;
    padding:0px;
    position:relative;
    width:300px;
    z-index:1;
  }
  body.contact div#right {
    background:#ee6411 url('../images/bck_contact_right.jpg') repeat-y top left;
  }
  body.recrutement div#right {
    background:#ee6411 url('../images/bck_recrutement_right.jpg') repeat-y top left;
  }
  body.entreprise div#right {
    background:#ee6411 url('../images/bck_entreprise_right.jpg') repeat-y top left;
  }
  body.marquage div#right {
    background:#ee6411 url('../images/bck_marquage_right.jpg') repeat-y top left;
  }
  body.home div#right {
    background:#ee6411 url('../images/bck_home_right.jpg') repeat-y top left;
  }
  div#right h1 {
    background:#888888;
    color:#ffffff;
    font-size:18px;
    display:block;
    height:81px;
    line-height:60px;
    margin:0px;
    padding:0px 0px 0px 90px;
    position:relative;
    text-transform:none;
  }
  body.contact div#right h1 {
    background:#ee6411 url('../images/bck_contact_righth1.jpg') no-repeat top left;
  }
  body.recrutement div#right h1 {
    background:#ee6411 url('../images/bck_recrutement_righth1.jpg') no-repeat top left;
  }
  body.entreprise div#right h1 {
    background:#ee6411 url('../images/bck_entreprise_righth1.jpg') no-repeat top left;
  }
  body.marquage div#right h1 {
    background:#ee6411 url('../images/bck_marquage_righth1.jpg') no-repeat top left;
  }
  body.home div#right h1 {
    background:#ee6411 url('../images/bck_home_righth1.jpg') no-repeat top left;
    color:#ffffff;
  }
  div#right h2 {
    color:#ffffff;
    display:block;
    font-family:arial,serif;
    font-size:15px;
    font-weight:bold;
    margin:10px 30px 10px 20px;
    padding:0px;
    position:relative;
    text-align:left;
  }
  div#right p {
    color:#ffffff;
    display:block;
    font-family:arial,serif;
    font-size:13px;
    line-height:15px;
    margin:5px 30px 5px 20px;
    padding:0px;
    position:relative;
    text-align:justify;
  }
  div#right p strong {
    font-weight:bold;
  }
  div#right div#right_end {
    background:#888888;
    display:block;
    height:30px;
    margin:0px;
    padding:0px;
    position:static;
  }
  body.catalogue div#right div#right_end, body.nouveautes div#right div#right_end {
    visibility:hidden;
  }
  body.contact div#right div#right_end {
    background:#ee6411 url('../images/bck_contact_rightend.jpg') no-repeat bottom left;
  }
  body.recrutement div#right div#right_end {
    background:#ee6411 url('../images/bck_recrutement_rightend.jpg') no-repeat bottom left;
  }
  body.entreprise div#right div#right_end {
    background:#ee6411 url('../images/bck_entreprise_rightend.jpg') no-repeat bottom left;
  }  
  body.marquage div#right div#right_end {
    background:#ee6411 url('../images/bck_marquage_rightend.jpg') no-repeat bottom left;
  }
  body.home div#right div#right_end {
    background:#ee6411 url('../images/bck_home_rightend.jpg') no-repeat bottom left;
  }
  /***** NOUVEAUTES
  ***********************************************************
  ***********************************************************/
  body.home div#corps div#nouveautes {
    background:#FA8511;
    color:#ffffff;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
  }
  body.home div#corps div#nouveautes h2{
    background:#ffffff url('../images/bck_titre01.jpg') no-repeat bottom left;
    display:block;
    margin:0px 0px 0px 0px;
    padding:15px 0px 15px 65px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts {
    background:#FA8511;
    clear:left;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts  li {
    background:#FA8511;
    display:block;
    float:left;
    margin:0px;
    padding:5px 10px 5px 10px;
    position:relative;
    width:300px;
  }
  body.home div#corps div#nouveautes ul.randomProducts li  a {
    color:#C81016;
    font-weight:bold;
    text-decoration:none;
  }
  body.home div#corps div#nouveautes ul.randomProducts li a.box_img {
    background:#ffffff url('../images/bck_nouveautes.jpg') no-repeat center center;
    display:block;
    float:left;
    height:110px;
    margin:0px 5px 0px 0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    width:110px;
    text-align:center;
  }
  body.home div#corps div#nouveautes ul.randomProducts li a img {
    display:block;
    margin:5px auto 5px auto;
    overflow:hidden;
    padding:0px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts li span.promo {
    display:none;
    visibility:hidden;
  }
  body.home div#corps div#nouveautes ul.randomProducts li h1 {
    background:none;
    display:block;
    font-size:14px;
    height:18px;
    line-height:18px;
    margin:2px 0px 5px 0px;
    overflow:hidden;
    padding:0px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts li p {
    display:block;
    font-size:12px;
    line-height:18px;
    margin:0px 0px 5px 0px;
    overflow:hidden;
    padding:0px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts li  p em {
    display:block;
    font-style:normal;
    margin:0px;
    padding:0px;
    position:relative;
  }
  body.home div#corps div#nouveautes ul.randomProducts li  p strong {
    display:block;
    font-weight:bold;
    margin:0px;
    padding:0px;
    position:relative;
  }
/***** CORPS
***********************************************************
***********************************************************/
div#corps_end {
  background:#888888;
  border:5px solid #ffffff;
  border-width:0px 5px 5px 5px;
  display:block;
  height:50px;
  margin:0px;
  padding:0px;
  position:static;
}
body.contact div#corps_end {
  background:url('../images/bck_contact_end.jpg') no-repeat top right;
}
body.recrutement div#corps_end {
  background:url('../images/bck_recrutement_end.jpg') no-repeat top right;
}
body.entreprise div#corps_end {
  background:url('../images/bck_entreprise_end.jpg') no-repeat top right;
}
body.marquage div#corps_end {
  background:url('../images/bck_marquage_end.jpg') no-repeat top right;
}
body.catalogue div#corps_end , body.nouveautes div#corps_end {
  background:url('../images/bck_catalogue_end.jpg') no-repeat top right;
}
body.home div#corps_end {
  background:url('../images/bck_home_end.jpg') no-repeat top right;
}
/***** FOOTER
***********************************************************
***********************************************************/
div#footer {
  background:#ffffff url('../images/bck_footer.jpg') no-repeat bottom left;
  clear:both;
  display:block;
  height:95px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  position:static;
}
div#footer p {
  background:#bdbcbc;
  color:#ffffff;
  display:block;
  height:24px;
  line-height:24px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  position:relative;
  text-align:center;
}
div#footer p a {
  color:#ffffff;
  text-decoration:none;
}