hr.spacer{
  border:0 none;
  clear:both;
  height:0;
  margin:-1.2ex 0;
  padding:0;
  visibility:hidden;
}
.floatLeft{
  float:left;
}
#all{
  height:660px;
  left:0%;
  margin:-330px auto auto auto;
  position:absolute;
  text-align:left;
  top:50%;
  width:100%;
  background-image:url(fond.gif);
  background-repeat:repeat;
}
.marge{
  float:left;
  height:652px;
  width:25%;
  background-color:transparent;
  
}
#content{
  float:left;
  height:659;
  width:1010px;
  background-color:white;
  left:50%;
  margin:0px auto auto -505px;
  position:absolute;
}
#bordDroit{
  background-color:transparent;
  background-image:url(fondOmbreDroite.gif);
  background-repeat:no-repeat;
  float:left;
  height:634px;
  width:25px;
}
#bordBas{
  background-color:transparent;
  background-image:url(fondOmbreBas.gif);
  background-repeat:no-repeat;
  float:left;
  height:15px;
  width:1010px;
  color:#ffffff;
  padding-top:10px;
  text-align:center;
}
#bordBas strong{
  font-weight:normal;
}
#page{
  float:left;
  height:634px;
  width:985px;
  background-color:white;
}
/* ------------------------------------------
/* Zone entete
/* ------------------------------------------ */
#pageEntete{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:112px;
  width:985px;
  background-color:green;
  background-image:url(none);
  background-repeat:no-repeat;
}
#enteteGauche{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:112px;
  width:355px;
  background-color:transparent;
  background-image:url(logo.gif);
  background-repeat:no-repeat;
  float:left;
  text-indent:-200em;
}
#enteteDroit{
  
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:112px;
  width:630px;
  background-color:transparent;
  background-image:url(bandeauHome.jpg);
  background-repeat:no-repeat;
  float:left;
}
/* ------------------------------------------
/* Bandeau menu entete
/* ------------------------------------------ */
#pageMenuEntete{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px; 
  width:985px;
  height:33px;
  background-color:#8F8669;
}
#pageMenuEntete ul{
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
  margin:0px 0px 0px 222px;
  padding:0px 0px 0px 0px;
}
#pageMenuEntete ul li{
  float:left;
  height:33px;
  width:180px;
  background-color:#8F8669;
  margin:0px 12px 0px 0px;
  padding:0px 0px 0px 0px;
}
#pageMenuEntete ul li h2{
  color:#ffffff;
  font-size:13pt;
  text-align:center;
  font-weight:bold;
  margin:7px 0px 0px 0px;
}
#pageMenuEntete #listMenu li.on{
  background-color:#000000;
}
#pageMenuEntete #listMenu li.off{

}
#pageMenuEntete ul li a h2{
  cursor:hand;
}
#pageMenuEntete #listMenu li a:hover h2 { color: #fff; text-decoration:none; background-color:#D93618; padding-top:7px; margin:0px; height:26px}
/* ------------------------------------------
/* Page Colone Gauche 
/* ------------------------------------------ */
#pageColonneGauche{
  float:left; 
  width:170px;
  margin:0px 0px 0px 0px;
  padding:25px 15px 0px 15px;
  background-color:transparent; 
}
#menuLateral{
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  width:155px;
}
#menuLateral ul{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
}
#menuLateral ul li{
  margin:0px 0px 0px 0px;
  padding:5px 0px 5px 0px;
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
  border-bottom:#8F8669 solid 1px;
  font-weight:bold;
  font-size:9pt;
}
#menuLateral ul li a.on{
  color:#000000; 
}
#menuLateral ul li a.off{
  
}
#menuLateral ul li a:hover { color: #D93618; text-decoration:none; }
/* ------------------------------------------
/* Page Colone Centre 
/* ------------------------------------------ */
#pageColonneCentre{
  float:left;
  width:578px;
  _width:578px;
  background-color:none;  
  margin:-14px 0px 0px 0px;
  padding:0px 0px 0px 22px;
  _padding:0px 0px 0px 22px;
}
#pageColonneCentre #imgMenu{
  margin:0px 0px 17px 0px;
  *margin:0px 0px 8px 0px;
  _margin:0px 0px 8px 0px;
  padding:0px 0px 0px 0px;
}
#pageColonneCentre #imgMenu .imgMenuItem{
  float:left;
  margin:0px 12px 0px 0px;
  _margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px; 
  background-color:transparent;
  background-repeat:no-repeat;
  width:180px;
  _width:192px;
  height:95px;
}
#plateauReunion{
  background-image:url(img_menu_plateau_reunion.jpg);
}
#livraisonRepas{
  background-image:url(img_menu_livraison_repas.jpg);
}
#evenementiel{
  background-image:url(img_menu_evenementiel.jpg);
}
/* Intro */
#introAccueil{
  width:566px;
  margin:0px 0px 0px 0px;
  height:320px;
  *height:340px;
  _height:340px;  
  overflow:hidden;
}
#introAccueil #titre{
  font-size:11pt;
  font-weight:bold;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#introAccueil #texte{
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  *padding:0px 0px 0px 0px;
  _padding:0px 0px 0px 0px;
}
#introAccueil #texte p{
  margin:0px 0px 0px 0px;
}
/* Breve */
#breveAccueil{
  margin:15px 0px 0px 0px;
  font-size:8pt;
  
}
#breveAccueil #breveSelection{
  float:left;
  width:277px;
  height:125px;
  margin:0px 12px 0px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}
