/*-----------    Style OPIMMO  -------------------
Auteur : Th Picard
Date : 06/11/2008
Modif :
*/

body
{
	font-family: Georgia,Verdana,Arial;
	font-size: 12px;
	color: rgb(102, 102, 102);
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
}
/*	background: url(null) fixed ; /* évite le sautillement */



/* base sur font-size 76% pour rester proportionnelle 
taille medium = 16px : pour du 10px =62.5%,11px-68%,12->
*/
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
p, td { font-size: 1.1em; }
ol, ul, li { font-size: 1.0em; }
.notes { font-size: 1.0em; }
/******************************/

/*---------------------------- ENTETE --------------------*/
/* 	font-size:80%
*/
#entete
{
	position: fixed;
	z-index: 20; /* place ce div au dessus des autres */
	left: 0px;
	top: 0px;
	width: 100%;
	height: 53px;
	background-color: #ffffff;

}

/*padding-left:40px;
	float: left ;
*/
.entete_G_Antilope
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_antilope.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}

.entete_G_Opimmo
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_opimmo_v2.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}

.entete_G_Opimmo_recette
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_opimmo_recette_v2.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}
.entete_G_Opimmo_test
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_opimmo_test_v2.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}


.entete_G_Cdiag
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_cdiag.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}

.entete_G_kmis
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_kmis.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}

.entete_G_gpi
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_gpi.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}

.entete_G_vigibat
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_dta.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}


.entete_G_energie
{
	width:270px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_energie.png);
	vertical-align: bottom;
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	font-size: 100%;
	z-index: 30;
	position: absolute;
	left:0;
}


/* a droite
	float: left;

 */
#entete_D
{
	height: 53px;
}


/*	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/ban_curve.png);
 */



#entete_D1
{

	position: absolute;
	left:0px;
	top:0;

	width: 100%;
	height: 22px;
	line-height: 22px;
	white-space: nowrap;

}


#entete_D1 a 
{
	text-decoration: none;
	color: #7392B9;
	margin-left: 3px;
}

/* 	float: left;
*/
#entete_D1_G
{
	margin-left: 270px;
	font-size: 120%;
	float:left ;
	color: #7392B9;
	font-weight: bold;
	white-space: nowrap;
	height: 22px;
}

#entete_D1_D
{
	float:right;
	height: 22px;
	white-space: nowrap;
}


.list_mem
{
	font-size: 80%;
	color: olive;
}	
.list_mem a
{
	font-size: 80%;
	color: olive;
	text-decoration: none;
}	

.tab_cara, .tab_cara th, .tab_cara td
{
	border: darkgray 1px solid;
}

/*#entete_D1_D a
{
	text-decoration: none;
	margin-left: 3px;
}
*/

/*background-color: #51A029;
	background: url(../images/ban_vert.png) repeat-y right top;
	background-color: #7392B9;
	color: #FFFFFF;
	width: 100%;

*/
#entete_D2
{
	height: 31px;
	line-height: 30px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/ban_bleu.png);
	color: #FFFFFF;
	font-size: 100%;
	white-space: nowrap;

	direction: rtl;
	position: absolute;
	left: 0px;
	top: 22px;
	width: 100%;
	
}

/*	
 */
#entete_D2 span
{
	color: #FFFF00;	
	font-size: 100%;
}


#entete_D2 a
{
	text-decoration: none;
	color: #FFFFFF;
}



/* finction
	background-color: #E8670C; -> orange
	background-color: #51A029; -> vert
	height: 40px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
*/ 
#entete_fonct
{
	z-index: 20; /* place ce div au dessus des autres */
	position: fixed;
	left: 0px;
	top: 53px;
	width:100%;
	color: #FFFFFF;
	background-color: #E8670C;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	height: 34px;
}
/*  background: #f3f3f3;	background: #E1E1E1;
*/

#entete_fonct #id_compteur
{
	color: #FFFF00;
}


#entete_fonct_bis
{
	z-index: 20; /* place ce div au dessus des autres */
	position: fixed;
	left: 0px;
	top: 87px;
	width:100%;
	height: 24px;
	background: #EBEBEB;
	border-bottom: solid 1px #e0dede;
}
#entete_fonct_bis a
{
	text-decoration: none;
}

