body {
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 12px;
    color: #000000;
  }


a {
    color: #000000;
  }


select {
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #e9e8f7;
  }


ul {
    list-style-type: disc;
    list-style-image: url(images/ul.gif);
    list-style-position: outside;
  }


h2 {
    font-size: 14px;
  }


.copy {
    font-family : Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    color : #bdbdbd;
    font-size : 10px;
  }
  
.copy a {
    text-decoration :none;
    color : #bdbdbd;
}

.copy a:hover {
    color: #818181;
}


.lg1 {
    width:200px;
  }


.msgboard {
    color : #0e34b0;
    font-family : Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size : 12px;
    height : 16px;
    padding-bottom : 3px;
    vertical-align : middle;
  }


.msgboard a {
    color: #000000;
    text-decoration : none;
  }


.msgboard a:hover {
    background-color : #eaeaea;
    color : #000000;
  }


.li_actif {
    color : #0F206F;
  }


.li_actif a {
    color : #0F206F;
    text-decoration : none;
  }


.li_actif a:hover {
    background-color: #112991;
    color : #FFFFFF;
  }


.li_inactif {
    color : #A2A2A2;
  }


.li_inactif a {
    color : #A2A2A2;
    text-decoration : none;
  }


.li_inactif a:hover {
    background-color: #575757;
    color : #DCDCDC;
  }


.back_top {
    background-image: url(images/back_top.jpg);
    background-repeat: no-repeat;
    background-position: left top;
  }


.back_bottom {
    background-image: url(images/back_bottom.jpg);
    background-position: right bottom;
    background-repeat: repeat;
  }


.fond_info {
    background-image: url(images/fond_info.jpg);
    background-repeat: no-repeat;
    background-position: center center;
  }


.menupro {
    border-bottom-color : #5c5c5c;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #5c5c5c;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #5c5c5c;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #5c5c5c;
    border-top-style : solid;
    border-top-width : 1px;
    color : #575757;
    font-family : 'Courier 10 Pitch','Courier',monospace;
    font-size : 11px;
    font-weight : bolder;
    padding-bottom : 1px;
    padding-left : 6px;
    padding-right : 6px;
    padding-top : 1px;
  }


.menupro a {
    color: #575757;
    text-decoration : none;
  }


.menupro a:hover {
    background-color : #E5E5E5;
    color : #000000;
  }


.cadre_titre_rouge {
    color: #8c0429;
    font-family: 'Courier 10 Pitch','Courier',monospace;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 5px;
  }


.cadre_titre_rouge span {
    font-size: 12px;
    letter-spacing: 1px;
  }


.cadre_titre_vert {
    color: #538A42;
    font-family: 'Courier 10 Pitch','Courier',monospace;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 5px;
  }


.cadre_titre_vert span {
    font-size: 12px;
    letter-spacing: 1px;
  }


.cadre_titre_orange {
    color: #FF9900;
    font-family: 'Courier 10 Pitch','Courier',monospace;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 5px;
  }


.cadre_titre_orange span {
    font-size: 12px;
    letter-spacing: 1px;
  }


.cadre_titre_bleu {
    color: #2d357e;
    font-family: 'Courier 10 Pitch','Courier',monospace;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 5px;
  }


.cadre_titre_bleu span {
    font-size: 12px;
    letter-spacing: 1px;
  }


.bas_rouge {
    font-size: 10px;
    background-color: #8c0429;
    color: #ffffff;
  }


.bas_rouge a {
    color: #ffffff;
  }


.bas_vert {
    font-size: 10px;
    background-color: #538A42;
    color: #ffffff;
  }


.bas_vert a {
    color: #ffffff;
  }


.bas_orange {
    font-size: 10px;
    background-color: #FF9900;
    color: #000000;
  }


.bas_orange a {
    color: #000000;
  }


.bas_bleu {
    font-size: 10px;
    background-color: #2d357e;
    color: #ffffff;
  }


.bas_bleu a {
    color: #ffffff;
  }


.cadre_tiret {
    border-color : #555555;
    border-style : dotted;
    border-width : 2px;
  }


.cadre_tiret_intro {
    border-color : #555555;
    border-style : dotted;
    border-width : 2px;
    font-size: 10px;
  }


.titre {
    background: transparent url(images/back_cadre.jpg) repeat-y scroll right center;
  }


