/* *************************** 
  Site - la note bleue
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
  $7 - Typo3
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#4c4c4c;
	text-decoration:none;
}
a:hover {
	color:#4c4c4c;
	text-decoration:underline;
}
img {
	border:0;
	vertical-align:middle;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
p.align-center {text-align:center}
p.align-left{text-align:left}
p.align-right {text-align:right}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	background:#9ea0a1 url(../images/bg_body.jpg) center top no-repeat;
}
#container {
	text-align:left;
	width:962px;
	margin:0 auto;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	position:relative;
	height:464px;
	width:100%;
	z-index: 100;
}
#logo{
	left:62px;
	top:47px;
	position:absolute;
	}
#headerstar{
	position:absolute;
	left:-159px;
	top:0;
	z-index:99999;
	}
#banner{
	position:absolute;
	top:131px;
	margin-left: -57px;
	width:100%;
	height:319px;
	-moz-box-shadow: 5px 5px 10px #666;
        -webkit-box-shadow: 5px 5px 10px #666;
	}
#headervideo{
	background:url(../images/bg_headervideo.png) 0 0 no-repeat;
	width:331px;
	height:262px;
	padding:39px 86px 43px 77px;
	z-index:99999;
	left:574px;
	top:241px;
	position:absolute;
	}
#headervideo p{ text-align:right; color:#fff; padding:0 0 6px 0;}
#headervideo p a,#headervideo p a:hover{ color:#fff;}
#video_inner{
	border:#b9bbbc 1px solid;
	width:329px;
	height:217px;
	position: relative;
	}
#jaquette {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 112px;
	height: 112px;
}
.nav{
	position:absolute;
	left:264px;
	top:50px;
	}
.nav li{
	float:left;
	padding:0 0 0 18px;
	font-weight:bold;
	font-size:14px;
	}
.nav li a {
	color:#808080;
	}
.nav li span{
	display:block;
	padding:0 0 4px 0;
	}
.nav li a:hover,.nav li a.selected{
	color:#fff;
	text-decoration:none;
	}
	
ul.submenus{
	float:left;
	
}
 ul.submenus li{
	float:left;
	font-size:12px;
	
}
 ul.submenus li a{
	display:block;
	padding:5px 10px 0px 10px;
	height:22px;
	float:left;
        background:#000000;
        border-left: 1px solid #ffffff;
        color:#ffffff;
}
 ul.submenus li a:hover,
 ul.submenus li.act a
 {
	color:#ffffff;
	background:#6b6d70;
	text-decoration:none;
}


ul.submenus li.first a{
display:block;
	padding:5px 10px 0px 15px;
	height:22px;
	float:left;
        border:none;
        color:#ffffff;       
	}

ul.submenus li.first.act a{
display:block;
	padding:5px 10px 0px 15px;
	height:22px;
	float:left;
        border:none;
        color:#ffffff;        
	}

.left ul.submenus{
margin-left:-57px;
}

.left ul.submenus li a{
	display:block;
	padding:5px 20px 0px 10px;
	height:22px;
	float:left;
        background:#000000;
        border-right: 1px solid #ffffff;
        color:#ffffff;
        float:left;
       }

.left ul.submenus li a:hover,
.left ul.act li a
 {
	color:#ffffff;
	background:#6b6d70;
	text-decoration:none;
}
.icons{
	position:absolute;
	right:0;
	top:98px;
	float:right;
	}
.icons a{
	float:left;
	margin-left:5px;
	line-height:12px;
	font-size:11px;
	color:#979797;
	}
.icons a:hover{
	color:#979797;
	}
.link_newsletter{
	padding:0 28px 0 0;
	background:url(../images/icon_stargray.png) right 0 no-repeat;
	}
#link_newsletter{
	padding:0 28px 0 0;
	background:url(../images/icon_stargray.png) right 0 no-repeat;
	}
/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	background:#fff;
	width:850px;
	overflow:hidden;
	padding:0 56px 7px 56px;
    }
#breadcrumb{
	padding:4px 0 26px 0;
	}
#breadcrumb em a{font-style:normal; color:#000000}

#maincontent{
	float:left;
	width:534px;
	padding:9px  0 0 0;
	}
#content h1{
	font-family:Arial Narrow, Helvetica, sans-serif;
	letter-spacing:-2px;
	}
#maincontent h1{
	font-size:40px;
	font-weight:normal;
	color:#000;
	line-height:43px;
	padding:0 0 15px 0;
	}
#maincontent  h2{
	font-size:17px;
	line-height:19px;
	color:#000;
	}
#maincontent h3{
	color:#9c9e9f;
	font-size:17px;
	}
#maincontent a, .menu_artist a:hover{
	color:#4c4c4c;
	text-decoration:underline;
}
#maincontent a:hover, .menu_artist a{
	color:#4c4c4c;
	text-decoration:none;
}
#maincontent p{
	font-size:11px;
	line-height:17px;
	padding:0 0 12px 0;
	}
#listswrapper{
	margin-left:-9px;
	width:552px;
	padding-top:10px;
	padding-bottom:13px;
	}
#listswrapper .listsnav{
	width:534px;
	padding:0 0 0 9px;
	}
.listsnav{
	width:100%;
	text-align:right;
	color:#9c9e9f;
	}
.listsnav a:hover{
	color:#000;
	text-decoration:none;
	}
.listsnav span{
	float:left;
		}
.listsnav em{
	font-style:normal;
	color:#000;
	text-decoration:none;
	}
#maincontent .listsnav em a{
	font-style:normal;
	color:#000;
	text-decoration:none;
	}
#maincontent .listsnav a{
	font-style:normal;
	color:#9C9E9F;
	text-decoration:none;
	}

#sidebar #listswrapper ul.photo_video{

	width:100%;
	overflow:hidden;
	padding:0 0 6px 40px;


	}
#sidebar #listswrapper ul.photo_video li{
	width:184px;
	height:133px;
	color:#000;
        text-align:center;
	}


#listswrapper ul.photo_video{
	width:100%;
	overflow:hidden;
	padding:0 0 6px 0;
	}
#listswrapper ul.photo_video li{
	float:left;
	width:184px;
	height:133px;
	color:#000;
	}
#listswrapper ul.photo_video li a{
	display:block;
	border:#fff 1px solid;
	width:174px;
	height:126px;
	padding:5px 0 0 8px;
	color:#000;
	}
#listswrapper ul.photo_video li a:hover{
	border:#333 1px solid;
	background:#c7c7cc;
	color:#000;
	text-decoration:none;
	}
#listswrapper ul.photo_video li span{
	display:block;
	}
.botlink{
	padding:0 0 0 360px;
	width:128px;
	text-align:center;
	}
.botlink a,.botlink a:hover{
	color:#000;
	}
.product_list{
	background:#ebebec url(../images/bg_sectiontop.png) 0 0 no-repeat;
	width:531px;
	margin:0 0 7px 0;
	}
.product_list_inner{
	background:url(../images/bg_sectionbot.png) 0 bottom no-repeat;
	padding:6px 8px;
	width:515px;
	overflow:hidden;
	}
.product_list .imgleft{
	float:left;
	margin:0 10px 0 0;
	}
.product_list .product_list_inner img{
	float:left;
	margin:0 10px 0 0;
	width: 150px;
	}
.product_text{
	float:left;
	width:348px;
	padding:13px 0 0 0;
	}
#maincontent .product_list p.bodytext{
	color:#828282;
	padding-bottom:0;
	font-size: 11px;
	}
/*.product_list p span{
	display:block;
	}*/
