html, body {
font-family: Arial Unicode MS, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
height:100%;
overflow:auto;
}
body {
font-family: Arial Unicode MS, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
height: 100%;
margin-top:23px;
position:absolute;
overflow: visible;
background-color:#ffffff;
padding-left: 90px;
padding-top:50px;
}
p{
height:auto;
width:590px;
margin-left : 40px;
padding : 10px;

border-left: 1px ridge #f9f9f9;
font-family: Arial Unicode MS;
font-size: 9pt;
text-align: justify;
text-indent: 10px;
z-index:1;
}

.soulign
{
border:1px ridge #f9f9f9;
}
#decal
{
    margin-left:40px;
    padding:10px;
}
#decal2
{
    margin-left:65px;
    padding:10px;
}
#encart
{
margin-left:10px;
width:35px;
height:15px;
overflow:hidden;
background-color:#f2f2f2;
z-index:1;  
}
#ztexte
{
    display:block;
    height:25px;
    cursor:pointer;
    overflow:hidden;
}
.asoul
{
text-decoration : none;
color:Black;
cursor:pointer;
}
.asoul a{text-decoration : none;}

#clavier
{
display:none;
position: fixed;
left:350px;
top:33px;
width:300px;
height:200px;
background: url(fdclavier3.png) no-repeat;
padding:18px;
z-index:1;
}
.kiki
{
   
    background-image:url(masqueb.jpg);
    background-repeat: no-repeat
    
}
#plan
{
display:block;
position: fixed;
left:670px;
top:50px;
width:80px;
z-index:1;
list-style-type:none;
margin:0;
padding:0;
border:0;
text-align:center;
}
#lis
{
    list-style-type:none;
    display:none;
    width:80px;
    margin:0;
    padding:0;
    border:0;
    text-align:left;
    background:url(plan2.png);
}
#lis li
{
margin-left: 0px;
padding-left: 8px;
border: 0;
width:71px;
}
#lis li:hover {background-color: #ff3300;}
    #cger
    {
        position:absolute;
    }
    #ddl
    {
    height:20px;  
    position:absolute;  
    }
    #ddlt
    {
    width:150px;
    height:20px;
    border:inset 1px #d5d5d5;
    display:block;
    vertical-align:middle;  
    background-image:url(ddlfleche.png);
    background-position:center right;
    background-repeat:no-repeat;
    }
    #ddlx
    {
    z-index:3;
    width:150px;
    height:200px;
    display:none;
    border:inset 1px #d5d5d5;
    overflow:auto;  
    background-Color:#ffffff;  
    }
     .menucurs
    {
        cursor:pointer;
    }
    #col1 
        {
        background-color:#ffffff;
        position: fixed;
        left:220px;
        width:175px;
        height:40%;
        z-index:1;
        overflow:scroll; 
        border:2px solid #d0d0d0;
        padding-top:0px;
        }
      #col2
        {
        background:#ffffff;
        position: fixed;
        left:405px;
        width:175px;
        height:40%;
        z-index:1;
        overflow:scroll;
        border:2px solid #d0d0d0;
        display:block;
        }
        #col3
        {
        background:#ffffff;
        position: fixed;
        left:590px;
        width:175px;
        height:40%;
        z-index:1;
        overflow:scroll;
        border:2px solid #d0d0d0;
        display:block;
        }
        #col4
        {
        background:#ffffff;
        position: fixed;
        left:775px;
        width:175px;
        height:40%;
        z-index:1;
        overflow:scroll;
        border:2px solid #d0d0d0;
        display:block;
        }
#sommaire
{
display:none;
position: fixed;
left:210px;
top:1px;
width:200px;
height:300px;
font-size:7pt;
z-index:1;
list-style-type:none;
margin:0;
padding:4px;
border:0;
text-align:left;
overflow-Y:scroll;
}
#sommbis
{
display:block;
position:fixed;
left:210px;
top:1px;
width:50px;
height:20px;
font-size:7pt;
z-index:2;
list-style-type:none;
margin:0;
padding:4px;
border:0;
text-align:left;
overflow:hidden;
}
.imagfond
{
     background-image:url(menucase.png);
    background-position:top;
    background-repeat:repeat;
    background-color:Transparent;
    text-align:left;
   
}
.tdh2:hover 
{
    background-color: #ff9966; 
    color:Black;
    }
    #menu 
{
display:block;
position: fixed;
top:0;
z-index:2;
height: 3px; padding-left: 5px; padding-top:0;
width: 100%;
background-image: url(pierre2.jpg);
background-repeat: repeat-x;
}
#survol
{
cursor: pointer;
}
#menu2
{
display:block;
position: fixed;
border-bottom:solid 1pt #afafaf;
height: 28px; padding-left: 5px;
background-image: url(pierre3.jpg);
background-repeat: repeat-x;
top:0px;
width: 100%;
z-index:1;
}
#fantome
{
display:block;
position: fixed;
left:23px;
top:22px;
z-index:0;
margin:0;
padding:0;
border:0;
}
#contenu2 {
height: 100%;
margin-top:23px;
top:200px;
position:absolute;
overflow: visible;
background-color:#ffffff;
padding-left: 220px;
padding-top:50px;
}