@font-face { 
  font-family: 'bebas'; 
  src: url('bebas.ttf'); 
}
@font-face { 
  font-family: 'tt0288'; 
  src: url('tt0288m.ttf'); 
}

body { margin: 0 0 0 0; font-family: verdana; font-size: 0.75em; color:#2d2c31; background-color:white; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
div { padding: 0; margin: 0; }

a:link { color:#2d2c31; text-decoration:none; }
a:visited { color:#2d2c31; }
a:hover { color: #ac3016; }

h1 { font-family: "bebas", Helvetica, Arial, sans-serif; font-size: 1.8em; color:#2d2c31; padding:0; margin:0; }
h2 { font-family: "bebas", Helvetica, Arial, sans-serif; font-size: 1.2em; color:#ac3016; padding:0; margin:0 0 2px 0; }
h3 { font-family: "bebas", Helvetica, Arial, sans-serif; font-size: 1.4em; color:#2d2c31; padding:0; margin:0 0 12px 0; }
p { margin:0; padding:0; }

img { border:none; }

div#global { position: relative; width: 100%; height:100%; }
div#page { position: absolute; width: 1052px; left: 50%; margin-left: -526px; }
div#banner { width:1052px; height:171px; background: white url('../images/banner.jpg') center top no-repeat; }

a#fr { float:right; background: transparent url('../images/fr.png') no-repeat 0 0; width: 23px; height: 24px; display: block; margin:6px 6px 0 0; }
a#fr:hover { background-position: 0 -24px; cursor:pointer; }
a#gb { float:right; background: transparent url('../images/gb.png') no-repeat 0 0; width: 23px; height: 24px; display: block; margin:6px 12px 0 0; }
a#gb:hover { background-position: 0 -24px; cursor:pointer; }

#menu {
width:1052px;
height:50px;
background-color:#2d2c31;
}
a#news { float:left; background: transparent url('../images/news.jpg') no-repeat 0 0; width: 84px; height: 50px; display: block; }
a#news:hover { background-position: 0 -50px; cursor:pointer; }
a#newsselected { float:left; background: transparent url('../images/news.jpg') no-repeat 0 0; width: 84px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#playlist { float:left; background: transparent url('../images/playlist.jpg') no-repeat 0 0; width: 107px; height: 50px; display: block; }
a#playlist:hover { background-position: 0 -50px; cursor:pointer; }
a#playlistselected { float:left; background: transparent url('../images/playlist.jpg') no-repeat 0 0; width: 107px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#artistes { float:left; background: transparent url('../images/artistes.jpg') no-repeat 0 0; width: 110px; height: 50px; display: block; }
a#artistes:hover { background-position: 0 -50px; cursor:pointer; }
a#artistesselected { float:left; background: transparent url('../images/artistes.jpg') no-repeat 0 0; width: 110px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#licence { float:left; background: transparent url('../images/licence.jpg') no-repeat 0 0; width: 101px; height: 50px; display: block; }
a#licence:hover { background-position: 0 -50px; cursor:pointer; }
a#licenceselected { float:left; background: transparent url('../images/licence.jpg') no-repeat 0 0; width: 101px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#production { float:left; background: transparent url('../images/production2.jpg') no-repeat 0 0; width: 165px; height: 50px; display: block; }
a#production:hover { background-position: 0 -50px; cursor:pointer; }
a#productionselected { float:left; background: transparent url('../images/production2.jpg') no-repeat 0 0; width: 165px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#demos { float:left; background: transparent url('../images/demos.jpg') no-repeat 0 0; width: 95px; height: 50px; display: block; }
a#demos:hover { background-position: 0 -50px; cursor:pointer; }
a#demosselected { float:left; background: transparent url('../images/demos.jpg') no-repeat 0 0; width: 95px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#contact { float:left; background: transparent url('../images/contact.jpg') no-repeat 0 0; width: 127px; height: 50px; display: block; }
a#contact:hover { background-position: 0 -50px; cursor:pointer; }
a#contactselected { float:left; background: transparent url('../images/contact.jpg') no-repeat 0 0; width: 127px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#twitter { float:right; background: transparent url('../images/twitter.png') no-repeat 0 0; width: 27px; height: 23px; display: block; margin:14px 20px 0 0; }
a#twitter:hover { background-position: 0 -23px; cursor:pointer; }

a#news_en { float:left; background: transparent url('../images/news_en.jpg') no-repeat 0 0; width: 85px; height: 50px; display: block; }
a#news_en:hover { background-position: 0 -50px; cursor:pointer; }
a#news_enselected { float:left; background: transparent url('../images/news_en.jpg') no-repeat 0 0; width: 85px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#playlist_en { float:left; background: transparent url('../images/playlist_en.jpg') no-repeat 0 0; width: 104px; height: 50px; display: block; }
a#playlist_en:hover { background-position: 0 -50px; cursor:pointer; }
a#playlist_enselected { float:left; background: transparent url('../images/playlist_en.jpg') no-repeat 0 0; width: 104px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#artistes_en { float:left; background: transparent url('../images/artistes_en.jpg') no-repeat 0 0; width: 97px; height: 50px; display: block; }
a#artistes_en:hover { background-position: 0 -50px; cursor:pointer; }
a#artistes_enselected { float:left; background: transparent url('../images/artistes_en.jpg') no-repeat 0 0; width: 97px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#licence_en { float:left; background: transparent url('../images/licence_en.jpg') no-repeat 0 0; width: 122px; height: 50px; display: block; }
a#licence_en:hover { background-position: 0 -50px; cursor:pointer; }
a#licence_enselected { float:left; background: transparent url('../images/licence_en.jpg') no-repeat 0 0; width: 122px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#production_en { float:left; background: transparent url('../images/production_en.jpg') no-repeat 0 0; width: 166px; height: 50px; display: block; }
a#production_en:hover { background-position: 0 -50px; cursor:pointer; }
a#production_enselected { float:left; background: transparent url('../images/production_en.jpg') no-repeat 0 0; width: 166px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#demos_en { float:left; background: transparent url('../images/demos_en.jpg') no-repeat 0 0; width: 93px; height: 50px; display: block; }
a#demos_en:hover { background-position: 0 -50px; cursor:pointer; }
a#demos_enselected { float:left; background: transparent url('../images/demos_en.jpg') no-repeat 0 0; width: 93px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }
a#contact_en { float:left; background: transparent url('../images/contact_en.jpg') no-repeat 0 0; width: 125px; height: 50px; display: block; }
a#contact_en:hover { background-position: 0 -50px; cursor:pointer; }
a#contact_enselected { float:left; background: transparent url('../images/contact_en.jpg') no-repeat 0 0; width: 125px; height: 50px; display: block; background-position: 0 -50px; cursor:default; }

#menu2 {
display:none;
height:39px;
}
a#rock { float:left; background: transparent url('../images/rock.jpg') no-repeat 0 0; width: 82px; height: 39px; display: block; }
a#rock:hover { background-position: 0 -39px; cursor:pointer; }
a#rockselected { float:left; background: transparent url('../images/rock.jpg') no-repeat 0 0; width: 82px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }
a#metal { float:left; background: transparent url('../images/metal.jpg') no-repeat 0 0; width: 66px; height: 39px; display: block; }
a#metal:hover { background-position: 0 -39px; cursor:pointer; }
a#metalselected { float:left; background: transparent url('../images/metal.jpg') no-repeat 0 0; width: 66px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }
a#electro { float:left; background: transparent url('../images/electro.jpg') no-repeat 0 0; width: 107px; height: 39px; display: block; }
a#electro:hover { background-position: 0 -39px; cursor:pointer; }
a#electroselected { float:left; background: transparent url('../images/electro.jpg') no-repeat 0 0; width: 107px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }
a#pop { float:left; background: transparent url('../images/pop.jpg') no-repeat 0 0; width: 45px; height: 39px; display: block; }
a#pop:hover { background-position: 0 -39px; cursor:pointer; }
a#popselected { float:left; background: transparent url('../images/pop.jpg') no-repeat 0 0; width: 45px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }
a#ambient { float:left; background: transparent url('../images/ambient.jpg') no-repeat 0 0; width: 110px; height: 39px; display: block; }
a#ambient:hover { background-position: 0 -39px; cursor:pointer; }
a#ambientselected { float:left; background: transparent url('../images/ambient.jpg') no-repeat 0 0; width: 110px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }
a#hiphop { float:left; background: transparent url('../images/hiphop.jpg') no-repeat 0 0; width: 71px; height: 39px; display: block; }
a#hiphop:hover { background-position: 0 -39px; cursor:pointer; }
a#hiphopselected { float:left; background: transparent url('../images/hiphop.jpg') no-repeat 0 0; width: 71px; height: 39px; display: block; background-position: 0 -39px; cursor:default; }

div#main { width:1052px; margin-top:18px; }

div#gauche { float:left; width:690px; text-align:justify; }
div.mainlist { float:left; width:335px; text-align:justify; margin-bottom:24px; }
div.mainlist img.pochette { float:left; margin:0 5px 2px 0; }
div#droite { float:right; width:332px; }

.blocplaylist { float:left; width:201px; height:246px; border: 1px solid #bf604c; margin: 0 20px 40px 20px; padding:5px 10px 0 10px; }
.blocplaylist h1 { font-size:16px; font-weight:bold; }
.blocplaylist h2 { font-size:14px; color:#bf604c; }

.blocartist { margin-top:18px; font-family: "bebas", Helvetica, Arial, sans-serif; font-size:18px; color:#ac3016;}
.artist  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:14px; color:#2d2c31; }

div#formulaire { width:476px; margin:18px 0 0 298px; font-family: "bebas", Helvetica, Arial, sans-serif; font-size:1.4em; }

input.cc { width:474px; height:42px; font-size:1em; background-color:#d4d4d4; border: 1px solid #ac3016; margin-bottom:12px; padding:4px; font-family: "bebas", Helvetica, Arial, sans-serif; }
textarea.cc { width:474px; height:168px; font-size:1em; background-color:#d4d4d4; border: 1px solid #ac3016; margin-bottom:20px; padding:4px; font-family: "bebas", Helvetica, Arial, sans-serif; }
.envoyer { width:128px; height:44px; background-color:#d4d4d4; border: 1px solid #ac3016; font-family: "bebas", Helvetica, Arial, sans-serif; font-size: 1.4em; text-align:center; color:#2d2c31; }

div#footer { width:100%; font-size: 1em; color:black; text-align:center; margin:14px 0 14px 0; }