body {
  background: url(/images/horizontal_fonce.gif) #003860;
  font-family: Arial;
  font-size: 8pt;
  color: #ffffff;
  padding: 0;
  margin: 0;
}

h1 {
  font-size: 17pt;
}

h2 {
  font-size: 14pt;
}

h3 {
  font-size: 10pt;
}

h3.titre_haut_page {
  float: left;
  margin: 0px;
}

h3.erreur {
  text-align: center;
  color: #ff0000;
}

h3.titre_galerie {
  margin: 0px;
  margin-bottom: 20px;
  text-align: center;
}

a {
  color: #ffff00;
  text-decoration: none;
}

a:visited {
  color: #ffa500;
}

a:hover {
  color: #98d0ff;
  color: #00b0fe;
}

ul.puce_n1 {
  list-style-image: url(/images/NeonDn5.gif);
  line-height: 25px;
}

ul.puce_n2 {
  list-style-image: url(/images/NeonDg5.gif);
  line-height: 20px;
}

img {
  border: none;
  vertical-align: middle;
}

img.page_precedente {
  position: relative;
  top: -3px;
}

img.page_suivante {
  position: relative;
  top: -3px;
}

img.monter {
}

img.descendre {
}

table {
  border: solid 0px #2080ff;
  font-family: Arial;
  font-size: 8pt;
  color: #ffffff;
}

table.utilisateurs {
  border: solid 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 500px;
  table-layout: fixed;
}

tr.surbrillance:hover {
  background-color: #00548f;
}

th.col_supprimer, td.col_supprimer {
  width: 25px;
  text-align: center;
  padding: 3px 0px;
}

th.col_identifiant, td.col_identifiant {
  width: 80px;
  text-align: center;
}

th.col_prenom, td.col_prenom {
  width: 70px;
  text-align: center;
}

th.col_nom, td.col_nom {
  width: 100px;
  text-align: center;
}

th.col_email, td.col_email {
  text-align: center;
}

th.col_groupe, td.col_groupe {
  width: 55px;
  text-align: center;
}

table.nouvelles {
  border: solid 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 300px;
  table-layout: fixed;
  margin-left: 120px;
}

th.col_date_nouvelle, td.col_date_nouvelle {
  width: 100px;
  text-align: center;
}

th.col_titre_nouvelle {
  text-align: center;
}

td.col_titre_nouvelle {
  text-align: left;
}

span.date_nouvelle {
  color: #00b0fe;
}

table.connexions {
  border: solid 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  table-layout: fixed;
  width: 545px;
}

th.col_session, td.col_session {
  border: solid 0px;
  width: 200px;
  text-align: center;
}

th.col_IP, td.col_IP {
  border: solid 0px;
  width: 80px;
  text-align: center;
}

th.col_date_connexion, td.col_date_connexion {
  border: solid 0px;
  text-align: center;
}

table.galeries {
  border: solid 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 530px;
  table-layout: fixed;
}

th.col_description, td.col_description {
  text-align: left;
}

th.col_date_evenement, td.col_date_evenement {
  width: 75px;
  text-align: center;
}

th.col_date_publication, td.col_date_publication {
  width: 75px;
  text-align: center;
}

th.col_autorisations, td.col_autorisations {
  width: 80px;
  text-align: center;
}

th.col_publication, td.col_publication {
  width: 40px;
  text-align: center;
}

th.col_nbr_photos, td.col_nbr_photos {
  width: 45px;
  text-align: center;
}

table.photos {
  border: solid 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 500px;
  table-layout: fixed;
}

th.col_ins_supp, td.col_ins_supp {
  width: 50px;
  text-align: center;
  padding: 3px 0px;
}

th.col_nom_photo, td.col_nom_photo {
  width: 100px;
  text-align: center;
}

th.col_mont_desc, td.col_mont_desc {
  width: 60px;
  text-align: center;
}

div {
  padding: 0;
  margin: 0;
}

fieldset {
  border: solid 1px #808080;
  margin-top: 10px;
  padding: 10px;
}

fieldset.liste_utilisateurs {
  height: 155px;
}

fieldset.liste_nouvelles {
  height: 185px;
}

fieldset.liste_galeries {
  height: 155px;
}

fieldset.liste_photos {
  height: 150px;
}

input,select,textarea {
  border: solid 1px #cecece;
  background-color: #00548f;
  color: #ffffff;
}

input.fichier {
  color: #a9a9a9;
}

textarea {
  font-family: Arial;
  font-size: 10pt;
}

input.bouton {
  font-weight: bold;
}

input.bouton:hover {
  background-color: #00b0fe;
  color: #000000;
}

input.case_a_cocher {
  border: 0px;
  background: transparent;
  margin-right: 3px;
}

input.bouton_radio {
  border: 0px;
  background: transparent;
  margin-right: 3px;
}

