/*** ELEMENTS GENERAUX ********************************************************************************************************************************/
*       { margin: 0; padding: 0; }
HTML    { height: 100%; }
BODY    { font-family: Arial, Helvetica, sans-serif; position:relative; background:#000000 url('http://because.yozik.com/desporutti/images/backshop.jpg') center top no-repeat; height: 100%;color:#FFFFFF; }
UL      { list-style:inside; }
A       { text-decoration:none; cursor:pointer; color:#000; }
A:hover { color:#000D67; }	
IMG     { border:none; }

/*** CONTENEURS **************************************************************************************************************************************/
#global { position:relative; width:962px; height:480px; left:50%; margin:0 0 0 -540px; padding:24px 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:140px; position:absolute; top:24px; width:960px; background:url(http://www.becauseeditions.net/pics/charte/logo.jpg) bottom left no-repeat; }
#logo { position:absolute; top:56px; display:block; width:180px; height:80px; z-index:1000; font-size:0; text-indent:-9000px; }

/*** switcher langue / version ***/
#switcher          { float:left; }
#switcher P        { float:left; line-height:10px; font-size:9px; }
#switcher A        { display:block; height:11px; text-indent:-9000px; font-size:0; float:right; text-decoration:none; vertical-align:middle; }
#becauseEUR        { width:104px; height:12px; padding:1px 0 0 0; margin-right:14px; background:url(http://www.becauseeditions.net/pics/charte/bg-switcher.jpg) top left no-repeat; }
#switcher A#fr     { width:18px; background:url(http://www.becauseeditions.net/pics/charte/bg-switcher-fr.jpg) top left no-repeat; }
#switcher A#en     { width:17px; background:url(http://www.becauseeditions.net/pics/charte/bg-switcher-en.jpg) top left no-repeat; }
#switcher A:hover  { background-position:bottom left!important; }
#switcher A.active { background-position:bottom left!important; }
#becauseUK         { width:57px; height:13px; }
#becauseUK A       { width:100%; height:13px; background:url(http://www.becauseeditions.net/pics/charte/bg-switcher-uk.jpg) top left no-repeat; }

/*** recherche / compte / panier ***/
#toolbox           { float:right; text-align:right; font-size:9px; }

#searchForm        { width:128px; height:16px; }
#searchForm INPUT  { border:1px solid #000; vertical-align:middle; }
#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(http://www.becauseeditions.net/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(http://www.becauseeditions.net/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:190px; top:84px; padding:115px 0 0 0; }
#menu UL          { width:105px; list-style:none outside; }
#main             { list-style:none; height:126px; padding-bottom:20px; border-bottom:1px solid #AAA; margin-bottom:20px; }
#main LI          { height:9px; line-height:9px; padding:0 0 0 0; margin:0; }
HTML>BODY>#global>#menu LI { padding:0 0 5px 0; }
*:first-child+html #menu LI { padding:0 0 0 0!important; }
#main LI A        { display:block; width:105px; height:9px; text-indent:-9000px; outline:none; }
#main LI A:hover  { background-position:bottom left; }
#main LI A.active { background-position:bottom left; }
#menu_home        { background:url(http://www.becauseeditions.net/pics/charte/menu_home.jpg) top left no-repeat; }
#menu_news        { background:url(http://www.becauseeditions.net/pics/charte/menu_news.jpg) top left no-repeat; }
#menu_artistes    { background:url(http://www.becauseeditions.net/pics/charte/menu_artistes.jpg) top left no-repeat; }
#menu_catalogue   { background:url(http://www.becauseeditions.net/pics/charte/menu_catalogue.jpg) top left no-repeat; }
#menu_concerts    { background:url(http://www.becauseeditions.net/pics/charte/menu_concerts.jpg) top left no-repeat; }
#menu_shop        { background:url(http://www.becauseeditions.net/pics/charte/menu_shop.jpg) top left no-repeat; }
#menu_tv          { background:url(http://www.becauseeditions.net/pics/charte/menu_tv.jpg) top left no-repeat; }
#menu_radio       { background:url(http://www.becauseeditions.net/pics/charte/menu_radio.jpg) top left no-repeat; }
#menu_galerie     { background:url(http://www.becauseeditions.net/pics/charte/menu_galerie.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(http://www.becauseeditions.net/pics/charte/ss-menu-contact.jpg) top left no-repeat; }
#more_newsletter { background:url(http://www.becauseeditions.net/pics/charte/ss-menu-newsletter.jpg) top left no-repeat; }
#more_presse     { background:url(http://www.becauseeditions.net/pics/charte/ss-menu-presse.jpg) top left no-repeat; }
#more_rss        { background:url(http://www.becauseeditions.net/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(http://www.becauseeditions.net/pics/charte/ss-menu-myspace.jpg) top left no-repeat; }
#because_facebook    { background:url(http://www.becauseeditions.net/pics/charte/ss-menu-facebook.jpg) top left no-repeat; }
#because_twitter     { background:url(http://www.becauseeditions.net/pics/charte/ss-menu-twitter.jpg) top left no-repeat; }
#because_dailymotion { background:url(http://www.becauseeditions.net/pics/charte/ss-menu-dailymotion.jpg) top left no-repeat; }

/*** CONTENU *****************************************************************************************************************************************/
#content              { padding:175px 0 0 190px; height:350px; }
HTML>BODY>#global>#content { min-height:350px; height:auto; }
#content.withoutMenu  { padding:150px 0 0 0; }

/*** éléments communs ***/
#article       { float:left; width:582px; line-height:14px; }
#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(http://www.becauseeditions.net/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:0; 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; }
#article P     { margin:0 0 8px 0; text-align:justify; }
#article UL    { margin:0 0 8px 15px; }
#article UL LI { line-height:16px; }
#article P A   { color:#0E1E83; }
#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 ***/
#newsHome H2         { margin-bottom:20px; }
#newsHome P          { margin:0!important; }
#newsHome DIV.new    { margin:0 0 20px 0!important; text-align:center; height:175px;border-bottom:1px solid #AAA; }
#newsHome A          { display:block; width:100%; font-size:10px; line-height:12px; color:#000; }
SPAN.nomArtiste      { color:#172983; line-height:8px; display:block; padding-bottom:2px; }
#newsHome IMG        { margin-bottom:5px; border:1px solid #000; }
#newsSliderContainer { padding:0px 15px 0 15px; height:370px; overflow:hidden; position:relative; z-index:1000; }
#photoSlider         { position:relative; z-index:5; }
#newsNav             { background:#000D67; height:11px; padding:0 0 0 40px; }
#newsNav SPAN        { float:left; display:block; font-size:0; text-indent:-9000px; cursor:pointer; height:11px; width:22px; }
#prevNews            { background:#000D67 url(http://www.becauseeditions.net/pics/charte/arrowUp.jpg) top center no-repeat; }
#nextNews            { background:#000D67 url(http://www.becauseeditions.net/pics/charte/arrowDown.jpg) top center no-repeat; }

#flashHome { width:582px; height:754px; text-align:center; }


/*** NEWS ***/
#article.news { width:504px; margin-left:39px; }
.actu        { padding:0 0 45px 0; border-bottom:1px solid #000; margin-bottom:45px; text-transform:uppercase; font-size:11px; }
.actu .date  { margin:0 0 0 0!important; font-size:10px; height:8px; line-height:6px; }
.actu P      { margin-bottom:5px!important; }
.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; }
.media IMG   { border:none!important; padding:0!important; }

.prevNews { float:right; display:block; width:88px; height:12px; background:url(http://www.becauseeditions.net/pics/charte/news-precedente.jpg) top left no-repeat; font-size:0; text-indent:-9000px; }
.nextNews { float:right; display:block; width:77px; height:12px; background:url(http://www.becauseeditions.net/pics/charte/news-suivante.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:783px!important; }
#ficheArtisteTop { height:13px; 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:#000; color:#fff; font-size:11px!important;  padding:0 2px 0 3px!important; margin:1px 0 0 0!important; line-height:13px!important; }
.withoutMenu #article #ficheArtisteTop H2.droite { font-size:9px!important; margin-bottom:0!important; line-height:9px!important; height:9px!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; }

#diaporamaArtiste { clear:both; width:783px; height:440px; margin:0 0 16px 0; text-align:center; }

#biographie       { width:310px; padding:0 30px 0 0; float:left; }
#bioLirePlus      { cursor:pointer; }
#bioLireMoins     { cursor:pointer; }
#suiteBio         { clear:right; } 

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

/* photos */
#photosArtistes        { height:52px; padding-bottom:25px; }
#photosArtistes P      { margin:0!important; }
#photosSliderContainer { float:left; width:412px; height:52px; overflow:hidden; position:relative; z-index:1000;}
#photosSlider          { position:relative; z-index:5; width:1000px; }
.photoArtiste          { float:left; width:53px; height:52px; margin:0 7px 0 0; }
.photoArtiste IMG      { border:1px solid #000; } 
#nextPhotos { display:block; float:right; width:9px; height:52px; background:url(http://www.becauseeditions.net/pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }
#prevPhotos { display:block; float:right; width:9px; height:52px; margin-right:6px; background:url(http://www.becauseeditions.net/pics/charte/moins.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }


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


/* actualites */
#actualitesArtiste         { clear:both; height:150px; }
.actuArtiste               { padding:0 0 10px 0; }
.actuArtiste .droite *     { line-height:14px; }
.actuArtiste .droite       { width:300px; }
.actuArtiste .droite H3    { font-size:12px!important; }
.actuArtiste .droite A     { display:block; padding-top:2px; }
.actuArtiste .droite SMALL { font-size:11px; line-height:8px; font-weight:bold; color:#000; }
.actuArtiste P             { font-size:11px!important; }
.actuArtiste IMG           { margin:0 10px 0 0; border:1px solid #000; }
#lienSuiteActus            { cursor:pointer; }
#suiteActus                { clear:both; }
#suiteActus .actuArtiste A { color:#000; }


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

/* albums */
#albumsSliderContainer { width:127px; height:445px; overflow:hidden; position:relative; z-index:1000; }
#albumsSlider          { position:relative; z-index:5; width:1000px; }
.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; }

#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(http://www.becauseeditions.net/pics/charte/nextAlbum.jpg) center center no-repeat; margin:42px 0 0 0; }
#prevAlbum { background:url(http://www.becauseeditions.net/pics/charte/prevAlbum.jpg) center center no-repeat; margin:7px 0 0 0; }

/* concerts */
#concertsArtistes    { padding:9px 0 9px 0; }
#concertsArtistes P  { margin:0!important; }
.concertArtiste      { padding:9px 0 9px 0; line-height:12px; border-bottom:1px solid #000; 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; }
A.officialSite { color:#000D67; }

/*** CONCERTS ***/
/*** Listing critères (tout, artistes, dates, villes) ***/
UL#listeConcerts               { clear:both; list-style:none; margin:0 0 20px 0; height:11px; z-index:1000; position:relative; }
UL#listeConcerts A             { display:block; padding:2px 0 0 0; color:#fff; text-align:center; height:9px; }
body:first-of-type UL#listeConcerts A { padding:1px 0 0 0; height:10px; }
UL#listeConcerts A:hover       { background:#000D67; }
UL#listeConcerts A.active      { background:#000D67; }
UL#listeConcerts LI            { position:relative; float:left; width:115px; border-right:1px solid #fff; padding:0 0 0 0; height:11px; font-size:10px; line-height:8px; background:#000; }
UL#listeConcerts LI UL         { position:absolute; top:11px; left:0; width:115px; background:#fff; list-style:none outside; margin:0 0 0 0; padding:10px 0 10px 0; }
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; }
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:11px; height:auto; border:none; width:105px; background:#fff; }

/*** Listing concerts ***/
#article .concert { clear:both; width:579px; margin:10px 0 32px 0; padding:0 0 0px 0; border-bottom:1px solid #000; }
#article .concert H2 { font-size:11px; color:#000; background:none; font-weight:bold; padding:0; margin:0 0 14px 0; width:auto; }
#article .concert IMG { clear:right; float:right; margin:18px 0 15px 0; border:1px solid #000; }
#article .concert P { width:445px; margin:0 0 0 0; font-size:10px; }
#article .concert P A { float:right; color:#000; margin-right:35px; }
#article .concert P A:hover { text-decoration:none; color:#000D67; }
#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; }
#article .concert .nextConcerts { width:445px; margin-bottom:15px; }

/*** TV / RADIO ***/
#article.tvRadio      { width:629px!important; padding:24px 0 0 155px; }
#article.tv           { width:635px!important; padding:24px 0 0 149px; }
#sidebar.tvRadio      { padding:42px 0 0 0!important }
#sidebar.tvRadio H2   { background:#000; font-size:11px; height:16px!important; line-height:16px; }
#tv                   { clear:both; width:635px; height:535px; padding:3px 0 0 0; text-align:center; }
#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:1px solid #000; border-bottom:1px solid #000; }
#listingVideos A      { display:block; float:left; width:100px; height:70px; margin:0 2px 0 0; }
#tvSliderContainer    { float:left; width:605px; height:70px; overflow:hidden; position:relative; z-index:1000; }
#tvSlider             { position:relative; z-index:5; width:10000px; height:70px; }
.videoArtiste         { float:left; width:84px; height:70px; margin:0 23px 0 0; }
#nextTvVideos         { display:block; float:right; width:9px; height:70px; background:url(http://www.becauseeditions.net/pics/charte/plus.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(http://www.becauseeditions.net/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(http://www.becauseeditions.net/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(http://www.becauseeditions.net/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:273px; height:406px; border:0px solid #000; position:relative; }
#shopProductInfoWhole       { float:right; width:592px; height:606px; border:0px solid #000; position:relative;padding-left:39px;margin-top:0px; }
#shopProductInfo H2    { height:38px; background:none; color:#000; border-bottom:0px solid #000; width:auto; font-size:18px; font-weight:bold; line-height:16px; padding:0 0 0 0px; }
#shopProductInfo H2.productName {color:#000000; text-transform:uppercase; text-weight:bold; }
#shopProductInfo DIV   { padding:15px 1px 0px 0px; font-size:10px; font-weight:bold; }
#shopProductInfo #add   { padding:31px 1px 0px 0px; font-size:10px; font-weight:bold; }
DIV#shopProductDesc    { vertical-align:top; height:276px; padding:0px 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; text-transform:uppercase; }
#shopProductDesc .productDesc   { color:#000000;font-size:10px; font-weight:normal;text-transform:uppercase;text-align:justify;width:222px; }
#shopProductThumbs     { position:relative; 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:116px; }
#shopProductInfo P.prix     { color:#000000;float:left; width:120px; padding:10px 0 0 0; font-size:20px!important; line-height:20px; }
#shopProductInfo P.prixmulti     { float:left; width:120px; padding:8px 0 0 0; font-size:20px!important; line-height:20px; }
#shopProductInfo .addToCart { display:block; width:153px; height:28px; background:url(http://because.yozik.com/desporutti/images/despo_12.png); 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(http://www.becauseeditions.net/pics/charte/productShareFacebook.jpg) top left no-repeat; }
A.productShareTwitter       { background:url(http://www.becauseeditions.net/pics/charte/productShareTwitter.jpg) top left no-repeat; }
A.productShareMail          { background:url(http://www.becauseeditions.net/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(http://www.becauseeditions.net/pics/charte/plus.jpg) center center no-repeat; font-size:0; text-indent:-9000px; cursor:pointer; }
.product                 { float:left; width:153px; margin:0px 10px 20px 10px; font-size:10px; }
.product IMG             { border:3px 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(http://www.becauseeditions.net/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; }

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

/* CONTACT */
#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 { border:1px solid #000; 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(http://www.becauseeditions.net/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                { float:right; width:127px; line-height:16px; z-index:100; position:relative; }
#sidebar H2             { font-size:10px; background:#000D67; width:127px; 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(http://www.becauseeditions.net/pics/charte/arrowSelectInverse.jpg) center right no-repeat!important; cursor:pointer; margin:0 0 15px 0!important; }
#sidebar H2.close       { background:#000D67 url(http://www.becauseeditions.net/pics/charte/arrowSelect.jpg) center right no-repeat!important; cursor:pointer; margin:0 0 15px 0!important; }
#sidebar H2.noir.open   { background:#000 url(http://www.becauseeditions.net/pics/charte/arrowSelectInverseNoir.jpg) center right no-repeat!important; }
#sidebar H2.noir.close  { background:#000 url(http://www.becauseeditions.net/pics/charte/arrowSelectNoir.jpg) center right no-repeat!important; }
#sidebar H2.noir        { background:#000!important; }
#sidebar P              { margin:10px 0 10px 0; }
#sidebar UL             { list-style:none outside; margin:15px 0 15px 0; }
#sidebar UL LI          { line-height:14px; font-size:10px; }
#sidebar UL LI A        { font-size:10px; }
#sidebar UL LI A.active { color:#000D67; }

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

#sidebarRadio { width:127px; height:95px; padding:17px 0 18px 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(http://www.becauseeditions.net/pics/charte/icon_myspace_sidebar.jpg) center left no-repeat; clear:both; float:left; padding-left:16px; }
#becauseOnDaily    { background:url(http://www.becauseeditions.net/pics/charte/icon_dailymotion_sidebar.jpg) center left no-repeat; float:right; padding-left:11px; }
#becauseOnTwitter  { background:url(http://www.becauseeditions.net/pics/charte/icon_twitter_sidebar.jpg) center left no-repeat; float:right; padding-left:16px;  }
#becauseOnFacebook { background:url(http://www.becauseeditions.net/pics/charte/icon_facebook_sidebar.jpg) center left no-repeat; clear:both; float:left; padding-left:15px;}
#becauseOnRss      { background:url(http://www.becauseeditions.net/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:#000D67; font-size:10px; }
#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; }
.droite   { float:right; }
.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:13px; font-size:0; text-indent:-9000px; }
.pagingNav .prev { float:left; width:88px; background:url(http://www.becauseeditions.net/pics/charte/paging_prev.jpg) top left no-repeat; }
.pagingNav .next { float:right; width:77px; background:url(http://www.becauseeditions.net/pics/charte/paging_next.jpg) top right no-repeat; margin-left:10px; }
.pagingNav .next.only { background:url(http://www.becauseeditions.net/pics/charte/paging_next.jpg) top right no-repeat; }
.nextText { background:url(http://www.becauseeditions.net/pics/charte/pages.jpg) top left no-repeat; }
.prevText { background:url(http://www.becauseeditions.net/pics/charte/pages.jpg) bottom left 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; }

.table_product {
	margin-top:80px;
	width:855px;
	cellspacing:0px;
	cellpadding:0px;
}
.topleft {
	height:38px;
	width:242px;
	background:url("http://because.yozik.com/desporutti/images/titles_05.png") no-repeat;
}
.topright {
	height:38px;
	width:613px;
	background:url("http://because.yozik.com/desporutti/images/backnav_06.png") no-repeat;
}
.titleselect {
	background:url("http://because.yozik.com/desporutti/images/titles_08.png") no-repeat;
	width:855px;
}
.selectitem {
	background:url("http://because.yozik.com/desporutti/images/prods_10.png") no-repeat;
	width:855px;
}
.left1 {
	height:206px;
	width:242px;
	background-color:#000000;
	font-size:14px;
	font-weight:lighter;
}
.right {
	height:406px;
	width:613px;
	background:url("http://because.yozik.com/desporutti/images/backprod_07.png") no-repeat;
	padding-top:68px;
	text-align:left;
}
.carttable {
	height:267px;
	width:242px;
	vertical-align:top;
}
.categorie{
	width:232px;
	height:30px;
	border-bottom:dotted #202020 1px;
	padding-left:10px;
	padding-top:10px;
	text-transform:uppercase;
}
.categorie a{
	color:#FFFFFF;
	text-decoration:none;
}
.categorie a:hover{
	color:#444444;
	text-decoration:none;
}
.allselect{
	margin:auto;
	width:697px;
}
.desclist{
	background:#000000;
	width:133px;
	height:53px;
	margin-left:6px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	-webkit-border-bottom-left-radius: 7px 7px;
	-webkit-border-bottom-right-radius: 7px 7px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}
.listgroupe{
	color:#314259;
	text-transform:uppercase;
}
.listdescription{
	color:#FFFFFF;
	text-transform:uppercase;
}
.listprix{
	color:#314259;
	text-transform:uppercase;
}
#details{
}
#footershop{
	text-align:right;
	color:#444444;
	font-size:14px;
	font-weight:normal;
	width:612px;
}
#footershop a{
	color:#444444;
	text-decoration:none;
}
#footershop a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.foot{
	margin-top:30px;
}
.head1{
	float:left;
	margin-bottom:3px;
	margin-left:23px;
}
.homebig{
	margin-top:4px;
}
.homemenu{
	margin-top:20px;
	margin-bottom:0px;
}
.titleshop{
	position:absolute;
	top:-132px;
	left:18%;
}
#add{
	padding: 31px 1px 0px 0px;
	font-size:10px;
	font-weight:bold;
}
.prodDetails{
	margin-left:40px;
	float:left;
	width:264px;
}
.zoom{
	float:left;
	margin-left:20px;
	margin-top:15px;
}