/*
	Style des formulaires
*/
form
{
	width			: 350px;
	margin			: .5em auto;
}


form fieldset
{
	padding				: .8em;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #BBB;
}

form legend
{
	padding		: 1px 3px;
}

form label
{
	float			: left;
	text-align		: right;
	padding-right	: .5em;
	margin-top		: .7em;
	color			: #004899;
	width			: 10em;
	cursor			: pointer;
	clear			: left;
}
form label span.complement
{
	display			: block;
	font-size		: .8em;
	color			: #777;
}


form div.group-radio,
form div.group-checkbox
{
	float			: left;
	margin-top		: .8em;
}
form div.group-radio input,
form div.group-checkbox input
{
	margin			: 0;
	padding			: 0;
	float			: left;
}
form div.group-radio label,
form div.group-checkbox label
{
	float			: none;
	margin			: 0 0 0 .3em;
	color			: #333;
}

form select
{
	border				: 1px solid #799e3e;
	color				: #2D2D2D;
	background-color	: #FAFAFA;
	margin-top			: .5em;
}

form .bouton {
	background-color	: #bdff80;
	border				: 1px solid #799E3E;
	color				: #333;
	font-size			: 1em;
	float				: left;
	font-weight			: bold;
	cursor				: pointer;
	display				: block;
	margin-top			: .7em;
}
input.bouton+input.bouton {
	margin-left			: .5em;
}
form .bouton:hover {
	background-color	: #C9F67D;
}
form input#retour {
	margin-left			: 1em;
	background-color	: transparent;
	border				: none;
	border-left			: 1px solid #799E3E;
	color				: #666666;
}
form input#retour:hover {
	color				: #000000;
}

form input.action-secondaire
{
	display				: block;
	border				: none;
	background-color	: transparent;
	font-size			: .95em;
	margin-left			: 1em;
	text-decoration		: underline;
	cursor				: pointer;
	color				: #666;
	margin-top			: .7em;
}
form input.action-secondaire:hover
{
	color				: #000;
/*
	content				: " | gfghfgh";
*/
}
form input.action-secondaire:before
{
	content				: " | gfghfgh";
}

form input.champ-text
{
	background			: url(/images/design/icons/arbre/search.png) #FAFAFA no-repeat right 100px;
	border				: 1px solid #539148;
	color				: #2D2D2D;
	background-color	: #FAFAFA;
	margin-top			: .5em;
	padding-right		: 17px;
}
form input.champ-text:focus
{
	border				: 1px solid #73c964;
}
form input.champ-text.required
{
	background-position	: right -48px;
}
form input.champ-text.validation-failed
{
	border				: 1px solid #ff4d4d;
	background-position	: right -16px;
}
form input.champ-text.validation-passed
{
	background-position	: right -32px;
}

form input.champ-file
{
	border				: 1px solid #539148;
	color				: #2D2D2D;
	background-color	: #FAFAFA;
	margin-top			: .5em;
}
form input.checkbox
{
	margin				: 0;
	margin-top			: .6em;
}

form textarea
{
	border				: 1px solid #539148;
	width				: 600px;
	height				: 300px;
	color				: #2D2D2D;
	background-color	: #FAFAFA;
	overflow			: auto;
	margin-top			: .8em;
}
.mceEditor {
	clear: both;
	display: block;
}

form fieldset.form-erreur
{
	border	: 1px solid #DB0808;
	margin	: 6px 3px 3px 3px;
}
form p.form-erreur
{
	margin		: 0 0 .5em 0;
	padding		: 0;
	color		: #F00;
}

form fieldset.form-erreur legend
{
	border		: 1px solid #DB0808;
	padding		: 1px 3px;
}

p.liste-erreurs
{
	color		: #FF3333;
	text-align	: center;
}

form p.error, form p.info, form ul.error
{
	margin		: 0 0 0 10.5em;
	padding		: 0;
	color		: #F22;
	clear		: both;
}
form ul.error
{
	list-style-position			: inside;
}
form p.info
{
	color		: #666;
}

.liste-infos
{
	color		: #33FF33;
	text-align	: center;
	font-weight	: bold;
}

#envoie-mail-reunion-terminee
{
	width			: 80%;
	margin-left		: auto;
	margin-right	: auto;
}


/*
 * Formulaire d'identification sur page index
 */
form.formulaire-login-index
{
	background-color	: transparent;
	width				: 300px;
}
form.formulaire-login-index fieldset
{
	border	: none;
	padding	: 0;
	margin	: 0;
}
form.formulaire-login-index label
{
	color	: #82B826;
	width	: 8em;
}
form.formulaire-login-index input.champ-text
{
	background-color	: #FAFAFA;
	width				: 115px;
	height				: 14px;
	border				: 1px solid #90C632;
}
form.formulaire-login-index input.bouton
{
	background-image	: none;
	background-color	: transparent;
	color				: #484647;
	border				: none;
	float				: none;
	padding				: 0;
	margin				: 0;
}
form.formulaire-login-index div.infos-connexion
{
	margin-top		: 25px;
}
form.formulaire-login-index div.infos-connexion input.bouton
{
	margin				: 0;
	padding				: 0;
	display				: inline;
}


