@charset "UTF-8";

* { margin:0; padding:0; border:0; }

html, body {
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
}
body {
	background: #32374b url(../images/bg_body.png) repeat-y 50% 0%;
}

img, div { behavior: url(iepngfix.htc) }
.clear {
	clear:both;
}
#base {
	width:1048px;
	margin:0 auto;	
	height:600px;
	text-align:left;
	position:relative;
}
#haut {
	border:1px solid #00CC33;
}
div#logo {
	float:left;
}
div#header {
	float:left;
	background:url(../images/bg_menu.png) no-repeat;
	position:relative;
}
#lavaLampBasicImage {
	position: relative;
	width: 567px;
	height: 34px;
	/*background: url("images/bg.gif") no-repeat top;*/
	padding: 15px;
	padding-right:5px;
	margin: 8px 0 10px 4px;
	overflow: hidden;
}
#lavaLampBasicImage li {
	float: left;
	list-style: none;
}
#lavaLampBasicImage li.backLava {
	background: url("../images/lava.png") no-repeat right -32px;
	width: 9px; height: 32px;
	z-index: 8;
	position: absolute;
}
#lavaLampBasicImage li.backLava .leftLava {
	background: url("../images/lava.png") no-repeat top left;
	height: 32px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
#lavaLampBasicImage li a {
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #2a2c34;
	outline: none;
	text-align: center;
	top: 8px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 32px;
	position: relative;
	overflow: hidden;
	margin: auto 6px;    
	text-shadow: 1px 1px 0px #bdc2c8;  
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited, #lavaLampBasicImage li a.menuOn {
	border: none;
	color:#bdc2c8;
	text-shadow: 1px 1px 0px #1f2333;
}
/* news accueil */
div#newsAcc {
	background:url(../images/bg_news_acc.png) no-repeat top left;
	margin-left:108px;
	height:38px;
}
#newsTicker {
	overflow: hidden;
	height:26px;
	width:456px;
	text-align:center;
}			
#newsTicker li {
	height:20px;
	padding:5px;
	list-style:none;
	color:#e6e8ed;
	font-size:12px;
	font-family:"Century Gothic", Arial, sans-serif;
	text-shadow: 1px 1px 0px #282b39;
}
.newsticker {
		list-style-type: none;
		padding-top:5px;
		line-height:14px;
}
div#titre_newsticker {
	background:url(../images/titre_prochains_evenmts.png) no-repeat;
	width:277px;
	height:33px;
	position:absolute;
	top:65px;
	left:26px;
}	
/* /news accueil */
/* newsletter */
#newsletterform {
	position:relative;
	z-index:4000;
}
#newsletterform form {
	float:right;
	margin-right:4px;
	margin-top:24px;
}
#newsletterform div {
    /* This div will have the left image as a background */
    background: url(../images/search_left.png) no-repeat left top;
    padding-left:15px;
    line-height: 1;
}
#newsletterform #email {
    background: #fff url(../images/search_bg.png) repeat-x;
    padding: 3px 0px 2px 0;
    height: 18px;
	width:200px;
}
#newsletterform input {
    /* Some reset styles to make my form elements play nice */
    vertical-align: top;
    margin: 0 !important;
    line-height: 1;
    outline:0 !important;
}
#newsletterform div#titre_newsl {
	background:url(../images/titre_inscription_newsl.png) no-repeat;
	width:212px;
	height:22px;
	position:absolute;
	top:5px;
	right:6px;
	padding-left:0;
}
/* /newsletter */
/* contenu */
#slider {
	width:1040px;
	height:649px;
	margin:0 auto;
	margin-top:-61px;
	position: relative;
	float:left;
	color:#2a2c34;
}
.scroll {
    height: 649px;
    width: 1040px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
.scrollContainer div.panel {
    padding: 20px;
    height: 654px;
    width: 1040px;
	
}
.panel {
	background:url(../images/bg_contenus.png) no-repeat top left;
}
#accueil {
	width:1048px;
	height:654px;
	background-position:0 0;
}
#avenir {
	width:1048px;
	height:654px;
	background-position:-1048px 0;
}
#evenements {
	width:1048px;
	height:654px;
	background-position:-2096px 0;
}
#archives {
	width:1048px;
	height:654px;
	background-position:0 -666px;
}
#revuepresse {
	width:1019px;
	height:591px;
	background-position:-1048px -666px;
}
#contact {
	width:1048px;
	height:654px;
	background-position:-2096px -666px;
}
#evenementsPasses {
	width:1048px;
	height:654px;
	background-position:0 -1332px;
}
/******* Easy slider ************/
#prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
#contPresse{	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:805px;	
	margin-top:270px;
}	
/* Easy Slider */
#sliderPresse ul, #sliderPresse li {
	margin:0;
	padding:0;
	list-style:none;
}
#sliderPresse li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:805px;
	height:241px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:-85px;
	top:85px;
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:830px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:50px;
	height:50px;
	background:url(../images/btn_slider.png) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_slider.png) no-repeat -50px 0;	
}