.titre_bord {
    background: transparent url(images/back_cadre.jpg) repeat-y scroll left center;
  }


.titre_gauche {
    background: transparent url(images/top_cadre.jpg) no-repeat scroll left center;
    width: 20px;
  }


.titre_droite {
    background: transparent url(images/top_cadre.jpg) no-repeat scroll right center;
    height: 40px;
    font-weight: bolder;
    line-height: 38px;
    color: #fff8dc;
  }


.titre_rouge {
    background: transparent url(images/back_cadre.jpg) repeat-y scroll right center;
  }


.titre_gauche_rouge {
    background: transparent url(images/top_cadre.jpg) no-repeat scroll left center;
    width: 94px;
  }


.titre_droite_rouge {
    background: transparent url(images/top_cadre.jpg) no-repeat scroll right center;
    height: 40px;
    font-weight: bolder;
    line-height: 38px;
    color: #fff8dc;
    font-family: Tahoma,Arial,'Sans Serif';
    font-size: 14px;
  }


.titre_orange {
    background: transparent url(images/back_cadre_orange.jpg) repeat-y scroll right center;
  }


.titre_gauche_orange {
    background: transparent url(images/top_cadre_orange.jpg) no-repeat scroll left center;
    width: 94px;
  }


.titre_droite_orange {
    background: transparent url(images/top_cadre_orange.jpg) no-repeat scroll right center;
    height: 40px;
    font-weight: bolder;
    line-height: 38px;
    color: #000000;
    font-family: Tahoma,Arial,'Sans Serif';
    font-size: 14px;
  }


.titre_vert {
    background: transparent url(images/back_cadre_vert.jpg) repeat-y scroll right center;
  }


.titre_gauche_vert {
    background: transparent url(images/top_cadre_vert.jpg) no-repeat scroll left center;
    width: 94px;
  }


.titre_droite_vert {
    background: transparent url(images/top_cadre_vert.jpg) no-repeat scroll right center;
    height: 40px;
    font-weight: bolder;
    line-height: 38px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,'Sans Serif';
    font-size: 14px;
  }


.titre_bleu {
    background: transparent url(images/back_cadre_bleu.jpg) repeat-y scroll right center;
  }


.titre_gauche_bleu {
    background: transparent url(images/top_cadre_bleu.jpg) no-repeat scroll left center;
    width: 94px;
  }


.titre_droite_bleu {
    background: transparent url(images/top_cadre_bleu.jpg) no-repeat scroll right center;
    height: 40px;
    font-weight: bolder;
    line-height: 38px;
    color: #FFFFFF;
    font-family: Tahoma,Arial,'Sans Serif';
    font-size: 14px;
  }


.titre_texte {
    color: #000000;
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 12px;
    padding-right: 30px;
  }


.liste {
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 11px;
    color: #000000;
  }


.texte {
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 12px;
    color: #000000;
  }


.info {
    font-weight: bolder;
    font-family: Tahoma,"Century Gothic",Arial;
    font-size: 12px;
    color: #000000;
    padding-left: 24px;
    padding-right: 24px;
  }


.liste_titre {
    background-color : #d3e0d6;
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    color : #000000;
    font-family : Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size : 12px;
    font-weight : bold;
  }


.liste_titre_vert {
    background-color : #d3e0d6;
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    color : #000000;
    font-family : Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size : 12px;
    font-weight : bold;
  }


.liste_titre_bleu {
    background-color : #d3e0d6;
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    color : #000000;
    font-family : Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size : 12px;
    font-weight : bold;
  }


.liste_titre_tiretbas {
    border-bottom: 1px dotted #e3e3e3;
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 11px;
    color: #ffc0d6;
    background-color: #9c2641;
    font-weight: bold;
  }


.listecadretableau {
    border: 1px solid #5B5B5B;
    font-family: Verdana,"Lucida Sans Typewriter","Century Gothic",Arial,sans-serif;
    font-size: 11px;
    color: #000000;
  }


.lignetiretbas {
    border-bottom: 1px dotted #e3e3e3;
  }


.cadre {
    border: 1px solid #000000;
  }


#dropcontentsubject {
    width: 300px;
    font-weight: bold;
    font-size : 14px;
  }


