/*----------------------------------------------------------------------------*/
/* STRUCTURE DU SITE                                                          */
/*----------------------------------------------------------------------------*/

/* Page html */
html{
	  padding: 0px;
	  margin : 0px;
	  width:320px;
}

/* Corps de la page */
body{
	margin:0px;
	padding:0px;
	width:320px;
	background-color:#e0dcb7;

  	font-family: Verdana;
  	font-size: 11px;
  	font-weight: normal;
	border:0px;
}
form{
	margin:0px;
	padding:0px;
	}
	
a img{
	border:0px;
	margin:0px;
	padding:0px;
}

a{	border:0px;
	margin:0px;
	padding:0px;
}

h1{	font-family:Verdana, Geneva, sans-serif;
	font-size:17px;
	font-weight:bold;
	
	display:block;
	width:280px;
	padding:7px 5px 10px 35px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/puce.jpg);
	background-repeat:no-repeat;
	background-color:#afac92;
	}

h5{	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	
	display:block;
	width:290px;
	padding:0px 15px 0px 15px;
	margin:0px;
	}


/* Conteneur de l'ensemble du site */
#contener{
	margin:0px;
	padding:0px;
  	width:320px;
}

#footer{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	background-image:url(../images/br_footer.jpg);
	background-repeat:repeat-x;
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#CCC;
	text-align:justify;
	padding:0px 4px 0px 10px;
	height:30px;
}

a.footera {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	display:block;
	float:right;
	font-weight:bold;
	text-decoration:none;
}

a.footera:visited {color:#666;}
a.footera:active {color:#666;}
a.footera:hover {color:#666;}

/*----------------------------------------------------------------------------*/
/* BARRE DE NAVIGATION                                                        */
/*----------------------------------------------------------------------------*/

/* Barre de navigation en haut de page */
#navigation{
	z-index: 666; /* Permet de positionner le panneau par dessus le contenu de la page */
	width: 320px;
	height:128px;
	background-image:url(../images/pizza-premire-aix_01.jpg);
	background-color: #333333;
}

/* Bouton de demande d'affichage de la barre de navigation */
.show-navigation{
	display: none;
}

/* Bouton de demande de réduction de la barre de navigation */
.hide-navigation{
}


/*----------------------------------------------------------------------------*/
/* PANNEAU CLIENT                                                             */
/*----------------------------------------------------------------------------*/

/* Contener du panneau */
#panneau_client{
	display:block;
	width:320px;
	height:81px;
	background-color:#82806a;
}

/* Zone du panier */
#panier{
	display:block;
	width:130px;
	height:35px;
	background-image:url(../images/commande_22.jpg);
	float:left;
	
	font-family: "Verdana", Geneva, sans-serif;
	font-weight:bold;
	color:#82806a;
	font-size:15px;
	text-align:right;
	padding-right:36px;
	line-height:32px;
	cursor:default;
}

/* Montant du panier */
#total_panier{
}

/* Zone de validation */
#validation{
	clear:both;
	display:block;
	width:320px;
	height:47px;
	background-image:url(../images/commande_25.jpg);
}

/* Zone de continuation */
#BTcontinuer{
	clear:both;
	display:block;
	width:320px;
	height:47px;
	background-image:url(../images/continuer.jpg);
}

.valid_supp{
	clear:both;
	display:block;
	width:320px;
	height:47px;
	background-image:url(../images/continuer.jpg);
}
/* Tout Annuler */
#annule_commande{
	display:block;
	width:68px;
	height:35px;
	background-image:url(../images/commande_21.jpg);
	float:left;
}


/* Zone nb de produits */
#nb_pdts{
	display:block;
	width:26px;
	height:35px;
	background-image:url(../images/commande_23.jpg);
	float:left;
	
	font-family: "Verdana", Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:13px;
	text-align:right;
	padding-right:60px;
	line-height:32px;
	cursor:default;
}



/*----------------------------------------------------------------------------*/
/* ACCORDEON COMMANDE                                                         */
/*----------------------------------------------------------------------------*/
/* Accordéon de la page commande */

/* Conteneur de l'accordeon */
#accordeon_cmd{
}