.product_list p span a,.product_list p span a:hover{
	color:#000;
	}
#productwrapper{
	width:531px;
	padding:15px 0 18px 0;
	}
.pdfbox {
	width:100%;
	overflow:hidden;
	padding:0 0 38px 0;
	}
.pdfbox .imgleft{
	float:left;
	}
.pdfbox h3{
	padding-top:20px;
	line-height:17px;
	}
.programme_wrapper{
	width:100%;
	overflow:hidden;
	padding:0 0 23px 0;
	}
.programme_wrapper li{
	width:100%;
	float:left;
	color:#4d4d4d;
	line-height:15px;
	padding:1px 0;
	}
.programme_wrapper li span{
	float:left;
	padding:0 0 0 20px;
	width:465px;
	}
.programme_wrapper li.first{
	background:#707173;
	color:#fff;
	font-size:14px;
	padding:3px 0;
	}
.bggray{
	background:#ececed;
	}
.programme_wrapper li a,.programme_wrapper li a:hover{
	color:#4d4d4d;
	}
.links{
	padding-bottom:5px;
	}
.links a{
	margin-right:10px;
	font-size:14px;
	color:#6b6d70;
	}
.links a:hover{
	color:#6b6d70;
	}
.links  img{
	margin-right:5px;
	}
#maincontent .donaflor h2{
	background:#ececed;
	padding:1px 0 1px 5px;
	}
