/*--------------------------------------------------------------------------*\
	imports
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
		variables
	\*--------------------------------------------------------------------------*/

@import url('imports/variables.css');

/*--------------------------------------------------------------------------*\
		elements
	\*--------------------------------------------------------------------------*/

@import url('imports/elements/btn.css');
@import url('imports/elements/burger.css');
@import url('imports/elements/card.css');
@import url('imports/elements/checkbox.css');
@import url('imports/elements/circle.css');
@import url('imports/elements/confetti.css');
@import url('imports/elements/container.css');
@import url('imports/elements/file.css');
@import url('imports/elements/flash.css');
@import url('imports/elements/footer.css');
@import url('imports/elements/group.css');
@import url('imports/elements/header.css');
@import url('imports/elements/icon.css');
@import url('imports/elements/input.css');
@import url('imports/elements/loaders.css');
@import url('imports/elements/menu.css');
@import url('imports/elements/modal.css');
@import url('imports/elements/page.css');
@import url('imports/elements/phone.css');
@import url('imports/elements/progress.css');
@import url('imports/elements/proposal.css');
@import url('imports/elements/rating.css');
@import url('imports/elements/select.css');
@import url('imports/elements/sidebar.css');
@import url('imports/elements/spreadsheet.css');
@import url('imports/elements/subway.css');
@import url('imports/elements/table.css');
@import url('imports/elements/title.css');
@import url('imports/elements/toggle.css');
@import url('imports/elements/tooltip.css');
@import url('imports/elements/topbar.css');
@import url('imports/elements/tutorial.css');
@import url('imports/elements/unit.css');
@import url('imports/elements/video.css');
@import url('imports/elements/widget.css');
@import url('imports/elements/wysiwyg.css');

/*--------------------------------------------------------------------------*\
		properties
	\*--------------------------------------------------------------------------*/

@import url('imports/properties/animations.css');
@import url('imports/properties/bg.css');
@import url('imports/properties/brd.css');
@import url('imports/properties/bsh.css');
@import url('imports/properties/col.css');
@import url('imports/properties/display.css');
@import url('imports/properties/height.css');
@import url('imports/properties/margin.css');
@import url('imports/properties/padding.css');
@import url('imports/properties/row.css');
@import url('imports/properties/txt.css');
@import url('imports/properties/width.css');

/*--------------------------------------------------------------------------*\
	tags
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
		*
	\*--------------------------------------------------------------------------*/

*,
*:before,
*:after {
	/*box*/
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	/*border*/
	outline: none;

	/*other*/
	-webkit-appearance: none;
	appearance: none;
}

/*--------------------------------------------------------------------------*\
		html
	\*--------------------------------------------------------------------------*/

html {
	/*box*/
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------------------*\
		body
	\*--------------------------------------------------------------------------*/

body {
	/*box*/
	position: relative;
	overflow-x: hidden;

	/*background*/
	background-color: var(--white);

	/*text*/
	color: var(--dark-medium-grey);
	font-family: 'Lato', 'Helvetica', 'sans-serif';
	font-size: 18px;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------------------*\
		main
	\*--------------------------------------------------------------------------*/

main {
	/*box*/
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-height: calc(100vh - 123px) !important;
	/* permet d'avoir toujours la sidebar et le widget bien positionné */
	width: 100%;
}

/*--------------------------------------------------------------------------*\
		section
	\*--------------------------------------------------------------------------*/

section {
	/*box*/
	position: relative;
	width: 100%;
}

/*--------------------------------------------------------------------------*\
		form
	\*--------------------------------------------------------------------------*/

form {
	/*box*/
	position: relative;
	/*pour que le is-loading fonctionne bien*/
}

/*--------------------------------------------------------------------------*\
		autres tags
	\*--------------------------------------------------------------------------*/

a {
	/*background*/
	background-color: transparent;

	/*text*/
	text-decoration: none;
}

img {
	/*box*/
	vertical-align: middle;
	object-fit: contain;

	/*border*/
	border: 0;
}

ul {
	/*text*/
	list-style: none;
}

/*--------------------------------------------------------------------------*\
		placeholders sur input et textarea
	\*--------------------------------------------------------------------------*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* Edge */
	/*text*/
	color: var(--pastel-strong-grey);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	/*text*/
	color: var(--pastel-strong-grey);
}

input::placeholder,
textarea::placeholder {
	/*text*/
	color: var(--pastel-strong-grey);
}