/* ===================================================================
 * STANDARD
 * =================================================================*/
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.clear {clear: both;}
.invisible {display: none;}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
form {margin: 0; padding: 0;}
.floatleft {float: left;}
.floatright {float: right;}

/* ===================================================================
 * COULEUR
 * =================================================================*/
.gris {
	color: #4D4D4D;
}
.noir {
	color: #000000;
}
.orange {
	color: #F3A000;
}
.rouge {
	color: #DF0431;
}
.vert {
	color: #3FA02E;
}
.bleu{
	color: #37A8DB;	
}

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
	background: url(images/fondDocument.jpg) no-repeat center top;
	min-height: 700px;
}
#documentIdentifie {
	background: url(images/fondDocument2.jpg) no-repeat center top;
	min-height: 700px;
}
#corps {
	margin: 0 auto;
	min-height: 400px;
	overflow: hidden;
	width: 980px;
}
#colonneGauche {
	clear: left;
	display: inline;
	float: left;
	margin: 5px 0 0 5px;
	width: 160px;
}
#colonneDroite {
	clear: right;
	display: inline;
	float: right;
	width: 264px;
	margin: 5px 0 0 0;
}
#contenu {
	clear: left;
	display: inline;
	float: left;
	width: 703px;
	margin: 5px 0 0 6px;
}
#contenuSansColonneDroite {
	clear: left;
	display: inline;
	float: left;
	width: 974px;
	margin: 5px 0 0 6px;
}
#contenuAvecDeuxColonnes {
	display: inline;
	float: left;
	width: 535px;
	margin: 5px 0 0 10px;
}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {
	color: #0F3F96;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	border-bottom: 1px solid #E2E2E2;
	color: #000000;
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
h2 {
	font-size: 14px;
}
.h2 {
	background: url(images/barreBleue.gif) no-repeat;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	height: 28px;
	margin-left: 5px;
	padding: 3px 0 0 7px;
	width: 672px;
}
h3 {
	color: #4B4B4B;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
h4 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
input {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	height: 13px;
	outline: none;
	padding: 3px 5px;
}
select {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	padding: 2px 2px 1px 2px;
}
select option {
	padding-right: 15px;
}
table {
	width: 100%;
}
textarea {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	padding: 3px 5px;
}

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut {
	height: 129px;
	margin: 0 auto;
	padding-top: 32px;
	width: 980px;
}
#bandeauHaut .retourAccueil {
	border: none;
	display: block;
	float: left;
	height: 127px;
	margin: 0 0 0 15px;
	padding: 0;
	width: 141px;
}

/* espace client non loggué */
#bandeauHaut .espaceClient {
	display: block;
	font-size: 11px;
	float: right;
	height: 105px;
	padding: 10px;
	width: 230px;
}
#bandeauHaut .espaceClient p {
	margin-bottom: 5px;
}
#bandeauHaut .espaceClient td {
	padding-right: 3px;
	vertical-align: middle;
}
#bandeauHaut .espaceClient .login {
	width: 82px;
}
#bandeauHaut .espaceClient .password {
	width: 89px;
}
#bandeauHaut .espaceClient .inscrire {
	color: #224E9E;
	font-size: 10px;
}
#bandeauHaut .espaceClient .oublie {
	color: #224E9E;
	font-size: 10px;
	margin-left: 7px;
}

/* espace client loggué */
#bandeauHaut .espaceClient .bonjour a {
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
}
#bandeauHaut .espaceClient table {
	border-collapse: collapse;
	width: 226px;
}
#bandeauHaut .espaceClient table td {
	vertical-align: middle;
}
#bandeauHaut .espaceClient .points {
	background: url(images/fondPointFidelite.png) no-repeat;
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	padding-top: 7px;
	text-align: center;
	width: 112px;
}
#bandeauHaut .espaceClient .bonAchat {
	background: url(images/fondBonAchat.png) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 30px;
	padding: 17px 2px 0 33px;
	text-align: center;
	width: 61px;
}
#bandeauHaut .espaceClient .bonAchatTxt {
	text-align: center;
	width: 96px;
}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#footer {
	background: url(images/fondFooter.png) no-repeat;
	color: #78B2CC;
	font-size: 11px;
	height: 330px;
	margin: 15px auto 0 auto;
	padding: 0 15px;
	width: 976px;
}
#footer h3 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
}
#footer .bloc {
	border-top: 1px solid #E2E2E2;
	padding-top: 5px;
}
#footer .blocGauche {
	background: url(images/blocGauche.png) no-repeat;
	float: left;
	height: 112px;
	margin-right: 3px;
	padding: 15px 16px 15px 11px;
	width: 199px;
}
#footer .blocMilieu {
	background: url(images/blocMilieu.png) no-repeat;
	float: left;
	height: 112px;
	margin-right: 4px;
	padding: 15px;
	width: 446px;
}
#footer .blocMilieu .gauche {
	float: left;
	width: 48%;
}
#footer .blocMilieu .droite {
	float: right;
	width: 48%;
}
#footer .blocDroite {
	background: url(images/blocDroite.png) no-repeat;
	float: left;
	height: 112px;
	padding: 15px;
	width: 237px;
}
#footer .imageCatalogue {
	background: none;
	float: right;
	padding: 0;
}

#piedDePage {
	color: #78B2CC;
	font-size: 11px;
	margin: 0 auto 50px auto;
	text-align: center;
	width: 980px;
}
#piedDePage .lien_top a {
	padding-right: 8px;
}
#piedDePage .lien_bas a {
	padding: 0 3px;
}

/* ===================================================================
 * COLONNE GAUCHE 
 * =================================================================*/
#colonneGauche {
	font-size: 13px;
	font-weight: bold;
}
#colonneGauche p {
	margin-bottom: 15px;
}

/* menu gauche */
#menuGauche {
	background: url(images/fondGris_bas.gif) no-repeat left bottom;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width: 160px;
}
#menuGauche h3 a {
	color: #4B4B4B;
}
#menuGauche #menuGaucheInner {
	background: url(images/fondGris_top.gif) no-repeat left top;
	padding: 10px 10px 0 10px;
	width: 140px;
}
#menuGauche #menuGaucheInner ul {
	list-style: none;
}

/* menu gauche niveau 2 */
#menuGauche .lienMenu {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .lienMenu:hover {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
}
#menuGauche .lienMenu a:hover {
	color: #6A6A6A;
	text-decoration: none;
}

#menuGauche .lienMenuSelected {
	background: url(images/puceFlecheGrise_bas.gif) no-repeat 0 17px;
}
#menuGauche .lienMenuSelected:hover {
	background: url(images/puceFlecheGrise_bas.gif) no-repeat 0 17px;
}
#menuGauche .lienMenuSelected a {
	color: #6A6A6A;
}

/* menu gauche niveau 3 */
#menuGauche .sousFamille {
	background: none;
	border-top: none;
	padding: 0 0 0 10px;
}
#menuGauche .sousFamille li {
	background: url(images/puceRondeBleue.gif) no-repeat 0 4px;
	border-top: none;
	padding: 0 0 10px 13px;
}
#menuGauche .sousFamille li:hover, #menuGauche .sousFamille .selected {
	background: url(images/puceRondeGrise.gif) no-repeat 0 4px;
}
#menuGauche .sousFamille a {
	font-weight: normal;
}
#menuGauche .sousFamille a:hover, #menuGauche .sousFamille .selected a {
	color: #6A6A6A;
	text-decoration: none;
}

/* menu gauche du compte client */
#menuGauche .compteClient {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .compteClient:hover {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
}
#menuGauche .compteClientSelected {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .compteClient a:hover, #menuGauche .compteClientSelected a {
	color: #6A6A6A;
	text-decoration: none;
}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite {
	font-size: 11px;
}

#colonneDroite h4 {
	margin-bottom: 0;
}

/* titre sur fond de couleur */
#colonneDroite .cadreTitreBleu {
	background: url(images/cadreTitreBleu.gif) no-repeat;
	clear: left;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}
#colonneDroite .cadreTitreOrange {
	background: url(images/cadreTitreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}
#colonneDroite .cadreTitreVert {
	background: url(images/cadreTitreVert.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}

/* colonne droite - mon compte */
#colDroite_MonCompte p {
	margin: 0 0 5px 10px; 
}
#colDroite_MonCompte .btnBleuFleche {
	float: left;
	margin-left: 40px; 
}

