.text{display:none;
/*! background-color:#f8f6fd; */
border:solid 1px #e1ddfd;
/*! border-top-style: solid; */
padding:0 8px;
/*! border-radius:0 0 10px 10px; */
/*! box-shadow:0 5px 6px -2px gray; */
border-top-style:none;
margin:-8px auto 16px;
border-left-style: none;
border-right-style: none;
}
.text p{
/*margin: 18px 0; */
line-height:1.38;
letter-spacing: -.12px;
font-family:initial;
font-size:16.8px
}
.text p:first-child {padding-top:16px}
.text div:first-child{padding-top:16px;margin-top:0}
ul.perso li{
font-family:initial;
line-height:1.3;
list-style-type:none;
position:relative
}
li:before{margin-right:2px;}
.etoile:before{content:'\2605 ';}
.u666:before{content:'\26E6 ';font-size: 1.4em;}

.specs{
  text-decoration: none;
}
.date button.gras:hover {
/* background-color:#dfd5f4;*/
 color:#000;
 -webkit-transition:background-color 0.2s ease-out;
 transition:background-color 0.2s ease-out;
/* border:solid 1px #dfd5f4; */
}
.date {
 margin:8px 0;
 display:block;
 font-size:1.2em;
  
}
iframe {
margin: 20px 0
}
button {
 font-size:1.5em;
 pointer-events:auto;
 padding:0;
 background:transparent;
 color:#000
}
.svg-fleche {
 margin-left:4px;
 position:relative;
 top:6px
}

button.specs {
 text-transform:initial;
 margin:0;
 color:#6a6a6a;
 max-width:100%;
 width:100%;
 text-align:left;
 -webkit-transition:1s ease-in-out;
 transition:1s ease-in-out;
 padding:2px 4px;
  border:solid 1px #000
}
/*button.closeIt:hover {
 background:var(--bg)
}*/
button.closeIt {
 font-size:1em;
 text-transform:initial;
 border-radius:10px;
 margin:20px 0
}
button.closeIt a {
 background-color:#dfd5f4;
 color:#000;
 padding:6px 12px;
 border-radius:10px;
 display:block;
 border:solid 1px var(--bg);
 -webkit-transition:background-color 0.4s ease-in-out;
 transition:background-color 0.4s ease-in-out
}
button.closeIt a:hover {
 background-color:var(--bg);
 color:var(--main);
 text-decoration:none;
 outline:none;
}
button:hover>.svg-fleche {
 background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="xMidYMid meet" width="1183" height="1183" viewBox="0 0 313 313" xmlns="http://www.w3.org/2000/svg" role="img"><path d="m265 161-213-94.2 60.8 94.2-60.8 91z" fill="rgb(0, 0, 0)"/></svg>');
 background-repeat:no-repeat;
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
} 
.date #dead{
	  height: 150px;
	    text-align: center;
  border: solid 2px black;
}
.date #dead,.date #death{
  color:#000;
  text-decoration: none;

}
.date #dead:hover {
 border:solid 1px #000;

}
.svg-skull {
  background-image: url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/skull.svg');
  background-repeat:no-repeat;
  background-size: 40px 40px;
  display:block;
  height:40px;
  line-height:initial;
  transition:transform .4s;
  transition: transform .4s,-webkit-transform .4s;
  transition: -webkit-transform .4s;
  width:40px;
  margin:0 auto;
}
.skull {
display:inline-block;
width:24px;
height:24px;
background-size:24px 24px;
}
.date #death .skull,.date #dead .svg-skull{
top:2px;
transition:none;
margin-top:6px;
}
.date #death:hover,.date #dead:hover{
background-color:#000;
color:red;
text-decoration:none;
}
.date #dead:hover > span.svg-skull, .date #death:hover > span.skull{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/skull-red.svg'); 
}
.bright{
transition:.5s ease-in-out;
outline-color:white;
}
a.bright:hover {
outline-color:white;
filter:contrast(3) brightness(1.2);
}

