html, body { margin: 0px; background-color: #fff; font-family: Verdana; }
p { text-indent: 20px; text-align: justify; font-size:10px; margin: 10px; }

#table_cadre { width: 100%; }
#titre_cadre { color: #396; font-weight:bold; text-align:left; vertical-align:middle; border-bottom: 1px solid #963; font-size:14px; padding-bottom: 2px; padding-left: 5px; }
#icone_cadre { text-align:right; vertical-align:middle; border-bottom: 1px solid #963; padding-bottom: 2px; padding-right: 5px; }
#contenu_cadre { padding: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; font-size:10px; }

.table_article { border: 1px solid #006; width:100%; }
.titre_article_bleu_clair { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #9cf; color: #006; font-size:12px; font-weight: bold; }
.titre_article_orange { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #f90; color: #fff; font-size:12px; font-weight: bold; }
.titre_article_bleu { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #006; color: #fff; font-size:12px; font-weight: bold; }
.titre_article_violet { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #c69; color: #fff; font-size:12px; font-weight: bold; }
.titre_article_vert { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #3c6; color: #fff; font-size:12px; font-weight: bold; }
.titre_article_rouge { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #fff; width:100%; background-color: #c00; color: #fff; font-size:12px; font-weight: bold; }
.contenu_article { border-left: 1px solid #006; border-bottom: 1px solid #006; padding: 5px; width:100%; font-size:10px; }
.table_publication_article, .table_infos_article, .table_infos_courses { border-left: 1px solid #006; border-right: 1px solid #006; border-bottom: 1px solid #006; width:100%; background-color: #eee;  }
.publication_article { text-align:left; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; font-size:9px; color:#06c; font-weight: bold; }
.infos_article, .inscriptions_courses { text-align:center; padding-left: 5px; padding-top: 1px; padding-bottom: 1px; font-size:9px; color:#06c; font-weight: bold; }
.reaction_article, .infos_courses, .date_courses, a.info { text-align:right; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-size:9px; color:#06c; font-weight: bold; text-decoration:none; }
.table_titre_courses, .table_contenu_courses, .table_infos_courses, .table_courses_infos { width: 100%; margin-right: 5px; margin-left: 5px;}
.table_titre_courses { margin-top: 10px; }
.inscriptions_courses { text-align:left; }
.titre_courses { border-bottom: 1px dashed #666; font-size:12px; color:#006; font-weight: bold; padding-left: 10px; padding-right: 20px; }
.date_courses { width: 300px; color:#c00; border: 1px solid #666; text-align:center; background-color: #efe; }
.table_contenu_courses { border-right: 1px solid #666; border-bottom: 1px solid #666; padding-bottom: 5px; width: 100%; }
.table_infos_courses { border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #fef; }
.table_courses_infos { font-size:10px; margin-top: 5px; }
.titre_courses_infos { font-size:10px; color:#093; font-weight: bold; vertical-align:top; padding: 2px; }
.infos_courses { width: 300px; text-align:center; }
a.info:hover { text-decoration: underline; }
.miniature_out { border: 1px solid #999; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.miniature_over { border: 1px solid #666; cursor: pointer; }
.table_miniatures { padding-bottom: 5px; width: 100%; }

.table_icones_out { background-color: #fff; border: 1px solid #fff; }
.table_icones_over { cursor:pointer; background-color: #9cf; border: 1px solid #3ba1cc;  }
.table_icones_over th { text-decoration: underline;  }
.table_icones_img { width: 32px; height: 32px; text-align: center; vertical-align: middle; }
.table_icones_titre { width: 175px; text-align: left; vertical-align: middle; font-size:12px; color: #036; font-weight: bold; }
.table_icones_description { text-align: left; vertical-align: middle; font-size:10px; color: #036; text-decoration: none; }

a.bt_gris, a.bt_gris:hover, a.bt_gris:active, input.iptBt { cursor:pointer; border: none; background-color: transparent; font-size:10px; font-weight: bold; text-decoration: none; color: #333; }
a.bt_bleu, a.bt_bleu:hover, a.bt_bleu:active { font-size:10px; font-weight: bold; text-decoration: none; color: #036; }

.navig, a.navig:hover, a.navig:active, .nonavig, .isnavig { font-family: verdana; text-decoration: none; font-size:10px; }
a.navig, a.navig:hover, a.navig:active { cursor: pointer; }
a.txt_navig, a.txt_navig:hover, a.txt_navig:active, a.txt_nonavig, a.txt_isnavig { font-size:10px; font-weight: bold; text-decoration: none; }
a.txt_navig, a.txt_navig:hover, a.txt_navig:active { cursor: default; }
a.txt_navig, .navig { color: #006; font-weight: bold;  }
a.txt_navig:hover, a.navig:hover { text-decoration: underline; color: #900; }
a.txt_navig, a.txt_navig:hover { color: #009; }
a.txt_navig:active, a.txt_isnavig, a.navig:active, a.isnavig { font-weight: bold; color: #900; }
a.txt_nonavig, a.nonavig { color: #000; font-style: italic; }
a.nonavig, a.isnavig, a.txt_nonavig, a.txt_isnavig { cursor: default; }

.caption { color: #006; font-size:10px; font-weight: bold; text-align: right; }
.captionArea { color: #006; font-size:10px; font-weight: bold; text-align: center; }

td.caption { color: #006; font-size:10px; font-weight: bold; text-align: right; }
input.iptTxt { color: #333; font-size:10px; padding-left: 1px; font-family: verdana; border: 1px solid #ddd; background-color: #eee; }
input.iptTxt:hover { background-color: #ddd; border: 1px solid #ccc; }
input.iptTxt:focus { background-color: #fff; border: 1px solid #006; }
input.iptBt {}

.titre { font-weight: bold; text-align: center; color: #000; font-size: 12px; padding-bottom: 2px; padding-top: 2px; }
th.entete { font-size:11px; font-weight: bold; cursor: pointer; border-top: 1px solid #003;  border-bottom: 1px solid #003; background-color: #3ba1cc; color: #fff; padding-top: 1px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; }
th.entete:hover { padding-left: 2px; padding-right: 2px; border-left: 1px solid #003;  border-right: 1px solid #003; }
td.contenu { font-size:10px; height: 20px; cursor: default; text-align: center; border-bottom: 1px inset #333; background-color: #fff; color: #003; empty-cells: show; padding-left: 3px; padding-right: 3px; }

.table_menu { width: 100%; }
.titre_menu { vertical-align:middle; height: 22px; border-bottom: 1px solid #006; font-size:12px; font-weight: bold; padding-left: 5px; color: #06c; }
.table_contenu_menu { width: 100%; border-bottom: 1px solid #006; }

input.iptTxtInscription:hover { background-color: #eee; border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; }
input.iptTxtInscription, input.iptTxtInscription:focus { font-size: 10px; background-color: #fff; border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.captionInscription { color: #06c; font-size:10px; font-weight: bold; padding-left: 5px; }

.table_pagination { width: 100%; }
.table_pagination_precedente { width: 20%; text-align: left; }
.table_pagination_contenu { width: 60%; text-align: center; vertical-align:middle; padding-bottom: 2px; }
.table_pagination_suivante { width: 20%; text-align: right; }
a.table_pagination_lien_precedente { padding-left: 5px; padding-top: 1px; padding-bottom: 1px; font-size:9px; color:#06c; font-weight: bold; text-decoration:none; }
a.table_pagination_lien_suivante { padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font-size:9px; color:#06c; font-weight: bold; text-decoration:none; }
a.table_pagination_lien_page { padding-left: 3px; padding-right: 3px; color:#06c; font-weight: bold; font-size:9px; text-decoration:none; background-color: #eee; border: 1px solid #eee; }
a.table_pagination_page_courante { padding-left: 3px; padding-right: 3px; color:#06c; font-weight: bold; font-size:9px; background-color: #fff; border: 1px solid #666; }
a.table_pagination_lien_precedente:hover { text-decoration: underline; }
a.table_pagination_lien_suivante:hover { text-decoration: underline; }
a.table_pagination_lien_page:hover { border: 1px solid #006; }
a.lien_diaporama { padding-left: 3px; padding-right: 3px; color:#06c; font-weight: bold; font-size:9px; text-decoration:none; background-color: #fef; border: 1px solid #fef; }
a.lien_diaporama:hover { border-left: 1px solid #006; border-right: 1px solid #006; color: #600; }