/* colonne droite - ma livraison */
#colDroite_MaLivraison p {
	margin-bottom: 5px;
	padding-top: 5px;
}
#colDroite_MaLivraison table {
	margin-bottom: 5px;
	width: auto;
}
#colDroite_MaLivraison table td {
	padding-right: 3px;
	vertical-align: middle;
}
#colDroite_MaLivraison  .carteFrance {
	background: url(images/carteFrance.gif) no-repeat right top;
	padding-left: 10px;
	height: 80px;
}
#colDroite_MaLivraison  .commune {
	color: #0F3F96;
	font-size: 13px;
	padding-bottom:20px;
}
#colDroite_MaLivraison  .vert {
	color: #518A00;
}

/* colonne droite - ma commande rapide */
#colDroite_MaCommandeRapide p {
	margin-bottom: 5px; 
}
#colDroite_MaCommandeRapide .maCommandeRapide table {
	border-top: 1px dashed #37A8DB;
}
#colDroite_MaCommandeRapide .maCommandeRapide table td {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}
#colDroite_MaCommandeRapide .maCommandeRapide .catalogue {
	background: url(images/catalogue_petit.gif) no-repeat right top;
	padding-left: 10px;
}
/*#colDroite_MaCommandeRapide .maCommandeRapide .catalogue {
	float: right;
	margin: 10px 15px 0 0;
}*/

/* colonne droite - ma newsletter */
#colDroite_MaNewsletter p {
	margin: 0 0 5px 10px; 
}
#colDroite_MaNewsletter table {
	margin-left: 12px;
	width: auto;
}
#colDroite_MaNewsletter table td {
	padding-right: 3px;
	vertical-align: middle;
}

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu h3, #contenuAvecDeuxColonnes h3 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
}
.WIDTH_50L {
	clear: left;
	float: left;
	margin-bottom: 20px;
	width: 48%;
}
.WIDTH_50R {
	clear: right;
	float: right;
	margin-bottom: 20px;
	width: 48%;
}

/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {
	color: #4B4B4B;
	margin-bottom: 5px;
}
.blocNavigation a {
	color: #4B4B4B;
}
.blocNavigation td {
	width: 33%;
}

/* ===================================================================
 * BLOC DE PAGINATION
 * =================================================================*/
.blocPagination {
	color: #4B4B4B;
}
.blocPagination td {
	padding: 0 3px;
}
.blocPagination select {
	color: #4B4B4B;
	padding: 3px;
}
.blocPagination select option {
	padding-right: 15px;
}
.blocPagination .select {
	background: url(images/fondSelect.png) no-repeat;
	height: 23px;
	padding-top: 7px;
	text-align: center;
	width: 61px;
}
.blocPagination .select img {
	padding: 0 2px;
}

/* ===================================================================
 * BARRE TITRE
 * =================================================================*/
#contenu .barreBleue {
	background: url(images/barreBleue_G.gif) no-repeat left top;
	border: none;
	height: 30px;
	margin: 0;
	padding-left: 5px;
	text-transform: none;
}
#contenu .barreBleue span {
	background: url(images/barreBleue_D.gif) no-repeat right top;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 14px;
	height: 24px;
	padding: 7px 5px 0 0;
}

/* ===================================================================
 * BOUTON
 * =================================================================*/

/* bouton par défaut */
a.bouton {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Berthold Akziden Grotesk, Arial;
	font-size: 10px;
	font-weight: bold;
	height: 13px;
	outline: none;
	padding: 6px 0 6px 8px;
	text-transform: uppercase;
}
a.bouton:hover {
	text-decoration: none;
}
input.bouton {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Berthold Akziden Grotesk, Arial;
	font-size: 10px;
	font-weight: bold;
	height: 24px;
	outline: none;
	padding: 0 0 2px 8px;
	text-transform: uppercase;
}

/* bouton bleu */
.btnBleu {
	background: url(images/btnBleu_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnBleuFleche {
	background: url(images/btnBleuFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnBleu .bouton, .btnBleuFleche .bouton {
	background: url(images/btnBleu_G.png) no-repeat left top;
}
.btnBleuFleche .bouton {
	padding-right: 6px;
}

/* bouton gris */
.btnGris {
	background: url(images/btnGris_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnGrisFleche {
	background: url(images/btnGrisFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnGris .bouton, .btnGrisFleche .bouton {
	background: url(images/btnGris_G.png) no-repeat left top;
	color: #0F3F96;
}
.btnGrisFleche .bouton {
	padding-right: 6px;
}

/* bouton orange */
.btnOrange {
	background: url(images/btnOrange_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnOrangeFleche {
	background: url(images/btnOrangeFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnOrange .bouton, .btnOrangeFleche .bouton {
	background: url(images/btnOrange_G.png) no-repeat left top;
}
.btnOrangeFleche .bouton {
	padding-right: 6px;
}

/* bouton violet */
.btnViolet {
	background: url(images/btnViolet_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	margin-left: 5px;
	padding: 0 8px 0 0;
}
.btnVioletFleche {
	background: url(images/btnVioletFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	margin-left: 5px;
	padding: 0 23px 0 0;
}
.btnViolet .bouton, .btnVioletFleche .bouton {
	background: url(images/btnViolet_G.png) no-repeat left top;
}
.btnVioletFleche .bouton {
	padding-right: 6px;
}

/* boutons particuliers */
input.btnMesAvantages {
	background: url(images/btnMesAvantages.png) no-repeat;
	height: 42px;
	padding-top: 15px; 
	width: 231px;
}
input.btnOKVert {
	background: url(images/btnOKVert.gif) no-repeat;
	height: 19px;
	padding: 0 0 3px 0;
	width: 28px;
}
.btnCommander {
	border: none;
	float: right;
	height: 25px;
	padding: 0;
}
.btnVoirLePanier {
	border: none;
	float: left;
	height: 25px;
	padding: 0;
}

/* ===================================================================
 * CADRE
 * =================================================================*/
.cadreVert_NO {
	background: url(images/cadreVert_NO.png) no-repeat left top;
	padding: 7px 0 0 7px;
}
.cadreVert_NE {
	background: url(images/cadreVert_NE.png) no-repeat right top;
	padding: 0 7px 0 0;
}
.cadreVert_SO {
	background: url(images/cadreVert_SO.png) no-repeat left bottom;
	padding: 0 0 0 7px;
	margin-bottom: 10px;
}
.cadreVert_SE {
	background: url(images/cadreVert_SE.png) no-repeat right bottom;
	padding: 13px 7px 0 0;
}
.ombre {
	background: url(images/ombre.jpg) repeat-x left bottom;
	overflow: hidden;
	padding-bottom: 5px;
	zoom: 1;
}

/* ===================================================================
 * FIL D'ARIANE
 * =================================================================*/
#ariane {
	background: url(images/fondAriane.gif) repeat-x;
	color: #7D7D7D;
	font-size: 11px;
	height: 19px;
	margin-top: 7px;
	padding: 7px 0 0 9px;
	width: 700px;
}

/* ===================================================================
 * FORMULAIRE
 * =================================================================*/
.checkbox, .radio, .submit {
	border: none;
}

 /* ===================================================================
 * LISTE
 * =================================================================*/

/* ===================================================================
 * LIGHTBOX
 * =================================================================*/
#cover {
	display: block;
	z-index: 1;
	filter: alpha(Opacity = 55);
	opacity: .55;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #555;
	cursor: wait;
}
#ownFrame iframe{
	padding: 0;
	margin: 0;
	width: 100%;
}
#documentPopup {
	overflow: hidden;
	margin: 0;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF ;
}

/* ===================================================================
 * MENU
 * =================================================================*/
#menu {
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
	width: 980px;
}
#menu table td {
	padding: 0 1px;
}
#menu table td a {
	display: block;
	color: #FFFFFF;
	height: 40px;
	padding-top: 6px;
}
#menu table td a:hover {
	color: #000000;
	text-decoration: none;
}
#menu ul, #menu ol {
	list-style: none;
}

/* menu gauche */
#menu .menuGauche {
	border-collapse: collapse;
	float: left;
	height: 46px;
	margin: 18px 0 0 2px;
	text-align: center;
	vertical-align: middle;
	width: 716px;
}
#menu .menuGauche .decouvrir a {
	background: url(images/menuDecouvrir.jpg) no-repeat;
	width: 80px;
}
#menu .menuGauche .decouvrir a:hover {
	background: url(images/menuDecouvrir_hover.jpg) no-repeat;
}
#menu .menuGauche .mer a {
	background: url(images/menuMer.jpg) no-repeat;
	width: 77px;
}
#menu .menuGauche .mer a:hover {
	background: url(images/menuMer_hover.jpg) no-repeat;
}
#menu .menuGauche .viande a {
	background: url(images/menuViande.jpg) no-repeat;
	width: 69px;
}
#menu .menuGauche .viande a:hover {
	background: url(images/menuViande_hover.jpg) no-repeat;
}
#menu .menuGauche .legume a {
	background: url(images/menuLegume.jpg) no-repeat;
	width: 75px;
}
#menu .menuGauche .legume a:hover {
	background: url(images/menuLegume_hover.jpg) no-repeat;
}
#menu .menuGauche .aperitif a {
	background: url(images/menuAperitif.jpg) no-repeat;
	width: 74px;
}
#menu .menuGauche .aperitif a:hover {
	background: url(images/menuAperitif_hover.jpg) no-repeat;
}
#menu .menuGauche .entree a {
	background: url(images/menuEntree.jpg) no-repeat;
	width: 105px;
}
#menu .menuGauche .entree a:hover {
	background: url(images/menuEntree_hover.jpg) no-repeat;
}
#menu .menuGauche .boulangerie a {
	background: url(images/menuBoulangerie.jpg) no-repeat;
	width: 126px;
}
#menu .menuGauche .boulangerie a:hover {
	background: url(images/menuBoulangerie_hover.jpg) no-repeat;
}
#menu .menuGauche .epicerie a {
	background: url(images/menuEpicerie.jpg) no-repeat;
	width: 94px;
}
#menu .menuGauche .epicerie a:hover {
	background: url(images/menuEpicerie_hover.jpg) no-repeat;
}

