defaults.css

/** --------------------------------------------------------------------------------------------------------------------------------------------
* Author		: @ptibat
* Dev start		: 18/04/2014
* Last modif	: 12/02/2026 15:50
* Description	: Fichier de config CSS par défaut
--------------------------------------------------------------------------------------------------------------------------------------------- */

@charset "UTF-8";

/* ------------------------------------------------------------------------------------ BODY */

:root
	{
		font-size :				14px;
	}


/* ------------------------------------------------------------------------------------ BODY */

body
	{
		/* ------------------------------------ Variables */

		--tab_size : 			20px;
		--space_size :			1px;
		--padding :				1rem;
		--radius :				0.5rem;
		--border_size :			0.12rem;

		/* ------------------------------------ Couleurs */

		--couleur :				#5158C5;
		--couleur_bg :			#F5F5F5;

		--couleur_ok :			#00B35F;
		--couleur_no :			#F34848;
		--couleur_msg :			#6BE3FF;
		--couleur_neutral :		#8E9091;
		--couleur_highlight :		#0271FF;
		--couleur_notice :		#FBD715;
		--couleur_warning :		#F19505;
		--couleur_error :			#F11C44;

		color :				#000000;
		background-color :		#FFFFFF;
	}


/* ------------------------------------------------------------------------------------ VARIABLES */

[data-level="0"]	{ --level :  0; }
[data-level="1"]	{ --level :  1; }
[data-level="2"]	{ --level :  2; }
[data-level="3"]	{ --level :  3; }
[data-level="4"]	{ --level :  4; }
[data-level="5"]	{ --level :  5; }
[data-level="6"]	{ --level :  6; }
[data-level="7"]	{ --level :  7; }
[data-level="8"]	{ --level :  8; }
[data-level="9"]	{ --level :  9; }
[data-level="10"]	{ --level : 10; }


/* ------------------------------------------------------------------------------------ Z-INDEX */

.z_1		{ z-index : 1; }
.z_10 	{ z-index : 10; }
.z_100	{ z-index : 100; }
.z_1000	{ z-index : 1000; }
.z_10000	{ z-index : 10000; }
.z_100000	{ z-index : 100000; }
.z_1000000	{ z-index : 1000000; }
.z_10000000	{ z-index : 10000000; }


/* ------------------------------------------------------------------------------------ SELECTION DU TEXTE */

