@font-face {font-family: 'Helveticaneuecondensedblack'; src: url('fonts/helveticaneuecondensedblack-webfont.eot');src: url('fonts/helveticaneuecondensedblack-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneuecondensedblack-webfont.woff') format('woff'), url('fonts/helveticaneuecondensedblack-webfont.ttf') format('truetype'), url('fonts/helveticaneuecondensedblack-webfont.svg#webfontejCe77YN') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'HelveticaNeue';src: url('fonts/helveticaneueltstd-blkcn-webfont.eot');src: url('fonts/helveticaneueltstd-blkcn-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/helveticaneueltstd-blkcn-webfont.woff') format('woff'),url('fonts/helveticaneueltstd-blkcn-webfont.ttf') format('truetype'),url('fonts/helveticaneueltstd-blkcn-webfont.svg#HelveticaNeueLTStd97BlkCn') format('svg');font-weight: normal;font-style: normal;}

/*** ELEMENTS GENERAUX ********************************************************************************************************************************/
*       { margin: 0; padding: 0; }
HTML    { height: 100%; min-width:962px; }
BODY    { position:relative; background:#fff; height: 100%; min-width:962px; }
UL      { list-style:inside; }
A       { text-decoration:none; cursor:pointer; color:#000; outline:none; }
A:hover { color:#acacac; }	
IMG     { border:none; }

/*** CONTENEURS **************************************************************************************************************************************/
#global { position:relative; width:962px; height:480px; left:50%; margin:0 0 0 -540px; padding:0 58px 100px 60px; background:#fff; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
HTML>BODY>#global { min-height:480px; height:auto; }

/*** HEADER ******************************************************************************************************************************************/
#header { height:150px; position:absolute; top:0; width:962px; padding:43px 0 0 0; z-index:999; }
#logo   { display:block; width:175px; height:72px; margin:0 0 45px 0; background:url(../pics/charte/logo.jpg) bottom left no-repeat; z-index:1000; font-size:0; text-indent:-9000px; }

/*** switcher langue / version ***/
#switcher          { float:left; padding:0 0 0 3px; }
#switcher div        { float:left; font-size:9px; letter-spacing:-1px;  }
#switcher A        {display:block;float:right;height:13px;  width:15px; text-decoration:none; vertical-align:middle; text-align:center; }
#switcher div.lgs {float:right;}
#switcher div.inf {float:left;}
#becauseEUR        { width:102px; height:12px; margin:0 1px 0 0; border:1px solid black; }
#switcher A#fr     {  }
#switcher A#en     {  }
#switcher A:hover  { background-color:black;color:white; }
#switcher A.active { background-color:black;color:white; }
#becauseUK         { width:55px; height:12px; border:1px solid black; }
#becauseUK A       { width:100%; height:13px; letter-spacing:-1px;}

#newsSlides div.section img, #shopSlides div.section img, #sortiesSlides div.section img{margin:1px;}

/*** recherche / compte / panier ***/
#toolbox           { float:right; width:127px; text-align:right; font-size:8px; text-transform:uppercase; letter-spacing:-0.5px;}
#toolbox p{ padding-top:5px;}

#searchForm        { width:128px; height:16px; }
#searchForm INPUT  { border:1px solid #000; vertical-align:middle; float:left; }
#query             { width:102px; height:11px; background:#fff; line-height:12px; font-size:9px; padding:1px 0 0 2px; letter-spacing:-0.5px; }
body:nth-of-type(1) #query { padding:0 0 1px 2px; height:10px; line-height:10px; font-size:10px; }
#query { height /*\**/: 10px\9 }
#query { line-height /*\**/: 10px\9 }
HTML>BODY>#global>#header>#toolbox>#searchForm>#searchSubmit { height /*\**/: 13px\9 }
#searchSubmit      { width:22px; height:13px; border-left:none!important; cursor:pointer; background:url(../pics/charte/search_submit.jpg) center left no-repeat; letter-spacing:-100px; font-size:0; text-indent:-9000px; padding:0; }
#searchSubmit { width /*\**/: 22px\9 }

#loginForm         { width:128px; line-height:11px; }
#loginForm INPUT   { border:1px solid #000; vertical-align:middle; margin-bottom:2px; height:13px; background:#fff; line-height:12px; font-size:9px; padding:1px 0 0 2px; }
#login             { width:102px; }
#password          { width:123px; }
INPUT#loginSubmit  { width:21px; height:16px; border-left:none; cursor:pointer; background:url(../pics/charte/search_submit.jpg) top left no-repeat; letter-spacing:-100px; font-size:0; text-indent:-9000px; }

/*** MENU *******************************************************************************************************************************************/
/*** menu principal ***/
#menu             { position:absolute; width:162px; top:0; padding:241px 0 0 3px; }
#menu UL          { width:162px; list-style:none outside; }
#main LI          { width:158px; height:21px; margin:0 0 5px 0; border:2px solid #000; }
#main LI A        { display:block; width:158px; height:21px; text-indent:-9000px; outline:none; }
#main LI A:hover  { background-position:bottom left; background-color:#000; }
#main LI A.active { background-position:bottom left; background-color:#000; }

#menu_home        { background:#fff url(../pics/charte/menu_home.jpg) top left no-repeat; }
#menu_news        { background:#fff url(../pics/charte/menu_news.jpg) top left no-repeat; }
#menu_artistes    { background:#fff url(../pics/charte/menu_artistes.jpg) top left no-repeat; }
#menu_catalogue   { background:#fff url(../pics/charte/menu_catalogue.jpg) top left no-repeat; }
#menu_concerts    { background:#fff url(../pics/charte/menu_concerts.jpg) top left no-repeat; }
#menu_shop        { background:#fff url(../pics/charte/menu_shop.jpg) top left no-repeat; }
#menu_tv          { background:#fff url(../pics/charte/menu_tv.jpg) top left no-repeat; }
#menu_radio       { background:#fff url(../pics/charte/menu_radio.jpg) top left no-repeat; }
#menu_galerie     { background:#fff url(../pics/charte/menu_galerie.jpg) top left no-repeat; }

#menu_homeEn        { background:url(../pics/charte/menu_home.jpg) top left no-repeat; }
#menu_newsEn        { background:url(../pics/charte/menu_news.jpg) top left no-repeat; }
#menu_artistesEn    { background:url(../pics/charte/menu_artistesEn.jpg) top left no-repeat; }
#menu_catalogueEn   { background:url(../pics/charte/menu_catalogueEn.jpg) top left no-repeat; }
#menu_concertsEn    { background:url(../pics/charte/menu_concerts.jpg) top left no-repeat; }
#menu_shopEn        { background:url(../pics/charte/menu_shop.jpg) top left no-repeat; }
#menu_tvEn          { background:url(../pics/charte/menu_tv.jpg) top left no-repeat; }
#menu_radioEn       { background:url(../pics/charte/menu_radio.jpg) top left no-repeat; }
#menu_galerieEn     { background:url(../pics/charte/menu_galerieEn.jpg) top left no-repeat; }

/*** menu secondaire ***/
#more            { height:48px; list-style:none; padding-bottom:18px; border-bottom:1px solid #AAA; margin-bottom:20px; }
#more LI         { height:8px; padding-bottom:4px; }
#more LI A       { display:block; height:8px; font-size:0; text-indent:-9000px; }
#more LI A.active, #more LI A:hover { background-position:bottom left; }
#more_contact    { background:url(../pics/charte/ss-menu-contact.jpg) top left no-repeat; }
#more_newsletter { background:url(../pics/charte/ss-menu-newsletter.jpg) top left no-repeat; }
#more_presse     { background:url(../pics/charte/ss-menu-presse.jpg) top left no-repeat; }
#more_rss        { background:url(../pics/charte/ss-menu-rss.jpg) top left no-repeat; }

#more_contactEn    { background:url(../pics/charte/ss-menu-contact.jpg) top left no-repeat; }
#more_newsletterEn { background:url(../pics/charte/ss-menu-newsletter.jpg) top left no-repeat; }
#more_presseEn     { background:url(../pics/charte/ss-menu-presseEn.jpg) top left no-repeat; }
#more_rssEn        { background:url(../pics/charte/ss-menu-rss.jpg) top left no-repeat; }

/*** menu follow ***/
#followBecause       { height:48px; list-style:none; }
#followBecause LI    { height:8px; padding-bottom:4px; }
#followBecause LI A  { display:block; width:100%; height:8px; font-size:0; text-indent:-9000px; }
#followBecause LI A.active, #followBecause LI A:hover { background-position:bottom left; }
#because_myspace     { background:url(../pics/charte/ss-menu-myspace.jpg) top left no-repeat; }
#because_facebook    { background:url(../pics/charte/ss-menu-facebook.jpg) top left no-repeat; }
#because_twitter     { background:url(../pics/charte/ss-menu-twitter.jpg) top left no-repeat; }
#because_dailymotion { background:url(../pics/charte/ss-menu-dailymotion.jpg) top left no-repeat; }

/*** CONTENU *****************************************************************************************************************************************/
#content              { padding:180px 0 0 187px; height:350px; }
HTML>BODY>#global>#content { min-height:350px; height:auto; }
#content.withoutMenu  { padding:225px 0 0 0; }

/*** éléments communs ***/
#article       { float:left; width:582px; padding:61px 0 0 0;}
#article H1    { font-size:11px; background-color:#000D67; width:123px; height:8px; padding:4px 0 4px 5px; line-height:8px; color:#fff; font-weight:normal; margin:0 0 8px 0; }
#article H2    { font-size:11px; background:#000; width:123px; height:8px; padding:4px 0 4px 5px; line-height:8px; color:#fff; font-weight:normal; margin:0 0 8px 0; }
#article H2.large { width:auto!important; background:url(../pics/charte/bg-h2.jpg) top left repeat-y; height:12px; padding:0 0 4px 5px; }
#article H2.large SPAN { float:left; background:#000; padding:4px 5px 4px 0; }
#article H2.normal { background:none; width:auto; height:auto; text-transform:uppercase; font-size:18px; line-height:18px; text-align:left; padding:2px; margin:0 0 10px 0; color:#000; }
#article H2.normal_news { background:none; width:auto; height:auto; text-transform:uppercase; font-size:18px; line-height:18px; text-align:left; padding:2px; margin:0 0 10px 0; color:#000; border:2px black solid; }
.normal_titre { background:none; width:auto; height:auto; text-transform:uppercase; font-size:14px; text-align:left; padding:3px 2px 1px 5px; margin:0 0 10px 0; color:#000; border-left:2px black solid; font-family:arial; letter-spacing:-1px;}
.normal_date { background:none; width:auto; height:auto; text-transform:uppercase; font-size:16px; text-align:left; padding:2px; margin:0 0 10px 0; color:#000; font-weight:bold; }
#article H3    { font-size:14px; margin:0 0 10px 0; line-height:18px; font-weight:bold; color:#000D67; border-bottom:3px solid black; }
#article P     { margin:0 0 3px 0; text-align:justify; line-height:11px; }
#article UL    { margin:0 0 8px 15px; }
#article UL LI { line-height:16px; }
#article P A   { color:#000; }
#article P A:hover { text-decoration:underline; }

/* article sans menu */
.withoutMenu #article { width:812px!important; } 
.withoutMenu #article H2 { margin:0 0 12px 0; }
.withoutMenu #article H2.normal { margin:0 0 1px 0!important; font-size:11px; line-height:14px; font-weight:normal; }
.withoutMenu #article H2.normal.gauche { font-size:14px!important; }

/*** HOME ***/
.home #article      { position:relative; width:558px; padding:0; }
.home #sidebar H2   { width:171px; padding:0!important; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
.home #sidebarRadio { margin:0 0 122px 0; }
.home #article H2   { width:100%; height:53px; margin:0 0 8px 0; padding:0; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
.home .cufon        { font-family:HelveticaNeue; }


/* rajout event */
H2#titreEvent            { background:url(../pics/charte/bg-h2-event.jpg) top left no-repeat; }

/* slider news */
H2#titreNews             { background:url(../pics/charte/bg-h2-news.jpg) top left no-repeat; }
#newsControls            { float:right; width:30px; height:9px; margin:-17px 0 0 0; }
#newsControls.inactive   { opacity: 0.3; filter: alpha(opacity=30); }
#newsControls A          { display:block; float:right; width:9px; height:9px; margin:0 0 0 6px; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#newsControls A#prevNews { background:url(../pics/charte/moins.jpg) top left no-repeat; }
#newsControls A#nextNews { background:url(../pics/charte/plus.jpg) top left no-repeat; }
#news                    { width:552px; height:258px; margin:0 0 35px 0; padding:3px; background:#000; }
#newsSlider              { float:left; overflow:hidden; width:552px; height:258px; }
#newsSlider #newsSlides  { width:1000000px; }
#newsSlider DIV.section  { float:left; overflow:hidden; width:552px; height:258px; }
#newsSlider .visuel      { float:left; width:293px; border-right:3px solid #000; background:#fff; }
#newsSlider .visuel A    { display:block; width:293px; height:258px; background:#fff; }
#newsSlider .desc        { float:left; width:255px; height:258px; background:#fff; text-transform:uppercase; }
#newsSlider .desc .bloc_titre_news { height:40px; border-bottom:3px black solid; }
#newsSlider .desc H3     { padding:3px 0 0 0; text-transform:uppercase; font-size:21px; }
#newsSlider .desc H3 A   { display:block; padding:0px 10px 3px 10px; font-family: "Helveticaneuecondensedblack"; }
#newsSlider .desc P      { padding:2px 10px 0 8px; line-height:10px; letter-spacing:-0.3px; }
#newsSlider .desc P .cufon-canvas { padding:0 0 2px 0; }
#newsSlider .desc A      { color:#000; }
#newsSlider .desc A:hover{ color:#000; text-decoration:none; }
/* slider shop */
H2#titreShop                 { background:url(../pics/charte/bg-h2-shop.jpg) top left no-repeat; }
#shopControls                { float:right; width:50px; height:9px; margin:-17px 0 0 0; }
#shopControls.inactive       { opacity: 0.3; filter: alpha(opacity=30); }
#shopControls A              { display:block; float:right; width:9px; height:9px; margin:0 0 0 6px;  font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#shopControls A#prevProducts { background:url(../pics/charte/moins.jpg) top left no-repeat;}
#shopControls A#nextProducts { background:url(../pics/charte/plus.jpg) top left no-repeat; }
#homeshop                    { width:558px; height:180px; margin:0 0 28px 0; }
#shopSlider                  { float:left; overflow:hidden; width:558px; height:180px; }
#shopSlider #shopSlides      { width:1000000px; }
#shopSlider DIV.section      { float:left; overflow:hidden; width:558px; height:180px; }
#shopSlider DIV.section A    { display:block; float:left; width:172px; height:172px; margin:0 10px 0 0; border:3px solid #000; }
/* slider videos */
H2#titreVideos               { background:url(../pics/charte/bg-h2-videos.jpg) top left no-repeat; }
#videosControls              { float:right; width:30px; height:9px; margin:-17px 0 0 0; }
#videosControls.inactive     { opacity: 0.3; filter: alpha(opacity=30); }
#videosControls A            { display:block; float:right; width:9px; height:9px; margin:0 0 0 6px; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#videosControls A#prevVideo  { background:url(../pics/charte/moins.jpg) top left no-repeat; }
#videosControls A#nextVideo  { background:url(../pics/charte/plus.jpg) top left no-repeat; }
#videos                      { width:558px; height:330px; margin:0 0 27px 0; padding:4px 0 0 0; background:#000; }
#videoSlider                 { float:left; overflow:hidden; width:558px; height:330px; position:relative; }
#videoSlider #videoSlides    { width:1000000px; }
#videoSlider DIV.section     { float:left; width:558px; height:330px; position:relative; }
#videoSlider DIV.section DIV { background:#000; padding:0 4px 0 4px; }
#videoSlider DIV.section H3  { height:30px; padding:4px 0 0 0; background:#fff; border-top:4px solid #000; line-height:10px; text-transform:uppercase; color:#000; font-size:10px; font-weight:normal;letter-spacing:-0.5px }
/* slider sorties */
H2#titreSorties                 { background:url(../pics/charte/bg-h2-sorties.jpg) top left no-repeat; }
H2#titreSortiesEn               { background:url(../pics/charte/bg-h2-sortiesEn.jpg) top left no-repeat; }
#sortiesControls                { float:right; width:30px; height:9px; margin:-17px 0 0 0; }
#sortiesControls.inactive       { opacity: 0.3; filter: alpha(opacity=30); }
#sortiesControls A              { display:block; float:right; width:9px; height:9px; margin:0 0 0 6px; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#sortiesControls A#prevSortie   { background:url(../pics/charte/moins.jpg) top left no-repeat; }
#sortiesControls A#nextSortie   { background:url(../pics/charte/plus.jpg) top left no-repeat; }
#sorties                        { width:558px; height:273px; margin:0 0 27px 0; }
#sortiesSlider                  { float:left; overflow:hidden; width:558px; height:273px; }
#sortiesSlider #sortiesSlides   { width:1000000px; }
#sortiesSlider DIV.section      { float:left; overflow:hidden; width:558px; height:273px; }
#sortiesSlider DIV.section DIV  { float:left; width:264px; margin:0 16px 0 0; padding:0!important; border-top:3px solid #000; border-left:3px solid #000; border-right:3px solid #000; }
#sortiesSlider DIV.section DIV A { display:block; float:left; width:264px; height:233px; }
#sortiesSlider DIV.section H3   { clear:both; width:248px; overflow:hidden; height:28px; margin:0; padding:0 8px 0 8px; border-top:3px solid #000; border-bottom:3px solid #000; background:#fff; text-transform:uppercase; color:#000; font-size:10px; font-weight:normal; letter-spacing:-0.5px; line-height:14px; }
#sortiesSlider DIV.section H3 A { display:block; color:#000; width:260px; }
/* slider lives */
H2#titreLives                 { background:url(../pics/charte/bg-h2-lives.jpg) top left no-repeat; }
H2#titreLivesEn               { background:url(../pics/charte/bg-h2-livesEn.jpg) top left no-repeat; }
#livesControls                { float:right; width:30px; height:9px; margin:-17px 4px 0 0; }
#livesControls.inactive       { opacity: 0.3; filter: alpha(opacity=30); }
#livesControls A              { display:block; float:right; width:9px; height:9px; margin:0 0 0 6px; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#livesControls A#prevLives   { background:url(../pics/charte/moins.jpg) top left no-repeat; }
#livesControls A#nextLives   { background:url(../pics/charte/plus.jpg) top left no-repeat; }
#lives                        { width:558px; height:220px; margin:0 0 10px 0; }
#livesSlider                  { float:left; overflow:hidden; width:558px; height:224px; }
#livesSlider #livesSlides   { width:1000000px; }
#livesSlider DIV.section      { float:left; overflow:hidden; width:558px; height:224px; }

.calendarHTML .date { float:left; width:48px; height:48px; margin:0 4px 4px 0; background:#fff; border:2px black solid;}
.calendarHTML .date.active { background:#000; }
.calendarHTML .date SPAN { display:block; text-align:center; text-transform:uppercase; }
.calendarHTML .date SPAN.numjour { height:18px; padding:0px 0 0 0; font-size:27px; }
.calendarHTML .date SPAN.mois { height:18x; padding:5px 0 0 0; clear:both; font-size:17px; }
.calendarHTML .date.active SPAN.numjour { height:18px; padding:0px 0 0 0; font-size:27px; color:#fff; }
.calendarHTML .date.active SPAN.mois { height:18px; padding:5px 0 0 0; font-size:17px; color:#fff; }
.calendarHTML .date a:hover{color:#acacac;}
#listeJour { height:300px; }
HTML>BODY>#global>#content>#article>#listeJour { min-height:300px; height:auto; }
#listeJour UL { list-style:none; margin:0; padding:0 0 8px 0; background:#000; color:#fff; text-transform:uppercase; }
#listeJour UL LI { height:10px; padding:8px 5px 0 10px; line-height:10px; }

/* infos */
#sidebar H2#titreinfos { height:58px; margin:0 0 0px 0; background:url(../pics/charte/bg-h2-infos.jpg) top left no-repeat; }
#sidebar H2#titreinfosEn { height:91px; margin:0 0 20px 0; background:url(../pics/charte/bg-h2-infosEn.jpg) top left no-repeat; }
#homeNewsletterForm { height:120px; margin:0 0 38px 0; }
#homeNewsletterForm P { margin:0!important; }
#homeNewsletterForm INPUT   { width:164px; height:14px; margin:0 0 5px 0; padding:6px 2px 4px 5px; border:none; background:#fff; color:#000; font-size:9px; border:1px solid #000;}
#homeNewsletterForm A.submitBtn { display:block; width:96px; height:20px; margin:0 0 10px 0; padding:4px 2px 0 5px; border:none; background:#000; font-size:9px; color:#fff!important; text-decoration:none; }
#homeNewsletterForm A.submitBtn:hover { text-decoration:none!important; }

#homeNewsletterForm SPAN.selectField { position:relative; display:block; float:left; width:171px; height:24px; cursor:pointer; }
#homeNewsletterForm SPAN.selectField * { color:#000; font-size:9px; }
#homeNewsletterForm SPAN.selectValue { display:block; width:166px; height:19px; padding:5px 0 0 5px; background:#fff url(../pics/charte/arrowSelectForm.jpg) center right no-repeat; z-index:10; border:1px solid #000; }
#homeNewsletterForm SPAN.activeValue { display:block; background: #fff;}
#homeNewsletterForm SPAN.selectOptions { position:absolute; display:block; z-index:15; left:0; top:20px; width:166px; height: 200px; overflow-y: scroll; padding:4px 0 4px 5px; background:#fff; }
#homeNewsletterForm SPAN.selectOptions SPAN { display:block; padding-left:0; margin:1px 0 0 0; color:#000 !important; }
#homeNewsletterForm SPAN.selectOptions SPAN.selected { background:#fff; color:#000; font-weight:normal !important; }
#homeNewsletterFormSPAN.selectOptions SPAN.active { background:#000; color:#000; font-weight:bold !important; }
/* liens */
#sidebar H2#titreliens { height:53px; margin:0 0 7px 0; background:url(../pics/charte/bg-h2-liens.jpg) top left no-repeat; }
#sidebar H2#titreliensEn { height:53px; margin:0 0 10px 0; background:url(../pics/charte/bg-h2-liensEn.jpg) top left no-repeat; }
UL#liens LI { height:16px; margin:0 0 4px 0; }
UL#liens LI A { display:block; height:16px; }

/*** NEWS ***/
#article.news { width:504px; margin-left:39px; padding-top:61px; }
#news_plus, #fiche_artist_plus{width:9px; height:9px; background:url(../pics/charte/plus_article.jpg) top no-repeat;}
#fiche_artist_moins{width:9px; height:9px; background:url(../pics/charte/moins.jpg) top no-repeat;}

.actu        { padding:0 0 30px 0; margin-bottom:20px; text-transform:uppercase; font-size:10px; font-family:arial; letter-spacing:-0.5px; }
.actu .date  { margin:0 0 0 0!important; font-size:10px; height:8px; line-height:6px; }
.actu H2     { width:auto!important; height:auto!important; line-height:14px!important; margin:0px 0 5px 0!important; }
.actu H2.normal { width:auto!important; margin:0 0 10px 0!important; }
.actu P      { margin-bottom:5px!important; }
#article #likes   { margin-bottom:50px; }
.actu.last   { border:none; margin-bottom:0; }
.media       { display:block; margin:15px 0 0 0!important; padding:4px; border:1px solid #000; text-align:center!important; }
.actu IMG    { padding:4px; border:1px solid #000; }
.actu iframe.vid  { padding:4px; border:1px solid #000; }
.media IMG   { border:none!important; padding:0!important; }
#likes       { margin:15px 0 0 0; }
#likes .fb_iframe_widget { float:left; width:360px; }
#likes .twitter-share-button { float:right; }

.prevNews { float:right; display:block; width:75px; height:16px; background:url(../pics/charte/paging_prev.jpg) top left no-repeat; font-size:0; text-indent:-9000px; }
.nextNews { float:right; display:block; width:76px; height:16px; background:url(../pics/charte/paging_next.jpg) top left no-repeat; font-size:0; text-indent:-9000px; margin:0 0 0 10px; }


.prevNewsEn { float:right; display:block; width:56px; height:12px; background:url(../pics/charte/news-precedenteEn.jpg) top left no-repeat; font-size:0; text-indent:-9000px; }
.nextNewsEn { float:right; display:block; width:39px; height:12px; background:url(../pics/charte/news-suivanteEn.jpg) top left no-repeat; font-size:0; text-indent:-9000px; margin:0 0 0 10px; }

#archives A.active { text-decoration:none!important; }
#archives A:hover  { text-decoration:none!important; }

/*** ARTISTES ***/
/*** Mosaique artistes ***/
#listingArtiste           { overflow:hidden; }
.listingArtiste           { float:left; width:150px; padding:0 0 10px 0; margin:0!important; }
.listingArtiste A         { display:block; color:#000!important; text-decoration:none!important; font-size:9px; line-height:11px; }
.listingArtiste A IMG     { margin-bottom:0px; display:block; border:1px solid #000; }
.listingArtiste A .hidden { display:none; }
.listingArtiste A CANVAS  { margin-bottom:0; border:1px solid #000;  }
.listingArtiste A STRONG  { display:block; margin-top:2px; }
body:nth-of-type(1) .listingArtiste A STRONG { margin-top:0px; }
.listingArtiste.last      { width:130px; }

/*** Fiche artiste ***/
#article.ficheArtiste { position:relative; width:760px!important; }
#ficheArtisteTop { height:26px; padding-top:8px; }
#ficheArtisteTop H2   { padding:0!important; height:13px!important; font-weight:normal!important; }
#ficheArtisteTop H2 { padding /*\**/: 1px 0 0 0!important\9 }
.withoutMenu #article #ficheArtisteTop H2.gauche { background:#fff; color:#000; font-size:18px!important;  padding:4px 2px 3px 3px!important; margin:1px 0 0 0!important; border:3px black solid; border-bottom:0px; height:15px !important; }
.withoutMenu #article #ficheArtisteTop H2.droite { font-size:9px!important; margin-bottom:0!important; height:9px!important; padding-top:8px !important; }
.ficheArtiste H2      { text-align:center; padding:2px 0 1px 0!important; font-size:10px!important; height:8px!important; }
body:nth-of-type(1) .ficheArtiste H2 { padding:1px 0 1px 0!important; height:9px!important; }

#ficheArtisteTop span.artistsLink,span.homeLinks{float:left;}
#ficheArtisteTop span.artistsLink ul.artistsList{display:none;position:relative;left:82px;list-style:none;z-index:15000;background:#fff;width:150px;padding:5px 0;margin:0 0 0 -150px !important;top:-3px;}
#ficheArtisteTop span.artistsLink ul.artistsList li{margin:-3px 5px;}
#ficheArtisteTop span.artistsLink:hover ul.artistsList{display:block;}
#ficheArtisteTop span.artistsLink ul.h{display:none;}

span.homeLinks ul.homeList{display:none;position:relative;width:90px;left:145px;list-style:none;z-index:15000;background:#fff;padding:5px 0;margin:0;margin-left:-150px;top:-3px;}
span.homeLinks ul.homeList li{margin:-3px 5px;}
span.homeLinks:hover ul.homeList{display:block;}


#diaporamaArtiste { clear:both; width:754px; height:440px; margin:0 0 16px 0; text-align:center; border:3px black solid; }

#biographie       { width:310px; padding:0 30px 0 0; float:left; text-transform:uppercase; font-size:10px; letter-spacing:-0.2px; }
#biographie H2#titreBiographie { width:222px; height:36px !important; margin:0 0 10px 0; padding:0; background:url(../pics/charte/titre_biographie.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#biographie H2#titreBiographie.en{background:url(../pics/charte/biography.jpg) top left no-repeat;}

#bioLirePlus      { cursor:pointer; }
#bioLireMoins     { cursor:pointer; }
#suiteBio         { clear:right; } 

#media { float:left; width:420px; }

#media H2#titrePhotos { width:144px; height:35px !important; margin:0 0 10px 0; padding:0; background:url(../pics/charte/titre_photos.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#media H2#titreVideos { width:135px; height:37px !important; margin:0 0 10px 0; padding:0; background:url(../pics/charte/titre_videos.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }

/* photos */
#photosArtistes        { height:52px; padding-bottom:25px; }
#photosArtistes P      { margin:0!important; }
#photosSliderContainer,#photosSliderContainer div.section{ float:left; width:410px; height:52px; overflow:hidden; position:relative; z-index:1000;}
#photosSlider          { position:relative; z-index:5; width:10000px; }
.photoArtiste          { float:left; width:52px; height:52px; margin:0 7px 0 0; }
#photosSliderContainer div.last          { margin:0; }
.photoArtiste IMG      { border:1px solid #000; } 
#nextPhotos { display:block; float:right; width:9px; height:9px; background:url(../pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; visibility:visible !important; margin-top:13px; }
#prevPhotos { display:block; float:right; width:9px; height:9px; background:url(../pics/charte/moins.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; visibility:visible !important; margin-top:5px; }


/* vidéos */
#sidebar H2#titreVideosArtiste { background:#000D67; }
#videosArtistes                { height:62px; padding-bottom:25px; }
#videosArtistes P              { margin:0!important; }
#videosSliderContainer,#videosSliderContainer div.section         { float:left; width:405px; height:62px; overflow:hidden; position:relative; z-index:1000; }
#videosSliderContainer div.last          { margin:0; }
#videosSlider                  { position:relative; z-index:5; width:10000px; }
#videosSliderContainer .videoArtiste                  { float:left; width:84px; height:62px; margin:0 18px 0 0; }
#nextVideos { display:block; float:right; width:9px; height:9px; background:url(../pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer;visibility:visible !important; margin-top:19px; }
#prevVideos { display:block; float:right; width:9px; height:9px; margin-top:5px; background:url(../pics/charte/moins.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer;visibility:visible !important; }


/* actualites */
#actualitesArtiste         { clear:both; height:150px; }
#actualitesArtiste H2#titreActualites { width:223px; height:45px !important; margin:0 0 10px 0; padding:0; background:url(../pics/charte/titre_actualites.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#actualitesArtiste H2#titreActualites.en{background:url(../pics/charte/news.jpg) top left no-repeat;}
.actuArtiste               { padding:0 0 0px 0; height:134px; width:414px; border:3px black solid; }
.actuArtiste .droite *     {}
.actuArtiste .droite       { width:269px; border-left:3px black solid; height:134px;text-transform:uppercase; }
.actuArtiste .droite H3    { font-size:12px!important; }
.actuArtiste .droite A     { display:block; padding-top:2px; padding-left:5px; }
.actuArtiste .droite SMALL { font-size:11px; line-height:8px; font-weight:bold; color:#000; }
.actuArtiste P             { font-size:11px!important; width:257px; padding-left:5px; }
.actuArtiste IMG           { margin:0 10px 0 0; border:2px solid #fff; height:130px; }

#lienSuiteActus { display:block; float:right; width:9px; height:9px; margin-top:-11px; margin-bottom:0px !important; background:url(../pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; visibility:visible !important; }
#lienPrevActus { display:block; float:right; width:9px; height:9px; background:url(../pics/charte/moins.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; visibility:visible !important; }
#suiteActus                { clear:both; }
#suiteActus .actuArtiste A { color:#000; }

#sidebar.ficheArtiste { width:127px!important; }
#sidebar.ficheArtiste H2 { width:127px!important; background:#000; clear:both; line-height:8px!important; }

/* albums */
#albumsSliderContainer { width:127px; height:400px; overflow:hidden; position:relative; z-index:1000; }
#albumsSlider          { position:relative; z-index:5; width:10000px; }
.album { float:left; width:127px; padding:10px 0 0 0; }
.album .pochette { width:111px; }
.album IMG { border:1px solid #000; }
.albumInfo { line-height:14px; }
.albumInfo STRONG { font-size:12px; }
.album SMALL { font-size:10px; }
.albumTrackListing LI { line-height:13px!important; height:13px; }

#navAlbums { position:absolute; right:0; width:16px; height:111px; padding:10px 0 0 0; background:#fff; text-align:center; z-index:2000; }
#navAlbums A { display:block; width:16px; height:8px; text-indent:-9000px; font-size:0; }
#nextAlbum { background:url(../pics/charte/nextAlbum.jpg) center center no-repeat; margin:42px 0 0 0; }
#prevAlbum { background:url(../pics/charte/prevAlbum.jpg) center center no-repeat; margin:7px 0 0 0; }

/* concerts */
#concertsArtistes    { padding:0px 0 0px 0; margin:8px 0 0px 0;}
#concertsArtistes P  { margin:0!important; }
.concertArtiste      { font-size:10px; }
.concertArtiste.last { border:none; }
#nextConcerts        { display:block; text-align:right; margin-top:5px; }
#hideConcerts        { display:block; text-align:right; margin-top:5px; }

#liensArtiste  { font-size:9px!important; white-space:nowrap; }
A.officialSite { color:#000; }
#sidebar.sideconcerts {position:relative; float:right; width:171px; padding:61px 0 0 0 !important; line-height:16px; z-index:100; }
#article.sidearticle       { float:left; width:582px; padding:61px 0 0 0 !important; line-height:14px; }

/*** CATALOGUE ***/
/*** Listing groupes par genre ***/
UL#listeCatalogue               { list-style:none; margin:0 0 2px 0; background:#000; height:25px; z-index:1000; }
UL#listeCatalogue A             { display:block; padding:2px 0 0 0; color:#fff; text-align:center; font-size:21px; }
UL#listeCatalogue A { padding:8px 0 0 0;}
UL#listeCatalogue LI            { position:relative; float:left; width:115px; border-right:6px solid #fff; height:25px; font-size:11px; line-height:8px; }
UL#listeCatalogue LI UL         { z-index:1000; position:absolute; top:25px; left:0; width:105px; background:#fff; list-style:none outside; margin:0 0 0 0; padding:0px 0 10px 0; border:1px black solid; }
UL#listeCatalogue LI UL A       { z-index:1000; color:#000; padding:0 0 0 0; text-transform:uppercase; font-size:9px; letter-spacing:-0.3px; text-align:left;font-family:arial; padding-top:3px !important;}
UL#listeCatalogue LI UL A:hover { color:#acacac; }
UL#listeCatalogue LI UL LI      { z-index:1000; padding:1px 0 1px 10px; float:none; height:auto; border:none; width:95px; }
.article_cat{ padding:14px 0 0 0 !important; line-height:14px; }
.sidebar_cat{padding:14px 0 0 0 !important;}
#catalogueHome    { margin-top:2px; width:582px; height:330px; background:#CCC; }
.catalogueBar { position:relative; height:357px; }
#catalogueSorties { position:absolute; bottom:0; }

.sortie                 { text-align:center; height:143px; }
.sortie A               { display:block; width:100%; font-size:10px; line-height:12px; color:#000; }
.sortie STRONG          { color:#172983; }
.sortie IMG             { margin-bottom:5px; border:1px solid #000; }
#sortiesSliderContainer { padding:18px 0 0 0; height:125px; overflow:hidden; position:relative; z-index:1000; }
#sortiesSlider          { position:relative; z-index:5; }
#sortiesNav             { background:#000D67; height:11px; margin-bottom:0!important; padding:0 0 0 40px; }
#sortiesNav SPAN        { float:left; display:block; font-size:0; text-indent:-9000px; cursor:pointer; height:11px; width:22px; }
#prevSorties            { background:#000D67 url(../pics/charte/arrowUp.jpg) top center no-repeat; }
#nextSorties            { background:#000D67 url(../pics/charte/arrowDown.jpg) top center no-repeat; }

/*** Catalogue artiste ***/
#currentAlbum { height:262px; }
#pochette { border:1px solid #000; float:left; margin:0 23px 0 0; }
#infos { float:right; width:260px; position:relative; z-index:0; }
#infos H2.normal { margin:-5px 0 0 0; font-weight:normal; font-size:12px; }
#infos #sortie { font-size:9px; }
#infos #tracklisting { list-style:none outside; margin:18px 0 0 0; font-size:10px; }
#infos #tracklisting LI { line-height:12px; }
#infos #lienFicheArtiste { position:absolute; bottom:0; font-size:10px; }
#lienFicheArtiste{text-transform:uppercase; font-size:10px; letter-spacing:-0.5px;}

#otherAlbums { clear:left; padding-top:21px; }
P.pochette { float:left; width:60px; margin:0 20px 18px 0!important; text-align:left !important; font-size:9px; line-height:11px!important; text-transform:uppercase; }
P.pochette IMG { border:1px solid #000; margin-bottom:5px; }
#nextPochettes { clear:both; }
#seeNextPochettes { color:#000!important; }

#logosShop P { text-align:center; margin:0 0 10px 0!important; }

/*** CONCERTS ***/
/*** Listing critères (tout, artistes, dates, villes) ***/
UL#listeConcerts               { clear:both; list-style:none; margin:0 0 2px 0; height:25px; z-index:1000; position:relative;background:#000; }
UL#listeConcerts A             { display:block; padding:2px 0 0 0; color:#fff; text-align:center; font-family: "Helveticaneuecondensedblack"; font-size:21px; font-weight: normal;}
UL#listeConcerts A { padding:8px 0 0 0; }
UL#listeConcerts A:hover       {}
UL#listeConcerts A.active      {}
UL#listeConcerts LI            { position:relative; float:left; width:112px; border-right:6px solid #fff; height:25px; line-height:8px;}
UL#listeConcerts LI UL         { position:absolute; top:25px; left:0; width:110px; background:#fff; list-style:none outside; margin:0 0 0 0; padding:3px 0 10px 0; border:1px black solid; z-index:1000; }
UL#listeConcerts LI UL A       { color:#000; background:#fff; padding:0 0 0 0; text-transform:uppercase; font-size:9px; letter-spacing:-0.3px; text-align:left; height:auto!important; font-family: arial;}
UL#listeConcerts LI UL A:hover { text-decoration:none; background:#fff; color:#000D67; }
UL#listeConcerts LI UL LI      { padding:2px 0 1px 10px; float:none; line-height:10px; height:auto; border:none; width:95px; background:#fff; }

/*** Listing concerts ***/
#article .concert { clear:both; width:579px; margin-top:50px; border-bottom:1px solid #000; }
#article .concert H2 { font-size:18px; color:#000; background:none; font-weight:bold; padding:0; margin:0 0 14px 0; width:auto; }
#article .concert IMG { clear:right; float:right; margin:-3px 0 15px 0; border:1px solid #000; }
#article .concert P { width:445px; margin:0 0 0 0; font-size:10px; line-height:13px; text-transform:uppercase;}
#article .concert P A { float:right; color:#000; margin-right:35px; letter-spacing:-0.3px; }
#article .concert P A:hover { text-decoration:none; color:#ACACAC; }
#article .concert .date  { font-size:10px; font-weight:bold; }
#article .concert .ville { font-size:10px; font-weight:bold; }
#article .concert .nextDates { clear:both; float:right; font-style:italic; line-height:8px; margin-bottom:26px; font-size:10px;}
#article .concert .nextConcerts { width:445px; margin-bottom:15px; }

/*** TV / RADIO ***/
.pageTV #article { width:743px!important; padding:14px 0 0 0; }
.pageTV #sidebar { width:120px!important; padding:36px 0 0 0!important; }
.pageTV #sidebar H2 { width:168px!important; background:#000; font-size:11px; height:19px!important; line-height:19px; }
.pageTV #sidebar UL LI A { font-size:11px; line-height:11px; }
.pageTV #article h2.normal{height:14px !important;}

#tv { clear:both; width:739px; height:567px; text-align:left; border:2px solid black;}
#tv #video{width:724px; height:408px;margin:8px 0 0 8px;background:black;position:absolute;z-index:1500;}
#tv #controls{width:724px; height:151px;margin:0; position:relative;top:413px;left:8px;}

#tv #controls #progresscont{width:724px; height:27px; background:black;}
#tv #controls #progresscont #bars{width:705px;height:4px;position:relative;top:11px;left:12px;overflow:hidden;}
#tv #controls #progresscont #bars div{width:705px;height:4px;position:absolute;left:-705px;cursor:pointer;}
#tv #controls #progresscont #bars div.loaded{background:grey;}
#tv #controls #progresscont #bars div.played{background:white;}


#tv #controls #controlsleft{width:553px;height:100%;float:left;text-align:left;text-transform:uppercase;}
#tv #controls #controlsleft div.time{height:60px;font-weight:bold;font-size:60px;line-height:60px;letter-spacing:-4px;}
#tv #controls #controlsleft div.artiste{height:39px;font-weight:bold;font-size:39px;line-height:39px;letter-spacing:-4px;margin-top:-7px;}
#tv #controls #controlsleft div.titre{height:23px;font-size:23px;line-height:23px;letter-spacing:-2px;margin-top:-1px;}
#tv #controls #controlsleft h2.artiste{margin:0;padding:0;background:#fff;color:#000;width:auto;height:39px;font-weight:bold;font-size:39px;line-height:39px;letter-spacing:-4px;margin-top:-7px;}
#tv #controls #controlsleft div.titre{margin:0;padding:0;background:#fff;color:#000;overflow:hidden;float:left;height:23px;margin:-1px 5px 0 0;}
#tv #controls #controlsleft div.titlesubcont{width:10000px;height:23px;}
#tv #controls #controlsleft h1.subtitle{margin:0;padding:0;background:#fff;color:#000;width:auto;height:23px;float:left;font-size:23px;line-height:23px;letter-spacing:-2px;}

#tv #controls #controlsleft #fblike{position:relative;top:-25px;float:right;}



#controlsright{width:171px;height:112px;float:right;}
#controlsright.fs{position:absolute;left:15px;top:15px;z-index:5000;}

#controlsright div{width:50px;height:46px;float:left;margin-top:10px;cursor:pointer;}
#controlsright div.pause{background:url(/catalogue/pause.png) no-repeat;margin-right:10px;}
#controlsright div.pause:hover, #controlsright div.paused{background:url(/catalogue/pause-on.png) no-repeat;}
#controlsright div.play{background:url(/catalogue/play.png) no-repeat;margin-right:10px;}
#controlsright div.play:hover, #controlsright div.playing{background:url(/catalogue/play-on.png) no-repeat;}
#controlsright div.fullscreen{background:url(/catalogue/fs.png) no-repeat;}
#controlsright div.infullscreen{background:url(/catalogue/infs.png) no-repeat;}
#controlsright div.prev{background:url(/catalogue/reward.png) no-repeat;margin-right:10px;}
#controlsright div.prev:hover{background:url(/catalogue/reward-on.png) no-repeat;}
#controlsright div.next{background:url(/catalogue/forward.png) no-repeat;margin-right:10px;}
#controlsright div.next:hover{background:url(/catalogue/forward-on.png) no-repeat;}
#controlsright div.volume{background:url(/catalogue/bw.png) no-repeat;}
#controlsright div.volume div.pot{margin:0;background:url(/catalogue/potard.png) no-repeat;}



#tvSlider             { position:relative; z-index:5; width:10000px; height:70px; }
#tvSlider div.imcont {margin-right:5px;width:89px;height:48px;float:left;overflow:hidden;border:3px solid transparent;opacity:0.7;filter:alpha(opacity=70);}
#tvSlider div.tvActive {border:3px solid #ACACAC;opacity:1;filter:alpha(opacity=100);}
#tvSlider div.imcont img {width:100px;height:76px;cursor:pointer;margin:-14px 0 0 0;display:block;}

#tvSlider ul {list-style:none;margin:0;}








#videoInfo            { line-height:8px; height:8px; }
#videoData, #style    { display:block; float:left; line-height:8px; height:8px; text-transform:uppercase; }
#style                { font-weight:bold; padding-right:10px; margin-right:8px; border-right:1px solid #000; }
#titre                { display:block; float:left; color:#000D67; line-height:8px; height:8px; padding-right:10px; margin-right:8px; border-right:1px solid #000D67; }
#listingVideos        { clear:both; height:70px; margin:16px 0 0 0; padding:8px 0 8px 0; border-top:2px solid #000; border-bottom:2px solid #000; }
#listingVideos A      { display:block; float:left; width:100px; height:70px; margin:0 2px 0 0; }
#tvSliderContainer    { float:left; width:700px; height:70px; overflow:hidden; position:relative; z-index:1000; margin:8px 0 0 15px;}
.videoArtiste         { float:left; width:84px; height:70px; margin:0 23px 0 0; }
#nextTvVideos         { display:block; float:right; width:9px; height:70px; background:url(../pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }
#prevTvVideos         { display:block; float:left; width:9px; height:70px; background:url(../pics/charte/moins.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }








#choose               { margin-top:7px; }
#radio                { clear:right; float:right; width:610px; height:500px; text-align:center; }
#popup                { margin-top:7px; background:#000D67!important; }
#popup A              { color:#fff; }

/*** RSS ***/
#fluxRSS H2 { color:#000D67; background:none; width:auto; padding:0 0 0 0; margin:10px 0 10px 0; }
#fluxRSS P  { background:url(../pics/charte/rss-item.jpg) center left no-repeat; padding:0 0 0 15px; }
#fluxRSS A  { color:#000!important; }


/*** SHOP ***/
.shop { margin-top:7px; }
/* Home */
#shopVitrine        { float:left; width:627px; height:439px; border:1px solid #000; }
#shopVitrineInfo    { float:left; width:627px; font-size:12px!important; padding-top:3px; }
#shopVitrineListing { clear:both; float:right; width:173px; height:439px; border:1px solid #000; }

#shopSliderContainer { overflow:hidden; position:relative; z-index:1000; height:413px; }
#shopSlider          { position:relative; z-index:5; height:auto; }

.vitrineProduit     { margin:15px 0 5px 0; height:121px; }
.vitrineProduit P   { text-align:center!important; margin:0!important; }
.vitrineProduit A   { color:#000!important; text-decoration:none!important; }
.vitrineProduit IMG { border:1px solid #000; }

#shopNav     { width:30px; margin:0 auto 0 auto!important; }
#nextProduct { float:left; display:block; width:8px; height:4px; background:url(../pics/charte/nextProduct.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#prevProduct { float:right; display:block; width:8px; height:4px; background:url(../pics/charte/prevProduct.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#nextProduct, #prevProduct { margin:10px 0 0 0; }

#shopProduitsList { margin:0 0 15px!important; }
#shopArtistesList { margin:0 0 15px!important; }

/* Pages produits */
#shopProductZoom       { clear:both; float:left; width:530px; height:438px; border:1px solid #000; }
#shopProductInfo       { float:right; width:272px; height:438px; border:1px solid #000; position:relative; }
#shopProductInfo H2    { height:38px; background:none; color:#000; border-bottom:1px solid #000; width:auto; font-size:23px; font-weight:bold; line-height:38px; padding:0 0 0 10px; }
#shopProductInfo H2.productName { background:#000; color:#fff; }
#shopProductInfo DIV   { padding:15px 15px 0 15px; font-size:10px; font-weight:bold; }
DIV#shopProductDesc    { display:table-cell; vertical-align:middle; height:276px; padding:15px 15px 15px 15px; }
#shopProductDesc H3    { color:#000; font-size:15px; margin:0 0 20px 0; }
#shopProductDesc H3.productName { color:#000; font-size:15px; margin:0 0 8px 0; }
#shopProductDesc .productDesc   { font-size:11px; font-weight:normal; }
#shopProductThumbs     { position:absolute; bottom:20px; }
#shopProductThumbs IMG { border:1px solid #000; margin-right:12px; }

#shopProductInfo DIV.achat  { padding:20px 0 0 0; font-weight:normal; font-size:10px; }
#shopProductInfo #size      { font-family:Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #000; margin-left:5px; width:55px; }
#shopProductInfo P.prix     { float:left; width:120px; padding:55px 0 0 0; font-size:20px!important; line-height:20px; }
#shopProductInfo .addToCart { display:block; width:120px; height:18px; background:url(../pics/charte/addToCart.jpg) bottom left no-repeat; font-size:0; text-indent:-9000px; margin-top:2px; }
#shopProductInfo P.share    { float:right; width:60px; padding:64px 0 0 0; font-size:9px; }
#shopProductInfo P.share A  { float:left; display:block; width:17px; height:17px; font-size:0; text-indent:-9000px; margin-right:3px; }
A.productShareFacebook      { background:url(../pics/charte/productShareFacebook.jpg) top left no-repeat; }
A.productShareTwitter       { background:url(../pics/charte/productShareTwitter.jpg) top left no-repeat; }
A.productShareMail          { background:url(../pics/charte/productShareMail.jpg) top left no-repeat; }

#shopProductListing      { clear:both; padding:30px 0 0 0; }
#nextProducts            { display:block; float:right; width:9px; height:87px; background:url(../pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }
.product                 { float:left; width:87px; margin:0 12px 12px 0; font-size:10px; }
.product IMG             { border:1px solid #000; }
.product STRONG          { font-size:11px; }
.product .soldout        { color:#172983; }
#shopNextProductsListing { clear:both; }

/* NEWSLETTER */
#article.newsletter { width:442px; }
.newsletter INPUT   { width:198px; height:19px; border:none; background:#000; color:#fff; float:left; font-size:9px; margin:0 28px 5px 0; padding:5px 2px 0 5px; }
.newsletter SELECT  { width:204px; height:24px; border:none; background:#000; color:#fff; float:left; font-size:9px; padding:0 0 0 5px; padding:5px 0 0 5px; }
.newsletter SELECT { display:none; }
.newsletter SPAN.selectField { position:relative; display:block; float:left; width:198px; height:24px; cursor:pointer; }
.newsletter SPAN.selectField * { color:#fff; font-size:9px; }
.newsletter SPAN.selectValue { display:block; width:204px; height:19px; padding:5px 0 0 5px; background:#000 url(../pics/charte/arrowSelectForm.jpg) center right no-repeat; z-index:10; }
.newsletter SPAN.activeValue { display:block; background: #000; font-weight: bold; }
.newsletter SPAN.selectOptions { position:absolute; display:block; z-index:15; left:0; top:20px; width:204px; height: 200px; overflow-y: scroll; padding:4px 0 4px 5px; background:#000; }
.newsletter SPAN.selectOptions SPAN { display:block; padding-left:0; margin:1px 0 0 0; color:#FFF !important; }
.newsletter SPAN.selectOptions SPAN.selected { background:#000; color:#000; font-weight:bold !important; }
.newsletter SPAN.selectOptions SPAN.active { background:#000; color:#000; font-weight:bold !important; }
.newsletter A.submitBtn { display:block; width:96px; height:19px; border:none; background:#000; font-size:9px; margin-right:28px; padding:5px 2px 0 5px; color:#fff!important; text-decoration:none; }
.newsletter A.submitBtn:hover { text-decoration:none!important; }

#antiNewsletterForm   { padding-top:140px; }
#antiNewsletterForm A { color:#000!important; font-size:10px; font-weight:bold; }

/* ESPACE PRESSE */
#presse H2.normal { font-weight:normal!important; font-size:13px!important; margin-bottom:1px!important; padding:0!important; height:auto!important; }
#presse H2.presse { text-align:center; padding:2px 0 1px 0!important; font-size:10px!important; height:8px!important; }
body:nth-of-type(1) #presse H2.presse { padding:1px 0 1px 0!important; height:9px!important; }
#presse A { color:#000!important; }
#presse IMG { border:1px solid #000; }
#presse IMG.logopresse { border:none; }
H2#presseArtistes { width:127px!important; }

/* MENTIONS LEGALES */
#article.mentions { font-size:10px; }
#editeur { border:1px solid #000; padding:10px; margin-top:30px; }
#editeur P { font-size:9px; }

/* CONTACT */
.contact { width:797px; padding:0 0 0 85px; }
#article H3.adresse { padding:0 0 10px 0; color:#000; font-size:16px; line-height:17px; }
#article P.tel { padding:0 0 8px 0; font-size:10px; }
#article.contact H2 { font-size:18px; font-weight:bold; color:#000; background:none; padding:0; height:auto; line-height:normal; width:auto; }
#contactForm { padding-bottom:40px; }
#contactForm P { margin-bottom:0!important; }
#contactForm INPUT { width:198px; height:19px; border:none; background:#000; color:#fff; font-size:9px; margin:0 28px 5px 0; padding:5px 2px 0 5px; }
#contactForm TEXTAREA { width:198px; height:90px; border:none; background:#000; color:#fff; font-size:9px; margin:0 28px 5px 0; padding:5px 2px 0 5px; }
#contactForm A.submitBtn { display:block; width:96px; height:19px; border:none; background:#000; font-size:9px; margin-right:28px; padding:5px 2px 0 5px; color:#fff!important; text-decoration:none; }
#contactForm A.submitBtn:hover { text-decoration:none!important; }
.captcha { margin-bottom:5px; }

#dragAndDropForm P { margin-bottom:0!important; }
#dragAndDropForm INPUT { width:198px; height:19px; border:none; background:#000; color:#fff; font-size:9px; margin:0 28px 5px 0; padding:5px 2px 0 5px; }
#dragAndDropForm TEXTAREA { width:198px; height:90px; border:none; background:#000; color:#fff; font-size:9px; margin:0 28px 5px 0; padding:5px 2px 0 5px; }
#dragAndDropForm A.submitBtn { float:left; display:block; width:96px; height:19px; border:none; background:#000; font-size:9px; margin-right:28px; padding:5px 2px 0 5px; color:#fff!important; text-decoration:none; margin-left:5px; }
#dragAndDropForm A.submitBtn:hover { text-decoration:none!important; }
#SWFUpload_0 { float:left; }

/* RECHERCHE */
#searchFormSec { padding:9px 0 35px 0; }
#searchFormSec INPUT { background-color:#000; color:#fff; border:none; vertical-align:middle; }
#querySec { width:148px; height:14px; padding:1px 0 0 5px; font-size:9px; line-height:14px; margin-right:1px; }
#searchSubmitSec { width:21px; height:15px; padding:0; background:#000 url(../pics/charte/search_submitBlack.jpg) center center no-repeat; cursor:pointer; }

H3.nbResults { width:447px; height:50px; margin-bottom:80px!important; line-height:44px!important; border-bottom:2px solid #000; color:#000!important; font-size:11px!important; }
H3.nbResults SPAN { font-weight:bold; font-size:60px!important; }
H3.results { width:447px; height:52px; line-height:44px!important; color:#000!important; font-size:11px!important; }
H3.results SPAN { font-weight:bold; font-size:60px!important; }

UL.results { list-style:none; margin:0 0 40px 0!important; }

/*** SIDEBAR *****************************************************************************************************************************************/
/*** éléments communs ***/
#sidebar                { position:relative; float:right; width:171px; padding:60px 0 0 0; line-height:11px; z-index:100; }
#sidebar H2             { font-size:10px; background:#000D67; width:171px; padding:1px 0 0 0; height:10px; line-height:10px; text-align:center; color:#fff; font-weight:normal; }
body:first-of-type #sidebar H2 { padding:0 0 1px 0; height:10px; }
#sidebar H2.open        { background:#000D67 url(../pics/charte/arrowSelectInverse.jpg) center right no-repeat!important; cursor:pointer; margin:0 0 15px 0!important; }
#sidebar H2.close       { background:#000D67 url(../pics/charte/arrowSelect.jpg) center right no-repeat!important; cursor:pointer; margin:0 0 15px 0!important; }
#sidebar H2.noir.open   { background:#000 url(../pics/charte/arrowSelectInverseNoir.jpg) center right no-repeat!important; }
#sidebar H2.noir.close  { background:#000 url(../pics/charte/arrowSelectNoir.jpg) center right no-repeat!important; }
#sidebar H2.noir        { background:#000!important; }
#sidebar P              { margin:0px 0 10px 0; font-size:10px; line-height:11px; letter-spacing:-0.3px; }
#sidebar UL             { list-style:none outside; margin:0px 0 15px 0px; }
#sidebar UL LI          { line-height:10px; font-size:10px; }
#sidebar UL LI A        { font-size:10px; }
#sidebar UL LI A.active { color:#acacac; }
#sidebar #channels {margin-left:17px;}

#content.withoutMenu #sidebar { padding:83px 0 0 0; }

#sidebar.ficheArtiste { width:170px!important; padding-top:95px !important; }
#sidebar.ficheArtiste H2 { width:170px!important; }

#sidebar H2#titreRadio { width:170px; height:53px; margin:0 0 10px 0; padding:0; background:url(../pics/charte/bg-h2-radio.jpg) top left no-repeat; font-size:0; text-indent:-9000px; letter-spacing:-50px; }
#sidebar H2#titreAlbums { width:171px !important; height:35px !important; margin:0 0 0px 0; padding:0; background:url(../pics/charte/albums.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }

#sidebar H2#titreShop { width:99px; height:32px !important; margin:30px 0 0px 0; padding:0; background:url(../pics/charte/titre_shop.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#sidebar H2#titreConcerts { width:170px; height:36px !important; margin:23px 0 0px 0; padding:0; background:url(../pics/charte/titre_concerts.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#sidebar H2#titreConcerts.en{background:url(../pics/charte/lives.jpg) top left no-repeat;}
#sidebar H2#titreLiens { width:106px; height:32px !important; margin:0 0 10px 0; padding:0; background:url(../pics/charte/titre_liens.jpg) top left no-repeat; text-indent:-9000px; font-size:0; }
#sidebar H2#titreLiens.en{background:url(../pics/charte/links.jpg) top left no-repeat;}

#sidebar H2#titreArchives { width:170px; height:25px; margin:0 0 3px 0; padding:0; background:url(../pics/charte/archives.jpg) top left no-repeat; font-size:0; text-indent:-9000px; letter-spacing:-50px; }

#sidebarRadio { width:171px; height:115px; margin:0 0 20px 0; }

/*** liens follow because ***/
P#followBecauseOn  { color:#0E1E83; font-size:9px; }
#followBecauseOn A { color:#0E1E83; display:block; margin-bottom:5px; letter-spacing:-0.2px; }
#becauseOnMyspace  { background:url(../pics/charte/icon_myspace_sidebar.jpg) center left no-repeat; clear:both; float:left; padding-left:16px; }
#becauseOnDaily    { background:url(../pics/charte/icon_dailymotion_sidebar.jpg) center left no-repeat; float:right; padding-left:11px; }
#becauseOnTwitter  { background:url(../pics/charte/icon_twitter_sidebar.jpg) center left no-repeat; float:right; padding-left:16px;  }
#becauseOnFacebook { background:url(../pics/charte/icon_facebook_sidebar.jpg) center left no-repeat; clear:both; float:left; padding-left:15px;}
#becauseOnRss      { background:url(../pics/charte/icon_rss_sidebar.jpg) center left no-repeat; float:right; padding-left:20px; }

/* espace presse */
#artistesPresse          { margin:0 0 15px!important; }
#artistesPresse A        { color:#000; font-size:10px; white-space:nowrap; }
#artistesPresse A:hover  { text-decoration:underline; }
#artistesPresse A.active { text-decoration:underline; }

/*** FOOTER ******************************************************************************************************************************************/
#footer     { clear:both; position:absolute; padding:30px 0 50px 0; font-size:9px; width:960px; text-align:center; height:19px; z-index:0; }
#footer A   { color:#666; }
#footer IMG { margin-right:10px; }

/*** FORMULAIRES**************************************************************************************************************************************/
FORM P          { margin:0 0 10px 0!important; }
FORM INPUT      { width:246px; height:14px; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0 2px 0 2px; }
FORM SELECT     { width:252px; height:18px; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0; }
FORM TEXTAREA   { width:370px; height:92px; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:0 2px 0 2px; }
FORM .submitBtn { text-decoration:underline; color:#000!important;  }

/*** CLASSES COMMUNES ********************************************************************************************************************************/
.spacer   { clear:both; position:relative; }
.clear    { clear:both; position:relative; height:1px; font-size:0; text-indent:-9000px; line-height:1px; }
.droite   { float:right; font-size:10px !important;}
.gauche   { float:left; }
.left     { text-align:left; }
.right    { text-align:right; }
.center   { text-align:center; }
.justify  { text-align:justify; }
.rouge    { color:#F00; }
.noBorder { border:none!important; }

/* pagination */
.pagingNav       { width:175px; float:right; color:#fff; height:13px; z-index:1000; }
.pagingNav A     { display:none; color:#fff!important; text-decoration:none; }
.prev, .next     { display:block!important; height:16px; font-size:0; text-indent:-9000px; }
.pagingNav .prev { float:left; width:75px; background:url(../pics/charte/paging_prev.jpg) top left no-repeat; }
.pagingNav .next { float:right; width:76px; background:url(../pics/charte/paging_next.jpg) top right no-repeat; margin-left:10px; }
.pagingNav .next.only { background:url(../pics/charte/paging_next.jpg) top right no-repeat; }

.pagingNavEn       { width:147px; float:right; color:#fff; height:13px; z-index:1000; }
.pagingNavEn A     { display:none; color:#fff!important; text-decoration:none; }
.pagingNavEn .prev { float:left; width:77px; background:url(../pics/charte/paging_prevEn.jpg) top left no-repeat; }
.pagingNavEn .next { float:right; width:60px; background:url(../pics/charte/paging_nextEn.jpg) top right no-repeat; margin-left:10px; }
.pagingNavEn .next.only { background:url(../pics/charte/paging_nextEn.jpg) top right no-repeat; }

.currentOffset   { display:none; }
.pagingText      { display:none; }
body:first-of-type .pagingText { line-height:11px; }

PRE { background:#FFCC33; color:#333!important; width:auto; height:auto; border:1px dashed #333; }
#generation { width:500px; text-align:center; margin:0 auto 0 auto; font-size:9px; color:#666; padding-bottom:5px; }





#videoContainer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; overflow:hidden; }
div.videocontrols, div.handlecont, div.diaporamacontrols{-moz-transition:all ease-in-out 300ms;-webkit-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;}
#videoSlider div.section    div.videocontrols,#videoContainer div.videocontrols{width:558px;height:20px;background:black;font-size:10px;padding:0;margin-top:-19px;top:24px;position:relative;}
#videoSlider div.section:hover    div.videocontrols,#videoContainer:hover    div.videocontrols{top:4px;}
#videoSlider div.section    div.videocontrols div,#videoContainer  div.videocontrols div{float:left;color:white;padding:0;}
#videoSlider div.section    div.videocontrols div.play,#videoContainer div.videocontrols div.play{width:20px;height:20px;background:url(vidpics/play.png) no-repeat;cursor:pointer;}
#videoSlider div.section    div.videocontrols div.pause,#videoContainer div.videocontrols div.pause{width:20px;height:20px;background:url(vidpics/pause.png) no-repeat;cursor:pointer;}
#videoSlider div.section    div.videocontrols div.progress,#videoContainer div.videocontrols div.progress{width:440px;height:20px;cursor:pointer;}
#videoSlider div.section    div.videocontrols div.progress div.d,#videoContainer div.videocontrols div.progress div.d{width:0px;height:5px;background:blue;margin-top:7px;}
#videoSlider div.section    div.videocontrols div.progress div.p,#videoContainer div.videocontrols div.progress div.p{width:10px;height:5px;background:white;position:absolute;top:7px;left:0px;margin-left:20px;}
#videoSlider div.section    div.videocontrols div.time,#videoContainer div.videocontrols div.time{width:61px;height:20px;}
#videoSlider div.section    div.videocontrols div.time div,#videoContainer div.videocontrols div.time div{margin-top:3px;}
#videoSlider div.section    div.videocontrols div.fs,#videoContainer div.videocontrols div.fs{width:15px;height:20px;background:url(vidpics/fs.png) no-repeat;cursor:pointer;}
#videoSlider div.section    div.videocontrols div.vol,#videoContainer div.videocontrols div.vol{width:20px;height:20px;position:relative;}
#videoSlider div.section    div.videocontrols div.volbg,#videoContainer div.videocontrols div.volbg{width:20px;height:20px;position:absolute;top:0;left:0;background:url(vidpics/vol.png) no-repeat;}
#videoSlider div.section    div.videocontrols div.vol div.handlecont,#videoContainer div.videocontrols div.vol div.handlecont{width:16px;height:70px;background:black;position:absolute;top:20px;cursor:pointer;}
#videoSlider div.section    div.videocontrols div.vol.open div.handlecont,#videoContainer div.videocontrols div.vol.open div.handlecont{top:-70px;}
#videoSlider div.section    div.videocontrols div.vol div.handler,#videoContainer div.videocontrols div.vol div.handler{width:2px;height:57px;background:white;margin:6px 0 0 7px;}
#videoSlider div.section    div.videocontrols div.vol div.handle,#videoContainer div.videocontrols div.vol div.handle{width:6px;height:2px;background:white;margin:0px 0 0 -2px;}


#cse-search-box {height: 16px;width: 131px;}
#cse-search-box > div{float:right;}
#cse-search-box > div input[type=text]{font-size: 10px;height: 10px;line-height: 10px;padding: 0 0 1px 2px !important;border: 1px solid #000000;float: left;vertical-align: middle;background: none repeat scroll 0 0 #FFFFFF !important;letter-spacing: -0.5px;width: 102px;font-family: Arial,Helvetica,sans-serif;}
#cse-search-box > div input[type=submit]{border:0;background: url("../pics/charte/search_submit.jpg") no-repeat scroll left center transparent;font-size: 0;height: 11px;letter-spacing: -100px;padding: 0;text-indent: -9000px;width: 20px;}
#cse-search-box > div span.subspan{border: 1px solid #000000;float: left;vertical-align: middle;background: url("../pics/charte/search_submit.jpg") no-repeat scroll left center transparent;border-left: medium none !important;cursor: pointer;font-size: 0;height: 11px;letter-spacing: -100px;padding: 0;text-indent: -9000px;width: 20px; text-align:right;}

#diaporamaArtiste div.diaporamacontrols{display:none;}
#diaporamaArtiste.active { background:black; overflow:hidden; position:relative; padding:3px;border:0;}
#diaporamaArtiste.active #photocontrols.db,#videContainer #videocontrols.db{display:block;}
#diaporamaContent{width:100%;height:100%;position:relative;}
div.diaporamacontrols{width:754px;height:20px;background:black;font-size:10px;padding:0;margin:0;bottom:-19px;left:0;position:absolute;}
#diaporamaArtiste.active:hover div.diaporamacontrols,#videoContainer:hover div.diaporamacontrols{bottom:0;}
div.diaporamacontrols div{float:left;color:white;padding:0;}
div.diaporamacontrols div.play{width:20px;height:20px;background:url(vidpics/play.png) no-repeat;cursor:pointer;}
div.diaporamacontrols div.pause{width:20px;height:20px;background:url(vidpics/pause.png) no-repeat;cursor:pointer;}
div.diaporamacontrols  div.title{width:694px;height:20px;text-align:right;font-size:12px;padding-top:2px;}
#videoContainer #videocontrols  div.title{width:158px;}
div.diaporamacontrols  div.prev{width:20px;height:20px;background:url(vidpics/prev.png) no-repeat;cursor:pointer;}
div.diaporamacontrols  div.next{width:20px;height:20px;background:url(vidpics/next.png) no-repeat;cursor:pointer;}
#videoContainer #videocontrols div.progress{width:440px;height:20px;cursor:pointer;}
#videoContainer #videocontrols div.progress div.d{width:0px;height:5px;background:blue;margin-top:7px;}
#videoContainer #videocontrols div.progress div.p{width:10px;height:5px;background:white;position:absolute;top:7px;left:0px;margin-left:60px;}
#videoContainer #videocontrols div.time{width:61px;height:20px;}
#videoContainer #videocontrols div.time div{margin-top:3px;}
#videoContainer #videocontrols div.fs{width:15px;height:20px;background:url(vidpics/fs.png) no-repeat;cursor:pointer;}
#videoContainer #videocontrols div.vol{width:20px;height:20px;position:relative;}
#videoContainer #videocontrols div.volbg{width:20px;height:20px;position:absolute;top:0;left:0;background:url(vidpics/vol.png) no-repeat;}
#videoContainer #videocontrols div.vol div.handlecont{width:16px;height:70px;background:black;position:absolute;top:0px;cursor:pointer;}
#videoContainer #videocontrols div.vol.open div.handlecont{top:-70px;}
#videoContainer #videocontrols div.vol div.handler{width:2px;height:57px;background:white;margin:6px 0 0 7px;}
#videoContainer #videocontrols div.vol div.handle{width:6px;height:2px;background:white;margin:0px 0 0 -2px;}