/* menu de droite */
#menu .menuDroite {
	border-collapse: collapse;
	float: right;
	height: 61px;
	margin: 3px 2px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}
#menu .menuDroite a {
	height: 31px;
	padding-top: 30px;
}
#menu .menuDroite .bio a {
	background: url(images/menuBio.jpg) no-repeat;
	width: 39px;
}
#menu .menuDroite .bio a:hover {
	background: url(images/menuBio_hover.jpg) no-repeat;
}
#menu .menuDroite .regime a {
	background: url(images/menuRegime.jpg) no-repeat;
	height: 40px;
	padding-top: 21px;
	width: 97px;
}
#menu .menuDroite .regime a:hover {
	background: url(images/menuRegime_hover.jpg) no-repeat;
}
#menu .menuDroite .cacher a {
	background: url(images/menuCacher.jpg) no-repeat;
	width: 62px;
}
#menu .menuDroite .cacher a:hover {
	background: url(images/menuCacher_hover.jpg) no-repeat;
}
#menu .menuDroite .halal a {
	background: url(images/menuHalal.jpg) no-repeat;
	width: 54px;
}
#menu .menuDroite .halal a:hover {
	background: url(images/menuHalal_hover.jpg) no-repeat;
}

/* ===================================================================
 * MENU NIVEAU 2
 * =================================================================*/

/* menu gauche */
#menu .menuGauche td ul {
	background: #FFFFFF;
	position: absolute;
	text-align: left;
	z-index: 10;
}
#menu .menuGauche td ul li {
	padding: 3px 10px;
}
#menu .menuGauche td ul li a {
	color: #224E9E;
	display: inline;
	font-weight: normal;
	height: auto;
	padding: 0 0 0 7px;
}
#menu .menuGauche td ul li a:hover {
	color: #224E9E;
}
#menu .menuGauche td ul li ol {
	background: #FFFFFF;
	position: absolute;
}
#menu .menuGauche td ul li ol li {
	width: 200px;
}
#menu .menuGauche .decouvrir ul {
	border-bottom: 1px solid #DF0431;
}
#menu .menuGauche .decouvrir ul li:hover {
	background: #FCE7EB;
}
#menu .menuGauche .decouvrir ul a, #menu .menuGauche .decouvrir ul a:hover {
	background: url(images/puceRouge.gif) no-repeat 0 4px;
}
#menu .menuGauche .mer ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .mer li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .mer ul a, #menu .menuGauche .mer ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .viande ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .viande li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .viande ul a, #menu .menuGauche .viande ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .legume ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .legume li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .legume ul a, #menu .menuGauche .legume ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .aperitif ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .aperitif li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .aperitif ul a, #menu .menuGauche .aperitif ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .entree ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .entree li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .entree ul a, #menu .menuGauche .entree ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .boulangerie ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .boulangerie li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .boulangerie ul a, #menu .menuGauche .boulangerie ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}
#menu .menuGauche .epicerie ul {
	border-bottom: 1px solid #228FDC;
}
#menu .menuGauche .epicerie li:hover {
	background: #C1E6FB;
}
#menu .menuGauche .epicerie ul a, #menu .menuGauche .epicerie ul a:hover {
	background: url(images/puceBleueClaire.gif) no-repeat 0 4px;
}

/* menu droite */
#menu .menuDroite td ul {
	background: #FFFFFF;
	position: absolute;
	text-align: left;
}
#menu .menuDroite td ul li {
	padding: 3px 10px;
}
#menu .menuDroite td ul li a {
	color: #224E9E;
	display: inline;
	font-weight: normal;
	height: auto;
	padding: 0 0 0 7px;
}
#menu .menuDroite td ul li a:hover {
	color: #224E9E;
}
#menu .menuDroite .bio ul {
	border-bottom: 1px solid #5AA610;
}
#menu .menuDroite .bio li:hover {
	background: #DEEDCF;
}
#menu .menuDroite .bio ul a, #menu .menuDroite .bio ul a:hover {
	background: url(images/puceVerteFonce.gif) no-repeat 0 4px;
}
#menu .menuDroite .regime ul {
	border-bottom: 1px solid #FD74B5;
}
#menu .menuDroite .regime li:hover {
	background: #FBD5E8;
}
#menu .menuDroite .regime ul a, #menu .menuDroite .regime ul a:hover {
	background: url(images/puceRose.gif) no-repeat 0 4px;
	height: auto;
	padding: 0 0 0 7px;
}
#menu .menuDroite .cacher ul {
	border-bottom: 1px solid #4A72CC;
}
#menu .menuDroite .cacher li:hover {
	background: #D5DBE9;
}
#menu .menuDroite .cacher ul a, #menu .menuDroite .cacher ul a:hover {
	background: url(images/puceBleueFonce.gif) no-repeat 0 4px;
}
#menu .menuDroite .halal ul {
	border-bottom: 1px solid #6AAF2B;
}
#menu .menuDroite .halal li:hover {
	background: #D2EAD6;
}
#menu .menuDroite .halal ul a, #menu .menuDroite .halal ul a:hover {
	background: url(images/puceVerteClaire.gif) no-repeat 0 4px;
}

/* ===================================================================
 * MENU - SOUS MENU
 * =================================================================*/
#sousMenu {
	background: url(images/sousMenu.jpg) no-repeat left bottom;
	clear: both;
	color: #518A00;
	font-family: Arial;
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 2px 0 2px;
	width: 976px;
}

#sousMenu a {
	color: #518A00;
}
#sousMenu a:hover {
	text-decoration: none;
}
#sousMenu table {
	border-collapse: collapse;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	width: auto;
}
#sousMenu table td {
	background: url(images/sousMenuSeparateur.jpg) no-repeat right top;
	padding: 0 10px;
}
#sousMenu .promotion {
	padding: 0;
	width: 83px;
}
#sousMenu .recette {
	padding: 0;
	width: 70px;
}
#sousMenu .boutique {
	padding: 0;
	width: 129px;
}
#sousMenu .btnPromotions {
	background: url(images/sousMenuPromotion.gif) no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 4px 2px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 79px;
}
#sousMenu .btnPromotions:hover {
	background: url(images/sousMenuPromotion_hover.gif) no-repeat;
	color: #000000;
}
#sousMenu .btnRecettes {
	background: url(images/sousMenuRecette.gif) no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 4px 2px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 66px;
}
#sousMenu .btnRecettes:hover, #sousMenu .btnRecettesSelected {
	background: url(images/sousMenuRecette_hover.gif) no-repeat;
	color: #000000;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 4px 2px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 66px;
}
#sousMenu .btnBoutiques {
	background: url(images/sousMenuBoutique.gif) no-repeat;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 4px 2px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 125px;
}
#sousMenu .btnBoutiques:hover {
	background: url(images/sousMenuBoutique_hover.gif) no-repeat;
	color: #000000;
}
#sousMenu .first {
	background: none;
}
#sousMenu .last {
	background: none;
}

