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: #FFFFFF url(bgHeader.jpg) no-repeat top center;
}
body.bodyPreHome {
background: #FFFFFF url(fond_voeux.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:block;
}
legend {
color:  #999999;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE D'ACCUEIL ---*/
#colDroit{
width: 630px;
float: right;
margin: 0px 7px 0px 0px;
}
#colGauche{
width: 332px;
float: left;
}
#inter #cultureAccueil ,
#inter #portailAccueil,
#inter #liensUtilesAccueil,
#inter #formalitesAdministratives {
margin: 0px 0px 10px 0px;
width: 329px;
float: left; /* supprime les marges */
}
#inter #cultureAccueil h2,
#inter #portailAccueil h2,
#inter #formalitesAdministratives h2{
background: url(bgH2CulturePortail.gif) no-repeat left top;
padding: 0px 0px 0px 10px;
}
#inter #formalitesAdministratives h2:first-letter{
color:#000;
}
#inter #cultureAccueil h2 a {
text-decoration: none;
}
#inter #cultureAccueil img{
float: left;
margin: 0px 0px 5px 0px;
}
#inter #cultureAccueil h2:first-letter,
#inter #portailAccueil h2:first-letter{
color: #000;
}
#inter #liensUtilesAccueil h2{
background: url(liensUtilesH2.gif) no-repeat center top;
color: #FFFFFF;
font-size: small;
padding: 5px 0px 7px 13px;
}
#inter #liensUtilesAccueil h2:first-letter{
color: #FFFFFF;
}
#inter #liensUtilesAccueil ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #liensUtilesAccueil ul li{
/*position: relative;*/
z-index: 100;
background-image: none ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 100%;
}
#inter #liensUtilesAccueil ul li a{
/*position: relative;*/
z-index: 1;
display: block;
text-decoration: none;
background: transparent url(liensUtilesPuceAccueil.gif) no-repeat center top;
margin: 2px 0px 0px 0px;
padding: 11px 0px 2px 23px;
text-transform: uppercase;
font-weight: bold;
}
#inter #liensUtilesAccueil ul li a:hover,
#inter #nosPublications ul li a:hover {
background: #999999 url(liensUtilesPuceAccueil.gif) no-repeat left -301px;
}
#inter #liensUtilesAccueil ul li.liensUtilesPuceFirstAccueil a,
#inter #nosPublications ul li.liensUtilesPuceFirstAccueil a{
background: #E2EBF4 url(liensUtilesPuceFirstAccueil.gif) no-repeat left top;
margin: -2px 0px 0px 0px;
}
#inter #liensUtilesAccueil ul li.liensUtilesPuceFirstAccueil a:hover,
#inter #nosPublications ul li.liensUtilesPuceFirstAccueil a:hover{
background: #E2EBF4 url(liensUtilesPuceFirstAccueil.gif) no-repeat left -301px;
}
#inter #liensUtilesAccueil ul li.liensUtilesPuceFirstMeteo a{
background: #E2EBF4 url(liensUtilesPuceFirstMeteo.gif) no-repeat left top;
margin: -2px 0px 0px 0px;
}
#inter #liensUtilesAccueil ul li.liensUtilesPuceFirstMeteo a:hover{
background: #E2EBF4 url(liensUtilesPuceFirstMeteo.gif) no-repeat left -301px;
}
body.bodyaccueil #calendrier{
background: #999999 url(bgAgendaTop.gif) no-repeat top center;
float: left;
margin: -10px 0px 0px 2px;
padding: 36px 0px 20px 0px;
width: 325px;
}
body.bodyaccueil #oCalendar{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #oCalendar table{
width: 280px;
margin: auto;
}
body.bodyaccueil #oCalendar table tr td{
padding: 2px 4px 0px 4px;
}
#oCalendar table caption {
display: none;
}
body.bodyaccueil #oCalendar table th {
background-image: none;
border: none;
}
#oCalendar table tr td{
text-align: center;
border-bottom: #000000 2px solid;
border-right: none;
border-left: none;
border-top: none;
margin: 0px 0px 0px 0px;
padding: 2px 8px 0px 8px;
}
body.bodyaccueil #oCalendar table tr td.days,
body.bodyaccueil #oCalendar table tr td.week{
color: #FFFFFF;
font-weight: bold;
}
body.bodyaccueil #oCalendar table tr td.today {
background: #a11c0f;
padding: 0px 8px 0px 8px;
margin: 0px 0px 0px 0px;
text-decoration: none;
color: #CCCCCC;
}
body.bodyaccueil #oCalendar table tr td.today a {
color: #CCCCCC;
}
a.prev{
padding: 0px 30px 0px 0px;
}
a.next{
padding: 0px 0px 0px 30px;
}
#inter #videoMaire {
float: left;
margin: -10px 0px 0px 2px;
padding: 20px 0px 20px 0px;
width: 325px;
}
#inter #videoMaire h3 {
color: #FFFFFF;
padding: 0px 0px 0px 13px;
margin: 0px 0px 0px 0px;
font-weight: bold;
height:40px;
background: url(bgVideoMaire.gif) no-repeat 0px 0px;
}
#colDroitGauche{
float: left;
width: 310px;
margin: 0px 0px 0px  2px;
}
#colDroitDroit{
float: right;
width: 310px;
margin: 0px 1px 0px  0px;
}
#inter #sondage h3,
#inter #petitions h3,
#inter #inscriptionNews h3,
#inter #carteInteractive h3,
#inter #communiquePresse h3,
#inter #contactAccueil h3{
color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-weight: bold;
height:53px;
}
#inter #sondage h3{
color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-weight: bold;
height: 30px;
}
#inter #sondage{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
body.bodySondage{
background: url(bgBodyPopup.jpg) no-repeat top center;
}
#interSondage {
padding: 10px 10px 10px 10px;
width: 400px;
}
body.bodySondage #centrage,
body.bodySondage #total{
width: 400px;
}
#communiquePresse a,
#contactAccueil a,
#carteInteractive a,
#inter #petitions a,
#inter #inscriptionNews a,
#sondage span {
display: block;
color: #FFFFFF;
text-decoration: none;
height:53px;
padding: 0px 0px 0px 20px;
}
#communiquePresse a{
background: url(bgCommunique.gif) no-repeat 0px 0px;
}
#communiquePresse a:hover{
background: url(bgCommunique.gif) no-repeat 0px -60px;
}
#contactAccueil a{
background: url(bgContact.gif) no-repeat 0px 0px;
}
#contactAccueil a:hover{
background: url(bgContact.gif) no-repeat 0px -60px;
}
#carteInteractive a{
background: url(bgCarteInteractive.gif) no-repeat 0px 0px;
}
#carteInteractive a:hover{
background: url(bgCarteInteractive.gif) no-repeat 0px -60px;
}
#inter #sondage{
background: #E2EBF4 url(bgSondage.gif) no-repeat 0px 0px;
}
#inter #petitions a,
#inter #inscriptionNews a{
background: url(bgNewsletter.gif) no-repeat 0px 0px;
}
#inter #petitions a:hover,
#inter #inscriptionNews a:hover{
background: url(bgNewsletter.gif) no-repeat 0px -60px;
}
#inter #videos {
background-color: #E2EBF4;
margin-bottom: 10px;
width: 308px;
overflow:hidden;
}
#inter #videos h3{
color: #FFFFFF;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
height:40px;
background: url(bgVideos.gif) no-repeat 0px 0px;
}
#inter #videos h3 a{
color: #FFFFFF;
}
#inter #videos p {
padding-top: 0px;
}
body #inter #sondage form,
body #inter #sondage form.poll .submit input,
body #inter #sondage form.poll p.submit {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%
}
body #inter #sondage form.poll .submit input{
background: #6699CC;
color: #FFFFFF;
text-transform: uppercase;
border: none;
}
body #inter #sondage form.poll p.response,
body #inter #sondage form.poll p.question,
body #inter #sondage form.poll p{
padding: 0px 0px 5px 15px;
}
#inter #inscriptionNews label,
#inter #sondage legend {
display: none;
}
/*--BLOCK MEDIATHEQUE--*/
#inter #blockMediatheque {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 2px;
background-color: #E2EBF4 ;
height: 238px;
}
#inter #blockMediatheque h3 {
background: url(bgVideos.gif) no-repeat 0px 0px;
color: #FFFFFF;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
height:40px;
}
#randimage {
padding: 0px 0px 0px 20px;
width: 270px;
height: 175px;
overflow: hidden;
}
#idRandImage {
width: 268px;
}
#inter #blockMediatheque p {
margin-top: 3px;
padding: 0px 0px 2px 0px;
background-color: #CC3333;
font-weight: bold;
}
#inter #blockMediatheque p a {
color: #FFFFFF;
text-decoration: none;
}
/*--BLOCK PUBLICATIONS--*/
#inter #nosPublications h3 {
background: url(bgNosPublications.gif) no-repeat 2px 0px;
color: #FFFFFF;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
height:30px;
}
#inter #nosPublications{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#inter #nosPublications ul{
margin: 0px 0px 0px 0px;
}
#inter #nosPublications ul li{
background-image: none;
padding: 0px;
}
#inter #nosPublications ul li a{
z-index: 1;
display: block;
text-decoration: none;
background:url(liensUtilesPuceAccueil.gif) no-repeat left top;
margin: 2px 0px 0px 0px;
padding: 11px 0px 2px 23px;
text-transform: uppercase;
font-weight: bold;
}
#inter #nosPublications ul li a:hover{
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
width: 100%;
padding: 0px 0px 50px 0px;
margin: 0px 0px 0px 10px;
}
#inter {
position: relative;
width: 594px;
float: left; 
padding: 32px 0px 50px 0px;
background-image: none;
background-repeat: no-repeat; 
background-position: top right;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li {
padding-left: 18px;
background-repeat: no-repeat;
background-position: left 6px;
}
#inter ul li{
background-image:url(puce01Lien01.gif);
}
#inter ul ul li{
background-image:url(puce02Lien01.gif);
}
#inter ul ul ul li{
background-image:url(puce03Lien01.gif);
}
body.bodyLien01 #inter {
background-image: url(bgInterLien01.gif);
}
body.bodyLien02 #inter {
background-image: url(bgInterLien02.gif);
}
body.bodyLien03 #inter {
background-image: url(bgInterLien03.gif);
}
body.bodyLien04 #inter {
background-image: url(bgInterLien04.gif);
}
body.culturel #inter {
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
/* --- lien01 et generique ---*/
#inter h2,
#inter_popup h2,
#interSondage h2,
body.bodyLien01 #inter h2 {
text-transform: uppercase;
font-size:large;
background: url(bgH2.gif) no-repeat left center;
padding:5px 5px 5px 35px;
margin:0px 0px 0px 0px;
}
#inter_popup h2:first-letter,
#interSondage h2:first-letter,
#inter h2:first-letter,
body.bodyLien01 #inter h2:first-letter,
body.bodygenerique #inter h2:first-letter,
body.bodygenerique #inter h2:first-letter {
color: #CC3333;
}
#inter h3,
#interSondage h3,
#inter_popup h3,
body.bodyLien01 #inter h3{
color: #CC3333;
font-size:medium;
padding:8px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
#inter h4,
#interSondage h4,
#inter_popup h4,
body.bodyLien01 #inter h4{
color: #CC3333;
font-size:small;
padding:8px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
#inter h5
#interSondage h5,
#inter_popup h5{
color: #000000;
font-size:small;
padding:8px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
/* --- lien02 ---*/
body.bodyLien02 #inter h2:first-letter {
color: #6699CC;
}
body.bodyLien02 #inter h3{
color: #6699CC;
font-size:medium;
}
body.bodyLien02 #inter h4{
color: #6699CC;
font-size:small;
}
/* --- lien03 ---*/
body.bodyLien03 #inter h2:first-letter {
color: #CC9900;
}
body.bodyLien03 #inter h3{
color: #CC9900;
font-size:medium;
}
body.bodyLien03 #inter h4{
color: #CC9900;
font-size:small;
}
/* --- lien04 ---*/
#inter h2:first-letter,
body.bodyLien04 #inter h2:first-letter {
color: #669900;
}
body.bodyLien04 #inter h3{
color: #669900;
font-size:medium;
}
body.bodyLien04 #inter h4{
color: #669900;
font-size:small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC3333;
}
div.coul02, .bleu, .coul02 {
color: #6699CC;;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
div.coul06, .jaune, .coul06 {
color: #CC9900;
}
div.coul07, .violet, .coul07 {
color: #c102b2;
}
div.coul08, .vertAnis, .coul08 {
color: #b0c802;
}
div.coul09, .rougeVif, .coul09 {
color: #fe0000;
}
div.coul10, .bleuVif, .coul10 {
color: #17b9e8;
}
div.coul11, .jauneVif, .coul11 {
color: #fedc00;
}
div.coul12, .bleuFonce, .coul12 {
color: #006ab0;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC3333;
}
img.bord02, .bordureBleue {
border: 1px solid #6699CC;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #669900;
}
img.bord06, .bordureJaune {
border: 1px solid #CC9900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- CLASS BODY--*/
body.bodyLien01, .LaVieMunicipale{
}
body.bodyLien02, .LesEquipements{
}
body.bodyLien03, .LesGrandsDossiers {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
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 #CCCCCC;
padding: 3px;
vertical-align: top;
}
th {
background: url(bnt_form.gif) repeat-x top center;
color: #000000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #ec5d01;
text-decoration: none;
}
#plandusite ul 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;
}
#plandusite h3.plan01 a{
color: #CC3333;
}
#plandusite h3.plan02 a{
color: #6699CC;
}
#plandusite h3.plan04 a{
color: #CC9900;
}
#plandusite h3.plan04 a{
color: #669900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#inter #formfindcalendar {
position: absolute;
top: 75px;
right: 25px;
width: 160px;
}
#inter #formfindcalendar .footer {
display: none;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
float: left;
}
#oCalendar{
margin: 10px 0px 20px 0px;
padding: 0px 0px 30px 122px;
height: 160px;
border-bottom: #999999 1px solid;
}
#oCalendar table {
width: 350px;
}
#oCalendar tr td a{
text-decoration: none;
}
#inter #formfindcalendar legend,
#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 #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #FFFFFF;
}
div.modejour #oCalendar table td.monthOn a:hover,
div.modemois #oCalendar table td.monthOn a:hover {
color: #CC3333;
text-decoration: underline;
}
div.modejour #oCalendar table td.jourselect,
div.modemois #oCalendar table tdjourselect {
background: #CC3333;
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.jourselect a,
div.modemois #oCalendar table td.jourselect a {
color: #FFFFFF;
display: block;
}
div.modejour #oCalendar table td.jourselect a:hover,
div.modemois #oCalendar table td.jourselect a:hover {
color: #FFFFFF;
text-decoration: none;
}
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 {
color: #CC3333;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#999999 1px solid;
}
div.modejour .eventline p,
div.modemois .eventline p {
width: 100%;
clear: both;
}
div.modejour .eventline img,
div.modemois .eventline img {
float: left;
margin-right: 10px;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#CC3333;
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;
clear: both;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  2px 0px 0px 20px;
display: block;
float: left;
width: 190px;
font-size: x-small;
}
.modejour .eventline span,
.modemois .eventline span {
color:#CC3333;
display: block;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 13/14 UTILE ---*/
#Utile1314 h3{
background: url(liensUtilesH3.gif) no-repeat top left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 7px;
color: #FFFFFF;
font-size: small;
}
#Utile1314  ul li a{
display: block;
text-decoration: none;
background: #E2EBF4 url(liensUtilesPuce.gif) no-repeat left top;
margin: 2px 0px 0px 0px;
padding: 7px 0px 5px 23px;
text-transform: uppercase;
font-weight: bold;
}
#Utile1314 ul li a:hover {
background: #999999 url(liensUtilesPuce.gif) no-repeat left -300px;
}
#Utile1314  ul li.liensUtilesPuceFirst a{
background: #E2EBF4 url(liensUtilesPuceFirst.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
}
#Utile1314  ul li.liensUtilesPuceFirst a:hover{
background: #E2EBF4 url(liensUtilesPuceFirst.gif) no-repeat left -300px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIENS UTILES---*/
body.bodyaccueil #liensUtiles {
display: none;
}
#liensUtiles{
float: left;
background: url(bgLiensUtiles.gif) no-repeat center bottom;
width:210px;
height: 182px;
}
#liensUtiles ul {
padding: 15px 16px 15px 16px;
float: left;
}
#liensUtiles ul li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
#liensUtiles ul li a {
display: block;
background-position: left top;
background-repeat: no-repeat;
height: 29px ;
width: 168px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 10px;
float: left; /* permet de supprimer les marges pour ie */
clear: left;
text-decoration: none;
color: #FFFFFF; 
font-weight: bold;
line-height: 0.9em;
}
#liensUtiles ul li a:hover{
background-position: left bottom;
color: #000000;
}
#liensUtiles ul li.liensUtilesNews a{
background-image: url(liensUtilesNews.gif);
}
#liensUtiles ul li.liensUtilesCom a{
background-image: url(liensUtilesCom.gif);
}
#liensUtiles ul li.liensUtilesContact a{
background-image: url(liensUtilesContact.gif);
padding: 5px 0px 0px 10px;
height: 26px 
}
#liensUtiles ul li.liensUtilesPubli a{
background-image: url(liensUtilesPubli.gif);
padding: 5px 0px 0px 10px;
height: 26px 
}
#liensUtiles ul li.liensUtilesCarte a{
background-image: url(liensUtilesCarte.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#contentPostIt{
background:url(bgPostItInfo.gif) bottom center;
margin: 5px 0px 5px 0px;
}
#bgPostIt{
background:url(bgPostItInfoH3.gif) top center no-repeat;
padding:0px;
}
#interPostIt{
padding:10px 10px 10px 10px;
}
#interPostIt h3{
display:inline;
font-size: medium;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
#actus {
width:628px;
background: url(bgLastActus.gif) no-repeat bottom center;
padding: 0px 0px 11px 0px;
}
#inter #actus  h2{
background:url(bgActusH2.gif) no-repeat left top;
padding-left: 10px;
}
#inter #actus p{
border:#333 1px dotted;
border-bottom: none;
padding: 0px 0px 10px 10px;
margin: -1px 1px 0px 2px;
height: 80px;
overflow: hidden;
}
#inter #actus p.filrss {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: auto;
position: absolute;
top: 5px;
right: 20px;
border: none;
}
#inter #actus p.filrss a{
padding: 0px 20px 0px 0px;
background:url(rss.gif) no-repeat right center;
text-decoration:none;
font-weight: bold;
color: #999999;
}
#inter #actus p.toutesactus{
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: auto;
position: absolute;
top: 5px;
right: 90px;
border: none;
}
#inter #actus p.toutesactus a{
text-decoration:none;
font-weight: bold;
color: #999999;
}
#inter #actus p.filrss a:hover,
#inter #actus p.toutesactus a:hover{
background-color: transparent;
color: #333333;
}
#inter #actus p a strong{
color: #ff6600;
}
#inter #actus p a{
text-decoration: none;
}
#inter #actus p:hover{
background: #999999;
color: #FFFFFF;
}
#inter #actus p:hover a strong{
color: #000000;
}
#inter #actus p.toutesactus:hover,
#inter #actus p.filrss:hover{
background-color: transparent;
color: #333333;
}
#inter #actus p:hover a{
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BOUTON PORTAIL ET CULTURE ---*/
#portailCulture ul li a{
font-size: medium;
font-weight: bold;
display: block;
padding: 4px 0px 15px 10px;
height: 12px;
background: url(bgBtn.gif) top center no-repeat;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
background: #FFFFFF url(bgHeader.jpg) no-repeat top center;
position: relative;
height: 220px;
}
#logo {
position: absolute;
top: 24px;
left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position : absolute; 
top: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute; 
top: 172px;
right: 21px;
width:160px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height: 1.5em;
}
#recherche input.saisie {
font-size: x-small;
color: #000000;
border: 1px solid #CC3333;
vertical-align: middle;
width: 120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
text-align: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
background: transparent; 
border: none;
font-weight: bold;
color: #FFFFFF;
font-size: x-small;
}
#recherche label,
#recherche legend{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width:980px;
float:left; 
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
width: 500px;
height: 18px;
font-size: x-small;
padding: 0px 0px 0px 00px;
}
body.bodyaccueil #filariane {
display: none;
}
#filariane a {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LEFT ---*/
#left {
width: 215px;
float: left;
}
body.bodyaccueil #left{
width: 0px;
height: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
body.bodyaccueil #right{
display: none;
}
#right {
width: 166px;
float: right;
min-height: 200px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LES GRANDS DOSSIERS ---*/
body.bodyLien03 #inter form{
margin: 20px 0px 0px 0px;
width: 100%;
}
body.bodyLien03 form div.entry label{
color: #999999;
}
body.bodyLien03 form div.entry input, body.bodyLien03 form div.entry textarea, body.bodyLien03 form div.entry select {
float:left;
width: 375px;
color: #333A4C;
border: 1px solid #FFCC00;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
}
body.bodyLien03 form div.entry div label input,
body.bodyLien03 form div.entry div label input{
float: left;
width: 20px;
border: none;
}
body.bodyLien03 form div.entry textarea {
height:80px;
color: #333A4C;
border: 1px solid #FFCC00;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
}
body.bodyLien03 form div.entry input.formatNumeric, body.bodyLien03 form div.entry input.formatDecimal, body.bodyLien03 form div.entry input.formatMoney {
width:120px;
color: #333A4C;
border: 1px solid #FFCC00;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
} 
body.bodyLien03 form div.submit{
margin: 0px 0px 0px 180px;
}
body.bodyLien03 form div.submit input{
padding:0px;
margin:0px;
width:189px;
background: #6699CC;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
}
#inter h3.reagir{
background: url(bgH3Questions.gif) no-repeat top left;
padding: 0px 0px 10px 60px;
}
#inter h3.reponseMaire{
background: url(bgH3Reponses.gif) no-repeat top left;
padding: 10px 0px 7px 60px;
}
#inter ul.questionsReponses{
margin: 0px 0px 0px 0px;
}
#inter ul.questionsReponses li{
background-repeat: no-repeat; 
background-position: top left;
padding: 10px 30px 10px 50px;
}
#inter ul.questionsReponses li.reponses{
background-image: url(bgLiReponses.gif);
margin: 0px 0px 20px 0px;
}
#inter ul.questionsReponses li.questions{
background-image: url(bgLiQuestions.gif);
margin: 0px 0px 1px 0px;
}
#inter #appreciation ol {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 25px;
}
#inter #appreciation ol li{
background: #CC9900;
padding: 5px 5px 5px 10px;
width: 510px;
}
li.reponses, .Reponse, .reponses{}
li.questions, .Question, .questions{}
ul.questionsReponses, .QuestionsReponses, .questionsReponses{}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LISTE PHOTOTHEQUE ---*/
.diaporama,
.actuLigne{
width: 567px;
float: left;
padding: 10px 10px 10px 10px;
margin: 0px 0px 5px 3px;
clear: both;
background: #FFFFFF url(bnt_form.gif) repeat-x top center;
border:#EEEEEE 1px solid;
}
.titreDiapo{
font-weight: bold;
}
.dateDiapo{
color: #669900;
}
.voirDiapo a{
display: block; 
text-decoration: none;
text-align: center;
float:right;
width:130px;
margin: 10px 4px 0px 0px;
border: 1px solid #CCCCCC;
color: #666666;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
background: url(bgFooter.gif) no-repeat bottom center;
padding: 0px 0px 25px 0px;
position: relative;
float: left;
width: 100%;
}
#footer p{
clear: both;
text-align: center;
font-size: x-small;
}
#mentions{
position: relative;
top: -30px;
}
#footer p a{
text-decoration: none;
}
#footer ul{
width: 690px;
margin: auto;
}
#footer ul li{
float: left;
margin: 0px 0px 0px 15px;
font-size: xx-small;
}
#footer ul li img{
margin-top: -50%;
}
#footer  ul li a{
display: block;
text-decoration: none;
padding: 0px 0px 2px 20px; 
background-repeat: no-repeat;
}
#footer  ul li.raccontenu a {
background-image: url(pictoContenu.gif);
}
#footer  ul li.racaide a {
background-image: url(pictoAide.gif);
}
#footer  ul li.racplan a {
background-image: url(pictoPlan.gif);
}
#footer  ul li.raccontact a {
background-image: url(pictoContact.gif);
}
#footer ul li.racimprime a {
background-image: url(pictoImprime.gif);
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
position: absolute;
left: 50%;
top: -50px;
}
#hautpage a,
body.bodyLien01 #hautpage a {
color: #CC3333;
font-size: x-small;
text-decoration: none;
padding: 0px 0px 0px 10px;
background: url(bgHautPage.gif) no-repeat left center;
}
body.bodyLien02 #hautpage a {
color: #6699CC;
}
body.bodyLien03 #hautpage a {
color: #CC9900;
}
body.bodyLien04 #hautpage a {
color: #669900;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- COMMENTAIRES / BLOGS ---*/
#comment i {
font-size: x-small;
font-weight: bold;
}
#comment ol {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
list-style-position: inside;
}
#comment li {
padding: 0px 0px 6px 0px;
border-bottom: 1px solid #CCCCCC;
}
#comment li .author {
font-weight: bold;
}
#comment p.posted {
font-size: x-small;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#comment p.comment {
 margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopup{
background: url(bgBodyPopup.jpg) no-repeat top center;
}
#header_popup{
position:relative;
background:url(header_popup.jpg) no-repeat top left;
width:650px;
height: 120px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:auto;
}
#header_popup #logo_popup{
position:absolute;
top: -40px;
left: 27px;
}
#inter_popup{
background:url(inter_popup.jpg) no-repeat top left;
width:530px;
margin:0px 0px 0px 0px;
padding:0px 60px 20px 60px;
margin:auto;
}
#inter_popup h2,
#inter_popup h3,
#inter_popup h4,
#inter_popup h5{
}
#inter_popup  p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
clear: both;
}
#inter_popup ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#inter_popup  ul li {
background-image:url(puce01_inter_bleu.gif);
}
#inter_popup  ul ul li {
background-image:url(puce02_inter_bleu.gif);
}
#inter_popup  ul ul ul li {
background-image:url(puce03_inter_bleu.gif);
}
#footer_popup{
background: url(footer_popup.jpg.gif) no-repeat top left #fff;
height:60px;
width:650px;
margin:auto;
padding:0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RESULTATS DU SONDAGE ---*/
#pollresult table {
width: 530px;
}
#pollresult table td.label {
width: 100px;
}
#pollresult table td.graph {
width: 300px;
}
#pollresult table td.percent {
width: 50px;
text-align: right;
}
#pollresult table td.numeric {
width: 100px;
text-align: right;
}
#pollresult table td.total {
color: #CC0000;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE ASSOS ---*/
#zoneAsso {
border: 1px solid #CCCCCC;
margin: 15px 0px 0px 0px;
padding: 0px 15px 15px 15px;
float: left;
background-color: #fff3f3;
}
#zoneAsso #demandeAcces {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 15px;
}
#zoneAsso #connexion_form {
padding-top: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE DEMANDE ASSO ---*/
body #inter form div.large label {
width: 430px;
padding-right: 10px;
}
body #inter form div.large div label {
width: 50px;
font-weight: normal;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
top: -5000px;
left: -5000px;
}
.frameStream {
margin-left: -8px;
}
#alt_flash{
margin: 200px auto;
width: 550px;
font-size: 1.3em;
background: #FFF;
padding: 20px;
}
#alt_flash a{
display: block;
float: right;
color:red;
margin-top: 20px;
}
#retourSiteAnim{
display: block;
height: 100%;
width: 100%;
position: absolute;
left : 0;
top: 0;
text-indent: -5000px;
}
#interPreHome{
margin: 30px auto;
width: 800px;
}