/*
 * Feuille de style principale
 */

body
{ 
  color: grey;
  font-size: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 99%;
 }

/* partie spécifique contenu */
.contenu
{ 
  border: 1px dotted grey;
  font-family: "Courier New", monospace, fixed;
  margin-left: 33%;
  margin-right: 1%;
  padding: 1em;
  text-align: left;
 }
.contenu:hover
{ 
  border: 1px solid black;
}
.contenu h2
{ 
  letter-spacing: 0.3em;
  text-align: center;
 }
.contenu .chapo
{ 
  border: 1px dotted silver;
  text-align: justify;
  display: block;
  font-size: smaller;
  font-style: italic;
  margin: 1em;
  padding: 1em;
 }
.contenu a
{ 
  border-bottom: 2px solid white;
  border-bottom: 1px dotted darkred;
  color: black;
  margin: 0.1em;
  padding: 0.1em;
  text-decoration: none;
 }
.contenu a:hover
{ 
  border-bottom: 2px solid red;
 }
.archives
{ 
  font-size: smaller;
  font-weight: lighter;
  font-style: italic;
 }
/* autre parties */

#navoutils
{ 
  margin-left: 1%;
  float: left;
  width: 30%;
  text-align: left;
 }
.navboite
{ 
  font-family: sans-serif;
  padding: 1em;
  margin-bottom: 1em;
  border: 1px dotted silver;
}
.navboite:hover
{ 
  border: 1px solid grey;
}
#clear
{ 
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
 }
#hautdepage, 
#basdepage
{ 
  color: grey;
  margin: 1%;
  padding: 1em;
 }
h1#hautdepage
{ 
  font-size: 90%;
  letter-spacing: 0.5em;
  background-image: url(Banner-01.png);
  background-repeat: no-repeat;
  background-position: right;
  color: black;
  font-weight: bolder;
  font-size: 125%;
 }
h1#hautdepage:hover
{ 
  height: 300px;
  font-size: 200%;
 }
#hautdepage
{ 
  text-align: left;
 }
#basdepage
{ 
  text-align: right;
 }

#contacts
{ 
  color: black;
  font-size: larger;
  font-weight: 600;
 }
#contacts>.mailto{ color: red; }
#siteinfos
{ 
  color: grey;
  font-size: smaller;
  font-weight: 100;
  text-decoration: none;
 }

/* nav outils */
#navoutils
{ 
  text-align: left;
 }
a.navlink
{ 
  display: block;
  text-decoration: none;
  color: gray;
 }
a.navlink:before
{ 
  content: ">>> ";
 }
a.navlink:visited
{ 
  color: silver;
 }
a.navlink:hover
{ 
  color: red;
  border-bottom: 1px solid red;
 }
a.navlink:hover:after
{  
  content: " <<<"; 
}
a.navtitre
{ 
  font-weight: bolder;
  font-size: larger;
  color: black;
 }

/* classes diverses */

h1
{ 
  text-align: center;
  font-weight: 600;
 }

a.mailto
{ 
  text-decoration: none;
  font-style: italic;
 }
a.mailto:hover
{ 
  color: red;
  border-bottom: 1px solid red;
 }
a.mailto:after
{ 
  color: gray;
  border: 0;
  content: " (email)"
  }

a.noshow
{ 
  color: inherit;
  text-decoration: none;
  font-weight: bolder;
 }
a.noshow:hover
{ 
  text-decoration: underline;
 }
.strong
{ 
  font-weight: 600 !important;
  font-style: normal;
 }
.big
{ 
  font-size: +130%;
  font-weight: 600;
 }
.important,
.Important
{ 
  font-size: +200%;
  font-weight: 600;
  text-align: center;
 }
.important:hover,
.Important:hover
{ 
  color: red;
 }
/*.supernote
{ 
  font-size: smaller;
  font-weight: lighter;
  font-variant: small-caps;
  vertical-align: super;
 }
a.supernote
{  
  border: 0;
  text-decoration: none;
}
a.supernote:hover
{  
  border: 0;
  text-decoration: none;
  background: gray;
  color: white;
}
*/
.note
{ 
  font-size: smaller;
  font-weight: lighter;
  padding: 1em;
 }
.texte,
.text
{ 
  color: black;
 }
.adresse
{ 
  color: black;
  margin: 1em;
  font-size: larger;
  font-family: fixed;
 }
