html {
background: #F39500;
}
body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 1.4em;
}
body.bodyaccueil {
background:url(bgHeaderAccueil.jpg) no-repeat top center;
}
#background{
float: left;
width: 100%;
background: #FFFFFF url(bgHeader.jpg) no-repeat top center;
}
body.bodyaccueil #background{
float: left;
width: 100%;
background: #FFFFFF url(bgHeaderAccueil.jpg) no-repeat top center;
}
a {
color: #333333;
}
a:hover{
text-decoration: none;
}
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 ---*/
#centrage {
width:966px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:966px;
position:relative;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
background:url(bgHeader.jpg) no-repeat top center;
height: 200px;
}
body.bodyaccueil #header {
background:url(bgHeaderAccueil.jpg) no-repeat top center;
height: 285px;
}
#logo{
position: absolute;
top:0px;
left: 7px;
}
#header #anim {
position: absolute;
top:-20px;
left: 800px;
width: 145px;
height: 145px;
}
body.bodyaccueil #header #anim {
top:95px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h2{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h3{
font-family: arial;
color: #FF9900;
font-size: x-large;
font-weight: normal;
width: 508px;
padding: 12px 0px 5px 10px;
margin: 0px 0px 0px -10px;
border-bottom: 1px solid #f5a900;
}
h3 a {
color: #FF9900;
}
h4 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #339966;
font-size: large;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
h4 a {
color: #339966;
}
h5 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #1a6eff;
font-size: medium;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
h5 a {
color: #1a6eff;
}
h6 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #FF9900;
font-size: small;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
h6 a {
color: #FF9900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
body.bodyaccueil #recherche {
position: absolute;
right: 6px;
top: 233px;
}
#recherche {
position: absolute;
right: 6px;
top: 144px;
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;
}
#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 5px;
background: transparent;
color: #FFFFFF;
border: none;
}
#recherche label,
#recherche legend {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#colGauche{
width: 255px;;
float: left;
margin: 0px 45px 0px 0px;
display: inline;
}
#colDroite{
width: 417px;
float: left;
margin: 0px 0px 0px 0px;
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
#actus {
background: url(liseretBottomActus.gif) no-repeat center bottom;
position: relative;
padding: 0px 0px 10px 0px;
}
#actus p{
min-height:110px;
}
.rss_ico_top{
position: absolute; 
top: 10px;
right: 0px;
}
.actuLigne ,
#inter #actus p{
margin: 0px 0px 0px 15px;
padding: 0px 0px 10px 0px;
}
#inter .actuLigne strong a,
#inter #actus strong a{
display: block;
background: url(puceActus.gif) no-repeat 0px 6px;
position: relative;
margin: 0px 0px 5px -15px;
padding: 0px 0px 0px 15px;
text-decoration: none;
}
#inter .actuLigne strong a:hover,
#inter #actus strong a:hover{
color: #CC6600;
}
.toutesactus a,
.filrss a {
display: block;
text-decoration: none;
color: #CC6600;
font-weight: bold;
background: url(puceActus.gif) no-repeat left 5px;
margin: 0px 0px 5px -15px;
padding: 0px 0px 0px 15px;
width: 150px;
}
.toutesactus a:hover,
.filrss a:hover{
color: #000000;
}
#inter #actus p.toutesactus,
#inter #actus p.filrss{
min-height:15px;
}
#inter #actus p.toutesactus{
margin: 30px 0px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
background-image: none;
}
#content {
width:966px;
float:left; 
background:url(bgContent.gif) repeat-y 212px 0px;
}
html > body #content {
width:966px;
float:left; 
background:url(bgContent.gif) repeat-y top center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
position: absolute;
top: 163px;
left: 220px;
color: #FFFFFF;
font-size: x-small;
}
#filariane a {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
width: 735px;
float:right; 
background-image: none;
padding: 0px 0px 20px 0px;
}
#inter {
width: 498px;
float: left; 
background: url(bgInter.gif) no-repeat 7px 0px;
padding: 0px 20px 0px 26px;
}
html > body #inter {
width: 498px;
float: left; 
background: url(bgInter.gif) no-repeat 7px 0px;
padding: 0px 20px 0px 37px;
}
/*-------------*/
#inter p,
#inter_popup p {
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
}
/*-------------*/
#inter ul,
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#inter_popup ul li{
padding: 0px 0px 2px 12px;
background-repeat: no-repeat;
background-position: left 6px;
}
#inter ul li,
#inter_popup ul li{
background-image:url(puce01.gif);
}
#inter ul ul li,
#inter_popup ul ul li{
background-image:url(puce02.gif);
}
#inter ul ul ul li,
#inter_popup ul ul ul li{
background-image:url(puce03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left{
width:200px;
float:left;
margin: 0px; 
padding: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
html > body #right{
width:200px;
float:right;
}
#right{
width:200px;
float:right;
}
#liensMenuDroit{
padding: 10px 0px 10px 10px;
}
#liensMenuDroitAccueil {
width: 200px;
float:left;
margin: 0px 0px 0px 0px;
}
#liensMenuDroitAccueil #liensMenuDroit{
padding: 0px 0px 0px 4px;
}
#liensMenuDroit ul li a {
display: block;
height: 35px;
background-repeat : no-repeat;
margin: 0px 0px 0px 0px;
}
#liensMenuDroit ul li a span {
position: absolute; 
top: -5000px;
}
#liensMenuDroit ul li a:hover {
background-position: 0px -51px;
}
#liensMenuDroit ul li.btnServices a {
background-image: url(btnServicePublic.gif);
}
#liensMenuDroit ul li.btnMarches a {
background-image: url(btnMarchesPublics.gif);
}
#liensMenuDroit ul li.btnContact a {
background-image: url(btnContactezNous.gif);
}
#liensMenuDroit ul li.btnRevuePresse a {
background-image: url(btnRevuePresse.gif);
}

