.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
}
.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;}

.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
}
.eye{background:url('https://www.phenixevent.com/wp-content/uploads/svgs/icon/eye.svg');width:20px;
	height:20px;position:relative;display:inline-block;top:3px;transition:.4s ease-in-out;margin-left:8px}
.voir.active .eye{filter:invert(15%) sepia(52%) saturate(6112%) hue-rotate(355deg) brightness(110%) contrast(126%)}
.svg-fleche {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1183\" height=\"1183\" viewBox=\"0 0 313 313\" role=\"img\" aria-labelledby=\"ttl-plus\"><title id=\"ttl-plus\">Symbole plus</title><path d=\"M64 9h185c30.47 0 55 24.53 55 55v185c0 30.47-24.53 55-55 55H64c-30.47 0-55-24.53-55-55V64C9 33.53 33.53 9 64 9z\" fill=\"transparent\"/><path d=\"M64.001.001c-35.3 0-64 28.7-64 64v185c0 35.3 28.7 64 64 64h185c35.3 0 64-28.7 64-64v-185c0-35.3-28.7-64-64-64zm0 18h185c25.64 0 46 20.36 46 46v185c0 25.64-20.36 46-46 46h-185c-25.64 0-46-20.36-46-46v-185c0-25.64 20.36-46 46-46z\" fill=\"transparent\"/><path d=\"M257.374 156.5c0 14.658-12.27 26.458-27.511 26.458H83.138c-15.241 0-27.511-11.8-27.511-26.458s12.27-26.458 27.511-26.458h146.725c15.241 0 27.511 11.8 27.511 26.458z\"/><path d=\"M156.5 257.374c-14.658 0-26.458-12.27-26.458-27.511V83.138c0-15.241 11.8-27.511 26.458-27.511s26.458 12.27 26.458 27.511v146.725c0 15.241-11.8 27.511-26.458 27.511z\"/></svg>');
  background-size:20px 20px;
  height:20px;
  transition:transform 0.4s;
  width:20px;
   margin-left:4px;
 position:relative;
 top:6px;
 display:inline-block;
}

button.specs {
 text-transform:initial;
 background-color: transparent;
 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;
 padding: 0
}
button.closeIt a {
background-color:#dfd5f4;
 color:#000;
 padding:6px 12px;
 border-radius:10px;
 display:block;
 border:solid 1px var(--bg);
 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);
}
div.date.active{
/*background:pink; */
transition:none
}
.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-bottom:solid 1px transparent;
border-right:solid 1px transparent;
border-left:solid 1px transparent;
border-top:solid 1px #000;
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%;
/*display:none*/
}
.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}
.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
}
.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;
}
.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}


.felix{
	display:flex;
	flex-wrap:wrap
}
.contain {
	width: 150px;
  height: 150px;
  object-fit: cover;
}

.img-overlay a,
.img-overlay i {
  color:#fff;
   font-size: 1em
}
i.fa-download{
  text-align: right;
  transition: .6s ease-in-out;
}
.img-overlay{
  text-align: left
}
.fa-download:hover{
  transform: scaleX(1.5) scaleY(1.5);    
}
.main-bloc-jour{
max-width:100%
}
.bloc-jour ,.bloc-jour-ok{
border: solid 1px #c8bbd5;
  /*background: black;*/
  width: 150px;
  height: 150px;
  max-width: 100%;
  position: relative;
  background: url('/wp-content/uploads/calendrier-avent/papiers.jpg');
  background-repeat: round;
  transition:.4s ease-in-out
}
.bloc-jour:hover{
  cursor: pointer;
  filter: brightness(1.15)
  }


.ajd,.ajd-2 { 
  position: absolute;
 top: 0;
  /*! left: 50%; */
  /*! border-radius: 50%; */
  padding: 6px;
  /*! width: 35%; */
  text-align: center;
  /*! transform: translate(-50%, -50%); */
  font-weight: 700;
  /*background: linear-gradient(25deg,#f71594,#fde41b);*/
background: linear-gradient(105deg,#ffe2f2,#fdf6bd);
  font-size: 18px;
  
}

.ajd-2{
	background: rgba(255, 255, 255, 0.3);
	color: white;
}


.bloc-jour span{
  /*! color:#fff; */
}

.contain-boule {
width: 80px;
  height: 80px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fig-rtkl .img-overlay, .fig-rtkl img {
  border-radius: 0;
}
.fig-rtkl:hover{
	transform:none;
	filter : brightness(1.2);
}
.myimgdivshowhide{
display:none}

.hidden{display:none;
	  transition:2s ease-in-out}
	  

	  /*************************************/
	  

.fx-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: 1fr;
  grid-gap: 0 16px;
}
.fx-grid > .fx-grid__col {
  grid-column-start: span 6;
  width: 100%;
}

.fx-category-grid__item {
	display: flex;
  align-items: center;
  flex-direction: column;
  padding: 16px 8px 10px;
  margin-bottom: 8px;
}

.fx-category-grid.fx-category-grid--list-view .fx-category-grid__item, .fx-category-grid.fx-category-grid--mixed .fx-category-grid__item {
  flex-direction: row;
  padding: 8px 12px 8px 8px;
  margin-bottom: 0;
  border-bottom: 1px solid #e8e8e8;
}



.fx-category-grid.fx-category-grid--list-view .fx-category-grid__image, .fx-category-grid.fx-category-grid--mixed .fx-category-grid__image {
	width: 100%;
  max-width: 64px;
  max-height: 64px;
  height: 64px;
  margin: 0 16px 0 0;
}

.fx-category-grid.fx-category-grid--list-view .fx-category-grid__label, .fx-category-grid.fx-category-grid--mixed .fx-category-grid__label {
  display: flex;
  flex: 1;
  justify-content: space-between;
  flex-direction: row;
}
.fx-grid > .fx-grid__col.fx-col--12 {
  grid-column-start: span 12;
}


@media screen and (min-width: 600px) {
	.fx-category-grid.fx-category-grid--list-view .fx-category-grid__item {
    padding: 8px 16px 8px 8px;
  }
    .fx-grid > .fx-grid__col.fx-col--md-6{
    grid-column-start: span 6;
  }
    .fx-category-grid.fx-category-grid--list-view .fx-category-grid__image {
    min-width: 74px;
    max-height: 74px;
    height: 74px;
  }
   .theme-fx a {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.11px;
  }
}

@media screen and (min-width: 940px) {
  .fx-category-grid.fx-category-grid--list-view .fx-category-grid__item {
    padding: 8px 24px 8px 8px;
  }
   .fx-grid > .fx-grid__col.fx-col--lg-4 {
    grid-column-start: span 4;
  }
    .fx-category-grid.fx-category-grid--list-view .fx-category-grid__image {
    min-width: 84px;
    max-height: 84px;
    height: 84px;
    margin-right: 20px;
  }
   .theme-fx a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.26px;
  }
  
}



