html {
  height:100%;
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #003366;
background-image: url(fond_page.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
}
h1,
caption,
legend {
display: none;
}
fieldset,
form {
border: none;
margin: 0;
padding: 0;
}
a {
color: #003366;
}
img {
border: none;
}
#total {
float: left;
}
/*HEADER*/
#header {
float: left;
width: 100%;
/*height: 132px;*/
background-image: url(fond_header.gif);
background-repeat: no-repeat;
}
#header img.logo {
float: left;
margin: 18px 0px 0px 38px;
}
#header #visu {
float: left;
width: 253px;
height: 52px;
margin: 28px 0px 0px 46px;
background-repeat: no-repeat;
}
body.bodygenerique #header #visu {
background-image: url(visuel_bandeau_generique.jpg);
}
body.bodyviepolitique #header #visu {
background-image: url(visuel_bandeau_vie_politique.jpg);
}
body.bodyinfospratiques #header #visu {
background-image: url(visuel_bandeau_infos_pratiques.jpg);
}
body.bodyvivrepezenas #header #visu {
background-image: url(visuel_bandeau_vivre_pezenas.jpg);
}
body.bodyprojetsville #header #visu {
background-image: url(visuel_bandeau_projets_ville.jpg);
}
body.bodyagenda #header #visu {
background-image: url(visuel_bandeau_agenda.jpg);
}
body.bodymarchespublics #header #visu {
background-image: url(visuel_bandeau_marches_publics.jpg);
}
body.bodypublications #header #visu {
background-image: url(visuel_bandeau_publications.jpg);
}
body.bodyevenements #header #visu {
background-image: url(visuel_bandeau_evenements.jpg);
}
#header img.phrase {
float: right;
margin: 15px 69px 0px 0px;
}
#header #basheader {
float: left;
width: 100%;
height: 28px;
margin-top: 9px;
background-image: url(fond_recherche.gif);
background-position: right;
background-repeat: repeat-y;
border-bottom: 1px solid #FFFFFF;
background-color: #48BEEC;
}
#header #basheader #retouraccueil {
float: left;
}
#header #basheader #retouraccueil ul {
margin: 0;
padding: 0;
list-style: none;
}
#header #basheader #retouraccueil ul li {
margin: 0;
padding: 0;
float: left;
}
#header #basheader #retouraccueil ul li a.retour {
display: block;
padding: 6px 5px 5px 5px;
width: 59px;
height: 17px;
text-decoration: none;
font-weight: bold;
text-align: center;
background-color: #48BEEC;
}
#header #basheader #retouraccueil ul li a.accueil {
display: block;
padding: 6px 5px 5px 5px;
width: 62px;
height: 17px;
text-decoration: none;
font-weight: bold;
text-align: center;
background-color: #83D5F5;
}
#header #basheader #filarianne {
float: left;
padding: 9px 0px 0px 15px;
font-weight: bold;
color: #FFFFFF;
font-size: x-small;
}
#header #basheader #recherche {
float: right;
text-align: right;
padding: 3px 100px 0px 0px;
/*width: 250px;*/
font-weight: bold;
color: #FFFFFF;
}
#header #basheader #recherche a {
color: #FFFFFF;
}
#header #basheader #recherche input.saisie {
width: 130px;
font-size: small;
color: #003366;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #FFFFFF;
vertical-align: middle;
}
#header #basheader #recherche input.boutok {
margin-left: 3px;
vertical-align: middle;
}
/*MENU*/
#menu {
  float:left;
  width: 141px;
  height:900px;
  background-color: #005D8B;
  padding:0;
  margin:0;
}
#menu ul {
  float:left;
  margin: 0;
  padding: 18px 0px 120px 0px;
  background-color: #0099CC;
  background-image: url(fond_bas_menu.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  list-style: none;
  font-size: medium;
  width:100%;
}
#menu ul li {
  float:left;
  padding:0;
  margin:0;
  width:100%;
}
#menu ul li a {
  float:left;
  display:block;
  width:90%;
  color: #FFFFFF;
  padding: 4px 0px 5px 10%;
  margin: 0;
  text-decoration: none;
  background-image: url(fond_lien_menu.gif);
  background-repeat: no-repeat;
  border-bottom: 1px solid #0099CC;
  background-color: #0099CC;
}
#menu ul li a:hover,
#menu ul li.on a {
  color: #FFCC66;
  background-position: 0px -120px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #FFFFFF;
}
#menu ul li.on a {
  font-weight: bold;
}
/*--------------------------------------------*/
#menu ul li ul {
float:left;
display: none;
margin: 0;
padding: 0px 0px 5px 0px;
background-image: none;
background-color: #48BEEC;
font-size: small;
}
#menu ul li ul li {
  padding:0;
  margin:0;
  float:left;
}
#menu ul li ul li a {
  float:left;
  display:block;
  background-color: #48BEEC;
}
#menu ul li ul.on {
  float:left;
  display:block;
}
#menu ul li ul.on li a,
#menu ul li ul.on li a:hover {
  float:left;
  display:block;
  width:80%;
  background-image: none;
  border: none;
  padding: 2px 0px 2px 20%;
  margin: 0;
  color: #FFFFFF;
  font-weight: normal;
}
#menu ul li ul.on li a:hover {
  color: #005D8B;
}
#menu ul li ul.on li.on a, 
#menu ul li ul.on li.on a:hover {
  font-weight: bold;
}
/*--------------------------------------------*/
#menu ul li ul li ul {
  float:left;
  width:100%;
  display: none;
  margin: 0;
  padding: 0px 0px 5px 0px;
  background-image: none;
  background-color: #A4DFF6;
  font-size: small;
}
#menu ul li ul li ul li {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  background-color: #A4DFF6;
}
#menu ul li ul li ul li a {
  float:left;
  display:block;
  width: 100%;
  padding:0;
  margin:0;
}
#menu ul li ul li.on ul.on li a {
  float:left;
  width: 70%;
  background-image: none;
  padding: 2px 0px 2px 30%;
  margin: 0;
  color: #005D8B;
  font-weight: normal;
  background-color: #A4DFF6;
}
#menu ul li ul li.on ul.on li a:hover,
#menu ul li ul li ul.on li.on a {
  width: 70%;
  padding: 2px 0px 2px 30%;
  color: #CC0000;
  font-weight: normal;
}
/*INTER*/
#inter {
float:left;
padding: 10px;
width:460px;
}
#inter h2 {
clear: both;
font-size: x-large;
margin: 10px 0px 10px 0px;
color: #003366;
}
#inter h3 {
clear: both;
font-size: large; 
margin: 0px 0px 10px 0px;
color: #990000;
font-style: italic;
}
#inter h3 a {
color: #990000;
}
#inter h4 {
clear: both;
font-size: medium; 
margin: 10px 0px 5px 5px;
padding-top: 5px;
color: #0099CC;
border-top: 1px solid #0099CC;
}
#inter h4 a {
color: #0099CC;
}
#inter h5 {
clear: both;
font-size: medium; 
font-weight: normal;
font-style: italic;
margin: 10px 0px 5px 10px;
color: #C33B29;
}
#inter h5 a {
color: #C33B29;
}
#inter p {
margin: 8px 0px 5px 0px;
text-indent: 10px;
}
#inter ul {
margin: 8px 0px 5px 30px;
padding: 0;
list-style: none;
}
#inter ul li {
padding: 0px 0px 0px 11px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter ul li ul {
margin: 0px 0px 0px 20px;
padding: 0;
list-style: none;
}
#inter ul li ul li {
padding: 0px 0px 0px 9px;
background-image: url(puce_liste_nivo2.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
/*--------------------------------------------------------------------------*/
/*EQUIPE MUNICIPALE*/
#equipemunicipale {
width: 445px;
height: 3020px;
margin: 20px auto 0px auto;
position: relative;
}
#equipemunicipale #maire {
width: 345px;
height: 163px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 10px 30px;
background-image: url(fond_maire.gif);
background-repeat: no-repeat;
/*background-attachment: fixed;*/
position: absolute;
top: 0px;
left: 49px;
border-bottom: 1px solid #004362;
overflow: auto;
}
#equipemunicipale #adjoints {
float: left;
width: 445px;
height: 787px;
position: absolute;
top: 193px;
left: 0px;
overflow: hidden;
}
#equipemunicipale #adjoints #adjoint01,
#equipemunicipale #adjoints #adjoint02,
#equipemunicipale #adjoints #adjoint03,
#equipemunicipale #adjoints #adjoint04,
#equipemunicipale #adjoints #adjoint05,
#equipemunicipale #adjoints #adjoint06,
#equipemunicipale #adjoints #adjoint07,
#equipemunicipale #adjoints #adjoint08 {
position: absolute;
width: 175px;
height: 155px;
padding: 3px;
background-color: #DBF4FF;
border-bottom: 3px solid #006EA1;
overflow: auto;
}
#equipemunicipale #adjoints #adjoint01 {
top: 30px;
left: 34px;
}
#equipemunicipale #adjoints #adjoint02 {
top: 30px;
left: 263px;
}
#equipemunicipale #adjoints #adjoint03{
top: 224px;
left: 34px;
}
#equipemunicipale #adjoints #adjoint04 {
top: 224px;
left: 263px;
}
#equipemunicipale #adjoints #adjoint05 {
top: 418px;
left: 34px;
}
#equipemunicipale #adjoints #adjoint06 {
top: 418px;
left: 263px;
}
#equipemunicipale #adjoints #adjoint07 {
top: 612px;
left: 34px;
}
#equipemunicipale #adjoints #adjoint08 {
top: 612px;
left: 263px;
}
#equipemunicipale #conseillers {
width: 445px;
height: 1369px;
position: absolute;
top: 1010px;
left: 0px;
overflow: hidden;
}
#equipemunicipale #conseillers #conseiller01,
#equipemunicipale #conseillers #conseiller02,
#equipemunicipale #conseillers #conseiller03,
#equipemunicipale #conseillers #conseiller04,
#equipemunicipale #conseillers #conseiller05,
#equipemunicipale #conseillers #conseiller06,
#equipemunicipale #conseillers #conseiller07,
#equipemunicipale #conseillers #conseiller08,
#equipemunicipale #conseillers #conseiller09,
#equipemunicipale #conseillers #conseiller10,
#equipemunicipale #conseillers #conseiller11,
#equipemunicipale #conseillers #conseiller12,
#equipemunicipale #conseillers #conseiller13,
#equipemunicipale #conseillers #conseiller14 {
position: absolute;
width: 175px;
height: 155px;
padding: 3px;
background-color: #F0F7FA;
border-bottom: 3px solid #006EA1;
overflow: auto;
}
#equipemunicipale #conseillers #conseiller01 {
top: 30px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller02 {
top: 30px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller03 {
top: 224px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller04 {
top: 224px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller05 {
top: 418px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller06 {
top: 418px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller07 {
top: 612px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller08 {
top: 612px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller09 {
top: 806px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller10 {
top: 806px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller11 {
top: 1002px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller12 {
top: 1002px;
left: 263px;
}
#equipemunicipale #conseillers #conseiller13 {
top: 1194px;
left: 34px;
}
#equipemunicipale #conseillers #conseiller14 {
top: 1194px;
left: 263px;
}
#equipemunicipale #opposition {
position: absolute;
top: 2409px;
width: 450px;
height: 590px;
left: 0px;
overflow: hidden;
}
#equipemunicipale #opposition #conseillerOpp01,
#equipemunicipale #opposition #conseillerOpp02,
#equipemunicipale #opposition #conseillerOpp03,
#equipemunicipale #opposition #conseillerOpp04,
#equipemunicipale #opposition #conseillerOpp05,
#equipemunicipale #opposition #conseillerOpp06 {
position: absolute;
width: 175px;
height: 155px;
padding: 3px;
border-top: 1px solid #006EA1;
border-bottom: 3px solid #006EA1;
overflow: auto;
}
#equipemunicipale #opposition #conseillerOpp01 {
top: 30px;
left: 34px;
}
#equipemunicipale #opposition #conseillerOpp02 {
top: 30px;
left: 263px;
}
#equipemunicipale #opposition #conseillerOpp03 {
top: 224px;
left: 34px;
}
#equipemunicipale #opposition #conseillerOpp04 {
top: 224px;
left: 263px;
}
#equipemunicipale #opposition #conseillerOpp05 {
top: 418px;
left: 34px;
}
#equipemunicipale #opposition #conseillerOpp06 {
top: 418px;
left: 263px;
}
/*--------------------------------------------------------------------------*/
/*PLAN DU SITE*/
#plandusite {
padding-left: 20px;
}
#plandusite a {
text-decoration: none;
}
#plandusite h3 {
margin: 0;
}
#plandusite ul {
margin: 2px 0px 5px 0px; 
padding: 5px 0px 10px 30px;
background-color: #F0FAFE;
}
#plandusite ul li ul {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 30px;
}
#plandusite ul a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------*/
/*TOUTES LES ACTUS*/
div.actuLigne {
width: 100%;
border-bottom: 1px solid #D8E2E6;
float: left;
padding: 5px 0px 5px 0px;
}
/*--------------------------------------------------------------------------*/
/*TOTEM*/
#totem {
float:right;
top: 132px;
right: 0px;
padding: 18px 0px 0px 0px;
width: 153px;
background-color: #76CCED;
}
#totem #abonnews {
padding: 0px 6px 15px 6px;
border-bottom: 1px solid #FFFFFF;
}
#totem #abonnews label {
display: block;
font-size: medium;
padding-bottom: 10px;
}
#totem #abonnews input.saisie {
width: 105px;
font-size: small;
color: #003366;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #FFFFFF;
vertical-align: middle;
}
#totem #abonnews input.boutok {
margin-left: 3px;
vertical-align: middle;
}
#totem #totemliens {
float: left;
width: 153px;
border-bottom: 1px solid #FFFFFF;
}
#totem #totemliens ul {
margin: 0;
padding: 0;
list-style: none;
}
#totem #totemliens ul li {
float: left;
}
#totem #totemliens ul li a.totemcontact,
#totem #totemliens ul li a.totemliensutiles {
display: block;
padding: 6px 4px 6px 4px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#totem #totemliens ul li a.totemcontact {
width: 58px;
background-color: #48BEEC;
}
#totem #totemliens ul li a.totemliensutiles {
width: 79px;
background-color: #83D5F5;
}
#allerplusloin {
width: 133px;
padding: 0px 10px 10px 10px;
font-size: x-small;
}
#allerplusloin a {
text-decoration: none;
}
#allerplusloin a:hover {
text-decoration: underline;
}
#allerplusloin h3 {
font-size: small;
text-align: center;
border-bottom: 1px solid #C6EBFA;
padding: 18px 0px 5px 0px;
margin: 0;
}
#totem #contactel {
width: 133px;
padding: 0px 10px 20px 10px;
font-size: medium;
background-color: #A4DFF6;
}
#totem #contactel h3 {
font-size: medium;
text-align: center;
border-bottom: 1px solid #C6EBFA;
padding: 18px 0px 5px 0px;
margin: 0;
}