#sousMenu #rechercheHaut {
	background: url(images/fondRecherche.gif) no-repeat;
	color: #229631;
	float: right;
	height: 25px;
	margin-top: 4px; 
	width: 252px;
}
#sousMenu #rechercheHaut form {
	float: left;
	height: 25px;
	width: 193px;
}
#sousMenu #rechercheHaut #searchString {
	background: none;
	border: none;
	color: #1C9433;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 2px 5px;
	width: 125px;
}
#sousMenu #rechercheHaut #searchStringOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 21px;
	padding: 0;
}
#sousMenu #rechercheHaut #rechercheAvancee {
	font-size: 10px;
	text-align: center;
}
#sousMenu #rechercheHaut #rechercheAvancee a:hover {
	font-weight: bold;
}

/* ===================================================================
 * PANIER
 * =================================================================*/
#panierXML p {
	margin: 0 7px;
}
#panierXML .ancienneCommande {
	margin-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}
#panierXML .ancienneCommande .btnGrisFleche .bouton {
	width: 213px;
}

#panier {
	font-size: 11px;
	margin: 0 0 10px 0;
	width: 100%;
}
#panier a {
	color: #000000;
}
#panier td {
	border-bottom: 1px dashed #E2E2E2;
	padding: 2px 0;
	vertical-align: top;
}
#panier .libelle a {
	font-weight: bold;
}
#panier .prix {
	text-align: right;
	width: 50px;
}
#panier .supprimer {
	width: 12px;
}

#totalPanier {
	float: right;
	margin-right: 15px;
}

/* ===================================================================
 * PICTO CONTROLE
 * =================================================================*/
.pictoControle {
	float: left;
	height: 16px;
	padding: 1px 0 0 2px;
	width: 16px;
}

/* ===================================================================
 * PLAN DU SITE
 * =================================================================*/
.plan1 {
	color: #08A5DB;
	font-size: 16px;
	font-weight: bold;
}
.plan2 {
	font-size: 14px;
	font-weight: bold;
}
.plan3 {
}

/* ===================================================================
 * PUCE
 * =================================================================*/
.puceFlecheBlanche {
	background: url(images/puceFlecheBlanche.gif) no-repeat 0 4px;
	color: #FFFFFF;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheBleue, .bloc a {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheGrise {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}

/* ===================================================================
 * TEMPLATES
 * =================================================================*/

/* ===================================================================
 * ACTUALITE
 * =================================================================*/
#actualite {
	color: #FFFFFF;
}

#actualite h1 {
	background: url(images/barreRouge.gif) repeat-x;
	color: #FFFFFF;
	height: 27px;
	padding: 3px 0 0 13px;
	margin: 0 0 10px 0;
}

/* zone "Evénement saisonnier" */
#actualite .saisonnier {
	margin-bottom: 10px;
}

/* zone "Nouveautés" */
#actualite .nouveautes {
	margin-bottom: 10px;
}

/* zone "Fil rouge" */
#actualite .filRouge {
	margin-bottom: 10px;
}

/* ===================================================================
 * AUTHENTIFICATION
 * =================================================================*/
#authentification h4 {
	margin: 0;
}
#authentification p {
	margin-bottom: 10px;
}
#authentification table {
	border-collapse: collapse;
}
#authentification table td {
	vertical-align: top;
}
#authentification table table td {
	padding-bottom: 10px;
	vertical-align: middle;
}

#authentification .centrerBouton {
	margin: 0 auto 5px auto;
	overflow: hidden;
	width: 85px;
	zoom: 1;
}

/* authentification - je ne sais pas si je suis client ou si j ai un compte */
#authentification .clientExiste {
	float: left;
	width: 740px;
}
#authentification .clientExiste .ombre {
	min-height: 200px;
}
#authentification .clientExiste .commander {
	padding: 10px 0 0 0;
	text-align: center;
}
/* authentification - je suis client mais je n'ai pas de compte Internet */
#authentification .dejaClientToupargel {
	float: left;
	width: 740px;
}
#authentification .dejaClientToupargel .alignleft .btnBleuFleche{
	float: left;
}
#authentification .dejaClientToupargel .ombre {
	min-height: 200px;
}
#authentification .dejaClientToupargel #code_client_email {
	float: left;
}
#authentification .dejaClientToupargel #telephone {
	float: left;
}
#authentification .dejaClientToupargel .accederCompte td{
	padding: 3px;
}

/* authentification - je suis client et j'ai déjà  un compte Internet */
#authentification .dejaClientInternet {
	float: right;
	width: 220px;
}
#authentification .dejaClientInternet .ombre {
	min-height: 200px;
}
#authentification .dejaClientInternet #CLI_FACEMAIL_LOG_BIS {
	float: left;
	width: 100px;
}
#authentification .dejaClientInternet #CLI_PASSWORD_LOG_BIS {
	float: left;
	width: 100px;
}
#authentification .dejaClientInternet .btnBleu {
	float: left;
}
#authentification .dejaClientInternet .motDePasse a {
	text-decoration: underline;
}
#authentification .dejaClientInternet .motDePasse a:hover {
	text-decoration: none;
}

/* authentification - appelez nous */
#authentification .appelezNous {
	clear: both;
}
#authentification .appelezNous .appel {
	text-align: center;
	vertical-align: bottom;
}
#authentification .appelezNous .rouge {
	color: #DF0431;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
#authentification .ouvrirCompte #CLI_FACEMAIL_LOG_BIS {
	width: 60%;
}
#authentification .ouvrirCompte #CLI_PASSWORD_LOG_BIS {
	width: 60%;
}

/* ===================================================================
 * BOUTIQUE CADEAU
 * =================================================================*/
#boutiqueCadeau h1 {
	color: #000000;
}
#boutiqueCadeau h3 {
	border: none;
}
#boutiqueCadeau h4 {
	margin: 20px 0;
}

/* ===================================================================
 * CLIENT PRIVILEGE
 * =================================================================*/

/* gestion du compte client - page accueil */
#clientPrivilege .accueil .maFidelite {
	clear: both;
	margin-bottom: 20px;
}
#clientPrivilege .accueil .mesCoordonnees h3 {
	padding-bottom: 0;
}
#clientPrivilege .accueil .mesCoordonnees p {
	padding-bottom: 5px;
}

/* gestion du compte client - page accueil - points fidélités */
#clientPrivilege .maFidelite .titreBleu {
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}
#clientPrivilege_ProduitCadeau td {
	vertical-align: top;
	width: 25%;
}
#clientPrivilege_ProduitCadeau .pointFidelite {
	text-align: right;
}
#clientPrivilege_ProduitCadeau .produitCadeau {
	text-align: center;
	vertical-align: bottom;
}
#clientPrivilege_ProduitCadeau .produitCadeau a:hover,
#clientPrivilege_ProduitCadeau .produitCadeau .selected a {
	font-weight: bold;
	text-decoration: none;
}
#clientPrivilege_ProduitCadeau .produitCadeau a img {
	border: 1px solid #E3E3E3;
	height: 75px;
	padding: 0;
	margin: 5px;
	width: 90px;
}
#clientPrivilege_ProduitCadeau .produitCadeau a:hover img,
#clientPrivilege_ProduitCadeau .produitCadeau .selected img  {
	border: 1px solid #3290D0;
	padding: 5px;
	margin: 0;
}
#clientPrivilege_ProduitCadeau .produitCadeau .points {
	color: #3290D0;
	font-weight: bold;
	text-align: center;
}
#clientPrivilege_ProduitCadeau .produitCadeau .cadeau {
	height: 15px;
	padding: 10px 0;
}
#clientPrivilege_ProduitCadeau .produitCadeau .selected .cadeau {
	background: url(images/puceFlecheRouge_top.gif) no-repeat center top;
	color: #DF0431;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
#clientPrivilege_ProduitCadeau .gris {
	padding-bottom: 15px;
	text-align: left;
}

/* gestion du compte client - page accueil - boutique cadeau */
#clientPrivilege_BoutiqueCadeau {
	margin-top: 15px;
}
#clientPrivilege_BoutiqueCadeau td {
	text-align: center;
	vertical-align: middle;
}
#clientPrivilege_BoutiqueCadeau .btnOrangeFleche, #clientPrivilege_BoutiqueCadeau .btnVioletFleche {
	float: left;
	margin: 15px 30px;
}

