/*-------------------------------------------------------*/
/*INITIALISATION des tags de la page---------------------*/

body{
  background:		rgb(219,219,219);
  text-align:		center;
  overflow:		scroll;
  font-family:		Arial,verdana;
  color:		rgb(255,255,255);
}

DL, DT, DD, UL, LI, P, DIV, TABLE, TD, TR, HR, H6{
  list-style-type:	none;
  margin: 		0;
  padding: 		0;
  border:		0 none;
}

A:active, A:link, A:visited{
  color:		rgb(0,0,170);
}

A:hover{
  text-decoration: 	none;
  color:		rgb(20,20,255);
}


/*-------------------------------------------------------*/
/*FEUILLE de travail-------------------------------------*/
/*-------------------------------------------------------*/

.zpaper{
  background:		rgb(232,232,232);
  border:		2px solid rgb(150,150,150);
  margin:		0 auto;
  padding:		0 0 4 0;
  overflow:		hidden;
  width:		700px;
}


/*-------------------------------------------------------*/
/*Gestion de l'ENTETE de la page-------------------------*/
/*-------------------------------------------------------*/

.zentete{
  background:		url(../img/entete03.jpg) no-repeat;
 sbackground-attachment:fixed;
  margin: 		0;
  height:		150px;
  overflow:		hidden;
  border: 		none;
}

.zentete P, .zentete IMG{
  float:		left;
}

.zentete P.zwelcome{
  sfont-size:		18px;
  font-weight:		bold;
  letter-spacing:	1.5px;
  margin-top:		45px;
  margin-left:		-250px;
}

.zentete P.zville{
  margin-top:		20px;
  margin-left:		300px;
  sfont-size:		9px;
}

.zentete P.zmelun{
  sfont-size:		14px;
  font-weight:		bold;
  margin-top:		30px;
  margin-left:		-50px;
}

.zentete IMG.zalmont{
  margin-top:		5px;
  margin-left:		10px;
}

.zentete IMG.zblason{
  margin-top:		13px;
  margin-left:		355px;
}

.zentete IMG.zbatiment{
  margin-top:		-30px;
  margin-left:		0px;
}

.zwelcome, .zmelun, .zville{
  font-family:		arial,verdana;
  color:		rgb(0,128,0);
}


/*-------------------------------------------------------*/
/*Gestion du CORPS (MENU + CORPS 1&2) de la page---------*/
/*-------------------------------------------------------*/


.zcorps{
  background:		none;
  vertical-align:	top;
  text-align:		justify;
  padding-left:		100px;
  padding-right:	15px;
  height:		450px;
  color:		rgb(80,80,80);
  font-size:		13px;
  font-family:		arial;
}



/*-------------------------------------------------------*/
/*Gestion du MENU de la page (zmenu)---------------------*/
/*-------------------------------------------------------*/

.zmenu{
  background:		none;
  width:		75px;
  margin:		0;
  border:		0;
  text-align:		center;
  float:		left;
  position:absolute;
}

.zmenu IMG{
  border:		0 none;
  margin:		2px;
  text-decoration:	none;
}

/*-------------------------------------------------------*/
/*Gestion du CORPS-1 de la page (zcorps)-----------------*/
/*-------------------------------------------------------*/

.zcorpstexte{
  background:		rgb(40,166,233);
  width:		245px;
  color:		rgb(255,255,255);
 sfont-size:		12px;
  vertical-align: 	top;
  overflow: 		hidden;
  float:		left;
}

.zcorpstexte IMG{
  float:		left;
  margin-right:		5px;
  margin-bottom:	0;
  padding-bottom:	0;
}

.zcorpstexte TABLE{
  sfont-size:		12px;
}

.zcorpstexte TABLE.indice{
  sfont-size:		9px;
}

.zhautimg{
  background:		none;
  height:		120px;
  overflow-y:		hidden;
}

.ztexte{
  padding:		5px;
  text-align:		justify;
  border:		none;
}
.ztexte IMG{
  border:		0;
}

.zpartenaire{
  height: 		80px;
  padding-left:		5px;
  text-align:		left;
  align: 		center;
}

.zpartenaire A{
  sfont-size:		9px;
}

.zpartenaire IMG{
  border :		0 none;
  float:		left;
}

H4{
  color:		rgb(0,3,100);
  font-size:		9px;
}

H5{
  font-size:		9px;
  font-weight:		normal;
  margin-left:		105px;
}

H5 A{
  font-size:		12px;
}

H5 A.zipageselect{
  background:		rgb(0,128,0);
}

H5 A{
  background:		rgb(255,255,255);
  text-decoration:	none;
}

H5 A:hover{
  background:		rgb(109,182,109);
}

H6{
  font-size:		10px;
  font-weight:		normal;
}