::-moz-selection			{ color : #000000; background-color : #FFCC00; }
::selection				{ color : #000000; background-color : #FFCC00; }


/* ------------------------------------------------------------------------------------ PLACEHOLDER */

::-webkit-input-placeholder 	{ color : #777777; }
::-moz-placeholder 		{ color : #777777; }
:-ms-input-placeholder 		{ color : #777777; }
input:-moz-placeholder 		{ color : #777777; }





/* ------------------------------------------------------------------------------------ */

body,
input,
select,
optgroup,
option,
textarea,
button
	{
		font-family :			Sans-serif;
		font-size :				1rem;
		-webkit-appearance :		none;
		-webkit-border-radius :		0;
		outline-width :			0;
		outline :				none;
	}

pre,
xmp,
blockquote,
code,
.code
	{
		padding :				10px;
		font-family :			monospace;
		font-size :				0.9rem;
		color :				#0060E2;
		background-color :		rgba( 0 , 0 , 0 , 0.03 );
		border-left :			4px solid #2063AA;
		white-space :			pre-wrap;
		tab-size :				6;
	}

span.code
	{
		display :				inline-block;
		margin :				2px;
		padding :				4px 5px;
		background-color :		rgba( 0 , 0 , 0 , 0.03 );
		border :				1px solid #DFDFDF;
		vertical-align :			middle;
		border-radius :			3px;
	}




/* ------------------------------------------------------------------------------------ LIENS */

a,
a:link,
a:visited,
.link
	{
		text-decoration :			none;
		cursor :				pointer;
		color :				#0000EE;
		-webkit-tap-highlight-color : rgba( 0 , 0 , 0 , 0.2 );
	}

a:hover,
.link:hover
	{
		cursor :				pointer;
		text-decoration :			underline;
	}


/* ------------------------- Colored link */

.link,
.link:hover,
a.link,
a.link:hover
	{
		color :				#1633FF;
	}


/* ------------------------- Link like normal text */

a.inherit,
.link.inherit,
a.link.inherit
	{
		font :				inherit;
		color :				inherit;
		text-decoration :			inherit;
		text-decoration-color :		inherit;
	}


/* ------------------------- Underlined link */

._link,
a._link
	{
		color :				inherit;

		text-decoration :			underline;
		text-decoration-color :		#0000EE;
		text-decoration-thickness :	0.125em;
		text-underline-offset :		0.125em;
	}

._link:hover,
a._link:hover
	{
		text-decoration-thickness :	0.25em;
		text-underline-offset :		1px;
	}








a.external:after
	{
		display :				inline-block;
		content :				"";
		margin-left :			4px;
		width :				14px;
		height :				14px;
		background-image :		url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'><g fill='none' fill-rule='evenodd'><path d='M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5M15 3h6v6M10 14L20.2 3.8'/></g></svg>" );
		background-size :			14px 14px;
		background-position :		center center;
		background-repeat :		no-repeat;
		vertical-align :			middle;
		opacity :				0.7;
	}
a.external.white:after
	{
		background-image :		url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'><g fill='none' fill-rule='evenodd'><path d='M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5M15 3h6v6M10 14L20.2 3.8'/></g></svg>" );
	}

a.external:hover:after
	{
		opacity :				0.9;
	}

/* ------------------------------------------------------------------------------------ CURSEURS */

.pointer
	{
		cursor :				pointer;
	}

.help
	{
		cursor :				help;
	}


/* ------------------------------------------------------------------------------------ CARET */

.no_caret
	{
		color : 				transparent !important;
		text-shadow :			0 0 0 #000 !important;
	}

.no_caret:focus
	{
		outline :				none !important;
	}


/* ------------------------------------------------------------------------------------ EFFETS */

.effet
	{
		transition :			all 100ms ease;
		transform :				translate3d(0,0,0);
	}

.effet.long
	{
		transition :			all 400ms ease;
	}


/* ------------------------------------------------------------------------------------ FLOU / BLUR */

.blur
	{
		filter :				blur(0.25em);
	}



/* ------------------------------------------------------------------------------------ IMAGES */

img
	{
		border :				none;
		vertical-align :			middle;
	}

img.grayscale
	{
		filter :				gray;
		filter :				url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter :			grayscale(100%);
	}

img.grayscale.disabled
	{

		filter :				url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter :			grayscale(0%);
	}

img.fullsize,
object.fullsize,
embed.fullsize,
video.fullsize
	{
		display :				block;
		width : 				100%;
		height :				100%;
		object-fit :			cover;
		object-position :			center center;
	}

img.contain,
object.contain,
embed.contain,
video.contain
	{
		object-fit :			contain;
	}


img.zoom_effect,
.zoom_effect img
	{
		object-fit :			cover;
		transform :				scale(1);
		transition :			transform 5s, filter 2s ease-in-out;
	}

img.zoom_effect:hover,
.zoom_effect:hover img
	{
		transform :				scale(1.1);
	}

/* ------------------------------------------------------------------------------------ MONOCHROME */

.monochrome
	{
  		filter :				grayscale(100%);
	}




/* ------------------------------------------------------------------------------------ HR */

hr
	{
		border :				none;
		background-color :		#000000;
		height :				1px;
	}

.hr2	{	height :				2px;	}
.hr3	{	height :				3px;	}
.hr4	{	height :				4px;	}
.hr5	{	height :				5px;	}



/* ------------------------------------------------------------------------------------ UL / LI */

ol,
ul
	{
		margin :				4px 0;
		padding-left :			20px;
	}

ul li
	{
		padding :				0 0 1px 0;
	}

ul.nostyle
	{
		list-style :			none;
		padding :				0;
	}

ul.nostyle
	{
		margin :				0;
		padding :				0;
	}

ul.numbers
	{
		list-style :			decimal;
	}

ul.numbers li
	{
		padding-left :			5px;
	}

ul.tiret
	{
		list-style :			none;
	}

ul.tiret li:before
	{
		position :				relative;
		left :				-8px;
		content :				"-";
	}

ul.tiret li
	{
		text-indent :			-7px;
	}

ul.virgules > li:not(:last-child)::after
	{
		content :				",";
	}


ul.arrows,
ul.chevron
	{
		list-style :			none;
		position :				relative;
	}

ul.arrows,
ul.chevron
	{
		padding-left :			0.1em;
	}

ul.arrows li:before,
ul.chevron li:before
	{
		content :				"";

		position :				relative;
		display :				inline-block;
		margin-right :			0.5em;
		width :				var(--s);
		height :				var(--s);
		vertical-align :			middle;
	}


ul.arrows li:before
	{
		--s :					1.2em;

		background-image :		url( "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCnZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTEsMTAuMmMwLDAuNiwwLjQsMSwxLDFoMTMuMWwtMy45LDMuOWMtMC40LDAuNC0wLjQsMSwwLDEuNGwwLjEsMC4xYzAuNCwwLjQsMSwwLjQsMS40LDBsNS43LTUuN2MwLjQtMC40LDAuNC0xLDAtMS40CmwtNS43LTUuN2MtMC40LTAuNC0xLTAuNC0xLjQsMGwtMC4xLDAuMWMtMC40LDAuNC0wLjQsMSwwLDEuNGwzLjksMy45SDJDMS40LDkuMiwxLDkuNiwxLDEwLjJ6Ii8+Cjwvc3ZnPgo=" );
		background-size :			var(--s) var(--s);
		background-position :		center center;
		background-repeat :		no-repeat;
	}

ul.chevron li:before
	{
		--s :					0.6em;

		border-right :			calc( var(--s) * 0.2 ) solid #000;
		border-bottom :			calc( var(--s) * 0.2 ) solid #000;
		transform-origin :		center;
		transform :				rotate(-45deg);
	}


ul.inline
	{
		list-style :			none;
		padding :				0;
		width :				fit-content;
	}

ul.inline > li
	{
		display :				inline-block;
		padding :				0;
		margin :				0;
		height :				inherit;
	}

ul.inline > li:nth-child( n + 2 )
	{
		margin-left :			0.5em;
	}

ul.inline.spaced > li:nth-child( n + 2 )
	{
		margin-left :			1.5em;
	}


/* ------------------------------------------------------------------------------------ TITRES */

h1,
h2,
h3,
h4,
h5
	{
		position :				relative;
		margin-bottom :			5px;
	}


/* ------------------------------------------------------------------------------------ GRAISSES / WEIGHTS */

body .fw_thin, .fw_100		{ font-weight :	100; }
body .fw_extralight, .fw_200	{ font-weight :	200; }
body .fw_light, .fw_300		{ font-weight :	300; }
body .fw_semilight, .fw_350	{ font-weight :	350; }
body .fw_normal,
body .fw_regular, .fw_400	{ font-weight :	400; }
body .fw_medium, .fw_500	{ font-weight :	500; }
body .fw_semibold, .fw_600	{ font-weight :	600; }
body .fw_bold, .fw_700		{ font-weight :	700; }
body .fw_extrabold, .fw_800	{ font-weight :	800; }
body .fw_black, .fw_900		{ font-weight :	900; }
body .fw_extrablack, .fw_950	{ font-weight :	950; }


/* ------------------------------------------------------------------------------------ FONT SIZES */

body .fs_40			{ font-size :	0.40rem; }
body .fs_45			{ font-size :	0.45rem; }
body .fs_50			{ font-size :	0.50rem; }
body .fs_55			{ font-size :	0.55rem; }
body .fs_60			{ font-size :	0.60rem; }
body .fs_65			{ font-size :	0.65rem; }
body .fs_70			{ font-size :	0.70rem; }
body .fs_75			{ font-size :	0.75rem; }
body .fs_80			{ font-size :	0.80rem; }
body .fs_85			{ font-size :	0.85rem; }
body .fs_90			{ font-size :	0.90rem; }
body .fs_95			{ font-size :	0.95rem; }
body .fs_100		{ font-size :	1.00rem; }
body .fs_105		{ font-size :	1.05rem; }
body .fs_110		{ font-size :	1.10rem; }
body .fs_115		{ font-size :	1.15rem; }
body .fs_120		{ font-size :	1.20rem; }
body .fs_125		{ font-size :	1.25rem; }
body .fs_130		{ font-size :	1.30rem; }
body .fs_135		{ font-size :	1.35rem; }
body .fs_140		{ font-size :	1.40rem; }
body .fs_145		{ font-size :	1.45rem; }
body .fs_150		{ font-size :	1.50rem; }
body .fs_155		{ font-size :	1.55rem; }
body .fs_160		{ font-size :	1.60rem; }
body .fs_165		{ font-size :	1.65rem; }
body .fs_170		{ font-size :	1.70rem; }
body .fs_175		{ font-size :	1.75rem; }
body .fs_180		{ font-size :	1.80rem; }
body .fs_185		{ font-size :	1.85rem; }
body .fs_190		{ font-size :	1.90rem; }
body .fs_195		{ font-size :	1.95rem; }
body .fs_200		{ font-size :	2.00rem; }
body .fs_250		{ font-size :	2.50rem; }
body .fs_300		{ font-size :	3.00rem; }
body .fs_350		{ font-size :	3.50rem; }
body .fs_400		{ font-size :	4.00rem; }
body .fs_450		{ font-size :	4.50rem; }
body .fs_500		{ font-size :	5.00rem; }
body .fs_550		{ font-size :	5.50rem; }
body .fs_600		{ font-size :	6.00rem; }
body .fs_650		{ font-size :	6.50rem; }
body .fs_700		{ font-size :	7.00rem; }
body .fs_750		{ font-size :	7.50rem; }
body .fs_800		{ font-size :	8.00rem; }
body .fs_850		{ font-size :	8.50rem; }
body .fs_900		{ font-size :	9.00rem; }
body .fs_950		{ font-size :	9.50rem; }

body .fs_5p			{ font-size :	 5%; }
body .fs_10p		{ font-size :	 10%; }
body .fs_15p		{ font-size :	 15%; }
body .fs_20p		{ font-size :	 20%; }
body .fs_25p		{ font-size :	 25%; }
body .fs_30p		{ font-size :	 30%; }
body .fs_35p		{ font-size :	 35%; }
body .fs_40p		{ font-size :	 40%; }
body .fs_45p		{ font-size :	 45%; }
body .fs_50p		{ font-size :	 50%; }
body .fs_55p		{ font-size :	 55%; }
body .fs_60p		{ font-size :	 60%; }
body .fs_65p		{ font-size :	 65%; }
body .fs_70p		{ font-size :	 70%; }
body .fs_75p		{ font-size :	 75%; }
body .fs_80p		{ font-size :	 80%; }
body .fs_85p		{ font-size :	 85%; }
body .fs_90p		{ font-size :	 90%; }
body .fs_95p		{ font-size :	 95%; }
body .fs_100p		{ font-size :	100%; }
body .fs_105p		{ font-size :	105%; }
body .fs_110p		{ font-size :	110%; }
body .fs_115p		{ font-size :	115%; }
body .fs_120p		{ font-size :	120%; }
body .fs_125p		{ font-size :	125%; }
body .fs_130p		{ font-size :	130%; }
body .fs_135p		{ font-size :	135%; }
body .fs_140p		{ font-size :	140%; }
body .fs_145p		{ font-size :	145%; }
body .fs_150p		{ font-size :	150%; }
body .fs_155p		{ font-size :	155%; }
body .fs_160p		{ font-size :	160%; }
body .fs_165p		{ font-size :	165%; }
body .fs_170p		{ font-size :	170%; }
body .fs_175p		{ font-size :	175%; }
body .fs_180p		{ font-size :	180%; }
body .fs_185p		{ font-size :	185%; }
body .fs_190p		{ font-size :	190%; }
body .fs_195p		{ font-size :	195%; }
body .fs_200p		{ font-size :	200%; }
body .fs_250p		{ font-size :	250%; }
body .fs_300p		{ font-size :	300%; }
body .fs_350p		{ font-size :	350%; }
body .fs_400p		{ font-size :	400%; }
body .fs_450p		{ font-size :	450%; }
body .fs_500p		{ font-size :	500%; }
body .fs_550p		{ font-size :	550%; }
body .fs_600p		{ font-size :	600%; }
body .fs_650p		{ font-size :	650%; }
body .fs_700p		{ font-size :	700%; }
body .fs_750p		{ font-size :	750%; }
body .fs_800p		{ font-size :	800%; }
body .fs_850p		{ font-size :	850%; }
body .fs_900p		{ font-size :	900%; }
body .fs_950p		{ font-size :	950%; }


/* ------------------------------------------------------------------------------------ LINES HEIGHTS */

body .lh_60			{ line-height :	0.6em; }
body .lh_70			{ line-height :	0.7em; }
body .lh_80			{ line-height :	0.8em; }
body .lh_90			{ line-height :	0.9em; }
body .lh_100		{ line-height :	1em; }
body .lh_110		{ line-height :	1.1em; }
body .lh_120		{ line-height :	1.2em; }
body .lh_130		{ line-height :	1.3em; }
body .lh_140		{ line-height :	1.4em; }
body .lh_150		{ line-height :	1.5em; }
body .lh_160		{ line-height :	1.6em; }
body .lh_170		{ line-height :	1.7em; }
body .lh_180		{ line-height :	1.8em; }
body .lh_190		{ line-height :	1.9em; }
body .lh_200		{ line-height :	2em; }
body .lh_210		{ line-height :	2.1em; }
body .lh_220		{ line-height :	2.2em; }
body .lh_230		{ line-height :	2.3em; }
body .lh_240		{ line-height :	2.4em; }
body .lh_250		{ line-height :	2.5em; }
body .lh_260		{ line-height :	2.6em; }
body .lh_270		{ line-height :	2.7em; }
body .lh_280		{ line-height :	2.8em; }
body .lh_290		{ line-height :	2.9em; }
body .lh_300		{ line-height :	3em; }


body .lh_60p		{ line-height :	 60%; }
body .lh_70p		{ line-height :	 70%; }
body .lh_80p		{ line-height :	 80%; }
body .lh_90p		{ line-height :	 90%; }
body .lh_100p		{ line-height :	100%; }
body .lh_110p		{ line-height :	110%; }
body .lh_120p		{ line-height :	120%; }
body .lh_130p		{ line-height :	130%; }
body .lh_140p		{ line-height :	140%; }
body .lh_150p		{ line-height :	150%; }
body .lh_160p		{ line-height :	160%; }
body .lh_170p		{ line-height :	170%; }
body .lh_180p		{ line-height :	180%; }
body .lh_190p		{ line-height :	190%; }
body .lh_200p		{ line-height :	200%; }
body .lh_210p		{ line-height :	210%; }
body .lh_220p		{ line-height :	220%; }
body .lh_230p		{ line-height :	230%; }
body .lh_240p		{ line-height :	240%; }
body .lh_250p		{ line-height :	250%; }
body .lh_260p		{ line-height :	260%; }
body .lh_270p		{ line-height :	270%; }
body .lh_280p		{ line-height :	280%; }
body .lh_290p		{ line-height :	290%; }
body .lh_300p		{ line-height :	300%; }



/* ------------------------------------------------------------------------------------ TEXTES */

p
	{
		display :				block;
		margin-top :			1em;
		margin-bottom :			1em;
		margin-left :			0;
		margin-right :			0;
	}

b,
strong,
.bold
	{
		font-weight :			bold;
	}
i,
em,
.italic
	{
		font-style :			italic;
	}

.fs_normal
	{
		font-style :			normal;
	}

.monospaced
	{
		font-family :			monospace;
	}

.monospaced.small
	{
		font-size :				0.8rem;
	}

.smallcaps
	{
		font-variant :			small-caps;
	}

u,
.underline
	{
		text-decoration :			underline;
	}

.nounderline,
a.nounderline,
a.nounderline:link,
a.nounderline:visited,
.nounderline a,
.nounderline a:link,
.nounderline a:visited
	{
		text-decoration :			none;
	}

.left
	{
		text-align :			left !important;
	}

.right
	{
		text-align :			right !important;
	}

.center
	{
		text-align :			center !important;
	}

.justify
	{
		text-align :			justify !important;
	}

.align_left
	{
		justify-content :			left !important;
	}

.align_right
	{
		justify-content :			right !important;
	}

.align_center
	{
		justify-content :			center !important;
	}

.align_justify
	{
		justify-content :			stretch !important;
	}

.centered
	{
		margin :				0 auto;
	}

.inline_block
	{
		display :				inline-block;
		vertical-align :			middle;
		line-height :			1em;
	}

.pre,
code
	{
		display :				block;
		white-space :			pre-wrap;
	}

.lines
	{
		white-space :			pre-line;
	}

.nowrap,
.nbsp
	{
		white-space :			nowrap;
	}

.wwrap
	{
		word-wrap : 			anywhere;
	}

.t_light,
a.t_light,
div.t_light,
span.t_light,
input.t_light
	{
		color :				#999999;
	}

.t_blue,
a.t_blue,
div.t_blue,
span.t_blue,
input.t_blue
	{
		color :				#0000FF;
	}

.small
	{
		font-size :				0.9rem;
	}

.condensed
	{
		letter-spacing :			-0.02em;
	}

.uppercase
	{
		text-transform :			uppercase;
	}

.kern
	{
		font-kerning :			normal;
		text-rendering :			optimizeLegibility;
	}

.hyphens
	{
		hyphens :				auto;
	}

sup,
sub
	{
		position :				relative;
		font-size :				0.85em;
		line-height :			0.85em;
		text-decoration :			none;
	}

sup
	{
		bottom :				0.1em;
		vertical-align :			super;
	}

sub
	{
		top :					0.1em;
		vertical-align :			sub;
	}



/* ------------------------------------------------------------------------------------ SIZE (WIDTH & HEIGHT) */

body .width_10			{ width :	10%; }
body .width_20			{ width :	20%; }
body .width_30			{ width :	30%; }
body .width_40			{ width :	40%; }
body .width_50			{ width :	50%; }
body .width_60			{ width :	60%; }
body .width_70			{ width :	70%; }
body .width_80			{ width :	80%; }
body .width_90			{ width :	90%; }
body .width_100			{ width :	100%; }

body .height_10			{ height :	10%; }
body .height_20			{ height :	20%; }
body .height_30			{ height :	30%; }
body .height_40			{ height :	40%; }
body .height_50			{ height :	50%; }
body .height_60			{ height :	60%; }
body .height_70			{ height :	70%; }
body .height_80			{ height :	80%; }
body .height_90			{ height :	90%; }
body .height_100			{ height :	100%; }

body .width_10v			{ width :	10vw; }
body .width_20v			{ width :	20vw; }
body .width_30v			{ width :	30vw; }
body .width_40v			{ width :	40vw; }
body .width_50v			{ width :	50vw; }
body .width_60v			{ width :	60vw; }
body .width_70v			{ width :	70vw; }
body .width_80v			{ width :	80vw; }
body .width_90v			{ width :	90vw; }
body .width_100v			{ width :	100vw; }

body .height_10v			{ height :	10vh; }
body .height_20v			{ height :	20vh; }
body .height_30v			{ height :	30vh; }
body .height_40v			{ height :	40vh; }
body .height_50v			{ height :	50vh; }
body .height_60v			{ height :	60vh; }
body .height_70v			{ height :	70vh; }
body .height_80v			{ height :	80vh; }
body .height_90v			{ height :	90vh; }
body .height_100v			{ height :	100vh; }


/* ------------------------------------------------------------------------------------ DIVERS */

.padding
	{
		padding :				var(--padding);
	}

.small_padding
	{
		padding :				calc( var(--padding) / 2 );
	}

.big_padding
	{
		padding :				calc( var(--padding) * 2 );
	}

.radius
	{
		border-radius :			0.5rem;
	}



/* ------------------------------------------------------------------------------------ POSITIONS */

.absolute
	{
		position :				absolute;
	}

.relative
	{
		position :				relative;
	}

.fixed
	{
		position :				fixed;
	}

.sticky
	{
		position :				sticky;
		top :					0;
	}

.absolute.full,
.fixed.full
	{
		top :					0;
		bottom :				0;
		left :				0;
		right :				0;
	}

.f_left
	{
		float :				left;
	}

.f_right
	{
		float :				right;
	}

.m_auto
	{
		margin-left :			auto;
		margin-right :			auto;
	}

.noflex
	{
		display :				block !important;
	}


.z_left 	{ left: 	0; }
.z_right 	{ right : 	0; }
.z_top 	{ top : 	0; }
.z_bottom 	{ bottom : 	0; }



/* ------------------------------------------------------------------------------------ FLEXBOXES */

.flex
	{
		display :				flex;
		flex-flow :				wrap;
	}

/* Evenly width  */
.flex > div
	{
		flex :				1;
  		align-content :			center;
	}

/* Autosize width  */
.flex.auto > div
	{
		flex :				1 auto;
	}



/* ------------------------------------------------------------------------------------ CLEARFIX */

.clearfix:before,
.clearfix:after
	{
		content :				"\0020";
		display :				block;
		overflow :				hidden;
		visibility :			hidden;
		width :				0;
		height :				0;
	}

.clearfix:after,
.clear
	{
		clear :				both;
	}


/* ------------------------------------------------------------------------------------ MISC */

.nomargin
	{
		margin :				0;
	}

.nopadding
	{
		padding :				0;
	}

.vmiddle
	{
		vertical-align :			middle;
	}

.vertical_center
	{
		display :				flex;
		flex-direction :			column;
		justify-content :			center;
	}

.vertical_center.stretch
	{
		align-items :			stretch;
	}

.autocenter
	{
		display :				flex;
		align-items :			center;
		justify-content :			center;
		text-align :			center;
	}

.autocenter.force_image > img
	{
		position : 				relative;
		left : 				50%;
		transform :				translateX(-50%);
	}

.autocenter > *
	{
		margin :				auto;
	}

.autosize
	{
		position :				relative;
		padding-bottom :			56.25%;
		height :				0;
		overflow :				hidden;
	}

.autosize.ratio-4-3
	{
		padding-bottom :			75%;
	}
.autosize.ratio-3-2
	{
		padding-bottom :			66.66%;
	}
.autosize.ratio-1-1
	{
		padding-bottom :			100%;
	}
.autosize.ratio-gold
	{
		padding-bottom :			calc( 100% / 1.618 );
	}
.autosize.ratio-10
	{
		padding-bottom :			10%;
	}
.autosize.ratio-20
	{
		padding-bottom :			20%;
	}
.autosize.ratio-30
	{
		padding-bottom :			30%;
	}
.autosize.ratio-40
	{
		padding-bottom :			40%;
	}


.autosize iframe,
.autosize object,
.autosize embed,
.autosize video,
.autosize audio
	{
		position :				absolute;
		top :					0;
		left :				0;
		width :				100%;
		height :				100%;
	}

.obfuscate
	{
		unicode-bidi :			bidi-override;
		direction :				rtl;
	}

.obfuscate span
	{
		display :				none;
	}

.hidden,
.captcha
	{
		visibility :			hidden;
	}

.captcha
	{
		margin :				0 !important;
		padding :				0 !important;
		width :				0 !important;
		height :				0 !important;
	}

.hide
	{
		display :				none;
	}

.force_hide
	{
		position :				absolute;
		top :					-9999px;
		left :				-9999px;
	}


select:-moz-focusring
	{
		color :				transparent;
		text-shadow : 			0 0 0 #000;
	}

.noselect
	{
		-webkit-touch-callout :		none;
		          user-select :		none;
	}

.userselect
	{
		          user-select :		text;
	}

select.minimalist
	{
		-webkit-appearance :		none;
		   -moz-appearance :  		none;
	}

.strikeout
	{
		position :				relative;
	}
.strikeout::after
	{
		content :				"";
		position :				absolute;
		top :					50%;
		left :				0;
		right :				0;
		border-bottom :			2px solid #DA0000;
	}

.disable_double_tap_zoom
	{
		touch-action :			manipulation;
	}

.no_event
	{
		pointer-events :			none;
	}

.overflow
	{
		overflow :				visible !important;
	}

.nooverflow
	{
		overflow :				hidden !important;
	}

.floating_bottom
	{
		position :				absolute;
		bottom :				0;
		left :				0;
		right :				0;
	}

/* ------------------------------------------------------------------------------------ ESPACEMENTS */

span.small_tab
	{
		display :				inline-block;
		margin :				0;
		width : 				calc(var(--tab_size) * 0.5 );
		height :				1em;
	}

tab,
span[class^="tab"]
	{
		display :				inline-block;
		margin :				0;
		width : 				calc(var(--tab_size) * 1 );
		height :				1em;
	}

tab.tab2, span.tab2	{ width :   calc(var(--tab_size) *  2 ); }
tab.tab3, span.tab3	{ width :	calc(var(--tab_size) *  3 ); }
tab.tab4, span.tab4	{ width :	calc(var(--tab_size) *  4 ); }
tab.tab5, span.tab5	{ width :	calc(var(--tab_size) *  5 ); }
tab.tab6, span.tab6	{ width :	calc(var(--tab_size) *  6 ); }
tab.tab7, span.tab7	{ width :	calc(var(--tab_size) *  7 ); }
tab.tab8, span.tab8	{ width :	calc(var(--tab_size) *  8 ); }
tab.tab9, span.tab9	{ width :	calc(var(--tab_size) *  9 ); }
tab.tab10, span.tab10	{ width :	calc(var(--tab_size) * 10 ); }

div[class^="space"]
	{
		height : 				calc(var(--space_size) * 1 );
	}

div.space2			{ height : calc(var(--space_size) *    2 ); }
div.space3			{ height : calc(var(--space_size) *    3 ); }
div.space4			{ height : calc(var(--space_size) *    4 ); }
div.space5			{ height : calc(var(--space_size) *    5 ); }
div.space6			{ height : calc(var(--space_size) *    6 ); }
div.space7			{ height : calc(var(--space_size) *    7 ); }
div.space8			{ height : calc(var(--space_size) *    8 ); }
div.space9			{ height : calc(var(--space_size) *    9 ); }
div.space10			{ height : calc(var(--space_size) *   10 ); }
div.space20			{ height : calc(var(--space_size) *   20 ); }
div.space30			{ height : calc(var(--space_size) *   30 ); }
div.space40			{ height : calc(var(--space_size) *   40 ); }
div.space50			{ height : calc(var(--space_size) *   50 ); }
div.space60			{ height : calc(var(--space_size) *   60 ); }
div.space70			{ height : calc(var(--space_size) *   70 ); }
div.space80			{ height : calc(var(--space_size) *   80 ); }
div.space90			{ height : calc(var(--space_size) *   90 ); }
div.space100		{ height : calc(var(--space_size) *  100 ); }
div.space120		{ height : calc(var(--space_size) *  120 ); }
div.space150		{ height : calc(var(--space_size) *  150 ); }
div.space200		{ height : calc(var(--space_size) *  200 ); }
div.space300		{ height : calc(var(--space_size) *  300 ); }
div.space400		{ height : calc(var(--space_size) *  400 ); }
div.space500		{ height : calc(var(--space_size) *  500 ); }
div.space1000		{ height : calc(var(--space_size) * 1000 ); }






/* ------------------------------------------------------------------------------------ TAGS */

.tag
	{
		vertical-align :			middle;
		margin :				1px;
		color :				#FFFFFF;
		background-color :		#A2A2A1;
	}

div.tag
	{
		display :				block;
	}

span.tag
	{
		display :				inline-block;
	}






/* ------------------------------------------------------------------------------------ MESSAGES */

div.msg
	{
		display :				block;
		margin :				5px 0;
		padding :				30px 20px;
		text-align :			center;
	}

span.msg
	{
		display :				inline-block;
		margin :				0.1em 0;
		padding :				0.1em 0.2em;
		text-align :			center;
	}


/* ------------------------------------------------------------------------------------ TAGS & MESSAGES */

.tag,
.msg.info,
.msg.note,
.msg.notice,
.msg.important,
.msg.erreur,
.msg.error
	{
		vertical-align :			middle;
		padding :				4px 6px;
		border-radius :			2px;
	}

.tag.big,
.msg.info.big,
.msg.note.big,
.msg.notice.big,
.msg.important.big,
.msg.erreur.big,
.msg.error.big
	{
		padding :				12px 20px;
	}


.msg,
.msg.notice
	{
		color :				#0080A6 !important;
		background-color :		#DBF1F7 !important;
	}

.msg.info,
.msg.ok
	{
		color :				#117700 !important;
		background-color :		#D8EFAC !important;
	}

.msg.note
	{
		color :				#6B4E00 !important;
		background-color :		#FFF19B !important;
	}

.msg.erreur,
.msg.error
	{
		color :				#FFFFFF !important;
		background-color :		#DC143C !important;
	}

.msg.important
	{
		color :				#FFFFFF !important;
		background-color :		#EB7208 !important;
	}






/* ------------------------------------------------------------------------------------ OPACITÉ */

body .opacity_0		{ opacity :		0;    }
body .opacity_05		{ opacity :		0.05;  }
body .opacity_10		{ opacity :		0.1;  }
body .opacity_15		{ opacity :		0.15; }
body .opacity_20		{ opacity :		0.2;  }
body .opacity_25		{ opacity :		0.25; }
body .opacity_30		{ opacity :		0.3;  }
body .opacity_35		{ opacity :		0.35; }
body .opacity_40		{ opacity :		0.4;  }
body .opacity_45		{ opacity :		0.45; }
body .opacity_50		{ opacity :		0.5;  }
body .opacity_55		{ opacity :		0.55; }
body .opacity_60		{ opacity :		0.6;  }
body .opacity_65		{ opacity :		0.65; }
body .opacity_70		{ opacity :		0.7;  }
body .opacity_75		{ opacity :		0.75; }
body .opacity_80		{ opacity :		0.8;  }
body .opacity_85		{ opacity :		0.85; }
body .opacity_90		{ opacity :		0.9;  }
body .opacity_95		{ opacity :		0.95; }
body .opacity_100		{ opacity :		1.0;  }



/* ------------------------------------------------------------------------------------ OMBRES / SHADOWS */

.ombre
	{
		box-shadow :			0 0 2em rgba( 0 , 0 , 0, 0.4 );
	}

.ombre_legere
	{
		box-shadow :			0 0 2em rgba( 0 , 0 , 0, 0.03 );
	}

.ombre_top			{ box-shadow : 0 -0.5em 0.8em -0.5em rgba(0,0,0,0.4);	}
.ombre_left			{ box-shadow : -0.5em 0 0.8em -0.5em rgba(0,0,0,0.4);	}
.ombre_right		{ box-shadow : 0.5em 0 0.8em -0.5em rgba(0,0,0,0.4);	}
.ombre_bottom		{ box-shadow : 0 0.5em 0.8em -0.5em rgba(0,0,0,0.4);	}

.ombre_inset_top		{ box-shadow : inset 0 0.5em 0.8em -0.5em rgba(0,0,0,0.4);	}
.ombre_inset_left		{ box-shadow : inset 0.6em 0 0.6em -0.6em rgba(0,0,0,0.4);	}
.ombre_inset_right	{ box-shadow : inset -0.6em 0 0.6em -0.6em rgba(0,0,0,0.4);	}
.ombre_inset_bottom	{ box-shadow : inset 0 -0.5em 0.8em -0.5em rgba(0,0,0,0.4);	}




/* ------------------------------------------------------------------------------------ BOUTONS */

body .bouton,
body a.bouton,
body .bouton:not(.disabled):hover
	{
		display :				inline-block;
		position :				relative;
		margin :				2px 0;
		vertical-align :			middle;
		cursor :				pointer;
		text-align :			center;
		border :				none;
		border-radius :			3px;
		text-decoration :			none;

		-webkit-touch-callout :		none;
		          user-select :		none;
	}

.bouton,
a.bouton
	{
		color :				#333333;
		background-color :		#E3E3E3;
	}

.bouton,
a.bouton,
.tag.large
	{
		padding :				0.4em 1em;
	}

.bouton.ombre
	{
		box-shadow :			0 0 0.2em rgba( 0 , 0 , 0, 0.4 );
		transition :			all 100ms ease;
	}

.bouton.ombre:active
	{
		box-shadow :			0 0 0.2em rgba( 0 , 0 , 0, 0.2 );
	}

.bouton *
	{
		color :				inherit;
	}

.bouton.extended::before
	{
		content :				"";
		position :				absolute;
		left :				-0.6em;
		right :				-0.6em;
		top :				 	-0.6em;
		bottom :				-0.6em;
  		border-radius :			inherit;
	}

.bouton:hover
	{
		background-color :		#CFCFCF;
		text-decoration :			none;
	}

.bouton:active
	{
		color :				#FFFFFF !important;
		background-color :		#222222 !important;
		text-decoration :			none;
	}

.bouton.large
	{
		min-width :				200px;
		padding-left :			50px;
		padding-right :			50px;
	}

.bouton.big
	{
		padding :				0.4em 1.5em;
		font-size :				1.5rem;
	}

.bouton.border,
.bouton.border:hover
	{
		border-radius :			2px;
		border-width :			1px;
		border-style :			solid;
		border-color :			rgba( 0 , 0 , 0 , 0.6 ) !important;
	}

.bouton.d3
	{
		box-shadow :			0  0.1em #888 ;
		transform :				translateY( -0.1em );
		transition :			all 0.01s ease-in;
	}

.bouton.d3:active,
.bouton.d3.active
	{
    		box-shadow :			none;
		transform :				translateY(0);
	}



.bouton:disabled,
.bouton.disabled
	{
		cursor :				default !important;
		color :				#555 !important;
		background-color :		#E3E3E3 !important;
	}









/* ----------------------------------------------------------------- BTN */

.btn
	{
		z-index :				1;
		display :				inline-block;
		position :				relative;
		padding :				4px 10px;
		text-transform :			uppercase;
		font-weight :			bold;
		color :				#0000DD;
		background :			none !important;
		border :				2px solid #0000DD;
		outline :				0;
		overflow :				hidden;
		cursor :				pointer;
		transition :			all 0.1s ease-in;
	}

.btn:hover
	{
		color :				#FFFFFF;
		background :			#0000DD !important;
	}



/* ----------------------------------------------------------------- BOUTON ANIME */

.btn.animate,
.bouton.animate
	{
		z-index :				1;
		display :				inline-block;
		position :				relative;
		transition :			all 0.15s ease-in;
	}


.btn.animate:hover,
.bouton.animate:hover
	{
		color : 				#FFFFFF;
	}

.btn.animate:before,
.bouton.animate:before
	{
		z-index :				-1;
		content :				"";
		position :				absolute;
		top :					0;
		bottom :				0;
		left :				0;
		right :				100%;
		background :			#0000DD;
		transition :			all 0.15s ease-in;
	}
.bouton.animate:before
	{
		border-radius :			3px;
	}

.btn.animate:hover:before,
.bouton.animate:hover:before
	{
		right : 				0;
	}






/* ----------------------------------------------------------------- COULEUR DU THEME */

.bouton.couleur,
.tag.couleur						{ background-color : 	var(--couleur); }
.bouton.couleur:not(.disabled):hover,
.bouton.couleur.current					{ filter : brightness(110%); color : #FFF; }
.bouton.couleur,
.bouton.couleur *:not(.bouton):not(.tag),
.tag.couleur,
.tag.couleur *:not(.bouton):not(.tag)		{ color :			#FFF; }


/* ----------------------------------------------------------------- NOIR */

.bouton.noir,
.tag.noir							{ background-color : 	#222; }
.bouton.noir:not(.disabled):hover,
.bouton.noir.current					{ background-color :	#000; color : #FFF; }
.bouton.noir,
.bouton.noir *:not(.bouton):not(.tag),
.tag.noir,
.tag.noir *:not(.bouton):not(.tag)			{ color : 			#FFF; }


/* ----------------------------------------------------------------- BLANC */

.bouton.blanc,
.tag.blanc							{ background-color : 	#FFF; }
.bouton.blanc:not(.disabled):hover,
.bouton.blanc.current					{ background-color :	#FAFAFA; color : #222; }
.bouton.blanc,
.bouton.blanc *:not(.bouton):not(.tag),
.tag.blanc,
.tag.blanc *:not(.bouton):not(.tag)			{ color : 			#222; }

/* ----------------------------------------------------------------- ANTHRACITE */

.bouton.anthracite,
.tag.anthracite						{ background-color : 	#383E42; }
.bouton.anthracite:not(.disabled):hover,
.bouton.anthracite.current				{ background-color :	#2F3437; color : #FFF; }
.bouton.anthracite,
.bouton.anthracite *:not(.bouton):not(.tag),
.tag.anthracite,
.tag.anthracite *:not(.bouton):not(.tag)		{ color : 			#FFF; }

/* ----------------------------------------------------------------- GRIS */

.bouton.gris,
.tag.gris							{ background-color : 	#CBCFD2; }
.bouton.gris:not(.disabled):hover,
.bouton.gris.current					{ background-color :	#B9BDC2; color : 	#222222; }
.bouton.gris,
.bouton.gris *:not(.bouton):not(.tag),
.tag.gris,
.tag.gris *:not(.bouton):not(.tag)			{ color : 			#222222; }

/* ----------------------------------------------------------------- GRIS FONCÉ */

.bouton.gris_fonce,
.tag.gris_fonce						{ background-color : 	#656d78; }
.bouton.gris_fonce:not(.disabled):hover,
.bouton.gris_fonce.current				{ background-color :	#434A54; color : #FFF; }
.bouton.gris_fonce,
.bouton.gris_fonce *:not(.bouton):not(.tag),
.tag.gris_fonce,
.tag.gris_fonce *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- GRIS CLAIR */

.bouton.gris_clair,
.tag.gris_clair						{ background-color : 	#E3E3E3; }
.bouton.gris_clair:not(.disabled):hover,
.bouton.gris_clair.current				{ background-color :	#CFCFCF; color : #444444; }
.bouton.gris_clair,
.bouton.gris_clair *:not(.bouton):not(.tag),
.tag.gris_clair,
.tag.gris_clair *:not(.bouton):not(.tag)		{ color : 			#444444; }

/* ----------------------------------------------------------------- FRAMBOISE */

.bouton.framboise,
.tag.framboise						{ background-color : 	#ED5565; }
.bouton.framboise:not(.disabled):hover,
.bouton.framboise.current				{ background-color :	#DA4453; color : #FFF; }
.bouton.framboise,
.bouton.framboise *:not(.bouton):not(.tag),
.tag.framboise,
.tag.framboise *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- ROUGE : D03535 + C91D1D */

.bouton.rouge,
.tag.rouge							{ background-color : 	#DC143C; }
.bouton.rouge:not(.disabled):hover,
.bouton.rouge.current					{ background-color :	#FF0134; color : #FFFFFF; }
.bouton.rouge,
.bouton.rouge *:not(.bouton):not(.tag),
.tag.rouge,
.tag.rouge *:not(.bouton):not(.tag)			{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- ROUGE FONCÉ */

.bouton.rouge_fonce,
.tag.rouge_fonce						{ background-color : 	#AB0F27; }
.bouton.rouge_fonce:not(.disabled):hover,
.bouton.rouge_fonce.current				{ background-color :	#960202; color : #FFFFFF; }
.bouton.rouge_fonce,
.bouton.rouge_fonce *:not(.bouton):not(.tag),
.tag.rouge_fonce,
.tag.rouge_fonce *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- ROUGE CLAIR */

.bouton.rouge_clair,
.tag.rouge_clair						{ background-color : 	#FCC6C6; }
.bouton.rouge_clair:not(.disabled):hover,
.bouton.rouge_clair.current				{ background-color :	#FFBEBE; color : #960202; }
.bouton.rouge_clair,
.bouton.rouge_clair *:not(.bouton):not(.tag),
.tag.rouge_clair,
.tag.rouge_clair *:not(.bouton):not(.tag)		{ color : 			#960202; }

/* ----------------------------------------------------------------- ORANGE */

.bouton.orange,
.tag.orange							{ background-color : 	#ff6f2f; }
.bouton.orange:not(.disabled):hover,
.bouton.orange.current					{ background-color :	#f54b00; color : #FFF; }
.bouton.orange,
.bouton.orange *:not(.bouton):not(.tag),
.tag.orange,
.tag.orange *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- ORANGE CLAIR */

.bouton.orange_clair,
.tag.orange_clair						{ background-color : 	#FFD193; }
.bouton.orange_clair:not(.disabled):hover,
.bouton.orange_clair.current				{ background-color :	#FFC16E; color : #744300; }
.bouton.orange_clair,
.bouton.orange_clair *:not(.bouton):not(.tag),
.tag.orange_clair,
.tag.orange_clair *:not(.bouton):not(.tag)	{ color : 			#744300; }

/* ----------------------------------------------------------------- JAUNE */

.bouton.jaune,
.tag.jaune							{ background-color : 	#FFC933; }
.bouton.jaune:not(.disabled):hover,
.bouton.jaune.current					{ background-color :	#EBB503; color : #222; }
.bouton.jaune,
.bouton.jaune *:not(.bouton):not(.tag),
.tag.jaune,
.tag.jaune *:not(.bouton):not(.tag)			{ color : 			#222222; }

/* ----------------------------------------------------------------- JAUNE CLAIR */

.bouton.jaune_clair,
.tag.jaune_clair						{ background-color : 	#FFEB9B; }
.bouton.jaune_clair:not(.disabled):hover,
.bouton.jaune_clair.current				{ background-color :	#FDE585; color : #6B4600; }
.bouton.jaune_clair,
.bouton.jaune_clair *:not(.bouton):not(.tag),
.tag.jaune_clair,
.tag.jaune_clair *:not(.bouton):not(.tag)		{ color : 			#6B4600; }

/* ----------------------------------------------------------------- JAUNE FLASHY */

.bouton.jaune_flashy,
.tag.jaune_flashy						{ background-color : 	#FFFC00; }
.bouton.jaune_flashy:not(.disabled):hover,
.bouton.jaune_flashy.current				{ background-color :	#FFF500; color : #222222 }
.bouton.jaune_flashy,
.bouton.jaune_flashy *:not(.bouton):not(.tag),
.tag.jaune_flashy,
.tag.jaune_flashy *:not(.bouton):not(.tag)	{ color : 			#222222; }

/* ----------------------------------------------------------------- VERT */

.bouton.vert,
.tag.vert							{ background-color : 	#23AB11; }
.bouton.vert:not(.disabled):hover,
.bouton.vert.current					{ background-color :	#1D9C0C; color : #FFF; }
.bouton.vert,
.bouton.vert *:not(.bouton):not(.tag),
.tag.vert,
.tag.vert *:not(.bouton):not(.tag)			{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- VERT FONCÉ */

.bouton.vert_fonce,
.tag.vert_fonce						{ background-color : 	#187A0F; }
.bouton.vert_fonce:not(.disabled):hover,
.bouton.vert_fonce.current				{ background-color :	#0F690A; color : #FFF; }
.bouton.vert_fonce,
.bouton.vert_fonce *:not(.bouton):not(.tag),
.tag.vert_fonce,
.tag.vert_fonce *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- VERT CLAIR */

.bouton.vert_clair,
.tag.vert_clair						{ background-color : 	#D0F2AB; }
.bouton.vert_clair:not(.disabled):hover,
.bouton.vert_clair.current				{ background-color :	#BEF285; color : #315d00; }
.bouton.vert_clair,
.bouton.vert_clair *:not(.bouton):not(.tag),
.tag.vert_clair,
.tag.vert_clair *:not(.bouton):not(.tag)		{ color : 			#315D00; }

/* ----------------------------------------------------------------- MENTHE */

.bouton.menthe,
.tag.menthe							{ background-color : 	#48CFAD; }
.bouton.menthe:not(.disabled):hover,
.bouton.menthe.current					{ background-color :	#37bc9b; color : #FFF; }
.bouton.menthe,
.bouton.menthe *:not(.bouton):not(.tag),
.tag.menthe,
.tag.menthe *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- CYAN */

.bouton.cyan,
.tag.cyan							{ background-color : 	#05B9D6; }
.bouton.cyan:not(.disabled):hover,
.bouton.cyan.current					{ background-color :	#3BAFDA; color : #FFF; }
.bouton.cyan,
.bouton.cyan *:not(.bouton):not(.tag),
.tag.cyan,
.tag.cyan *:not(.bouton):not(.tag)			{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- BLEU */

.bouton.bleu,
.tag.bleu							{ background-color : 	#3769FF; }
.bouton.bleu:not(.disabled):hover,
.bouton.bleu.current					{ background-color :	#2555E6; color : #FFF; }
.bouton.bleu,
.bouton.bleu *:not(.bouton):not(.tag),
.tag.bleu,
.tag.bleu *:not(.bouton):not(.tag)			{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- BLEU FONCÉ */

.bouton.bleu_fonce,
.tag.bleu_fonce						{ background-color : 	#095496; }
.bouton.bleu_fonce:not(.disabled):hover,
.bouton.bleu_fonce.current				{ background-color :	#0F4C82; color : #FFF; }
.bouton.bleu_fonce,
.bouton.bleu_fonce *:not(.bouton):not(.tag),
.tag.bleu_fonce,
.tag.bleu_fonce *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- BLEU CLAIR */

.bouton.bleu_clair,
.tag.bleu_clair						{ background-color :	#C8EDF8; }
.bouton.bleu_clair:not(.disabled):hover,
.bouton.bleu_clair.current				{ background-color :	#BCE9F6; color : #006775; }
.bouton.bleu_clair,
.bouton.bleu_clair *:not(.bouton):not(.tag),
.tag.bleu_clair,
.tag.bleu_clair *:not(.bouton):not(.tag)		{ color :			#006775; }

/* ----------------------------------------------------------------- VIOLET */

.bouton.violet,
.tag.violet							{ background-color : 	#A071FF; }
.bouton.violet:not(.disabled):hover,
.bouton.violet.current					{ background-color :	#804FE1; color : #FFF; }
.bouton.violet,
.bouton.violet *:not(.bouton):not(.tag),
.tag.violet,
.tag.violet *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- VIOLET FONCÉ */

.bouton.violet_fonce,
.tag.violet_fonce						{ background-color : 	#6503E6; }
.bouton.violet_fonce:not(.disabled):hover,
.bouton.violet_fonce.current				{ background-color :	#5B02BA; color : #FFF; }
.bouton.violet_fonce,
.bouton.violet_fonce *:not(.bouton):not(.tag),
.tag.violet_fonce,
.tag.violet_fonce *:not(.bouton):not(.tag)	{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- ROSE */

.bouton.rose,
.tag.rose							{ background-color : 	#ff71b7; }
.bouton.rose:not(.disabled):hover,
.bouton.rose.current					{ background-color :	#FF3C9C; color : #FFF; }
.bouton.rose,
.bouton.rose *:not(.bouton):not(.tag),
.tag.rose,
.tag.rose *:not(.bouton):not(.tag)			{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- FLASHY */

.bouton.flashy,
.tag.flashy							{ background-color : 	#FF1493; }
.bouton.flashy:not(.disabled):hover,
.bouton.flashy.current					{ background-color :	#EA007D; color : #FFF; }
.bouton.flashy,
.bouton.flashy *:not(.bouton):not(.tag),
.tag.flashy,
.tag.flashy *:not(.bouton):not(.tag)		{ color : 			#FFFFFF; }

/* ----------------------------------------------------------------- FLUO */

.bouton.fluo,
.tag.fluo							{ background-color : 	#7FFF00; }
.bouton.fluo:not(.disabled):hover,
.bouton.fluo.current					{ background-color :	#77EF00; color : #333; }
.bouton.fluo,
.bouton.fluo *:not(.bouton):not(.tag),
.tag.fluo,
.tag.fluo *:not(.bouton):not(.tag)			{ color : 			#333; }

/* ----------------------------------------------------------------- GOLD */

.bouton.gold,
.tag.gold							{ background-color : 	#FFD700; }
.bouton.gold:not(.disabled):hover,
.bouton.gold.current					{ background-color :	#FCC500; color : #333; }
.bouton.gold,
.bouton.gold *:not(.bouton):not(.tag),
.tag.gold,
.tag.gold *:not(.bouton):not(.tag)			{ color : 			#333; }

/* ----------------------------------------------------------------- AQUA */

.bouton.aqua,
.tag.aqua							{ background-color : 	#00FFFF; }
.bouton.aqua:not(.disabled):hover,
.bouton.aqua.current					{ background-color :	#00F2F2; color : #333; }
.bouton.aqua,
.bouton.aqua *:not(.bouton):not(.tag),
.tag.aqua,
.tag.aqua *:not(.bouton):not(.tag)			{ color : 			#333; }



/* ------------------------------------------------------------------------------------ BOUTON 2 */

.bouton2
	{
		display :				inline-block;
		margin :				2px 0;
		padding :				4px 15px 3px 15px;
		vertical-align :			middle;
		cursor :				pointer;
		text-align :			center;

		color :				#333333;
		background-color :		#f4f4f4;
		border-width :			1px;
		border-radius :			2px;
		border-style : 			solid;
		border-color :			#d8d8d8;
	}

input.bouton2,
button.bouton2
	{
		padding :				4px 15px 3px 15px;
	}

.bouton2,
*.bouton2,
.bouton2 *
	{
		color :				#333333;
	}

.bouton2:hover
	{
		color :				#333333;
		background-color :		#f1f1f1;
		border-color :			#b7b7b7;
		text-decoration :			none;
	}

.bouton2.large,
input.bouton2.large,
button.bouton2.large
	{
		min-width :				200px;
		padding-left :			50px;
		padding-right :			50px;
	}




/* ------------------------------------------------------------------------------------ TAG BUBBLES */

.tag.bubble
	{
		text-align :			center;
		padding :				0.2em 0.6em 0.3em 0.6em !important;
		border-radius :			15px !important;
	}

.tag.bubble.large
	{
		min-width :				30px;
		padding :				0.2em 1.5em 0.3em 1.5em !important;
	}


/* ------------------------------------------------------------------------------------ TAG ARROWS */

.tag.left_arrow
	{
		padding-left :			20px;
		padding-right :			12px;
		clip-path :				polygon( 10px 0% , 100% 0% , 100% 100% , 10px 100% , 0 50% );
	}

.tag.right_arrow
	{
		padding-left :			12px;
		padding-right :			20px;
		clip-path :				polygon( 0% 0% , calc( 100% - 10px ) 0% , 100% 50% , calc( 100% - 10px ) 100% , 0% 100% );
	}

.tag.double_left_arrow,
.tag.double_right_arrow
	{
		padding-left :			20px;
		padding-right :			20px;
	}

.tag.double_left_arrow
	{
		clip-path :				polygon( 100% 0% , calc( 100% - 10px ) 50% , 100% 100%, 10px 100% , 0% 50% , 10px 0%);
	}

.tag.double_right_arrow
	{
		clip-path :				polygon( calc( 100% - 10px ) 0% , 100% 50% , calc( 100% - 10px ) 100% , 0% 100% , 10px 50% , 0% 0%);
	}

.tag.double_left_arrow.chained,
.tag.double_right_arrow.chained
	{
		margin-left :			-4px;
		margin-right :			-4px;
	}



/* ------------------------------------------------------------------------------------ FORMULAIRES / INPUT / TEXTAREA / SELECT */

input
	{
		text-overflow :			ellipsis;
	}

input[type="checkbox"]
	{
		-webkit-appearance :		checkbox;
	}

input[type="radio"]
	{
		-webkit-appearance :		radio;
	}

input[type="submit"]
	{
		cursor :				pointer;
	}

input[type="range"]
	{
		height :				18px;
		border-radius :			10px;
		background-color :		#EDEDED;
		border :				1px solid #CCCCCC;
		vertical-align :			middle;
		cursor :				ew-resize;
	}

input[type="range"]:hover,
input[type="range"]:focus
	{
		background-color :		#EAEAEA;
		border :				1px solid #CCCCCC;
	}

input[type="range"]::-moz-range-thumb
	{
		-webkit-appearance :		none;
		width :				18px;
		height :				18px;
		border-radius :			18px;
		background-color :		#A1D0FF;
		border :				1px solid #2497E3;
		cursor :				pointer;
	}

input[type="range"]::-webkit-slider-thumb
	{
		-webkit-appearance :		none;
		width :				18px;
		height :				18px;
		border-radius :			18px;
		background-color :		#A1D0FF;
		border :				1px solid #2497E3;
		cursor :				pointer;
	}

input[type="range"]::-moz-range-thumb:hover
	{
		box-shadow :			0 0 5px rgba(0,0,0,0.3);
	}

input[type="range"]::-webkit-slider-thumb:hover
	{
		box-shadow :			0 0 5px rgba(0,0,0,0.3);
	}

input[type="range"]::-moz-focus-outer
	{
		border :				0;
	}


input[type="number"]
	{
		-moz-appearance :			textfield;
	}

input[disabled],
input[disabled="disabled"]
	{
		opacity :				0.4;
		cursor :				default;
		outline-width :			0;
		outline :				none;
		-webkit-text-fill-color : 	inherit;
	}

textarea,
select,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="time"]
	{
		display :				inline-block;
		margin :				1px 0;
		padding :				4px 8px;
		border :				1px solid #A6A6A6;
		box-shadow :			inset 0 1px 1px 0 rgba( 0 , 0 , 0 , 0.2 );
		resize :				none;
	}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus
	{
		color :				#C11A46;
		border :				1px solid #828282;
	}


input:required,
select:required,
textarea:required
	{
		border-left-width :		4px !important;
		border-left-color :		#F88;
	}

input:required:focus,
select:required:focus,
textarea:required:focus
	{
		border-color :			#A66;
		border-left-color :		#F00;
	}

input.date
	{
		width :				100px;
		text-align :			center;
	}

input.date_heure
	{
		width :				150px;
		text-align :			center;
	}

input.rouge		{ background-color : #F7E1E2; }
input.orange	{ background-color : #F4ECE1; }
input.jaune		{ background-color : #F7F5E1; }
input.vert		{ background-color : #DBEFCE; }
input.bleu		{ background-color : #E1EFF7; }


textarea.resize
	{
		resize :				both;
	}

select
	{
		-webkit-appearance :		none;
		        appearance :		none;
	}

select:not([multiple])
	{
		padding :				0.3em 1.8em 0.2em 0.5em;
		background-image :		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23999999'><polygon points='0,0 100,0 50,50'/></svg>");
		background-size :			1.1em;
		background-position :		calc( 100% - 0.3em ) center;
		background-repeat :		no-repeat;
	}

select:not([multiple]):hover
	{
		background-image :		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='%23C11A46'><polygon points='0,0 100,0 50,50'/></svg>");
	}

select.levels > option[data-level]
	{
		padding-left :			calc( ( var(--level) + 0.4 ) * 1.4em);
	}

select.levels > option[data-level="0"]
	{
		font-weight : 			700;
		background-color :		rgba( 193 , 26 , 70 , 0.1 );
	}

select.levels > option[data-level]:before
	{
		content :				"\21B3\00A0 ";
	}

select.levels > option[data-level="0"]:before
	{
		content :				"";
	}




/* ------------------------------------------------------------------------------------ FILE INPUT */

.input_file
	{
		min-width :				10em;
		max-width :				100%;
		padding :				0.4em;
		font-size :				0.9em;
		color :				#000;
		background :			#FFF;
		border-radius :			var( --radius , 0.2em );
		border :				var( --border_size , 1px ) solid rgba(0,0,0,0.2);
	}

.input_file::file-selector-button
	{
		margin-right :			1.2em;
		padding :				0.4em 1em;
		color :				#FFF;
		background-color :		var( --couleur , #3975EF );
		border-radius :			var( --radius , 0.2em );
		border :				none;
		cursor :				pointer;
		transition :			background .2s ease-in-out;
	}

.input_file::file-selector-button:hover
	{
		color :				#FFF;
		background-color :		#000;
	}





/* ------------------------------------------------------------------------------------ HACKS */

input::-ms-clear
	{
		display : 				none;
	}


/* ------------------------------------------------------------------------------------ TINY MCE */

body.mceContentBody
	{
		padding :				5px;
	}




/* ------------------------------------------------------------------------------------ CHECKBOXES */

span.checkbox,
span.radio
	{
		display :				inline-block;
		margin :				1px 0 1px 0;
		padding :				0;
	}

span.checkbox > input[type="checkbox"],
span.radio > input[type="radio"]
	{
		display :				none;
	}

span.checkbox > label,
span.radio > label
	{
		display :				inline-block;
		cursor :				pointer;
		user-select :			none;
	}

span.checkbox > label:before,
span.radio > label:before
	{
		content :				"";
		display :				inline-block;
		margin :				0 0.3em 0.1em 0;
		width :				1.1em;
		height :				1.1em;
		vertical-align :			middle;
		text-align :			center;
		cursor :				pointer;
		color :				#000000;

		background-color :		rgba( 0 , 0 , 0 , 0.1 );
		background-position :		center center;
		background-repeat :		no-repeat;

		/*box-shadow :			inset 0 0 1px 0px rgba( 0 , 0 , 0 , 0.3 );*/
		border-radius :			10px;
		border-width :			2px;
		border-style :			solid;
		border-color :			rgba( 0 , 0 , 0 , 0.3 );
		transition :			all 200ms ease;
	}


/* --------------------------------------------------------- Checkboxes toggle */


span.toggle_switch
	{
		--w :					3rem;
		--h :					1.6rem;
		vertical-align :			middle;
	}

span.toggle_switch input[type=checkbox]
	{
		display :				none;
		height :				0;
		width :				0;
	}

span.toggle_switch label
	{
		display :				inline-block;
		position :				relative;
		width :				var(--w);
		height :				var(--h);
		text-indent :			-9999px;
		background :			#777;
		border-radius :			calc( var(--w) * 10 );
		cursor :				pointer;
	}

span.toggle_switch label:after
	{
		content :				"";
		position :				absolute;
		top :					calc( var(--h) * 0.12 );
		left :				calc( var(--h) * 0.12 );
		width :				calc( var(--h) * 0.76 );
		height :				calc( var(--h) * 0.76 );
		background-color :		#FFF;
		border-radius :			calc( var(--w) * 10 );
		transition :			all 300ms ease-in-out;
	}

span.toggle_switch input:checked+label
	{
		background : 			var( --couleur , #01AD12 );
	}

span.toggle_switch input:checked+label:after
	{
		left :				calc( 100% - calc( var(--h) * 0.12 ) );
		transform :				translateX( -100% );
	}

span.toggle_switch label:active:after
	{
		width :				30px;
	}


/* --------------------------------------------------------- Checkboxes styles */

span.checkbox:hover > label:before,
span.radio:hover > label:before
	{
		border-color :			var( --couleur , #01AD12 );
	}

span.checkbox > input[type="checkbox"]:checked + label:before,
span.radio > input[type="radio"]:checked + label:before
	{
		border-color :			var( --couleur , #01AD12 );
		background-color :		var( --couleur , #01AD12 );
		background-image :		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M13.613%2027.068l-7.94-7.28q-.285-.267-.442-.613t-.172-.7.11-.71.394-.638q.52-.583%201.3-.614T8.225%2017l6.13%205.626%208.79-17q.363-.693%201.104-.93t1.433.118.93%201.103-.126%201.442L16.56%2026.55q-.204.394-.558.654t-.78.34q-.063.015-.118.023t-.11.008-.102%200q-.74%200-1.276-.504z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E");
		background-size :			0.9em auto;
	}

span.checkbox > input[type="checkbox"]:disabled + label:before,
span.radio > input[type="radio"]:disabled + label:before
	{
		border-color :			rgba( 0 , 0 , 0 , 0.1 );
		background-color :		#E2DEDE;
		cursor :				not-allowed;
	}



/* ------------------- VERT */

span.checkbox.vert:hover > label:before,
span.radio.vert:hover > label:before
	{
		border-color :			#01AD12;
	}

span.checkbox.vert > input[type="checkbox"]:checked + label:before,
span.radio.vert > input[type="radio"]:checked + label:before,
span.toggle_switch.vert input:checked+label
	{
		border-color :			#01AD12;
		background-color :		#01AD12;
	}



/* ------------------- BLEU */

span.checkbox.bleu:hover > label:before,
span.radio.bleu:hover > label:before
	{
		border-color :			#0071C1;
	}

span.checkbox.bleu > input[type="checkbox"]:checked + label:before,
span.radio.bleu > input[type="radio"]:checked + label:before,
span.toggle_switch.bleu input:checked+label
	{
		border-color :			#0071C1;
		background-color :		#0071C1;
	}


/* ------------------- JAUNE */

span.checkbox.jaune:hover > label:before,
span.radio.jaune:hover > label:before
	{
		border-color :			#FEA700;
	}

span.checkbox.jaune > input[type="checkbox"]:checked + label:before,
span.radio.jaune > input[type="radio"]:checked + label:before,
span.toggle_switch.jaune input:checked+label
	{
		border-color :			#FEA700;
		background-color :		#FEA700;
	}


/* ------------------- ORANGE */

span.checkbox.orange:hover > label:before,
span.radio.orange:hover > label:before
	{
		border-color :			#EF5B00;
	}

span.checkbox.orange > input[type="checkbox"]:checked + label:before,
span.radio.orange > input[type="radio"]:checked + label:before,
span.toggle_switch.orange input:checked+label
	{
		border-color :			#EF5B00;
		background-color :		#FF6607;
	}


/* ------------------- ROUGE */

span.checkbox.rouge:hover > label:before,
span.radio.rouge:hover > label:before
	{
		border-color :			#EE0000;
	}

span.checkbox.rouge > input[type="checkbox"]:checked + label:before,
span.radio.rouge > input[type="radio"]:checked + label:before,
span.toggle_switch.rouge input:checked+label
	{
		border-color :			#EE0000;
		background-color :		#EE0000;
	}



/* ------------------- GRIS */

span.checkbox.gris:hover > label:before,
span.radio.gris:hover > label:before
	{
		border-color :			#A0A0A0;
	}

span.checkbox.gris > input[type="checkbox"]:checked + label:before,
span.radio.gris > input[type="radio"]:checked + label:before,
span.toggle_switch.gris input:checked+label
	{
		border-color :			#A0A0A0;
		background-color :		#A0A0A0;
	}



/* ------------------------------------------------------------------------------------ RADIOS */

span.radio > input[type="radio"]:checked + label:before
	{
		background-image :		url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Calque_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20enable-background%3D%22new%200%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23FFFFFF%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");
	}




/* ------------------------------------------------------------------------------------ TABLEAU */

table.tableau
	{
		width :				100%;
		border-spacing :			0px;
		border-collapse :			collapse;
	}


table.tableau.auto
	{
		width :				auto;
	}

table.tableau > colgroup > col:nth-child(odd)
	{
		background-color :		rgba(183, 163, 102, 0.1);
		background-color :		rgba( 0 , 0 , 0 , 0.03 );
	}

table.tableau > colgroup > col:nth-child(even) {}


table.tableau.borders,
table.tableau.borders th,
table.tableau.borders td
	{
		border :				1px solid #CCCCCC;
	}

table.tableau > thead > tr > th,
table.tableau > tbody > tr > td
	{
		padding :				0.5em;
		vertical-align :			top;
	}

table.tableau.compact > thead > tr > th,
table.tableau.compact > tbody > tr > td
	{
		padding :				0.25em 0.4em;
	}

table.tableau.compact_spaced > thead > tr > th,
table.tableau.compact_spaced > tbody > tr > td
	{
		padding :				0.25em 1em 0.25em 0.4em;
	}

table.tableau.spaced > thead > tr > th,
table.tableau.spaced > tbody > tr > td
	{
		padding :				0.5em 2em 0.5em 0.5em;
	}

table.tableau > thead > tr > th
	{
		text-align :			left;
		color :				#FFFFFF;
		background-color :		var( --couleur , #141E8B );
	}

table.tableau.lines
	{
		white-space :			inherit;
	}

table.tableau.lines > tbody > tr:nth-child(odd) > td
	{
		background-color :		rgba( 0 , 0 , 0 , 0.05 );
	}

table.tableau.lines > tbody > tr:nth-child(even) > td
	{
		background-color :		rgba( 0 , 0 , 0 , 0.1 );
	}

table.tableau.hover > tbody > tr:hover > td
	{
		background-color :		#E5E0D7;
	}

table.tableau > tbody > tr > td.highlight,
table.tableau > tbody > tr.highlight > td
	{
		background-color :		var(--couleur_highlight) !important;
	}



/* ------------------------------------------------------------------------------------ DIV AS TABLE */

.table
	{
		display :				table;
	}

.table.large
	{
		width :				100%;
	}

.table.borders
	{
		border-collapse :			collapse;
	}

.table.borders .table_cell
	{
		border :				1px solid #CCCCCC;
	}


.table_row
	{
		display :				table-row;
	}

.table_cell
	{
		display :				table-cell;
		padding :				2px;
	}

.table.spaced .table_cell
	{
		padding :				0.5em 2em 0.5em 0.5em;
	}

.table_row.highlight .table_cell,
.table_cell.highlight
	{
		background-color :		var(--couleur_highlight) !important;
	}


/* ------------------------------------------------------------------------------------ BOUTON DE CONFIRMATION */

.btn_confirm
	{
		display :				inline-block;
		vertical-align :			center;
		height :				24px;
		line-height :			22px;
	}

.btn_confirm_span_1,
.btn_confirm_span_2,
.btn_confirm_link_oui,
.btn_confirm_link_non
	{
		display :				inline-block;
		height :				24px;
		line-height :			22px;
		font-size :				12px;
	}

.btn_confirm_span_1
	{
		padding :				0px 10px;
		color :				#9a9294;
		border-radius :			2px;
	}

.btn_confirm_span_1:hover
	{
		color :				#FFFFFF;
		background-color :		#AA0000;
		cursor :				pointer;
	}

.btn_confirm_span_2
	{
		display :				none;
		padding-left :			9px;
		color :				#EA0000;
	}


.btn_confirm_link_oui
	{
		margin-left :			10px;
	}

.btn_confirm_link_oui,
.btn_confirm_link_non
	{
		padding :				0 5px;
		border-radius :			2px;
		color :				#000000 !important;
	}

.btn_confirm_link_oui:hover,
.btn_confirm_link_non:hover
	{
		color :				#FFFFFF;
		color :				#FFFFFF !important;
		text-decoration :			none;
		cursor :				pointer;
	}

.btn_confirm_link_oui:hover
	{
		background-color :		#AA0000;
	}

.btn_confirm_link_non:hover
	{
		background-color :		#00AD00;
	}



/* ------------------------------------------------------------------------------------ COLONNES */

.colonnes2			{ column-count : 2; }
.colonnes3,.colonnes	{ column-count : 3; }
.colonnes4			{ column-count : 4; }
.colonnes5			{ column-count : 5; }
.colonnes6			{ column-count : 6; }


[class*="colonnes"] > .colonne
	{
		break-inside :			avoid-column;
	}



/* ------------------------------------------------------------------------------------ GRILLE */

[class*="grid"]
	{
		--col : 				1fr;

		display :				grid;
		grid-gap :				0rem;
		grid-template-columns :		repeat( 4 , var(--col) );
		grid-template-rows :		1fr;
		grid-auto-flow :			dense;
	}

[class*="grid"].spaced
	{
		grid-gap :				0.6rem;
	}

[class*="grid"].large_spaced
	{
		grid-gap :				2rem;
	}


[class*="grid"].auto,
[class*="grid"].autofit
	{
		--col :				auto;
		width :				fit-content;
	}

[class*="grid"].autofit,
[class*="grid"].autofit > div
	{
		--col :				auto;
		width :				min-content;
	}

[class*="grid"] > div
	{
		grid-column-end :			span 1;
		grid-row-end :			span 1;
	}

.grid1	{ grid-template-columns : repeat(  1 , var(--col) ); }
.grid2	{ grid-template-columns : repeat(  2 , var(--col) ); }
.grid3	{ grid-template-columns : repeat(  3 , var(--col) ); }
.grid4	{ grid-template-columns : repeat(  4 , var(--col) ); }
.grid5	{ grid-template-columns : repeat(  5 , var(--col) ); }
.grid6	{ grid-template-columns : repeat(  6 , var(--col) ); }
.grid7	{ grid-template-columns : repeat(  7 , var(--col) ); }
.grid8	{ grid-template-columns : repeat(  8 , var(--col) ); }
.grid9	{ grid-template-columns : repeat(  9 , var(--col) ); }
.grid10	{ grid-template-columns : repeat( 10 , var(--col) ); }
.grid11	{ grid-template-columns : repeat( 11 , var(--col) ); }
.grid12	{ grid-template-columns : repeat( 12 , var(--col) ); }
.grid13	{ grid-template-columns : repeat( 13 , var(--col) ); }
.grid14	{ grid-template-columns : repeat( 14 , var(--col) ); }
.grid15	{ grid-template-columns : repeat( 15 , var(--col) ); }
.grid16	{ grid-template-columns : repeat( 16 , var(--col) ); }
.grid17	{ grid-template-columns : repeat( 17 , var(--col) ); }
.grid18	{ grid-template-columns : repeat( 18 , var(--col) ); }
.grid19	{ grid-template-columns : repeat( 19 , var(--col) ); }
.grid20	{ grid-template-columns : repeat( 20 , var(--col) ); }
.grid21	{ grid-template-columns : repeat( 21 , var(--col) ); }
.grid22	{ grid-template-columns : repeat( 22 , var(--col) ); }
.grid23	{ grid-template-columns : repeat( 23 , var(--col) ); }
.grid24	{ grid-template-columns : repeat( 24 , var(--col) ); }
.grid25	{ grid-template-columns : repeat( 25 , var(--col) ); }
.grid26	{ grid-template-columns : repeat( 26 , var(--col) ); }
.grid27	{ grid-template-columns : repeat( 27 , var(--col) ); }
.grid28	{ grid-template-columns : repeat( 28 , var(--col) ); }
.grid29	{ grid-template-columns : repeat( 29 , var(--col) ); }
.grid30	{ grid-template-columns : repeat( 30 , var(--col) ); }



/* ------------------------------------------------------------------------------------ CONTENTS MULTIPARTS : 50/50 , 1/3-2/3 , 1/4-3/4 , 1/4-2/4-1/4 */

[class*="content__"] 		/* .content__5050 */
	{
		display :				grid;
		grid-gap :				0rem;
		grid-template-columns :		repeat( 2 , 1fr );
		grid-template-rows :		1fr;
		grid-auto-flow :			dense;
	}

[class*="content__"].spaced
	{
		grid-gap :				2rem;
	}

[class*="content__"] > div 	/* .content__5050 */
	{
		position :				relative;
		grid-column-end :			span 1;
		grid-row-end :			span 1;
	}


.content__1-2,
.content__2-1
	{
		grid-template-columns : repeat( 3 , 1fr );
	}
.content__1-2 > div:nth-child(1)	{ grid-column-end : span 1; }
.content__1-2 > div:nth-child(2)	{ grid-column-end : span 2; }
.content__2-1 > div:nth-child(1)	{ grid-column-end : span 2; }
.content__2-1 > div:nth-child(2)	{ grid-column-end : span 1; }


.content__1-3,
.content__3-1
	{
		grid-template-columns : repeat( 4 , 1fr );
	}
.content__1-3 > div:nth-child(1)	{ grid-column-end : span 1; }
.content__1-3 > div:nth-child(2)	{ grid-column-end : span 3; }
.content__3-1 > div:nth-child(1)	{ grid-column-end : span 3; }
.content__3-1 > div:nth-child(2)	{ grid-column-end : span 1; }


.content__1-2-1
	{
		grid-template-columns : repeat( 4 , 1fr );
	}
.content__1-2-1 > div:nth-child(1)	{ grid-column-end : span 1; }
.content__1-2-1 > div:nth-child(2)	{ grid-column-end : span 2; }
.content__1-2-1 > div:nth-child(3)	{ grid-column-end : span 1; }







/* ------------------------------------------------------------------------------------ ANIMATIONS */

.blink
	{
		animation :			blink 0.9s infinite;
	}

@keyframes blink
	{
		0% 		{ opacity: 		0; }
		1% 		{ opacity: 		1; }
		49% 		{ opacity: 		1; }
		50% 		{ opacity: 		0; }
		100% 		{ opacity: 		0; }
	}

@-webkit-keyframes blink
	{
		0% 		{ opacity: 		0; }
		1% 		{ opacity: 		1; }
		49% 		{ opacity: 		1; }
		50% 		{ opacity: 		0; }
		100% 		{ opacity: 		0; }
	}



/* ------------------------------------------------------------------------------------ LOADERS */

._loader
	{
		--s :					2rem;
		--bg :				var( --couleur_body , #C9CECE );
		--fg :				var( --couleur , crimson );

		box-sizing :			border-box;
		display :				inline-block;

		width :				var(--s);
		aspect-ratio :			1;
		border :				calc( var(--s) * 0.15 ) solid var(--bg);

		border-bottom-color :		var( --fg );
		border-radius :			50%;
		animation :				_loader_animation 1s linear infinite;
	}


._loader.small
	{
		--s :					1.2rem;
	}

._loader.big
	{
		--s :					4rem;
	}

@keyframes _loader_animation {
	0%
		{
			transform :			rotate(0deg);
	}

	100% 
		{
			transform :			rotate(360deg);
		}
}



._txt_loader
	{
		display  :				inline-flex;
		align-content :			center;
		margin : 				0 0.1em;
		padding :				0 !important;
		width  :				2cap;
		aspect-ratio  :			1;
		font-family :			monospace;
		font-size : 			1em;
		text-align : 			center;
		vertical-align  :			middle;
		color :				inherit;
		overflow : 				hidden;
		user-select :			none;
	}

._txt_loader::before
	{
		content :				"\—";
		display :				inline-block;
		margin :				0 auto;
		animation :				_txt_loader_animation 500ms steps(1) infinite;
	}

@keyframes _txt_loader_animation {

	0% 	{ content : "\2014"; 	}
	25% 	{ content : "\\";		}
	50% 	{ content : "\|"; 	}
	75% 	{ content : "\/"; 	}

}





/* ------------------------------------------------------------------------------------ BLEND MODES */

.multiply
	{
		mix-blend-mode :			multiply;
	}

.isolate
	{
		isolation :				isolate;
	}




/* ------------------------------------------------------------------------------------ DIV MULTIPARTS */

.multiparts
	{
		display :				block;
		position :				relative;
	}

.multiparts > [type="radio"],
.multiparts > div
	{
		display :				none;
	}

.multiparts > [type="radio"]:nth-of-type(1):checked 	~ div:nth-of-type(1),
.multiparts > [type="radio"]:nth-of-type(2):checked 	~ div:nth-of-type(2),
.multiparts > [type="radio"]:nth-of-type(3):checked 	~ div:nth-of-type(3),
.multiparts > [type="radio"]:nth-of-type(4):checked 	~ div:nth-of-type(4),
.multiparts > [type="radio"]:nth-of-type(5):checked 	~ div:nth-of-type(5),
.multiparts > [type="radio"]:nth-of-type(6):checked 	~ div:nth-of-type(6),
.multiparts > [type="radio"]:nth-of-type(7):checked 	~ div:nth-of-type(7),
.multiparts > [type="radio"]:nth-of-type(8):checked 	~ div:nth-of-type(8),
.multiparts > [type="radio"]:nth-of-type(9):checked 	~ div:nth-of-type(9),
.multiparts > [type="radio"]:nth-of-type(10):checked 	~ div:nth-of-type(10),
.multiparts > [type="radio"]:nth-of-type(11):checked 	~ div:nth-of-type(11),
.multiparts > [type="radio"]:nth-of-type(12):checked 	~ div:nth-of-type(12),
.multiparts > [type="radio"]:nth-of-type(13):checked 	~ div:nth-of-type(13),
.multiparts > [type="radio"]:nth-of-type(14):checked 	~ div:nth-of-type(14),
.multiparts > [type="radio"]:nth-of-type(15):checked 	~ div:nth-of-type(15),
.multiparts > [type="radio"]:nth-of-type(16):checked 	~ div:nth-of-type(16),
.multiparts > [type="radio"]:nth-of-type(17):checked 	~ div:nth-of-type(17),
.multiparts > [type="radio"]:nth-of-type(18):checked 	~ div:nth-of-type(18),
.multiparts > [type="radio"]:nth-of-type(19):checked 	~ div:nth-of-type(19),
.multiparts > [type="radio"]:nth-of-type(20):checked 	~ div:nth-of-type(20)
	{
		display :				block;
	}







/* ------------------------------------------------------------------------------------ PALETTE DE COULEURS */

body
	{
		--color-white-50			: #DFDFDF;
		--color-white-100			: #E1E1E1;
		--color-white-200			: #E3E3E3;
		--color-white-300			: #E5E5E5;
		--color-white-400			: #E7E7E7;
		--color-white-500			: #E9E9E9;
		--color-white-600			: #EBEBEB;
		--color-white-700			: #EDEDED;
		--color-white-800			: #EFEFEF;
		--color-white-900			: #FFFFFF;
		--color-white			: var(--color-white-500);

		--color-red-50			: #FFCCCC;
		--color-red-100			: #FFAFAF;
		--color-red-200			: #FF9292;
		--color-red-300			: #FF7575;
		--color-red-400			: #FF5757;
		--color-red-500			: #FF3A3A;
		--color-red-600			: #FF1D1D;
		--color-red-700			: #FA0000;
		--color-red-800			: #E10000;
		--color-red-900			: #C80000;
		--color-red				: var(--color-red-500);

		--color-crimson-50		: #FFCCCC;
		--color-crimson-100		: #FFAFB2;
		--color-crimson-200		: #FF9299;
		--color-crimson-300		: #FF7583;
		--color-crimson-400		: #FF576E;
		--color-crimson-500		: #FA3A5B;
		--color-crimson-600		: #ED224B;
		--color-crimson-700		: #DC143C;
		--color-crimson-800		: #C61236;
		--color-crimson-900		: #B01030;
		--color-crimson			: var(--color-crimson-500);

		--color-pink-50			: #FFD0E0;
		--color-pink-100			: #FFB9CF;
		--color-pink-200			: #FFA4C0;
		--color-pink-300			: #FF91B3;
		--color-pink-400			: #FF82A6;
		--color-pink-500			: #FF759B;
		--color-pink-600			: #FF6A92;
		--color-pink-700			: #ff6289;
		--color-pink-800			: #E6587B;
		--color-pink-900			: #CC4E6E;
		--color-pink			: var(--color-pink-500);

		--color-purple-50			: #DDCCF3;
		--color-purple-100		: #C9AFE9;
		--color-purple-200		: #B592DD;
		--color-purple-300		: #A075CF;
		--color-purple-400		: #8C57BF;
		--color-purple-500		: #763AAD;
		--color-purple-600		: #611D99;
		--color-purple-700		: #4B0082;
		--color-purple-800		: #440075;
		--color-purple-900		: #3C0068;
		--color-purple			: var(--color-purple-500);

		--color-deep_purple-50		: #EDE7F6;
		--color-deep_purple-100		: #D1C4E9;
		--color-deep_purple-200		: #B39DDB;
		--color-deep_purple-300		: #9575CD;
		--color-deep_purple-400		: #7E57C2;
		--color-deep_purple-500		: #673AB7;
		--color-deep_purple-600		: #5E35B1;
		--color-deep_purple-700		: #512DA8;
		--color-deep_purple-800		: #4527A0;
		--color-deep_purple-900		: #311B92;
		--color-deep_purple		: var(--color-deep_purple-500);

		--color-indigo-50			: #E8EAF6;
		--color-indigo-100		: #C5CAE9;
		--color-indigo-200		: #9FA8DA;
		--color-indigo-300		: #7986CB;
		--color-indigo-400		: #5C6BC0;
		--color-indigo-500		: #3F51B5;
		--color-indigo-600		: #3949AB;
		--color-indigo-700		: #303F9F;
		--color-indigo-800		: #283593;
		--color-indigo-900		: #1A237E;
		--color-indigo			: var(--color-indigo-500);

		--color-blue-50			: #CCE7FF;
		--color-blue-100			: #AFD9FF;
		--color-blue-200			: #92CCFF;
		--color-blue-300			: #7BBFFF;
		--color-blue-400			: #68B2FF;
		--color-blue-500			: #57A6FF;
		--color-blue-600			: #4A9AFD;
		--color-blue-700			: #3F8EF0;
		--color-blue-800			: #3980D8;
		--color-blue-900			: #3272C0;
		--color-blue			: var(--color-blue-500);

		--color-light_blue-50		: #E7F8FF;
		--color-light_blue-100		: #DBF3FF;
		--color-light_blue-200		: #D0EFFF;
		--color-light_blue-300		: #C7EAFF;
		--color-light_blue-400		: #BEE6FF;
		--color-light_blue-500		: #B8E1FF;
		--color-light_blue-600		: #B2DDFF;
		--color-light_blue-700		: #AED8FF;
		--color-light_blue-800		: #9DC2E6;
		--color-light_blue-900		: #8BADCC;
		--color-light_blue		: var(--color-light_blue-500);

		--color-cyan-50			: #CCFFFF;
		--color-cyan-100			: #AFFFFF;
		--color-cyan-200			: #92FFFF;
		--color-cyan-300			: #75FAFF;
		--color-cyan-400			: #57F2FF;
		--color-cyan-500			: #3AE9FF;
		--color-cyan-600			: #26DDFF;
		--color-cyan-700			: #1ACFFF;
		--color-cyan-800			: #17BAE6;
		--color-cyan-900			: #15A6CC;
		--color-cyan			: var(--color-cyan-500);

		--color-teal-50			: #CCF2F2;
		--color-teal-100			: #AFE8E8;
		--color-teal-200			: #92DCDC;
		--color-teal-300			: #75CECE;
		--color-teal-400			: #57BEBE;
		--color-teal-500			: #3AABAB;
		--color-teal-600			: #1D9797;
		--color-teal-700			: #008080;
		--color-teal-800			: #007373;
		--color-teal-900			: #006666;
		--color-teal			: var(--color-teal-500);

		--color-green-50			: #CCF3CC;
		--color-green-100			: #AFE9AF;
		--color-green-200			: #92DE92;
		--color-green-300			: #77D177;
		--color-green-400			: #5FC25F;
		--color-green-500			: #49B249;
		--color-green-600			: #35A035;
		--color-green-700			: #228C22;
		--color-green-800			: #1F7E1F;
		--color-green-900			: #1B701B;
		--color-green			: var(--color-green-500);

		--color-lime-50			: #FFFFCC;
		--color-lime-100			: #FFFFAF;
		--color-lime-200			: #FFFF92;
		--color-lime-300			: #FBFF75;
		--color-lime-400			: #F4FF57;
		--color-lime-500			: #E9FF3A;
		--color-lime-600			: #DCFF1D;
		--color-lime-700			: #CDFF03;
		--color-lime-800			: #B9E603;
		--color-lime-900			: #A4CC02;
		--color-lime			: var(--color-lime-500);

		--color-mint-50			: #E7FFF7;
		--color-mint-100			: #DBFFF2;
		--color-mint-200			: #D0FFED;
		--color-mint-300			: #C6FFE7;
		--color-mint-400			: #BDFFE2;
		--color-mint-500			: #B6FBDC;
		--color-mint-600			: #AFF6D7;
		--color-mint-700			: #AAF0D1;
		--color-mint-800			: #99D8BC;
		--color-mint-900			: #88C0A7;
		--color-mint			: var(--color-mint-500);

		--color-light_green-50		: #F3FFF0;
		--color-light_green-100		: #ECFEE8;
		--color-light_green-200		: #E6FCE0;
		--color-light_green-300		: #E0FADA;
		--color-light_green-400		: #DBF7D4;
		--color-light_green-500		: #D6F4CE;
		--color-light_green-600		: #D1F0C9;
		--color-light_green-700		: #CDEBC5;
		--color-light_green-800		: #B9D4B1;
		--color-light_green-900		: #A4BC9E;
		--color-light_green		: var(--color-light_green-500);

		--color-yellow-50 		: #FFFFCC;
		--color-yellow-100 		: #FFFFAF;
		--color-yellow-200 		: #FFFF97;
		--color-yellow-300 		: #FFFF82;
		--color-yellow-400 		: #FFF970;
		--color-yellow-500 		: #FFF261;
		--color-yellow-600 		: #FFE955;
		--color-yellow-700 		: #FFDE4C;
		--color-yellow-800 		: #E6C844;
		--color-yellow-900 		: #CCB23D;
		--color-yellow			: var(--color-yellow-500);

		--color-amber-50			: #FFFFCC;
		--color-amber-100			: #FFFDAF;
		--color-amber-200			: #FFF892;
		--color-amber-300			: #FFF175;
		--color-amber-400			: #FFE857;
		--color-amber-500			: #FFDD3A;
		--color-amber-600			: #FFCF1D;
		--color-amber-700			: #FEC000;
		--color-amber-800			: #E5AD00;
		--color-amber-900			: #CB9A00;
		--color-amber			: var(--color-amber-500);

		--color-orange-50			: #FFE2CC;
		--color-orange-100		: #FFD2AF;
		--color-orange-200		: #FFC292;
		--color-orange-300		: #FFB275;
		--color-orange-400		: #FFA357;
		--color-orange-500		: #FF943A;
		--color-orange-600		: #FF851D;
		--color-orange-700		: #FB7600;
		--color-orange-800		: #E26A00;
		--color-orange-900		: #C95E00;
		--color-orange			: var(--color-orange-500);

		--color-deep_orange-50		: #FFD2CC;
		--color-deep_orange-100		: #FFBAAF;
		--color-deep_orange-200		: #FFA492;
		--color-deep_orange-300		: #FA8F76;
		--color-deep_orange-400		: #F17C61;
		--color-deep_orange-500		: #E66A4E;
		--color-deep_orange-600		: #D95A3D;
		--color-deep_orange-700		: #C94C2F;
		--color-deep_orange-800		: #B5442A;
		--color-deep_orange-900		: #A13D26;
		--color-deep_orange		: var(--color-deep_orange-500);

		--color-brown-50			: #EDDBCC;
		--color-brown-100			: #E1C7B0;
		--color-brown-200			: #D3B296;
		--color-brown-300			: #C49E7D;
		--color-brown-400			: #B48A65;
		--color-brown-500			: #A2764F;
		--color-brown-600			: #8F623A;
		--color-brown-700			: #7B4E27;
		--color-brown-800			: #6F4623;
		--color-brown-900			: #623E1F;
		--color-brown			: var(--color-brown-500);

		--color-grey-50			: #FAFAFA;
		--color-grey-100			: #F5F5F5;
		--color-grey-200			: #EEEEEE;
		--color-grey-300			: #E0E0E0;
		--color-grey-400			: #BDBDBD;
		--color-grey-500			: #9E9E9E;
		--color-grey-600			: #757575;
		--color-grey-700			: #616161;
		--color-grey-800			: #424242;
		--color-grey-900			: #212121;
		--color-grey			: var(--color-grey-500);

		--color-blue_grey-50		: #D4D9EA;
		--color-blue_grey-100		: #BDC4DC;
		--color-blue_grey-200		: #A7AFCE;
		--color-blue_grey-300		: #919BBF;
		--color-blue_grey-400		: #7D87AE;
		--color-blue_grey-500		: #69749E;
		--color-blue_grey-600		: #56618C;
		--color-blue_grey-700		: #444F79;
		--color-blue_grey-800		: #3D476D;
		--color-blue_grey-900		: #363F61;
		--color-blue_grey			: var(--color-blue_grey-500);

		--color-black-50			: #A9A9A9;
		--color-black-100			: #989898;
		--color-black-200			: #878787;
		--color-black-300			: #767676;
		--color-black-400			: #656565;
		--color-black-500			: #555555;
		--color-black-600			: #444444;
		--color-black-700			: #333333;
		--color-black-800			: #222222;
		--color-black-900			: #111111;
		--color-black			: var(--color-black-500);

	}


.bgc-white			{ background-color : var(--color-white); } 		.fgc-white				{ color : var(--color-white); }
.bgc-white-50		{ background-color : var(--color-white-50); } 		.fgc-white-50			{ color : var(--color-white-50); }
.bgc-white-100		{ background-color : var(--color-white-100); } 		.fgc-white-100			{ color : var(--color-white-100); }
.bgc-white-200		{ background-color : var(--color-white-200); } 		.fgc-white-200			{ color : var(--color-white-200); }
.bgc-white-400		{ background-color : var(--color-white-400); } 		.fgc-white-400			{ color : var(--color-white-400); }
.bgc-white-300		{ background-color : var(--color-white-300); } 		.fgc-white-300			{ color : var(--color-white-300); }
.bgc-white-500		{ background-color : var(--color-white-500); } 		.fgc-white-500			{ color : var(--color-white-500); }
.bgc-white-600		{ background-color : var(--color-white-600); } 		.fgc-white-600			{ color : var(--color-white-600); }
.bgc-white-700		{ background-color : var(--color-white-700); } 		.fgc-white-700			{ color : var(--color-white-700); }
.bgc-white-800		{ background-color : var(--color-white-800); } 		.fgc-white-800			{ color : var(--color-white-800); }
.bgc-white-900		{ background-color : var(--color-white-900); } 		.fgc-white-900			{ color : var(--color-white-900); }

.bgc-red			{ background-color : var(--color-red); } 			.fgc-red				{ color : var(--color-red); }
.bgc-red-50			{ background-color : var(--color-red-50); } 		.fgc-red-50				{ color : var(--color-red-50); }
.bgc-red-100		{ background-color : var(--color-red-100); } 		.fgc-red-100			{ color : var(--color-red-100); }
.bgc-red-200		{ background-color : var(--color-red-200); } 		.fgc-red-200			{ color : var(--color-red-200); }
.bgc-red-300		{ background-color : var(--color-red-300); } 		.fgc-red-300			{ color : var(--color-red-300); }
.bgc-red-400		{ background-color : var(--color-red-400); } 		.fgc-red-400			{ color : var(--color-red-400); }
.bgc-red-500		{ background-color : var(--color-red-500); } 		.fgc-red-500			{ color : var(--color-red-500); }
.bgc-red-600		{ background-color : var(--color-red-600); } 		.fgc-red-600			{ color : var(--color-red-600); }
.bgc-red-700		{ background-color : var(--color-red-700); } 		.fgc-red-700			{ color : var(--color-red-700); }
.bgc-red-800		{ background-color : var(--color-red-800); } 		.fgc-red-800			{ color : var(--color-red-800); }
.bgc-red-900		{ background-color : var(--color-red-900); } 		.fgc-red-900			{ color : var(--color-red-900); }

.bgc-crimson		{ background-color : var(--color-crimson); } 		.fgc-crimson			{ color : var(--color-crimson); }
.bgc-crimson-50		{ background-color : var(--color-crimson-50); } 	.fgc-crimson-50			{ color : var(--color-crimson-50); }
.bgc-crimson-100		{ background-color : var(--color-crimson-100); } 	.fgc-crimson-100			{ color : var(--color-crimson-100); }
.bgc-crimson-200		{ background-color : var(--color-crimson-200); } 	.fgc-crimson-200			{ color : var(--color-crimson-200); }
.bgc-crimson-300		{ background-color : var(--color-crimson-300); } 	.fgc-crimson-300			{ color : var(--color-crimson-300); }
.bgc-crimson-400		{ background-color : var(--color-crimson-400); } 	.fgc-crimson-400			{ color : var(--color-crimson-400); }
.bgc-crimson-500		{ background-color : var(--color-crimson-500); } 	.fgc-crimson-500			{ color : var(--color-crimson-500); }
.bgc-crimson-600		{ background-color : var(--color-crimson-600); } 	.fgc-crimson-600			{ color : var(--color-crimson-600); }
.bgc-crimson-700		{ background-color : var(--color-crimson-700); } 	.fgc-crimson-700			{ color : var(--color-crimson-700); }
.bgc-crimson-800		{ background-color : var(--color-crimson-800); } 	.fgc-crimson-800			{ color : var(--color-crimson-800); }
.bgc-crimson-900		{ background-color : var(--color-crimson-900); } 	.fgc-crimson-900			{ color : var(--color-crimson-900); }

.bgc-pink			{ background-color : var(--color-pink); } 		.fgc-pink				{ color : var(--color-pink); }
.bgc-pink-50		{ background-color : var(--color-pink-50); } 		.fgc-pink-50			{ color : var(--color-pink-50); }
.bgc-pink-100		{ background-color : var(--color-pink-100); } 		.fgc-pink-100			{ color : var(--color-pink-100); }
.bgc-pink-200		{ background-color : var(--color-pink-200); } 		.fgc-pink-200			{ color : var(--color-pink-200); }
.bgc-pink-300		{ background-color : var(--color-pink-300); } 		.fgc-pink-300			{ color : var(--color-pink-300); }
.bgc-pink-400		{ background-color : var(--color-pink-400); } 		.fgc-pink-400			{ color : var(--color-pink-400); }
.bgc-pink-500		{ background-color : var(--color-pink-500); } 		.fgc-pink-500			{ color : var(--color-pink-500); }
.bgc-pink-600		{ background-color : var(--color-pink-600); } 		.fgc-pink-600			{ color : var(--color-pink-600); }
.bgc-pink-700		{ background-color : var(--color-pink-700); } 		.fgc-pink-700			{ color : var(--color-pink-700); }
.bgc-pink-800		{ background-color : var(--color-pink-800); } 		.fgc-pink-800			{ color : var(--color-pink-800); }
.bgc-pink-900		{ background-color : var(--color-pink-900); } 		.fgc-pink-900			{ color : var(--color-pink-900); }

.bgc-purple			{ background-color : var(--color-purple); } 		.fgc-purple				{ color : var(--color-purple); }
.bgc-purple-50		{ background-color : var(--color-purple-50); } 		.fgc-purple-50			{ color : var(--color-purple-50); }
.bgc-purple-100		{ background-color : var(--color-purple-100); } 	.fgc-purple-100			{ color : var(--color-purple-100); }
.bgc-purple-200		{ background-color : var(--color-purple-200); } 	.fgc-purple-200			{ color : var(--color-purple-200); }
.bgc-purple-300		{ background-color : var(--color-purple-300); } 	.fgc-purple-300			{ color : var(--color-purple-300); }
.bgc-purple-400		{ background-color : var(--color-purple-400); } 	.fgc-purple-400			{ color : var(--color-purple-400); }
.bgc-purple-500		{ background-color : var(--color-purple-500); } 	.fgc-purple-500			{ color : var(--color-purple-500); }
.bgc-purple-600		{ background-color : var(--color-purple-600); } 	.fgc-purple-600			{ color : var(--color-purple-600); }
.bgc-purple-700		{ background-color : var(--color-purple-700); } 	.fgc-purple-700			{ color : var(--color-purple-700); }
.bgc-purple-800		{ background-color : var(--color-purple-800); } 	.fgc-purple-800			{ color : var(--color-purple-800); }
.bgc-purple-900		{ background-color : var(--color-purple-900); } 	.fgc-purple-900			{ color : var(--color-purple-900); }

.bgc-deep_purple		{ background-color : var(--color-deep_purple); } 	.fgc-deep_purple			{ color : var(--color-deep_purple); }
.bgc-deep_purple-50	{ background-color : var(--color-deep_purple-50); } 	.fgc-deep_purple-50		{ color : var(--color-deep_purple-50); }
.bgc-deep_purple-100	{ background-color : var(--color-deep_purple-100); } 	.fgc-deep_purple-100		{ color : var(--color-deep_purple-100); }
.bgc-deep_purple-200	{ background-color : var(--color-deep_purple-200); } 	.fgc-deep_purple-200		{ color : var(--color-deep_purple-200); }
.bgc-deep_purple-300	{ background-color : var(--color-deep_purple-300); } 	.fgc-deep_purple-300		{ color : var(--color-deep_purple-300); }
.bgc-deep_purple-400	{ background-color : var(--color-deep_purple-400); } 	.fgc-deep_purple-400		{ color : var(--color-deep_purple-400); }
.bgc-deep_purple-500	{ background-color : var(--color-deep_purple-500); } 	.fgc-deep_purple-500		{ color : var(--color-deep_purple-500); }
.bgc-deep_purple-600	{ background-color : var(--color-deep_purple-600); } 	.fgc-deep_purple-600		{ color : var(--color-deep_purple-600); }
.bgc-deep_purple-700	{ background-color : var(--color-deep_purple-700); } 	.fgc-deep_purple-700		{ color : var(--color-deep_purple-700); }
.bgc-deep_purple-800	{ background-color : var(--color-deep_purple-800); } 	.fgc-deep_purple-800		{ color : var(--color-deep_purple-800); }
.bgc-deep_purple-900	{ background-color : var(--color-deep_purple-900); } 	.fgc-deep_purple-900		{ color : var(--color-deep_purple-900); }

.bgc-indigo			{ background-color : var(--color-indigo); } 		.fgc-indigo				{ color : var(--color-indigo); }
.bgc-indigo-50		{ background-color : var(--color-indigo-50); } 		.fgc-indigo-50			{ color : var(--color-indigo-50); }
.bgc-indigo-100		{ background-color : var(--color-indigo-100); } 	.fgc-indigo-100			{ color : var(--color-indigo-100); }
.bgc-indigo-200		{ background-color : var(--color-indigo-200); } 	.fgc-indigo-200			{ color : var(--color-indigo-200); }
.bgc-indigo-300		{ background-color : var(--color-indigo-300); } 	.fgc-indigo-300			{ color : var(--color-indigo-300); }
.bgc-indigo-400		{ background-color : var(--color-indigo-400); } 	.fgc-indigo-400			{ color : var(--color-indigo-400); }
.bgc-indigo-500		{ background-color : var(--color-indigo-500); } 	.fgc-indigo-500			{ color : var(--color-indigo-500); }
.bgc-indigo-600		{ background-color : var(--color-indigo-600); } 	.fgc-indigo-600			{ color : var(--color-indigo-600); }
.bgc-indigo-700		{ background-color : var(--color-indigo-700); } 	.fgc-indigo-700			{ color : var(--color-indigo-700); }
.bgc-indigo-800		{ background-color : var(--color-indigo-800); } 	.fgc-indigo-800			{ color : var(--color-indigo-800); }
.bgc-indigo-900		{ background-color : var(--color-indigo-900); } 	.fgc-indigo-900			{ color : var(--color-indigo-900); }

.bgc-blue			{ background-color : var(--color-blue); } 		.fgc-blue				{ color : var(--color-blue); }
.bgc-blue-50		{ background-color : var(--color-blue-50); } 		.fgc-blue-50			{ color : var(--color-blue-50); }
.bgc-blue-100		{ background-color : var(--color-blue-100); } 		.fgc-blue-100			{ color : var(--color-blue-100); }
.bgc-blue-200		{ background-color : var(--color-blue-200); } 		.fgc-blue-200			{ color : var(--color-blue-200); }
.bgc-blue-300		{ background-color : var(--color-blue-300); } 		.fgc-blue-300			{ color : var(--color-blue-300); }
.bgc-blue-400		{ background-color : var(--color-blue-400); } 		.fgc-blue-400			{ color : var(--color-blue-400); }
.bgc-blue-500		{ background-color : var(--color-blue-500); } 		.fgc-blue-500			{ color : var(--color-blue-500); }
.bgc-blue-600		{ background-color : var(--color-blue-600); } 		.fgc-blue-600			{ color : var(--color-blue-600); }
.bgc-blue-700		{ background-color : var(--color-blue-700); } 		.fgc-blue-700			{ color : var(--color-blue-700); }
.bgc-blue-800		{ background-color : var(--color-blue-800); } 		.fgc-blue-800			{ color : var(--color-blue-800); }
.bgc-blue-900		{ background-color : var(--color-blue-900); } 		.fgc-blue-900			{ color : var(--color-blue-900); }

.bgc-light_blue		{ background-color : var(--color-light_blue); } 	.fgc-light_blue			{ color : var(--color-light_blue); }
.bgc-light_blue-50	{ background-color : var(--color-light_blue-50); } 	.fgc-light_blue-50		{ color : var(--color-light_blue-50); }
.bgc-light_blue-100	{ background-color : var(--color-light_blue-100); } 	.fgc-light_blue-100		{ color : var(--color-light_blue-100); }
.bgc-light_blue-200	{ background-color : var(--color-light_blue-200); } 	.fgc-light_blue-200		{ color : var(--color-light_blue-200); }
.bgc-light_blue-300	{ background-color : var(--color-light_blue-300); } 	.fgc-light_blue-300		{ color : var(--color-light_blue-300); }
.bgc-light_blue-400	{ background-color : var(--color-light_blue-400); } 	.fgc-light_blue-400		{ color : var(--color-light_blue-400); }
.bgc-light_blue-500	{ background-color : var(--color-light_blue-500); } 	.fgc-light_blue-500		{ color : var(--color-light_blue-500); }
.bgc-light_blue-600	{ background-color : var(--color-light_blue-600); } 	.fgc-light_blue-600		{ color : var(--color-light_blue-600); }
.bgc-light_blue-700	{ background-color : var(--color-light_blue-700); } 	.fgc-light_blue-700		{ color : var(--color-light_blue-700); }
.bgc-light_blue-800	{ background-color : var(--color-light_blue-800); } 	.fgc-light_blue-800		{ color : var(--color-light_blue-800); }
.bgc-light_blue-900	{ background-color : var(--color-light_blue-900); } 	.fgc-light_blue-900		{ color : var(--color-light_blue-900); }

.bgc-cyan			{ background-color : var(--color-cyan); } 		.fgc-cyan				{ color : var(--color-cyan); }
.bgc-cyan-50		{ background-color : var(--color-cyan-50); } 		.fgc-cyan-50			{ color : var(--color-cyan-50); }
.bgc-cyan-100		{ background-color : var(--color-cyan-100); } 		.fgc-cyan-100			{ color : var(--color-cyan-100); }
.bgc-cyan-200		{ background-color : var(--color-cyan-200); } 		.fgc-cyan-200			{ color : var(--color-cyan-200); }
.bgc-cyan-300		{ background-color : var(--color-cyan-300); } 		.fgc-cyan-300			{ color : var(--color-cyan-300); }
.bgc-cyan-400		{ background-color : var(--color-cyan-400); } 		.fgc-cyan-400			{ color : var(--color-cyan-400); }
.bgc-cyan-500		{ background-color : var(--color-cyan-500); } 		.fgc-cyan-500			{ color : var(--color-cyan-500); }
.bgc-cyan-600		{ background-color : var(--color-cyan-600); } 		.fgc-cyan-600			{ color : var(--color-cyan-600); }
.bgc-cyan-700		{ background-color : var(--color-cyan-700); } 		.fgc-cyan-700			{ color : var(--color-cyan-700); }
.bgc-cyan-800		{ background-color : var(--color-cyan-800); } 		.fgc-cyan-800			{ color : var(--color-cyan-800); }
.bgc-cyan-900		{ background-color : var(--color-cyan-900); } 		.fgc-cyan-900			{ color : var(--color-cyan-900); }

.bgc-teal			{ background-color : var(--color-teal); } 		.fgc-teal				{ color : var(--color-teal); }
.bgc-teal-50		{ background-color : var(--color-teal-50); } 		.fgc-teal-50			{ color : var(--color-teal-50); }
.bgc-teal-100		{ background-color : var(--color-teal-100); } 		.fgc-teal-100			{ color : var(--color-teal-100); }
.bgc-teal-200		{ background-color : var(--color-teal-200); } 		.fgc-teal-200			{ color : var(--color-teal-200); }
.bgc-teal-300		{ background-color : var(--color-teal-300); } 		.fgc-teal-300			{ color : var(--color-teal-300); }
.bgc-teal-400		{ background-color : var(--color-teal-400); } 		.fgc-teal-400			{ color : var(--color-teal-400); }
.bgc-teal-500		{ background-color : var(--color-teal-500); } 		.fgc-teal-500			{ color : var(--color-teal-500); }
.bgc-teal-600		{ background-color : var(--color-teal-600); } 		.fgc-teal-600			{ color : var(--color-teal-600); }
.bgc-teal-700		{ background-color : var(--color-teal-700); } 		.fgc-teal-700			{ color : var(--color-teal-700); }
.bgc-teal-800		{ background-color : var(--color-teal-800); } 		.fgc-teal-800			{ color : var(--color-teal-800); }
.bgc-teal-900		{ background-color : var(--color-teal-900); } 		.fgc-teal-900			{ color : var(--color-teal-900); }

.bgc-green			{ background-color : var(--color-green); } 		.fgc-green				{ color : var(--color-green); }
.bgc-green-50		{ background-color : var(--color-green-50); } 		.fgc-green-50			{ color : var(--color-green-50); }
.bgc-green-100		{ background-color : var(--color-green-100); } 		.fgc-green-100			{ color : var(--color-green-100); }
.bgc-green-200		{ background-color : var(--color-green-200); } 		.fgc-green-200			{ color : var(--color-green-200); }
.bgc-green-300		{ background-color : var(--color-green-300); } 		.fgc-green-300			{ color : var(--color-green-300); }
.bgc-green-400		{ background-color : var(--color-green-400); } 		.fgc-green-400			{ color : var(--color-green-400); }
.bgc-green-500		{ background-color : var(--color-green-500); } 		.fgc-green-500			{ color : var(--color-green-500); }
.bgc-green-600		{ background-color : var(--color-green-600); } 		.fgc-green-600			{ color : var(--color-green-600); }
.bgc-green-700		{ background-color : var(--color-green-700); } 		.fgc-green-700			{ color : var(--color-green-700); }
.bgc-green-800		{ background-color : var(--color-green-800); } 		.fgc-green-800			{ color : var(--color-green-800); }
.bgc-green-900		{ background-color : var(--color-green-900); } 		.fgc-green-900			{ color : var(--color-green-900); }

.bgc-light_green		{ background-color : var(--color-light_green); } 	.fgc-light_green			{ color : var(--color-light_green); }
.bgc-light_green-50	{ background-color : var(--color-light_green-50); } 	.fgc-light_green-50		{ color : var(--color-light_green-50); }
.bgc-light_green-100	{ background-color : var(--color-light_green-100); } 	.fgc-light_green-100		{ color : var(--color-light_green-100); }
.bgc-light_green-200	{ background-color : var(--color-light_green-200); } 	.fgc-light_green-200		{ color : var(--color-light_green-200); }
.bgc-light_green-300	{ background-color : var(--color-light_green-300); } 	.fgc-light_green-300		{ color : var(--color-light_green-300); }
.bgc-light_green-400	{ background-color : var(--color-light_green-400); } 	.fgc-light_green-400		{ color : var(--color-light_green-400); }
.bgc-light_green-500	{ background-color : var(--color-light_green-500); } 	.fgc-light_green-500		{ color : var(--color-light_green-500); }
.bgc-light_green-600	{ background-color : var(--color-light_green-600); } 	.fgc-light_green-600		{ color : var(--color-light_green-600); }
.bgc-light_green-700	{ background-color : var(--color-light_green-700); } 	.fgc-light_green-700		{ color : var(--color-light_green-700); }
.bgc-light_green-800	{ background-color : var(--color-light_green-800); } 	.fgc-light_green-800		{ color : var(--color-light_green-800); }
.bgc-light_green-900	{ background-color : var(--color-light_green-900); } 	.fgc-light_green-900		{ color : var(--color-light_green-900); }

.bgc-lime			{ background-color : var(--color-lime); } 		.fgc-lime				{ color : var(--color-lime); }
.bgc-lime-50		{ background-color : var(--color-lime-50); } 		.fgc-lime-50			{ color : var(--color-lime-50); }
.bgc-lime-100		{ background-color : var(--color-lime-100); } 		.fgc-lime-100			{ color : var(--color-lime-100); }
.bgc-lime-200		{ background-color : var(--color-lime-200); } 		.fgc-lime-200			{ color : var(--color-lime-200); }
.bgc-lime-300		{ background-color : var(--color-lime-300); } 		.fgc-lime-300			{ color : var(--color-lime-300); }
.bgc-lime-400		{ background-color : var(--color-lime-400); } 		.fgc-lime-400			{ color : var(--color-lime-400); }
.bgc-lime-500		{ background-color : var(--color-lime-500); } 		.fgc-lime-500			{ color : var(--color-lime-500); }
.bgc-lime-600		{ background-color : var(--color-lime-600); } 		.fgc-lime-600			{ color : var(--color-lime-600); }
.bgc-lime-700		{ background-color : var(--color-lime-700); } 		.fgc-lime-700			{ color : var(--color-lime-700); }
.bgc-lime-800		{ background-color : var(--color-lime-800); } 		.fgc-lime-800			{ color : var(--color-lime-800); }
.bgc-lime-900		{ background-color : var(--color-lime-900); } 		.fgc-lime-900			{ color : var(--color-lime-900); }

.bgc-mint			{ background-color : var(--color-mint); } 		.fgc-mint				{ color : var(--color-mint); }
.bgc-mint-50		{ background-color : var(--color-mint-50); } 		.fgc-mint-50			{ color : var(--color-mint-50); }
.bgc-mint-100		{ background-color : var(--color-mint-100); } 		.fgc-mint-100			{ color : var(--color-mint-100); }
.bgc-mint-200		{ background-color : var(--color-mint-200); } 		.fgc-mint-200			{ color : var(--color-mint-200); }
.bgc-mint-300		{ background-color : var(--color-mint-300); } 		.fgc-mint-300			{ color : var(--color-mint-300); }
.bgc-mint-400		{ background-color : var(--color-mint-400); } 		.fgc-mint-400			{ color : var(--color-mint-400); }
.bgc-mint-500		{ background-color : var(--color-mint-500); } 		.fgc-mint-500			{ color : var(--color-mint-500); }
.bgc-mint-600		{ background-color : var(--color-mint-600); } 		.fgc-mint-600			{ color : var(--color-mint-600); }
.bgc-mint-700		{ background-color : var(--color-mint-700); } 		.fgc-mint-700			{ color : var(--color-mint-700); }
.bgc-mint-800		{ background-color : var(--color-mint-800); } 		.fgc-mint-800			{ color : var(--color-mint-800); }
.bgc-mint-900		{ background-color : var(--color-mint-900); } 		.fgc-mint-900			{ color : var(--color-mint-900); }

.bgc-yellow			{ background-color : var(--color-yellow); } 		.fgc-yellow				{ color : var(--color-yellow); }
.bgc-yellow-50		{ background-color : var(--color-yellow-50); } 		.fgc-yellow-50			{ color : var(--color-yellow-50); }
.bgc-yellow-100		{ background-color : var(--color-yellow-100); } 	.fgc-yellow-100			{ color : var(--color-yellow-100); }
.bgc-yellow-200		{ background-color : var(--color-yellow-200); } 	.fgc-yellow-200			{ color : var(--color-yellow-200); }
.bgc-yellow-300		{ background-color : var(--color-yellow-300); } 	.fgc-yellow-300			{ color : var(--color-yellow-300); }
.bgc-yellow-400		{ background-color : var(--color-yellow-400); } 	.fgc-yellow-400			{ color : var(--color-yellow-400); }
.bgc-yellow-500		{ background-color : var(--color-yellow-500); } 	.fgc-yellow-500			{ color : var(--color-yellow-500); }
.bgc-yellow-600		{ background-color : var(--color-yellow-600); } 	.fgc-yellow-600			{ color : var(--color-yellow-600); }
.bgc-yellow-700		{ background-color : var(--color-yellow-700); } 	.fgc-yellow-700			{ color : var(--color-yellow-700); }
.bgc-yellow-800		{ background-color : var(--color-yellow-800); } 	.fgc-yellow-800			{ color : var(--color-yellow-800); }
.bgc-yellow-900		{ background-color : var(--color-yellow-900); } 	.fgc-yellow-900			{ color : var(--color-yellow-900); }

.bgc-amber			{ background-color : var(--color-amber); } 		.fgc-amber				{ color : var(--color-amber); }
.bgc-amber-50		{ background-color : var(--color-amber-50); } 		.fgc-amber-50			{ color : var(--color-amber-50); }
.bgc-amber-100		{ background-color : var(--color-amber-100); } 		.fgc-amber-100			{ color : var(--color-amber-100); }
.bgc-amber-200		{ background-color : var(--color-amber-200); } 		.fgc-amber-200			{ color : var(--color-amber-200); }
.bgc-amber-300		{ background-color : var(--color-amber-300); } 		.fgc-amber-300			{ color : var(--color-amber-300); }
.bgc-amber-400		{ background-color : var(--color-amber-400); } 		.fgc-amber-400			{ color : var(--color-amber-400); }
.bgc-amber-500		{ background-color : var(--color-amber-500); } 		.fgc-amber-500			{ color : var(--color-amber-500); }
.bgc-amber-600		{ background-color : var(--color-amber-600); } 		.fgc-amber-600			{ color : var(--color-amber-600); }
.bgc-amber-700		{ background-color : var(--color-amber-700); } 		.fgc-amber-700			{ color : var(--color-amber-700); }
.bgc-amber-800		{ background-color : var(--color-amber-800); } 		.fgc-amber-800			{ color : var(--color-amber-800); }
.bgc-amber-900		{ background-color : var(--color-amber-900); } 		.fgc-amber-900			{ color : var(--color-amber-900); }

.bgc-orange			{ background-color : var(--color-orange); } 		.fgc-orange				{ color : var(--color-orange); }
.bgc-orange-50		{ background-color : var(--color-orange-50); } 		.fgc-orange-50			{ color : var(--color-orange-50); }
.bgc-orange-100		{ background-color : var(--color-orange-100); } 	.fgc-orange-100			{ color : var(--color-orange-100); }
.bgc-orange-200		{ background-color : var(--color-orange-200); } 	.fgc-orange-200			{ color : var(--color-orange-200); }
.bgc-orange-300		{ background-color : var(--color-orange-300); } 	.fgc-orange-300			{ color : var(--color-orange-300); }
.bgc-orange-400		{ background-color : var(--color-orange-400); } 	.fgc-orange-400			{ color : var(--color-orange-400); }
.bgc-orange-500		{ background-color : var(--color-orange-500); } 	.fgc-orange-500			{ color : var(--color-orange-500); }
.bgc-orange-600		{ background-color : var(--color-orange-600); } 	.fgc-orange-600			{ color : var(--color-orange-600); }
.bgc-orange-700		{ background-color : var(--color-orange-700); } 	.fgc-orange-700			{ color : var(--color-orange-700); }
.bgc-orange-800		{ background-color : var(--color-orange-800); } 	.fgc-orange-800			{ color : var(--color-orange-800); }
.bgc-orange-900		{ background-color : var(--color-orange-900); } 	.fgc-orange-900			{ color : var(--color-orange-900); }

.bgc-deep_orange		{ background-color : var(--color-deep_orange); } 	.fgc-deep_orange			{ color : var(--color-deep_orange); }
.bgc-deep_orange-50	{ background-color : var(--color-deep_orange-50); } 	.fgc-deep_orange-50		{ color : var(--color-deep_orange-50); }
.bgc-deep_orange-100	{ background-color : var(--color-deep_orange-100); } 	.fgc-deep_orange-100		{ color : var(--color-deep_orange-100); }
.bgc-deep_orange-200	{ background-color : var(--color-deep_orange-200); } 	.fgc-deep_orange-200		{ color : var(--color-deep_orange-200); }
.bgc-deep_orange-300	{ background-color : var(--color-deep_orange-300); } 	.fgc-deep_orange-300		{ color : var(--color-deep_orange-300); }
.bgc-deep_orange-400	{ background-color : var(--color-deep_orange-400); } 	.fgc-deep_orange-400		{ color : var(--color-deep_orange-400); }
.bgc-deep_orange-500	{ background-color : var(--color-deep_orange-500); } 	.fgc-deep_orange-500		{ color : var(--color-deep_orange-500); }
.bgc-deep_orange-600	{ background-color : var(--color-deep_orange-600); } 	.fgc-deep_orange-600		{ color : var(--color-deep_orange-600); }
.bgc-deep_orange-700	{ background-color : var(--color-deep_orange-700); } 	.fgc-deep_orange-700		{ color : var(--color-deep_orange-700); }
.bgc-deep_orange-800	{ background-color : var(--color-deep_orange-800); } 	.fgc-deep_orange-800		{ color : var(--color-deep_orange-800); }
.bgc-deep_orange-900	{ background-color : var(--color-deep_orange-900); } 	.fgc-deep_orange-900		{ color : var(--color-deep_orange-900); }

.bgc-brown			{ background-color : var(--color-brown); } 		.fgc-brown				{ color : var(--color-brown); }
.bgc-brown-50		{ background-color : var(--color-brown-50); } 		.fgc-brown-50			{ color : var(--color-brown-50); }
.bgc-brown-100		{ background-color : var(--color-brown-100); } 		.fgc-brown-100			{ color : var(--color-brown-100); }
.bgc-brown-200		{ background-color : var(--color-brown-200); } 		.fgc-brown-200			{ color : var(--color-brown-200); }
.bgc-brown-300		{ background-color : var(--color-brown-300); } 		.fgc-brown-300			{ color : var(--color-brown-300); }
.bgc-brown-400		{ background-color : var(--color-brown-400); } 		.fgc-brown-400			{ color : var(--color-brown-400); }
.bgc-brown-500		{ background-color : var(--color-brown-500); } 		.fgc-brown-500			{ color : var(--color-brown-500); }
.bgc-brown-600		{ background-color : var(--color-brown-600); } 		.fgc-brown-600			{ color : var(--color-brown-600); }
.bgc-brown-700		{ background-color : var(--color-brown-700); } 		.fgc-brown-700			{ color : var(--color-brown-700); }
.bgc-brown-800		{ background-color : var(--color-brown-800); } 		.fgc-brown-800			{ color : var(--color-brown-800); }
.bgc-brown-900		{ background-color : var(--color-brown-900); } 		.fgc-brown-900			{ color : var(--color-brown-900); }

.bgc-grey			{ background-color : var(--color-grey); } 		.fgc-grey				{ color : var(--color-grey); }
.bgc-grey-50		{ background-color : var(--color-grey-50); } 		.fgc-grey-50			{ color : var(--color-grey-50); }
.bgc-grey-100		{ background-color : var(--color-grey-100); } 		.fgc-grey-100			{ color : var(--color-grey-100); }
.bgc-grey-200		{ background-color : var(--color-grey-200); } 		.fgc-grey-200			{ color : var(--color-grey-200); }
.bgc-grey-300		{ background-color : var(--color-grey-300); } 		.fgc-grey-300			{ color : var(--color-grey-300); }
.bgc-grey-400		{ background-color : var(--color-grey-400); } 		.fgc-grey-400			{ color : var(--color-grey-400); }
.bgc-grey-500		{ background-color : var(--color-grey-500); } 		.fgc-grey-500			{ color : var(--color-grey-500); }
.bgc-grey-600		{ background-color : var(--color-grey-600); } 		.fgc-grey-600			{ color : var(--color-grey-600); }
.bgc-grey-700		{ background-color : var(--color-grey-700); } 		.fgc-grey-700			{ color : var(--color-grey-700); }
.bgc-grey-800		{ background-color : var(--color-grey-800); } 		.fgc-grey-800			{ color : var(--color-grey-800); }
.bgc-grey-900		{ background-color : var(--color-grey-900); } 		.fgc-grey-900			{ color : var(--color-grey-900); }

.bgc-blue_grey		{ background-color : var(--color-blue_grey); } 		.fgc-blue_grey			{ color : var(--color-blue_grey); }
.bgc-blue_grey-50		{ background-color : var(--color-blue_grey-50); } 	.fgc-blue_grey-50			{ color : var(--color-blue_grey-50); }
.bgc-blue_grey-100	{ background-color : var(--color-blue_grey-100); } 	.fgc-blue_grey-100		{ color : var(--color-blue_grey-100); }
.bgc-blue_grey-200	{ background-color : var(--color-blue_grey-200); } 	.fgc-blue_grey-200		{ color : var(--color-blue_grey-200); }
.bgc-blue_grey-300	{ background-color : var(--color-blue_grey-300); } 	.fgc-blue_grey-300		{ color : var(--color-blue_grey-300); }
.bgc-blue_grey-400	{ background-color : var(--color-blue_grey-400); } 	.fgc-blue_grey-400		{ color : var(--color-blue_grey-400); }
.bgc-blue_grey-500	{ background-color : var(--color-blue_grey-500); } 	.fgc-blue_grey-500		{ color : var(--color-blue_grey-500); }
.bgc-blue_grey-600	{ background-color : var(--color-blue_grey-600); } 	.fgc-blue_grey-600		{ color : var(--color-blue_grey-600); }
.bgc-blue_grey-700	{ background-color : var(--color-blue_grey-700); } 	.fgc-blue_grey-700		{ color : var(--color-blue_grey-700); }
.bgc-blue_grey-800	{ background-color : var(--color-blue_grey-800); } 	.fgc-blue_grey-800		{ color : var(--color-blue_grey-800); }
.bgc-blue_grey-900	{ background-color : var(--color-blue_grey-900); } 	.fgc-blue_grey-900		{ color : var(--color-blue_grey-900); }

.bgc-black			{ background-color : var(--color-black); } 		.fgc-black				{ color : var(--color-black); }
.bgc-black-50		{ background-color : var(--color-black-50); } 		.fgc-black-50			{ color : var(--color-black-50); }
.bgc-black-100		{ background-color : var(--color-black-100); } 		.fgc-black-100			{ color : var(--color-black-100); }
.bgc-black-200		{ background-color : var(--color-black-200); } 		.fgc-black-200			{ color : var(--color-black-200); }
.bgc-black-300		{ background-color : var(--color-black-300); } 		.fgc-black-300			{ color : var(--color-black-300); }
.bgc-black-400		{ background-color : var(--color-black-400); } 		.fgc-black-400			{ color : var(--color-black-400); }
.bgc-black-500		{ background-color : var(--color-black-500); } 		.fgc-black-500			{ color : var(--color-black-500); }
.bgc-black-600		{ background-color : var(--color-black-600); } 		.fgc-black-600			{ color : var(--color-black-600); }
.bgc-black-700		{ background-color : var(--color-black-700); } 		.fgc-black-700			{ color : var(--color-black-700); }
.bgc-black-800		{ background-color : var(--color-black-800); } 		.fgc-black-800			{ color : var(--color-black-800); }
.bgc-black-900		{ background-color : var(--color-black-900); } 		.fgc-black-900			{ color : var(--color-black-900); }









/* ------------------------------------------------------------------------------------ POUR L'IMPRESSION */

@media print
	{
		.no-print,
		.no-print *
			{
				display : 			none !important;
			}
	}




/* ------------------------------------------------------------------------------------ REDUCTION DES ANIMATIONS */

@media ( prefers-reduced-motion : reduce )
	{
		.animation {}
	}





/* ------------------------------------------------------------------------------------ */