/*
* custom.css (css spécifiques à la template)
* ces élements sont difficilement mutualisables.
*/

/**
*Style pour les éléments de navigation page par page
*/
#data .pagingcenter{
 width:			100%;
 text-align:		center;
}


/*
*Style pour le calendrier
*/
.calendar{
position:		absolute;
}

/*
*style pour l'aide
*/
#helplink {
 position:		absolute;
 right:			0px;
 top:			90px;
}
#helplink a{
 background:		url(../media/picto/help.gif) 0 0 no-repeat ; 
 color:			#FFFFFF;
 font-weight:		bold;
 width:			50px;
 display:		block;
 padding: 		2px 2px 2px 20px;
 height:		20px;
 vertical-align:	middle;
}

#helpprint{
 display:		run-in;
 margin-left:		205px;
 margin-right:		10px;
 margin-bottom:		10px;
}
/* pour IE.... :-(*/
#helpprint div{width:98%;}

#helpprint .frame{
 display:		block;
 width:			98%;
 height:		300px;
}
#helpprint .frame iframe{
 height:		100%;
 width:			100%;
 border: 		2px solid #333366;
}

.tabehelpprint{width:100%;height:16px;}
.tabehelpprint ul{
 display:		block;
 vertical-align:	middle;
 height:		17px;
 margin-left:		4px;
 width:			100%;
 list-style:		none;
}
.tabehelpprint ul img{
 padding-right:		5px;
}
.tabehelpprint ul li{
 display:		block;
 margin-right:		0px;
 padding-right:		0px;
 float:			right;
}
/* style des onglets */
.WindowTabeDataClose{
 background-color:	#E7EAED;
 border:		1px solid #333366;
 border-bottom:		0;
 float:			left;
 width:			180px;
 vertical-align:	bottom;
}
.WindowTabeDataClose a{
 display:		block;
 font-weight:		bold;
 text-decoration:	none;
 background-color:	#333366; color:#FFFFFF;
}
.WindowTabeDataClose a:hover{background-color:#c1d2ee;color:#333366;}


/*
* objet UserPrint
*/
#userprint{
 position:		absolute;
 width:			220px;
 height:		81px;
 right:			10px;
 top:			10px;
 text-align:		right;
}
/*
*Mise en forme pour l'objet de connexion
*/
#userprint div{
 width:			220px;
 text-align:		right;
}
#userprint label{
 color:			#FFFFFF;
 width:			65px;
}
#userprint input{
 right:			0;
 padding:		1px;
 left:			65px;
 font-weight:		bold;
 width:			100px;
}
#userprint legend{
 color:			#FFFFFF;
 font-weight:		bold;
 padding: 		3px;
}
#userprint .button{
 float:			right;
 margin:		0;
 padding:		0;
 width:			100px;
 background-color:	#c1d2ee;
}
#userprint a{
 background:		url(../media/picto/exit.png) 2px 0 no-repeat;
 padding-left:		18px;
 float:			left;
 color:			#c1d2ee;
 font-weight:		bold;
}
#userprint a:hover{color:#FFFFFF;}

#userprint form{}
/*
* Fin UserPrint
*/

/**
* -> Affichage de l'objet courant!!!
*/
#currentcoordinationobjprint{
margin-left:		205px;
 margin-right:		10px;
 margin-bottom:		10px;
 margin-top:		2px;
}
#currentcoordinationobjprint h1, img , a{
 display:		inline;
}
#currentcoordinationobjprint img{
 padding-right:		3px;
}


/*
* -> Fin affichage de l'objet courant
*/

/**
* -> MessagePrint Affichage des messages
*/
#messageprint{
 margin-left:		205px;
 margin-right:		10px;
 margin-bottom:		10px;
 padding:		5px 5px 5px 24px;
 margin-top:		3px;
 background:		url(../media/picto/info.gif) 2px 2px no-repeat;
 background-color:	#c1d2ee;
 border:		2px solid #333366;
 font-weight:		bold;
}
/**
* -> Fin MessagePrint Affichage des messages
*/

