body {
  background-color : #33CCFF;
  scrollbar-face-color: #306090;
  scrollbar-shadow-color: #306090;
  scrollbar-highlight-color: #306090;
  scrollbar-3dlight-color: #33CCFF;
  scrollbar-darkshadow-color: #306090;
  scrollbar-track-color: #33CCFF;
  scrollbar-arrow-color: #FFFFFF;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: normal; 
  color: #000000; text-align: justify;
  }

A.lien { 
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #306090;
         text-decoration: none;
}
A.lien:active {
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #306090;
         text-decoration: none;
}
A.lien:visited {
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #306090;
         text-decoration: none;
}
A.lien:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        text-decoration: underline; 
}

A.lienbottom { 
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none;  
}
A.lienbottom:active {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.lienbottom:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.lienbottom:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #306090;
        background-color: #33CCFF; 
        text-decoration: none;
}

A.lienpromo { 
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #000000;
         background-color : #00CC66;
         text-decoration: none;
}
A.lienpromo:active {
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #000000;
         background-color : #00CC66;
         text-decoration: none;
}
A.lienpromo:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        background-color : #00CC66;
        text-decoration: none;
}
A.lienpromo:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #FFFF99;
        background-color: #000000; 
        cursor:help; 
        text-decoration: overline underline; 
}

A.lienmenu { 
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #FFFFFF;
         text-decoration: none;
}
A.lienmenu:active {
         font-family: Arial, Verdana, sans-serif;
         font-size: 14px;
         font-weight: normal;
         color: #FFFFFF;
         text-decoration: none;
}
A.lienmenu:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
}
A.lienmenu:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #306090; 
        text-decoration: underline; 
}

A.lienfooter { 
         font-family: Arial, Verdana, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #FF0033;
         text-decoration: none;
}
A.lienfooter:active {
         font-family: Arial, Verdana, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #FF0033;
         text-decoration: none;
}
A.lienfooter:visited {
         font-family: Arial, Verdana, sans-serif;
         font-size: 12px;
         font-weight: normal;
         color: #FF0033;
         text-decoration: none;
}
A.lienfooter:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #33CCFF;
        text-decoration: underline; 
}

A.menu { 
         font-family: Arial, Verdana, sans-serif;
         font-size: 10px;
         font-weight: normal;
         color: #FFFFCC;
         background-color: 0099FF;
         text-decoration: none;
}
A.menu:active {
         font-family: Arial, Verdana, sans-serif;
         font-size: 10px;
         font-weight: normal;
         color: #FFFFCC;
         background-color: 0099FF;
         text-decoration: none;
}
A.menu:visited {
         font-family: Arial, Verdana, sans-serif;
         font-size: 10px;
         font-weight: normal;
         color: #FFFFCC;
         background-color: 0099FF;
         text-decoration: none;
}
A.menu:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #33CCFF;
        background-color: 0099FF;
        text-decoration: underline; 
}

A.liendetail { 
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none;  
}
A.liendetail:active {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.liendetail:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.liendetail:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #306090;
        background-color: #33CCFF; 
        text-decoration: none;
}

A.lienpage { 
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none;  
}
A.lienpage:active {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.lienpage:visited {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #33CCFF;
        background-color: #306090;
        text-decoration: none; 
}
A.lienpage:hover {
        font-family: Arial, Verdana, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #306090;
        background-color: #33CCFF; 
        text-decoration: none;
}

.titremenu1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF; }

.titremenu2 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #33CCFF; }

.titre { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; font-weight: normal; color: #000000; text-align: center; }

.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; background-color: #306090;} 

.select {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #306090; background-color: #33CCFF;} 

.input {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #306090; background-color: #33CCFF;} 

.inscription { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #306090; text-align: right; }

.auteur { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #009966; text-align: center; }

.texte {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-align: justify; }

.alerte { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #FF0033;} 

.menu {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; color: #FFFFFF; }

.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; color: #FFFFCC; }

.titre_activite { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; text-align: center; }

.titre_programmation { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #33CCFF; text-align: center; }

.desc_activite { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #333333; text-align: center; font-style: italic; }

.texteCheckbox {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000000; }

.questionEchec { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #306090; text-align: justify; }

.description_activité {  font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #333333; text-align: center; font-style: italic}

.titre_rubriq_activit {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-align: center}

.activit_texte {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: justify}

.nomactivités {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FF0000; text-align: center}

.activiteActualite {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; text-align: center}