body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    color: black;
    background-color: white;
    margin: 0;
    padding: 25px 0 ;
}

div { margin: 0; padding: 0; }

img {
	border: 0;
}

h1 {
	font-size: 160%;
    background-color: transparent;
    font-weight: normal;
    margin: 0 0 .25em;
    padding: .25em 0;
    border-bottom: 1px solid #8cacbb;
    letter-spacing: .1em;
}

h2 {
	font-size: 120%;
    background-color: transparent;
    font-weight: bold;
    margin: .25em 0 0;
    padding: .25em 0 0;
    border-bottom: 1px solid #ddd;
}

p, li, td, dt, dd {
	/* warning: p inside td would double the size... */
	font-size: 1.1em;
}

p { line-height: 1.5em; }

ul, li { margin: 0; padding: 0; }

p { clear: both; margin: 0; padding: 0; }

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

#recherche {
    float: right;
    clear: right;
    background-color: transparent;
	margin: 0;
    padding: 7px 50px 0 0;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
}

#recherche p, #recherche-restrict p {
	margin: 0; padding: 0;
}

#searchTxt {
	font-family: Verdana; 
	font-size: 90%; 
	margin-bottom: 3px; 
	margin-right: 0; 
	padding: 3px;
}

input.searchButton {
	font-family: Verdana, sans-serif; 
    font-size: 90%;
	background-color: white;
    cursor: pointer;
    padding: 2px;
    margin: 2px 0 0;
    position: relative;
    top: -3px;
    text-transform: lowercase;
}


#logo {
    background: url(/images/logo.gif) no-repeat;
    border: none;
    margin: 0 0 0 50px;
    padding: 0;
}

.printable-logo {
	display: none;
}

#logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 35px;
    height: 0px !important;
    height /**/: 35px;
    width: 225px;
    cursor: pointer;
}

#globalnav {
    background-color: transparent;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin-top: 2em;
    margin-left: 50px;
/*
    height: auto;
    line-height: normal;
*/
    padding: 0;
}

#globalnav li {
    display: inline;
}

#globalnav li a {
    background-color: transparent;
    border-color: #8cacbb;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #436976;
/*
    height: auto;
*/
    margin-right: 0.5em;
    padding: .2em 1.5em;
    text-decoration: none;
    letter-spacing: .1em;
}

#globalnav li.selected a {
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    border-bottom: #dee7ec 1px solid;
    color: #436976;
}

#globalnav li a:hover {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-bottom-color: #dee7ec;
    color: #436976;
}


#tools {
	clear: both;
    background-color: #dee7ec;
    border-top-color: #8cacbb;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1.3em;
    font-size: 90%;
    color: black;
    padding: 0 50px;
    margin: 0;
    margin-top: .3em;
    text-align: right;
    list-style: none;
}

#tools li {
    padding-left: 8px;
    color: black;
    margin-left: .5em;
    display: inline;
}

#tools li a {
    text-decoration: none;
    color: #436976;
    text-transform: lowercase;
}


a, a:link, a:visited, a:active, a:hover {
	color: #436976;
	text-decoration: none;
}

table {
	width: 100%;
	border-collapse: collapse;
    border: 1px solid #8cacbb;
    margin-top: 1em;
}

.even {
    background-color: #f0f0f0;
}

.odd {
    background-color: transparent;
}

th, td.date, td.vide {
	padding: .5em;
}

td {
	padding: 0 .5em;
}

td a {
	padding-top: .5em;
	padding-bottom: .5em;
}

td.evenement {
	padding: .5em;
	line-height: 1.5em;
}


td.date {
	text-align: center;
}


th {
	background: #dee7ec;
    border-right: 1px solid #8cacbb;
    font-weight: normal;
}

td {
    border-right: 1px solid #8cacbb;
}

th.nom {
	width: 80%;
}

td.icon {
	border-right: none;
	width: 5%;
}

td.icon a {
	padding: 0;
}

td.nom, td.evenement {
	width: 75%;
}

#agenda td.evenement {
	width: auto;
}

td.vide {
	text-align: center;
}

td.evenement .texte {
	color: #436976;
}

table.agenda tr {
	vertical-align: baseline;
}

table.agenda {
	background-color: #fff; 
	margin: 0; 
	padding: 0; 
	width: 78%;
}

.home th {
	text-align: center;
}

td.date, th.date {
	width: 20%;
}

#agenda td.date, #agenda th.date {
	width: auto;
	white-space: nowrap;
}

#visual-content {
	margin: 1em 50px;
}

#position {
	clear: both;
    border-bottom: 1px solid #8cacbb;
    padding-left: 50px;
    margin: 0;
    text-transform: lowercase;
}

#position p {
	margin: 0; 
	padding: .5em 0;
    font-size: 100%;
}

#link-parent a {
	display: block;
	font-size: 90%;
	padding-left: .5em;
}
#link-parent {
	margin: 0;
	padding: 0;
}

th.title {
	font-weight: bold;
}

td a {
	display: block;
	width: 95%;
}


td a:hover, td a:active, dt a:hover, dt a:active {
	text-decoration: underline;
}

img.icon {
	width: 20px;
	height: 20px;
}

dt, dd {
	margin-bottom: .5em;
}

dd {
	font-size: 1em;
	margin: 0 10em 1.5em 3em;
}

dt a, dt a:link, dt a:hover, dt a:active, dt a:visited {
	display: block;
	background-color: #f0f0f0;
	color: #003333;
}

.discret { display: none; }

