html{
background-color:#ffffff;
}
body {
margin: 0;
padding: 0;
background:#fff url(bg_body.jpg) top center no-repeat;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333A4C;
}
body.bodypopup{
margin:0;
padding:0;
}
/* --- BACKGROUND BODY ---*/
body.body01{
background:url(bg_body.jpg) top center no-repeat;
}
body.body02{
background:url(bg_body02.jpg) top center no-repeat;
}
body.body03{
background:url(bg_body03.jpg) top center no-repeat;
}
body.body04{
background:url(bg_body04.jpg) top center no-repeat;
}
body.body05{
background:url(bg_body05.jpg) top center no-repeat;
}
body.bodypopup{
background:url(header_newsletter.jpg) top center no-repeat;
}

a {
color: #333333;
}
/* --- LINK BODY01 --- */
body.body01 #inter a:link{
text-decoration:none;
border-bottom:#000 1px dotted;
}
body.body01 #inter a:visited{
text-decoration:none;
border:none;
color:#999;
}
body.body01 #inter a:hover{
text-decoration:none;
color:#000;
border-bottom:#000 1px solid;
}
body.body01 #inter a:active{
text-decoration:none;
border-bottom:#666 1px solid;

}
/* --- LINK BODY02 --- */
body.body02 #inter a:link{
text-decoration:none;
border-bottom:#000 1px dotted;
}
body.body02 #inter a:visited{
text-decoration:none;
border:none;
color:#999;
}
body.body02 #inter a:hover{
text-decoration:none;
color:#000;
border-bottom:#000 1px solid;
}
body.body02 #inter a:active{
text-decoration:none;
border-bottom:#666 1px solid;
}

/* --- LINK BODY03 --- */
 
body.body03 #inter a:link{
text-decoration:none;
border-bottom:#000 1px dotted;
}
body.body03 #inter a:visited{
text-decoration:none;
border:none;
color:#999;
}
body.body03 #inter a:hover{
text-decoration:none;
color:#000;
border-bottom:#000 1px solid;
}
body.body03 #inter a:active{
text-decoration:none;
border-bottom:#666 1px solid;

}
/* --- LINK BODY04 --- */
 
body.body04 #inter a:link{
text-decoration:none;
border-bottom:#000 1px dotted;
}
body.body04 #inter a:visited{
text-decoration:none;
border:none;
color:#999;
}
body.body04 #inter a:hover{
text-decoration:none;
color:#000;
border-bottom:#000 1px solid;
}
body.body04 #inter a:active{
text-decoration:none;
border-bottom:#666 1px solid;

}
/* --- LINK BODY05 --- */
 
body.body05 #inter a:link{
text-decoration:none;
border-bottom:#000 1px dotted;
}
body.body05 #inter a:visited{
text-decoration:none;
border:none;
color:#999;
}
body.body05 #inter a:hover{
text-decoration:none;
color:#000;
border-bottom:#000 1px solid;
}
body.body05 #inter a:active{
text-decoration:none;
border-bottom:#666 1px solid;

}
 
h1 {
display:none;
}
body.bodypopup h1 {
position:absolute;
top:3px;
right:10px;
display:inline;
height:20px;
margin:0;
color:#336699;
font-size:xx-small;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
#logo{
position:absolute;
top:170px;
left:-1px
}
body.bodypopup #logo{
position:absolute;
top:-3000px;
}
/*------------------------------------------------------------------------------------------------------------- */
/* --- INTER UL ---*/
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
#inter ul li{
list-style:disc;
margin:10px 40px;
}
#inter ul ul {
margin:0 0 0 1em;
}
#inter ul ul li {
list-style:circle;
margin:10px;
}
#inter ul ul ul {
margin:0 0 0 0.5em;
}
#inter ul ul ul li {
list-style:square;
margin:10px;
}
#inter ul ul ul ul li {
list-style:disc;
}
#inter ul ul ul ul ul li {
list-style:circle;
}
#inter ul ul ul ul ul ul li {
list-style:square;
}
/* --- LIST STYLE BODY01 ---*/

body.body01 #inter ul li{
list-style:none;
background:url(ul_li_01.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.body01 #inter ul ul {
margin:10px 0px 0px 0px;
}
body.body01 #inter ul ul li {
list-style-image:none;
background:url(ul_ul_li_01.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.body01 #inter ul ul ul {
margin:10px 0px 0px 0px;
}
body.body01 #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_01.gif) no-repeat 0px 2px;
margin:2px;
}

