/* COMMUN *************************************************************************************/
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Courier New", Courier,  monospace;
	border: none;
}
a, a:hover { text-decoration:none; font-weight:bold}
body {
	background: transparent url(../img/bg_header.gif) repeat-x;
	color: #ffffff;
}
.page {
	position: absolute;
	width: 970px;
	left: 50%;
	margin-bottom: 15px;
	margin-left: -485px;
	background: transparent;
	float: left;
	color: #000000;
}
.aDroite {
	text-align: right;
}
.margeTop26 {
	margin-top: 26px;
}



/* HEADER *************************************************************************************/
.header {
	width: 970px;
	height: 170px;
	float: left;
}

.header .leftHead {
	width: 225px;
	float: left;
	margin-top: 20px;
}
.header .midHead {
	width: 570px;
	float: left;
}
.header .rightHead {
	width: 175px;
	float: left;
	margin-top: 15px;
}
.header .rightHead a.shibuya {
	float: right;
	margin: 0 0 30px 0;
	color: #ffffff;
	font-size: 9px;
	font-family: arial, Helvetica,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
.header .rightHead a:hover.shibuya {
	text-decoration: underline;
}

.header .btMenu {
	margin-top: 40px;
	width: 90px;
	height: 21px;
	float: left;
	background: transparent url(../img/bt_menu.gif) no-repeat;
	text-indent: -9999px;
	outline: 0;
}
#menuBox {
/*	left:0;
	top:0px;
	position:absolute;
	float:left;
*/	width:630px;
	margin:auto;
	
/*	display: none;
	clear: both;
	position: absolute;
	top: 112px;
	width: 190px;
	height: 148px;
	background-color: #000;
	padding-top: 18px;
	list-style-type: none;
*/}
#menuBox li {
	margin-left: 10px;
}
#menuBox a, #menuBox div {
	display: block;
	float:left;
	width: 169px;
	height: 28px;
	text-indent: -9000px;
	outline: 0;
}
#menuBox .edito {
	background: transparent url(../img/bt_edito.gif) no-repeat 0 0; width:70px;
}
#menuBox .edito:hover {
	background: transparent url(../img/bt_edito.gif) no-repeat 0 -28px;
}
#menuBox .programme {
	background: transparent url(../img/bt_programme.gif) no-repeat 0 0;
}
#menuBox .programme:hover {
	background: transparent url(../img/bt_programme.gif) no-repeat 0 -28px;
}
#menuBox .jourdefete {
	background: transparent url(../img/bt_jourdefete.gif) no-repeat 0 0; width:140px;
}
#menuBox .jourdefete:hover {
	background: transparent url(../img/bt_jourdefete.gif) no-repeat 0 -28px;
}
#menuBox .palmares {
	background: transparent url(../img/bt_palmares.gif) no-repeat 0 0;width:113px;
}
#menuBox .palmares:hover {
	background: transparent url(../img/bt_palmares.gif) no-repeat 0 -28px;
}
#menuBox .partenaires {
	background: transparent url(../img/bt_partenaires.gif) no-repeat 0 0; width:134px;
}
#menuBox .partenaires:hover {
	background: transparent url(../img/bt_partenaires.gif) no-repeat 0 -28px;
}
#menuBox .on {
	background-position: 0 -28px;
}



#menuBox .edito_ {
	background: transparent url(../img/bt_edito.gif) no-repeat 0 -28px; width:70px;
}
#menuBox .programme_ {
	background: transparent url(../img/bt_programme.gif) no-repeat 0 -28px;
}
#menuBox .jourdefete_ {
	background: transparent url(../img/bt_jourdefete.gif) no-repeat 0 -28px;width:140px;
}
#menuBox .palmares_ {
	background: transparent url(../img/bt_palmares.gif) no-repeat 0 -28px;width:113px;
}
#menuBox .partenaires_ {
	background: transparent url(../img/bt_partenaires.gif) no-repeat 0 -28px;width:134px;
}





/* CONTENT *************************************************************************************/

.page .content {
	float: left;
}

/* EDITO */

h1.tEdito {
	background: transparent url(../img/t_edito.gif) no-repeat;
	width: 477px;
	height: 31px;
	text-indent: -9999px;
	margin: 20px 0px 15px 0px;
}
h2.stEdito {
	background: transparent url(../img/st_vent.gif) no-repeat;
	width: 290px;
	height: 91px;
	text-indent: -9999px;
	margin: 0px 0px 20px 0px;
}
.page .topEdito {
	background: transparent url(../img/bg_edito_top.jpg) left top no-repeat;
}

.page .editoBox {
	float: left;
	width: 970px;
	background: transparent url(../img/bg_edito_bottom.jpg) bottom no-repeat;
	padding: 0 0 100px 0;
}
html>body .page .editoBox {
	padding: 0 0 120px 0;
}
.page .colBox {
	float: left;
	width: 970px;
	margin: 10px 0 0 0;
}
.page .colBox .leftCol {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
	line-height: 15px;
	letter-spacing: 0px;
}
.page .colBox .rightCol {
	float: left;
	width: 490px;
	margin: 0 0 0 0;
}
.page .bearBox {
	float: left;
	width: 970px;
	margin: 0px 0 0 0;
}

/* PROGRAMME */