/* gestion du compte client - page accueil - bon d'achat */
#clientPrivilege_BonAchat {
	margin-top: 15px;
	width: auto;
}
#clientPrivilege #clientPrivilege_BonAchat .titreBleu {
	padding-bottom: 0;
}

/* gestion du compte client - page mes commandes */
#clientPrivilege .mesCommandes table {
	background: url(images/fondTableau.png) no-repeat;
	margin-bottom: 15px;
	width: 535px;
	border-spacing: 0;
}

#clientPrivilege .commandesPopup table tr.titre {
	background: url(images/fondTableau.png) no-repeat;
	margin-bottom: 15px;
	width: 535px;
	height: 31px;
}

#clientPrivilege .commandesPopup .titre td {
	padding-left: 10px;	
}
#clientPrivilege .mesCommandes table td {
	padding: 2px 5px;
}

#clientPrivilege .commandesPopup td {
	padding-right: 80px;
}
#clientPrivilege .mesCommandes table th {
	background: url(images/rappelPanier_separateur.png) no-repeat right top;
	height: 31px;
}
#clientPrivilege .mesCommandes table th.last {
	background: none;
}

#clientPrivilege .mesCommandesActions {
	padding-left: 110px;	
}

/* gestion du compte client - page mes coordonnées */
#clientPrivilege_MesCoordonnees td {
	vertical-align: top;
}
#clientPrivilege_MesCoordonnees th {
	font-weight: normal;
	height: 20px;
	text-align: left;
	vertical-align: top;
	width: 40%;
}

#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACPRENOM,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACNOM,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_DATENAISSANCE,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACTELEPHONE,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACTELEPHONE2 {
	float: left;
}

#clientPrivilege_MesCoordonnees .monPassword #CLI_FACEMAIL,
#clientPrivilege_MesCoordonnees .monPassword #CLI_FACEMAIL_VALID,
#clientPrivilege_MesCoordonnees .monPassword #CLI_PASSWORD,
#clientPrivilege_MesCoordonnees .monPassword #CLI_PASSWORD_VALID {
	float: left;
}

#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACNUMVOIE,
#clientPrivilege_MesCoordonnees .maFacturation #VOI_CODE,
#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACNOMVOIE,
#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACCODEPOSTAL,
#clientPrivilege_MesCoordonnees .maFacturation #ID_COMMUNE {
	float: left;
}
#clientPrivilege_MesCoordonnees .maFacturation #VOI_CODE,
#clientPrivilege_MesCoordonnees .maFacturation #ID_COMMUNE {
	width: 187px;
}

#clientPrivilege_MesCoordonnees .separateur {
	border-top: 1px solid #E2E2E2;
}

/* création du compte client */
#clientPrivilege #creationCompte h3 {
	margin-top: 10px;
}
#clientPrivilege #creationCompte p {
	margin-bottom: 5px;
}
#clientPrivilege #creationCompte select {
	color: #000000;
}
#clientPrivilege #creationCompte td {
	vertical-align: middle;
}
#clientPrivilege #creationCompte textarea {
	color: #000000;
	font-size: 12px;
}

/* création de compte client - identité */
#clientPrivilege_CreationCompte_Identite input {
	float: left;
	width: 125px;
}
#clientPrivilege_CreationCompte_Identite .radio {
	float: none;
	width: auto;
}
#clientPrivilege_CreationCompte_Identite .codeClient {
	width: 150px;
}

/* création de compte client - adresse email et mot de passe */
#clientPrivilege_CreationCompte_Login input {
	float: left;
	width: 125px;
}

/* création de compte client - adresse de livraison */
#clientPrivilege_CreationCompte_Livraison input, #clientPrivilege_CreationCompte_Livraison select {
	float: left;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVNUMVOIE {
	width: 20px;
}
#clientPrivilege_CreationCompte_Livraison #VOI_CODE {
	margin-left: 2px;
	width: 130px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVNOMVOIE {
	margin-left: 2px;
	width: 90px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVIMMEUBLE {
	width: 256px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVCODEPOSTAL {
	width: 35px;
}
#clientPrivilege_CreationCompte_Livraison #ID_COMMUNE {
	width: 194px;
}

#clientPrivilege #creationCompte .info {
	font-size: 11px;
}
#clientPrivilege #creationCompte .valider {
	overflow: hidden;
	width: 430px;
	zoom: 1;
}
#clientPrivilege #creationCompte .valider .bouton {
	padding: 6px 12px 6px 20px;
}

/* menu gauche du compte client */
#menuGauche .monCompte h3 a {
	color: #4B4B4B;
}

/* ===================================================================
 * CLIENT PRIVILEGE ADRESSE
 * =================================================================*/
#clientPrivilegeAdresse select {
	width: 187px;
}
#clientPrivilegeAdresse_CoordonneeLivraison input,
#clientPrivilegeAdresse_CoordonneeLivraison select {
	float: left;
}
#clientPrivilegeAdresse_CoordonneeLivraison input.radio {
	float: none;
}

/* ===================================================================
 * COMMANDE ETAPE - ETAPE DE COMMANDE
 * =================================================================*/
#etape {
	height: 33px;
}
#etape a {
	color: #000000;
}
#etape .bouton {
	color: #FFFFFF;
}
#etape .panier {
	background: url(images/pictoPanier.gif) no-repeat 10px 7px;
	padding-left: 30px;
	width: 95px;
}
#etape .livraison {
	background: url(images/pictoCamion.gif) no-repeat 0 8px;
	padding-left: 20px;
	width: 100px;
}
#etape .paiement {
	background: url(images/pictoEuro.gif) no-repeat 0 8px;
	padding-left: 15px;
	width: 80px;
}
#etape .commande {
	background: url(images/pictoValider.gif) no-repeat 0 7px;
	padding-left: 20px;
	width: 130px;
}

/* ===================================================================
 * COMMANDE ETAPE 1
 * =================================================================*/
#cmdEtape1 {}

#cmdEtape1 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}
#cmdEtape1 #etape {
	background: url(images/etape1.gif) no-repeat;
}

/* rappel du panier */
#cmdEtape1 .panierEtape1 {
	width: 685px;
}
#cmdEtape1 .panierEtape1 a {
	color: #000000;
}
#cmdEtape1 .panierEtape1 p {
	margin-left: 40px;
	overflow: hidden;
	zoom: 1;
}
#cmdEtape1 .panierEtape1 table {
	background: url(images/rappelPanier.png) no-repeat;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 685px;
}
#cmdEtape1 .panierEtape1 table td {
	padding: 10px 0;
}
#cmdEtape1 .panierEtape1 table th {
	background: url(images/rappelPanier_separateur.png) no-repeat right 2px;
	height: 38px;
	padding: 6px 0;
	text-align: center;
	vertical-align: top;
}
#cmdEtape1 .panierEtape1 table th.last {
	background: none;
}
#cmdEtape1 .panierEtape1 .erreurMontant {
	color: #DF0431;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
}
#cmdEtape1 .panierEtape1 .erreurMontant a {
	color: #DF0431;
}
#cmdEtape1 .panierEtape1 .bouton {
	color: #FFFFFF;
}
#cmdEtape1 .panierEtape1 .supprimer {
	text-align: center;
	width: 58px;
}
#cmdEtape1 .panierEtape1 .prixUnitaire {
	padding-right: 20px;
	text-align: right;
	width: 67px;
}
#cmdEtape1 .panierEtape1 .moins {
	text-align: right;
	width: 35px;
}
#cmdEtape1 .panierEtape1 .quantite {
	width: 12px;
}
#cmdEtape1 .panierEtape1 .quantite input {
	border: none;
	color: #000000;
	padding: 0;
	width: 12px;
}
#cmdEtape1 .panierEtape1 .plus {
	width: 35px;
}
#cmdEtape1 .panierEtape1 .sousTotal {
	padding-right: 20px;
	text-align: right;
	width: 73px;
}
#cmdEtape1 .panierEtape1 .codePromotionnel {
	background: url(images/pictoEtoile.gif) no-repeat;
	margin: 10px 0 0 20px;
	padding-left: 20px;
}