/* --- LIST STYLE BODY02 ---*/

body.body02 #inter ul li{
list-style:none;
background:url(ul_li_02.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.body02 #inter ul ul {
margin:10px 0px 0px 0px;
}
body.body02 #inter ul ul li {
list-style-image:none;
background:url(ul_ul_li_02.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.body02 #inter ul ul ul {
margin:10px 0px 0px 0px;
}
body.body02 #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_02.gif) no-repeat 0px 2px;
margin:2px;
}

/* --- LIST STYLE BODY03 ---*/

body.body03 #inter ul li{
list-style:none;
background:url(ul_li_03.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.body03 #inter ul ul {
margin:10px 0px 0px 0px;
}
body.body03 #inter ul ul li {
list-style-image:none;
background:url(ul_ul_li_03.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.body03 #inter ul ul ul {
margin:10px 0px 0px 0px;
}
body.body03 #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_03.gif) no-repeat 0px 2px;
margin:2px;
}

/* --- LIST STYLE BODY04 ---*/

body.body04 #inter ul li{
list-style:none;
background:url(ul_li_04.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.body04 #inter ul ul {
margin:10px 0px 0px 0px;
}
body.body04 #inter ul ul li {
list-style-image:none;
background:url(ul_ul_li_04.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.body04 #inter ul ul ul {
margin:10px 0px 0px 0px;
}
body.body04 #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_04.gif) no-repeat 0px 2px;
margin:2px;
}

/* --- LIST STYLE BODY05 ---*/

body.body05 #inter ul li{
list-style:none;
background:url(ul_li_05.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.body05 #inter ul ul {
margin:10px 0px 0px 0px;
}
body.body05 #inter ul ul li {
list-style-image:none;
background:url(ul_ul_li_05.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.body05 #inter ul ul ul {
margin:10px 0px 0px 0px;
}
body.body05 #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_05.gif) no-repeat 0px 2px;
margin:2px;
}


/* --- LIST STYLE BODY GENERIQUE BODY POPUP---*/

body.bodygenerique #inter ul li,
body.bodypopup #inter ul li{
list-style:none;
background:url(ul_li_05.gif) no-repeat 0px 0px;
padding-left:15px;
margin:10px 0px 0px 0px;
}
body.bodygenerique #inter ul ul,
body.bodypopup #inter ul ul {
margin:10px 0px 0px 0px;
}
body.bodygenerique #inter ul ul li,
body.bodypopup #inter ul ul li{
list-style-image:none;
background:url(ul_ul_li_05.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
body.bodygenerique #inter ul ul ul,
body.bodypopup #inter ul ul ul{
margin:10px 0px 0px 0px;
}
body.bodygenerique #inter ul ul ul li,
body.bodypopup #inter ul ul ul li {
list-style:none;
background:url(ul_ul_ul_li_05.gif) no-repeat 0px 2px;
margin:2px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 960px;
margin: auto;
}
body.bodypopup #centrage {
width:645px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
background:url(bg_body.jpg) top center no-repeat;
}
/* --- BACKGROUND BODY TOTAL ---*/
body.body01 #total{
background:url(bg_body.jpg) top center no-repeat;
}
body.body02 #total{
background:url(bg_body02.jpg) top center no-repeat;
}
body.body03 #total{
background:url(bg_body03.jpg) top center no-repeat;
}
body.body04 #total{
background:url(bg_body04.jpg) top center no-repeat;
}
body.body05 #total{
background:url(bg_body05.jpg) top center no-repeat;
}
body.bodypopup #total{
background:none;;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 950px;
height: 250px;
padding: 20px 0px 0px 10px;
background:url();
}
body.bodyaccueil #header{
height: 230px;
}
body.bodypopup #header {
position: relative;
width: auto;
height: 100px;
padding: 20px 0px 0px 10px;
}

/*--- RACCOURCIS---*/
#raccourcis ul li.racnavig  a,
.raccontenu,
.racrecherche,
.racrecherche,
.raccontact,
body.bodypopup #menu, 
body.bodypopup #raccourcis,
body.bodypopup #racaide,
body.bodypopup #raccourcis ul li.racaide a,
body.bodypopup #raccourcis ul li.racplan a{
display:none;
}
#raccourcis ul li.racaide a{
display:block;
height:15px;
width:100px;
padding-left:20px;
position:absolute;
top:35px;
left:810px;
font-size:xx-small;
font-weight:bold;
background:url(aide_nav.gif) no-repeat left center;
}
#raccourcis ul li.racplan a{
display:block;
height:15px;
width:100px;
padding-left:20px;
position:absolute;
top:50px;
left:810px;
font-size:xx-small;
font-weight:bold;
font-size:xx-small;
font-weight:bold;
background:url(plan_site.gif) no-repeat left center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left{
width:230px;
float:left;
}

