﻿/**** Fonts : 0.7(main font size) = 11px , 1.2em = 12px, 1.1em=11px **/

* {padding:0; margin:0;}

body{
	background:#FFFFFF url(/DATA/jmc/FILES/image/bg_page.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;	
	color:#252122;	
	}


img{border:0;}
h1,h2 {padding:0; margin:0}
td {vertical-align:top}
a{color:#DE181C; text-decoration:underline;}
a:hover{text-decoration:none;}
#container .hidden{ top:-100px; position:absolute;}
.note{color:red}
#container .right{float:right}
.border{border:solid  1px #bfbfbf ; padding:5px; display:block; background:#f2f2f2;}
.selected a{color:#de181c}
#container .btnOver {color:#424242; text-decoration:none; font-weight:bold }
#z86{position:absolute; top:160px; margin:auto; padding-left:190px; }
/**concert table ***/
.lnk_lieu {text-decoration:underline;}
.lnk_lieu:hover {text-decoration:none;}

/************************************************************************* layout *****/
#container{
	font-size: 0.70em;
	width:960px;
	margin:0 auto;
	background:#FFFFFF url(/DATA/jmc/FILES/image/bg_container.jpg) repeat-y;
}
#header{background:#ebeeef; clear:both; width:920px; padding:0 20px; height:191px;}
#header img{display:block;}
#header .imga{width:602px; float:left;}
#header .imga p{padding:0}
#header .imgb{width:317px;float:left; padding-top:45px; background:url(/DATA/jmc/FILES/image/bg_header_b.jpg) no-repeat; height:146px;}
#header .links ul{display:block;overflow:hidden;float:right;}
#header .links ul li{display: inline; padding:0 4px; border-right:solid 1px #424242; color:#424242;  }
#header .links ul li a{color:#424242; text-decoration:none;}
#header .links ul li a:hover{color:#424242; text-decoration:underline;}
#header .search{padding-top:20px;}
#header ul li a.selected {color:#de181c;}
#header ul li.last-child {border:none;}
/*
#header .links {overflow:hidden;}
#header .links ul {float:right;}
*/
.searchinput{background:url(/DATA/jmc/FILES/image/bg_searchinput.gif) no-repeat; width:215px; height:22px; border:0; padding:0; margin:0;  padding-left:20px;  padding-top:5px;  vertical-align:middle; color:#a0a0a0;} 
.searchsubmit{width:77px; height:22px; border:0;  margin:0; vertical-align:middle;} 
#menus{
background:#ebeeef;
clear:both;
}

.search p{margin:9px 0px 0px 1px;color:#424242;}

ul.suggestions {margin-left:1px;}

ul.suggestions li {
	list-style-type:none;
}

ul.suggestions li a {
	padding-left:10px;
	background:url(/DATA/jmc/FILES/image/bullet_suggestion.gif) no-repeat left top;
}

ul.suggestions li a, ul.suggestions li a:link {text-decoration:none;}
ul.suggestions li a:hover {text-decoration:underline;}

#menu1 { margin:0 20px; height:35px; background:#ebeeef url(/DATA/jmc/FILES/image/bg_menu1.jpg) repeat-x; width:920px; }
#menu1 li{display:inline}
#menu2 { margin:0 20px; height:31px; background:#ebeeef url(/DATA/jmc/FILES/image/bg_menu2.jpg) repeat-x; width:920px;}
#menu2 ul{display:block; padding-left:140px;}
#menu2 ul li{display: inline;}

#content{ background: url(/DATA/jmc/FILES/image/bg_content.jpg) no-repeat; min-height:450px; width:888px; padding: 16px 36px;  }
* html #content{height:450px;}
#footer{background:url(/DATA/jmc/FILES/image/bg_footer.jpg) top no-repeat; padding:25px 50px ; font-size:0.9em; clear:both; color:#424242; height:55px; }
#footer a{color:#424242;text-decoration:underline;}
#footer a:hover{ text-decoration:none;}
#footer .divul{width:622px; float:left;}
#footer ul{display:block;}
#footer ul li{display: inline; padding:0 5px; border-right:solid 1px #424242; }
#footer ul li.noborder{border:none;}
#footer ul li a{color:#424242; text-decoration:none;background:none;}
#footer .logos{float:left; text-align:right; width:236px;  }
.noborder { border:none;}

/********************************************************************** homepage**************/
#home_left{width: 570px; padding-right: 15px; float:left;} 
.arrowlink{ background:url(/DATA/jmc/FILES/image/arrow.gif) right no-repeat; padding-right:10px;color:#de181c; }


#home_left #blocksup #blocksup_a {
}

#home_left p{padding-bottom:0.75em;}
#home_right{width: 302px; float:left;}
#home_right p{padding-bottom:0.75em;}
.events table {background:url(/DATA/jmc/FILES/image/bg_tr.jpg); height:198px; width:300px;}
.events table td{height:35px; padding-top:5px; padding-left:18px;}
.events caption{background:#f5f5f5}
.events table a{ color:#252122; text-decoration:none;}
.events table a:hover{color:#de181c;}
.dateon{background:url(/DATA/jmc/FILES/image/bg_event1date.jpg) no-repeat;color:#FFFFFF; width:70px; vertical-align:text-top}
.concerton{background:url(/DATA/jmc/FILES/image/bg_event1concert.jpg) no-repeat; vertical-align:text-top}
#home_right .right_buttons ul li{padding-bottom:10px; list-style:none;}
#home_right .banner{background:url(/DATA/jmc/FILES/image/bg_blocksup.jpg) top no-repeat; padding-top:15px; padding-bottom:10px; margin-right:2px;}
#flasharea{ width: 570px; height:235px; clear:both;}
#blocksup{ background:url(/DATA/jmc/FILES/image/bg_blocksup.jpg) top no-repeat; min-height:160px; padding-top:24px; width: 570px; clear:both;overflow:hidden; }

#blocksup_a{background:url(/DATA/jmc/FILES/image/bg_blocksup_a.jpg) right no-repeat; width:270px; padding-right:30px; float:left; height:150px; }

#blocksup_b{ padding-left:30px; padding-right:5px; width:235px; float:left;}
#blocksbottom{background:url(/DATA/jmc/FILES/image/bg_blocksbottom.jpg) top no-repeat; clear:both; padding-top:28px ;overflow:hidden;}
#blocksbottom_a{width:270px; padding-right:30px; float:left; height:150px; padding-top:21px;}
#blocksbottom_b{ width:210px; float:left; height:186px; background:url(/DATA/jmc/FILES/image/bg_donation.jpg) no-repeat; padding:20px 30px; color:#FFFFFF;}
/*#blocksbottom_b h2{color:#FFFFFF;}*/
#blocksup_a h2, #blocksup_b h2, #blocksbottom_a h2 {text-transform:uppercase;font-size: 16px;color:#de181c;}
#blocksbottom_b h2 {text-transform:uppercase;font-size: 16px;color:#fefefe;}
/*font-family:Arial, Helvetica, sans-serif;font-size:1.2em;*/
/******************************************************************* Internal page**************/
#int_left{width:288px; float:left;   background:url(/DATA/jmc/FILES/image/bg_intleft.jpg) repeat-y; }
#int_left_onecolumn{width:288px; float:left; margin-top:20px; }
#int_right{width:598px; float:left; padding-top:20px; }
#int_right h1{ text-transform:uppercase;  color:#de181c; font-size:1.2em; }
#int_right h2{ text-transform:uppercase; color:#de181c; font-size:1.2em; clear:both;}
#int_right h3 {font-weight: bold; font-size:1em; margin-bottom:0.5em;}
#int_right p{padding-bottom:0.75em;}
#int_right ul{ margin:0; padding:0;  margin-bottom:10px; margin-left:15px;  }
#int_right li{padding-bottom:2px;list-style:disc;}
#int_right ol{ margin:0;padding:0;margin-bottom:10px;margin-left:15px;}
#int_right ol li{padding-bottom:2px;list-style:decimal;}
.tabs_wrap, #int_right .title{clear:both; }
.title {width:598px;}
.wrapz1{width:598px;}
#int_right .cont_text{padding-top: 9px; width:370px; float:left;}
#int_right .cont_text a{color:#e92c30; text-decoration:none;}
#int_right .cont_text a:hover{text-decoration:underline;}
#int_right .cont_text ul {border:solid  1px #bfbfbf ; list-style:none; padding:10px 10px 0 10px; display:block; background:#f2f2f2; margin:0; }
#int_right .cont_text li {background: url(/DATA/jmc/FILES/image/menu_arrow.gif) no-repeat; padding-left:10px; display:block; padding-bottom:10px; width:290px;}
 
#int_right .cont_img{ width:228px;float:left;}
.credit { padding:0; margin:0; font-size:0.8em; color:#666666;}
.cont_img p, .credits{ padding:0; margin:0; font-size:0.8em; color:#666666;}
/**** tabs of concerts ***/
#tabs_content_wrap{ background:#ededed; border:#a3a3a3 solid 1px; padding:6px 7px; clear:both; border-top:0; overflow: hidden;}
#tabs_content_wrap h2, #tabs_content_gpub_wrap h2, #tabs_content h2{color:#424242; font-size:1em; margin-bottom:10px; text-align:left;}
#cont_artist_more, #group_tabs {height:30px; clear:both; }


#breadcrumb {color:#e03236; font-size:0.9em; text-align:right}
#breadcrumb a{color:#424242; text-decoration:underline}
.sectiontitle{ text-transform:uppercase; font-size: 1.2em; padding-left:18px; background: url(/DATA/jmc/FILES/image/bg_title.jpg) no-repeat; padding-top:20px; font-weight:bold; }
.sectiontitle h1{ font-size: 1.2em; padding-left:18px; font-weight:bold; }


.sectiontitle p {padding:0; margin:0}
.int_menuend p{ padding:0; background:#FFFFFF}
#int_menu{background:url(/DATA/jmc/FILES/image/bg_intmenu.jpg) no-repeat;min-height:344px;}
#int_menu_column{min-height:344px;}
* html #int_menu{height:344px;}

#int_menu ul { 
	margin:0; 
	padding:0 18px; 
	list-style:none; 
}

#int_menu ul li { 
	display:block;  
	margin:10px 10px 0 0; 
	padding-left:10px; 
	font-weight: bold;
	background:url(/DATA/jmc/FILES/image/menu_arrow.gif) no-repeat; 
}

#int_menu .on li {background:url(/DATA/jmc/FILES/image/menu_arrow_on.gif) no-repeat; }
#int_menu ul li a { color:#424242; text-decoration:none}
#int_menu ul li a:hover { color:#de181c; text-decoration:none}
#int_menu ul li a.selected {color:#de181c; text-decoration:none}

#int_menu ul li ul {margin:10px 0px 10px 0px; padding:0;}

#int_menu ul li ul li { 
	display:block; 
	margin:0 5px 0 0; 
	padding-left:10px; 
	/*font-weight: bold;*/
	font-weight:normal;
	background:url(/DATA/jmc/FILES/image/menu2_arrow.gif) no-repeat; 
}

#int_menu ul li ul li a.selected {font-weight:bold;color:#424242;}

#int_menu ul li ul li ul li {
	display:block; 
	margin:0 5px 0 0; 
	padding-left:10px; 
	/*font-weight: bold;*/
	font-weight:normal;
	background:url(/DATA/jmc/FILES/image/menu3_arrow.gif) no-repeat; 
}

#int_menu ul li ul li ul li a.selected {text-decoration:none;color:#969696;}

#int_menu ul li ul li ul li ul {}
#int_menu ul li ul li ul li ul li {
	display:block; 
	margin:0 5px 0 0; 
	padding-left:10px; 
	/*font-weight: bold;*/
	font-size:11px;
	font-weight:normal;
	background:url(/DATA/jmc/FILES/image/menu4_arrow.gif) no-repeat; 
}
#int_menu ul li ul li ul li ul li a{color:#969696;}
#int_menu ul li ul li ul li ul li a:hover{text-decoration:underline;color:#969696;}
#int_menu ul li ul li ul li ul li a.selected {text-decoration:underline;font-weight:normal;color:#969696;}
/*********************** tabs jeune public *****/
.group_tabs_jeunepublic{background:url(/DATA/jmc/FILES/image/separator.gif) top no-repeat; padding-top:45px;}
#group_tabs  #tab1 a{width:58px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab1.jpg); 	background-position: 0 0;}
#group_tabs  #tab2 a{width:143px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab2.jpg);	background-position: 0 0;}
#group_tabs #tab3 a{width:148px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab3.jpg);	background-position: 0 0;}
#group_tabs #tab4 a{width:115px; height:30px;  float:left; display:block;background:url(/DATA/jmc/FILES/image/tab4.jpg);	background-position: 0 0;}
#group_tabs #tab5 a{width:134px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab5.jpg);	background-position: 0 0;}

#group_tabs #tab1 a:hover , #group_tabs #tab1 a.btnOver{background-position: -58px 0; }
#group_tabs #tab2 a:hover , #group_tabs #tab2 a.btnOver{background-position: -143px 0;}
#group_tabs #tab3 a:hover , #group_tabs #tab3 a.btnOver{background-position: -148px 0;}
#group_tabs #tab4 a:hover , #group_tabs #tab4 a.btnOver{background-position: -115px 0;}
#group_tabs #tab5 a:hover , #group_tabs #tab5 a.btnOver{background-position: -134px 0;}

/*********************** Tabs jeune public ENGLISH ***************/
#group_tabs  #tab1_en a{width:58px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab1_en.jpg); 	background-position: 0 0;}
#group_tabs  #tab2_en a{width:93px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab2_en.jpg);	background-position: 0 0;}
#group_tabs #tab3_en a{width:131px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab3_en.jpg);	background-position: 0 0;}
#group_tabs #tab4_en a{width:115px; height:30px;  float:left; display:block;background:url(/DATA/jmc/FILES/image/tab4_en.jpg);	background-position: 0 0;}
#group_tabs #tab5_en a{width:129px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab5_en.jpg);	background-position: 0 0;}
#group_tabs #tab_empty {width:72px; height:30px; float:left; display:block;background:url(/DATA/jmc/FILES/image/tab_empty.jpg);	background-position: 0 0;}

#group_tabs #tab1_en a:hover , #group_tabs #tab1_en a.btnOver{background-position: -58px 0; }
#group_tabs #tab2_en a:hover , #group_tabs #tab2_en a.btnOver{background-position: -93px 0;}
#group_tabs #tab3_en a:hover , #group_tabs #tab3_en a.btnOver{background-position: -131px 0;}
#group_tabs #tab4_en a:hover , #group_tabs #tab4_en a.btnOver{background-position: -115px 0;}
#group_tabs #tab5_en a:hover , #group_tabs #tab5_en a.btnOver{background-position: -129px 0;}

/*********************** tabs grand public ****/
#tabs_content_gpub_wrap{clear:both; }

#group_tabs_gpub{height:30px; clear:both; background:none; padding-top:45px;}
/*#group_tabs ul {margin:0; padding:0; margin-left:0;}
#group_tabs li{ padding:0 5px; margin: 8px 0;  border-right:solid 1px #de181c; list-style:none; display:inline; }*/
#group_tabs a:active; #group_tabs a:focus; a.btnOver{ color:#424242;}

#int_right ul.tabs_ul 
{ margin-left:0px; padding-left:0px;}
#int_right ul.tabs_ul  li { display:inline; list-style:none; background-image:url(/DATA/jmc/FILES/image/lirouge.gif); background-repeat:no-repeat; background-position:right; padding-right:7px; margin-right:3px;}


/*** concert form **/
#concert_form {
	font-size:12px;
	font-weight:bold;
	color:#424242;
	padding:11px 13px 2px 13px;
	border:1px solid #dbdbdb;
	background:url(/DATA/jmc/FILES/image/bg_concert-form.gif) repeat-x top #dddddd;
}

#concert_form table {font-size:11px;}
.iCFormText {height:18px;width:270px;border:1px solid #9c9c9c;}
.iCFormTextArea {height:98px;width:270px;border:1px solid #9c9c9c;}


.form_concert{text-align:right; }/* width:598px; */
.form_concert p{padding:0; margin:0}

/*.wrap_data, #zone8, #zone16{clear:both; float:none}
.wrap_data p, #zone8 p {padding:0; margin:0}
#zone8 p{display:inline;}*/


.orderoptions{ clear:both; padding-left:0px; margin-left:0px;}
.shadow1 {background:url(/DATA/jmc/FILES/image/shadow1.jpg) no-repeat top ; width:300px; height:15px}

.recherchelieu {background:url(/DATA/jmc/FILES/image/bg_boiterouge.gif) no-repeat top #9c1114; color:#fff; padding: 9px 14px;}
.recherchelieu  ul { list-style:none; padding-right:30px;}
.recherchelieu  ul li { background-image:url(/DATA/jmc/FILES/image/flecheblanche.gif); background-repeat:no-repeat; padding-left:7px;}

.tbrouge  { background-image:url(/DATA/jmc/FILES/image/tb_rouge.jpg); background-repeat:no-repeat; padding: 3px 5px 3px 26px; border:none; width:240px; font-family:arial; font-size:11px; color:#858383; font-style:italic; margin-bottom:10px;}

.recherchelarge  { background-image:url(/DATA/jmc/FILES/image/tb_recherchelarge.jpg); background-repeat:no-repeat; padding: 5px 5px 5px 35px; border:none; width:440px; font-family:arial; font-size:11px; color:#858383; }



.cem_survey, .lieu_wrap { 
    /* left: 400px; top: 350px; */
    width: 430px; height: 265px;
    padding: 10px;
    position: absolute; 
    text-align: center; 
    background: url(/data/jmc/Files/image/bg_surveys.jpg) 0 0 no-repeat;
    font-size: 0.8em;
}
.lieu_wrap, .sugg_inner { 
    text-align: left;
}
.lieu_wrap .lieu_inner, .sugg_inner { 
    margin: 0 30px;
}
.sugg_inner p {
    font-size: 0.9em;
    margin: 0.5em 0;
}
.cem_survey a.close, .lieu_wrap a.close {
    position: absolute; 
    right: 7px;
    top: 7px;
    font-size: 10px;
    padding: 0 12px 0 0;
    background: url(/data/jmc/Files/image/bt_survey_close.jpg) right 3px no-repeat;
}
.cem_survey h1, .lieu_wrap h1 { font-size: 16px; margin: 30px 0 10px; color: #424242; }
.lieu_wrap h1 { margin-top: 20px; }
.cem_survey h1 .small { font-size: 12px; }

.cem_survey ul { list-style: none; width: 145px; margin: auto; clear: both; overflow: hidden; padding: 10px 0; }
.cem_survey ul li { display: inline; float: left; padding: 8px; }
.cem_survey ul li label { display: block; padding: 0 0 2px }

.cem_survey p.comments { padding: 0 20px; text-align: left; }
.cem_survey p.comments label { display: block; float: left; width: 150px; text-align: right; }

.cem_survey p.concert { line-height: 25px; padding: 20px 0; }

.cem_survey p.btns { padding: 5px 0 0; }
.cem_survey p.btns a { margin: 15px; }
.cem_survey p.btns .submit { margin:0 0 0 -2px; }
 
.lieu_wrap dl { overflow: hidden; font-size: 90%;  }
.lieu_wrap dl dt { width: 27%; float:left; }
.lieu_wrap dl dd { width: 71%; margin-left: 28%; }
.lieu_wrap dl dd p { margin: 0; padding: 0; }
/*
.calendar_concert h3 { width: 50%; float:left; }
.calendar_concert .form_concert { width: 50%; float:right; }
.calendar_concert table { clear:both }
*/

.titlejeune { width: 393px; float: left; }
.formjeune { width: 205px; margin: -4px 0 10px 393px }
* html .formjeune { margin: -4px 0 10px; float: right; }
.wrap_data { overflow: hidden; clear: both;}

td.width30 { width:30%; }

#header .links ul ul { display: none; }

#int_right .lignedutemps td { padding:0 10px 10px 0; }

#z17 {font-size: 14px;color:#DE181C; font-weight:bold;}