:root{
	--couleur-texte:#49494b
	--couleur-1:#1C1C1C;
	--couleur-2:#FE5359;
	--couleur-3:#264653;
	
	--couleur-bleu: #1d3e81;
	--couleur-bleu2: #91c7d3;
	--couleur-bleu3:#A0F2F2;
	--couleur-gris: #49494b;
	--couleur-jaune: #ffd500;
	--couleur-mauve: #A66D97;
	--couleur-orange: #E87B0C;
	--couleur-rose: #F20587;
	--couleur-rouge: #BF1E2E;
	--couleur-vert: #04BF45;
	--couleur-vert2: #4bb58e;
}

.t_a_c{
	text-align: center;
}
.no_display{
	display: none;
}

/*FLEX*/   
.flex_row{
	display: flex;
	flex-direction: row;
	display:-webkit-flex;
	-webkit-flex-direction: row;
}
.flex_column{
	display: flex;
	flex-direction: column;
	display:-webkit-flex;
	-webkit-flex-direction:column;
}
.flex_jc_center{
	display: flex;
	display:-webkit-flex;
	justify-content: center;
	-webkit-justify-content: -webkit-center;
}
.flex_jc_space_around{
	display: flex;
	justify-content:space-around;
	display:-webkit-flex;
	-webkit-justify-content:space-around;
}
.flex_jc_space_between{;
	display: flex;
	justify-content:space-between;
	display:-webkit-flex;
	-webkit-justify-content:space-between;
}
.flex_jc_start{
	display: flex;
	justify-content:flex-start;
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
}
.flex_jc_end{
	display: flex;
	display:-webkit-flex;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
}
.flex_align_center{
	display: flex;
	align-items: center;
	 display:-webkit-flex;
	-webkit-align-items:center;
}
.flex_wrap{
	display: flex;
	flex-wrap: wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
}

/*FONT*/
.font_7{
	font-size: 0.7em;
}
.font_8{
	font-size: 0.8em;
}
.font_9{
	font-size: 0.9em;
}
.font_10{
	font-size: 1em;
}
.font_11{
	font-size: 1.1em;
}
.font_12{
	font-size: 1.2em;
}
.font_13{
	font-size: 1.3em;
}
.font_14{
	font-size: 1.4em;
}
.font_15{
	font-size: 1.5em;
}
.font_16{
	font-size: 1.6em;
}
.font_17{
	font-size: 1.7em;
}
.font_18{
	font-size: 1.8em;
}
.font_19{
	font-size: 1.9em;
}
.font_20{
	font-size: 2.0em;
}
.font_21{
	font-size: 2.1em;
}
.font_22{
	font-size: 2.2em;
}
.font_23{
	font-size: 2.3em;
}
.font_24{
	font-size: 2.4em;
}
.font_25{
	font-size: 2.5em;
}

/*LINK*/
.link_1:hover{
	color:var(--couleur-1);
}
.link_2:hover{
	color:var(--couleur-2);
}
.link_3:hover{
	color:var(--couleur-3);
}
.link_blanc:hover{
	color:#fff;
}
.link_bleu:hover{
	color:var(--couleur-bleu);
}
.link_bleu2:hover{
	color:var(--couleur-bleu2);
}
.link_bleu3:hover{
	color:var(--couleur-bleu3);
}
.link_gris:hover{
	color:var(--couleur-gris);
}
.link_jaune:hover{
	color:var(--couleur-jaune);
}
.link_mauve:hover{
	color:var(--couleur-mauve);
}
.link_noir:hover{
	color:#000;
}
.link_orange:hover{
	color:var(--couleur-orange);
}
.link_orange:hover{
	color:var(--couleur-orange);
}
.link_rose:hover{
	color:var(--couleur-rose);
}
.link_rouge:hover{
	color:var(--couleur-rouge);
}
.link_vert:hover{
	color:var(--couleur-vert);
}
.link_vert2:hover{
	color:var(--couleur-vert2);
}

