/*
  feuille de style pour le site de calligraphis
  2010-02-18
*/
a {
  color: #cc9;
  text-decoration: none;
}
a:active , a:hover {
  color: #ccf;
}
a:link {
  color: #cc9;
  text-decoration: none;
}
a:visited {
  color: #ccf;
}
address {
  color: #fff;
  font-size: 80%;
  font-style: normal;
  margin: 0px;
  padding: 0px;
}
.bando01 {
  background-image: url(../fonds/bando01.gif);
  background-repeat: repeat-x;
}
.bando02 {
  background-image: url(../fonds/bando02.gif);
  background-repeat: repeat-x;
}
.bando03 {
  background-image: url(../fonds/bando03.gif);
  background-repeat: repeat-x;
}
.bando04 {
  background-image: url(../fonds/bando04.gif);
  background-repeat: repeat-x;
}
.bando05 {
  background-image: url(../fonds/bando05.gif);
  background-repeat: repeat-x;
}
.bando06 {
  background-image: url(../fonds/bando06.gif);
  background-repeat: repeat-x;
}
.bando07 {
  background-image: url(../fonds/bando07.gif);
  background-repeat: repeat-x;
}
.bando08 {
  background-image: url(../fonds/bando08.gif);
  background-repeat: repeat-x;
}
.bando09 {
  background-image: url(../fonds/bando09.gif);
  background-repeat: repeat-x;
}
.bando10 {
  background-image: url(../fonds/bando10.gif);
  background-repeat: repeat-x;
}
.bando11 {
  background-image: url(../fonds/bando11.gif);
  background-repeat: repeat-x;
}
.bando12 {
  background-image: url(../fonds/bando12.gif);
  background-repeat: repeat-x;
}
.bando13 {
  background-image: url(../fonds/bando13.gif);
  background-repeat: repeat-x;
}
.bando14 {
  background-image: url(../fonds/bando14.gif);
  background-repeat: repeat-x;
}
.bando15 {
  background-image: url(../fonds/bando15.gif);
  background-repeat: repeat-x;
}
.bando16 {
  background-image: url(../fonds/bando16.gif);
  background-repeat: repeat-x;
}
blockquote {
  font-size: 90%;
}
body {
  background-color: #903;
  background-repeat: repeat-x;
  color: #fff;
  font-family: Frutiger, Arial, Helvetica, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  margin: 0px 0px 20px 50px;
}
cite {
  color: #cfc;
  font-style: normal;
}
dd {
  font-size: 90%;
  margin: 0.6ex 0px 0px 2ex;
  padding: 0px 0px 0px 2ex;
}
.demi { /* div en demie largeur, voir la classe .plein */
  float: left;
  margin: 10px 25px 10px 0px;  
  padding: 0px 0px 0px 0px;
  width: 325px;
}
dl {
  font-size: medium;
}
dt {
  margin: 0.6ex 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
dt:before {
  content: "\2713\20"; /* coche */
}
em {
  font-style: normal;
  font-variant: small-caps;
}
.enseigne {
  border-collapse: collapse;
  border-color: #fff;
  border-width: 1px 0px 1px 0px;
  border-style: groove;
  font-size: 80%;
  width: 80% ;
}
.enseigne td {
  border-style: none;
}
.enseigne th {
  border-style: none;
  font-size: 120%;
  padding: 0px 1ex 0px 0px;
  text-align: right;
  vertical-align: text-top;
  width: 33%;
}
.enseigne th, .enseigne td {
  border-color: #fcc;
  border-width: 1px 0px 1px 0px;
  border-style: groove;
  padding: 5px 7px 5px 7px;
}
form {
  font-size: small;
}
h1 {
  font-size: xx-large;
  letter-spacing: 0.3ex;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
h2 {
  clear: both;
  font-size: medium;
  font-weight: 700;
  letter-spacing: 0.1ex;
  margin: 1ex 0px 0.5ex 0px;
  padding: 1ex 0px 0.5ex 0px;
  text-align: left;
}
h3 {
  border-color: #fcc;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  font-size: small;
  font-weight: 700;
  margin: 6ex 33% 4ex 33%;
  padding: 2px 3px 4px 3px;
  text-align: center;
}
h4 {
  font-size: 140%;
  font-weight: 500;
  letter-spacing: 0.1ex;
  margin: 0px;
  padding: 0.75ex 0px 0px 0px;
}
h5 {
  color: #ddd;
  font-size: 90%;
  font-weight: 700;
  margin: 1.25ex 0px 0.75ex 0px;
  padding: 0px;
}
hr {
  border-style: solid;
  color: #ccc;
}
img {
  margin: 6% 0px 2% 0px;
  text-align: right;
}
img.portrait {
  float: left;
  margin: 4px 7px 4px 7px;
}
input {
  font-family: Frutiger, Arial, Helvetica, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: 700;
}
.legende_gauche {
  font-size: xx-small;
  text-align: left;
}
.liste_liens {
  list-style-image: url(puce-triangle.gif);
}
.liste_petite {
  font-size: 90%;
}
.manif {
  border-collapse: collapse;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  font-size: 80%;
  width: 100% ;
}
.manif * img {
  float: left;
  margin: 4px 7px 4px 7px;
}
.manif * td {
  border-color: #fcc;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  padding: 4px;
}
.manif * p {
  font-size: 100%;
}
.manif_ailleurs {
  background-color: #69c;
  text-align: center;
  vertical-align: middle;
}
.manif_animateur {
  text-align: center ;
  vertical-align: middle;
}
.manif_autre {
  background-color: #c69;
  text-align: center;
  vertical-align: middle;
}
.manif_expo {
  background-color: #9c6;
  text-align: center;
  vertical-align: middle;
}
.manif_stage {
  background-color: #c93;
  text-align: center;
  vertical-align: middle;
}
p {
  font-size: medium;
  margin: 0.5ex 0px 0.5ex 0px;
  padding: 1ex 0ex 0ex 0ex;
}
.plein { /* div en pleine largeur, voir la classe .demi */
  clear: both;
  margin: 20px 0px 20px 0px;  
  padding: 0px 0px 0px 0px;
  width: 675px;
}
.renseignements {
  border-collapse: collapse;
  font-size: 95%;
}
.renseignements * td {
  border-bottom: 1px solid #fcc;
  padding: 7px 5px 7px 5px;
}
.sommaire {
  background-image: url(../images/calligraphis-index02.jpg);
  background-repeat: no-repeat;  
}
table {
  border-bottom: 1px solid #fcc;
  border-top: 1px solid #fcc;
  font-size: 100%;
  margin: 1ex 0px 1ex 0px;
  width: 90%;
}
td {
  color: #fff;
  margin: 2px 2px 2px 2ex;
  vertical-align: top;
}
th {
  background-color: #fcc;
  color: #000;
  margin: 1px;
}
ul {
  color: #fff;
  list-style-image: url(puce-coche.gif);
  list-style-position: outside;
  list-style-type: square;
  margin: 0.5ex 0px 0.5ex 0px;
  padding: 0px 0px 0px 3ex;
}
ul li {
  margin: 0.6ex 0px 0.6ex 0px;
}

/* ---------- */