/**
 * COMMON
 */

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

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

/* Colonne grise pour affichage des icones dans le menu */
#menu div.rubrik { background: #fafafa url("img/bg-menu.gif") repeat-y scroll left center; }
#menu li.elem a { padding-left:21px; }

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

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

/* Dashboard */
#accueil { }
#accueil .col { float:left; width:100%; }
* html #accueil .col { position:relative; }
#accueil .boite { border:1px solid #d3d3d3; -moz-border-radius:4px; -webkit-border-radius:4px; margin:3px 0 3px 3px; padding:5px; }
#accueil .boite h4 { margin: 0 0 0 0; border-bottom: 1px dotted #ababab; font-size: 14px; }
#accueil #rechercheform { float:none; border:0 none; background:none; }
#accueil .datetableau { text-align:center; font-size:18px; font-weight:bold; }
#accueil ul.menu-friendly { list-style-image:none; list-style-type: none; padding-left: 0; }
#accueil ul.menu-friendly li { float:left; width: 30%; display: block; border-style: solid; border-color: #ffffff; border-width: 1px 2px 2px 1px; }
#accueil ul.menu-friendly li.col2, #accueil ul.menu-friendly li.col5, #accueil ul.menu-friendly li.col8 { clear: right; }
#accueil ul.menu-friendly li.col0, #accueil ul.menu-friendly li.col3, #accueil ul.menu-friendly li.col6 { clear: left; }
#accueil ul.menu-friendly li a:hover, #accueil ul.menu-friendly li:hover { border-color: #ababab; background-color: #f3f3f3; }
* html #accueil ul.menu-friendly li { height: 110px; }
*+html #accueil ul.menu-friendly li { height: 115px; }
* html #accueil ul.menu-friendly li a { border: 1px solid #ffffff; border-right: 2px; border-bottom: 2px; height: 110px; }
* html #accueil ul.menu-friendly li a:hover { border: 1px solid #ababab; border-right: 2px; border-bottom: 2px; }
#accueil ul.menu-friendly li a { display: block; padding: 5px; }
#accueil ul.menu-friendly li a:hover { text-decoration: none; }
#accueil ul.menu-friendly li span.link { display: block; font-weight: bold; }
#accueil ul.menu-friendly li span.description { color: #ababab; display: block; }
#accueil span.description { color: #ababab; }
#accueil .formulaire div.field { margin-bottom: 5px; margin-top: 5px; }

/* 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"); }
/* Navigation button */
.navBut {
    display: block;
    position: fixed;
    width: 23px;
/* 	    background: #787878; Pour changer la couleur du bouton, remplacer #6DC7F7 */
    padding: 7px 5px;
    border: 1px solid #000000; /* Couleur de la bordure plus foncée que celle du bouton. Pour la changer, remplacer #61B3DE */
    border-left-color: #400000; /* Cette couleur doit être la même que celle du bouton */
    border-top-color: #400000; /* Cette couleur doit être la même que celle du bouton */
    color: green;
    z-index: 1000; 
}
#divNavBt :hover {
	background-color: #E6E6E6;
}
/* Right positionned */
.posNavBut100R { top: 100px; right: 0px;}
.posNavBut130R { top: 130px; right: 0px;}
.posNavBut160R { top: 160px; right: 0px;}
.posNavBut190R { top: 190px; right: 0px;}
.posNavBut220R { top: 220px; right: 0px;}
.posNavBut250R { top: 250px; right: 0px;}
.posNavBut280R { top: 280px; right: 0px;}
.posNavBut310R { top: 310px; right: 0px;}
.posNavBut340R { top: 340px; right: 0px;}
.posNavBut370R { top: 370px; right: 0px;}
.posNavBut400R { top: 400px; right: 0px;}
.posNavBut430R { top: 430px; right: 0px;}
/* left positionned */
.posNavBut250L { top: 250px; right: 0px;}
.posNavBut280L { top: 280px; left: 0px;}
.posNavBut310L { top: 310px; left: 0px;}
.posNavBut340L { top: 340px; left: 0px;}
.posNavBut370L { top: 370px; left: 0px;}
.posNavBut400L { top: 400px; left: 0px;}
.posNavBut430L { top: 430px; left: 0px;}

#iframecont { 
    background-color: white;
    min-height:600px; /* for modern browsers */
    height:500px; /* for IE5.x and IE6 */
}
#iframecont iframe{
    width:100%;
    border:none;
    margin: 0;
    padding: 0;
    background-color: pink;
    min-height:500px; /* for modern browsers */
    height:500px; /* for IE5.x and IE6 */
    height:auto !important; /* for modern browsers */
}

/* Rubriks */
.administration-20 { background-image: url('../img/ico_admin.png'); }
.application-20 { background-image: url('../img/ico_appli.png'); }
.archive-20 { background-image: url('../img/archive.png'); }
.edition-20 { background-image: url('../img/edition-20x20.png'); }
.parametrage-20 { background-image: url('../img/parametrage-20x20.png'); }

/* Items */
.backup-16 { background-image: url('../img/backup-16x16.png'); }
.collectivite-16 { background-image: url('../img/collectivite-16x16.png'); }
.droit-16 { background-image: url('../img/droit-16x16.png'); }
.edition-16 { background-image: url('../img/pdf-16x16.png'); }
.etat-16 { background-image: url('../img/pdf-16x16.png'); }
.excla-16 { background-image: url("../img/exclamation.png"); }
.generator-16 { background-image: url('../img/generator-16x16.png'); }
.import-16 { background-image: url('../img/import-16x16.png'); }
.lettretype-16 { background-image: url('../img/pdf-16x16.png'); }
.om_list-16 { background-image: url('../img/list-16x16.png'); }
.profil-16 { background-image: url('../img/profil-16x16.png'); }
.reqmo-16 { background-image: url('../img/reqmo-16x16.png'); }
.sousetat-16 { background-image: url('../img/pdf-16x16.png'); }
.utilisateur-16 { background-image: url('../img/utilisateur-16x16.png'); }

#menu-accordeon {
  padding:10;
  margin:0;
  list-style:none;
  text-align: center;
  width: 140px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: left;
}
#menu-accordeon li {
   border-radius: 3px;
   margin-bottom:2px;
   box-shadow: 5px 5px 5px #999;
   border:solid 1px #2E6E9E;
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   border-radius:0px;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
	display:block;
  text-decoration: none;
  color: #2E6E9E;
  padding: 1px 0;
    font-size:1em;
    font-weight: bold;
}
#menu-accordeon ul li a {
  font-size:1em;
}
#menu-accordeon li li:hover {
   width: 140px;
}
#menu-accordeon li:hover ul {
	position: absolute;
	width: 140px;
}
#menu-accordeon ul li:first-child {
   border-radius: 6px 6px 0 0;
   border:none;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}
div.open-select {
	background-color: white !important;
	border: 1px solid #D0D0D0 !important;
	position: fixed;
	height: auto !important;
	z-index: 10000;
}
.open-select span {
	margin: 12px;
	font-size:10pt;
	font-family:Arial;
}
.open-select span:hover { color: green !important; cursor: pointer;}