@CHARSET "ISO-8859-1";
/*!
 * Theme Bootstap mPlateforme v1
*/

body, input, select, textarea, checkbox, table, p, div, span{
	font-size: 0.9rem !important;
	/*font-weight: 400;*/
}

h6{
	font-size: 100% !important;
}

.clear{
	clear: both;
}

:root {
	/* BS Basic */ 
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--green-light: #28f245;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	
	/* BS Manobi */
	--brown: #8e6424;
    --fiche: #AAAAAA;
	/*--form: #ffbc07;*/
	--form: #fd7e14; /*orange*/
    --alert: #ff3636;
    --nav: #f0f0f0;
    --rouge-fonce: #ce0707;
    
 
}

/*--------------------------------------
 COMPLETE BOOSTRAP
 ---------------------------------------*/




/*---------------------------------------------------
	MOBILE / TABLET / WEB
----------------------------------------------------- */


/* Display switch Size */ 

@media screen and (max-width: 39.9375em) {
	.tablet { display: none !important; }	
	.web { display: none !important; }	
    .mob { display: block !important; }
    .mNone {display: none !important; } /* Patch old css */ 
}

@media screen and (min-width: 39.9375em) {
	.web { display: none !important; }	
    .mob { display: none !important; }	
	.tablet { display: block !important; }
}

@media screen and (min-width: 75em) {
	.tablet { display: none !important; }
    .web { display: block !important; }	
}






/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */


.wrapper {
    display: flex;
    width: 100%;
    max-height: 100vh;
    align-items: stretch;
}


#content {
    width: 100%;
    max-height: 100vh;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
}

/*
 SOURIS
*/
.pointer {
	cursor:pointer;
}


/* ---------------------------------------------------
	OVERFLOW
-----------------------------------------------------*/

.y-auto {overflow-y: auto;}
.y-hidden {overflow-y: hidden;}
.x-auto {overflow-x: auto;}
.x-hidden {overflow-x: hidden;}
 
/*------------------------
IMAGE
--------------------------*/
.img-contain { object-fit: contain} /* photos de personnes */
.img-cover { object-fit: cover} /* les autres photos */


/* ---------------------------------------------------
	DIMENSION
-----------------------------------------------------*/
.ic20 img {
	height:20px;
} 

