/*************** Général ***************/

body{margin: 0;
    padding: 0;
    font-size: 0.95em;
    font-family: georgia, times, "times new roman", serif;
    color: #000;
    background-color: #F3F2F2;}

h1, h2, h3, h4{margin-top:0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #520000;}

h4 {font-size: 1.2em;}

a:link {color: #711515;}
a:visited {color: #D88787;}
a:hover, a:active {color: #AD0000;}

table td {vertical-align: top; padding: 10px; padding-top: 30px}

dt {font-weight: bold;
    margin-top: 1em;}

img {border: 1px solid #000;}

img.right {margin-left: 5px;}

#disque img {margin-left: 100px;}

.line {border-bottom: 1px solid #520000; margin-bottom: 10px;}

.sup {font-size: 70%; vertical-align: top;}

/*************** En-tête ***************/

#banner {height: 70px;
    color: #fff;
    background-color: #AD0000;
    border-bottom: 1px solid #520000;}

#banner h1 {margin: 0;
    padding: 0.3em 0 0.3em 170px;
    color: #fff;
    font-size: 2.2em;
    font-weight: normal;
    letter-spacing: 20px;
    font-variant: small-caps;}

#biographie #banner {background: #AD0000 url('../images/basse_resolution/benzi1.jpg') no-repeat;}

#photos #banner {background: #AD0000 url("../images/basse_resolution/benzi_k.jpg") no-repeat;}

#repertoire1 #banner {background: #AD0000 url("../images/basse_resolution/benzi_d.jpg") no-repeat;}

#repertoire2 #banner {background: #AD0000 url("../images/basse_resolution/benzi_e.jpg") no-repeat;}

#repertoire3 #banner {background: #AD0000 url("../images/basse_resolution/benzi_f.jpg") no-repeat;}

#repertoire4 #banner {background: #AD0000 url("../images/basse_resolution/benzi_g.jpg") no-repeat;}

#repertoire5 #banner {background: #AD0000 url("../images/basse_resolution/benzi_h.jpg") no-repeat;}

#repertoire6 #banner {background: #AD0000 url("../images/basse_resolution/benzi_i.jpg") no-repeat;}

#repertoire7 #banner {background: #AD0000 url("../images/basse_resolution/benzi_j.jpg") no-repeat;}

#discographie #banner {background: #AD0000 url("../images/basse_resolution/benzi3.jpg") no-repeat;}

#temoin_krips #banner {background: #AD0000 url("../images/basse_resolution/benzi_a.jpg") no-repeat;}

#temoin_dutilleux #banner {background: #AD0000 url('../images/basse_resolution/benzi_b.jpg') no-repeat;}

#temoin_busser #banner {background: #AD0000 url("../images/basse_resolution/benzi_c.jpg") no-repeat;}

#orchestration #banner {background: #AD0000 url("../images/basse_resolution/benzi4.jpg") no-repeat;}

/*************** Couleurs à gauche et à droite ***************/

#container {background: url("../images/navig.gif") repeat-y;}

#container2 {background: url("../images/plus.gif") repeat-y right;}

/*************** Barre de navigation ***************/

#navigation {float: left;
    width: 150px;
    font-family: Arial, Helvetica, sans-serif;}

#navigation ul {list-style: none;
    margin: 0;
    padding: 0;}

#navigation ul li {
	border-bottom: 1px solid #ED9F9F;}

#navigation li a {display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 12px solid #711515;
    border-right: 1px solid #711515;
    background-color: #AD0000;
    color: #fff;
    text-decoration: none;}

#navigation ul ul {margin-left: 12px;}

#navigation ul ul li {border-bottom: 1px solid #711515;
	margin: 0;}

#navigation ul ul a {padding: 2px 2px 2px 0.5em;
    font-size: 0.8em;}

#biographie .biographie, #photos .photos, #temoin_krips .temoin_krips, #temoin_dutilleux .temoin_dutilleux,
#temoin_busser .temoin_busser, #discographie .discographie, #publications .publications, #contact .contact,
#repertoire1 .repertoire1, #repertoire1 .repertoire1, #repertoire2 .repertoire2, #repertoire3 .repertoire3,
#repertoire4 .repertoire4, #repertoire5 .repertoire5, #repertoire6 .repertoire6, #repertoire7 .repertoire7,
#discographie .discographie, #orchestration .orchestration, #adresse .adresse {
    border-left-color: #D88787;
    background-color: #e9bbbb;
    color: #000;}

#navigation li a:hover {background-color: #711515;
    border-left: 12px solid #000;}

/*************** Espace à droite ***************/

#more {float: right;
    width: 180px;
    margin: 0;
    padding: 6em 10px 0;
    color: #000;}

/*************** Contenu ***************/

#content {margin-left: 27%;
    margin-right: 27%;}

#disque {margin-left: 20%;
    margin-right: 5%;}

#col1 {width: 45%;
    float: left;}

#col2 {margin-left: 40%;}

#image {margin-left: 27%;}

#content h2, #image h2 {font-size: 2em;
    margin-bottom: 0;
    padding-top: 1em;
    font-weight: normal;
    line-height: 150%;}

#disque h2, #image h2 {font-size: 2em;
    margin-bottom: 0.5em;
    padding-top: 1em;
    font-weight: normal;
    line-height: 150%;}

#disque h4 {margin-bottom: 0;}

#content p {margin-top: 0;}

#disque p {margin-top: 0;}

#orchestration #content {background: url("../images/brahms.gif") bottom left no-repeat;}

#cleardiv {clear: both;
    height: 1em;}

/*************** Pied de page ***************/

#footer {clear: both;
    padding: .5em 1em;
    border-top: 1px solid #711515;
    text-align: right;}