/*================================== 
  basic bootstrap restyling 
  ==================================*/



/***   couleurs   ***/

/*** Primary : Teal(blue-green) ***/
/* A700: #00bfa5 */
/* 500: #009688 */

/*** Secondary : Orange ***/
/* 500: #ff9800 */
/* 700: #f57c00 */

/*** Greys ***/
/* 12%: #e0e0e0 */
/* 26%: #bdbdbd */
/* 54%: #757575 */
/* 87%: #212121 */


/** Special : Dark blue; **/
/* Wet Asphalt: #34495e */
/* Midnight Blue: #2c3e50 */

/*** Info : Light blue ***/
/* 600: #039be5 */
/* 700: #0288d1 */

/*** Success : Green ***/
/* Emerald: #2ecc71 */
/* Nephritis : #27ae60 */

/*** Danger : Red ***/
/* Alizarin: #e74c3c */
/* Pomegranate: #c0392b */

/*** Default : Grey ***/
/* 35%: #a5a5a5 */
/* 54%: #757575 */

/*** Disabled : Light grey ***/
/* 26%: #bdbdbd */





/*** Default window ***/

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.25em;
}

.clear {
	clear: both;
}





/*** headers ***/

h1, h2, h3, h4, h5, h6 {
	color: #212121;
	font-weight: 300;
	line-height: 1.25em;
	margin: 0 0 1rem 0;
}

h1 {
	font-size: 2.75em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
	font-weight: 400;
}

h4 {
	font-size: 1.25em;
	font-weight: 400;
}

h5 {
	font-size: 1.125em;
	font-weight: 400;
}

h6 {
	font-size: 1em;
	font-weight: 600;
}



/*** Text ***/

p {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em;
	color: #757575;
	margin-bottom: 10px;
}

p strong {
	color: #757575;
	font-weight: 600;
}

strong {
	font-weight: 600;
}

a {
	color: #f57c00;
	font-weight: 600;
	text-decoration: none;
}

hr {
	width: 100%;
	height: 1px;
	margin: 10px 0;
	background-color: #e0e0e0;
	border: none;
}


/*** Miscellaneous ***/
/*
h1.fieldset-title {
	color: #757575;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 2.5em;
	margin: 0;
	text-transform: uppercase;
}

h2.fieldset-title {
	color: #757575;
	font-size: 1em;
	font-weight: 700;
	line-height: 2em;
	margin: 0;
	text-transform: uppercase;
}
*/
/*
.title {
	color: #212121;
	font-weight: 300;
	font-size: 1.1875em;
}

p.title {
	font-size: 1em;
	color: #212121;
	font-weight: 600;
}
*/




/*** form ***/
/*
.form-header {
	display: block;
	background-color: #00bfa5;
	color: #fff;
	overflow: hidden;
}
*/

.form-group {
	
	color: #757575;
}


label {
	color: #555555;
	font-size: 0.8125em;
	font-weight: 400;
	/*line-height: 1.125rem;*/
}

