:root {

 --admin: 		rgba(150, 0, 0, 1);
 --points: 	#132E82;
 --bejottes: 	#132E82;
 --bejottes2: 	rgba(221, 234, 39, 1);
 --leclerc: 	rgba(47, 112, 176, 1);
 --leclerc2: 	rgba(224, 143, 57, 1);
 --ap1: 		rgba(152, 30, 19, 1);
 --ap2: 		rgba(231, 165, 58, 1);
 --ap3: 		rgba(239, 244, 81, 1);
 --ap4: 		rgba(177, 236, 89, 1);
 --ap5: 		rgba(68, 155, 181, 1);
 --danger25:	rgba(220, 52, 69, 0.25);
 --danger50:	rgba(220, 52, 69, 0.5);
 --danger75:	rgba(220, 52, 69, 0.75);
 --warning25:	rgba(255, 193, 7, 0.25);
 --warning50:	rgba(255, 193, 7, 0.5);
 --warning75:	rgba(255, 193, 7, 0.75);
 --success25:	rgba(39, 166, 69, 0.25);
 --success50:	rgba(39, 166, 69, 0.5);
 --success75:	rgba(39, 166, 69, 0.75);
 --info25:		rgba(22, 163, 184, 0.25);
 --info50:		rgba(22, 163, 184, 0.5);
 --info75:		rgba(22, 163, 184, 0.75);
}

/* ===================================== */
/* =========== ROTATION ICONE ========== */

.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.rotate.down {
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* =========== ROTATION ICONE ========== */
/* ===================================== */

/* ===================================== */
/* =========== CARD COUNTER ============ */

.card-counter{
  box-shadow: 2px 2px 10px #DADADA;
  margin: 5px;
  padding: 20px 10px;
  background-color: #fff;
  height: 100px;
  border-radius: 5px;
  transition: .3s linear all;
}

.card-counter:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}

.card-counter.primary{
  background-color: #007bff;
  color: #FFF;
}

.card-counter.danger{
  background-color: #ef5350;
  color: #FFF;
}  

.card-counter.success{
  background-color: #66bb6a;
  color: #FFF;
}  

.card-counter.warning{
  background-color: rgba(255, 193, 7, 1);
  color: #FFF;
}

.card-counter.info{
  background-color: #26c6da;
  color: #FFF;
}

.card-counter.ap1{
  background-color: rgba(152, 30, 19, 1);
  color: #FFF;
}

.card-counter.ap2{
  background-color: rgba(231, 165, 58, 1);
  color: #FFF;
}

.card-counter.ap3{
  background-color: rgba(239, 244, 81, 1);
  color: #FFF;
}

.card-counter.ap4{
  background-color: rgba(70, 205, 44, 1);
  color: #FFF;
}

.card-counter.ap5{
  background-color: rgba(68, 155, 181, 1);
  color: #FFF;
}

.card-counter.ap6{
  background-color: rgb(195, 0, 198);
  color: #FFF;
}

.card-counter.leclerc{
  background-color: rgba(47, 112, 176, 1);
  color: #FFF;
}

.card-counter.leclerc2{
  background-color: rgba(224, 143, 57, 1);
  color: #FFF;
}

.card-counter.black{
  background-color: rgba(0,0,0, 1);
  color: #FFF;
}

.card-counter i{
  font-size: 5em;
  opacity: 0.2;
}

.card-counter .count-numbers{
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 32px;
  display: block;
}

.card-counter .count-name{
  position: absolute;
  right: 35px;
  top: 65px;
  font-style: italic;
  text-transform: capitalize;
  opacity: 0.5;
  display: block;
  font-size: 18px;
}

/* =========== CARD COUNTER ============ */
/* ===================================== */

/* ===================================== */
/* ========= SURLIGNAGE MENU =========== */

.hover-leclerc:hover {
  border-right: 3px solid rgba(47, 112, 176);
  background-color: rgba(47, 112, 176, .2) !important;
}

.hover-leclerc2:hover {
  border-right: 3px solid rgba(224, 143, 57);
  background-color: rgba(224, 143, 57, .2) !important;
}

.hover-success:hover {
  border-right: 3px solid rgba(39, 166, 69);
  background-color: rgba(39, 166, 69, .2) !important;
}

.hover-info:hover {
  border-right: 3px solid rgba(22, 163, 184);
  background-color: rgba(22, 163, 184, .2) !important;
}

.hover-warning:hover {
  border-right: 3px solid rgba(255, 193, 7);
  background-color: rgba(255, 193, 7, .2) !important;
}

.hover-danger:hover {
  border-right: 3px solid rgba(220, 52, 69);
  background-color: rgba(220, 52, 69, .2) !important;
}

.hover-ap4:hover {
  border-right: 3px solid rgba(177, 236, 89);
  background-color: rgba(177, 236, 89, .2) !important;
}

.hover-ap6:hover {
  border-right: 3px solid rgb(117, 6, 103);
  background-color: rgba(117, 6, 103, .2) !important;
}

/* ========= SURLIGNAGE MENU =========== */
/* ===================================== */

/* ===================================== */
/* =============== INPUT =============== */

.input-invisible {
	background-color:rgba(0,0,0,0) !important;
/*
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom: 1px solid grey;
*/
	border: none !important;
}

/* =============== INPUT =============== */
/* ===================================== */

/* ===================================== */
/* ============== POINTER ============== */

.pointer {
	cursor: pointer !important;
}

/* ============== POINTER ============== */
/* ===================================== */

/* ===================================== */
/* ============= BTN AJOUT ============= */

.nouveau {
	position: fixed;
	cursor: pointer;
	right: 15px;
	bottom: 35px;
}

/* ============= BTN AJOUT ============= */
/* ===================================== */

/* ===================================== */
/* ============ BTN SUIVANT ============ */