.h10 {height:10px;}
.h20 {height:20px;}
.h24 {height:24px;}
.h30 {height:30px;}
.h32 {height:32px;}
.h40 {height:40px;}
.h48 {height:48px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h64 {height:64px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h96 {height:96px;}
.h100 {height:100px;}
.h110 {height:110px;}
.h112 {height:120px;}
.h128 {height:128px;}
.h130 {height:130px;}
.h140 {height:140px;}
.h144 {height:144px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h176 {height:176px;}
.h180 {height:180px;}
.h190 {height:190px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}
.h256 {height:256px;}
.h512 {height:512px;}

.w10 {width:10px;}
.w20 {width:20px;}
.w24 {width:24px;}
.w30 {width:30px;}
.w32 {width:32px;}
.w40 {width:40px;}
.w48 {width:48px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w64 {width:64px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w96 {width:96px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w128 {width:128px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w144 {width:144px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:100px;}
.w176 {width:176px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w256 {width:256px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w512 {width:512px;}

.w-auto{width:auto;}

.w90p {width:90%;}
.w100p {width:100%;}

.h25p {height:25%;}
.h40p {height:40%;}
.h50p {height:50%;}
.h60p {height:60%;}
.h75p {height:75%;}
.h100p {height:100%;}
.h100p_10 {height:calc(100% - 10px);}
.h100p_20 {height:calc(100% - 20px);}
.h100p_30 {height:calc(100% - 30px);}
.h100p_40 {height:calc(100% - 40px);}
.h100p_50 {height:calc(100% - 50px);}
.h100p_60 {height:calc(100% - 60px);}
.h100p_70 {height:calc(100% - 70px);}
.h100p_80 {height:calc(100% - 80px);}
.h100p_90 {height:calc(100% - 90px);}
.h100p_100 {height:calc(100% - 100px);}
.h100p_110 {height:calc(100% - 110px);}
.h100p_120 {height:calc(100% - 120px);}
.h100p_130 {height:calc(100% - 130px);}
.h100p_140 {height:calc(100% - 140px);}
.h100p_150 {height:calc(100% - 150px);}
.h100p_160 {height:calc(100% - 160px);}
.h100p_170 {height:calc(100% - 170px);}
.h100p_180 {height:calc(100% - 180px);}
.h100p_190 {height:calc(100% - 190px);}
.h100p_200 {height:calc(100% - 200px);}
.h100p_220 {height:calc(100% - 220px);}
.h100p_240 {height:calc(100% - 240px);}
.h100p_260 {height:calc(100% - 260px);}
.h100p_280 {height:calc(100% - 280px);}
.h100p_290 {height:calc(100% - 290px);}
.h100p_300 {height:calc(100% - 300px);}

.h100p_max {max-height:100%;}
.vh100{max-height: 100vh;}


.mw_10{min-width:10px !important;}
.mw_16{min-width:16px !important;}
.mw_20{min-width:20px !important;}
.mw_24{min-width:24px !important;}
.mw_30{min-width:30px !important;}
.mw_32{min-width:32px !important;}
.mw_40{min-width:40px !important;}
.mw_48{min-width:48px !important;}
.mw_50{min-width:50px !important;}
.mw_60{min-width:60px !important;}
.mw_64{min-width:64px !important;}
.mw_60{min-width:60px !important;}
.mw_70{min-width:70px !important;}
.mw_80{min-width:80px !important;}
.mw_90{min-width:90px !important;}
.mw_96{min-width:96px !important;}
.mw_100{min-width:100px !important;}
.mw_110{min-width:110px !important;}
.mw_120{min-width:120px !important;}
.mw_128{min-width:128px !important;}
.mw_130{min-width:130px !important;}
.mw_140{min-width:140px !important;}
.mw_150{min-width:150px !important;}
.mw_160{min-width:160px !important;}
.mw_170{min-width:170px !important;}
.mw_180{min-width:180px !important;}
.mw_190{min-width:190px !important;}
.mw_200{min-width:200px !important;}
.mw_210{min-width:210px !important;}
.mw_220{min-width:220px !important;}
.mw_230{min-width:230px !important;}
.mw_240{min-width:240px !important;}
.mw_250{min-width:250px !important;}
.mw_260{min-width:260px !important;}
.mw_320{min-width:320px !important;}
.mw_480{min-width:480px !important;}
.mw_640{min-width:640px !important;}
.mw_720{min-width:720px !important;}
.mw_1080{min-width:1080px !important;}
.mw_1200{min-width:1200px !important;}


.mxw_10{max-width:10px !important;}
.mxw_16{max-width:16px !important;}
.mxw_20{max-width:20px !important;}
.mxw_24{max-width:24px !important;}
.mxw_30{max-width:30px !important;}
.mxw_32{max-width:32px !important;}
.mxw_40{max-width:40px !important;}
.mxw_48{max-width:48px !important;}
.mxw_50{max-width:50px !important;}
.mxw_60{max-width:60px !important;}
.mxw_64{max-width:64px !important;}
.mxw_60{max-width:60px !important;}
.mxw_70{max-width:70px !important;}
.mxw_80{max-width:80px !important;}
.mxw_90{max-width:90px !important;}
.mxw_96{max-width:96px !important;}
.mxw_100{max-width:100px !important;}
.mxw_110{max-width:110px !important;}
.mxw_120{max-width:120px !important;}
.mxw_128{max-width:128px !important;}
.mxw_130{max-width:130px !important;}
.mxw_140{max-width:140px !important;}
.mxw_150{max-width:150px !important;}
.mxw_160{max-width:160px !important;}
.mxw_170{max-width:170px !important;}
.mxw_180{max-width:180px !important;}
.mxw_190{max-width:190px !important;}
.mxw_200{max-width:200px !important;}
.mxw_210{max-width:210px !important;}
.mxw_220{max-width:220px !important;}
.mxw_230{max-width:230px !important;}
.mxw_240{max-width:240px !important;}
.mxw_250{max-width:250px !important;}
.mxw_260{max-width:260px !important;}
.mxw_320{max-width:320px !important;}
.mxw_480{max-width:480px !important;}
.mxw_640{max-width:640px !important;}
.mxw_720{max-width:720px !important;}
.mxw_1080{max-width:1080px !important;}
.mxw_1200{max-width:1200px !important;}


.mh_10{min-height:10px !important;}
.mh_16{min-height:16px !important;}
.mh_20{min-height:20px !important;}
.mh_24{min-height:24px !important;}
.mh_30{min-height:30px !important;}
.mh_32{min-height:32px !important;}
.mh_40{min-height:40px !important;}
.mh_48{min-height:48px !important;}
.mh_50{min-height:50px !important;}
.mh_60{min-height:60px !important;}
.mh_64{min-height:64px !important;}
.mh_60{min-height:60px !important;}
.mh_70{min-height:70px !important;}
.mh_80{min-height:80px !important;}
.mh_90{min-height:90px !important;}
.mh_96{min-height:96px !important;}
.mh_100{min-height:100px !important;}
.mh_110{min-height:110px !important;}
.mh_120{min-height:120px !important;}
.mh_128{min-height:128px !important;}
.mh_130{min-height:130px !important;}
.mh_140{min-height:140px !important;}
.mh_150{min-height:150px !important;}
.mh_160{min-height:160px !important;}
.mh_170{min-height:170px !important;}
.mh_180{min-height:180px !important;}
.mh_190{min-height:190px !important;}
.mh_200{min-height:200px !important;}
.mh_210{min-height:210px !important;}
.mh_220{min-height:220px !important;}
.mh_230{min-height:230px !important;}
.mh_240{min-height:240px !important;}
.mh_250{min-height:250px !important;}
.mh_260{min-height:260px !important;}
.mh_320{min-height:320px !important;}
.mh_480{min-height:480px !important;}
.mh_640{min-height:640px !important;}
.mh_720{min-height:720px !important;}

.mxh_10{max-height:10px !important;}
.mxh_16{max-height:16px !important;}
.mxh_20{max-height:20px !important;}
.mxh_24{max-height:24px !important;}
.mxh_30{max-height:30px !important;}
.mxh_32{max-height:32px !important;}
.mxh_40{max-height:40px !important;}
.mxh_48{max-height:48px !important;}
.mxh_50{max-height:50px !important;}
.mxh_60{max-height:60px !important;}
.mxh_64{max-height:64px !important;}
.mxh_60{max-height:60px !important;}
.mxh_70{max-height:70px !important;}
.mxh_80{max-height:80px !important;}
.mxh_90{max-height:90px !important;}
.mxh_96{max-height:96px !important;}
.mxh_100{max-height:100px !important;}
.mxh_110{max-height:110px !important;}
.mxh_120{max-height:120px !important;}
.mxh_128{max-height:128px !important;}
.mxh_130{max-height:130px !important;}
.mxh_140{max-height:140px !important;}
.mxh_150{max-height:150px !important;}
.mxh_160{max-height:160px !important;}
.mxh_170{max-height:170px !important;}
.mxh_180{max-height:180px !important;}
.mxh_190{max-height:190px !important;}
.mxh_200{max-height:200px !important;}
.mxh_210{max-height:210px !important;}
.mxh_220{max-height:220px !important;}
.mxh_230{max-height:230px !important;}
.mxh_240{max-height:240px !important;}
.mxh_250{max-height:250px !important;}
.mxh_260{max-height:260px !important;}
.mxh_320{max-height:320px !important;}
.mxh_480{max-height:480px !important;}
.mxh_640{max-height:640px !important;}
.mxh_720{max-height:720px !important;}


/* ---------------------------------------------------
    MARGIN 
----------------------------------------------------- */

.mb10 {margin-bottom: 10px;}
.mb30  {margin-bottom: 30px;}
.mb50  {margin-bottom: 50px;}
.mt10 {margin-top: 10px;}
.mt30  {margin-top: 30px;}
.mt50  {margin-top: 50px;}


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

.fw-b{font-weight: bold !important;}
.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}


.fs25{font-size: 25% !important;}
.fs50{font-size: 50% !important;}
.fs75{font-size: 75% !important;}
.fs100{font-size: 100% !important;}
.fs125{font-size: 125% !important;}
.fs150{font-size: 150% !important;}
.fs200{font-size: 200% !important;}


/* ---------------------------------------------------
    FORM - filtre 
----------------------------------------------------- */
 input.f-filter,  select.f-filter,  textarea.f-filter {
	line-height:1;
	height:auto !important;
	width:auto !important;
}

/* ---------------------------------------------------
    TEXT - COLOR 
----------------------------------------------------- */
.text-fiche {color: var(--fiche) !important;}
.text-orange {color: var(--orange) !important;}
.text-pink {color: var(--pink) !important;}
.text-brown {color: var(--brown) !important;}
.text-form {color: var(--form) !important;}
.text-rouge-fonce {color: var(--rouge-fonce) !important;}
.text-cyan {color: var(--cyan) !important;}
.text-purple {color: var(--purple) !important;}
.text-indigo {color: var(--indigo) !important;}
.text-green-light {color: var(--green-light) !important;}
.text-teal {color: var(--teal) !important;}


.text-nowrap {
	white-space: nowrap;
}

/* ---------------------------------------------------
    BUTTONS 
----------------------------------------------------- */
.btn-form {
	border-color: var(--form);
	background-color: var(--form) !important;
}

.btn-brown {
	border-color: var(--brown);
	background-color: var(--brown) !important;
}



.btn-yellow {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-yellow:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-yellow:focus, .btn-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-yellow.disabled, .btn-yellow:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}


/* ---------------------------------------------------
    BACKGROUND 
----------------------------------------------------- */
.bg-fiche {background-color: var(--fiche) !important;}
.bg-form {background-color: var(--form) !important;}
.bg-alert {background-color: var(--alert) !important;}
.bg-nav {background-color: var(--nav) !important;}
.bg-orange {background-color: var(--orange) !important;}
.bg-pink {background-color: var(--pink) !important;}
.bg-brown {background-color: var(--brown) !important;}
.bg-green-light {background-color: var(--green-light) !important;}
.bg-cyan {background-color: var(--cyan) !important;}
.bg-yellow {background-color: var(--yellow) !important;}
.bg-teal {background-color: var(--teal) !important;}


 
.bg-blue-10 {background-color: rgba(0, 123, 255, 0.10) !important;}
.bg-indigo-10 {background-color: rgba(102, 16, 242, 0.10) !important;}
.bg-purple-10 {background-color: rgba(111, 66, 193, 0.10) !important;}
.bg-pink-10 {background-color: rgba(232, 62, 140, 0.10) !important;}
.bg-red-10 {background-color: rgba(220, 53, 69, 0.10) !important;}
.bg-orange-10 {background-color: rgba(253, 126, 20, 0.10) !important;}
.bg-yellow-10 {background-color: rgba(255, 193, 7, 0.10) !important;}
.bg-green-10 {background-color: rgba(40, 167, 69, 0.10) !important;}
.bg-teal-10 {background-color: rgba(32, 201, 151, 0.10) !important;}
.bg-cyan-10 {background-color: rgba(23, 162, 184, 0.10) !important;}
.bg-white-10 {background-color: rgba(255, 255, 255, 0.10) !important;}
.bg-gray-10 {background-color: rgba(108, 117, 125, 0.10) !important;}
.bg-gray-dark-10 {background-color: rgba(52, 58, 64, 0.10) !important;}
.bg-primary-10 {background-color: rgba(0, 123, 255, 0.10) !important;}
.bg-secondary-10 {background-color: rgba(108, 117, 125, 0.10) !important;}
.bg-success-10 {background-color: rgba(40, 167, 69, 0.10) !important;}
.bg-info-10 {background-color: rgba(23, 162, 184, 0.10) !important;}
.bg-warning-10 {background-color: rgba(255, 193, 7, 0.10) !important;}
.bg-danger-10 {background-color: rgba(220, 53, 69, 0.10) !important;}
.bg-light-10 {background-color: rgba(248, 249, 250, 0.10) !important;}
.bg-dark-10 {background-color: rgba(52, 58, 64, 0.10) !important;}


.bg-blue-25 {background-color: rgba(0, 123, 255, 0.25) !important;}
.bg-indigo-25 {background-color: rgba(102, 16, 242, 0.25) !important;}
.bg-purple-25 {background-color: rgba(111, 66, 193, 0.25) !important;}
.bg-pink-25 {background-color: rgba(232, 62, 140, 0.25) !important;}
.bg-red-25 {background-color: rgba(220, 53, 69, 0.25) !important;}
.bg-orange-25 {background-color: rgba(253, 126, 20, 0.25) !important;}
.bg-yellow-25 {background-color: rgba(255, 193, 7, 0.25) !important;}
.bg-green-25 {background-color: rgba(40, 167, 69, 0.25) !important;}
.bg-teal-25 {background-color: rgba(32, 201, 151, 0.25) !important;}
.bg-cyan-25 {background-color: rgba(23, 162, 184, 0.25) !important;}
.bg-white-25 {background-color: rgba(255, 255, 255, 0.25) !important;}
.bg-gray-25 {background-color: rgba(108, 117, 125, 0.25) !important;}
.bg-gray-dark-25 {background-color: rgba(52, 58, 64, 0.25) !important;}
.bg-primary-25 {background-color: rgba(0, 123, 255, 0.25) !important;}
.bg-secondary-25 {background-color: rgba(108, 117, 125, 0.25) !important;}
.bg-success-25 {background-color: rgba(40, 167, 69, 0.25) !important;}
.bg-info-25 {background-color: rgba(23, 162, 184, 0.25) !important;}
.bg-warning-25 {background-color: rgba(255, 193, 7, 0.25) !important;}
.bg-danger-25 {background-color: rgba(220, 53, 69, 0.25) !important;}
.bg-light-25 {background-color: rgba(248, 249, 250, 0.25) !important;}
.bg-dark-25 {background-color: rgba(52, 58, 64, 0.25) !important;}


.bg-blue-50 {background-color: rgba(0, 123, 255, 0.50) !important;}
.bg-indigo-50 {background-color: rgba(102, 16, 242, 0.50) !important;}
.bg-purple-50 {background-color: rgba(111, 66, 193, 0.50) !important;}
.bg-pink-50 {background-color: rgba(232, 62, 140, 0.50) !important;}
.bg-red-50 {background-color: rgba(220, 53, 69, 0.50) !important;}
.bg-orange-50 {background-color: rgba(253, 126, 20, 0.50) !important;}
.bg-yellow-50 {background-color: rgba(255, 193, 7, 0.50) !important;}
.bg-green-50 {background-color: rgba(40, 167, 69, 0.50) !important;}
.bg-teal-50 {background-color: rgba(32, 201, 151, 0.50) !important;}
.bg-cyan-50 {background-color: rgba(23, 162, 184, 0.50) !important;}
.bg-white-50 {background-color: rgba(255, 255, 255, 0.50) !important;}
.bg-gray-50 {background-color: rgba(108, 117, 125, 0.50) !important;}
.bg-gray-dark-50 {background-color: rgba(52, 58, 64, 0.50) !important;}
.bg-primary-50 {background-color: rgba(0, 123, 255, 0.50) !important;}
.bg-secondary-50 {background-color: rgba(108, 117, 125, 0.50) !important;}
.bg-success-50 {background-color: rgba(40, 167, 69, 0.50) !important;}
.bg-info-50 {background-color: rgba(23, 162, 184, 0.50) !important;}
.bg-warning-50 {background-color: rgba(255, 193, 7, 0.50) !important;}
.bg-danger-50 {background-color: rgba(220, 53, 69, 0.50) !important;}
.bg-light-50 {background-color: rgba(248, 249, 250, 0.50) !important;}
.bg-dark-50 {background-color: rgba(52, 58, 64, 0.50) !important;}


.bg-blue-75 {background-color: rgba(0, 123, 255, 0.75) !important;}
.bg-indigo-75 {background-color: rgba(102, 16, 242, 0.75) !important;}
.bg-purple-75 {background-color: rgba(111, 66, 193, 0.75) !important;}
.bg-pink-75 {background-color: rgba(232, 62, 140, 0.75) !important;}
.bg-red-75 {background-color: rgba(220, 53, 69, 0.75) !important;}
.bg-orange-75 {background-color: rgba(253, 126, 20, 0.75) !important;}
.bg-yellow-75 {background-color: rgba(255, 193, 7, 0.75) !important;}
.bg-green-75 {background-color: rgba(40, 167, 69, 0.75) !important;}
.bg-teal-75 {background-color: rgba(32, 201, 151, 0.75) !important;}
.bg-cyan-75 {background-color: rgba(23, 162, 184, 0.75) !important;}
.bg-white-75 {background-color: rgba(255, 255, 255, 0.75) !important;}
.bg-gray-75 {background-color: rgba(108, 117, 125, 0.75) !important;}
.bg-gray-dark-75 {background-color: rgba(52, 58, 64, 0.75) !important;}
.bg-primary-75 {background-color: rgba(0, 123, 255, 0.75) !important;}
.bg-secondary-75 {background-color: rgba(108, 117, 125, 0.75) !important;}
.bg-success-75 {background-color: rgba(40, 167, 69, 0.75) !important;}
.bg-info-75 {background-color: rgba(23, 162, 184, 0.75) !important;}
.bg-warning-75 {background-color: rgba(255, 193, 7, 0.75) !important;}
.bg-danger-75 {background-color: rgba(220, 53, 69, 0.75) !important;}
.bg-light-75 {background-color: rgba(248, 249, 250, 0.75) !important;}
.bg-dark-75 {background-color: rgba(52, 58, 64, 0.75) !important;}





/* ---------------------------------------------------
    BORDER 
----------------------------------------------------- */
.border-fiche {border-color: var(--fiche) !important;}
.border-form {border-color: var(--form) !important;}
.border-orange {border-color: var(--orange) !important;}
.border-pink {border-color: var(--pink) !important;}
.border-brown {border-color: var(--brown) !important;}
.border-cyan {border-color: var(--cyan) !important;}
.border-yellow {border-color: var(--yellow) !important;}
.border-teal {border-color: var(--teal) !important;}




/* ---------------------------------------------------
    BORDER STYLE
----------------------------------------------------- */

.border-left-primary {border-left: .25rem solid var(--primary) !important;}
.border-left-blue {border-left: .25rem solid var(--blue) !important;}
.border-left-indigo {border-left: .25rem solid var(--indigo) !important;}
.border-left-purple {border-left: .25rem solid var(--purple) !important;}
.border-left-pink {border-left: .25rem solid var(--pink) !important;}
.border-left-red {border-left: .25rem solid var(--red) !important;}
.border-left-orange {border-left: .25rem solid var(--orange) !important;}
.border-left-yellow {border-left: .25rem solid var(--yellow) !important;}
.border-left-green {border-left: .25rem solid var(--green) !important;}
.border-left-teal {border-left: .25rem solid var(--teal) !important;}
.border-left-cyan {border-left: .25rem solid var(--cyan) !important;}
.border-left-white {border-left: .25rem solid var(--white) !important;}
.border-left-gray {border-left: .25rem solid var(--gray) !important;}
.border-left-gray-dark {border-left: .25rem solid var(--gray-dark) !important;}
.border-left-secondary {border-left: .25rem solid var(--secondary) !important;}
.border-left-success {border-left: .25rem solid var(--success) !important;}
.border-left-info {border-left: .25rem solid var(--info) !important;}
.border-left-warning {border-left: .25rem solid var(--warning) !important;}
.border-left-danger {border-left: .25rem solid var(--danger) !important;}
.border-left-light {border-left: .25rem solid var(--light) !important;}
.border-left-warning {border-left: .25rem solid var(--warning) !important;}
.border-left-dark {border-left: .25rem solid var(--dark) !important;}
.border-left-fiche {border-left: .25rem solid var(--fiche) !important;}
.border-left-form {border-left: .25rem solid var(--orange) !important;}
.border-left-alert {border-left: .25rem solid var(--danger) !important;}
.border-left-brown {border-left: .25rem solid var(--brown) !important;}


.border-right-primary {border-right: .25rem solid var(--primary) !important;}
.border-right-blue {border-right: .25rem solid var(--blue) !important;}
.border-right-indigo {border-right: .25rem solid var(--indigo) !important;}
.border-right-purple {border-right: .25rem solid var(--purple) !important;}
.border-right-pink {border-right: .25rem solid var(--pink) !important;}
.border-right-red {border-right: .25rem solid var(--red) !important;}
.border-right-orange {border-right: .25rem solid var(--orange) !important;}
.border-right-yellow {border-right: .25rem solid var(--yellow) !important;}
.border-right-green {border-right: .25rem solid var(--green) !important;}
.border-right-teal {border-right: .25rem solid var(--teal) !important;}
.border-right-cyan {border-right: .25rem solid var(--cyan) !important;}
.border-right-white {border-right: .25rem solid var(--white) !important;}
.border-right-gray {border-right: .25rem solid var(--gray) !important;}
.border-right-gray-dark {border-right: .25rem solid var(--gray-dark) !important;}
.border-right-secondary {border-right: .25rem solid var(--secondary) !important;}
.border-right-success {border-right: .25rem solid var(--success) !important;}
.border-right-info {border-right: .25rem solid var(--info) !important;}
.border-right-warning {border-right: .25rem solid var(--warning) !important;}
.border-right-danger {border-right: .25rem solid var(--danger) !important;}
.border-right-light {border-right: .25rem solid var(--light) !important;}
.border-right-warning {border-right: .25rem solid var(--warning) !important;}
.border-right-dark {border-right: .25rem solid var(--dark) !important;}
.border-right-fiche {border-right: .25rem solid var(--fiche) !important;}
.border-right-form {border-right: .25rem solid var(--orange) !important;}
.border-right-alert {border-right: .25rem solid var(--danger) !important;}
.border-right-brown {border-left: .25rem solid var(--brown) !important;}


.border-top-primary {border-top: .25rem solid var(--primary) !important;}
.border-top-blue {border-top: .25rem solid var(--blue) !important;}
.border-top-indigo {border-top: .25rem solid var(--indigo) !important;}
.border-top-purple {border-top: .25rem solid var(--purple) !important;}
.border-top-pink {border-top: .25rem solid var(--pink) !important;}
.border-top-red {border-top: .25rem solid var(--red) !important;}
.border-top-orange {border-top: .25rem solid var(--orange) !important;}
.border-top-yellow {border-top: .25rem solid var(--yellow) !important;}
.border-top-green {border-top: .25rem solid var(--green) !important;}
.border-top-teal {border-top: .25rem solid var(--teal) !important;}
.border-top-cyan {border-top: .25rem solid var(--cyan) !important;}
.border-top-white {border-top: .25rem solid var(--white) !important;}
.border-top-gray {border-top: .25rem solid var(--gray) !important;}
.border-top-gray-dark {border-top: .25rem solid var(--gray-dark) !important;}
.border-top-secondary {border-top: .25rem solid var(--secondary) !important;}
.border-top-success {border-top: .25rem solid var(--success) !important;}
.border-top-info {border-top: .25rem solid var(--info) !important;}
.border-top-warning {border-top: .25rem solid var(--warning) !important;}
.border-top-danger {border-top: .25rem solid var(--danger) !important;}
.border-top-light {border-top: .25rem solid var(--light) !important;}
.border-top-warning {border-top: .25rem solid var(--warning) !important;}
.border-top-dark {border-top: .25rem solid var(--dark) !important;}
.border-top-fiche {border-top: .25rem solid var(--fiche) !important;}
.border-top-form {border-top: .25rem solid var(--orange) !important;}
.border-top-alert {border-top: .25rem solid var(--danger) !important;}
.border-top-brown {border-top: .25rem solid var(--brown) !important;}


.border-bottom-primary {border-bottom: .25rem solid var(--primary) !important;}
.border-bottom-blue {border-bottom: .25rem solid var(--blue) !important;}
.border-bottom-indigo {border-bottom: .25rem solid var(--indigo) !important;}
.border-bottom-purple {border-bottom: .25rem solid var(--purple) !important;}
.border-bottom-pink {border-bottom: .25rem solid var(--pink) !important;}
.border-bottom-red {border-bottom: .25rem solid var(--red) !important;}
.border-bottom-orange {border-bottom: .25rem solid var(--orange) !important;}
.border-bottom-yellow {border-bottom: .25rem solid var(--yellow) !important;}
.border-bottom-green {border-bottom: .25rem solid var(--green) !important;}
.border-bottom-teal {border-bottom: .25rem solid var(--teal) !important;}
.border-bottom-cyan {border-bottom: .25rem solid var(--cyan) !important;}
.border-bottom-white {border-bottom: .25rem solid var(--white) !important;}
.border-bottom-gray {border-bottom: .25rem solid var(--gray) !important;}
.border-bottom-gray-dark {border-bottom: .25rem solid var(--gray-dark) !important;}
.border-bottom-secondary {border-bottom: .25rem solid var(--secondary) !important;}
.border-bottom-success {border-bottom: .25rem solid var(--success) !important;}
.border-bottom-info {border-bottom: .25rem solid var(--info) !important;}
.border-bottom-warning {border-bottom: .25rem solid var(--warning) !important;}
.border-bottom-danger {border-bottom: .25rem solid var(--danger) !important;}
.border-bottom-light {border-bottom: .25rem solid var(--light) !important;}
.border-bottom-warning {border-bottom: .25rem solid var(--warning) !important;}
.border-bottom-dark {border-bottom: .25rem solid var(--dark) !important;}
.border-bottom-fiche {border-bottom: .25rem solid var(--fiche) !important;}
.border-bottom-form {border-bottom: .25rem solid var(--orange) !important;}
.border-bottom-alert {border-bottom: .25rem solid var(--danger) !important;}
.border-bottom-brown {border-left: .25rem solid var(--brown) !important;}

.o-10 {opacity: 0.1;}
.o-20 {opacity: 0.2;}
.o-30 {opacity: 0.3;}
.o-40 {opacity: 0.4;}
.o-50 {opacity: 0.5;}
.o-60 {opacity: 0.6;}
.o-70 {opacity: 0.7;}
.o-80 {opacity: 0.8;}
.o-90 {opacity: 0.9;}

/* ---------------------------------------------------
    NAV
----------------------------------------------------- */

nav.shadow {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.15) !important;
}

nav.navbar {
    padding: .2rem .5rem;
}

nav.navbar a.divider {
	border-left: 1px solid #AAA;
	padding-left: 1em;
	color:#333;
}

ul.nav li.nav-item a.nav-link {
    cursor: pointer;
}

/*

nav.navbar a.divider i {
	color:#666;
}

*/

/* ---------------------------------------------------
    NAV > ONGLET
----------------------------------------------------- */

ul.nav li.nav-item a.nav-link {
    padding-top: .25rem !important;
    padding-right: .5rem !important;
    padding-bottom: .25rem !important;
    padding-left: .5rem !important;   
}




/* ---------------------------------------------------
    NAV > USER
----------------------------------------------------- */

#user_info .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: none;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}




/* ---------------------------------------------------
    SIDEBAR 
----------------------------------------------------- */

#sidebar {
	min-width: 250px;
    max-width: 250px;
    background: #666;
    color: #fff;
    transition: all 0.3s;
    margin-left: -250px;
    z-index:1000;
    max-height: 100vh;
}

#sidebar.active {
    margin-left: 0px;
}

#sidebar .sidebar-header {
    padding: 5px;
    background: #EEE;
    box-shadow: -2px 2px 10px #333;
    height: 62px;
    color:#333;
}

#sidebar .sidebar-body {
    padding: 5px 10px;
    max-height: calc(100% - 62px);
    overflow-y: auto;
    overflow-x: none;
    width:100%;
}



#sidebar hr {
	
}

#sidebar ul.components {
    padding: 10px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a, a[aria-expanded="true"] {
    color: #f99020;
   
}

#sidebar a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar ul ul a {
    padding-left: 30px !important;
    /*background: #333;*/
}


#sidebar a.article,
#sidebar a.article:hover {
    background: #fafafa !important;
    color: #fff !important;
}

