/*
-----------------------------------------------------
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-portfolio.1.gif");
    }

/* -- CONTAINER -- */
#container{
    overflow:hidden;
    display:block;
    position:relative;
    width:750px;
    margin: auto;
    padding:0;
    background:transparent;
    border:solid #635f57;
    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-portfolio.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:#b7b0a1;
    }

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

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

#haut a:visited {
    color:#535049;
    }

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

#entete img {
    display:block;	
    float:left;
    width:750px;
    height:160px;
    margin:0;
    border:solid #000;
    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-portfolio.3.gif");     
    border:0;
    }

#navigation a {
    float:left;
    display:inline
    height:30px;
    width:98px;
    padding: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:inline;
    float:left;
    margin:0;
    width:25px;
    border:dotted #635f57;
    border-width: 0 1px 0 0;
    }

#navigation a.this {
    }

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

#navigation a:hover {	    
    color:#d08f3f;
    background:#635f57;
    }

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

#navigation a:visited {
    color:#535049;
    }

/* -- MAIN -- */

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

/* -- LEFT -- */

#left {
    display:inline;
    float:left;
    padding:0;
    margin:0;
    border:0;
    height:750px;
    width:40px;
    background-image:url("http://www.lastree.net/img/bg-portfolio.4.gif");
    }

/* -- RIGHT -- */

#right {
    display:inline;
    float:left;
    padding:0;
    margin:0;
    border:0;
    height:750px;
    width:710px;
    background-image:url("http://www.lastree.net/img/bg-portfolio.6.gif");
    }

#col_left {
    display:inline;
    float:left;
    padding:0;
    margin:100px 0 0 5px;
    border:0;
    height:650px;
    width:220px; 
    }

#col_left h2{
    float:left;
    display:inline;
    width:200px;
    margin:0 20px 5px 20px;
    border:0;  
    padding:0;
    font-size:12pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:center;
    color:#535049;
    }

#col_left h2 a {
    border:0;
    text-decoration:none;
    color:#535049;
    }

#col_left h2 a:hover {
    border:0;
    text-decoration:none;
    color:#d08f3f;;
    }

#col_left p {
    float:left;
    display:block;
    width:200px;
    margin:0;
    border:0;
    padding-top:10px;  
    padding-bottom:15px; 
    padding-left:20px;
    padding-right:20px;
    font-size:90%;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0px;
    text-decoration:none;
    text-align:left;
    color:#535049;
    }

#col_left p.traits {
    float:left;
    display:block;
    width:180px;
    margin:0;
    border:0;
    padding-top:10px;  
    padding-bottom:5px; 
    padding-left:40px;
    padding-right:20px;
    font-size:8pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:10px;
    text-decoration:none;
    text-align:left;
    color:#535049;
    font-style:italic;
    }

#col_left p.preface {
    float:left;
    display:block;
    width:200px;
    margin:0;
    border:0;
    padding-top:0;  
    padding-bottom:15px; 
    padding-left:20px;
    padding-right:20px;
    font-size:8pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0px;
    text-decoration:none;
    text-align:left;
    color:#535049;
    }

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

#col_left a:hover {
    text-decoration:none;
    color:#d08f3f;
    border-bottom:1px dotted #d08f3f;   
    }

#col_left p.auteur {
    float:left;
    display:block;
    width:200px;
    margin:0;
    border:0;
    padding-top:10px;  
    padding-bottom:10px; 
    padding-left:20px;
    padding-right:20px;
    font-size:8pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0px;
    text-decoration:none;
    text-align:left;
    color:#535049;
    }

#col_left a.auteur {
    margin:0;
    border:0;
    padding:0;
    font-size:8pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    color:#535049;
    border-bottom:1px dotted #535049;
    }

#col_left a.auteur:hover {
    text-decoration:none;
    color:#d08f3f;
    border-bottom:1px dotted #d08f3f;
    }

#col_left h3 {
    float:left;
    display:block;
    width:200px;
    margin:0;
    border:0;  
    padding-top:0px;
    padding-bottom:10px; 
    padding-left:20px;
    padding-right:20px;
    font-size:12pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:center;
    color:#535049;
    line-height:20px;
    }