.adresse .mailto
{ 
  color: red; 
}
.adresse>address
{ 
  padding: 1em;
}
.plan
{ 
  float: right;
  border: 1px solid red;
  padding: 1em;
  margin: 1em;
  }
.date
{ 
  margin: 1em;
  border-top: 1px solid red;
  padding: 0.5em;
  padding-top: 1em;
  clear: right;
 }
.date dt
{ 
  display: block;
  margin: 1em;
 }
.date dt:before
{
  content: ">>> ";
}
.date dd
{ 
  display: block;
  margin: 1em;
  padding: 1em;
  border: 1px dotted grey;
  text-align: justify;
 }
.date h3
{ 
 }
/* date now */
.now
{ 
  border: 1px solid red;
 }
.now h3
{ 
  font-size: larger;
  font-weight: bolder;
 }
/* date futur */
.futur
{  
  font-weight: lighter;
  font-size: 90%;
}

img.Visuel,
img.visuel
{ 
  float: right;
  border: 1px;
  margin: 2px;
  margin-left:   1em;
  margin-bottom: 1em;
  max-height: 150px;
 }

img.Illustration
{ 
  width: 200px;
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
  margin-left: 1em;
 }
.Artist,
.artist
{ 
  font-weight: bolder;
  font-style: italic;
  text-decoration: none;
 }
a.Artist,
a.artist
{ 
  color: inherit;
  background-color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted red;
 }
a.Artist:hover,
a.artist:hover
{ 
  color: black;
  background-color: yellow;
 }
.center
{ 
  text-align: center;
 }

p
{ 
  text-align: justify;
  padding: 0.2em;
 }

p .lettrines, 
p:first-letter
{ 
  font-size: +110%;
  font-style: normal;
  font-variant: small-caps;
  font-weight: bolder;
 }
p .lettrines:before
{ 
  content: ">>> ";
 }
/*
a:focus, 
a:active
{ 
  background: silver;
  border: 1px solid red;
  color: red;
  font-weight: bolder;
  text-decoration: blink;
}
a:active
{ 
  font-weight: 600;
}
*/
a.wikilink
{ 
  border-width: 1px;
  border-style: dotted;
  border-color: silver;
 }
a.wikilink:hover
{  
  border-width: 1px;
  border-color: silver;
  cursor: help;
}
a.ext, a.wikilink
{
  background: transparent url(ext.gif) right center no-repeat;
  padding-right: 10px;
}

li
{ 
  list-style-type: circle;
 }
li:hover
{ 
  list-style-type: disc;
 }

.selfref
{ 
  text-align: right;
  font-size: 75%;
  font-style: normal;
  border: 0;
  color: grey;
 }
.selref a:hover
{ 
  border: 0;
  color: black;
 }

.Postit,
.postit
{ 
  background-color: #FFFFCC; /*lightyellow*/
  border: 1px dotted red;
 }

.Poeme,
.poeme
 {
     text-align: center;
     font-style: oblique;
     line-height: 180%;
     padding: 1em;
 }
.Description,
.description
 {
     font-style: normal;
     font-familly: serif;
     line-height: 180%;
     padding: 1em;
 }

.Cancelled,
.cancelled,
dt.Cancelled + dd,
dt.cancelled + dd
{ 
  font-size: smaller;
  font-weight: lighter;
  text-decoration: line-through !important;
 }

dl.FAQ dt
{ 
  font-weight: bolder;
  padding-top: 1em;
 }
dt
{ 
  text-align: justify:
 }

.hidden, .print { display: none; }

/* style pour impression */

@media print
{
  body
  { 
    font-size: 13px;
    background-color: white;
    color: black;
    }

  .noprint { display: none; }
  .print { display: block; }
  .contenu { margin-left: 1%; }
  .contenu a
  { 
    border: 0;
    padding: 0;
    text-decoration: underline;
    font-style: oblique;
  }
  /* impression de l'url du lien après sauf en cas de lien mailto */
  .contenu a:after 
  {
    content: " [-> "attr(href)"]";
    font-size: smaller;
    color: gray;
  }
  .contenu a.mailto:after 
  {
    content: " (email)";
    font-size: smaller;
    color: gray;
  }
  .contenu .chapo
  { 
    border: 0px;
    color: gray;
  }
  #hautdepage
  { 
    text-align: center;
    font-weight: bolder;
  }
}

/*** style.css ends here ***/