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

/* Accueil (index) : en 960 de large pour 1024 x 768 ou + */
#cadre, #bas_cadre, #logo1, #langues, #nous, #avis { position: absolute;  visibility: visible; }
#cadre { left: 5px; top: 70px; width: 977px; height: 1524px; border: 5px solid #33aa00; z-index: 1; }
#bas_cadre { left: 16px; top: 1560px; width: 600px; height: 70px; z-index: 2; }
#logo1 { left: 0px; top: 0px; width: 520px; height: 60px; background-color: #ccff00; z-index: 2; } 
#logo2 { position: relative; left: 102px; top: -8px; width: 410px; visibility: visible; z-index: 3; }
#langues { left: 600px; top: 35px; width: 285px; height: 25px; z-index: 2; }
#site { background-color: #ccff00; } /* 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: 313px; background-color: #ffbb00; border: 1px solid #000; }
#b { left: 378px; top: 6px; width: 590px; height: 328px; background-color: #ccff00; padding: 0px; }	
#c { left: 6px; top: 341px; width: 592px; height: 690px; background-color: #33aa00; }	 
#d { left: 620px; top: 341px; width: 336px; height: 410px; background-color: #66dd00; } 
#e { left: 620px; top: 772px; width: 336px; height: 235px; background-color: #66dd00; }
#f { left: 620px; top: 1029px; width: 334px; height: 240px; background-color: #ffbb00; border: 1px solid #000; }

#txta, #txtb, #txtc, #txtd, #txte, #txtf { visibility: visible; padding: 10px; background-color: #ffffff; z-index: 4; }
#txta { width: 326px; height: 293px; }
#txtb { width: 569px; height: 306px; border: 1px solid #000; }
#txtc { width: 571px; height: 670px; }
#txtd { width: 315px; height: 390px; }
#txte { width: 315px; height: 215px; }
#txtf { width: 313px; height: 220px; } 

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

/* -------------------- PAGE --------------------- */
h3 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
h4 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
p { font-size: 16px; text-align: left; text-decoration: none; margin: 0; padding: 0 0 0.7em 0; }
p.news { background-color: #ffdd00; 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: 15px; 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 { color: #000099; } /* bleu */
a:visited { color: #000099; } /* bleu */
a:focus { color: #999966; } /* gris */
a:hover { color: #999966; } /* gris */
a:active { color: #666633; } /* gris */