/* Compare diet */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-align: left; text-decoration: none; background-image: none; margin: 0; padding: 0; }
/* ----------------------------- STRUCTURE ----------------------------- */
#logo, #logo1, #logo2, #menu, #page, #centre, #bas, #pub, #langues { border: 0px solid #000; }
div { border: 0px solid #000; }
#ayu { background-color: #ff99bb; } /* rose */
#chi { background-color: #cc0000; } /* rouge */
#hip { background-color: #0000cc; } /* bleu */
#offi { background-color: #33aa00; } /* vert sombre*/
#alt { background-color: #66dd00; } /* vert */
#cit { background-color: #9900bb; } /* violet */
#lien { background-color: #ffff00; } /* jaune */
#rec { background-color: #ffbb00; } /* orange */
#site { background-color: #ccff00; } /* vert clair */
#access, #access2, #logo, #menu, #centre, #pub { position: absolute; visibility: visible; }
#access { left: 480px; top: 7px; width: 260px; z-index: 3; }
#access2 { left: 520px; top: 42px; width: 220px; z-index: 3; }
#logo { left: 0px; top: 0px; width: 760px; height: 70px; background-color: #ccff00; z-index: 2; }
#logo2 { position: relative; left: 102px; top: -8px; width: 410px; visibility: visible; z-index: 3; }
#menu { left: 0px; top: 70px; width: 130px; background-color: #ccff00; padding: 5px; }
#centre { left: 150px; top: 70px; width: 600px; }
#page { position: relative; left: 0px; top: 0px; width: 580px; min-height: 400px; background-color: #ffffff; padding: 10px; }
/* affichage d'une marge colorée en bas après la page */
#bas { position: relative; left: 0px; top: 0px; width: 580px; height: 30px; }
#pub { left: 760px; top: 70px; width: 180px; height: 620px; text-align: center; padding: 10px; }
/* ---------------------------- PAGE ---------------------------- */
h1 { font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 0em; text-align: center; }
h1.alt { margin-bottom: 1em; }
h2 { font-size: 18px; font-weight: bold; margin-top: 0em; margin-bottom: 1em; }
h2.c { font-size: 18px; font-weight: bold; margin: 0; text-align: center; }
h3 { font-size: 16px; font-weight: bold; margin-top: 0em; margin-bottom: 0em; }
h3.c { font-size: 16px; font-weight: bold; margin-top: 0em; margin-bottom: 1em; text-align: center; }
h4 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
p { font-size: 16px; text-align: left; text-decoration: none; margin-top: 0em; margin-bottom: 1em; }
p.petit { font-size: 14px; }
/* Citations en bleu */
p.cit { font-size: 16px; margin-top: 0em; margin-bottom: 1em; color: #0000ff; }
span.cit { font-size: 16px; margin-top: 0em; margin-bottom: 1em; color: #0000ff; }
/* img et légende centrés*/
p.img { font-size: 14px; text-align: center; margin-top: 0em; margin-bottom: 1em; }
/* 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; }
/* copyright */
p.copy { font-family: "Times new roman", Times, "Book antiqua", "Century schoolbook", serif; font-size: 13px; text-align: right; margin-top: 0px; margin-bottom: 0px; }
p.acces { font-size: 10px; text-align: right; margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
#page ul { margin: 10px 0 0 20px; }
#page li { padding: 0 0 10px 15px; display: block; background: transparent url(i/gris.gif) no-repeat 0 7px; font-size: 16px; text-align: left; }
#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: #000099; } /* bleu */
a:visited { color: #993300; } /* brun */
a:focus { color: #999966; } /* gris */
a:hover { color: #999966; } /* gris */
a:active { color: #666633; } /* gris */
a.no:link { color: #000099; } /* bleu */
a.no:visited { color: #000099; } /* bleu */
a.no:focus { color: #999966; } /* gris */
a.no:hover { color: #999966; } /* gris */
a.no:active { color: #666633; } /* gris */
/* aliments, liens, recettes : image à gauche */
div.ig { padding: 10px; background-color: #ffffff; 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: #ffffff; visibility: visible; z-index: 4; }
div.idt img { float:right; margin: 0px 0px 0px 10px; }
/* commmentaires en orange */
div.comm { color: #cc6600; }
div.liens { font-size: 13px; }
/* tableaux */
td, th { font-size: 13px; padding: 3px; text-align: center; vertical-align: top; background-color: #ffffff; }
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: #ddffcc; } /* vert */
td.actu2 { vertical-align: middle; background-color: #f3d6ff; } /* violet */
td.ayur1 { vertical-align: middle; background-color: #ffddee; } /* rose */
td.ayur2 { vertical-align: middle; background-color: #ccffee; } /* bleu */
td.chin1 { vertical-align: middle; background-color: #ffdddd; } /* rose */
td.chin2 { vertical-align: middle; background-color: #cceeff; } /* bleu */
td.hipo1 { vertical-align: middle; background-color: #ddddff; } /* bleu */
td.hipo2 { vertical-align: middle; background-color: #ffffaa; } /* jaune */
td.kous1 { vertical-align: middle; background-color: #ddffbb; } /* vert */
td.kous2 { vertical-align: middle; background-color: #ddeeff; } /* bleu */
td.res { padding: 0px 0px 0px 10px; text-align: left; background-color: #ffffd2; } /* logo résultats de recherche */
/* --------------------------- GAUCHE ---------------------------- */
#menu h4 { font-size: 14px; font-weight: normal; text-align: center; margin: 0; padding: 0; }
#menu ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; }
#menu li { display: block; margin: 0 0 0 0; padding: 0 0 0 15px; display: block; background: transparent url(i/gris.gif) no-repeat 0 5px; font-size: 13px; }