/*----------------------------
    Mirovinben/SageIma.css
------------------------------
maintenance : Michel Pelletier
mise à jour : 02/11/2010 07:15
----------------------------*/

body, td {
  color: #DDDDDD;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9pt;
}

body {
  background: #EEEEEE;
  text-align: center;  /* spécifique IE6 */
}

a {
  color: #FFCC00;
  text-decoration: none;
}

a.ABC {
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a.ABC:hover {
  text-decoration: none;
}

em {
  font-style: italic;
  font-weight: normal;
}

img {
  border: 1px solid #FFFFFF;
}

p.texte {
  text-align: justify;
}

p.warning {
  color: #FFA8A8;
}

strong {
  font-style: normal;
  font-weight: bold;
}

/*---------------------------- Tout le document --*/

#page {
  background: #FFFFFF;
  border: 1px;
  border-color: #CCCCCC;
  border-style: solid;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-align: left;    /* spécifique IE6 */
  width: 762px;
  z-index: 0;
}

/*---------------------------- Haut de page --*/

#entete {
  height: 60px;
  left: 20px;
  position: absolute;
  top: 10px;
  width: 720px;
  z-index: 1;
}

#TopGch,
#GoMiro,
#GoHome,
#GoNews,
#GoAbcd {
  height: 60px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 110px;
  z-index: 2;
}

#GoMiro {
  background: url(css1/xGoMiro.gif) top left no-repeat;
}

#GoMiro a {
  background: url(css1/GoMiro.gif) top left no-repeat;
}

#GoHome {
  background: url(css1/xGoHomG.gif) top left no-repeat;
}

#GoHome a {
  background: url(css1/GoHomG.gif) top left no-repeat;
}

#GoNews {
  background: url(css1/xGoNewG.gif) top left no-repeat;
}

#GoNews a {
  background: url(css1/GoNewG.gif) top left no-repeat;
}

#GoAbcd {
  background: url(css1/xGoAbcG.gif) top left no-repeat;
}

#GoAbcd a {
  background: url(css1/GoAbcG.gif) top left no-repeat;
}

#NomSit {
  color: #FF6600;
  font-size: 18pt;
  font-weight: bold;
  height: 30px;
  left: 110px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 500px;
  z-index: 2;
}

#NomDoc {
  color: #999999;
  font-size: 16pt;
  height: 30px;
  left: 110px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 500px;
  z-index: 2;
}

#HlpDoc {
  color: #999999;
  font-size: 8pt;
  height: 30px;
  left: 110px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 500px;
  z-index: 2;
}

#TopDrt,
#GoAlbm {
  height: 60px;
  left: 610px;
  position: absolute;
  top: 0px;
  width: 110px;
  z-index: 2;
}

#GoAlbm a{
  background: url(css1/GoAlbD.gif) top right no-repeat;
}

#GoAlbm {
  background: url(css1/xGoAlbD.gif) top right no-repeat;
}

/*---------------------------- Partie centrale --*/

#principal,
#pageMire {
  height: 360px;
  left: 20px;
  position: absolute;
  text-align: center;
  top: 80px;
  width: 720px;
  z-index: 1;
}

#MidGch {
  background: #242F33 url(css1/FndAlbG.jpg) repeat-y;
  height: 360px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 360px;
  z-index: 2;
}

#MidDrt {
  background: #242F33 url(css1/FndAlbD.jpg) repeat-y;
  height: 360px;
  left: 360px;
  position: absolute;
  top: 0px;
  width: 360px;
  z-index: 1;
}

/*---------------------------- Conteneurs partie centrale --*/

.FixTxt,
.SwpTxt,
.FixIma,
.SwpIma {
  height: 320px;
  left: 20px;
  position: absolute;
  top: 20px;
  visibility: visible;
  width: 320px;
  z-index: 3;
}

.FixTxt,
.SwpTxt,
.FixIma,
.SwpIma {
  background: #242F33 url(css1/Fond.jpg) repeat;
}

.SwpTxt,
.SwpIma {
  visibility: hidden;
  z-index: 4;
}

#pageMire table,
.FixTxt table,
.SwpTxt table,
.FixIma table,
.SwpIma table {
  border: 0px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#pageMire td {
  height: 70px;
  text-align: center;
  width: 45px;
}

