/**
* Classe css de l'installeur
*/
/* Main div */

*
{
  font-family:		verdana, helvetica, geneva, swiss, serif;
  font-size:		x-small;
}

h1, h2, h3
{
  padding:		1px;
  margin:		0;
  border:		0;
}

p{
  padding:		0;
  margin:		0;
  border:		0; 
}

form
{
  padding:		0px;
  margin:		0px;
  border:		0px;
}

img{border:		0px;}

label
{
  float:		left;
  display:		block;
  width:		165px;
  line-height:		20px;
  font-weight:		bold;
  vertical-align:	middle;
}

.clean
{
  display:		none;
  clear:		both;
  height:		0;
  width:		0;
}

textarea
{
  border:		0px;
  background:		transparent;
  width:		360px;
  padding:		2px;
  padding-left:		10px;
  text-align:		justify;
}

input
{
  width:		160px;
  border:		1px solid #333366;
  height:		16px;
  margin-top:		5px;
  margin-bottom:	7px;
}

.checkbox
{
  width:		20px;
}

.checkbox div
{
  float:		left;
  line-height:		15px;
}

.checkbox input
{
  display:		block;
  float:		left;
  width:		12px;
  border:		0;
}

.checkbox label
{
 display:		block;
 float:			left;
 text-align:		right;
}

.field
{
  display:		block;
  height:		24px;
  padding-left:		2px;
  width:		100%;
}

strong
{
  font-weight:		bold;
}

#application
{
  margin-left:		auto;
  margin-right:		auto;
  width:		620px;
}

#top{
/*  display:block;
  background-color:	transparent;*/
/*  background:		url(haut_logo.gif);
  width:		620px;
  height:		122px;*/
}

#data
{
  width:		614px;
  /*min-height:		14em;*/
  margin-bottom:	4px;
  padding-bottom:	0.9em;
  border:		2px solid #333366;
  border-radius: 	8px 8px 0 0;
  -moz-border-radius: 	8px 8px 0 0;
}


#divLicense
{
  border:		2px solid #333366;
  margin-top:		2px;
  width:		614px;
  background:		#c1d2ee;
  border-radius: 	0 0 8px 8px;
  -moz-border-radius: 	0 0 8px 8px;
}

#divLicense label
{
  width:		100%;
  font-weight:		bold;
  text-align:		center;
}

#divLicense textarea{
  width:		602px;
  border-top:		1px solid #333366;
  height:		200px;
  font-size:		x-small;
  background:		#FFFFFF;
  text-align:		justify;
  border-radius: 	0 0 8px 8px;
  -moz-border-radius: 	0 0 8px 8px;
}

.installtitre
{
  font-size:		x-small;
  border-bottom:	1px solid #333366;
  background:		#c1d2ee;
  font-weight:		bolder;
  text-align:		center;
  color:		#333366;
  margin-bottom:	10px;
  border-radius: 	8px 8px 0 0;
  -moz-border-radius: 	8px 8px 0 0;
}

#infoetape{
  float:		left;
  min-width:		210px;
  min-height:		8em;
  margin-left:		7px;
  background:		transparent;
  color:		#333366;
  border:		0px none;
}

#infoetape ul
{
  background:		transparent;
}

#infoetape .title
{
  border-bottom:	2px solid #333388;
}

.etape
{
/*   width:		226px; */
  background:		transparent;
  list-style:		none;
  margin:		0px;
  padding:		2px;
}

.etape li
{
  padding-left:		15px;
  padding-bottom:	1px;
  color:		#333366;
  font-size:		xx-small;
}

/* .etape .current, .etape .pass{
  background:		url(step.png)  0 50% no-repeat;
} */

.etape .current, .etape .pass
{
  background:		url(step.png)  0 50% no-repeat;
  background-color:	#c1d2ee;
/*   width:		218px; */
  border-radius:	6px 0 0 6px;
  -moz-border-radius:	6px 0 0 6px;
  font-weight:		bold;
}

#verif
{
  margin-left:		215px;
/*   width:		378px; */
}

#verif .field a span
{
  display:		none;
}

#verif .field a:hover span
{
  display:		block;
  position:		absolute;
  margin-left:		-242px;
  text-align:		justify;
  width:		216px;
  top:			150px;
  color:		#006633;
}

#application .main
{
  min-height:		8em;
  background-color:	transparent;
  border-left:		8px solid #c1d2ee;
  border-bottom:	3px solid #c1d2ee;
  border-radius:	0 0 0 6px;
  -moz-border-radius:	0 0 0 6px;
}

#application .main table {
	width: 100%;
}

#application .main td{}

#application .main .good, #application .main .vgood, #application .main .vopt, #application .main .alert
{
  background-position:	0 50%;
  background-repeat:	no-repeat;
  font-weight:		bold;
}

#application .main .good
{
	float:			left;
	min-width:		250px;
  padding-left:		14px;
  background-image:	url(on.png);
}

#application .main .vgood
{
  color:		green;
  text-align:		center;
}

#application .main .vopt
{
  padding-left:		14px;
  background-image:	url(opt.png);
  color:		blue;
}

#application .main .alert
{
  border:		2px solid #FF0000;
  padding-left:		14px;
  background:		#c1d2ee url(off.png) 0 0.3em no-repeat;
  color:		#FF0000;
}

.alert
{
  margin-top:		10px;
  font-weight:		bold;
}

#helpdesc
{
  /* margin-top:		10px; */
}

/* help sur la config de mysql */
#application .main a img
{
  padding-top:		2px;
}

#application .main a{}
#application .main .installeffected{}

#application .main .end
{
  margin-left:		15px;
  color:		#333366;
  text-decoration:	underline;
  font-weight:		bold;
}

#application #verif .title
{
  background:		transparent;
  border-top:		3px solid #c1d2ee;
  border-left:		8px solid #c1d2ee;
  border-bottom:	1px solid #c1d2ee;
  border-radius:	6px 0 0 0;
  -moz-border-radius:	6px 0 0 0;
  color:		#333366;
  font-weight:		bolder;
  padding-left:		15px;
}

.install_body
{
  background:		url(fond.jpg) 0 0 repeat;
}

.button
{
 /* float:		right;*/
  margin-top:		1em;
  margin-left:		69%;
  border-radius:	8px 8px 8px 8px;
  -moz-border-radius:	8px 8px 8px 8px;
  border:		2px solid #333366;
  background:		#c1d2ee;
  color:		#333366;
  font-weight:		bolder;
  width:		auto;
  height:		auto;
}
