@font-face {
  font-family: kookies;
  src: url('data:font/opentype;charset=utf-8;base64,kAUAAOwEAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAZzpnbQAAAAAAAAAAAAAAAAAAAAAAAA4AawBvAG8AawBpAGUAcwAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBrAG8AbwBrAGkAZQBzAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFgAAAALwAAABgY21hcBdW0ogAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmfIqbyAAAAXgAAAEoaGVhZBPC608AAAKgAAAANmhoZWEHngPHAAAC2AAAACRobXR4DgAAUQAAAvwAAAAYbG9jYQC8AGIAAAMUAAAADm1heHAACAApAAADJAAAACBuYW1lm0wL/QAAA0QAAAGGcG9zdAADAAAAAATMAAAAIAADA1UBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkBA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAf/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEALf/AA9gDsAAZAAAFIiYnASY2NzYWHwEBPgEXHgEHAQ4BByoBIwGDGCsO/vsZCiIiUxmsAbEXUiQkExf+Ag4rGQEDAUAVEwFaIVQZGQsh4wK2JBMXF1Ik/M0WGQEAAAEAJP/AA9wDnAAmAAAJATY0JyYiBwkBJiIHBhQXCQEGFBceATMyNjcJAR4BMzI2NzY0JwECrQEvJCQkZST+0f7RJGUkJCQBL/7RJCQSLRgXLRIBLwEvEi0XGC0SJCT+0QHAAS8kZSQkJP7RAS8kJCRlJP7R/tEkZSQSEhISAS/+0RISEhIkZSQBLwAAAQAAAAEAAG1nOmdfDzz1AAsEAAAAAADYY9NxAAAAANhj03EAAP/AA9wDsAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD3AABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAAtBAAAJAAAAAAACgAUAB4ATgCUAAAAAQAAAAYAJwABAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGtvb2tpZXMAawBvAG8AawBpAGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGtvb2tpZXMAawBvAG8AawBpAGUAc2tvb2tpZXMAawBvAG8AawBpAGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmtvb2tpZXMAawBvAG8AawBpAGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=');
  src: url('data:font/opentype;charset=utf-8;base64,kAUAAOwEAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAZzpnbQAAAAAAAAAAAAAAAAAAAAAAAA4AawBvAG8AawBpAGUAcwAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBrAG8AbwBrAGkAZQBzAAAAAAAAAQAAAAsAgAADADBPUy8yDxIFgAAAALwAAABgY21hcBdW0ogAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmfIqbyAAAAXgAAAEoaGVhZBPC608AAAKgAAAANmhoZWEHngPHAAAC2AAAACRobXR4DgAAUQAAAvwAAAAYbG9jYQC8AGIAAAMUAAAADm1heHAACAApAAADJAAAACBuYW1lm0wL/QAAA0QAAAGGcG9zdAADAAAAAATMAAAAIAADA1UBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkBA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpAf/9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEALf/AA9gDsAAZAAAFIiYnASY2NzYWHwEBPgEXHgEHAQ4BByoBIwGDGCsO/vsZCiIiUxmsAbEXUiQkExf+Ag4rGQEDAUAVEwFaIVQZGQsh4wK2JBMXF1Ik/M0WGQEAAAEAJP/AA9wDnAAmAAAJATY0JyYiBwkBJiIHBhQXCQEGFBceATMyNjcJAR4BMzI2NzY0JwECrQEvJCQkZST+0f7RJGUkJCQBL/7RJCQSLRgXLRIBLwEvEi0XGC0SJCT+0QHAAS8kZSQkJP7RAS8kJCRlJP7R/tEkZSQSEhISAS/+0RISEhIkZSQBLwAAAQAAAAEAAG1nOmdfDzz1AAsEAAAAAADYY9NxAAAAANhj03EAAP/AA9wDsAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAD3AABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAAAtBAAAJAAAAAAACgAUAB4ATgCUAAAAAQAAAAYAJwABAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGtvb2tpZXMAawBvAG8AawBpAGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGtvb2tpZXMAawBvAG8AawBpAGUAc2tvb2tpZXMAawBvAG8AawBpAGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmtvb2tpZXMAawBvAG8AawBpAGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=') format('embedded-opentype'), url('data:application/font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZnyKm8gAAAF4AAABKGhlYWQTwutPAAACoAAAADZoaGVhB54DxwAAAtgAAAAkaG10eA4AAFEAAAL8AAAAGGxvY2EAvABiAAADFAAAAA5tYXhwAAgAKQAAAyQAAAAgbmFtZZtMC/0AAANEAAABhnBvc3QAAwAAAAAEzAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAC3/wAPYA7AAGQAABSImJwEmNjc2Fh8BAT4BFx4BBwEOAQcqASMBgxgrDv77GQoiIlMZrAGxF1IkJBMX/gIOKxkBAwFAFRMBWiFUGRkLIeMCtiQTFxdSJPzNFhkBAAABACT/wAPcA5wAJgAACQE2NCcmIgcJASYiBwYUFwkBBhQXHgEzMjY3CQEeATMyNjc2NCcBAq0BLyQkJGUk/tH+0SRlJCQkAS/+0SQkEi0YFy0SAS8BLxItFxgtEiQk/tEBwAEvJGUkJCT+0QEvJCQkZST+0f7RJGUkEhISEgEv/tESEhISJGUkAS8AAAEAAAABAABtZzpnXw889QALBAAAAAAA2GPTcQAAAADYY9NxAAD/wAPcA7AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9wAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAALQQAACQAAAAAAAoAFAAeAE4AlAAAAAEAAAAGACcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRrb29raWVzAGsAbwBvAGsAaQBlAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBrb29raWVzAGsAbwBvAGsAaQBlAHNrb29raWVzAGsAbwBvAGsAaQBlAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJrb29raWVzAGsAbwBvAGsAaQBlAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA') format('truetype'), url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAU4AAsAAAAABOwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFgGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAASgAAAEofIqbyGhlYWQAAALsAAAANgAAADYTwutPaGhlYQAAAyQAAAAkAAAAJAeeA8dobXR4AAADSAAAABgAAAAYDgAAUWxvY2EAAANgAAAADgAAAA4AvABibWF4cAAAA3AAAAAgAAAAIAAIACluYW1lAAADkAAAAYYAAAGGm0wL/XBvc3QAAAUYAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAt/8AD2AOwABkAAAUiJicBJjY3NhYfAQE+ARceAQcBDgEHKgEjAYMYKw7++xkKIiJTGawBsRdSJCQTF/4CDisZAQMBQBUTAVohVBkZCyHjArYkExcXUiT8zRYZAQAAAQAk/8AD3AOcACYAAAkBNjQnJiIHCQEmIgcGFBcJAQYUFx4BMzI2NwkBHgEzMjY3NjQnAQKtAS8kJCRlJP7R/tEkZSQkJAEv/tEkJBItGBctEgEvAS8SLRcYLRIkJP7RAcABLyRlJCQk/tEBLyQkJGUk/tH+0SRlJBISEhIBL/7REhISEiRlJAEvAAABAAAAAQAAbWc6Z18PPPUACwQAAAAAANhj03EAAAAA2GPTcQAA/8AD3AOwAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPcAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAAC0EAAAkAAAAAAAKABQAHgBOAJQAAAABAAAABgAnAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACka29va2llcwBrAG8AbwBrAGkAZQBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwa29va2llcwBrAG8AbwBrAGkAZQBza29va2llcwBrAG8AbwBrAGkAZQBzUmVndWxhcgBSAGUAZwB1AGwAYQBya29va2llcwBrAG8AbwBrAGkAZQBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==') format('woff'), url(data:application/font-svg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Imtvb2tpZXMiIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTAwOyIgZ2x5cGgtbmFtZT0idUVBMTUtY2hlY2ttYXJrIiBkPSJNMzg3LjItNjRjLTMyIDAtNjIuNCAxNC40LTgxLjYgNDBsLTI2MC44IDM0NS42Yy0zMy42IDQ0LjgtMjUuNiAxMDguOCAxOS4yIDE0Mi40czEwOC44IDI1LjYgMTQyLjQtMTkuMmwxNzEuMi0yMjcuMiA0MzMuNiA2OTQuNGMzMC40IDQ4IDkyLjggNjIuNCAxNDAuOCAzMnM2Mi40LTkyLjggMzItMTQwLjhsLTUxMC40LTgxOS4yYy0xNy42LTI4LjgtNDgtNDYuNC04MS42LTQ4LTEuNiAwLTMuMiAwLTQuOCAweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDE7IiBnbHlwaC1uYW1lPSJ1RUExOS1jbG9zZS1jcm9zcyIgZD0iTTY4NS4zODEgNDQ4bDMwMi42OTMgMzAyLjY2OGM0Ny44OTQgNDcuODk0IDQ3Ljg5NCAxMjUuNTM1IDAgMTczLjQwNS00Ny44NDUgNDcuODctMTI1LjUzNSA0Ny44Ny0xNzMuMzgxIDBsLTMwMi42OTMtMzAyLjcxNy0zMDIuNjkzIDMwMi43MTdjLTQ3Ljg0NSA0Ny44Ny0xMjUuNTM1IDQ3Ljg3LTE3My4zODEgMC00Ny44OTQtNDcuODk0LTQ3Ljg5NC0xMjUuNTM1IDAtMTczLjQwNWwzMDIuNjY4LTMwMi42NjgtMzAyLjY2OC0zMDIuNjY4Yy00Ny44OTQtNDcuODk0LTQ3Ljg5NC0xMjUuNTM1IDAtMTczLjQwNSAyMy45MS0yMy45NTkgNTUuMzI1LTM1LjkwMiA4Ni42OS0zNS45MDIgMzEuMzQxIDAgNjIuNzggMTEuOTQzIDg2LjY5IDM1LjkwMmwzMDIuNjkzIDMwMi42NjggMzAyLjY5My0zMDIuNjkzYzIzLjkzNS0yMy45NTkgNTUuMzI1LTM1LjkwMiA4Ni42OS0zNS45MDJzNjIuNzggMTEuOTQzIDg2LjY5IDM1LjkwMmM0Ny44OTQgNDcuODk0IDQ3Ljg5NCAxMjUuNTM1IDAgMTczLjQwNWwtMzAyLjY5MyAzMDIuNjkzeiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=) format('svg');
  font-weight: 400;
  font-style: normal;
}

