/* Page */

html, body {
 margin: 0;
 padding: 0;
 font-size: 100%; /* Évite un bug d'IE 6-7.*/
 }

body {
  background-color: #006699;
/* Couleur du texte par défaut pour toute la page */
  color:            #333;
  font-size:        100%;

/* Image de fond de page */
  background-image: url( ../images/logo_fondPage.png );

  margin-top:       1.3em;
  margin-left:      auto;
  margin-right:     auto;
  position:         relative;
  font-family:      Georgia, serif;

  /* pour toujours avoir un emplacement d'ascenseur
    sinon, quand on bascule d'une page à l'autre, les éléments centrés se décalent */
  /* Le "!important" est là pour IE -> à tester !!! */
  /* overflow:         scroll !important;*/
}

#container
{
  margin-left:      auto;         /* indispensable pour centrer */
  margin-right:     auto;         /* indispensable pour centrer */
  width:            90%;
}

#pageHeader {
  text-align:       center;
}

#supportingText
{
/* Image de fond de page */
  background-image: url( ../images/MBO_triskell.png );
  background-position: center;
  background-repeat: no-repeat;

 /* bordure entre le fond blanc et le fond gris*/
  margin-top:       0.6em;
  border:           0.08em solid #889db4; /* 0.8 rend 1px pour firefox, opera, google chrome */
  background-color: #ffffff;
  text-align:       center;
  margin-top:       1.3em;
  padding:          1em;
}

#supportingTextWithoutImage
{
 /* bordure entre le fond blanc et le fond gris*/
  margin-top:       0.6em;
  border:           0.08em solid #889db4; /* 0.8 rend 1px pour firefox, opera, google chrome */
  background-color: #ffffff;
  text-align:       center;
  margin-top:       1.3em;
  padding:          1em;
}

hr {
  width:            95%;
  border-width:     1px;
  background-position: center;
  color:            gray;
  background-color: gray;
}



/* Titres */

h1 {
  font-weight:      bold;
  font-size:        1.2em;
/* Couleur du texte du logo + foncé - bleu */
/*  color:            #27279f; */
/* Police comme le logo */
  font-style:       italic;
/*margin-left:      1em; */
/*margin-right:     2em; */
  padding-bottom:   0em;
  padding-top:      0em;
  text-align:       left;
}

h2 {
  text-align:       center;
  text-decoration:  overline;
/*border-bottom:    thin solid #EEEEEE; */
/* Couleur du texte du logo + foncé - bleu */
  color:            #27279f;
/*margin-left:      2em;  */
/*margin-right:     2em;  */
/*letter-spacing:   1em;  */
  font-weight:      normal;
  font-size:        1.5em
}

h3 {
  text-align:       left;
  color:            #27279f;
  margin-left:      2em;
  font-size:        .9em ;
  border-bottom:    thin solid #FCCE55;
}


/* Listes */

ul{
  padding-top:      0em;
  padding-bottom:   0em;
  margin-left:      0em;
  margin-right:     0em;
}

li {
  padding-top:      0em;
  padding-bottom:   1em;
  font-size:        1em ;
  margin-left:      3.2em;
  margin-right:     1em;
  text-align:       justify;
 }


/* Paragraphes */

p{
  padding-top:      0.5em;
  padding-bottom:   0.5em;
  font-size:        1em ;
  margin-left:      2.2em;
  margin-right:     2.2em;
  text-align:       justify;
 }


/* Tableau */

table {
  width:            100%;
  margin:           0;
  border:           none;       /* Pas de bordure = "none". */
  border-collapse:  collapse;   /* Valeur par défaut: "separate". */
  border-spacing:   0;
  /*border:           .1em solid #ff0000;*/
}
table.tarifs {
  width:            50%;
  margin:           1em auto;
  border-collapse:  separate; /*collapse;   /* Valeur par défaut: "separate". */
  border-spacing:   .07em;
  border:           .1em solid #AAAAAA;
  background-color: #DDDDFF;
}
td, th {
  padding:          0;          /* Pas de retrait autour du texte = "0". */
  border:           none;
  /*border:           .1em solid #ccc;*/
  vertical-align:   middle;     /* Valeur par défaut: "middle" */
  text-align:       center;
}
td.cellule-logo
{
  text-align:       right;
}
td.cellule-titre
{
  text-align:       left;
  width:            70%;
  vertical-align:   middle;     /* Valeur par défaut: "middle" */
  font-size:        1.5em ;
  color:            #000000;
}
td.cellule-menu
{
  width:            20%;
}
td.cellule-texte
{
  width:            50%;
  vertical-align:   top;
}
td.cellule-image
{
  width:            50%;
  text-align:       center;
  padding-top:      .15em;
}
td.piedDePage
{
  width:            33%;
  text-align:       center;
  padding-top:      .15em;
}
td.tarifs
{
  width:            33%;
  text-align:       center;
  padding-top:      .15em;
  border:           .1em solid #555555;
}



/* Liens */
a {
  font-weight:      bold;
}
a:link {
  color:            #0000ee;
}
a:visited {
  color:            #0000ee;
  text-decoration:  none;
}
a:active {
  color:            #0000ee;
}
a:hover {
  color:            #0000ee;
}


/* Formulaires */

form, fieldset {
  margin:           0;
  padding:          0;
  border:           none;
}
input, button, select {
  vertical-align:   middle;
}


/* Images */

img {
  border-top:       none;
  border-right:     none;
  border-bottom:    none;
  border-left:      none;
  text-align:       center;
}

.plan-google{
  width:            26em;
  height:           22em;
  overflow:         hidden;
}

span.lettrine {
  font-size:        2em ;
  /*color:            #27279f;*/
  color:            #000088;
}
span.sousTitre {
  font-weight:      normal;
  font-size:        .8em ;
}


em {
  font-style:       normal;
  font-weight:      bold;
}

em.rouge {
  color:            #ff0000;
}
em.bleu {
  color:            #000088;
}
em.italic {
  font-weight:      normal;
  font-style:       italic;
}

.evenement {
  color: blue;
  // margin: 60px;
  //border: 1px solid black;

}

.dateevenement{
  //border: 1px solid black;
  padding-right:20px;
}

a.dateevenement:hover{
  //border: 1px solid black;
  padding-right:20px;
  color:#333;
}

.infoaccueil {
  color: red;
}
  
a.titreinfo{
  color: red;
 font-weight:bold; 
 margin-right: 20px;
}