body {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size   : 10pt;
  margin      : 0;
  padding     : 0;
}
.home {
  background-color : black;
  text-align  : center;
}
#home{
  display     : block;
  position    : absolute;
  width       : 970px;
  height      : 261px;
  left        : 50%;
  margin-left : -485px;
  background  : url("../img/hp_2.jpg") top left no-repeat;
  margin-top  : 466px;
}
.home1{
  display     : block;
  margin      : 0px 0px 0px 220px;
  padding-top : 43px;
  font-size   : 17pt;
}
.home2{
  display     : block;
  margin      : -7px 0px 0px 465px;
  padding     : 0px;
  font-size   : 17pt;
}
.home3{
  display     : block;
  margin      : -7px 0px 0px 710px;
  padding     : 0px;
  font-size   : 17pt;
}
#conteneur {
  position    : absolute;
  width       : 970px;
  left        : 50%;
  margin-left : -485px;
  border-style: solid;
  border-width : 1px;
}
a {
  text-decoration : none;
  color       : #FFFFFF;
}
a:hover {
  text-decoration : none;
}
/* -------------------------------------------------------------------
                      header
----------------------------------------------------------------------*/
#header{
  display     : block;
  height      : 180px;
  background  : url("../img/bandeau.jpg") top left no-repeat;
  margin      : 0px;
}
#logoBatiment{
  display     : block;
  float       : left;
  text-align  : left;
}
#logoBatiment img{
  margin      : 0px;
  border      : 0px;
}


#menuGeneral{
  margin      : 0px;
  font-size   : 12pt;
  padding     : 0em;
  list-style-type : none;
  text-align  : left;
}
.rubrique1{
  display     : block;
  margin      : 0px 0px 0px 280px;
  padding-top : 57px;
}
.rubrique2{
  display     : block;
  margin      : -3px 0px 0px 465px;
}
.rubrique3{
  display     : block;
  margin      : -3px 0px 0px 645px;
}
.rubrique4{
  display     : block;
  margin      : -3px 0px 0px 830px;
}
#menuGeneral a {
  text-decoration : none;
  color       : #FFFFFF;
}
#menuGeneral a:hover {
  text-decoration : none;
}



/* -------------------------------------------------------------------
                      content
----------------------------------------------------------------------*/ 
#centre {
  margin-left     : 200px;
  margin-bottom   : 10pt;
  min-height      : 500px;
  color           : #464647;
  font-family     : Verdana, Arial, Helvetica, sans-serif;
}
#gauche {
  position        : absolute;
  left            : 0;
  width           : 200px;
}
#gauche img{
  margin          : 0px 20px 20px 20px;
}
.menugauche {
  list-style-type : none;
  margin          : 0;
  padding         : 0;
}
.menugauche li {
  padding         : 5px;
  background      : url("../img/filet_menu.jpg") right 0 no-repeat;
  font-size       : 8pt;
  font-weight     : bold;
}
.menugauche a {
  margin          : 0 2px;
  color           : #000000;
  text-decoration : none;
}
.menugauche a:hover {
  text-decoration : underline;
}
.menugauche .selection{
  background      : url("../img/filet_menu_s.jpg") right 0 repeat;
}
#shop{
  color           : #000000;
}
#shop a {
  margin          : 0 2px;
  color           : #000000;
  text-decoration : underline;
}
p {
  margin          : 0 0 10px 0;
}

a img{
  border          : 0px;
}

div .colPage {
  float           : left;
  width           : 750px;
  padding-right   : 10px;
}
div .colLarge {
  float           : left;
  width           : 485px;
  margin-right    : 25px;
}
div .colPetit{
  float           : left;
  width           : 250px;
  padding-right   : 0px;
}
h1{
  font-size       : 18pt;
  font-weight     : bold;
}
h2{
  font-size       : 10pt;
  font-weight     : bold;
  margin          : 10px 0 2px 0;
}
h3{
  font-size       : 10pt;
  font-style      : italic;
  font-weight     : normal;
}
.colLarge p{
  font-size       : 10pt;
  font-weight     : normal;
}