/*COULEUR*/
.color_1{
	color:var(--couleur-1);
}
.bg_1{
	background-color:var(--couleur-1);
}
.color_2{
	color:var(--couleur-2);
}
.bg_2{
	background-color:var(--couleur-2);
}
.color_3{
	color:var(--couleur-3);
}
.bg_3{
	background-color:var(--couleur-3);
}
.color_blanc{
	color:#fff;
}
.bg_blanc{
	background-color:#fff;
}
.color_bleu{
	color:var(--couleur-bleu);
}
.bg_bleu{
	 background-color:var(--couleur-bleu);
}
.color_bleu2{
	color:var(--couleur-bleu2);
}
.bg_bleu2{
	background-color:var(--couleur-bleu2);
}
.color_bleu3{
	color:var(--couleur-bleu3);
}
.bg_bleu3{
	background-color:var(--couleur-bleu3);
}
.color_gris{
	color:var(--couleur-gris);
}
.bg_gris{
	background-color: var(--couleur-gris);
}
.color_jaune{
	color:var(--couleur-jaune);
}
.bg_jaune{
	background-color:var(--couleur-jaune);
}
.color_mauve{
	color:var(--couleur-mauve);
}
.bg_mauve{
	background-color:var(--couleur-mauve);
}
.color_noir{
	color:#000;
}
.bg_noir{
	background-color:#000;
}
.color_orange{
	color:var(--couleur-orange);
}
.bg_orange{
	background-color:var(--couleur-orange);
}
.color_rose{
	color:var(--couleur-rose);
}
.bg_rose{
	background-color:var(--couleur-rose);
}
.color_rouge{
	color:var(--couleur-rouge);
}
.bg_rouge{
	background-color:var(--couleur-rouge);
}
.color_vert{
	color:var(--couleur-vert);
}
.bg_vert{
	background-color: var(--couleur-vert);
}
.color_vert2{
	color:var(--couleur-vert2);
}
.bg_vert2{
	background-color: var(--couleur-vert2);
}

/*LOADING*/
.loader_box{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
}
.loader {
  display: inline-block;
  font-size: 4rem; /* Change this to resize the loader */
  animation: 2s rotate infinite linear;
  width: 1em;
  height: 1em;
}	
.loader circle {
  fill: transparent;
  stroke-width: 0.07em;
  stroke-dasharray: 2.3525em 0.4705em;
  animation: 1.3s strokeDashArray infinite linear, 24s infinite linear;
}
.loader_1 circle {
  stroke: var(--couleur-1);
}
.loader_2 circle {
  stroke:var(--couleur-2);
}
.loader_3 circle {
  stroke:var(--couleur-3);
}
.loader_blanc circle {
  stroke: #fff;
}
.loader_bleu circle {
  stroke: var(--couleur-bleu);
}
.loader_bleu2 circle {
  stroke: var(--couleur-bleu2);
}
.loader_bleu3 circle {
  stroke: var(--couleur-bleu2);
}
.loader_mauve circle {
  stroke: var(--couleur-mauve);
}
.loader_noir circle {
  stroke: #000;
}
.loader_gris circle {
  stroke: var(--couleur-gris);
}
.loader_jaune circle {
  stroke: var(--couleur-jaune);
}
.loader_orange circle {
  stroke: var(--couleur-orange);
}
.loader_rose circle {
  stroke: var(--couleur-rose);
}
.loader_rouge circle {
  stroke: var(--couleur-rouge);
}
.loader_vert circle {
  stroke: var(--couleur-vert);
}
.loader_vert2 circle {
  stroke: var(--couleur-vert2);
}
@keyframes rotate {
  from {
	transform: rotate(0deg);
  }

  to {
	transform: rotate(360deg);
  }
}

@keyframes strokeDashArray {
  from {
	stroke-dasharray: 2.3525em 0.4705em;
	stroke-dashoffset: 0;
  }

  10% {
	stroke-dasharray: 2.3525em 0.4705em;
	stroke-dashoffset: 0;
  }

  50% {
	stroke-dasharray: 0.001em 2.825em;
	stroke-dashoffset: -2.826em;
  }

  60% {
	stroke-dasharray: 0.001em 2.825em;
  }

  to {
	stroke-dasharray: 2.3525em 0.4705em;
	stroke-dashoffset: -2.826em;
  }
}