.suivant {
	position: fixed;
	cursor: pointer;
	bottom: 35px;
}

/* ============ BTN SUIVANT ============ */
/* ===================================== */

/* ===================================== */
/* =========== BTN PRECEDENT =========== */

.precedent {
	position: fixed;
	cursor: pointer;
	bottom: 35px;
}

/* =========== BTN PRECEDENT =========== */
/* ===================================== */

/* ===================================== */
/* ========== BTN CALENDRIER =========== */

.cal {
	position: fixed;
	cursor: pointer;
	bottom: 35px;
}

/* ========== BTN CALENDRIER =========== */
/* ===================================== */

/* ===================================== */
/* ============= BTN CAMION ============ */

.camion {
	position: fixed;
	cursor: pointer;
	right: 15px;
}

/* ============= BTN CAMION ============ */
/* ===================================== */

/* ===================================== */
/* =============== BTN CP ============== */

.gauche {
	position: fixed;
	cursor: pointer;
	bottom: 35px;
}

.haut {
	position: fixed;
	cursor: pointer;
	right: 15px;
}

/* =============== BTN CP ============== */
/* ===================================== */

/* ===================================== */
/* =============== TAILLE ============== */

.w25p {
	width: 25px;
}

.w30p {
	width: 30px;
}

.w35p {
	width: 35px;
}

.w40p {
	width: 40px;
}

.w45p {
	width: 45px;
}

.w50p {
	width: 50px;
}


/* =============== TAILLE ============== */
/* ===================================== */

/* ===================================== */
/* =============== ADMIN =============== */

.btn-admin {
  color: #fff;
  background-color: rgba(150, 0, 0, 1);
  border-color: rgba(150, 0, 0, 1);
}

.btn-admin:hover {
  color: #fff;
  background-color: rgba(110, 0, 0, 1);
  border-color: rgba(110, 0, 0, 1);
}

.btn-admin:focus, .btn-admin.focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 0, 0, 1);
}

.btn-admin.disabled, .btn-admin:disabled {
  color: #fff;
  background-color: rgba(150, 0, 0, 1);
  border-color: rgba(150, 0, 0, 1);
}

.btn-admin:not(:disabled):not(.disabled):active, .btn-admin:not(:disabled):not(.disabled).active,
.show > .btn-admin.dropdown-toggle {
  color: #fff;
  background-color: rgba(110, 0, 0, 1);
  border-color: rgba(110, 0, 0, 1);
}

.btn-admin:not(:disabled):not(.disabled):active:focus, .btn-admin:not(:disabled):not(.disabled).active:focus,
.show > .btn-admin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 0, 0, .5);
}

.btn-outline-admin {
  color: rgba(150, 0, 0, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(150, 0, 0, 1);
}

.btn-outline-admin:hover {
  color: #fff;
  background-color: rgba(150, 0, 0, 1);
  border-color: rgba(150, 0, 0, 1);
}

.btn-outline-admin:focus, .btn-outline-admin.focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 0, 0, .5);
}

.btn-outline-admin.disabled, .btn-outline-admin:disabled {
  color: rgba(150, 0, 0, 1);
  background-color: transparent;
}

.btn-outline-admin:not(:disabled):not(.disabled):active, .btn-outline-admin:not(:disabled):not(.disabled).active,
.show > .btn-outline-admin.dropdown-toggle {
  color: #fff;
  background-color: rgba(150, 0, 0, 1);
  border-color: rgba(150, 0, 0, 1);
}

.btn-outline-admin:not(:disabled):not(.disabled):active:focus, .btn-outline-admin:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-admin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 0, 0, .5);
}

.badge-admin {
  color: #fff;
  background-color: rgba(150, 0, 0, 1);
}

.badge-admin[href]:hover, .badge-admin[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(110, 0, 0, 1);
}

.bg-admin {
  background-color: rgba(150, 0, 0, 1) !important;
}

a.bg-admin:hover, a.bg-admin:focus,
button.bg-admin:hover,
button.bg-admin:focus {
  background-color: rgba(110, 0, 0, 1) !important;
}

.text-admin {
  color: rgba(150, 0, 0, 1) !important;
}

a.text-admin:hover, a.text-admin:focus {
  color: rgba(110, 0, 0, 1) !important;
}

/* =============== ADMIN =============== */
/* ===================================== */

/* ===================================== */
/* ============== POINT S ============== */