.date.active button > .svg-fleche {
background-image:url('data:image/svg+xml;utf8,<svg preserveAspectRatio="xMidYMid meet" width="1183" height="1183" viewBox="0 0 313 313" xmlns="http://www.w3.org/2000/svg" role="img"><path d="m265 161-213-94.2 60.8 94.2-60.8 91z" fill="rgb(0, 0, 0)"/></svg>');
background-repeat:no-repeat;
transition:none;
transform:rotate(90deg);
}
.date.active button > .svg-fleche.gouttes{
background-image: url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/gouttes-x2.svg');
transition:none;
transform:rotate(0deg);
width:60px;
height:30px;
background-size:60px 30px;
}

.date.active button > .skull{
background-image: url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/skull.svg');
background-repeat:no-repeat;
transition :none;
transform:none;
}

.date.active button>.mickey-fu{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/mickey-fck-u.svg');
background-repeat:no-repeat;
-webkit-animation:.22s ease-in-out infinite alternate shake;
animation:.22s ease-in-out infinite alternate shake
}
.date #dead .svg-skull.rotate, .date #death .skull.rotate {
transform:none;
rotate: :none
}
.date.active button.gras{
border:solid 1px transparent;
color:#000
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.grece{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/grece.svg');
width:60px;
height:60px;
display:inline-block;
background-size:60px 60px;
margin:0 4px;
background-repeat:no-repeat;
}
.cercle-rebours { 
display:block;
font-weight:900;
margin:50px 0px 10px;
padding:10px;
max-width:120px;
text-align:center;
color:black;
background:linear-gradient(25deg,#ff2bde,#fffb05);
border-radius:50%;
box-shadow:0px 2px 12px 2px #cecaca;
position:relative;
transition:.6s ease-in-out;
height:110px
}
.txt-rebours{
display:block;
font-size:2em;
margin-bottom:0;
border:solid 5px transparent;
margin-bottom:0;
position:absolute;
text-align:center;
width:120px;
top:12px;
left:0px;
}
.txt-rebours div{
font-size:9px
}

.bonnet{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/bonnet-noel.svg');
width:75px;
height:75px;
background-size:75px 75px;
background-repeat: no-repeat;
position:absolute;
top:-46px;
right:-10px;
transform:rotate(16deg)
}
#noel:hover,.cercle-rebours:hover{
filter:brightness(.8) contrast(210%) saturate(200%)
}
.jour{
opacity: 0;
transition:all 700ms ease-in-out
}
.cercle-rebours:hover .txt-rebours .jour {
opacity:1
}

.filter-blur-sepia:hover{
filter: blur(0) saturate(1.3);
}
.filter-blur-sepia{
filter:blur(10px) saturate(0) sepia(1) contrast(300%);
transition: all 1s ease-in-out;
}

.pere-noel{
transition:1.7s ease-out;}
.pere-noel:hover {
transform:rotate(1080deg) translateX(-160px)
}
.maj{
font-size:.85em;
background:#fffbee;
padding:4px 2px;
font-style:italic
}
.bloc-img-450{
width:450px;
display:block;
margin:20px 0;
max-width:100%
}
.bloc-img-450 div, .bloc-img-450 p{
width:450px;
font-style:italic;
font-size:13px;
color:#000;
max-width:100%
}
.bloc-img-450 a{
cursor: cell;
text-decoration:none;
outline: none
}
button.closeIt#noel{
position:relative;
transition:.8s ease-in-out; 
}
#noel a{
border-radius:8px;
color:#000;border:2px solid #fff;
background:linear-gradient(250deg,#f00,#fff,#f00);
transition:1.1s ease-in-out
}
#noel a:hover{
  outline:none
}
#noel .bonnet{
top:-52px;
right:-26px;
}

.sapin{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/sapin-noel.svg');
width:32px;
height:75px;
background-size:32px 32px;
background-repeat:no-repeat;
right:-5px;
height:32px;
transition:.4s ease-in-out;
}

