/*
-----------------------------------------------------
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: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 {
    display:inline;
    float:left;
    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.9.jpg");
    }

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

#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:100px;
    border:0;
    height:650px;
    width:440px; 
    }

#col_right a.ecrits {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:260px;
    height:40px;
    padding-left:180px;
    padding-top:40px;
    }

#col_right a.ecrits:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

#col_right a.situations {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:190px;
    height:60px;
    padding-left:250px;
    padding-top:40px;
    }

#col_right a.situations:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

#col_right a.presentine {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:right;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:200px;
    height:80px;
    padding-right:240px;
    padding-top:40px;
    }

#col_right a.presentine:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

#col_right a.as {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:340px;
    height:40px;
    padding-left:100px;
    padding-top:30px;
    }

#col_right a.as:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

#col_right a.fragments {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:right;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:210px;
    height:60px;
    padding-right:230px;
    padding-top:60px;
    }

#col_right a.fragments:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

#col_right a.evenements {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:190px;
    height:50px;
    padding-left:250px;
    padding-top:40px;
    }

#col_right a.evenements:hover {
    text-decoration:none;
    color:#d08f3f;  
    }


#col_right a.wertheimer {
    display:block;
    float:left;
    margin:0;
    padding:0;
    border:0;
    color:#6c726f;
    font-size:100%;
    font-weight:normal;
    font-family:"New York", Georgia, Times, "MS Serif", serif;  
    font-size:100%;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    font-variant:small-caps;
    letter-spacing: .15pc;
    width:260px;
    height:40px;
    padding-left:180px;
    padding-top:40px;
    }

#col_right a.wertheimer:hover {
    text-decoration:none;
    color:#d08f3f;  
    }

/*-- 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;
}