body {
	background-color: #f9f9f9;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.titre1    { color: #f9f9f9; font-style: italic; font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #0099d8; text-align: center; padding-right: 2px; padding-left: 1px }
.titrepage
{ 
	color: #63635a;
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: center; 
	}
.titre2   { 
	color: #63635a;
	font-weight: bold; 
	font-size: 13px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-align: center; 
	}
.titre3 { color: #0099d8; font-size: 11pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; background-image: url("Images/Fond_titre2.gif"); background-repeat: no-repeat; text-align: left; border-top: 1px solid #afd4e3; border-right: 1px solid #fdfdfd; border-bottom: 1px solid #f5f5f5 }

.textestd { font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.textepetit  { font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: black }

/* ========== Styles Admins (fusionner avec la CSS du site) ========== */
/* ----- Zones */
#Conteneur
{
	position: absolute;
	top: 0px;
	left: 167px;
	width: 80%;
}

#ToolsArea
{
	position: absolute;
	background-color: #e0e0e0;
	padding-top: 5px;
	padding-left: 5px;
	top: 0;
	left: 0;
	width: 160px;
	height: 100%;
	border-right: 1px inset black;
	border-bottom: 3px inset silver;
}

#MenusArea
{
	background-color: #484c5a;
	z-index: 5;
	top: 0;
	height: 30px;
}

#PageTitleArea
{
	color: #63635a;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	background-color: #f9f9f9;
	letter-spacing: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 5px;	
	border-top: 2px ridge silver;
	border-bottom: 2px ridge gray;
}

#FiltersArea
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #e0e0e0;
	letter-spacing: 1px;
	padding-left: 5px;	
}

#ControlsTopArea
{
	color: #07b;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 2px outset gray;
}

#ContentArea { 
	padding-left: 10px; 
	}

#ControlsBottomArea
{
	color: #07b;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #f9f9f9;
	margin-top: 10px;
	left: 200px;
	padding-left: 5px;
	border-top: 2px outset gray;
}

#HelpArea
{
	background-color: #ebebeb;
	display: none;
	border:1px solid #000;
	z-index: 100;
}

.helpPop {
	background:#ffa;
	padding:2px;
	text-align:left;
	border:1px solid #999;
	display: none;
}

#mediasContainer
{
}

.mediasItem
{
	float: left;
	padding: 5px;
	border:1px solid #CCC;
}

.pal_conteneur
{
	width: 100%;
	height: 100%;
	position: absolute;
	/*background-color: #99CC99;*/
}

.pal_entete
{
	/*height: 30px;*/
	/*background-color: #99CCCC;*/
}

.pal_filters
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #ffffe6;
	letter-spacing: 1px;
	border-top: 2px outset gray;
}

.pal_content
{
	width: auto;
	height: 400px;
	overflow: auto;
}

.pal_pied
{
	color: #07b;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #ffe6cd;
	margin-top: 10px;
	padding-left: 5px;
	border-top: 2px outset gray;
	bottom: 0px;
	text-align: center;
	vertical-align: bottom;
}

.admtitrepage
{
	color: white;
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #0091c5;
	text-align: center;
	letter-spacing: 2px;
	z-index: 2;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	height: 20px;
	border-top: 2px ridge silver;
	border-bottom: 2px ridge gray;
}

.admnavfilter
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #ffc;
	letter-spacing: 1px;
	z-index: 2;
}

/*
.admactions
{
	color: #07b;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #ffe6cd;

	margin-top: 10px;
	padding-left: 5px;
	border-top: 2px outset gray;
}
*/

.admmenu
{
	background-color: #bee0eb;
	padding-right: 5px;
}

.admhelp
{
	background-color: #ebebeb;
	padding-left: 5px;
}

