<!--
/*--- Styles généraux ---*/
body {
  padding: 0;
  margin: 5px;
  font-family: verdana, Helvetica, sans-serif;
  font-size: 75%;
  background-color: #FFFFEE;
}
h1 {
  font-size: 210%;
  font-weight: bold;
  color: #00789E;
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 40px;
}
h2 {
  text-decoration: none;
  font-size: 150%;
  font-weight: normal;
  color : #005C77 !important;
  background-color: #C7DAE0;
  margin-top : 5px;
  margin-bottom : 8px;
}
h3 {
  font-weight: bold;
  font-size: 110%;
  color: #006483;
  margin-left : 0;
  font-style: italic;
  margin-top : 0;
  margin-bottom: -12px;
}
h4 {
  font-weight: bold;
  color: #006483;
  background-color: #D9E6EA;
  text-decoration: none;
  margin-bottom: 0;
}
h5 {
  font-weight: bold;
  font-size: 100%;
  background-color: #D9E6EA;
  text-decoration: none;
  margin-bottom: 0;
}
table {
   font-size: 100%;
}
p, td {
  margin-top: 0;
  margin-bottom: 10px;
}
th {
  color: #007ea5;
}
li {
  margin-bottom: 3px;
  list-style-type: disc;
}
li.sanspuce {
  color: red;
  list-style-type: none;
}
a {
  color: #005C77;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #826988;
}
li a {
  text-decoration: none;
}
li a:hover {
  text-decoration: underline;
}
li.nopuce {
  list-style-type: none;
}

/*--- Positions menu, contenu, logo... ---*/
.gauche {
  position: absolute;
  left:0; /* on place le bloc gauche à gauche en position absolue */
  margin-left: 5px;
  margin-top: 0;
  width: 190px;
}
.accueil {
  font-style: italic;
  font-size: 110%;
}
.centre {
  margin-left: 200px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
  margin-top: 5px;
  margin-right: 5px;
}
.logo {
  float: left; /* alignement du logo à gauche */
  margin-left: 5px;
  margin-right: 30px;  /* placement du logo dans son conteneur, head */
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
}

/*--- Menu de gauche ---*/
.menu { /* on définit un conteneur pour le menu */
  margin: 0;
  margin-top: 20px;
  width: 180px;
  background-color: #C17AE8;
  color: #8020B6;
  border: 1px solid #C17AE8;
  font-size: 12px;
  text-align: center;
}
#menu dl, #menu dt, #menu dd, #menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu dt {
  background-color: #DDDDFF;
  cursor: pointer;
  color: #444444;
  line-height: 23px;
  margin: 2px;

}
#menu dt.titre {
  font-weight: bold;
  background-color: #BABAD7;
}
#menu dd {
  position: absolute;
  background-color: #C17AE8;
  z-index: 100;
  left: 13em;
  margin-top: -4em;
  width: 21em;
  display:none;
}

#menu li {
  margin: 1px;
  padding: 0;
  background-color: #8020B6;
  color: #FFFFFF;
  list-style-type: none;
  text-align: center;
  font-size: 95%;
  height: 22px;
  line-height: 22px;
  border: 1px;
}
#menu dt a {
  text-decoration: none;
  color: #333333;
  display: block;
}
#menu dt a:hover {
  text-decoration: underline;
}
#menu li a {
  text-decoration: none;
  color: #FFFFFF;
  white-space: nowrap;
}
#menu li a:hover {
  text-decoration: underline;
}

/*--- Styles particuliers ---*/
.intro, .info {
  font-size: 90%;
  color: #007ea5;
  font-style: italic;
}

.note {
  font-weight: normal;
  font-size: 80%;
  margin: 20px;
  color: #007ea5;
  font-style: italic;
}
.sommaire {
  padding-left: 140px; 
 }
#sommaire li {
  font-size: 90%;
  list-style-type: disc;
 }
#gauche p {
  margin-top: 30px;
  font-size: 11px;
  color: #555;
}
#aere li {
  margin: 12px;
}
#listeEglises li a {
  text-decoration: none;
  color: black;
}
#commissions td a {
  text-decoration: none;
  color: black;
}

#aere li a {
  margin: 12px;
  color: blue;
}
.color {
  font-size: 105%;
  color: #007ea5;
}
.italic {
  font-size: 110%;
  font-style: italic;
  color: #007ea5);
}
.comment{
  font-size: 100%;
  color: #007ea5;
}
.logoMenu {
  margin-left: 0;
  width: 180px;
  border: 0;
}
.grandeLettre {
  color: #007EA5;
  font-size: 24px;
}
.news {
  border:1px solid;
  border-color: #006988;
  padding:3px;
  width:99%;
}
.news .date{
  font-size: 80%;
}
.pave li {
  list-style-type: disc;
  margin-bottom : 8px;
}
.listeEglises {
  margin-top: 20px;
}
#listeEglises li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}
#listeEglises p {
  text-decoration: none;
  color: #222;
}
#listeEglises p a{
  text-decoration: none;
  color: #222;
}
#listeEglises p a:hover {
  text-decoration: underline;
}
.eglise {
  margin-left: 5px;
  border: 2px solid #007ea5;
  font-size: 14px;
  font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
  padding: 2px;
  border-spacing: 1px; /* Internet Explorer ne supporte pas border-spacing */
}
#eglise tr {
  vertical-align: baseline;
  line-height: 14px;
}
#eglise tr.first {
  line-height: 25px;
}
#eglise td.nom {
  font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
  color: #005F74;
}
#eglise td.fonction {
  font-size: 12px;
  font-style: italic;
}
#eglise hr {
  border: 1px solid #007ea5;
}
.adresse {
  font-weight: bold;
  text-align: center;
}
.legendes {
  font-size: 90%;
  margin-top: -20px;
}
.legendes tr {
  vertical-align : text-top;
}
#legendes h3 {
  font-size: 110%;
  font-weight: bold;
  color: #007ea5;
  text-decoration: none;
  margin-left: 0;
  margin-bottom: 5px;
}
.retour {
  margin-top: 10px;
}
#retour p a{
  text-decoration: none;
}
#retour p a:hover {
  text-decoration: underline;
}
.asso {
  font-size: 11px;
}
#asso a {
  margin: 12px;
  text-decoration: none;
  color: #006988;
}
#asso a:hover {
  text-decoration: underline;
}
#jeunes li {
  margin-bottom:20px;
}
.legende {
  margin-left: 100px;
  text-decoration: none;
  font-size: 11px;
  color: #555;
}
.commissions {
  color: #007ea5;
}
#commissions th {
  font-size: 150%;
  color: #007ea5;
  text-align: left;
  font-weight: normal;
}
#agenda th {
  color: maroon;
  text-decoration: underline;
  font-size: 120%;
  text-align: left;
}
#agenda td.assoc {
  color: black;
}
#agenda td.region {
  color: blue
}
#agenda td.colo {
  color: green
}
#agenda td.autre {
  color: black;
}
.menuAnnuaire {
  font-size: 85%;
  background-color: #dddddd;
}
.footer {
  text-align: center;
  color: #4D0292;
  font-size: 80%;
  margin-top: 20px;
}
#footer a {
  color: #4D0292;
}