<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(255,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(259,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(260,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(269,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(273,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_s300'
(289,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc-sombre'
(294,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-38'
(295,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(296,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h1-color'
(302,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-24'
(303,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(304,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h2-color'
(310,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-20'
(311,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(312,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h3-color'
(318,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-18'
(319,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(320,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h4-color'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(327,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(328,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h5-color'
(334,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(335,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(336,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_p-color'
(342,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(343,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(349,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(350,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(354,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(355,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(356,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_noir'
(360,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(361,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(362,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(369,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(373,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-09'
(376,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(410,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_n30'
(479,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_t400'
(523,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_t300'
(524,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n10'
(525,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_t400'
(529,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_t310'
(534,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_p300'
(535,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n10'
(536,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_p400'
(540,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_p310'
(544,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_p400'
(549,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(550,29): run-time error CSS1039: Token not allowed after unary operator: '-pic_n90'
(561,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_n80'
(562,29): run-time error CSS1039: Token not allowed after unary operator: '-pic_n80'
(563,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(568,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_n20'
(569,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_s100'
(570,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n400'
(574,32): run-time error CSS1039: Token not allowed after unary operator: '-pic_s500'
(578,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s100'
(582,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s500'
(596,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_n40'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_n40'
(598,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n70'
(603,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_n70'
(607,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_n70'
(639,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-clair'
(640,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_n200'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_s200'
(685,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_t310'
(689,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_p300'
(719,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_color-neutral'
(764,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-tres-sombre'
(765,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(766,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-20'
(767,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(782,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(809,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-28'
(810,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(811,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h1-color'
(817,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-18'
(818,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(819,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n800'
(826,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-20'
(827,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(828,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_h1-color'
(856,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(860,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(865,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(866,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(867,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_rouge'
(872,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-300'
(881,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_p50'
(887,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_t50'
(895,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_t50'
(905,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_t50'
(915,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_p200'
(916,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(917,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(918,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(954,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '180px'
(979,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_color-primary'
(980,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-500'
(997,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1002,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_n50'
(1007,32): run-time error CSS1039: Token not allowed after unary operator: '-pic_n40'
(1042,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1046,41): run-time error CSS1046: Expect comma, found '0'
(1046,45): run-time error CSS1046: Expect comma, found '/'
(1047,49): run-time error CSS1046: Expect comma, found '0'
(1047,53): run-time error CSS1046: Expect comma, found '/'
(1059,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1060,41): run-time error CSS1046: Expect comma, found '0'
(1060,45): run-time error CSS1046: Expect comma, found '/'
(1061,49): run-time error CSS1046: Expect comma, found '0'
(1061,53): run-time error CSS1046: Expect comma, found '/'
(1092,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1098,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-700'
(1099,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1109,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_animation'
(1112,32): run-time error CSS1039: Token not allowed after unary operator: '-pic_neg-height-bandeau'
(1129,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-tres-sombre'
(1145,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_s300'
(1155,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s300'
(1158,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s500'
(1161,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-tres-sombre'
(1167,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1179,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1187,30): run-time error CSS1039: Token not allowed after unary operator: '-pic_animation-rapide'
(1199,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_s300'
(1201,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1203,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_animation'
(1207,32): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-sombre'
(1213,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1217,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-400'
(1232,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1233,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_animation'
(1234,33): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1243,37): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1247,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_p500'
(1254,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_animation-rapide'
(1265,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1290,29): run-time error CSS1039: Token not allowed after unary operator: '-pic_n60'
(1293,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n80'
(1297,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n80'
(1300,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_n80'
(1313,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1314,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(1316,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-09'
(1333,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1334,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(1338,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1339,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(1349,23): run-time error CSS1039: Token not allowed after unary operator: '-pic_weight-600'
(1367,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1378,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(1379,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1474,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1502,25): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(1543,32): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-tres-sombre'
(1547,26): run-time error CSS1039: Token not allowed after unary operator: '-pic_gris-tres-sombre'
(1551,25): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-12'
(1557,25): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-10'
(1617,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s500'
(1622,28): run-time error CSS1039: Token not allowed after unary operator: '-pic_noir'
(1628,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_s500'
(1646,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-14'
(1647,17): run-time error CSS1039: Token not allowed after unary operator: '-pic_blanc'
(1651,21): run-time error CSS1039: Token not allowed after unary operator: '-pic_size-24'
(1663,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_vert'
(1679,22): run-time error CSS1039: Token not allowed after unary operator: '-pic_color-neutral'
 */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* FIN Reset */


/* &lt; ============================================  VARIABLES root  ============================================ &gt; */

:root {
    /* -------------------- */
    /* -- DEBUT Couleurs -- */

    /* primary colors */
    /* p */
    --pic_p50:  #EEF6EB;
    --pic_p75:  #BADAAB;
    --pic_p100: #9DCB89;
    --pic_p200: #73B456;
    --pic_p300: #56A533; /* &lt;- primary */
    --pic_p310: #4D942E;
    --pic_p400: #3C7324;
    --pic_p500: #34651F;


    /* secondary colors */
    /* s */
    --pic_s50:  #EAEAEA;
    --pic_s75:  #A7A7A7;
    --pic_s100: #828282;
    --pic_s200: #4D4D4D; /* &lt;- secondary */
    --pic_s300: #282828;
    --pic_s400: #1C1C1C; /* &lt;- secondary */
    --pic_s500: #181818;
   

    /* tertiary colors */
    /* t */
    --pic_t50:  #FEEBEB;
    --pic_t75:  #FAADAB;
    --pic_t100: #F78B89;
    --pic_t200: #F45956;
    --pic_t300: #f23733; /* &lt;- tertiary */
    --pic_t310: #E0312D;
    --pic_t400: #A92724;
    --pic_t500: #94221F;


    /* neutral colors */
    /* n */
    --pic_n0:   #FFFFFF;
    --pic_n10:  #FAFBFB;
    --pic_n20:  #F5F6F7;
    --pic_n30:  #EBEDF0;
    --pic_n40:  #DFE2E6;
    --pic_n50:  #C2C7D0;
    --pic_n60:  #B3B9C4;
    --pic_n70:  #A6AEBB;
    --pic_n80:  #98A1B0;
    --pic_n90:  #8993A4; /* &lt;- neutral */
    --pic_n100: #7A8699;
    --pic_n200: #6B788E;
    --pic_n300: #5D6B82;
    --pic_n400: #505F79;
    --pic_n500: #42526D;
    --pic_n600: #354764;
    --pic_n700: #243757;
    --pic_n800: #15294B;
    --pic_n900: #091E42;


    /* success colors */
    /* su */
    --pic_su50:  #E8FCF2;
    --pic_su75:  #A1F1C8;
    --pic_su100: #7AEBB1;
    --pic_su200: #41E38F;
    --pic_su300: #1ADD78;
    --pic_su400: #129B54;
    --pic_su500: #108749;


    /* warning colors */
    /* w */
    --pic_w50:  #FEF8E6;
    --pic_w75:  #FAE399;
    --pic_w100: #F7D86F;
    --pic_w200: #F4C731;
    --pic_w300: #F2BB07;
    --pic_w400: #A98305;
    --pic_w500: #947204;


    /* danger colors */
    /* d */ 
    --pic_d50:  #FFF0EA;
    --pic_d75:  #FEBFA9;
    --pic_d100: #FDA585;
    --pic_d200: #FD7E51;
    --pic_d300: #FC642D; /* &lt;- danger */
    --pic_d400: #B0461F;
    --pic_d500: #9A3D1B;


    /* RECAP */
    --pic_color-primary:   var(--pic_p300);
    --pic_color-secondary: var(--pic_s200);
    --pic_color-neutral:   var(--pic_n90);
    --pic_color-tertiary:  var(--pic_t300);
/*    --pic_color-success:   var(--pic_);
    --pic_color-warning:   var(--pic_);
    --pic_color-danger:    var(--pic_);*/

    --pic_blanc:            #FFFFFF;
    --pic_blanc-sombre:     #F5F5F5;
    --pic_vert:             var(--pic_color-primary);
    --pic_gris-tres-sombre: var(--pic_s400);
    --pic_gris-sombre:      var(--pic_s200);
    --pic_gris-clair:       var(--pic_n90);
    --pic_gris:             var(--pic_gris-sombre);
    --pic_rouge:            var(--pic_t300);
    --pic_bleu :            #48B1C8;
    --pic_noir :            #010101;
    --pic_vertstock:        #31e12d;

    /* -- FIN Couleurs -- */
    /* ------------------ */


    /* ------------------------- */
    /* -- DEBUT Font / textes -- */

    /* sizes */
    --pic_size-09: 0.9em;
    --pic_size-10: 1.0em;
    --pic_size-12: 1.2em;
    --pic_size-14: 1.4em;
    --pic_size-18: 1.8em;
    --pic_size-20: 2.0em;
    --pic_size-24: 2.4em;
    --pic_size-28: 2.8em;
    --pic_size-35: 3.5em;
    --pic_size-38: 3.8em;
    --pic_size-48: 4.8em;
    --pic_size-60: 6.0em;

    /* weight */
    --pic_weight-100: 100;
    --pic_weight-200: 200;
    --pic_weight-300: 300;
    --pic_weight-400: 400;
    --pic_weight-500: 500;
    --pic_weight-600: 600;
    --pic_weight-700: 700;

    /* colors */
    --pic_h1-color: var(--pic_vert);   
    --pic_h2-color: var(--pic_color-secondary);   
    --pic_h3-color: var(--pic_gris-sombre);   
    --pic_h4-color: var(--pic_gris-sombre);   
    --pic_h5-color: var(--pic_n600);   
    --pic_p-color:  var(--pic_noir);

    /* -- FIN Font / textes -- */
    /* ----------------------- */

    

    /* ------------------------- */
    /* -- DEBUT Animations -- */
    
    --pic_animation-rapide : 0.2s;
    --pic_animation :        0.5s;
    --pic_animation-lente :  0.9s;

    /* -- FIN Animations -- */
    /* ----------------------- */
}

/* ================================ */
/* Selection texte                */
/* ================================ */
::-moz-selection {
    color: var(--pic_blanc);
    background: var(--pic_vert);
}

::selection {
    color: var(--pic_blanc);
    background: var(--pic_vert);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--pic_gris-clair) !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--pic_gris-clair) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--pic_gris-clair) !important;
}

/* ================================ */
/* Font et texte                 */
/* ================================ */
html {
    font-family: 'Poppins', sans-serif;
    background-color: var(--pic_s300);
    font-size: 10px;
}
p, h1, h2, h3, h4, h5, h6, span,div, input, text, textarea{
    font-family: 'Poppins', sans-serif;
}

.pic_main {
    background-color: var(--pic_blanc-sombre);
    min-height: calc(100vh - 640px);
}

h1, .pic_h1 {
    font-size: var(--pic_size-38);
    font-weight: var(--pic_weight-600);
    color: var(--pic_h1-color);
    line-height: 1.2;
    position: relative;
}

h2, .pic_h2 {
    font-size: var(--pic_size-24);
    font-weight: var(--pic_weight-600);
    color: var(--pic_h2-color);
    line-height: 1.2;
    position: relative;
}

h3, .pic_h3 {
    font-size: var(--pic_size-20);
    font-weight: var(--pic_weight-600);
    color: var(--pic_h3-color);
    line-height: 1.2;
    position: relative;
}

h4, .pic_h4 {
    font-size: var(--pic_size-18);
    font-weight: var(--pic_weight-600);
    color: var(--pic_h4-color);
    line-height: 1.2;
    position: relative;
}

h5, .pic_h5 {
    font-size: var(--pic_size-14);
    font-weight: var(--pic_weight-700);
    color: var(--pic_h5-color);
    line-height: 1.2;
    position: relative;
}

.pic_p {
    font-size: var(--pic_size-12);
    font-weight: var(--pic_weight-400);
    color: var(--pic_p-color);
    line-height: 1.2;
    position: relative;
}

.pic_p-secondary {
    font-size: var(--pic_size-12);
    font-weight: var(--pic_weight-400);
    color: var(--pic_gris-clair);
}

.pic_p-white {
    font-size: var(--pic_size-12);
    font-weight: var(--pic_weight-400);
    color: var(--pic_blanc);
}

.pic_p-black {
    font-size: var(--pic_size-12);
    font-weight: var(--pic_weight-400);
    color: var(--pic_noir);
}

.pic_a {
    font-size: var(--pic_size-12);
    font-weight: var(--pic_weight-400);
    color: var(--pic_gris-clair);
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.pic_p--bold {
    font-weight: var(--pic_weight-700);
}

.pic_p--small {
    font-size: var(--pic_size-09);
}
.pic_p--big {
    font-size: var(--pic_size-14);
}
.pic_lh-12 {
    line-height: 1.2;
}
.pic_lh-14 {
    line-height: 1.4;
}
.pic_lh-16 {
    line-height: 1.6;
    text-align: justify;
}

.pic_wrap {
    width: calc(100% - 40px);
    max-width: 1296px;
    margin: auto;
    padding: 0px 20px;
}

.pic_wrap--container {
    width: calc(100% - 80px);
    max-width: calc(1336px - 40px);
    padding: 20px;
    margin: auto;
}

.pic_img {
}

.pic_select-liste--liste {
    position: relative;
}
.pic_select-liste--liste select {
    background-color: var(--pic_n30);
    border: none;
    border-radius: 7px;
    font-family: 'Poppins', sans-serif;
    position: relative !important;
    height: 38px;
    padding: 5px 15px;
    min-width: 180px;
    width: 100%;
    cursor: pointer;
}

    .pic_select-liste--liste select {
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari and Chrome */
        appearance: none;
    }

    .pic_select-liste--liste::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 28px;
        height: 15px;
        z-index: 2;
        background-image: url(../../content/images/icons/icn_fleche-droite.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(90deg);
        filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(478%) hue-rotate(178deg) brightness(84%) contrast(85%);
        pointer-events: none;
    }
/* ================================ */
/* Icons et boutons                 */
/* ================================ */
/* --------------- */
/* -- DEBUT BTN -- */
/* btn */
input[type="button"] {
    cursor: pointer;
}
.pic_btn {
    font-size: 1.6em;
    position: relative;
    padding: 10px 30px;
    width: fit-content;
    font-weight: 400;
    display: flex;
    text-decoration: none;
    border-radius: 2px;
    transition: 0.3s;
    margin: 10px 0;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* btn cart */
.pic_btn--cart {
    padding-right: 10px;
}

    .pic_btn--cart:before {
        content: "";
        width: 2px;
        height: 100%;
        background: var(--pic_t400);
        position: absolute;
        top: 0;
        right: 35px;
    }

    .pic_btn--cart:after {
        content: "";
        background-image: url('../../Content/images/icons/icn_panier.svg');
        background-repeat: no-repeat;
        filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(136deg) brightness(103%) contrast(101%);
        background-size: 17px;
        display: inline-block;
        width: 17px;
        margin-left: 40px;
        height: 17px;
    }

.pic_btn--print:after {
    content: "";
    background-image: url('../../Content/images/icons/icn_printer.svg');
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(136deg) brightness(103%) contrast(101%);
    background-size: 17px;
    display: inline-block;
    width: 17px;
    margin-left: 40px;
    height: 17px;
}

.pic_btn--arrow:after {
    content: "";
    background-image: url('../../Content/images/icons/icn_fleche-droite.svg');
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(136deg) brightness(103%) contrast(101%);
    background-size: 4px;
    background-position: 0px 4px;
    display: inline-block;
    width: 5px;
    margin-left: 7px;
}

/* btn primary */
.pic_btn--primary {
    background: var(--pic_t300);
    color: var(--pic_n10);
    border: solid 2px var(--pic_t400);
}

    .pic_btn--primary:hover {
        background: var(--pic_t310);
    }

/* btn secondary */
.pic_btn--secondary {
    background: var(--pic_p300);
    color: var(--pic_n10);
    border: solid 2px var(--pic_p400);
}

    .pic_btn--secondary:hover {
        background: var(--pic_p310);
    }

.pic_btn--secondary-cart:before {
    background: var(--pic_p400);
}


.pic_btn--se-connecter--p {
    font-size: var(--pic_size-14);
    outline: solid 2px var(--pic_n90);
    padding: 10px;
    display: block;
    text-decoration: none;
}

.pic_home-nouveautes--link {
    text-decoration: none;
}

.pic_btn--se-connecter--p:hover {
    background-color: var(--pic_n80);
    outline: solid 1px var(--pic_n80);
    color: var(--pic_blanc);
}

/* btn tertiary */
.pic_btn--tertiary {
    background: var(--pic_n20);
    border: solid 2px var(--pic_s100);
    color: var(--pic_n400);
}

    .pic_btn--tertiary:hover {
        border: solid 2px var(--pic_s500);
    }

.pic_btn--tertiary-cart:before {
    background: var(--pic_s100);
}

.pic_btn--tertiary-cart:hover:before {
    background: var(--pic_s500);
}

.pic_btn--tertiary-cart:after {
    filter: brightness(0) saturate(100%) invert(39%) sepia(8%) saturate(1520%) hue-rotate(180deg) brightness(88%) contrast(91%);
}

/* btn tertiary arrow */
.pic_btn--tertiary-arrow:after {
    filter: brightness(0) saturate(100%) invert(39%) sepia(8%) saturate(1520%) hue-rotate(180deg) brightness(88%) contrast(91%);
}

/* btn disable */
.pic_btn--disable {
    background: var(--pic_n40);
    border: solid 2px var(--pic_n40);
    color: var(--pic_n70);
    cursor: default;
}

.pic_btn--disable-cart:before {
    background: var(--pic_n70);
}

.pic_btn--disable-cart:hover:before {
    background: var(--pic_n70);
}

.pic_btn--disable-cart:after {
    filter: brightness(0) saturate(100%) invert(77%) sepia(4%) saturate(827%) hue-rotate(176deg) brightness(92%) contrast(87%);
}

/* btn cart only */
.pic_btn--cart-only {
    padding: 20px;
   /* border-radius: 8px;*/
    margin: 0px;
}
.pic_btn--cart-only:after {
    content: "";
    background-image: url(../../Content/images/icons/icn_panier.svg);
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(136deg) brightness(103%) contrast(101%);
    background-size: 20px;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    left: 10px;
    top: 11px;
}
/* btn cart only */
.pic_btn--cart-valid-only {
    padding: 20px;
    border-radius: 3px;
    margin: 0px;
    background: var(--pic_gris-clair);
    border: solid 2px var(--pic_n200);
}

    .pic_btn--cart-valid-only:after {
        content: "";
        background-image: url(../../Content/images/icons/icn_fleche-droite.svg);
        background-repeat: no-repeat;
        filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(136deg) brightness(103%) contrast(101%);
        background-size: 20px;
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        margin-top: 0px;
        left: 10px;
        top: 11px;
    }

/* btn tertiary arrow */
.pic_btn--disable-arrow:after {
    filter: brightness(0) saturate(100%) invert(77%) sepia(4%) saturate(827%) hue-rotate(176deg) brightness(92%) contrast(87%);
}
/* -- FIN BTN -- */
/* ------------- */


/* ---------------- */
/* -- DEBUT LINK -- */

/* Link */
.pic_link {
    font-size: 1.6em;
    text-decoration: none;
    /* ========&gt; a supprimer */ margin: 5px;
}

    .pic_link:hover {
        text-decoration: underline;
    }

.pic_link--primary {
    color: var(--pic_s200);
}

.pic_link--secondary {
    color: var(--pic_t310);
}

.pic_link--tertiary {
    color: var(--pic_p300);
}

.pic_link--disable {
    opacity: 0.4;
    cursor: default;
}

    .pic_link--disable:hover {
        text-decoration: none;
    }
/* -- FIN LINK -- */
/* -------------- */



.pic__link {
    width: fit-content;
    transition: 1s;
}

.pic__link-p {
    position: relative;
}

    .pic__link-p::after {
        content: "";
        height: 2px;
        width: 0%;
        position: absolute;
        background: var(--pic_color-neutral);
        bottom: -2px;
        left: 50%;
        transition: 0.3s;
    }

.pic__link:hover .pic__link-p::after {
    width: 100%;
    left: 0%;
}


/* ------------------- */
/* Home SEO */
.pic_p--home-seo {
    padding: 55px 0;
}


/* ------------------ */
/* Modal add cart */
.pic_modal-add-cart {
}

.pic_modal-add-cart--container {
}

.pic_modal-add-cart--content {
}

.pic_container-back-modal {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c9;
    width: 100%;
    height: 100vh;
    z-index: 5;
}

.pic_close-modal {
    border-radius: 20px;
    border: none;
    height: 29px;
    width: 29px;
    background: var(--pic_gris-tres-sombre);
    color: var(--pic_blanc);
    font-size: var(--pic_size-20);
    font-weight: var(--pic_weight-700);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50px;
    right: 50px;
    cursor: pointer;
    text-decoration: none;
}

.pic_modal-add-cart--container-inside {
    position: fixed;
    top: 200px;
    left: calc(50% - 400px);
    background: var(--pic_blanc);
    width: 100%;
    height: auto;
    z-index: 15;
    max-width: calc(800px - 100px);
    animation: openaddcart 0.3s forwards;
    padding: 50px;
    border-radius: 2px;
}

.pic_modal-btns {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

@keyframes openaddcart {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.pic_modal-title {
    font-size: var(--pic_size-28);
    font-weight: var(--pic_weight-400);
    color: var(--pic_h1-color);
    line-height: 1.2;
    position: relative;
}

.pic_modal-texte-ajout {
    font-size: var(--pic_size-18);
    font-weight: var(--pic_weight-400);
    color: var(--pic_n800);
    line-height: 1.2;
    position: relative;
    margin-top: 15px;
}

.pic_modal-h5 {
    font-size: var(--pic_size-20);
    font-weight: var(--pic_weight-400);
    color: var(--pic_h1-color);
    line-height: 1.2;
    position: relative;
}

.pic_modal-img-produit {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
}

.pic_modal--add-panier {
    width: 100%;
}

.pic_modal--body {
    display: flex;
    align-items: center;
    gap: 50px;
}

.pic_modal-texte-1 {
    margin-top: 7px;
}

.pic_modal-texte-2 {
    margin-top: 4px;
    font-weight: var(--pic_weight-700);
}

.pic_modal-texte {
    font-size: var(--pic_size-12);
    line-height: 2;
}

.pic_modal-alert-stock {
    font-size: var(--pic_size-14);
    color: var(--pic_blanc);
    background: var(--pic_rouge);
    width: fit-content;
    padding: 10px 15px;
    margin: 10px 0;
    border-radius: 4px;
    font-weight: var(--pic_weight-300);
}

.alert.alert-success.alert-dismissible,
.alert.alert-warning.alert-dismissible {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 10px 20px 10px 0px;
    background: var(--pic_p50);
    border-radius: 5px;
    align-items: center;
}

.alert.alert-warning.alert-dismissible {
    background: var(--pic_t50);
 }

.alert.alert-fail.alert-dismissible {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 10px 20px 10px 0px;
    background: var(--pic_t50);
    border-radius: 5px;
    align-items: center;
}

.alert.alert-fail.alert-dismissible {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    padding: 10px 20px 10px 0px;
    background: var(--pic_t50);
    border-radius: 5px;
    align-items: center;
}

.pic_p pic_delete-a {
    border-radius: 20px;
    border: none;
    height: 23px;
    width: 23px;
    background: var(--pic_p200);
    color: var(--pic_blanc);
    font-size: var(--pic_size-14);
    font-weight: var(--pic_weight-700);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

.pic_display-none {
    display: none !important;
}

.required::after {
    content: " *";
    font-weight: bold;
    color: #dc3545;
}
/* &lt; ==================================================================  RESPONSIVE  ================================================================== &gt; */
/* tablette &lt; 1024 */
@media screen and (max-width: 1024px) {
    /* Btn */
    .pic_btn {
        font-size: 1.4em;
        padding: 8px 15px;
    }

    .pic_btn--cart {
        padding-right: 10px;
    }

        .pic_btn--cart:before {
            width: 2px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 35px;180px
        }

        .pic_btn--cart:after {
            content: "";
            background-size: 15px;
            width: 15px;
            margin-left: 25px;
            height: 15px;
        }

    .pic_btn--arrow:after {
        content: "";
        background-size: 4px;
        width: 5px;
        margin-left: 6px;
        background-position: 0px 3px;
    }

    /* Link */
    .pic_link {
        font-size: 1.4em;
    }
}
.pic_a--mail-infos {
    color: var(--pic_color-primary);
    font-weight: var(--pic_weight-500);
}
/* &lt; ==================================================================  RESPONSIVE  ================================================================== &gt; */
/* PRINT */
@media print {
    #blocDroite, #pic_footer, .pic_btn, .pic_header-menu-content, #recherche, .pic_compte-panier, .pic_addcart, .pic_link-panier-print {
        display: none !important;
    }

    .pic_fproduit__input {
        border: none !important;
    }
}



::-webkit-scrollbar {
    background: var(--pic_blanc) !important;
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    background: var(--pic_n50) !important;
    border-radius: 2px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--pic_n40);
    }

scrollbar {
    scrollbar-color: #000000 #F5F5F5;
}

.pic_hide{
    display:none;
}


.pic_batn-plus-filtres {
    width: 100%;
    max-width: 150px;
}

.pic_btn.pic_btn--primary.pic_btn--primary-cart.pic_btn--cart.pic_btn-end {
    padding: 5px 10px;
    padding: 5px 10px 5px 50px;
}

/* ---------------------------------------------------------- */
.pic_principale-content--container {
    width: calc(100% - 80px);
    padding: 40px;
    max-width: calc(1296px - 80px);
    margin: auto;
    display: flex;
    gap: 20px;
}
.pic_container-border {
    width: calc(100% - 40px) !important;
    display: flex;
    flex-wrap: wrap;
    background: var(--pic_blanc);
    padding: 20px 40px;
    gap: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
}

/* &lt; ==================================================================  RESPONSIVE  ================================================================== &gt; */
/* ERREUR */
.pic_erreur-container {
    margin-bottom: -20px;
    padding-bottom: 50px;
}
.pic_erreur-content {
    width: calc(100% - 80px);
    background: var(--pic_blanc);
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.25);
    padding: 40px;
    padding-top: 20px;
    margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
    .pic_btn {
        min-height: 24px;
        min-width: 10px;
    }
}
@media screen and (max-width: 800px) {
    .pic_modal-add-cart--container-inside {
        padding: 10px;
        left: 0 !important;
        width: calc(100% - 20px);
        top: 300px;
    }
    .pic_modal-img-produit{
        display: none;
    }
    .pic_close-modal {
        top: 10px;
        right: 10px;
    }
}
#pic_header--bandeau-contact {
    width: calc(100% - 24px);
    padding: 0 12px;
    text-align: center;
    background-color: var(--pic_vert);
}
.pic_bandeau-contact--p {
    padding: 12px 0;
}
.pic_a--bandeau-contact {
    font-weight: var(--pic_weight-700);
    color: var(--pic_blanc);
    text-decoration: none;
}

/* ------------ */
/* Header start */
#pic_header {
    position: sticky;
    z-index: 50;
    top: 0;
    transition: var(--pic_animation);
}
.pic_header--hide_bandeau {
    transform: translateY(var(--pic_neg-height-bandeau));
}
/*.pic_main {
    transform: translateY(var(--pic_height-bandeau));
    transition: var(--pic_animation);
}
.pic_main--hide_bandeau {
    transform: translateY(0);
}*/
.pic_container_logo-header-princ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    flex-wrap: wrap;
}
.pic_header-logo-container {
    background-color: var(--pic_gris-tres-sombre);
    width:100%;
}
#pic_logo {
    width: 217px;
    height: 60px;
}

.pic_logo-img {
    width: 100%;
}

/* ----------- */
/* Header menu */
.pic_header-menu-container {
    width: 100%;
    background-color: var(--pic_s300);
}
.pic_header-menu-content {
}
.pic_header-li-titre {
    height: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 10px;
    background: var(--pic_s300);
}
.pic_header-li-titre:hover {
    background: var(--pic_s500);
}
#pic_header {
    background: var(--pic_gris-tres-sombre);
}
.pic_header-li-a {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: var(--pic_blanc) !important;
}
.pic_header-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}
.pic_header-ul-secondaire {
    display: none;
    position: absolute;
    background-color: var(--pic_vert);
    width: calc(100% - 40px);
    padding: 0 20px 20px;
    left: 0;
    top: 45px;
    opacity: 0;
    transform: translateY(-500px);
    z-index: -1;
    transition: opacity var(--pic_animation-rapide);
}
.pic_header-li-titre:hover .pic_header-ul-secondaire, .pic_header-li-titre:hover .pic_header-li-secondaire {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.8%;
    opacity: 1;
    transform: translateY(0px);
}
.pic_header-p-secondaire {
    background-color: var(--pic_s300);
    padding: 7px;
    color: var(--pic_blanc);
    font-weight: 400;
    transition: var(--pic_animation);
    font-size: 1.2em;
}
    .pic_header-p-secondaire:hover {
        background-color: var(--pic_gris-sombre);
    }
.pic_header__titre-principal{
    
}
.pic_header-p-tertiaire {
    color: var(--pic_blanc);
    padding: 3px 0;
    text-align: left;
    font-size: 1.2em;
    font-weight: var(--pic_weight-400);
}

.pic_header-ul-tertiaire {
    padding-top: 10px;
    width: 100%;
}
.pic_header-li-secondaire {
    margin-top: 20px;
    width: 18.5%;
}
.pic_header--bandeau-titre {
    width: 100%;
}
.pic_header-li-tertiaire{
    background: var(--pic_vert);
    transition: var(--pic_animation);
    border-left: solid 2px var(--pic_vert);
    position: relative;
    padding-right:30px;
    width: fit-content;
}
    .pic_header-li-tertiaire:hover {
        /*background: var(--pic_p500);*/
        padding-left: 15px;
        padding-right: 15px;
        border-left: solid 2px var(--pic_blanc);
    }
    .pic_header-li-tertiaire::before {
        content: "";
        background: var(--pic_p500);
        width: 0%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: var(--pic_animation-rapide);
    }
    .pic_header-li-tertiaire:hover::before {
        width: 100%;
        opacity: 1;
    }
.pic_link-menu {
    line-height: 1.2;
}
.pic_p-white--menu{
    font-size: 1.0em;
    color: var(--pic_blanc);
}

/* --------------*/
/* Header search */
#pic_btn-search{
    display: none;
}
.pic_search--icn {
    filter: brightness(0) saturate(100%) invert(27%) sepia(5%) saturate(0%) hue-rotate(282deg) brightness(87%) contrast(92%);
    position: absolute;
    width: 20px;
    top: 10px;
    right: 0;
}
#recherche {
    width: 100%;
    max-width: 550px;
    height: 40px;
    position: relative;
}
#searchString {
    padding: 10px 15px;
    max-width: 530px;
    width: 100%;
    outline: solid 1px var(--pic_n60);
}
::placeholder { 
    color: var(--pic_n80);
    opacity: 1;
}
:-ms-input-placeholder { 
    color: var(--pic_n80);
}
::-ms-input-placeholder { 
    color: var(--pic_n80);
}

/* ----------------- */
/* Header mon compte */
.pic_mon-compte--img, .pic_mon-panier--img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(92%) saturate(425%) hue-rotate(70deg) brightness(92%) contrast(87%);
    width: 30px;
}
.pic_mon-compte--icn-cart{
    position:relative;
}
.pic_mon-compte--nbr-articles {
    color: var(--pic_blanc);
    font-weight: var(--pic_weight-600);
    background: #1c1c1c;
    font-size: var(--pic_size-09);
    position: absolute;
    top: 3px;
    right: 4px;
    width: 19px;
    height: 7px;
    text-align: center;
    padding: 1px 0px 0;
}
.pic_mon-compte {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}
.pic_mon-compte--titre {
    color: var(--pic_blanc);
    font-weight: var(--pic_weight-600);
}
.pic_mon-compte--titre-icn-txt {
    font-size: 1.1em;
    color: var(--pic_blanc);
    font-weight: var(--pic_weight-600);
}
.pic_compte-panier {
    display: flex;
    width: 350px;
    justify-content: space-between;
}
.pic_mon-panier--prix {
    text-decoration: underline;
    margin-left: 7px;
    font-weight: var(--pic_weight-600);
}
.pic_mon-panier--link{
    text-decoration:none;
    display: flex;
}

.hide-filtre{
    display:none;
}

.pic_batn-plus-filtres{
    padding: 10px 44px;
}
.pic_header-search {
    cursor: pointer;
}
.pic_numerotel {
    color: var(--pic_blanc);
    text-decoration: none;
}
.pic_prix-appel{
    display: none;
}
.pic_menu-burger{
    display:none;
}

.pic_link-menu--a {
    font-size: var(--pic_size-12);
    color: var(--pic_blanc);
    cursor: default;
}

.fake-menu {
    height: 45px;
    min-height: 45px;
}

.pic_header-top--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pic_header-icons--mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}

.pic_header__recherche-declencheur {
    display: none;
    width: 35px;
    height: 35px;
    background-image: url('/Content/Images/icons/icn_loupe.svg');
    filter: invert(48%) sepia(93%) saturate(381%) hue-rotate(57deg) brightness(97%) contrast(79%);
    transition: all .2s ease;
}

@media screen and (max-width: 1230px) {
    #searchString {
        max-width: calc(100% - 40px);
    }

    .pic_compte-panier {
        display: flex;
        width: 350px;
        justify-content: space-between;
        margin: 20px auto 0px;
    }

    .pic_container_logo-header-princ {
        justify-content: unset;
    }

    #pic_logo {
        margin-bottom: 20px;
    }
    .pic_search--icn {
        right: 20px;
    }
    #recherche{
        max-width: 100%;
    }

    .pic_menu-burger {
        display: block;
        z-index: 10;
        color: red;
        font-size: 100px;
        width: fit-content;
    }
    .pic_header-menu-content{
        /*width: 100%;*/
    }
    .pic_header-menu {
        max-height: calc(100vh + 43px);
        overflow: hidden;
        position: absolute;
        top: 135px;
        left: 0;
        width: 100%;
        background: #282828;
        height: 0;
        transition: 0.3s;
    }
    .pic_header-menu--show {
        height: calc(100vh + 43px);
    }
    .pic_header-li-titre {
        width: 100%;
    }
    .pic_header-menu {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
    .pic_p-white--menu {
        display: flex;
    }
    .pic_menu-burger--line {
        width: 50px;
        height: 6px;
        background: var(--pic_vert);
        border-radius: 10px;
        margin-bottom: 6px;
        transition: 0.3s;
        opacity: 1;
    }
    .pic_menu-burger--close .pic_menu-burger--line-1 {
        transform: rotate(45deg) translate(6px, 13px);
    }
    .pic_menu-burger--close .pic_menu-burger--line-2 {
        opacity: 0;
    }
    .pic_menu-burger--close .pic_menu-burger--line-3 {
        transform: rotate(315deg) translate(4px, -12px);
    }
    .pic_header-li-titre--mobile--selected {
        position: relative;
        position: absolute;
        top: 0px;
        padding-left: 40px;
        order: -10;
        z-index: 10;
        height: 90vh;
        display: flex;
        align-items: flex-start;
        padding-top: 15px;
    }
    .pic_link-menu--a-tertiaire {
        font-size: var(--pic_size-14);
    }
    .pic_header-li-titre--mobile--selected .pic_header-ul-secondaire {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1.8%;
        opacity: 1 !important;
        transform: translateY(0px);
        position: absolute;
        z-index: 10;
        height: calc(100dvh - 150px);
        width: calc(100% - 70px);
        transition: 0s;
        overflow-y: scroll;
    }

        .pic_header-li-titre--mobile--selected:hover .pic_header-ul-secondaire {
            display: none;
        }
    .pic_header-li-secondaire {
        margin-top: 20px;
        width: calc(100% - 20px);
    }
    .pic_header-li-titre--mobile--selected::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 15px;
        width: 28px;
        height: 15px;
        z-index: 2;
        background-image: url(../../content/images/icons/icn_fleche-droite.svg);
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(180deg);
        filter: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(478%) hue-rotate(178deg) brightness(84%) contrast(85%);
        pointer-events: none;
    }
    .pic_header-ul-secondaire {
        background-color: var(--pic_gris-tres-sombre);
    }
    .pic_header-li-tertiaire {
        width: calc(100% - 42px);
        background: var(--pic_gris-tres-sombre);
        padding-left: 10px;
    }
    .pic_header-li-titre--mobile {
        font-size: var(--pic_size-12);
    }
/*    .pic_header-menu li:nth-child(1) div:nth-child(1) {
        font-size: var(--pic_size-12) !important;
    }*/
    .pic_header-menu li ul li {
        font-size: var(--pic_size-10) !important;
    }

    .fake-menu {
        height: auto;
        min-height: 0px;
    }

    .pic_header-top--mobile {
        width: 100%;
    }
}

/* toggler barre de recherche header */
@media screen and (max-width: 768px) {
    #pic_logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        width: 170px;
    }

    #searchString {
        font-size: 12px;
    }

    .pic_menu-burger--line {
        width: 30px;
    }

    .pic_header__recherche-declencheur {
        display: block;
    }

    #recherche {
        height: 0;
        overflow: hidden;
    }

    .pic_header-recherche {
        height: 0;
        transition: height .3s linear;
    }

    .recherche--visible {
        height: 40px !important;
    }
   
    .bg-fleche--droit {
        background-image: url('/Content/Images/icons/icn_fleche-droite.svg');
        filter: invert(48%) sepia(93%) saturate(381%) hue-rotate(57deg) brightness(97%) contrast(79%);
    }

    .bg-fleche--bas {
        background-image: url('/Content/Images/icons/icn_fleche-bas.svg');
        filter: invert(48%) sepia(93%) saturate(381%) hue-rotate(57deg) brightness(97%) contrast(79%);
    }
}
#pic_footer {
    background: var(--pic_s500);
    position: relative;
    z-index: 10;
}
.pic_footer-copy {
    background-color: var(--pic_noir);
    padding: 15px 0;
    text-align:center;
}

.pic_footer--container {
    background: var(--pic_s500);
    padding: 30px 20px;
    display: flex;
    justify-content: flex-start;
    gap: 130px;
    flex-wrap: wrap;
}
.pic_footer--ul{

}
.pic_footer-li--titre {
    padding-top: 5px;
}
.pic_footer--li {
    padding: 5px 0;
    width: fit-content;
}
.pic_footer--a {
    font-size: var(--pic_size-14);
    color: var(--pic_blanc);
    width: fit-content;
}
.pic_footer-a--titre {
    font-size: var(--pic_size-24);
    padding: 0 0 15px;
    margin-bottom: 10px;
    cursor: initial;
}
.pic_footer-a--titre::after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--pic_vert);
}




.pic_footer--a-page {
    position: relative;
    width: fit-content;
    transition: 1s;
}
.pic_footer--a-page::after {
    content: "";
    height: 2px;
    width: 0%;
    position: absolute;
    background: var(--pic_color-neutral);
    bottom: -2px;
    left: 0%;
    transition: 0.3s;
}
.pic_footer--li:hover .pic_footer--a-page::after {
    width: 100%;
}

.pic_img-france-r {
    width: 97px;
    margin-top: 50px;
}

@media screen and (max-width: 700px) {
    .pic_footer--container {
        gap: 20px;
    }
}
</pre></body></html>