#carte    { background-image: url(images/carte.gif); background-repeat: no-repeat; margin-left: 5px; width: 455px; height: 399px }
#puces a     { margin-top: 151px; margin-left: -8px }
/*Positionnement puces p/r carte*/
#puces a   { background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 30px; height: 18px }
a span { position: absolute; top: -500px; left: 0; width: 1px; height: 1px; overflow: hidden }
.bt_postuler  { margin-top: 15px; margin-left: 100px; float: left; clear: left }

/*Affichage des bulles*/
.bulle { position: relative; z-index: 0 }
.bulle:hover { background-color: transparent; z-index: 50 }
.bulle span { background-color: white; visibility: hidden; padding: 5px; position: absolute; left: -1000px }
.bulle:hover span  { color: black; text-decoration: none; visibility: visible; top: 0; left: 0; width: 345px; height: auto }

/*Tableau des programmes*/
table#ow    { font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: white; width: 340px; float: left; border: solid 1px green; border-collapse: collapse   }
#ow caption   { color: white; font-size: 12px; font-weight: bold; background-color: #0066cc; width: 340px; padding-top: 3px; padding-bottom: 3px; border: solid 1px #333  }
#ow td  { background-color: #e6e6e6; border: solid 1px green }
#ow th  { color: white; font-weight: normal; background-color: #333; padding: 5px; border: solid 1px #4f87c6 }
#ow thead  { width: 300px; }

/*Back office*/
#zone_upload { line-height: 40px; background-color: #007dc6; margin-top: 44px; width: 400px; height: 120px; float: left }
#up_apalof { margin-top: 50px }
#cartoman { background-image: url(images/backoffice.gif); background-repeat: no-repeat; margin: 0; padding: 0; width: 249px; height: 259px; float: left }