#entete_fonct_bis_G 
{
 	float:left;
}

#entete_fonct_bis_D
{
	float: right;
	border-left: #ffffff thin solid;
	background: #EBEBEB;
	z-index: 20;
}



/*
#entete_fonct_bis_G
{
	position:fixed;
	left:0px;
	top:87px;
	width: 19%;
	height: 24px;
}

#entete_fonct_bis_D
{
	width: 80%;
	margin : 0 0 0 20%;
}
*/



/*	line-height: 40px;
*/
#entete_fonct a
{
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
}

#entete_fonct a img
{
	vertical-align: middle;
}

.text_enabled
{
	font-style: oblique;
	color: #C0C0C0;
}


#entete_fonct  img
{
	vertical-align: middle;
}


/* le menu des fonctions 	position: absolute;
	padding: 0px;
*/
ul#menupopid {
	z-index: 20; 
	display: none;
	position: fixed;
	left: 0px;
	top: 87px;
	margin: 0px;
	padding: opx;
	list-style-type: none;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #E8670C;
	color: #FFFFFF;
}

ul#menupopid li
{
	margin: 0px;
	padding: opx;
	text-decoration: none;
	height:21px;
}	

/*	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px 2px 3px 2px;
	vertical-align: middle;

*/
ul#menupopid a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/*color:#0000FF ;*/
ul#menupopid a:hover 
{
	color:#FFFF00 ;
}

/*color:#0000FF ;*/
ul#menupopid img 
{
	width:16px;
}

/* titre ds la fonction */
.p_tit_fonct
{
	color: #FFFFFF;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;

}	

/* */
.p_fonct_centre
{
	width: 100%;
	text-align: center;
}	

.p_fonct_gauche
{
	float: left;
}	
.p_fonct_droit
{
	float: right;
}	


/************/

/*----------     Pied de page  ---------------*/
.pied
{
	clear: both;
	padding: 1.0em 0 1.0em 0;
	background: rgb(225,225,225) ;
	font-size: 80%;
	text-align: center;
	margin: 0;
}

 .pied a {
	text-decoration: none;

}



/*** stype page debut **/
#pg_debut_bar_action
{
	border-left: #ffffff thin solid;
	background: #EBEBEB;
}

.pg_debut_info_Bleu
{
	color: #3333ff;
	font-size: 1.2em;
	font-weight: bold;
}	

.pg_debut_info_simple
{
	font-size: 1em;
}	


/******************    la boite Chrome     **************************/

/* boite en vert		height: 32px;	vertical-align: middle;

background-color: #51A029;
 */
