body { overflow: hidden; font: bold medium "Bradley Hand ITC", "Footlight MT Light", "arial"; color: black; text-align: center; }
img { width: 100%; border: none; }
table { width: 100%; font: 15px "Courier New", Copperplate Gothic Light, Copperplate Gothic Bold; }
a { text-decoration: none; color: white; }
#univers { background: #0033FF; }
#excursions { background: #0066FF; }
#spirale { background: #6699FF; }
#vortex { background: #9999FF; }
#muses { background: #9933CC; }
#amis { background: #990000; }
#moi { background: #FF9900; }
#trip { background: #009900; }
#book  { position: absolute; top: 50%; left: 50%; margin-top: -170px; margin-left: -370px; width: 740px; height: 400px; border: 2px solid silver; z-index: 3; }
#uni { }
#footer { position: absolute; left: 10px; bottom: 5px; font-size: x-small; }
#pli { position: fixed; right: 0; bottom: 0; width: 100px; border: none; z-index: 1; }
#nat { position: absolute; top: 50%; left: 50%; margin-top: -170px; margin-left : -370px; width: 740px; height: 400px; border: 2px solid silver; z-index 3; }
.u { color: #0033FF; }
.e { color: #0066FF; }
.s { color: #6699FF; }
.v { color: #9999FF; }
.m { color: #9933CC; }
.a { color: #990000; }
.moi { color: #FF9900; }
.t { color: #009900; }
.buro { position: absolute; left: 1%; top: 30%; width: 50%; }
.trip { position: absolute; right: 1%; width: 45% ; padding-top: 10px; line-height: 0.8em; }
.new { width: 30%;  padding-top: 10px }
.une { float: left; padding-top: 10px }
.left { float: left; width: 30%; }
.right { float: right; width: 30%; }
.top { padding: 15pt 0pt; }
.def { padding: 25pt 0pt; color: white; z-index: 5; }
.corps { z-index: 2; }
.box { position: absolute; bottom: 15%; left: 55%; width: 40%; }
.pic { vertical-align: top; width: 3.3%; border: 2px solid silver; }
.ica { width: 3.5%; }
.ice { vertical-align: top; width: 7%; border: 1px solid white; }
.ico { vertical-align: top; width: 10%; border: none; }
.icu  { width: 40%; border: none; }
.ici, .vor , .com1, .com2, .head , .book { display: none; }
a:hover div { background: white; color: silver; border: none; }
a:hover .vor { display: block; float: left; width: 18%; padding: 0pt 10pt; border: none; z-index: 3; }
a:hover .pic { width: 4%; border: 2px solid gray; }
a:hover .ice { width: 10%; border: 2px solid black; }
a:hover .ico, a:hover #pli { width: 15%; z-index: 3; }
a:hover .icu { width: 65%; border: none; z-index: 3; }
a:hover .ici { display: block; position: absolute; bottom: 20%; left: 40%; width: 10%; border: 2px solid white; }
a:hover .com1 { display: block; position: absolute; left: 20pt; Bottom: 30%; width: 30%; color: white; border: 2px solid white; z-index: 3; }
a:hover .com2 { display: block; position: absolute; right: 20pt; Bottom: 40%; width: 30%; color: white; border: 2px solid white; z-index: 3; }
a:hover .head { display: block; position: absolute; left: 5pt; top: 24pt; width: 99%; background: white; border: none; z-index: 2; }
.header { display: block; position: absolute; left: 5pt; top: 24pt; width: 99%; background: white; border: none; z-index: 1; }
a:hover .book { display: block; position: absolute; top: 50%; left: 50%; margin-top: -170px; margin-left: -370px; width: 740px; height: 400px; border: 2px solid silver; z-index: 4; }