/* Liens des accordéons */
#accordeon_cmd  a.accordeon_title:link{
  display: block;
  height: 28px;
  padding-bottom:3px;
  text-decoration:none;
  border:none;
}

#accordeon_cmd a.accordeon_title:visited{
  text-decoration:none;
  border:none;
}

#accordeon_cmd a.accordeon_title:hover{
  text-decoration:none;
  border:none;
}

/* Zones de contenu des accordéons */
#accordeon_cmd accordeon_content{
}

.listing{
	clear:both;
	width:320px;
	height:42px;
	background-image:url(../images/list-pdt_31.jpg); 
	}
.plusoumoins{
	float:right;
	width:78px;
	height:42px;
	background-image:url(../images/list-pdt_33.jpg);
	}

.moins{
	display:block;
	width:27px; 
	height:42px; 
	float:left;
	background-image:url(../images/list-pdt_32.jpg);
	}

.plus{
	display:block;
	width:29px; 
	height:42px; 
	float:left;	
	background-image:url(../images/list-pdt_34.jpg);
	}
/*----------------------------------------------------------------------------*/
/* RECAPITULATIF COMMANDE                                                     */
/*----------------------------------------------------------------------------*/
/* Page de récapitulatif de l'ensemble de la commande avant validation */

.ligne_commande{
	clear:both;
	width:320px;
	background-image:url(../images/list-pdt_31.jpg);
}

/* Bouton d'ajout de supplément ouvrant le panneau */
.ouvre_supplement{
	display:block;
	width:54px;
	height:42px;
	float:left;
	background-image:url(../images/supplements_bt_37.jpg);
}

.supplements_check{
	clear:both;
	background-color:#c2bfa5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	/*font-style:italic;*/
	color:#675B41;
	}


/*----------------------------------------------------------------------------*/
/* PANNEAU SUPPLEMENT                                                         */
/*----------------------------------------------------------------------------*/

#panneau_supplements{
  z-index: 999; /* Permet de positionner le panneau par dessus le contenu de la page et la barre de navigation */
  display: none; /* Masque le panneau par défaut */
  position: absolute; /* Permet de faire passer le panneau au dessus du récapitulatif */
  top: 0px; /* Positionne le panneau en haut de page */
  right: 0px; /* Détermine la position de provenance du panneau */
  width: 320px;
  height: 100%;
  background-color:#e0dcb7;
}

/* Bouton de fermeture du panneau supplément */
.ferme_supplement{
	display:block;
	width:320px;
	height:53px;
	background-image:url(../images/les-supplements_01.jpg);
}

/* Liste des suppléments (1 par catégorie de supplément) */
.liste_supplements{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color:#c0bd9e;
}

/* Supplement de la liste */
.liste_supplements li{
}

/* Supplement de la liste */
.liste_supplements li a{
  background-image:url(../images/les-supplements_list.jpg);
  background-repeat:repeat-x;
  display: block;
  width: 320px;
  height:27px;
  margin-right: 0px;
  text-decoration:none;

  font-family:Verdana, Geneva, sans-serif;
  font-size:13px;
  font-weight:bold;
  color:#615A43;
  line-height:15px;
}





/* Lien des suppléments permettant l'ajout/suppression */
.bouton_supplement{
}


/*----------------------------------------------------------------------------*/
/* ACCORDEON SUPPLEMENT                                                       */
/*----------------------------------------------------------------------------*/
/* Accordéon du panneau des suppléments */

/* Conteneur de l'accordeon */
#accordeon_supplement{
}
/* Liens des accordéons */
#accordeon_supplement  a.accordeon_title:link{
  display: block;
  text-decoration:none;
  border:none;
  clear:both;
}

#accordeon_supplement a.accordeon_title:visited{
  text-decoration:none;
  border:none;
}

#accordeon_supplement a.accordeon_title:hover{
  text-decoration:none;
  border:none;
}

/* Zones de contenu des accordéons */
#accordeon_supplement accordeon_content{
}


/*----------------------------------------------------------------------------*/
/* CONTENU                                                                    */
/*----------------------------------------------------------------------------*/

.message_erreur{
  font-weight: bold;
  color: #BF0000;
}