body{
	height:100%;
	width:100%;
  position:relative;
  font-family:Dolly-Roman, Garamond, Times new Roman;
  font-size:14px;
}
#general{
  /*width:855px;*/
  position:relative;
  overflow:hidden;
  margin:0px;
  padding:0px;
}

#bodyIndex{
  margin-left:30px;
  margin-top:5px;
}
#top{
  height:84px;
  width:835px;
  background:url('../TitreMenuFixe/titre.gif') no-repeat;
}
#colLeft{
  width:335px;
  float:left;
}
#txt{
  text-align:left;
  line-height:16px;
}
a{
  color:#9a0b0b;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}


/*     -------------------------
              Iframe / Pages
       -------------------------      */

#colRight{
  border:none;
  float:left;
  width:510px;
  /*height:5000px;*/
  margin-left:20px;
  margin-top:75px;
  margin-bottom:50px;
  border-color:#FFF;
}
iframe{
  border:none;
}
.decalle{
  margin-left:30px;
}
.txt{
  width:470px;
  line-height:17px;
}
.titre{
  font-size:17px;
  font-family:Dolly-Italic, Garamond
  }
/*     -------------------------
              Menu Gauche
       -------------------------      */
#colLeft #menu{
  background:url('../TitreMenuFixe/RayureFond.gif') ;
  width:100%;
  float:left;
  padding-top:20px;
  padding-bottom:20px;
}
#menu a{
    display:block;
    margin-left:20px;
    margin-top:10px;
}
#menu #accueil{
  background:url('../TitreMenuFixe/Accueil.gif') no-repeat;
  height:29px;
  width:151px;
  margin-top:0px;
}
#menu #accueil:hover{
  background:url('../TitreMenuFixe/Accueil2.gif') no-repeat;
}
#menu #genese{
  background:url('../TitreMenuFixe/Genese.gif') top left no-repeat;
  height:50px;
  width:303px;
  margin-top:40px;
}
#menu #genese:hover{
  background:url('../TitreMenuFixe/Genese2.gif') no-repeat;
}
#menu #entrepot{
  background:url('../TitreMenuFixe/Entrepot.gif') no-repeat top left;
  height:18px;
  width:104px;
  margin-top:0px;
}
#menu #entrepot:hover{
  background:url('../TitreMenuFixe/Entrepot2.gif') no-repeat;
}
#menu #lieuDeVie{
  background:url('../TitreMenuFixe/Leslieuxdevie.gif') no-repeat;
  height:18px;
  width:146px;
  margin-top:0px;
}
#menu #lieuDeVie:hover{
  background:url('../TitreMenuFixe/Leslieuxdevie2.gif') no-repeat;
}
#menu #espaceDiponible{
  background:url('../TitreMenuFixe/Lespacedisponible.gif') no-repeat;
  height:58px;
  width:188px;
  margin-top:0px;
}
#menu #espaceDiponible:hover{
  background:url('../TitreMenuFixe/Lespacedisponible2.gif') no-repeat;
}
#menu #habitantDuQuartier{
  background:url('../TitreMenuFixe/Noushabitants.gif') no-repeat;
  height:16px;
  width:309px;
  margin-top:0px;
}
#menu #habitantDuQuartier:hover{
  background:url('../TitreMenuFixe/Noushabitants2.gif') no-repeat;
}
#menu #atelier13{
  background:url('../TitreMenuFixe/Atelier13.gif') no-repeat;
  height:23px;
  width:144px;
  margin-top:10px;
}
#menu #atelier13:hover{
  background:url('../TitreMenuFixe/Atelier132.gif') no-repeat;
}
#menu #agenda{
  background:url('../TitreMenuFixe/Agenda.gif') no-repeat;
  height:30px;
  width:155px;
  margin-top:50px;
}
#menu #agenda:hover{
  background:url('../TitreMenuFixe/Agenda2.gif') no-repeat;
}
#menu #mois{
  margin-left:10px;
}
#menu #mois a{
  height:12px;
  float:left;
  padding:0;
  margin-left:10px;
}
#menu #juin{
  background:url('../TitreMenuFixe/Juin.gif') no-repeat;
  width:28px;
}
#menu #juin:hover{
  background:url('../TitreMenuFixe/Juin2.gif') no-repeat;
}
#menu #juillet{
  background:url('../TitreMenuFixe/Juillet.gif') no-repeat;
  width:50px;
}
#menu #juillet:hover{
  background:url('../TitreMenuFixe/Juillet2.gif') no-repeat;
}
#menu #aout{
  background:url('../TitreMenuFixe/Aout.gif') no-repeat;
  width:38px;
}
#menu #aout:hover{
  background:url('../TitreMenuFixe/Aout2.gif') no-repeat;
}
#menu #septembre{
  background:url('../TitreMenuFixe/Septembre.gif') no-repeat;
  width:75px;
}
#menu #septembre:hover{
  background:url('../TitreMenuFixe/Septembre2.gif') no-repeat;
}
#menu #octobre{
  background:url('../TitreMenuFixe/Octobre.gif') no-repeat;
  width:63px;
}
#menu #octobre:hover{
  background:url('../TitreMenuFixe/Octobre2.gif') no-repeat;
}
#menu #infos{
  background:url('../TitreMenuFixe/Infos.gif') no-repeat;
  height:20px;
  width:191px;
  margin-top:30px;
}
#menu #infos:hover{
  background:url('../TitreMenuFixe/Infos2.gif') no-repeat;
}
/*     -------------------------
              Menu Flottants
       -------------------------      */