.H3_vert
{
	width: 100%;
	background-color: #7392B9;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}	

/* du bleu pour les tableaux font-weight:bold;*/
.tab_Bleu
{
	color: #3333ff;
	font-size: 1.2em;
	font-weight: bold;
}	




/*la boite chrome */
.boite-chrome {
	clear: both;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}


/* le haut */
.bd-chrome-HG
{
	float:left;
	height:15px;
	width:11px;
	font-size:1px;
	background-image:  url(../images/db_chrome_HG.png);
	background-repeat:no-repeat;
}
.bd-chrome-HC
{
	height:15px;
	font-size:1px;
	background-image:  url(../images/db_chrome_HC.png);
	background-repeat:repeat-x;
}

.bd-chrome-HD
{
	float:right;
	height:15px;
	width:11px;
	font-size:1px;
	background-image:  url(../images/db_chrome_HD.png);
	background-repeat:no-repeat;
}

/* le contenue */
.bd-chrome-C 
{
	border: 1px solid #D2DEE5;
	border-top: 0;
	border-bottom: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

/* on remonte le h3 */
.bd-chrome-C h3
{
	margin-top: -10px ;
}



/* le bas */

.bd-chrome-BG
{
	float:left;
	height:15px;
	width:11px;
	font-size:1px;
	background-image:  url(../images/db_chrome_BG.png);
	background-repeat:no-repeat;
}
.bd-chrome-BC
{
	height:15px;
	font-size:1px;
	background-image:  url(../images/db_chrome_BC.png);
	background-repeat:repeat-x;
}

.bd-chrome-BD
{
	float:right;
	height:15px;
	width:11px;
	font-size:1px;
	background-image:  url(../images/db_chrome_BD.png);
	background-repeat:no-repeat;
}
/************ Fin de Chrome *************/



/*----------     Page  ---------------*/
/*	max-height: 500px;
	margin: 0;
	padding: 0;
	min-height: 500px;
	overflow: auto;
	width:100%;
	height:100%;
	left: 0px;
	top: 100px;

enleve le scroll
	overflow: auto;
*/
#sup_page
{
	margin:  0;
	padding: 0;
	min-height: 500px;
	position: absolute;
	left: 0px;
	top: 111px;
	width: 100%;
	height: auto;
}

#page
{
	margin: 0;
	padding: 0;
	background: url(../images/page_g.jpg) repeat-y left top;
	
}

/* 	min-height: 500px;
*/
#page_d
{
	margin: 0;
	background: url(../images/page_d.jpg) repeat-y right top;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-top: 0;
}


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



/******************* LEs ZONES ***********/

/* la zone de l'ensemble de la page overflow: auto;*/
.zone_page
{
	
}

/* la zone des arbos
border: 2px #51A029 outset;	background: #E9FEDE; 
	float: left;
version fixe
	position:fixed;
	left:0px;
	top:87px;
	width: 19%;
	min-height: 300px;

*/
.zone_gauche
{
	position:fixed;
	left:0px;
	top:112px;
	width: 19%;
	min-height: 500px;
}

/*
 .zone_gauche:hover
 {
 	z-index:3;
 }
*/



/* la zone de l'info
	float: left;
	padding-left: 20%;

version fixe
	overflow: auto;
 */
.zone_droit
{
	width: 80%;
	margin : 0 0 0 20%;
	min-height: 300px;

}





/* zone action pour les tableaux   	background-color: #D2DEE5;
	height: 20px;
	line-height: 16px;

*/
.zone_action
{
	margin-top: -10px;
	margin-bottom: 1px;
	margin-left: -10px;
	margin-right: -10px;
	font-size: 100%;
	color: #0000FF;
	line-height: 24px;
	background-image:  url(../images/db_chrome_HC.png);
	background-repeat:repeat-x;
	white-space: nowrap;
}

/* le titre du tableau  font-size: 120%;color: #008080;
	border: 1px solid #D2DEE5;
	font-weight: bold;
	color: #E8670C;
	padding: 5px 10px 5px 10px;
*/
.titre_tableau
{
	color: #E8670C;
	font-size: 120%;
	padding-left: 15px;
	padding-right: 5px;
}

/* pour la liste comple color: #0000FF;*/
.titre_tableau_C
{
	color: #ff0000;
	font-size: 120%;
	padding-left: 5px;
	padding-right: 5px;
}



/*--------------- ARBRE ------------------  */
/* 	background: #E9FEDE;
	border: 1px #51A029 solid;
	margin-left: -5px;
	float: left;
	background: #D2DEE5;
	overflow: auto;
*/
.arbre
{
	width: 100%;
	min-height: 300px;
	max-height: 300px;
	overflow: auto;
	margin-top: 0px;
	border: 1px #C0C0C0 solid;
	background: #D2DEE5;
}

/*	background: #e9fefa;
	background: #E4EBEF;
	margin-left: -5px;
	float: left;	max-height: 400px;	height:100%;


 */
.arbre_bis
{
	width: 100%;
	min-height: 100px;
	overflow: auto;
	margin-top: 0px;
	border: 1px #C0C0C0 solid;
	background: #F0F4F7;
}


/* ------------- Pour le TREVIEW --------*/
/* .Noeuds { font-size: 12px; cursor: default; color: gray; font-family: Tahoma; }
.NoeudsOver { font-size: 12px; cursor: default; color: black; font-family: Tahoma; }
.BordTreeView { border: black thin solid; position: absolute; left: 0px; top: 0px; overflow: auto; width: 250px; height: 400px; }
.BordHidden { visibility: hidden; }
*/
.Noeuds { font-size: 12px; cursor: default; color: gray; font-family: Georgia; }
.NoeudsOver { font-size: 12px; cursor: default; color: black; font-family: Georgia; }
.BordTreeView { border: black thin solid; position: absolute; left: 0px; top: 0px;  width: 100%; height: 100%; }
.BordHidden { visibility: hidden; }
.NoeudsSel
{
	font-size: 12px;
	cursor: default;
	color: gray;
	font-family: Georgia;
	background-color: #3399cc;
}
.nodeSel {
	background-color: #c0d2ec;
	visibility: visible;
}

/*---------------------  Les Boutons  ----------------------------------------*/
.panel_titre
{
	height:50px;
}

.panel_titre span
{
	float: left;
	font-size: 150%;
	font-weight: bold;
	line-height: 24px;
}

.panel_titre_btn
{
	float:right;
}


.panel_btn
{
	margin-top:15px;
	margin-bottom:30px;
}
.btn_ok
{
	background: #51A029 url(../images/ok_32.png) no-repeat left;
	height: 40px;
	font-weight: bold;
	text-align: right;
	color: rgb(255, 255, 255);
	font-size: 120%;
	padding-left: 30px;
	padding-right: 7px;
	margin-right: 30px;

}

.btn_ok_pt
{
	background: #51A029 url(../images/ok_32.png) no-repeat left;
	height: 32px;
	font-weight: bold;
	text-align: right;
	color: rgb(255, 255, 255);
	font-size: 100%;
	padding-left: 30px;
	padding-right: 7px;
	margin-right: 30px;

}

.btn_annule
{
	background: #E8670C url(../images/stop_32.png) no-repeat left;
	height: 40px;
	font-weight: bold;
	text-align: right;
	font-size: 120%;
	padding-left: 30px;
	padding-right: 7px;
	margin-right: 30px;
	color: rgb(255, 255, 255);

}

.btn_annule_pt
{
	background: #E8670C url(../images/stop_32.png) no-repeat left;
	height: 32px;
	font-weight: bold;
	text-align: right;
	font-size: 100%;
	padding-left: 30px;
	padding-right: 7px;
	margin-right: 30px;
	color: rgb(255, 255, 255);

}

.btn_sortie
{
	background: #51A029 url(../images/retour_32.png) no-repeat left;
	height: 40px;
	font-weight: bold;
	text-align: right;
	color: rgb(255, 255, 255);
	font-size: 120%;
	padding-left: 30px;
	padding-right: 7px;
	margin-right: 30px;

}


/*  Pour l'AJAX */

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #ffffcc;
	color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/***********************************************************************/

/* liste de choix  des actions 	
*/
.list_choix li
{
	line-height: 40px;
	list-style-type: square;
}

.list_choix_pt li
{
	line-height: 26px;
	list-style-type: square;
}


.list_choix li a, .list_choix_pt li a

{
	text-decoration: none;
}


.list_choix2 ul
{
	border:1px solid #E6E6E6;

}

.list_choix2 li
{
	line-height: 40px;
	list-style-type: none;
	display: inline;
	margin-left: 20px;
}

.list_choix2 li a
{
	text-decoration: none;
	display: inline-block;
}



/*********************************/

/**** le tableau de saisie *******/

/*  #D2DEE5  	background-color: #646464;
	padding-top: 30px;
	padding-bottom: 15px;
*/
.table_saisie
{
	border-collapse: collapse;
	margin: 0;
	padding:0;
}

/*	border-collapse: collapse;
	padding-top: 30px;
	padding-bottom: 15px;
 */
.table_saisie2
{
	border:1px solid #E6E6E6;
	margin: 0;
	padding:0;
}

/* Entete du tableau 	border: 1px solid #003300;*/
.tableau_entete
{
	border: 2px #FFFFFF inset;
	background-color: #7392B9;
	color: rgb(255, 255, 255);
	margin-top: auto;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
	min-width: 250px;
	font-weight: bold;
}




/* oup !  l'artellerie lourde*/
.table_saisie a
{
	text-decoration:none;
}
	
.table_saisie2 a
{
	text-decoration:none;
}


/* pour la supp background-image: url(../images/ban_antilope.png);		background-color: #7392B9;
	color: rgb(255, 255, 255);*/
.ts_ligne_supp
{
	background-image: url(../images/cross.png);
 }
.ts_ligne_supp2
{
	background-image: url(../images/cross.png);
 }


/* 	background-color: #FFFFFF;
*/
table.table_saisie  tr.ts_ligne_1:hover td,table.table_saisie  tr.ts_ligne_2:hover td, table.table_saisie  tr.ts_ligne_1:hover td a , table.table_saisie  tr.ts_ligne_2:hover td a 
{
	background-color: #FFF2D7;
	color: rgb(0,0,0);

}

table.table_saisie2  tr.ts_ligne_1:hover td,table.table_saisie2  tr.ts_ligne_2:hover td, table.table_saisie2  tr.ts_ligne_1:hover td a, table.table_saisie2  tr.ts_ligne_2:hover td a    
{ 
	background-color: #FFF2D7;
	color: rgb(0,0,0);

}

/* ligne entete 	font-size: 100%;	font-weight: bold;
.ts_ligne_entete
	background-color: #51A029;
*/
.table_saisie th
{
	line-height: 24px;
	text-align: center;
	background-color: #7392B9;
	color: rgb(255, 255, 255);
}

/* 	text-decoration: none;
 */
.table_saisie th a
{
	line-height: 24px;
	text-align: center;
	color: rgb(255, 255, 255);
}

.table_saisie2 th a.a_sel
{
	color: #D2DDEA;
}


.col_lig_titre
{
	background-color: #7392B9;
	text-align:  right;
	color: rgb(255, 255, 255);
}



.table_saisie2 th
{
	line-height: 16px;
	text-align: center;
	background-color: #7392B9;
	color: rgb(255, 255, 255);
}

.table_saisie2 th a
{
	line-height: 16px;
	text-align: center;
	background-color: #7392B9;
	color: rgb(255, 255, 255);
}


/* ligne de sous titre 	font-size: 100%;
	line-height: 30px;
	background: #86C600;
*/
.ts_ligne_ss_titre
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #B5E6CD;
	color: rgb(0, 128, 128);
}

.ts_ligne_ss_total
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #C6E28B;
	color: rgb(0, 128, 128);
}

