/* ------------------------------------------------- */
/* Style de structure, non utile dans l'editeur HTML */
/* ------------------------------------------------- */

/* ---------- Structure des pages (Blocs div) */
/* http://css alsacreations com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS */
/*
#Zone_Entete, #Zone_Pied {
	display: table;
	width: 100%;
}
*/

#Zone_Centrage
{
	position: relative;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	background-color: #D0EDD0;
	background-image: url(picts/fond.png);
	background-repeat: repeat-y;
}

#Zone_Entete
{
	position: absolute;
	width: 780px;
	height: 95px;
	/*left: 32px;*/
	/*top: 0px;*/
	z-index: 0;
	background-image: url(picts/bandeau_haut.png);
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
}

#Zone_Pub
{
	position: absolute;
	width: 468px;
	height: 60px;
	left: 150px;
	top: 5px;
	margin: 0;
	padding: 0;
	z-index: 60;
}

#Zone_Conteneur
{
	/*display: table;*/
}

#Zone_Colgauche
{
	float: left;
	/*height: 100%;*/
	width: 160px;
	padding-top: 95px;
	/*z-index: 2;*/
	/*background-color: #E2FFE2;*/
	/*background-image: url(picts/fond_haut_G.png);*/
	/*background-repeat: no-repeat;*/
	/*background-position: 0px 0px;*/
}
#Zone_LogoMF
{
	/*position: absolute;*/
	width: 80px;
	height: 60px;
	left: 30px;
	/*bottom: 20px;*/
	margin: 70px 0 0 20px;
	padding: 0;
	z-index: 60;
}

#Zone_Coldroite
{
	float: left;
	/*height: 100%;*/
	width: 160px;
	padding-top: 95px;
	text-align: center;
	/*
background-image: url(picts/fond_haut.png);
	background-repeat: no-repeat;
	background-position: -620px 0px;
	background-color: #FFF651;
*/
}
/*
html>body #Zone_Colgauche {
	float: none;
	width: auto;
}
*/

#Zone_Contenu
{
	float: left;
	/*height: 100%;*/
	width: 460px;
	/*height: 555px;*/
	/*background-color: #FFF;*/
	padding: 0;
	margin: 100px 0 0 0;
	/*z-index: 70;*/
	overflow: auto;
}

#Zone_Login
{
	background-color: #C0C0C0;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	width: 150px;
}
#Zone_Login h2
{
	display: inline;
	padding: 0;
	margin: 0;
	color: black;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	background-image: none;
}
#Zone_Login p
{
	padding: 0;
	margin: 0;
	font-size: 8pt;
}
#Zone_Vignettes
{
	background-color: #4DD74D;
	background-image: url(picts/fd_mb.png);
	padding: 10px 0 10px 0;
}
#Zone_Outils
{
	background-color: #33982f;
	margin: 0;
	padding: 5px 0 5px 0;
}

#Zone_Pied
{
	/*clear: both;*/
	width: 780px;
	/*height: 26px;*/
	background-color: #D0EDD0;
}
#Zone_Pied a
{
	color: black;
	text-decoration: none;
	border-width: 0;
}
#Zone_Pied a:visited
{
	color: black;
	text-decoration: none;
}
#Zone_Pied a:hover
{
	color: #C00000;
	text-decoration: underline;
}
.Copyright
{
	color: black;
	font-size: 7pt;
	text-align: center;
	/*height: 26px;*/
	padding: 4px 0 0 0;
}

#Pop_Entete
{
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 48px;
	background-image: url(picts/pop_bandeau_haut.png);
	background-repeat: no-repeat;
	text-align: center;
}

#Pop_Entete h1
{
	color: white;
	font-size: 24pt;
	font-weight: bold;
	letter-spacing: normal;
	margin: 0;
}

#Pop_Contenu
{
	position: absolute;
	top: 50px;
	left: 0;
	width: 400px;
}
#Pop_Contenu.large
{
	position: absolute;
	top: 50px;
	left: 0;
	width: 440px;
}

#Pop_Pied
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 400px;
	height: 44px;
	background-image: url(picts/pop_bandeau_bas.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: right;
	margin: 0;
	padding: 5px 0 0 0;
}
#Pop_Pied p
{
	padding-right: 3px;
	font-size: 9pt;
	color: white;
}
#Pop_Pied b
{
	font-size: 13pt;
	font-weight: bold;
}
hr {
	clear: both;
	margin: 0;
	visibility: hidden;
}

