html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

Body
{
	font-family: verdana;
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 100%;
}

/* TOP */


.TopBar
{
	background-image: url(img/topbarbackground.gif);
}

.TopBarLogo
{
	margin: 7px;
}

.TopBarSitename
{
	color: #000066;
	font-family: arial, helvetica;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
/*
.TopBarText
{
	color: #000066;
	font-family: arial, helvetica;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration: none;
}

.TopBarText_login
{
	color: #000066;
	font-family: arial, helvetica;
	FONT-SIZE: 11px;
	text-decoration: none;
}

A.TopBarText_login:link, A.TopBarText_login:link:visited, A.TopBarText_login:link:hover
{
	color: #000066;
	font-family: arial, helvetica;
	FONT-SIZE: 11px;
	text-decoration: underline;
}
*/

.topBarBackground
{
	background-image: url(img/topbarbackground.gif)
}

.topBarLinkOn:link, .topBarLinkOn:visited
{
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration: none;
}

.topBarLinkActive:link, .topBarLinkActive:visited, .topBarLinkOn:hover
{
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: lightblue;
}

.topBarLinkOff
{
	color: #000000;
	font-family: verdana;
	FONT-SIZE: 12px;
	text-align: center;
	text-decoration: none;
}

/* END TOP */

/*----------------------------*/

/* MENUS*/


.subMenuLinkOn
{
	cursor: pointer;
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 11px;
	text-align: left;
	background-color: lightblue;
}

.subMenuLinkOff
{
	cursor: pointer;
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 11px;
	text-align: left;
}


.subMenuTitle
{
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.topBarNav
{
	background-color: #cccccc;
	border: 1px solid #999999;
}
/* END MENUS */

/*----------------------------*/

/* FONTS */

.pageTitle
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: #6699cc;
	font-family: Verdana;
	padding: 5px;
}

.pageTitle_red
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: #ff6633;
	font-family: Verdana;
	padding: 5px;
}

.pageTitle_orange
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: orange;
	font-family: Verdana;
	padding: 5px;
}

.pageTitle_purple
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: darkmagenta;
	font-family: Verdana;
	padding: 5px;
}

.pageTitle_green
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: green;
	font-family: Verdana;
	padding: 5px;
}

.pageTitle_black
{
	font-weight: bold;
	FONT-SIZE: 12px;
	color: black;
	font-family: Verdana;
	padding: 5px;
}

A.label_u:link, A.label_u:visited, A.label_u:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: steelblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.label10:link, A.label10:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: steelblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.label10:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.label:link, A.label:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: steelblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.label:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
/*
.label
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: steelblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}
*/

.label_r
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: steelblue;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    text-align: right;
}

.label_V
{
    FONT-SIZE: 12px;
    color: steelblue;
    font-family: Verdana;
	/*writing-mode: tb-rl;
	filter: flipv fliph;*/
	font-style: italic;
	border: inset 1px gray;
	font-weight: bold;
}

A.normal_purple:link, A.normal_purple:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_purple:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

.normal_purple
{
    FONT-SIZE: 12px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
}

A.normal10_purple:link, A.normal10_purple:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.normal10_purple:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_red:link, A.normal_red:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: firebrick;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_red:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: firebrick;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_green:link, A.normal_green:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: green;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_green:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: green;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

.normal10_red, A.normal10_red:link, A.normal10_red:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: firebrick;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.normal_orange:link, A.normal_orange:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal_orange:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

.normal10_orange, A.normal10_orange:link, A.normal10_range:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

A.normal10_orange:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal10_orange:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

.normal_red
{
    FONT-SIZE: 12px;
    COLOR: firebrick;
    FONT-FAMILY: Verdana;
}

.normal_green
{
    FONT-SIZE: 12px;
    COLOR: green;
    FONT-FAMILY: Verdana;
}

.normal10_green
{
    FONT-SIZE: 10px;
    COLOR: green;
    FONT-FAMILY: Verdana;
}

.normal_orange
{
    FONT-SIZE: 12px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
}

A.normal:link, A.normal:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}

A.normal:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: underline;
}


.normal10_gray
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: gray;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.normal10
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.normal_R
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
	text-align: right;

}

.normalB
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
	font-weight: bold;
}


.boxCompletion {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
	border: solid 1px #6699CC;
}


A.normal10:link, A.normal10:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    text-decoration: none;
}

A.normal10:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    text-decoration: underline;
}

