/*
// Tous les élements qui ont cette balise
[pwsid="lien"] {
    // Mettre ici le css
}*/

/* -------------------------------------------------------------------------------------------------------*/
/* Mise en forme globlale du body 																		  */
/* -------------------------------------------------------------------------------------------------------*/
body { 
	margin-top : 0;
	padding : 0;
	background-color : #fafbfb; /*  Presque blanc */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; /* 100% : Permetrait de prendre la taille par défaut définie dans le navigateur*/
	color: #000000; 
}

/* Liens : pas de décoration particulière */
a { /* Volontairement séparé pour jouer sur les couleurs des autres balises (ex : th)*/
	color : #000000;
}
a:active, a:link, a:hover, a:visited { 
	text-decoration: none; 
}

/* Mise en forme d'un tableau en général */
table {
	border-collapse:collapse; /* Toujours qu'une bordure */
	/*overflow : hidden;*/
}

/* classe par défaut pour les colonnes */
/* MODIF VA DU 20190404 : Finalement on ne met pas le nowrap. On laisse par défaut et on mettra le nowrap que sur la colonne des "icon"
td {
	white-space : nowrap; Sert a mettre sur 1 ligne les boutons "icon" 
}
*/

/* classe par défaut pour entête de tables */
th {
	font-size: 1.2em; /*12px ;*/
	/*background: #A4A4A4 url(img/fond_titre.png) repeat-x top;*/
	background: linear-gradient( to bottom , #CCCCCC, #A4A4A4);
	background: -o-linear-gradient     (top, #CCCCCC, #A4A4A4);
	background: -moz-linear-gradient   (top, #CCCCCC, #A4A4A4);
	background: -ms-linear-gradient    (top, #CCCCCC, #A4A4A4);
	background: -webkit-linear-gradient(top, #CCCCCC, #A4A4A4); 
	color: #FFFFFF;
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	border-top: 1px solid white;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #828282;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
th a { /* Couleur du lien de l'entete */
	color: #FFFFFF; 
}

img {
	border-style:none;		/* Pas de bordures */
	vertical-align:middle;	/* Alignement vertical de block */
	display:inline-block;	/* Pour que les images soient centrées (cf. http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html) */
}

/* Redefini la police et la taille car ça ne les garde pas sur les select et input et textarea : MOZILLA les rédéfini */
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em ;
}

/* Style par défaut pour les libellés des inputs */
label  {
	vertical-align:middle;	/* Alignement vertical de block */
	display:inline-block;	/* Pour que les images soient centrées (cf. http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html) */
}

/* Style du titre de la page authentification */
.auth_titre {
	font-size: 1.8em; /*18px;*/
	font-weight:Bold ;
	text-align : center;
}

/* MODIF VA DU 20200130 : Permet de mettre le texte juste un peu plus gros. Utilisé dans la fonction jquery PWSConfirm */
.texte_plus_gros_1 { 
	font-size : 1.1em;
}

/* -------------------------------------------------------------------------------------------------------*/
/* MISE EN FORME PAR DEFAUT DES DIV 																	  */
/* -------------------------------------------------------------------------------------------------------*/
#DIDynCmbDiv { /* Div pour les listes dynamiques */
	position:absolute;
	z-index:1005;
	visibility:hidden;
	border:1px solid black;
	background-color:white;
	overflow-x:auto;
	overflow-y:auto;
}
#DIDynCmbBulle { /* Positionnement des infos bulles pour les listes dynamiques */
	position:absolute;
	height:20;
	width:300;
	z-index:1006;
	visibility:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}

#entete {
	min-height: 50px;
	border-bottom : 2px solid #96C6EA;
	margin-bottom : 2px; /* Pour décoler le menu */
}
#entete_gauche {
	float:left;
	width : 50%;/* 70% */
	vertical-align : middle;
	text-align : left;
}
#bulledaide { /* JM 20240424 */
	color: #FDC318;
	font-size: 1.7rem;
	margin-bottom: 5px;
	margin-left: 10px;
}
#bulledaide:hover {
	color: rgb(4, 0, 82);
}
#entete_droite {
	margin-left:50%;
	vertical-align : middle;
	text-align : right;
	font-size: 1.2em; /*12px ;*/
	font-weight:Bold ;
}
#entete_droite a{
	/*color:#FFFFFF;*/
	color : black;
}

