/******** Feuille de styles ************/

body {
  background-color: black;
  color: #FFCC00;
}
p {
  font-size: large;
  font-family: Rockwell;
}
img {
  border: none;
  margin: auto;
}

/******** Propriété générale du site ********/
.banniere, .navigation, .contenu, .separateur {
  width: 900px;
  margin: 0px auto;
/*  border: 1px white solid; /* Debug */
}

/******** Styles de la division de la bannière du site ********/
.banniere {
  background-image: url(Images/Banniere.png); 
  height: 120px; 
}
.imageLogo {
  float: left;
  height: 99px;
  width: 182px;
  margin: 10px 0px auto 100px;
}
.imageNom {
  float: left;
  height: 64px;
  width: 413px;
  margin: 28px 0px auto 100px;
}

/******** Styles de la division du menu du site ********/
.navigation {
  height: 33px; 
}
.menu {
  float: left;
  margin: 1px;
  padding: 1px;
}
.titreMenu, .contenuMenu, .lienMenu{
  color: #FFCC00;
}
.titreMenu{
  border: 2px #AAAAAA outset;
  background-color: #3F1500;
  text-align: center;
  margin: 0px;
  padding: 2px 10px;
}
.contenuMenu{
  display: none;
  position: absolute;
  border: 1px #AAAAAA outset;
  background-color: #3F1500;
  text-align: center;
  margin: 0px;
  padding: 2px 6px;
}
.menuOverflow{
  overflow: auto;
  height: 200px;
}
.itemOver{
  background-color: #993300;
}
.itemOut{
  background-color: #3F1500;
}
.lienMenu{
  text-decoration: none;
}
.crlf{
  clear: both;
}

/******** Styles de la division du séparateur ********/
.separateur {
  background-image: url(Images/SeparateurMotif1.PNG); 
  height: 20px; 
}

/******** Styles de la division du contenu du site ********/
.contenu {
  text-align: left; 
}

.pathway {
  color: #993300;
  width: 100%; 
  margin: 0px auto;
/*  border: 1px yellow solid; /* Debug */
}
.pathwayLeft {
  float: left;
/*  border: 1px teal solid; /* Debug */
}
.pathwayRight {
  float: right;
/*  border: 1px teal solid; /* Debug */
}

/******** Styles pour les différentes pages du site ********/
/******** Page Acceuil ********/
.tabSpecial {
  margin: auto;
  border-collapse: separate;
  border-spacing: 4px;
/*  border: 2px red solid; /* Debug */
}
.cellSpecial {
  width: 164Px;
  padding: 3px 2px;
  text-align: center;
  vertical-align: top;
  font-size: medium;
  font-family: Rockwell;
  border: 2px #FFCC00 solid;
}
.specialImageH {
  height: 120px;
  width: 160px;
}
.specialImageV {
  height: 160px;
  width: 120px;
}

/******** Page Contact ********/
.contactInfo {
  width: 100%;
  text-align: left;
  padding: 10px 0px;
/*  border: 1px aqua solid; /* Debug */
}
.titreInfo {
  float: left; 
  font-size: large;
  font-family: Rockwell;
  width: 15%;
/*  border: 1px fuchsia solid; /* Debug */
}
.titreSection {
  float: left; 
  font-size: large;
  font-family: Rockwell;
  width: 100%;
/*  border: 1px yellow solid; /* Debug */
}
.commentaireXLarge {
  font-size: x-large;
}
.commentaireMedium {
  font-size: medium;
}
.commentaireCentre {
  border: 2px #FFCC00 solid; 
  width: 70%; 
  text-align: center;
  margin: 15px auto;
  padding: 5px 5px;
}
.commentaireAGauche {
  border: 2px #FFCC00 solid; 
  width: 85%; 
  text-align: left;
  margin: auto;
  padding: 5px 5px;
}
.bordure {
  border: 2px #FFCC00 solid; 
  padding: 5px 5px;
}
.indentation {
  margin-left: 10%;

}

/******** Pages de produits ********/
.categorieDiv {
  float: left;
  width: 15%; 
  text-align: center; 
  margin: auto;
/*  border: 1px aqua solid; /* Debug */
}
.listDiv {
  float: left;
  width: 84%; 
  text-align: left; 
  margin: auto;
/*  border: 1px green solid; /* Debug */
}
.imageDiv {
  margin: auto;
}

.tabGeneral {
  margin: auto;
  border: 4px #993300 outset;
  border-collapse: separate;
  border-spacing: 0px;
}
.cellGeneral {
  border: 2px #993300 inset;
  padding: 3px 5px;
  text-align: center;
}

.tabCategorie {
  width: 90%;
}

.tabItem {
  width: 100%;
}
.cellItem {
  text-align: left;
}

.tabImage {
  margin: auto;
  border: none;
}
.cellImage {
  margin: auto;
  padding-top: 1px;
  padding-bottom: 1px;
}
.imageHorItem {
  height: 180px;
  width: 240px;
}
.imageVerItem {
  height: 240px;
  width: 180px;
}
.imageMini {
  height: 60px;
  width: 80px;
}
.imageMiniVer {
  height: 80px;
  width: 60px;
}
.imageMini4 {
  height: 45px;
  width: 60px;
}
.imageMini4Ver {
  height: 80px;
  width: 60px;
}
.nouveau {
  width: 100%; 
  background-color: #FFCC00;
  color: red;
  text-align: center;
  font-size: large;
}
.lienCategorie{
  text-decoration: underline;
  color: #FFCC00;
}