html{
font-size:100%;
}

body {
background-color:#000000;
background-image:url(img/fond.gif);
background-repeat:no-repeat;
background-position:center 8px;
margin:0;
padding:0;
font-family:century gothic,verdana,arial,sans-serif;
font-size:11px;
color:white;
}

a {
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:none;
}

#accueil {
color:#ffd000;
padding-left:4px;
}

#etage {
color:#ffff00;
}

#comptoir {
color:#ff9d00;
}

#biographie {
color:#ffd066;
}

#illustrations, #animations {
font-size:21px;
text-align:center;
color:#ffff99;
font-weight:normal;
text-decoration:none;
}

#illustrations:hover, #animations:hover {
font-weight:bold;
text-align:center;
color:white;
}

#accueil, #etage, #comptoir, #biographie {
font-weight:bold;
}

#accueil:hover, #etage:hover, #comptoir:hover, #biographie:hover {
font-weight:900;
}

#contact {
color:#0066ff;
font-size:15px;
font-weight:normal;
text-decoration:none;
}

.adresse {
color:#00ffff;
font-size:15px;
font-weight:normal;
text-decoration:none;
}

.bold {
font-weight:bold;
}

img {
border:0;
}

/* ---------------------------- etage illustration --------------------------*/

#idDivImage{
 position: absolute;
 top:22px;
 width:100%;
text-align:center;
 display:none;
 z-index:100;
 margin:0;
 padding:0;
}


#layer1, #Layer2, #Layer3, #Layer4 {
 position: absolute;
 top:22px;
 width:800px;
text-align:center;
 margin:0;
 padding:0;
}


#boutonflash {
background-image:url(img/Autoportrait-trait2.gif);
background-repeat:no-repeat;
background-position:right 72px;
background-color:white;
}

#etageillustrations #accueil {color:#cc3300;}

#etageillustrations #etage {color:#ff6600;}

#etageillustrations #comptoir {color:#ff0000;}

#etageillustrations #biographie {color:#ff3366;}

#icones img {
padding:6px 2px 0 2px;
}

#icones .couleur {
padding:0 2px 0 2px;
}

/* ---------------------------- comptoir des animations --------------------------*/

#pageanimation a {
color:#ffff99;
text-decoration:none;
display:block;
min-height:36px;
font: bold 12px/36px century gothic;
}

#arte {
padding-right:10px; margin-left:27px; background-color:#330033;
}

#ratp {
padding-left:15px; margin-right:90px; background-color:#00695b;
}

#sante {
padding-right:10px; margin-left:135px; background-color:#c7400d;
}

#figaro {
padding-left:15px; margin-right:98px; background-color:#780900;
}

#plein {
padding-right:10px; margin-left:19px; background-color:#414141;
}

#tobo {
padding-left:15px; margin-right:125px; background-color:#571f69;
}

#presto {
padding-right:10px; margin-left:49px; background-color:#7d298b;
}

#gene {
padding-left:15px; margin-right:66px; background-color:#940000;
}

#fred {
padding-right:10px; margin-left:19px; background-color:#8b0400;
}

#typo {
padding-left:15px; margin-right:61px; background-color:#942e40;
}

#tobo2 {
padding-right:10px; margin-left:133px; background-color:#730033;
}

#loup {
padding-left:15px; margin-right:25px; background-color:#782933;
}

#cosmic {
padding-right:10px; margin-left:104px; background-color:#990058;
}

#noel {
padding-left:15px; margin-right:150px; background-color:#4a3c4e;
}

#pixel {
padding-right:10px; margin-left:39px; background-color:#993300;
}

#voeux {
padding-left:15px; margin-right:16px; background-color:#6a2e37;
}

#autop {
padding-right:10px; margin-left:106px; background-color:#005353;
}

#vitro {
padding-left:15px; margin-right:194px; background-color:#52002f;
}

#pixil {
padding-right:10px; margin-left:70px; background-color:#7d0000;
}

#visage {
padding-left:15px; margin-right:108px; background-color:#644705;
}

h1 {
padding-top:30px;
text-align:right;
font-size:17px;
font-style:italic;
color:#CCCC00;
font-weight:normal;
padding-right:90px;
margin:0;
}

.jaune {
color:#CC9900;
font-size:15px;
}

#real {
color:#FFFF00;
}

#flash {
color:#33CC00;
}

h2 {
text-align:right;
font-size:15px;
margin:0;
padding-right:220px;
}