/* image sous le menu-vertical de gauche */
#visuels{
position:absolute;
left:-100px;
margin:0;
padding:0;
}
 
body.bodyaccueil #visuels,
body.bodygenerique #visuels,
body.bodypopup #visuels{
position:absolute;
top:-3000px;
}

#ville_01{

}

html > body #ville_01{
position:relative;
left:-99px;
bottom:0px;
width:294px;
height:303px;
padding:35px 0px 0px 93px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: -10px;
right:20px;
width:140px;
height:20px;
font-size: x-small;
}

body.bodypopup #recherche {
display:none;
}
#recherche input.saisie {
font-size: x-small;
color: #333300;
border: 1px solid #99cc33;
vertical-align: middle;
width: 100px;
height:16px;
}

#recherche input.bouton {
vertical-align: middle; 
text-align:center;
margin-left:3px;
padding:0 4px 0 4px;
font-size:xx-small;
font-weight:bold;
height:25px;
background:url(bout_recherche_ok.gif) no-repeat center center;
border:none;
}

#recherche label {
padding-left: 15px;
line-height: 15px;
position:absolute;
top:-3000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews {
position: absolute;
width: 175px;
top: 258px;
left: 771px;
font-size: x-small;
line-height: 12px;
}
#inscritnews strong {
display: none;
}
#inscritnews input.saisie {
font-size: x-small;
color: #6699CC;
border: 1px solid #303647;
vertical-align: middle;
width: 146px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content,
body.generique #content{
float: left;
width: 960px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
position: absolute;
top: 240px;
left: 215px;
font-size: x-small;
width: 370px;
height: 18px;
color: #FFFFFF;
}
body.bodyaccueil #filariane,
body.bodypopup #filariane {
display:none;
}
#filariane{
color: #666;
}
#filariane a {
color: #000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  GLOBAL INTER ---*/
body.bodyaccueil #inter{
float: left;
width: 695px;
padding: 0px 0px 0px 0px;
}
body.bodygenerique #inter{
float: left;
width: 665px;
padding: 0px 0px 0px 30px;
}
body.bodypopup #inter {
float:left;
width:auto;
padding:30px;
}
#inter {
float: left;
width: 470px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 18px;
}
#inter h2,
#inter h2 a {
font-size: x-large;
margin: 10px 0px 15px 0px;
padding: 0;
color: #cc3333;
line-height: 24px;
clear: both;
}
body.body05 #inter h2{
color: #336699;
line-height: 24px;
}
body.body04 #inter h2{
color: #009933;
line-height: 24px;
}
body.body03 #inter h2{
color: #cc0099;
line-height: 24px;
}
body.body02 #inter h2{
color: #cc3333;
line-height: 24px;
}
body.body01 #inter h2{
color: #ffcc00;
line-height: 24px;
}
#inter h3,
#inter h3 a {
font-size:medium;
margin: 12px 0px 12px 0px;
padding: 0;
color: #333;
line-height: 20px;
clear: both;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0;
color: #666;
font-weight: normal;
}
#inter p {
margin: 10px 0px 10px 0px;
}
#inter ul {
margin: 10px 0px 10px 20px;
}
#inter ul li {
padding-left: 8px;
}
#inter ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li {
padding-left: 8px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position:absolute;
right:5px;
top:233px;
float: right;
clear:right;
width: 230px;
padding: 0px 0px 0px 0px;
}

body.bodypopup #right {
display:none;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 8px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 8px;
}
/* ---------*/
#publicite{
margin:4px 0px 4px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#postIt {
background:url(bg_totem.jpg) no-repeat bottom center #BEC8E1;
}
#totem_content{
padding:0px 10px 10px 10px;
}

