body
{
	background-color: #f7f7ef;
}

@font-face {
    font-family: 'myriadpro-regular-webfont';
    src: url('fonts/myriadpro-regular-webfont.eot');
    src: url('fonts/myriadpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-regular-webfont.html') format('woff'),
         url('fonts/myriadpro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-semiboldcond-webfont';
    src: url('fonts/myriadpro-semiboldcond-webfont.eot');
    src: url('fonts/myriadpro-semiboldcond-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-semiboldcond-webfont.html') format('woff'),
         url('fonts/myriadpro-semiboldcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.tintuc {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.tintuc:hover {font-size:17px;color:#FFFFFF;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.tintuc1 {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.menu {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase}
.menu:hover {font-size:17px;color:#c60606;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none; font-weight:bold; text-transform:uppercase}
.menu1 {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none; margin-left:30}
.menu1:hover {font-size:17px;color:#c60606;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none;  margin-left:30}
.title1 {font-size:25px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none; font-weight:bold}
.title2 {font-size:20px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none; font-weight:bold}
.tintuc2 {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.tintuc2:hover {font-size:17px;color:#c60606;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.tab {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}
.tab:hover {font-size:17px;color:#000000;font-family:'myriadpro-semiboldcond-webfont',sans-serif; text-decoration:none}

.GridPanel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #4e4f4f;
    FONT-FAMILY: Tahoma;
	width: 100%;
}

.GridPanel A
{
	FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline;
}

.ClearPanel
{
	border-collapse: collapse;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #4e4f4f;
    padding: 4px;
    width: 100%;
}

TR.GridRow TD
{
    PADDING: 3px 3px 3px 5px;
    BACKGROUND-COLOR: #F7F7F7;
}

TR.GridRowOver TD
{
	PADDING: 3px 3px 3px 5px;
	background-color: #DDDDDD;
}

A.Action
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-STYLE: normal;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: underline;	
}

TD.Heading2,
TR.Heading2 TD
{
	font-weight: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    HEIGHT: 16pt;
    /*BACKGROUND-COLOR: #013855;*/
    background-color: #ADAAAD;
    padding: 4px 4px 4px 4px;
}

.Summary
{
	font-size: 11px;
	background-color: #F7F7F7;
	font-family: Tahoma;
	padding-left: 5px;
}

.Heading3
{
	PADDING-LEFT: 3pt;
    BACKGROUND-COLOR: #ADAAAD;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    HEIGHT: 20px;
    TEXT-DECORATION: none;
}

.Heading3 TD
{
	padding: 4px 4px 4px 4px;
    BACKGROUND-COLOR: #ADAAAD;
}

.Gap
{
	padding-top: 5px;
}

.Panel .Gap
{
	height: 5px;
}

.Panel .ClearGap
{
	height: 10px;
	background-color: White;
}

.SmallSearch
{
	padding: 0px 2px 3px 0px;
	width: 2%;
}

.SmallSearch A
{
	font-size: 11px;
	color: #333333;
	font-family: tahoma;
}

.Message
{
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	margin: 5px 0px 5px 0px;
	background-color: #f4f4f4;
}

.Error
{
	font-size: 11px;
	color: #333333;
	margin: 5px 0px 5px 0px;
	background-color: #f4f4f4;
	width: 100%;
}

.FieldLabel
{
	padding: 6px 10px 0px 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #4e4f4f;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none;
    vertical-align: top;
    width: 170px;
}

.SmallFieldLabel
{
	padding: 6px 10px 0px 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #4e4f4f;
    FONT-FAMILY: Tahoma;
    TEXT-DECORATION: none;
    vertical-align: top;
    width: 60px;
}

.FormButton
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 11px;
    WIDTH: 80px;
}

.Field,
.Field50,
.Field100,
.Field150,
.Field250,
.Field300,
.Field400,
.Field500
{
	font-size: 11px;
	color: #333333;
	font-family: Tahoma;
	margin-top: 3px;
    margin-right: 5px;
}

.Field50
{
	width: 50px;
}
.Field100
{
	width: 100px;
}

.Field150
{
	width: 150px;
}

.Field300
{
	width: 300px;
}

.Field400
{
	width: 400px;
}

.Field500
{
	width: 500px;
}

.Field250
{
	width: 250px;
}

.Required
{
	color: Red;
}

.IconColumn
{
	text-align: center;
	width: 18px;
}

.MenuText
{
	Color: #333333;
	Font-Family: Tahoma;
	Font-size: 11px;
	text-decoration: none;
}

a.MenuText:hover
{
	text-decoration: underline;
}

.body
{
	color: #333333;
	Font-Family: tahoma;
	Font-size: 11px;
}

.GlossaryBox
{
	color: #333333;
	font-family: tahoma;
	font-size: 11px;
	text-align: center;
	border: solid 1px gray;
	margin-right: 5px;
	background-color: #F7F7F7;
	cursor: hand;
}

.GlossaryBoxOver
{
	color: #333333;
	font-family: tahoma;
	font-size: 11px;
	text-align: center;
	border: solid 1px gray;
	margin-right: 5px;
	cursor: hand;
	background-color: #DDDDDD;
}

.IntroSearchContainer
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.SmallSearch
{
	padding: 0px 2px 3px 0px;
	width: 2%;
}

.Hilite
{
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: #0075de
}

.DisapprovedSpan
{
	border-bottom: dashed 1px gray;
	cursor: default;
}

.List
{
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 30px;
}

.List Span
{
	Color: #333333;
	Font-Family: Tahoma;
	Font-size: 11px;
}
/* CSS issu des tutoriels www.alsacreations.com/articles */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 7em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: normal;
font-size: 8pt;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
#background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.vote2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bold;
}

.vote3 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 25px;
	color: #000000;
}

.vote4 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 25px;
	color: #000000;
	text-align: right;
	font-weight: bold;
}
body1 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color:#CC6600;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color:#CC9900;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color:#CC6633;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}