#sidebar .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: none;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}




/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}

/* ---------------------------------------------------
    NOTIF SIDEBAR 
----------------------------------------------------- */

#notifSidebar {
	min-width: 400px;
    max-width: 400px;
    background: rgb(239, 234, 234);
    color: #fff;
    transition: all 0.3s;
    margin-right: 0px;
    z-index:1000;
    max-height: 100vh;
}

#notifSidebar.active {
    margin-right: 0px;
}

#notifSidebar .sidebar-header {
    padding: 5px;
    background: #EEE;
    box-shadow: -2px 2px 10px #333;
    height: 62px;
    color:#333;
}

#notifSidebar .sidebar-body {
    padding: 5px 0px;
    max-height: calc(100% - 62px);
    overflow-y: auto;
    overflow-x: none;
    width:100%;
}

.cardHover:hover {
    box-shadow: 1px 8px 20px /*rgb(119, 119, 139)*/var(--gray-dark);
    -webkit-transition:  box-shadow .6s ease-in;
    cursor: pointer;
    border-color: #000;
}



#notifSidebar hr {
	
}

#notifSidebar ul.components {
    padding: 10px 0;
}

#notifSidebar ul p {
    color: #fff;
    padding: 10px;
}

#notifSidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#notifSidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#notifSidebar ul li.active>a, a[aria-expanded="true"] {
    color: #f99020;
   
}

