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


/* -- BODY -- */
body {
    margin:0;
    padding:0;
    font:"small Verdana", Sans-serif;
    line-height:10.5pt;
    font-size:9pt;
    background-repeat:repeat;
    background-image:url("http://www.lastree.net/img/bg-presentation.1.gif");
    }

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

/* -- GENERAL -- */

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

a img {
    border-width:0;
    }

/* -- HAUT -- */
#haut{
    display:block;
    float:left;	
    width:750px;
    height:30px;
    width:100%;
    margin:0;
    padding:0;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-presentation.2.gif");
    border:0;
    text-align:left;
    }

#haut a {
    float:left;
    margin:0;
    margin-left:20px;    
    padding:0;
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    line-height:30px;
    }

#haut a:link {
    color:#342c26;
    }

#haut a:hover {
    color:#b57f27;
    text-decoration:none;
    }

#haut a:active {
    color:#fff;
    background:#000;
    }

#haut a:visited {
    color:#483d35;
    }

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

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

/* -- NAVIGATION -- */
#navigation{
    display:block;
    float:left;
    width:750px;
    height:30px;
    margin:0;
    padding:0;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-presentation.2.gif");     
    border:0;
    }

#navigation a {
    display:inline;
    float:left;
    height:30px;
    width:98px;
    padding:0;
    margin:0;
    border:dotted #635f57;
    border-width: 0 1px 0 0;
    font-size:100%;
    text-indent:0;
    text-align:center;
    text-decoration:none;
    line-height:30px;
    }

#navigation a.first {
    display:block;
    float:left;
    margin:0;
    width:25px;
    border:dotted #5d4f44;
    border-width: 0 1px 0 0;
    }

#navigation a.this {
    }

#navigation a:link {    
    color:#342c26;    
    }

#navigation a:hover {	    
    color:#b57f27;
    background:#5d4f44;
    }

#navigation a:active {
    color:#fff;
    background:#000000;
    }

#navigation a:visited {
    color:#483d35;
    }

/* -- MAIN -- */

#main {
    float:left; 
    display:block;
    width:750px;
    height:2000px;
    border:0;
    margin:0;
    padding:0;
    background-repeat:repeat;
    background-image:url("http://www.lastree.net/img/vieira.20.jpg");     
    }

/* -- TOP -- */

#top {
    float:left; 
    display:block;
    width:750px;
    height:80px;
    border:0;
    margin:0;
    padding:0;
    }

#top h1 {
    float:left; 
    display:block;
    width:750px;
    height:70px;
    border:0;
    margin:0;
    padding:0; 
    font-size:160%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    text-indent:0;
    text-decoration:none;
    text-align:center;
    font-variant:small-caps;
    letter-spacing: .15pc;
    line-height:30px;
    color:#5d4f44;
    line-height:80px;
    }

/* -- LEFT -- */

#left {
    display:inline;
    float:left;
    margin:10px 10px 10px 70px;
    padding:0;
    border:0;
    width:230px;
    height:1145px;
    }

#left h1 {
    float:left; 
    display:block;
    width:230px;
    margin:0;
    padding:0 0 30px 0;
    border:0;
    font-family:Georgia,Serif;
    font-weight:bold;
    font-size:140%;
    text-indent:0;
    text-decoration:none;
    letter-spacing:2pt;
    font-variant:normal;
    color:#433931;
    }

#left h1 a {
    color:#433931;
    text-decoration:none;
    }

#left h2 {
    float:left; 
    display:block;
    width:230px;
    margin:0;
    padding:40px 0 30px 0;
    border:0;
    font-family:Georgia,Serif;
    font-weight:bold;
    font-size:140%;
    text-indent:0;
    text-decoration:none;
    letter-spacing:2pt;
    font-variant:normal;
    color:#433931;
    line-height:20px;
    }

#left h2 a {
    color:#433931;
    text-decoration:none;
    }

#left img {
    float:left;
    display:block;
    width:100px;
    height:100px;
    margin:0;
    margin-right:10px;
    border:solid #433931;
    border-width:0 2px 2px 0;
    }

#left p {
    float:left; 
    display:block;
    width:230px;
    margin:0;
    padding:0;
    border:0;
    margin-bottom:20px;
    font-family:"small Verdana";
    font-weight:normal;
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    letter-spacing:0.3pt;
    font-variant:normal;
    color:#433931;
    line-height:13px;
    }

#left p b {
    font-weight:bold;
    }

/* -- RIGHT -- */

#right {
    display:block;
    float:left;
    margin:10px 10px 10px 20px;
    padding:0;
    border:0;
    width:410px;
    }

#right h1 {
    float:left; 
    display:block;
    width:410px;
    padding:0 0px 30px 0;
    margin:0;
    border:0;
    font-family:Georgia,Serif;
    font-weight:bold;
    font-size:140%;
    text-indent:0;
    text-decoration:none;
    letter-spacing:2pt;
    font-variant:normal;
    color:#433931;
    }

#right h1 a {
    color:#433931;
    text-decoration:none;
    }

#right p {
    float:left; 
    display:block;
    width:410px;
    padding:0 0 10px 0;
    margin:0;
    border:0;
    font-family:"small Verdana", Sans-serif;
    font-weight:normal;
    font-size:100%;
    text-indent:20px;
    text-decoration:none;
    letter-spacing:0.3pt;
    font-variant:normal;
    color:#433931;
    line-height:14px;
    }

#right p.traits {
    float:left; 
    display:block;
    width:390px;
    padding:0 0px 10px 20px;
    margin:0;
    border:0;
    font-family:"small Verdana", Sans-serif;
    font-weight:normal;
    font-size:100%;
    text-indent:0px;
    text-decoration:none;
    letter-spacing:0.4pt;
    font-variant:normal;
    color:#433931;
    line-height:13px;
    font-style:italic;
    }

#right p i {
    font-style:italic; 
    letter-spacing:0.4pt;
    }

#right a {
    text-decoration:none;
    color:#6a5c51;
    }

/*-- PIED --*/

#pied{
    clear:both;
    width:750px;
    height:75px;
    margin:0;
    padding:0;
    border:0;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-presentation.3.gif");
    }

#pied p {
    font-size:80%;
    margin:0;
    padding:10px 20px;
    text-align:center;
    text-indent:0;
    line-height:1.6em;
    color:#342c26;    
    }

#pied a{
    text-decoration:underline;    
    color:#483d35;
}