body {
	margin: 0;
	padding: 0;
	background: #cdcdcd;
	margin-top: 10px;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 0.95em;
	padding: 0;
}

img { border: none; }

#wrapper {
	margin: 0 auto;
	padding: 0;
	background: transparent url(background.png) repeat-y top left;
	width: 1024px;
}  

#page { 
	margin: 0 112px;
	width: 800px;
	background: #fff;
	position: absolute;
}


#banner { width: 100%; height: 165px; min-height: 0; background: #322; margin: 0; padding: 0; }
#footer { clear: both; text-align: right; background: #fff; }
#footer a { font-size: 13px; color: #4d4d4d; text-decoration: none; }


#bandeau {
	margin: 0; padding: 0; height: 165px; 
	background: url(bandeau-agenda.png) no-repeat top left;
}

#bandeau h1 a { height: 150px; display: block; margin: 0; padding: 0; text-indent: -1000px; }

#bandeau h1 { margin: 0; padding: 0; }

#bandeau ul {
	position: absolute;
	top: 127px;
	background: #03235e; /* #bdd93a; */
	height: 22px;
	width: 800px;
	list-style: none;
	padding: 0; margin: 0;
}

#bandeau li {
	padding: 0; pargin: 0;
	float: left;
	width: 113px;
	padding: 0; margin: 0;
	height: 22px;
	line-height: 22px;
	border-right: 1px solid #03235e; /* #af0b8c; */
}

#bandeau li.last { border-right: none; }

#bandeau #siteactive a {
	/* background: #af0b8c;
	color: #bdd93a; */
	background: #2775c7;
	color: #fff;
}

#bandeau li a {
	display: block;
	height: 22px;
	text-decoration: none;
	text-align: center;
	color: #fff; /*#af0b8c;*/
	font-size: 15px;
	font-variant: small-caps;
	font-weight: bold;
}

.c1 {
background-color:#fff;
}
.c2 {
background-color: #83adff; /* #bdd93a; */

}

.tablemois { 
	width: 100%;
	border-collapse: collapse;

}

.jourmois {
	color: #fff;
/* 	background: #af0b8c; */
background: #03235e;
	font-variant: small-caps; 
	font-size: 120%; 
	padding: 0 5px; 
/*	color: #af0b8c;

	font-variant: small-caps; 
	font-size: 120%; 
	padding: 0 5px;
	font-weight: bold; */
}



.jourmois a { color: #fff; text-decoration: none; }

.tablemois .tbtitre {
	font-size: 85%;
}

.tablemois .tblire { font-size: 80%; }





/*
#header {
	border-bottom: 2px solid #ccc; 
 	border-top: 2px solid #ccc; 
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
}
#header ul {
	margin: 0 0 3px auto;
	padding: 0;
	text-align: right;
}
#header li {
	background-repeat: no-repeat;
	display: inline;
	padding-bottom: 14px;
	padding-left: 20px;
}
#header a {
	color: #eee;
	font-weight: bold;
	padding-bottom: 14px;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
*/

#liens-ext {
	position: absolute;
	top: 110px;
	left: 520px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#liens-ext li {
	float: left;

	color: #fff;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	width: 140px;

}

#liens-ext li a { color: #fff; text-decoration: none; }




#entete {
	width: 950px;
	background: #1a2747;
	color: #fff;
	margin: 0;
}

#entete a { color: #ccc; }
#entete ul { list-style: none; margin: 0; padding: 0; }
#entete li { float: left; margin: 0 2px; padding: 0; text-align: center; }





#logo { float: left; }
#logo img { margin-top: 15px; }

#recherche { background: #1a2747; line-height: 25px; color: #fff; text-align: right; padding: 10px 0 5px 0;  height: 25px;   }
#recherche input { border: 1px solid #1a2747; background: #9DA6BB url(/niou/img/fond-recherche.png) no-repeat top right}
#recherche input:focus { background: #D8DBE2; }
#recherche input[type=submit] { background: #9DA6BB; }
#recherche form div { float: left; }
#recherche a { color: #fff; text-decoration: none;  }

#menu2 { height: 20px; }



#main {
	clear: left;
}

.hidden { visibility: hidden; clear: both; }




#evtjour {
	float: right;
	width: 520px;
	margin: 0;
}


/* obsolete par ajout de la div listedujour */

