/*
 * Feuille de style principale du site christianfridelance.com
 * Copyright 2005 Yves Tannier - Grafactory.net
 */
body {
    margin: 15px;
    padding: 0;
    color: #fff;
    font-family: Georgia;
    font-size: 12px;
    background-color: #000;
}
h1 {
    font-size: 16px;
}
a {
    color: #666;
}
a:hover {
    text-decoration: none;
}
img {
    border: 0;
}
.spacer {
    clear: both;
    font-size: 1px;
}
#global {
    margin: 15px;
    margin-bottom: 15px;
    margin-left: -400px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    border: 2px solid #252121;
    background-color: #080c0f;
}

/* logo */
#logo  {
    height: 213px;
    background: transparent url(images/interface/bandeau-haut.jpg) no-repeat;
}
#logo .hide {
    display: none;
}
#logo a {
    width: 600px;
    height: 200px;
    display: block;
}
/* page d'accueil */
#accueil {
    padding: 20px;
}
#accueil h1 {
    font-size: 16px;
}
#accueil .actu {
    font-size: 11px;
    font-weight: normal;
    color: #666;;
    text-align: right;
    padding: 0;
    margin: 0;
}
#news {
    padding: 0 20px 0 20px;
    border-top: 1px solid #333;
}
#news h2 {
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
#news h3 {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    font-style: italic;
    color: #666;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    margin-top: -25px;
}
#news p {
    text-align: justify;
}
.nouve {
    border-top: 1px solid #333;
}

/* page de presentation */
#contact {
    padding: 20px;
}
#contact .spacer {
	font-size: 1px;
	clear: both;
}
#contact h1 {
    font-size: 18px;
}
#contact .texte_contact {
    text-align: justify;
}
#contact fieldset {
    border: 0;
    width: 450px;
}
#contact input, textarea {
    border: 2px solid #000;
    background-color: #ccc;
    padding: 2px;
    color: #000;
    font-family: Georgia;
    font-weight: bold;
    font-size: 11px;
}
#contactez p {
    float: left;
    width: 200px;
    font-weight: bold;
    margin: 8px;
}
#nom {
    width: 200px;
}
#email {
    width: 300px;
}
#message {
    width: 450px;
    height: 200px;
}
#contactez .spacer {
    clear: both;
}
#envoyer {
    font-size: 16px;
    cursor: pointer; /* hand-shaped cursor */
}
#contact .adresse {
    font-size: 16px;
    text-align: center;
}
#rapport {
    color: red;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

/* page de presentation */
#presentation, #ecoute {
    padding: 20px;
}
#presentation h1 {
    font-size: 18px;
}
#presentation p {
    text-align: justify;
}
#present {
    float: left;
    width: 450px;
}
#present .petit {
    font-size: 10px;
}
#orchestres {
    float: right;
    width: 280px;
}
#orchestres h2 {
    font-size: 16px;
}
#orchestres h3 {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#orchestres p {
    text-align: left;
}
.images {
    text-align: center;
}
.images img {
    border: 5px solid #252121;
}

/* page de album */
#album {
    padding: 20px;
}
#album h1 {
    font-size: 18px;
    margin-bottom: 25px;
}
#album p {
    text-align: justify;
}
#album_images {
    float: left;
    width: 400px;
    text-align: center;
}
#album_images img {
    border: 5px solid #252121;
}
#album_musiciens_titres {
    float: left;
    width: 350px;
    font-size: 12px;
}
#dp1 {
    display:  none;
}
#album_musiciens_titres .dewplayer {
    text-align: right;
    margin-top: -14px;
    width: 300px;
}
ul#album_musiciens li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
#album_texte p {
    font-style: italic;
}
#album_texte .sign {
    font-style: normal;
    text-align: right;
    font-weight: bold;
}

/* page de photos */
#photos {
    padding: 20px;
}
#photos h1 {
    font-size: 18px;
    margin-bottom: 25px;
}
#photos p {
    text-align: center;
}
#photos .photos_music {
    float: left;
    width: 380px;
}
#photos .photos_music_b {
    float: left;
    width: 250px;
}

/* page de liens */
#liens {
    padding: 20px;
}
#liens h1 {
    font-size: 18px;
}
#contentliens {
    padding: 10px 40px 0 40px;
}
#liens h2 {
    font-size: 14px;
    margin: 0;
}
#liens h2 a {
    text-decoration: none;
}
#liens h3 {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: normal;
}
#liens p {
    text-align: justify;
    padding-bottom: 15px;
    border-bottom: 1px solid #333;
}

/* menu principal */
#menu_principal {
    height: 41px;
    background: transparent url(images/interface/bandeau-menu.jpg) no-repeat;
    background-color: #000;
    margin: 0;
    padding: 0;
    padding-left: 250px;
}
ul#menu_principal li {
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    float: left;
    padding: 7px;
    padding-top: 14px;
    list-style-type: none;
}
ul#menu_principal li a {
    color: #fff;
    text-decoration: none;
}
ul#menu_principal li a:hover {
    color: #ccc;
}
#contenu_principal {
    background: top #080c0f url(images/interface/fond-page.jpg) no-repeat;
}
#footer {
    padding: 5px;
    text-align: center;
}
#ecoute {
/*    text-align:center;*/
}
.links_ecoute {
    font-size: 12px;
}
.links_ecoute a {
    color: #fff;
    font-weight: bold;
}
#aecoute {
    border: 2px solid #fff;
    padding: 5px;
    width: 160px;
}