.WidthThin
{
	width: 200px;
	background-color: white;
	margin-bottom: 10px;
}
.WidthStd
{
	/*width: 160px;*/
	/*background-color: #FC9;*/
	margin: 0 5px 10px 10px;
}
.WidthLarge {
	/*width: 225px;*/
	/*background-color: white;*/
	margin: 0 5px 10px 10px;
}

#HelpArea
{
	background-color: #FFC;
	display: none;
	border: 1px solid #000;
	z-index: 100;
	width: 320px;
	height: 60px;
	position: absolute;
}


/* -- Formulaires : */
form { margin: 2px 0 4px 0; }
/* .......... Apparence 1 .......... */
/* Dans : pop_rappel.asp */
#FormUMPSimple fieldset
{
	margin: 4px;
	padding: 10px;
	border-width: 0;
	border-style: none;
	border-color: white;
}
#FormUMPSimple legend
{
	color: black;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
}
#FormUMPSimple label
{
	/*text-align: right;*/
	margin: 0 10px 0 0;
	width: 40%;
	float: left;
	display: inline;
	padding: 0;
}
#FormUMPSimple label.inline
{
	width: auto;
	float: none;
}

#FormUMPSimple label.obligatoire { color: #004000; }
#FormUMPSimple input
{
	font-weight: bold;
	margin: 0;
	color: #338D33;
	font-size: 10pt;
	border-color: #004000;
	border-width: 1px;
	border-style: solid;
	background-color: #E2FFE2;
}
#FormUMPSimple input.checkbox
{
	font-weight: bold;
	margin: 0;
	color: #338D33;
	font-size: 10pt;
	border-style: none;
	background-color: #E2FFE2;
}
#FormUMPSimple .focus  { color: black; background: #fffc87 }
#FormUMPSimple .normal { color: black; background: white }
#FormUMPSimple p
{
	margin: 0;
	padding: 2px;
}
#FormUMPSimple .FormLP
{
	padding: 0 0 4px 0;
}
#FormUMPSimple .FormLI
{
	padding: 0 0 4px 0;
	text-align: center;
	margin: 3px 0 6px 0;
}

#FormUMPSimple .formbutton { color: #000; }

#FormUMPSimple a.formbutton:link, #FormUMPSimple a.formbutton:visited
{
	color: #FFF;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #197D19;
	/*background-image: url("boutons_alu/vide.jpg");*/
	text-align: center;
	padding: 2px 3px;
	border: solid 1px black;
	margin: 5px 4px 3px 0;
}

#FormUMPSimple a.formbutton:hover
{
/*
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 3px;
	border-color: #C00000;
	border-width: 1px;
	border-style: inset;
*/
}

/* .......... Apparence 2 .......... */
#FormUMP fieldset
{
	margin: 4px;
	border-color: #004000;
	border-width: 2px;
	border-style: none;
	padding: 0;
	/*background-color: #D0EDD0;*/
	background-color: #FFF;
}
#FormUMP fieldset.visible
{
	border-style: solid;
}
#FormUMP legend
{
	/*color: #197D19;*/
	color: white;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	padding: 0 10px 0 10px;
	margin: 0px 0px 0px 10px;
}
#FormUMP legend.visible
{
	color: #197D19;
}
.BlocCR
{
	/*background-color: olive;*/
	float:left;
	width:200px;
}
#FormUMP label
{
	text-align: right;
	margin: 0 8px 0 0;
	width: 40%;
	float: left;
	display: inline;
	padding: 0;
	clear: both;
}
#FormUMP label.inline
{
	width: auto;
	float: none;
}
#FormUMP label.obligatoire
{
	color: #C00000;
	font-weight: bold;
}
#FormUMP label.login
{
	text-align: left;
	font-weight: bold;
	font-size: 7pt;
	width: 46%;
	margin: 6px 0 0 0;
	padding: 0;
}
#FormUMP input
{
	font-weight: bold;
	margin: 0;
}
#FormUMP .focus
{
	color: black;
	background-color: #A3BD23;
}
#FormUMP .normal { color: black; background: white }
#FormUMP p
{
	margin: 0;
	padding: 2px;
}
#FormUMP .FormLP { background-color: #E2FFE2; }
#FormUMP .FormLI { background-color: #D0EDD0; }

#FormUMP .formbutton { color: #C00000; }