.ts_ligne_total
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #E4DD47;
	color: rgb(0, 128, 128);
}

/* ligne inatif background: #FF3300; */
.ts_ligne_inatif
{
	background: #666666;
	color: #FFFF00;
}


/* ligne 1	background: #E9FEDE;
 */
.ts_ligne_1
{
	background: #D2DDEA;
}

/* 	background: #D2DDEA;
*/
.table_saisie2 .ts_ligne_1
{
	background: #D2DDEA;
	color: #415F83;
}

/*color: #415F83; color: #FF9933;*/
.table_saisie2 .ts_ligne_1 a , .table_saisie2 .ts_ligne_2 a
{
	color:#415F83;
	text-decoration:none;
}

.table_saisie2 .ts_ligne_1 .col_lig_titre a,.table_saisie2 .ts_ligne_2 .col_lig_titre a
{
	color: rgb(255, 255, 255);
	text-decoration:none;
}


.col_lig_titre a
{
	color: rgb(255, 255, 255);
	text-decoration:none;
}

/* ligne 2 	color: #FFFFFF;background: #FFFFDD;*/
.ts_ligne_2
{
	
	background: #FFFFFF;

}

.table_saisie2 .ts_ligne_2
{
	background: #FFFFFF;
	color: #415F83;

}

.table_saisie2 .col_total
{
	background: #ffff66;
	color: #415F83;
}

