body{
    padding-top:60px;
	background-color: #EDEDED !important;
}
th{
	background-color: #DCDADA !important;
	color: #fff !important;
}
input[readonly] {
  background-color: #F2F2F2 !important;
}
textarea[readonly] {
  background-color: #F2F2F2 !important;
}
.ck-editor__editable {
      min-height: 200px; 
	  max-height: 400px;
	  resize: vertical; 
	  overflow: auto; 
    }
.form-check-input[readonly]:checked {
  pointer-events: none;
  background-color: #0d6efd !important;
  filter: none;
  opacity: 0.5;
}
.list-group-item-dark{
	background-color: #DCDADA !important;
	color: #fff !important;
	font-weight: bold;
}
a:link, a:visited {
  text-decoration: none;
}

.translucide{
	opacity:0.9;
}

.translucide2 {
	opacity:0.8;
}

.translucide3 {
	opacity:0.7;
}

.pointer{
cursor: pointer;
}
.underline{
	text-decoration: underline;
}

.spinner_wait
{
	width: 5rem; 
	height: 5rem;
	top: calc( 50% - ( 4rem / 2) );
	right: calc( 50% - ( 4rem / 2) );
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 25px;
  color: white; 
  text-shadow: black 0.1em 0.1em 0.2em;
  line-height: inherit;
  border: 0;
  border-bottom: 2px solid #CDCDCD;
}



/* AMCHARTS specific */

#legend #legend2 #legend3 {
  width: 200px;
  height: 450px;
  border: 1px solid #eee;
  margin-left: 10px;
  float: left;
}

.legend-item {
  margin: 4px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.legend-item .legend-value {
  font-size: 12px;
  font-weight: normal;
  margin-left: 22px;
}

.legend-item .legend-marker {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.legend-item.disabled .legend-marker {
  opacity: 0.5;
  background: #ddd;
}


/* BOOTSRAP 5 spécifique */
.modal-header{
	color: #fff;
	background-color: #DCDADA !important;
}
.modal-body{
	background-color: #f8f9fa !important;
}
.modal-footer{
	background-color: #DCDADA !important;
}
.modal-header2{
	background-color: #f8f9fa !important;
	border-top: 6px solid;
	border-radius: var(--bs-border-radius) !important;
	padding: 1rem !important;
	  font-size: 1.25rem !important;
  font-weight: 700 !important;
	display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.modal-header2 .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;

}
.modal-footer2{
	display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
	background-color: #f8f9fa !important;
	border-radius: var(--bs-border-radius) !important;
	padding: 1.5rem !important;
}
.card-header {
	font-size : medium;
	font-weight: bold;
	color: #fff;
	background-color: #DCDADA; 
}
.card-header2 {
	font-size : medium;
	font-weight: bold;
	color: #000;
	background-color: #f8f9fa !important;
	border-top: 6px solid #0dcaf0;
	border-radius: var(--bs-border-radius) !important;
	padding: 1rem !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	display: flex;
	flex-shrink: 0;
}
.card-body {
	background-color: #f8f9fa !important;
}
.card-footer {
	background-color: #f8f9fa !important;
}
.card-footer2{

	background-color: #f8f9fa !important;
	border-top: 0px solid;
	border-radius: var(--bs-border-radius) !important;
	padding: 1rem !important;
}
.table-responsive {
	background-color: #f8f9fa;
}

.accordion-button {
	padding: .1rem 1rem;
	font-size : medium;
	font-weight: bold;
	color: #fff;
	background-color: #DCDADA; 
}
.accordion-button:not(.collapsed) {
  font-weight: bold;
}

.accordion-button::after {
    width: auto;
    height: auto;
    content: "+";
    background-image: none;
    transform: translateY(-4px);
	font-size: 2em;
}
.accordion-button:not(.collapsed)::after {
    width: auto;
    height: auto;
    background-image: none;
    content: "-";
    transform: translate(-5px, -4px);
    transform: rotate(0deg);
	font-size: 2em;
}

.form-control.is-valid, .form-control.is-invalid {
  padding-right: calc(0.5em + 0.5rem);
  background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
  background-position: top calc(0.1em + 0.1rem) right calc(0.1em + 0.1rem);

}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]) {
  padding-right: 2.25rem;
  background-position: right 0.75rem center, top calc(0.1em + 0.1rem) right calc(0.1em + 0.1rem) ;
  background-size: 16px 12px, calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.navbar-brand {
  padding-top: 0 !important;
}

.table {
  margin-bottom: 0 !important;
}

.navbar {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.form-switch .form-check-input[type=checkbox] {
    border-radius: 2em;
    height: 25px;
    width: 60px;
}

.toast-container {
	z-index: 1070;	
}

.container {
	z-index: 1;	
}

@media (max-width: 575.98px) {
.card-body {
  padding: 1rem 0.4rem;
}
.container, .container-fluid {
    padding-right:  0.3rem !important;
    padding-left:  0.3rem !important;
}
}
/* BOOTSRAP spécifique */

.card-body:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-body:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.modal-body:last-child {
	border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.form-floating > label{
	color: #000 !important;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.navbar-brand > img {
	opacity: 0.8;
}
.navbar-brand:hover > img {
	opacity: 1;
}

.navbar-primary  {
background: #337ab7;
border-color: #286090;
}
.navbar-primary .navbar-nav .active > a,
.navbar-primary .navbar-nav .active > a:hover,
.navbar-primary .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #286090;
}

.navbar-primary .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-primary .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-primary .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #286090;
}

.navbar-danger  {
background: #d9534f;
border-color: #c9302c;
}
.navbar-danger .navbar-nav .active > a,
.navbar-danger .navbar-nav .active > a:hover,
.navbar-danger .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #c9302c;
}

