@import url("calendar.css");

#page .link,
#popup .link,
#page a,
#popup .but,
#page .but:hover,
#popup td.titre,
#page #header #hbot a:hover,
#page #header #hbot a.sel,
#page #content table.list a:hover,
#page #header #htop .right p.link:hover{
	color: #ff9000;
}

#popup,
input.search{
	border: 1px solid #ffa800;
}
#popup td.sep{
	border-top: 1px solid #ffa800;
}
#page table.main th{
	border-bottom: 1px solid #ffa800;
}
#page table.list{
	border: 1px solid #ffa800;
}
#page table.list th{
	background-color: #ffa800;
}

#planning,
#agenda{
	top: 115px;
	left: 200px;
	width: 795px;
	height: 465px;
	overflow: hidden;
	position: absolute;
}
#planning{
	overflow: visible;
}
div.month,
div.week{
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}
#planning .mcurrent,
#agenda .mcurrent,
#agenda .wcurrent{
	display: block;
}
.day{
	top: 0;
	left: 0;
	width: 113px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	position: absolute;
}
#agenda .week .day{
	cursor: pointer;
}
#planning .day{
	top: 20px;
	width: 25px;
	height: auto;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
#agenda .month .allevents .sunday{
	border-left: 1px solid black;
}
#agenda .week .day:hover{
	background: #DDDDDD;
}
#planning .we{
	background-color: #c8dff1;
}
#planning .day p{
	height: 20px;
	font-size: 11px;
	line-height: 11px;
	margin-top: -20px;
	border-bottom: 1px solid #DDDDDD;
}
.dcurrent{
	font-weight: bold;
}
#planning .dcurrent{
	border-left: 1px solid black;
	border-right: 1px solid black;
}
#planning .dcurrent p{
	border-bottom: 1px solid black;
}
.allevents{
	left: 0;
	top: 20px;
	width: 791px;
	height: 443px;
	position: absolute;
	border-right: 1px solid #DDDDDD;
}
.aenext{
	border-right: 1px solid black;
}
.events{
	top: 0;
	left: 0;
	width: 112px;
	height: 443px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.events .hour{
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px dotted #DDDDDD;
}
.events .hfirst{
	border-top: 0;
}
.alerte,
.birthday,
.event{
	top: 0;
	left: 0;
	z-index: 20;
	width: 111px;
	margin-left: 1px;
	overflow: hidden;
	position: absolute;
	padding: 0 1px 0 1px;
	background-color: #ffb32a;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}
.month .alerte,
.month .birthday,
.month .event{
	width: auto;
	height: 20px;
	margin-left: 0;
	font-size: 12px;
	margin-top: 1px;
	position: static;
	line-height: 20px;
	padding: 0 2px 0 2px;
	-webkit-transition: none;
	transition: none;
}
.month .mday .hide{
	display: none;
}
.event.trois,
.event.deux{
	border: 1px solid white;
}
.event.deux{
	z-index: 21;
	margin: 10px 0 0 10px;
}
.event.trois{
	z-index: 22;
	margin: 20px 0 0 20px;
}
#ecur a,
#page .event a{
	color: black;
	text-decoration: underline;
}
#page .event a:hover{
	color: black;
	text-decoration: none;
}
.epublic{
	background-color: #0092cf;
}
.elarge{
	z-index: 19;
	background-color: #ffe5b8;
}
.elpublic{
	background-color: #81b8cf;
}
.events p.afaire{
	color: #ffb32a;
	text-align: left;
	line-height: 16px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.events p.epublic{
	color: #0092cf;
}
.events p.elarge{
	color: #ffe5b8;
}
.events p.elpublic{
	color: #81b8cf;
}
.events p.fait{
	text-decoration: line-through;
}
.birthday p,
.alerte p,
.event p{
	color: black;
	padding: 0px 2px 0px 2px;
}
#ecur .but,
.event .but{
	height: 16px;
	margin-right: 4px;
	visibility: hidden;
}
.alerte,
.birthday{
	color: #ff4e00;
	background-color: white;
}
.alerte p,
.birthday p{
	color: #ff4e00;
}
.alerte:hover,
.birthday:hover,
.event:hover{
	z-index: 25;
}
#ecur .but,
.event:hover .but{
	visibility: visible;
}
.event img.edit{
	right: 22px;
}
.ecurrent{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.enext{
	border-left: 1px solid black;
}
.tuesday{
	left: 113px;
}
.wenesday{
	left: 226px;
}
.thursday{
	left: 339px;
}
.friday{
	left: 452px;
}
.saturday{
	left: 565px;
}
.sunday{
	left: 678px;
}
#hcurrent{
	top: 0;
	left: 0;
	z-index: 10;
	height: 9px;
	color: #AAAAAA;
	font-size: 100%;
	line-height: 100%;
	position: absolute;
	padding: 0 3px 0 3px;
}
#aselection{
	top: 0;
	left: 0;
	z-index: 11;
	display: none;
	margin-left: 1px;
	padding-left: 1px;
	position: absolute;
	background-color: #DDDDDD;
}
#aselection.plan{
	margin-left: 0;
	padding-left: 0;
}
#aselinfo{
	top: 0;
	left: 0;
	z-index: 12;
	color: black;
	display: none;
	padding-left: 3px;
	position: absolute;
}
#cal{
	width: 170px;
	margin: 8px 0 0 15px;
}
#cal table{
	width: 170px;
	border: 1px solid #2D2D2D;
}
#cal th, #cal td{
	font-size: 10px;
}
#cal th{
	color: black;
	background-color: #ffffff;
}
#cal tr.days th{
	color: black;
	border-color: #ffffff;
}
#cal td{
	background-color: #ffffff;
}
#cal td:hover{
	background-color: #c8dff1;
}
#cal td.we{
	background-color: #c8dff1;
}
#cal td.we:hover{
	background-color: #ffffff;
}
#cal td.today{
	background-color: #0a3f68;
}
#cal #prevmonth, #cal #nextmonth{
	color: #ff9000;
	font-size: 14px;
}
#cal #prevmonth:hover, #cal #nextmonth:hover{
	color: black;
	text-decoration: none;
}
h4{
	width: 170px;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	font-weight: normal;
	margin: 115px 0 0 15px;
}
#mprev, #mnext,
#wprev, #wnext{
	z-index: 2;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	position: relative;
}
#mprev,
#wprev{
	float: left;
}
#mnext,
#wnext{
	float: right;
}
#mprev:hover, #mnext:hover,
#wprev:hover, #wnext:hover{
	color: black;
}
h1{
	top: 115px;
	left: 15px;
	width: 170px;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}
