/**********************IMPORTATION CSS***********************/
@import url("../css/style.css");
/***********************************************************/
/**********************CSS SPECIFIC*************************/
/***********************************************************/

/***************************BODY****************************/
#body_motoneige{background:#243A51 url(images/back_motoneige.jpg) no-repeat fixed 960px 0;}

/************************HEADING****************************/
#body_motoneige H1,
#body_motoneige H2,
#body_motoneige H3{color:#8FCCEB;}

/************************HEADER***********************/
#header{background:#000 url(images/header.jpg) no-repeat scroll 0 0;height:450px;position:relative;}
#header.headerAcces{background-image:url(images/headerAcces.jpg);}
#header.headerForfaits{background-image:url(images/headerForfaits.jpg);}
#header.headerClubs{background-image:url(images/headerClubs.jpg);}
#header.headerGalerie{background-image:url(images/headerGalerie.jpg);}

/************************NAVIGATION***********************/
#nav{background:#282624 url(images/menu.jpg) no-repeat scroll;bottom:0;height:50px;list-style-type:none;margin:0;padding:0;position:absolute;width:960px;}
#nav_sub{background:#282624;border-width:1px 0;border-style:solid;border-color:#333333;font-size:95%;height:24px;list-style-type:none;margin:0;padding:0;position:relative;width:960px;}
#nav li,
#nav_sub li{display:inline;margin:0;padding:0;}
#nav a{background:#282624 url(images/menu.jpg) no-repeat scroll;display:block;font-size:120%;font-weight:bold;height:50px;margin:0;overflow:hidden;padding:0;position:absolute;text-indent:-9999px;text-decoration:none !important;top:0;}
#nav_sub a{background-color:#282624;display:block;float:left;font-size:105%;font-weight:bold;height:25px;line-height:2.4em;margin:0;overflow:hidden;padding:0 5px;text-decoration:none !important;text-indent:0;}

/*up state*/
li#btnMenuMotoneige01 a{background-position:0 0;left:0;width:94px;}
li#btnMenuMotoneige02 a{background-position:-94px 0;left:94px;width:110px;}
li#btnMenuMotoneige03 a{background-position:-204px 0;left:204px;width:99px;}
li#btnMenuMotoneige04 a{background-position:-303px 0;left:303px;width:122px;}
li#btnMenuMotoneige05 a{background-position:-425px 0;left:425px;width:159px;}
li#btnMenuMotoneige06 a{background-position:-584px 0;left:584px;width:125px;}
li#btnMenuMotoneige07 a{background-position:-709px 0;left:709px;width:103px;}
li#btnMenuMotoneige08 a{background-position:-812px 0;left:812px;width:148px;}

/*hover and current state*/
li#btnMenuMotoneige01 a:hover,
li#btnMenuMotoneige01 a.current
{background-position:0 -50px;}
li#btnMenuMotoneige02 a:hover,
li#btnMenuMotoneige02 a.current
{background-position:-94px -50px;}
li#btnMenuMotoneige03 a:hover,
li#btnMenuMotoneige03 a.current
{background-position:-204px -50px;}
li#btnMenuMotoneige04 a:hover,
li#btnMenuMotoneige04 a.current
{background-position:-303px -50px;}
li#btnMenuMotoneige05 a:hover,
li#btnMenuMotoneige05 a.current
{background-position:-425px -50px;}
li#btnMenuMotoneige06 a:hover,
li#btnMenuMotoneige06 a.current
{background-position:-584px -50px;}
li#btnMenuMotoneige07 a:hover,
li#btnMenuMotoneige07 a.current
{background-position:-709px -50px;}
li#btnMenuMotoneige08 a:hover,
li#btnMenuMotoneige08 a.current
{background-position:-812px -50px;}

/************************CONTENT***********************/
#calendrier{display:block;height:325px;width:500px;}
/*Clubs motoneigistes*/
#clubsRight{float:right;margin:0 50px 0 0;width:400px;}
#clubsLeft{float:left;margin:0 0 0 50px;width:400px;}
/*Acces a la region*/
#content.acces{background:transparent url(images/fondAcces.jpg) no-repeat scroll 0 0;height:736px;padding:0;position:relative;width:960px;}
#content.acces h1{color:#FFFFFF;}
#content.acces h3{color:#FFFFFF;}
.map_sentiers{
	border-top:50px solid #00ABC4;
	position:absolute;
	left:480px;
	top:0;
}
.map_routes{
	border-top:50px solid #00ABC4;
	position:absolute;
	left:465px;
	top:355px;
}
#titreSentiers{left:500px;padding:0;position:absolute;top:0;}
#soustitreSentiers{left:500px;position:absolute;top:20px;}
#titreRoutes{left:500px;position:absolute;top:360px;}
#sentiersPDF{color:#FFF;font-size:1.5em;left:800px;position:absolute;top:10px;}
#routesPDF{color:#FFF;font-size:1.5em;left:800px;position:absolute;top:370px;}

/* FORFAITS ET CIRCUITS */
.forfaits_circuits .right {background:none;width:435px;}
.forfaits_circuits .left {background:#F3F3F3 url(../images/backForfaits_1px.png) repeat-x;width:435px;}
/*scrollable circuits*/
#circuitsPrev {background:transparent url("images/horNav.png") no-repeat 0 50%;cursor:pointer;display:block;height:530px;left:0;position:absolute;text-indent:-5000px;width:24px;z-index:1;}
#circuitsPrev:hover {background-position:-24px 50%;}
#circuitsPrev.disabled {cursor:normal;visibility:hidden;}
#circuitsNext {background:transparent url("images/horNav.png") no-repeat -48px 50%;cursor:pointer;display:block;height:530px;position:absolute;right:0;text-indent:-5000px;width:24px;z-index:1;}
#circuitsNext:hover {background-position:-72px 50%;}
#circuitsNext.disabled {cursor:normal;visibility:hidden;}
#circuitsScrollable {background: transparent url("images/circuits/background.jpg") no-repeat 0 50px;height:530px;margin:0 auto;overflow:hidden;position:relative;width:415px;}
#circuitsScrollable .items {position:absolute;width:2000em;}
#circuitsScrollable .items>div {float:left;width:415px;}
#circuitsDetails {left:0;position:absolute;top:50px;}
/*scrollable forfaits*/
#forfaitsPrev {background:transparent url("images/vertNav.png") no-repeat 50% 0;cursor:pointer;display:block;height:24px;text-indent:-5000px;width:435px;}
#forfaitsPrev:hover {background-position:50% -24px;}
#forfaitsPrev.disabled {cursor:normal;visibility:hidden;}
#forfaitsNext {background:transparent url("images/vertNav.png") no-repeat 50% -48px;cursor:pointer;display:block;height:24px;text-indent:-5000px;width:435px;}
#forfaitsNext:hover {background-position:50% -72px;}
#forfaitsNext.disabled {cursor:normal;visibility:hidden;}
#forfaitsScrollable {height:240px;overflow:hidden;position:relative;width:435px;}
#forfaitsScrollable .items {position:absolute;height:2000em;}
#forfaitsScrollable .items>img {height:240px;margin:0 17px;width:435px;}