#contEvenementsPasses #prevBtn, #contEvenementsPasses #nextBtn,
#contEvenementsPasses #slider1next, #contEvenementsPasses #slider1prev{ 
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:470px;
	top:600px;
	z-index:1000;
}	
#contEvenementsPasses #nextBtn, #contEvenementsPasses #slider1next{ 
	left:530px;
	top:600px;

}														
#contEvenementsPasses #prevBtn a, #contEvenementsPasses #nextBtn a,
#contEvenementsPasses #slider1next a, #contEvenementsPasses #slider1prev a{  
	display:block;
	position:relative;
	width:25px;
	height:25px;
	background:url(../images/btn_slider_mini.png) no-repeat 0 0;	
}	
#contEvenementsPasses #nextBtn a, #contEvenementsPasses #slider1next a{ 
	background:url(../images/btn_slider_mini.png) no-repeat -25px 0;	
}
	
/* numeric controls */	

ol#controls {
	height:9px;
	text-align:center;
	margin:0 auto;
	margin-top:24px;
}
ol#controls li {
	margin:0 0 0 0;
	display:inline;
	list-style:none;
}
ol#controls li a {
	text-decoration:none;
	background:url(../images/puce_nav.png) no-repeat;
	background-position:0 0;
	display:block;
	width:8px;
	height:9px;
	float:left;
	display:inline;
	margin:0 3px;
}
ol#controls li a span { visibility:hidden;}
ol#controls li.current a, ol#controls li a:hover {
	background:url(../images/puce_nav.png) no-repeat;
	background-position: 0 -9px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#sliderPresse li ul.listMag li {
	width:129px;
	float:left;
	display:inline;
	margin:0 25px 0 7px;
	color:#fff;
	font-size:12px;
	line-height:13px;
}
#sliderPresse li ul.listMag li div.nomMag {
		height:28px;
		margin-top:4px;
}
#sliderPresse li ul.listMag li a { color:#fff;}
#sliderPresse li ul.listMag li a.txtLink {
		color:#fff;
		text-decoration:underline;
		display:block;
		background:url(../images/puce_article.png) no-repeat;
		padding-left:13px;
		height:12px;
		line-height:12px;
}
/* // Easy Slider */
/******* colorbox *********/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#17181c;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#32374b; font-family:Helvetica, Arial, sans-serif}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/*** EVENEMENTS ***/
div#contEvenements, div#contEvenementsPasses {
	margin:116px 0 0 94px;
	font-size:14px;
	text-shadow: 1px 1px 0px #fff;
}
div#contEvenementsPasses {
	width:750px;
}
div#nextEvenements {
	margin:11px 0 0 9px;
	height:176px;
	font-size:12px;
}
div#contEvenements h1 {
	background:url(../images/titre_next_evenements.png) no-repeat;
	width:282px;
	height:53px;
	margin-left:8px;
}
div#evenements h1 span, div#lastEvenements h2 span { visibility:hidden;}
div#contEvenements ul li {
	list-style:none;
	margin-bottom:7px;
}
div#contEvenements ul li span.gch, div#contEvenements ul li span.drt {
	display:block;
	float:left;
	
}
div#contEvenements ul li span.gch {
	width:543px;
	border-bottom:1px solid #383a41;
	margin-right:14px;
	padding-top:9px;
	height:76px;
	line-height:17px;
}
div#contEvenements ul li span.noBorder {
	border:none;
	padding-top:0;
}
div#contEvenements ul li span.gch img {
	float:left;
	margin-right:5px;
}
div#contEvenements ul li span.drt {
	background:url(../images/bg_presence_ev.png) no-repeat top right;
	width:187px;
	height:83px;
	border-left:1px solid #383a41;
}
div#contEvenements ul li span.drt span.conTxt {
	width:150px;
	display:block;
	margin-left:36px;
	margin-top:12px;
}
div#contEvenements ul li span.drt span.conTxt span.resCompteur {
	margin-bottom:5px;
}
div#contEvenements ul li span.drt, div#contEvenements ul li span.drt a {
	color:#e6e8ed;
	text-shadow:none;
	font-size:12px;
}
span.clear { display:block;}
p.btn_event_pass {
	background:url(../images/btn_evenements_passes.png) no-repeat;
	text-align:center;
	height:30px;
	width:339px;
	margin:0 auto;
	padding-top:8px;
}
p.btn_event_pass a {
	color:#e6e8ed;
	font-size:14px;
	font-family:"Century Gothic", Arial, sans-serif;
	text-shadow: 1px 1px 0px #282b39;
	text-decoration:none;
	margin-left:42px;
}
p.btn_event_pass a:hover {
	text-decoration:underline;
}
div#lastEvenements {
	margin:42px 0 0 21px;
	width:780px;
	text-align:center;
	font-size:14px;
}
div#sliderLastEvnmts ul li {
	list-style:none;
	margin-bottom:9px;
	
}
div#sliderLastEvnmts ul li p.lienCom {
	text-align:center;
	margin-top:5px;
	padding-bottom:9px;
	border-bottom:1px solid #2a2c34;
}
div#sliderLastEvnmts ul li p.lienCom a {
	color:#2a2c34;
	font-size:12px;
	font-weight:bold;
}
div#lastEvenements h2 {
	background:url(../images/titre_last_evenements.png) no-repeat;
	width:227px;
	height:59px;
	text-align:left;
}
div#lastEvenements p {
	margin-bottom:24px;
}
div#contEvenementsPasses h2 {
	background:url(../images/titre_last_evenements.png) no-repeat;
	width:227px;
	height:59px;
	text-align:left;
	float:left;
}
div#contEvenementsPasses div#Searchresult {
	list-style:none;
	width:739px;
	position: relative;
}
.scroll_image {
	cursor: pointer;
}
div#contEvenementsPasses div#Searchresult div.affDetails {
	border-bottom:1px solid #383a41;
	padding:7px 0;
}
div#contEvenementsPasses div#Searchresult div.affDetails p {
	text-align:center;
	color:#2a2c34;
	text-shadow:1px 1px 0 #fff;
	margin-top:10px;
}
div#contEvenementsPasses div#Searchresult div.affDetails p a {
	color:#2a2c34;
	text-shadow:1px 1px 0 #fff;
	text-decoration:none;
}
div#contEvenementsPasses div#Searchresult div.affDetails p a:hover {
	text-decoration:underline;
}
div#contEvenementsPasses h2 span { visibility:hidden;}
div#contEvenementsPasses span.details {
	display:block;
}
div#contEvenementsPasses span.details img {
	float:left;
	margin-right:5px;
}
div#contEvenementsPasses span.details span {
	display:inline;
}
div#contEvenements ul li {
	list-style:none;
	margin-bottom:7px;
}
div.espaceCom form, div.espaceCom div.commentsBlock {
	float:left;
}
div.espaceCom form {
	margin-right:37px;
}
div.espaceCom form p {
	margin-bottom:5px;
	text-shadow:none;
	font-size:11px;
}
div.espaceCom form p label {
	display:none;
}
div.espaceCom form input, div.espaceCom form textarea {
	width:307px;
	height:18px;
	background:url(../images/bg_input_com.png) no-repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-left:4px;
	padding-top:5px;
}
div.espaceCom form textarea {
	background:url(../images/bg_textarea_com.png) no-repeat;
	height:110px;
	padding-top:4px;
}
div.espaceCom form input.btn_envoi_com {
	width:181px;
	height:30px;
	background:url(../images/btn_envoi_com.png) no-repeat;
	margin-left:135px;
}
/*pagination*/
#contPagination {
	float:left;
	margin:10px 0 0 50px;
	display:inline;
}
#paginationLeft {
	width:14px;
	height:33px;
	background:url(../images/pagination-left.png) no-repeat;
	float:left;
}
#paginationRight {
	width:17px;
	height:33px;
	background:url(../images/pagination-right.png) no-repeat;
	float:left;
}
#titrePagination {
	background:url(../images/bg_pagination.png) repeat-x;
	height:26px;
	float:left;
	padding-top:7px;
	text-shadow:none;
	color:#fff;
	font-size:12px;
}
.pagination {
	float:left;
   padding-top:7px;
   text-align: center;
   text-shadow:none;
   height:26px;
   font-size:12px;
   background:url(../images/bg_pagination.png) repeat-x;
   color:#fff;
}