/*BUTTON*/
.btn_small{
	padding: 5px 10px !important;
}
.btn_1,.btn_2,.btn_3,.btn_blanc,.btn_bleu,.btn_bleu2,.btn_bleu3,.btn_gris,.btn_jaune,.btn_noir,.btn_mauve,.btn_orange,.btn_rose,.btn_rouge,.btn_vert,.btn_vert2{
	font-size: 0.8em;
	font-family: 'Raleway',Arial, sans-serif;
	letter-spacing:2px;
	padding: 12px 15px;
	margin:5px;
	cursor:pointer;
	outline: none;
	display: inline-block;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	text-rendering: optimizelegibility;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-background-clip: padding;
		-moz-background-clip: padding;
			background-clip: padding-box;
	-webkit-appearance: none;
}
.btn_1{
	color:var(--couleur-1);
	background: transparent;
	border: 1px solid var(--couleur-1);
}
.btn_1:hover{
	color:#fff;
	background:var(--couleur-1);
	border: 1px solid var(--couleur-1);
}
.btn_1 i{
	color:var(--couleur-1);
}
.btn_1:hover i{
	color: #fff
} 
.btn_2{
	color:var(--couleur-2);
	background: transparent;
	border: 1px solid var(--couleur-2);
}
.btn_2:hover{
	color:#fff;
	background:var(--couleur-2);
	border: 1px solid var(--couleur-2);
}
.btn_2 i{
	color:var(--couleur-2);
}
.btn_2:hover i{
	color: #fff
}
.btn_3{
	color:var(--couleur-3);
	background: transparent;
	border: 1px solid var(--couleur-3);
}
.btn_3:hover{
	color:#fff;
	background:var(--couleur-3);
	border: 1px solid var(--couleur-3);
}
.btn_3 i{
	color:var(--couleur-3);
}
.btn_3:hover i{
	color: #fff;
}
.btn_blanc{
	color:#fff;
	background: transparent;
	border: 1px solid #fff;
}
.btn_blanc:hover{
	color:#fff;
	background:#fff;
	border: 1px solid #fff;
}
.btn_blanc i{
	color:#fff;
}
.btn_blanc:hover i{
	color: #fff
}
.btn_bleu{
	color:var(--couleur-bleu);
	background: transparent;
	border: 1px solid var(--couleur-bleu);
}
.btn_bleu:hover{
	color:#fff;
	background:var(--couleur-bleu);
	border: 1px solid var(--couleur-bleu);
}
.btn_bleu i{
	color:var(--couleur-bleu);
}
.btn_bleu:hover i{
	color: #fff
}
.btn_bleu2{
	color:var(--couleur-bleu2);
	background: transparent;
	border: 1px solid var(--couleur-bleu2);
}
.btn_bleu2:hover{
	color:#fff;
	background:var(--couleur-bleu2);
	border: 1px solid var(--couleur-bleu2);
}
.btn_bleu2 i{
	color:var(--couleur-bleu2);
}
.btn_bleu2:hover i{
	color: #fff
}
.btn_bleu3{
	color:var(--couleur-bleu3);
	background: transparent;
	border: 1px solid var(--couleur-bleu3);
}
.btn_bleu3:hover{
	color:#fff;
	background:var(--couleur-bleu3);
	border: 1px solid var(--couleur-bleu3);
}
.btn_bleu3 i{
	color:var(--couleur-bleu3);
}
.btn_bleu3:hover i{
	color: #fff
}
.btn_gris{
	color:var(--couleur-gris);
	background: transparent;
	border: 1px solid var(--couleur-gris);
}
.btn_gris:hover{
	color:#fff;
	background:var(--couleur-gris);
	border: 1px solid var(--couleur-gris);
}
.btn_gris i{
	color:var(--couleur-gris);
}
.btn_gris:hover i{
	color: #fff
}
.btn_jaune{
	color:var(--couleur-jaune);
	background: transparent;
	border: 1px solid var(--couleur-jaune); 
}
.btn_jaune:hover{
	color:#fff;
	background:var(--couleur-jaune);
	border: 1px solid var(--couleur-jaune);
}
.btn_jaune i{
	color:var(--couleur-jaune);
}
.btn_jaune:hover i{
	color: #fff
}
.btn_mauve{
	color:var(--couleur-mauve);
	background: transparent;
	border: 1px solid var(--couleur-mauve);
}
.btn_mauve:hover{
	color:#fff;
	background:var(--couleur-mauve);
	border: 1px solid var(--couleur-mauve);
}
.btn_mauve i{
	color:var(--couleur-mauve);
}
.btn_mauve:hover i{
	color: #fff
}
.btn_noir{
	color:#000;
	background: transparent;
	border: 1px solid #000;
}
.btn_noir:hover{
	color:#fff;
	background:#000;
	border: 1px solid #000;
}
.btn_noir i{
	color:#000;
}
.btn_noir:hover i{
	color: #fff
}
.btn_orange{
	color:var(--couleur-orange);
	background: transparent;
	border: 1px solid var(--couleur-orange); 
}
.btn_orange:hover{
	color:#fff;
	background:var(--couleur-orange);
	border: 1px solid var(--couleur-orange);
}
.btn_orange i{
	color:var(--couleur-orange);
}
.btn_orange:hover i{
	color: #fff
}
.btn_rose {
	color: var(--couleur-rose);
	background: #fff;
	border: 1px solid var(--couleur-rose);
}
.btn_rose:hover{
	color: #fff;
	background: var(--couleur-rose);
	border: 1px solid var(--couleur-rose);
}
.btn_rose i{
	color:var(--couleur-rose);
}
.btn_rose:hover i{
	color: #fff
} 
.btn_rouge{
	color:var(--couleur-rouge);
	background: transparent;
	border: 1px solid var(--couleur-rouge);
}
.btn_rouge:hover{
	color:#fff;
	background:var(--couleur-rouge);
	border: 1px solid var(--couleur-rouge);
}
.btn_rouge i{
	color:var(--couleur-rouge);
}
.btn_rouge:hover i{
	color: #fff
}
.btn_vert{
	color:var(--couleur-vert);
	background: transparent;
	border: 1px solid var(--couleur-vert);
}
.btn_vert:hover{
	color:#fff;
	background:var(--couleur-vert);
	border: 1px solid var(--couleur-vert);
}
.btn_vert i{
	color:var(--couleur-vert);
}
.btn_vert:hover i{
	color: #fff
}
.btn_vert2 {
	color: var(--couleur-vert2);
	background: #fff;
	border: 1px solid var(--couleur-vert2);
}
.btn_vert2:hover{
	color: #fff;
	background: var(--couleur-vert2);
	border: 1px solid var(--couleur-vert2);
}
.btn_vert2 i{
	color:var(--couleur-vert2);
}
.btn_vert2:hover i{
	color: #fff
}
	   
