/* Mise en page générale */
body {
  font: normal 0.75em Arial, Helvetica, sans-serif;
  color: black;
  background: white;
  padding: 0;
  margin: 0;
}
h1, h2, h3 {
  font-weight: bold;
  text-align: center;
  padding: 2px 5px;
  margin: 0;
}
h1, h2 {
  color: #FF6500;
  background: white;
}
h1 {
  font-size: 2em;
}
h2, h3 {
  font-size: 1em;
}
img {
  margin: 8px 0 5px;
  border: 1px solid #D4D4D4;
}
a {
  text-decoration: none;
  color: #1055AD;
  background: white;
}
a:hover {
  text-decoration: underline;
}
acronym {
  font-style: normal;
  border-bottom: 1px dotted;
}
#page {
  width: 770px;
  margin: 0 auto;
}
#trou-noir {
  display: none;
}

/* En-tête */
#en-tete {
  color: black;
  background: white url(images/bandeau.png) no-repeat left top;
  height: 130px;
  border-bottom: 2px solid #D4D4D4;
}
#en-tete h1 {
  line-height: 0em;
  text-indent: -5000px;
  padding: 0;
  margin: 0;
}
#en-tete ul {
  padding: 0;
  margin: 77px 0 0 0;
  list-style: none;
}
#en-tete li {
  display: inline;
  padding: 0;
  margin: 0;
}
#en-tete img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border: none;
}

/* Menu gauche */
#menu-gauche, #menu-gauche-admin {
  width: 160px;
  padding: 0;
  margin: 5px 0;
}
#menu-gauche {
  float: left;
}
#menu-gauche-admin {
  float: none;
}
#menu-gauche h2, #menu-gauche-admin h2 {
  text-align: justify;
  padding: 0;
  margin: 0 5px 7px;
  border-bottom: 1px solid #FF6500;
}
#menu-gauche ul, #menu-gauche-admin ul, #menu-gauche-admin p {
  padding: 0;
  margin: 5px 0 10px;
  list-style: none;
}
#menu-gauche li, #menu-gauche-admin li {
  color: #FF6500;
  background: white url(images/puce-menu.gif) no-repeat left center;
  padding: 0 0 0 10px;
  margin: 2px 5px;
}
#menu-gauche a, #menu-gauche-admin a {
  border-bottom: 1px dotted #B8B8B8;
}
#menu-gauche a:hover, #menu-gauche-admin a:hover, #menu-gauche a:focus, #menu-gauche-admin a:focus {
  text-decoration: none;
  color: #FF6500;
  background: #E1E6E8;
  border: none;
}
#menu-gauche form a {
  color: #1055AD;
  background: white;
  border: none;
}
#menu-gauche form a:hover {
  text-decoration: underline;
  color: #1055AD;
  background: white;
}

/* Menu droite */
#menu-droite {
  width: 160px;
  float: right;
  padding: 0;
  margin: 5px 0;
}
#menu-droite h2 {
  text-align: justify;
  padding: 0;
  margin: 0 5px 7px;
  border-bottom: 1px solid #FF6500;
}

/* Contenu central */
#contenu {
  text-align: center;
  padding: 0;
  margin: 5px 160px 0;
}
#rubrique, #rubrique-admin {
  width: 420px;
  height: 240px;
  padding: 0;
}
#rubrique {
  margin: 2px 15px 20px;
}
#rubrique-admin {
  margin: 2px auto 20px;
}
#rubrique ul, #rubrique-admin ul {
  font-size: 0.75em;
  text-align: justify;
  padding: 0;
  margin: 0;
  list-style: none;
}
#rubrique li, #rubrique-admin li {
  width: 138px;
  height: 40px;
  float: left;
  padding: 0;
  margin: 0;
  border: 1px solid #D4D4D4;
}
#rubrique img, #rubrique-admin img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
#charte-recherche {
  padding: 15px 0 0 0;
  margin: 0 15px;
}
#charte-recherche img {
  float: right;
  margin: 10px 0 0 4px;
}
#charte-qualite, #recherche-site {
  border-top: 1px dotted #B6B6B6;
  border-bottom: 1px dotted #B6B6B6;
}
#charte-qualite {
  color: black;
  background: #E1E6E8;
  margin: 25px 0;
}
#charte-qualite h2 {
  color: #1057AD;
  background: #E1E6E8;
  text-align: justify;
}
#charte-qualite ul {
  text-align: justify;
  padding: 0;
  margin: 0;
  list-style: none;
}
#charte-qualite li {
  color: #0080C0;
  background: #E1E6E8 url(images/puce-charte.gif) no-repeat left center;
  padding: 0 0 0 10px;
  margin: 0 0 0 4px;
}
#recherche-site h2, #recherche-site form {
  text-align: justify;
}
#recherche-site p {
  padding: 0;
  margin: 0 4px;
}
#engagement {
  text-align: justify;
  padding: 0;
  margin: 50px 15px;
  border-top: 1px dotted #B6B6B6;
}
#engagement dt {
  font-weight: bold;
  color: #1055AD;
  background: white url(images/puce-rubrique.gif) no-repeat left center;
  padding: 0 0 0 10px;
  margin: 5px 0;
}
#engagement dd {
  color: navy;
  background: white;
  padding: 0 0 0 10px;
  margin: 0;
}
#engagement img {
  float: right;
  margin: 0 0 0 5px;
}
#presentation {
  color: #666;
  background: white;
  text-align: justify;
  padding: 0;
  margin: 25px 15px 0;
}
#presentation p {
  padding: 0;
  margin: 0;
}
#presentation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#liens {
  text-align: justify;
  padding: 0;
  margin: 0 15px;
  list-style: none;
}
#liens dt {
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0;
}
#liens dd {
  padding: 0;
  margin: 0;
}