.pagination a {
   color: #fff;
   margin: 1px;
   padding: 2px 5px;
   text-decoration: none;
}

.pagination a:hover,active {
   margin: 1px;
   padding: 2px 5px;
   text-decoration:underline;
}

.pagination span.current {
	margin: 1px;
	padding: 2px 5px;
	text-decoration:underline;
}

.pagination span.disabled {
	margin: 1px;
	padding: 2px 5px;
}
/* message display page */
.message_list {
	list-style: none;
	width: 383px;
}
.message_list li {
	background: url(../images/message-bar.png) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #000;
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(../images/tall-down-arrow.png) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(../images/tall-up-arrow.png) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(../images/collapse-all.png) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}
/*** ACCUEIL ***/
div#accGch {
	width:538px;
	margin:120px 0 0 17px;
	float:left;
	font-size:14px;
}
div#accDrt {
	width:350px;
	float:left;
	display:inline;
	margin:168px 0 0 89px;
	color:#2a2c34;
	text-shadow:1px 1px 0 #bbbfce;
	font-size:12px;
}
div#accDrt img {
	margin-right:8px;
}
div#artistesGch {
	float:left;
	width:177px;
}
div#artistesGch ul {
	margin-bottom:12px;
}
div#artistesGch ul li {
	list-style:none;
	margin-bottom:7px;
}
div#artistesGch ul li a {
	display:block;
	text-decoration: none;
	background:url(../images/bg_btn_artistes.png) no-repeat 0 -35px;
	width:147px;
	height:26px;
	color:#2a2c34;
	text-shadow:1px 1px 0 #bbbfce;
	padding:9px 0 0 20px;
}
div#artistesGch ul li a:hover, div#artistesGch ul li a.menuArtOn {
	background-position:0 0;
	color:#e6e8ed;
	text-shadow:1px 1px 0 #282b39;
}
div#artistesDrt {
	color:#2a2c34;
	text-shadow:1px 1px 0 #bbbfce;
	font-size:12px;
	float:left;
	width:350px;
}
div#artistesDrt h2 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:16px;
}
div#artistesDrt h3, div.artAvenir div.artAvenirDrt h4, div#contactCont h2 {
	background:url(../images/puce_tache.png) no-repeat;
	padding-left:20px;
	font-weight:normal;
	font-size:14px;
	margin-bottom:20px;
}
.shareTop {
		background:url(../images/bg_share_top.png) no-repeat;
		width:159px;
		height:86px;
		margin-top:24px;
		padding-top:5px;
		text-shadow:1px 1px 0 #bbbfce;
	}
	.shareBottom {
		background:url(../images/bg_share_bottom.png) no-repeat;
		width:159px;
		height:26px;
	}
	a.facebook, a.twitter, a.contactGalerie, a.printFiche, a.downloadFiche {
		position:relative;
		display:block;
		text-decoration:none;
		float:left;
	}
	a.facebook:hover, a.twitter:hover, a.contactGalerie:hover, a.printFiche:hover, a.downloadFiche:hover {
	   z-index: 500; 
	}
	a.facebook span, a.twitter span, a.contactGalerie span , a.printFiche span, a.downloadFiche span {
		display: none;
		color:#2a2c34;
		text-shadow:#fff;
	}
	a.facebook:hover span, a.twitter:hover span, a.contactGalerie:hover span, a.printFiche:hover span, a.downloadFiche:hover span {
		display: inline; 
	   	position: absolute;
	   	white-space: nowrap;
	   	font-size:11px;
	   	font-weight:normal;
	   	width:150px;
	}
	a.facebook, a.twitter, a.contactGalerie {
		background:url(../images/icon_haut.png) no-repeat;
		width:41px;
	    height:38px;
		margin-bottom:3px;
	}
	a.facebook {
	  background-position:0 0;
	  margin-left:12px;
	}
	a.facebook:hover span {
	   top: 92px; 
	   left: 11px;
	}
	a.twitter {
	  background-position:-41px 0;
	  margin-left:5px;
	}
	a.twitter:hover span {
	   top: 92px;
	   left: -26px;
	}
	a.contactGalerie {
	  background-position:-82px 0;
	  margin-left:5px;
	}
	a.contactGalerie:hover span {
	   top: 92px; 
	   left: -67px;
	}
	a.printFiche, a.downloadFiche {
		background:url(../images/icon_bas.png) no-repeat;
		width:54px;
		height:39px;
	}
	a.printFiche {
	  background-position:0 0;
	  margin-left:20px;
	}
	a.printFiche:hover span {
	   top: 51px; 
	   left: 19px;
	}
	a.downloadFiche {
	   background-position:-54px 0;
	  margin-left:10px;
	}
	a.downloadFiche:hover span {
	   top: 51px; 
	   left: -50px;
	}
