: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);
}

/* ===================================== */
/* =============== 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;
}

.alert-admin {
  color: #850c00;
  background-color: #ffd0cc;
  border-color: #ffbdb8;
}

.alert-admin hr {
  border-top-color: #ffa39e;
}

.alert-admin .alert-link {
  color: #520500;
}

/* =============== 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;
}

.alert-leclerc {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-leclerc hr {
  border-top-color: #9fcdff;
}

.alert-leclerc .alert-link {
  color: #002752;
}

/* ============== 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);
  font-size: x-small !important;
  padding: 3px !important;
}

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

.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;
}

.alert-leclerc2 {
  color: #855200;
  background-color: #ffeecc;
  border-color: #ffe5b8;
}

.alert-leclerc2 hr {
  border-top-color: #ffdc9e;
}

.alert-leclerc2 .alert-link {
  color: #523200;
}

/* ============= 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 ================ */
/* ===================================== */

/* ===================================== */
/* =============== RUBAN =============== */

.ruban {
      position: absolute;
      right: -5px;
      top: -5px;
      z-index: 1;
      overflow: hidden;
      width: 75px;
      height: 75px;
      text-align: center;
  }
  
  .ruban span {
      font-size: 9px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
      line-height: 20px;
      transform: rotate(45deg);
      width: 100px;
      display: block;
      box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
      position: absolute;
      top: 19px;
      right: -21px;
  
  }
  
  .ruban span::before {
      content: '';
      position: absolute;
      left: 0%;
      top: 100%;
      z-index: -1;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
  }
  
  .ruban span::after {
      content: '';
      position: absolute;
      right: 0%;
      top: 100%;
      z-index: -1;
      border-left: 3px solid transparent;
      border-bottom: 3px solid transparent;
  }
  
  /* ORANGE */
  
  .ruban-orange span, .ruban-leclerc2 span {
      background: #ff7800;
      background: linear-gradient(#ffaa5f 0%, #cc5900 100%);
  }
  
  .ruban-orange span::before, .ruban-leclerc2 span::before {
      border-left: 3px solid #ff7800;
      border-top: 3px solid #ff7800;
  }
  
  .ruban-orange span::after, .ruban-leclerc2 span::after{
      border-right: 3px solid #ff7800;
      border-top: 3px solid #ff7800;
  }
  
  /* JAUNE */
  
  .ruban-warning span {
    background: rgba(255, 193, 7, 0.75);
    background: linear-gradient(#FFC107 0%, #9C7500 100%);
  }
  
  .ruban-warning span::before {
    border-left: 3px solid #FFC107;
    border-top: 3px solid #FFC107;
  }
  
  .ruban-warning span::after {
    border-right: 3px solid #FFC107;
    border-top: 3px solid #FFC107;
  }
  
  /* ROUGE */
  
  .ruban-rouge span, .ruban-danger span {
    background: #cc0000;
    background: linear-gradient(#FF5E4D 0%, #cc0000 100%);
  }
  
  .ruban-rouge span::before, .ruban-danger span::before  {
    border-left: 3px solid #cc0000;
    border-top: 3px solid #cc0000;
  }
  
  .ruban-rouge span::after, .ruban-danger span::after {
    border-right: 3px solid #cc0000;
    border-top: 3px solid #cc0000;
  }
  
  /* VERT */
  
  .ruban-vert span, .ruban-success span {
    background: #16B84E;
    background: linear-gradient(#87E990 0%, #16B84E 100%);
  }
  
  .ruban-vert span::before, .ruban-success span::before {
    border-left: 3px solid #16B84E;
    border-top: 3px solid #16B84E;
  }
  
  .ruban-vert span::after, .ruban-success span::after {
    border-right: 3px solid #16B84E;
    border-top: 3px solid #16B84E;
  }
  
  /* BLEU */
  
  .ruban-bleu span, .ruban-leclerc span, .ruban-primary span {
    background: #22427C;
    background: linear-gradient(#318CE7 0%, #22427C 100%);
  }
  
  .ruban-bleu span::before, .ruban-leclerc span::before, .ruban-primary span::before {
    border-left: 3px solid #22427C;
    border-top: 3px solid #22427C;
  }
  
  .ruban-bleu span::after, .ruban-leclerc span::after, .ruban-primary span::after {
    border-right: 3px solid #22427C;
    border-top: 3px solid #22427C;
  }
  
  /* VIOLET */
  
  .ruban-violet span {
    background: #660099;
    background: linear-gradient(#A10684 0%, #660099 100%);
  }
  
  .ruban-violet span::before {
    border-left: 3px solid #660099;
    border-top: 3px solid #660099;
  }
  
  .ruban-violet span::after {
    border-right: 3px solid #660099;
    border-top: 3px solid #660099;
  }
  
  /* DARK */
  
  .ruban-dark span {
    background: #000000;
    background: linear-gradient( #131313 0%, #2C2C2C 100%);
  }
  
  .ruban-dark span::before {
    border-left: 3px solid #000000;
    border-top: 3px solid #000000;
  }
  
  .ruban-dark span::after {
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
  }
  
  /* =============== RUBAN =============== */
  /* ===================================== */