[class*=" kookies-icon-"],
[class^=kookies-icon-] {
  font-family: kookies !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.kookies-icon-uEA15-checkmark::before {
  content: "\e900";
}

.kookies-icon-uEA19-close-cross::before {
  content: "\e901";
}

/* Barre de cookies */
#cookies-content-barre {
  position: fixed;
  z-index: 1010;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 5rem;
  background: rgba(243,243,243,.95);
  padding: 1.2rem;
}

#cookies-content-barre .link-cookies {
  color: #b6418e;
}
#cookies-content-barre p{
  font-size: 1.2rem;
  /*color: #fff;*/
}

.js-masque-cookie-wall{
  height: 100%;
  width: 100%;
  position: fixed;
  background: #2c2c2cba;
  z-index: 1005; // 1001 le menu
  top: 0;
}

/* Popin de cookies */
.popin-cookies .fancybox-content{
  max-width: 100rem;
  width: 100%;
}

.popin-cookies .fancybox-content .logo-cookies{
  display: flex;
  justify-content: center;
  align-items: center;
}
.popin-cookies .fancybox-content .alert-txt{
  margin-top: 1rem;
}
.popin-cookies .fancybox-content .alert-close{
  display: flex;
  justify-content: flex-end;
}

.alert-close {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

.alert-close a,
.cookies-waiting-content a {
  font-size: 1.4rem;
  line-height: 2rem;
  position: relative;
  display: inline-block;
  min-height: 2rem;
  padding: 1rem 1.5rem;
  text-decoration: none;
  color: #fff;
  background: #028E02;
  border: solid .1rem #028E02;
}

.alert-close a + a,
.cookies-waiting-content a + a {
  margin-left: 1rem;
}

.alert-txt {
  line-height: 1.3;
  min-height: 5rem;
  margin: 0;
}

.alert-txt a {
  color: #028E02;
}
.link_cookies {
  color: #028E02;
}
#cookies-options{
  padding: 3rem;
  max-width: 100rem;
  width: 100%;
}