/*** A VENIR ***/
div#avenirCont {
	margin:128px 0 0 48px;
}
div.artAvenir {
	width:480px;
	float:left;
	font-size:13px;
	color:#2a2c34;
	text-shadow:1px 1px 0 #bbbfce;
}
div.artAvenir div.artAvenirGch {
	float:left;
	width:175px;
}
div.artAvenir div.artAvenirDrt {
		width:280px;
		float:left;
}
div.artAvenir div.artAvenirDrt h2 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	margin-bottom:22px;
}
div.artAvenir div.artAvenirDrt h3 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:17px;
}
/*** ARCHIVES ***/
/* hide container until all is ready */
.listByMonth {
	display: none;
}
/*Main Container*/
.container {
	width:100%;	
}
.container ul {
	list-style-type: none;
	margin-top:240px;
}
.container li {
	display: inline;
}
/*Content Container*/
.contentContainer {
	float: left;
	width:0px;
	height: 327px;	
	overflow:hidden;
	background: url(../images/bg_detail_archives.png) no-repeat;
	position:relative;
}
.contentWrapper {	
	color:#fff;
}
.contentInnerWrapper {
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 60px;
	height: 327px;
	margin: 1px -7px 1px -3px;
	background:  url(../images/bg_list_month.png) no-repeat 0 0;
}
.handleOver, .handleSelected {	
	background: url(../images/bg_list_month_on.png) no-repeat 0 0;
}
/*EXTRAS*/
.contentWrapper h2{
	color:#fff;
	font-size:14px;
	margin:4px 0 19px 0;
}
div.artisteBlock1, div.artisteBlock2 {
	width:164px;
	float:left;
	display:inline;
	margin-left:14px;
	margin-top:14px;
}
div.artisteBlock2 {
	margin-left:37px;
}
div.artisteBlock1 a, div.artisteBlock2 a {
	float:right;
	text-decoration:underline;
	color:#fff;
	margin-top:6px;
}
div.separation {
	position:absolute;
	background:url(../images/separation.png) no-repeat;
	width:1px;
	height:302px;
	left:196px;
	top:10px;
}
/**** CONTACT ***/
div#contactCont {
	width:460px;
	margin-left:275px;
	margin-top:176px;
	text-shadow: 1px 1px 0px #fff;
	font-size:14px;
}
div#contactCont form h2 {
	text-align:left;
	font-size:14px;
}
div#contactCont p {
	margin-bottom:10px;
}
div#contactCont form {
	text-align:center;
	margin-top:34px;
}
div#contactCont form p {
	clear:both;
	margin-bottom:5px;
}
div#contactCont label {
	display:block;
	width:127px;
	float:left;
	font-size:12px;
	text-align:right;
	padding-top:5px;
}
div#contactCont input[type=text], div#contactCont textarea {
	background:url(../images/bg_input.png) no-repeat;
	width:304px;
	height:22px;
	border:1px solid #7D7D7D;
}
div#contactCont textarea {
	height:137px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background:url(../images/bg_textarea.png) no-repeat;
}
div#contactCont input.btn_envoi {
	background:url(../images/bg_envoi.png) no-repeat;
	width:166px;
	height:35px;
	cursor:pointer;
	margin-left:125px;
}
p.virebots { display:none;}