#bg_totem_haut{
background:url(bg_totem_haut.jpg) no-repeat top center;
width:230px;
}
#totem_content h3{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-size:medium;
line-height: auto;
}
#totem_content h4{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:small;
}
#totem_content p {
margin: 10px 0px 10px 0px;
}
#totem_content ul li{
list-style:none;
background:url(ul_li_05.gif) no-repeat 0px 0px;
padding-left:15px;
margin:0px 0px 0px 0px;
}
#totem_content ul li a{
text-decoration:none;
}
#totem_content ul ul{
margin:10px 0px 0px 0px;
}
#totem_content ul ul li{
list-style-image:none;
background:url(ul_ul_li_05.gif) no-repeat 0px 2px;
margin:10px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- VIDEO ---*/
#video p.toutesVideos {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
text-align: center;
}
#video p.toutesVideos a {
display: block;
width: 230px;
height: 20px;
text-align: center;
background-image: url(fond_bout_toutes_videos.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ESPACE METEO ---*/
#espace_meteo {
background-image: url(zone_meteo_bas.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#espace_meteo #interMeteo {
background-image: url(zone_meteo.jpg);
background-repeat: no-repeat;
padding: 5px 0px 5px 5px;
}
#espace_meteo #interMeteo table {
margin: 0px 0px 0px 8px;
padding:  0px 0px 0px 0px;
border: none;
}
#espace_meteo #interMeteo table table,
#espace_meteo #interMeteo table td {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
border: none;
}
#espace_meteo #interMeteo {
background-image: url(zone_meteo.jpg);
background-repeat: no-repeat;
padding: 5px 0px 5px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COORDONNEES ---*/
#coordonnees {
margin: 10px 0px 10px 0px;
padding: 5px 10px 5px 10px;
font-size: x-small;
}
#coordonnees p {
margin: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding-left: 520px;
}
body.bodygenerique #hautpage {
float: left;
}
#hautpage a {
display: block;
width: 80px;
height: 12px;
padding:0px 0px 0px 14px;
color: #000;
background:url(haut_page.gif) left bottom no-repeat; 
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
display: block;
}
#imprimpage {
float: left;
padding-left: 10px;
}
#imprimpage a {
display: block;
width: 100px;
height: 18px;
padding: 2px 0px 0px 12px;
color: #000;
position:absolute;
top:238px;
right:250px;
background:url(imprimer.gif) left center no-repeat; 
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #336699;
}
div.coul03, .violet, .coul03 {
color: #cc0099;
}
div.coul04, .orange, .coul04 {
color: #cc3333;
}
div.coul05, .vert, .coul05 {
color: #009933;
}
div.coul06, .jaune, .coul06 {
color: #ffcc00;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #336699;
}
img.bord03, .bordureViolete {
border: 1px solid #cc0099;
}
img.bord04, .bordureOrange {
border: 1px solid #cc3333;
}
img.bord05, .bordureVerte {
border: 1px solid #009933;
}
img.bord06, .bordureJaune {
border: 1px solid #ffcc00;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #597FBF;
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: #597FBF;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #597FBF;
padding-bottom: 10px;
 }
.result td.description strong {
color: #CC0000;
 }
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: #003333;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*NOMBRES DE PAGES DE RESULTATS*/
.pages {
text-align: center;
font-size: x-small;
}
.pages span {
font-size: bold;
color: #CC0000;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #597FBF;
padding: 3px;
vertical-align: top;
}
th {
background-color: #597FBF;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #336699;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA  --- ACTUALITES --- RSS  ---*/
#agenda{
float:left;
width:300px;
padding: 0px 25px 0px 0px;
margin:15px 5px 50px 5px;
background:url(border_agenda.gif) -2px 40px no-repeat;
padding:0px 0px 0px 6px;
}
body.bodyaccueil #agenda a{
color:#006699;
font-size:small;
font-weight:bold;
text-decoration:none;
}
body.bodyaccueil #agenda h2 {
color: #ff9933;
display:block;
height:35px;
width:325px;
background:url(bg_h2_agenda.jpg) left bottom no-repeat;
}
body.bodyaccueil #agenda #events .eventline p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #agenda #events .eventline p span {
font-size: x-small;
}
#actus {
float:right;
width:325px;
margin: 15px 0px 5px 5px !important;
margin: 15px 0px 5px -50px;
padding: 0px 20px 0px 0px;
}
/*--  PAGE TOUS EVENEMENTS  --*/
body #inter #formfindcalendar {
position: absolute;
top: 320px;
left: 230px;
float: left;
width: 200px;
padding: 0px 0px 0px 25px;
}
body #inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter #formfindcalendar form input,
body #inter #formfindcalendar form select {
width: 150px;
}
body #inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #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 10px 250px;
border-bottom: 1px solid #006699;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #999999;
}
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: #006699;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #006699;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 470px;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 0px 0px;
}
/*
div.modejour .eventline p,
div.modemois .eventline p {
width: 470px;
}
*/
div.modejour .eventline p img,
div.modemois .eventline p img {
float: right;
margin-left: 10px;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#006699;
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 8px 0px 12px;
display: block;
float: left;
width: 172px;
}
/*--  ACTUALITES  --*/
body.bodyaccueil #actus {
margin-top: 15px;
}
body.bodyaccueil #actus p{
text-align:justify;
}
.actuLigne {
margin: 0px 0px 20px 0px;
}
body.bodyaccueil #actus a,
.actuLigne a{
color:#cc0000;
font-size:small;
font-weight:bold;
text-decoration:none;
}
body.bodyaccueil #inter #actus p strong a{
clear:both;
}
#actus h2 {
color: #B60404;
}
body.bodyaccueil #actus h2 {
color: #cc0000;
display:block;
height:35px;
width:325px;
background:url(bg_h2_actus.jpg) left bottom no-repeat;
}
.filrss a, .toutesactus a{
float:right;
font-size:x-small;
}
.filrss a{
background:url(rss.gif) no-repeat center right;
padding: 0 20px 0 20px;
}
/* ---- FOOTER --- */
body.bodyaccueil #footer {
float: left;
width:960px;
height:150px;
font-size: x-small;
padding: 22px 0px 10px 0px;
background:url(bg_footer_accueil.gif) no-repeat 265px 15px;
}
html > body.bodyaccueil #footer {
float: left;
width:960px;
height:150px;
font-size: x-small;
padding: 22px 0px 10px 0px;
background:url(bg_footer_accueil.gif) no-repeat 265px 15px;
}

