HTML {
  background-color: #333333;
  text-align: center; /* pour corriger le bug de centrage IE */
  color: #CCC;
  font-family: Trebuchet MS, Tahoma;
  font-size: 12px;
}

BODY {
  background: #333 url(./img/fond.gif) no-repeat scroll center top;
  padding: 0;
  margin: 0;
  text-align: center; /* pour corriger le bug de centrage IE */
}

IMG { border: 0 none; }
P { text-align: justify; }
UL LI { list-style-type: katakana; }

#global {
  text-align: left; /* on rétablit l'alignement normal du texte > Bug de IE*/
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  /*padding-top: 6px;*/
}

#inside { width: 780px; display: table; background: transparent url(./img/fondBody.png) repeat-y; }

#header { height: 100px; width: 780px; background: transparent url(./img/header.png) no-repeat; }

#visuel { height: 150px; width: 760px; margin-left: 10px; background-color: #333; }
  *+HTML #visuel { height: auto; } 

#corps { width: 780px; }

#left { width: 555px; margin: 10px 5px 0 20px; float: left; }
  *+HTML #left { margin-top: 20px; }
#right { width: 190px; float: left; }

#left A { color: #911919; font-weight: bold; text-decoration: none; }
#left A:hover { color: #911919; font-weight: bold; text-decoration: underline; }


#J00 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 0; }
#J01 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -85px; }
#J02 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -170px; }
#J03 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -255px; }
#J04 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -340px; }
#J05 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -425px; }
#J06 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -510px; }
#J07 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -595px; }
#J08 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -680px; }
#J09 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -765px; }
#J10 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -850px; }
#J11 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -935px; }
#J12 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1020px; }
#J13 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1105px; }
#J14 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1190px; }
#J15 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1275px; }
#J16 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1360px; }
#J17 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1445px; }
#J18 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1530px; }
#J19 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1615px; }
#J20 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1700px; }
#J21 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1785px; }
#J22 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1870px; }
#J23 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -1955px; }

#E01 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2040px; }
#E02 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2125px; }
#E03 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2210px; }
#E04 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2295px; }
#E05 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2380px; }
#E06 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2465px; }
#E07 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2550px; }
#E08 { height: 85px; width: 100px; margin-left: 20px; padding: 0; float: left; background: transparent url(./img/jour.png) no-repeat 0 -2635px; }

H1 {
  height: 85px;
  width: 513px;
  margin: 0;
  padding: 0 0 0 137px;
  float: left;
  font-size: 8px;
  color: #131313;
  background: transparent url(./img/fondTitre.gif) no-repeat;
}

H2 { font-size: 20px; color: #CCC; clear: left; }

#plus { height: 65px; width: 152px; padding: 20px 0 0 30px; }
#plus IMG { padding-right: 15px; }

#formOr {
  width: 500px;
  margin: 0;
  padding: 10px 10px;
  background-color: #EDEFF1;
  text-align: center;
  color: black;
  font-weight: bold;
}

#home { margin-left: 161px; margin-top: -10px; }

/*#menu { width: 190px; }*/
#menu UL#joursListe { width: 190px; margin: 0; padding: 0; text-align: right; background: #131313 url(./img/menu.png) no-repeat; }

#menu #joursListe LI { margin-right: 35px; text-decoration: none; list-style-type: none; line-height: 27px; }
#menu #joursListe A, A:link { text-decoration: none; color: white; font-weight: bold; }
#menu #joursListe A:hover { text-decoration: none; color: red; font-weight: bold; }
#menu UL#divers { height: 163px; width: 190px; margin: 15px 0 0 0; padding: 0; text-align: right; background: #131313 url(./img/menuExtra.png) no-repeat; }

#menu #divers LI { margin-right: 35px; text-decoration: none; list-style-type: none; line-height: 27px; }
#menu #divers A, A:link { text-decoration: none; color: white; font-weight: bold; }
#menu #divers A:hover { text-decoration: none; color: red; font-weight: bold; }
#menu #divers A#linkMa, A#linkMa:link { color: white; text-decoration: none; }
#menu #divers A#linkMa:hover { color: #d28203; text-decoration: none; }
#menu #divers A#linkT, A#linkT:link { color: white; text-decoration: none; }
#menu #divers A#linkT:hover { color: #03e7ef; text-decoration: none; }
#menu #divers A#linkV, A#linkV:link { color: white; text-decoration: none; }
#menu #divers A#linkV:hover { color: #72bc1b; text-decoration: none; }
#menu #divers A#linkM, A#linkM:link { color: white; text-decoration: none; }
#menu #divers A#linkM:hover { color: #b22bb5; text-decoration: none; }
#menu #divers A#linkO, A#linkO:link { color: white; text-decoration: none; }
#menu #divers A#linkO:hover { color: #f57214; text-decoration: none; }
#menu #divers A#linkOr, A#linkOr:link { color: white; text-decoration: none; }
#menu #divers A#linkOr:hover { color: #edea00; text-decoration: none; }
#menu #divers A#linkBleu, A#linkBleu:link { color: white; text-decoration: none; }
#menu #divers A#linkBleu:hover { color: #0665ff; text-decoration: none; }



.lightImg { border: 5px solid white; margin-bottom: 5px; }
.photoHori { border: 5px solid white; margin-left: 36px; }
.photoVerti { border: 5px solid white; margin-left: 145px; }