#notifSidebar a[data-toggle="collapse"] {
    position: relative;
}

#notifSidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#notifSidebar ul ul a {
    padding-left: 30px !important;
    /*background: #333;*/
}


#notifSidebar a.article,
#notifSidebar a.article:hover {
    background: #fafafa !important;
    color: #fff !important;
}

#notifSidebar .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: none;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.badgeNotif {
    background:Tomato;
    padding: 16px;
    line-height:.75em;
    color: white;
    text-align:center;
    min-width:2em;
    font-weight:bold;
    font-size: 48px !important;
    margin-bottom: 10px !important;
    margin-right: -4px !important;
   }




/* ---------------------------------------------------
    MEDIAQUERIES NOTIFS
----------------------------------------------------- */

@media (max-width: 768px) {
    #notifSidebar {
        margin-left: -250px;
    }
    #notifSidebar.active {
        margin-left: 0;
    }
    #sidebarToggle span {
        display: none;
    }
}

/* ---------------------------------------------------
    BADGE
----------------------------------------------------- */

/*
.badge {
	font-size:100%;
}*/

/* ---------------------------------------------------
    CARD
----------------------------------------------------- */


.card {
  word-wrap: break-word;
}


.card-header  {
	padding: .5rem .75rem;
	/*border:none;*/
}