#cookies-options .h3 {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

#cookies-options p {
  font-size: 1.2rem;
  margin: 0 0 .5rem;
  padding: 0;
}

#cookies-options .cookies-options-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: solid .1rem #e7e7e7;
}

#cookies-options .cookies-options-container .cookies-option-title {
  cursor: pointer;
  font-size: 1.8rem;
}

#cookies-options .cookies-options-container .cookies-option-description {
  max-width: 80rem;
}

#cookies-options .cookies-options-container .cookies-detail-content{
  width: 100%;
  padding: 0 1.5rem;
  line-height: 1;
}

#cookies-options .cookies-options-container .cookies-detail-content .cookies-detail{
  font-size: 1rem;
  cursor: pointer;
  transition: color .3s;
}

#cookies-options .cookies-options-container .cookies-detail-content .cookies-detail:hover{
  color: #000;
}
#cookies-options .cookies-options-container .cookies-detail-content .cookies-detail span {
  display: inline-block;
  margin-left: 1rem;
  transition: transform .2s;
}

#cookies-options .cookies-options-container .cookies-detail-content .cookies-detail span.active {
  transform: rotate(90deg);
}

#cookies-options .cookies-options-container .cookies-detail-content table{
  width: 100%;
  font-size: 1.2rem;
  margin-top: .6rem;
  display: none;
}

