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

/* calques */
div { border: 0px solid #000000; } 
#cadre, #logo, #voyage, #ecrire, #temps, #interieur, #vacances, #voyage2, #ecrire2, #temps2, #interieur2, #vacances2, #webmaster, #jb, #mjm { position: absolute; visibility: visible; }
#cadre { left: 5px; top: 5px; width: 950px; height: 610px; border: 1px solid #000000; z-index: 1; }
#logo { left: 200px; top: 50px; border: 1px solid #000000; z-index: 2; }
#voyage { left: 250px; top: 205px; width: 450px; padding: 20px; z-index: 5; }
#ecrire { left: 510px; top: 80px; width: 300px; z-index: 5; }
#temps { left: 650px; top: 310px; width: 300px; z-index: 5; }
#interieur { left: 380px; top: 450px; width: 300px; z-index: 5; }
#vacances { left: 85px; top: 330px; width: 300px; z-index: 5; }
#webmaster { left:753px; top:580px; z-index: 4; }
#jb { left: 260px; top: 440px; width: 120px; height: 145px; border: 1px solid #000000; z-index: 5; }
#mjm { left: 80px; top: 160px; width: 150px; height: 110px; border: 1px solid #000000; z-index: 5; }

/* fond colorés */                        
#voyage2 { left: 250px; top: 90px; width: 450px; padding: 20px; z-index: 3; }
#ecrire2 { left: 490px; top: -20px; width: 300px; padding: 20px; z-index: 4; }
#temps2 { left: 630px; top: 210px; width: 300px; padding: 20px; z-index: 4; }
#interieur2 { left: 360px; top: 350px; width: 300px; padding: 20px; z-index: 4; }
#vacances2 { left: 70px; top: 250px; width: 300px; padding: 20px; z-index: 4; }

h1, h2, h3 { font-weight: bold; text-align: center; }
h1 { font-size: 24px; margin: 1em; }
h2 { font-size: 18px; margin-top: 1em; }

a { font-weight: bold; text-decoration: none; }   
a:link { color: #fff; } /* blanc */
a:visited { color: #fff; } /* blanc */
a:focus, a:hover { color: #333; } 
a:active { color: #333; }