.table_header
{
	font-family: Verdana;
	color: black;
	font-weight: bold;
	font-style: italic;
	FONT-SIZE: 12px;
}

/* END FONTS */

/*----------------------------*/

/* INPUTS */

/*
.inputText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    BORDER: steelblue 1px solid;
}
.inputText_R
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    BORDER: steelblue 1px solid;
    text-align: right;
}
*/

button {
	cursor : pointer;
}

.btnClear {
	background-color: transparent;
	border-color: transparent;
}


.redBtn
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana;
	COLOR: #ff6633;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING: 1px 8px;
    BORDER: #ff6633 1px solid;
    cursor: pointer;
}

.redBtn_2
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana;
	COLOR: #ff6633;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING: 1px 8px;
    BORDER: 3px solid #ff6633;
    cursor: pointer;
}

.blueBtn
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana;
	COLOR: darkblue;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING: 1px 8px;
    BORDER: darkblue 1px solid;
    cursor: pointer;

}

.purpleBtn
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana;
	COLOR: darkmagenta;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING: 1px 8px;
    BORDER: darkmagenta 1px solid;
    cursor: pointer;
}

.greenBtn
{
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: Verdana;
	COLOR: green;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING: 1px 8px;
    BORDER: green 1px solid;
    cursor: pointer;
}


.select_monospace_ul
{
	height: 100px;
	overflow: auto;
	border: 1px solid #000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.select_monospace_li
{
	margin: 0;
	padding: 0;
}

.select_monospace_label
{
	display: block;
	color: WindowText;
	background-color: Window;
	margin: 0;
	padding: 0;
	width: 100%;
}

.select_monospace_label:hover
{
	background-color: Highlight;
	color: HighlightText;
}


/* END INPUTS */

/*----------------------------*/

/* BORDERS */
.simpleBorder {
	border: 1px solid black;
	background-color: #ffffff;
}

.dottedBorder {
	border: 1px dotted #6699cc;
}

.borderBrowse
{
	border: #6699cc 1px solid;

}

.borderBrowse_dotted
{
	border: #6699cc 1px dotted;
	background-color: #ffffff;
}

.borderBrowse_red
{
	border: #ff6633 1px solid;
	background-color: #ffffff;
}

.borderBrowse_orange
{
	border: orange 1px solid;
	background-color: #ffffff;
}

.borderBrowse_green
{
	border: green 1px solid;
	background-color: #ffffff;
}

.borderBrowse_purple
{
	border: darkmagenta 1px solid;
	background-color: #ffffff;
}

table.borderBrowse td {
	padding: 2px 3px;
}


table.alternate tbody tr:nth-child(even) {
	background: #dae7f3
}

table.alternate tbody tr:nth-child(odd) {
	background: #e7edf3
}

table.hover tbody tr:hover {
	background-color: #FFC1C1;
}

table.cellBordered {
	border-collapse: collapse;
}

table.cellBordered td {
	border: #6699cc 1px solid;
}

.borderText
{
	border: #6699cc 1px solid;
	padding: 10px;
	background-color: #ffffff;
}

.borderText_red
{
	border: #ff6633 1px solid;
	padding: 10px;
	background-color: #ffffff;
}

.borderText_orange
{
	border: orange 1px solid;
	padding: 10px;
	background-color: #ffffff;
}

.borderText_green
{
	border: green 1px solid;
	padding: 10px;
	background-color: #ffffff;
}

.borderText_purple
{
	border: darkmagenta 1px solid;
	padding: 10px;
	background-color: #ffffff;
}
/* END BORDERS */

/*----------------------------*/

/* CALENDAR */

.miniCalHead
{
    font-weight: bold;
    FONT-SIZE: 11px;
    color: white;
    font-family: verdana;
    background-color: #6B8EC6;
}

.calHead, A.calHead:link, A.calHead:visited
{
    font-weight: bold;
    FONT-SIZE: 12px;
    color: white;
    font-family: verdana;
    background-color: #6B8EC6;
    text-decoration: none;
    padding: 6px 2px;
}

A.calHead:hover
{
    font-weight: bold;
    FONT-SIZE: 12px;
    color: red;
    font-family: verdana;
    background-color: #6B8EC6;
    text-decoration: none;
    padding: 6px 2px;
}

.mini_cal_cell
{
	border: 1px solid #CEE7F7;
	text-align: right;
    font-weight: normal;
    FONT-SIZE: 11px;
    color: black;
    font-family: verdana;
}

.mini_cal_cell_on
{
	border: 1px inset darkgray;
	text-align: right;
    font-weight: normal;
    FONT-SIZE: 11px;
    color: black;
    font-family: verdana;
}

.calendar_cell
{
	width: 120px;
	height: 110px;
	border: 1px outset #FFCC99;
	vertical-align: top;
}

.calendar_cell_on
{
	width: 120px;
	height: 110px;
	border: 1px inset #FFCC99;
	vertical-align: top;
}


.cal_text_black
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.cal_text_purple
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: darkmagenta;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.cal_text_red
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ff6633;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}