/* rappel du panier : Lots */
#cmdEtape1 .panierEtape1 .lot {
	background:none repeat scroll 0 0 #FFFFAA;
	border-bottom:10px solid #FFF;
}
#cmdEtape1 .panierEtape1 .composant {
	background:none repeat scroll 0 0 #EAFFCA;
	border-bottom:5px solid #FFF;
}
#cmdEtape1 .panierEtape1 .cadeau {
	background:none repeat scroll 0 0 #FFCACA;
	border-bottom:5px solid #FFF;
}
#cmdEtape1 .panierEtape1 .composant td.blanc, #cmdEtape1 .panierEtape1 .cadeau td.blanc
{
	background-color:white;
}
#cmdEtape1 .panierEtape1 table#lot {
	background: none;
}

/* Recapitucalit commande (mail)*/
.ligneProduit {
	background-color: #DBE5F1;
	width: 100%;
}
.ligneProduitVide {
	background: url(images/interligne.jpg) repeat-x;
	height: 2px;
}
.ligneProduit td {
	vertical-align: middle;
	padding: 5px 0px;
}

#produit {
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
}

/* commande etape 1 - top 10 */
#cmdEtape1 #top10 {
	background: url(images/cadrePromotionTop10.png) no-repeat;
	color: #4B4B4B;
	height: 320px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 35px;
	width: 700px;
}
#cmdEtape1 #top10 .top10 {
	height: 286px;
	width: 510px;
}
#cmdEtape1 #top10 .top10 td {
	border-right: 1px solid #DDDDDD;
	padding: 0 18px;
	vertical-align: top;
	width: 33%;
}
#cmdEtape1 #top10 .top10 td.last {
	border-right: none;
	padding: 0 0 0 18px;
}
#cmdEtape1 #top10 .top10 .description {
	height: 75px;
}
#cmdEtape1 #top10 .top10 .prix {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
}
#cmdEtape1 #top10 .top10 .prix strike {
	font-size: 12px;
	font-weight: normal;
}
#cmdEtape1 #top10 .top10 .unite {
	margin-bottom: 10px;
}
#cmdEtape1 #top10 .libelleProduit {
	font-weight: bold;
	height: 30px;
}

/* commande etape 1 - colonne droite */
#colDroite_RecapCommande .panier {
	font-size: 14px;
	margin: 0 auto 50px auto;
	width: 90%;
}
#colDroite_RecapCommande .panier td {
	padding: 3px 0;
}

#colDroite_RecapCommande .codePromotionnel {
	font-size: 12px;
	margin: 0 auto;
	width: 90%;
}
#colDroite_RecapCommande .codePromotionnel h4 {
	margin: 0;
}
#colDroite_RecapCommande .codePromotionnel td {
	vertical-align: top;
}
#colDroite_RecapCommande .codePromotionnel .saisie {
	vertical-align: middle;
	width: 65%;
}
#colDroite_RecapCommande .codePromotionnel .saisie input {
	border: 1px solid #B6B6B6;
	color: #000000;
}
#colDroite_RecapCommande .codePromotionnel .btnOrange {
	float: left;
}
#colDroite_RecapCommande .remiseSalarie {
	font-size: 12px;
}

/* ===================================================================
 * COMMANDE ETAPE 2
 * =================================================================*/
#cmdEtape2 {}

#cmdEtape2 h4 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding: 5px 0;
}
#cmdEtape2 table {
	margin: 0 4% 0 1%;
	width: 95%;
}
#cmdEtape2 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 5px auto;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape2 #etape {
	background: url(images/etape2.gif) no-repeat;
	margin: 0;
	width: 100%;
}
/* commande étape 2 - mon adresse de livraison */
#cmdEtape2_MaLivraison td {
	width: 33%;
}

/* commande étape 2 - choix du jour de livraison */
#divCreneauLivraison p {
	margin: 5px 0;
}
#divCreneauLivraison #creneau2 {
	margin: 0;
	width: 100%;
}

/* ===================================================================
 * COMMANDE ETAPE 3
 * =================================================================*/
#cmdEtape3 {}

#cmdEtape3 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape3 #etape {
	background: url(images/etape3.gif) no-repeat;
}

/* commande étape 3 - paiement */
#cmdEtape3_Paiement p {
	margin: 10px 0 10px 10px;
}
#cmdEtape3_Paiement table {
	margin: 0 1%;
	width: 98%;
}
#cmdEtape3_Paiement td, #cmdEtape3_Paiement th {
	text-align: left;
}
#cmdEtape3_Paiement .modePaiement {
	width: 35%;
}
#cmdEtape3_Paiement .coordonneesFacturation {
	border-left: 1px dashed #3CAADC;
	padding-left: 25px;
	width: 65%;
}

/* ===================================================================
 * COMMANDE ETAPE 4
 * =================================================================*/
#cmdEtape4 {}

#cmdEtape4 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape4 #etape {
	background: url(images/etape4.gif) no-repeat;
}

/* commande étape 4 - envoyer la commande */
#cmdEtape4_EnvoyerCommande a {
	text-decoration: underline;
}
#cmdEtape4_EnvoyerCommande a:hover {
	text-decoration: none;
}
#cmdEtape4_EnvoyerCommande h4 {
	border-bottom: 1px solid #E2E2E2;
	margin-top: 10px;
	overflow: hidden;
	padding: 5px 0;
	zoom: 1;
}
#cmdEtape4_EnvoyerCommande h4 span {
	float: left;
}
#cmdEtape4_EnvoyerCommande h4 a {
	float: right;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#cmdEtape4_EnvoyerCommande h4 a:hover {
	text-decoration: underline;
}
#cmdEtape4_EnvoyerCommande p {
	clear: both;
	padding: 5px 10px;
}
#cmdEtape4_EnvoyerCommande .texte {
	padding: 5px 10px;
}

/* ===================================================================
 * COMMANDE ETAPE 4 - PAIEMENT EN LIGNE
 * =================================================================*/
#sips input {
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

/* ===================================================================
 * COMMANDE RAPIDE
 * =================================================================*/

/* titres des rubriques de la liste de la commande rapide */
#cmdExpress th {
	background: #F3A000;
	color: #FEFEFE;
	padding: 6px;
}
#cmdExpress th.titreLibelle {
	text-align: left;
}

/* fond aléatoire de la liste des produits de la commande rapide */
#cmdExpress .alt0 td {
	background: #E3F3F4;
}
#cmdExpress .alt1 td {
	background: #F1FEFF;
}

/* liste des produits de la commande rapide */
#cmdExpress td {
	padding: 2px 5px;
}
#cmdExpress .selection {
	width: 13px;
}
#cmdExpress .codeProduit {
	width: 29%;
}
#cmdExpress .codeProduit input {
	color: #000000;
	width: 174px;
}
#cmdExpress .quantite {
	width: 10%;
}
#cmdExpress .libelle {
	color: #37A8DB;
	text-align: left;
}

/* boutons de la commande rapide */
#cmdExpress .btnBleuFleche {
	float: left;
}
#cmdExpress .effacer {
	color: #37A8DB;
	font-size: 11px;
}

/* ===================================================================
 * CONTACT
 * =================================================================*/
#contact form {
	margin-left: 10px;
	width: 580px;
}
#contact h1, #contact h3 {
	border: none;
	padding-bottom: 0;
}
#contact input {
	border: 1px solid #000000;
	color: #000000;
	padding: 1px;
	width: 170px;
}
#contact input.checkbox, #contact input.radio, #contact input.submit {
	border: none;
	padding: 0;
	width: auto;
}
#contact input#CLI_NUMCLIENT  {
	width: 80px;
}
#contact select {
	border: 1px solid #000000;
	color: #000000;
	padding: 0;
	width: 230px;
}
#contact table td {
	padding: 7px 0;
	width: 25%;
}
#contact table table {
	width: auto;
}
#contact table table td {
	width: auto;
}
#contact textarea {
	border: 1px solid #000000;
	color: #000000;
	height: 96px;
	padding: 1px;
	width: 570px;
}
#contact .btnBleu, #contact .btnOrangeFleche {
	float: left;
}
#contact .btnBleu .bouton, #contact .btnOrangeFleche .bouton {
	color: #FFFFFF;
	padding: 0 0 2px 8px;
}
#contact .client {
	margin: 10px;
}
#contact .client table {
	width: auto;
}
#contact .client table td {
	padding: 0;
	width: auto;
}
#contact .texteDroite {
	padding-left: 20px;
}

/* ===================================================================
 * CROSSSELLING
 * =================================================================*/

/* ===================================================================
 * CHOIX DU JOUR DE LIVRAISON
 * =================================================================*/