.ts_ligne_spe a
{
	display:block;
	float:right;
}

.TS_titre
{
	width: 100%;
	margin-top: 15px;
	border-bottom: #0033cc 1px solid;
	line-height: 24px;

}

.TS_titre a
{
	text-decoration:none;
	color: #E8670C;
	font-size: 120%;
}

.TS_titre .tit_spe
{
	color: #006666;
	font-weight:bold;
}


.TS_titre3
{
	width: 100%;
	margin-top: 15px;
	border-bottom: #0033cc 1px solid;
}

.TS_titre3 a
{
	text-decoration: none;
	color: #FFFFFF;
}



/*
.ts_ligne_1 a,.ts_ligne_2 a
{
	display:block;
	float:right;
}
*/

/* ligne d'erreur */
.ts_ligne_erreur
{
}

/********* Fin tableau de saisie *******/


/* boite avec titre donc le margin top pas besoin */
.zone-boite
{
  padding: 0;
  background: #7392B9;
  margin-top:0px;
  margin-bottom:10px;
  border: 2px solid #ccc;
  color : rgb(255, 255, 255);

}

.zone-boite-bis
{
  padding: 0;
  margin-top:0px;
  margin-bottom:10px;
  border: 2px solid #ccc;
}

/* color: #FFFFFF;*/
.zone-boite a,.zone-boite-bis a
{
	text-decoration: none;
	color: #D2DDEA;
	font-weight: bold;

}