/*#liens { MODIF VA DU 20220103*/
#liens, #entete_dossier {
	color : black;
	font-size: 1.2em; /*12px ;*/
	font-weight:Bold ;
	float : left; /* MODIF VA DU 20210103 */
}

#menus {
	width : 100%;
	height : 29px; /* 25 */
	border-bottom : 2px solid #96C6EA;
}

#gauche{
	float : left;
	width : 40%;
}
#menu_principal{
	float : right;
	width : auto;
}
#deconnexion{
	float : right;
	width : 25px;
}

#deconnexion img {
	height: 25px;
}

#DivBodyEnAjax{
	/* Permet de centrer la div "DivBodyEnAjax" (=Contenu) */
	display : table;  /* MODIF VA DU 20160208 */
	min-width:60%; 	  /* MODIF VA DU 20160208 */
	margin-top : 5px;
	margin-left : auto;
	margin-right : auto;
}

.block {
	margin-top : 10px;
	margin-bottom : 10px;
	border :1px solid #919191;
	border-radius : 5px;
	padding : 5px;
	background-color : #F2F2F2;
	overflow: auto;
	behavior: url(../../PWSAddModules/csspie/PIE.htc);  /* Transforme pour les vieux navigateur */
	/*resize : horizontal;*/
}
.erreur {
	background-color : #FFFFCC;
}

#div_arrondi {
	border : 1px solid #000000;
	border-radius : 10px;
	padding : 5px;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}

/*
#margeGauche {
	float : left;
	min-width : 190px;
}

#DivBodyEnAjax {
	margin-left:190px;
	width : auto;
}
*/

/*-------------------------------------------------------------------------------------------------------*/
/* SPECIFIQUE AUX IMAGES VENANT DE LA POLICE AWESOME 													 */
/*-------------------------------------------------------------------------------------------------------*/
/* Défini la taille et couleur (ou autre) pour tous les icones */
/*[class^="icon-"],[class*=" icon-"] {*/ /* MODIF VA DU 20180820 */
[class^="icon-"],[class*=" icon-"],[class*="fa-"] {
	font-size: 1.5em;
	color : #383838; /* GRIS FONCE */
	vertical-align:middle; /* MODIF VA DU 20140220 */
}

.fadie { /* JM 20240305 */
	color: black;
}

.iconfixe { /* Couleur spécifique pour les icones de l'application (afficher, modifier, supprimer ...) */
	color : #2A7DB7; /* BLEU */
}
/* MODIF VA DU 20190301 */
.iconpetit {
	font-size : 1em; 
}
.icon-info-sign { /* Couleur spécifique au "i" de l'info */
	color : #4497C7;
}
.iconbackground_black {
	background-color : #000000;
	border-radius : 4px;
	font-size:1.3em;
	padding:3px;
}
.couleur-question { /* Couleur du ? lorsque le questionnaire existe (lstCW_STE) */
	color : green; 
}

.couleur-blanc { 
	color : #FFFFFF; 
}
.couleur-rouge { 
	color : #FF0000; 
}
.couleur-vert {
	color : #4F967A;
}

.couleur_icon_bouton {
	color : #F6CB0D;
}

tr.listesupprime [class^="icon-"]{
	color : #FF5959; 
}
tr.listesupprime .icon-trash:before { /* Si supprimé alors on change la poubelle par une fleche rouge */
	content: "\f0e2"; /* icon-undo */
}

tr.formsupprime .icon-trash:before { /* Si supprimé alors on change la poubelle par une fleche rouge */ /* MODIF VA DU 20221116 */
	content: "\f0e2"; /* icon-undo */
	color : green;
}