body.bodypopup #footer{
background:none;
display:none;
}

body.bodyaccueil #footer ul {
clear: both;
float: left;
width: 200px;
padding: 68px 0px 0px 350px;
}

body.bodyaccueil #imprimpage{
position:absolute;
top:-3000px;
}

#footer {
clear:both;
width: 950px;
height:150px;
font-size: x-small;
padding: 10px 0px 10px 0px;
margin-bottom:10px;
background:url(bg_footer.gif) no-repeat  195px 35px;
}

#footer a {
text-decoration: none;
}

#footer ul {
clear: both;
float: left;
width: 200px;
padding: 68px 0px 0px 250px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/

/* --- AGREGATEUR CINEMA ---*/

#agregate{
}
.itemrss{
margin-top:20px;
line-height:20px;
}
.itemrss a{
color:#336699;
}

/* ---TAG ---*/
#cloudcontent{
text-align:center;
padding: 0px 10px 0px 10px;
}
.tagCoul0 a,
.tagCoul1 a,
.tagCoul2 a,
.tagCoul3 a,
.tagCoul4 a,
.tagCoul5 a{
text-decoration:none;
padding:2px;
border:transparent 1px solid;
}
/* --- TagCoul0 --- */
.tagCoul0 a{
font-size:200%;
color:#FF9900;
}
.tagCoul0 a:hover{
color:#666;
background:#f1f1f1;
border:#D64C22 1px solid;
padding:0px 2px;
}
/* --- TagCoul1 --- */
.tagCoul1 a{
font-size:170%;
color:#009933;
}
.tagCoul1 a:hover{
color:#666;
background:#f1f1f1;
border:#009933 1px solid;
padding:0px 2px;
}
/* --- TagCoul2 --- */
.tagCoul2 a{
font-size:140%;
color:#cc0099;
}
.tagCoul2 a:hover{
color:#666;
background:#f1f1f1;
border:#cc0099 1px solid;
padding:0px 2px;
}
/* --- TagCoul3 --- */
.tagCoul3 a{
font-size:110%;
color:#336699;
}
.tagCoul3 a:hover{
color:#666;
background:#f1f1f1;
border:#336699 1px solid;
padding:0px 2px;
}
/* --- TagCoul4 --- */
.tagCoul4 a{
font-size:90%;
color:#ffcc00;
}
.tagCoul4 a:hover{
color:#666;
background:#f1f1f1;
border:#ffcc00 1px solid;
padding:0px 2px;
}
/* --- TagCoul5 --- */
.tagCoul5 a{
font-size:70%;
color:#CD1818;
}
.tagCoul5 a:hover{
color:#666;
background:#f1f1f1;
border:#CD1818 1px solid;
padding:0px 2px;;
}