/* Menu bas */
#menu-bas {
  color: #FF6400;
  background: white;
  text-align: center;
  clear: both;
  padding: 22px 0 0 0;
  margin: 7px 0 0 0;
  border-top: 3px solid #D2D2D2;
  list-style: none;
}
#menu-bas li {
  display: inline;
  padding: 0;
  margin: 0;
}
#menu-bas a:hover {
  text-decoration: none;
  color: #FF6500;
  background: #E1E6E8;
}

/* Pied */
#pied {
  color: #7F7F7F;
  background: white;
  text-align: center;
  padding: 13px 0 7px;
  margin: 0;
}
#pied a {
  color: #7F7F7F;
  background: white;
}

/* Bannières */
#menu-gauche-image {
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu-gauche-image li {
  background: none;
  padding: 0;
  margin: 0;
}
#menu-gauche-image img {
  margin: 8px 0;
}
#menu-gauche-image a {
  border: none;
}
#menu-gauche-image a:hover {
  background: none;
}
#menu-droite-image {
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu-droite-image img {
  margin: 8px 0;
}

/* Formulaires */
form {
  text-align: center;
  padding: 0;
  margin: 0;
}
form p {
  padding: 0;
  margin: 0;
}
form ul {
  padding: 0;
  margin: 10px 0;
  list-style: none;
}
form li {
  padding: 0;
  margin: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
label.etiquette-cachee {
  width: 0;
  height: 0;
  position: absolute;
  top: -5000px;
  left: -5000px;
  overflow: hidden;
}
input, textarea, select {
  font: normal 1em Arial, Helvetica, sans-serif;
  color: #666;
  background: white;
  vertical-align: middle;
  margin: 2px 0;
  border: 1px solid #1055AD;
}
input {
  width: 100px;
  height: 1.25em;
}
input[type="submit"] {
  color: white;
  background: #1055AD;
  width: auto;
  height: 18px;
  margin: 0 0 0 1px;
  border: none;
}
textarea {
  width: 400px;
  height: 6.25em;
}
select {
  width: 200px;
  height: 1.5em;
}
legend {
  color: black;
  background: white;
}
.lettre-info {
  color: navy;
  background: white;
}
.lettre-info ul {
  list-style: none;
}

/* Rubriques de recherche */
#choix-rubrique {
  margin: 0 15px;
}
#choix-rubrique h2 {
  border-bottom: 2px solid #8D8D8D;
}
#choix-rubrique ul, #choix-rubrique p {
  text-align: justify;
  width: 250px;
  padding: 0;
  margin: 10px auto;
  list-style: none;
}
#choix-rubrique li {
  background: url(images/puce-rubrique.gif) no-repeat left center;
  padding: 0 0 0 10px;
  margin: 0;
}
#resume {
  color: #1055AD;
  background: #E1E6E8;
  text-align: justify;
  margin: 0 10px;
}
#resume h2, #resume h3 {
  background: transparent;
}
#resume h3 {
  text-align: justify;
}
#resume p {
  padding: 5px;
  margin: 0;
}
#resume ul {
  list-style: url(images/puce-charte.gif) inside;
  padding: 5px;
  margin: 0;
}
#resume li {
  padding: 0;
  margin: 0;
}
#resume a, a:hover, a:focus {
  background: transparent;
}
#resume a {
  text-decoration: underline;
}
#dictionnaire {
  text-align: justify;
  padding: 5px 0;
  margin: 0 15px;
}
#dictionnaire dt {
  font-weight: bold;
  color: #1055AD;
  background: #E1E6E8 url(images/puce-rubrique.gif) no-repeat left center;
  padding: 0 0 0 10px;
  margin: 5px 0;
}
#dictionnaire dd {
  color: navy;
  background: #E1E6E8;
  padding: 0 0 0 10px;
  margin: 0;
}