#maincontent .donaflor p {
	font-weight:bold;
	color:#6b6d70;
	font-size:15px;
	padding:11px 0 0 0;
	}
.donaflor p span{
	display:block;
	}
#maincontent .donaflor p a,#maincontent .donaflor p a:hover{
	color:#6b6d70;
	}
.menu_artist{
	padding: 0px 0px 5px 0px;
}
.menu_artist li{
	display: block;
	float:left;
	padding: 0px 10px 0px 0px
}
.content_artist{
	padding-top: 10px;
}
.img_artist{
	text-align: center;
	padding-top: 20px;
}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	width:273px;
	float:right;
	padding:67px 0 0 0;
	}
#sidebar a {
	color:#4c4c4c;
	text-decoration:underline;
}
#sidebar a:hover {
	color:#4c4c4c;
	text-decoration:none;
}
.item{
	background:#e5e5e7 url(../images/bg_item.png) 0 0 no-repeat;
	margin:0 0 10px 0;
	}
.item_inner{
	background:url(../images/bg_item_inner.png) 0 bottom no-repeat;
	width:253px;
	padding:0 10px 15px 10px;
	overflow:hidden;
	}
.item h2{
	padding:0 0 0 7px;
	height:39px;
	line-height:39px;
	font-size:26px;
	font-weight:normal;
	color:#fff;
	margin:0 0 10px 0;
	}
.item h2 img{
	margin-left:3px;
	}
#sidebar h3{
	font-size:17px;
	color:#000;
	line-height:17px;
	}
.imgleft{
	float:left;
	margin:3px 10px 0 4px;
	}
.item p{
	line-height:17px;
	color:#8c8c8c;
	}
.item p span{
	display:block;
	}
.item p span a,.item p span a:hover{
	color:#000;
	}
#sidebar h4{
	font-size:16px;
	color:#000;
	line-height:17px;
	}
.partners a{
	margin:0 3px 0 2px;
	}
.blackbox{
	background:url(../images/bg_blackbox.png) 0 0 no-repeat;
	width:273px;
	height:204px;
	margin:0 0 10px 0;
	}
.blackbox h2{
	color:#a7a9aa;
	font-size:31px;
	font-weight:normal;
	padding:4px 0 0 11px;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:100%;
	background:url(../images/bg_footer.jpg) 0 0 no-repeat;
	height:263px;
	padding:18px 0 0 0;
}
#footer  .nav {
	position:relative;
	left:auto;
	top:auto;
	width:100%;
	overflow:hidden;
	padding:0 0 42px 0;
	}
#footer_left{
	float:left;
	padding:0 0 0 8px;
	width:690px;
	}
#footer_right{
	float:right;
	}
#footer_left p{
	padding-left:18px;
	color:#808080;
	}
#footer_left p.info{
	line-height:14px;
	color:#fff;
	padding-bottom:62px;
	}
#footer_left p.info a,#footer_left p.info a:hover{
	color:#fff;
	}
#footer_left p a,#footer_left p a:hover{
	color:#808080;
	}
#footer_left p span{
	display:block;
	padding:3px 0 0 0;
	}
#footer_right{
	float:right;
	padding:8px 26px 0 0;
	width:190px;
	}
#footer .icons{
	position:relative;
	top:auto;
	right:auto;
	}
#footerbtn{
	text-align:right;
	padding-top:88px;
	margin-right:-1px;
	}
/* *************************** 
   $2 TYPO3
   ***************************/
   
#maincontent p.bodytext {padding-bottom:8px;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#maincontent p.align-center{text-align:center;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#maincontent p.align-right{text-align:right;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#maincontent p.align-left{text-align:left;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
      

.csc-sitemap ul li ul li{margin-left: 30px;}
.csc-sitemap ul li ul li ul li{margin-left: 45px;;}
.csc-sitemap ul li ul li ul li ul li{margin-left: 60px;}

/* *************************** 
   $2 BANNER JQUERY SLIDESHOW
   ***************************/

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:319px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}