/*/ Polylog SA @ 2023 /*/

/*/ Colonnes /*/

.fwk-column.column-left { 
	float: left; 
	margin-right: 10px;
	width: calc(50% - 10px);
	}

.modal-small .fwk-column.column-left,
.modal-medium .fwk-column .fwk-column.column-left { 
	margin-right: 5px;
	width: calc(50% - 5px);
	}
		
.fwk-column .fwk-column.column-left { 
	margin-right: 10px;
	width: calc(50% - 10px);
	}
	
.fwk-column.column-center { 
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: calc(50% - 10px);
	}
	
.fwk-column.column-right { 
	float: right; 
	margin-left: 10px;
	width: calc(50% - 10px);
	}

.modal-small .fwk-column.column-right,
.modal-medium .fwk-column .fwk-column.column-right { 
	margin-left: 5px;
	width: calc(50% - 5px);
	}
	
.fwk-column .fwk-column.column-right { 
	margin-left: 10px;
	width: calc(50% - 10px);
	}
	
.fwk-column.column-s80 {
	width: calc(70% - 10px) !important;
	margin-right: 10px;
	float: left; 
	}

.fwk-column.column-s20 {
	width: calc(30% - 5px) !important;
	margin-left: 5px;
	float: right;
	}

.fwk-column.column-s60 {
	width: calc(60% - 10px) !important;
	margin-right: 5px;
	float: left; 
	}

.fwk-column.column-s33 {
	width: calc(33% - 10px) !important;
	}
	
.fwk-column.column-s30 {
	width: calc(30% - 5px) !important;
	margin-right: 5px;
	float: left;
	}

.fwk-column.column-s70 {
	width: calc(70% - 5px) !important;
	margin-left: 5px;
	float: right;
	}
		
.fwk-column.column-s40 {
	width: calc(40% - 10px) !important;
	margin-left: 5px;
	float: right;
	}

.fwk-column.column-s60.column-right {
	margin: 0 0 0 5px;
	float: right;
	}

.fwk-column.column-s40.column-left {
	margin: 0 5px 0 0;
	float: left;
	}
		
/*/ Boîtes de texte /*/

.fwk-box { 
	border-radius: var(--round2);
	max-width: 1024px;
	margin: 15px 0;
	padding: 30px;
	word-wrap: break-word;
	background: var(--gray1);
	}

.fwk-box i { 
	font-size: inherit;
	line-height: inherit;
	width: 20px;
	color: var(--mid1);
	}
	
.fwk-box h3 { 
	margin: 0 0 25px;
	font-weight: 600;
	}
	
.fwk-box h2 { 
	margin: 0 0 15px;
	color: var(--dark1);
	}

.fwk-box h2.small { 
	font-size: 14px;
	}
	
.fwk-box h2 i { 
	font-size: inherit;
	line-height: inherit;
	width: 30px;
	}
	
.fwk-box .fwk-linky { 
	margin: 10px 10px 0 0;
	cursor: pointer;
	background: var(--main) !important;
	color: var(--fixlight) !important;
	}

.fwk-box .fwk-linky:hover { 
	opacity: 0.7;
	}
	
.fwk-box table tbody td.xs {
	max-width: 70px;
	width: 70px;
	}
	
/*/ Couleur des boîtes /*/

.fwk-box.box-info { 
	background: var(--main-light);
	color: var(--fixdark);
	}

.fwk-box.box-info h2,
.fwk-box.box-info i { 
	color: var(--main);
	}
	
.fwk-box.box-info .fwk-linky { 
	background: var(--main) !important;
	color: var(--fixlight) !important;
	}
	
/*/ - /*/

.fwk-box.box-error { 
	background: var(--red-light);
	color: var(--fixdark);
	}

.fwk-box.box-error h2,
.fwk-box.box-error i { 
	color: var(--red);
	}

.fwk-box.box-error .fwk-linky { 
	background: var(--red) !important;
	color: var(--fixlight) !important;
	}
	
/*/ - /*/
	
.fwk-box.box-success { 
	background: var(--green-light);
	color: var(--fixdark);
	}
	
.fwk-box.box-success h2,
.fwk-box.box-success i { 
	color: var(--green);
	}

.fwk-box.box-success .fwk-linky { 
	background: var(--green) !important;
	color: var(--fixlight) !important;
	}
	
/*/ - /*/

.fwk-box.box-warning { 
	background: var(--orange-light);
	color: var(--fixdark);
	}

.fwk-box.box-warning h2,
.fwk-box.box-warning i { 
	color: var(--orange);
	}

.fwk-box.box-warning .fwk-linky { 
	background: var(--orange) !important;
	color: var(--fixlight) !important;
	}
	
/*/ - /*/

.fwk-box.box-table { 
	max-width: 100%;
	background: var(--gray1);
	padding: 15px;
	margin-top: 0;
	}
	
.fwk-box.box-table .fwk-linky { 
	margin: 0 !important;
	}