#form fieldset{
  padding     : 0px;
  margin      : 5px;
  border      : 0px;
}
#form label{
  display     : inline;
  float       : left;
  width       : 150px;
  font-size   : 10pt;
}
#form input{
  border-color : #808285;
  border-style : solid;
  border-width : 1px;
  padding      : 0px;
  margin       : 0px;
}
#form textarea{
  border-color : #808285;
  border-style : solid;
  border-width : 1px;
  padding      : 0px;
  margin       : 0px;
}
#form select{
  border-color : #808285;
  border-style : solid;
  border-width : 1px;

}
#form .largeur{
  width       : 300px;
}
#form .marge{
  margin       : 3px 0px 3px 0px;
}
#form .erreur {
  background-color : #FF0000;
}
#form .txt_erreur{
  color       : #FF0000;
  font-size   : 10pt;
}

/* -------------------------------------------------------------------
                      footer
----------------------------------------------------------------------*/ 
#footer {
  clear           : both;
  text-align      : right;
  color           : #808285;
  font-size       : 10px;
}
#footer a {
  text-decoration : underline;
  color           : #000000;
}
#footer a:hover {
  text-decoration : none;
}

/* -----------------------------------------------------------------------
                       Catalogue
-------------------------------------------------------------------------*/

#catalogue table{
  width : 700px;
  font-size : 12pt;
  border-collapse   : collapse;
  border            : 1px solid #666666;
  margin            : 5px;
  font-size         : 10pt;
  color             : #808285;
}
#catalogue th{
  font-weight : bold;
  text-align : left;
  background-color : #FFDD00;
}
#catalogue a{
  color : black;
  text-decoration : none;
}
#catalogue a:hover{
  color : black;
  text-decoration : underline;
}
.ligneCategorie{
  background-color : #FFDD00;
  font-weight      : bold;
  font-size        : 12pt;
  color            : #808285;
  padding          : 10px 0 10px 2px;
}
.ligneType{
  background-color : #FFEB95;
  font-weight      : bold;
  font-size        : 10pt;
  padding          : 5px 0 5px 10px;
}
.ligneProduit{
  background-color : #FFF;
  font-size        : 10pt;
  padding          : 2px 0 2px 20px;
}

/* MELODIE*/
table.tblMelodie{
  width             : 750px;
  font-size         : 9pt;
  border-collapse   : collapse;
  border            : 1px solid #666666;
  margin            : 5px;
}
table.tblMelodie caption{
  font-size         : 12pt;
  font-weight       : bold;
  margin-top        : 15px;
}
table.tblMelodie th{
  font-weight       : bold;
  text-align        : center;
  background-color  : #F6EAC2;
  width             : 150px;
  padding           : 5px;
  border-bottom     : 1px solid #666666;
}
table.tblMelodie td{
  font-size         : 8pt;
  padding           : 5px;
  border-left       : 1px solid #666666;
}

/*Boutique*/
.boiteDeco{
      display       : block;
      float         : left;
      height        : 250px;
      width         : 210px;
      text-align    : center;
      margin        : 5px 5px 5px 5px;
      padding       : 5px 5px 5px 5px;
      border        : 1px solid #666666;
      position      : relative;
      z-index       : 1;
    }
    .boiteDeco img{
      float : none;
    }
    .boiteDeco ul{
      margin   : 0;
      padding  : 1em 0 0 0;
      list-style-type : none;
    }
    .boiteDeco a:hover {
      text-decoration : none;
      color       : #FF9900;
      background  : none;
      z-index     : 1;
    }
    .boiteDeco span{
      display     : none;
      position    : relative;
    }
    .boiteDeco a:hover span{
      display     : inline;
      position    : absolute;
      z-index     : 500;
      top         : 0px;
      left        : 0px;
      background  : #FFFFFF;
      text-align  : left;
      color       : black;
      padding     : 5px;
      text-decoration : none;
      font-size   : 10px;
      width       : 210px;
      height      : 50px;
      border      : 0;
    }
    .boiteDeco h2{
      font-size   : 12px;
    }


/*#FFEEC6 */