/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------- BALISES GéNéRaLeS --------------------------------- */
/* ----------------------------------------------------------------------------------------- */
body { padding:0; margin:0; font:10px Arial, Helvetica, sans-serif; color:#54585e; background-color:#edebeb; background-image:none; outline:none !important; }
.msg { list-style:none; color:#FF3300; padding:5px 20px 5px 30px; width:300px; margin: 0px 0px 0px 0px; /* FF/Ie --> display:table !important; display:block;*/  }
.msg_multiple li { list-style:none; background:no-repeat url(../../img/gfx/attention.jpg) 2px 2px; color:#23698b; padding:5px 20px 5px 30px; border:1px solid #d5e1f1; width:300px; margin: 0px 0px 2px 0px; }
.alerte { color:red;}
div { display:block; }
strong {font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none;}
/* ----------------------------------------------------------------------------------------- */
/* -------------------------------------- Page d'accueil ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
#bloc_ac { background-color:#FFFFFF; width:97%; height:100%; margin-left: auto; margin-right: auto; }
#logo { width:210px; height:210px; float:left; margin:0px 20px 0px 0px; }
#post_logo { padding:20px 0px 10px 0px; }
#haut { float:left; width:100%; height:250px; background-color:#FFFFFF; }
.txt_logo { font:18px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; }

/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- BLOC OUTIL ------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* mantis 0000774
#bloc_1 { width:211px; height:213px; background-image:url(../../img/gfx/f_bloc.gif); background-repeat:repeat-y; float:left; margin:0px 33px 0px 0px; }
#bloc_2 { width:211px; height:213px; background-image:url(../../img/gfx/f_bloc.gif); background-repeat:repeat-y; float:left; margin:0px 33px 0px 0px; }
#bloc_3 { width:211px; height:213px; background-image:url(../../img/gfx/f_bloc.gif); background-repeat:repeat-y; float:left; margin:0px 33px 0px 0px; } */
#bloc_1 { width:316px; height:213px; background-image:url(../../img/gfx/f_bloc.gif); background-repeat:repeat-y; float:left; margin:0px 33px 0px 0px; }
#bloc_3 { width:316px; height:213px; background-image:url(../../img/gfx/f_bloc.gif); background-repeat:repeat-y; float:left; margin:0px 33px 0px 0px; } 

#bienvenue { width:316px; height:38px; background-image:url(../../img/gfx/bloc.gif); background-repeat:repeat-x; font:16px Arial, Helvetica, sans-serif; color:#c3e7fd; font-weight:bold; padding-top:6px; padding-left:25px; text-align:left; }
#tache { width:316px; height:38px; background-image:url(../../img/gfx/bloc.gif); background-repeat:repeat-x; font:16px Arial, Helvetica, sans-serif; color:#c3e7fd; font-weight:bold; padding-top:6px; padding-left:25px; text-align:left; }
#calendriers { width:316px; height:38px; background-image:url(../../img/gfx/bloc.gif); background-repeat:repeat-x; font:16px Arial, Helvetica, sans-serif; color:#c3e7fd; font-weight:bold; padding-top:6px; padding-left:25px; text-align:left; }
#alerte { width:316px; height:38px; background-image:url(../../img/gfx/bloc.gif); background-repeat:repeat-x; font:16px Arial, Helvetica, sans-serif; color:#c3e7fd; font-weight:bold; padding-top:6px; padding-left:25px; text-align:left; }
#recherche { width:316px; height:38px; background-image:url(../../img/gfx/bloc.gif); background-repeat:repeat-x; font:16px Arial, Helvetica, sans-serif; color:#c3e7fd; font-weight:bold; padding-top:6px; padding-left:25px; text-align:left; }
#size_bloc_1 { height:155px; text-align:left; padding:0px 20px 0px 23px; }
#size_bloc_2 { height:155px; text-align:left; padding:0px 20px 0px 23px; }
#size_bloc_3 { height:155px; text-align:left; padding:0px 20px 0px 23px; }
#centrer { text-align: center; }
#rechercher { font:10px Arial, Helvetica, sans-serif; color:#54585e; }
#rechercher input { border:1px solid #c3e7fd; height:17px; margin:0px 0px 10px 0px; }
.txt_bloc { font:11px Arial, Helvetica, sans-serif; color:#54585e; }
.txt_bloc_g { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-decoration:none; }
.txt_bloc_g:hover { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-decoration:underline; }
/*mantis 0001649*/
.txt_bloc_info { font:11px Arial, Helvetica, sans-serif; color:#fe9021; font-weight:bold; text-decoration:none; }
.txt_bloc_info:hover { font:11px Arial, Helvetica, sans-serif; color:#fe9021; font-weight:bold; text-decoration:none;}

/* mantis 0000774
.scroll { position:absolute; width:170px; height:160px; overflow:scroll; overflow-x:hidden; background-color:#FFFFFF; scrollbar-face-color: #c3e7fd; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
#scroll { position:absolute; width:170px; height:160px; overflow:scroll; overflow-x:hidden; background-color:#FFFFFF; scrollbar-face-color: #c3e7fd; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
*/
.scroll { position:absolute; width:280px; height:160px; overflow:scroll; overflow-x:hidden; background-color:#FFFFFF; scrollbar-face-color: #c3e7fd; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
#scroll { position:absolute; width:280px; height:160px; overflow:scroll; overflow-x:hidden; background-color:#FFFFFF; scrollbar-face-color: #c3e7fd; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------ CONTENU -------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
#bloc_contenu { clear:both; width:100%; background-color:#FFFFFF;  }
.titre_page { font:13px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; }
#contenu { text-align:left; padding:0px 0px 0px 0px;  float:left; }
#tr-titre { height:2px; background-image:url(../../img/gfx/tr_b.gif); background-repeat:repeat-x; margin:3px 0px 25px 0px; padding:10px 0px 0px 0px; width:700px; }
#tr-prospect
{
	width: 100%;
	height: 2px;
	background-image: url(../../img/gfx/tr_b.gif);
	background-repeat: repeat-x;
	margin: 5px 0px 0px 0px;
	text-align: right;
}
#tr-prospect2
{
	width: 100%;
	height: 2px;
	background-image: url(../../img/gfx/tr_b.gif);
	background-repeat: repeat-x;
	margin: 5px 0px 0px 0px;
	text-align: right;
}
#tr-table { height:1px; background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; float:left; width:700px; }
.titre_or { font:18px Arial, Helvetica, sans-serif; color:#fe9021; }
.titre_bl { font:18px Arial, Helvetica, sans-serif; color:#23698b; }
select, option { font:11px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:200px; }


/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------ LOGIN ---------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
#login { width:900px; height:688px; background-image:url(../../img/gfx/login.jpg); text-align:left; margin:auto; padding:auto; }
#login #footer_log { width:100%; text-align:center; padding-top:130px; color:#256e8f; }
#post_log { padding-top:45px; }
#bloc_log { width:350px; padding:320px 0px 0px 80px; font:12px Arial, Helvetica, sans-serif; color:#256e8f; }
#txt_log { font:14px Arial, Helvetica, sans-serif; color:#256e8f; font-weight:bold; }
#bloc_log form { margin:0px; padding:0px; }
#ch_log input { width:150px; float:left; border:1px solid #FFFFFF; }
#bt_log { width:72px; margin-left:180px; margin-top:-15px; }
#bloc_log input { margin:0px; padding:0px; font:12px Arial, Helvetica, sans-serif; color:#256e8f; }
.bt_login { background-image:url(../../img/gfx/go.jpg); background-repeat:repeat-x; height:38px; width:72px; border:0px solid #FFFFFF; cursor:pointer; }
.txt_loginLabel { font:14px Arial, Helvetica, sans-serif; color:#256e8f; font-weight:bold; }
.tbx_login input { width:150px; float:left; border:1px solid #FFFFFF; }
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------ ESPACE COMMERCIAL ---------------------------------- */
/* ----------------------------------------------------------------------------------------- */
#post_bloc { margin:10px 0px 0px 0px; }
#liste { background-image:url(../../img/gfx/f_liste.gif); height:27px; width:14.5%; float:left; margin:1px 1px 1px 0px; }
#bordure { float:left; margin:5px 1px 15px 0px; height:28px; width:14.5%; padding-top:10px; }
#post_bt { width:700px; text-align:right; margin-top:6px; padding-top:4px; }
#post_bt2 { width:700px; text-align:right; margin-top:6px; padding-top:4px; }
.txt_ec { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-align:center; padding-top:10px; }
.txt_lbl_master { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-align:center; padding-top:0px; }
.txt_bord { font:10px Arial, Helvetica, sans-serif; color:#54585e; text-align:center; }
.txt_check { font:10px Arial, Helvetica, sans-serif; color:#54585e; text-align:center; margin:-2px 0px 0px 0px; }
#bt_comm { width:700px; height:40px;  margin-bottom:10px;	}
#bt_comm_top { width:700px; height:40px;  margin-bottom:10px;	}
#bt_comm2 { width:700px; height:30px; margin-left:180px; margin-right:30px; margin-bottom:10px; float: left; }
/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- FORMULAIRE ------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
form { font:10px Arial, Helvetica, sans-serif; }
input { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:0px 0px 0px 0px; }
#formulaire { text-align:right; font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; }
#case input { width:20px; }
#formulaire input { width:300px; }
#formulaire textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:300px; margin:5px 0px 0px 20px; }
#formulaire select,#formulaire option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:300px; }
#formulaire #checkbox { width:20px; }
#formulaire #radio { width:20px; }
#formulaire #select { width:115px; height:100px; }
#formulaire #input { width:20px; }
.bt_form { background-image:url(../../img/gfx/bt.gif); background-repeat:repeat-x; background-color:#FFFFFF; height:50px; width:254px; padding:0px 10px 10px 50px; margin:5px 0px 10px 0px; border:0px solid #FFFFFF; font:11px Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; float:right; }
.bt_rech { background-color:#FFFFFF; height:27px; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 0px; border:2px solid #c3e7fd; font:10px Arial, Helvetica, sans-serif; color:#f8901f; font-weight:bold; cursor:pointer;  }
.txt_form { color:#23698b; font-weight:bold; }
/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------- CALENDRIER ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */
#aff_jour { display:block; }
#aff_semaine { display:none; }
#aff_mois { display:none; }
#jour { font:8pt Arial, Helvetica, sans-serif; color:#23698b; background-color:#e8eef7; margin-right:20px; }
#semaine { font:8pt Arial, Helvetica, sans-serif; color:#23698b; background-color:#e8eef7; margin-right:20px; }
#mois { font:8pt Arial, Helvetica, sans-serif; color:#23698b; background-color:#e8eef7; margin-right:20px; }
#jour td { text-align:center; border:1px solid #FFFFFF; width:120px; height:40px; }
#mois td { border:1px solid #FFFFFF; width:140px; text-align:center; }
#mois_1 { height:40px; text-align:center; font-weight:bold; }
#mois_2 { background-color:#fff0e1; text-align:center; height:40px; }
.mois_3 { height:90px; }
#semaine td { text-align:center; border:1px solid #FFFFFF; width:120px; height:40px; }
#bt_mois { padding-right:20px; }
#bt_mois input { float:right; width:40px; background-color:#5ea4c6; color:#FFFFFF; border:1px solid #FFFFFF; }
#jour_j { background-color:#216a8d; color:#FFFFFF; text-align:center; font-weight:bold; }
#mois_j { background-color:#216a8d; color:#FFFFFF; text-align:center; font-weight:bold; }
#semaine_j { background-color:#216a8d; color:#FFFFFF; text-align:center; font-weight:bold; }
.cellule { background-color:#fff0e1; text-align:center; }
#calendr { width:170px; height:170px; font:8pt Arial, Helvetica, sans-serif; color:#23698b; background-color:#eef3f9; border-collapse:collapse; text-align:center; }
#calendr a { font:8pt Arial, Helvetica, sans-serif; color:#23698b; width:17px; height:17px; }
.txt_jour { font:8pt Arial, Helvetica, sans-serif; color:#FFFFFF; width:17px; height:17px; }
#txt_jour a:hover { font:8pt Arial, Helvetica, sans-serif; color:#FFFFFF; width:17px; height:17px; background-color:#23698b; }
.h_calend { background-color:#23698b; height:25px; text-align:center; }
#f_calend { background-color:#fd9125; height:1px; color:#FFFFFF; }
.txt_calend { font:10pt Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; width:100%; border-collapse:collapse; }
#jour_select a { color:#FFFFFF; background-color:#23698b; width:17px; height:17px; }
#onglet { margin:0px 0px 10px 229px; height:25px; background-image:url(../../img/gfx/onglet_1.gif); background-repeat:no-repeat; padding:4px 0px 0px 0px; }
#tr-onglet { height:2px; background-image:url(../../img/gfx/tr_b.gif); background-repeat:repeat-x; margin:-7px 0px 10px 230px; }
.txt_cal { font:11px Arial, HelvetitableDocca, sans-serif; color:#54585e; font-weight:bold; text-decoration:none; margin:0px 19px 0px 12px; }
.txt_cal:hover { font:11px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-decoration:none; margin:0px 19px 0px 12px; background-color:#23698b; }
/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------- petit CALENDRIER ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */
.scalendrier{  width:50px; font:7pt Arial, Helvetica, sans-serif; color:#23698b; background-color:#eef3f9; border-collapse:collapse; text-align:center; }
.stitlestyle, .stitlestyle td { background-color:#23698b; height:25px; text-align:center; }
.sdayheader { background-color:#fd9125; color:#FFFFFF; text-align:center; font-weight:bold; }
.sjour_select a { color:#FFFFFF; background-color:#23698b; width:17px; height:17px; }
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- FOOTER -------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
#footer { height:52px; background-image: url(../../img/gfx/f_footer.gif);  clear:both; }
#bloc_footer { float:left; font:10px Arial, Helvetica, sans-serif; color:#54585e; padding:20px 0px 0px 45%; }
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- GRIDVIEW ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableSimple { width:800px; margin: 10px 0px 0px 0px; }
TABLE.tableSimple tr {  background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tableSimple th { background-image: url(../../img/gfx/f_liste.gif);  height:33px;  margin: 1px 1px 1px 0px; font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: center; }
TABLE.tableSimple th a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tableSimple td { text-align: center;  margin:5px 1px 15px 0px;  padding:10px 0px 10px 0px; font:11px Arial, Helvetica, sans-serif; }
TABLE.tableSimple td a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tableSimple .pager td tr {  text-align:center; text-decoration: none; color: #23698b; background-image: none;  }
TABLE.tableSimple .pager td  { width:700px; text-align:center; }
TABLE.tableSimple .pager td tr td { width:1em; }
TABLE.tableSimple .pager table { margin-left:auto; margin-right:auto; }
TABLE.tableSimple .pager td tr a:link,TABLE.tableSimple .pager td tr a:visited  { text-decoration: none; font-weight: bold; }
TABLE.tableSimple .pager td tr a:hover,TABLE.tableSimple .pager td tr a:active  { }
TABLE.tableSimple input { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:100px; }
TABLE.tableSimple textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:200px; margin:5px 0px 0px 0px; }
TABLE.tableSimple .smallInput { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:50px; }
TABLE.tableSimple .radio { width:20px; }
TABLE.tableSimple td a.abold:link, a.abold:visited {text-decoration: none; color:#fe9021; font-weight:bold;}
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- TableView ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */

TABLE.tableView { width:700px;  margin: 10px 0px 0px 0px; }
TABLE.tableView th { background-image: url(../../img/gfx/f_liste.gif);  font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; height:33px; padding:0px 0px 0px 7px }
TABLE.tableView tr {   margin: 0px 0px 0px 0px; }
TABLE.tableView td {   padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tableView td .ItemValideTrue {   }
TABLE.tableView td .ItemValideFalse{text-decoration: line-through;}
TABLE.tableView hr {   color:#c3e7fd; }
TABLE.tableView td a:link, a:visited { text-decoration: none; color: #23698b; font-weight:bold;}
TABLE.tableView td a:hover { text-decoration: none; color: #fd9125; }
TABLE.tableView .tr-fintableau { text-align: right; width: 100%; height: 2px; background-image: url(../../img/gfx/tr_b.gif); background-repeat: repeat-x; margin: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; }
TABLE.tableView .tr-fintableauSimple { text-align: right; width: 100%; height: 2px; margin: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; background:none; }
TABLE.tableView input { width:300px; text-align:left; }
TABLE.tableView textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:300px; margin:5px 0px 0px 0px; }
TABLE.tableView select, TABLE.tableView option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:300px; }
TABLE.tableView .selectCT, TABLE.tableView .selectCT option { font:12px Arial, Helvetica, sans-serif;  font-weight: bold;  color:#23698b; margin:5px 0px 0px 0px; width:500px; }
TABLE.tableView checkbox { width:20px; }
TABLE.tableView radio { width:20px; }
TABLE.tableView .icone { width:16px; }
TABLE.tableView .bt_rech { background-color:#FFFFFF; height:27px; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 0px; border:2px solid #c3e7fd; font:10px Arial, Helvetica, sans-serif; color:#f8901f; font-weight:bold; cursor:pointer; text-align:center; }
TABLE.tableView .cbx input { width:20px;}
TABLE.tableView .cbxO input { width:20px;} /*in*/
TABLE.tableView .cbxI input { width:20px;} /*out*/

TABLE.tableView table td { background-image:none;}

/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- TableFORM ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableForm { width:700px;  font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; margin: 10px 0px 0px 0px;  }
TABLE.tableForm th {  background-image: url(../../img/gfx/f_liste.gif);  font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; height:33px;}
TABLE.tableForm tr {   margin: 0px 0px 0px 0px;  }
TABLE.tableForm td {padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tableForm .tr-fintableau { text-align: right; width: 100%; height: 2px; margin: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; }
TABLE.tableForm .tr-fintableauSimple { text-align: right; width: 100%; margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:none; }
TABLE.tableForm input { width:300px; }
TABLE.tableForm textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:300px; margin:5px 0px 0px 0px; }
TABLE.tableForm select, TABLE.tableForm option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:300px; }
TABLE.tableForm checkbox { width:20px; }
TABLE.tableForm radio { width:20px; }
TABLE.tableForm .bt_rech { background-color:#FFFFFF; height:27px; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 0px; border:2px solid #c3e7fd; font:10px Arial, Helvetica, sans-serif; color:#f8901f; font-weight:bold; cursor:pointer; }
TABLE.tableForm .smallButton  { width:20px; }
TABLE.tableForm .smallInput { width:60px; }
TABLE.tableForm .icone { width:16px; }
TABLE.tableForm select.largeSelect,  TABLE.tableForm select.largeSelect option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:580px; }


/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- tableList ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableList { width:700px;  font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; margin: 10px 0px 0px 0px;  }
TABLE.tableList th {  background-image: url(../../img/gfx/f_liste.gif);  font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; height:33px;}
TABLE.tableList tr {   margin: 0px 0px 0px 0px;  }
TABLE.tableList td {padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tableList input { width:55px; }
TABLE.tableList select, TABLE.tableList option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:150px; }
TABLE.tableList checkbox { width:20px; }
TABLE.tableList radio { width:20px; }
TABLE.tableList .CAPinput { width:100px; }

/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- tableRdV ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableRdV { width:500px;  font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; margin: 0px 0px 0px 0px;  }
TABLE.tableRdV th {  background-image: url(../../img/gfx/f_liste.gif);  font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; height:33px;}
TABLE.tableRdV tr {   margin: 0px 0px 0px 0px;  }
TABLE.tableRdV td {padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; }
TABLE.tableRdV input { width:55px; }
TABLE.tableRdV select, TABLE.tableRdV option { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 0px; width:300px; }
TABLE.tableRdV textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:300px; margin:5px 0px 0px 0px; }
TABLE.tableRdV checkbox { width:20px; }
TABLE.tableRdV radio { width:20px; }
TABLE.tableRdV .bt_rech { background-color:#FFFFFF; height:27px; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 0px; border:2px solid #c3e7fd; font:10px Arial, Helvetica, sans-serif; color:#f8901f; font-weight:bold; cursor:pointer; }
TABLE.tableRdV .icone { width:16px; }

/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- tableContact ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableContact{	width: 300px;	font: 11px Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0px 0px 0px 0px;	border-right: #c3e7fd 1px solid;	border-top: #c3e7fd 1px solid;	border-left: #c3e7fd 1px solid;	border-bottom: #c3e7fd 1px solid;}
TABLE.tableContact tr{margin: 0px 0px 0px 0px;}
TABLE.tableContact td {padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; text-align: left;}

/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- table360 ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.table360{	width: 800px;	font: 13px Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0px 0px 0px 0px;	border-right: #c3e7fd 1px solid;	border-top: #c3e7fd 1px solid;	border-left: #c3e7fd 1px solid;	border-bottom: #c3e7fd 1px solid;}
TABLE.table360 tr{margin: 0px 0px 0px 0px;}
TABLE.table360 td {padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; text-align: left;}


/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- tableDatalist ----------------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableDatalist{width: 100%; 	font: 11px Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0px 0px 0px 0px;	}
TABLE.tableDatalist tr {margin: 0px 0px 0px 0px;    }
TABLE.tableDatalist td { padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; text-align: left; vertical-align:text-top;}
TABLE.tableDatalist table { clear; }


/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- tableBureauVirtuel---------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableBureauVirtuel{width: 700px; font: 11px Arial, Helvetica, sans-serif;	font-weight: bold;	margin: 0px 0px 0px 0px;	}
TABLE.tableBureauVirtuel tr {margin: 0px 0px 0px 0px;    }
TABLE.tableBureauVirtuel td { padding:10px 0px 10px 15px; font:11px Arial, Helvetica, sans-serif;margin: 0px 0px 0px 0px; text-align: center; vertical-align:text-top;}
TABLE.tableBureauVirtuel td .badge_nbalerte { padding:10px 0px 10px 15px; font:14px Arial, Helvetica, sans-serif; text-align: center; vertical-align:text-top; font-weight:bold; color:Red;}
TABLE.tableBureauVirtuel table { clear; }

/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- MENU GAUCHE ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */
#menu { width:204px; height:700px; float:left; padding:0px 0px 0px 0px; text-align:left; margin:0px 20px 0px 0px; }
#menu .staticItem { display: block; line-height: 33px; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; height: 37px; margin: 0px 0px 2px 0px; text-align: left; text-decoration: none; list-style-type: none; color: #23698b; background-image: url(../../img/gfx/f_menu.jpg); background-repeat: repeat-x;  cursor:pointer;  }
#menu .hoverStaticItem { background-image: url(../../img/gfx/f_menu_r.jpg); color:#23698b; }
#menu .hoverStaticItem:link,#menu .hoverStaticItem:visited  { height: 37px; color:#23698b; text-decoration: none;  width:185px; display:block;}
#menu .hoverStaticItem:hover,#menu .hoverStaticItem:active  { color: #fd9125; }
#menu .dynamicItem { text-align: center; width: 200px; height: 18px;  background-image: url(../../img/gfx/f_sous_menu.gif); background-repeat: repeat-x; line-height: 20px; border: 1px solid #ffdbb6; color: #fd9125; text-decoration: none;  margin: 0px 0px 2px 0px; padding:0px 0px 0px 0px; }
#menu .dynamicItem:link,#menu .dynamicItem:visited { color: #23698b; text-decoration: none; display: block;  width:185px;}
#menu .hoverDynamicItem:hover,#menu .dynamicItem:active { text-decoration: underline; }
.picto { background-repeat:no-repeat; height: 37px; }
.textePicto {  height:15px; left:50px; position: relative; top:13px; }
#menu .logout { display: block; line-height: 27px; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; height: 27px; margin: 0; text-align: left; text-decoration: none; list-style-type: none; color: #23698b; background-image: url(../../img/gfx/f_menu_out.jpg); background-repeat: repeat-x; background-position: center center; padding:10px 0px 0px 50px }
#menu .logout:link, #menu .logout:visited { height: 27px; color:#23698b; text-decoration: none; }
#menu .logout:hover, #menu .logout:active { color: #fd9125; }
#nav .sitemap { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-decoration:none; }
#nav .sitemap:hover { font:11px Arial, Helvetica, sans-serif; color:#23698b; font-weight:bold; text-decoration:underline; }
.ctl00_menuGfx_0 { background:url(../../img/gfx/spacer_transparent.gif) !important; }

/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- BLOC RECHERCHE ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */
/*TABLE.tableRecherche { position:relative;  left:-14px; }*/
TABLE.tableRecherche { position:relative; width:100%;   }
TABLE.tableRecherche select, TABLE.tableRecherche option, TABLE.tableRecherche input { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:100px; }
TABLE.tableRecherche .longSelect { width:130px; }
TABLE.tableRecherche .largeSelect { width:250px; }
TABLE.tableRecherche .mediumSelect { width:200px; }
TABLE.tableRecherche .bt_rech { background-color:#FFFFFF; height:27px; width:100px; padding:0px 0px 0px 0px; margin:4px 0px 0px 0px; border:2px solid #c3e7fd; font:10px Arial, Helvetica, sans-serif; color:#f8901f; font-weight:bold; cursor:pointer; }
TABLE.tableRecherche .offreCom { top:-13px; }
TABLE.tableRecherche .Shortselect option { width:250px !important; }
/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- calendrier dynamique ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

TABLE .ajax__calendar_container td, TABLE.tableForm .ajax__calendar_container td, TABLE.tableRdV .ajax__calendar_container td  { padding:1px 0px 1px 0px; font-size:9px; background-image:none; }
/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------------- panel retractable ------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

.panelEntete { background-image: url(../../img/gfx/f_liste.gif);  height:33px;  margin: 1px 1px 1px 0px; font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: center;padding: 5px; cursor: pointer; vertical-align: middle; }
.panelLien { font: 11px Arial, Helvetica, sans-serif;}
.icone { width:13px; }
/* ----------------------------------------------------------------------------------------- */
/* ------------------------------------------- GRIDVIEW documents--------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tableDoc { width:700px; margin: 10px 0px 0px 0px; }
TABLE.tableDoc tr {  background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tableDoc th { background-image: url(../../img/gfx/f_liste.gif);  height:33px;  margin: 1px 1px 1px 0px; font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; }
TABLE.tableDoc th a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tableDoc td { text-align: left;  margin:1px 1px 1px 1px;  padding:1px 1px 1px 1px; font:11px Arial, Helvetica, sans-serif; }
TABLE.tableDoc td a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tableDoc .pager td tr {  text-align:left; text-decoration: none; color: #23698b; background-image: none;  }
TABLE.tableDoc .pager td  { width:700px; text-align:center; }
TABLE.tableDoc .pager td tr td { width:1em; }
TABLE.tableDoc .pager table { margin-left:auto; margin-right:auto; }
TABLE.tableDoc .pager td tr a:link,TABLE.tableDoc .pager td tr a:visited  { text-decoration: none; font-weight: bold; }
TABLE.tableDoc .pager td tr a:hover,TABLE.tableDoc .pager td tr a:active  { }
TABLE.tableDoc input { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:0px 0px 0px 0px; }
TABLE.tableDoc textarea { font:10px Arial, Helvetica, sans-serif; color:#23698b; height:60px; width:200px; margin:5px 0px 0px 0px; }
TABLE.tableDoc .smallInput { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:50px; }

/* ----------------------------------------------------------------------------------------- */
/* -------------------------------------------Planif--------------------------- */
/* ----------------------------------------------------------------------------------------- */
TABLE.tablePlan { width:700px; margin: 1px 1px 1px 1px; }
TABLE.tablePlan tr {  background-image:url(../../img/gfx/tr_b_r.gif); background-repeat:repeat-x; }
TABLE.tablePlan th { background-image: url(../../img/gfx/f_liste.gif);   margin: 1px 1px 1px 0px; font: 11px Arial, Helvetica, sans-serif; color: #23698b; font-weight: bold; text-decoration: none; text-align: left; }
TABLE.tablePlan th a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tablePlan td { text-align: left;  margin:1px 1px 1px 1px;  padding:1px 1px 1px 1px; font:11px Arial, Helvetica, sans-serif; }
TABLE.tablePlan td a:link, a:visited { text-decoration: none; color: #23698b; }
TABLE.tablePlan .pager td tr {  text-align:left; text-decoration: none; color: #23698b; background-image: none;  }
TABLE.tablePlan .noline td {background-image:none; }
TABLE.tablePlan .noline td tr td {background-image:none; }
TABLE.tablePlan .pager td  { width:700px; text-align:center; background-image:none; margin:1px 1px 1px 1px; }
TABLE.tablePlan .pager td tr td { width:1em; }
TABLE.tablePlan .pager table { margin-left:auto; margin-right:auto; }
TABLE.tablePlan .pager td tr a:link,TABLE.tableDoc .pager td tr a:visited  { text-decoration: none; font-weight: bold; }
TABLE.tablePlan .pager td tr a:hover,TABLE.tableDoc .pager td tr a:active  { }
TABLE.tablePlan input { width:50px;  }
TABLE.tablePlan .smallInput { font:10px Arial, Helvetica, sans-serif; color:#23698b; margin:5px 0px 0px 20px; width:50px; }

.modalBackground 
{ 
    background-color: Gray; 
    filter: alpha(opacity=50); 
    opacity: 0.50; 
} 

.updateProgress 
{ 
    border-width: 1px; 
    border-style: solid; 
    background-color: #FFFFFF; 
    position: absolute; 
    width: 180px; 
    height: 65px; 
} 

 .link_bt a
 {
     color:#23698b;
     font-weight:bold;
 }
  .link_bt a:hover
 {
     color:#fd9125;
     font-weight:bold;
 }