* { margin: 0; padding: 0; border: 0; outline: none; font-family: verdana,sans-serif; }
.mtcClearer { display: block; clear: both; margin: 0; padding: 0; border: 0; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.mtcHidden { position: absolute; left: 0; top: -10000px; width: 1px; height: 1px; overflow: hidden; }
body { background: url(../img/body_bg.jpg) repeat 0 0; }

#container { z-index: 10; position: relative; margin: 0 auto; width: 898px; height: 580px; font-size: 11px; }

#container .bgVis1 { z-index: 20; position: absolute; top: 0; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis1.gif) no-repeat 0 0; }
#container .bgVis2 { z-index: 20; position: absolute; top: 0; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis2.gif) no-repeat 0 0; }
#container .bgVis3 { z-index: 20; position: absolute; top: 0; left: 598px; width: 300px; height: 193px; font-size: 0; background: url(../img/bgVis3.gif) no-repeat 0 0; }
#container .bgVis4 { z-index: 20; position: absolute; top: 193px; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis4.gif) no-repeat 0 0; }
#container .bgVis5 { z-index: 20; position: absolute; top: 193px; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis5.gif) no-repeat 0 0; }
#container .bgVis6 { z-index: 20; position: absolute; top: 193px; left: 598px; width: 300px; height: 193px; font-size: 0; background: url(../img/bgVis6.gif) no-repeat 0 0; }
#container .bgVis7 { z-index: 20; position: absolute; top: 386px; left: 0; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis7.gif) no-repeat 0 0; }
#container .bgVis8 { z-index: 20; position: absolute; top: 386px; left: 299px; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis8.gif) no-repeat 0 0; }
#container .bgVis9 { z-index: 20; position: absolute; top: 386px; left: 598px; width: 300px; height: 194px; font-size: 0; background: url(../img/bgVis9.gif) no-repeat 0 0; }

#container .bgVis1b { z-index: 20; position: absolute; top: 0; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis1b.gif) no-repeat 0 0; }
#container .bgVis2b { z-index: 20; position: absolute; top: 0; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis2b.gif) no-repeat 0 0; }
#container .bgVis4b { z-index: 20; position: absolute; top: 193px; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis4b.gif) no-repeat 0 0; }
#container .bgVis5b { z-index: 20; position: absolute; top: 193px; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis5b.gif) no-repeat 0 0; }
#container .bgVis7b { z-index: 20; position: absolute; top: 386px; left: 0; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis7b.gif) no-repeat 0 0; }
#container .bgVis8b { z-index: 20; position: absolute; top: 386px; left: 299px; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis8b.gif) no-repeat 0 0; }

#container .bgVis1c { z-index: 20; position: absolute; top: 0; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis1c.gif) no-repeat 0 0; }
#container .bgVis2c { z-index: 20; position: absolute; top: 0; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis2c.gif) no-repeat 0 0; }
#container .bgVis3c { z-index: 20; position: absolute; top: 0; left: 598px; width: 300px; height: 193px; font-size: 0; background: url(../img/bgVis3c.gif) no-repeat 0 0; }
#container .bgVis4c { z-index: 20; position: absolute; top: 193px; left: 0; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis4c.gif) no-repeat 0 0; }
#container .bgVis5c { z-index: 20; position: absolute; top: 193px; left: 299px; width: 299px; height: 193px; font-size: 0; background: url(../img/bgVis5c.gif) no-repeat 0 0; }
#container .bgVis6c { z-index: 20; position: absolute; top: 193px; left: 598px; width: 300px; height: 193px; font-size: 0; background: url(../img/bgVis6c.gif) no-repeat 0 0; }
#container .bgVis7c { z-index: 20; position: absolute; top: 386px; left: 0; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis7c.gif) no-repeat 0 0; }
#container .bgVis8c { z-index: 20; position: absolute; top: 386px; left: 299px; width: 299px; height: 194px; font-size: 0; background: url(../img/bgVis8c.gif) no-repeat 0 0; }
#container .bgVis9c { z-index: 20; position: absolute; top: 386px; left: 598px; width: 300px; height: 194px; font-size: 0; background: url(../img/bgVis9c.gif) no-repeat 0 0; }



#container .genTxt { z-index: 30; position: absolute; top: 253px; left: 290px; width: 270px; font-size: 12px; font-weight: bold; }
#container .genTxt span { color: red; font-size: 18px; }

#container .zoneScroll { z-index: 30; position: absolute; top: 188px; left: 290px; width: 280px; height: 344px; font-size: 12px; overflow: auto; }

#container .txtZone0 { z-index: 30; position: absolute; top: 35px; left: 55px; display: block; width: 520px; height: 126px; cursor: pointer; text-decoration: none; font-size: 0; }
#container .txtZone1 { z-index: 30; position: absolute; top: 355px; left: 380px; display: block; width: 192px; height: 74px; cursor: pointer; text-decoration: none; font-size: 0; }
#container .txtZone2 { z-index: 30; position: absolute; top: 465px; left: 255px; display: block; width: 322px; height: 62px; cursor: pointer; text-decoration: none; font-size: 0; }
#container .txtZone3 { z-index: 30; position: absolute; top: 218px; left: 642px; display: block; width: 220px; height: 30px; font-size: 12px; font-weight: bold; }
#container .txtZone3 big { font-size: 16px; }
#container .txtZone4 { z-index: 30; position: absolute; top: 485px; left: 606px; display: block; width: 260px; height: 60px; cursor: pointer; text-decoration: none; font-size: 0; }
#container .txtZone5 { z-index: 30; position: absolute; top: 555px; left: 192px; display: block; width: 694px; height: 17px; color: #ffffff; text-align: center; }
#container .txtZone5 a { color: #ffffff; text-decoration: none; }

#container .lot1 { z-index: 30; position: absolute; top: 248px; left: 600px; display: block; }
#container .lot2 { z-index: 30; position: absolute; top: 324px; left: 600px; display: block; }



#container .inputText { height: 15px; font: normal 11px verdana,sans-serif; color: #000000; border: 1px solid #a7a6aa; }

#container #emailLabel { z-index: 30; position: absolute; top: 242px; left: 290px; font-weight: bold; }
#container #email { z-index: 30; position: absolute; top: 257px; left: 290px; }

#container #civLabel { z-index: 30; position: absolute; top: 242px; left: 435px; font-weight: bold; }
#container #civ { z-index: 30; position: absolute; top: 257px; left: 435px; }

#container #nomLabel { z-index: 30; position: absolute; top: 280px; left: 290px; font-weight: bold; }
#container #nom { z-index: 30; position: absolute; top: 295px; left: 290px; }

#container #prenomLabel { z-index: 30; position: absolute; top: 280px; left: 435px; font-weight: bold; }
#container #prenom { z-index: 30; position: absolute; top: 295px; left: 435px; }

#container #parrainLabel { z-index: 30; position: absolute; top: 318px; left: 290px; font-weight: bold; }
#container #parrain { z-index: 30; position: absolute; top: 333px; left: 290px; }
#container #parrainSpe { z-index: 30; position: absolute; top: 324px; left: 413px; }

#container #centreLabel { z-index: 30; position: absolute; top: 369px; left: 290px; font-weight: bold; }
#container #centre1 { z-index: 30; position: absolute; top: 369px; left: 470px; }
#container #centre1lib { z-index: 30; position: absolute; top: 368px; left: 490px; text-decoration: underline; }
#container #centre2 { z-index: 30; position: absolute; top: 390px; left: 290px; }
#container #centre2lib { z-index: 30; position: absolute; top: 390px; left: 310px; }
#container #centre3 { z-index: 30; position: absolute; top: 390px; left: 470px; }
#container #centre3lib { z-index: 30; position: absolute; top: 390px; left: 490px; }
#container #centre4 { z-index: 30; position: absolute; top: 410px; left: 290px; }
#container #centre4lib { z-index: 30; position: absolute; top: 410px; left: 310px; }
#container #centre5 { z-index: 30; position: absolute; top: 410px; left: 470px; }
#container #centre5lib { z-index: 30; position: absolute; top: 410px; left: 490px; }
#container #centre6 { z-index: 30; position: absolute; top: 430px; left: 290px; }
#container #centre6lib { z-index: 30; position: absolute; top: 430px; left: 310px; }
#container #centre7 { z-index: 30; position: absolute; top: 430px; left: 470px; }
#container #centre7lib { z-index: 30; position: absolute; top: 430px; left: 490px; }
#container #centre8 { z-index: 30; position: absolute; top: 450px; left: 290px; }
#container #centre8lib { z-index: 30; position: absolute; top: 450px; left: 310px; }
#container #centre9 { z-index: 30; position: absolute; top: 450px; left: 470px; }
#container #centre9lib { z-index: 30; position: absolute; top: 450px; left: 490px; }
#container #centre10 { z-index: 30; position: absolute; top: 470px; left: 290px; }
#container #centre10lib { z-index: 30; position: absolute; top: 470px; left: 310px; }
#container #centre11 { z-index: 30; position: absolute; top: 470px; left: 470px; }
#container #centre11lib { z-index: 30; position: absolute; top: 470px; left: 490px; }

#container .btnInsc1 { z-index: 30; position: absolute; top: 497px; left: 330px; display: block; width: 178px; height: 26px; cursor: pointer; text-decoration: none; font-size: 0; background: transparent url(../img/btnInsc1.gif) no-repeat 0 0; }

#container #insc2 { display: none; }

#container #adresseLabel { z-index: 30; position: absolute; top: 255px; left: 290px; font-weight: bold; }
#container #adresse { z-index: 30; position: absolute; top: 270px; left: 290px; }

#container #cpLabel { z-index: 30; position: absolute; top: 300px; left: 290px; font-weight: bold; }
#container #cp { z-index: 30; position: absolute; top: 315px; left: 290px; }

#container #villeLabel { z-index: 30; position: absolute; top: 300px; left: 435px; font-weight: bold; }
#container #ville { z-index: 30; position: absolute; top: 315px; left: 435px; }

#container #paysLabel { z-index: 30; position: absolute; top: 345px; left: 290px; font-weight: bold; }
#container #pays { z-index: 30; position: absolute; top: 360px; left: 290px; }

#container #jourLabel { z-index: 30; position: absolute; top: 390px; left: 290px; font-weight: bold; }
#container #jour { z-index: 30; position: absolute; top: 405px; left: 290px; }
#container #mois { z-index: 30; position: absolute; top: 405px; left: 360px; }
#container #annee { z-index: 30; position: absolute; top: 405px; left: 430px; }

#container .btnInsc2 { z-index: 30; position: absolute; top: 460px; left: 330px; display: block; width: 178px; height: 26px; cursor: pointer; text-decoration: none; font-size: 0; background: transparent url(../img/btnInsc1.gif) no-repeat 0 0; }


#container #insc4 { display: none; }

#container #partenaireLabel { z-index: 30; position: absolute; top: 235px; left: 290px; font-weight: bold; }
#container #partenaireZone { z-index: 30; position: absolute; top: 265px; left: 290px; }

/* quand il ya coreg 1 et 3
#container #coregistrationLabel { z-index: 30; position: absolute; top: 320px; left: 290px; font-weight: bold; }
#container #coregistrationZone { z-index: 30; position: absolute; top: 350px; left: 290px; }

#container #coregistrationLabel3 { z-index: 30; position: absolute; top: 390px; left: 290px; font-weight: bold; }
#container #coregistrationZone3 { z-index: 30; position: absolute; top: 420px; left: 290px; }
*/

/* quand il y a 3 coreg */
#container #coregistrationLabel { z-index: 30; position: absolute; top: 300px; left: 290px; font-weight: bold; }
#container #coregistrationZone { z-index: 30; position: absolute; top: 330px; left: 290px; }

#container #coregistrationLabel2 { z-index: 30; position: absolute; top: 365px; left: 290px; font-weight: bold; }
#container #coregistrationZone2 { z-index: 30; position: absolute; top: 395px; left: 290px; }

#container #coregistrationLabel3 { z-index: 30; position: absolute; top: 430px; left: 290px; font-weight: bold; }
#container #coregistrationZone3 { z-index: 30; position: absolute; top: 460px; left: 290px; }


#container #reglement { z-index: 30; position: absolute; top: 490px; left: 290px; }
#container #reglementLabel { z-index: 30; position: absolute; top: 490px; left: 310px; font-weight: bold; }

#container .btnInsc4 { z-index: 30; position: absolute; top: 490px; left: 450px; display: block; width: 101px; height: 26px; cursor: pointer; text-decoration: none; font-size: 0; background: transparent url(../img/btnInsc2.gif) no-repeat 0 0; }




#container #nomCLabel { z-index: 30; position: absolute; top: 248px; left: 620px; font-weight: bold; }
#container #nomC { z-index: 30; position: absolute; top: 270px; left: 620px; }

#container #prenomCLabel { z-index: 30; position: absolute; top: 248px; left: 758px; font-weight: bold; }
#container #prenomC { z-index: 30; position: absolute; top: 270px; left: 758px; }

#container #emailCLabel { z-index: 30; position: absolute; top: 300px; left: 620px; font-weight: bold; }
#container #emailC { z-index: 30; position: absolute; top: 318px; left: 620px; }

#container #objetCLabel { z-index: 30; position: absolute; top: 348px; left: 620px; font-weight: bold; width: 100px; }
#container #objetC { z-index: 30; position: absolute; top: 369px; left: 620px; }
#container #messageC { z-index: 30; position: absolute; top: 400px; left: 620px; font-size: 11px; }

#container .btnInsc3 { z-index: 30; position: absolute; top: 500px; left: 620px; display: block; width: 112px; height: 26px; cursor: pointer; text-decoration: none; font-size: 0; background: transparent url(../img/btnInsc3.gif) no-repeat 0 0; }