/*  layout.css - MoinMoin Cr@ns style
    
    Le fichier gere la mise en page du site (fond, dispositions...)

*/


/*<!-- BODY -->*/
body
{
    background:black url(../img/mainbg.gif) no-repeat top left;
    position:relative;
    padding:20px 60px;
    margin:0;
}

#logo {
    position:relative;
    top:-40px;
    left:-70px;
}

#globalWrapper {
    width:100%;
    min-width:660px;
    max-width:1000px;
    background:#ffb849  url(../img/divBg.jpg) no-repeat left top;
    margin:5px auto;
    padding:0;
    position:relative; /* pour que les elements inclus se referent 
                          a lui et pas a body */
}

#page {
    padding:20px 20px 20px 20px;
}

/*<!-- Menu -->*/
div#MenuNavigation
{
    color:Black;
    font:15px "Trebuchet MS", helvetica, sans-serif ;
    z-index:5;
    position: absolute;     /* positionnement */
    right: 0;
    top: 1px;
    padding:0;
    margin:0;
    width:300px;
    border-bottom: 1px solid #232323;
    border-left: 1px solid #232323;
    background: url(../img/translucide.png) repeat;
    text-align:left;
}

div#MenuNavigation ul {
    display:block;
    margin:0 auto;
    padding:7px 0;
    list-style-type:none;
}

div#MenuNavigation ul li {
    list-style-type:none;
    z-index:5;
    margin:5px;
}

div#MenuNavigation ul li a, div#MenuNavigation form#searchform h5 {
    display:inline;
    z-index:5;
    margin:0;
    padding:1px;
    border-left:1px solid transparent;
    color:black;
    font: 15px "Trebuchet MS", helvetica, sans-serif ;
    text-decoration:none;
    font-weight:bold;
}
div#MenuNavigation ul li a:hover {
    border-color:black;
}

div#MenuNavigation form#searchform {
    float:right;
    position:absolute;
    top:0;
    right:7px;
    margin:10px;
    padding:0;
    color:#232323;
    width:165px;
    display:block;
}

div#MenuNavigation form#searchform div {
    margin-left:15px;
}    

div#MenuNavigation form#searchform input {
    max-width:150px;
}    

/* <!-- Login --> */
/* style pour les liens de connexion/preferences.... en haut a droite */
#p-personal {
    float:right;
    position:absolute;
    top:0;
    right:0;
}

#p-personal, #p-personal ul {
    padding:0;
    margin:0;
    height:0.8em;
}

#p-personal li {
    list-style-type:none;
    float:right;
    margin:0 3px;
}

#p-personal li a {
    display:block;
    font-weight:normal;
    font-size:0.8em;
    color:#aaa;
}


/* <!-- badges --> */
/* style pour les badges en bas de la page */

ul.supportBadges {
    list-style-type:none;
    padding:0;
    max-width:1000px;
    margin:10px auto;
}

ul.supportBadges li {
    float:left;
}


ul.supportBadges li a {
    margin-right:5px;
    opacity:0.5;
}

ul.supportBadges li a:hover {
    opacity:1;;
}

ul.supportBadges li a img {
    border:none;
}

ul#timings {
    clear:left;
}