#totem #carteinteractive {
width: 140px;
padding: 5px 3px 5px 10px;
font-size: small;
background-color: #A4DFF6;
margin-top:1px;
margin-bottom:1px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#totem #carteinteractive a {
  text-decoration:none;
}
#totem #carteinteractive a strong {
  line-height:20px;
}

/*FOOTER*/
#footer {
clear: both;
text-align: center;
font-size: x-small;
}
#footer #hautdepage {
float: left;
padding: 30px 0px 0px 0px;
}
#footer #hautdepage a {
padding: 0px 0px 0px 13px;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#footer ul {
clear: both;
margin: 0;
padding: 20px 0px 20px 0px;
list-style: none;
}
#footer ul li {
display: inline;
padding: 0;
margin: 0;
background-image: none;
}
#footer ul li a {
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
/*PAGE ACCUEIL*/
body.bodyaccueil {
background-image: url(fond_page_accueil.gif);
background-repeat: repeat-x;
background-color: #006699;
}
body.bodyaccueil #totalaccueil {
width: 780px;
position: relative;
margin: auto;
}
body.bodyaccueil #totalaccueil #headeraccueil {
width: 780px;
float: left;
}
body.bodyaccueil #totalaccueil #headeraccueil #anim,
body.bodyaccueil #totalaccueil #headeraccueil #visuaccueil,
body.bodyaccueil #totalaccueil #headeraccueil #anim object,
body.bodyaccueil #totalaccueil #headeraccueil #anim img,
body.bodyaccueil #totalaccueil #headeraccueil #visuaccueil img {
float: left;
margin: 0;
padding: 0;
}
body.bodyaccueil #totalaccueil #interaccueil #actus {
float: left;
width: 260px;
height: 152px;
padding: 18px 43px 10px 50px;
background-color: #0099CC;
color: #FFFFFF;
}
body.bodyaccueil #totalaccueil #interaccueil #actus h2 {
display: none;
}
body.bodyaccueil #totalaccueil #interaccueil #actus p {
margin: 0;
padding: 0;
}
body.bodyaccueil #totalaccueil #interaccueil #actus p a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #totalaccueil #interaccueil #actus p a.toutesactus {
clear: both;
float: right;
color: #003366;
text-decoration: none;
font-size: x-small;
padding-top: 20px;
}
body.bodyaccueil #totalaccueil #interaccueil #actus p a.toutesactus:hover {
text-decoration: underline;
}
body.bodyaccueil #totalaccueil #interaccueil #recherche {
float: left;
width: 255px;
padding: 10px 0px 0px 10px;
}
body.bodyaccueil #totalaccueil #interaccueil #recherche label {
font-weight: bold;
color: #FFFFFF;
}
body.bodyaccueil #totalaccueil #interaccueil #recherche input.saisie {
width: 120px;
font-size: small;
color: #003366;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #FFFFFF;
vertical-align: middle;
}
body.bodyaccueil #totalaccueil #interaccueil #recherche input.boutok {
margin-left: 3px;
vertical-align: middle;
}
body.bodyaccueil #totalaccueil #interaccueil #liensMoliere {
float: left;
width: 216px;
height: 100px;
background-image: url(separ_liens_moliere.gif);
background-repeat: no-repeat;
background-position: 125px 3px;
padding: 10px 10px 0px 20px;
margin-top: 45px;
color: #FFFFFF;
font-size: x-small;
}
body.bodyaccueil #totalaccueil #interaccueil #liensMoliere a {
display: block;
width: 100px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
}
body.bodyaccueil #totalaccueil #interaccueil #liensMoliere a.cineMuni {
float: left;
}
body.bodyaccueil #totalaccueil #interaccueil #liensMoliere a.scenoMoliere {
float: right;
}
body.bodyaccueil #totalaccueil #menu {
position: absolute;
height:auto;
top: 337px;
left: 618px;
width: 160px;
}
body.bodyaccueil #totalaccueil #menu ul {
margin: 0;
padding: 10px 0px 0px 0px;
background-color: #006699;
background-image: none;
background-repeat: repeat-x;
background-position: bottom;
list-style: none;
}
body.bodyaccueil #totalaccueil #menu ul li a {
display: block;
width: 120px;
color: #FFFFFF;
font-size: medium;
padding: 4px 0px 5px 40px;
margin: 0;
text-decoration: none;
background-image: url(fond_menu_accueil.gif);
background-position: 0px 12px;
background-repeat: no-repeat;
border: none;
  background-color: #006699;
}
body.bodyaccueil #totalaccueil #menu ul li a:hover {
color: #FFCC66;
}
body.bodyaccueil #totalaccueil #footer,
body.bodyaccueil #totalaccueil #footer a {
color: #FFFFFF;
}
body.bodyaccueil #totalaccueil #footer #hautdepage {
display: none;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
border-bottom: 3px solid #006699;}
th,
td {
border: 1px solid #006699;
padding: 3px;
vertical-align: top;
}
th {
background-color: #006699;
color: #FFFFFF;
}
td {
background-color: #DDECFE;
}
/*-- RESULTAT RECHERCHE --*/
body.bodygenerique #inter table.result {
width: 99%;
margin: 5px 0px 10px 0px;
}
body.bodygenerique #inter table.result th {
background-color: #006699;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
border: none;
}
body.bodygenerique #inter table.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
body.bodygenerique #inter table.result td.title {
text-align: left;
background-color: #FFFFFF;
width: 70%;
}
body.bodygenerique #inter table.result td.title a {
font-weight: bold;
color: #006699;
}
body.bodygenerique #inter table.result td.date {
font-size: x-small;
background-color: #FFFFFF;
width: 30%;
 }