/* toolbox 
* contient les informations de type navigation etc... ici le tout est dans une colonne gauche (voir main.mxt)
*/
#toolleft{
 float:			left;
 margin:		0 5px 0 5px;
 left:			0;	/* IE !!! */
 width:			150px;
}
/*
*Mise en forme pour les objets de la classe menubox
* objet: objectprint, navigationnodeprint, entrynodeprint
*/
.menubox, #objectprint, #navigationnodeprint, #entrynodeprint {
 border: 		solid 1px #333366;
 border-bottom:		solid 3px #333366;
 margin:		3px;
 width:  		180px;
 background: 		#333366;
}
/* ---> ajout de userprint pour h1 */
.menubox h1, #objectprint h1, #navigationnodeprint h1, #entrynodeprint h1, #userprint h1{
 color:			#FFFFFF;
 padding:		2px;
}

.menubox h1 img{
 cursor:		pointer;
}

.menubox form, #entrynodeprint form{
 background-color:	#FFFFFF;
}
.menubox form, #entrynodeprint legend{
 border: 		solid 1px #333366;
 border-bottom:		solid 3px #333366;
 font-weight:		bold;
 background: 		#333366;
 color:			#FFFFFF;
}
.menubox input, #entrynodeprint input{
 width:			100%;
}
.menubox select, #entrynodeprint select{
 width:			100%;
}
.menubox ul, #navigationnodeprint ul, #objectprint ul,.dashboardmenu ul{
 list-style:		none;
 background: 		#FFFFFF;
}
.menubox a, #navigationnodeprint a, #objectprint a{
 display:		block;
 cursor:		pointer;
 padding:		2px;
 text-decoration:	none;
}

.menubox a:hover, #navigationnodeprint a:hover, #objectprint a:hover{
 background:		#c1d2ee;
}
.menubox a img, #navigationnodeprint a img, #objectprint a img{
 padding-right:		2px;
}

.menubox li ul li, #navigationnodeprint li ul li{
 padding-left:		10%;
 width:			90%;
}
.menubox .dashboardmenu li{
 display:		block;
 width:			180px;
 height: 		25px;
}
.dashboardmenu .statut{
 display:		block;
 vertical-align:	middle;
 height:		25px;
 width:			180px;
}
.dashboardmenu .nbstatut{
 padding-left:		10px;
 vertical-align:	baseline; 
 text-align :		right;
 font-weight:		bold;
 color:			#F02828;
}
/*Style pour l'affichage des résultat du moteur de recherche */
.menubox .searchrequest{
 height:40px;
 padding:1px 1px 0px 0px;
 border:none;
 background-color: #FFFFFF;
}
.menubox .searchrequest input{
 padding: 1px 1px 1px 0px;
 width:173px;
}
.menubox .searchrequest span{
 width:174px;
 padding-bottom:1px;
}
.menubox .searchrequest .send{
 width:174px;
 padding-left:1px;
}


#data .box .searchresult{
 border-bottom:		1px solid;
}
#data .box .searchresult h2{
 display:		inline;
 margin-right:		20px;
}
#data .box .searchresult .searchlink{
 display:		inline;
}
#data .box .searchresult .searchresume{
 margin-left:		18px;
 width:			95%;
 padding-bottom:	20px;
}
#data .box .fieldset .searchresult .searchresume hr{
 visibility:		visible;
 margin-top:		20px;
 width:			95%;
 border:		1px solid;
}

/*Redefinition des style des tableau pour le tableau de bord*/
#data #dashboard_separateur{
 /*display:block;*/
 float: 		left;
 width:			100%;
 margin-bottom:		20px;
 border:		1px solid;
 padding:		1px;
}
#data .tabledashboard{
/*   display:block; */
 float:			left;
 border-collapse:	collapse;
 width:			100%;
 clear:			both;
}
#data .tabledashboard tr{
/*   display:block; */
 height:20px;
}
#data .tabledashboard .outilsview{
 width:			70%;
 /*background:		url(../media/picto/fermer.gif) 2px 1px no-repeat;*/
 background-color:	#333366;
 border-left:		1px solid #FFFFFF;
 border-right:		1px solid #FFFFFF;
 border-bottom:		2px solid #FFFFFF;
 padding-left:		24px;
 height:		auto;
}
#data .tabledashboard .outilshide{
 width:			70%;
