body {
    background-color: #000;
    text-align: center;
    margin: 0 0 1em 0;
    margin-bottom: 25px;
}

#logo {
    height: 96px;
    width: 973px;
    background: #000 url('images/logo.gif') top center no-repeat;
    margin: 0 auto 10px auto;
}

#cadre {
    /*border: 2px solid #bf1f2e;*/
    border-top: 2px solid #bf1f2e;
    width: 975px;
    margin: 0 auto 0px auto;
    padding: 0;
    height: 598px;
    
}

#menu {
    width: 100%;
    height: 28px;
    margin-left: 5px;
    
    text-align: left;
    color: #fff;
}

#texte_conteneur {
    width: 425px;
    height: 570px;
    background: #fff;
    float: left;
}

#texte_conteneur p, #texte p {
	
	font-style: italic; 
}

#photo {
    height: 570px;
    margin: 0;
    padding: 0;
}

#menu div, #menu a {
    margin-top: 7px;
    height: 14px;
    float: left;
}

#menu a {
    display: block;
}

.barre {
    width: 15px;
    background: #000 url(images/barre.gif) top center no-repeat;
}


/* Contenu */


#texte .caps_sans_italic {
    font-style: normal;	
}

#texte .aucun_interligne {
    line-height: 12px;
}

#texte .aucune_marge {
    margin: 0;
    padding: 0;
    line-height: normal;
}

#texte {
    font-family: Arial, sans-serif;
    padding: 15px;
    text-align: left;
    font-size: 11px;
}

#courriel_dany {
    color: #6d6f71;
    text-decoration: none;
}

ol {
    padding-left: 20px;
    color: #6d6f71;
    font-size: 11px;
    line-height: 12px;
}

.disque {
    margin-bottom: 1em;
    padding-left: 125px;
}

.disque p, .disque ol {
    margin: 0;
    width: 250px;
	border: 1px solid #000;
}

.disque li {
    margin-left: 10px;
    padding: 0;
}


#texte h1 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0.7em;
    margin-bottom: 1.5em;
}

#texte h2 {
    margin: 1.5em 0 0.7em 0;
    font-weight: normal;    
    color: #6d6f71;
    font-size: 12px;
    text-transform: uppercase;
}

#texte h3 {
    margin: 1.5em 0 0.7em 0;
    font-weight: bold;
	font-style: italic;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

#texte .titre_disque {
    color: #000000;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    line-height: normal;
    
}

.li_indent {
    padding-left: 1em;
}

.insecable {
    white-space: nowrap;
}

#texte p {
    font-size: 11px;
    color: #6d6f71;
    line-height: 20px;
    margin: 0.7em 0 0.7em 0;
}

#texte .marge_supplementaire {
    margin-top: 2em;
    margin-bottom: 0em;
	font-style: italic;
}


/* Menu */




#biographie_off, #biographie_on {
    width: 79px;
    margin-right: 5px;
}

#biographie_on, #biographie_off:hover {
    background: #000 url(images/biographie_on.gif) top left no-repeat;
}

#biographie_off {
    background: #000 url(images/biographie_off.gif) top left no-repeat;
}

#explorations_off, #explorations_on {
    width: 171px;
}

#explorations_on, #explorations_off:hover {
    background: #000 url(images/explorations_on.gif) top left no-repeat;
}

#explorations_off {
    background: #000 url(images/explorations_off.gif) top left no-repeat;
}

#discographie_off, #discographie_on {
    width: 97px;
}

#discographie_on, #discographie_off:hover {
    background: #000 url(images/discographie_on.gif) top left no-repeat;
}

#discographie_off {
    background: #000 url(images/discographie_off.gif) top left no-repeat;
}

#audio_off, #audio_on {
    width: 43px;
}

#audio_on, #audio_off:hover {
    background: #000 url(images/audio_on.gif) top left no-repeat;
}

#audio_off {
    background: #000 url(images/audio_off.gif) top left no-repeat;
}

#realisations_off, #realisations_on {
    width: 92px;
}

#realisations_on, #realisations_off:hover {
    background: #000 url(images/realisations_on.gif) top left no-repeat;
}

#realisations_off {
    background: #000 url(images/realisations_off.gif) top left no-repeat;
}

#contact_off, #contact_on {
    width: 61px;
}

#contact_on, #contact_off:hover {
    background: #000 url(images/contact_on.gif) top left no-repeat;
}

#contact_off {
    background: #000 url(images/contact_off.gif) top left no-repeat;
}

/* Popups pour les biographies */

div.top_popup
{
	color: #fff;
	background-color: #000;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-style: italic;
	height: 18px;
	width: 990px;
	margin: 0;
}

div.top_popup div
{
	width: 330px;
	float: left;
	margin: 0;
}

div.top_popup_nom
{
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
}

div.top_popup_nom span
{
	padding-left: 22px;
}

div.top_popup_images
{
	text-align: center;
}

div.top_popup_images a
{
	color: #fff;
	text-decoration: none;
}

div.top_popup_images a.currentPhoto
{
	color: #bf1f2e;
}



div.top_popup_fermer
{
	text-align: right;
}

div.top_popup_fermer a
{
	text-decoration: none;
	color: #fff;
}


.popup_texte {
        height: 570px;
        width: 458px;
        float: left;
        background-color: #fff;
        font-family: Arial, sans-serif;
}

h5 {
        margin-top: 30px;
        color: #bf1f2e;
        font-size: 14px;
        
        font-weight: normal;
        text-transform: uppercase;
        
        padding-left: 25px;
        padding-right: 25px;
        
        margin-bottom: 3px;
}

div.popup_image {

        float: right;
        background-color: #000;
        height: 570px;
        width: 540px;
        
}

div.popup_texte p {

        color: #6d6f71;
        padding-left: 25px;
        padding-right: 100px;
        font-size: 12px;
        line-height: 20px;
		text-align: left;
		font-style: italic;
}



#texte strong.bio_musicien a
{
	font-weight: bold;
	color: #000;
}

a.lien_mp3 
{
	color: #6d6f71;
	text-decoration: none;
}