.page .topProg {
	/*background: transparent url(../img/bg_prog_top.jpg) left top no-repeat;*/
}
h1.tProg {
	background: transparent url(../img/t_programme.gif) no-repeat;
	width: 318px;
	height: 38px;
	text-indent: -9999px;
	margin: 20px 0px 15px 0px;
}
.topProg .introProgBox {
	float: left;
	width: 475px;
	margin: 0 495px 0 0;
	padding: 20px 0;
	background: transparent url(../img/filet.gif) top repeat-x;
}

.topProg .introProgBox p {
	float: left;
	width: 475px;
	padding-bottom: 20px;
	background: transparent url(../img/filet.gif) bottom repeat-x;
}
.topProg .progLine {
	float: left;
	width: 970px;
	background: transparent url(../img/bg_footer.gif) bottom repeat-x;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

.topProg .progBox {
	float: left;
	width: 475px;
}
.topProg .gauche {
	margin-right: 20px;
}

.topProg .progBox .visuel {
	float: left;
	border: 1px #efefef solid;
}
.topProg .progBox a.btReserver {
	float: left;
	background: transparent url(../img/bt_reserver.gif) no-repeat;
	margin-left: 377px;
	width: 98px;
	height: 26px;
	text-indent: -9999px;
}
.topProg .progBox a:hover.btReserver {
	background: transparent url(../img/bt_reserver.gif) 0 -26px no-repeat;
}
.topProg .progBox .stProg1, .topProg .progBox .stProg2, .topProg .progBox .stProg3, .topProg .progBox .stProg4, .topProg .progBox .stProg5, .topProg .progBox .stProg6 {
	float: left;
	width: 475px;
	height: 120px;
	text-indent: -9999px;
	margin-bottom: 15px;
} 

.topProg .progBox .stProg1 {
	background: transparent url(../img/st_prog_1.gif) no-repeat;
}
.topProg .progBox .stProg2 {
	background: transparent url(../img/st_prog_2.gif) no-repeat;
}
.topProg .progBox .stProg3 {
	background: transparent url(../img/st_prog_3.gif) no-repeat;
}
.topProg .progBox .stProg4 {
	background: transparent url(../img/st_prog_4.gif) no-repeat;
}
.topProg .progBox .stProg5 {
	background: transparent url(../img/st_prog_5.gif) no-repeat;
}
.topProg .progBox .stProg6 {
	background: transparent url(../img/st_prog_6.gif) no-repeat;
}
.topProg .progBox p {
	float: left;
	width: 230px;
	margin: 0;
	line-height: 15px;
}
.topProg .progBox .leftPara {
	margin: 0 15px 0 0;
}


/* PALMARES */

h1.tPalmares {
	background: transparent url(../img/t_palmares.gif) no-repeat;
	height: 38px;
	text-indent: -9999px;
	margin: 20px 0 15px 0;
}
h2.stPalmares {
	background: transparent url(../img/st_date.gif) no-repeat;
	width: 477px;
	height: 28px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}
.page .topPalmares {
	background: transparent url(../img/bg_palmares_2.jpg) left top no-repeat;
}
.page .palmaresBox {
	float: left;
	width: 970px;
	height: 585px;
}
.page .palmaresBox .colBox {
	float: left;
	width: 477px;
	margin: 0;
	background-color: #fff;
}
/* FETES */

h1.tFetes {
	background: transparent url(../img/t_fetes.gif) no-repeat;
	height: 38px;
	text-indent: -9999px;
	margin: 20px 0 15px 0;
}
h2.stFetes {
	background: transparent url(../img/st_date.gif) no-repeat;
	width: 477px;
	height: 28px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
}
.page .topFetes {
	background: transparent url(../img/bg_palmares.jpg) left top no-repeat;
}
.page .fetesBox {
	float: left;
	width: 970px;
	height: 585px;
}
.page .fetesBox .colBox {
	float: left;
	width: 477px;
	margin: 0;
	background-color: #fff;
}
/* PARTENAIRES */

h1.tPartenaires {
	background: transparent url(../img/t_partenaires.gif) no-repeat;
	height: 38px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}
.page .partenairesBox {
	float: left;
	width: 970px;
}
.page .partenairesBox img {
	float: left;
}
.page .partenairesBox .filetBox {
	width: 475px;
	padding-bottom: 20px;
	background: transparent url(../img/filet.gif) repeat-x bottom left;
}


/* FOOTER *************************************************************************************/
.page .footer {
	width: 970px;
	float: left;
	margin: 30px 0;
	background: transparent url(../img/bg_footer.gif);
	text-transform: uppercase;
	}

.page .footer ul {
	width: 970px;
	float: left;
	margin: 3px;
	text-align: center;
	list-style: none;
}
.page .footer li {
	width: auto;
	float: left;
	padding: 1px 5px;
	text-align: left;
	color: #ffffff;
	background: #000000;
}
html>body .page .footer li {
	margin: 2px 2px;
}
.page .footer li.message {
	width: 580px;
	margin-right: 306px;
}
html>body .page .footer li.message {
	width: 580px;
	margin-right: 295px;
}

.page .footer a {
	text-decoration: none;
	float: left;
	color: #ffffff;
}
.page .footer  a:hover {
	text-decoration: underline;
}