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

img { border: none; }

#wrapper {
	margin: 0 auto;
	width: 1024px;
}  

#page { 
	margin: 0;
	width: 800px;
	position: absolute;
/*	background: transparent url(background.png) repeat-y top left; */
	padding: 0 112px;
}

/* #intro div { width: 180px; margin: 5px; min-height: 300px; float: left; } */

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


#bandeau {
	margin: 0; padding: 0; height: 130px; 
/*	background: url(bandeau-arlesfr.png) no-repeat top left; */
	background: url(banner-logo.png) no-repeat top center;
}

/* #bandeau a { height: 140px; display: block; } */

#bandeau h1 { text-indent: -1000px; margin: 0; padding: 0; }

#bandeau ul {
	height: 15px;
	position: absolute;
	top: 125px;
	list-style-type: none; margin: 0; padding: 0;
}

#bandeau li {
	float: left;
	width: 133px;
	margin: 0; padding: 0;
}

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


#listesites {
	
}

#listesites div {
	width: 350px;
	margin: 10px 25px;
	float: left;
	height: 100px;
}

#listesites div p {
	text-align: center;
	color: #4d4d4d;
	 margin: 5px; 
}
















#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: #61004C; }

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

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

#listedujour img {
	float: left;
	width: 50px;
	padding-right: 5px;
}

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

#listedujour p a { color: #000; }


#listedujour hr { 
	clear: both;
	color: #61004C;
	background-color: #61004C;
	height: 1px;
	margin: 10px 150px;
	display: none;
}


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;	
}

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

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

#caljourcourant {
	background: #D1E4F8;
}

.fiche {
	margin: 30px;
	border: 1px solid #ccc;
	padding: 20px;
	min-height: 200px;
	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% }