.form-control {

	width: 100%;
	height: 40px;
	padding: 6px 12px;
	/*margin: 5px 0;*/
	/*color: #757575;*/
	/*font-family: inherit;*/
	font-size: 0.875em;
	font-weight: 400;
	line-height:inherit;
	border: 2px solid #bdbdbd;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}


.form-control.error {
	border-color: #e74c3c;
}

.form-control:focus {
	border-color: #00bfa5;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	/* A revoir */
	.form-control option {
		/*outline: 2px solid #00bfa5;*/
	}
	.form-control option:focus {
		background-color: #00bfa5;
		color: #fff;
	}

.help-block {
	font-size: 0.6875em;
	font-weight: 700;
	padding-left: 2px;
	line-height: 1.125em;
}

textarea.form-control {

	color: #757575;
}





/* checkboxes */

.checkbox-group {
	width: 100%;
	margin: 10px 0;
}
	.checkbox-group li {
		list-style-type: none;
		padding: 10px 0;
		color: #333333;
	}

	.checkbox-group label, .checkbox-group label.disabled {
		position: relative;
		padding-left: 28px;
		color: #757575;
		font-family: inherit;
		font-size: 0.875em;
		font-weight: 400;
		cursor: pointer;
	}

	.checkbox-group label.disabled {
		color: #bdbdbd;
	}

	.checkbox-group label:before, .checkbox-group label:after {
		font-family: 'FontAwesome';
		font-size: 1.5em;
		/* Absolutely positionned */
		position: absolute;
		top: 0;
		left: 0;
	}

	.checkbox-group label:before {
		content: '\f096'; /* unchecked-square-outlined */
		color: #757575;
	}

	.checkbox-group label.success-cb:before {
		content: '\f096'; /* unchecked-square */
		color: #2ecc71;
	}

	.checkbox-group label.error-cb:before {
		content: '\f096'; /* unchecked-square */
		color: #e74c3c;
	}

	.checkbox-group label:after, .checkbox-group label.success-cb:after, .checkbox-group label.error-cb:after {
		content: '\f046'; /* checked-square-outlined */
		/* Checked icon will be hidden by default by using 0 max-width and overflow hidden */
		max-width: 0;
		overflow: hidden;
		opacity: 0.5;
		color: #00bfa5;
		/* CSS3 transitions for animated effect */
		-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;
	}

	.checkbox-group label.success-cb:after {
		content: '\f046'; /* checked-square */
		color: #2ecc71;
	}

	.checkbox-group label.error-cb:after {
		content: '\f046'; /* checked-square */
		color: #e74c3c;
	}


	/* Hidding the original checkboxes */
	input[type="checkbox"] {
		display: none;
	}

	/* When the user checks the checkbox, the checked icon will animate in */
	input[type="checkbox"]:checked+label:after {
		max-width: 25px; /* An arbitrary number more than the icon width */
		opacity: 1; /* For fade in effect */
		/*color: #00bfa5;*/
	}

	/* Disabled */
	input[type="checkbox"]:disabled+label:before {
		content: '\f096'; /* unchecked-square-outlined */
		color: #bdbdbd;
	}

	input[type="checkbox"]:checked:disabled+label:after {
		content: '\f046'; /* checked-square-outlined */
		color: #bdbdbd;
	}






/* Radio button */

.radio-group {
	width: 100%;
	margin: 10px 0;
}
	.radio-group li {
		list-style-type: none;
		padding: 10px 0;
		color: #333333;
	}

	.radio-group label, .radio-group label.disabled {
		position: relative;
		/*min-height: 20px;*/
		margin-top: 3px;
		padding-left: 28px;
		color: #757575;
		font-family: inherit;
		font-size: 0.875em;
		font-weight: 400;
		cursor: pointer;
	}

	.radio-group label.disabled {
		color: #bdbdbd;
		cursor: auto;
	}

	.radio-group label:before, .radio-group label:after {
		font-family: 'FontAwesome';
		font-size: 1.5em;
		/* Absolutely positionned */
		position: absolute;
		top: 0;
		left: 0;
	}

	.radio-group label:before {
		content: '\f10c'; /* circle-outlined */
		color: #757575;
	}

	.radio-group label.success-rb:before {
		content: '\f10c'; /* circle-outlined */
		color: #2ecc71;
	}

	.radio-group label.error-rb:before {
		content: '\f10c'; /* circle-outlined */
		color: #e74c3c;
	}

	.radio-group label:after, .radio-group label.success-rb:after, .radio-group label.error-rb:after {
		content: '\f192'; /* dot-circle-outlined */
		/* Checked icon will be hidden by default by using 0 max-width and overflow hidden */
		max-width: 0;
		overflow: hidden;
		opacity: 0.5;
		color: #00bfa5;
		/* CSS3 transitions for animated effect */
		/*-webkit-transition: all 0.35s;
		-o-transition: all 0.35s;
		transition: all 0.35s;*/
	}

	.radio-group label.success-rb:after {
		content: '\f192'; /* dot-circle-outlined */
		color: #2ecc71;
	}

	.radio-group label.error-rb:after {
		content: '\f192'; /* dot-circle-outlined */
		color: #e74c3c;
	}


	/* Hidding the original checkboxes */
	input[type="radio"] {
		display: none;
	}

	/* When the user checks the radio, the checked icon will animate in */
	input[type="radio"]:checked+label:after {
		max-width: 25px; /* An arbitrary number more than the icon width */
		opacity: 1; /* For fade in effect */
		/*color: #00bfa5;*/
	}

	/* Disabled */
	input[type="radio"]:disabled+label:before {
		content: '\f10c'; /* circle-outlined */
		color: #bdbdbd;
		cursor: auto;
	}

	input[type="radio"]:checked:disabled+label:after {
		content: '\f192'; /* dot-circle-outlined */
		color: #bdbdbd;
		cursor: auto;
	}



/*** Buttons ***/

.btn {
	/*width: 100%;*/
	height: 45px;
	/*margin: 10px 0;*/
	padding: 10px;
	/*background-color: #a5a5a5;*/
	border: none;
	border-radius: 5px;
	/*color: #fff;*/
	/*font-family: inherit;*/
	font-size: 1em;
	font-weight: 600;
	line-height: 1em;
	vertical-align: middle;
}

.btn:hover, .btn:active, .btn:focus {
	color: #fff;
	background-color: #757575;
	box-shadow: none;
	outline: 0 !important;
}

/* Primary */
.btn-primary {
	color: #fff;
	background-color: #ff9800;
	border-color: transparent;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #f57c00 !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Secondary */
.btn-secondary {
	color: #fff;
	background-color: #00bfa5;
	border-color: transparent;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: #009688 !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Special */
.btn-special {
	color: #fff;
	background-color: #34495e;
	border-color: transparent;

}

.btn-special:hover, .btn-special:active, .btn-special:focus {
	background-color: #2c3e50 !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Info */
.btn-info {
	color: #fff;
	background-color: #039be5;
	border-color: transparent;
}

.btn-info:hover, .btn-info:active, .btn-info:focus {
	background-color: #0288d1 !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Success */
.btn-success {
	color: #fff;
	background-color: #2ecc71;
	border-color: transparent;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
	background-color: #27ae60 !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Danger */
.btn-danger {
	color: #fff;
	background-color: #e74c3c;
	border-color: transparent;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
	background-color: #c0392b !important;
	border-color: transparent;
	outline: 0 !important;
}

/* Default */
.btn-default {
	color: #fff;
	background-color: #a5a5a5;
	border-color: transparent;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
	background-color: #757575 !important;
	border-color: transparent;
	outline: 0 !important;
}


/* Disabled */
.btn-disabled {
	color: #757575;
	cursor: default;
	background: #bdbdbd !important;
	border-color: transparent;
}
.btn-disabled:hover {
	cursor: default;
	background: #bdbdbd !important;
	border-color: transparent;
	outline: 0 !important;
}



/*** Alert ***/

.alert {
	/*min-height: 40px;*/
	margin: 8px 0 16px;
	border: 2px solid transparent;
	border-radius: 5px;
	font-size: 0.75em;
}
	.alert ul {
		
	}

	.alert ul li {
		/*font-size: 0.875em;*/
		font-weight: 600;
		margin-left: -20px;
	}

.alert-success {
	color: #409664;
	background-color: #dff0d8;
	border-color: #2ecc71;
}

.alert-info {
	color: #3588B5;
	background-color: #d9edf7;
	border-color: #039be5;
}

.alert-warning {
	color: #92846C;
	background-color: #fcf8e3;
	border-color: #ff9800;
}

.alert-danger {
	color: #c0392b;
	background-color: #f2dede;
	border-color: #e74c3c;
}