.navbar-danger .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-danger .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-danger .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #c9302c;
}


.navbar-warning  {
background: #f0ad4e;
border-color: #ec971f;
}
.navbar-warning .navbar-nav .active > a,
.navbar-warning .navbar-nav .active > a:hover,
.navbar-warning .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #ec971f;
}

.navbar-warning .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-warning .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-warning .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #ec971f;
}


.navbar-success  {
background: #198754;
border-color: #177E50;
}
.navbar-success .navbar-nav .active > a,
.navbar-success .navbar-nav .active > a:hover,
.navbar-success .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #177E50;
}
.navbar-success .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-success .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-success .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #177E50;
}

.navbar-info  {
background: #5bc0de;
border-color: #31b0d5;
}
.navbar-info .navbar-nav .active > a,
.navbar-info .navbar-nav .active > a:hover,
.navbar-info .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #31b0d5;
}
.navbar-info .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-info .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-info .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #31b0d5;
}



.navbar-purple  {
background: #9b59b6;
border-color: #8e44ad;
}
.navbar-purple .navbar-nav .active > a,
.navbar-purple .navbar-nav .active > a:hover,
.navbar-purple .navbar-nav .active > a:focus {
  color: #ffffff;
  background-color: #8e44ad;
}
.navbar-purple .navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-purple .navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-purple .navbar-nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #8e44ad;
}


/* Special pour le bienvenue de l'accueil  */
/*------------------------------------------*/

