/* Style 2 */

body {
	color: #333;
	background: #fff;
}

b, strong{
    color:#00CCFF;
}

a,
h3 {
	color: #0294C1;
}

.rok-content-rotator h2 a.active {
	color: #27B9EB !important;
}

.contentheading {
/*	background: url(../images/style2/content-head-bg.png) 0 3px no-repeat;
background-color: #0294C1;*/	
}

#page-bg {
	/*background: url(../images/style2/page-bg.jpg) no-repeat fixed center center;*/
}

#header {
	background: url(../images/light/header-bg2.png) no-repeat top center;
	height:238px;
	margin:0;
	margin-bottom:-10px;
}

#logo {
	/*background: url(../images/light/logo.png) 0 0 no-repeat;*/
	display:block;
	width:250px;
}

#topmod {
	background: url(../images/light/login-pane.png) 0 -50px no-repeat;
	width:447px;
	height:195px;
}

#toplinks a.mainlevel {
	color: #444;
}

#toplinks a:hover {
	color: #000;
}

.rok-content-rotator .arrow {
	background: url(../images/light/rotator-arrow.png) 0 0 no-repeat;
}

.rok-content-rotator {
	background: #666;
}

#showcase {
	background: url(../images/light/showcase-bg.png) 0 0;
	color: #fff;
}

#showcase a {
	color: #0294C1;
}

#showcase .module h3 {
	color: #000;
}

#showcase .module h3 span {
	color: #fff;
}

#featured .module a {
	color: #0294C1;
}

#featured-bottom {
	background: url(../images/light/featured-bl.png) 0 100% no-repeat;
}

#featured-bottom2 {
	background: url(../images/light/featured-br.png) 100% 100% no-repeat;
}

#featured .module h3,
.module-scroller h3 {
	color: #0294C1;
}

#main-content-bar {
	background: url(../images/light/main-content-bar.png) 0 0 repeat-x;
}

div.maincol-indicator {
	background: url(../images/light/maincol-indicator.png) 0 0 no-repeat;
}

td.maincol {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

td.rightcol,
td.leftcol {
	background: #e0e0e0;
	color: #333;
}

.footer2 {
	background: url(../images/light/footer-bl.png) 0 100% no-repeat;
}

.footer3 {
	background: url(../images/light/footer-br.png) 100% 100% no-repeat;
}

img#rocket {
	/*background: url(../images/light/rocket.png) 0 0 no-repeat;*/
}

td.rightcol .module h3,
td.leftcol .module h3,
td.rightcol .module-menu h3,
td.leftcol .module-menu h3,
td.rightcol .module_menu h3,
td.leftcol .module_menu h3 {
	background: url(../images/light/sidemodule-h3.png) 0 0 no-repeat;
	color: #999;
}

td.rightcol .module h3 span,
td.leftcol .module h3 span,
td.rightcol .module-menu h3 span,
td.leftcol .module-menu h3 span,
td.rightcol .module-red h3 span,
td.leftcol .module-red h3 span,
td.rightcol .module-blue h3 span,
td.leftcol .module-blue h3 span,
td.rightcol .module-black h3 span,
td.leftcol .module-black h3 span,
td.rightcol .module-green h3 span,
td.leftcol .module-green h3 span,
td.rightcol .module-orange h3 span,
td.leftcol .module-orange h3 span {
	color: #333;
}


/*///////////////////////////////////////////////////////////////////////////*/
td.rightcol .module-black ul{
	margin:0;
	padding:0;
}
td.rightcol .module-black li{
	list-style:none;
	margin:0;
	padding:0
	
}

td.rightcol .module-black h4{
	margin:0;
	padding:0;
	background:#333;
	color: #999;
	
}
/*////////////////////////////////////////////////*/

td.rightcol .module a,
td.leftcol .module a {
	color: #0294C1;
}

td.rightcol .module-red h3,
td.leftcol .module-red h3 {
	background: url(../images/light/sidemodule-red.png) 0 0 no-repeat;
	color: #DBB8B8;
}

td.rightcol .module-blue h3,
td.leftcol .module-blue h3 {
	background: url(../images/light/sidemodule-blue.png) 0 0 no-repeat;
	color: #BAD5DF;
}

td.rightcol .module-black h3,
td.leftcol .module-black h3 {
	background: url(../images/light/sidemodule-black.png) 0 0 no-repeat;
	color: #bebebe;
}