.cal_text_orange
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: orange;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
}



/* END CALENDAR */

/*----------------------------*/

/* TABS */
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #6699cc;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #e8eff7;
    margin: 2px 2px 0 2px;
    border: 1px solid #6699cc;
}

ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

ul#tabnav li.active a {
    color: #000;
}

#tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

#tabnav a:hover {
    background: #fff;
}


ul#submenu
{
    FONT-SIZE: 12px;
    font-family: verdana;
    color: f60;
    list-style-type: none;
    padding-bottom: 24px;
    margin: 0;
    background: #ccc;
    border: 1px solid #999;
}
/* END TABS */

/*----------------------------*/

/* TABLE */
.tableCompletion
{
	background-color: #ffffff;
	cursor: pointer;
}

.columntitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #6699cc;
    FONT-FAMILY: Verdana
}

.columncellover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FFC1C1;
}

.columncell1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dae7f3;
}

.columncell2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e7edf3;
}

.columncell1_grey
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: grey;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dae7f3;
}

.columncell2_grey
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: grey;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e7edf3;
}

.columncell_warning
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: coral;
}

.columncell_success
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #28a745;
}

.tableSpacer
{
	background-image: url(/img/pix_blue.gif);
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0px;
}

.tableSpacer_gray
{
	background-image: url(img/pix_gray.gif);
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0px;
}

.tableSpacer_black
{
	background-image: url(img/pix_black.gif);
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0px;
}

.tableSpacer_transparent
{
	background-image: url(img/spacer.gif);
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0px;
}

.tableInput {
	background-color: #e8eff7;
	border:1px outset gray;
}
/* END TABLE */



/* INFO BULLE */
.cadreBulle {
	border:1px solid black;
	border-collapse: collapse;
	font-weight: bold;
	font-family: Verdana;
	FONT-SIZE: 12px;
	color: #eeeeee;
	margin-left: 8;
	background-color: #7189AB;
}
/* END INFO BULL */



/* FACTURES EDITION */

.facture_edition_detail {
	border: 1px solid black;
	border-collapse: collapse;
	font-size: 10pt;
	text-align: left;
}

.facture_edition_detail TD {
	padding: 3px;
	font-size: 10pt;
}

.facture_edition_detail_montant {
	text-align: right;
	font-size: 10pt;
	border-left: 1px solid black;
	width: 18%;
}

.facture_edition_detail_total {
	text-align: center;
	font-weight: bold;
	border-top: 1px solid black;
	padding: 5px;
	font-size: 10pt;
}

/* END FACTURES EDITION */







/* Nouveau mod�le */


/* Interface g�n�rale */


#container {
	width: 100%;
	height: 100%;
	padding: 0;
}

#banner {
	position: fixed;
	left: 0;
	padding: 0;
	height: 90px;
	width: 100%;
	background : url(img/topbarbackground.gif);
}

#sidebar {
	position: fixed;
	margin-top: 95px;
	float:left;
	width : 250px;
	padding : 30px 5px 0 5px;
	background : url(img/topbarbackground.gif);
	left: 0;
	height: 100%;
}

#content {
	margin-left: 265px;
	margin-right: 5px;
	padding : 0;
	padding-top: 95px;
}

#site-logo {
	width: 70px;
	position: absolute;
	margin: 10px;
}

#site-name
{
	position: absolute;
	margin-left: 90px;
	margin-top: 20px;
	color: #000066;
	font-family: arial, helvetica;
	font-size: 13px;
	font-weight: bold;
}

#login-infobox {
	position: absolute;
	right: 0px;
	color: #000066;
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#login-infobox a {
	color: #000066;
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


/* Menu g�n�ral */