HR{
  background-color:	rgb(255,255,255);
  border:		0;
  color:		rgb(0,3,100);
  height:		2px;
   margin:		5px 0 0 0;
   padding :		0;
   width:		120px;
}


/*-------------------------------------------------------*/
/*Gestion du CORPS-2 de la page (zimages)----------------*/
/*-------------------------------------------------------*/

.zimages, .zcomment{
  background:		none;
  width:		375px;
  overflow:		hidden;
  text-align:		left;
  vertical-align:	top;
  sfont-size:		12px;
  float:		left;
}

.zimages UL{
  border:		0 none;
  margin:		0;
  padding:		0;
}

.zballcoty IMG, .zballpeguy IMG, .zballalmont IMG{
  border:		0 none;
}

.zimages UL.zballcoty{
  margin-top:		-315px;
  margin-left:		15px;
  background-attachment:fixed;
}

.zimages UL.zballpeguy{
  margin-top:		-230px;
  margin-left:		115px;
  background-attachment:fixed;
}

.zimages UL.zballalmont{
  margin-top:		-90px;
  margin-left:		320px;
  background-attachment:fixed;
}

.zimages DIV.comments{
  align:		center;
}


.descript{
  background:		rgb(150,150,150);
  padding:		3px;
  border:		0;
}

.descript TABLE{
  sfont-size:		12px;
  text-align:		justify;
  text-indent:		0px;
}

.descript TABLE TD{
  vertical-align:	top;
}


.comments{
  color:		rgb(80,80,80);
  text-align:		justify;
  display:		block;
  padding:		7px;
  border:		2px solid rgb(150,150,150);
  background:		rgb(200,200,200);
}

.comments TABLE TD{
  sfont-size:		12px;
  align:		left;
  vertical-align:	top;
  padding-left:		2px;
}

.comments TABLE TD{
  color:		rgb(80,80,80);
}

/*Gestion des images flottantes---------------------*/
/*	zZ1, zZ2, zZ3 : infos sur carte melun (li�s � zballcoty, zballpeguy et zballalmont). - Pages: index, Accueil2, Accueil3 et Accueil4
		zbcoty, zbpeguy, zbalmont : ballons sur carte. - Pages:Incubateur, pepiniere et centresaffaires
		photocoty, photopeguy, photoalmont : photos voisinnes des ballons.
*/

#zZ1, #zZ2, #zZ3{
  background-color:	rgb(150,150,150);
  text-align:		center;
  width:		120px;
  border:		2px solid rgb(230,230,230);	
}

#zZ1, #zZ2, #zZ3{
  visibility:		hidden;
}

#zZ2{
  margin-top:		0px;
  margin-left:		0px;
}

#zZ3{
  margin-top:		-60px;
  margin-left:		-125px;
}

#zbcoty{
  margin-top:		45px;
  margin-left:		85px;

}

#zbpeguy{
  margin-top:		45px;
  margin-left:		92px;
}

#zbalmont{
  margin-top:		30px;
  margin-left:		80px;
}

#photocoty, #photopeguy, #photoalmont{
  margin-top:		0px;
  margin-left:		187px;
}

.zimages IMG.pepin{
  float:		left;
}

.zgroupimg{
  background: 		none;
  height:		100px;
}

.zgroupimg IMG{
  position:		absolute;
}



/*-------------------------------------------------------*/
/*Gestion du BAS de la page (zbaspage)-------------------*/
/*-------------------------------------------------------*/

.zbaspage{
  background:		none;
  width:		700px;
  color:		rgb(150,150,150);
  font-size:		8px;
  margin:		0 auto;
}


.zcomment, .zcomment TABLE{
  border:		0 none;
  color:		rgb(0,90,255);
  font-size:		12px;
  text-align:		justify;
}

.zcomment P, .zcomment FORM{
  padding:		5px;
}


/*-------------------------------------------------------*/
/*Gestion du FORMULAIRE de la page-----------------------*/
/*-------------------------------------------------------*/


INPUT, TEXTAREA, SELECT{
  background:		rgb(255,255,255);
  border:		2px solid rgb(40,166,233);
  font-family:		arial,verdana,arial;
 sfont-size:		12px;
  color:		rgb(0,90,255);
}

SELECT{
  border: 		1px rgb(40,166,233);
}

INPUT.binput{
  background:		rgb(150,150,150);
  color:		rgb(255,255,255);
  font-size:		12px;
}

INPUT.binput:hover {
  background:		rgb(255,255,255);
  color:		rgb(150,150,150);
  border-style:		inset;
}

INPUT.binput:active {
  background:		rgb(40,166,233);
  border-color:		rgb(255,255,255);
  color:		rgb(255,255,255);
  border-style:		inset;
}