/*
-----------------------------------------------------
Feuille de style \ufffdcrite par Emmanuel Riboulet-Deyris
-----------------------------------------------------
*/


/* -- BODY -- */
body {
    margin:0;
    padding:0;
    background: url("http://www.lastree.net/img/bg-musicologie.2.gif");
    font-family:"Tahoma";
    line-height:10.5pt;
    font-size:9pt
    }

/* -- CONTAINER -- */
#container{
    overflow:hidden;
    display:block;
    position:relative;
    width:750px;
    margin:0 auto;
    padding:0;
    border: solid #562a03;
    border-width:0 1px 0 1px;
    }

/* -- GENERAL -- */

a.icon {
    text-decoration:none;   
    border-bottom-width:0;
    }

a img {
    border-width:0;
    }

/* -- HAUT -- */
#haut{
    display:block;
    float:left;	
    width:750px;
    height:30px;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    background-image:url("http://www.lastree.net/img/bg-musicologie.3.gif");
    background-repeat:repeat-x;
    text-align:left;
    font-family:"small Verdana",Sans-serif;
    font-variant:small-caps;
    font-size:10px;
    font-weight:bold;
    letter-spacing:0.5pt;
    }

#haut a {
    float:left;
    line-height:30px;
    margin:0;
    margin-left:20px;
    padding:0;
    text-indent:0;
    text-decoration:none;
    color:#000;
}

#haut a:link {
    color:#000;
    }

#haut a:hover {
    color:#620b00;
    }

#haut a:active {
    color:#e0d5cf;
    }

#haut a:visited {
    color:#53360e;
    }

/* -- ENTETE -- */
#entete {
    display:block;	
    float:left;
    height:160px;
    width:750px;
    margin:0;
    padding:0;
    border:0;	       
    }

#entete img {
    display:block;
    float:left;
    width:750px;
    height:160px;
    border:0px;
    margin:0px;
    }

/* -- NAVIGATION -- */
#navigation{
    display:block;
    float:left;
    height:30px;
    width:750px;
    margin:0;
    padding:0;
    border:solid #562a03;
    border-width:1px 0 1px 0;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-musicologie..gif");    
    font-family:"small Verdana",Sans-serif;
    font-variant:small-caps;
    font-size:10px;
    font-weight:bold;
    letter-spacing:0.5pt;
    }

#navigation a {
    float:left;
    display:inline;
    line-height:30px;
    margin:0;
    width:99px;
    border-width: 0;
    text-indent:0;
    text-align:center;
    text-decoration:none;
    }

#navigation a.first {
    display:inline;
    float:left;
    margin:0;
    width:26px;
    border-width: 0;
    }

#navigation a:link {    
    color:#000;    
    }

#navigation a:hover {	    
    color:#532204;
    background:#b9a799;
    }

#navigation a:active {
    color:#b9a799;
    background:#532204;
    }

#navigation a:visited {
    color:#53360e;
    }

/* -- BANDEAU -- */

#bandeau {
    float:left;
    display:block;
    width:750px;
    height:150px;
    overflow:hidden;
    }

#bandeau img {
    float:left;
    display:block;
    width:230px;
    height:150px;
    border:0;
    }

#bandeau h1 {
    float:left;
    display:inline;
    width:520px;
    height:100px;
    border:0;
    margin:0;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-musicologie.14.gif");    
    text-align:center;
    line-height:50px;
    padding:25px 0 25px 0;
    margin:0;
    font-size:16pt;
    font-family:"Tahoma";
    letter-spacing:3px;
    font-weight:normal;
    color:#562a03;
    }

#bandeau h1 a {
    text-decoration:none;
    color:#562a03;
    }

/* -- MAIN -- */

#main{
    float:left; 
    display:block;
    width:750px;
    height:450px;
    border:0;
    background-image:url("http://www.lastree.net/img/bg-musicologie.15.gif");
    background-repeat:repeat-y;
   }

/* -- LEFT -- */

#left{
    display:inline;
    float:left;
    width:250px;
    height:450px;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
    }

#left h1.levens {
    display:inline;
    float:left;
    width:240px;
    text-align:center;
    margin:20px 0 20px 0;
    font-size:12pt;
    font-family:"Tahoma";
    letter-spacing:3px;
    font-weight:normal;
    color:#562a03;
    }

#left img.lien {
    margin:0  5px 0  0;
    }

#left img.ecouter {
    display:inline;
    float:none;
    margin:0;
    height:13px;
    padding:0;
    border:0;
    }

#left p.levens a.image {
    text-decoration:none;
    border:0;
    }

#left p.levens a.image:visited {
    text-decoration:none;
    border:0;
    }

#left h2.levens-this {
    display:inline;
    float:left;   
    padding:5px;
    margin:0 10px 5px 20px;
    width:190px;
    font-family:"Tahoma";
    font-size:10pt;
    line-height:15px;
    color:#000;
    font-weight:bold;
    text-indent:0;
    letter-spacing:0.5pt; 
    border:solid #562a03;
    border-width:0 0 2px 2px;
    }

#left h2.levens {
    display:inline;
    float:left; 
    padding:5px;  
    margin:0 0 5px 20px;
    width:210px;
    font-family:"Tahoma";
    font-size:10pt;
    line-height:15px;
    color:#562a03;
    font-weight:bold;
    text-indent:0;
    letter-spacing:0.5pt;  
    }

