tarteaucitron.css 27 KB

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