label {
  width: 110px;
  padding-top: 3px;
  margin-right: 5px;
  text-align: right;
}

label.texte {
  width: 100px;
  margin-right: 5px;
  text-align: right;
}

label.case_a_cocher {
  width: 100px;
  margin-right: 10px;
  text-align: left;
}

#conteneur_site {
  background: url(/images/horizontal_clair.gif) #000520;
  width: 995px;
  border: outset medium #cecece;
  padding: 5px 0px;
  margin: 5px auto;
  position: relative;
}

#entete {
  height: 100px;
  text-align: center;
}

#titre {
  display: block;
  width: 468px;
  height: 60px;
  margin: 10px auto;
  padding: 15px 0px 0px 0px;
  background: url(/images/357.gif) no-repeat;
  text-align: center;
}

#menu_gauche {
  width: 162px;
  position: absolute;
  left: 25px;
}

#menu_droite {
  width: 162px;
  position: absolute;
  right: 25px;
}

.haut_menu {
  background: url(/images/blank-top.gif) no-repeat;
  width: 160px;
  height: 67px;
  float: left;
}

.haut_menu p {
  color: #ffff00;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  margin: 35px auto 0 auto;
}

.centre_menu {
  background: url(/images/blank-middle.gif) repeat-y;
  width: 160px;
  height: 290px;
  float: left;
}

.bas_menu {
  background: url(/images/blank-bottom.gif) no-repeat;
  width: 160px;
  height: 69px;
  float: left;
  position: relative;
  bottom: 12px;
}

.menu_neon {
  list-style-type: none;
  font-family: Arial;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-align: center;
}

.menu_neon a, .menu_neon span {
  display: block;
  width: 105px;
  height: 24px;
  text-decoration: none;
  color: #ffffff;
  background: url(/images/NeonDa5.gif) no-repeat center top;
  padding-top: 5px;
  padding-left: 10px;
  margin: 8px auto 0px;
  border: solid 0px;
  position: relative;
  top: -8px;
}

.menu_neon li {
  color: black;
  padding: 0px 0px 0px 0px;
}

.menu_neon span {
  background: url(/images/NeonDa0.gif) no-repeat center top;
}

.menu_neon a:hover {
  color: #000001;
  background: url(/images/NeonDh5.gif) no-repeat center top;
  cursor: default;
}

.menu_neon a:focus {
  color: yellow;
}

#sommaire_nouvelles {
  display: block;
  width: 120px;
  height: 260px;
  overflow: auto;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 1px;
}

#conteneur_page {
  margin-left: 205px;
  margin-right: 205px;
  padding-top: 40px;
}

#haut_page {
  text-align:right;
  overflow:auto;
  padding: 0px;
}

#page {
  height: 470px;
  text-align: left;
  overflow: auto;
  padding: 10px;
}

#pied_de_page {
  height: 40px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#liens_gauche {
  width: 375px;
  height: 40px;
  position: absolute;
  left: 15px;
  text-align: left;
}

#liens_centre {
  height: 40px;
  margin-left: 395px; 
  margin-right: 395px; 
  text-align: center;
}

#liens_droite {
  width: 375px;
  height: 40px;
  position: absolute;
  right: 15px;
  text-align: right;
}

.bouton_pied_de_page {
  width: 88px;
  height: 31px;
  background-color: #cecece;
  border: outset medium #cecece;
}

.bouton_pied_de_page:hover {
  background-color: #98d0ff;
  border-color: #58b8d0;
}

#compteur {
  margin: 0 auto;
  padding: 0;
  position: relative;
  bottom: 8px;
  text-align: center;
}

#img_compteur {
  width: 52px;
  height: 17px;
  border: 0;
}

div.vignette {
  margin: 2px 2px;
  padding: 3px;
  border: dashed 1px gray;
  width: 100px;
  height: 95px;
  text-align: center;
  float: left;
}

div.vignette img {
  margin-bottom: 5px;
}

.navigation {
  margin: 0px auto 10px auto;
  text-align: center;
}

.navigation form {
  display: block;
  width: 60px;
  text-align: center;
  margin: 0px auto;
  border: 0px solid;
}

.navigation a {
  display: block;
  width: 40px;
  height: 24px;
  border: solid 0px;
  position: relative;
  top: -2px;
}

a.page_precedente {
  float:left;
  left:210px;
  background: url(/images/NeonDc5.gif) no-repeat center top;
}

a.page_suivante {
  float:right;
  right:210px;
  background: url(/images/NeonDd5.gif) no-repeat center top;
}

a.page_precedente:hover {
  background: url(/images/NeonDj5.gif) no-repeat center top;
}

a.page_suivante:hover {
  background: url(/images/NeonDk5.gif) no-repeat center top;
}