td.rightcol .module-green h3,
td.leftcol .module-green h3 {
	background: url(../images/light/sidemodule-green.png) 0 0 no-repeat;
	color: #D0DAB3;
}

td.rightcol .module-orange h3,
td.leftcol .module-orange h3 {
	background: url(../images/light/sidemodule-orange.png) 0 0 no-repeat;
	color: #ECD3B3;
}

td.rightcol .module-red h3 span,
td.leftcol .module-red h3 span,
td.rightcol .module-blue h3 span,
td.leftcol .module-blue h3 span,
td.rightcol .module-black h3 span,
td.leftcol .module-black h3 span,
td.rightcol .module-green h3 span,
td.leftcol .module-green h3 span,
td.rightcol .module-orange h3 span,
td.leftcol .module-orange h3 span {
	color: #fff;
}

#horiz-menu {
	background: url(../images/style2/horiz-menu-l.png) 0 0 no-repeat;
}

#horiz-menu2 {
	background: url(../images/style2/horiz-menu-r.png) 100% 0 no-repeat;
}

#horiz-menu a,
#horiz-menu li.active a {
	color: #666;
}

#horiz-menu li.active a {
	background: url(../images/style2/horiz-menu-active.png) 50% 0 no-repeat;
	color: #000;
}

#horiz-menu li a:hover {
	color: #000;
}

div.menuslide {
	background: url(../images/style2/horiz-menu-hover.png) 50% 0 no-repeat;
	width: 65px;
	height: 19px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	color: #0294C1;
}




#main-content{
	background:#ECECEC;
}




#main-content a.mainlevel {
	color: #333;
	background: url(../images/light/menu-arrow.png) 4px 7px no-repeat;
}

#main-content a#active_menu.mainlevel {
	background: url(../images/style2/menu-arrow-active.png) 4px 7px no-repeat;
	color: #0294C1;
}

#main-content a.mainlevel:hover {
	color: #0294C1;
}

#main-content a.sublevel {
	color: #333;
}

#main-content a.sublevel:hover {
	color: #0294C1;
}

#main-content a#active_menu.sublevel {
	color: #0294C1;
}

ul.menu a {
	color: #333;
	background: url(../images/light/menu-arrow.png) 4px 7px no-repeat;
}

ul.menu ul li a,
ul.menu li.active.parent ul li a,
ul.menu li.active.parent ul li.parent a.daddy,
ul.menu li.active.parent ul li.active.parent ul li a {
	color: #ccc;
}

ul.menu a:hover,
ul.menu li.active a,
ul.menu li.active.parent a.daddy,
ul.menu li.active.parent ul li a:hover,
ul.menu li.active.parent ul li.parent a.daddy:hover,
ul.menu li.active.parent ul li.active.parent ul li a:hover,
ul.menu li.active.parent ul li.active.parent a.daddy,
ul.menu li.active.parent ul li.active a,
ul.menu li.active.parent ul li.active.parent ul li.active a {
	color: #0294C1;
}

ul.menu li.active a,
ul.menu li.active a.daddy {
	background: url(../images/style2/menu-arrow-active.png) 4px 7px no-repeat;
}

ul.menu ul {
	background: #303030 url(../images/light/sidemenu-bgtop.png) 15px 0 no-repeat;
}

a.readon {
	background: url(../images/style2/readon.png) 0 0 no-repeat;
	color: #fff;
}

blockquote.color2,
.important-title2,
span.number-color,
span.dropcap-color {
	color: #0294C1;
}

blockquote.color3,
.important-title3,
span.number-color2,
span.dropcap-color2 {
	color: #cc0000;
}

.important2 {
	border: 1px solid #0294C1;
}

.important3 {
	border: 1px solid #cc0000;
}

a.large .button {
	background: url(../images/light/font-lg.png) 0 0 no-repeat;
}

a.small .button {
	background: url(../images/light/font-sm.png) 0 0 no-repeat;
}

a.default .button {
	background: url(../images/light/font-d.png) 0 0 no-repeat;
}

div.content-bar-text {
	color: #000;
}

div.content-bar-text2 {
	color: #000;
}

span.color2 {
	color: #fff;
}

span.color3 {
	color: #fff;
}

span.rotator-demo-header {
	color: #0294C1;
}

.contentpaneopenroyal h1{
	color:#F03;
}




.infos-concert{
	margin:0;
	padding:0;
	
	display:block;
	width:905px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333;
	margin-top:-52px;
	margin-bottom:30px;
	clip:rect(0 0 800 800);
	background:url(fond_agenda_item.png) repeat-x;
	position:relative;
}

