/*@CHARSET "ISO-8859-1";*/

/* ------------------------------------- ELEMENTS STRUCTURANT */

html { height: 100% }
body { border: 0; margin: 0; padding: 0; font: 9pt Arial, Verdana, Helvetica, sans-serif; color: #3F3F3F; background-color: #fff; } 

h1,.h1 { background-color: #e8e4cb; margin-top:0px;margin-bottom:0px;font-weight:bold;font-size:24pt;color:white } 
h2,.h2 { background-color: #fffef2; font-weight:bold; font-size:12pt; }
h3,.h3 { margin-top:0px;margin-bottom:0px;font:15pt "Trebuchet MS", "Lucida Grande",Verdana,sans-serif;font-weight:bold;color:#333} 
h4,.h4 { margin-top:0px;margin-bottom:0px;font:13pt "Trebuchet MS", "Lucida Grande",Verdana,sans-serif;font-weight:bold;color:#333} 
h5,.h5 { margin-top:0px;margin-bottom:0px;font-size:13pt;font-weight:bold;color:#425eb3} 
h6,.h6 { clear:both; width: 95%; margin-left:2%; padding-top: 10px; font-size:8pt;
         font-weight:400; color:rgb(100,100,100); text-align:right; 
         position:absolute; bottom:1px; color: #ccc; }
h6 a   { color:black; }

hr { color:#cccccc } 
dt { font-style: italic; }

.divENTETE {
    text-align: right;
    font-weight: bold;
    background-color: #e8e4cb;
    border: 1px solid silver;
    margin: 5px 4px 0px 4px;
    padding: 2px 2px 2px 2px;
}
.divCORP {
    background-color: #fffef2;
    border: 1px solid #EFEFEF;
    border-right: 3px solid silver; border-bottom: 2px solid gray;
    margin: 3px 4px 0px 4px;
    padding: 2px 2px 2px 2px;
}
.divDIALOG {
    position:absolute;top:15%;left:10%;
	background-color: #D1D6DF;
    border-top: 1px solid black;
    border-right: 5px solid black;
    border-bottom: 5px solid black;
    border-left: 1px solid black;
    margin: 3px 3px 0px 3px;
    padding: 3px 3px 5px 3px;
}
label.th { display:block; float: left; font-size: 10pt; margin-top:3px;
    background-image: url("listViewBg.gif");
    background-repeat: repeat-x;
    color: white;
    margin:4px 4px 1px 0;
    padding:0 0 2px 2px;
}
.inactive { text-decoration: line-through; }

/* ------------------------------------- HEADER DEMO */
#href_offre_essai { font-weight:800; font-size:12pt; color:#383531; text-decoration:none;}
#banner_msg { background-color:#fff1d4;width:400px;margin-left:160px;text-align:center;border:1px solid gray; padding:3 0 3 0;
	border-radius:3px; box-shadow:2px 2px 5px gray }

/* ------------------------------------- INPUT */

a { color: #443a31; text-decoration: underline; }
a:hover { color: #443a31; text-decoration: underline; }
input[type="checkbox"] { border: 0px; }
input[type="text"],input[type="password"], textarea, select { border: 1px solid gray; padding: 0 2px 0 2px; font-size: 9pt; }
input.text { font-size: 9pt; border: 1px solid gray; }
span.text { display:block; height: 17px; border: 1px solid gray; padding: 0 2px 0 2px; font-size: 9pt; text-align:center; background-color: white }
select.text { font-size: 8pt; border: 1px solid gray; }
input:focus { background-color: #f5f0d3; }
textarea   { font-size: 9pt; border: 1px solid gray; }

.chxtype { background-color: #E5E8EF;}

.boutonClass { 
    width:6em;
}
.boutonClass:hover {
    cursor: pointer;
}
.boutonDisabledClass {
    background-position: center top;
    background-repeat: repeat-x;
    background-image: url(btnBg.gif);
    background-color: #ECF1F4;
    border: 1px solid #ABC3D7;
    color: gray;
    font-size: 8pt;
    font-weight: normal;
    vertical-align: middle;
}
.numeric { text-align: right; }
.readonly { background-color: white!important; color: #8F8F8F!important; 
            border-style: inset!important;}

/* ------------------------------------- DECORATIONS / IMG */

fieldset { border: 1px solid #ccc; background-color: #fafafa; }
legend { font-size: 10pt; font-weight: bold; color: #0046d5; }

img { border: 0px; } 
label { font-size: 9pt; }

span.right,td.right,th.right,.right-text{ text-align: right!important }
span.legend { font-size:10pt; font-weight:bold;color:#0046d5; padding:5px 5px 5px 5px; }
span.titre { font-size:10pt; font-weight:bold;color:black; padding:5px 5px 5px 5px; }
span.text_supp { color: red; }
span.lien_retour { float:left; font-size: 12pt; font-weight:bold }
span.disabled { color: silver; }
span.strong { font-weight: bold; font-size: 120%; }
div.error {
	color: red;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	border: 1px solid red;
	background-color: yellow;
	margin: 0 0 0 0;
}
div.info {color:#1f3f21;font-weight:bold;border:1px solid #1f3f21;background-color: #DFFFE0;margin:0px;padding:5px }
div.warning {color:black;font-weight:bold;border:1px solid black;background-color: #FFAE4F;margin:0px;padding:5px }

/* ------------------------------------- HEADER */

#banner {
    background-image: url(background_header.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
    background-color: #faf8f0;
	color: black;
	padding: 6px 6px 25px 0px;
	margin: 0px;
	white-space: nowrap;
    height:26px;
}
#banner .logo { visibility: hidden }
#dash {
    background-color: #fff1d4; 
    border-bottom: 2px solid silver;
    height:2px; 
    font-size: 12pt;
	font-weight: bold;
    text-align:center;
    margin:0; 
    padding:0;
	vertical-align: middle; 
    white-space: nowrap; 
    min-width: 780px;
}
#dash.actif { height: 20px; font-size: 12pt; margin-bottom: 0; padding: 6px 0 2px 0; }
#dash-message { margin-right: 5% }

#options { font-size:9pt; white-space: nowrap; 
           vertical-align:middle; padding:2px 4px 4px 2px; border: 0;
            background-color:#fff1d4;
            position:absolute;top:0px;right:0px;
            border-bottom: 1px solid gray; border-left: 1px solid gray;
}
#options a, #options a:link, #options a:visited { color: black; text-decoration: none; }
#options a:active, #options a:hover { text-decoration: underline; }

/* ------------------------------------- MENUS RETRACTIBLE */

.navigationsursite {
	font-family : Arial;
	font-size: 9pt;
	width: 20em;
	padding: 0;
	margin-bottom: 1em;
	background-color: #EFEFEF;
	color: blue;
	border-right: 3px solid silver; border-bottom: 2px solid gray;
}

.navigationsursite ul { list-style: none; margin: 0; padding: 0; }
.navigationsursite ul li { margin: 0; border-top: 1px solid #EFEFEF; }
.navigationsursite ul li a {
	display: block;
	padding: 2px 2px 2px 0.5em;
	border-left: 10px solid #959595;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
	background-color: #F6F6F6;
	color: #5F5F5F; font-weight: 400;
	text-decoration: none;
	width: 100%;
}
.navigationsursite ul li a:hover {
	border-left: 10px solid #959595;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #EFEFEF;
	color:black;
}
html > body .navigationsursite ul li a { width: auto; }

/* ------------------------------------- TABLES */

th { font-weight:bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; border: 0.5px solid gray; 
     background-color: #EFEFEF; }
td { font-size: 8pt; }
tr { vertical-align: top; }
.even { background-color: white; }
.odd { background-color: #F5F5F5; }
.red { background-color: #FFDFDF; }

/* ------------------------------------- TABLES - listes */

.listTABLE { border: 0px; border-spacing: 0px; border-collapse: collapse; }
.listTABLE tbody tr { height: 1em; }
.listTABLE tbody td { }
.listTH {
    background-color:#cfc9c0;
    border: 0px;
    color: #3f3f3f;
    font-weight: bold;
    height: 20px;
    padding: 4px 5px 0 5px;
    text-align: left;
}
.listLABEL {
    background-image: url(listViewBg.gif);
    border: 0px;
    color: #3F3F3F;
    font-weight: bold;
    height: 20px;
    padding: 4px 5px 0 5px;
    text-align: left;
    display:block;
    float:left;
}

.listPIECE { border: 0; border-spacing: 0; border-collapse: collapse; }
.listPIECE tbody tr { border-bottom: 0; }
.listPIECE tbody td { border-right: 1px solid black; padding: 4px 5px 4px 5px; }

/* ------------------------------------- TABLES - formulaires */

table.noborder { border-spacing: 1; border-collapse: separate; }
table.noborder th { border: 0; text-align: left; vertical-align: top; padding: 1px 2px 0 2px; }
table.noborder td { vertical-align: top; }
table.noborder input[type="text"] { text-transform: none; }
table.noborder img { vertical-align: top; }

/* ------------------------------------- ICALENDAR */

#icalendar { text-align:center; }
#icalendar span { color: gray; font-size: 11px; font-family: Arial,Helvetica,Sans serif ; font-weight: bold; }
#icalendar table { border-spacing: 2px; background-color: #EEEEEE; width: 100%; }
#icalendar td { text-align:center; }
#icalendar td input[type=button] {
    background-position: center top;
    background-repeat: repeat-x;
    background-image: url(btnBg.gif);
    background-color: #ECF1F4;
    border: 1px solid #ABC3D7;
    font-size: 8pt;
    font-weight: normal;
    vertical-align: middle;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
.ICalendar_input { width:80px; text-align:center; }
.ICalendar_img   { border: none; width:18px; height:18px; vertical-align: top; margin-left: -5px; }
.ui-datepicker-trigger { border:none;width:18px;height:18px;vertical-align:top;}
.calendar_focus { color: red; }

/* ----------------------------------- AGENDA */
#ID_AGENDA .titre { background-image: url("listViewBg.png"); background-repeat:repeat-x; color: white; font-size:12pt; font-weight: bold; text-align:center; }
#ID_AGENDA td.jours { background-image: url("fondBlack.png"); background-repeat:repeat-x; height:17px; text-align:center; color: white; }
#ID_AGENDA tr.main { background-color: #F4FEF5; }
#ID_AGENDA input.bt1 { border: 1px solid gray;border-style: inset; width:22px; margin:1px 1px 1px 1px; background-color: #B8B0B0; color: white;padding:0}
#ID_AGENDA input.btw { background-color: #DCBBBB; color: #726969; }
#ID_AGENDA input.sel { color: #EDEF48; font-weight: bold}
#ID_AGENDA option.sel { font-weight: bold; font-size:11pt }
#ID_AGENDA div.d1 { background-color: white; color: black; }
#ID_AGENDA div.d2 { background-color: #FFFCDF; color: black; }

/* ------------------------------------- CALENDRIER */
#ID_CALENDAR .titre { background-image: url("listViewBg.png"); background-repeat:repeat-x; font-size:8pt; font-weight: bold; text-align:center; }
#ID_CALENDAR tr.main { background-color: #faf8f0; }
#ID_CALENDAR th      { background-color: #faf8f0; }
#ID_CALENDAR td.jours { background-image: url("fondBlack.png"); background-repeat:repeat-x; text-align:center; color: white; font-size:7pt; }
#ID_CALENDAR input.bt1 { background-color: white; color: silver; border: 0; width:18px; margin:0px 0px 0px 0px; padding:0; font-size:7pt; }
#ID_CALENDAR input.bts { background-color: white; }
#ID_CALENDAR input.btw { background-color: #e8e4cb; color: white; }
#ID_CALENDAR input.enh { background-color: #e8e4cb; color: black; }
#ID_CALENDAR input.now { background-color: #f0efe8; color: black; font-weight: bold; border-top:1px solid gray; border-left:1px solid gray; }

#ID_CAL_MAIN table    { border: 0; border-spacing:0; background-color: #e8e4cb; padding: 0 3px 3px 15px; margin-top:-16px; }
#ID_CAL_MAIN th       { font: 400 8pt helvetica; color: #112abb; vertical-align:top; border:0; }
#ID_CAL_MAIN th.cell  { background-color: #e8e4cb; height:20px; vertical-align: middle; }
#ID_CAL_MAIN th.cell1 { background-color: #e8e4cb; height:40px; }
#ID_CAL_MAIN th.cell2 { background-color: #fff1d4; height:40px; vertical-align:top; 
                        padding-top:4px; color: #0C133F; border-left: 1px solid silver; border-bottom: 1px solid silver; }

#ID_CAL_MAIN td.cell  { background-color: white; border-right: 1px solid #e8e4cb; border-left:1px solid #e8e4cb; }
#ID_CAL_MAIN td.cell1 { border-bottom: 1px solid #fff1d4; }
#ID_CAL_MAIN td.cell2 { border-bottom: 1px dotted #fff1d4; }
#ID_CAL_MAIN td.now   { background-color: #fcffcd; }
#ID_CAL_MAIN div.titre1 { background-color:#eeeeee; color:#777777; text-align:right; height:18px;}
#ID_CAL_MAIN div.titre2 { background-color:#faf8f0; color:#777777; text-align:right; height:18px;}
#ID_CAL_MAIN div.corp { background-color:white; height:55px; font: 400 7pt Verdana,Helvetica,sans-serif; }
#ID_CAL_MAIN div.we   { background-color: #cfc9c0; }
#ID_CAL_MAIN div.now  { background-color: #fcffcd; }
#ID_CAL_MAIN div.ferie{ background-color: #cfc9c0; }

#ID_CAL_TOP  { position:absolute; top:79px; width:100%; }
#ID_CAL_ONGL { position:absolute; top:0; right:10px; width:465px; }
#ID_CAL_ONGL a { width:110px; }

div.calfmt  { position:absolute;width:150px;border: 1px solid #333;font: 400 7pt Verdana,Helvetica,sans-serif}
div.calfmt1 { background-color:#00df38; color:black}
div.calfmt2 { background-color:orange;}
div.calfmt3 { background-color:#f3fdf4;}

/* ------------------------------------- AUTOCOMPLETE */

.update{ position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; display:inline; }
ul.autocomplete  { list-style-type: none; margin:0px; padding:0px; text-align: left; } 
ul.autocomplete li.selected { background-color: #ffb; cursor: pointer; } 
li.autocomplete { list-style-type: none; display:block; margin:0; padding:2px; } 
li.autocomplete div.image { float:left; width:32px; height:32px; margin-right:8px; } 
li.autocomplete div.value { font-weight:bold; font-size:12px; line-height:1.2em; }

/* ------------------------------------- MENU FLOTTANT */

#page_main { float: left; width: 99%; }
#page_menu { float:right; width: 126px; display: none; margin-top: 3px; padding: 2px 2px 2px 2px; }
#page_menu ul { margin: 0 0 0 0; padding: 2px 2px 2px 2px; color: black; }
#page_menu li { list-style-type: none; list-style-position: inside; }
#clic_menu { margin-top: 3px; float: right; margin-right: 0px; }

/* ------------------------------------- ONGLETS */

div.onglets { width: 790px; margin:10 0 0 0; padding:0 }
div.onglets ul { margin:4; padding:0 }
div.onglets ul li{ margin:0;padding:0;border:0;display:inline;list-style-type:none;list-style-position: inside }
div.onglets a {
    display: block;
    margin: 0 5 0 0;
    padding: 0 0 0 0;
    float: left;
    width: 100px;
    height: 20px;
    text-align:center;
    vertical-align: middle;
    font-size: 10pt;
    text-decoration: none;
	color: white;
	background-color: gray;
}
div.onglets a:hover { color: white; font-weight:800; }
div.onglets a.selected { background-color: silver; color: black; }
div.onglets a.selected2 { background-color: #faf8f0; color: black; border: 1px solid #abc3d7; border-top: 1px solid #abc3d7; border-left:0; }

/* ------------------------------------- AIDE */

#versions {
    border-collapse: collapse;
    width:100%;
}
#versions th {
    text-align: left;
    width:10em;
    padding: 3px 3px 3px 3px;
    border: 1px solid black;
}
#versions td {
    text-align: right;
    border: 1px solid black;
    width: 15em;
    padding: 0px 3px 0px 3px;
}
#versions td.logo {
    text-align:center;
    font-size: 8pt;
}
#versions a {
    color: gray;
    text-decoration: underline;
}
#adrTressolmi {
    width:100%;
    border: 1px dashed #DFDFDF;
}
#adrTressolmi td {
    font-size: 8pt;
    text-align: center;
}

/* ----------------------------------- StatScreen */
#tableFiltres { border: 1px solid #EFEFEF; width: 100%; margin-bottom: 10px; }
#tableFiltres th { text-align: center; }
#tableFiltres td { text-align: center; }

#tableResultat       { width:100%; border-spacing: 1; }
#tableResultat .niv  { text-align: right; width:70px; }
#tableResultat .cum  { text-align: right; width:70px; font-weight: 800; font-size: 103%;}
#tableResultat .niv0 { background-color: #FFFFFF; }
#tableResultat .niv1 { background-color: #F0FFEF; }
#tableResultat .niv2 { background-color: #E1FFDF; }
#tableResultat .niv3 { background-color: #D2FFCF; }
#tableResultat .niv4 { background-color: #C2FFBF; }
#tableResultat .niv5 { background-color: #B3FFAF; }
#tableResultat .niv6 { background-color: #A4FF9F; }
#tableResultat .niv7 { background-color: #95FF8F; }
#tableResultat .niv8 { background-color: #86FF7F; }
#tableResultat .niv9 { background-color: #77FF6F; }
#tableResultat  .rupt { border-bottom: 1px solid black; }
#tableResultat th .enh td { background-color: #95BF2F; }

/* --------------------------------- MENU checkList */
div.checkList { position:absolute; height:4cm; width:140px; overflow:auto; background-color:#EFEFEF;
                border: 1px solid gray;
                border-right: 2px solid black; border-bottom: 2px solid black;
                display:none; text-align:right; 
                margin-left:-130px; margin-top:0px; 
                font-weight:400; }