div#menu     { margin-left: -450px; position: absolute; top: 5px; left: 50%; width: 900px; height: auto }
span#gattegnotc       { color: #fff; font-size: 40px; font-weight: 700; text-align: center; position: absolute; top: -5px; left: 0; width: 900px; height: 50px; border-color:  }
span#matieres        { color: #fff; font-size: 14px; font-family: Helvetica; font-weight: 700; text-align: left; text-indent: 22px; position: absolute; top: 58px; left: 0; width: 900px; height: 20px }
ul              { list-style-type: none; margin-top: 0; position: absolute; top: 92px; left: -22px; width: 120px; height: 200px } 
li                      { text-indent: 2px; margin-bottom: 10px; padding-bottom: -10px; height: 20px }
.menu a                   { color: #fff; font-variant: normal; text-decoration: none; background-color: #fc0404; background-position: 0 0; text-align: left; display: block; padding-top: 3px; width: 110px; height: 20px }
.menu a:hover               { background: #f00 url(../images/index/bouton-enfonce.gif) no-repeat 0 2px; border: solid 0 black }
span#drapeau  { color: #fff; font-size: 14px; font-family: Helvetica; font-weight: 700; background-repeat: no-repeat; text-align: left; text-indent: 22px; position: absolute; top: 307px; left: 22px; width: 55px; height: 45px }
span#production                    { color: #fff; font-size: 14px; font-weight: 700; text-align: left; padding: 8px; position: absolute; top: 131px; left: 750px; width: 150px; height: 210px; vertical-align: 12px; border: solid 2px }