Hacked By AnonymousFox

/* Class de base pour la mise en forme des champs */
.form-elem{
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 12px;
	color: $grisClair;
}

/* regroupement de champ */
.form-bloc{
	padding: 20px;
	background-color: $grisBlanc;
	@include border-radius(4px);
	h3{
		padding-bottom: 15px;
	}
	input:last-child{
		margin-bottom: 0px;
	}
}

/* Design pour le placeholder */
@mixin input-placeholder {
    &:-moz-placeholder { @content; }
    &::-moz-placeholder { @content; }
    &:-ms-input-placeholder { @content; }
    &::-webkit-input-placeholder { @content; } 
}

input,
textarea,
select{
	@include input-placeholder {
		color: $grisTresClair;
		font-size: 14px;
	}
	&:focus{
		padding-bottom: 10px;
		border-bottom: 3px solid $turquoise;
	}
	&.small{
		max-width: 180px;
	}
	&.medium{
		max-width: 300px;
	}
	&.big{
		max-width: 500px;
	}
    &.disabled{
        background-color: #ccc;
        cursor:Not-Allowed;
    }
}

textarea{
	height: 150px;
}

/* Radio + Checkbox */
.form-radio,
.form-checkbox{
	margin-bottom: 20px;
}

.form-poid{
    padding:6px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 11px;
}

.form-legende-count{
    font-weight: bold;
    &.rouge{
        color: $rouge;
    }
}

/* élémen de liste */
.liste{
	width: 100%;
	height: 190px;
	overflow: auto;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 12px;
	input{
		display: inline-block;
		vertical-align: middle;
	}
	p{
		height: 23px;
	}
	&.small{
		max-width: 180px;
	}
	&.medium{
		max-width: 300px;
	}
	&.big{
		max-width: 500px;
	}
}

/* Label du formulaire */
label{
	color: #616161;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
}

/* Légende en dessous des champs + label + liste */
.form-legende{
	width: 100%;
	margin: -15px 0px 15px 0px;
	font-style: italic;
	font-size: 13px;
	color: $grisTresClair;
}

/* Retour d'image dans le formulaire */
.form-image{
	margin-bottom: 20px;
	&.small{
		max-width: 180px;
	}
	&.medium{
		max-width: 300px;
	}
	&.big{
		max-width: 500px;
	}
	img{
		max-width: 100%;
	}
}

/* Class de base pour la mise en forme des boutons */
.form-submit{
	@include border-radius(3px);
	width: 100%;
	padding: 10px 0px;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	background-color: $grisClair;
	border-color: darken($grisClair, 5%);
	font-size: 16px;
	font-weight: 300;
	@include transition-property(background, border-color);
	@include transition-duration(0.3s);
	@include transition-timing-function(ease);
	&:hover{
		background-color: darken($grisClair, 5%);
		border-color: darken($grisClair, 11%);	
	}
	&:active{
		 @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160));
	}
	&.turquoise{
		background-color: $turquoise;
		border-color: darken($turquoise, 5%);
		&:hover{
			background-color: darken($turquoise, 5%);
			border-color: darken($turquoise, 11%);	
		}
		&:active{
			 @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160));
		}
	}
	&.rouge{
		background-color: $rouge;
		border-color:  darken($rouge, 5%);
		&:hover{
			background-color: darken($rouge, 5%);
			border-color: darken($rouge, 11%);	
		}
		&:active{
			 @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160));
		}
	}
	&.small{
		max-width: 204px;
	}
	&.medium{
		max-width: 324px;
	}
	&.big{
		max-width: 524px;
	}
	.fa{
		margin-right: 5px;
	}
}

#recherche{
	width: 100%;
	margin-bottom: 30px;
	text-align: right;
	input,
	select{
		margin-bottom: 0px;
		display: inline-block;
		margin-left: -5px;
	}
	select{
		padding: 11px;
	}
	button{
		height: 43px;
		width: 43px;
		border: none;
		cursor: pointer;
		font-size: 17px;
		background: none;
		display: inline-block;
		color: $grisClair;
	}
}