*::selection { background-color:#33a; color:white;}

body
{
    background-color:#fff;
    text-align:center;
    margin:0px;
font-family:Verdana, sans-serif;    
    letter-spacing:0em;
    font-size:9px;
    color:black;
}





img,h1,h2,h3,h4,h5,h5,a,div,p,ul,li,td,th,dl,dt,dd,form,input,textarea { border:none; margin:0px; padding:0px; text-decoration:none; color:black;}



div.page
{
    counter-reset:article;
    background:#e0e0ff;
    position:relative;
    margin:10px auto;
    width:780px;
    border:1px solid black;
    text-align:left;

}




h1
{
background:url("/images/happy.png") bottom left no-repeat;
color:#e0e0ff;
height:230px;
text-align:center;
color:black;
padding:20px 0px 0px 0px;
letter-spacing:0.1em;
margin-bottom:-150px;
font-size:1px;
color:#e0e0ff

}




div.menu
{
    background:white url("images/degrade.png") -465px  -19px no-repeat;    
    width:150px;    
    background-color:white;
    border-top:1px solid black;
    border-right:1px solid black;    
    border-bottom:1px solid black;    
    
    position:absolute;
    letter-spacing:0.4em;
    top:250px;    
    left:-1px;

}

div.menu ul { margin-bottom:10px; }
div.menu li
{
    color:#bbf;
    font-size:9px;
    height:18px;
    list-style:square inside;
    padding:1px 15px 1px 15px;
    letter-spacing:-0.07em;
}



div.menu p
{
    margin-top:10px;
    margin-bottom:3px;
    text-align:left;
    padding-left:13px;
    
    border-bottom:1px solid #bbf;
}

div.menu input { border-bottom:1px dotted black;  font-size:10px;}

div.contenu a { color:#a4680c; }
table.url a { color:black;  display:block;  }

div.contenu
{
    min-height:500px;
    margin-top:0px;
    margin-left:200px;
    padding-bottom:20px;
}

div.menu div.search
{
    position:absolute;
    width:30px;
    border:1px solid black;
    background-color:white;
}

div.contenu li { list-style:square inside; margin:0px; padding:2px 20px; }


div.contenu h2 
{
    font-size:15px;
    color:#black;

    font-style:italic;
    text-align:right;
    padding:10px;
}



div.element
{
    counter-increment:article;
    font-family:Verdana, sans-serif;
    background-color:#e0e0ff;
    font-size:12px;
    text-align:justify;
    padding:5px;
    margin:15px 0px 35px 0px;
    padding:0px;
}


div.element h4 a {  font-weight:normal; font-style:italic;}
div.element h4
{
    background-color:#e0e0ff;
    padding:2px 0px;
    color:#b99;
    font-size:15px;
    letter-spacing:0em;
}

div.element div.cont p
{
font-size:12px;
text-indent:15px;
padding:5px 10px;
}



div.info
{
    font-size:10px;
    color:white;
    border-left:1px solid black;

    padding:0px 5px;
    border-bottom:1px solid #66b;
    border-right:none;
    border-top:1px solid #337;    
    margin-right:-1px;    
    background:white url("images/degrade.png") -12px -19px no-repeat;    
}
div.info p
{
margin:-10px 0 0 0;
height:17px;
}



div.element p { margin:7px;  }


div.footer
{
    border:1px solid black;
    clear:both;
    margin-top:40px;
    padding:2px 10px;
    font-size:8px;
    background-color:#d4a85c;

}

div.file a ,div.rep  a{  height:20px;  }
div.file,div.rep 
{ 
    clear:both;
    margin:20px 0 70px 0px; 
}
div.file li,div.rep li
{
    float:left;
    width:150px;
    height:50px;
    list-style:none; 
    margin:2px; 
    padding:5px 5px 5px 25px; 
}
div.file li img { width:80px; height:40px; display:block; }

div.file li
{
    background:url("/images/file.png") no-repeat;
}

div.rep li
{
    background:url("/images/rep2.png") no-repeat;
}







a.image
{
float:left;
}


.underline
{
font-weight:bold;
}




dt.ext
{
    padding:0px 10px;
    font-size:10px;
    margin:10px;
    width:550px;
    height:18px;
}
dd.ext
{
    margin:10px 0px -30px 0px;
    position:relative;
    top:-27px;
    font-size:10px;
    left:130px;
    width:440px;
    height:18px;
}
dt.ext:nth-of-type(2n+1)
{
    background-color:#fff;
}




tr,table
{
    border-right:1px solid black;
    border-left:none;
    border-top:none;

}
td,th
{
    padding:3px 5px;
    border-top:1px solid black;
    border-left:1px solid black;    
}
th
{
    background-color:white;
}


tr:nth-child(2n+1)
{
    background-color:#cce;
}



pre
{
margin:10px 30px;
background:black url("images/vague.png") top left repeat-y;
color:#aaa;
padding:1px 5px 1px 19px;
border:3px solid #bbd;
font-size:13px;
}

li p { display:inline; }

.bad { text-decoration:underline; color:red; font-weight:bold; }
div#ok p:before { content:"Correction : "; }
div#ok { width:400px; height:40px; border:1px solid black; background-color:#eee; margin:10px 0px; padding:5px; overflow:auto;}