/* COMMUN *************************************************************************************/
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Courier New", Courier,  monospace;
	border: none;
}
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;
}
/* formualires *************************************************************************************/

#formulaire_col1{width:475px; position:relative; left:0; top:0; float:left;}
#formulaire_col2{width:393px; position:relative; left:62px; top:0; float:left;}

#formulaire_stProg1,#formulaire_stProg2, #formulaire_stProg3, #formulaire_stProg4, #formulaire_stProg5, #formulaire_stProg6 {
	float: left;
	width: 475px;
	height: 93px;
	text-indent: -9999px;
	margin-top:20px;
} 

/*titre*/
#formulaire_stProg1 {
	background: transparent url(../img/st_prog_1.gif) no-repeat;
}
#formulaire_stProg2 {
	background: transparent url(../img/st_prog_2.gif) no-repeat;
}
#formulaire_stProg3 {
	background: transparent url(../img/st_prog_3.gif) no-repeat;
}
#formulaire_stProg4 {
	background: transparent url(../img/st_prog_4.gif) no-repeat;
}
#formulaire_stProg5 {
	background: transparent url(../img/st_prog_5.gif) no-repeat;
}
#formulaire_stProg6 {
	background: transparent url(../img/st_prog_6.gif) no-repeat;
}
/*date*/
#formulaire_date1 {
	background: transparent url(../img/st_prog_1.gif) no-repeat;
}
#formulaire_date2 {
	background: transparent url(../img/st_prog_2.gif) no-repeat; 
}
#formulaire_date3 {
	background: transparent url(../img/st_prog_3.gif) no-repeat;
}
#formulaire_date4 {
	background: transparent url(../img/st_prog_4.gif) no-repeat;
}
#formulaire_date5 {
	background: transparent url(../img/st_prog_5.gif) no-repeat;
}
#formulaire_date6 {
	background: transparent url(../img/st_prog_6.gif) no-repeat;
}
#formulaire_date1,#formulaire_date2, #formulaire_date3, #formulaire_date4, #formulaire_date5, #formulaire_date6 {
	width: 475px;
	height: 25px;
	margin-top:20px;
	margin-bottom:20px;
	background-position:0 -93px;	
} 
/*textes*/
#formulaire_p_col1, #formulaire_p_col2 {width:222px; position:relative;float:left;}
#formulaire_p_col1{margin-right:30px}



/*formulaire*/
#reservationForm				{display:block; width:420px; position:absolute; top:0px;}
#reservationForm input{ width:247px; height:18px; border: #CCC 1px solid; margin-bottom:8px; padding-top:4px; padding-left:3px;}
#reservationForm textarea{ width:247px; height:63px; border: #CCC 1px solid; margin-bottom:8px; padding-top:4px; padding-left:5px;}

#reservationForm label				{width:137px;display:block; float:left; font-size:17px; text-align:right;}

#reservationForm span				{display:block; width:100%; height:26px; text-align:right; float:right;}

#reservationForm .cocheBox 			{width:245px; margin-left:138px;  margin-bottom:10px; display:block; float:left;}
#reservationForm .cocheBox input	{width:10px; height:10px; border: #CCC 1px solid; float:left; margin-right:5px; display:block}
#reservationForm .cocheBox label	{width:230px; display:block; font-size:12px; text-align:left; float:left;}
#reservationForm .BtJeValide 		{width:120px; height:40px; background: #000; border:0; color:#FF0; font-size:14px; display:block; clear:both; float:right;}
#reservationForm .obligatoire		{width: 400px; height:32px; display:block; text-align:right; clear:both}
#reservationForm .close				{font-weight:bold; margin-bottom:20px;}
#reservationForm #payante,
#reservationForm #nonpayant			{ width:326px; height:90px; display:block; background:url(../img/reservation.gif); margin-bottom:20px; margin-top:30px;}
#reservationForm #nonpayant			{height:38px;}
#reservationForm .retour   			{ width:157px; height:33px; display:block; background:url(../img/bt_retour.gif); text-decoration:none; position:relative; top:20px; left:260px; background-position:0 -33px;}
#reservationForm .retour:hover   	{ background-position:0 0;}
#reservationForm .message		   	{ width:100 %; background-color:#F9E600; padding: 10px 10px 10px 10px; margin-bottom:20px; font-weight:bold; }

.pimage, 
.psurligne							{ border: 3px solid white; display:block; width:475px; height:90px;margin-bottom:5px;}
.psurligne, 						
.pimage:hover						{ border-color:white;}

#v2 								{ margin-top:5px; margin-bottom:5px;}
dd, dl {margin: 0; padding: 0; list-style-type: none;}