/**
 * COMMON
 */

/* Menu escamotable : inialisé à ouvert car le menu est affiché par défaut */
#toggle_menu span.toggle {
    float: left;
    width: 48px;
    height: 48px;
    background-image: url("img/menu_open-64x64.png");
    background-size: 48px 48px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

/* Logo */
#logo span.logo { margin: 0 0 0 0.5em; width: 184px; height: 50px; background-image: url("img/logo.png"); background-repeat: no-repeat; display: block; text-indent: -9999px; }

/* Textes du header et du footer */
#actions, #shortlinks { color:#ffffff; }
#footer span { color:#434343; }

/* Liens du header et du footer */
#actions a, #actions a:active, #actions a:visited { color:#ffffff; }
#shortlinks a, #shortlinks a:active, #shortlinks a:visited { color:#ffffff; }
#footer a, #footer a:active, #footer a:visited { color:#88aa00; }

/* Actions personnelles */
#actions a.actions-password, #actions a.actions-logout { padding:1px 0 1px 19px; background:transparent none no-repeat left center; }
#actions a.actions-password { background-image:url("img/password-16x16.png"); }
#actions a.actions-logout { background-image:url("img/logout-16x16.png"); }

/* Mise en forme générale du header */
#header { background-image: none; background-color: #bbb; border-bottom: 0;}

/* Colonne grise pour affichage des icones dans le menu */
#menu li.elem:hover, #menu li.hr { background-color:#bbb; }
#menu li.elem.category:hover { background-color: #E2E2E2; ! }
#menu div.rubrik { background: #fafafa url("img/bg-menu.png") repeat-y scroll left center; }
#menu li.elem a { padding-left:21px; }


/* Items au survol et separateurs */
#menu li.elem.ui-state-focus { background-color:#88aa00; background-image: none; font-weight: normal; }
#menu li.hr { background-color:#88aa00; height:0px; }

/* Fieldset plier/deplier */
legend { background-image: url("img/legend-20x16.png") !important; background-position:left center !important; background-repeat: no-repeat !important; padding:5px 5px 5px 24px !important; }
legend.collapsible { background-image: url("img/legend-collapsible-20x16.png") !important; cursor: pointer; }
legend.collapsed { background-image: url("img/legend-collapsed-20x16.png") !important; cursor: pointer; }
fieldset.collapsed { border-color: transparent; background-color: transparent; }

/* Lien retour */
a.retour { background: url("img/back-25x25.png") no-repeat left center transparent; font-weight:bold; margin:5px; padding:5px 0 5px 28px; }

/* Aucune decoration pour les liens de la colonne icons du tableau */
#content td.icons a:hover, #content th.icons a:hover { text-decoration:none; }
table.tab-tab tr.ui-state-default { background-image: none; }
#dashboard .widget-header { background-image: none; }
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; background-color: #fff; }

/* Gestion des classes de base pour les icones */
.om-prev-icon { background-position:left center; background-repeat: no-repeat; padding:1px 0 1px 19px; background-image: url("img/om-prev-icon-16x16.png"); }
.om-icon { float:left; text-indent:-99999px; background-repeat: no-repeat; display:block; }
.om-icon-25 { width:25px; height:25px; margin:1px; background-image: url("img/om-icon-25x25.png"); }
.om-icon-16 { width:16px; height:16px; margin:1px; background-image: url("img/om-icon-16x16.png"); }
.om-icon-16.om-icon-fix { display: inline-block; float: none;}


/* Icones en 16 pixels */
.arrow-right-16 { background-image:url("img/arrow-right-16x16.png"); }
.add-16 { background-image: url("img/add-16x16.png"); }
.delete-16 { background-image: url("img/delete-16x16.png"); }
.edit-16 { background-image: url("img/edit-16x16.png"); }
.copy-16 { background-image: url("img/copy-16x16.png"); }
.pdf-16 { background-image: url("img/pdf-16x16.png"); }
.sig-16 { background-image: url("img/sig-16x16.png"); }
.consult-16 { background-image: url("img/consult-16x16.png"); }

/* Icones en 25 pixels */
.add-25 { background-image: url("img/add-25x25.png"); }
.delete-25 { background-image: url("img/delete-25x25.png"); }
.generate-25 { background-image: url("img/generate-25x25.png"); }
.print-25 { background-image: url("img/print-25x25.png"); }
.csv-25 { background-image: url("img/csv-25x25.png"); }

/* Icones fournisseur sig */
.om-icon-sig { width:60px; height:24px; margin:1px; background-image: url("img/om-icon-60x24.png"); }
.om-icon-sig.om-icon-fix { display: inline-block; float: none;}
.google { background-image: url("img/google.png") ; }
.bing { background-image: url("img/bing.png"); }
.mapquest { background-image: url("img/mapquest.png"); }

/*
*
*
*  SECTION MOBILE  =>  regroupe les règles d'affichage en petit écran
*
*
*/

/* POUR LES TABLETTES */
@media ( max-width : 1460px)
{
    /* On masque le menu par défaut */
    #menu {
        display: none;
    }
    #toggle_menu span.toggle {
        background-image: url('img/menu_closed-64x64.png');
    }
    #content {
        margin-left: 5px;
    }
    
    /* Suppression des largeurs minimum des sections HEADER, CONTENT, FOOTER */
    #content, #header, #footer {
        min-width: 0;
    }
    /* Mise sur deux colonnes des widgets */
    #dashboard .col3 .column {
        min-width: 0;
        width: 50%;
    }
    
}

/* POUR LES SMARTPHONE */
@media ( max-width : 1000px)
{
    /* Masquage des éléments indésirables du bandeau sommital en version mobile */    
    #actions ul li,
    .shortlinks-dashboard {
        display: none; 
    }
    #actions ul li.actions-logout {
        display: inline;
    }

    /* Pour grossir le bouton d'action de déconnexion */
    #actions a.actions-logout {
	    float: right;
	    width: 48px;
	    overflow-x: hidden;
	    background-image: url("img/logout-64x64.png");
	    background-size: 48px;
	    font-size: 40px;
	    font-family: "Courier New", Courier, monospace;
	    color: transparent;
	    padding: 0px;
    }

    /* Mise sur une seule colonne des widgets */
    #dashboard .col3 .column, #dashboard .col2 .column  {
        min-width: 0;
        width: 100%;
    }

    /* mise à zéro des marges et assimilés */    
    #header {
        border: 0 none;
        max-width: 100%;
        min-width: 300px;
        padding: 0px;
    }
    div#content, #formulaire, #tabs-1 {
        border: 0 none;
        margin: 0;
        padding: 0;
    }
    .formEntete {
        border: 0 none;
    }  
    #footer {
        margin-left: 0;
    }

    /* envoi du bloc d'actions de formulaire en pied de page fixé */
    #portlet-actions {
        bottom: 0;
        display: table;
        left: 0;
        margin: 0 !important;
        padding: 0 !important;
        position: fixed;
        width: 100% !important;
        font-size: 1.2em !important;
    }

}