body
{
}

#conteneur
{
    margin:auto;
    margin-top:60px;
    width:90%;
    padding:10px;
    border-radius:10px;
    background:rgba(255,255,255,.3);
}


/****************************************/
/*****            MAIN              *****/
/****************************************/

#main
{
    position:relative;
}

/**************   Aside  *****************/

aside
{
    width:30%;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    overflow:auto;
    background:#efefef;
    border:1px solid #c7c7c7;
    border-top-left-radius: 10px;
}

/**************  Corps  ******************/

#corps
{
    margin-left:30%;
    background:#FFF;
}
#corps section
{
    padding: 0 1.5em 2em 1.5em;
}
#corps h1, #corps h2, #corps h3, #corps h4, #corps h5, #corps h6
{
    padding:0.5em;
}


/*************  LES VUES  ***************/
#formConnexionAdmin /* admin-formConnexion.php */
{
    background:#fff;
    text-align:center;
    border:1px solid #c7c7c7;
    border-top-right-radius: 10px;
}
#formConnexionAdmin input:focus
{
    border:1px solid #08C;
    color:#08C;
}
#formConnexionAdmin .submit:hover
{
    border:1px solid #08C;
    color:#08C;
    background:#FFF;
}
#formConnexionAdmin .submit:active
{
    border:1px solid #FFF;
    color:#FFF;
    background:#000;
}


/****************************************/
/*****           FOOTER             *****/
/****************************************/

footer
{
    clear:both;
    padding:1em 0 1em 1em;
    border:1px solid #c7c7c7;
    border-top:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    text-align:center;
    font-size:0.675em;
    background:#fff;
}