/* EventCalendar. Copyright (C) 2005 2006, Alex Tingle.  $Revision: 263 $
 * This file is licensed under the GNU GPL. See LICENSE file for details.
 */

/***
 ***  Calendar
 ***/
#wp-calendar{
  position: relative;
 }

#wp-calendar table.nav{
  position: absolute;
  padding: 5px 10px;
}

#wp-calendar table {
 width:100%;
}

#wp-calendar table caption {
    text-align: center;
    width: 50%;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}
}

#wp-calendar #prev {
  text-align:left;
}

#wp-calendar #next {
  text-align:right;
}

#wp-calendar .ec3_eventday a {
 color:#a00 !IMPORTANT;
}

#wp-calendar table td,
#wp-calendar table th {
  text-align:center;
}

#wp-calendar table td,
#wp-calendar table td.pad:hover,
#wp-calendar table.nav tr td {
 padding:1px;
 border:none;
}

#wp-calendar table td:hover,
#wp-calendar table td.ec3_today {
 padding:0px;
 border:solid 1px #999;
}




/* The EC graphic. */
.ec3_ec {
 display:block;
 float:right;
 border:none;
 background-repeat:no-repeat;
 background-position:bottom right;
 width:13px;
 height:9px;
}
.ec3_ec span { display:none }


/***
 ***  Popup
 ***/

.ec3_popup {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:none;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.ec3_popup td {
 padding:0;
}

.ec3_popup table {
 border:solid #999 1px;        /* popup border */
 background-color:#eeb;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color:black;
 text-align:left;
}

.ec3_popup table td {
 padding:1.5px 3px 1.5px 3px;
}

#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}

#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}

#ec3_shadow2 div { width:8px; height:32px; }

#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/***
 ***  Event list
 ***/

.ec3_list {
 margin-left:-12px;
 word-spacing:-1px;
 letter-spacing:-0.2px;
 color:#800;
}

.ec3_list li {
 font-size:1em !IMPORTANT;
}

.ec3_list li:before {
 content:"" !IMPORTANT;
}

/***
 ***  Schedule
 ***/

table.ec3_schedule {
 border-collapse:collapse;
 margin:0.5ex 1ex 0.5ex 0;
 border:solid 2px #800;
 float:left;
}

table.ec3_schedule td {
 padding:0 0.5ex 0 0.5ex;
 color:#800;
}

td.ec3_start { text-align:right; }

td.ec3_to    { text-align:center; }

.ec3_schedule .ec3_past *  { text-decoration:line-through }

/***
 ***  Iconlet
 ***/

div.ec3_iconlet {
 margin:0 1ex 0.2ex 0;
 padding:0.3ex;
 border:solid 2px #800;
 float:left;
 font-size:1em;
 text-align:center;
 position: relative;

 transition: all 0.6s;
}

div.ec3_iconlet .bulle{
  position: absolute;
  background-color: rgb(174, 174, 174);
  padding: 5px 10px;
  top: -30px;
  display: none;
  left: 50%;

  display: none;
}

div.ec3_iconlet:hover .bulle{
  display: block;
}

div.ec3_past {
 border-color:gray;
 opacity:0.5;
}

div.ec3_iconlet * {
 margin:0;
 padding:0;
 line-height:90%;
}

div.ec3_iconlet table {
 border-collapse:collapse;
}

div.ec3_iconlet td {
 padding-top:0.4ex;
 padding-bottom:0.4ex;
 text-align:center;
 font-weight:bold;
}

div.ec3_iconlet tr.ec3_day td {
 padding-top:0;
 padding-bottom:0;
 font-size:2.5em;
 font-weight:bold;
 width:2.5ex;
}

div.ec3_iconlet tr.ec3_time td {
 font-size:0.75em;
 font-weight:normal;
}

div.ec3_iconlet td.ec3_multi_start {
 padding-right:0.2ex;
}
div.ec3_iconlet td.ec3_multi_end {
 border-left:solid 1px #800;
 padding-left:0.2ex;
}
div.ec3_past td {
 border-color:gray;
}


/***
 ***  Big Calendar
 ***/


div#ec3_big_cal {
 border:solid 2px #eee;
}

#ec3_big_cal table {
 border-collapse:collapse;
 width:100%;
 line-height:normal;
}

#ec3_big_cal table.nav {
 width:50%;
 margin-right:auto;
 margin-left:auto;
}

#ec3_big_cal table.nav td {
 border:none;
 height:31px; 
 text-align:center;
 font-size:1.5em;
 font-weight:bold;
}

#ec3_big_cal table caption {
 font-size:1.5em;
 font-weight:bold;
}

#ec3_big_cal table th {
 text-align:center;
 font-size:smaller;
 font-weight:normal;
}

#ec3_big_cal table td {
 margin:0;
 padding:0;
 width:14.2%;
 vertical-align:top;
 text-align:left;
 border:solid 1px #999;
}

#ec3_big_cal table td.ec3_today {
 background-color:#ffe;
}

td .ec3_daynum {
 display:block;
 margin:0;
 margin-left:auto;
 margin-right:auto;
 padding:0;
 padding-right:2px;
 padding-bottom:1px;
 text-align:right;
 font-size:1em;
}