/* Couleur de fond rajouté sur le survol de la font */
/*.iconbouton{ MODIF VA DU 20230104 */
.iconbouton, .iconvide{
	width : 19px;
	height : 19px;
	display: inline-block;
	border: 1px solid;
	border-color: transparent;
	-moz-border-radius: 0.333em;
	-webkit-border-radius: 0.333em;
	-webkit-background-clip: padding-box;
	border-radius: 0.333em;
	text-align: center;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
.iconbouton:hover {
	display: inline-block;
	border: 1px solid;
	border-color: #50a3c8 #297cb4 #083f6f;
	cursor: pointer;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	border-color: #a1a7ae #909498 #6b7076;
	background: #9fa7b0 url(img/fond_icon.png) repeat-x top;
	background: -moz-linear-gradient(
		top,
		white,
		#c5cbce 5%,
		#9fa7b0
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(white),
		to(#9fa7b0),
		color-stop(0.05, #c5cbce)
	);
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}


/* Couleur des fleches de navigation Suivant/Précédent */ /* MODIF VA DU 20160209 */
.flechecolor { 
	color : #FFFFFF;
	font-size: 10px;
}

/* Couleur quand c'est urgent (ex : logo Warning sur l'agenda) */ /* MODIF VA DU 20170914 */
.urgent { color : #CC661E; }

.fleche_nav {
	color : #FFFFFF;
}


/* Mettre ici l'aspet des boutons quand ils ont le focus (utilisé dans la fonction jquery PWSConfirm // MODIF VA DU 20210505 */
.boutonfocus:focus {
	/*border: 2px solid #DBB600;*/
}


/*-------------------------------------------------------------------------------------------------------*/
/* LISTE ET FORMULAIRE																					 */
/*-------------------------------------------------------------------------------------------------------*/
.bodytab{
	background-color: transparent; /* Par défaut on en veut pas mais la zone est prévu */
}

/* Ligne de titre */
.entetepage, .entetepage2 {
	margin-top : 5px; /* Pas collé au menu */
	font-size: 1.8em; 
	color: #FFFFFF ;
	font-weight:Bold ;
	/*background: #A4A4A4 url(img/fond_titre.png) repeat-x top;*/
	background: linear-gradient( to bottom , #CCCCCC, #A4A4A4);
	background: -o-linear-gradient     (top, #CCCCCC, #A4A4A4);
	background: -moz-linear-gradient   (top, #CCCCCC, #A4A4A4);
	background: -ms-linear-gradient    (top, #CCCCCC, #A4A4A4);
	background: -webkit-linear-gradient(top, #CCCCCC, #A4A4A4); 
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	border-radius : 5px;
	letter-spacing:4px; /* espacement entre les lettres */
	word-spacing:5px; /* espacement entre les mots */
	min-height: 33px; /*height: 33px;*/
	line-height:33px; /* DOIT ETRE de la même taille que le height (pour centrage horizontal d'un élément en-ligne) */ 
	text-align : center; /* centrage horizontal d'un élément en-ligne */ 
	margin-top : 5px;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
	overflow : auto; /* MODIF VA DU 20141007 */
	clear : both; /* Comme c'est un titre on revient toujours à la ligne */ /* MODIF VA DU 20160715 */
}

.entetepage2 {
	font-size : 1.6em; /*16px;*/
}

.img_calendrier {
	cursor:pointer;
	vertical-align:top;
}

.pwsaffpwd {
	cursor:pointer;
	vertical-align:top;
}

/* Arrondi des zones de texte, image dans zone (utiliser span), trait bleu... */
/* input[type=text], input[type=password], input[type=file], textarea, .img_input { */
/* AJOUT AS DU 20220309 : input[type=number] */
input[type=text], input[type=password], input[type=file], input[type=number], textarea, .img_input {
	line-height: 1.2em;
	color: #333333;
	padding: 0.4em;
	border: 1px solid #89bad3;
	background: #FFFFFF;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
span.img_input {
	display: inline-block;
	white-space : nowrap; /* Car on l'a enlevé du td donc il le faut dans le span du input // MODIF VA DU 20190404 */
}
.img_input input[type=text], .img_input input[type=password], textarea {
	padding: 0;
	border: none;
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	border-radius: 0;
	margin: 0 0 1px 0;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
input[readonly=readonly], textarea[readonly=readonly], input[readonly]{
	background: #D1D3D4;
}

select, textarea {
    border: 1px solid #89BAD3;
    border-radius: 0.417em 0.417em 0.417em 0.417em;
    padding: 0.417em;
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
	background: #FFFFFF;
}
/* Fin arrondi zone texte*/

input[type=checkbox] {
	vertical-align:middle; /* Centre les cases à cocher */
}

/*-----------------------------------------------------------------*/
/* Listes  (nb: .pwslist2 = idem pwslist mais SANS l'éffet listing */
/*-----------------------------------------------------------------*/

/* Mise en forme générale d'une liste et du tableau de navigation */
.pwslist, .pwslist2, .pwsnav {
	width:100%;
}
.pwslist, .pwslist2{
	margin-bottom :5px;
	margin-top :5px;
	/* table-layout:fixed	/* GB le 2016-10-03 : tables : les dimensions sont figées */
}
/* Mise en forme de la table, du th et du td de pwslist => paramètres identiques*/
.pwslist table, .pwslist th, .pwslist td, .pwslist2 table, .pwslist2 th, .pwslist2 td {
	border:1px solid #919191;
	padding-left: 2px;
	padding-right: 2px;
	/* overflow: hidden;	/* GB le 2016-10-03 : td : les dépassements seront masqués */
}
.pwslist th, .pwslist2 th{
	height: 25px;
	height: fit-content; /* JM 20250226 : Pour que la hauteur reste correcte*/ 
}
/* GB-VA : Taille des tr mini (car la police qui fait les icones est chargée après le js) NB : min-height ne marche pas sur les tr*/
/* GB le 20201218 : Alignement des textes en haut de la cellule */
.pwslist tr, .pwslist2 tr{
	height: 26px;
	vertical-align: top;
}
/* GB le 20250221 : Mise en forme de la table, du th et du td de pwslisthidden */
/* .pwslisthidden table { */
/* 	table-layout: fixed;	/ * Dimensions figées : Ne marche pas, je force le style dans PWSList.php */
/* } */
.pwslisthidden th, .pwslisthidden td {
	overflow: hidden;		/* td : les dépassements seront masqués */
}

.pwslisthidden td {
	white-space: nowrap;	/* td : Pas de retour à la ligne */
}

/* Le fond de la ligne change de couleur au survol */
table.pwslist tr:hover td {
	background-color: #F6CB0D;
}
table.pwslist2 tr:hover td {
	background-color: #F6CB0D;
}

/* Permet de changer la couleur d'une ligne sur l'autre (lstlig1 et lstlig2 servent pour les vieux navigateurs) */
table.pwslist tbody > tr:nth-child(odd), .lstlig1  { background-color: #F2F2F2;} /* Ligne paire */
table.pwslist tbody > tr:nth-child(even), .lstlig2 { background-color: #D9D9D9;} /* Ligne impaire */

.center { text-align : center; }
.right  { text-align : right;  }
.gras   { font-weight: Bold ;  } 
.texte_top { vertical-align : top; }
 
/* On le met à la fin pour être sur que ce soit le dernier à être pris en compte */
.listesupprime {
	color: #FF5959; /*FF0000;*/
}

/* Utiliser dans les arborescences de document ou de menu */
.listemouseover {
	background-color: #F6CB0D;
}

/* Permet d'écrire le texte de couleur différente */
.listenormal1 {	color : #0000CC; } /* Bleu foncé */
.listenormal2 {	color : #2A7DB7; } /* Bleu clair */

/* Permet d'ecrire plus gros et de couleur différente */
.lstlig3 {
	font-weight:bold ;
	color: #FF0000; 
}

/* Permet d'ecrire une ligne "** Total **" */
.lstligtot {
	font-weight:bold ;
	font-size : 1.2em; /*12px;*/	
	color: #2A7DB7;
}

/* Permet d'ecrire une ligne "** Total **" */
.lstligtot2 {
	font-weight:bold ;
	font-size : 1.6em; /*16px;*/	
	color: #2A7DB7;
}

/*------------*/
/* Formulaire */
/*------------*/
/* Mise en forme générale d'un formulaire */
.pwsform {
	border:0px solid #919191;
	text-align : left;
}
/* Mise en forme de l'intérieur d'un formulaire */
.pwsform td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.formerror {
	background-color: #FFFFCC !important;
	border: 1px solid #FF7575 !important;
	vertical-align:middle;	/* suite boutonlike */
}

.formsupprime {
	background-color: #FF5656; /*red;*/
	vertical-align:middle;	/* suite boutonlike */
}
/* GB le 20200904 : Mise en forme des fildset (groupes) d'un formulaire */
fieldset {
	background-color: #F6F6F6;
}

/*-------------------------------------------------------------------------------------------------------*/
/* Onglets (prgm de modif des tiers par exemple)	                                                     */
/*-------------------------------------------------------------------------------------------------------*/
/* Ligne de titre */
.enteteonglet {
	margin-top : 5px; /* Pas collé au menu */
	font-size: 1.5em; /*15px ;*/
	color: #FFFFFF ;
	font-weight:Bold ;
	/*background: #a4a4a4 url(img/fond_titre.png) repeat-x top;*/
	background: -moz-linear-gradient(top, #cccccc, #a4a4a4);
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#a4a4a4));
	color: white;
	border-radius : 5px;
	letter-spacing:3px; /* espacement entre les lettres */
	word-spacing:4px; /* espacement entre les mots */
	height: 25px;
	line-height:25px; /* DOIT ETRE de la même taille que le height (pour centrage horizontal d'un élément en-ligne) */ 
	clear:both; /* Permet d'effacer les css précénts */
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
/*ul#tabnav, ul#tabnav2, ul[id^="tabnav"] {*/ /* MODIF VA DU 20190415 : Comme ça on peut être sur plus que invoc=2 */
ul[id^="tabnav"] {
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	/*padding-bottom: 32px;*/
	padding-bottom: 23px;
	border-bottom: 1px solid black;
	margin: 0px 0px 0px 0px;
}

/*ul#tabnav li.tabnavret, ul#tabnav2 li.tabnavret {*/ /* MODIF VA DU 20190415 : Comme ça on peut être sur plus que invoc=2 */
ul[id^="tabnav"] li.tabnavret {
	float: left;
	/*height: 30px;*/
	height: 21px;
	background-color: #d5d5d5;
	margin: 1px 1px 0px 1px;
	padding: 0px 3px 0px 3px;
	border: 1px solid black;
}

/*ul#tabnav li.tabnavoff, ul#tabnav2 li.tabnavoff {*/ /* MODIF VA DU 20190415 : Comme ça on peut être sur plus que invoc=2 */
ul[id^="tabnav"] li.tabnavoff {
	float: left;
	/*height: 30px;*/
	height: 21px;
	background-color: #f5f5f5;
	margin: 1px 1px 0px 1px;
	padding: 0px 3px 0px 3px;
	border: 1px solid black;
	cursor : pointer;
}

/*ul#tabnav li.tabnavon, ul#tabnav2 li.tabnavon {*/ /* MODIF VA DU 20190415 : Comme ça on peut être sur plus que invoc=2 */
ul[id^="tabnav"] li.tabnavon {
	float: left;
	/*height: 30px;*/
	height: 21px;
	background-color: #C2CFDA;
	margin: 1px 1px 0px 1px;
	padding: 0px 3px 0px 3px;
	border: 1px solid black;
	border-bottom: 1px solid #C2CFDA;
	color : #000000;
	cursor : pointer;
}

/*#tabnav a, #tabnav2 a {*/ /* MODIF VA DU 20190415 : Comme ça on peut être sur plus que invoc=2 */
#tabnav a, #tabnav2 a, ul[id^="tabnav"] a {
	float: left;
	height: 30px;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 2px;
}

.ongletfleche, .ongletfleche_couleur {
	font-size: 1.1em; 
}
.ongletfleche_couleur {
	color : #FF0000;
}
/*-------------------------------------------------------------------------------------------------------*/
/* Plannings                                                                                             */
/*-------------------------------------------------------------------------------------------------------*/
.enteteplanning {
	font-size: 1.4em; 
	font-weight:Bold ;
    color : #ffffff;
	background: #a4a4a4 url(img/fond_titre.png) repeat-x top;
	background: -moz-linear-gradient(
		top,
		#cccccc,
		#a4a4a4
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#cccccc),
		to(#a4a4a4)
	);
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
.lstplanningusr1 {
	background-color: #ccffcc ; /* VA 20240422 : Inversion des couleurs avec planning rsc */
}
.lstplanningusr2 {
	 background-color: #ccff99 ; /* VA 20240422 : Inversion des couleurs avec planning rsc */
}
.lstplanningusrjour {
	background-color: #ffffff ;
}
.lstplanningusrferie {
	background-color: #99cccc ;
}
.lstplanningusrna {
	background-color: #ffffff ;
}
.lstplanningrsc1 {
	background-color: #D9D9D9 ; /* VA 20240422 : Inversion des couleurs avec planning usr */
}
.lstplanningrsc2 {
	background-color: #EBEBEB ; /* VA 20240422 : Inversion des couleurs avec planning usr */
}
.lstplanningrscjour {
	background-color: #ffffff ;
}
.lstplanningrscferie {
	background-color: #99cccc ;
}
.lstplanningrscna {
	background-color: #ffffff ;
}
.txtplanning {
	font-size: 0.9em; /*9px ;*/
    color: #000000 ;
}
a.txtplanning         { color: #000000 ; }
a.txtplanning:VISITED { color: #000000 ; }
a.txtplanning:HOVER   { color: #0099D5 ; }

/* Style de l'infoBulle */
.tabInfoBulle { 
	background-color: #FFFFFF;
	border : 1px solid #89bad3; /*0c5fa5;*/
	z-index:99;
	/*margin: 0px 0px 0px 0px;*/
	border-radius : 5px;
	padding : 2px;
}

.classe_center {
	text-align : center;
}
.classe_bold {
	font-weight : bold ;
}

/* MODIF VA DU 20170321 */
.class_cursor {
	cursor : pointer;
}
/*-------------------------------------------------------------------------------------------------------*/
/* Boutons                                                                                     			 */
/*-------------------------------------------------------------------------------------------------------*/
.boutonlike, input.boutonlike {
	color: #FFFFFF ;
	background: #0c5fa5 url(img/fond_bouton.png) repeat-x top;
	background: linear-gradient( to bottom, #72c6e4, #0c5fa5);
	background: -o-linear-gradient( top, #72c6e4, #0c5fa5);
	background: -moz-linear-gradient( top, #72c6e4, #0c5fa5);
	background: -ms-linear-gradient( top, #72c6e4, #0c5fa5);
	background: -webkit-linear-gradient(top, #72c6e4, #0c5fa5); 
	letter-spacing:1px;		/* espacement entre les lettres */
	word-spacing:4px;		/* espacement entre les mots */
	min-height:16px;
	/*line-height : 16px;*/
	/*height:16px;*/
	padding : 2px 8px 2px 8px; /* Espace en haut, a droit, en bas et à gauche autour du texte */
	margin-right:6px;		/* Espace à droite (après le bouton) */
	cursor:pointer;			/* Curseur au passe de la souris */
	border-radius:8px;		/* Arrondir les angles */
	display:inline-block;	/* Pour que les images soient centrées (cf. http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html) */
	/*behavior: url(../../PWSAddModules/csspie/PIE.htc);*/ /* Transforme pour les vieux navigateur */
	text-align : center; 
	vertical-align:middle;	/* Alignement vertical de block */
	white-space : nowrap; /* Car on l'a enlevé du TD // MODIF VA DU 20190404 */
}
.boutonico{
	padding-right : 0.5em; /* On diminue l'espace à droite : pour cela on utilise "em" plus petit que 1 */
	padding-left : 0.5em; /* On diminue l'espace à gauche : pour cela on utilise "em" plus petit que 1 */
	min-height : 0.5em; /* On diminue la taille : pour cela on utilise "em" plus petit que 1 */
}
input.boutonlike { /* Par défaut les type=submit ont des bordures */
	border : 0px;
	min-height : 20px;
}
.boutonlike:hover {
	color: #FFFF00 ;
	/* On ajoute au padding-top la valeur du padding-bottom pour faire baisser le texte ou l'image */
	padding-top:4px; 
	padding-bottom:0px;
}
img.boutonlike:hover {
	overflow:visible;
}

a.boutonlike:active  { color: #FFFFFF ; }
a.boutonlike:link    { color: #FFFFFF ; }
a.boutonlike:visited { color: #FFFFFF ; }
a.boutonlike:hover   { color: #FFFF00 ; }

/* Classe lorsque le Bouton est inactif */
.boutonlike_na {
	cursor:default;
	-moz-opacity:0.5; /* Pour FireFox <3.5 */
	opacity:0.5;
	filter : opacity(50%);
}

/* Permet d'agrandir l'espace dans le bouton pour le faire plus gros */ /* MODIF VA DU 20160713 */
.boutonlike_taille2, img.boutonlike_taille2, input.boutonlike_taille2
.boutonlike_taille2:hover, img.boutonlike_taille2:hover, input.boutonlike_taille2:hover {
	padding : 5px 20px;
}

/* Le bouton retour à une couleur particulière */
.couleur_retour { /* F4DF81 => F6CB0D*/
	color : #000000;
	background: #F6BE0D repeat-x top;
	background: linear-gradient( to bottom, #F2E3A2, #F6BE0D);
	background: -o-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -moz-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -ms-linear-gradient( top, #F2E3A2, #F6BE0D);
	background: -webkit-linear-gradient(top, #F2E3A2, #F6BE0D); 
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}



/*-------------------------------------------------------------------------------------------------------*/
/* Pop-up / Boite de dialogue																			 */
/*-------------------------------------------------------------------------------------------------------*/
.pwsModalOverlay {
	z-index : 1001; /* Pour passer sur les menus */
	display : none;
	position : fixed;
	top : 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background : black;
	opacity : 0.5;
	-moz-opacity:0.5; /* Pour FireFox <3.5 */
	/*filter:alpha(opacity=50);*/
	filter: opacity(50%);
	
}
.pwsModal {
	z-index : 1002; /* Pour passer sur les menus et l'autre div */
	/*display : none;*/
	position : absolute;
	background-color : white;
	padding : 5px;
	border : 1px solid #000000;
	border-radius : 10px;
	-moz-box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.7);
	box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.7);
	behavior: url(../../PWSAddModules/csspie/PIE.htc); /* Transforme pour les vieux navigateur */
}
.close_pop { /* Image en haut à droite pour fermer la popup */
	background : transparent url("img/close.png");
	position : absolute;
	top : 0px;
	right : 0px;
	width : 25px;
	height : 25px;
	cursor : pointer;
}

.pwsModal .block{
	overflow : auto;
	/*resize : both;*/
}
/*
.pwsModal {
	resize : both;
}*/

/*-------------------------------------------------------------------------------------------------------*/
/* Divers																								 */
/*-------------------------------------------------------------------------------------------------------*/
.graphHighcharts { /* Permet de center le graphique quand c'est fait avec Highcharts.js */
	margin: 0 auto;
	max-width:600px;
}

/* MODIF VA DU 20170329 */
/* Permet de cacher une zone en css sans laisser son emplacement visite (contrairement à visibility : hidden) */
.c_cacher {
	display : none;
}

/* Texte NEW dans la documenthèque par exemple */ /* MODIF VA DU 20171005 */
.msg_new {
	color:#FF0000;
	font-weight:bold;
}


/*-------------------------------------------------------------------------------------------------------*/
/* Style pour la fonction js PWSMessage // MODIF VA DU 20181008
/*-------------------------------------------------------------------------------------------------------*/
/* Mise en forme par défaut des messages affichés avec la fonction js PWSMessage */
.pwsmsg {
	width : 80%;
	margin-left : 10%;
	margin-right : 10%;
	border-radius : 5px;
	padding : 10px;
	font-size: 1.1em;
	font-weight: bold ;
}
/* Mise en forme ajouté selon la priorité des messages affichés avec la fonction js PWSMessage */
.pwsmsg_0 {
	border : 2px solid #FF0000 !important; 
	color : #FF0000 !important;
}
.pwsmsg_1  {
	border : 2px solid #DBB600 !important; 
	color : #DBB600 !important;
}
.pwsmsg_2  {
	border : 2px solid #007F46 !important; 
	color : #007F46 !important;
}
/* Mise en forme du logo en fonction de la priorité des messages affichés avec la fonction js PWSMessage */
.pwsmsg_ico_0 {
	color : #FF0000 !important;
	font-size : 3em;
}
.pwsmsg_ico_1 {
	color : #DBB600 !important;
	font-size : 3em;
}
.pwsmsg_ico_2 {
	color : #007F46 !important;
	font-size : 3em;
}

/*-------------------------------------------------------------------------------------------------------*/
/* Accordeon 																							 */
/*-------------------------------------------------------------------------------------------------------*/
.accordeon {
	/* background-color: #E5E5E5; */
    cursor: pointer;
    /* padding: 8px; */
	/* text-align: left; */
	/* font-weight: bold; */
}
.accordeon_active, .accordeon:hover {
    background-color: #ccc;
}
.accordeon_detail {
	/* padding: 8px; */
	border: 1px solid #ccc;
	/*border-radius: 5px;*/
}
.cacherDiv {
	display : none;
}

/* MODIF VA DU 20190403 */
.class_nowrap {
	white-space:nowrap;
}
.class_nowrap_center {
	white-space : nowrap;
	text-align : center;
}

/*-------------------------------------------------------------------------------------------------------*/
/* Calendrier PWSdiego 	// MODIF VA DU 20190415															 */
/*-------------------------------------------------------------------------------------------------------*/
.pwsdatepicker {
   position : absolute; 
   display : none; 
   width:161px; 
   background-color:#FFFFFF; 
   border:1px solid #FFFFFF; 
   z-index:1020; 
}
.gauche { position:relative; float:left; } 
.droite { position:relative; float:right; } 
.dp_mois {
   width:161px; 
   text-align : center;
   background-color : #EEEEEE; 
}
.dp_mois, .db_jours {
   width:161px; 
}
.dp_libjours {
	position:relative;
	float:left;
   width:161px; 
   background-color : #EEEEEE; 
}
.dp_libjours span {
   width:23px;
   display:inline-block;
   text-align : center;
}
.dp_jours span{
   width:23px;
   line-height:23px;
   display:inline-block;
   text-align : center;
   vertical-align : middle;
}
.dp_nonactif {
   color : #888888;
}
.dp_seljour {
   color: #fff; 
   font-weight: bold; 
   border-color: #888; 
   background: #aaa; 
}

/* --------------------------------------------------------------------------------------------------- */
/* Zone de téléchargement // MODIF VA DU 20190502													   */
/* --------------------------------------------------------------------------------------------------- */
.uploadfiles {
	border : 1px dashed #919191; 
	border-radius : 5px;
	padding : 4px;
}
#div_pwsuf_vide {
	padding-bottom : 5px;
}

/* --------------------------------------------------------------------------------------------------- */
/* Valeurs du bouton "Actions" // MODIF VA DU 20210601												   */
/* --------------------------------------------------------------------------------------------------- */
.elementBtnAction {
	cursor:pointer;
	padding:10px;
	border-bottom:1px solid #89bad3;
}

.elementBtnAction:hover {
	background-color: #F6CB0D;
}

/* MODIF AS DU 20210614 */
/* .leaflet-top, .leaflet-left {
	z-index:unset !important;
} */


/* --------------------------------------------------------------------------------------------------- */
/* Assistance (HLP) // MODIF VA DU 20221110															   */	
/* --------------------------------------------------------------------------------------------------- */
.hlp_nonlu {
	color:#008040;
}
.hlp_a_tester, .hlp_elv {
	color:red;
	font-weight: bold;
}
.hlp_a_livrer {
	color:blue;
	font-weight: bold;
}
.hlp_a_livre {
	color:green;
	font-weight: bold;
}
.hlp_moy {
	color:#8e8e27;
	font-weight: bold;
}
.hlp_fai {
	color:green;
	font-weight: bold;
}

.hlp_messagerie {
	/* width: 825px; */
	height: 500px;
	border: 1px solid black;
	overflow: auto;
	padding: 10px;
}

.hlp_msg_gauche {
	text-align : left;
}
.hlp_msg_droite {
	text-align : right;
}
.hlp_upload {
	width: 75%;
	margin-top: 5px;
	text-align: right;
}

.hlp_nom {
	border: none !important;
	background-color: transparent !important;
	outline: none;
	font-weight: bold;
	margin-top : 12px;
	margin-bottom : 4px;
}

.hlp_affMsg_gauche, .hlp_affMsg_droite {
	width: 75%;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
	min-height: 100px;
	padding: 5px;
	white-space:normal; /* Retour à la ligne automatique */
}

.hlp_affMsg_gauche {
	float: left;
	margin-right: 15px;
}

.hlp_affMsg_droite {
	float: right;
	margin-left: 15px;
	text-align: left;
}
.participant1 { border: 2px solid #2DB2FF !important; }
.participant2 { border: 2px solid #84FF88 !important; }
.participant3 { border: 2px solid #FFA947 !important; }
.participant4 { border: 2px solid #FF6D91 !important; }
.participant5 { border: 2px solid #A88CFF !important; }

/* Style pour tri des liste - JM 20241018 */
.tricol:hover {
	color: #002575;
	text-shadow: rgb(255, 255, 255) 1px 0 7px;
}

.trierpar {
	color: #0d0179;
}

.fsarrow {
	font-size: 12px;
	margin-right: 3px;
}

.dnone {
	display: none;
}

a.coltrie {
	color: #213b73;
	font-weight: bold;
	font-size: 0.8rem;
	display: block ruby;
}