.fg-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.fg-blue {
  color: #00aff0 !important;
}
.bg-blue {
  background-color: #00aff0 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.fg-red {
  color: #ce352c !important;
}
.bg-red {
  background-color: #ce352c !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.bg-yellow {
  background-color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.fg-dark {
  color: #1d1d1d !important;
}
.bg-dark {
  background-color: #1d1d1d !important;
}
.fg-darkBrown {
  color: #63362f !important;
}
.bg-darkBrown {
  background-color: #63362f !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.bg-darkCrimson {
  background-color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003c !important;
}
.bg-darkMagenta {
  background-color: #81003c !important;
}
.fg-darkIndigo {
  color: #4b0096 !important;
}
.bg-darkIndigo {
  background-color: #4b0096 !important;
}
.fg-darkCyan {
  color: #1b6eae !important;
}
.bg-darkCyan {
  background-color: #1b6eae !important;
}
.fg-darkCobalt {
  color: #00356a !important;
}
.bg-darkCobalt {
  background-color: #00356a !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.bg-darkTeal {
  background-color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.bg-darkEmerald {
  background-color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.bg-darkGreen {
  background-color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.bg-darkOrange {
  background-color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.bg-darkRed {
  background-color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.bg-darkPink {
  background-color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.bg-darkViolet {
  background-color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.bg-darkBlue {
  background-color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.bg-lightBlue {
  background-color: #4390df !important;
}
.fg-lighterBlue {
  color: #00ccff !important;
}
.bg-lighterBlue {
  background-color: #00ccff !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.bg-lightTeal {
  background-color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.bg-lightOlive {
  background-color: #78aa1c !important;
}
.fg-lightOrange {
  color: #ffc194 !important;
}
.bg-lightOrange {
  background-color: #ffc194 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.bg-lightPink {
  background-color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.bg-lightRed {
  background-color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.bg-lightGreen {
  background-color: #7ad61d !important;
}
.fg-lightCyan {
  color: #59cde2 !important;
}
.bg-lightCyan {
  background-color: #59cde2 !important;
}
.fg-grayed {
  color: #585858 !important;
}
.bg-grayed {
  background-color: #585858 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.bg-grayDarker {
  background-color: #222222 !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.bg-grayDark {
  background-color: #333333 !important;
}
.fg-gray {
  color: #555555 !important;
}
.bg-gray {
  background-color: #555555 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.bg-grayLight {
  background-color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.bg-grayLighter {
  background-color: #eeeeee !important;
}
.fg-lightGray {
  color: #999999 !important;
}
.bg-lightGray {
  background-color: #999999 !important;
}
.fg-lighterGray {
  color: #eeeeee !important;
}
.bg-lighterGray {
  background-color: #eeeeee !important;
}
.fg-darkGray {
  color: #333333 !important;
}
.bg-darkGray {
  background-color: #333333 !important;
}
.fg-darkerGray {
  color: #222222 !important;
}
.bg-darkerGray {
  background-color: #222222 !important;
}
.fg-darker {
  color: #222222 !important;
}
.bg-darker {
  background-color: #222222 !important;
}


/* Special grid styles
-------------------------------------------------- */


li.puce {
 margin:0px;
 padding:0px;  
 list-style-image : url("/Images/img/triangle.gif");
 display : list-item;
 list-style-position: inside;
}

.div_bouton {
	position:fixed;
	top : 45px;
	right : 0px;
	z-index: 1030;
	padding: 1px 5px;
	margin: 0 0 0px;
	list-style: none;	
}

.affix50 {
	top: 43px;
}
.affix100 {
	top: 85px;
}

#div_wait
{
	display:none; 
	cursor: wait;
	position:fixed; 
	width:100%; 
	height: auto !important; 
	height:100%; 
	min-height: 100%; 
	top:0;
	left:0; 
	background-color:black;
	opacity:0.6; 
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	text-align:center; 
	z-index: 9000;
}
#div_formulaire
{
	display:none; 
	position:fixed; 
	width:100%; 
	height: auto !important; 
	height:100%; 
	min-height: 100%; 
	top:0;
	left:0; 
	background-color:black;
	opacity:0.6; 
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	text-align:center; 
	z-index: 9000;
}

input.transpar {
background-color:transparent;
border:0px;
}
select.transpar {
background-color:transparent;
border:0px;
}

option:disabled {
  background-color: #eaeaea;
  color: #bebebe;
}

abbr, acronym, .aide {
  border-bottom: 1px dotted #333;
  cursor: help;
}
acronym.livre {
  font-style:italic;
  color: green;
}
acronym.acommande {
  font-style:italic;
  color: red;
}
acronym.alivrer {
  font-style:italic;
  color: #FF8000;
}


@media (max-width: 767px) {
.div_bouton {
    top : 50px;
  }

}

@media (min-width: 1800px) {
  .modal-xl {
    --bs-modal-width: 1700px;
  }
}

.basgauche{
  position:fixed;
  bottom : 10px;
  left : 10px;
  z-index: 1080;
  cursor: pointer;
}