/* 
    Document   : animated-menu
    Created on : 18 sept. 2012, 02:06:21
    Author     : Patrice
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
body{
    font-family:"Lucida Grande", arial, sans-serif;
    background:#DCE7F2;
    font-size: 14px;
    font-weight: bold;
}
ul{
    margin:0;
    padding:0;
}
li{
    width:165px;
    height:40px;
    float:left;
    color:#191919;
    text-align:center;
    overflow:hidden;
}
a{
    color:#222222;
    text-decoration: none;
}
a:hover { 
    color:#222222;
    text-decoration:none;
    background:#98E6F2;
}
p{
    padding:0px 3px;
}
.cadremenu{
    position: absolute;
    z-index: 3;
    top: 140px;
    visibility: visible;
}
.cadretitre{
    position: absolute;
    z-index: 2;
    padding-left: 10px;
    top: 200px;
    visibility: visible;
}
.cadregraph{
    position: absolute;
    z-index: 1;
    top: 240px;
    padding-left: 10px;
    width: 990px;
    height: 570px;
    visibility: visible;
}
.cadrebas{
    position: relative;
    z-index: 1;
    width: 990px;
    visibility: visible;
}
.cadretexte{
    position: absolute;
    z-index: 2;
    top: 240px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
}
.cadremap{
    position: absolute;
    z-index: 2;
    top: 320px;
    padding-left: 10px;
}
.cadrebottom{
    position: absolute;
    z-index: 2;
    top: 840px;
    padding-left: 30px;
}
.subtext{
    padding-top:1px;
    font-size: 12px;
    font-weight: bolder;
}
.subtitre{
    padding-top:2px;
    font-size: 10px;
    text-decoration: underline;
    font-style: oblique;
    font-weight: bolder;
}
/*Classes des couleurs du menu*/
.green{
    background:#6AA63B;
}
.yellow{
    background:#FBC700;
}
.red{
    background:#F28246;
}
.pink{
    background:#D87992;
}
.blue{
    background:#0292C0;
}
.purple{
    background:#9974C9;
}