.btn-points {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-points:hover {
  color: #fff;
  background-color: #0d2365;
  border-color: #102b7c;
}

.btn-points:focus, .btn-points.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-points.disabled, .btn-points:disabled {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-points:not(:disabled):not(.disabled):active, .btn-points:not(:disabled):not(.disabled).active,
.show > .btn-points.dropdown-toggle {
  color: #fff;
  background-color: #102b7c;
  border-color: #193a9d;
}

.btn-points:not(:disabled):not(.disabled):active:focus, .btn-points:not(:disabled):not(.disabled).active:focus,
.show > .btn-points.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-points {
  color: #132E82;
  background-color: transparent;
  background-image: none;
  border-color: #132E82;
}

.btn-outline-points:hover {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-outline-points:focus, .btn-outline-points.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-points.disabled, .btn-outline-points:disabled {
  color: #132E82;
  background-color: transparent;
}

.btn-outline-points:not(:disabled):not(.disabled):active, .btn-outline-points:not(:disabled):not(.disabled).active,
.show > .btn-outline-points.dropdown-toggle {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-outline-points:not(:disabled):not(.disabled):active:focus, .btn-outline-points:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-points.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.badge-points {
  color: #fff;
  background-color: #132E82;
}

.badge-points[href]:hover, .badge-points[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #112970;
}

.bg-points {
  background-color: #132E82 !important;
}

a.bg-points:hover, a.bg-points:focus,
button.bg-points:hover,
button.bg-points:focus {
  background-color: #0c215f !important;
}

.text-points {
  color: #132E82 !important;
}

a.text-points:hover, a.text-points:focus {
  color: #0c205b !important;
}

/* ============== POINT S ============== */
/* ===================================== */

/* ===================================== */
/* ============== LECLERC ============== */

.btn-leclerc {
  color: #fff;
  background-color: rgba(47, 112, 176, 1);
  border-color: rgba(47, 112, 176, 1);
}

.btn-leclerc:hover {
  color: #fff;
  background-color: rgba(29, 90, 150, 1);
  border-color: rgba(29, 90, 150, 1);
}

.btn-leclerc:focus, .btn-leclerc.focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 90, 150, 1);
}

.btn-leclerc.disabled, .btn-leclerc:disabled {
  color: #fff;
  background-color: rgba(47, 112, 176, 1);
  border-color: rgba(47, 112, 176, 1);
}

.btn-leclerc:not(:disabled):not(.disabled):active, .btn-leclerc:not(:disabled):not(.disabled).active,
.show > .btn-leclerc.dropdown-toggle {
  color: #fff;
  background-color: rgba(29, 90, 150, 1);
  border-color: rgba(29, 90, 150, 1);
}

.btn-leclerc:not(:disabled):not(.disabled):active:focus, .btn-leclerc:not(:disabled):not(.disabled).active:focus,
.show > .btn-leclerc.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 90, 150, 1);
}

.btn-outline-leclerc {
  color: rgba(47, 112, 176, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(47, 112, 176, 1);
}

.btn-outline-leclerc:hover {
  color: #fff;
  background-color: rgba(47, 112, 176, 1);
  border-color: rgba(47, 112, 176, 1);
}

.btn-outline-leclerc:focus, .btn-outline-leclerc.focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 90, 150, 1);
}

.btn-outline-leclerc.disabled, .btn-outline-leclerc:disabled {
  color: rgba(47, 112, 176, 1);
  background-color: transparent;
}

.btn-outline-leclerc:not(:disabled):not(.disabled):active, .btn-outline-leclerc:not(:disabled):not(.disabled).active,
.show > .btn-outline-leclerc.dropdown-toggle {
  color: #fff;
  background-color: rgba(47, 112, 176, 1);
  border-color: rgba(47, 112, 176, 1);
}

.btn-outline-leclerc:not(:disabled):not(.disabled):active:focus, .btn-outline-leclerc:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-leclerc.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(29, 90, 150, 1);
}

.badge-leclerc {
  color: #fff;
  background-color: rgba(47, 112, 176, 1);
}

.badge-leclerc[href]:hover, .badge-leclerc[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(29, 90, 150, 1);
}

.bg-leclerc {
  background-color: rgba(47, 112, 176, 1) !important;
}

a.bg-leclerc:hover, a.bg-leclerc:focus,
button.bg-leclerc:hover,
button.bg-leclerc:focus {
  background-color: rgba(29, 90, 150, 1) !important;
}

.text-leclerc {
  color: rgba(47, 112, 176, 1) !important;
}



a.text-leclerc:hover, a.text-leclerc:focus {
  color: rgba(29, 90, 150, 1) !important;
}

.border-leclerc {
  border-color: rgba(47, 112, 176, 1) !important;
}

/* ============== LECLERC ============== */
/* ===================================== */

.col-vide {
  display: block;
}

.div-vide {
  display: block;
}

/* ===================================== */
/* ============= LECLERC 2 ============= */

.btn-leclerc2 {
  color: #fff;
  background-color: rgba(224, 143, 57, 1);
  border-color: rgba(224, 143, 57, 1);
}

.btn-leclerc2:hover {
  color: #fff;
  background-color: rgba(187, 114, 37, 1);
  border-color: rgba(187, 114, 37, 1);
}

.btn-leclerc2:focus, .btn-leclerc2.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 114, 37, 1);
}

.btn-leclerc2.disabled, .btn-leclerc2:disabled {
  color: #fff;
  background-color: rgba(224, 143, 57, 1);
  border-color: rgba(224, 143, 57, 1);
}

.btn-leclerc2:not(:disabled):not(.disabled):active, .btn-leclerc2:not(:disabled):not(.disabled).active,
.show > .btn-leclerc2.dropdown-toggle {
  color: #fff;
  background-color: rgba(187, 114, 37, 1);
  border-color: rgba(187, 114, 37, 1);
}

.btn-leclerc2:not(:disabled):not(.disabled):active:focus, .btn-leclerc2:not(:disabled):not(.disabled).active:focus,
.show > .btn-leclerc2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 114, 37, 1);
}

.btn-outline-leclerc2 {
  color: rgba(224, 143, 57, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(224, 143, 57, 1);
}

.btn-outline-leclerc2:hover {
  color: #fff;
  background-color: rgba(224, 143, 57, 1);
  border-color: rgba(224, 143, 57, 1);
}

.btn-outline-leclerc2:focus, .btn-outline-leclerc2.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 114, 37, 1);
}

.btn-outline-leclerc2.disabled, .btn-outline-leclerc2:disabled {
  color: rgba(224, 143, 57, 1);
  background-color: transparent;
}

.btn-outline-leclerc2:not(:disabled):not(.disabled):active, .btn-outline-leclerc2:not(:disabled):not(.disabled).active,
.show > .btn-outline-leclerc2.dropdown-toggle {
  color: #fff;
  background-color: rgba(224, 143, 57, 1);
  border-color: rgba(224, 143, 57, 1);
}

.btn-outline-leclerc2:not(:disabled):not(.disabled):active:focus, .btn-outline-leclerc2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-leclerc2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 114, 37, 1);
}