#cmdEtape2_ChoixLivraison .ChoixLivraisonTable {
	margin-bottom: 5%;
}
#cmdEtape2_ChoixLivraison #ChoixLivraisonDate {
	width: auto;
	margin-left:auto;
	margin-right:auto;
}
#cmdEtape2_ChoixLivraison .alter1 {
	background: #E5F2FF;
	padding: 0 6px;
}
#cmdEtape2_ChoixLivraison .alter2 {
	background: #FFFFCC;
	padding: 0 6px;
}
#cmdEtape2_ChoixLivraison .date {
	padding: 2px 0;
	text-align: center;
}
#cmdEtape2_ChoixLivraison .heure {
	font-size: 11px;
	text-align: center;
}
#cmdEtape2_ChoixLivraison .horaire {
	height: 30px;
	padding-top: 20px;
	text-align: center;
}

/* ===================================================================
 * CHOIX DU CRENEAU HORAIRE
 * =================================================================*/
#cmdEtape2_ChoixHoraire a {
	text-decoration: underline;
}
#cmdEtape2_ChoixHoraire a:hover {
	text-decoration: none;
}
#cmdEtape2_ChoixHoraire #creneau1 {
	border-bottom: 1px dashed #37A8DB;
	margin: 0 0 5px 0;
	width: 57%;
}
#cmdEtape2_ChoixHoraire #creneau2 {
	display: none;
	margin: 0 0 20px 0;
	width: 57%;
}
#cmdEtape2_ChoixHoraire .creneau_libelle {
	padding-bottom: 5px;
	width: 30%;
}
#cmdEtape2_ChoixHoraire .creneau_heure {
	padding-bottom: 5px;
	width: 70%;
}
#cmdEtape2_ChoixHoraire .info {
	border-top: 1px solid #E2E2E2;
}

/* ===================================================================
 * OVERLIB
 * =================================================================*/
#overlib {
	width: 230px;
}

/* ===================================================================
 * POPUP IMAGE ZOOM
 * =================================================================*/
#popupImage {
	height: 500px;
	width: 500px;
}

/* ===================================================================
 * POPUP DE LOCALISATION
 * =================================================================*/
#popupPanier {
	background: #FFFFFF;
	padding: 10px;
	width: 425px;
}

/* ===================================================================
 * POPUP DE LOCALISATION
 * =================================================================*/
#popupLocalisation {
	background: #FFFFFF;
	height: 200px;
	width: 445px;
}
#popupLocalisation h3 {
	color: #25509F;
	font-size: 20px;
	font-style: italic;
	padding: 0;
	text-transform: none;
}
#popupLocalisation input {
	border: 1px solid #000000;
	color: #000000;
	font-weight: bold;
	float: right;
	margin-right: 25px;
}
#popupLocalisation .btnBleu {
	margin-right: 25px;
}

/* bouton fermer */
#boutonFermer {
	background: #FFFFFF;
	float: left;
	padding: 5px 10px;
}
#boutonFermer input {
	border: none;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}
#boutonFermer #fermer {
	color: #000000;
	cursor: pointer;
	float: left;
	font-weight: bold;
}

#popupLocalisationNonDeservie {
	background: #FFFFFF;
	padding: 10px;
	width: 445px;
}
#popupLocalisationNonDeservie h3 {
	color: #25509F;
	font-size: 20px;
	font-style: italic;
	padding: 0;
	text-transform: none;
}
#popupLocalisationNonDeservie .libelle {
	width: 30%;
}

/* ===================================================================
 * POPUP DE CALLBACK
 * =================================================================*/
#popupCallBack {
	background: #FFFFFF;
	margin: 0;
	padding: 20px;
}
#callbackWeb label {
	width: 40%;
}
#callbackWeb #TELEPHONE, #callbackWeb #MESSAGE {
	font-family: Trebuchet MS,Arial,sans-serif;
	font-size: 11px;
	width: 85%;
}
#callbackWeb .action {
	text-align: center ;
}
#callbackWeb .span {
	float: right; 
	margin: 0 35px 0 0;
}
/* ===================================================================
 * POPUP DATES LIVRAISON
 * =================================================================*/
 #documentPopup #clientPrivilege {
 	min-height: 250px;
 }
/* ===================================================================
 * PRODUIT
 * =================================================================*/
#produit {
	color: #4B4B4B;
	padding-right: 10px;
}
#produit .fiche td {
	vertical-align: top;
}
#produit .fiche .WIDTH_50L div {
	width: 252px;
}
#produit .fiche .WIDTH_50R div {
	clear: right;
	float: right;
	width: 252px;
}

/* bloc Information */
#produit .information {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#produit .information .image {
	padding-right: 15px;
}
#produit .information .image div {
	position: relative;
}
#produit .information .image div .promo {
	position: absolute;
}
#produit .information .image div .zoom {
	left: 1px;
	position: absolute;
	top: 167px;
}
#produit .information .libelleProduit {
	font-weight: normal;
	height: 70px;
	vertical-align: top;
	width: 275px;
}
#produit .information .libelleProduit p {
	margin-bottom: 7px;
}
#produit .information .pointFidelite {
	width: 150px;
}
#produit .information .pointFidelite td {
	vertical-align: middle;
}
#produit .information .prix {
	color: #0F3F96;
	font-size: 22px;
}
#produit .information .prix strike {
	font-size: 15px;
}
#produit .information .marque {
	border-left: 1px solid #E2E2E2;
	text-align: right;
}
#produit .information .pointFidelite .rouge  strong{
	font-size: 18px;
}

/* bloc Lots */
#produit .quantiteLot {
	background: #FFFFAA;
	border-bottom: 1px solid #E2E2E2;
	height: 35px;
}
#produit .quantiteLot table td {
	padding-top: 3px;
	vertical-align: middle;
}
#produit .quantiteLot .titre {
	font-weight: bold;
	text-transform: uppercase;
}
#produit .composantLot {
	background: #EAFFCA;
}
#produit .offertLot {
	background: #FFCACA;
}

#produit .finLot {
	padding-top: 20px;
}

/* bloc En accompagnement */
#produit .accompagnement .prix {
	color: #0F3F96;
	font-size: 15px;
}

/* bloc Idées Recettes */
#produit .recette a {
	font-weight: normal;
}

/* ===================================================================
 * PRODUIT LISTE
 * =================================================================*/
#produitListe {
	color: #4B4B4B;
}

/* page de recherche */
#produitListe .recherche {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#produitListe .recherche p {
	margin: 5px 0;
}
#produitListe .recherche table {
	width: auto;
}
#produitListe #rechercheProduit {
	background: url(images/fondRechercheProduit.gif) no-repeat;
	height: 25px;
	width: 336px;
}
#produitListe #rechercheProduit form {
	float: right;
	height: 25px;
	width: 336px;
}
#produitListe #rechercheProduit #searchString2 {
	background: none;
	border: none;
	color: #000000;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 2px 5px;
	width: 270px;
}
#produitListe #rechercheProduit #searchStringOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 21px;
	padding: 0;
}

#corps .quantiteProduit {
	margin: 0 auto;
	width: 38px;
}
#corps .quantiteProduit td {
	border: none;
	padding: 0;
	vertical-align: middle;
	width: 12px;
}
#corps .quantiteProduit tr {
	border: none;
}
#corps .quantiteProduit input {
	border: none;
	color: #000000;
	padding: 0;
	text-align: right;
	width: 15px;
}

.libelleProduit {
	font-weight: bold;
	height: 15px;
}
.libelleProduit:first-letter {
	text-transform: uppercase;
}

/* liste des produits - affichage liste */
#liste {
	color: #4B4B4B;
}
#liste td {
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
	vertical-align: top;
}
#liste .image {
	position: relative;
	width: 105px;
}
#liste .image .promo {
	position: absolute;
}
#liste .description table {
	width: auto;
}
#liste .description td {
	border: none;
	padding: 0;
	vertical-align: middle;
}
#liste .description .libelle {
	width: 125px;
}
#liste .description .first {
	border-left: 1px solid #E2E2E2;
	padding-left: 10px;
}
#liste .description .pointFidelite {
	padding-left: 15px;
}
#liste .prix {
	color: #0F3F96;
	font-size: 15px;
}
#liste .ajouter {
	vertical-align: bottom;
	width: 95px;
}