#breveAccueil #breveSelection .logo{
  float:left;
  width:126px;
}
#breveAccueil #breveSelection .texte{
  float:left;
  width:151px;
  line-height:14px;
  height:125px;
  overflow:hidden;
}
#breveAccueil #breveNouveaute{
  float:left;
  width:277px;
  height:125px;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}
#breveAccueil #breveNouveaute .logo{
  float:left;
  width:126px;
}
#breveAccueil #breveNouveaute .texte{
  float:left;
  width:151px;
  line-height:14px;
}
#breveAccueil .titre {
  font-size:11pt;
  font-weight:bold;
}
#breveAccueil .texte {

}
/* Menu bas de page */
#menuBas{
  margin:0px 0px 0px 0px;
  *margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  *padding:0px 0px 0px 0px;
  _padding:10px 0px 0px 0px;
  position:relative;
}
#menuBas ul{
  list-style-image:none;
  list-style-position:none;
  list-style-type:none;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#menuBas ul li{
  float:left;
  height:19px;
  width:180px;
  background-color:transparent;
  background-image:url(fondMenuBas.png);
  background-repeat:no-repeat;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  margin:0px 12px 0px 0px;
  padding:2px 0px 0px 0px;
}
.menuBasHP{
  margin:0px 0px 0px 0px;
  margin: 10px 0px 0px 0px\9 !important;
  *margin:-50px 0px 0px 0px !important;
}
/* footer */
#menuPied{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  position:absolute;
  bottom:10px;
  width:578px;
  text-align:center;
}


#pageColonneCentre #contenu{
  margin:0px 0px 17px 0px;
  *margin:0px 0px -5px 0px;
  _margin:0px 0px 8px 0px;
  padding:0px 0px 0px 0px;
  height:385px;
  *height:375px;
  _height:375px;
  overflow:hidden;
}
#pageColonneCentre #scrollBouton{
  margin:0px 0px 5px 0px;
  *margin:0px 0px 0px 0px;
  _margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