.badge-leclerc2 {
  color: #fff;
  background-color: rgba(224, 143, 57, 1);
}

.badge-leclerc2[href]:hover, .badge-leclerc2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(187, 114, 37, 1);
}

.bg-leclerc2 {
  background-color: rgba(224, 143, 57, 1) !important;
}

a.bg-leclerc2:hover, a.bg-leclerc2:focus,
button.bg-leclerc2:hover,
button.bg-leclerc2:focus {
  background-color: rgba(29, 90, 150, 1) !important;
}

.text-leclerc2 {
  color: rgba(224, 143, 57, 1) !important;
}

a.text-leclerc2:hover, a.text-leclerc2:focus {
  color: rgba(29, 90, 150, 1) !important;
}


.border-leclerc2 {
  border-color: rgba(224, 143, 57, 1) !important;
}

/* ============= LECLERC 2 ============= */
/* ===================================== */

/* ===================================== */
/* ============= BEJOTTES ============== */

.btn-bejottes {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-bejottes:hover {
  color: #fff;
  background-color: #0d2365;
  border-color: #102b7c;
}

.btn-bejottes:focus, .btn-bejottes.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-bejottes.disabled, .btn-bejottes:disabled {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-bejottes:not(:disabled):not(.disabled):active, .btn-bejottes:not(:disabled):not(.disabled).active,
.show > .btn-bejottes.dropdown-toggle {
  color: #fff;
  background-color: #102b7c;
  border-color: #193a9d;
}

.btn-bejottes:not(:disabled):not(.disabled):active:focus, .btn-bejottes:not(:disabled):not(.disabled).active:focus,
.show > .btn-bejottes.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-bejottes {
  color: #132E82;
  background-color: transparent;
  background-image: none;
  border-color: #132E82;
}

.btn-outline-bejottes:hover {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-outline-bejottes:focus, .btn-outline-bejottes.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-bejottes.disabled, .btn-outline-bejottes:disabled {
  color: #132E82;
  background-color: transparent;
}

.btn-outline-bejottes:not(:disabled):not(.disabled):active, .btn-outline-bejottes:not(:disabled):not(.disabled).active,
.show > .btn-outline-bejottes.dropdown-toggle {
  color: #fff;
  background-color: #132E82;
  border-color: #132E82;
}

.btn-outline-bejottes:not(:disabled):not(.disabled):active:focus, .btn-outline-bejottes:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bejottes.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.badge-bejottes {
  color: #fff;
  background-color: #132E82;
}

.badge-bejottes[href]:hover, .badge-bejottes[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #112970;
}

.bg-bejottes {
  background-color: #132E82 !important;
}

a.bg-bejottes:hover, a.bg-bejottes:focus,
button.bg-bejottes:hover,
button.bg-bejottes:focus {
  background-color: #0c215f !important;
}

.text-bejottes {
  color: #132E82 !important;
}

a.text-bejottes:hover, a.text-bejottes:focus {
  color: #0c205b !important;
}

/* ============= BEJOTTES ============== */
/* ===================================== */

/* ===================================== */
/* ============ BEJOTTES 2 ============= */

.btn-bejottes2 {
  color: #fff;
  background-color: rgba(221, 234, 39, 1);
  border-color: rgba(221, 234, 39, 1);
}

.btn-bejottes2:hover {
  color: #fff;
  background-color: #0d2365;
  border-color: #102b7c;
}

.btn-bejottes2:focus, .btn-bejottes2.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-bejottes2.disabled, .btn-bejottes2:disabled {
  color: #fff;
  background-color: rgba(221, 234, 39, 1);
  border-color: rgba(221, 234, 39, 1);
}

.btn-bejottes2:not(:disabled):not(.disabled):active, .btn-bejottes2:not(:disabled):not(.disabled).active,
.show > .btn-bejottes2.dropdown-toggle {
  color: #fff;
  background-color: #102b7c;
  border-color: #193a9d;
}

.btn-bejottes2:not(:disabled):not(.disabled):active:focus, .btn-bejottes2:not(:disabled):not(.disabled).active:focus,
.show > .btn-bejottes2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-bejottes2 {
  color: rgba(221, 234, 39, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(221, 234, 39, 1);
}

.btn-outline-bejottes2:hover {
  color: #fff;
  background-color: rgba(221, 234, 39, 1);
  border-color: rgba(221, 234, 39, 1);
}

.btn-outline-bejottes2:focus, .btn-outline-bejottes2.focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.btn-outline-bejottes2.disabled, .btn-outline-bejottes2:disabled {
  color: rgba(221, 234, 39, 1);
  background-color: transparent;
}

.btn-outline-bejottes2:not(:disabled):not(.disabled):active, .btn-outline-bejottes2:not(:disabled):not(.disabled).active,
.show > .btn-outline-bejottes2.dropdown-toggle {
  color: #fff;
  background-color: rgba(221, 234, 39, 1);
  border-color: rgba(221, 234, 39, 1);
}

.btn-outline-bejottes2:not(:disabled):not(.disabled):active:focus, .btn-outline-bejottes2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bejottes2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(20, 48, 130, 0.5);
}

.badge-bejottes2 {
  color: #fff;
  background-color: rgba(221, 234, 39, 1);
}

.badge-bejottes2[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #112970;
}

.bg-bejottes2 {
  background-color: rgba(221, 234, 39, 1) !important;
}

a.bg-bejottes2:hover, a.bg-bejottes2:focus,
button.bg-bejottes2:hover,
button.bg-bejottes2:focus {
  background-color: #0c215f !important;
}

.text-bejottes2 {
  color: rgba(221, 234, 39, 1); !important;
}

a.text-bejottes2:hover, a.text-bejottes2:focus {
  color: #0c205b !important;
}

/* ============ BEJOTTES 2 ============= */
/* ===================================== */

/* ===================================== */
/* =============== AP 1 ================ */

.btn-ap1 {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
  border-color: rgba(152, 30, 19, 1);
}

.btn-ap1:hover {
  color: #fff;
  background-color: rgba(106, 21, 13, 1);
  border-color: rgba(106, 21, 13, 1);
}

.btn-ap1:focus, .btn-ap1.focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 21, 13, 0.5);
}

.btn-ap1.disabled, .btn-ap1:disabled {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
  border-color: rgba(152, 30, 19, 1);
}

.btn-ap1:not(:disabled):not(.disabled):active, .btn-ap1:not(:disabled):not(.disabled).active,
.show > .btn-ap1.dropdown-toggle {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
  border-color: rgba(106, 21, 13, 1);
}

.btn-ap1:not(:disabled):not(.disabled):active:focus, .btn-ap1:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap1.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 21, 13, 0.5);
}

