@charset "UTF-8";
@font-face {
  font-family: "Neris Light";
  src: url("/public/fonts/Neris-Light.ttf") format("ttf");
}
@font-face {
  font-family: "Neris SemiBold";
  src: url("/public/fonts/Neris-SemiBold.ttf") format("ttf"), url("/public/fonts/Neris-SemiBold.otf") format("otf");
}
@font-face {
  font-family: "Neris Black";
  src: url("/public/fonts/Neris-Black.ttf") format("ttf"), url("/public/fonts/Neris-Black.otf") format("otf");
}
@font-face {
  font-family: "DinPro-Light";
  src: url("/public/fonts/DINPro-Light.ttf") format("ttf");
}
@font-face {
  font-family: "DinPro-Medium";
  src: url("/public/fonts/DINPro-Medium.ttf") format("ttf");
}
@font-face {
  font-family: "DinPro-Bold";
  src: url("/public/fonts/DINPro-Bold.ttf") format("ttf");
}
@font-face {
  font-family: "DINPro Black";
  src: url("/public/fonts/DinPro-Black.ttf") format("ttf");
}
@font-face {
  font-family: "LeanOSansFYW04";
  src: url("/fonts/LeanOSansFYW04-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LeanOSansFYW04";
  src: url("/fonts/LeanOSansFYW04-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LeanOSansFYW04";
  src: url("/fonts/LeanOSansFYW04-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LeanOSansFYW04";
  src: url("/fonts/LeanOSansFYW04-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.nerisLight {
  font-family: "Neris Light";
  font-variant-ligatures: none;
}

.nerisMedium {
  font-family: "Neris Medium";
  font-variant-ligatures: none;
}

.nerisBlack {
  font-family: "Neris Black";
  font-variant-ligatures: none;
}

.dinproLight {
  font-family: "DINPro Light";
  font-variant-ligatures: none;
}

.dinproMedium {
  font-family: "DINPro Medium";
  font-variant-ligatures: none;
}

.dinproBold {
  font-family: "DINPro Bold";
  font-variant-ligatures: none;
}

.dinproBlack {
  font-family: "DINPro Black";
  font-variant-ligatures: none;
}

.leanLight {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 300;
}

.leanRegular {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 400;
}

.leanBold {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 700;
}

.leanBlack {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 900;
}

.font10 {
  font-size: 10px !important;
}

.font11 {
  font-size: 11px !important;
}

.font12 {
  font-size: 12px !important;
}

.font13 {
  font-size: 13px !important;
}

.font14 {
  font-size: 14px !important;
}

.font15 {
  font-size: 15px !important;
}

.font16 {
  font-size: 16px !important;
}

.font17 {
  font-size: 17px !important;
}

.font18 {
  font-size: 18px !important;
}

.font19 {
  font-size: 19px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font26 {
  font-size: 26px !important;
}

.font28 {
  font-size: 28px !important;
}

.font30 {
  font-size: 30px !important;
}

.bg-darkgreen, .bg-darkgreen-hover:hover {
  background-color: #1c483a;
}
.bg-darkgreen-opacity-10 {
  background-color: rgba(28, 72, 58, 0.1);
}
.bg-darkgreen-opacity-25 {
  background-color: rgba(28, 72, 58, 0.25);
}
.bg-darkgreen-opacity-50 {
  background-color: rgba(28, 72, 58, 0.5);
}
.bg-darkgreen-opacity-75 {
  background-color: rgba(28, 72, 58, 0.75);
}
.bg-green, .bg-green-hover:hover {
  background-color: #588c26;
}
.bg-green-opacity-10 {
  background-color: rgba(88, 140, 38, 0.1);
}
.bg-green-opacity-25 {
  background-color: rgba(88, 140, 38, 0.25);
}
.bg-green-opacity-50 {
  background-color: rgba(88, 140, 38, 0.5);
}
.bg-green-opacity-75 {
  background-color: rgba(88, 140, 38, 0.75);
}
.bg-lightgreen, .bg-lightgreen-hover:hover {
  background-color: #a3c145;
}
.bg-lightgreen-opacity-10 {
  background-color: rgba(163, 193, 69, 0.1);
}
.bg-lightgreen-opacity-25 {
  background-color: rgba(163, 193, 69, 0.25);
}
.bg-lightgreen-opacity-50 {
  background-color: rgba(163, 193, 69, 0.5);
}
.bg-lightgreen-opacity-75 {
  background-color: rgba(163, 193, 69, 0.75);
}
.bg-red, .bg-red-hover:hover {
  background-color: #c42e4a;
}
.bg-red-opacity-10 {
  background-color: rgba(196, 46, 74, 0.1);
}
.bg-red-opacity-25 {
  background-color: rgba(196, 46, 74, 0.25);
}
.bg-red-opacity-50 {
  background-color: rgba(196, 46, 74, 0.5);
}
.bg-red-opacity-75 {
  background-color: rgba(196, 46, 74, 0.75);
}
.bg-purple, .bg-purple-hover:hover {
  background-color: #7f3276;
}
.bg-purple-opacity-10 {
  background-color: rgba(127, 50, 118, 0.1);
}
.bg-purple-opacity-25 {
  background-color: rgba(127, 50, 118, 0.25);
}
.bg-purple-opacity-50 {
  background-color: rgba(127, 50, 118, 0.5);
}
.bg-purple-opacity-75 {
  background-color: rgba(127, 50, 118, 0.75);
}
.bg-darkgrey, .bg-darkgrey-hover:hover {
  background-color: #666666;
}
.bg-darkgrey-opacity-10 {
  background-color: rgba(102, 102, 102, 0.1);
}
.bg-darkgrey-opacity-25 {
  background-color: rgba(102, 102, 102, 0.25);
}
.bg-darkgrey-opacity-50 {
  background-color: rgba(102, 102, 102, 0.5);
}
.bg-darkgrey-opacity-75 {
  background-color: rgba(102, 102, 102, 0.75);
}
.bg-grey, .bg-grey-hover:hover {
  background-color: #999999;
}
.bg-grey-opacity-10 {
  background-color: rgba(153, 153, 153, 0.1);
}
.bg-grey-opacity-25 {
  background-color: rgba(153, 153, 153, 0.25);
}
.bg-grey-opacity-50 {
  background-color: rgba(153, 153, 153, 0.5);
}
.bg-grey-opacity-75 {
  background-color: rgba(153, 153, 153, 0.75);
}
.bg-lightgrey, .bg-lightgrey-hover:hover {
  background-color: #dcdcdc;
}
.bg-lightgrey-opacity-10 {
  background-color: rgba(220, 220, 220, 0.1);
}
.bg-lightgrey-opacity-25 {
  background-color: rgba(220, 220, 220, 0.25);
}
.bg-lightgrey-opacity-50 {
  background-color: rgba(220, 220, 220, 0.5);
}
.bg-lightgrey-opacity-75 {
  background-color: rgba(220, 220, 220, 0.75);
}
.bg-whitegrey, .bg-whitegrey-hover:hover {
  background-color: #f3f3f3;
}
.bg-whitegrey-opacity-10 {
  background-color: rgba(243, 243, 243, 0.1);
}
.bg-whitegrey-opacity-25 {
  background-color: rgba(243, 243, 243, 0.25);
}
.bg-whitegrey-opacity-50 {
  background-color: rgba(243, 243, 243, 0.5);
}
.bg-whitegrey-opacity-75 {
  background-color: rgba(243, 243, 243, 0.75);
}
.bg-orange, .bg-orange-hover:hover {
  background-color: #f7b267;
}
.bg-orange-opacity-10 {
  background-color: rgba(247, 178, 103, 0.1);
}
.bg-orange-opacity-25 {
  background-color: rgba(247, 178, 103, 0.25);
}
.bg-orange-opacity-50 {
  background-color: rgba(247, 178, 103, 0.5);
}
.bg-orange-opacity-75 {
  background-color: rgba(247, 178, 103, 0.75);
}
.bg-white, .bg-white-hover:hover {
  background-color: #ffffff;
}
.bg-white-opacity-10 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-white-opacity-25 {
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-white-opacity-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-opacity-75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-darkgreen-ivn, .bg-darkgreen-ivn-hover:hover {
  background-color: #073c24;
}
.bg-darkgreen-ivn-opacity-10 {
  background-color: rgba(7, 60, 36, 0.1);
}
.bg-darkgreen-ivn-opacity-25 {
  background-color: rgba(7, 60, 36, 0.25);
}
.bg-darkgreen-ivn-opacity-50 {
  background-color: rgba(7, 60, 36, 0.5);
}
.bg-darkgreen-ivn-opacity-75 {
  background-color: rgba(7, 60, 36, 0.75);
}
.bg-green-ivn, .bg-green-ivn-hover:hover {
  background-color: #009d4f;
}
.bg-green-ivn-opacity-10 {
  background-color: rgba(0, 157, 79, 0.1);
}
.bg-green-ivn-opacity-25 {
  background-color: rgba(0, 157, 79, 0.25);
}
.bg-green-ivn-opacity-50 {
  background-color: rgba(0, 157, 79, 0.5);
}
.bg-green-ivn-opacity-75 {
  background-color: rgba(0, 157, 79, 0.75);
}
.bg-lightgreen-ivn, .bg-lightgreen-ivn-hover:hover {
  background-color: #b5d05f;
}
.bg-lightgreen-ivn-opacity-10 {
  background-color: rgba(181, 208, 95, 0.1);
}
.bg-lightgreen-ivn-opacity-25 {
  background-color: rgba(181, 208, 95, 0.25);
}
.bg-lightgreen-ivn-opacity-50 {
  background-color: rgba(181, 208, 95, 0.5);
}
.bg-lightgreen-ivn-opacity-75 {
  background-color: rgba(181, 208, 95, 0.75);
}
.bg-turquoise-ivn, .bg-turquoise-ivn-hover:hover {
  background-color: #00a793;
}
.bg-turquoise-ivn-opacity-10 {
  background-color: rgba(0, 167, 147, 0.1);
}
.bg-turquoise-ivn-opacity-25 {
  background-color: rgba(0, 167, 147, 0.25);
}
.bg-turquoise-ivn-opacity-50 {
  background-color: rgba(0, 167, 147, 0.5);
}
.bg-turquoise-ivn-opacity-75 {
  background-color: rgba(0, 167, 147, 0.75);
}
.bg-gold, .bg-gold-hover:hover {
  background-color: #C8AD52;
}
.bg-gold-opacity-10 {
  background-color: rgba(200, 173, 82, 0.1);
}
.bg-gold-opacity-25 {
  background-color: rgba(200, 173, 82, 0.25);
}
.bg-gold-opacity-50 {
  background-color: rgba(200, 173, 82, 0.5);
}
.bg-gold-opacity-75 {
  background-color: rgba(200, 173, 82, 0.75);
}
.bg-darkgold, .bg-darkgold-hover:hover {
  background-color: #B59C4A;
}
.bg-darkgold-opacity-10 {
  background-color: rgba(181, 156, 74, 0.1);
}
.bg-darkgold-opacity-25 {
  background-color: rgba(181, 156, 74, 0.25);
}
.bg-darkgold-opacity-50 {
  background-color: rgba(181, 156, 74, 0.5);
}
.bg-darkgold-opacity-75 {
  background-color: rgba(181, 156, 74, 0.75);
}
.bg-hostagreen, .bg-hostagreen-hover:hover {
  background-color: #49686B;
}
.bg-hostagreen-opacity-10 {
  background-color: rgba(73, 104, 107, 0.1);
}
.bg-hostagreen-opacity-25 {
  background-color: rgba(73, 104, 107, 0.25);
}
.bg-hostagreen-opacity-50 {
  background-color: rgba(73, 104, 107, 0.5);
}
.bg-hostagreen-opacity-75 {
  background-color: rgba(73, 104, 107, 0.75);
}
.bg-darkhostagreen, .bg-darkhostagreen-hover:hover {
  background-color: #395254;
}
.bg-darkhostagreen-opacity-10 {
  background-color: rgba(57, 82, 84, 0.1);
}
.bg-darkhostagreen-opacity-25 {
  background-color: rgba(57, 82, 84, 0.25);
}
.bg-darkhostagreen-opacity-50 {
  background-color: rgba(57, 82, 84, 0.5);
}
.bg-darkhostagreen-opacity-75 {
  background-color: rgba(57, 82, 84, 0.75);
}
.bg-tchitolagreen, .bg-tchitolagreen-hover:hover {
  background-color: #BCCFC3;
}
.bg-tchitolagreen-opacity-10 {
  background-color: rgba(188, 207, 195, 0.1);
}
.bg-tchitolagreen-opacity-25 {
  background-color: rgba(188, 207, 195, 0.25);
}
.bg-tchitolagreen-opacity-50 {
  background-color: rgba(188, 207, 195, 0.5);
}
.bg-tchitolagreen-opacity-75 {
  background-color: rgba(188, 207, 195, 0.75);
}
.bg-darktchitolagreen, .bg-darktchitolagreen-hover:hover {
  background-color: #A9BAB0;
}
.bg-darktchitolagreen-opacity-10 {
  background-color: rgba(169, 186, 176, 0.1);
}
.bg-darktchitolagreen-opacity-25 {
  background-color: rgba(169, 186, 176, 0.25);
}
.bg-darktchitolagreen-opacity-50 {
  background-color: rgba(169, 186, 176, 0.5);
}
.bg-darktchitolagreen-opacity-75 {
  background-color: rgba(169, 186, 176, 0.75);
}
.bg-erevangrey, .bg-erevangrey-hover:hover {
  background-color: #4E4948;
}
.bg-erevangrey-opacity-10 {
  background-color: rgba(78, 73, 72, 0.1);
}
.bg-erevangrey-opacity-25 {
  background-color: rgba(78, 73, 72, 0.25);
}
.bg-erevangrey-opacity-50 {
  background-color: rgba(78, 73, 72, 0.5);
}
.bg-erevangrey-opacity-75 {
  background-color: rgba(78, 73, 72, 0.75);
}
.bg-mitiaroblue, .bg-mitiaroblue-hover:hover {
  background-color: #3D475A;
}
.bg-mitiaroblue-opacity-10 {
  background-color: rgba(61, 71, 90, 0.1);
}
.bg-mitiaroblue-opacity-25 {
  background-color: rgba(61, 71, 90, 0.25);
}
.bg-mitiaroblue-opacity-50 {
  background-color: rgba(61, 71, 90, 0.5);
}
.bg-mitiaroblue-opacity-75 {
  background-color: rgba(61, 71, 90, 0.75);
}
.bg-vasilakired, .bg-vasilakired-hover:hover {
  background-color: #5E404A;
}
.bg-vasilakired-opacity-10 {
  background-color: rgba(94, 64, 74, 0.1);
}
.bg-vasilakired-opacity-25 {
  background-color: rgba(94, 64, 74, 0.25);
}
.bg-vasilakired-opacity-50 {
  background-color: rgba(94, 64, 74, 0.5);
}
.bg-vasilakired-opacity-75 {
  background-color: rgba(94, 64, 74, 0.75);
}
.bg-lime, .bg-lime-hover:hover {
  background-color: #BCB4A6;
}
.bg-lime-opacity-10 {
  background-color: rgba(188, 180, 166, 0.1);
}
.bg-lime-opacity-25 {
  background-color: rgba(188, 180, 166, 0.25);
}
.bg-lime-opacity-50 {
  background-color: rgba(188, 180, 166, 0.5);
}
.bg-lime-opacity-75 {
  background-color: rgba(188, 180, 166, 0.75);
}
.bg-blackvarnish, .bg-blackvarnish-hover:hover {
  background-color: #4A4947;
}
.bg-blackvarnish-opacity-10 {
  background-color: rgba(74, 73, 71, 0.1);
}
.bg-blackvarnish-opacity-25 {
  background-color: rgba(74, 73, 71, 0.25);
}
.bg-blackvarnish-opacity-50 {
  background-color: rgba(74, 73, 71, 0.5);
}
.bg-blackvarnish-opacity-75 {
  background-color: rgba(74, 73, 71, 0.75);
}
.bg-darkbeige, .bg-darkbeige-hover:hover {
  background-color: #D5D2BC;
}
.bg-darkbeige-opacity-10 {
  background-color: rgba(213, 210, 188, 0.1);
}
.bg-darkbeige-opacity-25 {
  background-color: rgba(213, 210, 188, 0.25);
}
.bg-darkbeige-opacity-50 {
  background-color: rgba(213, 210, 188, 0.5);
}
.bg-darkbeige-opacity-75 {
  background-color: rgba(213, 210, 188, 0.75);
}
.bg-oldlace, .bg-oldlace-hover:hover {
  background-color: #F5EFDF;
}
.bg-oldlace-opacity-10 {
  background-color: rgba(245, 239, 223, 0.1);
}
.bg-oldlace-opacity-25 {
  background-color: rgba(245, 239, 223, 0.25);
}
.bg-oldlace-opacity-50 {
  background-color: rgba(245, 239, 223, 0.5);
}
.bg-oldlace-opacity-75 {
  background-color: rgba(245, 239, 223, 0.75);
}
.bg-alabaster, .bg-alabaster-hover:hover {
  background-color: #F2F2EB;
}
.bg-alabaster-opacity-10 {
  background-color: rgba(242, 242, 235, 0.1);
}
.bg-alabaster-opacity-25 {
  background-color: rgba(242, 242, 235, 0.25);
}
.bg-alabaster-opacity-50 {
  background-color: rgba(242, 242, 235, 0.5);
}
.bg-alabaster-opacity-75 {
  background-color: rgba(242, 242, 235, 0.75);
}
.bg-nickel, .bg-nickel-hover:hover {
  background-color: #797874;
}
.bg-nickel-opacity-10 {
  background-color: rgba(121, 120, 116, 0.1);
}
.bg-nickel-opacity-25 {
  background-color: rgba(121, 120, 116, 0.25);
}
.bg-nickel-opacity-50 {
  background-color: rgba(121, 120, 116, 0.5);
}
.bg-nickel-opacity-75 {
  background-color: rgba(121, 120, 116, 0.75);
}
.bg-blueoatmeal, .bg-blueoatmeal-hover:hover {
  background-color: #CBD0CC;
}
.bg-blueoatmeal-opacity-10 {
  background-color: rgba(203, 208, 204, 0.1);
}
.bg-blueoatmeal-opacity-25 {
  background-color: rgba(203, 208, 204, 0.25);
}
.bg-blueoatmeal-opacity-50 {
  background-color: rgba(203, 208, 204, 0.5);
}
.bg-blueoatmeal-opacity-75 {
  background-color: rgba(203, 208, 204, 0.75);
}
.bg-versaillesgrey, .bg-versaillesgrey-hover:hover {
  background-color: #D7D7CF;
}
.bg-versaillesgrey-opacity-10 {
  background-color: rgba(215, 215, 207, 0.1);
}
.bg-versaillesgrey-opacity-25 {
  background-color: rgba(215, 215, 207, 0.25);
}
.bg-versaillesgrey-opacity-50 {
  background-color: rgba(215, 215, 207, 0.5);
}
.bg-versaillesgrey-opacity-75 {
  background-color: rgba(215, 215, 207, 0.75);
}

.border-darkgreen,
.border-hover-darkgreen:hover {
  border-color: #1c483a !important;
}

.border-green,
.border-hover-green:hover {
  border-color: #588c26 !important;
}

.border-lightgreen,
.border-hover-lightgreen:hover {
  border-color: #a3c145 !important;
}

.border-red,
.border-hover-red:hover {
  border-color: #c42e4a !important;
}

.border-purple,
.border-hover-purple:hover {
  border-color: #7f3276 !important;
}

.border-darkgrey,
.border-hover-darkgrey:hover {
  border-color: #666666 !important;
}

.border-grey,
.border-hover-grey:hover {
  border-color: #999999 !important;
}

.border-lightgrey,
.border-hover-lightgrey:hover {
  border-color: #dcdcdc !important;
}

.border-orange,
.border-hover-orange:hover {
  border-color: #f7b267 !important;
}

.border-darkgreen-ivn,
.border-hover-darkgreen-ivn:hover {
  border-color: #073c24 !important;
}

.border-green-ivn,
.border-hover-green-ivn:hover {
  border-color: #009d4f !important;
}

.border-lightgreen-ivn,
.border-hover-lightgreen-ivn:hover {
  border-color: #b5d05f !important;
}

.border-turquoise-ivn,
.border-hover-turquoise-ivn:hover {
  border-color: #00a793 !important;
}

.border-gold,
.border-hover-gold {
  border-color: #C8AD52 !important;
}

.border-darkgold,
.border-hover-darkgold {
  border-color: #B59C4A !important;
}

.border-hostagreen,
.border-hover-hostagreen {
  border-color: #49686B !important;
}

.border-tchitolagreen,
.border-hover-tchitolagreen {
  border-color: #BCCFC3 !important;
}

.border-erevangrey,
.border-hover-erevangrey {
  border-color: #4E4948 !important;
}

.border-mitiaroblue,
.border-hover-mitiaroblue {
  border-color: #3D475A !important;
}

.border-vasilakired,
.border-hover-vasilakired {
  border-color: #5E404A !important;
}

.border-lime,
.border-hover-lime {
  border-color: #BCB4A6 !important;
}

.border-blackvarnish,
.border-hover-blackvarnish {
  border-color: #4A4947 !important;
}

.border-darkbeige,
.border-hover-darkbeige {
  border-color: #D5D2BC !important;
}

.border-oldlace,
.border-hover-oldlace {
  border-color: #F5EFDF !important;
}

.border-alabaster,
.border-hover-alabaster {
  border-color: #F2F2EB !important;
}

.border-nickel,
.border-hover-nickel {
  border-color: #797874 !important;
}

.border-blueoatmeal,
.border-hover-blueoatmeal {
  border-color: #CBD0CC !important;
}

.border-versaillesgrey,
.border-hover-versaillesgrey {
  border-color: #D7D7CF !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-6 {
  border-width: 6px !important;
}

.border-7 {
  border-width: 7px !important;
}

.border-8 {
  border-width: 8px !important;
}

.border-9 {
  border-width: 9px !important;
}

.border-10 {
  border-width: 10px !important;
}

.border-15 {
  border-width: 15px !important;
}

.border-20 {
  border-width: 20px !important;
}

.border-25 {
  border-width: 25px !important;
}

.text-darkgreen,
.text-hover-darkgreen:hover {
  color: #1c483a !important;
}

.text-green,
.text-hover-green:hover {
  color: #588c26 !important;
}

.text-lightgreen,
.text-hover-lightgreen:hover {
  color: #a3c145 !important;
}

.text-red,
.text-hover-red:hover {
  color: #c42e4a !important;
}

.text-purple,
.text-hover-purple:hover {
  color: #7f3276 !important;
}

.text-lightgrey,
.text-hover-lightgrey:hover {
  color: #dcdcdc !important;
}

.text-grey,
.text-hover-grey:hover {
  color: #999999 !important;
}

.text-darkgrey,
.text-hover-darkgrey:hover {
  color: #666666 !important;
}

.text-white,
.text-hover-white:hover {
  color: white !important;
}

.text-orange,
.text-hover-orange:hover {
  color: #f7b267 !important;
}

.text-darkgreen-ivn,
.text-hover-darkgreen-ivn:hover {
  color: #073c24 !important;
}

.text-green-ivn,
.text-hover-green-ivn:hover {
  color: #009d4f !important;
}

.text-lightgreen-ivn,
.text-hover-lightgreen-ivn:hover {
  color: #b5d05f !important;
}

.text-turquoise-ivn,
.text-hover-turquoise-ivn:hover {
  color: #00a793 !important;
}

.text-gold,
.text-hover-gold {
  color: #C8AD52 !important;
}

.text-hostagreen,
.text-hover-hostagreen {
  color: #49686B !important;
}

.text-tchitolagreen,
.text-hover-tchitolagreen {
  color: #BCCFC3 !important;
}

.text-erevangrey,
.text-hover-erevangrey {
  color: #4E4948 !important;
}

.text-mitiaroblue,
.text-hover-mitiaroblue {
  color: #3D475A !important;
}

.text-vasilakired,
.text-hover-vasilakired {
  color: #5E404A !important;
}

.text-lime,
.text-hover-lime {
  color: #BCB4A6 !important;
}

.text-blackvarnish,
.text-hover-blackvarnish {
  color: #4A4947 !important;
}

.text-darkbeige,
.text-hover-darkbeige {
  color: #D5D2BC !important;
}

.text-oldlace,
.text-hover-oldlace {
  color: #F5EFDF !important;
}

.text-alabaster,
.text-hover-alabaster {
  color: #F2F2EB !important;
}

.text-nickel,
.text-hover-nickel {
  color: #797874 !important;
}

.text-blueoatmeal,
.text-hover-blueoatmeal {
  color: #CBD0CC !important;
}

.text-versaillesgrey,
.text-hover-versaillesgrey {
  color: #D7D7CF !important;
}

.text-normal {
  font-weight: normal !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.button {
  font-family: "DINPro Medium";
  font-size: 18px;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5em 2em;
  border: none;
}
.button.front {
  font-size: 1rem;
  padding: 0.5rem 2em 0.5em 2em;
  border-radius: 0 0 15px 15px;
}
.button.btn-more {
  white-space: nowrap;
  padding: 0.5em 4.5em;
}
.button.btn-more.bg-darkgreen, .button.btn-more.bg-darkgreen-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(28, 72, 58), rgb(28, 72, 58) 100%);
}
.button.btn-more.bg-green, .button.btn-more.bg-green-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(88, 140, 38), rgb(88, 140, 38) 100%);
}
.button.btn-more.bg-lightgreen, .button.btn-more.bg-lightgreen-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(163, 193, 69), rgb(163, 193, 69) 100%);
}
.button.btn-more.bg-purple, .button.btn-more.bg-purple-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(127, 50, 118), rgb(127, 50, 118) 100%);
}
.button.btn-more.bg-red, .button.btn-more.bg-red-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(196, 46, 74), rgb(196, 46, 74) 100%);
}
.button.btn-more.bg-orange, .button.btn-more.bg-orange-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(247, 178, 103), rgb(247, 178, 103) 100%);
}
.button.btn-more.bg-grey, .button.btn-more.bg-grey-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(153, 153, 153), rgb(153, 153, 153) 100%);
}
.button.btn-more.bg-lightgrey, .button.btn-more.bg-lightgrey-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(220, 220, 220), rgb(220, 220, 220) 100%);
}
.button.btn-more.bg-darkgrey, .button.btn-more.bg-darkgrey-hover:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(102, 102, 102), rgb(102, 102, 102) 100%);
}
.button.btn-more.bg-darkgreen-ivn, .button.btn-more.bg-hover-darkgreen-ivn:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(7, 60, 36), rgb(7, 60, 36) 100%);
}
.button.btn-more.bg-green-ivn, .button.btn-more.bg-green-hover-ivn:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(0, 157, 79), rgb(0, 157, 79) 100%);
}
.button.btn-more.bg-lightgreen-ivn, .button.btn-more.bg-hover-lightgreen-ivn:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(181, 208, 95), rgb(181, 208, 95) 100%);
}
.button.btn-more.bg-turquoise-ivn, .button.btn-more.bg-hover-turquoise-ivn:hover {
  background: linear-gradient(-45deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(135deg, rgb(255, 255, 255) 2.1rem, transparent 0), linear-gradient(0deg, rgb(0, 167, 147), rgb(0, 167, 147) 100%);
}
.button.btn-more .bg-gold,
.button.btn-more .bg-hover-gold {
  background-color: #C8AD52 !important;
}
.button.btn-more .bg-darkgold,
.button.btn-more .bg-hover-darkgold {
  background-color: #B59C4A !important;
}
.button.btn-more .bg-hostagreen,
.button.btn-more .bg-hover-hostagreen {
  background-color: #49686B !important;
}
.button.btn-more .bg-tchitolagreen,
.button.btn-more .bg-hover-tchitolagreen {
  background-color: #BCCFC3 !important;
}
.button.btn-more .bg-erevangrey,
.button.btn-more .bg-hover-erevangrey {
  background-color: #4E4948 !important;
}
.button.btn-more .bg-mitiaroblue,
.button.btn-more .bg-hover-mitiaroblue {
  background-color: #3D475A !important;
}
.button.btn-more .bg-vasilakired,
.button.btn-more .bg-hover-vasilakired {
  background-color: #5E404A !important;
}
.button.btn-more .bg-lime,
.button.btn-more .bg-hover-lime {
  background-color: #BCB4A6 !important;
}
.button.btn-more .bg-blackvarnish,
.button.btn-more .bg-hover-blackvarnish {
  background-color: #4A4947 !important;
}
.button.btn-more .bg-darkbeige,
.button.btn-more .bg-hover-darkbeige {
  background-color: #D5D2BC !important;
}
.button.btn-more .bg-oldlace,
.button.btn-more .bg-hover-oldlace {
  background-color: #F5EFDF !important;
}
.button.btn-more .bg-alabaster,
.button.btn-more .bg-hover-alabaster {
  background-color: #F2F2EB !important;
}
.button.btn-more .bg-nickel,
.button.btn-more .bg-hover-nickel {
  background-color: #797874 !important;
}
.button.btn-more .bg-blueoatmeal,
.button.btn-more .bg-hover-blueoatmeal {
  background-color: #CBD0CC !important;
}
.button.btn-more .bg-versaillesgrey,
.button.btn-more .bg-hover-versaillesgrey {
  background-color: #D7D7CF !important;
}
.button.btn-more.btn-second {
  font-size: 1rem;
}
@media (max-width: 450px) {
  .button {
    font-size: 14px;
    padding: 0.5em 4em;
  }
  .button.front {
    font-size: 0.9rem;
    padding: 0.5em 4em;
  }
  .button.btn-more {
    padding: 0.5em 4em;
  }
}

.btn-icon {
  display: flex;
  align-items: center;
}
.btn-icon:hover > img {
  display: none;
}
.btn-icon:hover > img.d-none {
  display: inline !important;
}

.pastille {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.pastille-small {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.pastille-vsmall {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.hoverEffectLine:hover {
  border: 1px solid #c42e4a !important;
}

#overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.maxHeight {
  max-height: 370px;
  overflow: auto;
}

@media (min-width: 992px) {
  .maxHeight {
    max-height: 390px;
  }
}
@media (min-width: 1200px) {
  .maxHeight {
    max-height: 435px;
  }
}
.saas-pagination__nav {
  gap: 8px;
}

.saas-pagination__nav a,
.saas-pagination__nav span {
  min-width: 28px;
  height: 28px;
}

.saas-pagination__nav a {
  color: #212529;
}

.saas-pagination__nav a.active {
  background: #3D475A;
  color: #F2F2EB !important;
  font-weight: 600;
}

.saas-pagination__nav a.active:hover {
  color: #F2F2EB !important;
}

.saas-pagination__nav .disabled {
  color: #CBD0CC;
  cursor: not-allowed;
}

.saas-pagination__nav .dots {
  color: #CBD0CC;
}

a {
  text-decoration: none;
}

#ariane a {
  color: #666666;
}

/* Barre de défilement pour Webkit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
  width: 10px; /* largeur de la scrollbar */
  border-radius: 5px; /* arrondir les bords */
}

::-webkit-scrollbar-track {
  background-color: #dcdcdc; /* couleur de fond de la piste */
  border-radius: 5px; /* arrondir les bords */
}

::-webkit-scrollbar-thumb {
  background-color: #999999; /* couleur du bouton */
  border-radius: 5px; /* arrondir les bords */
}

/* Barre de défilement pour Gecko (Firefox) */
::-moz-scrollbar {
  width: 10px;
  border-radius: 5px;
}

::-moz-scrollbar-track {
  background-color: #dcdcdc;
  border-radius: 5px;
}

::-moz-scrollbar-thumb {
  background-color: #999999;
  border-radius: 5px;
}

/* Barre de défilement pour Microsoft Edge et Internet Explorer */
::-ms-scrollbar {
  width: 10px;
  border-radius: 5px;
}

::-ms-scrollbar-track {
  background-color: #dcdcdc;
  border-radius: 5px;
}

::-ms-scrollbar-thumb {
  background-color: #999999;
  border-radius: 5px;
}

button, input, optgroup, select, textarea {
  font-family: "DINPro Light";
  font-variant-ligatures: none;
  -webkit-font-feature-settings: "liga" off;
  -moz-font-feature-settings: "liga" off;
  -ms-font-feature-settings: "liga" off;
  font-feature-settings: "liga" off;
}

.accordion-button:focus {
  border: none;
  box-shadow: 0 0 0 0;
}

.accordionTitre > .accordion-header > button:not(.collapsed),
.accordion-button:not(.collapsed) {
  color: #c42e4a;
  background-color: white;
  font-family: "DINPro Medium";
}

body {
  font-family: "DINPro Light";
  font-size: 16px;
  -webkit-font-feature-settings: "liga" off;
  -moz-font-feature-settings: "liga" off;
  -ms-font-feature-settings: "liga" off;
  font-feature-settings: "liga" off;
  font-variant-ligatures: none;
}
body h1 {
  font-family: "DINPro Black";
  font-size: 1.7rem;
  margin-top: 0.5rem !important;
}
body h2 {
  font-family: "Neris Black";
  font-size: 1.5rem !important;
}
@media (max-width: 1600px) {
  body h2 {
    font-size: 1.35rem !important;
  }
}
body header {
  box-shadow: 0px 0px 10px 3px #666;
}

.alert > ul {
  margin: 0;
  padding: 0;
}
.alert > ul > li {
  list-style: none;
}

select:disabled,
input:disabled {
  cursor: not-allowed;
}

.modal .btn-close {
  top: 0.5rem;
  right: 0.5rem;
}

a.btn-img:hover img,
#reload:hover img {
  display: none;
}
a.btn-img:hover img.d-none,
#reload:hover img.d-none {
  display: inline !important;
}

