/* Global Styles */


body { background-color: #66CCFF; color: #000000; margin: 0px;margin:0px; }	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	}
	
a {
	color: #FF6600;
	font-weight:bold;
	}
	
a:hover {
	color: #3366CC;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("../images/mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url("../images/mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

a.nav:link { font-family: Arial; font-size: 11px; font-weight: bold; color: #003173; text-decoration: none }
a.nav:visited { font-family: Arial; font-size: 11px; font-weight: bold; color: #003173; text-decoration: none }
a.nav:hover {  font-family: Arial; font-size: 11px; font-weight: bold; color: #009971; text-decoration: none}
a.smenu:link { font-family: Arial; font-size: 11px; color: #C9D8E8; text-decoration: none}
a.smenu:visited { font-family: Arial; font-size: 11px; color: #C9D8E8; text-decoration: none}
a.smenu:hover { font-family: Arial; font-size: 11px; color: #FFFFFF; text-decoration: none}
.cell-0010-blanc { background-color: #DFE8F3; border: #FFFFFF solid; border-width: 0px 0px 1px; font-family: Verdana; font-size: 11px; color: #666666}
.cell-0010-back { background-color: #0055a4; border: #FFFFFF solid; border-width: 0px 0px 1px; font-family: Verdana; font-size: 11px; color: #666666}
.tit {  font-family: Arial; font-size: 18px; font-weight: bold; color: #02287F}
.tit2 {  font-family: Verdana; font-size: 14px; font-weight: bold; color: #0055A6}
.titBL {  font-family: Verdana; font-size: 14px; font-weight: bold; color: #FFFFFF}
.titNO {  font-family: Verdana; font-size: 18px; font-weight: bold; color: #000000}
.code39 {  font-family: Code 3 de 9; font-size: 48px; color: #000000}
.tit3 {  font-family: Verdana; font-size: 12px; font-weight: bold; color: #0055A2}
.tit5 {  font-family: Verdana; font-size: 12px; font-weight: bold; color: #FF0080}
.txt-12g-gris {  font-family: Verdana; font-size: 12px; font-weight: bold; color: #333333}
.txt-11g-gris { font-family: Verdana; font-size: 11px; font-weight: bold; color: #333333 }
.txt-11-gris { font-family: Verdana; font-size: 11px; color: #333333; font-weight: normal; }
.inp-11-gris { font-family: Verdana; font-size: 11px; color: #333333; font-weight: normal; }
.txt-9-gris { font-family: Verdana; font-size: 9px; color: #333333; font-weight: normal; }
.txt-9-red { font-family: Verdana; font-size: 9px; color: #960F36; font-weight: normal; } 
.txt-11-red { font-family: Verdana; font-size: 11px; color: #960F36; font-weight: normal; }
.champs {  font-family: Verdana; font-size: 11px; font-weight: bold; color: #333333; border: #0C9970; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; height: 15px}
.champs2 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #333333; background-color: #F1F9FF; border: #0C9970; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
.champs9 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #333333; background-color: #F1F9FF; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
.txt-11g-gris-0010 { font-family: Verdana; font-size: 11px; font-weight: bold; color: #333333 ; border: #E1E7F1; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.cell-1111-gris { border: 1px #C9C9C9 solid}
.cell-1111-vert {  border: #0C9970; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.cal-date {  font-family: Verdana; font-size: 12px; font-weight: bold; color: #666666; text-align: center; vertical-align: middle; background-color: #E1E7F1}
.cal-date-ferie { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; vertical-align: middle ; background-color: #0055A4}
.cal-dimanche { font-family: Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; vertical-align: middle ; background-color: #0055A4 }
.cal-samedi { font-family: Verdana; font-size: 12px; font-weight: bold; color: #00427F; text-align: center; vertical-align: middle ; background-color: #FFFF99}
.cal-semaine { font-family: Verdana; font-size: 12px; font-weight: bold; color: #00427F; text-align: center; vertical-align: middle ; background-color: #A7CBF3}
a.lien-cal:link {  font-family: Arial; font-size: 12px; font-weight: bold; color: #A7CBF3; text-decoration: none}
a.lien-cal:hover { font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none }
a.lien-cal:visited { font-family: Arial; font-size: 12px; font-weight: bold; color: #A7CBF3; text-decoration: none }
.txt11rouge-B {  font-family: Verdana; font-size: 11px; font-weight: bold; color: #960F36}
.menu-off { font-family: Arial; font-size: 11px; font-weight: bold; color: #003173; text-decoration: none ; background-image: url(../images/nav_bt_fond2.gif); cursor: hand ; margin-left: 10px} 
.menu-on { font-family: Arial; font-size: 11px; font-weight: bold; color: #009971; text-decoration: none ; background-image: url(../images/nav_bt_fond2b.gif); cursor: hand }
.menu-zh { font-family: Verdana; font-size: 11px; font-weight: bold; color: #A7CBF3; text-decoration: none ; background-image: url(../images/logo_giat.gif) }
.menu2-off { font-family: Arial; font-size: 11px; font-weight: bold; color:
#FFFFFF; text-decoration: none ; background-image:
url(../images/nav_bt_fond3.gif); cursor: hand ; margin-left: 10px }
.menu2-on { font-family: Arial; font-size: 11px; font-weight: bold; color:
#FFFFFF; text-decoration: none ; background-image:
url(../images/nav_bt_fond3b.gif); cursor: hand }
.prix
{
    color: #ff0000;
}
.F1 {filter: glow(Color:#FFD700,Strength:10);width:150px;height:200px;}

.F2 {filter: glow(Color:#FF4500,Strength:9);width:110px; height:200px;}

.F3 {filter: glow(Color:#4169E1,Strength:12);width:90px; height:200px;}

#Mask_site {
	position:absolute;
	width:102px;
	height:20px;
	z-index:1;
	left: 326px;
	top: 245px;
}
#Mask_saisie {
	position:absolute;
	width:210px;
	height:20px;
	z-index:2;
	left: 690px;
	top: 245px;
}
#Mask_presta {
	position:absolute;
	width:895px;
	height:259px;
	z-index:3;
	left: 68px;
	top: 199px;
	overflow: auto;
}
#Mask_autre {
	position:absolute;
	width:895px;
	height:173px;
	z-index:4;
	top: 477px;
	left: 5px;
	overflow: auto;
}
#Mask_pointage {
	position:absolute;
	width:287px;
	height:130px;
	z-index:5;
	left: 613px;
	top: 655px;
}
#Mask_Rem {
	position:absolute;
	width:600px;
	height:135px;
	z-index:6;
	left: 5px;
	top: 653px;
	overflow: auto;
}