#cookies-options .cookies-options-container .cookies-detail-content table thead th,
#cookies-options .cookies-options-container .cookies-detail-content table td{
  text-align: center;
  padding: .5rem;
}

#cookies-options .cookies-options-container .cookies-detail-content table thead th{
  height: 3rem;
  font-weight: 700;
  color: #fff;
  background-color: #16315a;
  vertical-align: middle;
}

#cookies-options .cookies-options-container .cookies-detail-content table tbody tr:nth-child(2n){
  background-color: #eee;
}

#cookies-options .cookies-options-container:first-child .swip-checkbox::before {
  content: 'Obligatoire';
  position: absolute;
  top: -1.5rem;
  right: auto;
  margin-left: .3rem;
  color: #b12626;
  font-size: 1.1rem;
}

/**
CSS pour le tableau listing detail cookie dans page cms politique de cookies
ATTENTION: on n'a pas les memes identifiants css que la popin cookie car des events JS sont lié aux id et class de celle ci
 */
#cookies-page-cms{
  padding: 3rem;
  max-width: 100rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#cookies-page-cms .h3 {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

#cookies-page-cms p {
  font-size: 1.2rem;
  margin: 0 0 .5rem;
  padding: 0;
}

#cookies-page-cms .cookies-options-container {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: solid .1rem #e7e7e7;
}

#cookies-page-cms .cookies-options-container .cookies-option-title {
  cursor: pointer;
  font-size: 1.8rem;
}