#liensMenuDroit ul li.btnTelechargerMag{
position: relative;
margin: 10px 0px 0px 0px;
}
#liensMenuDroit ul li.btnTelechargerMag a{
display: block;
height: 130px;
width: 190px;
}
#liensMenuDroit ul li a span#textTelecharger {
position: relative; 
display: block;
top: 0px;
left: 0px;
z-index: 10;
}
#liensMenuDroit ul li a span#couverture {
position: absolute;
display: block;
top: 0px;
right: 0px;
z-index: 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT---*/
#interPostIt{
padding: 10px 10px 10px 10px;
font-size: small;
}
#interPostIt h3{
display:block;
font-size: large;
padding:0px 0px 12px 0px;
background: url(bgH3PostIt.gif) no-repeat right bottom;
color: #FF9900;
}
#interPostIt p {
margin: 3px 0px 10px 0px;
}
#postIt ul {
margin: 5px 0px 10px 0px;
padding: 0;
list-style: none;
}
#postIt ul ul{
margin: 5px 0px 10px 5px;
padding: 0;
list-style: none;
}
#postIt ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#postIt ul li{
background-image:url(puce01.gif);
}
#postIt ul ul li{
background-image:url(puce02.gif);
}
#postIt ul ul ul li{
background-image:url(puce03.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP---*/
body.bodypopup{
background: #FFFFFF url(bgHeaderPopup.jpg) no-repeat top center;
}
#header_popup {
width:592px;
height: 130px;
padding: 0px 0px 0px 8px;
background: #FFFFFF url(bgHeaderPopup.jpg) no-repeat top center;
}
#inter_popup{
padding: 10px;
}
#inter_popup h3{
width: 590px;
}
#inter_popup form{
padding: 10px;
clear: both;
}
#inter_popup form legend{
display: none;
}
#interContent{
width:600px;
margin:auto;
}
#footer_popup{
width: 100%;
height: 30px;
background:  url(bgFooterPopup.jpg) repeat-x bottom center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
margin: auto;
width: 963px;
background:#F39500 url(bgFooter.gif) no-repeat top center;
overflow: hidden;
}
html > body #footer_container{
float: left;
width: 100%;
height: 110px;
background:#F39500 url(bgFooter.gif) no-repeat top center;
}
footer_container{
float: left;
width: 100%;
height: 110px;
background:#F39500 url(bgFooter.gif) no-repeat 0px 0px;
}
body.bodyaccueil #footer {
background:#F39500 url(bgFooterAccueil.gif) no-repeat top center;
}
#footer ul {
width: 530px;
margin: 30px auto 0px auto;
}
#footer ul  li {
display: inline;
}
#footer ul li a{
float: left;
text-decoration: none;
color: #FFFFFF;
font-size: x-small;
padding: 0px 5px 0px 20px;
}
#footer ul li a:hover{
text-decoration: underline;
}
#footer li.racaide a{
background: url(racaide.gif) no-repeat left center;
}
#footer li.racplan a{
background: url(racplan.gif) no-repeat left center;
}
#footer li.raclegale a{
background: url(raclegal.gif) no-repeat left center; 
}
#footer li.raccontact a{
background: url(raccontact.gif) no-repeat left center;
}
#footer ul li.raccredits a{
padding: 0px 5px 0px 0px;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
width:105px;
margin:30px auto 0px auto;
}
#hautpage a {
text-decoration: none;
background: url(bgHautPage.gif) no-repeat left center;
padding:5px 0px 5px 25px;
display: block;
color: #336600;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
}
#imprimpage a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .orange, .coul01 {
color: #FF9900;
}
div.coul02, .bleu, .coul02 {
color: #0066FF;
}
div.coul03, .bleuFonce, .coul03 {
color: #333A4C;
}
div.coul04, .vert, .coul04 {
color: #336600;
}
div.coul05, .vertFonce, .coul05 {
color: #339966;
}
div.coul06, .gris, .coul06 {
color: #505050;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #663333;
}
img.bord02, .bordureBleue {
border: 1px solid #0066FF;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #999999;
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: #336600;
text-decoration: none;
}
.result td.title a:hover {
text-decoration: underline;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #333333;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding: 10px 0px 0px 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 10px;
color: #ff9d0b;
background-image: url(fleche_prec.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
padding: 10px 0px 0px 2px;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #ff9d0b;
background-image: url(fleche_suiv.gif);
background-repeat: no-repeat;
background-position: 40px 6px;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
width: 100%;
margin: 10px 0px 10px 0px;
}
th,
td {
border: 1px solid #CCCCCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #999999;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h4 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #339966;
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;
display: inline;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO-MARQUAGE ---*/
#comarquage ul.colonnegauche {
width: 220px;
float: left;
}
#comarquage ul.colonnedroite {
width: 220px;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.fonDoc #inter #col_g{
float:left;
width:270px;
padding:0px 5px 0px 5px;
}
body.fonDoc #inter #treelist{
width:270px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.fonDoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.fonDoc #inter #form01 label,
body.fonDoc #inter #form01 input,
body.fonDoc #inter #form01 select,
body.fonDoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.fonDoc #inter #msgResult,
body.fonDoc #inter #resultat ul li a{
color:#007AC0;
}
body.fonDoc #inter #resultat{
float:right;
width:270px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
.textImage{
height: 24px;
overflow: hidden;
}
body.mairie #inter img {
clear: right;
}