/* CSS Document */
/***********************************************/
/* form.css version 2.0                        */
/* bureau outils intranet asmeg.org            */
/* auteur: Jerome Travers                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/*********************************************************************/
/*      [formulaires metiers] la fameuse class box est de retour     */
/*********************************************************************/

.box{
	margin-top: 0px;
	position: relative;
	width: 100%;
}

.box p{
	margin: 10px;
}

.box dt{
	margin-top: 20px;
	margin-left: 10px;
	font-size: 1.2em;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
}

.box dd{
	margin-top: -16px;
	margin-left: 150px;
	padding: 1px;
}

.box ul{
	list-style-type: none;
	margin-top: 20px;
	}

.box li{
	margin-top: -20px;
	margin-right: 5px;
	list-style-type: none;
	float: left;
}

.box textarea, select, input{
	border: 1px #808080 solid;
}

.valeur {
	font-size: 1.1em;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
	background-color: #ADC3C7;
	padding: 3px;
}

.regul {clear: both;}

/*********************************/
/*          les boutons          */
/* *******************************/

/*bouton valider vert fluo*/
input.valider {
	border:1px solid #00D000;
	background-color: #00D000;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

input.valider:hover {border:1px solid #F9F9F9;}
input.valider:active {border:1px inset #0878A6;} 

/*bouton valider vert variable*/
input.validersans {
	border:1px solid #00D000;
	background-color: #00D000;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

/*bouton action variable et rouge*/
input.action {
	border:1px solid #FF6633;
	background-color: #FF6633;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

input.action:hover {border:1px solid #F9F9F9;}
input.action:active {border:1px inset #0878A6;} 


/*bouton suivant*/
input.suivant {
	border:1px solid #0878A6;
	clear: both;
	background-color: #0878A6;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
}

input.suivant:hover {border:1px solid #F9F9F9;}
input.suivant:active {border:1px inset #0878A6;} 

/*bouton retour gris*/
input.retour {
	clear: both;
	background-color: #D8D3CC;
	padding: 5px;
	color: #666666;
	font-weight: bold;
	margin-top: 20px;
}


select.recherche {
	border:1px solid #ADC3C7;
	margin-top: 1px;
	margin-bottom: 3px;
	padding: 0px;
}

/*********************************/
/*        le selecteur           */
/* *******************************/
#formselecteur {
	margin: 20px;
}

#formselecteur form{
	border:1px solid #ADC3C7;
	padding: 20px 10px 0px 10px;
}

#formselecteur p{
	margin-left: 15px;
	margin-right: 2em;
	text-align: justify;
	line-height: 1.3em;
}

#formselecteur .clearfixe{
	/*border-top: 1px solid #CCC;*/
	padding: 10px 0px;
	vertical-align:top;
}
		
#formselecteur form label{
	width: 100px;
	float: left;
	font-size: 1.2em;
	color:  #003366;
	margin: 0 7px 0 0;
	line-height: 1.3em;
}

#formselecteur input{
	border:1px solid #ADC3C7;
	margin-top: -5px;
	margin-bottom: 10px;
	padding: 1px;
}

#formselecteur input.selecteur {
	border:1px solid #00D000;
	background-color: #00D000;
	width: 80px;
	padding: 5px;
	color: #FFFFFF;
}

#formselecteur input.selecteur:hover {border:1px solid #F9F9F9;}
#formselecteur input.selecteur:active {border:1px inset #0878A6;} 

/************************************************************/
/*   [formulaires simple] ce bon vieux formcontainer        */
/************************************************************/

/*ajout ccas (modifie le 03/10/2007) */


#formcontainer{
	float: left;
	margin-top: 0px;
	position: relative;
	width: 100%;
	padding-top:5px;
}

#formcontainer p{
	margin-left: 15px;
	margin-right: 2em;
	text-align: justify;
	line-height: 1.3em;
}

#formcontainer .clearfixe{
	border-top:1px dashed #CCC;
	padding: 10px 0px;
	margin:0 3px 0 2px;
	clear: both;
}	
	
#formcontainer label{
	width: 150px;
	float: left;
	font-size: 1.1em;
	line-height: 1.2em;
	color:  #003366;
	margin:  2px 7px;
	position: relative;
}	

#formcontainer dd{
	margin-top: -6px;
	margin-left: 100px;
	padding: 1px;
}

/************************************************************/
/*   [la boxvalid] la belle compagne du formcontainer       */
/************************************************************/


#boxvalid{/*ccas GDS*/
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0;
	text-align: center;
}	


#boxvalid2{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center;
}

#boxvalidright{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	text-align: right;
}

#boxvalidright{
	position: relative;
	/* correction d'un bug IE PC */
	margin-top: 0.7em;
	margin-bottom: 1em;
	padding: 0;
	background-color: #FFFFFF;
	text-align: right;
}

/*fin methode 2*/

/*----- fin formulaires -----*/