body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   background: #00759f;
   margin: 0px;
   padding: 0px;
   color: #00759f;
}
body#popup {
   background: white;
}
body.bleu {
   background: #00759f !important;
}
#accueil .haut {
   text-align: center;
   margin: 0px auto;
   height: 34px;
   width: 925px;
   background: url(../images/hautAccueil.jpg) top center no-repeat;
   padding-top: 245px;
   position:relative;
}
#accueil .haut #agenda21, #accueil .haut #afaq {
   position:absolute;
   display: block;
   width: 85px;
   height: 54px;
   right:40px;
   top:110px;
}
#accueil .haut #afaq {
   top:165px;
   height: 81px;
   width: 80px;
}
#accueil .menus {
   position:relative;
   width: 672px;
   margin: 0px auto;
   height: 32px;
   padding-left:100px;
   text-align:left;
}
#accueil .menus a.vieMunicipale, #accueil .menus a.entreprendre,
#accueil .menus a.vivrePamiers, #accueil .menus a.commandePublique {
   display: block;
   /*background: url(../images/spriteAccueil.jpg) no-repeat 0px 0px;*/
   height: 32px;
   text-decoration: none;
   font-size: 1px;
   float: left;
}
#accueil .menus a:hover {
   text-decoration: none;
}

#accueil .menus .ssMenuVieMunicipale,
#accueil .menus .ssMenuEntreprendre, #accueil .menus .ssMenuVivrePamiers {
   position:absolute;
   top:29px;
   z-index:10000;
   background-color:#EDF0F0;/*#C4E5F2;*/
   border-left:1px #00759F solid;
   display:none;
   padding-left:2px;
}