.date.active button > .sapin{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/etoiles-noel.svg');
background-repeat:no-repeat;
transition:none;
transform:rotate(280deg)
}
div.date #nowel{
color:#000;
text-decoration:none
}
div.date #nowel:hover{
background: #f9c6f3;
}
div.date button#nowel.specs.gras:hover > .sapin{
filter:brightness(1.5)
}

.houx::after{
content: ' ';
background-image: url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/houx.png');
width:120px;
height:32px;
background-size:60px 32px;
position:relative;
display:block;
top:-10px;
left:35px
}
div.date.noel-houx{
max-height:49px;}
.grenouille{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/grenouillee.svg');
width:20px;
height:20px;
background-size:20px 20px;
-webkit-animation:.4s ease-in-out infinite alternate shake;
top:5px}

.grece.rotation{animation: 4s infinite linear rotation;}

@-webkit-keyframes shake{
  from {-webkit-transform: rotate(-20deg)}
  to {-webkit-transform: rotate(20deg);-webkit-transform-origin: center center}
}
@keyframes rotation{
from{transform: rotate(0deg);}
to{transform: rotate(359deg)}}
@keyframes pulse{
from{transform: scale(1);}
to{transform: scale(4) rotate(15deg)}}
#nouvel-an.cercle-rebours{
color:#fff;
background:linear-gradient(25deg,#be48d6,#605dc7);
-webkit-animation:8s linear infinite rotation;
}
.vache,.fonzi,.clooney,.grenouille,.sapin,.peace{
position:relative;
display:inline-block;
mix-blend-mode:multiply;}
.vache{
background-image: url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/vache.svg');
width:26px;
height:26px;
background-size:26px 26px;
-webkit-animation:3s ease-in-out infinite alternate pulse;
top:3px}
.fonzi{
height:40px;
width:26px;
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/fonzie.webp');
background-size:26px 40px;
margin:0 4px;
top:10px;
}
.peace{
width:16px;
height:22px;
background-image:url('/wp-content/themes/Moesia-fan-fan/icn-blog/peace.webp');
background-size:contain;
margin: 0 4px;
vertical-align:sub
}
.peace.shake,.fonzi.shake{-webkit-animation:.4s ease-in-out infinite alternate shake;scale:1.4}
.clooney{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/clooney.webp');
height:33px;
width:33px;
background-size:33px 33px;
top:10px}

#kebab {
transform: scaleX(1.03) scaleY(1.4) rotate(6deg) translateX(-25px) translateY(25px);
transition: .4s ease-in-out}
#kebab:hover{
background-color: grey;
color:crimson}

.avion{
transition:0s;
transform:rotate(2deg)}

button#kebab.specs:hover .svg-fleche{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/avion.svg');}

.date.active button .avion{
background-image:url('/wp-content/themes/Moesia-fan-fan/css-perso/img-journal-de-bore/avion.svg');
width:40px;
height:30px;
background-size:40px 30px;
transform:rotate(0deg) translateX(120px) translateY(-40px) rotateX(8deg) rotateY(20deg);
transition:2s}

div.date.active{
background:linear-gradient(85deg,#fff,#b8ffeb,#fff);
transition:.4s ease-in-out;
}
button.gras,button.closeIt{background-color:inherit}

.date button.gras img {
  width: 24px;
  top: 0px;
  position: relative;
  object-fit: contain;
  aspect-ratio: 1/1;
}

.text {
    transition: max-height 0.3s ease-in-out;
}
.text.closed {
    max-height: 0;
    opacity: 0;
}
.text.open {
    opacity: 1;
}
.date button.specs.gras {
    cursor: pointer;
}
.closeIt {
    cursor: pointer;
    background: #f0f0f0;
    border: none;
    padding: 0.5rem;
    margin-top: 1rem;
}
.closeIt a {
    text-decoration: none;
    color: #333;
}