body { height: 100%; }

body
{ width:1010px;
  margin: 0 auto; 
  margin-top: 20px;  
  margin-bottom: 20px; 
  background-position: center;
}

div#frame {
border:none;
width:1010px;
text-align:left;
}

div#haut
{ width: 1010px; 
  height: 220px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
  float:center;

}

div#gauche
{ float:left;
  width: 200px;
}

.menuVerticalGauche
{ border : none;
}

div#droite
{ float: right;
  width: 200px;
}

div#pied
{ 
  text-align: center;
  margin-top: 20px;
}
 
/* Corps principal des GRANDS rayons*/ 
div#corps
{  margin-left: 205px; 
   margin-right: 205px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
}

/*Corps des rayons à plusieurs produits*/
div#corps1
{  margin-left: 205px; 
   margin-right: 205px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
}

/* Corps des fiches d'articles*/
div#corps2
{  margin-left: 210px; 
   margin-right: 0px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
   border : 1px solid #AFACAC;

}

/*Corps des rayons à moindre de produits*/
div#corps3
{  margin-left: 205px; 
   margin-right: 205px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
   height: 1300px;
}

div#corps7
{  margin-left: 205px; 
   margin-right: 205px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
   height: 900px;
}

/*Corps du panier et des pages de recherche*/
div#corps4
{  margin-left : 100px;
   margin-right: 100px;
   margin-bottom: 20px;
   margin-top: 20px;
   float: center;
 }
 
div#corps5
{  margin-left: 210px; 
   margin-right: 0px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
   height: 500px;
}

div#corps6
{  margin-left: 20px; 
   margin-right: 20px;
   margin-bottom: 20px; 
   padding: 5px;
   float : center;
}
 
div#corps8
{  margin-left: 210px; 
   margin-right: 0px;
   margin-bottom: 100px; 
   padding: 5px;
} 
.ligneLien
{ margin-bottom:3px;
}

.recherche{
    width: 1010px;
}

/*******************************************************************
************************* Fiche Produit ****************************
*******************************************************************/
 
.imgProd
{ border: 1px #CDCBE6 solid;
  float : left;
  padding: 10px  10px 50px 10px ;
  margin-top : 10px;
  width : 450px;
}

.prix
{ padding-left: 5px;
  margin-left : 480px;
  margin-top: 50px;
}

.reference
{ margin-left: 485px;
}

.grandImg
{ float: left;
  margin-bottom : 20px;
}

.listImg 
{ float : left;
}

.iconZoom
{ float: right;
  margin-left :20px;
  margin-top : 50px;
}

.gestPanier
{ margin-top : 30px;
  margin-left: 550px;
  margin-bottom: 240px;
  height: 20px;
}

.ajoutArt
{ margin-top: 10px;
  width: 100px;
  height: 30px;
  border: none;
}

.ajoutArt:hover
{ cursor: pointer;
}

.infoProd
{ border-top: 1px dashed #CDCBE6;
  text-align:left;
  padding-left : 20px;
}  

.iconPanier
{ padding-left: 5px;
  margin-left : 600px;
  margin-top: 0px;
}

/*************************************************************************
*************************** Rayon niveau 1 *******************************
*************************************************************************/
.imgArt 
{ float: left;
  padding-right: 30px;
}


.rayonEpicerie .prixArt td, .rayonFrais .prixArt td, .rayonSurgele .prixArt td, .rayonBazars .prixArt td, .rayonCulture .prixArt td
{ height : auto;
  width : auto;
  border:none;
  padding: 0px 0px 0px 0px;
  margin: Opx Opx Opx Opx;
}

.nomArt a, .nomArt a:hover
{ font-weight: bold;
  color: #3C3E3D;
  font-size: 15px;
}

/* Rayon Epicerie */
.rayonEpicerie
{ margin-bottom: 20px;
}

.rayonEpicerie td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 285px;
  border-left : 1px solid #FED3A7;
  border-right : 1px solid #FED3A7;
  border-bottom : 1px solid #FED3A7;
}

.titreRayonEpicerie 
{ background-image: url('../images/barRayonEpicerie.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #EF8120;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonEpicerie a 
{ color : #EF8120;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonEpicerie a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/* Rayon Produits Frais */
.rayonFrais
{ margin-bottom: 20px;
}

.rayonFrais td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 295px;
  border-left : 1px solid #D2FED8;
  border-right : 1px solid #D2FED8;
  border-bottom : 1px solid #D2FED8;
}

.titreRayonFrais 
{ background-image: url('../images/barRayonFrais.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #11F80C;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonFrais a 
{ color : #11F80C;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonFrais a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/* Rayon Produits Surgelés */
.rayonSurgele
{ margin-bottom: 20px;
}

.rayonSurgele td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 295px;
  border-left : 1px solid #BEF8FE;
  border-right : 1px solid #BEF8FE;
  border-bottom : 1px solid #BEF8FE;
}

.titreRayonSurgele
{ background-image: url('../images/barRayonSurgele.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #0189BA;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonSurgele a 
{ color : #0189BA;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonSurgele a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/*Rayon Services*/

.rayonService
{ margin-bottom: 20px;
}

.rayonService td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 295px;
  border-left : 1px solid #f6bffe;
  border-right : 1px solid #f6bffe;
  border-bottom : 1px solid #f6bffe;
}

.titreRayonService
{ background-image: url('../images/barRayonService.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #da09a6;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonService a 
{ color : #da09a6;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonService a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/* Rayon Bazars */
.rayonBazars
{ margin-bottom: 20px;
}

.rayonBazars td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 295px;
  border-left : 1px solid #f9e9b6;
  border-right : 1px solid #f9e9b6;
  border-bottom : 1px solid #f9e9b6;
}

.titreRayonBazars
{ background-image: url('../images/barRayonBazars.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #E9C000;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonBazars a 
{ color : #E9C000;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonBazars a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/* Rayon Culture */
.rayonCulture
{ margin-bottom: 20px;
}

.rayonCulture td
{ padding : 10px 10px 10px 10px;
  height: 150px;
  width: 285px;
  border-left : 1px solid #BBDBFE;
  border-right : 1px solid #BBDBFE;
  border-bottom : 1px solid #BBDBFE;
}

.titreRayonCulture 
{ background-image: url('../images/barRayonCulture.png');
  background-position:center top;
  background-repeat: no-repeat;   
  color : #095DF8;
  font-size : 20px;
  font-weight:bold;
} 

.titreRayonCulture a 
{ color : #095DF8;
  font-size : 20px;
  font-weight:bold;
}

.titreRayonCulture a:hover
{ color : #ffffff;
  font-size : 20px;
  font-weight:bold;
}

/************************************************/



/**************************************************************************************
***************************************************************************************
**************************************************************************************/

a, a:hover
{ text-decoration:none;
  color: #000000;
}

img 
{ 
  border:0;
}