body {
margin: 0;
padding: 0;
background-color: #4678BB;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #003366;
}
a {
color: #003366;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
#backyard {
background-image: url(fond_ombre.gif);
background-repeat: repeat-y;
background-position: top;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
#centrage {
width: 780px;
margin: auto; 
background-color: #FFFFFF;
}
#total {
width: 780px;
float: left;
background-color: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#header {
position: relative;
width: 780px;
height: 159px;
background-repeat: no-repeat;
}
#header img {
float: left;
margin: 22px 0px 0px 37px;
}
body.bodyaccueil #header {
background-image: url(fond_header_accueil.jpg);
}
body.bodyactus #header {
background-image: url(fond_header_actus.jpg);
}
body.bodyregard #header {
background-image: url(fond_header_regard_sur_passy.jpg);
}
body.bodytourisme #header {
background-image: url(fond_header_tourisme.jpg);
}
body.bodymairie #header {
background-image: url(fond_header_la_mairie.jpg);
}
body.bodyvivrepassy #header {
background-image: url(fond_header_vivre_a_passy.jpg);
}
body.bodyeconomie #header {
background-image: url(fond_header_economie.jpg);
}
body.bodyelus #header {
background-image: url(fond_header_les_elus.jpg);
}
body.bodypassyevolue #header {
background-image: url(fond_header_passy_evolue.jpg);
}
body.bodyevenements #header {
background-image: url(fond_header_evenements.jpg);
}
body.bodygenerique #header {
background-image: url(fond_header_generique.jpg);
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- RECHERCHE --*/
#recherche {
position: absolute;
top: 117px;
left: 628px;
width: 150px;
}
#recherche label {
display: block;
width: 68px;
height: 12px;
margin: 0px 0px 2px 2px;
background-image: url(label_recherche.gif);
background-repeat: no-repeat;
}
#recherche label span {
display: none;
}
#recherche input.saisie {
border: 1px solid #1B215C;
background-color: #FFFFFF;
width: 125px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #1B215C;
vertical-align: middle;
padding: 1px 0px 1px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- BAS HEADER --*/
#basheader {
float: left;
height: 17px;
width: 600px;
padding: 4px 0px 0px 180px;
background-image: url(fond_bas_header.gif);
background-repeat: repeat-x;
font-size: x-small;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- FIL D'ARIANE --*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
float: left;
width: 492px;
line-height: 13px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- IMPRIMER --*/
body.bodyaccueil #imprim {
display: none;
}
#imprim {
float: left;
width: 90px;
background-image: url(picto_print.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 2px 18px;
}
#imprim a {
line-height: 13px;
text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
#menu {
float: left;
width: 165px;
padding: 0px 0px 0px 5px;
}
#menu ul {
line-height: 20px;
}
#menu ul li {
font-size: medium;
color: #25316A;
width: 165px;
border-bottom: 1px solid #999999;
padding: 0;
}
#menu ul li a {
display: block;
color: #25316A;
text-decoration: none;
padding: 4px 0px 4px 20px;
margin-bottom: 1px;
width: 145px;
height: auto;
background-image: url(fond_bouton_menu.gif);
background-repeat: no-repeat;
background-position: 0px -121px;
}
#menu ul li a:hover,
#menu ul li.on a {
background-position: 0px 2px;
color: #990000;
}
#menu ul li.on {
background-image: url(fond_sous_menu.gif);
background-repeat: repeat-x;
background-position: 0px 20px;
}
#menu ul li ul {
display: none;
}
#menu ul li ul.on {
display: block;
}
#menu ul li ul li,
#menu ul li ul li.on {
font-size: small;
color: #330066;
border: none;
background-image: url(puce_niveau2.gif);
background-repeat: no-repeat;
background-position: 20px 5px;
}
#menu ul li ul li a,
#menu ul li.on ul li a {
color: #330066;
text-decoration: none;
padding: 0px 0px 2px 30px;
margin: 0;
width: 135px;
height: auto;
background-image: none;
line-height: 16px;
}
#menu ul li ul li a:hover,
#menu ul li ul li.on a {
color: #990000;
}
#menu ul li ul li ul li,
#menu ul li ul li ul li.on {
font-size: x-small;
color: #330066;
background-image: url(puce_niveau3.gif);
background-repeat: no-repeat;
background-position: 38px 5px;
}
#menu ul li ul li.on ul li a {
color: #330066;
text-decoration: none;
padding: 0px 0px 2px 45px;
margin: 0;
width: 120px;
height: auto;
background-image: none;
line-height: 16px;
}
#menu ul li ul li ul li a:hover,
#menu ul li ul li ul li.on a {
color: #990000;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#inter {
float: left;
width: 488px;
padding: 0px 0px 0px 7px;
}
#inter h2 {
width: 476px;
height: 28px;
padding: 2px 0px 0px 12px;
margin: 6px 0px 0px 0px;
background-image: url(fond_titres_h2.gif);
font-size: medium;
color: #FFFFFF;
}
#inter h2 a {
color: #FFFFFF;
}
#inter h3 {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
color: #CC0000;
font-size: medium;
font-weight: normal;
clear: both;
}
#inter h3 a {
color: #CC0000;
}
#inter h4 {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
color: #196203;
font-size: small;
text-decoration: underline;
}
#inter h4 a {
color: #196203;
}
#inter p {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
}
#inter ul {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 30px;
}
#inter ul li {
padding: 0px 0px 0px 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter ul li ul {
margin: 0;
padding: 0px 0px 0px 20px;
}
#inter ul li ul li {
padding: 0px 0px 0px 10px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#inter ol {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 55px;
}
#inter ol li {
margin: 0px 0px 7px 0px;
}
#inter ol li ol {
margin: 3px 0px 3px 0px;
padding: 0px 15px 0px 30px;
}
#inter div.actuLigne {
float: left;
margin: 8px 0px 8px 5px;
padding: 0px 0px 8px 7px;
width: 450px;
border-bottom: 1px solid #99C2D6;
}
#inter div.actuLigne a {
color: #CC0000;
text-decoration: none;
}
#inter div.actuLigne a:hover {
text-decoration: underline;
}
#inter div.actuLigne img {
margin-left: 10px;
border: 1px solid #CC0000;
float: right;
}
/*- ORGANIGRAMME -*/
#inter p.adjoint {
float: left;
width: 205px;
height: 150px;
overflow: auto;
margin: 0px 5px 10px 0px;
border-right: 1px solid #C1DEEC;
}
#inter p.conseillers {
text-align: center;
float: left;
width: 90px;
height: 140px;
overflow: auto;
margin: 0px 5px 10px 0px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- TOTEM DROIT --*/
#droite {
width: 115px;
float: left;
padding-top: 6px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
#totem {
width: 103px;
background-image: url(fond_totem.gif);
background-position: bottom;
padding: 0px 0px 10px 9px;
font-size: x-small;
}
#totem h3 {
width: 112px;
height: 19px;
margin: 0px 0px 5px -9px;
background-image: url(titre_aller_plus_loin.gif);
}
#totem h3 span {
display: none;
}
#totem p {
margin: 5px 0px 5px 0px;
padding-right: 8px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
#totemstandard {
width: 112px;
overflow: hidden;
}
#totemstandard ul {
margin: 0;
}
#totemstandard ul li a {
display: block;
width: 112px;
height: 68px;
background-repeat: no-repeat;
}
#totemstandard ul li a:hover {
background-position: 0px -100px;
}
#totemstandard ul li.contact a {
background-image: url(bout_contact.gif);
}
#totemstandard ul li.servicepublic a {
background-image: url(bout_service_public.gif);
}
#totemstandard ul li.annuaire a {
background-image: url(bout_annuaire.gif);
}
#totemstandard ul li.marches a {
background-image: url(bout_marches_publics.gif);
}
#totemstandard ul li.revues a {
background-image: url(bout_revues_municipales.gif);
}
#totemstandard ul li.situgeo a {
background-image: url(bout_situation_geographique.gif);
}
#totemstandard ul li.fluxrss a {
background-image: url(bout_rss.gif);
}
#totemstandard ul li a span {
margin: 0px 0px 0px -400px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#centrefooter {
float: left;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
}
#footer {
width: 780px;
margin: auto; 
font-size: x-small;
}
#footer ul {
padding: 0px 10px 12px 10px;
color: #FFFFFF;
text-align: center;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #FFFFFF;
text-decoration: none;
}
#footer div#hautpage,
#inter p.retourhaut {
font-size: x-small;
margin-left: 190px;
padding: 12px 0px 22px 16px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 12px;
}
#footer div#hautpage a,
#inter p.retourhaut a {
text-decoration: none;
line-height: 13px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- ACCUEIL --*/
body.bodyaccueil #inter {
float: left;
width: 488px;
padding: 0px 0px 0px 7px;
}
body.bodyaccueil #inter h2 {
width: 474px;
height: 29px;
margin: 0;
padding: 0px 0px 0px 12px;
background-image: url(fond_titres_h2_accueil_actus.gif);
}
body.bodyaccueil #footer div#hautpage {
display: none;
}
body.bodyaccueil #menu li.lienaccueil a {
background-position: 0px 2px;
color: #990000;
}
body.bodyaccueil #inter #anim {
float: left;
width: 480px;
height: 186px;
padding: 0px 0px 0px 3px;
}
body.bodyaccueil #inter #actus {
float: left;
}
body.bodyaccueil #inter #actus p {
float: left;
margin: 8px 0px 8px 5px;
padding: 0px 0px 8px 7px;
width: 450px;
border-bottom: 1px solid #99C2D6;
}
body.bodyaccueil #inter #actus p img{
float: right;
border: 1px solid #CC0000;
margin-left: 10px;
}
body.bodyaccueil #inter #actus p.toutesactus {
float: left;
width: 300px;
background-image: url(fond_bout_toutes_actus.gif);
background-repeat: no-repeat;
border: none;
margin: -7px 0px 8px 5px;
padding: 1px 0px 0px 7px;
}
body.bodyaccueil #inter #actus p.toutesactus a {
float: left;
font-size: x-small;
text-decoration: none;
line-height: 12px;
}
body.bodyaccueil #inter #actus p.rss {
float: left;
width: 126px;
background-image: url(fond_bout_rss.gif);
background-repeat: no-repeat;
background-position: -1px 0px;
border: none;
margin: -7px 0px 8px 0px;
padding: 1px 0px 0px 24px;
}
body.bodyaccueil #inter #actus p.rss a {
float: left;
font-size: x-small;
text-decoration: none;
line-height: 12px;
}
body.bodyaccueil #inter #actus p strong a {
color: #CC0000;
text-decoration: none;
}
body.bodyaccueil #inter #actus p strong a:hover {
text-decoration: underline;
}
body.bodyaccueil #footer {
padding: 25px 0px 0px 0px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- ANNUAIRE --*/
#inter p.listannu {
float: left;
width: 445px;
padding-bottom: 10px;
border-bottom: 1px dashed #99C2D6;
}
p.listannu .exergue01 {
color: #CC0000;
}
p.listannu a {
text-decoration: none;
}
p.listannu img {
float: left;
margin-right: 10px;
border: 1px solid #CC0000;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .orange, .coul02 {
color: #E55110;
}
div.coul03, .vert, .coul03 {
color: #336600;
}
div.coul04, .bleuClair, .coul04 {
color: #3399CC;
}
div.coul05, .violet, .coul05 {
color: #663399;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureOrange {
border: 1px solid #E55110;
}
img.bord03, .bordureVerte {
border: 1px solid #336600;
}
img.bord04, .bordureBleueClaire {
border: 1px solid #3399CC;
}
img.bord05, .bordureViolete {
border: 1px solid #663399;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
margin: 15px 0px 10px 10px;
width: 460px
}
.result th {
background-color: #3161A0;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
background-color: #FFFFFF;
border-bottom: 1px solid #A9C9F2;
 }
