/* feuille css de la page d'accueil */
* {
   margin: 0;
   padding: 0;
}
body {
   font-family: arial,verdana,sans-serif;
   font-size: 13px;
}
h1 {
   margin-top: 5px;
   font-size: 18px;
   text-align: center;
}
h2 {
   font-size: 14px;
   text-align: center;
}
p {
   margin-top: 3px;
}
a {
   font-weight: bold;
   color: blue;
   text-decoration: none;
}
p.pub {
   text-align: center;
   margin: 8px 0;
   background-color: #FFEE88;
}
acronym {
   cursor: help;
   border-bottom: 1px dashed #000;
}
/* différentes sections de la page */
#title {
   position: absolute;
   top: 0;
   left: 0;
   right: 660px;
   height: 50px;
   width: 660px;
}
#content {
   position: absolute;
   top: 60px;
   left: 0;
   right: 500px;
   width: 500px;
   height: auto;
}
#totem {
   position: absolute;
   left:515px; 
   top:60px; 
   width:148px; 
   height: 600px;
   text-align: center;
}
dl {
   margin-left: 5px;
}

dt {
   border: solid 1px;
   font-size: 16px;
   font-weight: bold;
   padding: 0 3px;
}

dd {
   border: solid 1px;
   margin-bottom: 20px;
   padding: 2px 5px;
}
dt {
   /*display: inline;*/
}
.un dt{
   border-color: #f30;
   background-color: #f30;
}
.deux dt{
   border-color: #FFCD00;
   background-color: #FFCD00;
}
.trois dt{
   border-color: #5E9A37;
   background-color: #5E9A37;
}
.un dd{
   background-color: #fee;
   border-color: #f30;
}
.deux dd {
   background-color: #FFFFDD;
   border-color: #FFCD00;
}
.trois dd {
   background-color: #DDFFDD;
   border-color: #5E9A37;
}

.lettrine0 {
   float: left;
   font-size: 38px;
   background: url(../../images/zapette_mini.png) no-repeat;
   border: none;
   margin: 1px;
   padding: 16px 15px;;
}
.lettrine1 {
   float: left;
   font-size: 18px;
   background: url(../../images/formateur-petit.gif) no-repeat;
   border: none;
   margin: 2px;
   padding: 16px 25px;;
}
.lettrine2 {
   float: left;
   font-size: 16px;
   background: url(../../images/logoSP_PLUS_50.gif) no-repeat;
   border: none;
   margin: 6px;
   padding: 16px 25px;;
}