* { font-family:verdana; font-size: 11px; color: #ffffff }
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
  }
.elIn{
	color: #333333;
	border-style: solid;
	border-width: 1px;
	border-color: #4B79AF;
	padding: 2px;
	height: 20px;
	background-color: #efefef;
}

.cantons{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #DBE7F3;
	font-size: 11px;
	text-decoration: none;	
}

.divers{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

.titre{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFEA;
	font-size: 11px;
	text-decoration: none;
}

.sousTitre{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFE6CC;
	font-size: 11px;
	text-decoration: none;
}
.hand{
	cursor:hand;
}
.agendaBox {
	border: solid;
	border-width: 1px;
	/*border-color: #f6f6f6;*/
	width: 560px;
	padding: 4px;
}
.menuAgenda {
	background-color: #93B9DD;
	font-weight: bold;
	text-align: left;
	border: solid;
	border-width: 1px;
	border-color:#60708D; 
}
.detAgenda {
	/*display:inline;*/
	padding: 2px;
	color: #f6f6f6;
	text-align: left;
}
.off{
	cursor: pointer;
	border-bottom: dashed;
	border-width: 1px;
	border-color: #cccccc;
	/*background-color: #F1F1F1;*/
	width: 550px;
}
.over{
	cursor: pointer;
	background-color: #6A95B8;
	width: 550px;
	border-bottom: dashed;
	border-width: 1px;
	border-color: #cccccc;
}

.agTitre {
	text-align: left;
	background-color: #60708D;
	color: #FFFFEC;
	font-weight: bold;
	padding-left: 4px;
	padding-bottom: 2px;
	height: 16px;
	margin-bottom: 2px;
}
.num {
	text-decoration: none;
}
.separator {
	border-bottom: dashed;
	border-width: 1px;
	border-color: #f6f6f6;
	margin-top: 2px;
	padding: 2px; 
}
.separatorB {
	padding: 2px;
	margin-top: 4px;
}
.sky {
	background-image: url("img/back.gif");
	background-repeat: no-repeat;
}
.footLink {
	text-decoration: none;
	color: #cccccc;
}
.footLink:hover {
	color: #FFCC33;
}
/*.bird {
	background-image: url("../images/home/bird.gif");
	background-repeat: no-repeat;
}*/
.inputF {
	width: 250px;
	color: #333333;
}a {
	text-decoration: none;
}
.annonce-bleuCopie {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 11px;
	text-decoration: none;
	font-weight: 600;

}
.titreNoir {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 11px;
	text-decoration: none;
}
.titreNoirGras {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	font-size: 11px;
	text-decoration: none;
	font-weight: bolder;

}

/* ----------------------- AJAXBOX -------------*/
#ajaxBox{
	height:395px;
	width:680px;
	padding:30px 10px;
	background-color: #efefef;
}
#ajaxBox h1, #ajaxBox h1 span{
	font-family: "trebuchet MS", trebuchet, sans-serif;
	font-size: 16px;
	border-bottom: 1px solid #777;
	color: #333;
	margin: 0px;
}
#ajaxBox h2{
	font-weight: normal;
	font-size: 12px;
	color: #666;
	margin: 0px;
}
#ajaxBox p, #ajaxBox dt, #ajaxBox dd, #ajaxBox p span, #ajaxBox em{
	font-family: "trebuchet MS", trebuchet, sans-serif;
	font-size: 12px;
	color: #333;
}
#ajaxBox p{
	text-align: justify;
	margin-right: 20px;

}
#ajaxBox p span{
	display: block;
	float: left;
	width: 460px;
	height: 260px;
	overflow:auto;
	padding-right: 10px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#ajaxBox p img{
	float: left;
	margin-right: 10px;
	width: 180px;
	height: 370px;
}
#ajaxBox dl{
	margin-top: 16px;
}
#ajaxBox dt{
	font-weight: bold;
	color: #666;
	margin-top: 5px;
	padding: 0px;
}
#ajaxBox dd{
	text-indent: 20px;
	margin: -5px;
	padding: 0px;
}

/* ----------------------------------- EVENT BOX [AGENDA] */
.eventBox{
	border-top: 1px solid #ccc;
	clear:both;
	padding: 5px 0px;
	position:relative;
}
.eventBox dt{
	padding: 10px 0px 0px 0px;
	margin: 0px;
	text-align:left;
}
.eventBox dd{
	width: 160px;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	text-align:left;
	position:absolute;
	top: 2px;
	background-color:#003366;
	color:#FFFFFF;
	text-align:center;
	padding: 2px;
}
.eventBox h1 a{
	font-size: 14px;
}
.eventBox h1 a:hover{
	color:#003366;
}
.eventBox p span{
	color: #ccc;
}