/* liste des produits d'un lot */
#listeLot td {
	vertical-align: top;
}
#listeLot .titre {
	border-bottom: 1px solid #E2E2E2;
	font-weight: bold;
	padding: 7px 0;
	text-transform: uppercase;
}
#listeLot .image {
	border-bottom: 1px solid #E2E2E2;
	width: 105px;
}
#listeLot .image .promo {
	position: absolute;
}
#listeLot .description {
	height: 30px;
}
#listeLot .prix, #listeLot .quantite {
	border-bottom: 1px solid #E2E2E2;
	color: #0F3F96;
	font-size: 15px;
}

/* liste des produits - affichage vignette */
#vignette {
	color: #4B4B4B;
	width: 535px;
}
#vignette form {
	width: 90px;
}
#vignette td {
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	padding: 1% 4%;
	vertical-align: top;
	width: 25%;
}
#vignette td.last {
	border-right: none;
}
#vignette td.end {
	border-bottom: none;
	border-right: none;
}
#vignette .info {
	height: 140px;
}
#vignette .image {
	position: relative;
}
#vignette .image .promo {
	position: absolute;
}
#vignette .libelle .libelleProduit {
	overflow: hidden;
	height: 45px;
}
#vignette .prix {
	color: #0F3F96;
	font-size: 15px;
}
#vignette .logoType {
	height: 34px;
}
#vignette .logoMarque {
	height: 39px;
}
#vignette .btnGrisFleche {
	float: left; 
}

/* ===================================================================
 * PROMOTION LISTE
 * =================================================================*/
#promotionListe {
	background: url(images/cadrePromotion.png) no-repeat;
	color: #4B4B4B;
	height: 291px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 35px;
	width: 535px;
}
#promotionListe .promotion {
	height: 286px;
	width: 510px;
}
#promotionListe .promotion td {
	border-right: 1px solid #DDDDDD;
	padding: 0 18px;
	vertical-align: top;
	width: 33%;
}
#promotionListe .promotion td.last {
	border-right: none;
	padding: 0 0 0 18px;
}
#promotionListe .promotion .description {
	height: 60px;
}
#promotionListe .promotion .prix {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
}
#promotionListe .promotion .prix strike {
	font-size: 12px;
	font-weight: normal;
}
#promotionListe .promotion .unite {
	margin-bottom: 10px;
}
#promotionListe .libelleProduit {
	font-weight: bold;
	height: 30px;
}

/* ===================================================================
 * RAYON
 * =================================================================*/
#rayon .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 35px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#rayon .sousRayon {
	margin-bottom: 20px;
}
#rayon .sousRayon td {
	vertical-align: top;
	width: 20%;
}

/* ===================================================================
 * RAYON SOUS
 * =================================================================*/
#sousRayon .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 35px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}

/* ===================================================================
 * RECETTE
 * =================================================================*/
#recette .fiche {
	margin-bottom: 20px;
}
#recette .fiche td {
	vertical-align: top;
}
#recette .fiche .photo {
	width: 46%;
}

/* produits associés à la recette */
#recette .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	height: 41px;
	margin: 0;
	text-transform: uppercase;
	width: 528px;
}
#recette .titre td {
	padding: 0 0 10px 0;
	vertical-align: middle;
}

/* ===================================================================
 * RECETTE LISTE
 * =================================================================*/
/* recette de la semaine */
#recetteListe .recetteDeLaSemaine {
	position: relative;
	background: url(images/fondRecetteDeLaSemainedynamique.png) no-repeat;
	height: 270px;
	color: #FFFFFF;
	clear: left;
}
#recetteListe .recetteDeLaSemaine .libelle {
	margin: 0 3px;
	height: 223px;
	width: 280px;
	overflow: hidden;
}
#recetteListe .recetteDeLaSemaine .preTitre {
	margin: 3px 3px;
	color: #3FA02E;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#recetteListe .recetteDeLaSemaine .titre {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
#recetteListe .recetteDeLaSemaine .bouton {
	position: absolute;
	background: url(images/btnRecetteDeLaSemaine.png) repeat-x;
	display: block;
	height: 24px;
	width: 503px;
	padding: 6px 0 0 25px;
	bottom: 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
#recetteListe .recetteDeLaSemaine .bouton:hover {
	background: url(images/btnRecetteDeLaSemaine_hover.png) repeat-x;
	text-decoration: none;
}

/* liste des types de recette */
#recetteListe .typeRecette {
	margin-bottom: 20px;
}

/* liste des recettes */
#recetteListe .liste td {
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
	vertical-align: top;
}
#recetteListe .liste .image {
	width: 100px;
}
#recetteListe .liste .image img {
	height: 75px;
	width: 90px;
}
#recetteListe .liste .description .ingredient {
	width: 290px;
}
#recetteListe .liste .voirRecette {
	vertical-align: bottom;
	width: 130px;
}

/* menu gauche de la recette */
#menuGauche #rechercheRecette {
	background: url(images/fondRechercheRecette.gif) no-repeat;
	color: #229631;
	height: 25px;
	margin-bottom: 10px;
	margin-left: -10px;
	width: 156px;
}
#menuGauche #rechercheRecette form {
	float: left;
	height: 25px;
	width: 156px;
}
#menuGauche #rechercheRecette #searchRecette {
	background: none;
	border: none;
	color: #1C9433;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 2px 0 2px 5px;
	width: 98px;
}
#menuGauche #rechercheRecette #searchRecetteOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 21px;
	padding: 0;
}

#menuGauche .lienMenuRecetteDeLaSemaine {
	background: url(images/puceFlecheVerte.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .lienMenuRecetteDeLaSemaine a {
	color: #3FA02E;
}
#menuGauche .lienMenuRecetteDeLaSemaine a:hover {
	color: #0D6719;
	text-decoration: none;
}
.tpl_storeLocator .Map {
background:transparent url(/images/map/map.gif) no-repeat scroll 0 0;
height:480px;
width:410px;
}
.tpl_storeLocator #menuRegions {
background:none repeat scroll 0 0 #F2F3D0;
clear:both;
float:left;
margin:0 10px 0 0;
padding:10px;
width:180px;
}
.tpl_storeLocator #accroche {
background:none repeat scroll 0 0 #F2F3D0;
padding:10px;
}
.tpl_storeLocator #selection .puce {
background:url("images/puce_selection.gif") no-repeat scroll 0 5px transparent;
font-weight:bold;
padding:0 0 0 12px;
}

/* ===================================================================
 * STORE LOCATOR
 * =================================================================*/
 #storeLocator {
	color: #4B4B4B;
}
#storeLocator h3 {
	border: none;
	padding: 0;
}
#storeLocator .recherche {
	float: left;
}
#storeLocator #rechercheCodePostal table {
	width: auto;
}
#storeLocator .accroche {
	float: left;
	margin-top: 30px;
	width: 180px;
}
#storeLocator #carte {
	float: right;
	width: 330px;
}

/* store locator - menu gauche */
#menuGauche #menuRegions li {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 5px;
	padding-left: 10px;
}
#menuGauche #menuRegions li a {
	color: #4B4B4B;
}

/* ===================================================================
 * STORE LOCATOR - AGENCE
 * =================================================================*/
#storeLocatorAgence a {
	color:#000000;
}
#storeLocatorAgence div {
	margin-bottom: 10px;
}
#storeLocatorAgence h3 {
	border: none;
}
#storeLocatorAgence img {
	margin-right: 10px;
}
#storeLocatorAgence p {
	margin-bottom: 8px;
}
#storeLocatorAgence table {
	width: auto;
}
#storeLocatorAgence .puceFlecheBleue {
	color: #0F3F96;
}
#storeLocatorAgence .adresse {
	text-align: center;
}

/* store locator agence - menu gauche */
#menuGauche_StoreLocatorAgence .menuRetour {
	text-align: center;
}
#menuGauche_StoreLocatorAgence .menuRetour a {
	color: #6A6A6A;
}
#menuGauche_StoreLocatorAgence .menuRetour a:hover {
	text-decoration: none;
}
#menuGauche_StoreLocatorAgence h3 {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
	padding: 10px 0 10px 10px;
}
.recapCommande {
	border-spacing: 0;
}

#datesLivraison {
	margin: auto;
	width: auto;
	height: 125px;
	text-align: center;
	padding-bottom: 10px;
}
#datesLivraison th {
	background: url(images/teteDatesLivraison.png) no-repeat 0 0;
	height: 25px;
	text-align: left;
	color: #FFFFFF;
	padding: 1px 0 0 9px;
}
#datesLivraison td {
	width: 118px;
}
#datesLivraison .alter0 {
	background: #D1D6E9;
}
#datesLivraison .alter1 {
	background: #E9EEF2;
}