.btn-outline-ap1 {
  color: rgba(152, 30, 19, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(152, 30, 19, 1);
}

.btn-outline-ap1:hover {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
  border-color: rgba(152, 30, 19, 1);
}

.btn-outline-ap1:focus, .btn-outline-ap1.focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 21, 13, 0.5);
}

.btn-outline-ap1.disabled, .btn-outline-ap1:disabled {
  color: rgba(152, 30, 19, 1);
  background-color: transparent;
}

.btn-outline-ap1:not(:disabled):not(.disabled):active, .btn-outline-ap1:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap1.dropdown-toggle {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
  border-color: rgba(152, 30, 19, 1);
}

.btn-outline-ap1:not(:disabled):not(.disabled):active:focus, .btn-outline-ap1:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap1.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 21, 13, 0.5);
}

.badge-ap1 {
  color: #fff;
  background-color: rgba(152, 30, 19, 1);
}

.badge-ap1[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(106, 21, 13, 1);
}

.bg-ap1 {
  background-color: rgba(152, 30, 19, 1) !important;
}

a.bg-ap1:hover, a.bg-ap1:focus,
button.bg-ap1:hover,
button.bg-ap1:focus {
  background-color: rgba(126, 24, 15, 1) !important;
}

.text-ap1 {
  color: rgba(152, 30, 19, 1) !important;
}

a.text-ap1:hover, a.text-ap1:focus {
  color: rgba(126, 24, 15, 1) !important;
}

/* =============== AP 1 ================ */
/* ===================================== */

/* ===================================== */
/* =============== AP 2 ================ */

.btn-ap2 {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
  border-color: rgba(231, 165, 58, 1);
}

.btn-ap2:hover {
  color: #fff;
  background-color: rgba(193, 126, 19, 1);
  border-color: rgba(193, 126, 19, 1);
}

.btn-ap2:focus, .btn-ap2.focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 126, 19, 0.5);
}

.btn-ap2.disabled, .btn-ap2:disabled {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
  border-color: rgba(231, 165, 58, 1);
}

.btn-ap2:not(:disabled):not(.disabled):active, .btn-ap2:not(:disabled):not(.disabled).active,
.show > .btn-ap2.dropdown-toggle {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
  border-color: rgba(193, 126, 19, 1);
}

.btn-ap2:not(:disabled):not(.disabled):active:focus, .btn-ap2:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 126, 19, 0.5);
}

.btn-outline-ap2 {
  color: rgba(231, 165, 58, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(231, 165, 58, 1);
}

.btn-outline-ap2:hover {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
  border-color: rgba(231, 165, 58, 1);
}

.btn-outline-ap2:focus, .btn-outline-ap2.focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 126, 19, 0.5);
}

.btn-outline-ap2.disabled, .btn-outline-ap2:disabled {
  color: rgba(231, 165, 58, 1);
  background-color: transparent;
}

.btn-outline-ap2:not(:disabled):not(.disabled):active, .btn-outline-ap2:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap2.dropdown-toggle {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
  border-color: rgba(231, 165, 58, 1);
}

.btn-outline-ap2:not(:disabled):not(.disabled):active:focus, .btn-outline-ap2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(193, 126, 19, 0.5);
}

.badge-ap2 {
  color: #fff;
  background-color: rgba(231, 165, 58, 1);
}

.badge-ap2[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(193, 126, 19, 1);
}

.bg-ap2 {
  background-color: rgba(231, 165, 58, 1) !important;
}

a.bg-ap2:hover, a.bg-ap2:focus,
button.bg-ap2:hover,
button.bg-ap2:focus {
  background-color: rgba(193, 126, 19, 1) !important;
}

.text-ap2 {
  color: rgba(231, 165, 58, 1) !important;
}

a.text-ap2:hover, a.text-ap1:focus {
  color: rgba(193, 126, 19, 1) !important;
}

/* =============== AP 2 ================ */
/* ===================================== */

/* ===================================== */
/* =============== AP 3 ================ */

.btn-ap3 {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
  border-color: rgba(239, 244, 81, 1);
}

.btn-ap3:hover {
  color: #fff;
  background-color: rgba(187, 192, 37, 1);
  border-color: rgba(187, 192, 37, 1);
}

.btn-ap3:focus, .btn-ap3.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 37, 0.5);
}

.btn-ap3.disabled, .btn-ap3:disabled {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
  border-color: rgba(239, 244, 81, 1);
}

.btn-ap3:not(:disabled):not(.disabled):active, .btn-ap3:not(:disabled):not(.disabled).active,
.show > .btn-ap3.dropdown-toggle {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
  border-color: rgba(187, 192, 37, 1);
}

.btn-ap3:not(:disabled):not(.disabled):active:focus, .btn-ap3:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 37, 0.5);
}

