/************** Forms & pseudo-form **************/

.form fieldset,
.fieldset {
	border: 1px solid #d9d9d9;
	padding: 1em 1.667em 1.667em 1.667em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-webkit-background-clip: padding-box;
	border-radius: 0.25em;
	margin-bottom: 1.667em;
	}
	/* IE class */
	.ie7 .block-content .form fieldset.no-margin,
	.ie7 .form.block-content fieldset.no-margin,
	.ie7 .form .block-content fieldset.no-margin {
		display: block;
		width: 100%;
	}
	.fieldset {
		position: relative;
		z-index: 89;
		padding-top: 1.667em;
	}
	.with-legend {
		margin-top: 1em;
	}
	/* IE class */
	.ie .form fieldset {
		padding-top: 0;
		}
		.ie .form fieldset.no-legend {
			padding-top: 1.667em;
		}
	.form legend,
	.legend {
		margin-left: -0.833em;
		}
		.legend {
			position: absolute;
			left: 1.667em;
			top: -1.083em;
		}
		/* IE class */
		.ie .form legend {
			margin-bottom: 1em;
			margin-top: -1em;
			}
			.ie .form .fieldset-with-legend {
				margin-top: 2em;
			}
			.ie .form .fieldset-with-legend-first-child {
				margin-top: 1em;
			}
		.form legend a,
		.legend a {
			display: block;
			margin: -0.25em -0.333em -0.333em -0.5em;
			padding: 0.25em 20px 0.333em 0.5em;
			color: #666;
			background: url(../images/icons/fugue/chevron-off.png) no-repeat right 60%;
			}
			.form legend a:hover,
			.legend a:hover {
				color: #3399cc;
				background-image: url(../images/icons/fugue/chevron.png);
			}

	.form fieldset.collapsed,
	.fieldset.collapsed {
		border: none;
		padding: 0;
		background: none;
		padding-left: 0.933em;    /* ajouté par tristan - décalage à droite de la légende */

		}
 /* ajouté par tristan */
 .form fieldset.float_left,.fieldset.float_left {display:block;}
