/* hack pour IE concernant les bugs de dimension*/
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */ 
html { overflow-x:hidden ; }

  html, body { height: 100%; width:100%;   }
/*  body.regulier {behavior:url("/csshover.htc"); }*/
 ul.simple{text-decoration:none;}
 .cache 
{position:absolute;
left:-10000em;
top:auto;
width:1em;
height:1em;
overflow:cache;}
.francais {lang:fr;}
.anglais {lang:en;}
 .liscid li{list-style-type:disc;line-height:2em;list-style-position:inside;}
  .centre { text-align: center;
    }
  .milieu { margin-left: 0%;
    margin-right: 0%;
    }
  .grasital { font-weight: bold;
    font-style: italic;
    }
  .italique { font-style: italic;
    }
  .gauche { float: left;
    position: relative;
    }
  .droite { float: right;
    top: 0em;
    position: relative;
    }
  .algauche { text-align: left;    }
  .migauche { float:left;width:49%;border: 0.063em solid ; padding-left:0.125em;  }
  .midroite { float:right;width:49%;border: 0.063em solid ;   }
  .isole{clear:both; overflow:auto;}
.blank {
 border: none;
 width: 99.9%;
 height: 4em;
 overflow: hidden;
}
/*-----------------------------------*/
/*Definition entete unique par page */
/*-----------------------------------*/
  #entete { position: absolute;width:99.9%;
    top: 0em;
    left: 0em;height:1.25em;
    }

  #entete.img { 
    padding: 0;margin:0 0 3em 0;
    float: right;
    }

  #entete p { margin: 0 ;
    padding: 0em;
    background: red none repeat scroll 0%;
    text-align: center;
    font-size: 1.3em;
    list-style-type: none;
    
    }
    /*-----------------------------------*/
/*Definition classe menu general */
/*-----------------------------------*/
  .menugen { 
    margin:0 0 0 0;position:absolute;
    left: 0em;z-index:10;width:99.9%;
    font-size: medium;top:3em;
     }
  .menugen dl { border: 0.063em solid ;
    padding: 0em; 
    text-align: left; 
    width: 14%;
    float: left;
    display: block;
    }
.menugen dd { display: none; width:40em;}

  .menugen dt { margin: 0em;
    font-weight: bold;
    cursor: pointer;
    height: 1em;
    display: block;
    }

  .menugen dl:hover dd{ 
    margin: 0em;
    padding: 0em;
    color: rgb(0, 0, 0);
    display: block;
    left: 0em;top:1em;
    }

  .menugen dl:hover dd ul{margin:0;padding:0;
    top: 0em;
    left: 0em;
    background-color: white;
    }
/*---------------------------------------------------*/
/* Definition pied de page unique dans une page */
/*---------------------------------------------------*/
  #pied { border: 0.063em solid ;
    padding: 0em;display:block;
    color: rgb(0, 0, 0);
     bottom: 0em;
    left: 0em;
    background: red none repeat scroll 0%;
    z-index: 1;
    }
* html body #pied { position: absolute;}
  body > #pied {    position: fixed;}

  #pied p { margin: 0em 0em 0em 18%;
     width: 65%;
    font-size: small;
    }

  #pied .droite { float: right;
    }

  #pied .gauche { float: left;
    }
  #pied .milieu { margin: 0 0 0 80%; width:10%;}
/*-----------------------------------------*/
/* definition classe avec span de survol */
 * .survold span { display: none;    }
body > .survold {position: fixed;    }
 * .survold:hover span { border: medium solid blue;
    background: white none repeat scroll 0%;
    color: black;
    right: 0em;
    display: block;
    width: 15em;
	text-decoration: none;
	position:absolute;
    }
* .survolg span { display: none;    }
body > .survolg {position: fixed;    }

 * .survolg:hover span { border: medium solid blue;
    background: white none repeat scroll 0%;
    color: black;
     left: 0em;
    display: block;
    width: 15em;
    font-size: 1em;
    text-decoration: none;
    position: absolute;
    }
/*----------------------------------------*/
/*Definition section menu a gauche--------*/
  #menug { border: 0.063em solid ;
    width: 30%;
    }

  .choixv dt { margin: 0.125em 0em;
    }

  .choix ul, li { margin: 0em;
    padding: 0em;
    text-align: left;
    list-style-type: none;
    }

  .choixv li { padding: 0em;
    text-align: left;
    margin-top: 0.125em;
    margin-bottom: 0.125em;
    margin-left: 0.063em;
    list-style-type: none;
    white-space: nowrap;
    }

  .choixv li a:hover { background: rgb(238, 238, 238) none repeat scroll 0%;
    }

  .choix li { background: rgb(255, 255, 255) none repeat scroll 0%;
    text-align: center;
    }

  .choixv li a, div.menu dt a { border: 0em none ;
    color: rgb(0, 0, 0);
    display: block;
    height: 100%;
    }

  #sitemeng { left: 16.875em;
    position: relative;
    z-index:1;
    }
/*--------------------------------------------------*/
/*Definition section centree dans la page Web */
/*---------------------------------------------------*/
  .sitec { border: 0.063em solid ;
    margin: 0 0 0 0;
    padding: 0em;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-family: times;
    width: 100%;
    left: 0em;
    }
/*--------------------------------------------------*/
/*Definition section centree apres entete dans la page Web */
/*---------------------------------------------------*/
  .sitec1 { border: 0.063em solid ;position:absolute;z-index:1;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-family: times;
    width: 100%;
    left: 0em;top:5em;
    }
/*--------------------------------------------------*/
/*Definition derniere section centree dans la page Web */
/*---------------------------------------------------*/
  .sitecd { border: 0.063em solid ;
     width: 70%; float:right;
    }
/* -----------------------------------------*/
/* definition gallerie de photos */
/*------------------------------------------*/
  .gallerie { border: 0.063em solid red;
    margin: 0em 0.063em 0.063em 0em;border:0;
    float: left; width:23.75em;
     }
  .gall1 { width:100%; height:100%;}
  .gall2 { width: 48.5%;    height: 48.5%;}
  .gall3 { width: 32.5%;height: 32.5%;}
  .gall4 { width: 24%;height: 24%;}
  .gall5 { width: 19%; }
  .gall6 { width: 16%; }
  .gallerie img.redu1 { width: 75%;   height: 75%;    }
  .gallerie img.redu2 { width: 50%;   height: 50%;    }
  .gallerie img.redu3 { width: 33%;   height: 33%;    }
  .gallerie img.redu4 { width: 25%;   height: 25%;    }
  .gallerie img.redu5 { width: 20%;   height: 20%;    }
  .gallerie img.redu6 { width: 16%;   height: 16%;    }
  .gallerie img { width: 100%;   height: 100%;    }