.titre_boite
{
	margin-top: 20px;
	margin-bottom:0px;
	padding:0;
	width: 500px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
	background-color: #d2e6bd;
	color: #698d73;
	border: 1px solid #003300;
	display:block;

}



/********** le link avec icone  **************/
a.ling_ico_48 
{
	display: block;
	text-indent: 10px;
    text-decoration : none;
	height: 60px;
	text-indent: 10px;
}

/* 	display: block;
	float: left;
*/
a.ling_ico_48 img
{
	width: 48px;
}

span.block20
{
	top: -20px;
 	position: relative;
	display: inline-block;
}

a.ling_ico_16 
{
	text-indent: 10px;
    text-decoration : none;
	height: 20px;
	text-indent: 20px;
}

a.ling_ico_16 img
{
	width: 16px;
}

a.ling_ico_24 
{
	text-indent: 20px;
    text-decoration : none;
	height: 30px;
}

a.ling_ico_24 img
{
	width: 24px;
}

/******************************/

/**********  le tableau des document  ********************/
table.docu {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
	font-size: 12px;

}

table.docu tr	
{ 
	background-color: #fff;  
	text-align: left; 
}

table.docu  tr.ts_ligne_2 
{ 
	background: #f9f9f9; 
	border-top: 1px solid #fff; 
}


table.docu  tr.ts_ligne_1:hover td,table.docu  tr.ts_ligne_2:hover td  
{ 
	background-color: #ffd ;
}


table.docu  tr td 	  
{ 
	background: #fff; 
	border: 1px solid #fff; 
}

table.docu  tr.ts_ligne_2 td
{ 
	background: #f9f9f9; 
	border-top: 1px solid #FFF; 
	color: #666;
}


table.docu tr.ts_ligne_entete
{ line-height: 30px;
	text-align: center;
}

table.docu tr.ts_ligne_entete td
{
	background-color: rgb(75,158,210);
	color: #FFFFFF;
}

/****************************************************************/

/* pour le telechargement */
/* =Misc: Document Downloads
---------------------------------------------------------------------------------------------------- */

/*	margin: 0 0 12px 0;
	padding: 3px 0 3px 20px;
*/
div.doc, div.pdf, div.ppt, div.web, div.xls
{
	text-indent: 20px;
	text-align: left;
}

div.doc a, div.pdf a, div.ppt a, div.web a, div.xls a
{
	text-align: left;
	display: inline;
	float: none;
}


li.doc, li.pdf, li.ppt, li.web,  li.xls {
	list-style: none;
	margin: 0 0 0 -16px;
	padding: 3px 0 3px 20px;
	}
	
.doc {
	background: url("../images/doc.gif") 0 2px no-repeat;
	background-color: inherit;
	}
	
.pdf {
	background: url("../images/pdf.gif") 0 2px no-repeat;
	background-color: inherit;
	}
	