/*
 * Réunion
 */
#reunion-invitation-participants
{
	margin-top			: 2em;
}

/* programmation d'un réunion */
form#programmer-reunion
{
	margin				: 0;
	
}
form#programmer-reunion fieldset
{
	border				: none;
	padding				: 0;
}
form#programmer-reunion label
{
	width				: 4em;
}
form#programmer-reunion img
{
	display				: inline;
	float				: none;
}




/*
 * Certains formulaires
 */
form#ajout-workspace,
form#form-contacter-animateur-groupe,
form#form-contacter-membres-groupe,
form#form-contacter-animateur,
form#ajout-document,
form#edition-commentaire-document,
form#edition-commentaire-fichier,
form#ajout-fichier,
form#editer-groupe,
form#ajout-utilisateurs-groupe,
form#contact,
form#envoie-message-multiple,
form#action-document,
form#fichier-synchrone
{
	width	: 650px;
}

/*
 * Autres formulaires
 */
form#changer-mot-de-passe,
form#preferences,
form#ajout-email,
form#ajout-animateur-groupe,
form#demanderappelle,
form#registration,
form#form-ajout-animateur
{
	width	: 450px;
}

form.ajouter-groupe#editer-groupe
{
	width	: 300px;
}
form.ajouter-workspace#ajout-workspace
{
	width	: 500px;
}


form#ajout-document.edition-document {
/*	float: left;*/
	margin: .3em auto;
}
form#action-document{
/*	float: right;*/
	margin: .3em auto;
}
form#action-document select {
	width: 20em;
}



form input[disabled=disabled]
{
	border				: none !important;
	cursor				: default;
	background-color	: transparent;
}


form.timehistory
{
	width				: 36em;
	margin				: 0;
	padding				: 0;
}
form.timehistory fieldset
{
	margin				: 0;
	padding				: .5em;
	border				: 1px solid #CCC;
}
form.timehistory label
{
	margin				: 0;
	float				: none;
}
form.timehistory select
{
/*
	float				: none;
	margin				: 0 0 0 .5em;
	height				: 1.5em;
	padding				: 0;
*/
}
form.timehistory .bouton
{
	float				: none;
	margin				: 0;
	font-size			: .9em;
/*
	height				: 1.5em;
*/
	padding				: 0;
}


form#preferences label,
form#changer-mot-de-passe label,
form#ajout-email label,
form.enlarge-labels label,
form label.largest
{
	width				: 15em;
}
form#preferences p.error,
form#changer-mot-de-passe p.error,
form#ajout-email p.error,
form p.error.more-right,
form.enlarge-labels p.info,
form.enlarge-labels p.error,
form.enlarge-labels ul.error
{
	margin-left			: 15.5em;
}




.div-profil fieldset
{
	position			: relative;
	border				: #888 solid 1px;
}
.div-profil fieldset legend
{
	padding				: .3ex .5em;
}


form div.bloc.groups
{
	display	: none;
}
form div.select-users div.bloc
{
	float				: left;
	margin-left			: 1em;
}
form div.select-users div.bloc ul
{
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
form div.select-users div.bloc ul li
{
	clear				: both;
}
form div.select-users div.bloc div.group-checkbox
{
	float				: none;
}


form div.by-invitation
{
/*
	margin-top			: 3em;
*/
}



form#select-users-for-meeting
{
	margin				: 0;
	width				: 100%;
}
form#select-users-for-meeting div.users-list label
{
	float				: none;
	margin-right		: 1em;
}
form#select-users-for-meeting input.bouton
{
	margin				: 0;
	float				: none;
	padding				: 0;
}


form#configure-meeting
{
	width		: 100%;
	margin		: 0;
}
form#configure-meeting fieldset
{
	border		: #888 solid 1px;
}
form#configure-meeting label
{
	width				: 20em;
}


/* taille 100% */
form.width-max
{
	width				: 100%;
}


form.confirm table {
	width				: 100%;
	margin				: 1em auto;
	border				: 1px solid #799E3E;
}
form.confirm table th {
	background-color	: #EFEFEF;
	color				: #333333;
}
form.confirm table th,
form.confirm table td {
	border				: 1px solid #799E3E;
}
form.confirm input.bouton {
	margin				: 0;
	float				: none;
	display				: inline;
}
form.confirm span.separator {
	border-left			: 1px solid #799E3E;
	width				: 1px;
	padding				: 3px 0 1px 0;
}