.result td.title {
text-align: left;
background-color: #FFFFFF;
border-bottom: 1px solid #A9C9F2;
}
.result td.title a {
font-weight: bold;
color: #3161A0;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #3161A0;
padding-bottom: 10px;
background-color: #E7F2FF;
 }
html div.prec,
#inter p.lienbasliste {
float: left;
padding-left: 20px;
font-size: x-small;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
line-height: 13px;
}
html div.prec a,
#inter p.lienbasliste a {
display: block;
color: #3161A0;
text-decoration: none;
}
html div.suiv {
float: right;
padding-right: 28px;
font-size: x-small;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 4px;
line-height: 13px;
}
html div.suiv a {
display: block;
color: #3161A0;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
margin-left: 10px;
width: 460px;
}
#inter table td p {
margin: 0px 0px 8px 0px;
padding: 0;
}
th,
td {
border: 1px solid #3161A0;
padding: 3px;
vertical-align: top;
}
th {
background-color: #3161A0;
color: #FFFFFF;
}
td {
background-color: #E7F2FF;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
body.bodypopup #backyard {
background-image: url(fond_ombre_pop_up.gif);
}
body.bodypopup #centrage {
width: 580px;
}
body.bodypopup #total {
width: 580px;
}
body.bodypopup #headerpopup {
position: relative;
width: 580px;
height: 153px;
background-repeat: no-repeat;
}
body.bodypopup #headerpopup img {
float: left;
margin: 22px 0px 0px 30px;
}
body.bodypopup #headerpopup {
background-image: url(header_pop.jpg);
}
body.bodypopup #headerpopup #imprim {
position: absolute;
top: 137px;
left: 478px;
font-size: x-small;
}
body.bodypopup #interpopup {
float: left;
width: 560px;
padding: 0px 10px 0px 10px;
background-image: url(fond_titre_pop_up.gif);
background-repeat: no-repeat;
}
body.bodypopup #interpopup h2 {
height: 28px;
padding: 2px 0px 0px 8px;
margin: 7px 0px 0px 0px;
font-size: medium;
color: #FFFFFF;
}
body.bodypopup #interpopup h2 a {
color: #FFFFFF;
}
body.bodypopup #interpopup h3 {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
color: #CC0000;
font-size: medium;
font-weight: normal;
}
body.bodypopup #interpopup h3 a {
color: #CC0000;
}
body.bodypopup #interpopup h4 {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
color: #196203;
font-size: small;
text-decoration: underline;
}
body.bodypopup #interpopup h4 a {
color: #196203;
}
body.bodypopup #interpopup p {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 10px;
}
body.bodypopup #interpopup ul {
margin: 8px 0px 8px 0px;
padding: 0px 15px 0px 30px;
}
body.bodypopup #interpopup ul li {
padding: 0px 0px 0px 12px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodypopup #interpopup ul li ul {
margin: 0;
padding: 0px 0px 0px 20px;
}
body.bodypopup #interpopup ul li ul li {
padding: 0px 0px 0px 10px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
body.bodypopup #centrefooter {
float: left;
background-image: url(fond_footer_pop_up.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
}
body.bodypopup #footerpopup {
width: 580px;
margin: auto; 
font-size: x-small;
height: 40px;
}
body.bodypopup #footerpopup div#hautpage,
#inter p.retourhaut {
font-size: x-small;
margin-left: 30px;
padding: 12px 0px 22px 16px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 12px;
}
body.bodypopup #footerpopup div#hautpage a,
#inter p.retourhaut a {
text-decoration: none;
line-height: 13px;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.invisible {
display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-- COMARQUAGE --*/
#comarquage{
}
#comarquage img{
/*display:none;*/
}
ul.colonnegauche{
float:left;
/*width:200px;*/
}
ul.colonnedroite{
float:left;
/*width:244px;*/
/*padding-left:30px;*/
}
ul.colonnedroite li{
}
#divgauche{
float:left;
width:244px;
}
#divgauche ul li{
margin-left:-30px;
}
#divdroite{
float:left;
width:244px;
}
#divdroite ul li{
margin-left:-30px;
}
/*--  CONTACT CRYPTO  --*/
div.crypto {
padding: 0px 0px 0px 130px;
}