body
{
background : url(images/bg.jpg) no-repeat center top #050505 ;
font : 11px 'Arial', helvetica, sans-serif ;
color : #fff ;
color : #999 ;
background-attachment : fixed ;
}
p
{
text-align : justify ;
}

a
{text-decoration : none ;
color : #999 ;
}

a:hover
{
color : #fff ;
border-bottom : 0 ;
}

a:visited
{
color : silver ;
}

a:focus
{outline : none ;}

a:active
{
outline : none ;
position : relative ;
top : 1px ;}

img
{border : none ;}

#conteneur
{
margin : 0 auto ;
padding : 15px ;
width : 770px ;
position : relative ;
}

#intro
{
display : block ;
width : 800px ;
margin : 0  ;
}

h1.introTitle
{
margin : 0 ;
padding : 0 ;
text-indent : -5000px ;
}

#introDiv
{
width : 800px ;
margin : 0 auto ;
padding : 0 ;
---position : relative ;
overflow : hidden ;
}

h1
{
font-weight : normal ;
margin : 30px 0 ;
padding : 0 ;
font-size : 20px ;
}

h2
{
font-size : 17px ;
font-weight : bold ;
margin : 40px 0 10px 15px;
padding : 0 ;
color  :#fff ;
clear : left ;
}

p#introTxt
{
display : none ;
position : absolute ;
bottom : 0 ;
background:#000;
background:rgba(0,0,0,0.7);
filter:alpha(opacity=70);
padding : 20px 200px 20px 20px ;
width : 580px ;

}

#overflow
{
position : absolute ;
top : 0 ;
left : 0 ;
display : none ;
height : 100% ;
width : 100% ;
margin : 0 auto ;
padding : 0 ;
background  : url(images/overlay.png) repeat left top ;
background : rgba(255,255,255,0.3);
z-index : 10000 ;
}

#overflow div
{
height : 411px ;
width :502px ;
margin : 100px auto ;
padding : 0 ;
text-align:right;
}

#seeVid
{
display : block;
width : 85px ;
padding : 44px 0 0 0 ;
height : 10px ;
position : absolute ;
top : 20px ;
right : 10px ;
text-align:center ;
color : #fff ;
background : url(images/seevid.png) no-repeat center top ;
}

#seeVid:hover, #seeVid:focus 
{
opacity : 0.8 ;
filter : alpha(opacity=80);
}

#jsk
{
display : block ;
position : absolute ;
top : 530px ;
left : 140px ;
width : 89px ;
height : 147px ;
background : url(images/association-jsk.png) no-repeat left top ;
}

#jart
{
display : block ;
position : absolute ;
top : 550px ;
right : 120px ;
width : 200px ;
height : 89px ;
background : url(images/jart-skateboard-camps-logo.png) no-repeat left top ;
}

#diapo
{
width : 800px ;
height : 542px ;
margin : 0 auto ;
padding : 0 ;
overflow:hidden ;
}

#diapoLogo
{
diaply : block ;
position : absolute ;
top : 40px ;
left : 40px ;
z-index : 10000 ;
}

#menu
{
clear : left ;
padding: 0 0 0 170px;
margin : 20px 0 0 0;
overflow : hidden ;
}

#menu ul li a
{
color : #fff ;
border-bottom : none ;
}

#menu ul li a:hover, #menu ul li a:focus
{
color : #999 ;
}

dl
{float : left ;
margin : 0 30px 0 0;
font-size : 17px ;
text-transform:lowercase ;
font-variant : small-caps ;
}

dt
{
text-transform:lowercase ;
font-variant : small-caps ;
margin : 0 ;
padding: 0 ;
}

dt a
{
border:none ;
}

dt.hovered
{
color : #fff ;
}

dt:hover, dt:focus
{
cursor : pointer ;
}

dd
{
----display : none ;
margin : 0 ;
padding: 0 ;
position : absolute ;
}


#ulSkateparks
{
position : relative ;
left : -265px ;
width : 800px ;
}

dd ul
{
font-size : 15px ;
margin : 0 ;
padding: 0;
height : 60px ;
list-style-type:none ;
}

dd ul li
{
float : left ;
margin : 0 30px 0 0 ;
padding : 0 ;
}

.ovHidden
{
margin : 0 ;
padding : 0 ;
overflow : hidden ;
}

#footer
{
width : 800px ;
border-top : 1px solid #666 ;
clear : both ;
margin : 45px auto 0 auto  ;
padding : 20px 0 0 0  ;
text-align : center ;
color : #666 ;
}

#footer a
{
display : inline-block ;
margin-right : 40px ;
color : #666 ;
border : none ;
}

#footer a:hover, #footer a:focus
{
color : #fff ;
}


table
{
width : 100% ;
border-collapse : collapse ;
}

caption
{
text-align  :left ;
padding : 3px 15px ;
}

th
{
color : #fff ;
background-color :#333  ;
font-size : 13px ;
font-weight : bold ;
text-align  :left ;
padding : 3px 15px ;
}

td
{
border : 1px solid #333 ;
padding : 3px 15px ;
}

form, table
{
margin : 30px 0 ; 
}

legend
{
color : #fff ;
background-color :#333  ;
position : relative ;
top : 1px ;
padding : 4px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
font-size : 13px ;
font-weight : bold ;
}

textarea
{
width : 99% ;
font : 11px 'Arial', helvetica, sans-serif ;
color : #000 ;
height : 150px ;
}

fieldset
{
margin : 0 0 30px 0 ;
border : 1px solid #333 ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
padding : 15px ; 
}

input[type=submit], input[type=file], input[type=button], button
{
color : #fff ;
background-color :#333  ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
border : 1px solid #666 ;
padding : 3px ;
font-size : 11px ;
}

.pictures
{
float : left ;
margin : 0 15px 15px 0;
padding : 3px ;
border : 1px solid #999;
text-align : center ;
}

.picturesFo
{
float : left ;
margin : 0 5px 5px 0;
padding : 3px ;
border : 1px solid #333;
text-align : center ;
}

.pictures img, .picturesFo img
{display : block ;}

strong
{color : #fff}

.float
{float : left ;
padding : 3px ;
border : 1px solid #333;
margin : 0 20px 15px 0 ;
}

.flyers img
{
margin : 25px 30px 50px 20px ;
padding : 3px ;
border : 1px solid #666 ;
}

.flyers img:hover, .flyers img:focus
{
opacity : 0.7 ;
}