#cookies-page-cms .cookies-options-container .cookies-option-description {
  max-width: 80rem;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content{
  width: 100%;
  padding: 0 1.5rem;
  line-height: 1;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content .cookies-detail{
  font-size: 1.2rem;
  cursor: pointer;
  transition: color .3s;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content .cookies-detail:hover{
  color: #b6418e;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content .cookies-detail span {
  display: inline-block;
  margin-left: 1rem;
  transition: transform .2s;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content .cookies-detail span.active {
  transform: rotate(90deg);
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content table{
  width: 100%;
  font-size: 1.2rem;
  margin-top: .6rem;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content table thead th,
#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content table td{
  text-align: center;
  padding: .5rem;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content table thead th{
  height: 3rem;
  font-weight: 700;
  color: #fff;
  background-color: #028E02;
  vertical-align: middle;
}

#cookies-page-cms .cookies-options-container .cookies-page-cms-detail-content table tbody tr:nth-child(2n){
  background-color: #eee;
}

#cookies-page-cms .cookies-options-container:first-child .swip-checkbox::before {
  content: 'Obligatoire';
  position: absolute;
  top: -1.5rem;
  right: auto;
  margin-left: .3rem;
  color: #b12626;
  font-size: 1.1rem;
}

/* Gestion de l'affichage du détail des cookies */
.cookies-detail-content.cookies-detail-chevron {
  display: inline-block;
  margin-left: 1rem;
  transition: transform .2s;
}

.cookies-detail-content.table-responsive{
  display: none;
}

.cookies-detail-content.active .cookies-detail-chevron {
  transform: rotate(90deg);
}

.cookies-waiting-container {
  display: flex;
  width: 100%;
  height: 100%;
  background: #f1f1f1;
  justify-content: center;
  align-items: center;
}

.cookies-waiting-content {
  padding: .5rem;
  text-align: center;
  font-size: .9rem;
  line-height: 1;
}

.cookies-waiting-content p {
  margin-bottom: .5em;
}

.cookies-waiting-content a {
  font-size: .9rem;
  line-height: 1;
  min-height: auto;
  padding: .2rem .5rem;
}

.alert-close a.accepted {
  /*background-color: #b6418e;*/
}

.alert-close a.save {
  /*background-color: #b6418e;*/
}

.alert-close a:focus,
.alert-close a:hover,
.cookies-waiting-content a:focus,
.cookies-waiting-content a:hover {
  color: #028E02;
  background: #fff;
  border: solid .1rem #028E02;
}

#cookies-content .alert-close a .accepted {
  color: #fff;
  background: #16315a;
  border: solid .1rem #16315a;
}

#cookies-content .alert-close a .accepted:focus,
#cookies-content .alert-close a .accepted:hover{
  color: #16315a;
  background: #fff;
  border: solid .1rem #16315a;
  opacity: 1;
}

#cookies-content .alert-close a .refused {
  color: #fff;
  background: #028E02;
  border: solid .1rem #028E02;
}

#cookies-content .alert-close a .refused:focus,
#cookies-content .alert-close a .refused:hover {
  color: #b6418e;
  background: #fff;
  border: solid .1rem #b6418e;
  opacity: 1;
}

.msg-content .alert-txt a {
  color: #16315a;
}

.alert-close a:focus,
.alert-close a:hover,
.alert-txt a:focus,
.alert-txt a:hover,
.cookies-waiting-content a:focus,
.cookies-waiting-content a:hover {
  opacity: .7;
}

/* Swip button effect */
.swip-checkbox {
  margin: 2em;
}
.swip-checkbox [type=checkbox]:checked,
.swip-checkbox [type=checkbox]:not(:checked) {
  position: absolute;
  left: -999.9rem;
}

.swip-checkbox [type=checkbox]:checked + label,
.swip-checkbox [type=checkbox]:not(:checked) + label {
  position: relative;
  padding-left: 7.5rem;
  cursor: pointer;
  margin-bottom: 1.9rem;
}

.swip-checkbox [type=checkbox]:checked + label::after,
.swip-checkbox [type=checkbox]:checked + label::before,
.swip-checkbox [type=checkbox]:not(:checked) + label::after,
.swip-checkbox [type=checkbox]:not(:checked) + label::before {
  position: absolute;
  content: '';
}

.swip-checkbox [type=checkbox]:checked + label::before,
.swip-checkbox [type=checkbox]:not(:checked) + label::before {
  top: -.1rem;
  left: 0;
  width: 6.5rem;
  height: 2.6rem;
  transition: background-color .2s ease-in-out;
  border-radius: 1.5rem;
  background-color: #ccc;
}

.swip-checkbox [type=checkbox]:checked + label::after,
.swip-checkbox [type=checkbox]:not(:checked) + label::after {
  top: .2rem;
  left: .5rem;
  width: 2rem;
  height: 2rem;
  transition: all .2s ease-in-out;
  border-radius: 50%;
  background: #b12626;
}

.swip-checkbox [type=checkbox]:checked + label::before {
  background: #388e00;
}

.swip-checkbox [type=checkbox]:checked + label::after {
  top: .2rem;
  left: 4rem;
  background: #eee;
}

