/* Échec de l'agrandissement. Renvoi du contenu non agrandi. (182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (183,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 '-' (201,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (213,28): run-time error CSS1039: Token not allowed after unary operator: '-third-color' (217,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (221,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (225,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (237,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (241,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (242,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (250,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (254,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (267,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (271,28): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-1' (285,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (297,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (298,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (306,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (322,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (336,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (340,17): run-time error CSS1039: Token not allowed after unary operator: '-forth-color' (344,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (370,35): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (374,23): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (377,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (434,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (440,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (448,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (449,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (491,21): run-time error CSS1019: Unexpected token, found '-' (664,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (990,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (995,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1003,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1009,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1016,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1027,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1057,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1146,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1157,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1168,21): run-time error CSS1039: Token not allowed after unary operator: '-forth-color' (1196,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1219,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1227,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1262,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1270,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1277,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1290,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1323,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1384,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1397,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1434,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1436,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1472,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1524,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1573,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1690,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1711,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1721,33): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1791,34): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1793,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (1823,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1825,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1842,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (1846,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1854,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (1865,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (1881,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (1893,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-color-light' (1972,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (1986,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2007,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2014,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2064,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2089,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2103,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2107,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2171,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2201,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2282,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2356,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2362,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2387,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2388,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2400,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2419,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2465,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2600,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2631,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2644,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2660,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2669,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2681,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2693,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2712,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2753,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (2759,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2809,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2825,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2864,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (2922,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2946,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2958,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2975,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3081,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3147,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3172,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3217,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3230,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3234,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3243,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3263,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3291,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3375,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3394,26): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-1' (3432,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3451,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3489,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3534,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3552,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3586,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3598,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3620,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3673,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3677,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3693,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3697,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3765,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3769,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3777,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3782,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3789,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (3798,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3824,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3834,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3852,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3895,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3900,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3940,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (3948,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3962,72): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4007,30): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-1' (4025,30): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-3' (4034,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4049,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4097,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4113,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4146,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4170,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4174,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4180,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4256,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4280,26): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-3' (4295,43): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4325,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4359,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4360,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4379,38): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-2' (4383,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4427,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4469,38): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4496,30): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4575,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (4586,30): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4735,30): run-time error CSS1039: Token not allowed after unary operator: '-area-background-color-2' (4778,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4797,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4817,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (4832,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5065,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5110,31): run-time error CSS1039: Token not allowed after unary operator: '-primary-text-font' (5128,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5136,25): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5147,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5162,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5166,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5201,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5473,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (5489,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (5528,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' (6050,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color' */ /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2) format('woff2'); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2) format('woff2'); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2) format('woff2'); unicode-range: U+370-3FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2) format('woff2'); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2) format('woff2'); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format('woff2'); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2'); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2'); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2'); unicode-range: U+370-3FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2'); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2'); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2'); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2'); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2'); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2'); unicode-range: U+370-3FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2'); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2'); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v12/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2'); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Gabarito", sans-serif; font-style: normal; src: url(https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap) format('woff2'); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* fonts.css include in /bundles/css' */ :root { --primary-color: #FF3126; --secondary-color: #030338; --third-color: #C21C17; --forth-color: #5466FF; --area-background-color-1: #F5F5F5; --area-background-color-2: #EDEDED; --area-background-color-3: #bfd6ff4d; --primary-text-color: #000; --primary-text-color-light: #fff; --primary-text-font: "Gabarito", sans-serif; } /**** SAD ****/ html, body{ height: 100%; } .content h1, .content p{ color: var(--secondary-color); } #error404, #error500{ display: flex; justify-content: space-between; flex-direction: column; } .sd-bar { width: 100%; height: 41px; background-color: var(--third-color); } .sd-home a{ color: var(--primary-text-color-light); } .sd-light-text{ color: var(--primary-text-color-light); } #user-full-name{ font-family: var(--primary-text-font); font-weight: 400; font-size: 18px; } button#show-detailled-search { border-bottom: 1px solid #fff; height: 37px; min-width: 180px; } .popin label{ color: var(--secondary-color); } form:not(.search-form-detailled) .filter-option.pull-left { background: var(--secondary-color); color: var(--primary-text-color-light); } .search-form.search-form-detailled .filter-option.pull-left { margin-left: 8px; } .search-form.search-form-detailled.operation-loader .bootstrap-select.filter-option:after { color: var(--primary-color) !important; } .search .search-details .skin-select:not(.intext) { color: var(--secondary-color); } /*.search .search-details .buttons .bt-save-search.bt-3 { margin: 9px 77px 0 0; }*/ #absenceResidents h2{ font-size: 24px !important; } #absenceResidents label{ font-size: 12px !important; color: var(--secondary-color) !important; } #absenceResidents input { background-color: var(--area-background-color-1) !important; border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #DADAD9 !important; } select:focus, textarea:focus, input:focus{ outline: none; } #search, #txtsearch, #stxtsearch { background: var(--secondary-color); color: #fff; border-bottom: 1px solid #fff; margin-top: 1px; } div#residence { min-height: calc(100vh - 304px); } header[role="banner"] nav li a.active .notif, header[role="banner"] nav li:hover a .notif { background: var(--primary-text-color-light); color: var(--primary-color); } .popin .filter-option.pull-left:before{ margin-left: 9px; } #userinfos.user ul li:hover { background: var(--secondary-color); } #userinfos.user ul li:hover a { color: #fff; } button[type="button"]:hover{ transition: .3s; opacity: .6; } button[type="submit"]:hover, input[type="submit"]:not(disabled):hover, .bt-action.operation-loader:hover, #add-message:hover, #close-demande:hover { background-color: var(--secondary-color) !important; color: #fff !important; transition: .4s; } input[type="submit"]:hover{ color: #fff !important; } .popin .bt-action { margin-top: 60px; } .bt-download, .bt-delete-table { color: var(--primary-color) !important; } .files td a{ color: var(--forth-color); } .grid-document .breadcrumb li{ color: var(--primary-color) !important; } #sendDocumentAboutFolder #associate-file { /* display: flex; flex-direction: column;*/ } #sendDocumentAboutFolder bt-input skin-text { display: flex; justify-content: flex-end; } #sendDocumentAboutFolder.popin .bt-input span { position: absolute; white-space: nowrap; top: 0; width: 220px; overflow: hidden; opacity: .4; left: 0; } #sendDocumentAboutFolder.popin .bt-input .bt-browse { background: #fff; border: none; border-bottom: 2px solid var(--secondary-color) !important; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: var(--primary-text-font); height: 100%; text-align: center; color: var(--secondary-color); width: 114px; position: unset; padding: 0; } #sendDocumentAboutFolder.popin .bt-input input[type="file"] { cursor: pointer; left: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 999; height: 35px; width: 100%; } #sendDocumentAboutFolder.popin .bt-input { display: flex; justify-content: end; } #sendDocumentAboutFolder.popin .bt-action { width: fit-content; margin-top: 0; } textarea.skin-text { background: #fff !important; } [id^="section-folder"] .search-form .bootstrap-select, .search button { /* border-bottom: 1px solid #fff;*/ padding: 0; } .search-form .cols{ display: flex; align-items: center; } .folders.mod .bootstrap-select button{ width: 375px; } form#form0 input { padding: 0 10px; } #recap .supervision-container-table{ margin-bottom: 50px; } #recap .supervision-container-table td { color: var(--secondary-color); } .main-title, [class^="supervision-"], [class^="ma-residence-"] { color: var(--secondary-color); } section#demand-search-results { min-height: calc(-304px + 100vh); } #divDemandEdit form:not(.search-form-detailled) .filter-option.pull-left { background: var(--secondary-color); color: var(--primary-text-color-light); width: 100px; padding-left: 5px; } footer .ct { display: flex; justify-content: space-between; align-items: end; margin: auto; width: 95%; } footer .ct ul:last-child li { font-size: 14px; } section#demand-search-results { margin-bottom: 130px; } .search-zone .filter .bootstrap-select{ width: 100% !important; } .search #h-show-detailled-search { border-bottom: 1px solid #fff; padding-bottom: 5px; } #sendDocumentAboutFolder .folder-comments-page.request-page .add-comment #form0 p:nth-of-type(2) { display: flex; flex-direction: column-reverse; align-items: center; } #sendDocumentAboutFolder .folder-comments-page.request-page .add-comment #form0 p:nth-of-type(2) input { align-self: end; margin-right: 57px; margin-top: 16px; } /**** FIN SAD ****/ - .boot-btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 3px 10px; font-size: 13px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } .boot-btn:focus, .boot-btn:active:focus, .boot-btn.active:focus, .boot-btn.focus, .boot-btn:active.focus, .boot-btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .boot-btn:hover, .boot-btn:focus, .boot-btn.focus { color: #fff; text-decoration: none; } .boot-dropup, .boot-dropdown { position: relative; } .boot-dropdown-toggle:focus { outline: 0; } .boot-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; } .boot-dropdown-menu.pull-right { right: 0; left: auto; } .boot-dropdown-menu .divider { height: 1px; margin: 9.5px 0; overflow: hidden; background-color: #e5e5e5; } .boot-dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .boot-dropdown-menu > li > a:hover, .boot-dropdown-menu > li > a:focus { text-decoration: none; color: #fff; background-color: #EDEDED; } .boot-dropdown-menu > .active > a, .boot-dropdown-menu > .active > a:hover, .boot-dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #2780e3; } .boot-dropdown-menu > .disabled > a, .boot-dropdown-menu > .disabled > a:hover, .boot-dropdown-menu > .disabled > a:focus { color: #999; } .boot-dropdown-menu > .disabled > a:hover, .boot-dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open > .boot-dropdown-menu { display: block; } .open > a { outline: 0; } .boot-btn-group, .boot-btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .boot-btn-group > .boot-btn, .boot-btn-group-vertical > .boot-btn { position: relative; float: left; border-radius: 20px; } .boot-btn-group > .boot-btn:hover, .boot-btn-group-vertical > .boot-btn:hover, .boot-btn-group > .boot-btn:focus, .boot-btn-group-vertical > .boot-btn:focus, .boot-btn-group > .boot-btn:active, .boot-btn-group-vertical > .boot-btn:active, .boot-btn-group > .boot-btn.active, .boot-btn-group-vertical > .boot-btn.active { z-index: 2; } .boot-btn-group .boot-btn + .boot-btn, .boot-btn-group .boot-btn + boot-.btn-group, .boot-btn-group .boot-btn-group + .boot-btn, .boot-btn-group .boot-btn-group + .boot-btn-group { margin-left: -1px; } .boot-btn-group > .boot-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .boot-btn-group > .boot-btn:first-child { margin-left: 0; background: var(--secondary-color); border: none; width: max-content; color: #fff; } .boot-btn-group > .boot-btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .boot-btn-group > .boot-btn:last-child:not(:first-child), .boot-btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .boot-btn-group > .boot-btn-group { float: left; } .boot-btn-group > .boot-btn-group:not(:first-child):not(:last-child) > .boot-btn { border-radius: 0; } .boot-btn-group > .boot-btn-group:first-child:not(:last-child) > .boot-btn:last-child, .boot-btn-group > .boot-btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .boot-btn-group > .boot-btn-group:last-child:not(:first-child) > .boot-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .boot-btn-group .dropdown-toggle:active, .boot-btn-group.open .dropdown-toggle { outline: 0; } .boot-btn-group > .boot-btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .boot-btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .boot-btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .boot-btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .boot-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: "icons"; font-style: normal; font-weight: normal; src: url("https://eafrpfil001app.blob.core.windows.net/extranet-partenaire/static/fonts/icons/icons.woff?sp=r&st=2019-11-26T16:08:56Z&se=2030-05-03T23:08:56Z&spr=https&sv=2019-02-02&sr=b&sig=J%2FnhrK49je87oHD8STf5NNIsCbaDEipAq6BcgjdDkog%3D") format("woff"); } @font-face { font-family: "DaxPro"; font-style: normal; font-weight: normal; src: url("https://eafrpfil001app.blob.core.windows.net/extranet-partenaire/static/fonts/DaxPro-Regular.woff?sp=r&st=2019-11-26T16:01:40Z&se=2030-05-04T23:01:40Z&spr=https&sv=2019-02-02&sr=b&sig=LZmOfkqOrdbKEuTo5rq0QmtPbMlK684S5czQjUgtoas%3D") format("woff"); } @font-face { font-family: "DaxProMed"; font-style: normal; font-weight: normal; src: url("https://eafrpfil001app.blob.core.windows.net/extranet-partenaire/static/fonts/DaxPro-Medium.woff?sp=r&st=2019-11-26T16:06:22Z&se=2030-04-04T22:00:00Z&spr=https&sv=2019-02-02&sr=b&sig=YERhkTBPSiFFuA1DlO1AZ%2BABuK6qLLn9HCbZr9HM0aQ%3D") format("woff"); } @font-face { font-family: "DaxProBold"; font-style: normal; font-weight: normal; src: url("https://eafrpfil001app.blob.core.windows.net/extranet-partenaire/static/DaxPro-Bold.woff?sp=r&st=2019-11-26T16:07:48Z&se=2030-05-03T23:07:48Z&spr=https&sv=2019-02-02&sr=b&sig=XgvpjwWBec01FmGJhJlpx1cy%2FrkW%2BwLGUQAa5AQ%2Bvgo%3D") format("woff"); } html { font-size: 100%; } body { background: #fff; font-family: var(--primary-text-font) !important; } .tt-1 { font-size: 18px; font-family: var(--primary-text-font); font-weight: 400; margin-bottom: 18px; margin-top: 0; } .tt-2 { font-size: 1.125em; font-family: var(--primary-text-font); font-weight: normal; } .tt-3 { font-size: 1.625em; font-family: var(--primary-text-font); font-weight: normal; margin-bottom: 20px; margin-top: 0; } th { font-family: var(--primary-text-font); font-weight: normal; } .bt-flag, .bt-send, .bt-download, .bt-print, .bt-synchro { background: none; border: 0 none; color: var(--primary-color); } .bt-flag:after, .bt-send:after, .bt-download:after, .bt-print:after, .bt-synchro:after, .bt-delete-table:after { font-size: 1rem; margin-left: 6px; } .bt-flag:after { color: #bbb; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; font-size: 0.938rem; } .bt-flag:hover:after, .bt-flag.active:after { color: var(--secondary-color); opacity: 1; } .bt-send:after { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .bt-download:after { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .bt-delete-table { font-size: 1rem; margin-left: 6px; } .bt-delete-table:after { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .bt-print:after { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .bt-synchro:after { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } a[class*="bt-"]:hover, a[class*="bt-"]:hover::before, a[class*="bt-"]:hover::after, input[class*="bt-"]:not([type="submit"]):hover, input[class*="bt-"]:hover::before, input[class*="bt-"]:hover::after, .actions button[class*="bt-"]:hover, .folder-page-recap .cols > span > a:hover, .folder-page-recap .cols > span > a:hover::after, .bt-flag:hover, .bt-send:hover, .bt-download:hover, .bt-print:hover, .bt-synchro:hover, .folders .item:hover { color: var(--secondary-color) !important; transition: .4s; } a.bt-action:hover, a.bt-tag:hover, button.bt-tag:hover { color: #cbcdd5; } [class*="bt-1"] { color: var(--primary-color); border: 0 none; outline: none; background: none; } .files [data-sort] thead .tablesorter-header-inner, .alerts [data-sort] thead .tablesorter-header-inner, .board [data-sort] thead .tablesorter-header-inner { background: none; border: 0 none; color: var(--forth-color); outline: none; padding: 0; text-decoration: none; } [class*="bt-1"]:after, .files [data-sort] thead .tablesorter-header-inner:after, .alerts [data-sort] thead .tablesorter-header-inner:after, .board [data-sort] thead .tablesorter-header-inner:after { display: inline-block; font-size: 0.625rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; line-height: 1.3; padding: 8px 10px 4px; vertical-align: middle; margin-left: 12px; } .toggle:hover:after { background: var(--primary-color); color: #fff; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .bt-1b:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .bt-1c { color: #fff; } .bt-1c:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } [class*="bt-2"] { background: none; border: 0 none; color: var(--primary-color); display: inline-block; padding: 0; text-decoration: none; } [class*="bt-2"]:after, .bt-2b:before { color: var(--primary-color); display: inline-block; font-size: 0.625rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; line-height: 1.3; margin-left: 8px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 45%; transform-origin: 50% 45%; vertical-align: middle; } .bt-2b:before { margin-left: 0; margin-right: 8px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bt-2b:after { content: none; } .bt-3 { background: none; border: 0 none; color: var(--primary-color); padding: 0; text-decoration: none; } .lnk-folders { background: none; border: 0 none; color: var(--primary-color); padding: 0; text-decoration: none; } .lnk-folders:hover { border: 0 none; color: var(--primary-color); text-decoration: underline; } .lnk-folders-col1 { width: 44%; } .lnk-folders-col2 { width: 38%; } .bt-action { background: var(--primary-color); border: 0 none; border-radius: 30px 0; color: #fff; padding: 12px 41px !important; float: right; margin-top: 5px; } .bt-action:before { color: #fff; display: inline-block; font-size: 0.625rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; line-height: 1; margin-right: 10px; -webkit-transform-origin: 50% 45%; transform-origin: 50% 45%; vertical-align: middle; } .bt-prev, .bt-next { background: none; border: 0 none; color: var(--primary-color); outline: none; padding: 0; } .bt-prev span, .bt-next span { display: block; overflow: hidden; text-indent: -9999em; position: absolute; } .bt-prev:after, .bt-next:after { display: inline-block; font-size: 0.75rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; vertical-align: bottom; } .bt-prev:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .bt-next:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .bt-delete { display: inline !important; } .bt-delete:after { display: inline-block; font-size: 0.75rem; content: "" !important; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; vertical-align: bottom; } .bt-tag { background: var(--primary-color); border-radius: 20px; color: #fff; display: inline-block; padding: 4px 18px; vertical-align: middle; } .bt-file { -moz-box-sizing: border-box; box-sizing: border-box; color: #000; display: inline-block; font-family: var(--primary-text-font); font-size: 0.875rem; height: 41px; padding: 0 1px 6px; margin: 0 auto; position: relative; text-align: center; width: 34px; } .bt-file:before { color: #000; font-size: 2.75rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; left: 0; position: absolute; } .bt-file:after { content: ""; display: inline-block; height: 100%; vertical-align: bottom; } .bt-document { -moz-box-sizing: border-box; box-sizing: border-box; color: var(--primary-color); display: inline-block; font-family: var(--primary-text-font); font-size: 0.875rem; height: 41px; padding: 0 3px 6px; position: relative; text-align: center; width: 32px; } .bt-document:before { color: #000; font-size: 2.75rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; left: 0; position: absolute; } .bt-document:after { content: ""; display: inline-block; height: 100%; vertical-align: bottom; } .breakdown:before, .tool:before, .car:before { color: var(--secondary-color); } .breakdown:before { font-size: 1.688rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .tool:before { font-size: 2rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .car:before { font-size: 2.125rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .buttons { margin: 30px 0; text-align: center; } header .buttons { color: var(--primary-color); margin: 0 0 6px; text-align: right; } header .buttons ul { margin: 0; padding: 0; } header .buttons li { display: inline-block; } header .buttons li + li { margin-left: 10px; } html, body { min-width: 980px; } .main { -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 46px; min-height: calc(100vh - 304px); } .board-page .main { margin-bottom: 0; } .board-page .main .mod { padding-bottom: 30px; } .wp-st { margin: 0 auto; width: 960px; } .cols { display: table; } .cols .col { display: table-cell; color: var(--secondary-color); } header[role="banner"] .main-h .wp-st { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex: row nowrap; -ms-flex: row nowrap; flex: row nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } header[role="banner"] .main-h { border: 1px solid #EDEDED; } .login-page header[role="banner"] .main-h { border: none !important; } header[role="banner"] .main-h > div { min-height: 114px; position: relative; } header[role="banner"] .main-h { height: 112px; } header[role="banner"] .main-h .main-title { font-family: "Gabarito", sans-serif; font-weight: 400; font-size: 32px; font-optical-sizing: auto; font-style: normal; position: relative; text-align: center; vertical-align: middle; } header[role="banner"] .main-h .logo { position: relative; } header[role="banner"] .main-h .logo img { margin-top: 12px; margin-right: 15px; position: relative; z-index: 1; } header[role="banner"] .main-h .logo:before { /* background: url("/Content/media/img/bg-header.png") no-repeat;*/ content: ""; height: 124px; position: absolute; left: -34px; top: 0; width: 191px; z-index: 0; } header[role="banner"] .main-h .logo:after { /* background: url("/Content/media/img/bg-header.png") no-repeat -191px 0;*/ content: ""; height: 124px; position: absolute; left: 133px; top: 0; width: 441px; z-index: -1; } header[role="banner"] .main-h .user { display: table; text-align: right; vertical-align: middle; } header[role="banner"] .main-h .user .controls { display: table-cell; max-width: 300px; vertical-align: middle; } header[role="banner"] .main-h .user .controls > div { position: relative; } header[role="banner"] .main-h .user .controls .bt-1 { position: relative; padding-right: 40px; } header[role="banner"] .main-h .user .controls .bt-1 span { word-break: normal; } header[role="banner"] .main-h .user .controls .bt-1:after { bottom: -4px; position: absolute; right: 0; } header[role="banner"] .main-h .user .controls:hover ul { display: block; margin-top: 4px; } header[role="banner"] .main-h .user .controls:hover .bt-1:after { background: var(--primary-color); color: #fff; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } header[role="banner"] .main-h .user ul { display: none; box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.12); margin: 0; padding: 0; position: absolute; right: 0; z-index: 10; border-radius: 20px; } header[role="banner"] .main-h .user ul li { background: #fff; border-bottom: 1px solid #B0B0B0; display: block; color: var(--secondary-color); } header[role="banner"] .main-h .user ul li + li { border-top: 0 none; } header[role="banner"] .main-h .user ul a { -moz-box-sizing: border-box; box-sizing: border-box; color: var(--secondary-color); display: block; padding: 16px 20px; min-width: 214px; text-align: left; text-decoration: none; } header[role="banner"] .main-h .user .avatar { display: table-cell; border-left: 26px solid transparent; } header[role="banner"] .main-h .user .avatar img { max-height: 70px; } header[role="banner"] nav { background: #fff; border-bottom: 1px solid #e5e6ea; font-size: 0; letter-spacing: -0.25em; position: relative; z-index: 1; } header[role="banner"] nav ul { margin: 0; padding: 0; width: 100%; } header[role="banner"] nav ul.fill { display: -webkit-flex; display: -ms-flexbox; display: flex; } header[role="banner"] nav ul.fill li { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } header[role="banner"] nav ul.fill a { padding: 0 6px; } header[role="banner"] nav ul.fill .home { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } header[role="banner"] nav li { display: inline-block; font-size: 1rem; letter-spacing: 0; vertical-align: top; } header[role="banner"] nav li:first-child { } header[role="banner"] nav li:last-child { border-right: 1px solid #fff; } header[role="banner"] nav li a.active, header[role="banner"] nav li:hover a { background: var(--primary-color); border-left-color: transparent; color: var(--primary-text-color-light); } header[role="banner"] nav .home a { padding-left: 20px; padding-right: 20px; } header[role="banner"] nav .home a .h:after { display: inline-block; font-size: 1.375em; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; line-height: 0.7; vertical-align: middle; } header[role="banner"] nav .home a span:not([class]) { overflow: hidden; text-indent: -9999em; } header[role="banner"] nav a { color: var(--primary-color); display: block; font-family: var(--primary-text-font); height: 54px; line-height: 54px; padding: 0 20px; text-decoration: none; transition: all 0.1s ease-in-out; text-align: center; word-wrap: break-word; } header[role="banner"] nav a span { display: inline-block; line-height: 1.2; vertical-align: middle; } header[role="banner"] .notif { background: var(--primary-color); border-radius: 2px; color: #fff; display: inline-block; font-family: var(--primary-text-font); line-height: 1.2; font-size: 0.75em; margin-left: 10px; padding: 2px 5px; } footer[role="contentinfo"] { background: var(--secondary-color); padding: 34px 0; } footer[role="contentinfo"]:after { clear: both; content: ""; display: table; } footer[role="contentinfo"] .mention { color: var(--primary-text-color-light); font-size: 16px; float: left; } footer[role="contentinfo"] .ct { text-align: right; margin-right: 50px; } footer[role="contentinfo"] .ct ul { margin: 0; padding: 0; } footer[role="contentinfo"] .ct li { color: var(--primary-text-color-light); display: inline-block; font-size: 16px; list-style: none; vertical-align: middle; } footer[role="contentinfo"] .ct li + li { margin-left: 26px; } footer[role="contentinfo"] .ct li a { color: var(--primary-text-color-light); font-size: 16px; text-decoration: none; } footer[role="contentinfo"] .ct li a:hover { text-decoration: underline; } footer[role="contentinfo"] .ct .legals { margin-top: 16px; } footer[role="contentinfo"] .ct .legals li { font-size: 16px; } footer[role="contentinfo"] .ct .legals img { margin-left: 16px; vertical-align: middle; } .alert { background: #fff4ca; color: #8a8a8a; } .alert strong { color: #e30039; } .alert .ct { display: table; width: 100%; } .alert ul, .alert .pager { display: table-cell; margin: 0; padding: 0; vertical-align: middle; } .alert .pager { font-size: 0; text-align: right; width: 124px; } .alert .pager .count { font-size: 1rem; margin: 0 10px; } .alert li { display: block; } .alert-n-2-page .infos { margin-bottom: 44px; } .alert-n-2-page .infos p { display: inline-block; margin: 0; margin-right: 30px; } .alert-n-2-page .alert-body { padding-bottom: 38px; } .alert-n-2-page .alert-body p { margin: 0; margin-bottom: 24px; } .alert-n-2-page .alert-body p:first-child { font-family: var(--primary-text-font); } .alert-folder-infos { border-bottom: 1px solid #e5e6ea; padding-bottom: 15px; width: 100%; } .alert-folder-header .nav { margin-bottom: 20px; } .alert-folder-header .tt-3 { color: var(--primary-color); display: inline-block; } .alert-folder-header .actions { margin: 0; margin-top: 0.375em; } .alert-folder-header .actions ul { display: inline-block; margin: 0; padding: 0; } .alert-folder-header .actions li { list-style: none; display: inline-block; } .alert-folder-header .actions button { color: var(--primary-color); font-size: 1em; text-decoration: none; } .alert-folder-header .actions button:hover, .bt-download:hover { color: var(--secondary-color); } .alert-folder-header .actions button:nth-child(2) { margin-left: 32px; } .alert-folder-header .bt-2c { font-size: 1em; } .board-page .mod { padding: 46px 0; } .board-page .form-header { margin: 0 auto; width: 960px; padding: 18px 0; } .board-page .form-header .cols { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .board-page .form-header .col { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; vertical-align: baseline; white-space: nowrap; } .board-page .form-header .col + .col { padding-left: 20px; } .board-page .form-header .tools { color: var(--primary-color); padding-bottom: 4px; padding-right: 0; text-align: right; vertical-align: bottom; } .board-page .form-header .tools li { display: inline-block; } .board-page .form-header .select-1 { width: 24%; } .board-page .form-header .select-2 { width: 40%; } .board-page .form-header .bootstrap-select { width: 100%; } .board-page .form-header .buttons { display: inline-block; font-family: var(--primary-text-font); margin: 0 0 0 20px; padding: 0; } .board-page .form-header .bt-action { padding: 9px 26px 11px; } .board-page .form-header form { width: 100%; } .board-page .form-header span { font-family: var(--primary-text-font); } .board-page .form-header p { font-family: var(--primary-text-font); margin: 0 0 10px; padding: 0; } .board { background: url("/Content/media/img/bg-mod1.jpg"); } .board [class*="row"] { display: table; height: 100%; width: 100%; } .board [class*="row"] + [class*="row"] { margin-top: 10px; } .board [class*="row"] .item { -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid transparent; border-width: 0 5px; display: table-cell; position: relative; vertical-align: top; width: 50%; } .board [class*="row"] .item:first-child { border-left: 0; } .board [class*="row"] .item:last-child { border-right: 0; } .board .row-2 .item .legend { margin-left: 30px; width: 174px; } .board .row-3 .item { width: 33.333%; } .board .item { height: auto; position: relative; } .board .item.graph, .board .item.table { height: 100%; } .board .item.graph .content, .board .item.table .content { height: 100%; } .board .item .content { background: #fff; border: 1px solid var(--primary-color); position: relative; width: calc(100% - 2px); } .board .item .content:hover .infos { display: block; } .board .item .content > div { -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 20px; } .board .item .content + .content { margin-top: 10px; } .board .item.stats { text-align: right; } .board .item.stats .content > div { padding-bottom: 20px; padding-top: 20px; } .board .item .tt-3 { color: var(--primary-color); font-size: 1em; margin: 0 0 28px; } .board .item .line { text-align: center; } .board .item .line canvas { display: inline-block; } .board .item .canvas { display: inline-block; vertical-align: top; } .board .item .second-x-axis { -moz-box-sizing: border-box; box-sizing: border-box; display: table; margin: 10px 0 0; padding: 0 13px; width: 100%; } .board .item .second-x-axis li { display: table-cell; text-align: center; width: 30px; } .board .item .legend { display: inline-block; margin: 0 0 0 50px; padding: 0; vertical-align: bottom; width: 244px; } .board .item .legend ul { margin: 0; padding: 0; } .board .item .legend li { display: table; table-layout: fixed; width: 100%; } .board .item .legend li + li { margin-top: 10px; } .board .item .legend li > span { display: table-cell; vertical-align: top; } .board .item .legend .color { border-right: 10px solid transparent; width: 25px; } .board .item .legend .color span { border-radius: 2px; display: inline-block; height: 25px; margin-right: 10px; vertical-align: middle; width: 25px; } .board .item .legend .label { max-width: calc(100% - 40px); vertical-align: middle; } .board .item .legend .value { font-family: var(--primary-text-font); margin-left: 6px; max-width: none; padding-top: 3px; text-align: right; vertical-align: top; width: 30px; } .board .item .infos { background: rgba(15, 74, 150, 0.95); -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; display: none; height: 100%; left: 0; padding: 20px; position: absolute; text-align: left; top: 0; width: 100%; } .board .item .infos .tt-3 { color: #fff; margin-bottom: 0; } .board .item .infos .links { -moz-box-sizing: border-box; box-sizing: border-box; bottom: 10px; left: 0; position: absolute; padding: 10px 18px; width: 100%; } .board .item .infos p { margin: 0; } .board .item .infos ul { float: right; margin: 0; padding: 0; } .board .item .infos li { display: inline-block; } .board .item .infos .bt-send:after, .board .item .infos .bt-download:after { font-size: 1.25rem; } .board .item .infos a { color: #fff; text-decoration: none; } .board .item .infos a:after { color: #fff; } .board .item .infos a:hover, .board .item .infos a:hover:after { color: #cbcdd5; } .board .title, .board .figure { color: var(--primary-color); display: block; } .board .figure { font-size: 4.625em; font-family: var(--primary-text-font); line-height: 0.9; } .info-contact { border: 1px solid #e5e6ea; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 40px; padding: 22px; width: 460px; } .info-contact:nth-child(even) { margin-left: 40px; } .info-contact .name, .info-contact .job, .info-contact .mail { margin: 0; } .info-contact .name { color: var(--secondary-color); font-family: var(--primary-text-font); margin-top: 32px; } .info-contact .job { color: #B5B5B4; margin: 7px 0 30px; } .info-contact .phone { font-size: 1.063em; margin-bottom: 8px; color: var(--secondary-color); } .info-contact .phone:before { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; font-size: 1.313em; margin-right: 12px; } .info-contact .mail { color: var(--primary-color); display: inline-block; word-break: break-all; } .info-contact .mail:before { content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; color: #000; font-size: 1.313em; margin-right: 12px; } .contact-page .tt-1 { margin-bottom: 26px; } .documents-page .search .cols { margin: 0; } .documents-page .search .submit-placeholder { padding-left: 0; } .documents-page .files thead .type { width: 64px; } .documents-page .folders .breadcrumb { margin-bottom: 18px; } .folders .item { position: relative; } .folders .item > a { color: var(--secondary-color); display: block; padding: 26px 14px 26px 38px; text-decoration: none; font-weight: 700; } .folders .item:first-of-type { border-top: 1px solid #e5e6ea; } .folders .item .flag { width: 15px; height: 15px; position: absolute; top: 26px; left: 14px; cursor: pointer; } .folders .item .flag:before { color: #bbb; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; position: absolute; } .folders .item .flag + tooltip { margin: 0; top: 55px; left: 8px; } .folders .item .cols { width: 100%; } .folders .item .cols + .cols { table-layout: fixed; } .folders .item .col { vertical-align: top; } .folders .item .label { color: #8a8a8a; } .folders .item .status { width: 15%; } .folders .item .status:before { margin-bottom: 2px; } .folders .item .breakdown, .folders .item .tool, .folders .item .car { display: table; } .folders .item .breakdown .sr3 { width: 250px; } .folders .item .breakdown:before, .folders .item .tool:before, .folders .item .car:before, .folders .item .breakdown > div, .folders .item .tool > div, .folders .item .car > div { display: inline-block; line-height: 1.3; vertical-align: top; } .folders .item .breakdown:before, .folders .item .tool:before, .folders .item .car:before { line-height: 1; max-width: 18%; } .folders .item .breakdown > div, .folders .item .tool > div, .folders .item .car > div { max-width: 80%; } .folders .item .breakdown { padding-right: 10px; position: relative; z-index: 10; } .folders .item .breakdown:before { padding: 4px 18px 3px 0; } .folders .item .tool { padding-top: 2px; padding-right: 10px; width: 334px; } .folders .item .tool:before { padding-bottom: 3px; padding-right: 16px; } .folders .item .car { width: 310px; } .folders .item .car:before { padding-top: 0; padding-right: 16px; } .folders .item a > div + div { margin-top: 20px; } .folders .flagged:before, .folder-page-recap .flagged:before { color: var(--secondary-color) !important; } .folders .breakdowns { -moz-box-sizing: border-box; box-sizing: border-box; width: 258px; } .folders .breakdowns .breakdown + .col { -moz-box-sizing: border-box; box-sizing: border-box; width: 344px; } .folders .breakdowns .breakdown + .col + .col { -moz-box-sizing: border-box; box-sizing: border-box; width: 310px; } .folders header .breadcrumb { margin-top: 12px; } .folders header .breadcrumb li a { display: inline-block; font-size: 1em; } .folders header .breadcrumb li a:hover { color: var(--primary-color); } .folders tbody .breadcrumb li { font-size: 0.75em; } .folders tbody .breadcrumb li + li:before { margin-right: 4px; margin-left: 0; } .folders .breadcrumb a { color: var(--primary-color); display: inline-block; text-decoration: none; } .folders .nav { width: 100%; } .folders .nav:after { clear: both; content: ""; display: table; } .folders .nav a { font-family: var(--primary-text-font); } .folders .nav a + a { float: right; margin-top: 0; } .tooltip { background: var(--primary-color); box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); color: #fff; display: none; margin-left: 30px; margin-top: 10px; padding: 14px; position: absolute; } .tooltip li { display: block; font-family: var(--primary-text-font); font-weight: normal; } .tooltip li:before { content: "- "; } .tooltip:before { content: ""; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--primary-color) transparent; height: 0; left: 10%; position: absolute; top: 0; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); width: 0; } [data-toggle-trigger] { cursor: pointer; } [data-toggle-trigger*="hover"]:hover ~ [data-toggle-target] { display: block; } .status:before { background: var(--primary-color); border-radius: 50%; content: ""; display: inline-block; height: 10px; margin-right: 10px; width: 10px; } .status.valid:before { background: #41c42c; } .status.pending:before { background: #ffa800; } .status.closed:before { background: #ff1e00; } .status.cell-container:before { left: 15px; position: absolute; top: 30px; } .folder-infos { width: 100%; } .folder-page-recap .bt-1b { margin: 0; } .folder-page-recap .bt-1b:after { padding: 8px 4px 0 0; vertical-align: bottom; } .folder-page-recap .tt-3 { color: var(--secondary-color); margin: 0; margin-bottom: 12px; } .folder-page-recap .cols > span > a { color: var(--primary-color); text-decoration: none; } .folder-page-recap .alert-folder-infos span > a { display: block; text-align: right; } .folder-page-recap .folder-infos { margin-top: 16px; margin-bottom: 16px; } .folder-page-recap .folder-infos .status { width: 28%; } .folder-page-recap .folder-infos > span:first-child > span:first-child { color: #8a8a8a; } .folder-page-recap .folder-infos .flag { width: 400px; } .folder-page-recap .folder-infos .flag:before { color: #bbb; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; margin-right: 10px; } .folder-page-recap .folder-infos .synchro { text-align: right; } .folder-page-recap .folder-infos .synchro a { display: inline-block; } .folder-page-recap .folder-infos .synchro a:after { color: var(--primary-color); cursor: pointer; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; margin-left: 6px; } .folder-page-recap .folder-infos .synchro a:hover:after { color: var(--primary-color); } .folder-page-recap .nav-tab { background: #f7f7f7; border-bottom: 1px solid #e5e6ea; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #e5e6ea; margin: 0 auto; margin-bottom: 40px; padding: 24px 24px 24px 40px; width: 100%; } .folder-page-recap .nav-tab .infos:first-child { width: 50%; } .folder-page-recap .nav-tab .nav-col-1 { display: block; width: 100%; } .folder-page-recap .nav-tab .nav-col-1 > span:first-child { display: block; margin-bottom: 8px; } .folder-page-recap .nav-tab .nav-col-1 > span { margin-bottom: 12px; } .folder-page-recap .nav-tab a { display: block; margin-bottom: 8px; } .folder-page-recap .nav-tab .bt-2 { font-family: var(--primary-text-font); } .folder-page-recap .nav-tab .nav-col-1bis .col { display: block; clear: both; margin-bottom: 8px; margin-right: 8px; } .folder-page-recap .nav-tab .nav-col-2 { border-left: 1px solid #e5e6ea; padding-left: 40px; width: 50%; } .folder-page-recap .nav-tab .nav-col-2 > a:nth-child(3) { margin-bottom: 25px; } .folder-page-recap .prestations { margin-bottom: 70px; } .folder-page-recap .prestations .infos { background-color: rgba(255, 255, 255, 0.1); border-bottom: 1px solid #e5e6ea; border-top: 1px solid #e5e6ea; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 2.5; padding-left: 40px; width: 100%; } .folder-page-recap .prestations .infos > span:first-child { width: 16%; } .folder-page-recap .prestations .infos > span:nth-child(2) { width: 37%; } .folder-page-recap .prestations .infos > span:nth-child(3) { width: 400px; } .folder-page-recap .prestations a { text-align: center; } .folder-page-recap .prestations .presta { position: relative; z-index: 0; } .folder-page-recap .prestations .presta[data-toggle-target]:after { cursor: pointer; color: var(--primary-color); display: inline-block; font-size: 0.75em; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; position: absolute; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transform-origin: 50% 45%; transform-origin: 50% 45%; top: 14px; right: 10px; z-index: -1; } .folder-page-recap .prestations .presta.active { border: 1px solid var(--primary-color); } .folder-page-recap .prestations .presta.active:after { cursor: pointer; top: 18px; -webkit-transform: rotate(0deg); transform: rotate(0deg); z-index: -1; } .folder-page-recap .prestations .presta.active .prestation-label { border-bottom: 1px solid var(--primary-color); background-color: rgba(181, 221, 254, 0.2); } .folder-page-recap .prestations .presta.active .prestation-infos { display: block; } .folder-page-recap .prestations .presta.active + .presta.active { border-top-color: transparent; } .folder-page-recap .prestations .presta + .presta .infos { border-top-color: transparent; } .folder-page-recap .prestations .presta + .presta.active { border-top-color: var(--primary-color); } .folder-page-recap .prestations .presta .prestation-label .col { text-decoration: none; vertical-align: middle; } .folder-page-recap .prestations .presta .prestation-infos { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; padding-bottom: 14px; width: 100%; display: none; } .folder-page-recap .prestations .presta .prestation-infos .col { padding-right: 40px; width: 252px; } .folder-page-recap .prestations .presta .prestation-infos .title-presta { font-size: 1em; color: #8a8a8a; margin-top: 14px; margin-bottom: 12px; } .folder-page-recap .prestations .presta .prestation-infos p { margin: 0; margin-bottom: 6px; } .folder-page-recap .prestations .presta.active { border: 1px solid #2c9bfb; } .folder-page-recap .prestations .presta.active .prestation-label { border-bottom: 1px solid #2c9bfb; background-color: rgba(181, 221, 254, 0.2); } .folder-page-recap .prestations .presta.active .prestation-label a:before { margin-top: 10px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 45%; transform-origin: 50% 45%; } .folder-page-recap .prestations .presta.active .prestation-infos { display: block; } .folder-page-recap .info-presta-1 { border-bottom: 1px solid #e5e6ea; margin-bottom: 46px; } .folder-page-recap .info-presta { -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 46px; width: 100%; } .folder-page-recap .info-presta a { display: block; margin-top: 20px; } .folder-page-recap .info-presta p { line-height: 22px; } .folder-page-recap .info-presta margin { margin-bottom: 6px; } .folder-page-recap .info-presta margin > span { display: block; margin-bottom: 4px; } .folder-page-recap .info-presta span > span { display: inline-block; margin-bottom: 4px; } .folder-page-recap .info-presta .col { padding-right: 40px; width: 30.625%; } .folder-page-recap .info-presta .beneficiaire > span:first-child, .folder-page-recap .info-presta .beneficiaire > span:nth-child(2) { color: #8a8a8a; } .folder-page-recap .info-presta .valide { color: #000; padding-left: 4px; } .folder-page-recap .info-presta .valide:after { color: var(--primary-color); content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; padding-left: 8px; } .folder-page-recap .info-presta strong { font-weight: normal; color: #8a8a8a; } header form { display: inline-block; } input[type="text"], input[type="file"], input[type="password"], textarea, .select { border: 0 none; border-radius: 0; color: #404040; height: 34px; padding-left: 14px; } textarea { padding-top: 10px; padding-bottom: 10px; } .error .error-field, .input-validation-error { border: 1px solid red !important; } .error .error-field.bootstrap-select.bd { border: 0 none; } .error .error-field.bootstrap-select.bd button { border-color: red; } .error .msg-error, .field-validation-error { color: red; display: block; font-size: 0.875em; margin-bottom: 0; margin-top: 0.5em; text-align: left; } button.skin-checkbox, span.skin-checkbox label:before, .bootstrap-select.show-tick a:before { border: 1px solid var(--secondary-color); border-radius: 1px; display: inline-block; font-size: 0.625rem; height: 17px; padding: 0; vertical-align: middle; width: 17px; background-color: #fff; } button.skin-checkbox.active:before, span.skin-checkbox input:checked + label:before, .bootstrap-select.show-tick .selected a:before { color: #fff; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; background-color: var(--secondary-color); border: 1px solid #fff; } span.skin-checkbox { display: inline-block; position: relative; width: 500px; } span.skin-checkbox label:before, .bootstrap-select.show-tick a:before { -moz-box-sizing: border-box; box-sizing: border-box; content: ""; margin-right: 8px; margin-top: -1px; padding-top: 2px; text-align: center; font-size: 0.75rem; } span.skin-checkbox input { cursor: pointer; height: 100%; opacity: 0; position: absolute; width: 24px; } .bootstrap-select { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 34px; line-height: 0.5; position: relative; vertical-align: middle; } .bootstrap-select.bg { background: #fff; } .bootstrap-select.bd button { border-bottom: 1px solid var(--secondary-color); } .bootstrap-select.bd.intext { margin-top: 1px; } .bootstrap-select.bd.intext button { border-color: transparent; margin-right: 30px; } .bootstrap-select.bd.intext.open button { border-color: var(--primary-color); } .bootstrap-select.bd.open div.dropdown-menu { border: 1px solid var(--primary-color); } .bootstrap-select.bd.open div.dropdown-menu a { border-left: 0 none; border-right: 0 none; } .bootstrap-select.intext button { color: var(--primary-color); padding-left: 6px; background: transparent; } .bootstrap-select.open { background: #fff; } .bootstrap-select.open div.dropdown-menu { border-top: 1px solid #e5e6ea; display: block; z-index: 21; } .bootstrap-select.open button .filter-option { display: block; } .bootstrap-select.open button .filter-option:after { background: var(--primary-color); color: #fff; padding-left: 9px; padding-right: 9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .bootstrap-select.show-tick a:before { content: ""; margin-top: 1px; } .bootstrap-select.show-tick a span { vertical-align: middle; } .bootstrap-select button { background: #fff; border: 0 none; -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 100%; outline: none; padding: 0; text-align: left; width: 100%; color: var(--secondary-color); } .bootstrap-select .filter-option { display: block; height: 100%; line-height: 1.3; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } .bootstrap-select .filter-option:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 1px; } .bootstrap-select .filter-option:after { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.625rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; height: 100%; position: absolute; padding: 13px 10px 0; right: 0; top: 0; vertical-align: middle; } .bootstrap-select div.dropdown-menu { background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; display: none; margin-top: -1px; position: absolute; top: 100%; min-width: 100% !important; z-index: 10; } .bootstrap-select div.dropdown-menu .disabled { display: none; } .bootstrap-select div.dropdown-menu ul { margin: 0; padding: 0; } .bootstrap-select div.dropdown-menu li { border: 1px solid #e5e6ea; border-top-color: transparent; display: block; line-height: 1.3; margin: 0; } .bootstrap-select div.dropdown-menu a:hover, .bootstrap-select div.dropdown-menu a:focus { background: #f7f9fc; } .bootstrap-select div.dropdown-menu a:hover, .bootstrap-select div.dropdown-menu a:focus { outline: none; } .bootstrap-select div.dropdown-menu a { -moz-box-sizing: border-box; box-sizing: border-box; color: var(--primary-color); cursor: pointer; display: block; padding: 5px 14px; width: 100%; white-space: nowrap; } header label ~ .bootstrap-select { margin-left: 8px; } span.skin-text, input.skin-text { border: none; border-bottom: 1px solid #DADAD9 !important; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background: var(--area-background-color-1); height: 34px; } textarea.skin-text { border: 1px solid #BFD6FF; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .skin-calendar { background-color: #fff; display: block; line-height: 1.3; position: relative; } .skin-calendar input { background: none; cursor: pointer; position: relative; z-index: 2; } .skin-calendar span { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 34px; position: absolute; right: 0; top: 0; z-index: 1; } .skin-calendar span:after { border-left: 0 none; color: var(--primary-color); -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 0.875rem; height: 100%; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; padding: 8px; } .skin-calendar input:focus + span:after { background: var(--primary-color); color: #fff; } .datepicker { background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e6ea; line-height: 1.3; margin-left: 30px; margin-top: 4px; padding: 32px 32px 24px; position: absolute; width: 380px; } .datepicker .prev, .datepicker .next { position: relative; } .datepicker .prev:before, .datepicker .next:before { display: inline-block; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; } .datepicker .prev:after, .datepicker .next:after { border: 1px solid var(--primary-color); content: ""; display: inline-block; height: 33px; margin-top: -8px; position: absolute; width: 33px; } .datepicker .prev { text-align: left; } .datepicker .prev:before { margin-left: 6px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .datepicker .prev:after { -webkit-transform: translateX(-22px); transform: translateX(-22px); } .datepicker .next { text-align: right; } .datepicker .next:before { margin-right: 6px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .datepicker .next:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .datepicker .datepicker-switch { text-transform: capitalize; } .datepicker .today { background: #e5e6ea; font-family: var(--primary-text-font); } .datepicker tfoot .today { background: none; padding-bottom: 0; padding-top: 12px; } .datepicker .old, .datepicker .new { color: #9a9a9a; } .datepicker .active, .datepicker .day:hover, .datepicker .month:hover, .datepicker .year:hover { background: var(--primary-color); color: #fff; } .datepicker th, .datepicker .day, .datepicker .month, .datepicker .year { cursor: pointer; } .datepicker .day, .datepicker .month, .datepicker .year { padding: 6px; } .datepicker .month, .datepicker .year { display: inline-block; margin-top: 12px; width: calc(100% / 6); } .datepicker ul { margin: 0; padding: 0; } .datepicker li { list-style: none; } .datepicker th { color: var(--primary-color); padding-bottom: 12px; } .datepicker table { table-layout: fixed; text-align: center; width: 100%; } .board-page h3, .order-page h3 { color: var(--primary-color); } .board-page .infos, .order-page .infos { margin-bottom: 32px; } .board-page .choice, .order-page .choice { background: #f8f9fd; margin-bottom: 50px; padding: 26px; } .board-page .choice p, .order-page .choice p { margin: 0; } .board-page .choice p:first-child, .order-page .choice p:first-child { font-family: var(--primary-text-font); margin-bottom: 10px; } .board-page .choice p:nth-child(3), .order-page .choice p:nth-child(3) { color: #8a8a8a; margin-top: 10px; } .board-page .choice p .skin-select, .order-page .choice p .skin-select { width: 460px; } .board-page .author, .order-page .author { margin-top: 40px; } .board-page .author .cols .col, .order-page .author .cols .col { min-width: 20px; padding-right: 24px; } .board-page .author h3, .order-page .author h3 { margin: 0; margin-bottom: 16px; } .board-page .buttons, .order-page .buttons { margin: 50px 0; } .board-page .bt-action, .order-page .bt-action { padding: 12px 54px; } .board-page .bt-action:before, .order-page .bt-action:before { content: ""; margin-right: 0; } .btn-input { position: relative; } .btn-input button { background: var(--primary-color); border: none; color: #fff; height: 34px; font-family: var(--primary-text-font); padding-right: 26px; padding-left: 26px; padding-top: 2px; position: absolute; } .btn-input button:hover { color: #eaeaea; } .form-container { width: 100%; } .form-container label { font-family: var(--primary-text-font); } .form-container label span { font-family: var(--primary-text-font); padding-left: 6px; } .form-container .col { padding-right: 42px; width: 50%; } .form-container .col .skin-select { width: 100%; } .form-container .infos-place { margin-bottom: 72px; } .form-container #comment { min-height: 100px; resize: vertical; } .form-container .btn-input input { padding-left: 116px; } .search-form { margin-bottom: 20px; } .search-form > .cols { padding-right: 40px; } .search-form .filter .bootstrap-select .filter-option { text-overflow: clip; border-bottom: 1px solid #fff; min-width: 180px !important; } .login-page .main { margin-bottom: 0; } .login-page header[role="banner"] .main-h .main-title { text-align: left; padding-left: 52px; } .login-page header[role="banner"] .main-h .wp-st { display: block; width: 90%; } .login-page header[role="banner"] .main-h .logo, .login-page header[role="banner"] .main-h .main-title { display: inline-block; vertical-align: middle; } .login-page .media { background-repeat: no-repeat; background-size: cover; display: table-cell; width: 75%; } .login-page .skin-checkbox label:before { border-color: var(--primary-color); } .login-page .skin-checkbox input:checked + label:before { color: var(--primary-color); } .login-page .stay-logged-check { margin-top: 6px; } .login-page .stay-logged-check label { color: var(--primary-color); font-size: 0.875em; } .login-page .btn-connexion { background-color: var(--primary-color); border: none; border-radius: 30px 0 30px 0; color: #fff; display: block; font-size: 16px; font-weight: 500; font-family: var(--primary-text-font); margin: 0 auto; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; width: 226px; } .login-page .btn-connexion + a { color: var(--primary-color); display: block; font-size: 0.875em; margin-top: 20px; text-align: center; text-decoration: none; } .login-container { min-height: calc(83vh - 112px); width: 100%; } .login-block-container { min-width: 400px; min-height: 200px; padding-top: 170px; vertical-align: top; padding-bottom: 20px; } .login-block-container .submit-placeholder { display: block; } .login-block-container .submit-placeholder [type="submit"] { background-color: var(--primary-color); color: #fff; } .login-block { margin: 0 auto; width: 300px; } .login-block h1 { color: var(--primary-color); margin-bottom: 46px; text-align: center; display: none; } .login-pw { text-align: center; } .login-pw span.name { color: #6f6f6f; display: block; font-size: 1.375em; margin-bottom: 24px; } .login-pw input { border: 1px solid var(--primary-color); border-radius: 4px; box-shadow: 0 1px 2px #f8f9fd; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; padding: 0; padding-left: 5%; width: 100%; margin-bottom: 1px; } .login-block .paragraph-note { font-size: 11px; font-style: italic; margin: -15px 0 5px; } .activate-block-container { padding-top: 25px; } .activate-block-container h1 { margin-bottom: 20px; } .mod { padding: 26px 0; } .mod:last-of-type { padding-bottom: 0; } .home .mod:last-of-type { padding-bottom: 26px; } .mod + .blank-mod { margin-top: 20px; } .mod .tt-1 { color: var(--secondary-color); font-size: 24px; } .mod .tt-2 { color: var(--secondary-color); } .mod header { margin-bottom: 20px; } .mod header:after { clear: both; content: ""; display: table; } .mod header [class*="tt-"] { display: inline-block; margin-bottom: 0; vertical-align: bottom; } .mod header [class*="tt-"] + .bt-tag { margin-left: 18px; vertical-align: super; } .mod header .bt-2 { margin-top: 0.375em; } .mod header .action { float: right; margin-top: 0.25em; } .breadcrumb { margin: 0; padding: 0; } .breadcrumb li { display: inline-block; color: var(--secondary-color); text-transform: uppercase; vertical-align: middle; } .breadcrumb li + li:before { border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent var(--primary-color); content: ""; display: inline-block; height: 0; margin-right: 6px; margin-left: 3px; margin-bottom: 2.5px; vertical-align: middle; width: 0; } .breadcrumb li:hover + li[class="arrow"]:before { border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent var(--primary-color); } .breadcrumb li a { display: inline-block; font-size: 0.75rem; } .main .breadcrumb li a { display: inline-block; font-style: 0.75rem; } .tools { margin: 0; padding: 0; } .tools li { list-style: none; line-height: 1.6; } .blocks:after { clear: both; content: ""; display: table; } .folders .item, .files .item, .alerts .item, .folders tbody tr, .files tbody tr, .alerts tbody tr { border-top: 1px solid transparent; transition: background 0.1s ease-in-out; } .folders .item:nth-of-type(odd), .files .item:nth-of-type(odd), .alerts .item:nth-of-type(odd), .folders tbody tr:nth-of-type(odd), .files tbody tr:nth-of-type(odd), .alerts tbody tr:nth-of-type(odd) { background: var(--area-background-color-1); } .folders .item:nth-of-type(even), .files .item:nth-of-type(even), .alerts .item:nth-of-type(even), .folders tbody tr:nth-of-type(even), .files tbody tr:nth-of-type(even), .alerts tbody tr:nth-of-type(even) { background: #fff; } .folders .item:hover, .files .item:hover, .alerts .item:hover, .folders tbody tr:hover, .files tbody tr:hover, .alerts tbody tr:hover { background: var(--area-background-color-3); } .folders .item.unread, .files .item.unread, .alerts .item.unread, .folders tbody tr.unread, .files tbody tr.unread, .alerts tbody tr.unread { font-family: var(--primary-text-font); } .folders .item.unread .tools, .files .item.unread .tools, .alerts .item.unread .tools, .folders tbody tr.unread .tools, .files tbody tr.unread .tools, .alerts tbody tr.unread .tools, .folders .item.unread td .breadcrumb, .files .item.unread td .breadcrumb, .alerts .item.unread td .breadcrumb, .folders tbody tr.unread td .breadcrumb, .files tbody tr.unread td .breadcrumb, .alerts tbody tr.unread td .breadcrumb { font-family: var(--primary-text-font); font-weight: normal; } .infos span > span { color: #8a8a8a; font-weight: 700; } .actions { float: right; } .actions .bt-2 { display: inline-block; } .popin-container { background: rgba(0, 0, 0, 0.3); display: none; height: 100%; padding-top: 50px; position: fixed; top: 0; width: 100%; z-index: 30; } .popin-container[data-toggle-target] .popin { cursor: default; } .popin { background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 56px 102px 86px; position: relative; width: 630px; min-height: 288px; } .popin.associate { padding: 56px 170px 56px 102px; } .popin .tt-1 { color: var(--secondary-color); font-size: 24px; } .popin .close-popin { background: none; border: none; height: 22px; padding: 0; position: absolute; top: 20px; right: 20px; width: 22px; } .popin .close-popin:after { color: var(--primary-color); height: 22px; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; width: 22px; } .popin .bt-input { height: 34px; margin-top: 12px; overflow: hidden; position: relative; } .popin .bt-select { margin-top: 12px; } .popin .bt-input .submit-placeholder, .popin .bt-select .submit-placeholder { /* width: 355px;*/ } .popin .bt-input .submit-placeholder [type="submit"], .popin .bt-select .submit-placeholder [type="submit"] { background: var(--primary-color); color: #fff; } .popin .bt-select .submit-placeholder [type="submit"] { width: 100px; } .popin .bt-input input[type="file"] { cursor: pointer; left: 63px; opacity: 0; padding: 0; position: absolute; top: 27px; width: 100%; z-index: 999; height: 25px; width: 116px; } .popin .bt-input .bt-browse { background: #fff; border: none; border-bottom: 2px solid var(--secondary-color) !important; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-family: var(--primary-text-font); height: 100%; padding: 0 0 22px; position: absolute; left: 64px; text-align: center; color: var(--secondary-color); top: 27px; width: 114px; } .popin .bt-input span { display: block; padding-top: 6px; padding-left: 10px; position: absolute; white-space: nowrap; top: 22px; width: 220px; overflow: hidden; opacity: .4; } .popin .buttons a, .popin .buttons button { text-decoration: none; } .popin .buttons a + *, .popin .buttons button + * { margin-left: 20px; } .popin .buttons .bt-action:before { content: none; } #loading { background: rgba(0, 0, 0, 0.4) url("/Content/media/img/ajax-loader.gif") no-repeat center center; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 50; } #loading.active { display: block; } #modal #loading { position: absolute; left: 20px; right: 20px; bottom: 20px; top: 100px; height: auto; width: auto; } #modal .popin-large { width: 1000px; } #modal .popin .folders { padding: 0; max-height: 400px; overflow-y: auto; } .request-page .main { margin-bottom: 0; } .request-page .mod:not(.search) { padding-bottom: 0; } .request-page .folder-infos { margin: 10px 0; color: var(--secondary-color); } .request-page .alert-folder-header h1 { margin-bottom: 14px; } .request-page .alert-folder-header .alert-folder-infos { margin-bottom: 40px; } .request-page .alert-folder-header .actions { margin-bottom: 16px; } .request-page .alert-folder-header .status { width: 20%; } .request-page .alert-folder-header .status + .col { width: 16.5%; } .request-page .request-block { background: var(--area-background-color-3); padding-bottom: 54px; padding-top: 52px; } .request-page .request-block .wp-st { width: 980px; } .request-page .requests { position: relative; } .request-page .requests:before, .request-page .requests:after { border-right: 2px dashed var(--secondary-color); content: ""; height: 52px; position: absolute; right: 50%; -webkit-transform: translateX(2px); transform: translateX(2px); } .request-page .requests:before { top: -46px; } .request-page .requests:after { top: -22px; width: 2px; } .request-page .requests .rows { padding-bottom: 10px; position: relative; } .request-page .requests .rows > div:after { clear: both; content: ""; display: table; } .request-page .requests .rows:after { background: var(--secondary-color); content: ""; height: 100%; position: absolute; right: 50%; top: 0; -webkit-transform: translateX(2px); transform: translateX(2px); width: 2px; } .request-page .requests .rows .block { border: 1px solid #e5e6ea; -moz-box-sizing: border-box; box-sizing: border-box; width: 450px; } .request-page .requests .rows .block:after { content: ""; float: left; height: 50%; width: 50%; } .request-page .requests .rows .block p { color: #8a8a8a; font-size: 0.875em; line-height: 14px; margin: 0; margin-bottom: 8px; } .request-page .requests .rows .block p:nth-of-type(1) { color: var(--secondary-color); font-family: var(--primary-text-font); } .request-page .requests .rows .block button { border-radius: 30px 0; border: none; color: #fff; font-size: 1em; margin-right: 12px; margin-top: 20px; padding: 10px 23px; width: 190px; } .request-page .requests .rows .block #add-message { color: #630D14; } .request-page .requests .rows .block button:nth-of-type(1) { background: var(--area-background-color-2); } .request-page .requests .rows .block button:nth-of-type(2) { background: var(--primary-color); } .request-page .requests .rows .block button:nth-of-type(3) { background: #ffa800; } .request-page .requests .rows .block > div { background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 22px; padding-left: 26px; padding-top: 22px; width: 100%; position: relative; z-index: 2; } .request-page .requests .rows .block > div div { display: inline-block; padding-left: 86px; } .request-page .requests .rows .request { float: left; position: relative; z-index: 1; } .request-page .requests .rows .request:after { background: #fff; border: 1px solid #e5e6ea; content: ""; height: 25px; left: 100%; position: absolute; top: 50%; -webkit-transform: rotate(45deg) translateX(-70%); transform: rotate(45deg) translateX(-70%); width: 25px; } .request-page .requests .rows .request:before { background: var(--primary-color); border: 2px solid #f8f9fd; border-radius: 50%; content: ""; display: inline-block; height: 10px; position: absolute; top: 50%; -webkit-transform: translate(483px, -6px); transform: translate(483px, -6px); width: 10px; z-index: 3; width: 10px; } .request-page .requests .rows img { float: right; width: 50px; padding-right: 22px; } .request-page .requests .rows .reply { float: right; margin-top: 10px; position: relative; z-index: 1; } .request-page .requests .rows .reply:before { background: #fff; border: 1px solid #e5e6ea; content: ""; height: 25px; left: 0; position: absolute; top: 50%; -webkit-transform: rotate(45deg) translateX(-70%); transform: rotate(45deg) translateX(-70%); width: 25px; } .request-page .requests .rows .reply:after { background: var(--secondary-color); border: 2px solid #f8f9fd; border-radius: 50%; content: ""; display: inline-block; height: 10px; margin-right: 10px; position: absolute; top: 50%; -webkit-transform: translate(-47px, -6px); transform: translate(-47px, -6px); width: 10px; z-index: 3; } .request-page .requests .rows .reply img { position: absolute; width: 45px; } .request-page .infos-requests { padding-top: 20px; position: relative; width: 100%; } .request-page .infos-requests:before { background: var(--secondary-color); border: 2px solid #f8f9fd; border-radius: 50%; content: ""; display: block; height: 10px; margin-right: 10px; position: absolute; right: 50%; top: 0; -webkit-transform: translateX(18px); transform: translateX(18px); width: 10px; z-index: 4; width: 10px; } .request-page .infos-requests p { color: #8a8a8a; text-align: center; margin: 0; margin-top: 8px; } .request-page .mod header > div:first-child { margin-bottom: 24px; } .request-page .item:before { content: ""; } .request-page .item p { margin: 0; } .request-page .item span:not(.col) { display: inline-block; color: #8a8a8a; line-height: 1.1; } .request-page .item .status { width: 20%; } .request-page .item .cols .col { -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; } .request-page .item .cols .col:nth-of-type(2) { width: 25%; } .request-page .item .cols .col:nth-of-type(4) { width: 17%; } .request-page .item .cols .col p ~ p { margin-top: 16px; } .request-page .all-requests { color: #fff; padding-left: 52px; } .request-page .all-requests label { padding-left: 10px; vertical-align: middle; } .request-page .search .col { border: none; } .search { background: var(--secondary-color); position: relative; } .search.active .search-details { display: block; } .search.active .bt-1:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); background: var(--primary-color); } .search > .cols { table-layout: fixed; } .search .bt-2, .search .bt-1, .search .bt-1c { color: #fff; } .search .bt-2:hover, .search .bt-1:hover, .search .bt-1c:hover { color: #cbcdd5; } .search .tt-1, .search .tt-2 { color: #fff; } .search .tt-1 { margin-bottom: 12px; } .search .tt-2 { margin-bottom: 8px; } .search .col { vertical-align: top; } .search .input { width: 100%; } .search .submit-placeholder { padding-left: 14px; } .search .num { padding-right: 0; } .search .num + .col { border-left: 1px solid #275ca1; border-right: 0 none; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0; } .search .search-zone { width: 400px; } .search .search-zone + .col { border-left: 1px solid #275ca1; border-right: 0 none; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0; padding-left: 40px; width: 240px; } .search .search-zone + .col ul { margin: 0; padding: 0; } .search .search-zone + .col li { display: block; margin-bottom: 8px; } .search .search-zone + .col a { display: inline-block; color: #fff; position: relative; padding-right: 20px; text-decoration: none; word-break: break-word; } .search .search-zone + .col a:hover { color: #cbcdd5; } .search .search-zone + .col a:after { color: #fff; display: inline-block; font-size: 0.625rem; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; line-height: 1.3; margin-left: 6px; right: 0; top: 0; position: absolute; -webkit-transform: rotate(-90deg) translateX(-50%); transform: rotate(-90deg) translateX(-50%); -webkit-transform-origin: 50% 45%; transform-origin: 50% 45%; vertical-align: middle; } .search [type="submit"] { top: 6px; } .search .head > [class*="bt-"] { color: #fff; font-weight: normal; } .search .head > [class*="bt-"]:hover { color: #cbcdd5; } .search .head > p { position: relative; z-index: 21; } .search select, .search select.skin + div, .search .submit-placeholder { vertical-align: top; } .search select, .search select.skin + div { height: auto; min-width: 202px; } .search .search-details { background: var(--area-background-color-2); -moz-box-sizing: border-box; box-sizing: border-box; display: none; left: 0; margin: 0; position: absolute; padding: 36px 0; min-width: 980px; top: 100%; width: 100%; z-index: 20; } .search .search-details .cols { table-layout: fixed; width: 100%; } .search .search-details .cols + .cols { margin-top: 1.5em; } .search .search-details .col { border: 0 none; padding-right: 20px; width: 50%; } .search .search-details .col + .col { padding-left: 20px; padding-right: 0; } .search .search-details .std .skin-select { vertical-align: top; } .search .search-details .std p { line-height: 2.2; } .search .search-details .std label { font-family: var(--primary-text-font); } .search .search-details .elts { display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 2em; margin-top: 10px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .search .search-details .elts .skin-text { width: auto; } .search .search-details .spec label { color: var(--primary-color); } .search .search-details .skin-select:not(.intext) { width: 100%; } .search .search-details .skin-checkbox label:before { height: 24px; padding-top: 5px; width: 24px; } .search .search-details .buttons p { margin-bottom: 10px; } .search .search-details .bt-action { -moz-box-sizing: border-box; box-sizing: border-box; font-family: var(--primary-text-font); padding-left: 20px; padding-right: 20px; min-width: 230px; } .search .search-details .bt-action:before { content: none; } .search .search-details p { margin: 0; } .search .search-details label { color: var(--secondary-color); } .search .search-time { max-width: 90px; } .search .elts { max-width: 400px; } .submit-placeholder, .search-field { display: inline-block; position: relative; } .submit-placeholder input:not([type="submit"]), .search-field input:not([type="submit"]) { -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; width: 100%; } .submit-placeholder [type="submit"], .search-field [type="submit"] { border: 0 none; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 0; position: absolute; padding: 7px 8px; right: 1px; top: 0; } .search-field:after, .search-input:after { color: #fff; font-size: 1.125em; content: ""; font-family: "icons"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .search-field input { padding-right: 30px; } .search-input { background: none; border: 0 none; } .search-input:after { right: 0; } .home .submit-placeholder, .folder-page .submit-placeholder, .alert-page .submit-placeholder { width: 100%; } .request-page .search .search-zone { width: 100%; } .request-page .search .col { vertical-align: middle; } .request-page .search .input { width: auto; } .request-page .search .submit-placeholder { width: 292px; } .documents-page .submit-placeholder { width: 452px; } [data-slider] { position: relative; overflow: hidden; } [data-slider] ol, [data-slider] ul { margin: 0; padding: 0; } [data-slider] .slides { overflow: hidden; } [data-slider] .slides li { display: none; list-style: none; } [data-slider] .slides li.active { display: block; } [data-slider-nav], [data-slider-nav-prev], [data-slider-nav-next] { display: none; } .js [data-slider][style] [data-slider-nav] { display: block; } .files table, .alerts table, .board table { width: 100%; } .files [data-sort] thead th, .alerts [data-sort] thead th, .board [data-sort] thead th, .files [data-sort] thead td, .alerts [data-sort] thead td, .board [data-sort] thead td { cursor: pointer; outline: none; white-space: nowrap; } .files [data-sort] thead .tablesorter-header, .alerts [data-sort] thead .tablesorter-header, .board [data-sort] thead .tablesorter-header { padding-right: 2px; } .files [data-sort] thead .tablesorter-header-inner, .alerts [data-sort] thead .tablesorter-header-inner, .board [data-sort] thead .tablesorter-header-inner { padding-right: 12px; position: relative; } .files [data-sort] thead .tablesorter-header-inner:after, .alerts [data-sort] thead .tablesorter-header-inner:after, .board [data-sort] thead .tablesorter-header-inner:after { line-height: 1; font-size: 0.375rem; padding: 0; position: absolute; -webkit-transform-origin: 50% 30%; transform-origin: 50% 30%; top: 6px; } .files [data-sort] thead .tablesorter-header-inner:empty, .alerts [data-sort] thead .tablesorter-header-inner:empty, .board [data-sort] thead .tablesorter-header-inner:empty { display: none; } .files [data-sort] thead [aria-sort="descending"] .tablesorter-header-inner:after, .alerts [data-sort] thead [aria-sort="descending"] .tablesorter-header-inner:after, .board [data-sort] thead [aria-sort="descending"] .tablesorter-header-inner:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .files [data-sort] thead [aria-sort="ascending"] .tablesorter-header-inner:after, .alerts [data-sort] thead [aria-sort="ascending"] .tablesorter-header-inner:after, .board [data-sort] thead [aria-sort="ascending"] .tablesorter-header-inner:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .files [data-sort] thead [aria-sort="none"] .tablesorter-header-inner:after, .alerts [data-sort] thead [aria-sort="none"] .tablesorter-header-inner:after, .board [data-sort] thead [aria-sort="none"] .tablesorter-header-inner:after { display: none; } .files thead, .alerts thead, .board thead { color: #8a8a8a; } .files thead .state, .alerts thead .state, .board thead .state { width: 22px; } .files thead .type, .alerts thead .type, .board thead .type { width: 54px; } .files thead .name, .alerts thead .name, .board thead .name { width: 400px; } .files thead .tag, .alerts thead .tag, .board thead .tag { width: 100px; } .files thead .update, .alerts thead .update, .board thead .update { width: 180px; } .files tbody, .alerts tbody, .board tbody { color: var(--secondary-color); } .files tbody a, .alerts tbody a, .board tbody a { display: block; } .files tr, .alerts tr, .board tr { border-bottom: 1px solid #e5e6ea; } .files td, .alerts td, .board td, .files th, .alerts th, .board th { padding: 14px; } .files td:first-child, .alerts td:first-child, .board td:first-child, .files th:first-child, .alerts th:first-child, .board th:first-child { padding-right: 0; } .files td .breadcrumb, .alerts td .breadcrumb, .board td .breadcrumb, .files th .breadcrumb, .alerts th .breadcrumb, .board th .breadcrumb, .files td .bt-tag, .alerts td .bt-tag, .board td .bt-tag, .files th .bt-tag, .alerts th .bt-tag, .board th .bt-tag { font-family: var(--primary-text-font); } .files td .bt-tag, .alerts td .bt-tag, .board td .bt-tag, .files th .bt-tag, .alerts th .bt-tag, .board th .bt-tag { padding: 0 8px 2px; } .files td > span:not([class]), .alerts td > span:not([class]), .board td > span:not([class]), .files th > span:not([class]), .alerts th > span:not([class]), .board th > span:not([class]) { color: var(--secondary-color); } .alerts td a, .board td a, .files th a, .alerts th a, .board th a { color: var(--primary-color); line-height: 20px; text-decoration: none; } .files td a:hover, .alerts td a:hover, .board td a:hover, .files th a:hover, .alerts th a:hover, .board th a:hover { color: var(--primary-color); } .files td .tools, .alerts td .tools, .board td .tools, .files th .tools, .alerts th .tools, .board th .tools { white-space: nowrap; text-align: right; } .alerts tbody, .alerts td a { color: var(--secondary-color); } .alerts tbody tr:hover a { color: var(--primary-color); } .alerts tbody td { padding: 0; } .alerts tbody a { padding: 22px 14px; } .alerts td, .alerts th { text-align: center; } .alerts td:first-child, .alerts th:first-child { text-align: left; } .board tr { border: 0 none; } .board th, .board td { text-align: center; } .board th { padding-top: 0; } .board td { color: var(--secondary-color); padding: 5px; } .success { color: #4f8a10; } .error { color: red; } .debug-panel { position: absolute; display: block; top: 10px; right: 20px; padding: 10px 20px; background-color: #ffa500; border: 2px solid red; z-index: 9999; opacity: 0.4; min-width: 160px; overflow: auto; height: 90px; transition: opacity 0.5s, margin-right 1s; -moz-transition: opacity 0.5s, margin-right 1s; -webkit-transition: opacity 0.5s, margin-right 1s; -o-transition: opacity 0.5s, margin-right 1s; } .debug-panel.on-left { margin-right: calc(100% - (360px)); } .debug-panel:hover { opacity: 1; } .debug-panel h1 { font-size: 20px; padding-bottom: 10px; margin: 0; text-transform: uppercase; border-bottom: 1px solid; } .debug-panel h2 { font-size: 14px; padding: 10px 0; margin: 0; } .debug-panel ul { margin: 0; } .debug-panel a { text-decoration: none; } .debug-panel a:hover { color: #fff; text-decoration: underline; } .mu_title { clear: both; color: #fe6c03; font-size: 16px; line-height: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid #fe6c03; margin-bottom: 10px; } .mu_title span { background: #fff; padding: 0 6px 0 0; position: relative; bottom: -5px; } .search .search-details { padding-top: 0; } .search .search-details .col { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .search .search-details #creation-period-from { margin-top: 0; } .search .search-details .buttons { clear: both; padding-top: 40px; display: flex; flex-direction: column; align-items: center; margin-left: 700px; } .search .search-details .col + .col { padding: 0 20px 0 0; } .search-form .bootstrap-select { z-index: initial; } .search .search-details #circulation-specific-period { margin-top: 0; } .folder-page-recap .info-presta .col { display: inline-block; padding-right: 40px; width: 28.5%; margin-bottom: 40px; vertical-align: top; } .folder-page-recap .nav-tab .col a { display: inline-block; } .prestation-infos .col:nth-child(3n + 3) { padding-right: 0 !important; } .prestation-infos .col:nth-child(3n + 3):after { clear: both; } .prestation-infos .col { display: inline-block; width: 260px; vertical-align: top; margin-bottom: 20px; } .prestation-infos .multiline-info p { margin: 0; } .folder-page-recap .flag + .tooltip { margin-left: -300px; margin-top: 30px; } .folder-page-recap .mark-folder-as-unread { cursor: pointer; } .favourite-searches > .tt-2 { margin-top: 0; } .favourite-searches > .favourites-toggle-toggled:after { transform: rotate(180deg); } .folder-comments-page .requests:before { right: auto; margin-left: 2px; } .folder-comments-page .requests .rows .block > div div { padding-left: 0; padding-right: 20px; } .folder-comments-page .requests .rows:after { right: auto; } .folder-comments-page .requests .rows .reply { margin-top: 0; float: left; left: 42px; } .folder-comments-page .requests .rows { margin-left: 2px; padding-bottom: 20px; } .folder-comments-page .infos-requests:before { left: -20px; right: auto; } .folder-comments-page .infos-requests p { text-align: left; margin-top: -25px; margin-left: 44px; } .folder-comments-page .request-block { padding-bottom: 10px; max-height: 260px; overflow-y: scroll; } .folder-comments-page .requests .rows .block { width: 700px; } .folder-comments-page .requests:after { display: none; } .folder-comments-page .add-comment #comment-text { height: 60px !important; width: 680px !important; } .folder-comments-page .add-comment input[type="submit"] { float: right; } .folder-comments-page .requests .rows .block p:nth-of-type(-n + 2) { display: inline-block; } .status-icon { width: 16px; margin-right: 5px; } .section-icon { width: 26px; height: auto; } .informations-status { width: 100%; } .informations-status p { margin: 0; } .informations-status img { margin-left: 5px; } .informations-status { margin: 10px 0 0 0; } body.club-med .alert-folder-header .actions { margin-top: 0; } .section-header { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; } header[role="banner"] .main-h .user .avatar img { max-width: 150px; } .section-status p { color: var(--secondary-color); font-weight: 600; } .section-header h3 { color: #134C97; margin: 0; } body.club-med .mod header { margin-bottom: 0; } .informations-right a, .informations-right p, .section-header a { color: var(--primary-color); font-size: 1em; margin: 0; text-decoration: none; } .informations-right a img, .section-header a img { margin-left: 10px; } .first-link { margin-right: 50px; } .container { margin: 0 auto; max-width: 1200px; width: 60%; } .very-light-blue { color: #0F93FB; } .light-blue { color: #114A96; } .dark-blue { color: #134C97; } .info { color: #A1A2A3; font-weight: 600; } .info span { color: var(--secondary-color); } .black { color: #000; font-weight: 600; } body.club-med .ml-10 { margin-left: 10px; } body.club-med .ml-20 { margin-left: 20px; } body.club-med .ml-30 { margin-left: 30px; } body.club-med .mr-30 { margin-left: 30px; } body.club-med .subsearch select { width: 100.5%; } body.club-med .subsearch { margin: 30px auto; } body.club-med .results-list-container { padding: 0; } body.club-med .subsearch .form-group:first-child { border-top: 1px dashed #404040; padding-top: 20px; } body.club-med .error-section { background-color: #FFF2CA; } .informations-global { padding: 15px 0; margin: 10px 0; } .info-row { margin: 10px 0; padding-left: 30px; } .informations-global .info { margin: 0 30px 4px 0; } .informations-global .info:last-child { margin: 4px 0 4px 0; } body.club-med .detailled-search input[type="text"]::placeholder { color: #000; } body.club-med .detailled-search input[type="text"], body.club-med .detailled-search input[type="file"], body.club-med .detailled-search input[type="date"], body.club-med .detailled-search input[type="number"], body.club-med .detailled-search .select { height: 30px; padding: 0; border: 1px solid #1093FB; } body.club-med .detailled-search form { padding-top: 20px; } .justify-content-between { justify-content: space-between; } .justify-content-end { justify-content: flex-end; } body.club-med header[role="banner"] .main-h .user ul a.current-language { text-decoration: underline; } body.club-med .submit-form-container { padding: 0 30px 20px 0; } body.club-med .submit-form-container a { margin-top: 5px; text-decoration: none; } body.club-med .submit-form { background-color: #1093FB; padding: 9px 63px; color: #fff; transition: 0.3s; border: none; } body.club-med .submit-form:hover { background-color: #fff; outline: 1px solid #1093FB; color: #1093FB; } body.club-med .detailled-search .form-group { width: 90%; margin: 10px auto; } body.club-med .detailled-search input[type="checkbox"] { width: auto; border: 1px solid #1093FB; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; width: 15px; margin-top: 10px; height: 15px; background-color: #fff; } body.club-med .detailled-search input[type="checkbox"]:checked { background-color: #1093FB; } body.club-med .detailled-search .type-form label { margin: 10px 0 0 10px; } body.club-med .detailled-search .date-form p { margin: 0 5px 0 0; } body.club-med .detailled-search .date-form input { width: 250px; } .detailled-search form label { color: #404040; margin-bottom: 5px; display: block; } .detailled-search form input { width: 100%; } body.club-med [class*="bt-2"]:after, body.club-med .bt-2b:before { color: #1093FB; } .timeline-container { background-color: #F2F8FF; margin: 0 auto; } .underline-section { border-bottom: 1px solid #e5e6ea; } .editorForm { width: 80%; } .editorForm label { color: #900; } .editorForm textarea, .editorForm input { background-color: rgba(005, 101, 151, .3); color: #FFF; border: none; border-radius: 4px; } .editorForm textarea { height: 150px; } @media screen and (max-width: 668px) { .editorForm { width: 100%; } } .timeline { border-top: 4px solid #114A96; border-bottom: 4px solid #114A96; list-style: none; padding: 20px 0 20px; position: relative; } .section-status { margin: 10px 0; } .section-status img { margin-right: 10px; } .section-status p { margin: 0; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #114A96; left: 10%; margin-left: -1.5px; } .timeline > li { margin-bottom: 20px; position: relative; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline-date { width: 56%; left: 15%; padding: 10px; position: relative; border: 1px solid #114A96; background-color: #fff; border-radius: 4px 4px 0px 4px; } .timeline-date p { margin: 0 0 0 10px; } .timeline > li > .timeline-panel.active { background-color: #114A96; color: #fff; } .timeline > li > .timeline-panel.active p { color: #fff !important; } .timeline > li > .timeline-panel { width: 76%; padding: 10px; position: relative; left: 15%; color: #114A96; border: 1px solid #114A96; background-color: #fff; position: relative; margin-left: 20px; } .timeline > li > .timeline-panel:after { position: absolute; top: 37px; left: -40px; height: 2px; width: 39px; background-color: #114A96; display: inline-block; content: " "; } .first-step-text { position: relative; left: 15%; } .timeline > li.first-step > .timeline-badge { top: 0; } .first-step-text p { font-weight: 400; width: 40%; } .timeline > li > .timeline-badge.active { background-color: #114A96; } .timeline > li > .timeline-badge.active img { filter: brightness(0) invert(1); } .timeline > li > .timeline-badge { color: #fff; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; font-size: 1.4em; text-align: center; position: absolute; top: 56px; left: 9.5%; margin-left: -25px; border: 2px solid #114A96; background-color: #fff; z-index: 10; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .chevron::before { border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 0.45em; left: 0.15em; cursor: pointer; position: relative; top: 0.15em; transform: rotate(-45deg); vertical-align: top; width: 0.45em; } .chevron.bottom:before { top: 0; transition: 0.5s; transform: rotate(135deg); } .download-line { content: ''; width: 90%; height: 1px; border-bottom: 1px dashed #8A8A8A; } .docs-section img { margin-right: 20px; width: 28px; } .smaller { font-size: 13px; } .grey { color: #8A8A8A; } .timeline-heading { padding-right: 5px; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .turn { } .chevron.turn:before { transform: rotate(-45deg); } .show { display: block; } .timeline-title { margin: 10px 0 10px 0; color: #114A96; color: inherit; font-size: 20px; } .timeline-body > p, .timeline-body > ul { font-weight: 400; margin: 4px 0 10px 0; } .timeline-body > p + p { margin-top: 5px; } .d-flex { display: flex; } .status-ok { background-color: #6BC047; } .status-closed { background-color: #FF1E00; } .informations-main p { margin: 0; } .align-items-start { align-items: flex-start; } .status-ok, .status-closed { width: 12px; height: 12px; content: ''; margin-right: 10px; border-radius: 100px; } .followed-files-title { padding-bottom: 20px; width: 100%; margin: 0; color: #114A96; } .club-med .mt-10 { margin-top: 10px; } .informations-main .informations-global { background-color: transparent; margin: 0 0 0 20px; width: 84%; padding: 0; } .informations-main .informations-global .info-row { padding-left: 0; } .white { color: #fff; } .close::before { content: 'x'; color: #fff; font-weight: 300; } .club-med .search .search-zone { width: 650px; } .go-to { margin: 0; padding: 0; transform: rotate(-90deg); } .club-med .search-list { border-left: 1px solid #fff; padding: 0 15px; } .club-med .search-list h4 { margin: 0 0 10px 0; } .club-med .historique ul { margin: 10px 0; padding: 0; } .club-med .historique ul li { margin-top: 10px; color: var(--secondary-color); font-weight: 600; list-style-type: none; padding: 7px 10px; background-color: #F2F8FF; } .club-med .historique ul li span { font-weight: 500; margin-left: 50px; } .club-med .results-list { margin: 20px 0; padding: 0; } .club-med .results-list li { list-style-type: none; margin-top: 15px; } .club-med .results-list li img { padding-left: 20px; width: 15px; } .club-med .results-list a { color: #404040; font-size: 15px; } .club-med .search-list a { text-decoration: none; } .club-med .search-list ul { list-style-type: none; padding: 0; margin: 0; } .club-med .results-list li img:last-of-type { display: none; } .club-med .results-list li:hover img:first-of-type { display: none; } .club-med .results-list li:hover img:last-of-type { display: inline-block; } .detailled-search { background-color: #F8F9FD; margin-top: 30px; width: 50%; margin: 0 auto; } .informations-section { margin-top: 10px; background-color: #F2F8FF; border-top: 1px solid #e5e6ea; } .informations-section:last-child { border-bottom: 1px solid #e5e6ea; } .informations-main { padding: 5px 10px; } .informations-main .informations-global .info-row:first-child { margin: 0; } .informations-status .status-closed { margin: 0 10px; } .align-items-center { align-items: center; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .timeline-start { text-align: center; padding: 15px 0; margin: 0; } .timeline-start span { display: block; } .container-content { padding: 10px 40px; position: relative; background-color: inherit; width: 41.7%; margin-top: 50px; } .container-content::after { content: ''; position: absolute; width: 10px; height: 10px; border: 8px solid #F2F4FC; right: -12px; background-color: #00239c; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 1; } body.club-med .search select { height: 34px; border: none; } body.club-med .timeline__data, body.club-med .timeline__hint { color: #000; } body.club-med .timeline__data h4 { text-transform: uppercase; } body.club-med .timeline__data .table-responsive { margin: 15px 0; color: #000; } body.club-med .history-documents a { min-width: 140px; } body.club-med .timeline__data .table-responsive th { text-align: center; padding: 0 7px; text-decoration: underline; } body.club-med .timeline__data .table-responsive td { padding: 0 7px; text-align: center; } body.club-med .status-file { display: flex; margin-top: 3px; min-width: 160px; flex-direction: column; } body.club-med header[role="banner"] .main-h .logo:before, body.club-med header[role="banner"] .main-h .logo:after { background: none; } .tt-1 { margin: 10px 0 !important; } .content-message { padding: 10px 15px; background-color: white; position: relative; } input.bt-action[disabled] { background-color: #999; }