#accueil .menus .ssMenuVieMunicipale {
   left:122px;
}
#accueil .menus .ssMenuEntreprendre {
   left:275px;
}
#accueil .menus .ssMenuVivrePamiers {
   left:412px;
}
#accueil .menus .ssMenuVieMunicipale a,
#accueil .menus .ssMenuEntreprendre a, #accueil .menus .ssMenuVivrePamiers a {
   color:#0075A0;
   display:block;
   clear:left;
   font-size:9px;
   height:auto;
   padding:3px;
   text-decoration:none;
}
#accueil .menus .ssMenuVieMunicipale a:hover, #accueil .menus .ssMenuEntreprendre a:hover,
#accueil .menus .ssMenuVivrePamiers a:hover {
   text-decoration:underline;
}
#menus .ssMenuActualites, #menus .ssMenuVieMunicipale, #menus .ssMenuEntreprendre,
#menus .ssMenuVivrePamiers, #menus .ssMenuContacts {
   position:absolute;
   top:29px;
   z-index:10000;
   background-color:#EDF0F0;/*#C4E5F2;*/
   border-left:1px #00759F solid;
   display:none;
   padding-left:2px;
}
#menus .ssMenuActualites {
   left:15px;
}
#menus .ssMenuVieMunicipale {
   left:122px;
}
#menus .ssMenuEntreprendre {
   left:266px;
}
#menus .ssMenuVivrePamiers {
   left:394px;
}
#menus .ssMenuContacts {
   left:546px;
}
#menus .ssMenuActualites a, #menus .ssMenuVieMunicipale a,
#menus .ssMenuEntreprendre a, #menus .ssMenuVivrePamiers a, #menus .ssMenuContacts a {
   color:#0075A0;
   display:block;
   clear:left;
   font-size:9px;
   height:auto;
   padding:3px;
   text-decoration:none;
   width:100%;
}
#menus .ssMenuActualites a:hover, #menus .ssMenuVieMunicipale a:hover,
#menus .ssMenuEntreprendre a:hover, #menus .ssMenuVivrePamiers a:hover,
#menus .ssMenuContacts a:hover {
   text-decoration:underline;
}
.puce {
    display: block;
    float: left;
    height: 10px;
    margin-top: 11px;
    width: 9px;
}
#accueil .diapo {
   height: 232px;
   width: 925px;
   background: #fff;
   margin: 0px auto;
}
#accueil .bas {
   height: 235px;
   width: 925px;
   padding-top: 80px;
   margin: 0px auto;
   background: url(../images/basAccueil.jpg) top center no-repeat;
}
#accueil .bas a.actu {
   display: block;
   background: url(../images/boutActualiteAccueil.jpg) no-repeat 0px 0px;
   width: 185px;
   height: 54px;
   text-decoration: none;
   font-size: 1px;
   margin-left: 120px;
}
#accueil .bas a.actu:hover {
   background-position: 0px -62px;
}
a, img, div {
   behavior: url("styles/iepngfix.htc");
}
#popup div#logo {
   text-align: center;
   margin-top: 30px;
}
a {
   color: #C22C5A;
   text-decoration: none;
}
a:hover {
   color: #C22C5A;
   text-decoration: underline;
}
#page {
   margin: 10px auto 10px auto;
   width: 982px;
}
#entete {
   background: #C22C5A;
   height: 57px;
}
#entetePopup {
   background: #C22C5A;
   color: white;
   padding: 5px 20px 20px;
}
#entetePopup a {
   color: white;
   text-decoration: underline;
}
#entetePopup a:hover {
   text-decoration: none;
}
#entete h1, #sousMenus h1 {
   color: white;
}
#entete div {
   color: white;
   float: right;
   margin: 37px 5px 0px 0px;
   bottom: 5px;
}
#entete div a {
   color: white;
}
#entete2 {
   margin-bottom: 5px;
   height: 125px;
}
#entete2 div#logo {
   background: url(../images/logosGauche.jpg) no-repeat;
   width: 229px;
   height: 125px;
   float: left;
   position: relative;
}
#entete2 div#logo #agenda21, #entete2 div#logo #afaq {
   display: block;
   width: 95px;
   height: 53px;
}
#entete2 div#logo #afaq {
   height: 72px;
}
#entete2 div#logo #lienLogo {
   display: block;
   width: 90px;
   height: 91px;
   position: absolute;
   top: 23px;
   left: 109px;
}
#entete2 #montage {
   float: left;
   width: 753px;
   height: 105px;
   background: #70D14E url(../images/montageAccueil.jpg) no-repeat left top;
}
#entete2 #montage.montageEntreprendre {
   background-image: url(../images/montageEntreprendre.jpg);
}
#entete2 #montage.montageVie {
   background-image: url(../images/montageVie.jpg);
}
#entete2 #montage.montageVivre {
   background-image: url(../images/montageVivre.jpg);
}
#entete2 #montage #alloTechnique {
   display: block;
   width: 266px;
   height: 104px;
   margin-left: 473px;
}
#gauche, #centre, #contenusDroite {
   vertical-align: top;
}
#gauche {
   width: 173px;
}
#sousMenus, #contenusDroite {
   width: 173px;
}
#sousMenus {
   margin-bottom: 175px;
}
#contenusDroite {
   width: 168px;
   padding: 0px 0px 0px 5px;
   color: white;
}
.separation, .separationBas {
   border-top: 1px solid #99D36D;
   height: 9px;
}
.separationBas {
   margin-top: 10px;
}
#sousMenus img#titre {
   margin-bottom: 20px;
}
#sousMenus a {
   display: block;
}
#sousMenus a.niveau1, #sousMenus a.niveau1Actif {
   background: white url(../images/puceSousMenu.jpg) no-repeat 5px 4px;
   color: #0075A0;
   font-size: 14px;
   padding-left: 20px;
   border-top: 1px solid #00759F;
}
#sousMenus a.niveau1Actif {
   color: white;
   background: #C22C5A url(../images/puceSousMenuSelect.jpg) no-repeat 5px 4px;
}
#sousMenus a.niveau2, #sousMenus a.niveau2Actif,
#sousMenus a.niveau3, #sousMenus a.niveau3Actif {
   color: white;
   font-size: 12px;
   padding-left: 20px;
   background: #C22C5A;
}
#sousMenus a.niveau3, #sousMenus a.niveau3Actif {
   padding-left: 40px;
}
#sousMenus a.niveau2:hover, #sousMenus a.niveau3:hover,
#sousMenus a.niveau2Actif, #sousMenus a.niveau3Actif {
   text-decoration: none;
}
#sousMenus a.niveau2:hover span, #sousMenus a.niveau3:hover span,
#sousMenus a.niveau2Actif span, #sousMenus a.niveau3Actif span {
   text-decoration: underline;
}
#centre {
   background-color: white;
   padding-bottom: 100px;
   width:641px;
}
#menus {
   height: 33px;
   position:relative;
}
#menus a {
   height: 33px;
   text-decoration: none;
   display: block;
   float: left;
}
#menus a:hover, #accueil .menus a:hover {
   text-decoration: none;
}
#menus a.actualites, #accueil .menus a.actualites {
   background: url(../images/actualites01.jpg) no-repeat;
   width: 109px;
}
#menus a.vieMunicipale, #accueil .menus a.vieMunicipale {
   background: url(../images/vie01.jpg) no-repeat;
   width: 143px;
}
#menus a.entreprendre, #accueil .menus a.entreprendre{
   background: url(../images/entreprendre01.jpg) no-repeat;
   width: 128px;
}
#menus a.vivrePamiers, #accueil .menus a.vivrePamiers {
   background: url(../images/vivre01.jpg) no-repeat;
   width: 152px;
}
#menus a.contacts, #accueil .menus a.contacts {
   background: url(../images/contact01.jpg) no-repeat;
   width: 94px;
}
#accueil .menus a.commandePublique {
   background: url(../images/commande01.jpg) no-repeat;
   width: 181px;
}
#menus a.actualites:hover, #menus a.actualitesActif,
#accueil .menus a.actualites:hover, #accueil .menus a.actualitesActif {
   background: url(../images/actualites02.jpg) no-repeat;
   width: 109px;
}
#menus a.vieMunicipale:hover, #menus a.vieMunicipaleActif,
#accueil .menus a.vieMunicipale:hover, #accueil .menus a.vieMunicipaleActif {
   background: url(../images/vie02.jpg) no-repeat;
   width: 143px;
}
#menus a.entreprendre:hover, #menus a.entreprendreActif,
#accueil .menus a.entreprendre:hover, #accueil .menus a.entreprendreActif {
   background: url(../images/entreprendre02.jpg) no-repeat;
   width: 128px;
}
#menus a.vivrePamiers:hover, #menus a.vivrePamiersActif,
#accueil .menus a.vivrePamiers:hover, #accueil .menus a.vivrePamiersActif {
   background: url(../images/vivre02.jpg) no-repeat;
   width: 152px;
}
#menus a.contacts:hover, #menus a.contactsActif {
   background: url(../images/contact02.jpg) no-repeat;
   width: 94px;
}
#accueil .menus a.commandePublique:hover {
   background: url(../images/commande02.jpg) no-repeat;
   width: 181px;
}
#contenus {
   padding: 20px;
}
#popup #contenus {
   background: white;
   margin-top: 30px;
}
#contenus .contenu {
   background: url(../images/grandeSeparation.jpg) no-repeat left bottom;
   padding-bottom: 10px;
   margin-bottom: 10px;
}
#popup .contenu {
   margin-right: 130px;
}
.contenuBodyFCK {
   padding: 5px;
   background: white;
   margin: 0px;
}
.cacherLienImage {
   display: none;
}
.contenuBodyFCK .cacherLienImage {
   display: inline;
}
#contenus .contenu p, #popup .contenu p, .contenuBodyFCK p {
   text-align:justify;
}
.violet {
   color: #C22C5A;
}
.vert {
   color: #70D14E;
}
#popup a.fermer, #vide a.fermer {
   padding-right: 15px;
   margin-right: 2px;
   color: black;
   background: url(../images/fermer.gif) no-repeat right center;
}
h1, h2, h3, h4 {
   color: #00759f;
   margin: 0px;
   padding: 0px;
}
h1 {
   font-size: 24px;
   font-weight: bold;
}
#contenus h1, .contenuBodyFCK h1 {
   background: url(../images/puceTexte.jpg) no-repeat left 11px;
   padding-left: 15px;
}
.ficheAnnuaire h1 {
   border-bottom: 1px solid #99D36D;
   padding-bottom:5px;
}
h2 {
   font-size: 12px;
   font-weight: normal;
   padding-bottom: 8px;
   background: url(../images/petiteSeparation.jpg) no-repeat bottom left;
}
h3 {
   font-size: 14px;
   font-weight: bold;
   color: #C22C5A;
   background: url(../images/carre.jpg) no-repeat 30px 6px;
   padding-left: 40px;
}
h4 {
   font-size: 16px;
   font-weight: bold;
}
.legende {
   font-size: 12px;
   font-style: italic;
   color: black;
   margin-top: 10px;
}
.cadre {
   border: 1px solid #999;
   padding: 5px;
   margin: 10px;
}
.fondGris {
   background-color: #f3f3f4;
}
.ficheAnnuaire th {
   text-align:left;
}
.ficheAnnuaire .separation {
   border-top:none;
   border-bottom: 1px solid #99D36D;
   height: auto;
   padding-bottom:5px;
}
.ficheAnnuaire td.texteModifCoord {
   padding-top: 54px;
}
.ficheAnnuaire div.separation {
   border-top: 1px solid #99D36D;
   border-bottom: none;
   padding-top:5px;
}
.ficheAnnuaire .espace {
   padding-top:10px;
}
.action {
   height: 22px;
   margin: 10px 0px 10px auto;
}
.action a {
   display: block;
   height: 22px;
   text-decoration: none;
}
.action a:hover {
   text-decoration: none;
}
.action a.augmenter {
   background: url(../images/textePlus01.jpg) no-repeat;
   width: 37px;
}
.action a.augmenter:hover {
   background: url(../images/textePlus02.jpg) no-repeat;
}
.action a.diminuer {
   background: url(../images/texteMoins01.jpg) no-repeat;
   width: 35px;
}
.action a.diminuer:hover {
   background: url(../images/texteMoins02.jpg) no-repeat;
   width: 35px;
}
.action a.recommander {
   background: url(../images/mail01.jpg) no-repeat;
   width: 53px;
}
.action a.recommander:hover {
   background: url(../images/mail02.jpg) no-repeat;
}
.action a.imprimer {
   background: url(../images/imprimer01.jpg) no-repeat;
   width: 42px;
}
.action a.imprimer:hover {
   background: url(../images/imprimer02.jpg) no-repeat;
}
.action a.favoris {
   background: url(../images/favoris01.jpg) no-repeat;
   width: 33px;
}
.action a.favoris:hover {
   background: url(../images/favoris02.jpg) no-repeat;
}
.action a.haut {
   background: url(../images/haut01.jpg) no-repeat;
   width: 53px;
}
.action a.haut:hover {
   background: url(../images/haut02.jpg) no-repeat;
}
#contenusPied {
   background-color: #70D14E;
   position: relative;
   padding: 5px 5px 5px 250px;
   color: white;
}
#piedPopup {
   clear: both;
   background: #00759f;
}
#piedAP {
   text-align: center;
   color: white;
   font-style: italic;
   font-size: 11px;
}
#piedAP a {
   color: white;
   text-decoration: underline;
}
#piedAP a:hover {
   text-decoration: none;
}
div#xiti {
   margin-top: 5px;
   text-align: center;
}
div#menuContact, .separationRecherche {
   text-align: center;
   margin: 25px auto 15px;
   padding-bottom: 5px;
   clear: both;
   width: 529px;
   background: url(../images/trait.jpg) no-repeat bottom;
}
div#menuContact a {
   border-bottom: 3px solid transparent;
   padding: 1px 2px;
   margin: 5px;
   color: #666;
   text-decoration: none;
}
div#menuContact a.actif {
   border-bottom-color: #CCC;
}
div#menuContact a:hover {
   border-bottom-color: #666;
   text-decoration: none;
}
div.nomEntreprise {
   font-weight: bold;
   font-size: 18px;
   text-align: center;
   margin-top: 10px;
}
div.activitesEntreprise {
   text-align: right;
   text-align: center;
}
.jourHoraires {
   font-weight: bold;
   padding-right: 25px;
}
.heureHoraires {
   padding: 0px 4px 0px 0px;
}
.commentaireHoraires {
   font-style: italic;
}
.carteFiche {
   height: 500px;
   width: 80%;
   margin: 0px;
}
input.champsTexte, textarea.champsTexte, select.champsTexte {
   border: 1px solid #999;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
}
td.titre {
   text-align: center;
   font-size: 14px;
   padding-bottom: 10px;
}
td.commandes {
   text-align: center;
   padding-top: 10px;
}
td.commandes input {
   border: 1px solid #999;
   background-color: #EBEBEB;
   cursor: pointer;
   padding: 0px 1px 4px;
   height: 20px;
}
td.commandes input.over {
   background-color: #D9D9D9;
}
div.erreur {
   background-color: #F4D9D7;
   border: 1px solid red;
   font-weight: bold;
   color: red;
   padding: 10px;
   text-align: left;
   margin: 5px auto;
   width: 375px;
}
div.reussi {
   background-color: #DFF1D6;
   border: 1px solid #006400;
   font-weight: bold;
   color: #006400;
   padding: 10px;
   text-align: center;
   margin: 5px auto;
   width: 375px;
}
td.infosTitre {
   font-weight: bold;
}
table.recommander {
   margin-top: 30px;
}
table.recommander .fondGris {
   background-color: #EFEFEF;
}
table.recommander #amis {
   height: 83px;
   border: 1px solid #999;
   background-color: White;
   overflow: hidden;
}
table.recommander #amis div {
   cursor: default;
   height: 16px;
   overflow: hidden;
   border-bottom: 1px solid #D0D0D0;
}
table.recommander .flecheGrise {
   background: url(../images/fleche.gif) no-repeat;
   width: 48px;
}
h1.enConstruction {
   text-align: center;
   color: white;
   margin: 20px 0px;
   font-size: 20px;
}
p.enConstruction {
   margin: 20px;
   text-align: center;
   color: white;
}
p.enConstruction a, #contenusDroite a, #contenusPied a {
   color: white;
   text-decoration: underline;
}
p.enConstruction a:hover, #contenusDroite a:hover, #contenusPied a:hover {
   color: white;
   text-decoration: none;
}
.rechImgAS {
   font-size: 11px;
   font-style: italic;
}
form {
   margin: 0px;
   padding: 0px;
}
.form {
   margin: 20px auto;
}
.form .champErreur, .champErreur {
   color: red;
   font-weight: bold;
}
.fiche {
   width: 100%;
}
.fiche th, .fiche td {
   vertical-align: top;
}
.fiche .photos {
   width: 150px;
}
.fiche .photos img {
   margin: 0px 5px 5px 0px;
}
.inscrire {
   text-align: right;
   margin: 10px 0px;
}
.assoc {
   width: 400px;
   margin: 5px auto;
}
.assoc .lienAssoc {
   margin-top: 5px;
   text-align: right;
   font-size: 11px;
}
.toggle .texte {
   display: none;
}
.toggle .lien {
   text-align: right;
}
.contenuBodyFCK .toggle .texte {
   display: block;
}
#resultatsRecherche span {
   font-weight: bold;
}
#resultatsRecherche p {
   margin: 0px 0px 15px;
}
div.pages {
   text-align:center;
}
.tableContact {
   margin:10px auto;
}
.tableContact label {
   display:block;
   margin:7px auto;
}
.tableContact th {
   text-align:left;
   vertical-align:top;
}
.bloc .commandes button {
   display:inline;
   margin:0 auto;
   border: 1px solid #999;
   background-color: #EBEBEB;
   cursor: pointer;
   padding: 0px 1px 4px;
   height: 20px;
}
.bloc .commandes button.over {
   display:inline;
   margin:0 auto;
   background-color: #D9D9D9;
}
.bloc .commandes {
   text-align:center;
}
.bloc .legendeObligatoires {
   margin:10px auto;
   text-align:center;
}
.tableContact textarea.long {
   width:280px;
   height:100px;
}
#popup .action {
   height: 22px;
   margin: 0px 0px 10px auto;
}
#popup .action a {
   display: block;
   height: 22px;
   text-decoration: none;
}
#popup .action a:hover {
   text-decoration: none;
}
#popup .action a.augmenter {
   background: url(../images/textePlus01.jpg) no-repeat;
   width: 37px;
}
#popup .action a.augmenter:hover {
   background: url(../images/textePlus02.jpg) no-repeat;
}
#popup .action a.diminuer {
   background: url(../images/texteMoins01.jpg) no-repeat;
   width: 35px;
}
#popup .action a.diminuer:hover {
   background: url(../images/texteMoins02.jpg) no-repeat;
   width: 35px;
}
#popup .action a.imprimer {
   background: url(../images/imprimer01.jpg) no-repeat;
   width: 40px;
}
#popup .action a.imprimer:hover {
   background: url(../images/imprimer02.jpg) no-repeat;
}
#popup .action a.haut {
   background: url(../images/haut01.jpg) no-repeat;
   width: 53px;
}
#popup .action a.haut:hover {
   background: url(../images/haut02.jpg) no-repeat;
}
.villeFleurie {
   background: url(../images/logovvf.gif) no-repeat;
   position:absolute;
   width:150px;
   height:100px;
   top:151px;
   left:-2px;
}
table.pages {
   margin: 10px auto 0px;
}
table.pages a.precedent {
   margin-right: 15px;
}
table.pages a.suivant {
   margin-left: 15px;
}
table.pages span.pageCourante {
   font-weight: bold;
   color: #555;
}