body {  margin:0px; font-family:Verdana;}

a { color:black;
    text-decoration:none;
    }

div.header
{
    background:url("images/angon.jpg") no-repeat top left;
    height:110px;
    margin:0px;
}
div.header h1
{
    margin:0px;
    background:url("images/titre.jpg") no-repeat center center;
    height:110px;
    font-size:0px; 
    color:white;
}



div.menu
{
    position:absolute;
    top:111px;
    left:0px;
    z-index:3;
    margin:0px;
    width:600px;
    background:#c9d8c5 url("images/a.jpg") no-repeat top center;
    height:265px;
}

div.menu ul  ul
{ 
    margin:0px; 
    width:150px;
    visibility:hidden; 
}


ul, li { list-style: none; margin:0px; padding:0px; font-size:10px; }
li p { margin:0px; font-size:15px; }

div.menu li a { 
    font-family:arial, helvetica, univers;
    font-size:11px;

    display:block; 
    margin:0px; 
    padding:0px;
    height:15px;
    padding-left:10px;
}
div.menu li a:hover { background-color:white; }
div.menu p { text-align:center; }


div.menu p{ font-weight:bold;  letter-spacing:0.1em; color:black; }
div.menu ul li.enf
{
    position:absolute;
    top:0px;
    left:50px;
    height:32px;
    width:130px;
    padding-top:245px;
}


div.menu ul li.enf ul
{
    position:absolute;
    top:0px;
    padding-top:95px;
}

div.menu ul li.pedagogie
{
    position:absolute;
    top:0px;
    left:180px;
    height:32px;
    width:130px;
    padding-top:245px;
}


div.menu ul li.pedagogie ul
{
    position:absolute;
    top:0px;
    padding-top:185px;
}




div.menu ul li.outils
{
    position:absolute;
    top:0px;
    left:310px;
    height:32px;
    width:130px;
    padding-top:245px;
}


div.menu ul li.outils ul
{
    position:absolute;
    top:0px;
    padding-top:155px;
}


div.menu ul li.jeux
{
    position:absolute;
    top:0px;
    left:440px;
    height:32px;
    width:130px;
    padding-top:245px;
}






div.menu ul li.jeux ul
{
    position:absolute;
    top:0px;
    padding-top:215px;
}









div.menu li ul li {  padding:0px; margin:0px; }





div.st
{
    position:absolute;
    width:98%;
    z-index:2;
    top:110px;
    right:0px;
    left:00px;
    height:265px;
    border:2px solid white;
    background-color:#FFFCC1;

}
div.st h3 { 
    font-size:20px;
    letter-spacing:0;
    font-family:Verdana;
    font-weight:normal;
    text-align:center;
    padding-left:10px;
    padding-top:40px;
    padding-right:10px;
    border-right:2px solid white;
    border-left:2px solid white;
    margin:0px 2px 0px 600px;
    width:150px;
    height:224px;
    background-color:#FFF5CE;
}


div.smenu
{
    margin:280px 0px 0px 0px;
    font-size:17px;
    margin-left:100px;
    
}
div.smenu li
{	
    margin-left:30px;
    letter-spacing:0.1em;
    float:left;
}


h2
{
    font-size:10px;
}




div.footer
{
    background:#c9d8c5 url("images/b.jpg") -3500px -3500px no-repeat;

    position:fixed;
    bottom:0px;
    right:0px;
    left:0px;
    height:15px;
    background-color:#ccc;
    clear:both;
    margin-top:340px;
    font-size:13px;
    color:black;
    text-align:center;
    font-weight:bold;
}
div.footer p { margin:0px; }