/********************** 
  Main cookie button
**********************/
body #tarteaucitronRoot div#tarteaucitronAlertBig {
  top: initial !important;
  left: initial !important;
  bottom: 5% !important;
  right: 5% !important;
  width: 400px !important; 
  height: 400px !important;
  min-width: initial !important;
  padding: 0 !important;
  opacity: 0;
  border-radius: 50% !important;
  background: #4400ff !important;
  box-shadow: none !important;
  color: white !important;
  transition: opacity 0.3s ease-in-out;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig.open {
  animation: boing 1s forwards;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig .spin {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  transform-origin: center;
  pointer-events: none;
  top: 0;
  animation: spin 120s infinite linear;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig .spin-letters {
  transform-origin: center;
  top: 195px;
  left: 200px; 
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
  opacity: 0 !important;
  pointer-events: none !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig::before {
  display: none;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig .management {
  max-width: 220px;
  margin: auto;
  text-align: center;
  padding-top: 80px;
  font-family: 'Moderat', serif !important;
  font-size: 1rem !important;
  color: white !important;
}

div#tarteaucitronAlertBig button#tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow {
  display: block !important;
  background: transparent !important;
  font-family: 'SangBleuEmpire', serif !important;
  font-size: 4rem !important;
  margin: 0 auto !important;
  transition: color 0.3s ease-in-out;
}

div#tarteaucitronAlertBig button#tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow:hover {
  text-decoration: underline;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronCloseAlert{
  font-family: 'SangBleuEmpire', serif !important;
  font-size: 1rem !important;
  color: white !important;
  background: transparent !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronCloseAlert:hover{
  text-decoration: underline;
}

div#tarteaucitronAlertBig button#tarteaucitronAllDenied2.tarteaucitronCTAButton.tarteaucitronDeny {
  display: none !important;
}

div#tarteaucitronAlertBig button#tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow .tarteaucitronCheck::before{
  display: none !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  margin: 10px auto !important;
}

@media screen and (max-width: 600px) {

  div#tarteaucitronAlertBig button#tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow {
    margin: 0 auto !important;
  }

  body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 1rem !important;
  }
}

@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@keyframes boing {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
    transform: rotate(-15deg) scale(0);
    transform-origin: center center;
  }
  50% {
    opacity: 1;
    animation-timing-function: ease-out;
    transform: rotate(-15deg) scale(1);
    transform-origin: center center;
  }
  
  100% {
    opacity: 1;
    animation-timing-function: ease-in;
    transform: rotate(-22deg) scale(0.87);
    transform-origin: center center;
  }
}

/***************** 
  Cookies panel
*****************/

#tarteaucitron #tarteaucitronServices {
  background-color: #5700ff;
  border-radius: 30px;
  margin-top: 0 !important;
  font-family: 'Moderat' !important;
  min-height: 500px;
}

#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronServices div#tarteaucitronInfo {
  text-align: left !important;
  margin: 0 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron .tarteaucitronBorder ul li span,
#tarteaucitron .tarteaucitronBorder ul li a,
#tarteaucitronClosePanel,
.tarteaucitronTitle button,
#tarteaucitron .tarteaucitronAllow,
#tarteaucitron .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background-color: transparent !important;
  border: none !important;
  color: white !important;
}

.tarteaucitronTitle button{
  text-transform: uppercase;
  font-weight: 400 !important;
  margin: 17px 0 0 !important;
}

#tarteaucitronClosePanel {
  z-index: 5;
  padding: 0 !important;
  right: 20px !important;
  top: 30px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine {
  padding-top: 30px !important;
  padding-left: 30px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronH1,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronName span,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk button,
#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronDeny{
  font-family: 'Moderat', serif !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronInfo{
  font-size: 13px !important;
  padding-bottom: 8px !important;
  opacity: 0.6 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName span.tarteaucitronH2{
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-left: 0 !important;
  text-transform: uppercase;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk span{
  font-size: 14px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronCheck,
#tarteaucitron #tarteaucitronServices .tarteaucitronCross {
  display: none !important;
}

#tarteaucitron .tarteaucitronBorder{
  padding-left: 30px !important;
  padding-bottom: 30px !important;
}

#tarteaucitron .tarteaucitronBorder .tarteaucitronPlus{
  font-size: 8px !important;
  position: relative;
  bottom: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button{
  padding: 0 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  margin-left: 0 !important;
  line-height: 1 !important;
  padding-top: 6px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  padding: 0 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  opacity: 0.6 !important;
  padding-bottom: 4px !important;
  border-bottom: solid 1px white;
  margin-right: 25px !important;
}


#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronAllow{
  opacity: 1 !important;
}

#tarteaucitron .tarteaucitronBorder .tarteaucitronName > *:not(.tarteaucitronH3) {
  opacity: 0.6 !important;
}

#tarteaucitron .tarteaucitronBorder .tarteaucitronName .tarteaucitronH3 {
  font-family: 'TT Norms', serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

#tarteaucitron .tarteaucitronBorder ul#tarteaucitronServices_mandatory .tarteaucitronName{
  opacity: 1 !important;
}

#tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3{
  font-family: 'Moderat', serif !important;
  opacity: 0.6 !important;
  font-size: 12px !important;
  line-height: 1;
}