/* TODO : A revoir */
.nav.nav-tabs.card-header-tabs{
	/*font-size: 12px;*/
}


.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0;
}



/*-----------------------------------------------
	ToolTip
-------------------------------------------------*/
[data-toggle="tooltip"] {
  display: initial !important;
}

[data-toggle="tooltip-danger"] {
  display: initial !important;
  color: white;
  backgroung-color: var(--danger);
}

[data-toggle="tooltip-warning"] {
  display: initial !important;
  color: white;
  backgroung-color: var(--danger);
}

[data-toggle="tooltip-info"] {
  display: initial !important;
  color: white;
  backgroung-color: var(--info);
}

/*-----------------------------------------------
	Filtres
-------------------------------------------------*/

.search label, .search input, .search select{
    /*font-size:95%;*/
/*     height: 1.7rem; */
/*     padding: .5rem; */
}

/* checkboxes */
.bs-checkbox input[type="checkbox"]{ display: none;}
.bs-checkbox .checked { display: none;}
.bs-checkbox input[type="checkbox"]:checked ~ .checked {display: inline-block;}
.bs-checkbox input[type="checkbox"]:checked ~ .unchecked {display: none;}

/* radios */
.bs-radio input[type="radio"]{ display: none;}
.bs-radio .checked { display: none;}
.bs-radio input[type="radio"]:checked ~ .checked {display: inline-block;}
.bs-radio input[type="radio"]:checked ~ .unchecked {display: none;}

