body {
    margin: 0;
    padding: 0;
	background:#000;
    color:#aaa;
}

.clear {clear:both;}


#nuages {
	background:#000 url(Images/ciel.png) repeat-x;
}

#nuagespetit {
	background:#000 url(Images/ciel.png) repeat-x;
	    height: 96px;
}

#wrap {
    width:954px;
    margin:0px auto;
}

#guyjulien {
    background:url(Images/guyjulien.png) no-repeat;
    height: 66px;
    width: 954px;
    position: absolute;
    top: 379px;
}

#header {
    height: 445px;
    width: 954px;
}

#header2 {
    height: 96px;
    width: 954px;
}


#arbre1 {
    background:url(Images/arbre.png) no-repeat;
    height: 167px;
    width: 227px;
    position: absolute;
    top: 278px;
    left: 5%;
}

#arbre2 {
    background:url(Images/arbre2.png) no-repeat;
    height: 445px;
    width: 745px;
    position: absolute;
    top: 0px;
    right: 1%;
}

#ovnis {
    background:url(Images/ovnis.png) no-repeat;
    height: 136px;
    width: 110px;
    position: absolute;
    top: 309px;
    right: 50%;
}

#castor {
    background:url(Images/goldo.png) no-repeat;
    height: 235px;
    width: 142px;
    position: fixed;
    top: 235px;
    left: 8%;
}
#city {
    background:url(Images/city.png) no-repeat;
    height: 91px;
    width: 1129px;
    position: absolute;
    top: 332px;
}

#goldo {
    background:url(Images/goldorak.png) no-repeat;
    height: 263px;
    width: 216px;
    position: absolute;
    top: 188px;
    left: 69%;
}
#goldo2 {
    background:url(Images/goldorak2.png) no-repeat;
    height: 148px;
    width: 180px;
    position: absolute;
    top: 300px;
    right: 0%;
}
#jaws {
    background:url(Images/jaws.png) no-repeat;
    height: 382px;
    width: 294px;
    position: absolute;
    top: 75px;
    right: 20%;
}
#lutte {
    background:url(Images/lutte.png) no-repeat;
    height: 335px;
    width: 444px;
    position: absolute;
    top: 110px;
    left: 0%;
}
#jr {
    background:url(Images/jr.png) no-repeat;
    height: 505px;
    width: 457px;
    position: absolute;
    top: 40px;
    right: 5%;
}
#guy {
    background:url(Images/guyy.png) no-repeat;
    height: 320px;
    width: 297px;
    position: absolute;
    top: 176px;
	right: 12%;

}
#kong {
    background:url(Images/kong.png) no-repeat;
    height: 445px;
    width: 892px;
    position: absolute;
    top: 0px;

}
#sapin {
    background:url(Images/sapin.png) no-repeat;
    height: 444px;
    width: 507px;
    position: absolute;
    top: 0px;
    right: 0%;
}
#st-at {
    background:url(Images/st-at.png) no-repeat;
    height: 258px;
    width: 170px;
    position: absolute;
    top: 200px;
    right: 0%;
}

#content {
    margin: 10px 30px 10px 30px;
    padding: 0px;
    background: #000000;
}

#content p{
    font-family: /*Charcoal,*/ Arial, Helvetica, sans-serif;
	font-variant: small-caps;
		font-weight: lighter;
	letter-spacing: -0.4px;
    font-size: 20px;
    color: #EEEEEE;
}
#content p1{
    font-family: /*Charcoal,*/ Arial, Helvetica, sans-serif;
	font-variant: small-caps;
		font-weight: lighter;
		background: black;
	letter-spacing: -0.4px;
	line-height: 34px;
    font-size: 20px;
    color: #FFFFFF;
}
#content .p2{
    font-family: /*Charcoal,*/ Arial, Helvetica, sans-serif;
	font-variant: small-caps;
		font-weight: lighter;
		background: yellow;
	letter-spacing: -0.4px;
    font-size: 20px;
    color: #000000;
}
#content .p3{
   font-family: Impact, Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	 text-decoration: blink;
	letter-spacing:1px;
	font-weight: normal;
    font-size: 22px;
    color: #FFF;
}
#content .p4{
   font-family: Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	 text-decoration: none;
	letter-spacing: -0.2px;
	font-weight: bold;
    font-size: 21px;
    color: #FFCC00;
}
#content .p5{
   font-family: Charcoal, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-variant: small-caps;
	background: yellow;
	 text-decoration: none;
	letter-spacing: -0.1px;
	font-weight: normal;
    font-size: 15px;
    color: #000000;
}
#content .p6{
   font-family: Charcoal, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-variant: small-caps;
	 text-decoration: none;
	letter-spacing: -0.1px;
	font-weight: normal;
    font-size: 15px;
    color: #CCFF66;
}