.swip-checkbox [type=checkbox]:checked + label .ui,
.swip-checkbox [type=checkbox]:checked + label .ui::after,
.swip-checkbox [type=checkbox]:not(:checked) + label .ui::before {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.2rem;
  position: absolute;
  top: 0;
  left: .6rem;
  width: 6.5rem;
  transition: all .2s ease-in-out;
  border-radius: 1.5rem;
}

.swip-checkbox [type=checkbox]:checked + label .ui::after,
.swip-checkbox [type=checkbox]:not(:checked) + label .ui::before {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
}

.swip-checkbox [type=checkbox]:not(:checked) + label .ui::before {
  font-family: kookies !important;
  top: .1rem;
  left: 3.6rem;
  content: '\e901';
  color: #b12626;
  width: auto;
}

.swip-checkbox [type=checkbox]:checked + label .ui::after {
  font-family: kookies !important;
  top: .1rem;
  content: '\e900';
  color: #eee;
  width: auto;
}

.swip-checkbox [type=checkbox]:focus + label::before {
  box-sizing: border-box;
  border: .1rem solid transparent;
}

@media (max-width: 991px) {
  #cookies-page-cms{
    overflow: auto;
    padding: 0;
    margin-bottom: 2rem;
  }

  #cookies-page-cms .cookies-options-container{
    min-width: 80rem;
  }
}

@media (max-width: 767px) {
  .popin-cookies .fancybox-content{
    padding: 2.5rem;
  }

  .popin-cookies .fancybox-content .alert-close{
    margin-top: 2rem;
  }

  /* Tableau responsive */
  .table-responsive{
    display: block;
  }

  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive tr,
  .table-responsive th,
  .table-responsive td{
    display: block;
  }
  .table-responsive thead{
    display: none;
  }
  .table-responsive td{
    position: relative;
    padding-left: 13rem!important;
    padding-right: 1rem;
    background: #fff;
  }

  .table-responsive td::before{
    padding: 1rem;
    content: attr(data-type-col);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 12rem;
    font-weight: 700;
    color: #fff;
    background-color: #00427c;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
  }
  .table-responsive td:nth-child(2n+1){
    background-color: #eee;
  }

  .table-responsive tr{
    margin-bottom: 1rem;
  }
  .table-responsive td,
  .table-responsive th{
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    border-bottom: .1rem solid #fff;
  }
}

@media (max-width: 575px) {
  .popin-cookies .fancybox-content{
    padding: 1.5rem;
  }

  .popin-cookies .fancybox-content .logo-cookies img{
    width: 20rem;
  }
  .popin-cookies .fancybox-content .alert-txt{
    font-size: 1.8rem;
  }
  .popin-cookies .fancybox-content .alert-close{
    flex-direction: column;
    align-items: center;
  }

  .popin-cookies .fancybox-content .alert-close a{
    text-align: center;
    margin-bottom: .8rem;
    width: 25rem;
  }
  .popin-cookies .fancybox-content .alert-close a + a{
    margin-left: 0;
  }

  .popin-cookies .fancybox-content .alert-close{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .popin-cookies .fancybox-content .alert-close a{
    width: 100%;
    max-width: 32rem;
    text-align: center;
    padding: 1rem .6rem;
    margin-bottom: .8rem;
    margin-left: auto;
    margin-right: auto;
  }

  .popin-cookies .fancybox-content .alert-close a + a{
    margin-left: auto;
  }

  .alert-close {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .alert-close a {
    width: 100%;
    max-width: 32rem;
    text-align: center;
    padding: 1rem .6rem;
    margin-bottom: .8rem;
    margin-left: auto;
    margin-right: auto;
  }

  .alert-close a + a {
    margin-left: auto;
  }

  #cookies-options{
    padding: 1.5rem;
  }

  #cookies-options .page-cms .h4{
    margin-bottom: 2rem;
  }
  #cookies-options .cookies-options-container:first-child .swip-checkbox::before{
    top: 1rem;
    right: 10rem;
  }

  #cookies-options .cookies-options-container .cookies-detail-content{
    padding: 0 1rem;
  }
  .table-responsive td{
    padding-left: 10.5rem !important;
    min-height: 3.2rem;
  }

  .table-responsive td::before{
    width: 10rem;
  }
}