.notifs {
  top: -0.25rem;
  left: -1rem;
  padding: 0rem 0.485rem;
}
.notifs.notifsButton {
  left: 2rem;
}
.notifs.notifsDashboard {
  top: 0.75rem;
  left: 8.75rem;
}

#calendar {
  width: 100%;
  max-height: 550px;
}

#calendar .fc-event-time,
#calendar .fc-event-title {
  font-size: 14px;
}

#calendar .fc-daygrid-day-number {
  padding: 4px 10px;
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}

#calendar .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}

#calendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  border-radius: 50%;
  color: white;
}

#calendar .fc-col-header-cell-cushion {
  color: #666666;
}

#calendar .fc-day-other {
  background-color: #f3f3f3;
}

#calendar .fc-button-primary {
  color: white;
}

@media (max-width: 1600px) {
  #calendar .fc-button-primary {
    font-size: 0.9em;
  }
}
#calendar .fc-list-event-dot {
  border: calc(var(--fc-list-event-dot-width) / 1) solid var(--fc-event-border-color);
  border-radius: calc(var(--fc-list-event-dot-width) / 1);
}

#calendar .fc-daygrid-event-dot {
  border: calc(var(--fc-daygrid-event-dot-width) / 1) solid var(--fc-event-border-color);
  border-radius: calc(var(--fc-daygrid-event-dot-width) / 1);
  margin-right: 0;
}

