body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background: #fefdf9 url(bg_body.jpg) no-repeat top center;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display:none;
/*display: block;*/
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
float:left;
position:relative;
background: #fefdf9 url(bg_body.jpg) no-repeat top center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
height:230px;
}
#logo {
position:absolute;
top:30px;
left:5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position:absolute;
top:7px;
left:5px;
overflow:hidden;
width:570px;
font-size:xx-small;
}
#raccourcis ul li{
float:left;
margin:0px 15px 0px 0px;
text-decoration:none;
}
#raccourcis ul li a{
display:block;
text-decoration:none;
padding:0px 0px 2px 20px; 
background-repeat: no-repeat;
}
#raccourcis ul li.raccontenu a {
background-image: url(picto_contenu.gif);
}
#raccourcis ul li.racaide a {
background-image: url(picto_handi.gif);
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan.gif);
}
#raccourcis ul li.raccontact a {
background-image: url(picto_contact.gif);
}
#raccourcis ul li.racnews a {
background-image: url(picto_news.gif);
}
#raccourcis ul li.drapeau_anglais a{
background-image: url(drapeau_anglais.gif);
}
#raccourcis ul li.drapeau_france a{
background-image: url(drapeau_france.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position:absolute;
top:0px;
right:18px;
width:144px;
font-size: x-small;
background: url(bg_recherche.gif) no-repeat right bottom;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: 1px solid #000;
vertical-align: middle;
width: 110px;
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 10px;
}
#recherche label {
display:none
}
#recherche legend{
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:960px ;
float:left;
background: url(bg_content.gif) repeat-y top center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float:left;
width:549px;
padding:0px 20px 0px 20px;
font-size:x-small;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float:left;
width:541px;
padding:0px 20px 100px 20px;
margin:0px 0px 0px 0px;
}
body.bodyaccueil #inter {
padding:0px 20px 50px 20px;
}
#inter 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-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#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);
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/

#inter h2{
text-transform:uppercase;
font-size:xx-large;
margin:5px -10px 0px 0px;
line-height:24px;
color:#BB7053;
border-bottom:#BB7053 1px solid;
}
#inter h2 a#contenu{
text-transform:uppercase;
font-size:xx-large;
margin:5px -10px 0px 0px;
line-height:24px;
color:#BB7053;
}
#inter_popup h2,
#inter_popup_flash h2{
text-transform:uppercase;
font-size:xx-large;
margin:5px 0px 0px 0px;
line-height:24px;
color:#BB7053;
border-bottom:#BB7053 1px solid;
}

#inter h3,
#inter_popup h3,
#inter h3 a{
text-transform:uppercase;
font-size:large;
color:#646B34;
}
#inter h4,
#inter h5,
#inter_popup h4,
#inter_popup h5,
#inter_popup_flash h4,
#inter_popup_flash h5{
text-transform:uppercase;
color:#646B34;
}


/*--- POST IT ---*/
#contentPostIt{
background:url(bg_content_postIt.gif) no-repeat bottom center;
}
#bgPostIt{
background:url(bg_top_postIt.gif) top center no-repeat;
padding:0px;
}
#interPostIt{
padding:14px 20px 20px 20px;
}
#interPostIt h3{
font-size:large;
padding:0px 23px 3px 0px;
}

/*--- EXTRANET ---*/

#logextranet{
background: #F3EAC9;
border: #646B34 1px solid;;
}
#logextranet legend{
color: #BB7053;
font-size: medium; 
text-transform :uppercase; 
font-weight: bold;
}
#logintra .entry01{
margin: 5px 5px 5px 5px;
width: 180px;
float: left;
}
#logintra .entry02{
margin: 5px 5px 5px 5px;
width: 300px;
float: left;
}
#logintra label{
display: block; 
width: 100px;
}
#logintra .bouton{
display: block; 
float: right;
background: #646B34;
text-align: center;
color: #FFFFFF;
font-weight: bold;
position:relative;
margin: -22px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border: #666666 1px solid;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO MARQUAGE ---*/
#comarquage {
margin: 10px 0px 0px 0px;
}
#comarquage ul.colonnegauche,
#comarquage ul.colonnedroite {
margin: 10px 0px 0px 30px;
float: left;
width: 230px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/