/*TABLE*/
.design_table {
	width:100%;
	border-collapse: collapse;
	background-color:#fff;
}
.design_table tr {
	margin: -1px;
	border:solid;
	border-width:1px;
}
.design_table td {
	font-size: 0,95em;
	padding: 8px;
	border-width:0px;
}
.table_100{
	max-height: 100px;
	overflow-y: auto;
	padding: 5px;
}
.table_200{
	max-height: 200px;
	overflow-y: auto;
	padding: 5px;
}
.table_400{
	max-height: 400px;
	overflow-y: auto;
	padding: 5px;
}
.design_1 .selected{
	background-color: var(--couleur-1) !important;
	border-color:var(--couleur-1) !important;   
	color: #fff!important;
}
.design_1,.design_1 td,.design_1 tr{
	border-color:var(--couleur-1) !important; 
}
.design_2 .selected{
	background-color: var(--couleur-2) !important;
	border-color:var(--couleur-2) !important;   
	color: #fff!important;
}
.design_2,.design_2 td,.design_2 tr{
	border-color:var(--couleur-2) !important; 
}
.design_3 .selected{
	background-color: var(--couleur-3) !important;
	border-color:var(--couleur-3) !important;   
	color: #fff!important;
}
.design_3,.design_3 td,.design_3 tr{
	border-color:var(--couleur-3) !important; 
}
.design_blanc .selected{
	background-color: #fff !important;
	border-color:#fff !important;   
	color: #fff!important;
}
.design_blanc,.design_blanc td,.design_blanc tr{
	border-color:#fff !important; 
}
.design_bleu .selected{
	background-color: var(--couleur-bleu) !important;
	border-color:var(--couleur-bleu) !important;   
	color: #fff!important;
}
.design_bleu,.design_bleu td,.design_bleu tr{
	border-color:var(--couleur-bleu) !important; 
}
.design_bleu2 .selected{
	background-color: var(--couleur-bleu2) !important;
	border-color:var(--couleur-bleu2) !important;   
	color: #fff!important;
}
.design_bleu2,.design_bleu2 td,.design_bleu2 tr{
	border-color:var(--couleur-bleu2) !important; 
}
.design_bleu3 .selected{
	background-color: var(--couleur-bleu3) !important;
	border-color:var(--couleur-bleu3) !important;   
	color: #fff!important;
}
.design_bleu3,.design_bleu3 td,.design_bleu3 tr{
	border-color:var(--couleur-bleu3) !important; 
}
.design_gris .selected{
	background-color: var(--couleur-gris) !important;
	border-color:var(--couleur-gris) !important;   
	color: #fff!important;
}
.design_gris,.design_gris td,.design_gris tr{
	border-color:var(--couleur-gris) !important; 
}
.design_jaune .selected{
	background-color: var(--couleur-jaune) !important;
	border-color:var(--couleur-jaune) !important;   
	color: #fff!important;
}
.design_jaune,.design_jaune td,.design_jaune tr{
	border-color:var(--couleur-jaune) !important; 
}
.design_mauve .selected{
	background-color: var(--couleur-mauve) !important;
	border-color:var(--couleur-mauve) !important;   
	color: #fff!important;
}
.design_mauve,.design_mauve td,.design_mauve tr{
	border-color:var(--couleur-mauve) !important; 
}
.design_noir .selected{
	background-color: #000 !important;
	border-color:#000 !important;   
	color: #fff!important;
}
.design_noir,.design_noir td,.design_noir tr{
	border-color:#000!important; 
}
.design_orange .selected{
	background-color: var(--couleur-orange) !important;
	border-color:var(--couleur-orange) !important;   
	color: #fff!important;
}
.design_orange,.design_orange td,.design_orange tr{
	border-color:var(--couleur-orange) !important; 
}
.design_rose .selected{
	background-color: var(--couleur-rose) !important;
	border-color:var(--couleur-rose) !important;   
	color: #fff!important;
}
.design_rose,.design_rose td,.design_rose tr{
	border-color:var(--couleur-rose) !important; 
}
.design_rouge .selected{
	background-color: var(--couleur-rouge) !important;
	border-color:var(--couleur-rouge) !important;   
	color: #fff !important;
}
.design_rouge,.design_rouge td,.design_rouge tr{
	border-color:var(--couleur-rouge) !important; 
}
.design_vert .selected{
	background-color: var(--couleur-vert) !important;
	border-color:var(--couleur-vert) !important;   
	color: #fff!important;
}
.design_vert,.design_vert td,.design_vert tr{
	border-color:var(--couleur-vert) !important; 
}
.design_vert2 .selected{
	background-color: var(--couleur-vert2) !important;
	border-color:var(--couleur-vert2) !important;   
	color: #fff!important;
}
.design_vert2,.design_vert2 td,.design_vert2 tr{
	border-color:var(--couleur-vert2) !important; 
}
	 
