@charset "UTF-8";
/* ------ */
/* ROOT-0 */
/* TEMPLATE : VIOLET - TEXTE FONCE, FOND CLAIR */
/* ------ */
:root {
/* ------ */
/* template - FONT-FAMILY */
  --site-tpl-texte-font-fam:			"Luciole_regular", Arial, Helvetica, sans-serif;	/* textes */
  --site-tpl-titre-font-fam-1:			"Luciole_regular", Arial, Helvetica, sans-serif;		/* titres */
  --site-tpl-titre-font-fam-2:			"Luciole_regular", Arial, Helvetica, sans-serif;		/* sous-titres */
  --font-fontawesome-fam:				"Font Awesome 6 Free";								/* fontawesome */
/* txt-col */
  --site-tpl-txt-col-dark:				#111; 		/*noir*/
  --site-tpl-txt-col-light:				#fff; 		/*blanc*/
  /* --- */
/* template - COLOR */
  --site-tpl-col-texte:					#111; 		/*noir*/
/*couleur principale*/
  --site-tpl-col-main:					#392e60;	/*violet main*/
  --site-tpl-col-tres-tres-tres-clair:	#ebecfc;	/*violet tres-tres-tres clair*/
  --site-tpl-col-tres-tres-clair:		#e0defe;	/*violet tres-tres clair*/
  --site-tpl-col-tres-clair:			#9090c7;	/*violet tres clair*/
  --site-tpl-col-clair:					#7374b8;	/*violet clair*/
  --site-tpl-col-moyen:					#5556a5; 	/*#6464ae;*/ 	/*violet moyen*/
  --site-tpl-col-fonce:					#392e60;	/*violet fonce*/
  --site-tpl-col-tres-fonce:			#1f1b2f;	/*violet tres fonce*/

  --site-tpl-col-main-opa-01:			rgba(58,46,96,0.1);	/*violet moyen*/
  --site-tpl-col-main-opa-02:			rgba(58,46,96,0.2);	/*violet moyen*/
  --site-tpl-col-main-opa-03:			rgba(58,46,96,0.3);	/*violet moyen*/
  --site-tpl-col-main-opa-04:			rgba(58,46,96,0.4);	/*violet moyen*/
  --site-tpl-col-main-opa-05:			rgba(58,46,96,0.5);	/*violet moyen*/
  --site-tpl-col-main-opa-06:			rgba(58,46,96,0.6);	/*violet moyen*/
  --site-tpl-col-main-opa-07:			rgba(58,46,96,0.7);	/*violet moyen*/
  --site-tpl-col-main-opa-08:			rgba(58,46,96,0.8);	/*violet moyen*/

  /* --- */
/*couleur secondaire*/
  --site-tpl-col-main-2:				#ff6633;	/*orange*/
  --site-tpl-col-tres-clair-2:			#ffcc99;	/*orange tres clair*/
  --site-tpl-col-clair-2:				#ff9966;	/*orange clair*/
  --site-tpl-col-moyen-2:				#ff6633;	/*orange*/

  --site-tpl-col-main-2-opa-01:			rgba(255,102,51,0.1);	/*orange*/
  --site-tpl-col-main-2-opa-02:			rgba(255,102,51,0.2);	/*orange*/
  --site-tpl-col-main-2-opa-03:			rgba(255,102,51,0.3);	/*orange*/
  --site-tpl-col-main-2-opa-04:			rgba(255,102,51,0.4);	/*orange*/
  --site-tpl-col-main-2-opa-05:			rgba(255,102,51,0.5);	/*orange*/
  --site-tpl-col-main-2-opa-06:			rgba(255,102,51,0.6);	/*orange*/
  --site-tpl-col-main-2-opa-07:			rgba(255,102,51,0.7);	/*orange*/
  --site-tpl-col-main-2-opa-08:			rgba(255,102,51,0.8);	/*orange*/
  /* --- */

/* ------ */
/* BS CUSTOM */
  --bs-primary: 				var(--site-tpl-col-main);
  --bs-secondary: 				#6c757d;
  --bs-success: 				#198742;
  --bs-info: 					#31708f;
  --bs-warning: 				#cc9933;
  --bs-danger: 					#a94442;
  --bs-light: 					#f8f9fa;
  --bs-dark: 					#212529;
/* ------ */
/* BS CUSTOM hover (+ foncé) */
  --bs-primary-hover: 			var(--site-tpl-col-main);
  --bs-secondary-hover: 		#5e656c;
  --bs-success-hover: 			#19733b;
  --bs-info-hover: 				#31708f;
  --bs-warning-hover: 			#b88622;
  --bs-danger-hover: 			#983836;
  --bs-light-hover: 			#e5e9ee;
  --bs-dark-hover: 				#2f353c;
/* ------ */
/* BS CUSTOM color */
  --bs-blue:					var(--site-tpl-col-main);	/* PERSO */
  --bs-indigo:					#6610f2;
  --bs-purple:					#6f42c1;
  --bs-pink:					#d63384;
  --bs-red:						#a94442;	/* PERSO */
  --bs-orange:					#fd7e14;
  --bs-yellow:					#ffc107;
  --bs-green:					#3c763d;	/* PERSO */
  --bs-teal:					#20c997;
  --bs-cyan:					#31708f;	/* PERSO */
  --bs-white:					#fff;
  --bs-gray:					#6c757d;
  --bs-gray-dark:				#343a40;
/* ------ */
/* COLOR - basic */
  /* --- */
  /* color - gris */
  --site-blanc:							#fff; 		/*blanc*/
  --site-gris-tres-tres-tres-clair:		#f8f9fa;	/*gris tres tres tres clair*/
  --site-gris-tres-tres-clair:			#efefef;	/*gris tres tres clair*/
  --site-gris-tres-clair:				#dfdfdf;	/*gris tres clair*/
  --site-gris-clair:					#ccc;		/*gris clair*/
  --site-gris-moyen:					#aaa;		/*gris moyen*/
  --site-gris-fonce:					#999;		/*gris fonce*/
  --site-gris-tres-fonce:				#666;		/*gris tres fonce*/
  --site-gris-tres-tres-fonce:			#333;		/*gris tres tres fonce*/
  /* --- */
  /* color - light - dark */
  --site-col-light:						#fff; 		/*blanc*/
  --site-col-dark:						#111; 		/*noir*/
  
  --site-col-light-opa-03:				rgba(255,255,255,0.3);
  --site-col-light-opa-05:				rgba(255,255,255,0.5);
  --site-col-light-opa-07:				rgba(255,255,255,0.7);
  --site-col-light-opa-09:				rgba(255,255,255,0.9);

  --site-col-dark-opa-03:				rgba(0,0,0,0.3);
  --site-col-dark-opa-05:				rgba(0,0,0,0.5);
  --site-col-dark-opa-07:				rgba(0,0,0,0.7);
  --site-col-dark-opa-09:				rgba(0,0,0,0.9);

/* ------ */
/* BODY */
/* ------ */
  --site-body-col:				var(--site-col-dark);
  --site-body-bkg:				var(--site-tpl-col-fonce); 

  --site-main-col:				var(--site-col-dark);
  --site-main-bkg:				var(--site-blanc);
  /* --- */
  /* texte */
  --site-txt-col:				var(--site-col-dark);
  /* titre */
  --site-titre-col:				var(--site-tpl-col-moyen);
  --site-titre-col-letter:		var(--site-tpl-col-main);
  /* --- */
  /* a link */
  --site-link-col:				var(--site-tpl-col-main);
  --site-link-col-hover:		var(--site-tpl-col-fonce);
  /* --- */
  /* a - button - .abt .btn */
  --site-btn-col:						var(--site-tpl-col-main);
  --site-btn-bkg:						var(--site-blanc);
  --site-btn-brd:						var(--site-tpl-col-main);

  --site-btn-col-hover:					var(--site-blanc);
  --site-btn-bkg-hover:					var(--site-tpl-col-main);
  --site-btn-brd-hover:					var(--site-blanc);

  --site-btn-col-active:				var(--site-blanc);
  --site-btn-bkg-active:				var(--site-tpl-col-main);
  --site-btn-brd-active:				var(--site-blanc);

/* ------ */
/* MENU - MAIN */
/* ------ */
  --site-navmain-a-font-fam:			var(--site-titre-font-fam-1);

  --site-navmain-bkg:					var(--site-tpl-col-fonce-opa-07);
  --site-navmain-bkg-hover:				var(--site-tpl-col-fonce-opa-09);
  --site-navmain-brd-css:				0; /*2px solid var(--site-tpl-col-main);*/

  --site-navmain-bkg-navbar:			rgba(255,255,255,0.7);
  --site-navmain-bkg-brand:				var(--site-tpl-col-main);
  --site-navmain-bkg-navbar-hover:		transparent;

  --site-navmain-phone-bkg:				rgba(0,0,0,0.7); /*var(--site-navmain-bkg);*/
  --site-navmain-phone-a-col:			var(--site-blanc); /*var(--site-navmain-a-col);*/
  /* --- */
  /* navmain - a */
  --site-navmain-a-col:					var(--site-blanc);
  --site-navmain-a-col-hover:			var(--site-blanc);
  --site-navmain-a-col-active:			var(--site-blanc);

  --site-navmain-a-bkg:					transparent;
  --site-navmain-a-bkg-hover:			var(--site-tpl-col-main);
  --site-navmain-a-bkg-active:			var(--site-tpl-col-main);

  --site-navmain-a-brd-css:				0; /*1px solid var(--site-tpl-col-main);*/
  --site-navmain-a-brd-css-hover:		0;
  --site-navmain-a-brd-css-active:		0;
  /* --- */

/* ------ */
/* ARTICLE */
  --site-article-col:					var(--site-txt-col);
  --site-article-bkg:					var(--site-blanc);
 
/* ------ */
/* RESEAUX SOCIAUX */
  --site-soc-header-col:				var(--site-tpl-col-clair);
  --site-soc-header-col-hover:			var(--site-tpl-col-main);

  --site-soc-coords-col:				var(--site-tpl-col-clair);
  --site-soc-coords-col-hover:			var(--site-tpl-col-main);

  --site-soc-footer-col:				var(--site-tpl-col-clair);
  --site-soc-footer-col-hover:			var(--site-tpl-col-main);

/* ------ */
/* FORMULAIRES */
/* ------ */
  --site-form-fieldset-bkg:				var(--site-gris-tres-tres-tres-clair);
  --site-form-fieldset-brd:				var(--site-gris-clair);
  /* --- */
  /* form - INPUT */
  --site-form-input-col:				var(--site-col-dark);
  --site-form-input-bkg:				var(--site-blanc);
  /* basic - color - input */
  --site-form-input-required-col:		var(--site-tpl-col-main);
  --site-form-input-required-brd:		#198754;		/*vert*/
  --site-form-input-invalid-col:		grey;			/*gris*/
  --site-form-input-invalid-brd:		grey;			/*gris*/


}
/* ------ */
/* HEADER - FOOTER - MENU */
HEADER#HEADER,
FOOTER#FOOTER,
NAV.navbar {
background:var(--site-tpl-col-tres-tres-tres-clair);
}
/* ------ */
/* TABLE */
body table.table tr th { color:var(--site-blanc); background:var(--site-tpl-col-moyen); font-weight:normal; }
body table.table tbody > tr > td { color:var(--site-txt-col); background:var(--site-blanc); }
body table.table tbody > tr:hover,
body table.table.table-striped > tbody > tr:hover,
body table.table.table-hover > tbody > tr:hover,
body table.table tbody > tr:hover,
body table.table tbody > tr:hover > td { color:var(--site-tpl-col-fonce) !important; background:var(--site-blanc) !important; }
/* ------ */
/* ALERT */
body .alert-success { background-color:#eafce8; } 	/* PERSO = plus clair */ /*#d1e7dd*/
body .alert-warning { background-color:#fefbf0; } 	/* PERSO = plus clair */ /*#fff3cd*/
body .alert-info { background-color:#e4f9fd; } 		/* PERSO = plus clair */ /*#cff4fc*/

body .alert-light { color:var(--site-main-col); } 	/* PERSO = plus fonce */ /*#636464*/
/* ------ */
LABEL:NOT(.checkboxLabel):NOT(.radioLabel):NOT(.input-group-text),
LABEL.form-label {
color:var(--site-gris-tres-fonce);
}
/* ------ */