#FormUMP a.formbutton:link, #FormUMP a.formbutton:visited
{
	color: #FFF;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #197D19;
	text-align: center;
	padding: 2px 3px;
	border: solid 1px black;
	margin: 5px 4px 3px 0;
}

#FormUMP a.formbutton:hover
{
	/*background-color: #4DD74D;*/
	/*border: inset 1px yellow;*/
}

/* .......... Apparence 3 .......... */
/* Dans : pop_devis.asp */
#FormUMPPopUp fieldset
{
	margin: 4px;
	border-color: #004000;
	border-width: 2px;
	border-style: none;
	padding: 0;
	background-color: #D0EDD0;
}
#FormUMPPopUp legend
{
	color: #197D19;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
}
#FormUMPPopUp label
{
	/*text-align: right;*/
	margin: 0 10px 0 0;
	width: 100px;
	float: left;
	display: inline;
	padding: 0;
}
#FormUMPPopUp label.nofloat
{
	margin: 0 5px 0 10px;
	width: 50px;
	float: none;
	display: inline;
	padding: 0;
}
#FormUMPPopUp label.obligatoire { color: #004000; }
#FormUMPPopUp input
{
	font-weight: bold;
	margin: 0;
	color: #338D33;
	font-size: 10pt;
	border-color: #004000;
	border-width: 1px;
	border-style: solid;
	background-color: #E2FFE2;
}
#FormUMPPopUp .focus  { color: black; background: #fffc87 }
#FormUMPPopUp .normal { color: black; background: white }
#FormUMPPopUp p
{
	margin: 0;
	padding: 2px;
}
#FormUMPPopUp .FormLP
{
	padding: 0 0 4px 0;
}
#FormUMPPopUp .FormLI
{
	padding: 0 0 4px 0;
	/*text-align: center;*/
	margin: 3px 0 6px 0;
}

#FormUMPPopUp .formbutton { color: #000; }

#FormUMPPopUp a.formbutton:link, #FormUMPPopUp a.formbutton:visited
{
	color: #000;
	font-size: 12pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	/*background-image: url("boutons_alu/vide.jpg");*/
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 2px 3px;
	border: solid 1px black;
}

#FormUMPPopUp a.formbutton:hover
{
	color: #000;
	font-size: 12pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #A3BD23;
	/*background-image: url("boutons_alu/vide_over.jpg");*/
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 3px;
	border-color: #C00000;
	border-width: 1px;
	border-style: inset;
}


/*
.menu
{
	color: black;
	font-weight: bold;
	font-size: 10pt;
	background-color: #c09ece;
	border: solid 1px #5a0867;
}

.menu:hover
{
	color: #00a5c6;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.menuhl
{
	color: white;
	font-weight: bold;
	font-size: 10pt;
	background-color: #5a0867;
	border: solid 1px #5a0867;
}
*/

a.noir
{
	text-decoration: none;
	border-width: 0;
	cursor: hand;
	color: #000;
}
a.noir:visited
{
	text-decoration: none;
	border-width: 0;
	cursor: hand;
	color: #000;
}
a.noir:hover { color: #338D33; }

a.vert
{
	text-decoration: none;
	border-width: 0;
	color: #338D33;
}

a.noline
{
	text-decoration: none;
	border-width: 0;
	cursor: hand;
}
a.noline:hover
{
	text-decoration: none;
	border-width: 0;
}

.menuright
{
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
	width: 160px;
	height: 26px;
	padding: 0;
	margin: 0;
	/*background-color: #238B23;*/
	background-image: url(picts/fd_md.png);
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	letter-spacing: 1px;
	z-index: 200;
}
.menuleft
{
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
	width: 160px;
	height: 26px;
	padding: 2px 0px 0px 0px;
	margin: 0;
	background-color: #3BB53B;
	background-image: url(picts/fd_mg.png);
	/*text-transform: uppercase;*/
	font-variant: small-caps;
	letter-spacing: 1px;
	z-index: 20;
}
.menuleft a
{
	color: #FFF;
	text-decoration: none;
	border-width: 0;
	cursor: hand;
}
.menuleft a:visited
{
	color: #FFF;
	text-decoration: none;
	border-width: 0;
	cursor: hand;
}
.menuleft a:hover
{
	/*color: #FFC94E;*/
	text-decoration: none;
	border-width: 0;
	/*background-color: #3BB53B;*/
	/*letter-spacing: 2px;*/
	cursor: hand;
}

.menulefthover
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;
	width: 160px;
	height: 26px;
	padding: 2px 0px 0px 4px;
	margin: 0;
	background-color: #3BB53B;
	font-variant: small-caps;
	letter-spacing: 2px;
}
.menuleftN2
{
	color: #000;
	/*font-weight: bold;*/
	font-size: 10pt;
	width: 160px;
	min-height: 22px;
	padding: 2px 0px 0px 0px;
	margin: 0;
	background-color: #D0EDD0;
	/*
border-color: #ff3d4f;
	border-width: 1px;
	border-style: solid;
*/
	height: 22px;
}
.menuleftN2h
{
	color: #000;
	/*font-weight: bold;*/
	font-size: 10pt;
	text-decoration: none;
	width: 160px;
	min-height: 22px;
	padding: 2px 0px 0px 0px;
	margin: 0;
	background-color: #D8F0D8;
	/*
border-color: #931C44;
	border-width: 1px;
	border-style: groove;
*/
}
.menuleftN2 a
{
	color: #000;
}
.menuleftN2 a:visited
{
	color: #000;
}

