/*
* 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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;}