/* ------------------------------------------
/* Page Colone Droite 
/* ------------------------------------------ */
#pageColonneDroite{
  float:left;  
  width:155px;
  _width:155px;
  background-color:transparent;
  margin:0px 0px 0px 0px;
  padding:5px 15px 0px 15px;
}
#camionette{
  height:75px;
  width:150px;
  background-color:transparent;
  background-image:url(banHomeCarVignette.png);
  background-repeat:no-repeat;  
  position:absolute;
  bottom:0px;
}
/* Formulaire Mon Compte */
.fondInputText{
  background-image:url(inputText.jpg);
  background-repeat:no-repeat;
  height:23px;
  width:142px;
}
.fondInputText input{
  border:none;
  background-color:transparent;
  margin:3px 0px 0px 9px;
  color: #8F8669;
}
#formCompte{
  padding:0px 0px 0px 4px;
  margin:0px 0px 7px 0px;
}
#formCompte form div{
  margin:0px 0px 3px 0px;
  padding:0px 0px 0px 0px;
  
}
/* ------------------------------------------
/* Style Page (style transversaux)
/* ------------------------------------------ */
.titrePage{
  
  margin:00px 0px 0px 0px;
  padding:30px 0px 0px 0px;
}
.titrePage div{
  float:left;
}
.titrePage .gauche{
  background:url(titreGauche.gif) no-repeat scroll 0 0 transparent;
  height:22px;
  width:11px;
}
.titrePage .centre{
  background:url(titreCentre.gif) repeat scroll 0 0 transparent;
  height:22px;
}
.titrePage .centre h2{
  padding:2px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color: #ffffff;
  font-size:11pt;
  font-weight:bold;   
}
.titrePage .droite{
  background:url(titreDroite.gif) no-repeat scroll 0 0 transparent;
  height:22px;
  width:11px;
}
.textePage{
  clear:both;
  margin:0px 0px 0px 0px;
  padding:20px 0px 0px 0px;
  *padding:10px 0px 0px 0px;
  _padding:10px 0px 0px 0px;
  
}
.textePage p{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.textePage .surtitre{
  margin:0px 0px 0px 0px;
  padding:0px 0px 10px 0px;
  color:#000000;
  font-size:10pt;
  font-weight:bold;
  text-transform:none;
  letter-spacing:0px;
}
.textePage .texteArticle{
  line-height:18px;
  width:565px;
}

#zoneGauche{
  float:left;
  width:190px;
  height:520;
  background-color:transparent;
}
#zoneCentre{
  float:left;
  width:615px;
  height:520;
  background-color:transparent;
}
#zoneDroite{
  float:left;
  width:180px;
  height:520px;
  background-color:transparent;
}
/*  */
.bandeauMenu{
  background-color: #A59C84;
  height:30px;
}
/* ------------------------------------------
/* Typographie pauillac (style transversaux)
/* ------------------------------------------ */
p {
  margin: 3px 0px 3px 0px;
}
.texte{
  font-size:8pt;
  font-family:arial;
}
h2.titrePage{
  background-color:#000;
  color:#FFF;
  margin:35px 0px 0px 0px;
}
h3.menuBas{
  color:#ffffff;
}
.menuprincipal ul li h2{
  font-size: 11pt;
}
.menuprincipal ul li h2 strong{
  color: #fff;
}
/* ------------------------------------------
/* Sous-navigation et autres menus droite
/* ------------------------------------------ */
/* Habillage general des menus de navigation */
.menuDroite { clear: both; margin-bottom: 20px; margin-top: 20px; margin-left:0px; margin-right:0px; text-align: left; }

/* ------------------------------------------
/* Scroller
/* ------------------------------------------ */
#scrollBouton{
  text-align:center;
}
/* ------------------------------------------
/* Formulaire
/* ------------------------------------------ */

/* Page */
#contenuPage{
  height:380px
}
/* Home */
#introHome{
  height:415px
}


/* Formulaire contact */
.labelContact{
  height:26px;
  float:left;
  width:150px;
}
.fondInputTextContact{
  background-image:url(inputText.jpg);
  background-repeat:no-repeat;
  height:23px;
  width:142px;
  float:left;
  margin-top:-3px;
}
.fondInputTextContact input{
  border:none;
  background-color:transparent;
  margin:3px 0px 0px 9px;
  color: #8F8669;
}