/* Liste des fiches des enseignes */
#liste-fiche, #liste-fiche-admin {
  padding: 0;
  margin: 0 15px;
  list-style: none;
}
#liste-fiche ul li {
  display: block;
}
#liste-fiche li {
  display: inline;
  padding: 0;
  margin: 0;
}
#liste-fiche img, #liste-fiche-admin img {
  vertical-align: middle;
  border: none;
}
#navigation-fiche {
  color: #1055AD;
  background: #E1E6E8;
  padding: 0;
  margin: 0 10px;
  border: 1px solid #D4D4D4;
  list-style: none;
}
#navigation-fiche li {
  display: inline;
  padding: 0;
  margin: 0;
}
#navigation-fiche a {
  color: #1055AD;
  background: #E1E6E8;
}
.liste-enseigne {
  color: black;
  background: #E1E6E8;
  text-align: justify;
  padding: 0;
  margin: 0;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  list-style: none;
}
.enseigne-nom {
  font-weight: bold;
  color: #FF6500;
  background: #E1E6E8;
  margin: 0 0 0 5px;
}
.liste-fiche-enseigne {
  padding: 0;
  margin: 0;
  border-right: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  list-style: none;
}
.liste-fiche-enseigne li {
  padding: 0;
  margin: 0;
}
.liste-fiche-donnees, .liste-fiche-donnees-admin {
  text-align: justify;
  padding: 5px;
  margin: 0;
  border-right: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  list-style: none;
}
.liste-fiche-donnees-admin {
  border-bottom: 1px solid #D4D4D4;
}
.liste-fiche-donnees li, .liste-fiche-donnees-admin li {
  padding: 0;
  margin: 0;
}

/* Fiches détaillées */
#detail-fiche {
  padding: 0;
  margin: 0 15px;
  list-style: none;
}
#detail-fiche li {
  padding: 0;
  margin: 0;
}
#detail-fiche img {
  vertical-align: middle;
  border: none;
}
#retour-liste {
  color: #1055AD;
  background: #E1E6E8;
  padding: 0;
  margin: 0 10px;
  border: 1px solid #D4D4D4;
  list-style: none;
}
#retour-liste li {
  display: inline;
  padding: 0;
  margin: 0;
}
#retour-liste a {
  color: #1055AD;
  background: #E1E6E8;
}
.detail-enseigne {
  color: black;
  background: #E1E6E8;
  text-align: left;
  padding: 0 0 0 5px;
  margin: 20px 0 0 0;
  border: 1px solid #D4D4D4;
  list-style: none;
}
.detail-enseigne li {
  display: inline;
  padding: 0;
  margin: 0;
}
.detail-fiche-enseigne {
  color: #1055AD;
  background: white;
  padding: 5px;
  margin: 0;
  border-right: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  list-style: none;
}
.detail-fiche-enseigne li {
  display: inline;
  padding: 0;
  margin: 0;
}
.detail-fiche-donnees {
  text-align: justify;
  padding: 5px;
  margin: 0;
  border-right: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 1px solid #D4D4D4;
  list-style: none;
}
.detail-fiche-donnees li {
  padding: 0;
  margin: 0;
}
.detail-fiche-donnees img {
  margin: 0 2px;
}

/* Panneau d'administration */
#configuration {
  text-align: justify;
  padding: 0;
  margin: 0 20px;
}
#configuration dt {
  font-weight: bold;
  padding: 0;
  margin: 10px 0 0 0;
}
#configuration dd {
  padding: 0;
  margin: 0;
}
.admin {
  text-align: justify;
  text-indent: 2em;
  padding: 0;
  margin: 10px 5px;
}
.apercu {
  text-align: justify;
  height: 300px;
  margin: 10px auto;
  border: 1px solid #D4D4D4;
  overflow: scroll;
}
.modification {
  padding: 0;
  margin: 10px 5px;
  list-style: none;
}
.upload {
  width: 200px;
}

/* Newsletter */
#newsletter {
  text-align: justify;
  width: 770px;
  margin: 0 auto;
}
#newsletter h1, #newsletter h2, #newsletter h3 {
  font-weight: bold;
}
#newsletter h1, #newsletter h2 {
  color: #FF6500;
  background: white;
  text-align: center;
}
#newsletter h2, #newsletter h3 {
  font-size: 1em;
}
#newsletter h1 {
  font-size: 1.5em;
  padding: 0;
  margin: 1em 0;
}
#newsletter h2 {
  padding: 0;
  margin: 0.75em 0;
}
#newsletter h3 {
  color: #1055AD;
  background: white;
  text-align: justify;
  padding: 0;
  margin: 0.5em 1em;
}
#newsletter p {
  text-indent: 2em;
  margin: 0.5em;
}
#newsletter p.signature {
  text-indent: 0;
  margin-top: 2em;
}
#newsletter img {
  margin: 0;
  border: none;
}
#newsletter a {
  text-decoration: none;
  color: #1055AD;
  background: white;
}
#newsletter a:hover {
  text-decoration: underline;
}