Sindbad~EG File Manager
/* +--------------------------------------------------------------------------+
// � 2002-2008 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: layout.css,v 1.61 2020/06/22 07:28:31 dgoron Exp $
*/
/* ---------------------------------------------------------------------------*/
/* ATTRIBUTS GENERAUX */
/* */
/* attributs generaux de la page */
/* html / body / frames / liens a / img */
/* ---------------------------------------------------------------------------*/
html{height:100%;}
body{
height:100%;
color:#000;
font-size:12px;
font-family:Arial,Helvetica,Sans-serif;
background:#ede9e3;
margin:0;
padding:0;
}
input, select {
font-family: Arial,Helvetica,sans-serif;
}
iframe{
border:1px solid #bbb;
}
iframe#alerte {
visibility:visible;
position:absolute;
left:0;
top:600px;
width:150px;
border-style:none;
border-width:0px;
border-color:#000000;
background:transparent;
}
a{
color: #00F;
text-decoration:underline;
}
a:hover{color: #009;}
.lien_gestion{
color:#000;
text-decoration:none;
}
.lien_gestion:hover{
color:#0000ff;
text-decoration:underline;
}
h3{
clear: both;
display: block;
margin-bottom: 2px;
margin-top: 4px;
padding-bottom: 1px;
padding-top: 1px;
font-size: 13px;
}
img{
margin:0px;
vertical-align: middle;
border: none;
}
select,input{
background:white;
-moz-border-radius : 3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#att{
position:absolute;
width:100%;
}
/* ---------------------------------------------------------------------------*/
/* BARRE DE NAGIVATION */
/* */
/* #navbar / #extra */
/* ---------------------------------------------------------------------------*/
#navbar{
background:#2e3436;
padding-top:20px;
padding-bottom:26px;
padding-left:80px;
border-bottom:1px solid #938879;
}
#navbar h3{
position:absolute;
top:46px;left:0;
z-index:1000;
background:transparent url('images/menu_degrade.png') no-repeat;
width:32px;
height:435px;
margin:0;
padding:0;
}
#navbar h3 span{
font-size:14px;
position:relative;
top:-50px;
padding-left:5px;
color:#ddd;
display:none;
}
#navbar ul{
position:absolute;
list-style-type:none;
margin:0;
}
#navbar a{
font-size:13px;
}
/*
* Habillage des li
* On veillera a utiliser un sprite css uniquement pour les navigateurs n'ayant pas besoin
* du hack de transparence "behavior" (incompatibilite avec les background position)
* Le sprite trouve son utilite pour la mise en cache d'une seule image
* <=> pas de chargement sur le :hover
*/
#navbar-semantic,
#navbar-dashboard,
#navbar-opac,
#navbar-index,
#navbar-circ,
#navbar-catalog,
#navbar-autorites,
#navbar-edit,
#navbar-dsi,
#navbar-acquisition,
#navbar-admin,
#navbar-cms,
#navbar-extensions,
#navbar-demandes,
#navbar-fichier{
float:left;
display:block;
width:auto!important;
width:10px;
background-repeat:no-repeat;
background:url('images/navbar.png');
background-position:top right;
height:27px;
}
ul>#navbar-semantic,
ul>#navbar-dashboard,
ul>#navbar-opac,
ul>#navbar-index,
ul>#navbar-circ,
ul>#navbar-catalog,
ul>#navbar-autorites,
ul>#navbar-edit,
ul>#navbar-dsi,
ul>#navbar-acquisition,
ul>#navbar-admin,
ul>#navbar-cms,
ul>#navbar-extensions,
ul>#navbar-demandes,
ul>#navbar-fichier{
background-image:url('images/navbar_sprite.png');
background-position:100% 0;
}
/*
* Habillage des li:hover
*/
#navbar-semantic:hover,
#navbar-dashboard:hover,
#navbar-opac:hover,
#navbar-index:hover,
#navbar-circ:hover,
#navbar-catalog:hover,
#navbar-autorites:hover,
#navbar-edit:hover,
#navbar-dsi:hover,
#navbar-acquisition:hover,
#navbar-admin:hover,
#navbar-cms:hover,
#navbar-extensions:hover,
#navbar-demandes:hover,
#navbar-fichier:hover{
background-image:url('images/navbar_hover.png');
background-repeat:no-repeat;
background-position:top right;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
ul>#navbar-semantic:hover,
ul>#navbar-dashboard:hover,
ul>#navbar-opac:hover,
ul>#navbar-index:hover,
ul>#navbar-circ:hover,
ul>#navbar-catalog:hover,
ul>#navbar-autorites:hover,
ul>#navbar-edit:hover,
ul>#navbar-dsi:hover,
ul>#navbar-acquisition:hover,
ul>#navbar-admin:hover,
ul>#navbar-cms:hover,
ul>#navbar-extensions:hover,
ul>#navbar-demandes:hover,
ul>#navbar-fichier:hover{
background-image:url('images/navbar_sprite.png');
background-position:100% -54px;
}
/*
* Habillage des li.current
*/
#navbar-semantic.current,
#navbar-dashboard.current,
#navbar-opac.current,
#navbar-index.current,
#navbar-circ.current,
#navbar-catalog.current,
#navbar-autorites.current,
#navbar-edit.current,
#navbar-dsi.current,
#navbar-acquisition.current,
#navbar-admin.current,
#navbar-cms.current,
#navbar-extensions.current,
#navbar-demandes.current,
#navbar-fichier.current{
background-image:url('images/navbar_current.png');
background-repeat:no-repeat;
background-position:top right;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
ul>#navbar-semantic.current,
ul>#navbar-dashboard.current,
ul>#navbar-opac.current,
ul>#navbar-index.current,
ul>#navbar-circ.current,
ul>#navbar-catalog.current,
ul>#navbar-autorites.current,
ul>#navbar-edit.current,
ul>#navbar-dsi.current,
ul>#navbar-acquisition.current,
ul>#navbar-admin.current,
ul>#navbar-cms.current,
ul>#navbar-extensions.current,
ul>#navbar-demandes.current,
ul>#navbar-fichier.current{
background-image:url('images/navbar_sprite.png');
background-position:100% -108px;
}
/*
* Habillage des liens a
*/
#navbar-semantic a,
#navbar-dashboard a,
#navbar-opac a,
#navbar-index a,
#navbar-circ a,
#navbar-catalog a,
#navbar-autorites a,
#navbar-edit a,
#navbar-dsi a,
#navbar-acquisition a,
#navbar-admin a,
#navbar-cms a,
#navbar-extensions a,
#navbar-demandes a,
#navbar-fichier a{
height:19px;
display:block;
padding:6px 10px 2px 10px;
text-decoration:none;
color:#000;
background-image:url('images/navbar_bord.png');
background-repeat:no-repeat;
}
#navbar-semantic>a,
#navbar-dashboard>a,
#navbar-opac>a,
#navbar-index>a,
#navbar-circ>a,
#navbar-catalog>a,
#navbar-autorites>a,
#navbar-edit>a,
#navbar-dsi>a,
#navbar-acquisition>a,
#navbar-admin>a,
#navbar-cms>a,
#navbar-extensions>a,
#navbar-demandes>a,
#navbar-fichier>a{
background-image:url('images/navbar_sprite.png');
background-position:0px -27px;
}
/*
* Habillage des liens a.current
*/
#navbar-semantic>a:hover,
#navbar-dashboard>a:hover,
#navbar-index>a:hover,
#navbar-opac>a:hover,
#navbar-circ>a:hover,
#navbar-catalog>a:hover,
#navbar-autorites>a:hover,
#navbar-edit>a:hover,
#navbar-dsi>a:hover,
#navbar-acquisition>a:hover,
#navbar-admin>a:hover,
#navbar-cms>a:hover,
#navbar-extensions>a:hover,
#navbar-demandes>a:hover,
#navbar-fichier>a:hover{
background-image:url('images/navbar_sprite.png');
background-position:0 -81px;
background-repeat:no-repeat;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
#navbar-semantic a.current,
#navbar-dashboard a.current,
#navbar-index a.current,
#navbar-opac a.current,
#navbar-circ a.current,
#navbar-catalog a.current,
#navbar-autorites a.current,
#navbar-edit a.current,
#navbar-dsi a.current,
#navbar-acquisition a.current,
#navbar-admin a.current,
#navbar-cms a.current,
#navbar-extensions a.current,
#navbar-demandes a.current,
#navbar-fichier a.current{
background-image:url('images/navbar_current_bord.png');
background-repeat:no-repeat;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
#navbar-semantic>a.current,
#navbar-dashboard>a.current,
#navbar-index>a.current,
#navbar-opac>a.current,
#navbar-circ>a.current,
#navbar-catalog>a.current,
#navbar-autorites>a.current,
#navbar-edit a.current,
#navbar-dsi>a.current,
#navbar-acquisition>a.current,
#navbar-admin>a.current,
#navbar-cms>a.current,
#navbar-extensions>a.current,
#navbar-demandes>a.current,
#navbar-fichier>a.current{
background-image:url('images/navbar_sprite.png');
background-position:0px -135px;
}
#extra{
position:absolute;
top:5px;
right:15px;
height:30px;
font-weight:bold;
color:#728085;
padding:0;
margin:0;
display:block;
}
#extra img{display:none;}
/* Ppts generales des icones #extra */
#extra .icon_history,
#extra .icon_help,
#extra .icon_param,
#extra .icon_opac,
#extra .icon_sauv,
#extra .icon_quit{
width:26px;
height:25px;
display:block;
float:left;
margin:0px 3px;
background-repeat:no-repeat;
cursor:pointer;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
#extra .icon_history{background-image:url('images/icon_history.png');}
#extra .icon_help{background-image:url('images/icon_help.png');}
#extra .icon_param{background-image:url('images/icon_param.png');}
#extra .icon_opac{background-image:url('images/icon_opac.png');}
#extra .icon_sauv{background-image:url('images/icon_sauv.png');}
#extra .icon_quit{background-image:url('images/icon_quit.png');}
/*
* Redefinition des ppts generales pour navigateurs recents
* permet ainsi l'usage de sprites pour alleger les requetes serveur
* enleve l'interpretation inutile de 'behaviour' par iE7
*/
#extra>.icon_history,
#extra>.icon_help,
#extra>.icon_param,
#extra>.icon_opac,
#extra>.icon_sauv,
#extra>.icon_quit{
background-image:url('images/icon_sprite.png');
behavior:none;
}
#extra>.icon_history{background-position:0 0;}
#extra>.icon_help{background-position:0 -25px;}
#extra>.icon_param{background-position:0 -50px;}
#extra>.icon_opac{background-position:0 -75px;}
#extra>.icon_sauv{background-position:0 -100px;}
#extra>.icon_quit{background-position:0 -125px;}
#keystatus{
font-weight:bold;
position:absolute;
top:0px;
overflow:hidden;
}
/* General bouton plus/moins */
.img_plus{
background:#ddd;
margin:0 0 -1px 0;
cursor:pointer;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
/* ---------------------------------------------------------------------------*/
/* CONTENEUR */
/* */
/* #conteneur / #menu */
/* ---------------------------------------------------------------------------*/
#conteneur{
background:#ede9e3 url("images/menu_bordure.png") repeat-y;
display:block;
min-height:100%;
height:auto !important;
height:100%;
width:100%;
padding-bottom:20px;
}
.index #noconteneur{
background:#ede9e3 url("images/menu_bordure.png") repeat-y;
position:absolute;
min-height:100%;
height:auto !important;
height:100%;
width:100%;
}
/* -------- Menu ---------- */
#menu{
position:absolute;
left:0px;
margin-top:18px;
padding-left:35px;
padding-right:20px;
width:150px;
background:transparent url("images/menu_fond.png") no-repeat 35px 0;
padding-top:3px;
}
#menu h3{
width:130px;
height:19px;
display:block;
margin:0px;
padding:5px 0px 0px 20px;
border-right:1px solid #938777;
color:#222;
font-size:12px;
cursor:pointer;
background-image:url("images/menu_h3.png");
background-repeat:no-repeat;
}
/* classe ajoutee lors du repliement de l'element */
#menu h3.selected{background-image:url("images/menu_h3_unfold.png")}
/* classe ajoutee lors de l'enregistrement des preferences de disposition */
#menu h3.setpref{background-image:url("images/menu_h3_setpref.png")}
#menu ul{
list-style-type:none;
background:white;
border:1px solid #938777;
border-top:none;
padding:0 1px;
margin:0px;
margin-right:-1px;
display:block;
}
#menu li{
padding:1px 0;
margin:0px;
font-size:12px;
}
#menu li a{
display:block;
color:#000;
padding:3px 5px 3px 10px;
text-decoration:none;
-moz-border-radius : 2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#menu li a:hover{
color:white;
background:#756d6c url("images/menu_liens_hover.png") repeat-x;
}
#menu hr{display:none;}
#div_alert ul{
padding: 5px;
border:1px solid #938777;
border-top:none;
}
/* ---------------------------------------------------------------------------*/
/* CONTENU */
/* */
/* #contenu / .hmenu / .vmenu */
/* ---------------------------------------------------------------------------*/
#contenu{
padding-top:10px;
margin-left:215px;
padding-right:40px;
}
#contenu-frame{
background:#e6e1da;
padding:10px;
}
#contenu .hmenu{
margin-bottom:10px;
margin-left:20px;
display:table;
width:100%;
position:relative;
left:-16px;
border-top:1px solid #bbb;
height:22px;
}
.hmenu span{
display:block;
float:left;
background:transparent url('images/hmenu_item.png') no-repeat;
}
.hmenu span:hover{
background:transparent url('images/hmenu_item_selected.png') no-repeat;
}
.hmenu span.selected{
background:transparent url('images/hmenu_item_selected.png') no-repeat;
}
.hmenu span a{
height:14px;
display:block;
color:#666;
text-decoration:none;
float:left;
padding:5px 8px;
background:transparent url('images/hmenu_item_bord.png') no-repeat 100% 0;
}
.hmenu span a:hover{
color:#111;
background:transparent url('images/hmenu_item_selected_bord.png') no-repeat 100% 0;
}
.hmenu span.selected a{
color:#111;
background:transparent url('images/hmenu_item_selected_bord.png') no-repeat 100% 0;
}
.vmenu span{
display:block;
background:transparent url('images/hmenu_item.png') no-repeat;
}
.vmenu span:hover{
background:transparent url('images/hmenu_item_selected.png') no-repeat;
}
.vmenu span.selected{
background:transparent url('images/hmenu_item_selected.png') no-repeat;
}
.vmenu span a{
height:14px;
display:block;
color:#666;
text-decoration:none;
padding:5px 8px;
background:transparent url('images/hmenu_item_bord.png') no-repeat 100% 0;
}
.vmenu span a:hover{
color:#111;
background:transparent url('images/hmenu_item_selected_bord.png') no-repeat 100% 0;
}
.vmenu span.selected a{
color:#111;
background:transparent url('images/hmenu_item_selected_bord.png') no-repeat 100% 0;
}
h1{
font-size:14px;
text-transform:uppercase;
color:#111;
padding:8px 0 0 14px;
margin:10px 0 5px 0;
min-height:12px;
height:auto!important;
height:12px;
}
#contenu h2, #contenu h3{
font-size:13px;
color:#111;
padding:8px 0 0 14px;
margin:5px 0;
min-height:12px;
height:auto !important;
height:12px;
}
#contenu h3{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding-bottom:6px;
}
#contenu h3 img{
margin-right:3px;
position:relative;
top:2px;
}
/* General */
#conteneur #contenu h1{background:transparent url("images/contenu_puce.png") no-repeat;}
#conteneur #contenu h3{background:#e6e1da url("images/contenu_pucesmall.png") no-repeat;}
/* Circulation */
#conteneur.circ #contenu h1{background:transparent url("images/contenu_puce_circ.png") no-repeat;}
#conteneur.circ #contenu h3{background:#e6e1da url("images/contenu_pucesmall_circ.png") no-repeat;}
/* Catalogue */
#conteneur.catalog #contenu h1{background:transparent url("images/contenu_puce_catalog.png") no-repeat;}
#conteneur.catalog #contenu h3{background:#e6e1da url("images/contenu_pucesmall_catalog.png") no-repeat;}
/* Autorites */
#conteneur.autorites #contenu h1{background:transparent url("images/contenu_puce_autorites.png") no-repeat;}
#conteneur.autorites #contenu h3{background:#e6e1da url("images/contenu_pucesmall_autorites.png") no-repeat;}
/* Editions */
#conteneur.edit #contenu h1{background:transparent url("images/contenu_puce_edit.png") no-repeat;}
#conteneur.edit #contenu h3{background:#e6e1da url("images/contenu_pucesmall_edit.png") no-repeat;}
/* D.S.I. */
#conteneur.dsi #contenu h1{background:transparent url("images/contenu_puce_dsi.png") no-repeat;}
#conteneur.dsi #contenu h3{background:#e6e1da url("images/contenu_pucesmall_dsi.png") no-repeat;}
/* Acquisitions */
#conteneur.acquisition #contenu h1{background:transparent url("images/contenu_puce_acquisition.png") no-repeat;}
#conteneur.acquisition #contenu h3{background:#e6e1da url("images/contenu_pucesmall_acquisition.png") no-repeat;}
/* Administration */
#conteneur.admin #contenu h1{background:transparent url("images/contenu_puce_admin.png") no-repeat;}
#conteneur.admin #contenu h3{background:#e6e1da url("images/contenu_pucesmall_admin.png") no-repeat;}
/* ------------------ formulaires --------------- */
form {
width: 100%;
padding: 5px;
margin:20px auto;
background:#e6e1da;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
}
.row{
margin:4px 0;
clear:both;
}
.separateur{
border-bottom:1px solid #444;
}
.form-contenu {
border-bottom: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
padding: 5px;
margin:10px 40px;
padding-bottom: 1em;
padding-top: 1em;
}
.form-contenu label{
color:#2e3436;
font-weight:bold;
}
.form-contenu td{
margin:0;
padding:0;
border:none;
}
.form-clean{margin:0}
.saisie-contenu, #contenu .astuce{
font-size:11px;
display:block;
margin:10px 0;
padding:10px 10px;
background:#f1ece6;
border:1px solid #d0ccc6;
clear:both;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.saisie-80em{
min-width:200px;
}
#contenu ul{
margin:10px 0 10px 30px;
}
#contenu li{
padding:5px 2px;
}
table{
margin:10px 0;
border-collapse: collapse;
width:100%;
}
tr {font-style: normal;}
td.docnum{text-align: center;}
tr.odd{background:#eee;}
tr.even{background:#e5e5e5;}
tr.surbrillance{background:#d3d3d3;}
tr.justmodified {
background:#ffffff;
font-weight: bold;
}
td{
border:1px solid #ccc;
padding:3px 10px;
}
td a{
text-decoration:none;
color:#000;
}
#contenu-frame td{border:none;}
th{
border:1px solid #aaa;
padding:3px 10px;
background:#ccc;
}
/*
select{padding:1px 2px;}
option{padding:0 5px;}
.usercheckbox{padding:0 6px;}
.usercheckbox label{margin:-4px 0 0 3px;}
*/
hr{
width:100%;
display:block;
clear:both;
margin:15px 0;
border-top:1px solid #cac1b3;
border-bottom:1px solid #fff;
color: #ffffff;
height: 2px;
}
ul{margin-left:10px;}
ol{margin-left:20px;}
/* ------------ Login-box ---------------*/
#login-box{
width: 60%;
margin-left: 20%;
margin-right: 20%;
margin-top: 10%;
background:#f4f0ea;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:0;
padding-bottom:15px;
}
#login-box .erreur{
padding-left:20px;
}
#noconteneur form{
margin:0;
background:none;
}
#noconteneur .bouton{
margin-top:10px;
margin-left:10px;
}
#login-box h1{
color:#3a4244;
border-left:2px solid #ffa619;
border-bottom:1px solid #bbb;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
padding:3px 0 3px 10px;
background:#f8f5f0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:0;
}
#noconteneur .form-contenu{margin-top:0px;}
#login-box label{
font-size: 9pt;
font-weight: bold;
}
#noconteneur #footer{
padding:9% 0 10px 35px;
margin:0;
clear:both;
background:#ede9e3 url("images/menu_bordure.png") repeat-y;
}
/* ------------- logo --------------- */
#logo{
position: absolute;
bottom: 0;
left: -60px;
/*background: transparent no-repeat bottom right url("books_small.gif");*/
padding: 5px;
margin: 0px auto;
width: 200px;
height:150px;
z-index: 0;
}
#logo span{display:none;}
/* --------------------------- */
.col{
float: left;
width: 100%;
padding: 1em;
margin: 1em;
}
.erreur{
color: #f00;
font-weight: bold;
font-size: 16px;
}
.erreur-child{
display:block;
margin-left: 12%;
padding:0;
color:#000;
font-weight:normal;
}
.hide {display: none;}
.aide{cursor: help;}
.astuce{
font-size: 10pt;
margin-top: 1em;
}
.bool{
font-family: fixed;
font-weight: bold;
}
.bouton, .bouton_small {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
color:#555;
font-size:13px;
border:1px outset #aaa;
}
.bouton:hover, .bouton_small:hover{
border:1px inset #aaa;
cursor:pointer;
}
/* pour les champs non modifiables */
.saisie-5emd,
.saisie-10emd,
.saisie-15emd,
.saisie-20emd,
.saisie-30emd,
.saisie-50emd,
.saisie-80emd{
background-color:transparent;
border-color:transparent;
border-width:0;
}
.spacer{clear: both;
visibility: hidden;
display: none;
margin-bottom: -10px;
margin-top: -10px;
}
/* -----------------------------------------------------------------------------*/
/* */
/* CLASSES LIEES A L'APPLICATION */
/* */
/* feuilles de styles appliquees a des balises sans classes ni id specifies */
/* */
/* -----------------------------------------------------------------------------*/
.notice-perio{
border: 1px solid #aaa;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
#content_onglet_perio{
margin-left:20px;
margin-bottom:37px;
}
#content_onglet_perio span{
display:block;
width:auto!important;
width:10px;
height:25px;
float:left;
margin-bottom:25px;
margin-right:2px;
cursor:pointer;
}
#content_onglet_perio a{
height:17px;
display:block;
padding:6px 10px 2px 10px;
text-decoration:none;
color:#000;
text-align:center;
}
.onglets-perio{
background-repeat:no-repeat;
background-image:url('images/onglet_perio.png');
background-position:top right;
}
.onglets-perio a{
background-image:url('images/onglet_perio_bord.png');
background-repeat:no-repeat;
}
#content_onglet_perio>.onglets-perio{
background-image:url('images/onglet_perio_sprite.png');
background-position:100% 0px;
}
.onglets-perio>a{
background-image:url('images/onglet_perio_sprite.png');
background-position:0px -25px;
}
.onglet-perio-selected {
background-color:#3594bb;
background-repeat:no-repeat;
background-image:url('images/onglet_perio_current.png');
background-position:top right;
cursor:default;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
.onglet-perio-selected a{
background-image:url('images/onglet_perio_current_bord.png');
background-repeat:no-repeat;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
#content_onglet_perio>.onglet-perio-selected{
background-image:url('images/onglet_perio_sprite.png');
background-position:100% -50px;
}
.onglet-perio-selected>a{
background-image:url('images/onglet_perio_sprite.png');
background-position:0px -77px;
}
.bulletins-perio, .elts-list-tabs{
border: 1px solid #aaa;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding: 1em;
margin-bottom: 1em;
}
.bulletins-perio h2 blockquote {
font-size:0.8em;
font-weight: normal;
}
.depouillements-perio{
border: 1px solid #684;
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
.msg-perio {
font-size: 150%;
font-weight: bold;
color: #f00;
}
/* barre flechee en perio */
.perio-barre {
font-size: 120%;
font-weight: bold;
}
/* classes pour l'affichage de liste depliantes en resultat de recherche */
.notice-heada {
text-decoration: none;
font-size: 10pt;
font-weight: bold;
}
.notice-parent {
color: #000000;
margin-bottom: 7px;
margin-top: 7px;
text-decoration: none;
}
.notice-parent img {
vertical-align: bottom;
}
.notice-parent a{
font-weight:normal;
color:#000;
}
.notice-child {
font-size: 0.9em;
margin-left: 30px;
margin-bottom: 10px;
margin-top:5px;
width: 98%;
padding: 0 6px;
text-align: justify;
background:#f6f2ec;
border: 1px solid #bbb;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.notice-child table td img.img_notice {
max-width: 140px;
max-height: 200px;
width: expression(this.width > 140 ? "140px" : true);
height: expression(this.height > 200 ? "200px" : true);
}
table td .img_notice {
max-width: 140px;
max-height: 200px;
width: expression(this.width > 140 ? "140px" : true);
height: expression(this.height > 200 ? "200px" : true);
}
.notice-child .expl-list{border:1px solid #999;}
.notice-child td,.notice-child th{border:none;}
.notice-bu {
margin-top: 0px;
background-color: transparent;
border-style: none;
}
/* classes pour l'affichage de liste depliantes en formulaire de saisie de notice */
.heada {
font-size: 10pt;
font-weight: bold;
padding-left:3px;
}
.parent {
color: #000000;
margin-left:0px;
font-size: 8pt;
text-decoration: none;
clear:both;
}
.child {
margin-left: 30px;
}
.bu {
margin-top: 15px;
}
.titre-panier{
border: 1px solid #684;
padding: 1em;
margin-bottom: 1em;
margin-top: 1em;
}
#history_table {
border:0px;
padding:0px;
margin:0px;
background:transparent;
}
#history_table td {
padding:0px;
margin:0px;
border:0px;
}
#contenu .parent h3 img{
float:left;
margin-top:-1px;
}
#addaut1,#addaut2{
margin:5px 0 0 2px;
}
/* -----------------------------------------------------------------------------*/
/* */
/* MODIFICATIONS POUR L'IMRPESSION */
/* */
/* pour l'impression, masquage de #navbar, #menu, #deconnexion, #extra, */
/* iframe#alerte et des boutons de classe .bouton; #contenu colles à gauche */
/* */
/* -----------------------------------------------------------------------------*/
@media print {
#conteneur{
position: relative;
clear:both;
}
#navbar{ display: none; }
#menu{ display: none;}
/* Menu */
#deconnexion{ display: none; }
#extra{ display: none; }
.bouton{ display:none; }
.bouton_small{ display:none; }
iframe#alerte{ visibility:hidden;}
}
iframe#history {
width:40%;
height:97%;
position:fixed;
top:1%;
left:1%;
z-index:1000;
}
* HTML iframe#history {
height:580px;
}
/* pour affichage de paves de couleur pour disinction des statuts de notices */
.statutnot1 {}
.statutnot2 {background-color: #BB0000;}
.statutnot3 {background-color: #00BB00;}
.statutnot4 {background-color: #0000BB;}
.statutnot5 {background-color: #D0686F;}
.statutnot6 {background-color: #A6DCDC;}
.statutnot7 {background-color: #816492;}
.statutnot8 {background-color: #BCB964;}
.statutnot9 {background-color: #6C75AC;}
.statutnot10 {background-color: #FFC587;}
.statutnot11 {background-color: #70C173;}
.statutnot12 {background-color: #660000;}
.statutnot13 {background-color: #006600;}
.statutnot14 {background-color: #000066;}
.statutnot15 {background-color: #80181F;}
.statutnot16 {background-color: #668C8C;}
.statutnot17 {background-color: #311442;}
.statutnot18 {background-color: #7C7914;}
.statutnot19 {background-color: #2C356C;}
.statutnot20 {background-color: #BF8547;}
.gris {color:#ccc;}
.message_important {
color: #f00;
font-weight: bold;
font-size: 1.5em;
padding:5px;
margin:5px;
}
body.select{background:#2e3436;}
body.select .row{
background:#e6e1da;
margin:0;
padding:5px 15px;
}
ul.sel_navbar {
margin:5px;
padding:0;
list-style:none;
clear:right;
height:21px;
float:left;
margin-bottom:4px;
}
ul.sel_navbar li {
float:left;
display:block;
width:auto!important;
width:10px;
background-repeat:no-repeat;
background:url('images/navbar.png');
background-position:top right;
}
ul.sel_navbar li a {
text-decoration:none;
font-weight:normal;
color:#000000;
height:17px;
display:block;
padding:6px 10px 2px 10px;
text-decoration:none;
color:#000;
background-image:url('images/navbar_bord.png');
background-repeat:no-repeat;
}
ul.sel_navbar li.sel_navbar_current {
background-image:url('images/navbar_current.png');
background-repeat:no-repeat;
background-position:top right;
height:24px;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
}
ul.sel_navbar li.sel_navbar_current a {
background-image:url('images/navbar_current_bord.png');
background-repeat:no-repeat;
/* Gestion des png transparents (multi-niveaux) sous IE5.5 et 6 */
behavior:url('styles/nova/iepngfix.htc');
height:17px;
}
.dsi table.dsi tr td:hover {background:#dc3400;}
#frame_notice_preview {
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
background: #F4EC92;
width:680px;
height:500px;
}
#frame_periodique {
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
background: #ede9e3;
width:190px;
height:250px;
}
#expl-form select {
width: 200px;
}
body.pointage_exemplarise .left {
margin-top:10px;
}
#frame_abts {
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
background: #ede9e3;
width:190px;
height:250px;
}
body.abonnement_parution_edition .left {
margin-top:10px;
}
#frame_trans_expls{
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
background:#ede9e3;
width:500px;
height:250px;
}
#a_recevoirChild .colonne_suite input {margin-right:20px;}
.form-acquisition>.form-contenu #tot_ht, #tot_tva, #tot_ttc, #adr_fou, #adr_liv, #adr_fac, #tot_expl, #devise[class=saisie-5emd]{
border: 1px solid #aaa;
}
.req_cell {
table-layout:fixed;
text-align: left;
padding-left:0px;
}
.req_cell th,
.req_cell td {
border:1px solid #000000;
border-collapse:collapse;
padding-right:4px;
vertical-align: top;
}
.req_cell .col_ali{width:10%;}
.req_cell .col_get,
.req_cell .col_vis,
.req_cell .col_grp,
.req_cell .col_tri {
width:20px;
padding-right:0px;
}
.req_cell .col_act,
.req_cell .col_obl {
width:50px;
padding-right:0px;
}
.req_cell .up_bt {
vertical-align:top;
cursor:pointer;
}
.req_cell .down_bt {
vertical-align:bottom;
margin-left:-16px;
cursor:pointer;
}
.req_cell .stop_bt,
.req_cell .cross_bt {
vertical-align:middle;
width:16px;
cursor:pointer;
}
.in_cell,
.in_cell_nb,
.in_cell_ro,
.in_cell_nb_ro {
width:99%;
border:1px solid;
}
.form-acquisition .in_cell,
.form-acquisition .in_cell_nb,
.form-acquisition .in_cell_ro,
.form-acquisition .in_cell_nb_ro {
width: 70%;
}
.in_cell_nb,
.in_cell_nb_ro {
text-align:right;
}
.in_cell_ro,
.in_cell_nb_ro {
background-color: #9BC14B;
border: 1px inset #684;
}
.in_cell_text {
width:95%;
border:1px solid;
}
.in_cell_rd,
.in_cell_ld {
width:100%;
background-color:transparent;
border-color:transparent;
border-width:0;
}
.in_cell_rd {
text-align:right;
}
.in_cell_ld {
text-align:left;
}
.req_ajax_div {
display:none;
border:1px #000 solid;
left:0px;
top:0px;
position:absolute;
background-color:#FFFFFF;
z-Index:1000;
height:200px;
overflow:auto;
}
.req_row_handler {
margin-left:5px;
top:0px;
cursor:pointer;
}
#req_frame {
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:5px;
z-Index:1000;
position:absolute;
background: #FFF0A7;
}
.req_cell .bt_cross_elt {
vertical-align:bottom;
width:8px;
cursor:pointer;
}
.act_cell {
table-layout:fixed;
}
.act_cell th,
.act_cell td {
border:1px solid #000000;
border-collapse:collapse;
padding-left:2px;
padding-right:2px;
vertical-align:top;
overflow:hidden;
}
.act_cell_chkbox {
width:25px;
}
.act_cell_img_plus {
background:#8cc6ff;
margin-left:-20px;
}
.act_cell_chkbox2 {
margin-right:-20px;
}
.act_cell_comments table,
.act_cell_reminders table
{
margin-top:0px;
margin-bottom:0px;
}
.act_cell_comments tr,
.act_cell_reminders tr {
background : #EDE9E3;
}
.act_cell_comments td,
.act_cell_reminders td
{
margin-top:0px;
margin-bottom:0px;
border:none;
}
/**
* Couleur de fond et de liens du calendrier
*
**/
#calendrier_tab td.lien_date a{
color:white;
}
#calendrier_tab td.lien_date {
background:green;
}
#calendrier_tab td.lien_date_hs {
background:red;
}
#calendrier_tab td.lien_date_hs_p {
background:orange;
}
#up_frame{
display:none;
border:2px solid #777799;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:10px;
z-Index:1000;
position:absolute;
background: #eee;
}
.recorded {
color: #cc0000;
font-weight: bold;
}
.pbar {
width:710px;
text-align:center;
}
.pbar_frame {
border:#000000 1px solid;
padding:4px';
}
.pbar_gauge {
text-align:left;
}
#pbar_img {
height: 16px;
width:0px;
}
.dom_div {
overflow:auto;
}
.dom_tab {
table-layout:fixed;
}
.dom_col {
overflow:hidden;
width:200px;
}
.dom_cell_tab {
border:#000000 1px solid;
overflow:hidden;
}
.dom_tab2 {
display: table;
}
.dom_row2 {
display: table-row;
height: 100px;
}
.dom_col2 {
display: table-cell;
}
.dom_cell2_h {
display: block;
width: 200px;
height: 100px;
overflow: hidden;
border: 1px solid #AAAAAA;
background-color: #CCCCCC;
font-weight: bold;
text-align: center;
}
.dom_cell2 {
display: block;
height: 100px;
overflow: hidden;
border: 1px solid #CCCCCC;
}
.dom_sel {
width: 190px;
}
/*Suggestions multiples */
.tab_sug{
table-layout: fixed;
}
table{
border-collapse:collapse;
margin: 10px 0;
width:100%;
}
.tab_sug th, .tab_sug td{
border:1px solid #CCCCCC;
/*vertical-align:center;*/
text-align: center;
overflow:scroll;
width:100%;
}
.tab_sug input, .tab_sug textarea{
width:95%;
height:100%;
background:#F3F3F3;
}
.tab_sug select{
width:95%;
}
.erreur_saisie {
background-color: #ff0000;
}
table.sortable tr td {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}
#recept_frame {
border:2px solid #777799;
border-radius:5px 5px;
-moz-border-radius:10px;
padding:5px;
z-Index:1000;
position:absolute;
background: #C0F1C3;
display:none;
}
#recept_frame {
border:2px solid #777799;
border-radius:5px 5px;
-moz-border-radius:10px;
padding:5px;
z-Index:1000;
position:absolute;
background: #EDE9E3;
display:none;
}
#f_ex_note, #f_ex_comment {
width: 90%;
}
.notice-parent .left {
margin-left: 5px;
float: none;
}
.notice-parent .right {
margin-top: -15px;
text-align: right;
float: none;
}
/***************************
* CATALOGUE - SEGMENTATION *
***************************/
body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul {
background-color: #E6E1DA;
box-shadow: -1px 0 3px #999999 inset;
border-radius: 5px;
color: #000000;
padding: 1px 3px;
margin: 0px;
}
body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul li {
background-color: #FFFFFF;
box-shadow: -1px 0 3px #999999 inset;
padding: 3px 10px;
margin-bottom: 2px;
margin-top: 2px;
cursor: pointer;
list-style-type: none;
}
body.catalog #conteneur #contenu form #speech_timeline #speech_timeline_edit_menu ul li:hover {
background: url("images/menu_liens_hover.png") repeat-x scroll 0 0 #756D6C;
color: #FFFFFF;
}
/* Correction d'un bug Drag & Drop dojo dans Firefox
https://github.com/dojo/dijit/issues/161 */
.dijitTree {
-moz-user-select: none;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists