.font-xxs {font-size: 0.60rem!important}
.font-xs {font-size: 0.75rem!important}
.font-sm {font-size: 0.875rem!important}
.font-sl {font-size: 0.985rem!important}
.font-base {font-size: 1rem!important}
.font-lg {font-size: 1.125rem!important}
.font-xl {font-size: 1.25rem!important}
.font-xl2 {font-size: 1.5rem!important}
.font-xl3 {font-size: 1.875rem!important}
.font-xl4 {font-size: 2.25rem!important}
.font-xl5 {font-size: 3rem!important}
.font-xl6 {font-size: 4rem!important}
.font-fs1 {font-size: 1vw!important}
.font-fs2 {font-size: 1.4vw!important}
.font-fs3 {font-size: 1.6vw!important}
.font-fs4 {font-size: 1.8vw!important}
.font-fs5 {font-size: 2vw!important}
.font-fs6 {font-size: 2.2vw!important}
.font-fs7 {font-size: 2.4vw!important}
.font-fs8 {font-size: 2.6vw!important}
strong 		{font-weight: bold!important; font-size: 1.1rem;}
.letter-spacing-1 {letter-spacing: -1px!important;}
.letter-spacing-05 {letter-spacing: -0.5px!important;}
.letter-blur {filter: blur(3px);}
.imgage-blur {filter: blur(15px) grayscale(1) opacity(0.7); }

.font-color-theme {color:var(--color_theme) !important;}
.font-color-sep {color: var(--color_separator) !important;}
.font-color-headup {color:var(--background_head_up) !important;}
.back-patern-blue {background-image: url('../img/fond/back_paternblue.png') !important; background-repeat: repeat !important;}
.back-color-sep {background-color: var(--color_separator) !important;}
.back-color-theme2 {background-color: var(--color_theme2) !important;}
.back-color-theme3 {background-color: var(--background_head_up) !important;}

.surlign {background-color: #ffe0b2; padding: 0 2px; border-radius: 2px;}

.p0 {padding: 0px!important}
.p10 {padding: 10px!important}

.pt10 {padding-top: 10px!important}
.pt15 {padding-top: 15px!important}
.pt20 {padding-top: 20px!important}
.pt30 {padding-top: 30px!important}
.pt40 {padding-top: 40px!important}
.pt50 {padding-top: 50px!important}
.pt60 {padding-top: 60px!important}
.pt70 {padding-top: 70px!important}
.pt80 {padding-top: 80px!important}
.pt90 {padding-top: 90px!important}
.pt100 {padding-top: 100px!important}
.pt110 {padding-top: 110px!important}
.pt120 {padding-top: 120px!important}
.pt130 {padding-top: 130px!important}
.pt140 {padding-top: 140px!important}

.pb0 {padding-bottom: 0px!important}
.pb10 {padding-bottom: 10px!important}
.pb15 {padding-bottom: 15px!important}
.pb20 {padding-bottom: 20px!important}
.pb30 {padding-bottom: 30px!important}
.pb40 {padding-bottom: 40px!important}
.pb50 {padding-bottom: 50px!important}
.pb60 {padding-bottom: 60px!important}
.pb70 {padding-bottom: 70px!important}
.pb80 {padding-bottom: 80px!important}
.pb90 {padding-bottom: 90px!important}
.pb100 {padding-bottom: 100px!important}
.pb110 {padding-bottom: 110px!important}
.pb120 {padding-bottom: 120px!important}
.pb130 {padding-bottom: 130px!important}
.pb140 {padding-bottom: 140px!important}

.pl0 {padding-left: 0px!important}
.pl3 {padding-left: 3px!important}
.pl5 {padding-left: 5px!important}
.pl10 {padding-left: 10px!important}
.pl20 {padding-left: 20px!important}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}
.pl90 {padding-left: 90px!important;}
.pl100 {padding-left: 100px!important;}

.pr0 {padding-right: 0px!important}
.pr5 {padding-right: 5px!important}
.pr10 {padding-right: 10px!important}
.pr20 {padding-right: 20px!important}
.pr25 {padding-right: 25px!important}
.pr30 {padding-right: 30px!important}
.pr40 {padding-right: 40px!important;}
.pr50 {padding-right: 50px!important;}
.pr60 {padding-right: 60px!important;}
.pr70 {padding-right: 70px!important;}
.pr80 {padding-right: 80px!important;}
.pr90 {padding-right: 90px!important;}
.pr100 {padding-right: 100px!important;}
.pr110 {padding-right: 110px!important;}
.pr120 {padding-right: 120px!important;}

.mtM1 {margin-top: -1px!important}
.mtM20 {margin-top: -20px!important}
.mtM25 {margin-top: -25px!important}
.mtM30 {margin-top: -30px!important}
.mtM35 {margin-top: -35px!important}
.mtM40 {margin-top: -40px!important}
.m0 {margin: 0!important}

.mt0 {margin-top: 0px!important}
.mt10 {margin-top: 10px!important}
.mt15 {margin-top: 15px!important}
.mt20 {margin-top: 20px!important}
.mt30 {margin-top: 30px!important}
.mt40 {margin-top: 40px!important}
.mt50 {margin-top: 50px!important}
.mt60 {margin-top: 60px!important}
.mt70 {margin-top: 70px!important}
.mt80 {margin-top: 80px!important}
.mt90 {margin-top: 90px!important}
.mt100 {margin-top: 100px!important}
.mt110 {margin-top: 110px!important}
.mt120 {margin-top: 120px!important}
.mt130 {margin-top: 130px!important}
.mt140 {margin-top: 140px!important}