.ppt {
	background: url("../images/ppt.gif") 0 2px no-repeat;
	background-color: inherit;
	}

.web {
	background: url("../images/web.gif") 0 2px no-repeat;
	background-color: inherit;
	}
	
.xls {
	background: url("../images/xls.gif") 0 2px no-repeat;
	background-color: inherit;
	}
	
.zip {
	background: url("../images/zip.png") 0 2px no-repeat;
	background-color: inherit;
	}
	
.dwf {
	background: url("../images/dwf_16.png") 0 2px no-repeat;
	background-color: inherit;
	}


/*********************************************************************/
/*	border:5px solid #ccc;*/

.JQ_tooltip
{
	width:200px;
	margin:0;
	padding:5px;
	font-size:11px;
	color:#666;
	background:#fff;
	border:2px solid #7392B9 ;
}

.JQ_tooltip400
{
	width:400px;
	margin:0;
	padding:5px;
	font-size:11px;
	color:#666;
	background:#fff;
	border:2px solid #7392B9 ;
}

/*background:#fff;*/
.JQ_tooltipMax
{
	margin:0;
	padding:5px;
	font-size:11px;
	color:#666;
	background: #F4FAFF;
	border:2px solid #7392B9 ;
}

.JQ_tooltipMax ul
{
	margin: 0px;
	padding: 5px;
	text-decoration: none;
	list-style: none;

}	

.JQ_tooltipMax li a {
	text-decoration: none;
}


.JQ_tooltipMax a:hover 
{
	background: #D2DDEA;
}


/* */
.JQ_tooltipMenu
{
	margin:0;
	padding:5px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #DFEFFF;
	color: #FFFFFF;
}



.JQ_tooltipMenu ul
{
	margin: 0px;
	padding: opx;
	list-style: none;
}	



.JQ_tooltipMenu a {
	color: #FFFFFF;
	text-decoration: none;
}


.JQ_tooltipMenu a:hover 
{
	color:#FFFF00 ;
}

/*	width:16px;*/

.JQ_tooltipMenu img 
{
}

/***********  tableau planing ***/
.table_planing
{
	border-collapse: collapse;
	margin: 0;
	padding:0;
	overflow:auto;
}

.pan_planing
{
	overflow: scroll;

}

/**** Pour le Jquery TinyTips **/
.lightTip						{ width: 342px; }
.lightTip .content				{ padding: 5px; width:310px ;border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px;  background : url(../jquery/images/notch-white.png) top center no-repeat; }

/*pour l'image*/
.tip_aide
{
}

/*** Pour les COMBO avec une taille fixe*/
select.autowidth {
width: 200px; 
}
select.autowidth.autowidth-expand {
width: auto;
min-width: 200px;
z-index: 9999;
position: absolute;
}

select.autowidth100 {
width: 100px; 
}
select.autowidth100.autowidth100-expand {
width: auto;
min-width: 100px;
z-index: 9999;
position: absolute;
}

select.autowidth20 {
width: 50px; 
}
select.autowidth20.autowidth20-expand {
width: auto;
min-width: 50px;
z-index: 9999;
position: absolute;
}



/*** Pour les onglets dans page_bibli1 **/
#JQO_onglets{
	display: none;
}
#JQO_onglets li{
	position: relative;
	float: left;
	list-style: none;
	padding: 2px 5px 7px;
	margin-right: 5px;
	border: 1px solid #1175AE;
	cursor: pointer;
	background-color: #EEEEEE;
	color: #0D5995;
	z-index: 1;
}
#JQO_onglets .actif{
	border-bottom: none;
	font-weight: bold;
	z-index: 10;
}
/*width: 500px; overflow: auto; overflow: hidden;*/
#JQO_contenu{
	clear: both;
	position: relative;
	margin: 0 20px;
	padding: 10px;
	border: 5px solid #0D5995;
	z-index: 5;
	top: -6px;
	background-color: #EEEEEE;
	color: #0F67A1;
	width: 95%;
	overflow: hidden;
	border-radius: 15px;
}