body
{
	background-color: #E9E6C6;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
	color: #333300;
}

/* styles génériques */
img { border:0px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
a.nonsouligne:hover { text-decoration:none; }
a.souligne { text-decoration:underline; }
td { text-align: left; vertical-align:top; }
.orange { color:#EEAC4C; }
.orange a { color:#EEAC4C; }
.gras { font-weight: bold }
.erreur { color:Red; font-weight:bold }
input { font-family:Verdana, Sans-Serif; font-size:10pt; }
textarea { font-family:Verdana, Sans-Serif; font-size:10pt; text-align:left;}
table { border:0px; border-spacing:0px;  border-collapse:collapse; }
table td { padding:0px; }
td { font-family:Verdana, Sans-Serif; font-size:10pt; margin:0px; padding:0px;}
h1, h2 { font-family:Verdana, Sans-Serif; font-size:10pt; margin:0px; padding:0px;}

.opaque50 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50); opacity:0.5;
}
.opaque85 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: alpha(opacity=85); opacity:0.85;
}
.opaque100 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); opacity:1;
}

.BoutonVert { padding:2px 6px 4px 6px; 
	background-color:#4f7936; color:White; font-size:9pt; font-weight:normal;
	border-style:solid; border-width:1px; 
    border-top-color:#7eb65d; border-left-color:#7eb65d; border-bottom-color:#1b2a13; border-right-color:#1b2a13; }
.BoutonVert a { color:White }

.BoutonGris { padding:2px 6px 4px 6px; 
	background-color:#929292; color:White; font-size:9pt; font-weight:normal;
	border-style:solid; border-width:1px; 
    border-top-color:#dddddd; border-left-color:#dddddd; border-bottom-color:#444444; border-right-color:#444444; }
.BoutonGris a { color:White }

.BoutonOrange { padding:2px 6px 4px 6px; 
	background-color:#e99518; color:White; font-size:9pt; font-weight:normal;
	border-style:solid; border-width:1px; 
    border-top-color:#f6d39f; border-left-color:#f6d39f; border-bottom-color:#bf7a12; border-right-color:#bf7a12; }
.BoutonVert a { color:White }

/* styles atanka.master */

td.logo { 	width:210px; height:122px; vertical-align:top; }
td.logo a img { margin:0px 4px 4px 12px ;}
td.choix-langue { 
	font-size:8pt; font-weight:normal; height: 19px;
	text-align: right; color:#878171;
	border-bottom: solid 1px #C6C3B4; 
}
td.choix-langue a { color:#878171; }

td.panier { width:120px; height:122px; vertical-align:top; text-align:center; 
	color:White; background-color:#6c8d46; font-size:8pt; font-weight:bold; }
td.panier a { color:White }
td.panier div.NombreProduits {font-size:10pt}
td.panier div.PrixTotal {padding-top:8px; padding-bottom:8px; font-size:12pt}
td.panier div.BoutonTerminer { margin:0px auto; width:90px; }

td.titre-general { 
	font-size:8pt; font-weight:normal; height: 102px;
	text-align: center; vertical-align:middle; color:#878171;
}
td.marge-gauche { width:10px; border-style:none;}
td.chemin { width:878px; 
	font-size:8pt; font-weight:normal; padding:4px 0px 6px 11px; 
	text-align: left; color:#778936;
	border-top-color:#C6C3B4; border-top-style:solid; border-top-width:1px;
	border-left-color:#C6C3B4; border-left-style:solid; border-left-width:1px;
	}
td.chemin a { color:#778936; }
td.chemin a:hover { color:#303000; }
td.chemin div.facebook { float:right; font-family: lucida grande,tahoma,verdana,arial,sans-serif; color: #3B5998; }
td.chemin div.facebook a { color: #3B5998; }

table.TableauGeneral { width:900px; }
table.TableauGeneral td.MenuGeneral {width:200px; background-image:url(images/fond-menu.png); background-repeat:repeat-y; }
table.TableauGeneral td.ContenuGeneral {width:700px; text-align:center; background-color:#f5f6e8; }

table.TableauGeneral td.ContenuGeneralPanier {width:700px; text-align:center; background-color:#6c8d46; color:White }
table.TableauGeneral td.ContenuGeneralPanier a {color:White }

table.TableauGeneral td.ContenuGeneralProducteur { width:680px; background-color:#f7fcfc; color:#005690; 
    font-weight:normal; text-align:left; 
	border:solid 1px #65b5c9; margin:0px; padding:9px; }
table.TableauGeneral td.ContenuGeneralProducteur a { color:#005690; }

table.TableauGeneral td.ContenuGeneralInfosAtanka { width:680px; background-color:#fffaf5; color:#67594c; 
    font-weight:normal; text-align:left; 
	border:solid 1px #ffca85; margin:0px; padding:9px; }
table.TableauGeneral td.ContenuGeneralInfosAtanka a { color:#67594c; }


td.titre-menu-marge-gauche {
	width:9px; background-color :#6D6D6D; 
	border-top-color:#808080; border-top-style:solid; border-top-width:1px;
	border-left-color:#808080; border-left-style:solid; border-left-width:1px;
	border-bottom-color:#808080; border-bottom-style:solid; border-bottom-width:1px;
}
td.titre-menu { 
	font-size:10pt; font-weight:bold; width:168px;
	padding: 2px 0px 3px 10px; background-color :#B5B398; color:White;
	border-top-color:#B5B398; border-top-style:solid; border-top-width:1px;
	border-left-color:#808080; border-left-style:solid; border-left-width:2px;
	border-bottom-color:#B5B398; border-bottom-style:solid; border-bottom-width:1px;
}
td.titre-menu-marge-droite { width:10px; }
td.item-menu { 
	font-size:9pt; font-weight:normal; width:182px;
	padding: 10px 0px 10px 8px; color:#858375; font-weight:bold;
}
td.item-menu a { color:#858375 }
td.item-menu div {margin:0 0 4px 0;}
td.item-menu input { font-family: Arial; font-size:8pt; }

td.item-vide { 
	width:178px; padding-left: 11px; background-color:Red;
	border-left-color:#C6C3B4; border-left-style:solid; border-left-width:1px;
}

div.CadreMessageAbo { margin:4px 10px 4px 0px; width:166px; font-size:8pt; padding:2px; 
                      background-color:#fbfbf8; color:#929292; 
                      border:solid 1px #b8b8b8; text-align:center; }

div.RappelNom { font-weight:bold; width:166px; font-size:8pt; padding:2px; margin-right:10px;
            background-color:#fbfbf8; color:#929292; border:solid 1px #b8b8b8; }
div.RappelNom a { color:#929292; }

td.pied-general { width:878px; 
	font-size:8pt; font-weight:normal; padding:6px 0px 6px 11px; 
	text-align: right; color:#778936;
	border-left-color:#C6C3B4; border-left-style:solid; border-left-width:1px;
	border-bottom-color:#C6C3B4; border-bottom-style:solid; border-bottom-width:1px;
	}
td.pied-general a { color:#778936; }

/* styles rayon */

table.rayons {table-layout:fixed; width:700px; background-image:url(images/onglets-rayons.jpg); background-position:bottom; background-repeat:no-repeat }
table.rayons tr {height:40px}
table.rayons td.gauche {font-size:11pt; width:185px; height:33px; padding-left:25px;padding-top:7px; text-align:center; vertical-align:middle;}
table.rayons td.centre {font-size:12pt; width:280px; height:40px; font-weight:bold; text-align:center; vertical-align:middle;}
table.rayons td.droite {font-size:11pt; width:185px; height:33px; padding-right:25px;padding-top:7px; text-align:center; vertical-align:middle;}
table.rayons td a {color:#778936; }
table.rayons td a:hover { color:#303000; }
table.rayons td.centre a {color:#333300; }

table.TableauCategories {font-size:10pt; width:680px; margin:20px auto 0px auto;}
table.TableauCategories td.filet { height:20px; border-top:solid 1px #C6C3B4 }
table.TableauCategories td.Categorie { width:160px; padding:0px 5px; font-weight:bold; } 
table.TableauCategories td.Categorie div { text-align:center; width:160px; padding:2px 0px; 
	background-color:#eceacf; color:#858375; }
table.TableauCategories td.Categorie a { color:#858375; }
table.TableauCategories td.Categorie div:hover { padding-top:1px; width:158px; 
	border-top:solid 1px #ebc5d2; border-left:solid 1px #ebc5d2; border-right:solid 1px #ebc5d2;}
table.TableauCategories td.Categorie div.choisie { padding-top:1px; width:158px; color:#c1262c; background-color:#FFFFFF; 
	border-top:solid 1px #ebc5d2; border-left:solid 1px #ebc5d2; border-right:solid 1px #ebc5d2;}

div.CartoucheProduit { width:672px; height:120px; background-color:#FFFFFF; color:#333300;
	border:solid 1px #ebc5d2; margin-top:10px; padding:3px; text-align:left; }
div.CartoucheProduit a.LienFicheProduit { color: #333300; text-decoration:underline }
table td div.CartoucheProduit a.LienFicheProduit { color: #333300; text-decoration:underline }
div.CartoucheProduit a.LienAvis { color: #EEAC4C; font-weight:bold; text-decoration:underline }
table td div.CartoucheProduit a.LienAvis { color: #EEAC4C; font-weight:bold; float:right; text-decoration:underline }
div.CartoucheProduit img.PhotoProduit {height:120px; width:120px; margin-right:6px; float:left; }
table.TableauGeneral td.ContenuGeneralProducteur div.CartoucheProduit h2, div.CartoucheProduit h2 
    { font-size:12pt; font-weight:bold; height:18px; color:#c1262c; }
table.TableauGeneral td.ContenuGeneralProducteur div.CartoucheProduit h2 a, div.CartoucheProduit h2 a { color:#c1262c; }
div.CartoucheProduit div.NomProducteur { font-size:8pt; color:#89badc; }
div.CartoucheProduit div.NomProducteur a { color:#89badc; }

table.FooterCartouche { width:546px; margin:auto; table-layout:fixed; }
table.FooterCartouche tr td { vertical-align:middle; }

table.ConteneurTabConds { height:70px; clear:right}
table.ConteneurTabConds tr td.ConteneurTabConds { height:70px; vertical-align:middle; }
/* div.TabConds { height:70px; vertical-align:middle; display:table-cell; clear:right} */
table.TabConds td { vertical-align:bottom; }
table.TabConds td.LibelleConds { width:150px; text-align:left; padding-bottom:2px; white-space:nowrap; font-family:Arial; }
table.TabConds td.PrixConds { width:75px; font-size:11pt; font-weight:bold; padding-right:8px; padding-bottom:2px; text-align:right; }
table.TabConds td.Acheter { height:20px; }

table.TabQuantite td { white-space:nowrap }
table.TabQuantite td.Acheter { color:White; background-color:#6c8d46; text-align:center; height:20px; vertical-align:middle; }
table.TabQuantite td.AcheterBouton { height:20px; }
table.TabQuantite td.AcheterBouton div { font-size:10pt; font-weight: bold; padding: 0px 3px; height:18px; vertical-align:bottom; }
table.TabQuantite td.Quantite { font-weight:bold;
		padding:0px 4px; width:22px; height:20px; text-align:right; vertical-align:middle; }
table.TabQuantite td.non-nulle { background-color:#cbdbb8; color:black }
table.TabQuantite td.nulle { background-color:#6c8d46; color:#aaaaaa }
table.TabQuantite td.non-nulle-stock { background-color:#ffebcf; color:black }
table.TabQuantite td.nulle-stock { background-color:#f2c27b; color:#d29e3d }

.tooltip { border:solid 1px #666666; background-color:#ffffdd; color:#333333; padding:2px; 
	font-size:9pt; font-family:Verdana;}
.tooltip-body { border:solid 1px #666666; border-top:none; background-color:#ffffdd; color:#666666; padding:2px; 
	font-size:8pt; font-family:Verdana; font-style:italic;}

/* styles fiche produit */

div.FicheProduit { width:672px; background-color:#FFFFFF; font-weight:normal; color:#686800; 
	border:solid 1px #ebc5d2; margin:10px; padding:3px; text-align:left; }
div.FicheProduit a { color:#686800; }
div.FicheProduit div.NomProduit, div.FicheProduit h1 { font-size:16pt; font-weight:normal; color:#c1262c; 
	padding-bottom:6px; margin-bottom:10px;	border-bottom:solid 1px #d0d0d0 }
div.FicheProduit div.DescriptionProduit { margin-bottom:20px;}
div.FicheProduit div.TitreComposition { font-size:12pt; padding-bottom:4px; 
	margin-bottom:6px;	border-bottom:solid 1px #d0d0d0 }
	
div#Visionneuse a { color:#333300; }

div.FicheProduit div.TitreRecettes { font-size:10pt; font-weight:bold; color:#EEAC4C; margin:18px 0px 4px 0px;}
div.FicheProduit ul.ListeRecettes { font-size:8pt; font-weight:normal; margin:0px 0px 6px 0px; padding-left:14px; text-indent:0px }
div.FicheProduit ul.ListeRecettes li { margin:0px; padding:0px; }

div.FicheProduit div.TexteAvis { margin-top:10px; padding:3px; line-height:1.2em; font-style:italic; font-weight:bold;
                                background-color:#ebebe8; color:#222222; border: solid 1px #b8b8b8; }
div.FicheProduit div.TexteAvis div.AuteurAvis { color:#625f49; font-style:normal; font-weight:normal; text-align:right; }
                                                 
/* styles fiche producteur */

div.TexteActuProd { margin-top:10px; padding:3px; line-height:1.2em; font-style:italic; font-weight:normal;
                                background-color:white; color:#222222; border: solid 1px #65b5c9; }
div.TexteActuProd span.date { color:#2e7485; font-weight:bold; font-style:normal; }                                
	
/* styles pages d'info Atanka */

/* --> attention, la règle ci-dessous bousille un encart si encart inséré dans page infos, donc
       on la double par la règle en dessous pour l'annuler dans ce cas */
td.ContenuGeneralInfosAtanka table.texte div { text-indent:15px; margin:4px 0px; text-align:justify; }
td.ContenuGeneralInfosAtanka table.texte div table.encart div { text-indent:0px; margin:0px; text-align:left; }
td.ContenuGeneralInfosAtanka div.Titre, td.ContenuGeneralInfosAtanka h1 { font-size:16pt; font-weight:normal; color:#f2aa39; 
	padding-bottom:6px; margin-bottom:10px;	border-bottom:solid 1px #d0d0d0 }
td.ContenuGeneralInfosAtanka div.Titre2 { font-size:11pt; font-weight:bold; color:#f2aa39; margin-top:6px; text-indent:0px }
td.ContenuGeneralInfosAtanka table.texte div.Titre2 { font-size:11pt; font-weight:bold; color:#f2aa39; margin-top:6px; text-indent:0px }

td.ContenuGeneralInfosAtanka div.cgv div 
    { font-size:9pt; font-weight:normal; margin:0px 0px 6px 0px; margin-bottom:6px; text-indent:10px; text-align:justify; }
td.ContenuGeneralInfosAtanka div.cgv ul 
    { font-size:9pt; font-weight:normal; margin:0px 0px 6px 0px; padding-left:20px; text-indent:0px }
td.ContenuGeneralInfosAtanka div.cgv ul li { margin-bottom:6px; text-align:justify; }
td.ContenuGeneralInfosAtanka div.cgv div.cgv-titre 
    { font-size:11pt; font-weight:bold; color:#f2aa39; margin-top:10px; margin-bottom:6px; text-indent:0px }

td.ContenuGeneralInfosAtanka ul.ingredients
    { font-size:10pt; font-weight:normal; margin:0px; padding-left:20px; text-indent:0px }
td.ContenuGeneralInfosAtanka ul.ingredients li { margin:3px 0px; padding:0px }
		
/* styles encarts génériques */

table.encart td.languette { width:10px; }
table.encart td.languette div { height:21px; width:9px; 
    border-top-width:1px; border-top-style:solid; 
	border-left-width:1px; border-left-style:solid; }
table.encart td.contenu div.cadre-contenu { border-width:1px; border-style:solid; }
table.encart table.ligne-titre { width:100%; height:21px; font-weight:bold; font-size:10pt; }
table.encart table.ligne-titre td.titre { padding:1px 8px 1px 4px; height:19px; color:white; 
                                           vertical-align: middle; white-space:nowrap }
table.encart table.ligne-titre td.titre a { color:white; }
table.encart table.ligne-titre td.suite-titre { padding:1px 4px 1px 8px; height:19px; width:100%; 
                                                 vertical-align: middle;  }
table.encart td.contenu div.contenu { padding:4px }

table.bleu div { border-color:#65b5c9; }
table.bleu td.languette div { background-color:#2f8399 ; }
table.bleu td.titre { background-color:#65b5c9 ; }
table.bleu td.contenu { background-color:#f7fcfc; color:#005690; }
table.bleu td.contenu a { color:#005690 }

table.jaune div { border-color:#ffca85; }
table.jaune td.languette div { background-color:#f2aa39; }
table.jaune td.titre { background-color:#ffca85; }
table.jaune td.contenu { background-color:#fffaf5; color:#67594c; }
table.jaune td.contenu a { color:#67594c; }

table.gris div { border-color:#b8b8b8; }
table.gris td.languette div { background-color:#929292; }
table.gris td.titre { background-color:#b8b8b8; }
table.gris td.contenu { background-color:#fbfbf8; color:#625f49; }
table.gris td.contenu a { color:#625f49; }

table.vert div { border-color:#6b8d45; }
table.vert td.languette div { background-color:#485f2e; }
table.vert td.titre { background-color:#6b8d45; }
table.vert td.contenu { background-color:#e1fac5; color:#243017; }
table.vert td.contenu a { color:#243017; }

table.rouge div { border-color:#cc6d8e; }
table.rouge td.languette div { background-color:#b03d65; }
table.rouge td.titre { background-color:#cc6d8e; }
table.rouge td.contenu { background-color:#faebf0; color:#4d1a2c; }
table.rouge td.contenu a { color:#4d1a2c; }

/* formulaire */
table.Formulaire tr td { padding: 2px 4px; }
table.Formulaire tr th { padding: 2px 4px; font-weight:bold; }
table.Formulaire tr td.Section { padding-top: 10px; padding-left:0px; 
	font-weight:bold; color:#EEAC4C; border-bottom:solid 1px #CCCCCC;}
table.Formulaire tr td.InviteSaisie { text-align:right; vertical-align:top; 
	padding-top:6px; white-space:nowrap }
table.Formulaire tr td.InviteAffichage { text-align:right; }
table.Formulaire tr td.BasFormulaire { padding-left:0px; text-align:center;
	border-top:solid 1px #CCCCCC; }

/* gestion panier */
table.ContenuPanier { margin:0px auto; width:620px }
div.SectionPanier { padding: 8px 4px 8px 0px; color:#EEAC4C; font-weight:bold; text-align:left; font-size:11pt }
div.AlertePanier { font-size:10pt; font-weight: bold; line-height:1.5em; text-align:center; padding:8px; border:solid 2px #acc78e;
                        margin:8px auto; width:600px; background-color:#7ca350 }
table.TableauGeneral td.ContenuGeneralPanier div.SectionPanier a { color:#EEAC4C; }
table.ContenuPanier tr td.Prix { padding: 0px 6px; width:60px; text-align:right }
table.ContenuPanier tr td.Qte { width:100px; }     /* pas "Quantite" sinon conflit ! */
table.ContenuPanier tr td.PrixTotal { padding: 0px 6px 0px 10px; width:60px; text-align:right; font-weight:bold; }
table.ContenuPanier tr td.Rayon { padding: 8px 4px 4px 4px; color:#acc78e; font-weight:bold; text-align:left }
table.ContenuPanier tr td.Rayon a { color:#acc78e; }
table.ContenuPanier tr td.Produit { padding-left: 20px; padding-right:6px; text-align:left }
table.ContenuPanier tr td.Header { padding-top:8px; color:#acc78e; font-weight:bold; }
table.ContenuPanier tr td.Header a { color:#acc78e; }
table.ContenuPanier tr td div.Total { padding: 4px 6px; color:#acc78e; font-weight:bold; 
	border-top: solid 1px #acc78e; margin-top:8px}
table.ContenuPanier tr td div.TotalGeneral { padding: 4px 6px; font-weight:bold; text-align:right; color:White;  
	border-top: solid 1px #acc78e; border-bottom: solid 1px #acc78e; margin-top:8px; background-color:#7ca350; }
table.ContenuPanier tr td div.Total a { color:#acc78e; }
table.ContenuPanier tr td div.infos { padding:0.5em 0em; color:#d6e3c8 }
table.ContenuPanier tr td div.infos a { color:#d6e3c8 }

/* affichage stock */
table.ListeStock { margin:0px auto; clear:both }
table.ListeStock tr td.Rayon { padding: 18px 0px 4px 0px; font-weight:bold; text-align:left; 
                               color:#d0d0d0; border-bottom:solid 1px #d0d0d0;}
table.ListeStock tr td.Rayon a { color:#a0a0a0; }
table.ListeStock tr td.Prix { padding: 0px 6px; width:60px; text-align:right; font-weight:bold; }
table.ListeStock tr td div.Stock { padding: 0px 6px ; border:solid 1px #EEAC4C; margin-right:10px; height:18px; 
                                   color:#EEAC4C; text-align:center; font-weight:bold;}
table.ListeStock tr td.TitreStock { padding: 8px 0px 4px 0px; }
table.ListeStock tr td.Photo { padding:10px 6px 0px 0px; }
table.ListeStock tr td.Produit { padding:10px 0px 6px 0px; text-align:left; font-weight:bold; font-size:11pt; color:#c1262c; }
table.ListeStock tr td.Produit a { color:#c1262c; }
table.ListeStock tr td.Conditionnement { width:150px; padding-right:6px; text-align:left }
table.ListeStock tr.Conditionnement { height:20px; }
table.ListeStock tr.Conditionnement td { height:20px; }

/* suivi commandes / avis */

table.Tableau tr td { padding: 2px 5px; }
table.Tableau tr th { padding: 2px 5px; font-weight:bold; color:#EEAC4C; border-bottom:solid 1px #dddddd }
table.Tableau tr.focus td { background-color:#eeeeee; }
table.Tableau tr.pied td { font-weight:bold; border-top:solid 1px #dddddd }
table.Tableau tr td.pied { font-weight:bold; border-top:solid 1px #dddddd }

table.Tableau tr td.Avis { padding:5px; line-height:1.5em; border-bottom:solid 1px #dddddd; }
table.Tableau tr td.Avis img { float:left; margin:2px 5px 5px 0px; }
table.Tableau tr td.Avis a.NomProduit { font-weight:normal; color:#c1262c; }
table.Tableau tr td.Avis div.TexteAvis { margin:6px 0px; padding:3px; line-height:1.2em; font-style:italic; font-weight:bold;
                                     background-color:#ebebe8; color:#222222; border: solid 1px #b8b8b8; }
table.Tableau tr td.Avis div.ActionAvis { margin:4px 0px; }                                     
table.Tableau tr td.Avis div.ActionAvis a { text-decoration:underline; }
table.Tableau tr td.Avis div.ActionAvis a:hover { color:Black; }