#actus {
width: 450px;
margin: auto;
}
#actus h2{
color:#444fa1;
margin:0px;
border-bottom:#444FA1 1px solid;
}
#actus p,
#inter div.actuLigne {
border-bottom:#444FA1 1px solid;
margin:0px 0px 10px 0px;
float: left;
}
#actus p strong a,
#inter div.actuLigne strong a{
color:#444FA1;
}
#inter div.actuLigne img{
float: right;
margin: 0px 0px 10px 10px;
}
#actus p.toutesactus{
width:180px;
float:left;
border:none;
margin-top:-10px;
padding-top:0px;
}
#actus p.filrss{
border:none;
width:60px;
float:left;
margin-top:-10px;
padding-top:0px;
}
.toutesactus a{
color:#444FA1;
text-transform:uppercase;
font-weight:bold;
display:block;
padding:0px 0px 2px 20px;
text-decoration:none;
background:url(bg_actus.gif) no-repeat 0px 0px;
}
.filrss a{
color:#444FA1;
text-transform:uppercase;
font-weight:bold;
display:block;
padding:0px 30px 7px 20px;
text-decoration:none;
background:url(bg_rss.gif) no-repeat right bottom;
}


/*--- ANNUAIRE ---*/
body.bodyAnnuaire #inter h4{
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
border-bottom:  #BB7053 1px solid;
}
body.bodyAnnuaire #inter h4 a.titrePresta{
display: block;
text-transform: uppercase;
text-decoration: none;
padding: 0px 0px 0px 10px;
font-size: small;
color: #646B34;
background: #E1CC7B;
}
p.lienbasliste a:hover,
body.bodyAnnuaire #inter h4 a.titrePresta:hover{
color: #673439;
background: #D8A450;
}
#inter p.lienbasliste{
text-align: right;
text-transform: uppercase;
text-decoration: none;
background: #E1CC7B;
padding:  0px 0px 0px;
}
p.lienbasliste a{
font-weight: bold;
text-decoration: none;
display: block;
padding: 0px 20px 0px 0px;
border-top:  #BB7053 1px solid;
}
#inter p.listannu,
div.listannu{
background: #F2E3C2;
padding: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right{
margin-top:18px;
}
#right {
position:relative;
width:170px;
float:right;
}
#ejournal{
position:absolute;
top:-65px;
}
#ejournal span,
#menu_droit span{
display:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CALENDRIER ---*/

#calendrier{
background:url(bg_calendrier.gif) no-repeat top center;
width:170px;
height:190px;
padding-top: 30px;
}
#calendrier table{
margin: 0px auto 10px auto;
color:#7a3302;
font-weight: bold;
text-align:center;
}
#calendrier table caption {
display: none;
}
#calendrier table th{
padding-top:0px;
height:20px;
color:#FFFFFF;
background: transparent;
border: none;
}
#calendrier table td {
background: transparent;
padding: 0px 2px 0px 2px;
border: none;
}
#calendrier table td a{
color: #b40700;
}
.days{
color:#000;
text-transform: uppercase;
}
.week{
color: #F4ECC8;
}
#inter div#oCalendar{
display:none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/

#footer {
position:relative;
float:left;
width:100%;
font-size:x-small;
margin: -50px 0px 0px 0px;
}
#footer ul {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 700px;
float: right;
}
#footer ul li {
float:left;
}
#footer ul li a{
display:block;
text-decoration:none;
padding:10px 0px 10px 18px; 
background-repeat: no-repeat;
background-position:center left;
}
#footer ul li a.footer_aide{
background-image:url(picto_footer_aide.gif);
}
#footer ul li a.footer_plan{
background-image:url(picto_footer_plan.gif);
}
#footer ul li a.footer_contact{
background-image:url(picto_footer_contact.gif);
}
#footer ul li a.footer_info{
background-image:url(picto_footer_info.gif);
}
#footer ul li a.footer_credit{
background-image:url(picto_footer_credits.gif);
}
#footer ul li a.footer_extranet{
font-weight:bold;
background-image:url(picto_footer_extranet.gif);
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display:none;
}
#hautpage {
position:absolute;
top: -40px;
left: 220px;
width: 100px;
}
#hautpage a{
display:block;
background:url(haut_page.gif) no-repeat left center;
padding:5px 0px 5px 30px;
text-decoration:none;
color:#BB7053;
text-transform:uppercase;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
position:absolute;
top: -40px;
left: 670px;
width: 110px;
}
#imprimpage a{
display:block;
background:url(bg_imprime.gif) no-repeat left center;
padding:5px 0px 5px 40px;
text-decoration:none;
color:#BB7053;
text-transform:uppercase;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;;
}
div.coul02, .bleu, .coul02 {
color: #009EE0;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #646B34;
}
div.coul06, .marron, .coul06 {
color: #BB7053;
}
div.coul07, .vertClair, .coul07 {
color: #349F2C;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #333A4C;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #646B34;
}
img.bord06, .bordureMarron {
border: 1px solid #BB7053;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #F0E4BC;
vertical-align: top;
color: #000000;
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: #F3EAC9;
color: #646B34;
}

