body {
    width:830px;
    margin:auto;
    font-size:12px;
}

*:focus {
    border:1px solid red;
}

/********** ---- barre haut ------ *****/
div.linkbanner{ 
    background-color: #000000; color: #FFFFFF;
    /* width: 100%; */
    top: 0px;
    left: 0px;
    z-index: 100;
    height:22px;
    padding-left:10px;
    padding-right:5px;
}

div.linkbanner a{
    cursor: default;
    color: #dddddd;
    text-decoration: none;
    top: 0px;
    left: 0px;
    padding: 2px 5px;
}

div.linkbanner a:hover {
    color: #FF0000;
    font-weight: bolder; 
}

/**** autentification *****/
div.auth {
    float:left;
    border-left: 3px solid #AAA;
    border-top: 3px solid #AAA;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    width:350px;
    height:180px;
    margin-left:270px;
    margin-top:50px;
    padding:5px;
    overflow:auto;
    background-color:#FFC;
    z-index:-1;
}


/**** menu icone **** */
div.menuicone {
    float:left;
    padding:5px 5px 5px 5px;
    margin:5px 5px 5px 5px;
    width:260px;
}

div.icone {
    float:left;
    margin:5px 5px 5px 5px;
    width:104px;
    height:96px;
    border:1px solid #000;
    text-align:center;
    padding:5px 5px 5px 5px;
}

div.icone img {
    width:72px;
}

div.icone:hover {
    background-color:#DDF;
}

div.icone a {
    text-decoration:none;
}