#paypal {
    float:left;
    display:block;
    width:200px;
    margin:0;
    border:0;
    padding:0; 
    padding-left:20px;
    padding-right:20px;
    }

#paypal p {
    float:left;
    display:block;
    margin:0;
    padding:0;
    border:0;
    text-align:center;
    }

#col_right {
    display:block;
    float:left;
    padding:0;
    margin:0;
    margin-top:90px;
    border:0;
    height:650px;
    width:440px; 
    }

#col_right h1 {
    display:inline;
    float:left;
    width:440px;
    margin:7px 0 0 0;
    padding:0;
    border: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;   
    color:#535049;
    }

#lettres {
    overflow:hidden;
    display:inline;
    float:left;
    margin:0;
    padding:2px;
    width:332px;
    height:40px;
    margin-top:40px;
    margin-left:54px;
    border:solid #535049;
    border-width:1px;
    }

#lettres p.this {
    display:block;
    float:left;
    margin:1px;
    padding:0;
    border:0;
    font-size:300%;
    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;   
    color:#535049;
    line-height:38px;
    background:#aba39d;
    width:38px;
    border:solid #ada396;
    border-width:1px;
    }

#lettres p.non {
    display:block;
    float:left;
    margin:1px;
    padding:0;
    border:0;
    font-size:300%;
    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;   
    color:#535049;
    line-height:38px;
    background:#c4bcac;
    width:38px;
    border:solid #ada396;
    border-width:1px;
   }

#lettres a {
    display:block;
    float:left;
    margin:1px;
    padding:0;
    border:0;
    font-size:300%;
    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;   
    color:#535049;
    line-height:38px;
    background:#b8b0a9;
    width:38px;
    border:solid #ada396;
    border-width:1px;
    }

#lettres a:hover {
    color:#d08f3f;
    }

#lettres a.suite {
    display:block;
    float:left;
    margin:1px;
    padding:0;
    border:0;
    font-size:200%;
    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;   
    color:#535049;
    line-height:38px;
    background:#b8b0a9;
    width:76px;
    border:solid #b8b0a9;
    border-width:1px;
    }

#lettres a.suite:hover {
    color:#d08f3f;
    }

#lettres a.precedent {
    display:block;
    float:left;
    margin:1px;
    padding:0;
    border:0;
    font-size:200%;
    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;   
    color:#535049;
    line-height:38px;
    background:#b8b0a9;
    width:80px;
    border:solid #b8b0a9;
    border-width:1px;
    }

#lettres a.precedent:hover {
    color:#d08f3f;
    }


#definitions {
    overflow:hidden;
    display:inline;
    float:left;
    width:440px;
    margin:0;
    padding:0;
    padding-top:10px;
    border:0;
    }

#definitions ul {
    display:inline;
    list-style:none;
    float:left;
    display:block;
    padding:0;
    margin:0;
    width:440px;
    }
#definitions li {
    float:left;
    display:inline;
    width:188px;
    margin:0;
    padding:0;
    margin-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    padding-right:10px;
    border: solid #535049;
    border-width:0 2px 2px 0;
    }

#definitions li.l {
    overflow:hidden;
    display:inline;
    float:right;
    width:188px;
    margin:0;
    padding:0;
    margin-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    padding-right:10px;
    border: solid #535049;
    border-width:0 2px 2px 0;
    }

#definitions li.r {
    overflow:hidden;
    display:inline;
    float:left;
    width:188px;
    margin:0;
    padding:0;
    margin-top:10px;
    padding-bottom:10px;
    margin-left:20px;
    padding-right:10px;
    border: solid #535049;
    border-width:0 2px 2px 0;
    }

#definitions li p.nom {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    font-size:8pt;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;   
    color:#535049;
    line-height:20px;
    width:188px;
    }

#definitions li p.def {
    overflow:hidden;
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    font-size:7pt;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    text-indent:0;
    text-decoration:none;
    text-align:left;   
    color:#535049;
    line-height:15px;
    width:188px;
    }

/*-- 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-portfolio.7.gif");
    }

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

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