/*
	$Id: ps2011.css,v 1.61 2016/06/14 14:21:54 benoit Exp $
	
	$Log: ps2011.css,v $
	Revision 1.61  2016/06/14 14:21:54  benoit
	Le survol de la date faisant apparaitre la liste des PS consultes est remplace par un bouton pour faire apparaitre/disparaitre
	
	Revision 1.60  2015/07/07 09:53:29  nicolas
	maj graphique capn
	
	Revision 1.59  2015/07/02 10:02:01  benoit
	Quelques trucs pour un affichage simple de l'interface CAPN
	
	Revision 1.58  2015/05/07 14:26:46  benoit
	Affichage de la date d'activation/desactivation des services_ps
	
	Revision 1.57  2015/05/07 10:50:44  benoit
	Affichage des services_ps
	
	Revision 1.56  2015/02/09 15:03:09  benoit
	Pour les utilisateurs tagues, menu dans l'entete listant tous les PS tagues de la meme facon
	
	Revision 1.55  2015/02/09 10:48:08  benoit
	Nouveau menu Resobank dans I-Pharm
	
	Revision 1.54  2015/02/05 11:56:07  benoit
	Autocompletion des codes postaux et des communes a partir de la table Ville
	
	Revision 1.53  2014/04/11 10:55:58  benoit
	Legeres ameliorations visuelles
	
	Revision 1.52  2014/04/09 15:45:28  benoit
	Edition des comptes bancaires en AJAX
	
	Revision 1.51  2014/04/03 09:42:54  benoit
	Meilleur affichage de la barre bleue pour les utilisateurs ayant un nom et un prenom un peu longs
	
	Revision 1.50  2014/04/02 08:25:40  benoit
	Quelques ameliorations cosmetiques
	
	Revision 1.49  2014/04/02 08:13:04  benoit
	Le menu ouvrait parallelement le wiki ; fermeture du menu apres le clic sur l'une ou l'autre de ses entrees
	
	Revision 1.48  2014/04/01 13:06:57  benoit
	Faire apparaitre le Wiki directement dans la barre
	
	Revision 1.47  2014/03/31 13:11:14  benoit
	Legeres modifications pour l'integration dans Resoflux
	
	Revision 1.46  2014/03/28 15:57:14  benoit
	Changement d'un panneau
	
	Revision 1.45  2014/03/27 12:02:03  benoit
	Placement d'un bouton
	
	Revision 1.44  2013/10/16 12:46:28  benoit
	Certains elements n'etaient plus correctement alignes
	
	Revision 1.43  2013/10/15 15:32:26  benoit
	Boite impressions sur la fiche PS
	
	Revision 1.42  2013/10/07 10:18:25  benoit
	Pseudo-select multilignes dans fiche_ps_new, tableaux comme dans backoffice
	
	Revision 1.41  2013/09/23 10:46:00  benoit
	En cas d'incoherence TransRIB/Resobank, afficher un joli message
	
	Revision 1.40  2013/07/18 14:19:51  benoit
	Reorganisation du menu
	
	Revision 1.39  2013/04/26 10:35:51  benoit
	Prise en compte du formulaire de creation de nouveau PS
	
	Revision 1.38  2013/04/18 15:41:48  benoit
	Fond des pages plus clair
	
	Revision 1.37  2013/04/16 15:26:02  benoit
	Multiples ameliorations visuelles, plus particulierement dans IPharm
	
	Revision 1.36  2013/03/19 14:54:01  benoit
	Boutons en en-tete de page
	
	Revision 1.35  2013/02/28 15:06:17  benoit
	Petite couleur trash pour le developpeur
	
	Revision 1.34  2013/02/27 11:42:04  benoit
	Styles pour l'interface de demande d'annulation des teletransmissions
	
	Revision 1.33  2013/02/12 10:11:56  benoit
	Dans la liste des teletransmissions, taille du texte plus importante
	
	Revision 1.32  2013/02/08 09:13:25  benoit
	Mise en forme des dernieres teletrans dans ifamr
	
	Revision 1.31  2013/01/29 11:44:15  benoit
	Mise en page des factures issues de la base Sage
	
	Revision 1.30  2012/07/13 13:47:23  benoit
	Meilleure gestion des navigateurs tiers, inclusion des proprietes CSS de fiche_ps_header_html.jsp
	
	Revision 1.29  2012/07/11 14:31:19  benoit
	Nouvelles icones. Inclusion des fichiers sprites dans ps2011.css. Proprietes issues de l'ancien site Banque
	
	Revision 1.28  2012/04/06 10:04:30  benoit
	Petites ameliorations visuelles
	
	Revision 1.27  2012/03/26 09:48:38  benoit
	Mise en evidence des PS en etat test
	
	Revision 1.26  2012/03/16 14:29:36  benoit
	Positionnement et habillage de la liste d'historiques hotline
	
	Revision 1.25  2012/03/15 11:16:34  benoit
	Deplacement des destinataires sous les types d'intervention, afin d'aggrandir la zone de saisie du commentaire
	
	Revision 1.24  2012/02/16 14:21:49  benoit
	Affichage un peu plus subtil des boites au survol de la barre d'activite ; mise en page de la nouvelle interface de saisie de commentaires
	
	Revision 1.23  2012/02/13 14:00:54  benoit
	Legeres ameliorations sur la boite de statistiques de connexion
	
	Revision 1.22  2012/02/10 15:04:32  benoit
	Gestion de la liste des PS recemment visites
	
	Revision 1.21  2012/02/09 09:53:53  benoit
	Dans le formulaire de recherche de PS, mise en gras du numero de PS et du numero de telephone saisis
	
	Revision 1.20  2012/02/08 09:54:53  benoit
	Multiples ameliorations visuelles
	
	Revision 1.19  2012/02/07 11:01:06  benoit
	Faciliter l'affichage de la page sur une moitie de fenetre
	
	Revision 1.18  2012/02/03 09:26:58  benoit
	Look pour la liste des CPAM similaire aux autres listes dans Fiche PS
	
	Revision 1.17  2012/02/03 09:14:04  benoit
	La couleur de texte ne s'appliquait pas aux elements du table suivant le #logon_data
	
	Revision 1.16  2012/02/02 16:43:41  benoit
	Effet de transition CSS3 sur le #logon_data, gestion des balises legend avec button a l'interieur (legend.hasbutton)
	
	Revision 1.15  2012/02/02 14:51:39  benoit
	Informations au survol du user
	
	Revision 1.14  2012/02/02 10:39:59  benoit
	Meilleure mise en forme de la partie ADSL, classe CSS tel_copier sur le meme principe que rib_copier
	
	Revision 1.13  2012/02/02 08:59:04  benoit
	N'appliquer un style different au survol que lorsque l'attribut href est present
	
	Revision 1.12  2012/02/01 16:43:46  benoit
	Habillage unifie pour TransRib et pour Resobank ; habillage et positionnement pour la fonctionnalite rib_copier
	
	Revision 1.11  2012/01/27 10:14:54  benoit
	Mettre en evidence plus efficacement l'etat du compte TransRIB
	
	Revision 1.10  2012/01/25 11:47:53  benoit
	Subtile separation entre les lignes ; largeur fixee des champs ri_nom_banque et rim_nom_banque
	
	Revision 1.9  2012/01/24 14:19:45  benoit
	Reduction de la largeur pour la classe fi_identifiant_sv_value
	
	Revision 1.8  2012/01/23 15:12:41  benoit
	Refonte de la partie Parametres de messagerie
	
	Revision 1.7  2012/01/03 14:59:07  benoit
	Refonte visuelle des zones 'Parametres Xmodem' et 'Type Retours'
	
	Revision 1.6  2012/01/02 11:10:51  benoit
	Legeres ameliorations visuelles
	
	Revision 1.5  2011/11/07 13:27:52  benoit
	Centrage de la page de recherche Fiche PS, et mise en evidence du numps et du telephone sur celle-ci
	
	Revision 1.4  2011/10/25 14:53:03  benoit
	Meme si ce n'est pas utilise, positionnement du select pour la recherche dynamique d'adresses de facturation lors de la modification d'un PS
	
	Revision 1.3  2011/10/18 10:45:08  benoit
	La longueur des inputs n'etait pas repercutee sur les id html des champs d'adresse prefixes
	
	Revision 1.2  2011/10/18 08:13:25  benoit
	Les td sont passes en gras et les th en normal, afin de reprendre l'ancienne convention de Fiche PS
	
	Revision 1.1  2011/10/14 14:35:38  benoit
	Leger rafraichissement de l'interface Fiche PS (qui en reste a un stage embryonnaire)
	
*/