.dropcontent {
    background-color : #2A2A31;
    border-bottom-color : black;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : black;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : black;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : black;
    border-top-style : solid;
    border-top-width : 1px;
    color : #FFFF64;
    text-align : center;
    text-decoration : none;
    vertical-align : middle;
    width : 80%;
    font-weight :bold;
    margin-top : 3px;
    padding: 3px;
    display:none;
  }


.dropcontent a {
    text-decoration : none;
    color : #FFFF64;
    font-weight :bold;
  }


.dropcontent a:hover {
    color : #2A2A31;
    background-color : #FFFF64;
  }


#popitmenu {
    position: absolute;
    background-color: white;
    border:1px solid black;
    font: normal 12px Verdana;
    line-height: 18px;
    z-index: 100;
    visibility: hidden;
  }


#popitmenu a {
    text-decoration: none;
    padding-left: 6px;
    color: black;
    display: block;
  }


#popitmenu a:hover {
    /*hover background color*/background-color: #C1C1C1;
  }


#topbar_rouge {
    background-color: #8c0429;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    overflow:auto;
    height : 24px ! important;
    height : 36px;
    line-height :24px ! important;
    line-height :36px;
    clear:both;
    font-family : Tahoma,Arial,'Sans Serif';
    font-size : 14px;
    font-weight : bold;
  }


#topbar_rouge a {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-right : 10px;
    margin-top : 0;
    text-decoration : none;
    text-indent : 10px;
  }


#topbar_rouge a span {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-top : 0;
    text-decoration : none;
  }


#topbar_rouge a:hover {
    background: transparent url(images/onglet/tb_a_rouge.png) no-repeat scroll right top;
    height: 23px;
    line-height: 23px;
    color: #8c0429;
  }


#topbar_rouge a:hover span {
    background: transparent url(images/onglet/tb_span_rouge.png) no-repeat scroll left top;
    height: 23px;
    line-height: 23px;
    color: #8c0429;
  }


#topbar_orange {
    background-color: #ff9900;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    overflow:auto;
    height : 24px ! important;
    height : 36px;
    line-height :24px ! important;
    line-height :36px;
    clear:both;
    font-family : Tahoma,Arial,'Sans Serif';
    font-size : 14px;
    font-weight : bold;
  }


#topbar_orange a {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-right : 10px;
    margin-top : 0;
    text-decoration : none;
    text-indent : 10px;
  }


#topbar_orange a span {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-top : 0;
    text-decoration : none;
  }


#topbar_orange a:hover {
    background: transparent url(images/onglet/tb_a_orange.png) no-repeat scroll right top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }


#topbar_orange a:hover span {
    background: transparent url(images/onglet/tb_span_orange.png) no-repeat scroll left top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }


#topbar_vert {
    background-color: #538A42;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    overflow:auto;
    height : 24px ! important;
    height : 36px;
    line-height :24px ! important;
    line-height :36px;
    clear:both;
    font-family : Tahoma,Arial,'Sans Serif';
    font-size : 14px;
    font-weight : bold;
  }


#topbar_vert a {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-right : 10px;
    margin-top : 0;
    text-decoration : none;
    text-indent : 10px;
  }


#topbar_vert a span {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-top : 0;
    text-decoration : none;
  }


#topbar_vert a:hover {
    background: transparent url(images/onglet/tb_a_vert.png) no-repeat scroll right top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }


#topbar_vert a:hover span {
    background: transparent url(images/onglet/tb_span_vert.png) no-repeat scroll left top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }


#topbar_bleu {
    background-color: #2d357e;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    overflow:auto;
    height : 24px ! important;
    height : 36px;
    line-height :24px ! important;
    line-height :36px;
    clear:both;
    font-family : Tahoma,Arial,'Sans Serif';
    font-size : 14px;
    font-weight : bold;
  }


#topbar_bleu a {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-right : 10px;
    margin-top : 0;
    text-decoration : none;
    text-indent : 10px;
  }


#topbar_bleu a span {
    color : #ffffff;
    display : inline;
    float : left;
    height : 23px;
    line-height : 23px;
    margin-bottom : 0;
    margin-top : 0;
    text-decoration : none;
  }


#topbar_bleu a:hover {
    background: transparent url(images/onglet/tb_a_bleu.png) no-repeat scroll right top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }


#topbar_bleu a:hover span {
    background: transparent url(images/onglet/tb_span_bleu.png) no-repeat scroll left top;
    height: 23px;
    line-height: 23px;
    color: #FFFFFF;
  }

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */