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


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

/* -- CONTAINER -- */
#container{
    overflow:hidden;
    display:block;
    position:relative;
    width:750px;
    margin: auto;
    padding:0;
    background:transparent;
    border:solid #000;
    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:url("http://www.lastree.net/img/bg-evenement.5.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:#989898;
    }

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

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

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

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

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

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

#navigation a {
    display:inline;
    float:left;
    height:30px;
    width:98px;
    padding:0;
    border:solid #242a1c;
    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:solid #242a1c;
    border-width: 0 1px 0 0;
    }

#navigation a.this {
    }

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

#navigation a:hover {	    
    color:#fdfeee;
    background:#000;
    }

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

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

/* -- MAIN -- */

#main{
    float:left; 
    display:block;
    width:750px;
    height:750px;
    border:0;
    background-repeat:no-repeat;
    background-image:url("http://www.lastree.net/img/bg-evenement.3.jpg");
    }

/* -- TABLEAU -- */

#tableau {
    float:left;
    display:inline;
    width:600px;
    height:600px;
    border:0;
    padding:0;
    margin:75px 0 0 75px;
    overflow:hidden;
    }

#tableau p.date {
    float:left;
    display:block;
    width:540px;
    margin:0;
    padding-top:60px;  
    padding-bottom:40px; 
    padding-left:30px;
    padding-right:30px;
    font-size:11pt;
    font-weight:normal;
    font-family:"small Verdana",Sans-serif;
    text-indent:0;
    text-decoration:none;
    color:#fff;
    letter-spacing:2pt;
    text-align:right;
    font-variant:small-caps;
    }

#tableau p.titre {
    float:left;
    width:540px;
    margin:0;
    padding-top:40px;  
    padding-bottom:40px; 
    padding-left:30px;
    padding-right:30px;
    font-size:13pt;
    font-weight:bold;
    font-style:italic;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    color:#fff;   
    text-align:center;
    letter-spacing:0.1pc;
    }

#tableau p.commentaire {
    float:left;
    width:480px;
    margin:0;
    padding-top:40px;  
    padding-bottom:30px; 
    padding-left:60px;
    padding-right:60px;
    font-size:10pt;
    font-family:Georgia,Serif;
    text-indent:0px;
    letter-spacing:1pt; 
    color:#fff;
    line-height:20px;
    }

#tableau p.commentaire a {
    text-decoration:none;
    color:#fff;
    border-bottom:1px dotted #fff;
    }

#tableau p.note {
    float:left;
    width:480px;
    margin:0;
    padding-top:0;  
    padding-bottom:0; 
    padding-left:60px;
    padding-right:60px;
    font-size:9pt;
    font-family:"small Verdana",Sans-serif;
    text-indent:0px;
    letter-spacing:0.1pc; 
    color:#fff;
    line-height:20px;
    }

#tableau p.note a:link {
    text-decoration:none;
    color:#fff;
}

#tableau p.note a:hover {
    text-decoration:none;
    color:#000;
}

#tableau p.note a:active {
    text-decoration:none;
    color:#fff;
}

#tableau p.note a:visited {
    text-decoration:none;
    color:#e3e3e3;
}

#tableau a.previous {
    float:left;
    display:inline;
    width:270px;
    margin:0;
    padding-left:60px;
    padding-top:30px;
    padding-right:0px;
    padding-bottom:20px; 
    font-size:20pt;
    font-family:"small Verdana",Sans-serif;
    text-indent:0px;
    letter-spacing:0.1pc; 
    color:#fff;
    line-height:20px;
    text-decoration:none;
    }

#tableau a.next {
    float:left;
    display:inline;
    width:200px;
    margin:0;
    padding-left:0;
    padding-top:30px;
    padding-right:60px;
    padding-bottom:20px; 
    font-size:20pt;
    font-family:"small Verdana",Sans-serif;
    text-indent:0px;
    letter-spacing:0.1pc; 
    color:#fff;
    line-height:20px;
    text-decoration:none;
    text-align:right;
    }

#tableau a.archives {
    float:left;
    width:480px;
    margin:0;
    padding-left:60px;
    padding-top:0px;
    padding-right:60px;
    padding-bottom:20px; 
    font-size:10pt;
    font-family:small Verdana,Sans-serif;
    text-indent:0px;
    letter-spacing:0.1pc; 
    color:#fff;
    line-height:20px;
    text-decoration:none;
}

/* -- MAIN-ARCHIVES -- */

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

#main-archives h1 {
    float:left;
    display:block;
    width:750px;
    height:90px;
    background-repeat:no-repeat;
    background-image:url("http://www.lastree.net/img/bg-evenement.9.gif");
    margin:0;
    padding:0;
    }

#main-archives ul {
    float:left;
    width:630px;
    margin:0;
    padding-top:10px;  
    padding-bottom:30px; 
    padding-left:60px;
    padding-right:60px;
    list-style:none;
    }

#main-archives li {
    float:left;
    margin:0;
    width:630px;
    padding:5px 0 5px 0;
    font-size:9pt;
    font-weight:normal;
    font-family:"small Verdana",Sans-serif;
    letter-spacing:0.1pc;
    text-indent:0;
    color:#49120b;
    line-height:20px;
    }

#main-archives img {
    margin:0 5px 0 5px;
    }

#main-archives li a{
    text-decoration:none;
    color:#fff;
    }

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


/*-- PIED --*/

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

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

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