/*
    Document   : global.css
    Created on : 23 avr. 2011, 16:35:41
    Author     : JC
    Description:
        styles associés à la composition globale de la page : header, footer, etc...
*/

/**
 *
 * MASTERING
 *
 */
body[role="document"] { background: #fff; min-width:1024px; }
#master { bottom:0; height:auto; left:0; margin:160px 35px 55px 55px; overflow: hidden; padding:0; position:absolute; right:0; top:0;}


/**
 *
 * HEADER // BANNER
 *
 */
[role="banner"] { background: none; bottom: 0; height: 60px; left: 0; margin:50px 55px; position: absolute; padding: 0; right: 0; top: 0; z-index: 40; }
[role="banner"] .logo { color: #000; display: block; font: bold 3em/1em 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; margin: 0; position: relative; text-transform: uppercase; }
[role="banner"] .logo a { color: #000; }

/**
 *
 * MAINNAV // NAVIGATION
 *
 */
[role="navigation"] { margin: 0 0 0; overflow: hidden; }
[role="navigation"] ul { list-style: none; position: relative; }
[role="navigation"] ul li { color: #000; display: inline; font:normal 2.5em/1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 0 15px 0 0; text-transform: uppercase; }
[role="navigation"] ul li a { color: #000; }
[role="navigation"] ul li:first-child a { color: red; }
[role="navigation"] ul li a:hover { color: #999; }
[role="navigation"] ul li .active {  font-family:'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; font-weight: bold; }
[role="navigation"] ul li:first-child .active { color: red; }
[role="navigation"] ul li:first-child :hover { color: red; }

/**
 *
 * MAIN // NAVIGATION
 *
 */
[role="main"] { }

/**
 *
 * FOOTER // CONTENTINFO
 *
 */
footer[role="contentinfo"] { bottom: 0; height: 50px; left: 0; margin: 0; position: absolute; width: 100%;  }
footer[role="contentinfo"] .batch { margin:0 55px }
footer[role="contentinfo"] .button { color: #000; display: block; float: left; font:normal 1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif; margin: 25px 40px 0 0; text-transform: uppercase; }
footer[role="contentinfo"] .button-lang { color: #000;display: block;float: right;font: bold 1em 'HelveticaNeueW01-ThinCn 673383', Arial, sans-serif;margin: 25px 0 0 10px;text-transform: uppercase;}
footer[role="contentinfo"] .button:hover, footer[role="contentinfo"] .button-lang:hover { color: #999; }