@charset "UTF-8";
/* CSS Document */

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

/*WIDTH*/
.abs {
	position: absolute;
}

/*WIDTH*/
.is-full-width { width: 100%; }

.is-large-width {
	max-width: 1280px;
	margin: auto;
}

.is-main-width {
	max-width: 1080px;
	margin: auto;
}

.is-tiny-width {
	width: 400px;
	margin: auto;
}

.w-auto { width: auto; }

/* LARGEURS EN POURCENT */

.w-25 {	width: 25%; }

.w-33 {	width: 33%; }

.w-50 {	width: 50%; }

.w-66 {	width: 66%; }

.w-75 {	width: 75%; }

.w-100 { width: 100%; }


/* LARGEURS EN PIXEL */

.w-25p { width: 25px; }

.w-30p { width: 30px; }

.w-35p { width: 35px; }

.w-40p { width: 40px; }

.w-45p { width: 45px; }

.w-50p { width: 50px; }

.w-55p { width: 55px; }

.w-75p { width: 75px; }

.w-100p { width: 100px; }

.w-150p { width: 150px; }

.w-200p { width: 200px; }


/* HAUTEURS EN POURCENT */

.h-100 { height: 100%; }

/* HAUTEURS EN PIXELS */

.h-50p { height: 50px; }

.h-100p { height: 100px; }

.h-150p { height: 150px; }



/* ETATS */
.is-hidden { display: none !important; }

.is-visible { display: block; }

.is-open { max-height: 100%; }

.is-closed {
	max-height: 0%;
	overflow: hidden;
}

.is-inactive {
	opacity: .5;
	pointer-events: none;
	cursor: default;
}

.is-transparent {
	opacity: 0;
}


/* MARGIN - PADDING*/
.m-auto { margin: auto; }

.m-0 {	margin: 0; }

.m-5 {	margin: 5px; }

.m-10 {	margin: 10px; }

.m-15 {	margin: 15px; }

.m-20 {	margin: 20px; }

.m-25 {	margin: 25px; }


.mr-0 {	margin-right: 0; }

.mr-5 {	margin-right: 5px; }

.mr-10 {	margin-right: 10px; }

.mr-15 {	margin-right: 15px; }

.mr-20 {	margin-right: 20px; }

.mr-25 {	margin-right: 25px; }


.ml-0 {	margin-left: 0; }

.ml-5 {	margin-left: 5px; }

.ml-10 {	margin-left: 10px; }

.ml-15 {	margin-left: 15px; }

.ml-20 {	margin-left: 20px; }

.ml-25 {	margin-left: 25px; }


.mt-5 {	margin-top: 5px; }

.mt-10 {	margin-top: 10px; }

.mt-15 {	margin-top: 15px; }

.mt-20 {	margin-top: 20px; }

.mt-25 {	margin-top: 25px; }


.mb-5 {	margin-bottom: 5px; }

.mb-10 {	margin-bottom: 10px; }

.mb-15 {	margin-bottom: 15px; }

.mb-20 {	margin-bottom: 20px; }

.mb-25 {	margin-bottom: 25px; }

.mb-50 {	margin-bottom: 50px; }


.mtb-5 {	margin-top: 5px; margin-bottom: 5px; }

.mtb-10 {	margin-top: 10px; margin-bottom: 10px; }

.mtb-15 {	margin-top: 15px; margin-bottom: 15px; }

.mtb-20 {	margin-top: 20px; margin-bottom: 20px; }

.mtb-25 {	margin-top: 25px; margin-bottom: 25px; }


.p-5 {	padding: 5px; }

.p-10 {	padding: 10px; }

.p-15 {	padding: 15px; }

.p-20 {	padding: 20px; }

.p-25 {	padding: 25px; }

.p-30 {	padding: 30px; }

.p-40 {	padding: 40px; }

.p-50 {	padding: 50px; }

.p-75 {	padding: 75px; }

.p-100 { padding: 100px; }


.border {
	border: 1px dashed var(--light-color);
	border-radius: 5px;
}

.border-sld {
	border: 1px solid var(--light-color);
	border-radius: 10px;
}

.ctr-txt {
	width: 100%;
	text-align: center;
}

.just-txt {
	text-align: justify;
}

.upp {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

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

.dark{ color: var(--dark-color); }
.light{ color: var(--light-color); }
.color{ color: var(--main-color); }
.alert{ color: var(--alert-color); }
.orange{ color: var(--orange-color); }
.yellow{ color: var(--yellow-color); }
.green{ color: var(--green-color); }

.bg-light{ background-color: var(--light-color); }
.bg-color{ background-color: var(--main-color); }
.bg-dark{ background-color: var(--dark-shadow); }