#navig1 { position: absolute; top: 14px; left: 475px; overflow: hidden; visibility: visible; display: block }
#navig2 { position: absolute; top: 60px; left: 280px; overflow: hidden; visibility: visible; display: block }
#teteA { background-image: url(../im/haut.gif); position: relative; width: 900px; height: 32px }
#fondAccueil     { background: url(fond.jpg) no-repeat; margin: 0px; padding: 0px; position: relative; width: 900px; height: 556px; overflow: hidden; display: block }
#navig3 { position: absolute; top: 12px; left: 308px; overflow: hidden }

#btActusA, #btDemarcheA, #btMetiersA  { text-indent: -3000px; float: left; margin: 0; padding: 0px; width: 189px; height: 40px }
#btActusA a   { background: url(btActus.gif) no-repeat 0px -40px; width: 189px; height: 40px; display: block }
#btDemarcheA a { background: url(btDemarche.gif) no-repeat; width: 189px; height: 40px; display: block }
#btMetiersA a { background: url(btMetiers.gif) no-repeat; width: 189px; height: 40px; display: block }

#btActusA a:hover, #btDemarcheA a:hover, #btMetiersA a:hover { background-position: 0 -40px }
#zoomSur  { font-size: 12px; position: absolute; top: 120px; left: 250px; width: 270px; height: 275px; overflow: hidden }
#zoomPhoto    { font-size: 12px; text-align: center; position: absolute; top: 77px; left: 548px; width: 300px; height: 300px; overflow: hidden }

#barreGamme   { background-color: #335db2; width: 855px; height: 150px; position: absolute; left: 18px; top: 443px; margin: 0 }
#btG1, #btG2, #btG3, #btG4, #btG5, #btG6, #btG7, #btG8, #btG9, #btG10   { text-indent: -3000px; float: left; margin: 0 5px 0 5px; width: 75px; height: 100px; overflow: hidden }

#btG1 a, #btG2 a, #btG3 a, #btG4 a, #btG5 a, #btG6 a, #btG7 a, #btG8 a, #btG9 a, #btG10 a   { background-repeat: no-repeat; width: 75px; height: 100px; display: block }

#btG1 a { background-image: url(../im/g1.gif) }
#btG2 a { background-image: url(../im/g2.gif) }
#btG3 a { background-image: url(../im/g3.gif) }
#btG4 a { background-image: url(../im/g4.gif) }
#btG5 a { background-image: url(../im/g5.gif) }
#btG6 a { background-image: url(../im/g6.gif) }
#btG7 a { background-image: url(../im/g7.gif) }
#btG8 a { background-image: url(../im/g8.gif) }
#btG9 a { background-image: url(../im/g9.gif) }
#btG10 a { background-image: url(../im/g10.gif) }

#btG1 a:hover, #btG2 a:hover, #btG3 a:hover, #btG4 a:hover, #btG5 a:hover, #btG6 a:hover, #btG7 a:hover, #btG8 a:hover, #btG9 a:hover, #btG10 a:hover  { background-position: 0px -100px }

.titre  { color: white; font-weight: bold; font-size: 14px; background-color: #0095d6; margin-top: 0px; padding: 5px }