.month {
float:left;
width:83%;
}
.months{
clear:both;
width:83%;
float:left;
}
.years{
display: block;
float: right;
right: 327px;
width: 140px;
border:1px solid #aaa;
text-align:center;
}
.years a.active{
background:white !important;
font-weight:bold;
}
.event_cal{
background: rgba(180,111,255,0.6);
border-radius: 8px;
display: inline-flex;
padding: 1px 4px;
}
.event_cal:hover{
background: rgba(180,111,255,0.8);
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-property: all;
-webkit-transition-property:all;
}
.years h5{
background: none repeat scroll 0 0 #676767;
color: white;
font-family: "Open Sans Condensed",sans-serif;
font-size: 10px;
line-height: 14px;
padding: 2px;
text-align: center;
}
.top_box{
border: 1px solid #aaa;
display: block;
position: absolute;
right: 331px;
text-align: center;
top: 668px;
width: 140px;
}
.years h4,.top_box h4{
background: none repeat scroll 0 0 #aaa;
color: white;
font-family: "Open Sans Condensed",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
margin: 0;
padding: 3px 10px;
text-transform: uppercase;
}
div.th {
display:block;
float:left;
height: 10px;
width: 11%;
padding:10px;
overflow:hidden;
text-align:center;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #aeaeae;
margin-right:1px;
}
.itemEv{
font-weight:bold;
color: black;
display: inline-block;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
max-width: 80px;
line-height: 9px;
padding:4.5px 0;
cursor:pointer;
}
.itemEv2{
color: black;
cursor:pointer;
font-weight:bold;
display: inline-block;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
max-width: 125px;
line-height: 9px;
padding:4.5px 0;
}
.td.today {
background:#762266;
}
.td.today .jour{
color:white;
}
.td.today:hover{
background:#734b82;
}
.td.today .itemEv{
color:white;
}
.others{
width:703px;
height:100%;
}
.joursvides:hover {
background:white !important;
}
.relativeday{
position: relative;
}
div.tr{
display:block;
float:left;
width:100%;
}
div.td{
display:block;
float:left;
height: 87px;
width: 11%;
padding:10px;
}
.pop-up{
z-index:2;
}
div.td:hover{
background:#eee;
}
.months a {
background: none repeat scroll 0 0 #aaa;
color: white;
font-family: "Open Sans Condensed",sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
margin: 0;
padding: 3px 10px;
text-transform: uppercase;
float:left;
}
.months a:hover {
background: none repeat scroll 0 0 #762266;
color: white;
}
div.jour {
opacity:0.3;
color: #8c8c8c;
font-size:33px;
font-weight: bold;
position: absolute;
font-family: "Open Sans Condensed",sans-serif;
right: -7px;
top: 69px;
}
.active{
background:#762266 !important;
}
.flagfr {
}
.flagjp{
background: rgba(255,154,154,0.6);
border-radius: 8px;
display: inline-flex;
padding: 1px 4px;
}
.flagjp:hover{
background: rgba(255,154,154,0.8);
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-property: all;
-webkit-transition-property:all;
}
.flagus{
background: rgba(126, 173, 245,0.6);
border-radius: 8px;
display: inline-flex;
padding: 1px 4px;
}
.flagus:hover{
background: rgba(126, 173, 245,0.8);
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-property: all;
-webkit-transition-property:all;
}
.flagus > i,.flagjp > i {
font-size: 9px;
margin-left: -6px;
margin-top: -13px;
position: absolute;
}
.td .daytime {
display: none;
}
.td:hover .daytime {
background: none repeat scroll 0 0 white;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
display: block;
padding: 10px;
position: relative;
right: 190px;
top: -4px;
width: 150px;
color:#8c8c8c;
font-family: "Open Sans Condensed",sans-serif;
}
@media (max-width: 915px)
{
		.month 
		{
				width:100%;
		}
		.months
		{
				width: 100%;
		}
		.months a
		{
				padding: 3px 6.5px;
		}
		.years
		{
				right: 0;
				margin: 1px 2px 2px;
			    right: 0;
			    width: 99.3%;
		}
		.others
		{
				width: 100%;
		}
}
@media (max-width: 675px)
{
		#jours-sem
		{
				display: none;
		}
		.td.joursvides
		{
				display: none;
		}
		div.td
		{
				width: 95%;
		}
		.itemEv
		{
				max-width: 240px;
		}
}