.btn-outline-ap3 {
  color: rgba(239, 244, 81, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(239, 244, 81, 1);
}

.btn-outline-ap3:hover {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
  border-color: rgba(239, 244, 81, 1);
}

.btn-outline-ap3:focus, .btn-outline-ap3.focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 37, 0.5);
}

.btn-outline-ap3.disabled, .btn-outline-ap3:disabled {
  color: rgba(239, 244, 81, 1);
  background-color: transparent;
}

.btn-outline-ap3:not(:disabled):not(.disabled):active, .btn-outline-ap3:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap3.dropdown-toggle {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
  border-color: rgba(239, 244, 81, 1);
}

.btn-outline-ap3:not(:disabled):not(.disabled):active:focus, .btn-outline-ap3:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(187, 192, 37, 0.5);
}

.badge-ap3 {
  color: #fff;
  background-color: rgba(239, 244, 81, 1);
}

.badge-ap3[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(187, 192, 37, 1);
}

.bg-ap3 {
  background-color: rgba(239, 244, 81, 1) !important;
}

a.bg-ap3:hover, a.bg-ap3:focus,
button.bg-ap3:hover,
button.bg-ap3:focus {
  background-color: rgba(187, 192, 37, 1) !important;
}

.text-ap3 {
  color: rgba(239, 244, 81, 1) !important;
}

a.text-ap3:hover, a.text-ap1:focus {
  color: rgba(187, 192, 37, 1) !important;
}

/* =============== AP 3 ================ */
/* ===================================== */

/* ===================================== */
/* =============== AP 4 ================ */

.btn-ap4 {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
  border-color: rgba(177, 236, 89, 1);
}

.btn-ap4:hover {
  color: #fff;
  background-color: rgba(142, 205, 46, 1);
  border-color: rgba(142, 205, 46, 1);
}

.btn-ap4:focus, .btn-ap4.focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 205, 46, 0.5);
}

.btn-ap4.disabled, .btn-ap4:disabled {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
  border-color: rgba(177, 236, 89, 1);
}

.btn-ap4:not(:disabled):not(.disabled):active, .btn-ap4:not(:disabled):not(.disabled).active,
.show > .btn-ap4.dropdown-toggle {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
  border-color: rgba(142, 205, 46, 1);
}

.btn-ap4:not(:disabled):not(.disabled):active:focus, .btn-ap4:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 205, 46, 0.5);
}

.btn-outline-ap4 {
  color: rgba(177, 236, 89, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(177, 236, 89, 1);
}

.btn-outline-ap4:hover {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
  border-color: rgba(177, 236, 89, 1);
}

.btn-outline-ap4:focus, .btn-outline-ap4.focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 205, 46, 0.5);
}

.btn-outline-ap4.disabled, .btn-outline-ap4:disabled {
  color: rgba(177, 236, 89, 1);
  background-color: transparent;
}

.btn-outline-ap4:not(:disabled):not(.disabled):active, .btn-outline-ap4:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap4.dropdown-toggle {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
  border-color: rgba(177, 236, 89, 1);
}

.btn-outline-ap4:not(:disabled):not(.disabled):active:focus, .btn-outline-ap4:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(142, 205, 46, 0.5);
}

.badge-ap4 {
  color: #fff;
  background-color: rgba(177, 236, 89, 1);
}

.badge-ap4[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(142, 205, 46, 1);
}

.bg-ap4 {
  background-color: rgba(177, 236, 89, 1) !important;
}

a.bg-ap4:hover, a.bg-ap4:focus,
button.bg-ap4:hover,
button.bg-ap4:focus {
  background-color: rgba(142, 205, 46, 1) !important;
}

.text-ap4 {
  color: rgba(177, 236, 89, 1) !important;
}

a.text-ap4:hover, a.text-ap1:focus {
  color: rgba(142, 205, 46, 1) !important;
}

/* =============== AP 4 ================ */
/* ===================================== */

/* ===================================== */
/* =============== AP 5 ================ */

.btn-ap5 {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
  border-color: rgba(68, 155, 181, 1);
}

.btn-ap5:hover {
  color: #fff;
  background-color: rgba(27, 131, 163, 1);
  border-color: rgba(27, 131, 163, 1);
}

.btn-ap5:focus, .btn-ap5.focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 131, 163, 0.5);
}

.btn-ap5.disabled, .btn-ap5:disabled {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
  border-color: rgba(68, 155, 181, 1);
}

.btn-ap5:not(:disabled):not(.disabled):active, .btn-ap5:not(:disabled):not(.disabled).active,
.show > .btn-ap5.dropdown-toggle {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
  border-color: rgba(27, 131, 163, 1);
}

.btn-ap5:not(:disabled):not(.disabled):active:focus, .btn-ap5:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap5.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 131, 163, 0.5);
}

.btn-outline-ap5 {
  color: rgba(68, 155, 181, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(68, 155, 181, 1);
}

.btn-outline-ap5:hover {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
  border-color: rgba(68, 155, 181, 1);
}

.btn-outline-ap5:focus, .btn-outline-ap5.focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 131, 163, 0.5);
}

.btn-outline-ap5.disabled, .btn-outline-ap5:disabled {
  color: rgba(68, 155, 181, 1);
  background-color: transparent;
}

.btn-outline-ap5:not(:disabled):not(.disabled):active, .btn-outline-ap5:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap5.dropdown-toggle {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
  border-color: rgba(68, 155, 181, 1);
}

.btn-outline-ap5:not(:disabled):not(.disabled):active:focus, .btn-outline-ap5:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap5.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(27, 131, 163, 0.5);
}

.badge-ap5 {
  color: #fff;
  background-color: rgba(68, 155, 181, 1);
}

.badge-ap5[href]:hover, .badge-bejottes2[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(27, 131, 163, 1);
}

.bg-ap5 {
  background-color: rgba(68, 155, 181, 1) !important;
}

