/* Compare diet */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000; text-align: left; text-decoration: none; background-image: none; margin: 0; padding: 0; }
/* ----------------------------- STRUCTURE ----------------------------- */
#cadre, #haut, #haut2, #access, #langues, #gauche, #centre, #page, #bas, #droite { border: 0px solid #000; }
div { border: 0px solid #000; }
#ayu { background-color: #f9b; } /* rose */
#chi { background-color: #c00; } /* rouge */
#hip { background-color: #00c; } /* bleu */
#offi { background-color: #3a0; } /* vert sombre*/
#alt { background-color: #6d0; } /* vert */
#cit { background-color: #90b; } /* violet */
#lien { background-color: #ff0; } /* jaune */
#rec { background-color: #fb0; } /* orange */
#site { background-color: #cf0; } /* vert clair */
/* Pages : en 980 de large pour 1024 x 768 ou + */
#cadre, #haut, #access, #langues, #gauche, #centre, #droite { position: absolute; visibility: visible; }
#haut2, #page, #bas { position: relative; visibility: visible; }
#cadre { left: 0; top: 0; width: 980px; height: 100px; z-index: 1; }
#gauche, #droite, #centre { z-index: 2; }
#page, #bas { z-index: 3; }
#haut { left: 0px; top: 0px; width: 770px; height: 70px; background-color: #cf0; z-index: 3; }
#haut2 { left: 102px; top: -8px; width: 410px; z-index: 4; }
#access { left: 490px; top: 10px; width: 260px; z-index: 4; }
#langues { left: 460px; top: 43px; width: 260px; z-index: 4; }
#gauche { left: 0px; top: 70px; width: 140px; background-color: #cf0; padding: 5px; }
#centre { left: 160px; top: 70px; width: 610px; }
#page { left: 0; top: 0; width: 590px; min-height: 750px; background-color: #fff; padding: 10px; }
/* affichage d'une marge colorée en bas après la page */
#bas { left: 0; top: 0; width: 580px; height: 40px; }
#droite { left: 780px; top: 70px; width: 180px; height: 620px; text-align: center; padding: 10px; }
/* ---------------------------- PAGE ---------------------------- */
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: bold; text-align: left; }
h1 { font-size: 20px; margin-top: 10px; margin-bottom: 0; }
h1.alt { margin-bottom: 1em; }
h2 { font-size: 18px; margin-bottom: 1em; }
h2.c { font-size: 18px; margin: 0; text-align: center; }
h3 { font-size: 16px; }
h3.c { font-size: 16px; margin-bottom: 1em; text-align: center; }
h4 { font-size: 14px; }
p { font-size: 16px; text-align: left; text-decoration: none; margin-top: 0; margin-bottom: 1em; }
p.liste { margin-bottom: 0; }
p.petit { font-size: 14px; }
/* img et légende */
p.img { font-size: 14px; text-align: center; }
p.drt { font-size: 14px; text-align: right; }
/* Citations en bleu */
p.cit { font-size: 16px; margin-top: 0; margin-bottom: 1em; color: #00f; }
span.cit { font-size: 16px; margin-top: 0; margin-bottom: 1em; color: #00f; }
/* liens alternatives, regimes, recettes, citations */
p.liens { font-size: 13px; margin-top: 1em; margin-bottom: 1em; }
/* retour haut/top ou liste */
p.retour { font-size: 13px; text-align: center; margin-top: 1em; margin-bottom: 1em; }
ul, li { margin: 0; padding: 0; } li { background: none; list-style-type: none; }
#page ul { margin: 10px 0 0 20px; }
#page li { padding: 0 0 10px 15px; display: block; font-size: 16px; text-align: left; }
#ayu li { background: transparent url(i/ayur.gif) no-repeat 0 7px; }
#chi li { background: transparent url(i/chine.gif) no-repeat 0 7px; }
#hip li { background: transparent url(i/hippo.gif) no-repeat 0 7px; }
#offi li { background: transparent url(i/offic.gif) no-repeat 0 7px; }
#alt li { background: transparent url(i/alter.gif) no-repeat 0 7px; }
#cit li { background: transparent url(i/sources.gif) no-repeat 0 7px; }
#site li, #lien ul li, #rec ul li { background: transparent url(i/gris.gif) no-repeat 0 7px; }
#no li { background: none; }
#page ul ul { margin: 5px 0 0 0; }
#page li li { padding: 0 0 5px 0px; background: none; }
/* li.menu { font-size: 16px; } */
li.graphe { padding: 0 0 0 15px; font-size: 14px; }
#page li.liste { padding: 0 0 0 15px; }
a { font-weight: bold; text-decoration: none; }
a:link { color: #009; } /* bleu */
a:visited { color: #930; } /* brun */
a:focus, a:hover { color: #996; } /* gris */
a:active { color: #663; } /* gris */
a.no:link, a.no:visited { color: #009; } /* bleu */
a.no:focus, a.no:hover { color: #996; } /* gris */
a.no:active { color: #663; } /* gris */
/* image titre page */
#titre { } /* image à gauche */
#titre img { float:left; margin: 0 20px 20px 0; padding: 0; }
/* aliments, liens, recettes : image à gauche */
div.ig { padding: 10px; background-color: #fff; visibility: visible; z-index: 4; font-size: 12px; }
div.ig img { float:left; margin: 0px 15px 10px 0px; }
/* dietetiques_regimes : image à droite */
div.idt { padding: 0px; background-color: #fff; visibility: visible; z-index: 4; }
div.idt img { float:right; margin: 0px 0px 0px 10px; }
/* commmentaires en orange */
div.comm { color: #c60; }
div.liens { font-size: 13px; }
/* tableaux */
td, th { font-size: 13px; padding: 3px; text-align: center; vertical-align: top; background-color: #fff; }
th { font-weight: bold; vertical-align: middle; }
td.img { padding: 0px 0px 0px 10px; text-align: left; } /* img à droite */
td.imd { padding: 0px 10px 0px 0px; text-align: right; } /* img à droite */
td.imc { padding: 0px 0px 0px 0px; vertical-align: middle; } /* img vertical centre */
td.txt { font-size: 14px; padding: 0px 20px 0px 0px; text-align: left; } /* texte hors = 14 px */
td.txtd { font-size: 14px; padding: 0px 0px 0px 20px; text-align: left; } /* texte à droite, hors
= 14 px */
td.gauche { text-align: left; }
td.actu1 { vertical-align: middle; background-color: #dfc; } /* vert */
td.actu2 { vertical-align: middle; background-color: #f3d6ff; } /* violet */
td.ayur1 { vertical-align: middle; background-color: #fde; } /* rose */
td.ayur2 { vertical-align: middle; background-color: #cfe; } /* bleu */
td.chin1 { vertical-align: middle; background-color: #fdd; } /* rose */
td.chin2 { vertical-align: middle; background-color: #cef; } /* bleu */
td.hipo1 { vertical-align: middle; background-color: #ddf; } /* bleu */
td.hipo2 { vertical-align: middle; background-color: #ffa; } /* jaune */
td.kous1 { vertical-align: middle; background-color: #dfb; } /* vert */
td.kous2 { vertical-align: middle; background-color: #def; } /* bleu */
td.res { padding: 0px 0px 0px 10px; text-align: left; background-color: #ffffd2; } /* logo résultats de recherche */
/* --------------------------- GAUCHE et BAS ---------------------------- */
#gauche h4 { font-size: 14px; font-weight: normal; text-align: center; }
#gauche ul { margin: 0; padding: 0; list-style: none; }
#gauche li { display: block; margin: 0; padding: 0 0 0 15px; display: block; background: transparent url(i/gris.gif) no-repeat 0 5px; font-size: 13px; }
#gauche a:link, #gauche a:visited { color: #009; } /* bleu */
#gauche a:focus, #gauche a:hover { color: #996; } /* gris */
#gauche a:active { color: #663; } /* gris */
#bas p { font-family: "Times new roman", Times, "Book antiqua", "Century schoolbook", serif; font-size: 16px; text-align: right; margin: 0; padding: 7px; }
/* ------------ HAUT - access - langues -------------- */
#access p { font-size: 10px; text-align: right; margin: 0; padding: 0; }
#langues p { font-size: 12px; text-align: right; }
#access a:link, #access a:visited { color: #9ad; } /* bleu clair */
#access a:focus, #access a:hover, #access a:active { color: #663; } /* gris */