#content a{
   font-family: Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 0px;
	font-weight: normal;
    font-size: 20px;
    color: #CC2200;
}

#content a2{
    font-family: Impact, Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-decoration: blink;
	letter-spacing: -0.2px;
    font-size: 22px;
    color: #FFCC00;
}

#content h1{

   font-family: Impact, Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	 text-decoration: blink;
	letter-spacing: -0.4px;
	font-weight: normal;
    font-size: 29px;
    color: #FFF;
}

#content h2{
    font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	letter-spacing: -14px;
	font-weight: bold;
    font-size: 46px;
    color: #CC0000;
}

#content h2:hover{
    font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	letter-spacing: -4px;
	font-weight: bold;
    font-size: 46px;
    color: #FFCC00;
}

#col-gauche {
    width: 350px;
    float: left;
	margin-top: 0px;
	margin-left: 0px;
    overflow: hidden;
}

#col-droit {
    width: 510px;
    float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
    overflow: hidden;
}

#col-unique {
    width: 954px;
    float: right;
	margin-top: 0px;
	margin-right: 30px;
    overflow: hidden;
}


#menu {
    background:url(Images/vert_menu.jpg) no-repeat;
    width:954px;
    margin:0 auto 10px auto;
    height: 71px;

}

/* the navigationbar in the header */
#navbar {
	position: relative;
	top: 10px;
	left: 20px;
}

/* the links in the navigationbar are an unordered list */
#navbar ul {
} 

#navbar li {
    list-style: none;
    display: block;
    width: auto;
    float: left;
} 

#navbar a {
    text-decoration: overline;
    display: block;
    padding: 4px 10px 32px 10px;
    font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight: bold;
    font-size: 22px;
    color: #FFF;
} 

#navbar a:hover {
    text-decoration: blink;
    background: #000;
    color: #CCFF66;
}
#navbar img {
    border: none;
	padding: 0px 4px 3px -10px;
}
    
/* the footer contains all copyright info etcetera */
#footer {
	clear: both;

    background: #000;
    width:954px;
	line-height: 30px;
	vertical-align: bottom;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer_img {
    background:url(Images/footer.gif) repeat-x;
    height: 143px;
}

#footer p {
    color: #CBFF65;
    padding-right: 20px;
} 

#footer a {
    color: #A8FE00;
}

#footer a:hover {
    color: #FFFFFF;
}

.form {float:left; margin: 0;}
.form .text {
	display:block;
	border: none;
	width:80px;
	padding: 10px 25px 5px 0px;
	font-family: Charcoal, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
		font-weight: normal;
		background: black;
	letter-spacing: -0.1px;
	font-size:14px;
	color:#FFFFFF;
}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form input {color: #FFFFFF; background: #000000;}
.form textarea {color: #FFCC00; background: #000000;}
/*.form .text:hover{background:#66CCFF; opacity:0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; border: solid 1px #000000;}
.form .text:hover{background:#66CCFF; border: solid 1px #000000;}*/
.form .text:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button {
	display:block;
	color: #000000;
	border:1px solid #666666;
	background:#66CCFF;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover {
	display:block;
	color: #FFFFFF;
	border:1px solid #666666;
	background: #000000;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}