H2.texte { margin: 20px 0 -10px 0; padding: 0; }
B.vue { color: #8F8623; }

/********* PUB *********/
.pub468 { width: 468; height: 60px; text-align: center; clear: both; }
.pub160 { width: 160; height: 600px; text-align: center; clear: both; margin-top: 20px; margin-left: 15px; }

/********* ACCUEIL *********/
#infoSite {
  width: 448px;
  padding-left: 113px;
  margin: 20px 0;
  color: #c59904;
  text-align: justify;
  background: transparent url(./img/logos-nav.png) no-repeat left top;
}

#carteJapon { height: 752px; width: 555px; background: transparent url(./img/carte.gif) no-repeat top; }
#carteJapon P { width: 360px;} 
#carteJapon H2 { font-size: 12px; width: 360px; border-bottom: #333333 1px solid; }


/********* GALERIE *********/
H2.titreGalerie { width: 385px; margin: 0 0 10px 0; padding: 0; color: #EFCF00; text-align: center; }
.galerie { width: 385px; margin: 30px 0 30px 85px; }
.gal { height: 79px; }
.gal IMG { border: 5px solid white; margin-bottom: 5px; }

/********* FONDS ECRAN *********/
#fondsEcran #left .leftFonds { width: 265px; margin-right: 5px; float: left; clear: left; }
#fondsEcran #left .rightFonds { width: 265px; float: left; }
#fondsEcran #left IMG.imgFondsEcran { border: 5px solid white; margin-bottom: 5px; }

/********* GUIDES *********/
#guides #guide { margin-top: 20px; height: 320px; width: 555px; text-align: justify; }
#guides #guide IMG { float: left; height: 245px; width: 169px; }
#guides #guide #guideTexte { float: left; width: 376px; margin-left: 10px; }
#guides #guideTokyo { margin-top: 20px; width: 555px; text-align: justify; }
  *+HTML #guides #guideTokyo { margin-top: 30px; }
#guides #guideTokyo IMG { float: left; margin-right: 20px; }

/********* A NE PAS LOUPER *********/
#pasLouper .blocLouper { height: 230px; margin-top: 15px; }
#pasLouper .imgLouper { margin-right: 8px; float: left; border: 5px white solid; }
#pasLouper .txtLouper { width: 300px; text-align: justify; float: left; }
#pasLouper H3 { color: #CA7D03; margin: 0 0 5px 0; }
#pasLouper SPAN { color: #095F87; }

/********* MATOS PHOTO *********/
#matosPhoto .imgMatos { margin-right: 8px; float: left; }
#matosPhoto .txtMatos { width: 300px; text-align: justify; float: left; }
#matosPhoto #K20D { height: 280px; margin-top: 15px; }
#matosPhoto #sigma12 { height: 330px; margin-top: 15px; }
#matosPhoto #sigma24 { height: 450px; margin-top: 15px; }
#matosPhoto #K20D H2, #matosPhoto #sigma12 H2, #matosPhoto #sigma24 H2 { font-size: 12px; font-weight: bold; color: white; }
#matosPhoto #dailyMotion H2 { text-align: center; background-color: #2F2F2F; padding: 4px 0 4px 4px; font-size: 12px; font-weight: bold; color: white; }
#matosPhoto #dailyMotion { width: 480px; height: 370px; margin: 50px 0 60px 40px; }
#matosPhoto #pentax H2 { width: 480px; margin-left: 39px; text-align: center; background-color: #2F2F2F; padding: 4px 0 4px 4px; font-size: 12px; font-weight: bold; color: white; }

/********* BUDGET *********/
#budget B { color: #62B92A; }
#budget #jrPass { margin-top: 20px; height: 110px; width: 555px; text-align: justify; }
#budget #jrPass IMG { float: left; height: 71px; width: 184px; margin-right: 10px; }

/********* BAS de PAGE *********/
#precedent { width: 350px; display: block; float: left; text-align: center; }
#suivant { width: 350px; display: block; float: left; text-align: center; }
#hautPage { width: 80px; display: block; float: left; text-align: center; }
#accueil #hautPage { margin-left: 350px; }


#footer { height: 44px; width: 780px; padding-top: 30px; clear: both; text-align: center; background: transparent url(./img/footer.png) no-repeat; }
#footer A { color: #CCC; font-weight: bold; text-decoration: none; }
#footer A:hover { color: #CCC; font-weight: bold; text-decoration: underline; }


#extra {
  margin-top: 50px;
  margin-bottom: 50px;
  height: 353px;
  background: #242424 url(./img/fondTexteBg.gif) repeat-x;
  text-align: center; /* pour corriger le bug de centrage IE */
}

#texte {
  height: 313px;
  width: 760px;
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* on rétablit l'alignement normal du texte > Bug de IE*/
  background: #242424 url(./img/fondTexte.gif) no-repeat;
}

#texte UL#liste1 { width: 160px; margin: 0 0 0 15px; padding: 0; float: left; }
#texte #liste1 LI { margin: 0; padding: 0; list-style-type: none; }
#texte UL#liste2 { width: 150px; margin: 0; padding: 0; float: left; }
#texte #liste2 LI { margin: 0; padding: 0; list-style-type: none; }
#texte UL#liste3 { width: 160px; margin: 0 50px 0 150px; padding: 0; float: left; }
#texte #liste3 LI { margin: 0; padding: 0; list-style-type: none; }

#liste1 A, #liste2 A, #liste3 A { color: #CCC; text-decoration: none; font-weight: normal; }
#liste1 A:hover, #liste2 A:hover, #liste3 A:hover { color: #CCC; text-decoration: underline; font-weight: normal; }

#copyright { text-align: center; margin-top: -40px; margin-bottom: 20px; }
#copyright A { color: #CCC; text-decoration: none; }
#copyright A:hover { color: #CCC; text-decoration: underline; }