@import "fiche_ps_buttons.css";
@import "mosaic.css";
/*@import "mosaic_disabled.css";*/
@import "mosaic16.css";
@import "mosaic18.css";
@import "mosaic22.css";

body
{
	background-color: #E7F7FF;
	background-color: #EFEFEF;
	margin: 0px;
	padding: 0px;
}

body,
button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.develop
{
	background-color: red;
	background-image: url('/images/dev_scene.png');
}

a img
{
	border: 0px solid transparent;
}

div.container,
div#container,
div.conteneur,
div#conteneur
{
	min-width: 800px;
	max-width: 1000px; 
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8);
}

.larger
{
	max-width: 1440px !important;
}

.container h1
{
	background-color: #99CCFF;
	color: white;
	background-image: url('/images/resopharma50.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px;
	margin-right: 100px;
	min-height: 40px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 4px;
	padding-left: 70px;
	padding-top: 10px;
	text-shadow:0 1px 1px #006699,0 -1px 0 #1c5649,1px 1px 0 #216353,1px 1px 0 #41968d;
	letter-spacing: 5px;
	font-weight: 700;
	font-variant: small-caps;
	text-decoration: none;
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8), 0px -2px 3px rgba(255, 255, 255, 0.9) inset;
}

/****** MODAL ******/
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	right:0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .myBtn {
	  font-size:12px;
  }
  .modal_content {
	background-color: #fefefe;
	margin: 7% auto; /* 15% from the top and centered */
	/*padding: 20px;*/
	border: 1px solid #888;
	width: 600px; /* Could be more or less, depending on screen size */
	position:relative;
  }