/* background:		url(../media/picto/view.gif) 0px 0px no-repeat;*/
 background-color:	#333366;
 border-left:		1px solid #FFFFFF;
 border-right:		1px solid #FFFFFF;
 border-bottom:		2px solid #FFFFFF;
 padding-left:		24px;
 height:		auto;
}
#data .tabledashboard .outilshide span,#data .tabledashboard .outilsview span{
 display:		inline;
 text-align:		left;
 font-weight:		bold;
 float:			left;
 color:			#FFFFFF;
}
#data .tabledashboard .outilshide .listehide{
 display:		inline;
 height:		auto;
 width:			100px;
 cursor:		pointer;
 background:		url(../media/picto/view.gif) 1px -2px no-repeat;
 float:			right;
 text-align:		right;
 padding-bottom:	3px;
 padding-right:		5px;
 color:			#FFFFFF;
}
#data .tabledashboard .outilsview .listeview{
 display:		inline;
 height:		auto;
 cursor:		pointer;
 width:			100px;
 background:		url(../media/picto/fermer.gif) 2px -1px no-repeat;
 float:			right;
 text-align:		right;
 padding-bottom:	3px;
 padding-right:		5px;
 color:			#FFFFFF;
}
#data .tabledashboard .result{
 width:			20%;
 background:		#333366;
 color:			#FFFFFF;
 border-right:		1px solid #FFFFFF;
 border-bottom:		2px solid #FFFFFF;
 text-align:		center;
 font-weight:		bold;
 
}
#data .tabledashboard .actionth{
 width:			auto;
 background:		#333366;
 color:			#FFFFFF;
 border-bottom:		2px solid #FFFFFF;
 border-right:		1px solid #FFFFFF;
 text-align:		center;
 font-weight:		bold;
 
}
#data .tabledashboard .outilstd{
 width:			70%;
 text-align:		left;
 border-left:		1px solid #FFFFFF;
 border-right:		1px solid #FFFFFF;
 border-bottom:		1px solid #FFFFFF;
 height:		20px;
 padding-left:		24px;
 font-size:		x-small;
}
#data .tabledashboard .outilstd span{
 background:		url(../media/picto/puce.gif) 0px 4px no-repeat;
 text-align:		left;
 padding-left:		15px;
 font-size:		x-small;
}
#data .infostd{
 width:			90%;
 padding-left:		25px;
 text-align:		left;
 border-left:		1px solid #FFFFFF;
 border-right:		1px solid #FFFFFF;
 border-bottom:		1px solid #FFFFFF;
 font-size:		xx-small;
}
#data .nbresult{
 width:			20%;
 text-align:		center;
 /*border-top:		1px solid #FFFFFF;*/
 border-right:		1px solid #FFFFFF;
 border-bottom:		1px solid #FFFFFF;
 height:20px;
 padding: 		0 0 0 0;
 font-size:		xx-small;
}
#data .actiondashboard{
 width:			auto; 
 background:		#E7EAED;
 border-right:		1px solid #FFFFFF;
 border-bottom:		1px solid #FFFFFF;
 height:		20px;
 vertical-align:	top;
}
#data .actiondashboard a{
 width:			23px;
 display:		block;
 float:			left;
 height:		20px;
 margin:		2px 0 2px 0;
 padding:		0;
}
#data .actiondashboard .linkview,#data .actiondashboard .linkupdate{
 border:		none;
}
/* Si il ya un style de ligne */
#data .tabledashboard .lineStyle1 td, #data .tabledashboard .lineStyle1  td a{
 background-color: 	#E7EAED;
}
#data .tabledashboard .lineStyle2 td, #data .tabledashboard .lineStyle2  td a{
 background-color:	#c1d2ee;
}
#data .tabledashboard .lineStyle3 td, #data .tabledashboard .lineStyle3  td a{
 background-color:	#77AADD;
}
/* Element selectionnés des objets de navigation/défaut */
.NavigationSelected{background-color: #E7EAED; font-weight:bold;}
.ObjectSelected{background-color: #E7EAED; font-weight:bold;}