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-color: #FFFFFF;
background-repeat: repeat-x;
background-image: url(bg_body.gif);
background-position: top center;
}
body.accueil{
background-image: url(bg_body_accueil.gif);
background-position: top center;
background-repeat: no-repeat;
}
a {
color: #333333;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
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;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
height: 179px;
width: 960px;
}
#logo{
position: absolute;
top:38px;
left: 12px;
}
#bandeau_flash{
height: 179px;
width: 700px;
position: absolute;
right: 0px 
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
}
#raccourcis li.raccontenu{
display: none;
}
#raccourcis li.racrecherche{
display: none;
}
#raccourcis li.racnavig{
display: none;
}
#raccourcis li.raccontact{
display: none;
}
#raccourcis li.racplan a{
position: absolute;
text-decoration: none;
font-size: 0.8em;
right: 105px;
top: 242px;
z-index:11;
}
#raccourcis li.racplan a:hover{
text-decoration: underline;
}
#raccourcis li.racaide a{
position: absolute;
text-decoration: none;
font-size: 0.8em;
right: 15px;
top: 242px;
z-index:11;
}
#raccourcis li.racaide a:hover{
text-decoration: underline;
}
body.accueil #raccourcis li.racaide a{
position: absolute;
text-decoration: none;
font-size: 0.8em;
right: 225px;
top: 245px;
z-index:11;
}
body.accueil #raccourcis li.racaide a:hover{
text-decoration: underline;
}
body.accueil #raccourcis li.racplan a{
position: absolute;
text-decoration: none;
font-size: 0.8em;
right: 315px;
top: 245px;
z-index:11;
}
body.accueil #raccourcis li.racplan a:hover{
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
width:182px;
height: 70px;
font-size: x-small;
background:url(bg_recherche.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
position: absolute;
right: 0px;
top: 256px;
z-index: 10;
}
#recherche input.saisie {
font-size: x-small;
color: #666666;
border: none;
vertical-align: middle;
width: 120px;
margin:6px 0px 0px 17px;
padding:0px 0px 0px 0px;
background-color: transparent;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 5px;
padding:0px 2px 0px 2px;
border: #0086c8;
color: #FFFFFF;
font-size: 1em; 
background-color: transparent;
border: none;
}
#recherche label {
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#recherche legend{
color:#000;
font-size:x-small;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: none;
}
#header a.recherche_avancee{
display: block;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 5px 15px 0px 0px;
background-image: url(chevron_orange.gif);
background-position: 5px 4px;
background-repeat: no-repeat;
color: #666666;
}
#header a.recherche_avancee:hover{
text-decoration: underline;
}
/*--- RECHERCHE ---*/
body.accueil #recherche {
width:182px;
height: 70px;
font-size: x-small;
background:url(bg_recherche.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
position: absolute;
right: 209px;
top: 260px;
z-index: 10;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PROFIL ---*/
#profil{
background-image: url(bg_profil.gif);
width: 182px;
height: 78px;
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0px 0px 0px 2px;
}
body.accueil #profil{
background-image: url(bg_profil.gif);
width: 182px;
height: 78px;
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0px 0px 0px 2px;
}
#profil select{
border: 1px #CCCCCC solid;
width: 160px;
margin: 30px 0px 0px 10px;
font-size: 0.9em;
}
#profil input{
border: none;
margin: 4px 0px 0px 112px;
background-color: transparent;
color: #FFFFFF;
font-size: 0.9em;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  D�finit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 960px;
float: left;
margin: 62px 0px 0px 0px; 
background-image: url(bg_content.gif);
background-position: right;
background-repeat: repeat-y;
}
body.accueil #content {
background-image: none;
}
body.bodyannuaire #content{
padding: 0px 0px 20px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
height: 19px;
background-color: #FFFFFF;
margin: 0px 0px 0px 210px;
padding: 5px 0px 0px 10px;
font-size: x-small;
width: 540px;
}
body.accueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width:528px;
float:left; 
margin: 5px 0px 20px 20px;
background-color: #FFFFFF;
padding: 10px 10px 0px 12px;
position: relative;
display: inline;
}
body.accueil #inter {
width:548px;
float:left; 
margin: 0px 0px 45px 12px;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
position: relative;
display: inline;
}
body.bodygenerique #inter {
margin: 5px 0px 20px 210px;
padding: 10px 10px 0px 12px;
display: inline;
float:left;
position: relative;
width:528px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  5px 0px 8px 0px;
}
#inter_popup ul,
#inter ul {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#inter_popup ul li,
#inter ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background-image: url(puce_niv1_body02.gif);
}
#inter_popup ul li ul,
#inter ul li ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
}
#inter_popup ul li ul li,
#inter ul ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
background-image: url(puce_niv2_body02.gif)
}
#inter_popup ul li ul li ul,
#inter ul li ul li ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
}
#inter_popup ul ul ul li,
#inter ul ul ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
background-image: url(puce_niv3_body02.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE ANCRES---*/
#inter ul.listeAncre{
margin: 20px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES UNE---*/
#interActus{
position: absolute;
right: 0px;
width: 600px;
height: 242px;
overflow: hidden;
top:0px
}
#interActus img{
position: absolute;
top: 10px;
right: 0px;
z-index: 9;
}
#interActus p{ /* --- voir style IE ---*/
width: 365px;
position: absolute;
top: 182px;
right: 10px;
float: left;
z-index: 9999;
}
#interActus p a.savoir_plus{
position: absolute;
top: 36px;
right: 0px;
display: block;
padding: 3px 3px 3px 3px;
text-decoration: none;
color: #FFFFFF;
background-color: #00b0ff;
margin: 0px 0px 0px 0px;
font-size: 0.9em;
}
#interActus p a.savoir_plus:hover{
background-color: #0084c8;
}
#interActus p a:hover{
color: #FFFFFF;
}
#interActus p strong {
color: #FFFFFF;
height: 28px;
display: block;
background-image: url(bg_titre_actu.png);
background-position: top left;
background-repeat: repeat-x;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 50px;
}
#navigation_actu{
position: absolute;
top: 168px;
left: 85px;
z-index: 9999999;
height: 70px;
width: 181px;
background: url(alaune.png) no-repeat top left;
}
.navigation_avant,
.navigation_courante,
.navigation_max,
.navigation_apres,
.navigation_slash{
font-family: arial;
position: absolute;
color: #FFFFFF;
font-size: medium;
font-weight: bold;
bottom: 1px;
}
.navigation_avant{
left: 50px;
top:37px;
}
.navigation_courante{
left: 60px;
color: #FFFFFF;
}
.navigation_max{
left: 85px;
}
.navigation_apres{
left: 120px;
top:37px;
}
.navigation_slash{
left: 75px;
}
body.accueil #inter a.rss,
body.accueil #inter a.google{
width: 60px;
text-decoration: none;
color: #ffffff;
display: block;
background-repeat: no-repeat;
padding: 1px 0px  0px 20px;
margin: 0px 0px  0px 10px;
font-size: 0.9em;
position: absolute;
z-index:99;
}
body.accueil #inter a.rss{
height: 20px;
background-image: url(bg_rss.gif);
background-position: 0px 0px;
position: absolute;
top: 8px;
cursor: pointer;
}
body.accueil #inter a.google{
height: 20px;
background-image: url(bg_google_accueil.gif);
top: 30px;
padding: 1px 0px 0px 20px;
background-position: 0px 2px;
float: left;
}
/*--- ACTUALITES ---*/
#actus_image{
width: 548px;
height: 251px;
background-image:url(factice_actus.gif);
background-repeat: no-repeat;
background-position: top left;
}
body.accueil #actus{
margin: 260px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}
body.accueil #actus p{
float: left;
width: 145px;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 15px;
background-image: url(bg_fleche_actus.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 1.2em
}
body.accueil #actus p a{
display: block;
text-decoration: none;
padding: 2px 2px 2px 2px;
}
body.accueil #actus p a:hover{
background-color: #e6f7ff;
}
body.accueil #actus p a strong{
text-transform: uppercase;
color: #0B68A6;
}
body.accueil #actus p a span.resume{
font-size: 0.9em;
}
body.accueil #actus p.toutesactus{
float: right;
background-image: none;
margin: 15px 22px 0px 0px;
}
body.accueil #actus p.toutesactus a{
display: block;
padding: 2px 2px 2px 5px;
font-size: 0.9em;
background-color: #00b0ff;
color: #FFFFFF;
width: 120px;
}
body.accueil #actus p.toutesactus a:hover{
background-color: #008fcf;
}
#inter div.actuLigne{
float: left;
width: 100%;
margin: 0px 0px 20px 0px;
}
#inter div.actuLigne strong a{
color: #0B68A6;
text-transform: uppercase;
text-decoration: none;
padding: 0px 0px 20px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PUCE ---*/
body.bodyPopup ul li,
#inter ul li {
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodygenerique #inter ul.listeplan01 li,
body.bodyLien01 #inter ul li,
body.bodyLien01 #interPostIt ul li,
body.bodyPopup #inter_popup ul li{
background-image: url(puce_niv1_body01.gif);
}
body.bodygenerique #inter ul.listeplan01 li ul li,
body.bodyLien01 #inter ul ul li,
body.bodyLien01 #interPostIt ul ul li,
body.bodyPopup #inter_popup ul ul li{
background-image: url(puce_niv2_body01.gif);
}
body.bodygenerique #inter ul.listeplan01 li ul li ul li,
body.bodyLien01 #inter ul ul ul li,
body.bodyLien01 #interPostIt ul ul ul li,
body.bodyPopup #inter_popup ul ul ul li{
background-image: url(puce_niv3_body01.gif);
}
body.bodygenerique #inter ul.listeplan02 li,
body.bodyLien02 #inter ul li,
body.bodyLien02 #interPostIt ul li,
body.bodyLien02 #inter_popup ul li{
background-image: url(puce_niv1_body02.gif);
}
body.bodygenerique #inter ul.listeplan02 li ul li,
body.bodyLien02 #inter ul ul li,
body.bodyLien02 #interPostIt ul ul li,
body.bodyLien02 #inter_popup ul ul li{
background-image: url(puce_niv2_body02.gif);
}
body.bodygenerique #inter ul.listeplan02 li ul li ul li,
body.bodyLien02 #inter ul ul ul li,
body.bodyLien02 #interPostIt ul ul ul li,
body.bodyLien02 #inter_popup ul ul ul li{
background-image: url(puce_niv3_body02.gif);
}
body.bodygenerique #inter ul.listeplan03 li,
body.bodyLien03 #inter ul li,
body.bodyLien03 #interPostIt ul li,
body.bodyLien03 #inter_popup ul li{
background-image: url(puce_niv1_body03.gif);
}
body.bodygenerique #inter ul.listeplan03 li ul li,
body.bodyLien03 #inter ul ul li,
body.bodyLien03 #interPostIt ul ul li,
body.bodyLien03 #inter_popup ul ul li{
background-image: url(puce_niv2_body03.gif);
}
body.bodygenerique #inter ul.listeplan03 li ul li ul li,
body.bodyLien03 #inter ul ul ul li,
body.bodyLien03 #interPostIt ul ul ul li,
body.bodyLien03 #inter_popup ul ul ul li{
background-image: url(puce_niv3_body03.gif);
}
body.bodygenerique #inter ul.listeplan04 li,
body.bodyagenda #inter ul li,
body.bodyagenda #interPostIt ul li,
body.bodyagenda #inter_popup ul li,
body.bodyLien04 #inter ul li,
body.bodyLien04 #interPostIt ul li,
body.bodyLien04 #inter_popup ul li{
background-image: url(puce_niv1_body04.gif);
}
body.bodygenerique #inter ul.listeplan04 li ul li,
body.bodyagenda #inter ul ul li,
body.bodyagenda #interPostIt ul ul li,
body.bodyagenda #inter_popup ul ul li,
body.bodyLien04 #inter ul ul li,
body.bodyLien04 #interPostIt ul ul li,
body.bodyLien04 #inter_popup ul ul li{
background-image: url(puce_niv2_body04.gif);
}
body.bodygenerique #inter ul.listeplan04 li ul li ul li,
body.bodyagenda #inter ul ul ul li,
body.bodyagenda #interPostIt ul ul ul li,
body.bodyagenda #inter_popup ul ul ul li,
body.bodyLien04 #inter ul ul ul li,
body.bodyLien04 #interPostIt ul ul ul li,
body.bodyLien04 #inter_popup ul ul ul li{
background-image: url(puce_niv3_body04.gif);
}
body.bodygenerique #inter ul.listeplan05 li,
body.bodyLien05 #inter ul li,
body.bodyLien05 #interPostIt ul li,
body.bodyLien05 #inter_popup ul li{
background-image: url(puce_niv1_body05.gif);
}
body.bodygenerique #inter ul.listeplan05 li ul li,
body.bodyLien05 #inter ul ul li,
body.bodyLien05 #interPostIt ul ul li,
body.bodyLien05 #inter_popup ul ul li{
background-image: url(puce_niv2_body05.gif);
}
body.bodygenerique #inter ul.listeplan05 li ul li ul li,
body.bodyLien05 #inter ul ul ul li,
body.bodyLien05 #interPostIt ul ul ul li,
body.bodyLien05 #inter_popup ul ul ul li{
background-image: url(puce_niv3_body05.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
font-weight: normal;
color: #FFFFFF;
font-size: 1.3em;
margin: 0px 0px 10px 0px
}
#inter_popup h2 span,
#inter h2 span {
padding: 2px 25px 5px 5px;
display: inline;
background-position: right center;
background-repeat: repeat-x;
}
bodyLien01 #inter_popup h2 span,
body.bodyLien01 #inter h2 span {
background-image: url(bg_titre_body01.gif);
}
body.bodyLien01 h3,
body.bodyLien01 h4,
body.bodyLien01 h5,
body.bodyLien01 h3 a,
body.bodyLien01 h4 a,
body.bodyLien01 h5 a{
color: #448416;
}
body.bodygenerique #inter h2 span,
body.bodyLien02 #inter_popup h2 span,
body.bodyLien02 #inter h2 span {
background-image: url(bg_titre_body02.gif);
}
body.bodygenerique h3,
body.bodygenerique h4,
body.bodygenerique h5,
body.bodyLien02 h3,
body.bodyLien02 h4,
body.bodyLien02 h5,
body.bodygenerique h3 a,
body.bodygenerique h4 a,
body.bodygenerique h5 a,
body.bodyLien02 h3 a,
body.bodyLien02 h4 a,
body.bodyLien02 h5 a{
color: #0079C3;
}
bodyLien03 #inter_popup h2 span,
body.bodyLien03 #inter h2 span {
background-image: url(bg_titre_body03.gif);
}
body.bodyLien03 h3,
body.bodyLien03 h4,
body.bodyLien03 h5,
body.bodyLien03 h3 a,
body.bodyLien03 h4 a,
body.bodyLien03 h5 a{
color: #7700AE;
}
body.bodyagenda #inter_popup h2 span,
body.bodyagenda #inter h2 span,
body.bodyLien04 #inter_popup h2 span,
body.bodyLien04 #inter h2 span {
background-image: url(bg_titre_body04.gif);
}
body.bodyagenda h3,
body.bodyLien04 h3,
body.bodyLien04 h4,
body.bodyLien04 h5,
body.bodyLien04 h3 a,
body.bodyLien04 h4 a,
body.bodyLien04 h5 a{
color: #E47600;
}
body.bodyLien05 #inter_popup h2 span,
body.bodyLien05 #inter h2 span {
background-image: url(bg_titre_body05.gif);
}
body.bodyLien05 h3,
body.bodyLien05 h4,
body.bodyLien05 h5,
body.bodyLien05 h3 a,
body.bodyLien05 h4 a,
body.bodyLien05 h5 a{
color: #F1B200;
}
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position: relative;
float: right;
width: 182px;
margin: -25px 0px 0px 0px;
padding: 100px 0px 0px 0px;
display: inline;
background-image: url(bg_right.gif);
background-repeat: repeat-x;
background-position: top left;
}
body.accueil #right {
position: relative;
float: left;
width: 182px;
margin: 5px 0px 0px 8px;
padding: 100px 0px 0px 0px;
display: inline;
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST-IT---*/
#interPostIt h3{
background-position: right center;
background-repeat: no-repeat;
padding: 1px 30px 2px 5px;
display: inline;
color: #FFFFFF;
}
body.bodyLien01 #interPostIt h3{
background-image: url(bg_info_body01.gif);
}
body.bodyLien02 #interPostIt h3{
background-image: url(bg_info_body02.gif);
}
body.bodyLien03 #interPostIt h3{
background-image: url(bg_info_body03.gif);
}
body.bodyLien04 #interPostIt h3{
background-image: url(bg_info_body04.gif);
}
body.bodyLien05 #interPostIt h3{
background-image: url(bg_info_body05.gif);
}
#contentPostIt{
padding: 10px 5px 5px 5px;
font-size: 0.9em;
line-height: 1.2em;
width: 156px;
margin: 0px 0px 0px 7px;
}
body.bodyLien01 #contentPostIt{
background-color: #D3E7C5;
}
body.bodyLien02 #contentPostIt{
background-color: #DEE9F1;
}
body.bodyLien03 #contentPostIt{
background-color: #D7BDE2;
}
body.bodyLien04 #contentPostIt{
background-color: #FFE3C6;
}
body.bodyLien05 #contentPostIt{
background-color: #FFEEBF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INFOS BAS---*/
#infoBas{
clear: both;
width: 100px;
border: 1px red solid;
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- OUTILS---*/
#outils{
margin: 10px 0px 0px 7px;
}
#outils ul li{
margin: 8px 0px 0px 2px;
}
#outils ul li a{
text-decoration: none;
display: block;
background-repeat: no-repeat;
background-position: top left;
height: 40px;
padding: 0px 0px 0px 90px;
font-size: 0.9em;
line-height: 1.1em;
}
#outils ul li a:hover{
background-position: bottom left;
}
#outils ul li.agenda a{
background-image: url(over_agenda.gif);
padding: 12px 5px 0px 90px;
height: 28px;
}
#outils ul li.annuaire a{
background-image: url(over_annuaire.gif);
padding: 12px 5px 0px 90px;
height: 28px;
}
#outils ul li.marches a{
background-image: url(over_marche_public.gif);
padding: 5px 5px 0px 90px;
height: 35px;
}
#outils ul li.plan_interactif a{
background-image: url(over_plan_interactif.gif);
padding: 5px 5px 0px 90px;
height: 35px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA---*/
body.bodyagenda #inter {
margin: 5px 0px 0px 20px;
display: inline;
float:left;
position: relative;
}
#inter div.modemois{
margin: 10px 0px 0px 0px;
width: 530px;
}
#inter div#oCalendar{
margin: 20px 0px 0px 250px;
width: 170px;
right: 80px;
top: 40px;
}
body.bodyagenda #inter form#form01{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
body.bodyagenda #inter div#oCalendar td.week{
background-color: #0B68A6;
background-color:#dedede;
}
body.bodyagenda div#oCalendar th{
background-color: #E47600;
}
body.bodyagenda #inter div#oCalendar td.days{
color: #FFFFFF;
background-color:#dedede;
}
#inter div.modejour .eventline, 
#inter div.modemois .eventline {
border-bottom:1px dotted #448416;
float:left;
margin: 20px 0px 0px 0px;
padding:0px 0px 10px 0px;
width:100%;
}
#inter div.modejour .eventline span.debut, 
#inter div.modemois .eventline span.debut {
color: #7b7b7b;
font-weight: bold;
}
#inter div.modejour .eventline a, 
#inter div.modemois .eventline a {
color:#E47600;
text-decoration:none;
}
#inter div.modejour .eventline p img, 
#inter div.modemois .eventline p img {
float: left;
margin: 0px 10px 0px 0px;
border: 1px #0B68A6 solid;
}
#inter div.modejour .eventline strong, 
#inter div.modemois .eventline strong {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #E47600;
}
#inter div.modejour #oCalendar table td.nextday, 
#inter div.modemois #oCalendar table td.nextday {
background-color:#86ccfb;
}
#inter div.modejour #oCalendar table td.nextday a, 
#inter div.modemois #oCalendar table td.nextday a{
color:#666666;
}
#inter #formfindcalendar{
width: 160px;
padding: 0px 0px 0px 50px;
margin: 0px 0px 50px 0px;
position: absolute;
top:35px;
left: 20px;
}
#inter #formfindcalendar label{
display: none;
}
#inter #formfindcalendar .footer {
display: none;
}
/*----------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.bodyannuaire #inter{
margin:5px 0 20px 20px;
}
body.bodyannuaire #inter  h2{
}
body.bodyannuaire #inter h3{
}
body.bodyannuaire #inter h3 a{
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
font-size: small;
}
body.bodyannuaire #inter h3 a:hover{
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
font-size: small;
text-decoration: none;
}
body.bodyannuaire #inter ul li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
background-image: url(puce_niv1_body02.gif);
padding: 0px 0px 0px 12px;
}
body.bodyannuaire #inter ul li ul li{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
background-image: url(puce_niv2_body02.gif);
}
body.bodyannuaire #inter ul li a{
font-weight: bold;
color: #0B68A6;
}
body.bodyannuaire #inter ul li a:hover{
text-decoration: none;
}
body.bodyannuaire #inter ul li ul li a{
font-weight: normal;
color: #666666;
}
body.bodyannuaire div#dirList ul{
display: none;
}
h4 a.titrePresta{
color: #0B68A6;
}
body.bodyannuaire h4 a.titrePresta{
color: #0B68A6;
}
body.bodyannuaire p.listannu{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.ficheAnnuaire span.exergue01{
color: #0B68A6;
font-weight: bold;
}
body.ficheAnnuaire p.lienbasliste a{
color: #0B68A6;
font-size: x-small;
background-image: url(chevron_vert_back.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0px 0px 0px 12px;
}
body.ficheAnnuaire p.lienbasliste a:hover{
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE---*/
#inter a.retourListe{
background-image: url(chevron_vert_back.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0px 0px 0px 12px;
font-size: x-small;
}
#inter a.retourListe:hover{
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer{
 float: left;
 background-color: #CCCCCC;
 background-image: url(bg_footer.gif);
 background-repeat: repeat-x;
 width: 100%;
 height: 110px;
text-decoration: none;
font-size: x-small;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
float: right;
}
#hautpage a {
display: block;
text-decoration: none;
font-size: xx-small;
width: 100px;
height: 30px;
padding: 12px 0px 0px 30px;
background-image: url(bg_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}
#hautpage a:hover{
text-decoration: underline;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
float: right;
}
#imprimpage a {
display: block;
text-decoration: none;
font-size: xx-small;
width: 100px;
height: 30px;
padding: 12px 0px 0px 30px;
background-image: url(bg_imprimer.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}
#imprimpage a:hover{
text-decoration: underline;
}
#drapeaux{
display: none;
}
#footer ul{
padding: 40px 0px 0px 0px;
text-align: right;
}
#footer ul li{
display:inline;
}
#footer ul li a{
text-decoration: none;
}
#footer ul li a:hover{
text-decoration: underline;
}
#contentFooter{
width: 960px;
margin: 0px auto 0px auto;
}
ul#liens{
position: relative;
width: 630px;
}
li.contact a{
display: block;
text-decoration: none;
font-size: small;
width: 160px;
height: 22px;
padding: 5px 0px 0px 15px;
background-image: url(over_contactez_mairie.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
top: 7px;
left: 0px;
}
li.contact a:hover{
background-position: 0px -33px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .verte, .coul01 {
color: #448416;
}
div.coul02, .bleu, .coul02 {
color: #0B68A6;
}
div.coul03, .violet, .coul03 {
color: #7700AE;
}
div.coul04, .orange, .coul04 {
color: #E47600;
}
div.coul05, .jaune, .coul05 {
color: #F1B200;
}
div.coul06, .grisFonce, .coul06 {
color: #58585A;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureVerte {
border: 1px solid #448416;
}
img.bord02, .bordureBleue {
border: 1px solid #0B68A6;
}
img.bord03, .bordureViolette {
border: 1px solid #7700AE;
}
img.bord04, .bordureOrange {
border: 1px solid #E47600;
}
img.bord05, .bordureJaune {
border: 1px solid #F1B200;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
#inter ul.accordeonListe {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
list-style: none;
}
body.bodyLien01 #inter ul.accordeonListe li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(puce_accordeon_body01.gif) no-repeat top left;
}
body.bodyLien01 #inter ul.accordeonListe li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
background: url(puce_niv3_body01.gif) no-repeat 0px 7px;
}
body.bodyLien02 #inter ul.accordeonListe li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(puce_accordeon_body02.gif) no-repeat top left;
}
body.bodyLien02 #inter ul.accordeonListe li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
background: url(puce_niv3_body02.gif) no-repeat 0px 7px;
}
body.bodyLien03 #inter ul.accordeonListe li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(puce_accordeon_body03.gif) no-repeat top left;
}
body.bodyLien03 #inter ul.accordeonListe li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
background: url(puce_niv3_body03.gif) no-repeat 0px 7px;
}
body.bodyLien04 #inter ul.accordeonListe li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(puce_accordeon_body04.gif) no-repeat top left;
}
body.bodyLien04 #inter ul.accordeonListe li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
background: url(puce_niv3_body04.gif) no-repeat 0px 7px;
}
body.bodyLien05 #inter ul.accordeonListe li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background: url(puce_accordeon_body05.gif) no-repeat top left;
}
body.bodyLien05 #inter ul.accordeonListe li ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
background: url(puce_niv3_body05.gif) no-repeat 0px 7px;
}
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BALADE ---*/
#balade_image,
#balade_video{
background: url(bg_video_image.jpg) no-repeat top left;
height: 95px;
width: 190px;
position: absolute;
z-index: 99;
top: 0px;
right: -400px;
padding: 5px 0px 0px 0px;
}
#balade_video{
top: 105px;
}
#balade_image img,
#balade_video img{
margin: 1px 5px 0px 5px;
float: left;
}
#balade_image p,
#balade_video p{
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#balade_image p.ballade,
#balade_video p.ballade{
font-weight: bold;
}
#balade_image p.txtVideoImage,
#balade_video p.txtVideoImage{
font-size: 1.5em;
}
#balade_image a,
#balade_video a{
text-decoration: none;
color: #FFFFFF;
font-size: 0.8em;
margin: 22px 10px 0px 0px;
display: block;
float: right;
}
#balade_image a:hover,
#balade_video a:hover{
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
position: absolute;
top: 0px;
right: -400px;
width: 188px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(bg_onglets.gif);
background-repeat: repeat-x;
background-position: top left;
height: 193px;
color: #FFFFFF;
}
#inter #onglets ul ,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: none;
}
#inter #onglets ul{
background-image: url(bg_ul_onglet.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 1px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:26px;
width: 100%;
float: left;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 86px;
background-image: url(over_onglet.gif);
background-repeat: no-repeat;
background-position: bottom left;
color: #666666;
text-align: center;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
text-decoration: none;
}
#inter #onglets ul li a#onglet01{
margin: 0px 2px 0px 5px;
}
#inter #onglets ul li a.onOnglet,
#inter #onglets ul li a:hover{
background-image: url(over_onglet.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #FFFFFF;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02{
float: left;
width: 182px;
padding: 0px 0px 0px 4px;
margin: 5px 0px 0px 0px;
}
#inter p.titre_onglets{
margin: 0px 0px 0px 0px;
padding: 3px 0px 2px 5px;
}
span.voir_plus_onglet1 a{
position: absolute;
right: 0px;
bottom: 0px;
display: block;
background-color: #39b0ed;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
text-decoration: none;
}
span.voir_plus_onglet1 a:hover{
background-color: #0084c8;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- JOURNAL ACCUEIL --*/
#journal{
position: absolute;
right: -403px;
top: 210px;
width: 190px;
}
p#numero{
position: absolute;
top: 35px;
width: 70px;
right: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.8em;
font-weight: bold;
line-height: 1.2em;
}
p#numero a{
text-decoration: none;
color: #E47600;
}
p#numero a span.mois{
font-size: 1.4em;
}
p#texte{
position: absolute;
width: 70px;
bottom: 22px;
right: 0px;
font-size: 0.9em;
color: #ADADAD;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
p#toute_publication{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#toute_publication a{
display: block;
text-decoration: none;
font-size: x-small;
background-color: #666666;
padding: 2px 0px 2px 5px;
color: #FFFFFF;
}
#toute_publication a:hover{
background-color: #CCCCCC;
padding: 2px 0px 2px 5px;
color: #666666;
}
p#publications_municipales{
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
p#publications_municipales a{
display: block;
background-image: url(over_publication01.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 4px 0px 10px 7px;
text-decoration: none;
height: 16px;
width:190px;
}
p#publications_municipales a:hover{
background-image: url(over_publication01.gif);
background-repeat: no-repeat;
background-position: 0px -31px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #333333;
padding: 3px;
vertical-align: top;
}
#inter th {
background-color: #0079C3;
color: #FFFFFF;
text-transform: uppercase
}
#inter table th, td{
border: 1px #7F7F7F solid;
}
body.bodyLien01 #inter th{
background-color: #0079C3;
}
body.bodyLien02 #inter th{
background-color: #0B68A6;
}
body.bodyLien03 #inter th{
background-color: #7700AE;
}
body.bodyLien04 #inter th{
background-color: #E47600;
}
body.bodyLien05 #inter th{
background-color: #F1B200;
}
table.sansBordure, .tableauSansBordure{}
#inter table.sansBordure td{
border: none;
vertical-align: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
text-decoration: none;
}
#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 {
float: left;
padding: 0px 0px 100px 0px;
}
#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: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
width: 100%;
float: left;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodyPopup{
background-image: none;
}
#header_popup{
height:125px;
position: relative;
background-image: url(bg_header_popup.gif);
background-position: top right;
background-repeat: no-repeat;
}
#inter_popup h2,
#inter_popup h3,
#inter_popup h4{
color: #0B68A6;
}
#inter_popup h2{
font-weight: bold;
padding: 0px 0px 0px 0px;
}
#logo{
position: absolute;
top: 30px;
left: 0px
}
#content_popup{
width: 600px;
margin: 0px auto 0px auto;
}
#inter_popup{
background-image: url(bg_content_popup.gif);
background-position: top left;
background-repeat: repeat-x;
padding: 30px 20px 0px 20px;
}
#footer_popup{
height: 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
 /*--------------------------------------------------------------------------------------------------------------*/
