body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; color: #000; text-decoration: none; background-image: none; margin: 0; padding: 0; }
div { border: 0px solid #000; }

/* ----------------------------- STRUCTURE ----------------------------- */
#medieval { background-color: #af0; }	/* mediéval - vert */
#cadre, #centre, #access, #logo, #lang { position: absolute; visibility: visible; border: 0px solid #000; }
#cadre { z-index: 1; }
#centre, #access, #logo { z-index: 2; }
#page { position: relative; border: 1px solid #000; visibility: visible; z-index: 3; }
#bas { position: relative; border: 0px solid #000; visibility: visible; z-index: 3; }
#lang { z-index: 4;}

#cadre { left: 5px; top: 5px; width: 950px; height: 610px; }
#access { left: 650px; top: 7px; width: 260px; font-size: 10px; text-align: right; }
#logo { left: 240px; top: 0px; width: 362px; height: 61px; padding: 2px; background-color: #fff; }
#gauche { position: absolute; visibility: hidden; left: 0; top: 0; width: 0; padding: 0; }
#centre { left: 0px; top: 66px; width: 950px; }
#page { left: 0px; top: 0px; width: 950px; height: 450px; padding: 20px; background-color: #ff6; } /* jaune */
#bas { left: 760px; top: 0px; width: 140px; height: 30px; padding: 5px; }

#titre, #txt, #txt1, #txt2 { position: absolute; visibility: visible; z-index: 4; }
#titre { left: 290px; top: 10px; width: 450px; height: 90px; }
#txt { left: 40px; top: 140px; width: 520px; height: 330px; }
#txt1 { left: 40px; top: 130px; width: 500px; height: 330px; } /* plan */
#txt2 { left: 625px; top: 382px; width: 350px; }
#txt_a, #txt_b, #txt_c, #txt_d, #txt_e, #txt_f { position: absolute; left: 10px; top: 165px; width: 580px; height: 300px; visibility: hidden; z-index: 3; }
#txt_a1, #txt_b1, #txt_c1, #txt_d1, #txt_e1, #txt_f1 { position: absolute; left: 10px; top: 115px; width: 540px; height: 370px; visibility: hidden; z-index: 3; } /* plan */
#lang { left: 920px; top: 20px; width: 40px; height: 25px; text-align: right; } /* drapeau langue : fr -> en ou : en, it -> fr */

/* plan du jardin : plantes en vert */
#jardin_a, #jardin_b, #jardin_c, #jardin_d, #jardin_e, #jardin_f { position: absolute; background: #370; width: 100px; height: 133px; border: 0px solid #930; padding: 3px; visibility: visible; z-index: 5; }
#jardin_a img, #jardin_b img, #jardin_c img, #jardin_d img, #jardin_e img, #jardin_f img { width: 100px; height: 133px; border: 0px solid #000;}

#jardin_a { left: 623px; top: 73px; }
#jardin_b { left: 739px; top: 73px; }
#jardin_c { left: 855px; top: 73px; }
#jardin_d { left: 623px; top: 225px; }
#jardin_e { left: 739px; top: 225px; }
#jardin_f { left: 855px; top: 225px; }

#plante_a, #plante_b, #plante_c, #plante_d, #plante_e, #plante_f { position: absolute; left: 60px; top: 0px; width: 202px; height: 152px; border: 0px solid #920; visibility: hidden; z-index: 6; }
#plante_a img, #plante_b img, #plante_c img, #plante_d img, #plante_e img, #plante_f img { width: 200px; height: 150px; border: 1px solid #000; }

#plante_d2 { position: absolute; left: 90px; top: 40px; width: 117px; height: 106px; visibility: hidden; z-index: 6; }
#plante_d2 img { width: 115px; height: 104px; border: 1px solid #000; }

#plante_e2 { position: absolute; left: 245px; top: 86px; width: 82px; height: 85px; visibility: hidden; z-index: 6; }
#plante_e2 img { width: 80px; height: 83px; border: 1px solid #000; }

/* allées du jardin en vert */
#jardin { position: absolute; left: 610px; top: 60px; width: 364px; height: 318px; padding: 0; border: 0px solid #930; background:#370; visibility: visible; z-index: 4; }

/* ---------------------------- PAGE ---------------------------- */
img.plan { border: 1px solid #600; width: 100px; height: 133px; }


h1, h2, h3 { font-weight: bold; margin: 0; padding: 0; }
h1 { font-size: 22px; color: #370; }	/* vert */
h2 { font-size: 20px; color: #260; }
h3 { font-size: 17px; color: #260; }

p { font-size: 17px; margin: 0.5em 0 0 0; }

a { font-weight: normal; text-decoration: none; color: #fff; } /*blanc */
a:link { } 
a:visited { }
a:hover { }
a:active { }
#txt a:link, #txt1 a:link, #txt2 a:link, #titre a:link { color: #309; } /* lilas */
#txt a:visited, #txt1 a:visited, #txt2 a:visited, #titre a:visited { color: #309; }
#txt a:hover, #txt1 a:hover, #txt2 a:hover, #titre a:hover { color: #996; } /* gris */
#txt a:active, #txt1 a:active, #txt2 a:active, #titre a:active { color: #996; }

/* --------------------------- BAS ---------------------------- */
/* copyright à droite */
#bas p { font-family: "Times new roman", Times, "Book antiqua", "Century schoolbook", serif; font-size: 16px; text-align: right; margin: 0; }

/* --------------------------- ACCESS et LOGO ---------------------------- */
#access a, #logo a { font-size: 12px; color: #000;}