/*-- TABLEAUX  ENVIRONNEMENT --*/

table.pictoDechet th {
display: none;
}
table.pictoDechet tr td{
border: none;
text-align: center;
vertical-align: top;
font-weight: bold;
}
#inter p.dechetterieAdresse{
margin:30px 0px 0px 0px;
padding: 5px 5px 5px 65px;
background: url(dechetterieAdresse.gif) no-repeat 5px 5px ;
font-weight: bold;
border: #CCCCCC 1px solid;
}
#inter p.miniDechetterieAdresse{
margin:30px 0px 0px 0px;
padding: 5px 5px 5px 65px;
background: url(miniDechetterieAdresse.gif) no-repeat 5px 5px ;
font-weight: bold;
border: #CCCCCC 1px solid;
}
#inter p.specDechetterieAdresse{
margin:30px 0px 0px 0px;
padding: 5px 5px 5px 65px;
background: url(specDechetterieAdresse.gif) no-repeat 5px 5px ;
font-weight: bold;
border: #CCCCCC 1px solid;
}
#inter p.compDechetterieAdresse{
margin:30px 0px 0px 0px;
padding: 5px 5px 5px 65px;
background: url(compDechetterieAdresse.gif) no-repeat 5px 5px ;
font-weight: bold;
border: #CCCCCC 1px solid;
}

/*-- TABLEAUX  HORAIRES --*/

table.tableHoraire {
border: 1px solid #bf6e51;
}
table.tableHoraire th {
border: none;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
background-image: url(fond_tableaux_horaires.gif);
background-repeat: repeat-x;
/*
background-position: bottom;
*/
}
table.tableHoraire td {
text-align: center;
font-size: x-small;
border-right: 1px solid #bf6e51;
border-bottom: 1px solid #bf6e51;
border-top: 1px solid #bf6e51;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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: #49531F;
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 {
margin: 0px 0px 0px 0px;
}
#inter #formfindcalendar form {
width: 150px;
margin: 20px auto 0px auto;
padding:  0px 0px 20px 0px;
}
#inter #formfindcalendar form label{
display: none;
}
#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: #CCCCCC 1px solid;
}
div.modejour .eventline:last-child,
div.modemois .eventline:last-child{
border-bottom: none;
}
div.modejour .eventline img,
div.modemois .eventline img {
float: right;
}

div.modejour .eventline a,
div.modemois .eventline a {
color:#FD8D09;
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 {
width: 100%;
float: left;
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;
}
body.pop_image{
background-image:none;
}





/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/

body.body_popup{
background: url(bg_header_popup.jpg) no-repeat left top;
}

body.body_popup #total,
body.body_popup #centrage{
background-image: none;
width: 570px;
margin: auto;
}
#inter_popup{
padding:10px 0px 20px 0px;
width: 570px;
}
body.body_popup #content{
width:580px;
background-position: -362px 0px;
}

body.body_popup_flash{
background: url(bg_header_popup.jpg) no-repeat left top;
}
#header_popup_flash{
width: 770px;
}
body.body_popup_flash #total,
body.body_popup_flash #centrage{
background-image: none;
width: 770px;
margin: auto;
}
#inter_popup_flash{
padding:10px 10px 20px 10px;
width: 750px;
}
body.body_popup_flash #content{
width:770px;
background-position: -164px 0px;
}

body.body_popup_full {
background: url(fond_pop_full.gif) no-repeat center top;
}
body.body_popup_full #header_popup_flash{
width: 962px;
padding: 0px 8px 0px 0px;
text-align: right;
}
body.body_popup_full #total,
body.body_popup_full #centrage{
background-image: none;
width: 970px;
margin: auto;
background-color: transparent;
}
body.body_popup_full  #inter_popup {
padding:10px 10px 20px 10px;
width: 945px;
}
body.body_popup_full  #content{
width:970px;
background-position: 30px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
div.majuscule, .MettreEnMajuscule, .majuscule{
text-transform: uppercase;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
#meteo {
height: 110px;
overflow: hidden;
}
#meteo img {
margin-top: -15px;
}