/* LEAFLET */

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    /* width: 18px; */
    /* height: 18px; */
    font: 18px/14px Tahoma, Verdana, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
}

div.leaflet-popup-content-wrapper {
	padding: 0px;
	margin: 0px;
	box-sizing: unset !important;
}



div.leaflet-popup-content {
	padding: 0px;
	margin: 0px;
	box-sizing: unset !important;
}

div.leaflet-popup-content .card-body{
	padding: 0px;
}

div.leaflet-popup-content .photo{
	max-height: 150px;
	margin-top: 2px;
}

div.leaflet-popup-content table {
	border-collapse: separate;
}    

div.leaflet-popup-content table td {
	margin: 0.5rem;
}

div.leaflet-popup-content table td.value {
	border: 1px solid #DDD;
	border-radius:5px;
}

/* Popup   */

#Popup {
	padding : 0;
	margin : 0;
	overflow : hidden;
	background : white;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	border-radius: .25rem!important;
}

.ui-dialog{
	z-index: 10000;
}

/* calendrier */
.daterangepicker{
	z-index: 10001;
}

div.tooltip {
  z-index: 11000 !important;
}
	
#Popup div.ui-dialog-titlebar{
	margin:0;
	padding : 0;
	display : none;
}

.ui-widget, .ui-widget-content{
	border : none;
	background : transparent;
	padding : 0;
	margin : 0;
}


/* ---------------------------------------------------
    FICHE
----------------------------------------------------- */


div.fiche-row {
	margin:0;
	padding:0;
	margin-top: .25rem !important;
}

div.fiche-label {
	color: var(--dark);
	line-height: calc(2.25rem + 2px);
	max-width:150px;
	min-width:150px;
	margin:0;
	padding:0;
}

div.fiche-value {
	color: var(--info);
	line-height: calc(2.25rem + 2px);
	margin:0;
	padding:0;
	border-bottom: 1px solid var(--light) !important;
}

div.fiche-value-notif {
    color: var(--info);
	line-height: 1.5rem;
	margin:0;
	padding:0;
	border-bottom: 1px solid var(--light) !important;
}


div.form-value {
	margin:0;
	padding:0;
}

/* ABREVIATION */
div.etc_v2 {
  flex: 1; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

 /*ACTION BAR */
 
 @media screen and (max-width: 991px){
    .navbar-collapsed{
    box-shadow:2px 2px rgba(0,0,0,.2);
    border:1px solid #000; 
    border-top:0px;
    padding: 0.5em;
    }
}