/*Positionnement puces*/
#z01 a { background-image: url(images/01.gif); visibility: visible; top: 222px; left: 347px }
#z02 a { background-image: url(images/02.gif); visibility: visible; top: 68px; left: 295px }
#z03 a { background-image: url(images/03.gif); visibility: visible; top: 212px; left: 283px }
#z04 a { background-image: url(images/04.gif); visibility: visible; top: 316px; left: 378px }
#z05 a { background-image: url(images/05.gif); visibility: visible; top: 288px; left: 385px }
#z06 a { background-image: url(images/06.gif); visibility: visible; top: 316px; left: 412px }
#z07 a { background-image: url(images/07.gif); visibility: visible; top: 288px; left: 326px }
#z08 a { background-image: url(images/08.gif); visibility: visible; top: 68px; left: 326px }
#z09 a { background-image: url(images/09.gif); visibility: visible; top: 365px; left: 228px }
#z10 a { background-image: url(images/test.gif); visibility: visible; top: 124px; left: 316px }
#z11 a { background-image: url(images/11.gif); visibility: visible; top: 358px; left: 264px }
#z12 a { background-image: url(images/12.gif); visibility: visible; top: 302px; left: 264px }
#z13 a { background-image: url(images/13.gif); visibility: visible; top: 338px; left: 344px }
#z14 a { background-image: url(images/14.gif); visibility: visible; top: 84px; left: 180px }
#z15 a { background-image: url(images/15.gif); visibility: visible; top: 274px; left: 264px }
#z16 a { background-image: url(images/16.gif); visibility: visible; top: 240px; left: 188px }
#z17 a { background-image: url(images/17.gif); visibility: visible; top: 232px; left: 157px }
#z18 a { background-image: url(images/18.gif); visibility: visible; top: 176px; left: 264px }
#z19 a { background-image: url(images/19.gif); visibility: visible; top: 257px; left: 240px }
#z2a a { background-image: url(images/2a.gif); visibility: visible; top: 382px; left: 429px }
#z2b a { background-image: url(images/2b.gif); visibility: visible; top: 344px; left: 433px }
#z21 a { background-image: url(images/21.gif); visibility: visible; top: 162px; left: 332px }
#z22 a { background-image: url(images/22.gif); visibility: visible; top: 108px; left: 102px }
#z23 a { background-image: url(images/23.gif); visibility: visible; top: 222px; left: 247px }
#z24 a { background-image: url(images/24.gif); visibility: visible; top: 266px; left: 208px }
#z25 a { background-image: url(images/25.gif); visibility: visible; top: 174px; left: 381px }
#z26 a { background-image: url(images/26.gif); visibility: visible; top: 288px; left: 353px }
#z27 a { background-image: url(images/27.gif); visibility: visible; top: 87px; left: 220px }
#z28 a { background-image: url(images/28.gif); visibility: visible; top: 116px; left: 230px }
#z29 a { background-image: url(images/29.gif); visibility: visible; top: 116px; left: 68px }
#z30 a { background-image: url(images/30.gif); visibility: visible; top: 319px; left: 316px }
#z31 a { background-image: url(images/31.gif); visibility: visible; top: 340px; left: 228px }
#z32 a { background-image: url(images/32.gif); visibility: visible; top: 330px; left: 195px }
#z33 a { background-image: url(images/33.gif); visibility: visible; top: 278px; left: 166px }
#z34 a { background-image: url(images/34.gif); visibility: visible; top: 339px; left: 288px }
#z35 a { background-image: url(images/35.gif); visibility: visible; top: 128px; left: 140px }
#z36 a { background-image: url(images/36.gif); visibility: visible; top: 193px; left: 235px }
#z37 a { background-image: url(images/37.gif); visibility: visible; top: 169px; left: 208px }
#z38 a { background-image: url(images/38.gif); visibility: visible; top: 259px; left: 358px }
#z39 a { background-image: url(images/39.gif); visibility: visible; top: 196px; left: 363px }
#z40 a { background-image: url(images/40.gif); visibility: visible; top: 315px; left: 153px }
#z41 a { background-image: url(images/41.gif); visibility: visible; top: 153px; left: 229px }
#z42 a { background-image: url(images/42.gif); visibility: visible; top: 241px; left: 313px }
#z43 a { background-image: url(images/43.gif); visibility: visible; top: 266px; left: 301px }
#z44 a { background-image: url(images/44.gif); visibility: visible; top: 162px; left: 140px }
#z45 a { background-image: url(images/45.gif); visibility: visible; top: 140px; left: 259px }
#z46 a { background-image: url(images/46.gif); visibility: visible; top: 291px; left: 233px }
#z47 a { background-image: url(images/47.gif); visibility: visible; top: 301px; left: 197px }
#z48 a { background-image: url(images/48.gif); visibility: visible; top: 294px; left: 295px }
#z49 a { background-image: url(images/49.gif); visibility: visible; top: 162px; left: 172px }
#z50 a { background-image: url(images/50.gif); visibility: visible; top: 83px; left: 150px }
#z51 a { background-image: url(images/51.gif); visibility: visible; top: 96px; left: 315px }
#z52 a { background-image: url(images/52.gif); visibility: visible; top: 131px; left: 347px }
#z53 a { background-image: url(images/53.gif); visibility: visible; top: 128px; left: 172px }
#z54 a { background-image: url(images/54.gif); visibility: visible; top: 105px; left: 372px }
#z55 a { background-image: url(images/55.gif); visibility: visible; top: 96px; left: 349px }
#z56 a { background-image: url(images/56.gif); visibility: visible; top: 137px; left: 102px }
#z57 a { background-image: url(images/57.gif); visibility: visible; top: 86px; left: 381px }
#z58 a { background-image: url(images/58.gif); visibility: visible; top: 178px; left: 295px }
#z59 a { background-image: url(images/59.gif); visibility: visible; top: 33px; left: 295px }
#z60 a { background-image: url(images/60.gif); visibility: visible; top: 71px; left: 260px }
#z61 a { background-image: url(images/61.gif); visibility: visible; top: 105px; left: 190px }
#z62 a { background-image: url(images/62.gif); visibility: visible; top: 26px; left: 254px }
#z63 a { background-image: url(images/63.gif); visibility: visible; top: 240px; left: 278px }
#z64 a { background-image: url(images/64.gif); visibility: visible; top: 347px; left: 156px }
#z65 a { background-image: url(images/65.gif); visibility: visible; top: 358px; left: 188px }
#z66 a { background-image: url(images/66.gif); visibility: visible; top: 382px; left: 264px }
#z67 a { background-image: url(images/67.gif); visibility: visible; top: 105px; left: 413px }
#z68 a  { background-image: url(images/68.gif); visibility: visible; top: 141px; left: 408px }
#z69 a { background-image: url(images/69.gif); visibility: visible; top: 232px; left: 329px }
#z70 a { background-image: url(images/70.gif); visibility: visible; top: 151px; left: 373px }
#z71 a { background-image: url(images/71.gif); visibility: visible; top: 196px; left: 323px }
#z72 a { background-image: url(images/72.gif); visibility: visible; top: 139px; left: 200px }
#z73 a { background-image: url(images/73.gif); visibility: visible; top: 250px; left: 391px }
#z74 a { background-image: url(images/74.gif); visibility: visible; top: 224px; left: 389px }
#z75 a { background-image: url(images/75.gif); visibility: visible; top: 217px; left: 30px }
#z76 a { background-image: url(images/76.gif); visibility: visible; top: 61px; left: 221px }
#z77 a { background-image: url(images/77.gif); visibility: visible; top: 113px; left: 278px }
#z78 a { background-image: url(images/78.gif); visibility: visible; top: 99px; left: 248px }
#z79 a { background-image: url(images/79.gif); visibility: visible; top: 201px; left: 178px }
#z80 a { background-image: url(images/80.gif); visibility: visible; top: 51px; left: 256px }
#z81 a { background-image: url(images/81.gif); visibility: visible; top: 326px; left: 249px }
#z82 a { background-image: url(images/82.gif); visibility: visible; top: 316px; left: 219px }
#z83 a { background-image: url(images/83.gif); visibility: visible; top: 341px; left: 383px }
#z84 a { background-image: url(images/84.gif); visibility: visible; top: 314px; left: 347px }
#z85 a { background-image: url(images/85.gif); visibility: visible; top: 196px; left: 145px }
#z86 a { background-image: url(images/86.gif); visibility: visible; top: 206px; left: 209px }
#z87 a { background-image: url(images/87.gif); visibility: visible; top: 236px; left: 221px }
#z88 a { background-image: url(images/88.gif); visibility: visible; top: 127px; left: 379px }
#z89 a { background-image: url(images/89.gif); visibility: visible; top: 145px; left: 294px }
#z90 a { background-image: url(images/90.gif); visibility: visible; top: 161px; left: 404px }
#z91 a { background-image: url(images/91.gif); visibility: visible; top: 121px; left: 255px }
#z92 a { background-image: url(images/92.gif); visibility: visible; top: 238px; left: 10px }
#z93 a  { background-image: url(images/93.gif); visibility: visible; top: 197px; left: 62px }
#z94 a { background-image: url(images/94.gif); visibility: visible; top: 240px; left: 57px }
#z95 a  { background-image: url(images/95.gif); visibility: visible; top: 89px; left: 264px }
#cartoon { font-size: 0.7em; font-family: Tahoma; background-image: url("images/bas_cartoon.gif"); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 15px }