#Layer1 {
	position:absolute;
	z-index:1;
	top: 22px;
	visibility: hidden;
}
#Layer2 {
	position:absolute;
	top:22px;
	z-index:2;
	height: 380px;
	visibility: hidden;
}
#Layer3 {
	position:absolute;
	top:22px;
	z-index:3;
	visibility: hidden;
}
#Layer4 {
	position:absolute;
	top:22px;
	width:800px;
	height:375px;
	z-index:4;
	visibility: hidden;
}
#Layer5 {
	position:absolute;
	top:22px;
	width:200px;
	height:115px;
	z-index:5;
	visibility: hidden;
}
#Layer6 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:6;
	visibility: hidden;
}
#Layer7 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:7;
	visibility: hidden;
}
#Layer8 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:8;
	visibility: hidden;
}
#Layer9 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:9;
	visibility: hidden;
}
#Layer10 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:10;
	visibility: hidden;
}
#Layer11 {
	position:absolute;
		top:22px;	
	width:200px;
	height:115px;
	z-index:11;
	visibility: hidden;
}
#Layer12 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:12;
	visibility: hidden;
}
#Layer13 {
	position:absolute;
	top:22px;
	width:200px;
	height:115px;
	z-index:13;
	visibility: hidden;
}
#Layer14 {
	position:absolute;
	top:22px;
	width:200px;
	height:115px;
	z-index:14;
	visibility: hidden;
}
#Layer15 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:15;
	visibility: hidden;
}
#Layer16 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:16;
	visibility: hidden;
}
#Layer17 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:17;
	visibility: hidden;
}
#Layer18 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:18;
	visibility: hidden;
}
#Layer19 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:19;
	visibility: hidden;
}
#Layer20 {
	position:absolute;
		top:22px;
	width:200px;
	height:115px;
	z-index:20;
	visibility: hidden;
}

#Layer21 {
	position:absolute;
	top:22px;
	z-index:21;
	visibility: hidden;
}

#Layer22 {
	position:absolute;
	top:22px;
	z-index:22;
	visibility: hidden;
}

#Layer23 {
	position:absolute;
	top:22px;
	z-index:23;
	visibility: hidden;
}

#Layer24 {
	position:absolute;
	top:22px;
	z-index:24;
	visibility: hidden;
}

#Layer25 {
	position:absolute;
	top:22px;
	z-index:25;
	visibility: hidden;
}

#Layer26 {
	position:absolute;
	top:22px;
	z-index:26;
	visibility: hidden;
}

#Layer27 {
	position:absolute;
	top:22px;
	z-index:27;
	visibility: hidden;
}

#Layer28 {
	position:absolute;
	top:22px;
	z-index:28;
	visibility: hidden;
}

#Layer29 {
	position:absolute;
	top:22px;
	z-index:29;
	visibility: hidden;
}


#Layer31 {
	position:absolute;
	top:22px;
	z-index:31;
	visibility: hidden;
}

#Layer32 {
	position:absolute;
	top:22px;
	z-index:32;
	visibility: hidden;
}

#Layer33 {
	position:absolute;
	top:22px;
	z-index:33;
	visibility: hidden;
}

#Layer34 {
	position:absolute;
	top:22px;
	z-index:34;
	visibility: hidden;
}

#Layer35 {
	position:absolute;
	top:22px;
	z-index:35;
	visibility: hidden;
}

/* -------------------------- rayon biographie ---------------------------------*/


#bio {
background-color:white;
background-image:url(img/petitebio.gif);
background-repeat:no-repeat;
background-position:50% 35%;
}

#calque1{
	position:absolute;
	top:22px;
	z-index:1;
	visibility: hidden;
}

#calque2{
	position:absolute;
	top:22px;
	z-index:2;
	visibility: hidden;
}

#calque3{
	position:absolute;
	top:22px;
	z-index:3;
	visibility: hidden;
}
#calque4{
	position:absolute;
	top:22px;
	z-index:4;
	visibility: hidden;
}
#calque5{
	position:absolute;
	top:22px;
	z-index:5;
	visibility: hidden;
}
#calque6{
	position:absolute;
	top:22px;
	z-index:6;
	visibility: hidden;
}
#calque7{
	position:absolute;
	top:22px;
	z-index:7;
	visibility: hidden;
}
#calque8{
	position:absolute;
	top:22px;
	z-index:8;
	visibility: hidden;
}
#calque9{
	position:absolute;
	top:22px;
	z-index:9;
	visibility: hidden;
}
#calque10{
	position:absolute;
	top:22px;
	z-index:10;
	visibility: hidden;
}
#calque11{
	position:absolute;
	top:22px;
	z-index:11;
	visibility: hidden;
}
#calque12{
	position:absolute;
	top:22px;
	z-index:12;
	visibility: hidden;
}
#calque13{
	position:absolute;
	top:22px;
	z-index:13;
	visibility: hidden;
}
#calque14{
	position:absolute;
	top:22px;
	z-index:14;
	visibility: hidden;
}