#evtjour ul { margin: 0; padding: 0; list-style-type: none; }
#evtjour li { 
	background: url(puce-jour.png) no-repeat 0 3px;
	padding-left: 16px;
	margin: 0 0 3px 4px;
}

ul#evtpermanents { margin-top: 10px; }
ul#evtpermanents li { background: url(puce-perm.png) no-repeat 0 3px; font-size: 90%; }
ul#evtpermanents li a { color: #45387E; }

#evtjour h1, #evtjour h2 { color: #03235e; /* #61004C; */ }

#listedujour div, #listeexpos div {
	min-height: 80px;
	margin: 10px 30px;
	border: 1px solid #ccc;
	padding: 5px;
}

#listedujour h3, #listeexpos h3 {
	font-size: 80%;
	margin-top: 0;
}


.titre a {
	text-decoration: none;
	
}

#listedujour .imgcontainer, #listeexpos .imgcontainer {
	float: left;
	width: 165px;
	text-align: center;
	padding: 30px 0 0 0;
	margin: 0;
	border: none;
}

#listedujour .imgcontainer a { text-align: center; margin: auto; }

#listedujour .extraitcontainer, #listeexpos .extraitcontainer {
	margin-left: 166px;
	border: none;
}



#listedujour img, #listeexpos img {

}

#listedujour p, #listeexpos p { 
	font-size: 85%;
	color: #777;
}

#listedujour p a, #listeexpos p a  { color: #000; }


#listedujour hr, #listeexpos hr { 
	clear: both;
	height: 1px;
	margin: 10px 150px;
	visibility: hidden;
}


a { color: #474455; }


#optionsrech {
	margin: 0;
	width: 270px;
	padding: 0 0 0 3px;
	/* background: url(zigzag.png) repeat-y top right; */
	border-right: 1px solid #474455;
}

#optionsrech h2 { text-align: center; }

#optionsrech h1 { font-size: 18px; color: #fff; }

#optionsrech h2 a { text-decoration: none; }

#optionsrech select { width: 250px; }

.submit { text-align: center; }

input, select {
	border: 1px solid #474455;	
}

input:focus { background: #F0ECFF; }

#calendrier-agenda {
	margin: auto;
	text-align: center;
	border-collapse: collapse;
}

#calendrier-agenda .passe a {
	color: #000;
	text-decoration: line-through;
}

/*
.tbvoirsem {
	width: 70px;
	background: url("voir-semaine.png") no-repeat 0 3px;
	height: 15px;
}

.tbvoirsem a {
	display: block;
	height: 15px;
	text-indent: -2000px;
}
*/
#calendrier-agenda td, #calendrier-agenda th { margin: 0; padding: 3px;  }
.thsem { font-size: 80%; border-right: 1px solid #ccc; }
.tbvoirsem { border-right: 1px solid #ccc; }
.tbvoirsem a { text-decoration: none; } 

#navigtemp {
	list-style: none;
	height: 30px;
	margin: 0; padding: 0;
	margin-top: 30px;
	width: 100%;
}

#navigtemp li {
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 13px;
	width: 98px;
	margin-left: 15px;
}

#navigtemp a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: center;	
}


#aujourdhui {
	border: 1px solid #474455;	
}

#caljourcourant {
	background: #D1E4F8;
}

.fiche {
	margin: 30px;
	border: 1px solid #ccc;
	padding: 20px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	 
}

#page > .fiche { height: auto; }

.fiche img {
	float: right;
}

.fiche span {
	font-style: italic;
	color: #474455;
	font-size: 95%;
}



hr.hidden {
	clear: both;
	visibility: hidden;
	margin: 10px 0 0 0;
	padding: 0;
}



#header { 
	border-top: 1px solid #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}


#header ul {
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}

#header li
{
	display: inline;
	padding-bottom: 14px;
	padding-left: 20px;
	background-repeat: no-repeat;
}

#header a
{
	padding-left: 20px;
	padding-bottom: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#footer ul { text-align: right; font-variant: small-caps; margin-top: 30px; }
#footer li { display: inline; padding-left: 20px; }
#footer a { text-decoration: none; color: #000; font-size: 95% }

.rss {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(feed-icon-14x14.png) no-repeat 0 50%;
}

.liresuite {
	margin: -5px 0;
	text-align: right;
}

.liresuite a {
	color: #777 !important;
	text-decoration: none;
	font-size: 80%;
}