.form fieldset.float_left.collapsed,.fieldset.float_left.collapsed {
		border: none;
		padding: 0;
		background: none;
		padding-left: 0.933em;
		display:inline;
		}
		.form fieldset.no-margin.collapsed,
		.fieldset.no-margin.collapsed {
			padding-left: 1.667em;
		}
		.form fieldset.no-margin.collapsed:last-child,
		.fieldset.no-margin.collapsed:last-child {
			padding-bottom: 1.667em;
		}
		/* IE class */
		.form fieldset.no-margin.collapsed.last-child,
		.fieldset.no-margin.collapsed.last-child {
			padding-bottom: 0.667em;
		}
		.form fieldset.collapsed > *,
		.fieldset.collapsed > * {
			display: none;
			}
			.form fieldset.collapsed legend,
			.fieldset.collapsed .legend {
				display: block;
				margin-left: 0;
				}
				.ie7 .form fieldset.collapsed legend,
				.ie7 .fieldset.collapsed .legend {
					display: inline-block;
				}
				.form fieldset.collapsed legend a,
				.fieldset.collapsed .legend a {
					background-image: url(../images/icons/fugue/chevron-expand-off.png);
					}
					.form fieldset.collapsed legend a:hover,
					.fieldset.collapsed .legend a:hover {
						background-image: url(../images/icons/fugue/chevron-expand.png);
					}

		fieldset legend .show-expanded, .fieldset .legend .show-expanded { display: inline; }
		fieldset legend .show-collapsed, .fieldset .legend .show-collapsed { display: none; }
		fieldset.collapsed legend .show-expanded, .fieldset.collapsed .legend .show-expanded { display: none; }
		fieldset.collapsed legend .show-collapsed, .fieldset.collapsed .legend .show-collapsed { display: inline; }

	.block-content .form fieldset.no-margin,
	.block-content.form fieldset.no-margin,
	.form .block-content fieldset.no-margin,
	.block-content .fieldset.no-margin {
		/*border-color: #999999; */
		border-width: 1px 0 1px 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-webkit-background-clip: padding-box;
		border-radius: 0;
		}
				.form fieldset.no-margin legend,
		.fieldset.no-margin .legend {
			margin-left: 0;
		}
		/* IE class */
		.ie7 .form fieldset.no-margin legend {
			margin-left: -0.667em;
		}

			.block-content .form fieldset.no-bottom-border,
	.block-content.form fieldset.no-bottom-border,
	.form .block-content fieldset.no-bottom-border,
	.block-content .fieldset.no-bottom-border {
		border-bottom: 0;
		}

	.form fieldset:last-child,
	.fieldset:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	.form fieldset.last-child,
	.fieldset.last-child {
		margin-bottom: 0;
	}
	.block-content .form fieldset.no-margin:last-child,
	.block-content.form fieldset.no-margin:last-child,
	.form .block-content fieldset.no-margin:last-child,
	section .fieldset.no-margin:last-child {
		border-bottom: 0;
		-moz-border-radius: 0 0 0.167em 0.167em;
		-webkit-border-bottom-left-radius: 0.167em;
		-webkit-border-bottom-right-radius: 0.167em;
		border-radius: 0 0 0.167em 0.167em;
	}
	/* IE class */
	.block-content .form fieldset.no-margin.last-child,
	.block-content.form fieldset.no-margin.last-child,
	.form .block-content fieldset.no-margin.last-child,
	.fieldset.no-margin.last-child {
		border-bottom: 0;
	}



	.form fieldset.no-padding,.fieldset.no-padding {padding: 0em;} /* ajouté par tristan le 03/07/1013 */
	.form fieldset.no-padding legend,.fieldset.no-padding .legend {display: block;margin: -0.25em -0.333em -0.333em 0.833em;}

	.form label,
	.form .label {
		color: #333333;
		font-weight: bold;
		display: block;
		margin-bottom: 0.5em;
		}
		.form label.light,
		.form .label.light {
			font-weight: normal;
			color: #777;
		}
		.form label.inline,
		.form .label.inline {
			display: inline;
			float: none;
			margin: 0;
			font-weight: normal;
		}
		.form .required label,
		.form .required .label,
		.form label.required,
		.form .label.required,
		.form label.inline.required,
		.form .label.inline.required {
			color: #333333;
		}
		.form .required label:before,
		.form .required .label:before,
		.form label.required:before,
		.form .label.required:before {
			color: red;
			content: "* ";
		}
		/** IE class **/
		.form .required-label-before {
			color: red;
		}

	p.inline-label,
	.inline-label p {
		padding-left: 28em;
	}
	p.inline-mini-label,
	.inline-mini-label p {
		padding-left: 8em;
	}
	p.inline-small-label,
	.inline-small-label p {
		padding-left: 11em;
	}
	p.inline-medium-label,
	.inline-medium-label p {
		padding-left: 18em;
		}
		.inline-label label,
		.inline-label .label,
		.inline-mini-label label,
		.inline-mini-label .label,
		.inline-small-label label,
		.inline-small-label .label,
		.inline-medium-label label,
		.inline-medium-label .label {
			display: block;
			float: left;
			padding: 0.667em 0 0.583em;
			padding-top: 0.4em; /* ajouté par tristan*/
			}
			.inline-label label,
			.inline-label .label {
				width: 27em;
				margin-left: -28em;
			}
			.inline-mini-label label,
			.inline-mini-label .label {
				width: 7em;
				margin-left: -8em;
			}
			.inline-small-label label,
			.inline-small-label .label {
				width: 10em;
				margin-left: -11em;
			}
			.inline-medium-label label,
			.inline-medium-label .label {
				width: 17em;
				margin-left: -18em;
			}



	/** IE class **/
	input[type=text],
	input[type=file],
	.form input[type=text],
	.form input[type=password],
	.form input[type=file],
	select,
	.form .input-type-text {
		font-size: 1em;
		color: #333333;
		padding: 0.4em;padding-top:5px;padding-bottom:5px;outline: none; line-height:13px;/* ajouté par tristan */
		border: 1px solid #0EB4C8; /* modifié par tristan avant : #89bad3*/
		background: white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#d4d4d4,
			#ebebeb 3px,
			white 18px
		), white;
		background: -webkit-gradient(
			linear,
			left 0px, left 18px,
			from(#d4d4d4),
			to(white),
			color-stop(0.12, #ebebeb)
		), white;
		-moz-border-radius: 0.317em;
		-webkit-border-radius: 0.317em;
		-webkit-background-clip: padding-box;
		border-radius: 0.317em;
		}
		.form input[type=text],
		.form input[type=password] {
			/*padding-bottom: 0.583em; modifié par tristan */
		}
		input[type=text]:focus,
		input[type=password]:focus,
		select:focus,textarea:focus,
		input[type=file]:focus,
		.form input[type=text]:focus,
		.form input[type=password]:focus,
		.form .input-type-text:focus,
		.form select:focus,
		.form textarea:focus {

   				-moz-box-shadow: 0 0 6px rgba(30, 113, 176, 0.5);
				-webkit-box-shadow: 0 0 6px rgba(30, 113, 176, 0.5);
				box-shadow: 0 0 6px rgba(30, 113, 176, 0.5);
				outline: none;
				/* border-color: #3399cc; supprimé par tristan*/
		}
		/** IE selector **/
		.form .input-focus {
			border-color: #3399cc;
		}
		.form span.input-type-text {
			display: inline-block;
		}
		/** IE class **/
		.ie7 .form p.input-type-text {
			display: inline-block;
		}
		.form .input-type-text input[type=text],
		.form .input-type-text input[type=password] {
			padding: 0;
			border: none;
			background: none;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			-webkit-background-clip: padding-box;
			border-radius: 0;
			margin: 0 0 6px 0;
			box-shadow:none; outline: none;
		}
		/** IE class **/
		.ie7 .form .input-type-text input[type=text] {
			float: left;
		}
		.form .input-type-text img {
			margin: 0 0 -3px 0.2em;
		}

	select, .form select,
	textarea, .form textarea {
		color: #333333;
		font-size: 1em;
		padding: 0.417em;
		border: 1px solid #89bad3;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		-webkit-background-clip: padding-box;
		border-radius: 0.3em;
		background: white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
		background: -moz-linear-gradient(
			top,
			#d4d4d4,
			#ebebeb 3px,
			white 27px
		), white;
		background: -webkit-gradient(
			linear,
			left 0px, left 27px,
			from(#d4d4d4),
			to(white),
			color-stop(0.12, #ebebeb)
		), white;
		}
		textarea, .form textarea {
			padding-right: 0em;
			background: white url(../images/old-browsers-bg/input-bg.png) repeat-x top;
			background: -moz-linear-gradient(
				top,
				#d4d4d4,
				#ebebeb 3px,
				white 27px
			), white;
			background: -webkit-gradient(
				linear,
				left 0px, left 27px,
				from(#d4d4d4),
				to(white),
				color-stop(0.12, #ebebeb)
			), white;
		}
		.form select option, select option {padding-top: 3px;padding-bottom: 3px;background-color:#FFFFFF;}   /* ajouté par tristan le 17/10/13 */
		.form select, select {padding: 0.25em;font-size: 1em;height:25px; padding-top: 4px;padding-bottom: 4px;padding-right:4px;border-color:#0EB4C8; min-width:5.75em;} /* ajouté par tristan le 10/10/13 */


	.form input[type=text].small,
	.form input[type=password].small,
	.form select.small,
	.form textarea.small {
		font-size: 1em;
		padding: 0.167em;
		-moz-border-radius: 0.25em;
		-webkit-border-radius: 0.25em;
		-webkit-background-clip: padding-box;
		border-radius: 0.25em;
		}
		.form input[type=text].small,
		.form input[type=password].small {
			padding: 0.25em;
		}
	.form input[type=text].smaller,
	.form input[type=password].smaller,
	.form select.smaller,
	.form textarea.smaller {
		font-size: 1em;
		padding: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-webkit-background-clip: padding-box;
		border-radius: 0;
	}
	.form input[type=text].big,
	.form input[type=password].big,
	.form select.big,
	.form textarea.big {
		font-size: 1.5em;
	}
	
	.form select.big, select.form.big {
		font-size: 1.5em;
		height:auto!important;
	}
	.form input[type=text].bigger,
	.form input[type=password].bigger,
	.form select.bigger,
	.form textarea.bigger {
		font-size: 2.5em;
	}

	.form input[type=radio],
	.form input[type=checkbox] {
		vertical-align: -9%;
		margin: 0;
		padding: 0;
  		vertical-align: -20%;margin-right: 0.2em;margin-left: 0.4em;margin-bottom: 0.25em; margin-top: 0.25em; /** ajouté par tristan **/
		}
		/** IE class **/
		.form .input-type-check {
			vertical-align: -7%;
		}
		.form input[type=radio] + label,
		.form input[type=checkbox] + label {
			color: #333333;
			font-weight: normal;
			display: inline;
			margin-bottom: 0;
			padding-right: 0.5em;
			margin-right: 1.0em;   /** ajouté par tristan **/
		}
		/** IE class **/
		.form .input-type-check-label {
			color: #333333;
			font-weight: normal;
			display: inline;
			margin-bottom: 0;
			padding-right: 0.5em;
		}
		.form input[type=radio] + label:last-child,
		.form input[type=checkbox] + label:last-child {
			padding-right: 0;
		}
		/** IE class **/
		.form .input-type-check-label-last-child {
			padding-right: 0;
		}

	.checkable-list {
		padding-top: 0.333em;
		line-height: 1.25em;
		}
		.checkable-list li {
			padding: 0.25em 0 0.85em 1.25em;
			}
			.checkable-list li:last-child {
				padding-bottom: 0;
			}
			/** IE class **/
			.checkable-list li.last-child {
				padding-bottom: 0;
			}
			.checkable-list li input[type=radio],
			.checkable-list li input[type=checkbox] {
				float: left;
				vertical-align: baseline;
				margin: 1px 0 0 -1.167em;
				margin-right: 0.5em; /** ajouté par tristan **/
			}
			/** IE class **/
			.ie .checkable-list li input[type=radio],
			.ie .checkable-list li input[type=checkbox] {
				margin: 1px 0 0 -1.25em;
				margin-right: 0.5em; /** ajouté par tristan **/
			}
			.checkable-list li .input-type-radio,
			.checkable-list li .input-type-checkbox {
				float: left;
				margin: -3px 0 0 -1.25em;
			}

	.full-width {
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		}
		.ie7 .full-width {
			width: 93%;
			width: 99%; /** ajouté par tristan **/
		}
		.ie7 select.full-width {
			width: 100%;
		}


	.input-with-button input[type=text] {
		width: 65%;
		margin-right: 3%;
	}
	/** IE class **/
	.input-with-button .input-type-text {
		width: 65%;
		margin-right: 3%;
	}
	.input-with-button select {
		width: 70%;
		margin-right: 3%;
	}
	.input-with-button button {
		width: 25%;
	}

	.input-height {
		display: block;
		line-height: 1em;
		padding: 0.583em 0 0.75em;
		border: 1px solid transparent;
		}

		.input-height.grey-bg {
			background: #cccccc;
			border: 1px solid #cccccc;
			-moz-border-radius: 0.25em;
			-webkit-border-radius: 0.25em;
			-webkit-background-clip: padding-box;
			border-radius: 0.25em;
			padding-left: 0.75em;
			padding-right: 0.75em;
		}
		p.input-height,
		p.input-height.grey-bg {
			line-height: 1.25em;
			padding-top: 0.5em;
			padding-bottom: 0.583em;
		}

	.one-line-input {
		text-align: right;
		}
		.one-line-input label {
			float: left;
			margin: 0.45em 0 0 0;
		}

	.form input[type=text].error,
	.form input[type=password].error,
	.form .input-type-text.error {
		border-color: #CC0000;
	}

	.check-ok,
	.check-error,
	.check-warning {
		display: block;
		position: absolute;
		z-index: 89;
		width: 16px;
		height: 16px;
		right: -8px;
		top: -8px;
		}
		.check-info {
		display: block;
		position: absolute;
		z-index: 89;
		width: 16px;
		height: 16px;
		right: -4px;
		top: -12px;
		}
		.check-ok { background: url(../images/icons/fugue/tick-circle-blue.png) no-repeat; }
		.check-error { background: url(../images/icons/fugue/cross-circle.png) no-repeat; }
		.check-warning { background: url(../images/icons/fugue/exclamation-diamond.png) no-repeat; }
		.check-info { background: url(../images/icons/fugue/information-blue.png) no-repeat; }


        span.relative > textarea + .check-info {margin-top: -43px;right: -4px;}
		span.relative > textarea + .check-info {margin-top: -35px\9;}
		span.relative > input + .check-ok,
		span.relative > select + .check-ok,
		span.relative > input + .check-error,
		span.relative > select + .check-error,
		span.relative > input + .check-warning,
		span.relative > select + .check-warning {
			margin-top: -0.667em;
			right: -4px;
			}
			p span.relative > input + .check-ok,
			p span.relative > select + .check-ok,
			p span.relative > input + .check-error,
			p span.relative > select + .check-error,
			p span.relative > input + .check-warning,
			p span.relative > select + .check-warning {
				margin-top: -0.583em;
			}

/* ajouté par tristan : couleur fond input si sur fond gris */
.form fieldset.grey-bg input[type=text], .form fieldset.grey-bg select, div.input-lite-grey input[type=text] , div.input-lite-grey select{
background: #d7d7d7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d7d7d7 0%, #efefef 20%, #fefefe 41%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d7d7), color-stop(15%,#efefef), color-stop(41%,#fefefe), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #d7d7d7 0%,#efefef 15%,#fefefe 41%,#ffffff 100%);
background: -o-linear-gradient(top,  #d7d7d7 0%,#efefef 15%,#fefefe 41%,#ffffff 100%);
background: -ms-linear-gradient(top,  #d7d7d7 0%,#efefef 15%,#fefefe 41%,#ffffff 100%);
background: linear-gradient(to bottom,  #d7d7d7 0%,#efefef 15%,#fefefe 41%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=0 );
 }

/* ajouté par tristan : text en gras ou normal si radio coché ou non */
input[type=radio]:not(:checked) + label {font-weight:normal;margin:0px;padding:0px;padding-right:0.5em;} /* Aspect si "pas cochée" */
input[type=radio]:checked + label {font-weight:bold;margin:0px;padding:0px;padding-right:0.5em;} /* Aspect si "cochée" */
input[type=checkbox]:not(:checked) + label {font-weight:normal;margin:0px;padding:0px;padding-left:0.25em;} /* Aspect si "pas cochée" */
input[type=checkbox]:checked + label {font-weight:bold;margin:0px;padding:0px;padding-left:0.25em;} /* Aspect si "cochée" */
input[type=checkbox]:checked + label.red {font-weight:bold;color:#FF0000;margin:0px;padding:0px;padding-left:0.25em;}

/* ajouté par tristan : lengend fieldset avec icone "plus" */
.form fieldset.collapsed  legend.plus a,.fieldset.collapsed .legend.plus a {padding: 0.3em 0.5em 0.333em 20px;background: url(../images/icons/fugue/plus-circle-blue.png) no-repeat left 50%;}

/* ajouté par tristan : legend fieldset avec texte en bleu */
.form fieldset.collapsed  legend.blue a,.fieldset.collapsed .legend.blue a {color: #3399cc;}

/* ajouté par tristan :  fieldset désactivé */
.form fieldset:disabled legend {color: #BBBBBB;}
.form fieldset:disabled  {background: #EEEEEE;color: #BBBBBB;}

/* ajouté par tristan :  liste déroulante select désactivée */
.form select:disabled {color: #BBBBBB;border-color:#D2D2D2;}

/* ajouté par tristan : input text désactivés */
input[type=text]:disabled,.form input[type=text]:disabled,.form input[type=password]:disabled {color:#AAAAAA;border-color:#999999;}

/* ajouté par tristan : radio button désactivés */
input[type=radio]:disabled + label {color:#AAAAAA;}

div.input-conteiner
{
	width:100%;clear:both;margin:0px;padding:0px; display:block;float:left;
}


div.input-height-max {min-height:5.3em;}
div.input-lite-grey
{
	background-color: #F8F8F8;
	padding: 0.75em;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	margin:0px;
	margin-bottom:1em;
}
.lite-grey-bg  div.input-lite-grey {background-color: #E6E6E6;}  /* couleur de fond si conteiner de couleur lite-grey-bg */
div.input-lite-grey.actif  {background-color: #92E1ED;}
div.input-lite-grey input[type=text] {width:95%;}
 div.input-lite-grey._20 {
    width: 17.75%;
    float: left;
    margin-left: 0.25%;
    margin-right: 0.25%;
}
div.input-lite-grey label,div.input-lite-grey .label  {min-height:1.75em;}
div.input-lite-grey._25 {
    width: 22%;
    float: left;
    margin-left: 0.4%;
    margin-right: 0.4%;
}
div.input-lite-grey._33 {
    width: 30.5%;
    float: left;
    margin-left: 0.4%;
    margin-right: 0.4%;
}
div.input-lite-grey._50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 0.4%;
    margin-right: 0.4%;
}
div.input-lite-grey._66 {
    width: 64%;
    float: left;
    margin-left: 0.4%%;
    margin-right: 0.4%%;
}
div.input-lite-grey._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 0.4%;
    margin-right: 0.4%;
}
._100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 0.4%;
    margin-right: 0.4%;
}