.modal_content h2{
	padding:20px;
	background:#444;background:-webkit-linear-gradient( #555, #2c2c2c);background:-moz-linear-gradient( #555, #2c2c2c);background:-ms-linear-gradient( #555, #2c2c2c);background:-o-linear-gradient( #555, #2c2c2c);background:linear-gradient( #555, #2c2c2c);;
	margin:0px;
}
#telechargerFlux{
	position: absolute;
    right: 50px;
    top: 15px;
	background-color:transparent;
	border:none;
	width:25px;
	height:25px;
	display:block;
	padding:0px;
	margin:0px;
}
#copyFlux{
	position: absolute;
    right: 85px;
    top: 15px;
	background-color:transparent;
	border:none;
	width:25px;
	height:25px;
	display:block;
	padding:0px;
	margin:0px;
}
.btn_xml{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.btn_xml button{
	background:#444;
	background:-webkit-linear-gradient( #555, #2c2c2c);
	background:-moz-linear-gradient( #555, #2c2c2c);
	background:-ms-linear-gradient( #555, #2c2c2c);
	background:-o-linear-gradient( #555, #2c2c2c);
	background:linear-gradient( #555, #2c2c2c);;
	color:white;
	margin:0px 10px 10px 0px;
	padding:5px;
	cursor:pointer;
}
.modal_content div {
	padding:20px;
}
.modal_content .flux_xml{
    word-break: break-all;
    height: 170px;
    margin-bottom: 10px;
}
.showRed{
	color:red!important;
}

  /* The Close Button */
 .close-modal {
	color: #ffffff;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin:10px 20px;
  }
  
.close-modal:hover,
.close-modal:focus {
	text-decoration: none;
	cursor: pointer;
}

table.ps2011
{
	width: 100%;
	vertical-align: top;
}

.ps2011 th
{
	text-align: right;
	font-weight: normal;
	width:110px;

}


.ps2011 td
{
	font-weight: bold;
}

.ps2011 th,
.ps2011 td
{
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.ps2011 fieldset th,
.ps2011 fieldset td
{
	vertical-align: middle;
}

.ps2011 fieldset td
{
	text-align: left;
}

.ps2011 table
{
	width: 100%;
	border-collapse: collapse;
}

fieldset
{
	border-color: #006699;
	background-color: white;
	margin-top:10px;
}

fieldset legend
{
	background-color: #006699;
	color: white;
	font-weight: bold;
	padding: 3px 15px 3px 15px;
}

fieldset legend.hasbutton
{
	padding: 1px 15px 2px 15px;
}

fieldset,
fieldset legend
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

fieldset th
{
	background-color: white;
}

fieldset td
{
	background-color: #DBDBDB;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
}

fieldset th,
fieldset td
{
	padding-left: 5px;
	padding-right: 5px;
	height: 18px;
}

fieldset input[type='text']
{
	width: 250px;
}

th.fi_numps,
th.adr_raissoc,
th.fi_mot_de_passe,
th.fi_identifiant_sv,
th.fi_mdp_messagerie,
th.rim_nom_banque,
th.fi_tarif
{
	width: 110px;
}

th.fi_editeur,
th.fi_accrec_complet,
th.ri_nom_banque,
th.fi_mail_emetteur
{
	width: 150px;
}

a.lien:hover
{
	color: #E7F7FF;
}

#adr_code_post,
#phyadr_code_post,
#facadr_code_post,
#CodeBanque,
#CodeGuichet,
#ri_iban,
#CleRib
{
	width: 50px;
}

#NumPS,
#DateEffet,
#DateDemarrageSV,
#DateTransReelSV,
#adr_tel,
#adr_mobile,
#adr_fax,
#phyadr_tel,
#phyadr_mobile,
#phyadr_fax,
#facadr_tel,
#facadr_mobile,
#facadr_fax,
#NumCpte,
#ri_bic
{
	width: 100px;
}

#SSII,
#tvai_tva_intracom
{
	width: 150px;
}

#select_adresse_facturation
{
	width: 250px;
	position: absolute;
}

#fiche_ps
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#fiche_ps input[name="NumPS"],
#fiche_ps input#adr_tel
{
	background-color: #99CCFF;
	font-weight: bold;
}

form[name='edition'] input[disabled="disabled"]
{
	cursor: crosshair;
}

form[name='edition'] label.disabled
{
	color: grey !important;
	cursor: crosshair;
}

legend a
{
	text-decoration: none;
	color: white;
}

legend a[href]:hover
{
	text-decoration: underline;
	color: #99CCFF;
}

.rme_nom[rme_code="ATT"],
.rme_nom[rme_code="SUS"],
.rme_nom[rme_code="ERR"]
{
	color: red;
	text-decoration: blink;
	cursor: help;
}

.rme_nom[rme_code="ACT"]
{
	color: green;
	cursor: help;
}

.rme_nom[rme_code="SUP"]
{
	color: black;
	cursor: help;
}

#liste_transrib_plus a,
#nouveau_transrib_plus a,
#liste_adsl a,
#liste_rb_compte_ps a,
#liste_rb_compte_ps_radie a,
#liste_cpam a
{
	color: black;
}

#liste_transrib_plus a:hover,
#nouveau_transrib_plus a:hover,
#liste_adsl a:hover,
#liste_rb_compte_ps a:hover,
#liste_rb_compte_ps_radie a:hover,
#liste_cpam a:hover
{
	color: blue;
}

#liste_transrib_plus th,
#liste_adsl th,
#liste_rb_compte_ps th,
#liste_rb_compte_ps_radie th,
#liste_cpam th
{
	font-weight: normal;
	text-align: center;
}

#liste_transrib_plus td,
#liste_adsl td,
#liste_rb_compte_ps td,
#liste_rb_compte_ps_radie td,
#liste_cpam td
{
	border-right: 1px solid silver;
	vertical-align: middle;
}

#liste_adsl tr.SUPPRIME td,
#liste_transrib_plus tr.SUPPRIME td,
#liste_rb_compte_ps_radie tr.SUPPRIME td
{
	color: #DBDBDB;
	background-color: grey;
}

#liste_adsl tr.SUPPRIME td a,
#liste_transrib_plus tr.SUPPRIME td a,
#liste_rb_compte_ps_radie tr.SUPPRIME td a
{
	color: #DBDBDB;
}

#liste_adsl tr.SUPPRIME td a:hover,
#liste_transrib_plus tr.SUPPRIME td a:hover,
#liste_rb_compte_ps_radie tr.SUPPRIME td a:hover
{
	color: #99CCFF;
}

.rib_copier + input
{
	visibility: hidden;
	position: absolute;
	display: block;
	background-color: #99CCFF;
	border: 1px solid grey;
	width: 200px !important;
}

.rib_copier:hover + input,
.rib_copier + input:hover
{
	visibility: visible;
}

.tel_copier + input
{
	visibility: hidden;
	position: absolute;
	display: block;
	background-color: #99CCFF;
	border: 1px solid grey;
	width: 100px !important;
}

.tel_copier:hover + input,
.tel_copier + input:hover
{
	visibility: visible;
}

div.header
{
	color: white;
	background-color: #006699;
	font-weight: bold;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

div.header *
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

div.header > form > table
{
	width: 100%;
	color: white;
}

#headerleft
{
	width: 320px;
	text-align: left;
	padding-left: 5px;
}

#headerright
{
	width: 320px;
	text-align: right;
	padding-right: 5px;
}

#headercenter
{
	text-align: center;
	font-size: 12px;
	/*text-shadow: #99CCFF 1px 1px 3px;*/
}

#logon_data:hover
{
	color: #99CCFF;
	text-decoration: underline overline;
	cursor: pointer;
}

#logon_data + div
{
	visibility: hidden;
	position: absolute;
	background-color: transparent;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: transparent;
	overflow: hidden;
	margin-top: -4px\9; /* Propre a IE */
	z-index: 1;
}

#liste_ps_recents,
#autres_pages
{
	background-color: #006699;
	color: white;
	border: 1px solid white;
	border-radius: 4px;
	font-weight: normal;
	font-size: 0.9em;
	height: 22px;
}

#liste_ps_recents:hover,
#autres_pages:hover
{
	background-color: #99CCFF;
	color: #006699;
}

#liste_ps_recents2
{
	position: absolute;
	background-color: transparent;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: transparent;
	overflow: hidden;
	margin-top: -4px\9; /* Propre a IE */
	z-index: 1;
	padding: 10px;
	max-height: 600px;
	width: 920px;
	overflow: auto;
	background-color: white;
	border: 1px solid silver;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
	color: #006699;
}

#autres_pages,
#ps_tag
{
	font-weight: normal;
	font-size: 0.9em;
}

#wikisearch
{
	width: 100px;
	border-radius: 4px;
	font-weight: normal;
	font-size: 0.9em;
	height: 18px;
	border-color: 1px solid white;
	background-color: #006699;
	color: white;
}

#liste_autres_pages,
#liste_ps_tag
{
	position: absolute;
	background-color: transparent;
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: transparent;
	overflow: hidden;
	margin-top: -4px\9; /* Propre a IE */
	background-color: white;
	border: 1px solid silver;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
	padding: 10px;
	max-width: 180px;
	max-width: 900px;
	overflow: auto;
	z-index: 1;
}

#logon_data + div
{
	margin-left: 40px;
}

#logon_data + div th
{
	text-align: right;
}

#logon_data + div td
{
	text-align: left;
}

#logon_data + div table *,
#liste_ps_recents2,
#liste_ps_recents2 *,
#liste_autres_pages,
#liste_autres_pages *,
#liste_ps_tag,
#liste_ps_tag *
{
	color: #006699;
}

#logon_data + div a:hover,
#liste_ps_recents2 a:hover
{
	color: black;
	text-decoration: underline;
}

#liste_autres_pages a:hover,
#liste_ps_tag a:hover
{
	color: #006699;
	text-decoration: underline;
}

#logon_data:hover + div,
#logon_data + div:hover
{
	visibility: visible;
	background-color: white;
	border: 1px solid silver;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
}

#logon_data + div,
#logon_data:hover + div,
#logon_data + div:hover
{
	/* W3C */
	transition-property: visibility, background-color, border, color, box-shadow;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
	transition-delay: 0.3s;
	
	/* Firefox */
	-moz-transition-property: visibility, background-color, border, color, box-shadow;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in;
	-moz-transition-delay: 0.3s;
	
	/* Safari, Chrome */
	-webkit-transition-property: visibility, background-color, border, color, box-shadow;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-delay: 0.3s;
	
	/* Opera */
	-o-transition-property: visibility, background-color, border, color, box-shadow;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-in;
	-o-transition-delay: 0.3s;
}

#liste_intervention_type,
#liste_intervention_destinataire
{
	width: 190px;
	vertical-align: top;
}

#liste_intervention_type h2,
#liste_intervention_destinataire h2
{
	background-color: #99CCFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 18px;
	font-size: 1.2em;
}

#liste_autres_pages h2,
#liste_ps_tag h2
{
	background-color: #006699;
	color: white;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 1px;
	padding: 3px;
	text-align: center;
}

#liste_autres_pages td
{
	vertical-align: top;
}

#liste_intervention_type div,
#liste_intervention_destinataire div
{
	height: 100%;
	height: 150px;
	overflow-y: scroll;
}

#liste_intervention_type div
{
	text-align: right;
}

#liste_intervention_destinataire div
{
	text-align: left;
}

#liste_intervention_type ul,
#liste_intervention_destinataire ul,
#liste_intervention_type ul li,
#liste_intervention_destinataire ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#liste_intervention_type label:hover,
#liste_intervention_destinataire label:hover
{
	color: #006699;
	cursor: help;
}

textarea#ico_message
{
	width: 100%;
	height: 510px;
}

#fiche_ps_commentaire table *
{
	padding: 0px;
}

#fiche_ps_commentaire div.actions
{
	text-align: right;
	padding-top: 10px;
}

#impressions,
#liens_historique,
#liens_comptabilite,
#liens_resobank
{
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: black;
	overflow: hidden;
	z-index: 100;
	background-color: #99CCFF;
	border: 1px solid silver;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
	text-align: left;
}

#impressions div,
#liens_historique div,
#liens_comptabilite div,
#liens_resobank div
{
	float: right;
	text-align: right;
}

#impressions ul,
#liens_historique ul,
#liens_comptabilite ul,
#liens_resobank ul
{
	margin-right: 25px;
}

#impressions *,
#liens_historique *,
#liens_comptabilite *,
#liens_resobank *
{
	color: #006699;
	font-weight: bold;
}

#impressions a:hover,
#liens_historique a:hover,
#liens_comptabilite a:hover,
#liens_resobank a:hover
{
	color: white;
	text-decoration: underline;
}

#impressions hr + ul button
{
	width: 100%;
}

*[fi_etat="T"]
{
	color: red;
	text-decoration: blink;
}

#teletransmissions
{
	background-color: white;
	border: 1px solid black;
}

#liste_teletransmissions
{
	width: 100%;
	overflow: auto;
	min-height: 300px;
	max-height: 550px;
	font-family: 'lucida console';
	font-size: 13px;
	/*background-color: white;
	border: 1px solid black;*/
}

#liste_teletransmissions a,
#liste_teletransmissions a span
{
	font-family: 'lucida console';
	font-size: 13px;
}

#liste_teletransmissions a:hover
{
	font-weight: normal;
}

#liste_teletransmissions input
{
	margin: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	vertical-align: bottom;
}

#liste_teletransmissions input[disabled]
{
	visibility: hidden;
}

#liste_teletransmissions input.annulation_demandee
{
	visibility: visible;
}

#message_teletransmissions
{
	margin: 5px;
	color: green;
	font-weight: bold;
}

.red_is_dead
{
	color: #CC0000 !important;
	font-weight: bold !important;
}

fieldset.red_is_dead
{
	border-color: #CC0000;
	background-color: #FFDEDE;
}

fieldset.red_is_dead legend
{
	color: white;
	background-color: #CC0000;
	font-weight: bold;
}

fieldset.red_is_dead p
{
	color: #CC0000;
	font-weight: bold;
}

.hb_comptabilite,
.hb_dupliquer,
.hb_crm,
.hb_crayon,
.hb_euro,
.hb_fleche,
.hb_fleche2,
.hb_globe,
.hb_hotliner,
.hb_imprimante,
.hb_information,
.hb_loupe,
.hb_lunettes,
.hb_nouvel_utilisateur,
.hb_prospect,
.hb_quitter,
.hb_securite_sociale
{
	position: relative;
	vertical-align: top;
	text-align: left;
	background-color: #006699;
	color: white;
	border: 1px solid #006699;
	width: 120px;
	height: 34px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 4px;
	margin-left: -15px;
	/*margin-top: -5px;*/
	font-weight: bold;
	cursor: pointer;
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8);
	background: url("/images/header_buttons.png") 0 0 no-repeat;
	background-color: #006699;
	padding-left: 35px;
	margin-bottom: 10px;
}

.hb_quitter
{
	margin-left: 0px;
}

.hb_comptabilite:hover,
.hb_dupliquer:hover,
.hb_crm:hover,
.hb_crayon:hover,
.hb_euro:hover,
.hb_fleche:hover,
.hb_fleche2:hover,
.hb_globe:hover,
.hb_hotliner:hover,
.hb_imprimante:hover,
.hb_information:hover,
.hb_loupe:hover,
.hb_lunettes:hover,
.hb_nouvel_utilisateur:hover,
.hb_prospect:hover,
.hb_quitter:hover,
.hb_securite_sociale:hover
{
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8), 0px -2px 3px rgba(255, 255, 255, 0.9) inset;
}

.hb_comptabilite:active,
.hb_dupliquer:active,
.hb_crm:active,
.hb_crayon:active,
.hb_euro:active,
.hb_fleche:active,
.hb_fleche2:active,
.hb_globe:active,
.hb_hotliner:active,
.hb_imprimante:active,
.hb_information:active,
.hb_loupe:active,
.hb_lunettes:active,
.hb_nouvel_utilisateur:active,
.hb_prospect:active,
.hb_quitter:active,
.hb_securite_sociale:active
{
	background-color: #99CCFF;
	color: #006699;
}

.hb_comptabilite[disabled],
.hb_dupliquer[disabled],
.hb_crm[disabled],
.hb_crayon[disabled],
.hb_euro[disabled],
.hb_fleche[disabled],
.hb_fleche2[disabled],
.hb_globe[disabled],
.hb_hotliner[disabled],
.hb_imprimante[disabled],
.hb_information[disabled],
.hb_loupe[disabled],
.hb_lunettes[disabled],
.hb_nouvel_utilisateur[disabled],
.hb_prospect[disabled],
.hb_quitter[disabled],
.hb_securite_sociale[disabled]
{
	background-color: #DEDEDE;
	color: #A9A9A9;
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8);
}

.hb_quitter {            background-position: -10px    5px; }
.hb_nouvel_utilisateur { background-position: -10px  -47px; }
.hb_loupe {              background-position: -10px  -98px; }
.hb_imprimante {         background-position: -10px -150px; }
.hb_globe {              background-position: -10px -200px; }
.hb_fleche {             background-position: -10px -250px; }
.hb_crayon {             background-position: -10px -304px; }
.hb_securite_sociale {   background-position: -10px -350px; }
.hb_prospect {           background-position: -10px -400px; }
.hb_lunettes {           background-position: -10px -450px; }
.hb_information {        background-position: -10px -500px; }
.hb_hotliner {           background-position: -10px -550px; }
.hb_fleche2 {            background-position: -10px -600px; }
.hb_euro {               background-position: -10px -650px; }
.hb_comptabilite {       background-position: -10px -700px; }
.hb_dupliquer {          background-position:  -6px -765px; }
.hb_crm {          		 background-position:  -3px -815px; }

.menu_ifarm
{
	width: 120px;
	height: 35px;
	color: #006699;
	border: 1px solid #006699;
	background-color: #99CCFF;
	border-radius: 4px;
	vertical-align: top;
	margin-left: -5px;
}

.menu_ifarm:hover
{
	box-shadow: 0px 0px 10px rgba(0, 102, 153, 0.9) inset;
}

.menu_ifarm:active
{
	box-shadow: 0px 0px 15px rgba(0, 102, 153, 1) inset;
}

.menu_ifarm[disabled]
{
	background-color: silver;
	color: grey;
	box-shadow: none;
}

.external
{
	background-image: url("/images/external_light.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.hb_quitter, .hb_quitter:hover, .hb_quitter:active,
.hb_nouvel_utilisateur, .hb_nouvel_utilisateur:hover, .hb_nouvel_utilisateur:active,
.hb_imprimante, .hb_imprimante:hover, .hb_imprimante:active,
.hb_comptabilite, .hb_comptabilite:hover, .hb_comptabilite:active,
.hb_crayon, .hb_crayon:hover, .hb_crayon:active,
.hb_euro, .hb_euro:hover, .hb_euro:active,
.hb_fleche, .hb_fleche:hover, .hb_fleche:active,
.hb_fleche2, .hb_fleche2:hover, .hb_fleche2:active,
.hb_globe, .hb_globe:hover, .hb_globe:active,
.hb_hotliner, .hb_hotliner:hover, .hb_hotliner:active,
.hb_information, .hb_information:hover, .hb_information:active,
.hb_loupe, .hb_loupe:hover, .hb_loupe:active,
.hb_lunettes, .hb_lunettes:hover, .hb_lunettes:active,
.hb_prospect, .hb_prospect:hover, .hb_prospect:active,
.hb_securite_sociale, .hb_securite_sociale:hover, .hb_securite_sociale:active
{
	/* W3C */
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: linear;
	-moz-transition-delay: 0s;
	
	/* Safari, Chrome */
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	
	/* Opera */
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: linear;
	-o-transition-delay: 0s;
}

ol
{
	padding-top: 17px;
	padding-left: 8px;
	margin-right: 2px;
	font-size: 0.9em;
	color: #006699;
	list-style-type: none;
}

ol > li
{
	height: 37px;
}

ol > li > div
{
	font-size: larger;
	position: absolute;
	color: #006699;
	background-color: #99CCFF;
	border: 1px solid silver;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	margin-left: 120px;
	/*padding: 0px 10px 10px 10px;*/
}

ol > li > div a
{
	color: #006699;
}

ol > li > div a:hover
{
	color: white;
}

ol > li > div > table:first-child
{
	background-color: #006699;
	color: white;
}

ol > li > div .cross18
{
	vertical-align: top;
}

/* "Select" multilignes base sur une liste d'inputs radio et de labels */
ul.select {
	margin: 0px;
	padding: 0px;
}
ul.select input {
	display: none;
}
.select label {
	display: block;
	padding: 5px;
	border: 1px solid transparent;
}
ul.select li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.select input + label:hover {
	background-color: #99CCFF;
}
ul.select input:checked + label {
	background-color: #99CCFF;
	border-color: navy;
}

.wait {
	background-image: url("/images/fp_wait.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.beautify{border-spacing:0}
.beautify th{background:#444;background:-webkit-linear-gradient( #555, #2c2c2c);background:-moz-linear-gradient( #555, #2c2c2c);background:-ms-linear-gradient( #555, #2c2c2c);background:-o-linear-gradient( #555, #2c2c2c);background:linear-gradient( #555, #2c2c2c);-webkit-border-radius:2px;border-radius:2px;border:1px solid #fff;color:#fff;padding:2px 10px 2px 10px;font-style:italic}
.beautify th a{color:#fff;text-decoration:none}
.beautify th a:hover{text-decoration:underline}
.beautify tbody td{border:1px solid #c0c0c0}
.beautify tbody:nth-child(even) td{background-color:#fff}
.beautify tbody:nth-child(odd) td{background:#cfcfcf;background:-webkit-linear-gradient( #dfdfdf, #cfcfcf);background:-moz-linear-gradient( #dfdfdf, #cfcfcf);background:-ms-linear-gradient( #dfdfdf, #cfcfcf);background:-o-linear-gradient( #dfdfdf, #cfcfcf);background:linear-gradient( #dfdfdf, #cfcfcf)}
.beautify tbody tr:hover td{background:#99CCFF;background:-webkit-linear-gradient( #BBEEFF, #99CCFF);background:-moz-linear-gradient( #BBEEFF, #99CCFF);background:-ms-linear-gradient( #BBEEFF, #99CCFF);background:-o-linear-gradient( #BBEEFF, #99CCFF);background:linear-gradient( #BBEEFF, #99CCFF)}

.tablepaginer{font-size:.9em;font-style:normal!important}
.tp,.tp_on,.tp_off{margin-left:3px;margin-right:3px}
.tp:hover{color:#99CCFF!important}
.tp_on:hover,.tp_on{color:#99CCFF!important;text-decoration:none!important}
.tp_off:hover,.tp_off{color:#c0c0c0!important;text-decoration:none!important}

td.action_fin_ligne
{
	width: 25px;
	text-align: right !important;
	border-left-color: transparent;
}

#ri_IBAN_edit input
{
	width: 34px;
}

.messageInfo
{
	font-weight: bold;
	color: green;
}

#fp_pop
{
	z-index: 500;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

#fp_pop > div.container_12
{
	position: absolute;
	max-width: 700px;
}

#fp_pop > div.container_12 > div
{
	border: 1px solid silver;
	background-color: white;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.5);
}

ul#soc_cp_ville_liste
{
	position: absolute;
	background-color: white;
	list-style-type: none;
	margin: 25px 0px 0px 3px;
	padding: 0px 2px 0px 2px;
	max-height: 400px;
	min-width: 300px;
	overflow-y: auto;
}

ul#soc_cp_ville_liste li
{
	margin: 0px;
	padding: 0px;
}

ul#soc_cp_ville_liste li:hover
{
	background-color: #99CCFF;
}

ul#soc_cp_ville_liste li a
{
	display: block;
	cursor: pointer;
}

#services_ps
{
	text-align: center;
}

.services_ps_true,
.services_ps_false
{
	background-color: #99CCFF;
	padding: 3px 10px 3px 10px;
	border-radius: 4px;
	cursor: help;
}

.services_ps_false
{
	color: #808080;
	background-color: #DBDBDB;
}

.tag {
	background-color: #99CCFF;
	color: #006699;
	border-radius: 4px;
	padding: 3px;
	margin: 3px;
}