#left h2.levens a {
    text-decoration:none;
    color:#562a03;
    }

#left h2 a:hover {
    border: solid #562a03;
    border-width:0 0 1px 0;
    }

#left p.levens {
    float:left;
    display:inline;
    width:210px;
    margin:0px 20px 10px 20px;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: 0.5pt;
    text-indent:24px;
    line-height:15px;
    font-style:italic;
    }

#left p.levens strong {
    font-weight:bold;
    border:solid #562a03;
    border-width:0 0 2px 2px;
    padding:0 0 0 1px;
    }

#left p.levens a {
    text-decoration:none;
    color:#000;
    border:0;
    border-bottom:dotted 1px #000;
    }

#left p.levens a:visited {
    color:#562a03;
    border-bottom:dotted 1px #562a03;
    }

#left p.levens a:hover {
    color:#562a03;
    border:0;
    }

#left a.ecouter {
    float:left;
    display:inline;
    width:196px;
    margin:20px 20px 0 44px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: 0.4pt;
    text-indent:0;
    border:0;
    }

#left a.ecouter:hover {
    color:#562a03;
    font-weight:bold;
    text-decoration:none;
    }


/* -- right -- */

#right {
    float:left;
    display:inline;
    width:500px;
    height:450px;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
    }

#right h1 {
    display:inline;
    float:left;
    width:490px;
    text-align:center;
    padding:0;
    margin:20px 0 10px 0;
    font-size:12pt;
    font-family:"Tahoma";
    letter-spacing:3px;
    font-weight:normal;
    color:#562a03;
    }

#right h1.sub {
    display:inline;
    float:left;
    width:500px;
    text-align:center;
    padding:0;
    margin:0 0 20px 0;
    font-size:10pt;
    font-family:"Tahoma";
    letter-spacing:2px;
    font-weight:normal;
    color:#562a03;
    font-style:italic;
    }

#right h1.subgeneral {
    display:inline;
    float:left;
    width:440px;
    text-align:center;
    padding:0;
    margin:20px 0px 20px 30px;
    font-size:10pt;
    font-family:"Tahoma";
    letter-spacing:2px;
    font-weight:normal;
    color:#562a03;
    font-style:italic;
    }

#right h1.ecouter-levens {
    display:inline;
    float:left;
    width:440px;
    text-align:center;
    padding:0;
    margin:0 30px 10px 30px;
    font-size:10pt;
    font-family:"Tahoma";
    letter-spacing:2px;
    font-weight:normal;
    color:#562a03;
    font-style:italic;
    }

#right img.lien {
    display:inline;
    float:none;
    margin:0;
    height:13px;
    padding:0;
    border:0;
    }

#right img {
    float:left;
    margin: 3px 3px 3px 0;
    padding:1px;
    border:solid #562a03;
    border-width:1px;
    }

#right a.image {
    text-decoration:none;
    border:0;
    }

#right a {
    text-decoration:none;
    color:#000;
    border-bottom:dotted 1px #000;
    }

#right a:hover {
    text-decoration:none;
    color:#562a03;
    border-bottom:dotted 1px #562a03;
    }

#right i {
    font-style:italic;
    }

#right b {
    font-weight:bold;
    }

#right p.ecouter-levens {
    float:left;
    display:inline;
    width:220px;
    margin:0 0 0px 0;
    padding:0;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: 0.5pt;
    text-indent:20px;
    line-height:15px;
    }

/* -- c1 -- */

#c1 {
    float:left;
    display:inline;
    width:220px;
    margin:0 0 0 30px;
    padding:0;
    overflow:hidden;
    }

#c1 p {
    float:left;
    display:inline;
    width:220px;
    margin:0 0 10px 0;
    padding:0;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: 0.5pt;
    text-indent:20px;
    line-height:15px;
    }

/* -- c2 -- */

#c2 {
    float:left;
    display:inline;
    width:220px;
    margin:0 0 0 15px;
    padding:0;
    overflow:hidden;
    }

#c2 p {
    float:left;
    display:inline;
    width:220px;
    margin:0 0 10px 0;
    padding:0;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: 0.5pt;
    text-indent:20px;
    line-height:15px;
    }

#c2 a.suite {
    font-weight:bold;
    text-decoration:none;
    color:#000;
    border:0;
    border-bottom:dotted 1px #000;
    }

#c2 a.suite:hover {
    font-weight:bold;
    text-decoration:none;
    color:#562a03;
    border:0;
    border-bottom:dotted 1px #000;
    }

/* -- page -- */

#page {
    float:left;
    display:inline;
    width:490px;
    text-align:center;
    font-family:"Times New Roman";
    font-size: 9pt;
    letter-spacing: .01pc;
    text-indent:0;
    line-height:13px;
    margin:20px 0 0 0;
    padding:0;
    overflow:hidden;
    }

/* -- pied -- */

#pied{
    display:block;
    float:left;
    width:750px;
    height:75px;
    margin:-1px 0 0 0;
    padding:0;
    border-width : 0;    
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-musicologie.5.gif");
    }

#pied p{
    margin:0;
    padding:10px 20px;
    text-align:center;
    text-indent:0;
    line-height:15px;
    color:#000;    
    font-size:8pt;
    font-weight:normal;
    font-family:"small Verdana",Sans-serif;
    }

#pied a{
    text-decoration:underline;    
    color:#5c422a;
}