/* Compare diet accueil français */
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 ------------------- */
#bas_cadre, #logo1, #logo2, #langues, #b, #c, #d, #e, #txta, #txtc, #txtd, #txte, #txtf { border: 0px solid #000; }
div { border: 0px solid #000; }

/* Accueil (index) : en 987 de large pour 1024 x 768 ou + */
#cadre, #bas_cadre, #logo1, #langues, #nous, #avis { position: absolute;  visibility: visible; }
#logo2 { position: relative; visibility: visible; }
#cadre { left: 5px; top: 70px; width: 977px; height: 1463px; border: 5px solid #3a0; z-index: 1; }
#bas_cadre { left: 16px; top: 1510px; width: 600px; height: 70px; z-index: 2; }
#logo1 { left: 0px; top: 0px; width: 520px; height: 60px; background-color: #cf0; z-index: 2; }
#logo2 { left: 102px; top: -8px; width: 410px; z-index: 3; }
#langues { left: 600px; top: 35px; width: 285px; height: 25px; z-index: 2; }
#site { background-color: #cf0; } /* vert clair */

#a, #b, #c, #d, #e, #f { position: absolute;  visibility: visible; padding: 7px; z-index: 2; }
#a { left: 7px; top: 6px; width: 347px; height: 265px; background-color: #fb0; border: 1px solid #000; }
#b { left: 378px; top: 6px; width: 590px; height: 279px; background-color: #cf0; padding: 0px; border: 1px solid #000; }	
#c { left: 6px; top: 293px; width: 592px; height: 710px; background-color: #3a0; }
#d { left: 620px; top: 263px; width: 336px; height: 410px; background-color: #6d0; } 
#e { left: 620px; top: 694px; width: 336px; height: 230px; background-color: #6d0; }
#f { left: 620px; top: 946px; width: 334px; height: 250px; background-color: #fb0; border: 1px solid #000; }

#txta, #txtb, #txtc, #txtd, #txte, #txtf { visibility: visible; padding: 10px; background-color: #fff; z-index: 4; }
#txta { width: 326px; height: 243px; }
#txtb { width: 569px; height: 258px; }
#txtc { width: 571px; height: 690px; }
#txtd { width: 315px; height: 390px; }
#txte { width: 315px; height: 210px; }
#txtf { width: 313px; height: 230px; }

#nous { padding: 10px; left: 620px; top: 1240px; width: 328px; background-color: #fff; z-index: 2; border: 1px solid #000; }
#avis { padding: 5px; left: 6px; top: 1025px; width: 592px; background-color: #fff; z-index: 2; border: 1px solid #000; }

/* -------------------- PAGE --------------------- */
h3, h4 { font-weight: bold; margin: 0; padding: 0; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
p { font-size: 16px; text-align: left; text-decoration: none; margin: 0; padding: 0 0 0.7em 0; }
p.news { background-color: #fd0; padding: 1.1em; }
p.liens { font-size: 14px; }
p.haut { font-size: 14px; text-align: center; }
p.copy { font-family: "Times new roman", Times, "Book antiqua", "Century schoolbook", serif; font-size: 16px; text-align: right; padding: 0; }

#txtb img { float:right; margin: 3px 3px 0px 20px; }
#txtc img, #txtd img, #txte img { float:left; margin: 0px 15px 10px 0px; }

ul, li { margin: 0; padding: 0; list-style: none; }
ul { margin: 0 0 0 20px; }
li  { padding: 0 0 5px 15px; display: block; background: transparent url(i/gris.gif) no-repeat 0 7px; font-size: 14px; text-align: left; }

a { font-weight: bold; text-decoration: none; }
a:link, a:visited { color: #009; } /* bleu */
a:focus, a:hover { color: #996; } /* gris */
a:active { color: #663; } /* gris */