/*BORDER BOX*/
.cadre_1{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-1) !important;  
	padding: 5px;
}
.cadre_2{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-2) !important;  
	padding: 5px;
}
.cadre_3{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-3) !important;  
	padding: 5px;
}
.cadre_blanc{
	border:solid;
	border-width:1px;
	border-color:#fff; 
	padding: 5px;
}
.cadre_bleu{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-bleu) !important;  
	padding: 5px;
}
.cadre_bleu2{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-bleu2) !important;  
	padding: 5px;
}
.cadre_bleu3{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-bleu3) !important;  
	padding: 5px;
}
.cadre_gris{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-gris) !important;  
	padding: 5px;
}
.cadre_jaune{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-jaune) !important;  
	padding: 5px;
}
.cadre_mauve{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-mauve) !important;  
	padding: 5px;
}
.cadre_noir{
	border:solid;
	border-width:1px;
	border-color:#000; 
	padding: 5px;
}
.cadre_orange{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-orange) !important;  
	padding: 5px;
}
.cadre_rose{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-rose) !important;  
	padding: 5px;
}
.cadre_rouge{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-rouge) !important;  
	padding: 5px;
}
.cadre_vert{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-vert) !important;  
	padding: 5px;
}
.cadre_vert2{
	border:solid;
	border-width:1px;
	border-color:var(--couleur-vert2) !important;  
	padding: 5px;
}