body
{
	font-size: 10px;
	background: url(../imgs/fond-trame3.gif);
	margin: 0;

}

#menCal
{
	position: absolute;
	text-transform: uppercase;
	top: 100px;
	left: 34px;
	
}

h1 { display: none;  }

.fiche
{
	display: none;
	
	padding: 7px 0;
	margin-bottom: 100px;
	left: 347px;
	top: 121px;
	position: absolute;
	background: #fff;
	width: 425px;
	padding-bottom: 20px;
	color: #333;
	
}

.fiche h3 { background: yellow;  text-transform: uppercase; margin: 0 7px; padding-left: 1px; font-weight: normal ; line-height: 10px; margin-bottom: 5px; font-size: 11px; }

.fiche h4 { text-transform: uppercase; margin: 3px 7px; padding-left: 1px; font-weight: normal; font-size: 11px;  }

.fiche h2 { text-transform: uppercase; margin: 3px 7px; padding-left: 1px; font-weight: bold; font-size: 11px;  }

.fiche h5 { font-weight: bold; font-size: 15px; font-family: "Times New ROman", times, serif; line-height: 18px; margin: 20px 7px -2px 7px }

.fiche p { font-size: 16px;  margin: 3px 7px; padding-left: 1px; font-weight: normal; font-family: "Times New Roman", Times, serif; line-height: 20px; padding-right: 15px}

.fiche p.annot { font-size: 14px; margin-top: 10px; margin-bottom: 10px; line-height: 16px;}


.fiche span.dat { text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-right: 2px}

abbr {  text-transform: uppercase;  }

.fiche .info {  position: relative; background: #fdd; margin: 7px; float: left; width: 410px  }

.fiche address {  font-style: normal; font-size: 11px; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; }

.fiche address.lieu { float: left; width: 35%;  border-right: 5px solid #fff; clear: left;  }

.fiche address.lieu.spe4 { height: 63px;  }

.fiche address.contact.spe1 { }

.fiche address.contact { float: left; width: 55%; clear: right }

.fiche address.contact.vide { background: #fff }

.fiche address span { line-height: 15px }

.fiche address strong { font-weight: normal; text-decoration: underline;  }

.fiche address em { margin-right: 5px; font-style: normal; text-decoration: underline }

.fiche address a { color: #333 }

.fiche address a:hover { color: #000 }

.imCal {  position: absolute; bottom: -327px; left: 0;  width: 420px; height: 320px; }

.imCal div { float: left;  margin-right: 10px ; padding: 7px; background: #fff; margin-bottom: 12px;}

.imCal img { display: block;  border: none; margin-bottom: 7px; width: 110px;}
.imCal span {  background: #fff; font-size: 11px; padding: 0 }

.imCal a.vis img{ border: 1px solid #ccc!important; }
.imCal a.vis:hover img{ border: 1px solid #000  !important}


#mrgB { top: 120px; position: absolute ; width: 1px}

#module, #module2
{
	

	padding: 0 !important;
	margin: 0 !important;
	border: 1px none red;
	float: left; width: 305px;
	list-style-type: none;

}

#module2
{
width: 310px;}

.calView, .calView #module, .calView #module2 {

	width: 305px !important;
	
}


.calView #module2
{
border-top: 1px solid #fff !important;
}


.calView #module2 {

margin-left: 0 !important;
}

#liste-evenements
{
	position: absolute;
	left: 34px;
	top: 120px;
	padding-top: 7px;
	padding-bottom: 0 !important;
	display: none;
	background: #fff;
	float: left;
	

}




#liste-evenements li
{
	font-size: 12px;
	display: block;
	margin: 0 !important;
	padding: 0 !important;

}

#liste-evenements li a
{
	margin-top: 0 !important;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	
	
}

#liste-evenements li a span
{
	color: #333;
	margin-bottom: 4px;
	padding: 0 10px; padding-right: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px;
	text-transform: uppercase
	
}

#liste-evenements li a span.sup
{
	margin-bottom: 0;
	padding: 0; 
	display: inline;
	line-height: 5px;font-size: 9px; margin-top: -5px; position: relative;
	
}

#liste-evenements li a:hover span { background-color: #fff; }


.calView#liste-evenements li a:hover span { background-color: #ff9; }

li .m-sel span
{
	background-color: yellow;
	color: #000;
}





.cal#expos
{
	position: absolute;
	left: 0;
	top: 0;
	width: 550px;
	background: transparent;
	display: none;
	font-size: 11px !important;
}
.cal
{
	background: #eee;
	display: none;
}

.cal a
{
	display: inline;
	padding: 0 3px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #333;
}

.cal a.m-sel
{
	background-color: yellow;
	color: #000;
}

.cal a:hover
{
	background-color: yellow;
	color: #000;
}

.cal span
{
	display: inline;
	background: #fff;
	margin-left: 3px;
	padding-right: 30px;
}

.cal a.all
{
	background-color: #fdd;
	color: #000;
}

#s-m2 { }
#s-m1 { visibility: hidden; }

.fermer
{
	position: absolute;
	bottom: 6px;
	left: 0;
	text-decoration: none;
	color: #666;
	width: 25px;
	font-size: 10px;
	background: #333 url(../imgs/croix.gif) no-repeat center center;
	height: 13px;
	cursor: pointer;
}

.fermer:hover {  background-color: #000 }

#tous
{
	background: #cff;
	display: inline;
	padding: 0 3px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
	padding-right: 160px;
}

#tous:hover
{
	background-color: #9ef;
	color: #000;
}


#avertissement {

position: absolute;
left: 34px; 
top: 100px;
width: 345px;
height: 90px;
background: #ffd;


}


#avertissement span {
margin: 5px;
font-size: 12px;
display: block;
}

#avertissement span span{
margin: 0;
}

#pdf {  display: block; top: 197px; left: 34px }