.input-group-text,
.form-control {
  font-size: 14px !important;
}

.trumbowyg-box {
  min-height: 500px !important;
}

.editeurSimple .trumbowyg-box {
  min-height: 150px !important;
}

.editeurHaut .trumbowyg-box {
  min-height: 260px !important;
}

.trumbowyg-editor {
  text-align: justify;
  background: white;
}
.trumbowyg-editor[contenteditable=true]:empty::before {
  content: attr(placeholder);
  color: #999;
}
.trumbowyg-editor table td, .trumbowyg-editor table th {
  border-width: 1px;
  border-color: #dcdcdc;
  padding: 0.5rem;
}
.trumbowyg-editor table th {
  text-align: center;
}

@media (min-width: 1200px) {
  .modal-dialog {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
  }
}
/* Cartes produits */
.produit-card {
  transition: all 0.25s ease;
  border-radius: 12px;
}

.produit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Header carte */
.produit-card .card-header {
  border-radius: 12px 12px 0 0;
}

/* Bouton modifier */
.produit-card .btn-outline-dark:hover {
  background-color: #1c483a;
  border-color: #1c483a;
  color: white;
}

/* Icône dans header */
.produit-card .bi-box {
  font-size: 1.2rem;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
body header {
  box-shadow: none;
  z-index: 10;
}
body main {
  flex: 1;
  margin-top: 4rem;
  margin-bottom: 10rem;
}
body main h1 {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 700;
}
body main h2 {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 400;
}
body main p {
  font-family: "LeanOSansFYW04", sans-serif;
  font-weight: 400;
}

nav[aria-label=breadcrumb] ol {
  background-color: transparent !important;
}
nav[aria-label=breadcrumb] .breadcrumb {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  color: #797874;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: #D7D7CF;
  font-size: 1rem;
  margin: 0 0.5rem;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #4A4947;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item a i {
  font-size: 0.95rem;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item a:hover {
  color: #C8AD52;
}
nav[aria-label=breadcrumb] .breadcrumb .breadcrumb-item.active span {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* -------------------------- Gestion du menu header -------------------------- */
nav.primary-navigation {
  margin: 0 auto;
  padding: 1.5rem 0;
  text-align: center;
  font-size: 1.5rem;
}
nav.primary-navigation ul {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
nav.primary-navigation ul li {
  list-style: none;
  position: relative;
  padding: 0 1rem;
  font-family: "LeanOSansFYW04", sans-serif;
  white-space: nowrap;
}
nav.primary-navigation ul li.nav-logo img {
  height: 7.4rem;
  width: auto;
  display: block;
}
nav.primary-navigation li a {
  color: #4A4947;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
nav.primary-navigation li a:hover {
  color: #C8AD52;
}
nav.primary-navigation ul li ul.dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  max-width: 14.9rem;
  background: white;
  box-shadow: 0 0.375rem 0.9375rem rgba(0, 0, 0, 0.15);
  text-align: left;
  transition: all 0.25s ease;
  z-index: 10;
  display: flex;
  flex-direction: column;
}
nav.primary-navigation ul li:hover > ul.dropdown {
  visibility: visible;
  opacity: 1;
}
nav.primary-navigation ul li ul.dropdown li {
  display: block;
  padding: 0;
  border: none;
  width: 100%;
}
nav.primary-navigation ul li ul.dropdown li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.2;
  max-width: 14.9rem;
  width: 100%;
  padding: 0.75rem 1.5rem;
  white-space: normal;
  background-color: transparent;
  transition: background-color 0.25s ease, color 0.25s ease;
  text-transform: none;
}
nav.primary-navigation ul li ul.dropdown li a:hover {
  background-color: #49686B;
  color: white;
}
nav.primary-navigation .nav-toggle {
  display: none;
}
@media (max-width: 1024px) {
  nav.primary-navigation .nav-toggle {
    display: block;
  }
}

/* =====================
   Responsive Mobile Menu header
   ===================== */
@media (max-width: 767px) {
  nav.primary-navigation ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    flex-direction: row; /* par défaut horizontal */
  }
  nav.primary-navigation ul li {
    display: none; /* caché par défaut */
    padding: 0;
  }
  nav.primary-navigation ul li.nav-toggle,
  nav.primary-navigation ul li.nav-logo {
    display: block; /* Ces éléments restent visibles */
  }
  nav.primary-navigation ul li.nav-logo img {
    height: 6rem;
  }
  nav.primary-navigation .nav-toggle {
    display: block;
    margin-right: 1rem;
  }
  nav.primary-navigation .nav-logo {
    display: block;
  }
  nav.primary-navigation.active {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #49686B;
    z-index: 9999; /* Assure-toi que le menu est au-dessus de tout autre contenu */
  }
  nav.primary-navigation.active ul {
    display: grid;
    grid-template-columns: 0.9fr; /* Une seule colonne */
    justify-items: stretch; /* Les éléments prennent toute la largeur */
    gap: 1rem;
    text-align: center;
  }
  nav.primary-navigation.active ul li {
    display: block;
    margin: 1rem 0;
  }
  nav.primary-navigation.active ul li a {
    color: white;
    font-size: 1.5rem;
    text-decoration: none;
    display: block;
  }
  nav.primary-navigation.active .nav-logo {
    display: none; /* Logo caché dans le menu ouvert */
    pointer-events: none;
  }
  nav.primary-navigation.active .nav-logo img {
    height: 6rem;
  }
  nav.primary-navigation.active .nav-toggle {
    top: 1.5rem;
    right: 9rem;
    margin: 0;
    z-index: 10000;
  }
  nav.primary-navigation.active .nav-toggle i {
    transform: none;
    font-size: 2rem;
    color: white;
  }
  nav.primary-navigation.active .nav-toggle i:before {
    content: "×";
    font-size: 2.5rem;
  }
  nav.primary-navigation.active .dropdown {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
  }
  nav.primary-navigation.active li > .dropdown {
    display: none;
  }
  nav.primary-navigation.active li.open > .dropdown {
    display: block;
    position: relative;
    padding-left: 2rem;
  }
  nav.primary-navigation.active li.open > .dropdown a {
    justify-content: start;
    text-align: start;
  }
  nav.primary-navigation.active li.open > .dropdown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: white;
  }
  nav.primary-navigation.active li.open > .dropdown a {
    padding: 0.5rem 1rem;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  nav.primary-navigation.active li.open > .dropdown a:hover {
    background-color: white;
    color: #49686B;
  }
  @-moz-document url-prefix() {
    nav.primary-navigation {
      transform: scale(1);
    }
  }
}
/* -------------------------- Gestion du footer -------------------------- */
.footer {
  background-color: #49686B;
  color: #fff;
  position: relative;
  text-align: center;
}
.footer-logo {
  position: relative;
}
.footer-logo img {
  height: 150px;
  display: block;
}
.footer-small {
  text-align: start;
}
.footer-small small {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
}
.footer-socials {
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.footer .social-icon {
  height: 35px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.footer {
  /* ===============================
     ACCÈS / HORAIRES / CONTACT
     =============================== */
}
.footer-infos {
  display: flex;
  justify-content: center;
  gap: 100px;
  padding: 0 30px;
}
.footer-infos > div {
  display: flex;
  flex-direction: column;
}
.footer-infos > div:nth-child(2) {
  align-items: center;
  text-align: center;
}
.footer-infos-horaires {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .footer-infos-horaires {
    flex-direction: column;
    align-items: center;
  }
}
.footer-infos h2 {
  margin-bottom: 15px;
  font-size: 35px !important;
}
.footer-infos h3,
.footer-infos h4 {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
.footer-infos h3 {
  font-size: 20px !important;
}
.footer-infos h4 {
  font-size: 15px !important;
}
.footer-commune {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  width: max-content;
}
.footer-commune-logo {
  margin-bottom: 10px;
  align-self: center;
}
.footer-commune-logo img {
  height: 90px;
  object-fit: contain;
}
.footer-commune small {
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  white-space: normal;
}
.footer .labels {
  margin: 0 auto;
  padding: 1.5rem 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.footer .labels img {
  height: 90px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .footer-logo {
    position: relative;
    padding-left: 20px;
    padding-top: 3rem;
    text-align: center;
  }
  .footer-logo img {
    height: 100px;
    display: block;
    margin: 0 auto;
  }
  .footer-infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 0 50px;
    margin-bottom: 20%;
  }
  .footer-texte {
    display: flex;
    flex-direction: column;
    padding: 40px 50px 0 50px;
  }
  .footer-small {
    margin-left: 0;
    text-align: center;
    margin-bottom: 30px;
  }
  .footer .small-texte {
    order: 2;
    margin: 0;
  }
  .footer .small-texte small {
    font-size: 10px;
  }
  .footer-socials {
    display: block;
  }
  .footer-socials .social-icon {
    margin-right: 10px;
  }
  .footer-commune {
    margin: 0 0 20% 0;
    width: 100%;
    align-items: center;
  }
  .footer .labels {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .footer .labels img:nth-of-type(2) {
    height: 60px;
  }
}
/* -------------------------- Gestion du a la une -------------------------- */
.a-la-une {
  background-color: #49686B;
  padding: 2rem;
  flex-direction: column;
  margin-top: 2.5rem;
  color: white;
  position: relative;
}
.a-la-une .actu-card {
  border-radius: 8px;
  margin-bottom: 1rem;
  display: flex;
}
.a-la-une .actu-card .actu-image {
  position: relative;
  float: left;
  margin-top: -120px;
  padding: 10px 20px;
}
.a-la-une .actu-card .actu-image img {
  display: block;
  height: auto;
  width: 100%;
}
.a-la-une .actu-card .actu-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.a-la-une .actu-card .actu-info {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.a-la-une .actu-card .actu-info .actu-title {
  font-size: 3.25rem !important;
  margin: 0 0 0.5rem 0;
}
.a-la-une .actu-card .actu-info .actu-title .sousTitre {
  font-size: 3rem !important;
}
.a-la-une .actu-card .actu-info .actu-dates {
  font-size: 1.2rem;
}
.a-la-une .actu-card.inactive {
  display: none;
}
.a-la-une .actu-card.active {
  display: flex;
}
.a-la-une .actu-nav-dots-wrapper {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1.5rem;
  margin-top: -5rem;
  margin-right: 20rem;
}
.a-la-une .actu-nav-dots-wrapper .actu-nav {
  display: flex;
  gap: 1.5rem;
}
.a-la-une .actu-nav-dots-wrapper .actu-nav .nav-arrow {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.a-la-une .actu-nav-dots-wrapper .actu-nav .nav-arrow:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.a-la-une .actu-nav-dots-wrapper .actu-nav .nav-arrow i {
  color: #fff;
  font-size: 1.5rem;
}
.a-la-une .actu-nav-dots-wrapper .actu-pagination {
  display: flex;
  gap: 0.5rem;
}
.a-la-une .actu-nav-dots-wrapper .actu-pagination .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background-color 0.3s;
}
.a-la-une .actu-nav-dots-wrapper .actu-pagination .dot.active {
  background-color: #fff;
}

@media (max-width: 767px) {
  .a-la-une .actu-card .actu-info .actu-title {
    font-size: 2rem !important;
  }
  .a-la-une .actu-nav-dots-wrapper {
    margin: 0 3rem;
  }
}
.bande-reseaux {
  background-color: #F2F2F2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}
.bande-reseaux h2 {
  font-size: 2rem !important;
  margin-bottom: 2rem;
  text-align: center;
}
.bande-reseaux .reseau-social {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.bande-reseaux .reseau-social .social-icon {
  height: 3rem;
  width: auto;
  cursor: pointer;
}

/* -------------------------- Gestion base commune -------------------------- */
main h1 {
  color: #49686B;
  font-size: 3rem;
  text-transform: uppercase;
}
main h1 .sousTitre {
  font-size: 2.65rem;
}
main h2 {
  font-size: 2.5rem !important;
  color: #C8AD52;
}
main h3 {
  font-size: 2rem !important;
}
main .image-musee {
  height: 35rem;
  width: auto;
  object-fit: cover;
}
main .btn-continer a {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  background: linear-gradient(to left, #C8AD52 33%, transparent 33%);
  transition: all 0.3s ease;
}
main .btn-continer a::after {
  content: "→";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
  transition: all 0.3s ease;
}
main .btn-continer a:hover {
  background: #C8AD52;
}
main .btn-continer a:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
main .image-wrapper {
  position: relative;
  display: inline-block;
}
main .case-verte {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #BCCFC3;
  padding: 1.5rem 3rem;
  text-align: center;
  z-index: 2;
  width: 105%;
}
main .case-verte h2 {
  text-transform: uppercase;
  margin: 0;
  color: #3D475A;
  font-size: 2.2rem;
}
main .text-non-titre {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
main .description-evenement {
  max-width: 90%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
main .carousel-img {
  max-height: 600px;
  object-fit: cover;
  width: auto;
  margin: 0 auto;
}
main {
  /* =====================
            collection
     ===================== */
}
main .lien:hover {
  color: #C8AD52 !important;
}
main .carrousel-description {
  font-size: 1.1rem;
}
main {
  /* =====================
         Exposition
  ===================== */
}
main .expo-highlight__card {
  background: #F2F2F2;
  z-index: 2;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #000;
  text-align: center;
  color: #3D475A;
}
main .expo-highlight__card h3 {
  margin-bottom: 1rem;
  font-weight: 700;
}
main .expo-highlight__card p {
  margin: 0;
  font-size: 1rem;
}
main .expo-col,
main .expo-col-5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  justify-items: center;
}
main .expo-col-5,
main .expo-col-5-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 767px) {
  main .expo-col-5,
  main .expo-col-5-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main .expo-col a .expo-future__image, main .expo-col-5 a .expo-future__image,
main .expo-col-5 a .expo-future__image,
main .expo-col-5-5 a .expo-future__image {
  position: relative;
}
main .expo-col a .expo-future__image img, main .expo-col-5 a .expo-future__image img,
main .expo-col-5 a .expo-future__image img,
main .expo-col-5-5 a .expo-future__image img {
  width: 100%;
  height: auto;
}
main .expo-col a .expo-future__description, main .expo-col-5 a .expo-future__description,
main .expo-col-5 a .expo-future__description,
main .expo-col-5-5 a .expo-future__description {
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
main .expo-col a:hover .expo-future__description, main .expo-col-5 a:hover .expo-future__description,
main .expo-col-5 a:hover .expo-future__description,
main .expo-col-5-5 a:hover .expo-future__description {
  display: block;
}
main .expo-col a:hover img, main .expo-col-5 a:hover img,
main .expo-col-5 a:hover img,
main .expo-col-5-5 a:hover img {
  box-shadow: 0 0 15px 1px #999;
}
main .expo-col a:hover .expo-future__card, main .expo-col-5 a:hover .expo-future__card,
main .expo-col-5 a:hover .expo-future__card,
main .expo-col-5-5 a:hover .expo-future__card {
  box-shadow: 0 4px 10px -2px #999;
}
main .expo-future__card {
  background-color: #BCCFC3;
  color: black;
  padding: 0.5rem 1rem;
  text-align: center;
  font-weight: 600;
  position: relative;
  z-index: 2;
}
main .expo-future__card h3 {
  margin: 0;
  font-size: 1.2rem;
}
main {
  /* =====================
          Evenement
  ===================== */
}
main .evenement-container {
  width: 100%;
  position: relative;
}
main .evenement-container .evenement-header {
  display: flex;
  align-items: center;
  background-color: #BCCFC3;
  padding: 2rem;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  min-height: 200px;
}
main .evenement-container .evenement-header .evenement-image {
  flex-shrink: 0;
  margin-top: -50px;
  margin-bottom: -50px;
}
main .evenement-container .evenement-header .evenement-image img {
  display: block;
}
main .evenement-container .evenement-header .evenement-title h1 {
  margin: 0;
}
main .evenement-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  margin-top: 3rem;
}
main .evenement-description {
  flex: 2;
}
main .evenement-dates h3 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
main .evenement-dates .date-item {
  display: flex;
  justify-content: space-between;
}
main .evenement-dates .date-item .label {
  font-weight: 600;
  color: #666;
}
main .evenement-dates .date-item .value {
  font-weight: 700;
  color: #222;
}
main .return .back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-weight: 600;
  margin-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
main .return .back-link .arrow {
  color: black;
  width: 40px;
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease;
}
main .return .back-link .arrow:hover svg {
  fill: #C8AD52;
}
main .return .back-link .back-text {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  white-space: nowrap;
}
main .return .back-link:hover {
  color: #C8AD52;
}
main .return .back-link:hover .back-text {
  opacity: 1;
  transform: translateX(0);
}
main .produit .expo-future__image img {
  width: 200px;
}
main {
  /* =====================
          Agenda
  ===================== */
}
main .no-event {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  text-align: center;
}
main .filter-box {
  background-color: #C8AD52;
  border-radius: 20px;
  width: 320px;
  margin: 0 auto;
  text-align: center;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
main .filter-toggle {
  background: none;
  border: none;
  font-size: 1.1rem;
  font-weight: 700;
  color: black;
  cursor: pointer;
  padding: 0.8rem 1.2rem;
}
main .filter-content {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
main .filter-content select {
  background-color: white;
  border: none;
  border-radius: 12px;
  padding: 0.6rem;
}
main .filter-box.active {
  padding: 1.5rem;
}
main .filter-box.active .filter-content {
  max-height: 300px;
  opacity: 1;
}
main .calendar {
  max-width: 600px;
  margin: 0 auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  padding: 1rem;
}
main .calendar h4 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: black;
}
main .calendar .d-flex.justify-content-between a {
  color: black;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}
main .calendar .d-flex.justify-content-between a:hover {
  color: #C8AD52;
}
main .calendar .row.text-center.fw-bold div {
  background-color: #f0f0f0;
  padding: 0.5rem 0;
  border: 1px solid #ddd;
  font-weight: 700;
  color: #333;
}
main .calendar .row.text-center div {
  border: 1px solid #eee;
  padding: 0.75rem 0;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
main .calendar .row.text-center div a {
  text-decoration: none;
  color: #222;
  width: 100%;
  display: block;
}
main .calendar .row.text-center div a:hover {
  background-color: #CBD0CC;
  border-radius: 8px;
}
main .calendar .row.text-center div.text-muted {
  color: #aaa;
}
main .calendar .row.text-center div.bg-primary {
  background-color: #C8AD52;
  color: #fff;
  border-radius: 8px;
}
main .calendar .row.text-center div.bg-primary a {
  color: #fff;
}
main .calendar .btn-aujourd-hui {
  background-color: #fff;
  border: 1px solid #C8AD52;
  color: black;
  padding: 0.3rem 0.8rem;
  border-radius: 12px;
  font-weight: 600;
  transition: all 0.2s ease;
}
main .calendar .btn-aujourd-hui:hover {
  background-color: #C8AD52;
  color: black !important;
}
@media (max-width: 768px) {
  main .calendar .row.text-center.fw-bold div,
  main .calendar .row.text-center div {
    font-size: 0.85rem;
    min-height: 50px;
    padding: 0.5rem 0;
  }
  main .calendar h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  main .calendar .d-flex {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  main .calendar h4 {
    font-size: 1.1rem;
  }
  main .calendar .row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  main .calendar .col {
    min-height: 40px;
    font-size: 12px;
    padding: 4px;
  }
  main .calendar a {
    padding: 4px;
    font-size: 12px;
  }
  main .calendar .fw-bold {
    font-size: 12px;
  }
}
main {
  /* =====================
      Les evenemenets
  ===================== */
}
main .evenement-page .row {
  display: flex;
  flex-wrap: wrap;
}
main .evenement-page p.date-evenement {
  text-align: center;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: #333;
}
main .evenement-page .type-evenement {
  display: inline-block;
  background-color: #C8AD52;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 12px;
  font-weight: 600;
  margin: 1rem auto;
  text-align: center;
}
main .evenement-page .expo-future__image {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
main .evenement-page .expo-future__image img {
  width: 100%;
  max-width: 300px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
main .evenement-page .evenement-info h2.leanBold {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
main .evenement-page .evenement-info p {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
main {
  /* =====================
         Boutique
  ===================== */
}
main .produits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  main .produits-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .produit-item {
  position: relative;
  padding-left: 50px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
main .produit-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #3D475A;
}
main .produit-item:hover img {
  transform: scale(1.05);
}
main .produit-item .evenement-image {
  margin-bottom: 15px;
}
main .produit-item .evenement-image img {
  height: 200px;
  display: block;
  object-fit: cover;
  transition: transform 0.4s ease;
}
main .produit-item h3 {
  margin: 10px 0 5px;
  font-size: 1.2rem !important;
}
main .produit-item p {
  margin: 0;
}
main {
  /* =====================
           Produit
  ===================== */
}
main .boutique .produit {
  margin-top: 40px;
}
main .boutique .produit__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}
main .boutique .produit__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main .boutique .produit__titre {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 15px;
}
main .boutique .produit__description {
  position: relative;
}
main .boutique .produit__description .description__content {
  max-height: 120px;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
main .boutique .produit__description.open .description__content {
  max-height: 1000px;
}
main .boutique .produit__description .description__toggle {
  margin-top: 10px;
  background: none;
  border: none;
  color: black;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
}
main .boutique .produit__prix {
  font-size: 22px;
  font-weight: bold;
  margin-top: 20px;
}
main .boutique .produit .produit__caracteristiques {
  margin-top: 50px;
}
main .boutique .produit .produit__caracteristiques .caracteristiques__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-top: 2px solid black;
  font-weight: 600;
}
main .boutique .produit .produit__caracteristiques .caracteristiques__toggle {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}
main .boutique .produit .produit__caracteristiques .caracteristiques__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}
main .boutique .produit .produit__caracteristiques .caracteristiques__bottom {
  border-bottom: 2px solid black;
  transition: margin-top 0.3s ease;
}
main .boutique .produit .produit__caracteristiques.open .caracteristiques__content {
  max-height: 1000px;
  padding: 20px 0;
}
main .boutique .produit .produit__caracteristiques.open .caracteristiques__bottom {
  margin-top: 10px;
}
@media (max-width: 767px) {
  main .boutique .produit .produit__info {
    margin-top: 2rem;
  }
}
main {
  /* =====================
         Visiter
  ===================== */
}
main .categorie-item .thin-hr {
  width: 35%; /* ajuste à la longueur souhaitée */
  margin: 0 !important; /* supprime toute marge externe */
  border: 0;
  border-top: 1px solid black;
}
main .categorie-item a {
  position: relative;
  color: black;
  text-decoration: none;
  display: inline-block;
  padding: 5px 30px 5px 10px;
  font-size: 16px;
}
main .categorie-item a::first-letter {
  text-transform: uppercase;
}
main .categorie-item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C8AD52;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: -1;
}
main .categorie-item a:hover::before {
  transform: scaleX(1);
}

@media (max-width: 767px) {
  main {
    align-items: center;
    text-align: start;
  }
  main h1 {
    font-size: 2.2rem !important;
  }
  main h2 {
    font-size: 1.8rem !important;
  }
  main h3 {
    font-size: 1.4rem !important;
  }
  main .row {
    flex-direction: column;
  }
  main {
    /* =====================
            Histoire
    ===================== */
    /* Texte toujours au-dessus */
  }
  main .texte-gauche,
  main .texte-droite {
    order: 1;
    padding-left: 1rem !important;
  }
  main {
    /* Images toujours en dessous */
  }
  main .image-gauche,
  main .image-droite {
    order: 2;
    text-align: center;
  }
  main .image-musee {
    height: auto;
    max-height: 25rem;
    width: 100%;
  }
  main {
    /* =====================
            Contact
    ===================== */
  }
  main .contact-mb {
    margin-bottom: 1.5rem;
  }
  main .center {
    text-align: center !important;
  }
  main .btn-continer {
    justify-content: center !important;
    order: 3;
    margin-top: 1rem;
  }
  main .expo-col {
    grid-template-columns: none;
  }
}
/* -------------------------- Gestion visiter -------------------------- */
.visit-links a {
  position: relative;
  display: block;
  width: fit-content;
  font-size: 1.1rem;
  padding: 0 1.2rem 0.6rem 0;
  margin-bottom: 1rem;
  text-decoration: none;
  color: inherit;
}
.visit-links a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #C8AD52;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: -1;
}
.visit-links a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 23rem;
  height: 1px;
  background-color: #000;
}
.visit-links a:hover::before {
  transform: scaleX(1);
}

@-moz-document url-prefix() {
  nav.primary-navigation {
    transform: scale(0.9);
  }
  .footer {
    font-size: 90%; /* réduire légèrement la taille du texte */
  }
  .footer-logo img {
    height: 135px; /* 150px * 0.9 */
  }
  .labels img {
    height: 81px;
  }
  .footer-small small,
  .footer-infos h2,
  .footer-infos h3,
  .footer-infos h4 {
    font-size: 90%; /* ou valeurs précises */
  }
}
/* Ajouté par Anaïs, à revoir par Morgane */
.event:hover {
  box-shadow: 0 0 15px 1px #999;
}

.carousel-indicators ::marker {
  color: transparent;
}

/* =====================
        Actualités
===================== */
.actualite-container {
  width: 100%;
  position: relative;
}
.actualite-container .actualite-header {
  display: flex;
  align-items: center;
  padding: 2rem;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  min-height: 200px;
}
.actualite-container .actualite-header .actualite-image {
  flex-shrink: 0;
  margin-top: -70px;
  margin-bottom: -70px;
}
.actualite-container .actualite-header .actualite-image img {
  display: block;
}

.expo-highlight__card .expoDescription {
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.expo-highlight__card:hover .expoDescription {
  display: flex;
}

.mt-2rem {
  margin-left: 2rem;
}

.mt-6 {
  margin-top: 4rem;
}

.mt-7 {
  margin-top: 6rem;
}

@media (max-width: 768px) {
  .mt-md-2rem {
    margin-left: 2rem;
  }
  .mt-md-6 {
    margin-top: 4rem;
  }
  .mt-md-7 {
    margin-top: 6rem;
  }
  .ps-075-mobile {
    padding-left: 0.75rem;
  }
}
@media (max-width: 992px) {
  .mt-lg-2rem {
    margin-left: 2rem;
  }
  .mt-lg-6 {
    margin-top: 4rem;
  }
  .mt-lg-7 {
    margin-top: 6rem;
  }
}

/*# sourceMappingURL=front.css.map */