td.ec3_postday  a.ec3_daynum { color:#0066cc }
td.ec3_eventday a.ec3_daynum { color:#a00 }
             span.ec3_daynum { color:black }

td.ec3_postday  a.ec3_daynum:hover { color:white; background-color:#0066cc }
td.ec3_eventday a.ec3_daynum:hover { color:white; background-color:#a00 }

#ec3_big_cal table td div {
 min-height:5em;
}

#ec3_big_cal table td p {
 font-size:smaller;
 margin-top:0;
 margin-bottom:0.1em;
}

#ec3_big_cal .ec3_post a {
 color:#0066cc;
}

#ec3_big_cal .ec3_event a {
 color:#a00;
}

#ec3_big_cal .pad {
 border:none;
 background-color:#eee;
}

/********************************************************************************
* Calendar sidebar popup
*********************************************************************************/
#wp-calendar tbody tr td a{
	display: inline-block;
	width: 100%;
}
#wp-calendar tbody tr td span{
  display: none;
  position: absolute;
  width: 50%;
  background: rgba(1, 1, 1, 0.8) none repeat scroll 0% 0%;
  color: white;
  left: 50%;

  transition: all 1s;
}
#wp-calendar tbody tr td:hover span{
  display: block;
}

/*****************************************************
                       Calendar
*****************************************************/
#the_big_calendar .button{
  border: 1px solid #37BF91;
  margin-right: 2rem;
  background-color: #EEF2F5;
  color: #565357;

  transition: all 0.6s;
}
#the_big_calendar .button a{ color: #565357; }
#the_big_calendar .button:hover{
  background-color: #37BF91;
  color: #FFFFFF;
}
#the_big_calendar .button:hover a { color: #FFFFFF; }
#the_big_calendar .button.active{
  background-color: #37BF91;
  color: #FFFFFF;
}
#the_big_calendar .button.active a {
  color: #FFFFFF;
}
#the_big_calendar #cal_expo_btn{
  background-color: #EEF2F5;
  color: #565357;
}
#the_big_calendar #cal_expo_btn:hover{
  background-color: #37BF91;
  color: #FFFFFF;
}
#the_big_calendar div.periode .listemois  {
font-size:1.5em;
}
#the_big_calendar #cal_expo_btn.active{
  background-color: #37BF91;
  color: #fff;
}
div.periode{
  /*border: 1px solid rgb(200, 200, 200);*/
  margin-bottom: 4%;
  /*position: relative;*/
}

div.periode .listemois{
  font-size: 2rem;
}

/*div.periode .mois{
  position: relative;
}*/

div.periode .listemois span{
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid rgb(200, 200, 200);
}

div.periode span.prev, div.periode span.prevExpo,
div.periode span.next, div.periode span.nextExpo{
  width: 25%;
  cursor: pointer;
  color:#0066cc;
}

div.periode td.notDispo{
  background-color: rgba(245, 20, 20, 0.80);
  color: white;
}

div.periode table.month_cal_ec4 td{
  width: 14.28%;
  border: solid 1px #7A8086;
  padding: 0;
  vertical-align: top;
}

table.month_cal_ec4{
  border-collapse: collapse;
}

table.month_cal_ec4 td, table.month_cal_ec4 th{
  vertical-align: top;
}

div.periode .month_cal_ec4 th{
  text-align: center;
}

div.periode .month_cal_ec4 td a{
  color: #0066cc;
}

div.periode .month_cal_ec4 td .theDay{
  text-align: center;
  background-color: #e7e7e7;
  position: relative;
}
div.periode .month_cal_ec4 td .theDay i.fa{
    position: absolute;
    left: 5%;
    top: 4px;
}
div.periode .month_cal_ec4 td span{
  padding: 0.5rem;
}

table.month_cal_ec4 td .eventDay{
  min-height: 8rem;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
}
div.periode .month_cal_ec4 td .cal_date{
  padding-bottom: 0.5rem;
  border-bottom: 1px solid gray;
}
div.periode .month_cal_ec4 td .cal_date:last-child{
  border-bottom: none;
}
div.periode .month_cal_ec4 td .eventDay a{
  display: block;
  position: relative;
}
/*div.periode .month_cal_ec4 td .eventDay a:last-child{
  
}*/

div.periode .month_cal_ec4 td .eventDay a .ec4_popup{
  display: none;
  position: absolute;
  background-color: #E7E7E7;
  border: 1px solid #555;
  padding: 1.5rem;
  border-radius: 10px;
  bottom: 130%;
  min-width: 150%;
  left: -25%;
  color: black;
  z-index: 5;
}

div.periode .month_cal_ec4 td .eventDay a .ec4_popup:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 0 15px;
  border-color: #555 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
}


div.periode .month_cal_ec4 tr:nth-child(-n+2) td .eventDay a .ec4_popup{
  top: 130%;
  bottom: inherit;
}
div.periode .month_cal_ec4 tr:nth-child(-n+2) td .eventDay a .ec4_popup:before{
  border-width: 0 15px 10px 15px;
  border-color: transparent transparent #555 transparent;
  top: -9px;
  left: 50%;
}

div.periode .month_cal_ec4 td .eventDay a .ec4_popup img{
  float: left;
  margin-right: 1.5rem;
  width: 100%;
}

div.periode .month_cal_ec4 td .eventDay a:hover .ec4_popup{
  display: block;
}
#the_big_calendar .cal_expo{
  clear: both;
  overflow: auto;
  padding: 1rem 0;
  border-bottom: 1px solid #C8C8C8;
}
#the_big_calendar .cal_expo img{
  float: left;
  width: 200px;
  margin-right: 2rem;
}
#the_big_calendar .cal_expo h3{
  display: inline-block;
  margin-bottom: 1rem;
}