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

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

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

  #entete p { margin: 0 ;
    padding: 0pt;
    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: 0pt;z-index:10;width:100%;
    font-size: medium;top:3em;
     }
  .menugen dl { border: 1px solid ;
    padding: 0pt; 
    text-align: left; 
    width: 14%;
    float: left;
    display: block;
    }
.menugen dd { display: none; }

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

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

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

  #pied p { margin: 0pt 0pt 0pt 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: 0pt;
    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: 0pt;
    display: block;
    width: 15em;
    font-size: 1em;
    text-decoration: none;
    position: absolute;
    }
/*----------------------------------------*/
/*Definition section menu a gauche--------*/
  #menug { border: 1px solid ;
    width: 30%;
    }

  .choixv dt { margin: 2px 0pt;
    }

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

  .choixv li { padding: 0pt;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 1px;
    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: 0pt none ;
    color: rgb(0, 0, 0);
    display: block;
    height: 100%;
    }

  #sitemeng { left: 270px;
    position: relative;
    z-index:1;
    }
/*--------------------------------------------------*/
/*Definition section centree dans la page Web */
/*---------------------------------------------------*/
  .sitec { border: 1px solid ;
    margin: 0 0 0 0;
    padding: 0pt;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-family: times;
    width: 100%;
    left: 0pt;
    }
/*--------------------------------------------------*/
/*Definition section centree apres entete dans la page Web */
/*---------------------------------------------------*/
  .sitec1 { border: 1px solid ;position:absolute;z-index:1;
    color: rgb(0, 0, 0);
    font-size: 1em;
    font-family: times;
    width: 100%;
    left: 0pt;top:5em;
    }
/*--------------------------------------------------*/
/*Definition derniere section centree dans la page Web */
/*---------------------------------------------------*/
  .sitecd { border: 1px solid ;
     width: 70%; float:right;
    }
/* -----------------------------------------*/
/* definition gallerie de photos */
/*------------------------------------------*/
  .gallerie { border: 1px solid red;
    margin: 0pt 1px 1px 0pt;border:0;
    float: left;
    height: 140px;
    }

  .gall2 { width: 48%;    height: 48%;

    }

  .gall3 { width: 33%;height: 33%;
    }

  .gall4 { width: 24%;height: 24%;
    }
  .gall5 { width: 19%;
    }

  .gall6 { width: 16%;
    }

  .gallerie img { width: 100%;
    height: 100%;
    }