body #total #inter form {
margin: 20px 0px 10px 0px;
display: inline;
float: left;
width: 100%;
}
body #total #inter form legend{
display: none;
}
body #total #inter form div div label input{
border: none;
}
body.bodyLien01 form div.submit input{
background-color:#448416;
border:1px solid #7F7F7F;
}
body.bodyLien01 form div.entry textarea,
body.bodyLien01 form div.entry input{
border:1px solid #0B68A6;
}
body.bodygenerique form div.submit input,
body.bodyLien02 form div.submit input{
background-color:#0079C3;
border:1px solid #7F7F7F;
}
body.bodyLien02 form div.entry textarea,
body.bodyLien02 form div.entry input{
border:1px solid #0B68A6;
}
body.bodyLien03 form div.submit input{
background-color:#7700AE;
border:1px solid #7F7F7F;
color: #FFFFFF;
}
body.bodyLien03  form div.entry textarea,
body.bodyLien03 form div.entry input{
border:1px solid #7700AE;
}
body.bodyagenda form div.submit input,
body.bodyLien04 form div.submit input{
background-color:#E47600;
border:1px solid #7F7F7F;
}
body.bodyLien04  form div.entry textarea,
body.bodyLien04 form div.entry input{
border:1px solid #E47600;
} 
body.bodyLien05 form div.submit input{
background-color:#F1B200;
border:1px solid #7F7F7F;
}
body.bodyLien05  form div.entry textarea,
body.bodyLien05 form div.entry input{
border:1px solid #F1B200;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TABLEAUX ---*/

/*--------------------------------------------------------------------------------------------------------------*/
/*--- CAPCHA ---*/
#inter #para8888 {
padding: 0px 0px 0px 180px;
width: 295px;
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRES ---*/
form.afficheLegend, .groupeDeChampsVisibles { }

body #total #inter form.afficheLegend legend {
position:relative;
top: 0px;
left: 0px;
display: block;
font-size: medium;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
}
body.bodyLien01 #total #inter form.afficheLegend legend{
color: #448416;
}
body.bodygenerique #total #inter form.afficheLegend legend,
body.bodyLien02 #total #inter form.afficheLegend legend{
color: #0079C3;
}
body.bodyLien03 #total #inter form.afficheLegend legend{
color: #7700AE;
}
body.bodyLien04 #total #inter form.afficheLegend legend{
color: #E47600;
}
body.bodyLien05 #total #inter form.afficheLegend legend{
color: #F1B200;
}