.flottant{
  display:block;
  position:absolute;
  border:1px solid #000;
  background:#FFF;
}
.masque{
  display:none;
}
#geneseMenu a{
  display:block;
  height:15px;
  width:100%;
  padding:0;
  margin:0;
}
#geneseMenu{
  width:250px;
  left:200px;
  margin-top:-30px;
  padding:5px;
}

#entrepotMenu a{
  display:block;
  height:15px;
  width:100%;
  padding:0;
  margin:0;
}
#entrepotMenu{
  width:250px;
  left:70px;
  padding:5px;
}

#lieuDeVieMenu a{
  display:block;
  height:15px;
  width:100%;
  padding:0;
  margin:0;
}
#lieuDeVieMenu{
  width:250px;
  left:100px;
  padding:5px;
}

#espaceDisponibleMenu a{
  display:block;
  height:15px;
  width:100%;
  padding:0;
  margin:0;
}
#espaceDisponibleMenu{
  width:250px;
  left:140px;
  padding:5px;
  margin-top:-40px;
}
#agendaMenu a{
  display:block;
  height:15px;
  width:100%;
  padding:0;
  margin:0;
}
#agendaMenu{
  width:250px;
  left:100px;
  padding:5px;
}
#Unlieuendesherence{
  background:url('../TitreMenuSurvol/Unlieuendesherence.gif') no-repeat;
}
#Desprises{
  background:url('../TitreMenuSurvol/Desprises.gif') no-repeat;
}
#Unpotentiel{
  background:url('../TitreMenuSurvol/Unpotentiel.gif') no-repeat;
}
#Unprocessus{
  background:url('../TitreMenuSurvol/Unprocessus.gif') no-repeat;
}
#Alexterieur{
  background:url('../TitreMenuSurvol/Alexterieur.gif') no-repeat;
}
#Dedans{
  background:url('../TitreMenuSurvol/Dedans.gif') no-repeat;
}
#Lacouleur{
  background:url('../TitreMenuSurvol/Lacouleur.gif') no-repeat;
}
#Etlaphilo{
  background:url('../TitreMenuSurvol/Etlaphilo.gif') no-repeat;
}

#Unlieuendesherence:hover{
  background:url('../TitreMenuSurvol/Unlieuendesherence2.gif') no-repeat;
}
#Desprises:hover{
  background:url('../TitreMenuSurvol/Desprises2.gif') no-repeat;
}
#Unpotentiel:hover{
  background:url('../TitreMenuSurvol/Unpotentiel2.gif') no-repeat;
}
#Unprocessus:hover{
  background:url('../TitreMenuSurvol/Unprocessus2.gif') no-repeat;
}
#Alexterieur:hover{
  background:url('../TitreMenuSurvol/Alexterieur2.gif') no-repeat;
}
#Dedans:hover{
  background:url('../TitreMenuSurvol/Dedans2.gif') no-repeat;
}
#Lacouleur:hover{
  background:url('../TitreMenuSurvol/Lacouleur2.gif') no-repeat;
}
#Etlaphilo:hover{
  background:url('../TitreMenuSurvol/Etlaphilo2.gif') no-repeat;
}




#Lameduprojet{
  background:url('../TitreMenuSurvol/Lameduprojet.gif') no-repeat;
}
#Unsysteme{
  background:url('../TitreMenuSurvol/Unsysteme.gif') no-repeat;
}
#comment{
  background:url('../TitreMenuSurvol/comment.gif') no-repeat;
}
#Lesespacescontruits{
  background:url('../TitreMenuSurvol/Lesespacescontruits.gif') no-repeat;
}
#louerunstand{
  background:url('../TitreMenuSurvol/louerunstand.gif') no-repeat;
}
#Rserverunesalle{
  background:url('../TitreMenuSurvol/Rserverunesalle.gif') no-repeat;
}
#SOCIOculture{
  background:url('../TitreMenuSurvol/SOCIOculture.gif') no-repeat;
}
#socioCULTUREL{
  background:url('../TitreMenuSurvol/socioCULTUREL.gif') no-repeat;
}
#Avant{
  background:url('../TitreMenuSurvol/Avant.gif') no-repeat;
  cursor:defaut;
}
#Maintenant{
  background:url('../TitreMenuSurvol/Maintenant.gif') no-repeat;
}
#Apres{
  background:url('../TitreMenuSurvol/Apres.gif') no-repeat;
}

#Lameduprojet:hover{
  background:url('../TitreMenuSurvol/Lameduprojet2.gif') no-repeat;
}
#Unsysteme:hover{
  background:url('../TitreMenuSurvol/Unsysteme2.gif') no-repeat;
  }
#comment:hover{
  background:url('../TitreMenuSurvol/comment2.gif') no-repeat;
}
#Lesespacescontruits:hover{
  background:url('../TitreMenuSurvol/Lesespacescontruits2.gif') no-repeat;
}
#louerunstand:hover{
  background:url('../TitreMenuSurvol/louerunstand2.gif') no-repeat;
}
#Rserverunesalle:hover{
  background:url('../TitreMenuSurvol/Rserverunesalle2.gif') no-repeat;
}
#SOCIOculture:hover{
  background:url('../TitreMenuSurvol/SOCIOculture2.gif') no-repeat;
}
#socioCULTUREL:hover{
  background:url('../TitreMenuSurvol/socioCULTUREL2.gif') no-repeat;
}
#Maintenant:hover{
  background:url('../TitreMenuSurvol/Maintenant2.gif') no-repeat;
}
#Apres:hover{
  background:url('../TitreMenuSurvol/Apres2.gif') no-repeat;
}
.encours {
background:#FF9966
}