.infos-concert ul{
	margin:0;
	padding:0;
}

/*.infos-concert .element-infos-concert {
	clear:both;
	display:block;
	width:580px;
	height:80px;
	float:left;
	font-size:12px;
}*/
.infos-concert .element-infos-concert li{
	float:left;
	display:block;
	padding:0;
	margin:0;
}

.infos-concert .date-concert{
	display:block;
	width:90px;
	
}

.infos-concert .date-concert ul{
	display:block;
	margin-right:0px;
}
.infos-concert .date-concert ul li{
	
}
.infos-concert .day{
	display:block;
	font-size:34px;
	width:45px;
	height:35px;
	margin-bottom:-1em;
	line-height:33px!important;
}

.infos-concert .month{
	
	float:left;
	font-size:15px;
	height:15px;
	text-transform: uppercase;
	
}

.infos-concert .time{
	float:right;
}


.infos-concert .place {
	display:block;
	height:28px;
	width:290px;
	margin-top:-1px;	
}

.infos-concert .place li{
	display:block;
	clear:both;
	width:290px;
}

.infos-concert .price{
	display:block;
	padding-top:10px;
	margin-top:25px;
	line-height:25px;
}


.infos-concert .media-artiste{
	display:block;
	clear:both;
	float:right;
}

.infos-artiste {
	clear:both;
	display:block;
	width:580px!important;
	float:left;
	margin-left:auto;
	margin-right:auto;

}

.infos-artiste fieldset{
	margin:0px!important;
	padding:0px!important;
	border:none;
	font-size:13px;
	background:#333;
	color:#FFF;
	padding-bottom:10px;
	width:580px;
}



.infos-artiste fieldset p{
	padding:10px;
}


.infos-artiste legend{
	display:block;
	width:580px;
	left:-5px!important;
	margin:0px!important;
	padding:0px!important;
	height:25px;
	background-color:#CCC;
	color:#333;
	font-size:20px;
	font-weight:bold;
	padding-top:10px !important;
	margin-left:-7px;
	margin-left:0!important;
}


.infos-artiste legend span {
	display:block;
	clear:both;
	width:525px !important;
	margin:0px !important;
	padding:0px;
	height:25px;
	background-color:#CCC;
	padding-left:55px;
}


.infos-artiste h1
{
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #00ccff;
	font-size: 16px;
}






.media-artiste{
	display:block;
	width:290px;
	float:left;
	margin-left:50px;
}

.media-artiste ul{ 
	list-style:none;
	width:200px;
}

.media-artiste ul li{ 
	display:block;
	padding-top:25px;
	margin-bottom:30px;
}
.media-artiste .photos-artiste{
	
	background:url(photos_bg.png) no-repeat top left;
	
}

.media-artiste .photos-artiste img{
	width:200px;
	border:none;
	margin:0;
}

.media-artiste .photos-artiste .credits{
	font-size:10px;
	color:#CCC;
	float:right;
	margin-right:0px;
}

.media-artiste .videos-artiste
{
	display: block;
	width: 200px;
	background: url(videos_bg.png) no-repeat top left;
	text-align: center;
}
.media-artiste .videos-artiste object {
	text-align:center;
	height:200px;
	width:200px;
	background-color:#000;
	display:block;
}

.media-artiste .extraits-artiste{
	background:url(extraits_bg.png) no-repeat top left;	
}

.media-artiste .links-artiste{
	background:url(liens_bg.png) no-repeat top left;	
}

.media-artiste .links-artiste ul{
	margin:0;
	padding:0;
}


.media-artiste .links-artiste ul li{
	margin:0;
	padding:0;
}
.media-artiste .links-artiste a{
	text-decoration:none;
	font-size:12px;
	color:#666;
}

#agenda {
	width: 800px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333;
}

#agenda ul{
	padding:0;
	margin:0;
	
}
#agenda li{
	padding:0;
	list-style:none;
}

#agenda .event{
	clear:both;
	display:inline-block;
	width:730px;
	height:36px;
	border:thin #666 solid;
	background-color:#FFF;
	margin-bottom:15px;
	vertical-align:middle;
	margin-left:55px;
}

#agenda .event:hover{
	background-color:#888888;
}


#agenda .event ul li{
	float:left;
	display:inline-block;
	height:auto;
}

#agenda .date-concert{
	display:block;
	width:90px;
	margin-top:3px;
}