body.bodygenerique #inter table.result td.description {
border-bottom: 1px solid #006699;
padding-bottom: 10px;
background-color: #DDECFE;
 }
html div.prec {
float: left;
padding-left: 5px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 12px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #006699;
text-decoration: none;
}
html div.suiv {
float: right;
padding-right: 8px;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 12px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 40px 3px;
color: #006699;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
color: #7A9FC9;
}
/*-- AGENDA --*/
#oCalendar {
float: left;
margin-right: 15px;
}
#oCalendar table td.empty,
#oCalendar table td.week {
background-color: #FFFFFF;
color: #990000;
font-style: italic;
}
#oCalendar table td.days,
#oCalendar table td.week {
font-weight: bold;
}
#oCalendar table td.monthOff {
color: #FFFFFF;
}
#calendar th {
text-align: left;
}
#calendar td.month {
font-weight: bold;
font-style: italic;
background-color: #FFFFFF;
color: #990000;
}
#calendar td.time,
#calendar td.location {
font-size: x-small;
padding-top: 6px;
}
/*-- TEXTES --*/
div.coul01, .noir, .coul01 {
color: #000000;
}
div.coul02, .rouge, .coul02 {
color: #CC0000;
}
div.coul03, .bordeaux, .coul03 {
color: #990000;
}
div.coul04, .gris, .coul04 {
color: #333333;
}
/*-- BORDURES D'IMAGES --*/
img.bord01 , .bordureBleue {
border: 1px solid #003366;
}
img.bord02 , .bordureRouge {
  border: 1px solid #CC0000;
}
img.bord03 , .bordureBordeaux {
  border: 1px solid #990000;
}
img.bord04 , .bordureGrise {
  border: 1px solid #333333;
}
/*------------------------------------------------------------------------------------------------------*/
.invisible {
display: none;
}

/* ---------- MAIL STYLES ----------*/ 
body.bodymail {
  background-image:none;
}

body.bodymail col.col01 {
  font-weight:bold;
}
/*------------------------------------------------------------------------------------------------------*/
/*--  PAGE VOEUX 2010  --*/
body.bodyVoeux {
background-image: url(bg_fond_2010.gif);
background-repeat: repeat;
}
body.bodyVoeux #interVoeux {
width: 800px;
margin: auto;
padding: 30px 0px 0px 0px;
}