tarteaucitron.css 26 KB

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