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


/* -- BODY -- */
body {
    margin:0;
    padding:0;
    background:#030303;
    font:"small Verdana",Sans-serif;
    line-height:10.5pt;
    font-size:9pt;
    }

/* -- CONTAINER -- */
#container{
    overflow:hidden;
    display:block;
    position:relative;
    width:750px;
    margin: auto;
    padding:0;
    background:transparent;
    border:solid #242a1c;
    border-width:0 0 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:#000;
    border:solid #242a1c;
    border-width:0 0 2px 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:#7d774e;
    }

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

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

#haut a:visited {
    color:#4c4f3b;
    }

/* -- 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;
    background:#000;
    border:solid #242a1c;
    border-width:2px 0 2px 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 {
    background:#000;
    }

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

#navigation a:hover {	    
    color:#a17552;
    background:#242a1c;
    }

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

#navigation a:visited {
    color:#4c4f3b;
    }

/* -- MAIN -- */

#main{
    float:left; 
    display:block;
    width:750px;
    border:0;
    background: transparent;
    }

/* -- LEFT --*/

#left {
    display:block;
    float:left;
    width:200px;
    height:400px;
    margin:0;
    padding:0;
    overflow:hidden; 
    background:url("http://www.lastree.net/img/wertheimer.2.jpg");    
    }

/*-- RIGHT --*/

#right {
    display:inline;
    float:right;
    width:550px;	
    height:400px;
    margin:0;
    padding:0; 
    overflow:hidden;
    }

#right h1 {
    font-family: "New York", Georgia, Times, "MS Serif", serif;
    float:left;
    width:530px;
    height:40px;
    margin:0;
    padding:0;
    padding-left:10px;
    padding-right:10px;
    font-size:120%;
    font-weight:normal;
    text-indent:0;
    text-decoration:none;
    line-height:40px;
    text-align:right;
    letter-spacing:1pt;
    color:#5e3820;
    background-repeat:repeat-x;
    background-image:url("http://www.lastree.net/img/bg-wertheimer.1.gif"); 
    }

/*-- citation --*/

#citation {
    display:inline;
    float:left;
    width:400px;
    height:300px;
    background:url("http://www.lastree.net/img/wertheimer.1.jpg");
    margin:30px 75px 0 75px;
    padding:0;
    border:0;
    }

#citation p.corps {
    display:block;
    float:left;
    width:360px;
    margin:0;
    padding-top:40px;
    padding-bottom:25px;
    padding-left:20px;
    padding-right:20px;
    font-size:11pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    color:#dec8b2;
    }

#citation p.ref {
    display:block;
    float:left;
    width:360px;
    margin:0;
    padding-top:20px;
    padding-bottom:0px;
    padding-left:20px;
    padding-right:20px;
    font-size:8pt;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:right;
    color:#dec8b2;
    font-style: italic;
    }

#citation ul.entree {
    display:inline;
    float:left;
    height:280px;
    width:390px;
    margin:10px 0 10px 10px;
    text-indent:0;
    padding:0;
    text-align:left;
    list-style:none;
    }

#citation li {
    overflow:hidden;
    display:inline;
    float:left;
    width:130px;
    height:20px;
    line-height:20px;
    font-size:8pt;
    color:#a88d6b;
    text-decoration:none;
    margin:0;
    padding:0;
    border:0;
    text-align:left;
    }
#citation a.entree {
    color:#a88d6b;
    text-decoration:none;
    }

#citation a.entree:hover {
    color:#edf7ee;
    }

#right p.archives {
    overflow:hidden;
    display:block;
    float:left;
    width:75px;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0;
    }

#right p.date {
    overflow:hidden;
    display:block;
    float:left;
    width:300px;
    height:30px;
    margin:0;
    line-height:30px;
    padding:0px;
    padding-left:20px;
    padding-right:20px;
    font-size:90%;
    font-weight:normal;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:center;
    color:#ac9277;
    font-style: italic;
    }

#right a.archives {
    display:block;
    float:left;
    width:75px;
    margin:0;
    line-height:30px;
    font-size:90%;
    font-weight:bold;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:left;
    color:#ac9277;
    }

#right a.archives:hover {
    color:#4a311e;
    }


#right a.connexe {
    overflow:hidden;
    display:block;
    float:left;
    width:30px;
    margin:0;
    line-height:30px;
    font-size:160%;
    font-weight:bold;
    font-family:Georgia,Serif;
    text-indent:0;
    text-decoration:none;
    text-align:center;
    color:#ac9277;
    }

#right a.connexe:hover {
    color:#4a311e;
    }

/*-- PIED --*/

#pied{
    clear:both;
    width:750px;
    height:75px;
    margin:0;
    padding:0;
    border:solid #242a1c;
    border-width:1px 0 0 0;
    background:#000;
    }

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

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