.mb0 {margin-bottom: 0px!important}
.mb5 {margin-bottom: 5px!important}
.mb10 {margin-bottom: 10px!important}
.mb15 {margin-bottom: 15px!important}
.mb20 {margin-bottom: 20px!important}
.mb25 {margin-bottom: 25px!important}
.mb30 {margin-bottom: 30px!important}
.mb40 {margin-bottom: 40px!important}
.mb50 {margin-bottom: 50px!important}
.mb60 {margin-bottom: 60px!important}
.mb70 {margin-bottom: 70px!important}
.mb80 {margin-bottom: 80px!important}
.mb90 {margin-bottom: 90px!important}
.mb100 {margin-bottom: 100px!important}
.mb110 {margin-bottom: 110px!important}
.mb120 {margin-bottom: 120px!important}
.mb130 {margin-bottom: 130px!important}
.mb140 {margin-bottom: 140px!important}

.mlauto {margin-left: auto !important}
.ml0 {margin-left: 0px!important}
.ml3 {margin-left: 3px!important}
.ml5 {margin-left: 5px!important}
.ml10 {margin-left: 10px!important}
.ml20 {margin-left: 20px!important}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}

.mrauto {margin-right: auto !important}
.mr0 {margin-right: 0px!important}
.mr5 {margin-right: 5px!important}
.mr10 {margin-right: 10px!important}
.mr20 {margin-right: 20px!important}
.mr30 {margin-right: 30px!important}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr70 {margin-right: 70px;}
.mr80 {margin-right: 80px;}
.mr90 {margin-right: 90px;}
.mr100 {margin-right: 100px;}
.mr110 {margin-right: 110px;}
.mr120 {margin-right: 120px;}

.widthcontent	{width: fit-content;}

.width100 	{width:100% !important;}
.width95 	{width: 95% !important;}
.width90 	{width: 90% !important;}
.width85 	{width: 85% !important;}
.width80 	{width: 80% !important;}
.width75 	{width: 75% !important;}
.width70 	{width: 70% !important;}
.width66 	{width: 66% !important;}
.width65 	{width: 65% !important;}
.width60 	{width: 60% !important;}
.width55 	{width: 55% !important;}
.width50 	{width: 50% !important;}
.width45 	{width: 45% !important;}
.width40 	{width: 40% !important;}
.width35 	{width: 35% !important;}
.width30 	{width: 30% !important;}
.width33 	{width: 33% !important;}
.width25 	{width: 25% !important;}
.width20 	{width: 20% !important;}
.width15 	{width: 15% !important;}
.width10 	{width: 10% !important;}

.mwd300		{max-width:300px !important;}
.mwd500		{max-width:500px !important;}
.mwd600		{max-width:600px !important;}
.mwd800		{max-width:800px !important;}
.mwd1000	{max-width:1000px !important;}
.mwd1200	{max-width:1200px !important;}

.borderG 						{border: solid 1px var(--color_theme_hv) !important;}
.borderb 						{border-bottom: solid 1px var(--color_theme_hv) !important;}
.bordert 						{border-top	: solid 2px var(--color_theme_hv) !important;}
.borderl 						{border-left : solid 2px var(--color_theme_hv) !important;}
.borderr 						{border-right : solid 2px var(--color_theme_hv) !important;}

.opacity100						{opacity: 1!important;}
.opacity75						{opacity: 0.75!important;}
.opacity50						{opacity: 0.5!important;}
.opacity25						{opacity: 0.25!important;}

.pointer 						{cursor: pointer !important;}
.sysover 						{transition: all 0.3s;}	
.sysover:hover 				    {transform: scale(1.01);}

.texte_right					{text-align:right !important; display: block;}
.texte_left						{text-align:left !important; display: block;}

.hidden 						{display:none !important;}		
.overflowhidden					{overflow: hidden;}
.dinlineblock 					{display:inline-block !important;}

.flex 									{display: flex; flex-direction: row;}
.flex_row								{display: flex; flex-direction: row;}
.flex_col								{display: flex; flex-direction:column;}
.flex_spc_between 						{justify-content: space-between;}
.flex_justi_center 						{justify-content: center;}
.flex_justi_start 						{justify-content:flex-start !important;}
.flex_justi_end 						{justify-content: end !important;}
.flex_spc_arround 						{justify-content: space-around;}
.flex_centerv		 					{align-content: center; align-items: center;}
.flex_gap5								{gap:5px;}
.flex_gap10								{gap:10px;}
.flex_gap20								{gap:20px;}
.flex-wrap								{flex-wrap: wrap;}

.fancybox-image, .fancybox-spaceball 	{border-radius: 50% !important;}

@media only screen and (max-width: 601px) {
	.flex 									{flex-direction: column;}
	.row .col.s1							{width: 100%;}
	.row .col.s2							{width: 100%;}
	.row .col.s3							{width: 100%;}
	.row .col.s4							{width: 100%;}
	.row .col.s5							{width: 100%;}
	.row .col.s6							{width: 100%;}
	.row .col.s7							{width: 100%;}
	.row .col.s8							{width: 100%;}
	.row .col.s9							{width: 100%;}
	.row .col.s10							{width: 100%;}
	.row .col.s11							{width: 100%;}
	.row .col.s12							{width: 100%;}
	h1 										{font-size:3.2em;}
	h2 										{font-size:2.8em;}
	h3 										{font-size:2.5em;}
	h4 										{font-size:2.1em;}
}