#recherche-restrict {
    float: right;
    clear: right;
    background-color: transparent;
	margin: .4em 0 0;
    padding: .5em 0;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
}
#recherche-restrict label {
	font-weight: normal;
}

.visual-separator {
    border-top: 1px solid #8cacbb;

}

.documents-recents td {
}

#agenda h4 { 
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: .1em;
	color: #666; 
}
#agenda ul, #agenda h5 {
	padding: 0 15em 0 5em;
	margin: 0 0 2em;
}

#agenda h5 {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 0;
}

#agenda li {
	line-height: 1.5em;
	padding-left: 1em;
}

#agenda li ul {
	margin: 0;
	padding: 0 0 0 5em;
}

#agenda h2 {
	border: none;
	margin: .5em 0;
	font-weight: normal;
}

#agenda td.heure, #agenda th.heure {
	text-align: center;
}

/*
 *	Forms
 */
fieldset {
    border: 1px solid #8cacbb;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: White;
    padding: 0.5em;
    font-size: 90%;
}

form {
    border: none;
    margin: 0;
}

label {
    font-weight: bold;
}

label.checkbox {
	font-weight: normal;
}

textarea {
    font: 100% Monaco, "Courier New", Courier, monospace;
    border: 1px solid #8cacbb;
    color: Black;
    background-color: white;
    width: 100%;
}

input {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #8cacbb;
    color: Black;
    background-color: white;
    vertical-align: middle;
}
select {
    border: 1px solid #8cacbb;
    color: Black;
    background-color: White;
    vertical-align: top;
}

.field {
    margin: .5em 1em 1.5em 0;
}

.formControls {
   margin: 1em 0;
}

.formHelp {
    font-size: 90%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp:hover {
    color: Black;
}

/* preferences */

.context { font-size: 95%; }

input.context {
	font-family: Verdana, sans-serif; 
	background-color: white;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

div.photo {
	float: right;
	margin: .5em 1em;
}

div.photo img {
	width: 80px;
	height: 100px;
}


/*
 * 	messages and errors
 */

.message {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: black;
    font-size: 90%;
    font-weight: bold;
    margin: 1em 0em;
    padding: 0.5em 1em 0.5em 1.5em;
    vertical-align: middle;
}

.message a, .message a:link, .message a:visited,
.message a:active, .message a:hover {
    color: black;
    text-decoration: underline;
}

code {
	font-size: 1.5em;
	font-weight: normal;
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
	float: right; 
	width: 49%; 
	height: 150px;
}

#calendar.agenda {
	width: 20%; 
	margin-right: 1px;
}

#calendar.accueil table {
	height: 150px;
}

#calendar.accueil th.monthname a {
	line-height: 1.5em;
}

#calendar table {
	border-collapse : collapse;
	font-size : 1em;
	text-align:center;
	margin : 0;
	padding:0;
	margin-bottom: 1em;
}

#calendar caption {
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

#calendar abbr, #calendar tr.dayname td {
	border : none;
	font-size: .9em;
	font-weight: bold;
	padding: 2px 0;
}

#calendar th {
	border: none;
	padding : 1px;
}
#calendar td {
	text-align : center;
	border: 0;
	padding: 0;
}

#calendar td.event a, #calendar td.selectedevent a, #calendar td.event {
	font-weight : bold;
	color: #ff3333;

/*	background-color: #f0f0f0; */
}

#calendar td.selectedday {
/*	font-weight : bold; buggy in activecalendar */
}

#calendar a {
	font-size: 1em;
	line-height: 1em;
	padding: 1px 0 0;
	margin: 0;
	text-align: center;
}

#agenda tr.high
{
/*	background-color: #ffcccc; */
}


#infos-rapides
{
	height: 150px; 
	width: 49%; 
	float: left; 
	margin-top: 0; 
	background-color: #dee7ec;
}


.underline
{
	text-decoration: underline;
}

.bold
{
	font-weight: bold;
}

.indent
{
	padding-left: 2em;
}

.normal
{
	font-weight: normal;
	text-decoration: none;
}

button
{
	color: #436976;
	font-size: 1.1em;
	border: 0;
	background-color: transparent;
	text-decoration: underline;
	padding: 0;
}

a.action:link, a.action:visited, a.action:active, a.action:hover
{
	text-decoration: underline;
}

.mceEditor td a {
	display: inline;
	width: auto;
}

#bulletin {
	width: 65%;
	float: left;
}

#bulletin h3 {
	background-color: #ddd;
	padding: .5em ;
	text-align: center;
	border: 1px solid #999;
	font-size: 1.4em;
	margin-top: 15px;
	text-transform: uppercase;
}

#bulletin h2 {
	background-color: #ddd;
	text-align: center;
	font-size: 1.4em;
	padding: .5em;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	clear: both;
	border: 1px solid #999;
}

#bulletin p.date {
	margin-top: 15px;
	margin-left: 0;
}

#bulletin-nav {
	float: right;
	width: 33%;
	border: 1px solid #8cacbb;
	margin: 15px 0 0 ;
	padding: 0;
	list-style-type: none;
}

#bulletin-nav li {
	margin: 0;
	padding: .5em 1em;
}

#bulletin-nav a:hover, #bulletin-nav a:active, #bulletin-nav a.active
{
	text-decoration: underline;
}

#bulletin a {
	text-decoration: underline;
}

#bulletin h3 a {
	text-decoration: none;
	color: #000;
}


#bulletin h4 {
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.2em;
	margin: .7em 0;
}

#bulletin ul {
	margin-left: 3em;
}


#bulletin li {
	margin-bottom: .5em;
}

#bulletin p {
	margin-bottom: .5em;
}