a.bg-ap5:hover, a.bg-ap5:focus,
button.bg-ap5:hover,
button.bg-ap5:focus {
  background-color: rgba(27, 131, 163, 1) !important;
}

.text-ap5 {
  color: rgba(68, 155, 181, 1) !important;
}

a.text-ap5:hover, a.text-ap1:focus {
  color: rgba(27, 131, 163, 1) !important;
}

/* =============== AP 5 ================ */
/* ===================================== */

/* ===================================== */
/* =============== AP 6 ================ */

.btn-ap6 {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
  border-color: rgba(195, 0, 198, 1);
}

.btn-ap6:hover {
  color: #fff;
  background-color: rgba(100, 13, 100, 1);
  border-color: rgba(100, 13, 100, 1);
}

.btn-ap6:focus, .btn-ap6.focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 13, 100, 0.5);
}

.btn-ap6.disabled, .btn-ap6:disabled {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
  border-color: rgba(195, 0, 198, 1);
}

.btn-ap6:not(:disabled):not(.disabled):active, .btn-ap6:not(:disabled):not(.disabled).active,
.show > .btn-ap6.dropdown-toggle {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
  border-color: rgba(100, 13, 100, 1);
}

.btn-ap6:not(:disabled):not(.disabled):active:focus, .btn-ap6:not(:disabled):not(.disabled).active:focus,
.show > .btn-ap6.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 13, 100, 0.5);
}

.btn-outline-ap6 {
  color: rgba(195, 0, 198, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(195, 0, 198, 1);
}

.btn-outline-ap6:hover {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
  border-color: rgba(195, 0, 198, 1);
}

.btn-outline-ap6:focus, .btn-outline-ap6.focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 13, 100, 0.5);
}

.btn-outline-ap6.disabled, .btn-outline-ap6:disabled {
  color: rgba(195, 0, 198, 1);
  background-color: transparent;
}

.btn-outline-ap6:not(:disabled):not(.disabled):active, .btn-outline-ap6:not(:disabled):not(.disabled).active,
.show > .btn-outline-ap6.dropdown-toggle {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
  border-color: rgba(195, 0, 198, 1);
}

.btn-outline-ap6:not(:disabled):not(.disabled):active:focus, .btn-outline-ap6:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ap1.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 13, 100, 0.5);
}

.badge-ap6 {
  color: #fff;
  background-color: rgba(195, 0, 198, 1);
}

.badge-ap6[href]:hover, .badge-ap6[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(100, 13, 100, 1);
}

.bg-ap6 {
  background-color: rgba(195, 0, 198, 1) !important;
}

a.bg-ap6:hover, a.bg-ap6:focus,
button.bg-ap6:hover,
button.bg-ap6:focus {
  background-color: rgba(100, 13, 100, 1) !important;
}

.text-ap6 {
  color: rgba(195, 0, 198, 1) !important;
}

a.text-ap6:hover, a.text-ap1:focus {
  color: rgba(100, 13, 100, 1) !important;
}

/* =============== AP 6 ================ */
/* ===================================== */

/* ===================================== */
/* =============== JLMB =============== */

.btn-jlmb {
  color: #fff;
  background-color: rgba(96, 115, 154, 1);
  border-color: rgba(96, 115, 154, 1);
}

.btn-jlmb:hover {
  color: #fff;
  background-color: rgba(75, 95, 133, 1);
  border-color: rgba(75, 95, 133, 1);
}

.btn-jlmb:focus, .btn-jlmb.focus {
  box-shadow: 0 0 0 0.2rem rgba(75, 95, 133, 1);
}

.btn-jlmb.disabled, .btn-jlmb:disabled {
  color: #fff;
  background-color: rgba(96, 115, 154, 1);
  border-color: rgba(96, 115, 154, 1);
}

.btn-jlmb:not(:disabled):not(.disabled):active, .btn-jlmb:not(:disabled):not(.disabled).active,
.show > .btn-jlmb.dropdown-toggle {
  color: #fff;
  background-color: rgba(75, 95, 133, 1);
  border-color: rgba(75, 95, 133, 1);
}

.btn-jlmb:not(:disabled):not(.disabled):active:focus, .btn-jlmb:not(:disabled):not(.disabled).active:focus,
.show > .btn-jlmb.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(75, 95, 133, .5);
}

.btn-outline-jlmb {
  color: rgba(96, 115, 154, 1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(96, 115, 154, 1);
}

.btn-outline-jlmb:hover {
  color: #fff;
  background-color: rgba(96, 115, 154, 1);
  border-color: rgba(96, 115, 154, 1);
}

.btn-outline-jlmb:focus, .btn-outline-jlmb.focus {
  box-shadow: 0 0 0 0.2rem rgba(75, 95, 133, .5);
}

.btn-outline-jlmb.disabled, .btn-outline-jlmb:disabled {
  color: rgba(96, 115, 154, 1);
  background-color: transparent;
}

.btn-outline-jlmb:not(:disabled):not(.disabled):active, .btn-outline-jlmb:not(:disabled):not(.disabled).active,
.show > .btn-outline-jlmb.dropdown-toggle {
  color: #fff;
  background-color: rgba(96, 115, 154, 1);
  border-color: rgba(96, 115, 154, 1);
}

.btn-outline-jlmb:not(:disabled):not(.disabled):active:focus, .btn-outline-jlmb:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-jlmb.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(75, 95, 133, .5);
}

.badge-jlmb {
  color: #fff;
  background-color: rgba(96, 115, 154, 1);
}

.badge-jlmb[href]:hover, .badge-jlmb[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(75, 95, 133, 1);
}

.bg-jlmb {
  background-color: rgba(96, 115, 154, 1) !important;
}

.bg-jlmb2 {
  background-color: rgba(96, 115, 154, .5) !important;
}