#menu ul li.invisible, .invisible{
position:absolute;
top:-3000px;
}
body.bodygenerique #inter input[type="submit"] {
background-color:#669900;
}
#flash_quartier{
position:absolute;
top:-160px;
right:10px;
width:160px;
height:140px;
text-align:center;
}
#flash_quartier #contentFlash{
height:110px;
}

body.bodypopup #flash_quartier{
display:none;
}

body.bodypopup #toute_la{
position:absolute;
top:65px;
left:20px;
}

/*--  ANNUAIRES  --*/

#annuaireAssoc,
#annuaireEcoles,
#annuaireSalles,
#annuaireServices,
#annuaireSport {
clear: both;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

body #annuaireSport form div.entry label, 
body #annuaireEcoles form div.entry label,
body #annuaireSalles form div.entry label,
body #annuaireServices form div.entry label,
body #annuaireAssoc form div.entry label{
width: 1px;
height: 1px;
overflow: hidden;
}
body #annuaireSport form div.boxAnnu, 
body #annuaireEcoles form div.boxAnnu,
body #annuaireSalles form div.boxAnnu,
body #annuaireServices form div.boxAnnu,
body #annuaireAssoc form div.boxAnnu {
width: 200px;
float: left;
clear: none;
}
body #annuaireSport form div.boxAnnu label, 
body #annuaireEcoles form div.boxAnnu label,
body #annuaireSalles form div.boxAnnu label,
body #annuaireServices form div.boxAnnu label,
body #annuaireAssoc form div.boxAnnu label{
width: 150px;
height: auto;
padding: 0px 0px 0px 15px;
}
body #annuaireSport form div.boxAnnu input, 
body #annuaireEcoles form div.boxAnnu input,
body #annuaireSalles form div.boxAnnu input,
body #annuaireServices form div.boxAnnu input,
body #annuaireAssoc form div.boxAnnu input {
width: 15px;
height: auto;
border: none;
}
body #annuaireSport form div.submit,
body #annuaireEcoles form div.submit,
body #annuaireServices div.submit,
body #annuaireAssoc form div.submit {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
clear: both;
border: none;
}
body #annuaireSalles form div.submit {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 15px;
clear: both;
border: none;
}
body #annuaireSport form div.submit input,
body #annuaireEcoles form div.submit input,
body #annuaireSalles form div.submit input,
body #annuaireServices form div.submit input,
body #annuaireAssoc form div.submit input {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

body #annuaireSport form div.footer,
body #annuaireEcoles form div.footer,
body #annuaireSalles form div.footer,
body #annuaireServices form div.footer,
body #annuaireAssoc form div.footer{
display:none;
}
/*--  PHOTOTHEQUE  --*/
#inter table.tablePhoto,
#inter table.tablePhoto td {
border: none;
}
#inter table.tablePhoto td {
text-align: center;
}
body #inter table.tablePhoto td a,
body #inter table.tablePhoto td a:link,
body #inter table.tablePhoto td a:active,
body #inter table.tablePhoto td a:hover {
text-decoration: none;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  CONSEIL MUNICIPAL  --*/
.conseilMuni {
clear: both;
float: left;
width: 100%;
margin: 7px 0px 10px 0px;
}
.conseilMuni2 {
float: left;
width: 200px;
height: 130px;
margin: 7px 20px 10px 0px;
padding: 0px 10px 0px 0px;
}
.conseilMuni2 .fontSize11 {
line-height: 14px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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.bodyfonddoc #inter {
padding:0px 0px 0px 0px;
margin:0px 0px 50px 0px;
width:665px;
}
body.bodyfonddoc #inter #col_g{
float:left;
width:300px;
padding:0px 5px 0px 5px;
}
body.bodyfonddoc #inter #treelist{
width:300px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.bodyfonddoc #inter #form01{
width:300px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.bodyfonddoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.bodyfonddoc #inter #form01 label,
body.bodyfonddoc #inter #form01 input,
body.bodyfonddoc #inter #form01 select,
body.bodyfonddoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.bodyfonddoc #inter #msgResult,
body.bodyfonddoc #inter #resultat ul li a{
color:#007AC0;
}
body.bodyfonddoc #inter #resultat{
float:right;
width:320px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
body.bodyfonddoc #inter #resultat ul li {
padding:0px 0px 0px 0px;
background-image: none;
}
body.bodyfonddoc #inter #msgResult {
float:right;
width:320px;
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
}
#inter #resultat ul li .typedoc {
font-size: x-small;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  POP UP IMAGE  --*/
body.bodyPopImage {
background-image: none;
}