.FixTxt td,
.SwpTxt td,
.FixIma td,
.SwpIma td {
  height: 100%;
  padding: 10px;
  text-align: center;
  width: 100%;
}

/*---------------------------- Elements > Conteneurs centraux --*/

.Ima4x3 {                                 /* format 4x3 horizontal */
  margin-top: 46px;
}

.Ima3x4,                                  /* format 4x3 vertical */
.Ima2x3 {                                 /* format 3x2 vertical */
  margin-top: 9px;
}

.Ima3x2 {                                 /* format 3x2 horizontal */
  margin-top: 56px;
}

/*---------------------------- Elements > Conteneurs centraux : vignettes --*/

.Ico4x3a, .Ico4x3b, .Ico4x3c, .Ico4x3d,       /* format 4x3 horizontal */
.Ico3x4a, .Ico3x4b, .Ico3x4c, .Ico3x4d,       /* format 3x4 vertical   */
.Ico3x2a, .Ico3x2b, .Ico3x2c, .Ico3x2d,       /* format 3x2 horizontal */
.Ico2x3a, .Ico2x3b, .Ico2x3c, .Ico2x3d {      /* format 2x3 vertical   */
  position: absolute;
  z-index: 0;
}

.Ico4x3a, .Ico4x3c,
.Ico3x2a, .Ico3x2c {
  left: 33px;
}

.Ico4x3b, .Ico4x3d,
.Ico3x2b, .Ico3x2d {
  left: 185px;
}

.Ico4x3a, .Ico4x3b,
.Ico3x2a, .Ico3x2b {
  top: 40px;
}

.Ico4x3c, .Ico4x3d {
  top: 200px;
}

.Ico3x2c, .Ico3x2d {
  top: 210px;
}

.Ico3x4a, .Ico3x4c {
  left: 48px;
}

.Ico2x3a, .Ico2x3c {
  left: 53px;
}

.Ico3x4b, .Ico3x4d {
  left: 195px;
}

.Ico2x3b, .Ico2x3d {
  left: 205px;
}

.Ico3x4a, .Ico3x4b,
.Ico2x3a, .Ico2x3b {
  top: 35px;
}

.Ico3x4c, .Ico3x4d,
.Ico2x3c, .Ico2x3d {
  top: 185px;
}

/*---------------------------- Bas de page --*/

#pied {
  height: 40px;
  left: 20px;
  position: absolute;
  top: 450px;
  width: 720px;
  z-index: 1;
}

#BasGch,
#GoAvnt {
  height: 40px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 60px;
  z-index: 2;
}

#GoAvnt {
  background: url(css1/xGoAvnt.gif) top left no-repeat;
}

#GoAvnt a {
  background: url(css1/GoAvnt.gif) top left no-repeat;
}

#RngGch {
  color: #FF6600;
  height: 40px;
  left: 60px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 240px;
  z-index: 2;
}

#BasMid {
  color: #999999;
  height: 40px;
  left: 300px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 120px;
  z-index: 2;
}

#RngDrt {
  color: #FF6600;
  height: 40px;
  left: 420px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 240px;
  z-index: 2;
}

#BasDrt,
#GoAprs {
  height: 40px;
  left: 660px;
  position: absolute;
  top: 0px;
  width: 60px;
  z-index: 2;
}

#GoAprs {
  background: url(css1/xGoAprs.gif) top right no-repeat;
}

#GoAprs a{
  background: url(css1/GoAprs.gif) top right no-repeat;
}

/*---------------------------- Roll-over --*/

#GoMiro a,
#GoHome a,
#GoNews a,
#GoAbcd a,
#GoAlbm a,
#GoAvnt a,
#GoAprs a {
  display: block;
  width: 100%;
  height: 100%;
}

#GoMiro a:hover,
#GoHome a:hover,
#GoNews a:hover,
#GoAbcd a:hover,
#GoAlbm a:hover,
#GoAvnt a:hover,
#GoAprs a:hover {
  background: transparent none;
} 

/*------------------------------------- Popup pour photos ----*/

#popup {
  padding: 0;
  margin: 0;
  background: url(css1/Fond.jpg);
}

#popup img {
  margin: 20px auto 0 auto;
}

#popup p {
  margin: 0;
  text-align: center;
}