#aadd,
#filtre{
	width: 170px;
	outline: none;
	margin: 10px 0 0 15px;
	text-transform: uppercase;
}
#filtre.ul{
	padding: 0;
	list-style-type: none;
}
#filtre.ul li{
	color: white;
	margin-top: 1px;
	line-height: 18px;
}
#filtre.ul input{
	padding: 0;
	float: left;
	position: relative;
	margin: 2px 5px 0 5px;
}
#aadd{
	top: 305px;
	width: 60px;
	z-index: 100;
}
#planning .hidden,
#agenda .hidden{
	display: none;
}
#actions{
	height: 16px;
	z-index: 100;
	display: none;
	position: absolute;
	background: transparent url(../images/pix-white-75.png) repeat left top;
}
#actions img{
	float: right;
	margin-left: 5px;
	position: relative;
}
.date{
	z-index: 2;
	position: absolute;
	border: 1px solid #DDDDDD;
}
.pm,
.am{
	z-index: 2;
	width: 100%;
	height: 50%;
	position: absolute;
}
.nuit,
.soir{
	right: 0;
	width: 50%;
	z-index: 3;
	height: 50%;
	position: absolute;
	border-left: 1px dotted white;
}
.pm,
.nuit{
	bottom: 0;
}
.j{
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
}
.googlebut span{
	border-color: #ffa800;
	background-color: #ffa800;
}
.googlebut span:hover{
	color: #ffa800;
	background-color: white;
}
.mday{
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid black;
}
.mday.full{
	z-index: 10;
}
.mday p{
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}
.mday.odd p{
	opacity: 0.5;
	cursor: default;
}
.mday p span{
	color: red;
	float: right;
	cursor: pointer;
	padding-right: 2px;
	position: relative;
	display: inline-block;
	text-decoration: underline;
}
.mday p span:hover{
	text-decoration: none;
}
f.mdcurrent{
	margin-top: -1px;
	border: 1px solid black;
}
#ecur{
	left: 0;
	top: -100px;
	z-index: 1000;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	padding: 2px 2px 5px 2px;
	background-color: #ffb32a;
}
#by{
	color: black !important;
	text-decoration: underline;
}
#by:hover{
	text-decoration: none;
}