body {
margin: auto;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE CENTER ---*/
#centrage {
margin:auto;
text-align:left;
width:960px;

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
 width: 960px;
 background: #ebeaea repeat-y;
 background-position: 1px;
 float: left;

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width: 968px;
height: 214px;

}
div#header_top {
 width: 814px;
 height: 126px;
 float: left;
}
div#header_bottom {
 background: url(images/header_bottom.jpg) no-repeat;
 width: 814px;
 height: 88px;
 float: left;
}
div#header img {
 float: left;
}
div#header_bottom img.logo {
 float: left;
 margin: 1px 0px 0px 10px;
}
h2 {
 font-family: arial;
 font-weight: bold;
 color: #503b0f;
 font-size: 20pt;
 margin: 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
width: 160px;
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width:150px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label {
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
div#menu {
margin:10px 0px 0px 0px;
background: #ebeaea;
width: 160px;
float: left;
margin-left: 1px;
display:inline;
}
div#menu ul {
margin:5px 0px 5px 0px;
}
div#menu ul li {
 background: url(images/button_left.gif) no-repeat left 5px;
 padding-left: 12px;
 color: #656562;
}
div#menu ul ul li {
background: url(ululli.gif) no-repeat left 5px;
padding-left:12px;
color: #656562;
}
div#menu ul li a {
 text-decoration: none;
}
div#menu ul li a:hover {
 text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
 width: 800px;
 float: left;
 background: url(images/content_bg.jpg) repeat-y;
 margin-left: -1px;

}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
display:none;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
 background: #f9f7bd url(images/inter_bg_1.jpg) no-repeat;
 width: 590px;
 min-height: 428px;
 float: left;
 margin-left:1px;
 padding: 20px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
color: #656562;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
background:url(puce1.jpg) left 7px no-repeat;
padding-left:18px;
clear: left;
display: block;
}
#inter ul ul li {
background:url(puce2.jpg) left 7px no-repeat;
padding-left:18px;
}
div#inter div {
 padding-bottom: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
 background: url(images/right_bg.jpg) no-repeat;
 width: 168px;
 height: 428px;
 float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
 background: url(images/footer_bg.jpg) no-repeat;
 width: 960px;
 height: 259px;
 margin:0;
 float: left;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
display: none;
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
display: none;
}
#imprimpage a {
}
#drapeaux {
 display: none;
}
div#footer ul li.hidden {
 display: none;
}
div#footer ul {
 text-align: center;
 margin-top: 60px;
 font-weight: bold;
}
div#footer  ul li{
 display: inline;
}
div#footer ul li a {
  text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS---*/

#actus p{
float:left;
}

.toutesactus a {
margin:0px 0px 0px 20px;
color:#CB0912;
text-decoration:none;
}

.filrss a {
margin:0px 0px 0px 0px;
color:#CC9900;
text-decoration:none;
}
.toutesactus a:hover,
.filrss a:hover{
text-decoration:underline;
color:#000;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #663333;
}
div.coul02, .bleu, .coul02 {
color: #3366CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #3366cc;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #333333;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
th {
background-color: #333333;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #ec5d01;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
