/*STYLE ACCESIBILLITE*/ .accessibilite {POSITION: absolute; FLOAT: left; display: block; VISIBILITY: visible} .accessibilite2 {POSITION: absolute; FLOAT: left; width: 1px; height :1px; display: block; VISIBILITY: hidden} /*page d'accueil*/ body {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 0.75em; FONT-STYLE: normal; MARGIN-TOP: 0px; MARGIN-LEFT: 0px; MARGIN-right: 0px; TEXT-ALIGN: center; COLOR: black; BACKGROUND-COLOR: #EFEEE5} #container {position: relative; width: 995px; height: 100%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;} #fond {position: relative; width: 995px; height: 526px; MARGIN-LEFT: 0; MARGIN-RIGHT: 0; background: url(../fr/icn/fond-acc.jpg)} /*page d'accueil navigation*/ /*page d'accueil pictogramme du haut*/ #pictogramme {POSITION: relative; top: 0px; left: 0px; WIDTH: 995px; HEIGHT: 38px; BACKGROUND-color: #EEECE3; FLOAT: left;} #collect {POSITION: relative; FLOAT: left; top: 00px; left: 2px; WIDTH: auto; HEIGHT: 15px;} #anglais {POSITION: relative; FLOAT: left; top: 07px; left: 2px; WIDTH: auto; HEIGHT: 15px;} #aide {POSITION: relative; FLOAT: left; top: 07px; left: 2px; WIDTH: auto; HEIGHT: 15px;} #credits {POSITION: relative; FLOAT: left; top: 07px; left: 2px; WIDTH: auto; HEIGHT: 15px;} #accessibilite {POSITION: relative; FLOAT: left; top: 07px; left: 2px; WIDTH: 80px; HEIGHT: 15px;} #plansite {POSITION: relative; FLOAT: left; top: 07px; left: 2px; WIDTH: auto; HEIGHT: 15px;} #chrono {POSITION: relative; top: 07px; left:6px; FLOAT: left; width: auto; HEIGHT: 15px;} #lexique {POSITION: relative; top: 07px; left: 4px; FLOAT: left; width: auto; HEIGHT: 15px;} #guide {POSITION: relative; top: 07px; left: 6px; FLOAT: left; width: auto; HEIGHT: 15px;} #enseign {POSITION: relative; top: 07px; left: 6px; FLOAT: left; width: auto; HEIGHT: 15px;} #stdimages {POSITION: relative; top: 07px; left: 6px; FLOAT: left; width: auto; HEIGHT: 15px;} #jeux {POSITION: relative; top: 07px; left: 6px; FLOAT: left; width: auto; HEIGHT: 15px;} .pictos {TEXT-ALIGN: left; font-size: 0.75em; font-family:arial,serif; TEXT-DECORATION: none; color: #000000; } a:hover { text-decoration: underline; } /*navigation par chapitres*/ #chapitres {position: relative; left: 433px; top: 258px; left: 433px; width: 250px; height: auto; float: left; text-align: left; z-index:10;} #chap1 {POSITION: relative; WIDTH: 250px; HEIGHT: 34px; FLOAT: left; BACKGROUND-REPEAT: no-repeat; text-align: left; z-index: 1; background-image: url(../fr/icn/chap1.jpg)} #chap1 a {POSITION: relative; WIDTH: 250px; HEIGHT: 34px; background-image: url(../fr/icn/chap1.jpg); FLOAT: left; BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap1 a:hover {POSITION: relative; WIDTH: 250px; HEIGHT: 34px; background-image: url(../fr/icn/chap1_roll.jpg); FLOAT: left; BACKGROUND-REPEAT: no-repeat; text-decoration: none;} #chap2 {POSITION: relative; WIDTH: 250px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/chap2.jpg); FLOAT: left; text-align: left; z-index: 1;} #chap2 a {POSITION: relative; WIDTH: 250px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/chap2.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap2 a:hover {POSITION: relative; WIDTH: 250px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/chap2_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap3 {POSITION: relative; WIDTH: 250px; HEIGHT: 29px; BACKGROUND-IMAGE: url(../fr/icn/chap3.jpg); FLOAT: left; text-align: left; z-index: 1;} #chap3 a {POSITION: relative; WIDTH: 250px; HEIGHT: 29px; BACKGROUND-IMAGE: url(../fr/icn/chap3.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap3 a:hover {POSITION: relative; WIDTH: 250px; HEIGHT: 29px; BACKGROUND-IMAGE: url(../fr/icn/chap3_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap4 {POSITION: relative; WIDTH: 250px; HEIGHT: 42px; BACKGROUND-IMAGE: url(../fr/icn/chap4.jpg); FLOAT: left; text-align: left; z-index: 1;} #chap4 a {POSITION: relative; WIDTH: 250px; HEIGHT: 42px; BACKGROUND-IMAGE: url(../fr/icn/chap4.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #chap4 a:hover {POSITION: relative; WIDTH: 250px; HEIGHT: 42px; BACKGROUND-IMAGE: url(../fr/icn/chap4_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #sdimage {POSITION: absolute; left: 720px; top: 258px; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage.jpg); FLOAT: left; text-align: left; z-index: 50;} #sdimage a {POSITION: relative; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #sdimage a:hover {POSITION: relative; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #sdimagels {POSITION: absolute; left: 720px; top: 327px; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage_ls.jpg); FLOAT: left; text-align: left; z-index: 50;} #sdimagels a {POSITION: relative; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage_ls.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #sdimagels a:hover {POSITION: relative; WIDTH: 81px; HEIGHT: 69px; BACKGROUND-IMAGE: url(../fr/icn/stdimage_ls_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;} #gifanime {POSITION: absolute; left: 873px; top: 413px; WIDTH: 74px; HEIGHT: 76px; BACKGROUND-IMAGE: url(../icn/jeux_fd.jpg); FLOAT: left; text-align: left; z-index: 51;} #gifanime a {POSITION: relative; WIDTH: 74px; HEIGHT: 76px; BACKGROUND-IMAGE: url(../icn/jeux_fd.jpg); FLOAT: left; text-align: left; z-index: 51;} #gifanime a:hover {POSITION: relative; WIDTH: 74px; HEIGHT: 76px; BACKGROUND-IMAGE: url(../icn/anim_picto_jeux.gif); FLOAT: left; text-align: left; z-index: 51;} #jeuxtxt {POSITION: absolute; top: 487px; left: 873px; WIDTH: 74px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/jeux_txt.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none; z-index: 53;} #jeuxtxt a {POSITION: relative; WIDTH: 74px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/jeux_txt.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;; z-index: 53;} #jeuxtxt a:hover {POSITION: relative; WIDTH: 74px; HEIGHT: 28px; BACKGROUND-IMAGE: url(../fr/icn/jeux_txt_roll.jpg); FLOAT: left; FONT-SIZE: 1em; FONT-FAMILY: arial,serif; text-decoration: none;; z-index: 53;} .invisible {position:absolute; visibility:hidden;}