.englobe:hover {
  border-bottom: solid 1px #6800ce;
}

.englobe {display: flex;
align-items: center;
padding: 6px;
border-bottom: solid 1px var(--brd);
    transition:.4s ease-in-out
}
.bloc-img{margin: 0 8px 0 0;
}
.bloc-text{font-size: 16px;}
.bloc-label {flex: 1;}

@media only screen and (min-width: 480px){
   .block-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    
    margin: 1em auto;
   }

  /* .block-list:after {
    content: "";
    -webkit-box-flex: 1;
    flex: auto;
   }*/

   .block-list-2 .block-list__item {
    /*width: 50%;*/
	  flex-basis: 48%;
   }

  .bloc-text{font-size: 15px;}
}

@media only screen and (min-width: 767px) {
   .block-list {
    display: -webkit-box;
    display: flex;
    /*! flex-wrap: wrap; */
    /*! -webkit-box-pack: justify; */
    /*! justify-content: space-between; */
    
    /*! margin: 1em auto; */
   }

  /* .block-list:after {
    content: "";
    -webkit-box-flex: 1;
    flex: auto;
   }*/
   .block-list__item {
      width: 25%;
   }

   .block-list-3 .block-list__item {
      width: 33.3%;
      flex-basis: 30%;
    
   }
 /*  .block-list-4 .block-list__item {
      width: 25%;
   }
   .block-list-5 .block-list__item {
      width: 20%;
   } 
   .block-list-6 .block-list__item {
      width: 16.66%;
   } */
  }
pre{white-space:pre-wrap;word-break:break-word}
code{display:block;
background:#2a2121;
font-size:initial;
padding:20px;
color:#fffcf2}
.cards.calendrier{
grid-template-columns: repeat(auto-fit,minmax(160px,1fr))}
.card.bloc_calendrier{
  border: solid 1px black;
  padding: 30px;
  display: flex;
  flex-direction: column;
  text-align: center;
  background: #fff1ba;
  position: relative;
  background: var(--bg);
}
.annee{
  font-weight: 700;
  position: absolute;
  top: 0px;
  left: 0;
  background: white;
  border-radius: 0 0 0px;
  padding: 0 6px;
  transform: rotateZ(0deg);
}
.mois{
  font-style: italic;
  font-family: verdana;
  color: var(--main);
  font-weight: 600;
  transition: .4s all
}
a:hover{text-decoration:none !important}
a .annee{color:#000}
.card.bloc_calendrier:hover > .mois{
  color:var(--bg);
  background: var(--main);
  transform: rotateZ(-2deg) scale(1.2); 
}

.chevron-d {
	-webkit-mask:url(https://www.phenixevent.com/wp-content/uploads/svgs/icon/fleche-droite.svg);
  mask:url(https://www.phenixevent.com/wp-content/uploads/svgs/icon/fleche-droite.svg);
  width:12px;
  height:12px;
  position:relative;
  display:inline-block;
  top:1px;
  transition:1s cubic-bezier(.68,-.55,.27,1.55);
  background:#555;
  margin:0 10px 0 6px
}

.scrollToTopBtn {
  cursor:pointer;
  width:60px;
  height:60px;
  position:fixed;
  bottom:20px;
  right:15px;
  z-index:1;
  opacity:0;
  transform:translateY(100px);
  transition:all 0.4s ease;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:10px
}
.showBtn {
  opacity:.8;
  transform:translateY(0)
}
button .chevron-d {
  background:var(--main);
  transform:rotatez(-90deg);
  scale:1.5;
  margin:0
}
.chevron_nav.totop{fill:var(--main);transform:rotatez(90deg);scale:1.5}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align: center;
  margin-top:100px
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}