div.menu-top {
	position: relative;
	background-color: #cccccc;
	border: 1px solid #999999;
	top: 55px;
	margin-left: 130px;
	margin-bottom: 0;
	margin-right: 5px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.menu-top ul {
	padding: 0;
	margin: 0;
}

div.menu-top li {
	display: inline;
	list-style: none;
	margin-left: 15px;
	margin-right: 15px;
}

div.menu-top li.menu-top-active {
	display: inline;
	list-style: none;
	margin-left: 15px;
	margin-right: 15px;
	background-color: lightblue;
}

div.menu-top li a {
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 13px;
}


/* Sous-menu */

ul.submenu {
	display: block;
	margin-left: 0;
	background-color: #cccccc;
	border: 1px solid #999999;
	padding-left: 10px;
	padding-right: 10px;
}

ul.submenu li.submenu-title {
	color: #ff6600;
	font-family: verdana;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding-bottom: 5px;
}

ul.submenu li,
ul.submenu li A {
	text-decoration: none;
	color: #ff6600;
	display: block;
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.submenu li.submenu-active {
	cursor: pointer;
	color: #ff6600;
	display: block;
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: lightblue;
}


/* Options et titre  de page */

#page_options
{
	border: #6699cc 1px dotted;
	background-color: #ffffff;
	background: url(/img/blueBackground.gif);
	padding: 5px 35px;
}

#page_options .titre
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}


/* Ent�tes de pages */
#page_content
{
	border: #6699cc 1px solid;
	border-top: none;
	padding: 10px 15px;
}

#page_content_title
{
	border: #6699cc 1px solid;
	border-bottom: #6699cc 2px solid;
	padding: 0;
	background-image:url('/img/browseBackground.gif');
}

#page_content_title_text
{
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	color: #6699cc;
	font-family: Verdana;
	padding: 3px 5px;
	background: white;
	width: 450px;
	border-right: #6699cc 2px solid;
}



/* Tableaux */

#table_cell_header, .table_cell_header
{
	font-weight: bold;
	font-size: 12px;
	color: steelblue;
    font-family: Verdana;
}

/* Formulaires */

input {
    font-size: 12px;
    color: black;
	font-family: Verdana;
}

input.inputText {
	border: steelblue 1px solid;
	/*background-color:#eeeeee;*/
}

input.inputText.hasError {
	border: red 1px solid;
	/*background-color:#eeeeee;*/
}

input.inputText_R
{
	border: steelblue 1px solid;
	/*background-color:#eeeeee;*/
	text-align: right;
}

input.inputText_R_grey
{
	border: grey 1px solid;
	/*background-color:#eeeeee;*/
	text-align: right;
}

textarea.inputText {
	border: steelblue 1px solid;
	/*background-color:#eeeeee;*/
}



/* Textes */

.label
{
	color: steelblue;
	font-size: 14px;
}




/* Page Loading */

#wait_loading {
	position: absolute;
	display: inline-block;
	padding: 10px;
	top: 50%;
	left: 40%;
	border: 1px black solid;
	background-color: #D3D3D3;
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
}

/* END Nouveau mod�le */








/*  TABLEAUX  */

.tr_hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: none;
}

.tr_hover:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FFC1C1;
}

.td_border {
	border-right: 1px solid #6699cc;
	border-bottom: 1px solid #6699cc;
}

/*  END TABLEAUX  */





/* Pour le backdrop des dialog jquery ui */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5); /* couleur et opacité du fond */
  }




/* Pour le menu dropdown */
.dropdown {
	position: relative;
	display: inline-block;
  }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: fixed;
	right: 20px;
	background-color: #f9f9f9;
	min-width: 160px;
	border: 1px solid rgba(0,0,0,.15);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding: 20px;
  }

.dropdown:hover .dropdown-content {
	display: block;
  }

.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
  }





.addressDropdown {
	display: none;
	width: 350px;
	border: 1px solid black;
}

.addressDropdown a {
	color: black;
	padding: 3px 6px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.addressDropdown a:hover {
	background-color: #d6def7;
	cursor: pointer;
}

.addressDropdown a.selected {
	background-color: #ddd;
}


.center {
	text-align: center !important;
}


.rounded-item {
	display: inline-block;
	border: 1px solid gray;
	border-radius: 30px;
	padding: 2px 5px;
	margin-right:10px
}


.pastille-rouge {
	display: inline-block;
	background-color: #e63636;
	width: 12px;
	height: 12px;
	border-radius: 10px;
  }