/*=============================================================================
* Dark-Blue: #17365D
* Medium-Blue: #365f91
* Light-Blue: #4f81bd
*============================================================================*/
html { padding: 0; margin: 0; font-family: arial; }

/*=============================================================================
*
*============================================================================*/
body { padding: 0; margin: 0; background-color: #ffffff; font-family: arial; }

/*=============================================================================
*
*============================================================================*/
#page { width: 960px; margin: auto; padding: 0; background-color: #ffffff; }

/*=============================================================================
*
*============================================================================*/
div#header { height: 544px; }
div#header #logo { float: left; margin: 0; width: 640px; height: 544px; }
div#header #logo img { display: block; }
div#header #logo ul { margin: 0; padding: 0; list-style-type: none; }
div#header #logo ul li { position: absolute; margin: 0; padding: 0; display: none; z-index: 5; }
div#header #logo li.active { display: block; z-index: 15; }
div#header #logo li.last { z-index: 10; }

div#header #reseaux-sociaux { float: left; margin: 0; width: 320px; }
div#header #reseaux-sociaux ul { list-style-type: none; margin: 0 auto; padding: 0; width: 192px; }
div#header #reseaux-sociaux ul li { margin: 48px 0 0 0; padding: 0; }
div#header #reseaux-sociaux ul li a { display: block; width: 192px; height: 64px; text-indent: -9999px; }

div#header #reseaux-sociaux ul li#myspace a { background-image: url("../img/buttons/myspace.png"); background-position: 0 0; }
div#header #reseaux-sociaux ul li#myspace a:hover { background-position: 0 0; }

div#header #reseaux-sociaux ul li#facebook a { background-image: url("../img/buttons/facebook.png"); background-position: 0 0; }
div#header #reseaux-sociaux ul li#facebook a:hover { background-position: 0 0; }

div#header #reseaux-sociaux ul li#itunes a { background-image: url("../img/buttons/itunes.png"); background-position: 0 0; }
div#header #reseaux-sociaux ul li#itunes a:hover { background-position: 0 0; }

div#header #reseaux-sociaux img { margin: 128px 0 0 0 }

div#header #locale { float: left; margin: 0; width: 320px; }
div#header #locale ul { list-style-type: none; margin: 70px auto 0 auto; padding: 0; width: 192px; }
div#header #locale ul li { margin: 1px 0 0 0; padding: 0; }
div#header #locale ul li a { display: block; width: 192px; background-color: #e0e0e0; text-decoration: none; color: #000000; line-height: 32px; text-align: center; }
div#header #locale ul li a:hover { background-color: #d0d0d0; }

/*=============================================================================
*
*============================================================================*/
div#communication { }

/*=============================================================================
*
*============================================================================*/
div#navigation { height: 224px; margin: 0px 8px 0px 504px; }
div#navigation ul { padding: 8px 0 8px 0; margin: 0; list-style-type: none; }
div#navigation ul li { }
div#navigation ul li a { color: #18437A; text-decoration: none; display: block; padding: 8px; font-family: arial; font-size: 10pt; line-height: 18px; font-weight: bold; text-align: center; }
div#navigation ul li a.active { color: #ffffff; text-decoration: underline; }
div#navigation ul li a:hover { background-image: url('../img/background/navigation-background-over.png'); background-position: center center; background-repeat: repeat-y; }
div#navigation ul li a.active:hover { color: #ffffff; text-decoration: underline; }

/*=============================================================================
*
*============================================================================*/
div#content { padding: 8px 0 32px 0; }
div#content h3 { color: #f59523; padding: 0 0 0 0; margin: 16px 36px 12px 36px; font-size: 18px; font-family: arial; }
div#content ul { color: #595f6b; font-family: arial; font-size: 11pt; padding: 0; margin: 12px 40px 8px 64px; line-height: 150%; list-style-type: square; }
div#content ul li { padding: 0px 8px; }
div#content .left { float: left; }
div#content .right { float: right; }

img.cd-cover { border: none; }

div.three-column-left { width: 312px; height: 344px; float: left; }
div.three-column-left img.cd-cover { display: block; margin: auto; }
div.three-column-left #music-control { width: 160px; margin: 8px auto; }
div.three-column-left #music-control ul { list-style-type: none; padding: 0; margin: 0; }
div.three-column-left #music-control ul li { float: left;  padding: 0; margin: 0; }

div.three-column-middle { width: 320px; height: 344px; float: left; }
div.three-column-middle h2 { text-transform: uppercase; margin: 12px 12px 0 12px; font-size: 18px; }
div.three-column-middle p { color: #444444; font-size: 14px; padding: 0; margin: 16px; line-height: 150%; }
div.three-column-middle img.buy-now { display: block; margin: 36px auto 0 auto; border: none; }

div.three-column-right { width: 328px; height: 344px; float: left; }
div.three-column-right #cd-description { height: 270px; margin: 0 0 48px 0; }
div.three-column-right #cd-description img { position: absolute; }

div.biography {}
div.biography h2 { text-transform: uppercase; margin: 12px 12px 0 12px; font-size: 18px; }
div.biography p { color: #444444; font-size: 14px; padding: 0; margin: 16px 16px 8px 16px; line-height: 150%; }

div#content #album-alpha { float: left; width: 615px; margin: 0 16px 16px 0; }
div#content #album-alpha p { text-align: justify; margin: 16px; }
div#content #album-alpha img { margin: 0; }

div#content #pistes-album-alpha #bouton-itunes { display: block; width: 123px; height: 44px; text-indent: -9999px; background-image: url("../img/content/itunes.jpg"); background-position: 0 0; }
div#content #pistes-album-alpha #bouton-itunes:hover { background-position: 0 0; }

div#content #pistes-album-alpha { width: 600px; font-family: arial; font-size: 16px; text-transform: uppercase; border-collapse: collapse; }
div#content #pistes-album-alpha td a { text-decoration: none; color: #000000; }
div#content #pistes-album-alpha thead tr { height: 64px; }
div#content #pistes-album-alpha tbody tr td { height: 40px; }
div#content #pistes-album-alpha tr th { background-color: #000000; color: #d0d0d0; padding: 0 16px; text-align:left; border-bottom: 2px solid #ffffff; }
div#content #pistes-album-alpha tr td { padding: 0; }
div#content #pistes-album-alpha tr { background-color: #d0d0d0; }
div#content #pistes-album-alpha tr.alt { background-color: #aeaeae; }
div#content #pistes-album-alpha td.titre { width: 312px; font-weight: bold; text-indent: 16px; }
div#content #pistes-album-alpha td.duree { width: 48px; text-align: right; }
div#content #pistes-album-alpha td.mp3 { width: 192px; font-weight: bold; text-align: center; }
div#content #pistes-album-alpha td.jouer { width: 48px; border-bottom: 2px solid #ffffff; }
div#content #pistes-album-alpha td.jouer a { display: block; width: 32px; height: 32px; text-indent: -9999px; background-image: url("../img/buttons/media-play.png"); background-position: 0 0; }
div#content #pistes-album-alpha td.jouer a:hover { background-position: 0 32px; }
div#content #pistes-album-alpha td.description { font-size: 13px; text-transform: none; padding: 8px 16px; border-bottom: 2px solid #ffffff; font-style: italic; height: 32px; }

/*=============================================================================
*
*============================================================================*/
div#content form { margin: 16px 0 0 0; padding: 0; }
div#content fieldset { background-color: #d6e7fc; border: none; margin: 8px 0 8px 0; padding: 0 16px; border-top: 1px solid #f4f6fc; }
div#content fieldset legend { margin: 0; padding: 0 4px; color: #00538e; font-family: arial; font-size: 11pt; line-height: 14px; font-weight: bold; }
div#content fieldset legend span { margin: 0; padding: 0; }
div#content fieldset ul { margin: 0; padding: 16px 0 8px 8px; list-style-type: none; }
div#content fieldset ul li { margin: 0; padding: 0; height: 36px; }
div#content fieldset label { margin: 0 8px 0 0; padding: 2px; width: 192px; display: block; color: #00538e; font-family: arial; font-size: 10pt; float: left; text-align: left; line-height: 16px; font-weight: bold; }
div#content fieldset input.textbox { margin: 0 0 0 8px; padding: 2px; display: block; color: #00538e; font-family: arial; font-size: 10pt; border: 1px solid #9FB5D4; width: 256px; }
div#content fieldset input.readonly { background-color: #f3f3ff; }
div#content input.button { margin: 0 8px; padding: 2px; color: #00538e; background-color: #D6E7FC; border: 1px solid #9FB5D4; font-weight: bold; font-family: arial; font-size: 10pt; }
div#content fieldset select.combo { margin: 0; padding: 1px; display: block; color: #00538e; font-family: arial; font-size: 10pt; border: 1px solid #9FB5D4; width: 256px; }
div#content p.button { text-align: center; }
div#content pre { color: #00538e; font-size: 10pt; font-family: verdana; line-height: 150%; margin: 8px 20px 8px 20px; padding: 4px; border: 1px solid #b4b7c5; background-color: #f0f0f3; }

/*=============================================================================
*
*============================================================================*/
div#footer { background-color: #ffffff; height: 160px; padding: 2px 0 0 0; }

/*=============================================================================
*
*============================================================================*/
div#signature { padding: 0; margin: 16px 0 0 0; text-align: center; font-family: arial; color: #595f6b; font-size: 8pt; font-weight: bold; }
div#signature a { color: #595f6b; text-decoration: none; }

/*=============================================================================
*
*============================================================================*/
div#footer-logo img { padding: 0; margin: 16px auto 0 auto; display: block; }