.menuAdh
{
	color: #625656;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(picts/menus/menu_adh_std.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuAdhOver
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-image: url(picts/menus/menu_adh_over.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuAdhN2
{
	color: #625656;
	font-weight: bold;
	font-size: 9pt;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffd57b;
	margin: 0 0 3px 0;
	border-color: #ff3d4f;
	border-width: 1px;
	border-style: solid;
}
.menuAdhN2o
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffdf9c;
	margin: 0 0 3px 0;
	border-color: #931C44;
	border-width: 1px;
	border-style: groove;
}

.menuEnt
{
	color: #625656;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(picts/menus/menu_ent_std.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuEntOver
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-image: url(picts/menus/menu_ent_over.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuEntN2
{
	color: #625656;
	font-weight: bold;
	font-size: 9pt;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffd57b;
	margin: 0 0 3px 0;
	border-color: #ff3d4f;
	border-width: 1px;
	border-style: solid;
}
.menuEntN2o
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffdf9c;
	margin: 0 0 3px 0;
	border-color: #931C44;
	border-width: 1px;
	border-style: groove;
}

.menuPro
{
	color: #625656;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(picts/menus/menu_pro_std.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuProOver
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-image: url(picts/menus/menu_pro_over.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuProN2
{
	color: #625656;
	font-weight: bold;
	font-size: 9pt;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffd57b;
	margin: 0 0 3px 0;
	border-color: #ff3d4f;
	border-width: 1px;
	border-style: solid;
}
.menuProN2o
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffdf9c;
	margin: 0 0 3px 0;
	border-color: #931C44;
	border-width: 1px;
	border-style: groove;
}

.menuAdm
{
	color: #625656;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(picts/menus/menu_adm_std.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuAdmOver
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-image: url(picts/menus/menu_adm_over.png);
	background-repeat: no-repeat;
	width: 141px;
	height: 26px;
	padding: 2px 0px 0px 4px;
}
.menuAdmN2
{
	color: #625656;
	font-weight: bold;
	font-size: 9pt;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffd57b;
	margin: 0 0 3px 0;
	border-color: #ff3d4f;
	border-width: 1px;
	border-style: solid;
}
.menuAdmN2o
{
	color: #FFC94E;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	width: 160px;
	min-height: 26px;
	padding: 2px 0px 0px 4px;
	background-color: #ffdf9c;
	margin: 0 0 3px 0;
	border-color: #931C44;
	border-width: 1px;
	border-style: groove;
}

.path
{
	font-size: 8pt;
	color: #197D19;
	z-index: 110;
}
.path a:visited { color: #004000; }

/* -- Divers : */
.formFind
{
	font-size: 10px;
	font-style: italic;
}

.btok
{
	/*background-color: #C0C0C0;*/
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	font-weight: bold;
	font-size: 11px;
}

.linkbutton { color: #C00000; }
a.linkbutton:link, a.linkbutton:visited
{
	color: #FFF;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #197D19;
	text-align: center;
	padding: 2px 3px;
	border: solid 1px black;
	margin: 5px 4px 3px 0;
}
a.linkbutton:hover
{
	background-color: #004000;
	border-color: yellow;
	border-width: 1px;
	border-style: solid;
}

.indent1
{
	margin: 0 0 0 40px;
	padding: 0;
}

.tablewborder
{
	border-color: #6BE071 #229B2E #229B2E #6BE071;
	border-width: 1px;
	border-style: solid;
}
.tablepaire { background-color: #F2FAED; }
.tableimpaire { background-color: #F9FFD9; }

.tabentete /* cf th */
{
	color: #33982f;
	font-size: 8pt;
	font-weight: bold;
	background-color: #E7D3B8;
	text-align: center;
	letter-spacing: 1px;
}
.tabentetetri
{
	color: #E3E7D0;
	font-size: 8pt;
	font-weight: bold;
	background-color: #D87B24;
	text-align: center;
	letter-spacing: 1px;
}

/* ----- Styles Calendrier DHTML */
div.calendar { position: relative; }

.calendar, .calendar table
{
	border: 1px solid #655;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #ffd;
	font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button
{
	/* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;
	/* They are the navigation buttons */
	padding: 2px;
	/* Make the buttons seem like they're pressing */
}

.calendar .nav { background: #edc url(boutons_alu/calendar_arrow.gif) no-repeat 100% 100%; }

.calendar thead .title
{
	/* This holds the current "month, year" */
	font-weight: bold;
	/* Pressing it will take you to the current date */
	text-align: center;
	background: #654;
	color: #fed;
	padding: 2px;
}

.calendar thead .headrow
{
	/* Row <TR> containing navigation buttons */
	background: #edc;
	color: #000;
}

.calendar thead .name
{
	/* Cells <TD> containing the day names */
	border-bottom: 1px solid #655;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend
{
	/* How a weekend day name shows in header */
	color: #f00;
}

.calendar thead .hilite
{
	/* How do the buttons in header appear when hover */
	background-color: #faa;
	color: #000;
	border: 1px solid #f40;
	padding: 1px;
}

.calendar thead .active
{
	/* Active (pressed) buttons in header */
	background-color: #c77;
	padding: 2px 0px 0px 2px;
}

.calendar thead .daynames
{
	/* Row <TR> containing the day names */
	background: #fed;
}

/* The body part -- contains all the days in month. */
.calendar tbody .day
{
	/* Cells <TD> containing month days dates */
	width: 2em;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth
{
	font-size: 80%;
	color: #bbb;
}

.calendar tbody .day.othermonth.oweekend { color: #fbb; }

.calendar table .wn
{
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #fed;
}

.calendar tbody .rowhilite td { background: #ddf; }
.calendar tbody .rowhilite td.wn { background: #efe; }

.calendar tbody td.hilite
{
	/* Hovered cells <TD> */
	background: #ffe;
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
}

.calendar tbody td.active
{
	/* Active (pressed) cells <TD> */
	background: #ddc;
	padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected
{
	/* Cell showing today date */
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: #fea;
}

.calendar tbody td.weekend
{
	/* Cells showing weekend days */
	color: #f00;
}

.calendar tbody td.today { font-weight: bold; }
.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell
{
	/* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow
{
	/* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow
{
	/* The <TR> in footer (only one right now) */
	text-align: center;
	background: #988;
	color: #000;
}

.calendar tfoot .ttip
{
	/* Tooltip (status bar) cell <TD> */
	border-top: 1px solid #655;
	background: #dcb;
	color: #840;
}

.calendar tfoot .hilite
{
	/* Hover style for buttons in footer */
	background: #faa;
	border: 1px solid #f40;
	padding: 1px;
}

.calendar tfoot .active
{
	/* Active (pressed) style for buttons in footer */
	background: #c77;
	padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #ffe;
	color: #000;
	font-size: 90%;
	z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix
{
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #fc8; }

.calendar .combo .active
{
	border-top: 1px solid #a64;
	border-bottom: 1px solid #a64;
	background: #fee;
	font-weight: bold;
}

.calendar td.time
{
	border-top: 1px solid #a88;
	padding: 1px 0px;
	text-align: center;
	background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm
{
	padding: 0px 3px 0px 4px;
	border: 1px solid #988;
	font-weight: bold;
	background-color: #fff;
}

.calendar td.time .ampm { text-align: center; }

.calendar td.time .colon
{
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite
{
	border-color: #000;
	background-color: #866;
	color: #fff;
}

.calendar td.time span.active
{
	border-color: #f00;
	background-color: #000;
	color: #0f0;
}

.special
{
	background-color: #cfc;
	color: red;
}

/* ----- Fin styles Calendrier DHTML */