#agenda .day{
	display:block;
	font-size:34px;
	width:40px;
	float:right;
	line-height:33px;
}

#agenda .month{
	
	float:left;
	font-size:15px;
	height:15px;
	text-transform: uppercase;
	
}

#agenda .time{
	float:right;
}

#agenda .artist{
	background:url(separator.png) left center no-repeat ;
	display:block;
	width:200px;
	height:36px;
	float:left;
	margin-top:5px;
	margin-left:15px;
	padding-left:10px;
	padding-top:0px;
	text-align:justify;
	line-height:15px;
}

#agenda .artist span{
	height:36px;
}

#agenda .place {
	background:url(separator.png) left center no-repeat ;
	width:200px;
	text-align:center;
	vertical-align:middle;
}

#agenda .place li{
	display:block;
	v-align:middle;	
}
#agenda .place span{
	display:block;
	height:36px;
}



#agenda .price{
	background:url(separator.png) left center no-repeat ;
	padding-left:15px;
	display:block;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
}
#agenda .price span{
	display:block;
	height:36px;
}

#agenda img{
	border:none;
	margin-right:10px;
}

/* ARTICLE CLASSIQUE */


.article {
	clear:both;
	width:600px!important;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.article fieldset{
	margin:0px!important;
	padding:0px!important;
	border:none;
	text-align:justify;
	font-size:13px;
	background:#333;
	color:#FFF;
	padding-bottom:10px;
	width:600px;
	
}


.article fieldset p{
	padding:10px;
}

.article img{
	margin-left:-15px;
	
}


.article h1
{
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 20px;
	color: #00ccff;
	font-size: 16px;
}


.article fieldset legend{
	display:block;
	width:600px!important;
	left:-5px!important;
	height:25px;
	margin:0px !important;
	padding:0px !important;
	margin-top:20px;
	background-color:#CCC;
	color:#333;
	font-size:20px;
	font-weight:bold;
	
	padding-top:10px !important;
	

}





.article legend span {
	display:block;
	
	width:545px!important;
	margin:0px !important;
	padding:0px;
	clear:both;
	height:25px;
	background-color:#CCC;

	padding-left:55px;
}


td .article {
	float:left;
	width:600px!important;
	margin-right:auto!important;
	margin-left:50px!important;
}
.intro {
	display:block;
}
.article p {
	font-size:12px;
	margin-bottom:0px;
	margin-top:5px;
	text-align:justify;
	color:#CCC;
}
.article .photo  {
	margin:15px;
	margin-left:30px;
	float:left;
	display:block;
}
.article .text-intro {
	display:block;
}

.article .content{
	float:none;
	clear:both;
}

.article .article-bottom {
	clear:both;
	float:right;
}

.article fieldset{
	padding-bottom:0px;	
}

.article b, .article strong{
	color:#00CCFF;
	font-weight:bold;
}

.article .article-bottom p{
	color:#00CCFF;	
}






/* NOUVEL AGENDA 2010 */
table, tr, td, .agenda-table img, .agenda-table a, .agenda-table p, .agenda-table tbody {
	padding:0px;
	margin:0px;
}
.agenda-table td {
	text-align:center;
	height:36px;
	
}
.agenda-table img{
	height:36px;
	vertical-align:middle;
	border:3px solid  black;
	
}
.agenda-table tr:hover{
	background-color:#999;
	cursor:pointer;
}
.agenda-table {

	cell-padding:0px;
	border-collapse:collapse;
	empty-cells:show;
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*border:thin solid  #CCC;*/
}

.agenda-table .mainContent-cell {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:36px;
	
}
.agenda-table .agenda-row {
	border: thin solid #333
}
.agenda-table .image-cell {
	padding:0;
	margin:0;
	height:36px;
	width:130px;
	vertical-align:middle;
	background-color: black;
}
.agenda-table .day-cell {
	font-size:36px;
	vertical-align:middle;
	text-align: center;
	padding-left:10px;
}
.agenda-table .dayName-cell {
	padding:10px;
	vertical-align:top;
	height:18px;
}
.agenda-table .monthAndDayName-cell {
	font-size:15px;
	height:15px;
	padding-right:10px;
	text-align: left;
	line-height:15px;
}

.agenda-table .priceAndTime-cell{
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;
	padding: 10px;;
}


table.post {
        width:580px;
}

table.post td.mainContent-cell {
        width:0px;
        overflow:hidden;
       visibility:none;
       display:none;
}

table.post tdl{
        border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;

}