.admhelptext
{
	color: #006400;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.admhelpbutton
{
	color: #5291CF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #FDF99F;
}

.admhelptitle
{
	color: #006400;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	/*
margin-bottom: -5pt;
	border-top: 1px solid #708090;
*/
}

.admhelpmaintitle
{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #006400;
	margin-bottom: -5pt;
}

.errormsg
{
	color: #a52a2a;
	font-size: 13pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.errormsgb
{
	color: red;
	font-weight: bold;
}

.formlib
{
	color: white;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #323232;
	padding: 1px;
}

.formfield
{
	color: #006400;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #fffacd;
}

.formcontrol { background-color: #f9f9f9; }
.formgestion { background-color: #fa9; }
.formbutton { color: white; }

a.formbutton:link, a.formbutton:visited
{
	color: white;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height:25px;
	letter-spacing: 1px;
	text-decoration: none;
	background-color: #63635a;
	background-image: url("Images/boutons_alu/vide.jpg");
	text-align: cEnter;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	margin-right:0px;
	padding: 2px 3px 2px 3px;
	border: solid 1px black;
}

a.formsave:link, a.formsave:visited
{
	color: white;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height:25px;
	text-decoration: none;
	background-color: #63635a;
	background-image: url("Images/boutons_alu/vide_save.gif");
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	margin-right:0px;
	padding: 2px 3px 2px 3px;
	border: solid 1px black;
}

a.formedit:link
{
	font-weight: bold;
	text-decoration: underline;
	background-color: #ff0;
	/*border-bottom: 1px solid #00a5c6;*/
}

a.formedit:hover
{
	color: white;
	background-color: #63635a;
}

a.formbutton:hover, a.formsave:hover
{
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height:25px;
	text-decoration: none;
	background-color: #636363;
	background-image: url("Images/boutons_alu/vide_over.jpg");
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:0px;
	margin-right:0px;
	padding: 2px 3px 2px 3px;
	border: inset 1px yellow;
}

.tabentetetri
{
	color: yellow;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	padding:3px;
	background-color: #63635a;
}

.tabentete
{
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	padding:3px;
	background-color: #63635a;
}

.tabentete:visited
{
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	padding:3px;	
	background-color: #63635a;
}

.tabnro { font-weight: bold; }

.tabgestion
{
	font-size: 9pt;
	background-color: #eee0dd;
}

.tabtitrefich { font-size: 11pt; background-color: #ff0; }
.tablignepaire  { 
	font-size: 10pt; 
	background-color: #dcdcdc 
}
.tabligneimp { font-size: 10pt; background-color: #f5f5f5; }
.tabligneover { font-size: 10pt; background-color: #FFC; }
.tabedit { background-color: #f9f9f9; }
.tabborder
{
	border-color: olive;
	border-width: 1px;
	border-style: solid;
}

.pageon
{
	font-weight: bold;
	text-decoration: none;
	background-color: yellow;
}

.pageoff
{
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-color: gray;
}

path
{
	font-size: 8pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

.menustd
{
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #CCC;
	padding: 0 0 0 5px;
}

.menuhi
{
	color: #FFC;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #008FB3;
	padding: 0 0 0 5px;
}

/*
.menuhi1
{
	color: #fff99b;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #f00;
}
*/


a.menustd
{
	color: #fff;
	font-size: 10pt;	
	text-decoration: none;
	
}

a.menuliste,a:visited.menuliste
{
	color: #63635a;
	font-size: 13px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: transparent;
	text-decoration: none;
	
}
a.menulistemenu,a:visited.menulistemenu
{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: transparent;
	text-decoration:none;	
	border-bottom:1px dotted #63635a;	
}

a.menuhautlink
{
	color: #ffffff;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	text-decoration: none;
}
a:hover.menuhautlink
{
	color: red;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
	text-decoration: none;
}
/*
a.menulink
{
	color: #fff;
	text-decoration: none;
}

a:visited.menulink
{
	color: white;
	text-decoration: none;
}

a:hover.menulink
{
	cursor: pointer;
	color: #f00;
	text-decoration: none;
	background-color: #006579;
}

a.menulinkhover
{
	color: #f00;
	border-bottom: 1px solid #00a5c6;
	background-color: #006579;
}

a:visited.menulinkhover
{
	color: #f00;
	border-bottom: 1px solid #00a5c6;
	background-color: #006579;
}
*/

.BreakPage { page-break-before: always; }

.calentete
{
	color: #eff88d;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #07b;
	text-align: center;
}

.calferie
{
	color: red;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #cfc;
	text-align: center;
}

.calstd
{
	color: #0000af;
	font-size: 9px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #ffc;
	text-align: center;
}

.caltoday
{
	color: #f00;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
}

.calvide { background-color: #c0c0c0; }

.calweekend
{
	color: #8b4513;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #e2e673;
	text-align: center;
}

.credits
{
	color: #black;
	font-size: 10px;
	font-weight:normal;
	font-style: normal;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: transparent;
	text-align: center;
}

/* ----- 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(Images/boutons_alu/menuarrow.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 */


li
{
	font-size: 9pt;
}

h1
{
	color: #07b;
	font-weight: bold;
	font-size: 13pt;
	padding:0;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	letter-spacing: 1px;
	background-color: #FFF591;
}

h2
{
	color: #63635a;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 1px;
	border-top: 1px solid #63635a;
	border-bottom: 1px dotted #63635a;
}

h3
{
	color: #07b;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-bottom: -2pt;
	margin-left: 15px;
}