h2, div {
	padding:0;margin:0;
}
img { behavior: url(/css/iepngfix.htc); }
html, body {
	background-color:black;
	color:white;
	margin:0;
	padding:0;
	font-family:Helvetica;
	font-size:10pt;
	text-align: justify;
	height:100%;
}
body {
	background-image:url('/images/background.jpg');
	background-repeat:repeat;
}

p {
	font-weight:lighter;
}
a {
	color: #727272;
}
.fakeLink, .boxLink {
	cursor:pointer;

}
.mainGridBox { 
	width:974px;
	/*height will be auto-determined by script*/
	overflow-y:auto;
	overflow-x:hidden;
	padding:0;
	margin:0;
	position:absolute;
			
}



#backgroundOne { /*le masque dans le fond c'est le carrŽ parent de tout, celui qu'on voit*/
	margin-left:auto;
	margin-right:auto;
	width:974px;
	height:703px;
	overflow:hidden;
	padding:0; margin-top:0; margin-bottom:0;
	position:relative;
}

.background {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


.mainGridTwoRows {	/*/C'est ici qu'on effectue l'animation.. c'est aussi ce layer qui contient l'ombre maskShadow*/
	width:2000px;
	/*height will be auto-determined by script*/
	z-index:2;
}

#menuBar {
	width:974px;
	position:absolute;
	top:647px;
	left:0px;
	height:26px;
	z-index:50;
}

#menuFilling
{	/*974-577=397px;*/
	width:397px;
	height:26px;
	background-image:url(/images/menu_filling.png);
}
#menuBar div {
	float:left;
}


.activeMenuItem {
	background-position:0 -26px !important;
}

.boxLink:hover { 
	background-position:0 -52px;
}


#apexLogo {
/*	background-image:url("/images/apexLogo_small.png"); */
	behavior: url(/css/iepngfix.htc);
	width:100px;
	height:76px;

	position:absolute;
	left:863px;
	top:840px;
	z-index:51;
}

#apexLogo img
{	
	width:100px;
	height:76px;
	position:absolute;
	bottom:0;
	right:0;
}
.hcenter {
	margin-left:auto;
	margin-right:auto;
}


/*
* CSS pour les news
*/

#mainNewsContent {
	width:830px;
	margin-top:62px;
	margin-left:auto;
	margin-right:auto;
	
}

#newsBigPic {
	width:445px;
	height:496px;
	overflow-y:auto;
	overflow-x:hidden;
	float:left;
}

#newsBigText {
	float:left;
	padding-left:13px;
	font-family:Helvetica;
	width:366px;
	height:456px;
	overflow:auto;
	font-size:10px;
}

.newsTitle {
	font-size: 18px;
	font-variant: small-caps;
	font-weight: bold;
	text-transform:capitalize;
}
.newsBody {
	width:100%;
	border-top: #333333 dashed 1px;
	padding-top:10px;
}

.newsThumbContainer {
	background-color:black;
	position:absolute;
	top:574px;
	left:0px;
	width:974px;
	height:103px;
	overflow:hidden;
}

.items {
	width:20000em; 
    position:absolute; 
    
}

.scrollable {
	width:940px;
	height:100px;
	overflow:hidden;
    position:relative; 
}

.newsThumbContainer .thumbSpacer {
	padding:4px;
	border-left: #333333 dashed 1px;
	float:left;
}

.newsThumbContainer .thumbSpacer img {
	opacity:0.4;
	height:95px;
	width:95px;
}

.newsThumbContainer .thumbSpacer img:hover {
	opacity:1;
}


.newsThumbContainer .naviArrow {
	opacity:0.2;
	margin-top:18px;
	border:0;
	padding:3px;
}
.newsThumbContainer .naviArrow:hover {
	opacity:1;
}


#contactTooltip h3 {
	margin:5px 0px 5px 0px;
}

.skateTexture {
	width:92px;
	height:49px;
	padding:0;
	margin:0;
	float:left;
	border:2px #000000 solid;
}

.skateTexture:hover {
	border:2px #333333 solid;
}


.template {
	display:none;
}

/*Petits modèles de patin tantôt photo tantôt dessin*/
.thumbnailSkate {
	width:111px;
	height:95px;
	background-attachment:fixed;
	background-repeat:no-repeat;
}


.thumbnailPicToDraw, .thumbnailDrawToPic:hover, .thumbnailDrawToPicActive
{
	background-position: 0 -95px !important;
}

.thumbnailPicToDraw:hover, .thumbnailPicToDrawActive
{
	background-position: 0 0 !important;
}


h2 {
	font-family:helvetica;
	font-size:22pt;
	font-weight:400;
	letter-spacing:2px;
	padding-bottom:2px;
	padding-left:4px;
}

.oFormQuestion {
	margin:10px 75px 0px 75px;
	background-color:RGBA(0,0,0,0.75);
	background-color: #000000; 
	padding:20px;
}

.oFormQuestion h2 {
	text-transform:uppercase;
	border-bottom:2px dotted #333333;
	margin-bottom:10px;
}
.oFormQuestion label {
	font-size:10pt;
}
.oFormQuestion .radio {
}

.oFormQuestion .answer {
	float:left;
	margin-left:20px;
	margin-top:4px;
}

.oFormQuestion img {
	float:left;
	margin:4px;
}

.contactInfo label {
	display:block;
	font-weight:bold;
}

.contactInfo input {
	margin-bottom:10px;
}

#aboutTabContainer ul.ui-tabs-nav {
	float:right;margin-top:-49px;
}

#aboutTabContainer div.ui-tabs-panel {
	height:340px;overflow:auto
}