tarteaucitron.css 26 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012
  1. .tac_visually-hidden {
  2. position: absolute;
  3. width: 1px;
  4. height: 1px;
  5. padding: 0;
  6. margin: -1px;
  7. overflow: hidden;
  8. clip: rect(0, 0, 0, 0);
  9. white-space: nowrap; /* added line */
  10. border: 0;
  11. }
  12. div#tarteaucitronAlertBig:focus {outline: 0;}
  13. .tarteaucitron-modal-open{
  14. overflow: hidden;
  15. height: 100%;
  16. }
  17. #tarteaucitronContentWrapper {display:unset;}
  18. /** 14042021 **/
  19. span.tarteaucitronReadmoreSeparator {
  20. display: inline!important;
  21. }
  22. /******/
  23. /** 09052021 **/
  24. .tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {
  25. color: #333!important;
  26. font-size: 12px!important;
  27. text-transform: capitalize;
  28. }
  29. /**************/
  30. /** 27032021 **/
  31. button.tarteaucitron-toggle-group {
  32. display: block;
  33. }
  34. span.tarteaucitronH3 {
  35. font-weight: 700!important;
  36. }
  37. #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {
  38. font-weight: 500!important;
  39. font-size: 14px;
  40. margin-top: 7px;
  41. }
  42. .tarteaucitronLine {
  43. border-left: 0px solid transparent!important;
  44. }
  45. /*****/
  46. /** BETTER MOBILE MODE **/
  47. @media screen and (max-width: 767px) {
  48. html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {
  49. display: none!important;
  50. }
  51. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button,
  52. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk,
  53. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {
  54. width:100%!important;
  55. display: block!important;
  56. margin-left: 0!important;
  57. margin-right: 0!important;
  58. box-sizing: border-box!important;
  59. max-width: 100%!important;
  60. margin-bottom: 8px!important;
  61. }
  62. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {
  63. padding: 16px!important;
  64. }
  65. html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {
  66. display: none!important;
  67. }
  68. #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {
  69. width: 100%!important;
  70. display: inline-block;
  71. }
  72. li.tarteaucitronLine .tarteaucitronName span {
  73. width: 80%!important;
  74. display: inline-block;
  75. }
  76. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {
  77. width: 10%!important;
  78. position: absolute;
  79. top: 20px;
  80. right: 20px;
  81. font-size: 0px;
  82. padding: 10px 0;
  83. }
  84. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {
  85. content: '\0025BE';
  86. font-weight:700;
  87. font-size: 14px;
  88. }
  89. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {
  90. content: '\0025B4';
  91. }
  92. }
  93. @media screen and (min-width: 768px) {
  94. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {
  95. content: '\0025BE';
  96. font-weight:700;
  97. font-size: 14px;
  98. margin-left: 15px;
  99. }
  100. html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {
  101. content: '\0025B4';
  102. margin-left: 15px;
  103. }
  104. }
  105. /****/
  106. /***
  107. * Reset CSS
  108. */
  109. #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
  110. margin: 0;
  111. padding: 0;
  112. border: 0;
  113. font-size: 100%;
  114. font: inherit;
  115. vertical-align: baseline;
  116. /*background: initial;*/
  117. text-align: initial;
  118. text-shadow: initial;
  119. }
  120. /* Animation */
  121. #tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms}
  122. /* HTML5 display-role reset for older browsers */
  123. #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {
  124. display: block;
  125. }
  126. #tarteaucitronRoot ol, #tarteaucitronRoot ul {
  127. list-style: none;
  128. }
  129. #tarteaucitronRoot blockquote, #tarteaucitronRoot q {
  130. quotes: none;
  131. }
  132. #tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {
  133. content: '';
  134. content: none;
  135. }
  136. #tarteaucitronRoot table {
  137. border-collapse: collapse;
  138. border-spacing: 0;
  139. }
  140. #tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {
  141. outline: 3px dashed #3d86d8;
  142. }
  143. /***
  144. * Better scroll management
  145. */
  146. div#tarteaucitronMainLineOffset {
  147. margin-top: 0!important;
  148. }
  149. div#tarteaucitronServices {
  150. margin-top: 21px!important;
  151. }
  152. #tarteaucitronServices::-webkit-scrollbar {
  153. width: 5px;
  154. }
  155. #tarteaucitronServices::-webkit-scrollbar-track {
  156. -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
  157. }
  158. #tarteaucitronServices::-webkit-scrollbar-thumb {
  159. background-color: #ddd;
  160. outline: 0px solid slategrey;
  161. }
  162. div#tarteaucitronServices {
  163. box-shadow: 0 40px 60px #545454;
  164. }
  165. /***
  166. * Responsive layout for the control panel
  167. */
  168. @media screen and (max-width:479px) {
  169. #tarteaucitron .tarteaucitronLine .tarteaucitronName {
  170. width: 90% !important;
  171. }
  172. #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
  173. float: left !important;
  174. margin: 10px 15px 5px;
  175. }
  176. }
  177. @media screen and (max-width:767px) {
  178. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
  179. background: #fff;
  180. border: 0 !important;
  181. bottom: 0 !important;
  182. height: 100% !important;
  183. left: 0 !important;
  184. margin: 0 !important;
  185. max-height: 100% !important;
  186. max-width: 100% !important;
  187. top: 0 !important;
  188. width: 100% !important;
  189. }
  190. #tarteaucitron .tarteaucitronBorder {
  191. border: 0 !important;
  192. }
  193. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  194. border: 0 !important;
  195. }
  196. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  197. text-align: left !important;
  198. }
  199. .tarteaucitronName .tarteaucitronH2 {
  200. max-width: 80%;
  201. }
  202. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  203. text-align: center !important;
  204. }
  205. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
  206. margin-bottom: 5px;
  207. }
  208. }
  209. @media screen and (min-width:768px) and (max-width:991px) {
  210. #tarteaucitron {
  211. border: 0 !important;
  212. left: 0 !important;
  213. margin: 0 5% !important;
  214. max-height: 80% !important;
  215. width: 90% !important;
  216. }
  217. }
  218. /***
  219. * Common value
  220. */
  221. #tarteaucitronRoot div#tarteaucitron {
  222. left: 0;
  223. right: 0;
  224. margin: auto;
  225. }
  226. #tarteaucitronRoot button#tarteaucitronBack {
  227. background: #eee;
  228. }
  229. #tarteaucitron .clear {
  230. clear: both;
  231. }
  232. #tarteaucitron a {
  233. color: rgb(66, 66, 66);
  234. font-size: 11px;
  235. font-weight: 700;
  236. text-decoration: none;
  237. }
  238. #tarteaucitronRoot button {
  239. background: transparent;
  240. border: 0;
  241. }
  242. #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong,
  243. #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
  244. color: #fff;
  245. }
  246. #tarteaucitron strong {
  247. font-size: 22px;
  248. font-weight: 500;
  249. }
  250. #tarteaucitron ul {
  251. padding: 0;
  252. }
  253. #tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {
  254. display: block;
  255. }
  256. .cookie-list {
  257. list-style: none;
  258. padding: 0;
  259. margin: 0;
  260. }
  261. /***
  262. * Root div added just before </body>
  263. */
  264. #tarteaucitronRoot {
  265. left: 0;
  266. position: absolute;
  267. right: 0;
  268. top: 0;
  269. width: 100%;
  270. }
  271. #tarteaucitronRoot * {
  272. box-sizing: initial;
  273. color: #333;
  274. font-family: sans-serif !important;
  275. font-size: 14px;
  276. line-height: normal;
  277. vertical-align: initial;
  278. }
  279. #tarteaucitronRoot .tarteaucitronH1 {
  280. font-size: 1.5em;
  281. text-align: center;
  282. color: #fff;
  283. margin: 15px 0 28px;
  284. }
  285. #tarteaucitronRoot .tarteaucitronH2 {
  286. display: inline-block;
  287. margin: 12px 0 0 10px;
  288. color: #fff;
  289. }
  290. #tarteaucitronCookiesNumberBis.tarteaucitronH2 {
  291. margin-left: 0;
  292. }
  293. /***
  294. * Control panel
  295. */
  296. #tarteaucitronBack {
  297. background: #fff;
  298. display: none;
  299. height: 100%;
  300. left: 0;
  301. opacity: 0.7;
  302. position: fixed;
  303. top: 0;
  304. width: 100%;
  305. z-index: 2147483646;
  306. }
  307. #tarteaucitron {
  308. display: none;
  309. max-height: 80%;
  310. left: 50%;
  311. margin: 0 auto 0 -430px;
  312. padding: 0;
  313. position: fixed;
  314. top: 6%;
  315. width: 860px;
  316. z-index: 2147483647;
  317. }
  318. #tarteaucitron .tarteaucitronBorder {
  319. background: #fff;
  320. border: 2px solid #333;
  321. border-top: 0;
  322. height: auto;
  323. overflow: auto;
  324. }
  325. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
  326. #tarteaucitron #tarteaucitronClosePanel {
  327. background: #333333;
  328. color: #fff;
  329. cursor: pointer;
  330. font-size: 12px;
  331. font-weight: 700;
  332. text-decoration: none;
  333. padding: 4px 0;
  334. position: absolute;
  335. right: 0;
  336. text-align: center;
  337. width: 70px;
  338. }
  339. #tarteaucitron #tarteaucitronDisclaimer {
  340. color: #555;
  341. font-size: 12px;
  342. margin: 15px auto 0;
  343. width: 80%;
  344. }
  345. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
  346. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  347. background: rgba(51, 51, 51, 0.07);
  348. }
  349. #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  350. display: none;
  351. position: relative;
  352. }
  353. #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {
  354. width: 100%;
  355. box-sizing: border-box;
  356. }
  357. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
  358. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
  359. #tarteaucitron #tarteaucitronInfo,
  360. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  361. color: #fff;
  362. display: inline-block;
  363. font-size: 14px;
  364. font-weight: 700;
  365. margin: 20px 0px 0px;
  366. padding: 5px 20px;
  367. text-align: left;
  368. width: auto;
  369. background: #333;
  370. }
  371. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
  372. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  373. color: #fff;
  374. font-weight: 500;
  375. }
  376. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
  377. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
  378. text-decoration: none !important;
  379. }
  380. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
  381. font-size: 22px;
  382. }
  383. #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  384. font-size: 14px;
  385. }
  386. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
  387. padding: 5px 10px;
  388. margin: 0;
  389. }
  390. #tarteaucitron #tarteaucitronInfo,
  391. #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  392. color: #fff;
  393. display: none;
  394. font-size: 12px;
  395. font-weight: 500;
  396. margin-top: 0;
  397. max-width: 270px;
  398. padding: 20px;
  399. position: absolute;
  400. z-index: 2147483647;
  401. }
  402. #tarteaucitron #tarteaucitronInfo a {
  403. color: #fff;
  404. text-decoration: underline;
  405. }
  406. #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
  407. background: rgba(51, 51, 51, 0.2);
  408. }
  409. #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  410. background: rgba(51, 51, 51, 0.1);
  411. border-left: 5px solid transparent;
  412. margin: 0;
  413. overflow: hidden;
  414. padding: 15px 5px;
  415. }
  416. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
  417. border-color: #1B870B;
  418. }
  419. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  420. border-color: #9C1A1A;
  421. }
  422. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  423. background: #333;
  424. border: 3px solid #333;
  425. border-left: 9px solid #333;
  426. border-top: 5px solid #333;
  427. margin-bottom: 0;
  428. margin-top: 21px;
  429. position: relative;
  430. }
  431. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  432. background: #333;
  433. }
  434. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
  435. margin-left: 15px;
  436. margin-top: 2px;
  437. }
  438. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {
  439. color: #fff;
  440. }
  441. #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
  442. margin-top: 0px !important;
  443. }
  444. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  445. display: inline-block;
  446. float: left;
  447. margin-left: 10px;
  448. text-align: left;
  449. width: 50%;
  450. }
  451. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
  452. text-decoration: underline;
  453. }
  454. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  455. display: inline-block;
  456. float: right;
  457. margin: 7px 15px 0;
  458. text-align: right;
  459. }
  460. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
  461. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
  462. .tac_activate .tarteaucitronAllow {
  463. background: #555;
  464. border-radius: 4px;
  465. color: #fff;
  466. cursor: pointer;
  467. display: inline-block;
  468. padding: 6px 10px;
  469. text-align: center;
  470. text-decoration: none;
  471. width: auto;
  472. border: 0;
  473. }
  474. #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
  475. background-color: #1B870B;
  476. opacity: 1;
  477. }
  478. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
  479. #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {
  480. background-color: #9C1A1A;
  481. opacity: 1;
  482. }
  483. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
  484. #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
  485. background-color: #1B870B;
  486. }
  487. #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  488. background-color: #9C1A1A;
  489. }
  490. #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{
  491. opacity: 0.4;
  492. }
  493. #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  494. color: #333;
  495. font-size: 12px;
  496. }
  497. #tarteaucitron .tarteaucitronH3 {
  498. font-size: 18px;
  499. }
  500. #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
  501. width: auto!important;
  502. margin-left: 0!important;
  503. font-size: 14px;
  504. }
  505. span#tarteaucitronDisclaimerAlert {
  506. padding: 0 10px;
  507. display: inline-block;
  508. }
  509. #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  510. border-color: #333!important;
  511. }
  512. /***
  513. * Big alert
  514. */
  515. .tarteaucitronAlertBigTop {
  516. top: 0;
  517. }
  518. .tarteaucitronAlertBigBottom {
  519. bottom: 0;
  520. }
  521. #tarteaucitronRoot #tarteaucitronAlertBig {
  522. background: #333;
  523. color: #fff;
  524. display: none;
  525. font-size: 15px !important;
  526. left: 0;
  527. position: fixed;
  528. box-sizing: content-box;
  529. z-index: 2147483645;
  530. text-align: center;
  531. padding: 10px 0 10px 0;
  532. margin: auto;
  533. width: 100%;
  534. }
  535. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
  536. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
  537. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
  538. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  539. font: 15px verdana;
  540. color: #fff;
  541. }
  542. #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
  543. font-weight: 700;
  544. }
  545. #tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
  546. #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {
  547. cursor: pointer;
  548. }
  549. #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  550. #tarteaucitronAlertBig #tarteaucitronPersonalize,
  551. #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  552. .tarteaucitronCTAButton,
  553. #tarteaucitron #tarteaucitronPrivacyUrl,
  554. #tarteaucitron #tarteaucitronPrivacyUrlDialog,
  555. #tarteaucitronRoot .tarteaucitronDeny,
  556. #tarteaucitronRoot .tarteaucitronAllow {
  557. background: #008300;
  558. color: #fff;
  559. cursor: pointer;
  560. display: inline-block;
  561. font-size: 16px!important;
  562. line-height: 1.2;
  563. padding: 5px 10px;
  564. text-decoration: none;
  565. margin-left: 7px;
  566. }
  567. #tarteaucitronRoot .tarteaucitronDeny {
  568. background: #9C1A1A;
  569. }
  570. #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {
  571. background: #fff;
  572. color: #333;
  573. font-size: 13px;
  574. margin-bottom: 3px;
  575. margin-left: 7px;
  576. padding: 5px 10px;
  577. }
  578. #tarteaucitronPercentage {
  579. background: #0A0!important;
  580. box-shadow: 0 0 2px #fff, 0 1px 2px #555;
  581. height: 5px;
  582. left: 0;
  583. position: fixed;
  584. width: 0;
  585. z-index: 2147483644;
  586. }
  587. /***
  588. * Icon
  589. */
  590. .tarteaucitronIconBottomRight {
  591. bottom: 0;
  592. right: 0;
  593. }
  594. .tarteaucitronIconBottomLeft {
  595. bottom: 0;
  596. left: 0;
  597. }
  598. .tarteaucitronIconTopRight {
  599. top: 0;
  600. right: 0;
  601. }
  602. .tarteaucitronIconTopLeft {
  603. top: 0;
  604. left: 0;
  605. }
  606. .tarteaucitronIconTopLeft #tarteaucitronManager {
  607. border-radius: 2px 7px 7px 2px;
  608. }
  609. .tarteaucitronIconTopRight #tarteaucitronManager {
  610. border-radius: 7px 2px 2px 7px;
  611. }
  612. .tarteaucitronIconBottomLeft #tarteaucitronManager {
  613. border-radius: 7px 7px 2px 2px;
  614. }
  615. .tarteaucitronIconBottomRight #tarteaucitronManager {
  616. border-radius: 7px 7px 2px 2px;
  617. }
  618. #tarteaucitronIcon {
  619. background: transparent;
  620. position: fixed;
  621. display: none;
  622. width: auto;
  623. z-index: 2147483646;
  624. }
  625. #tarteaucitronIcon #tarteaucitronManager {
  626. color: transparent;
  627. cursor: pointer;
  628. display: inline-block;
  629. font-size: 11px !important;
  630. padding: 8px 10px 8px;
  631. border: none;
  632. }
  633. #tarteaucitronIcon #tarteaucitronManager img {
  634. width: 50px;
  635. height: 50px;
  636. }
  637. #tarteaucitronRoot .tarteaucitronCross::before {
  638. content: '\2717';
  639. display: inline-block;
  640. color: white;
  641. }
  642. #tarteaucitronRoot .tarteaucitronCheck::before {
  643. content: '\2713';
  644. display: inline-block;
  645. color: white;
  646. }
  647. #tarteaucitronRoot .tarteaucitronPlus::before {
  648. content: '\271b';
  649. display: inline-block;
  650. color: white;
  651. }
  652. /***
  653. * Small alert
  654. */
  655. .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {
  656. bottom: 0;
  657. }
  658. #tarteaucitronAlertSmall {
  659. background: #333;
  660. display: none;
  661. padding: 0;
  662. position: fixed;
  663. right: 0;
  664. text-align: center;
  665. width: auto;
  666. z-index: 2147483646;
  667. }
  668. #tarteaucitronAlertSmall #tarteaucitronManager {
  669. color: #fff;
  670. cursor: pointer;
  671. display: inline-block;
  672. font-size: 11px !important;
  673. padding: 8px 10px 8px;
  674. }
  675. #tarteaucitronAlertSmall #tarteaucitronManager:hover {
  676. background: rgba(255, 255, 255, 0.05);
  677. }
  678. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  679. background-color: gray;
  680. border-radius: 5px;
  681. display: block;
  682. height: 8px;
  683. margin-bottom: 1px;
  684. margin-top: 5px;
  685. overflow: hidden;
  686. width: 100%;
  687. }
  688. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
  689. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
  690. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  691. display: block;
  692. float: left;
  693. height: 100%;
  694. width: 0%;
  695. }
  696. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
  697. background-color: #1B870B;
  698. }
  699. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
  700. background-color: #FBDA26;
  701. }
  702. #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
  703. background-color: #9C1A1A;
  704. }
  705. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  706. background: rgba(255, 255, 255, 0.2);
  707. color: #fff;
  708. cursor: pointer;
  709. display: inline-block;
  710. font-size: 30px;
  711. padding: 0px 10px;
  712. vertical-align: top;
  713. }
  714. #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
  715. background: rgba(255, 255, 255, 0.3);
  716. }
  717. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
  718. display: none;
  719. max-height: 70%;
  720. max-width: 500px;
  721. position: fixed;
  722. right: 0;
  723. width: 100%;
  724. }
  725. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
  726. background: #fff;
  727. border: 2px solid #333;
  728. color: #333;
  729. font-size: 11px;
  730. height: auto;
  731. overflow: auto;
  732. text-align: left;
  733. }
  734. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {
  735. color: #333;
  736. }
  737. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
  738. background: #333;
  739. margin-top: 21px;
  740. padding: 13px 0 9px 13px;
  741. text-align: left;
  742. }
  743. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {
  744. color: #fff;
  745. font-size: 16px;
  746. }
  747. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
  748. background: rgba(51, 51, 51, 0.1);
  749. padding: 7px 5px 10px;
  750. word-wrap: break-word;
  751. }
  752. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
  753. background: rgba(51, 51, 51, 0.2);
  754. }
  755. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
  756. color: #333;
  757. text-decoration: none;
  758. }
  759. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
  760. display: inline-block;
  761. width: 50%;
  762. }
  763. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {
  764. color: darkred;
  765. }
  766. #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
  767. color: #333;
  768. display: inline-block;
  769. font-size: 11px;
  770. margin-left: 10%;
  771. vertical-align: top;
  772. width: 30%;
  773. }
  774. /***
  775. * Fallback activate link
  776. */
  777. .tac_activate {
  778. background: #333;
  779. color: #fff;
  780. display: table;
  781. font-size: 12px;
  782. height: 100%;
  783. line-height: initial;
  784. margin: auto;
  785. text-align: center;
  786. width: 100%;
  787. }
  788. .tac_float {
  789. display: table-cell;
  790. text-align: center;
  791. vertical-align: middle;
  792. }
  793. .tac_activate .tac_float strong {
  794. color: #fff;
  795. }
  796. .tac_activate .tac_float .tarteaucitronAllow {
  797. background-color: #1B870B;
  798. display: inline-block;
  799. }
  800. /***
  801. * CSS for services
  802. */
  803. ins.ferank-publicite, ins.adsbygoogle {
  804. text-decoration: none;
  805. }
  806. div.amazon_product {
  807. height:240px;
  808. width:120px;
  809. }
  810. .tarteaucitronIsAllowed .tarteaucitronDeny {
  811. opacity: 0.4!important;
  812. }.tarteaucitronIsDenied .tarteaucitronAllow {
  813. opacity: 0.4!important;
  814. }.tarteaucitronIsAllowed .tarteaucitronAllow {
  815. opacity: 1!important;
  816. }.tarteaucitronIsDenied .tarteaucitronDeny {
  817. opacity: 1!important;
  818. }
  819. .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {
  820. opacity: 0.4;
  821. }
  822. #tarteaucitronServices_mandatory button.tarteaucitronAllow {
  823. opacity: 1;
  824. }
  825. div#tarteaucitronInfo {
  826. display: block!important;
  827. position: relative !important;
  828. text-align: center!important;
  829. max-width: 80%!important;
  830. padding: 15px 0!important;
  831. margin: -10px auto 40px!important;
  832. font-size: 1em!important;
  833. border-bottom: 1px solid;
  834. border-top: 1px solid;
  835. border-color: #555;
  836. }
  837. a.tarteaucitronSelfLink {
  838. position: absolute;
  839. left: 0;
  840. right: 0;
  841. bottom: -30px;
  842. text-align: center!important;
  843. display: block;
  844. height:30px;
  845. }
  846. .tarteaucitronMainLine .tarteaucitronH2 {
  847. font-size: 1.2em!important;
  848. margin-top: 4px!important;
  849. }
  850. span.tarteaucitronTitle.tarteaucitronH3 {
  851. margin-top: 12px!important;
  852. }
  853. #tarteaucitronCloseCross {
  854. position:absolute;
  855. color: #FFFF;
  856. font-size:1.8rem;
  857. cursor: pointer;
  858. top: 10px;
  859. right: 26px
  860. }
  861. .tarteaucitron-spacer-20 {
  862. height: 20px;
  863. display: block;
  864. }
  865. .tarteaucitron-display-block {
  866. display: block;
  867. }
  868. .tarteaucitron-display-none {
  869. display: none;
  870. }