a.bg-jlmb:hover, a.bg-jlmb:focus,
button.bg-jlmb:hover,
button.bg-jlmb:focus {
  background-color: rgba(75, 95, 133, 1) !important;
}

.text-jlmb {
  color: rgba(96, 115, 154, 1) !important;
}

a.text-jlmb:hover, a.text-jlmb:focus {
  color: rgba(75, 95, 133, 1) !important;
}

/* =============== JLMB =============== */
/* ===================================== */

/* ===================================== */
/* ============== ARMAND ============== */

.btn-armand {
    color: #fff;
    background-color: #d163a5;
    border-color: #d163a5;
}

.btn-armand:hover {
    color: #fff;
    background-color: #b34a8a; /* Assombrissement pour le hover */
    border-color: #b34a8a;
}

.btn-armand:focus, .btn-armand.focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 99, 165, 0.5); /* Ombre avec l'opacité ajustée */
}

.btn-armand.disabled, .btn-armand:disabled {
    color: #fff;
    background-color: #d163a5;
    border-color: #d163a5;
}

.btn-armand:not(:disabled):not(.disabled):active, .btn-armand:not(:disabled):not(.disabled).active,
.show > .btn-armand.dropdown-toggle {
    color: #fff;
    background-color: #d163a5;
    border-color: #b34a8a;
}

.btn-armand:not(:disabled):not(.disabled):active:focus, .btn-armand:not(:disabled):not(.disabled).active:focus,
.show > .btn-armand.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(179, 74, 138, 0.5);
}

.btn-outline-armand {
    color: #d163a5;
    background-color: transparent;
    background-image: none;
    border-color: #d163a5;
}

.btn-outline-armand:hover {
    color: #fff;
    background-color: #d163a5;
    border-color: #d163a5;
}

.btn-outline-armand:focus, .btn-outline-armand.focus {
    box-shadow: 0 0 0 0.2rem rgba(179, 74, 138, 0.5);
}

.btn-outline-armand.disabled, .btn-outline-armand:disabled {
    color: #d163a5;
    background-color: transparent;
}

.btn-outline-armand:not(:disabled):not(.disabled):active, .btn-outline-armand:not(:disabled):not(.disabled).active,
.show > .btn-outline-armand.dropdown-toggle {
    color: #fff;
    background-color: #d163a5;
    border-color: #d163a5;
}

.btn-outline-armand:not(:disabled):not(.disabled):active:focus, .btn-outline-armand:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-armand.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(179, 74, 138, 0.5);
}

.badge-armand {
    color: #fff;
    background-color: #d163a5;
}

.badge-armand[href]:hover, .badge-armand[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #b34a8a;
}

.bg-armand {
    background-color: #d163a5 !important;
}

a.bg-armand:hover, a.bg-armand:focus,
button.bg-armand:hover,
button.bg-armand:focus {
    background-color: #b34a8a !important;
}

.text-armand {
    color: #d163a5 !important;
}

a.text-armand:hover, a.text-armand:focus {
    color: #b34a8a !important;
}

/* ============== ARMAND ============== */
/* ===================================== */


/* ===================================== */
/* ============= ARMAND2 ============== */

.btn-armand2 {
    color: #333; /* Couleur de texte sombre pour contraste */
    background-color: #dedbd4;
    border-color: #dedbd4;
}

.btn-armand2:hover {
    color: #333;
    background-color: #c9c7c2; /* Assombrissement pour le hover */
    border-color: #c9c7c2;
}

.btn-armand2:focus, .btn-armand2.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 219, 212, 0.5);
}

.btn-armand2.disabled, .btn-armand2:disabled {
    color: #333;
    background-color: #dedbd4;
    border-color: #dedbd4;
}

.btn-armand2:not(:disabled):not(.disabled):active, .btn-armand2:not(:disabled):not(.disabled).active,
.show > .btn-armand2.dropdown-toggle {
    color: #333;
    background-color: #dedbd4;
    border-color: #c9c7c2;
}

.btn-armand2:not(:disabled):not(.disabled):active:focus, .btn-armand2:not(:disabled):not(.disabled).active:focus,
.show > .btn-armand2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 199, 194, 0.5);
}

.btn-outline-armand2 {
    color: #dedbd4;
    background-color: transparent;
    background-image: none;
    border-color: #dedbd4;
}

.btn-outline-armand2:hover {
    color: #333;
    background-color: #dedbd4;
    border-color: #dedbd4;
}

.btn-outline-armand2:focus, .btn-outline-armand2.focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 199, 194, 0.5);
}

.btn-outline-armand2.disabled, .btn-outline-armand2:disabled {
    color: #dedbd4;
    background-color: transparent;
}

.btn-outline-armand2:not(:disabled):not(.disabled):active, .btn-outline-armand2:not(:disabled):not(.disabled).active,
.show > .btn-outline-armand2.dropdown-toggle {
    color: #333;
    background-color: #dedbd4;
    border-color: #dedbd4;
}

.btn-outline-armand2:not(:disabled):not(.disabled):active:focus, .btn-outline-armand2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-armand2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 199, 194, 0.5);
}

.badge-armand2 {
    color: #333;
    background-color: #dedbd4;
}

.badge-armand2[href]:hover, .badge-armand2[href]:focus {
    color: #333;
    text-decoration: none;
    background-color: #c9c7c2;
}

.bg-armand2 {
    background-color: #dedbd4 !important;
}

a.bg-armand2:hover, a.bg-armand2:focus,

/* ============= ARMAND2 ============== */
/* ===================================== */






.table-striped > tbody > tr:hover > td, .table-striped > tbody > tr:hover > th {
   background-color: #343a40 !important;
   color: white !important;
}

.table-striped > tbody > tr:hover > td > a {
   color: white !important;
}