/*** BALISES HTML*/
html, body, div				{margin:0px; padding:0px;}/*reset*/
html						{background:#222;}
body						{font-size:13px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; background-position:right top; background-repeat:no-repeat;}/*"font-size:13px" : valeur de reference pour "em"*/
div							{vertical-align:top; box-sizing:border-box;}							/*"box-sizing" : définit la façon dont la largeur est calculée*/
p							{margin:3px;}															/*Balises "<p>" de l'éditeur tinyMce (cf. "content_style" de "VueObjEditDescription.php")*/
abbr, .abbr					{border-bottom: 1px dotted #777; cursor:help;}							/*remplace balise "acronym" et classe ".acronym"*/
img							{border:0px; vertical-align:middle;}									/*alignemment des images*/
hr							{border:0; height:1px; margin-top:10px; margin-bottom:10px;}			/*lignes de séparateur*/
audio						{min-width:350px;}														/*balise des lecteurs audio*/
#htmlLightbox body			{padding:25px!important;}												/*Padding principal des lightbox*/
[data-fancybox='images']	{cursor:url("app/img/search.png"),pointer;}								/*Affichage d'image dans la lightbox (modFile & Co)*/
a, [onclick], .sLink, .linkSelect, .menuLaunch, label	{cursor:pointer; text-decoration:none;}		/*Liens principaux*/
/*MOBILE*/
@media screen and (max-width:1023px){
	*						{-webkit-tap-highlight-color:black; -webkit-tap-highlight-color:transparent;}	/*Pas de changement de couleur au "tap" d'une image ou autre*/
	abbr					{border-bottom:none;}															/*remplace balise "acronym" et classe ".acronym"*/
}
/*MOBILE*/
@media screen and (max-width:440px){
	body					{font-size:14px;}
	#htmlLightbox body		{padding:15px!important;}/*padding-top pour l'icone "close"*/
}
/*PRINT*/
@media print{
	@page					{size:landscape;}
	body					{background:white; color:#000;}
}

/*** CONTENEURS PRINCIPAUX DE LA PAGE*/
#pageFull, #pageCenter								{display:table; margin-top:75px; margin-bottom:70px;}			/*"margin-top" : cf. "#headerBar"  &&  "margin-bottom" : cf. "#pageFooterIcon"*/
#pageFull											{width:100%;}													/*Affichage sur toute la largeur (Modules Files, Contacts, Tasks, Links, Users, etc)*/
#pageCenter											{max-width:100%; margin-left:auto; margin-right:auto;}			/*Affichage Centrée (Modules Dashboard, Forum, Mail, Paramétrage, Logs, etc)*/
#pageFullContent,#pageCenterContent,#pageModuleMenu	{display:table-cell;}
#pageCenterContent									{width:900px;}													/*Affichage des News, forum, etc. tester l'affichage entre 1024px et 1366px*/
#pageModuleMenu										{width:330px; padding-right:5px; transition:padding-top 0.1s;}	/*Menu de gauche du module, flottant au besoin*/
/*MOBILE*/
@media screen and (max-width:1023px){
	#pageFull, #pageCenter							{margin-top:65px;}
	#pageCenter										{width:100%;}
	#pageFullContent, #pageCenterContent			{width:100%; min-width:100%;}
	#pageFullContent.objBlocks						{padding-right:0px;}
}
/*PRINT*/
@media print{
	#pageFull, #pageCenter							{margin:0px;}
	#pageModuleMenu									{display:none;}
}

/*** DIV "CONTENEUR" DES OBJETS*/
.objContainer, .miscContainer, .emptyContainer, .menuContext	{margin:0px 5px 5px 0px; box-sizing:border-box; box-shadow:2px 2px 8px #505050; transition:box-shadow 0.3s ease-in-out; border-radius:4px; background-repeat:no-repeat;}/*Calcul du width avec prise en compte de la bordure : "box-sizing:border-box"*/
.objContainer										{position:relative; padding:0px; padding-right:60px; height:100px; min-height:100px;}/*"height"+"min-height" pour l'overflow" du "objContainerScroll"  &&  "padding-right" pour l'affichage des "objMiscMenus"*/
.objContainerScroll									{height:inherit; min-height:inherit; overflow-y:auto; overflow-x:hidden;}	/*"height"+"min-height" correspond au ".objContainer" & permet l'overflow "scroll" du ".objContent" ci-dessous*/
.miscContainer										{padding:15px;}																/*cf. parametrage general, newsletter, etc.*/
.objContainer:hover, .miscContainer:hover			{box-shadow:2px 2px 8px #e5e5e5;}											/*Conteneurs survolés*/
.emptyContainer										{padding:30px; text-align:center;}											/*Aucun contenu sur la page*/
.emptyContainer div									{margin-top:20px;}															/*Idem*/
.objContent											{display:table; height:inherit; min-height:inherit; width:100%;}			/*Contenu de l'objet*/
.objContent>div										{display:table-cell; vertical-align:middle;}								/*idem : cellule*/
.objIcon											{text-align:center; vertical-align:middle;}									/*Cellule d'icone d'objet (dossier, fichier, contact, etc)*/
.objIcon img										{max-width:100%; max-height:100%;}											/*Icone d'objet*/
.objIconOpacity img									{filter:opacity(0.2);}														/*Icones opaques des links, tasks, etc*/
.objLabel											{padding-left:15px; overflow-wrap:break-word; text-overflow:ellipsis;}		/*Cellule du label de l'objet : "break-word" évite qu'une URL éclate l'affichage*/
/*DIPLAY "BLOCK"*/
.objBlocks											{visibility:hidden;}														/*Affiché juste après le calcul du width des ".objContainer" en fonction de la résolution d'écran : cf. "common.js"*/
.objBlocks .objContainer							{float:left; width:200px; min-width:200px; max-width:400px;}				/*Init le width : cf. ci-dessus*/
.objBlocks .objIcon									{width:90px;}																/*largeur réduite de la cellule de l'icone*/
.objBlocks .objIconOpacity							{width:40px;}																/*réduit la largeur ci-dessus pour les icones opaques link/task*/
.objBlocks .objDetails, .objBlocks .objAutorDate	{display:none!important;}													/*Details & Auteur/Date : masqués par défaut*/
/*DIPLAY "LINE"*/
.objLines .objContainer								{height:60px; min-height:60px; padding-right:75px; margin-bottom:0px; box-shadow:none;}/*"padding-right": pour l'affichage des "objMiscMenus"*/
.objLines .objIcon									{width:70px; padding-left:5px;}												/*Icone/image de l'objet (fichier, user, etc)*/
.objLines .objIcon img								{max-height:55px;}															/*max-height inférieur au ".objLines .objContainer" ci-dessus*/
.objLines .objDetails, .objLines .objAutorDate		{text-align:right; }														/*Details (dossiers, tasks, etc.)  &  Auteur/Date*/
.objLines .objAutorDate								{width:200px;}																/*Auteur/Date*/
.objLines .objAutorDate img[src*=arrowRight]		{display:none;}																/*Masque la fleche de séparation entre l'Auteur/Date*/
.objLines .objAutorDate span						{display:block; margin-top:5px; font-weight:normal;}						/*Auteur/Date sur 2 lignes*/
/*MOBILE*/
@media screen and (max-width:1023px){
	.objContainer, .miscContainer, .emptyContainer	{width:100%; margin:0px 0px 8px 0px;}		  								/*tester affichage de news, fichiers et agendas*/
	.objContainer *									{max-width:100%!important; word-break:break-word!important;}				/*évite le scroller horizontal. "break-word" évite qu'une URL éclate l'affichage*/
	.objContainerScroll								{overflow-y:hidden;}														/*pas d'ascenseur sur mobile !*/
	.objIcon, .objIconOpacity						{width:70px!important;}														/*surcharge*/
	.objBlocks .objLabel							{font-size:0.9em;}															/*Réduit la taille des labels d'objets*/
	.objDetails, .objAutorDate						{display:none!important;}													/*toujours masqué*/
}

/*** MENUS DES OBJETS : CONTEXTUELS & MISC*/
.objMenuContextFloat							{position:absolute; top:7px; right:4px;}										/*Launcher du menu context : Icone "burger" par défaut*/
.objContainer:not(:hover) .objMenuContextFloat	{opacity:0.75;}																	/*Launcher opaque par défaut (pas moins de 0.75 : cf. images du module fichier)*/
.objContainer:not(:hover) .hideMiscMenu			{display:none;}																	/*Masque les .hideMiscMenu, sauf au survol du ".objContainer"*/
.objMenuContextInline							{position:relative;}															/*Menu context "inline" : menu des lightbox d'evt/task/etc OU "menuPath"*/
.objContainer.isSelectable						{cursor:url("../img/checkSmall.png"),default;}									/*Curseur des elements selectionnables*/
.objSelectCheckbox								{display:none;}																	/*input hidden de sélection/désélection d'objet*/
.objMiscMenus									{position:absolute; top:40px; right:5px; text-align:right; width:35px;}			/*Affichage vertical des MenuContext + Likes + Comments + Files + persoAccess (cf. "padding-right" des ".objContainer")*/
.objLines .objMiscMenus							{width:100px;}																	/*Affichage horizontal (cf. "padding-right" de ".objLines .objContainer")*/
.objMiscMenuDiv									{display:inline-block; margin-bottom:5px; margin-left:8px;}						/*'margin-left' pour l'affichage sur une ligne (.objLines)*/
.menuCircle										{display:inline-block; position:relative; margin-top:4px; margin-right:-10px; background:#db930c; color:white; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; font-size:9px;}/*Nb de likes, comments, etc*/
.menuCircle:empty								{display:none;}																	/*masque par défaut le Nb de likes, comments, etc*/
.attachedFileMenu								{display:flex; margin:5px;}														/*Fichiers joints à l'objet*/
.attachedFileMenu img							{margin-right:5px;}																/*idem*/
.attachedFileTag								{max-width:100%; height:auto;}													/*cf. "attachedFileInsert()". Tester l'affichage d'une image en mobileApp*/
.attachedFileInsertImg							{max-width:50px!important; max-height:50px!important;}							/*Liste des images dans le menu d'edition*/
/*MOBILE*/
@media screen and (max-width:1023px){
	.objMenuContextFloat	{opacity:1!important;}										/*Icones affichées sans opacité*/
	.objMiscMenuDiv			{display:inline-block!important; margin:5px 0px 5px 5px;}	/*Affiche toujours les icones + margin pour cliquer facilement*/
}

/*** MENUS DES MODULES & MENUS CONTEXTUELS*/
.menuLine									{display:table; width:100%;}
.menuLine>div								{display:table-cell; padding:5px; vertical-align:middle; text-align:left; max-width:500px;}
.menuIcon									{width:35px; vertical-align:top!important; text-align:center!important;}			/*width de 35px minimum pour les icones + padding*/
.menuIcon img								{max-width:26px!important; max-height:26px!important;}								/*idem*/
#pageModMenu								{padding:8px;}																		/*surcharge .miscContainer*/
#pageFull #pageModMenu						{border-radius:0px 4px 4px 0px; padding-left:12px;}									/*Menus des modules en affichage full (arborescence)*/
.menuLaunch									{display:inline-block;}																/*launcher du menu contextuel*/
.menuContext								{display:none; position:absolute; z-index:100; text-align:left; cursor:default; padding:7px; overflow-y:auto; border-radius:4px; box-shadow:0px 0px 8px #505050;}/*cursor 'default' pour pas prendre celui du block conteneur (de l'objet ou autre))*/
.menuContextLabel							{text-align:center; padding:5px 0px;}
.menuContext .menuLine>div					{line-height:18px;}
.menuContext .menuLine>div:last-child		{white-space:nowrap;}																/*Label d'une option du menu : pas de retour à la ligne (cf. div à droite du .menuIcon)*/
.menuContext hr								{margin:3px 0px!important;}
.menuContextSpecificLabels					{padding:5px; line-height:20px;}													/*cf. affectations des agendas*/
.menuContextTxtLeft							{width:85px; min-width:85px; border-right:solid 1px rgba(150,150,150,0.2); vertical-align:top!important;}/*cf. menuContext : Auteur, Droits d'accès..*/
/*MOBILE*/
@media screen and (max-width:1023px){
	#pageModuleMenu							{display:none;}
	.menuContext							{max-width:500px;}/*cf. menuContext des "lightbox" (cf. "vueContact")*/
	.menuContextSubMenu						{position:relative; margin-top:5px; box-shadow:none!important; background-image:none; padding:0px!important; background-image:none!important;}/*cf. second menu dans "#menuMobileContent"*/
}

/*** MENUS CENTRÉS ("Ajouter un element" ou Menu de pagination)*/
.objBottomMenu								{clear:both; text-align:center; padding-top:20px;}/*clear le "float" des "objBlocks"*/
.objBottomMenu>.miscContainer				{display:inline-block; padding:15px 30px;}
.objBottomMenu .linkSelect					{font-size:1.1em;}
.objBottomMenu a							{margin-left:5px; margin-right:5px;}

/*** INPUTS*/
input:not([type=radio],[type=checkbox]), textarea, select, button	{box-shadow:0px 0px 4px #b4b4b4; transition:box-shadow 0.4s ease-in-out; box-sizing:border-box; min-height:33px; padding:4px; margin:0px; border:#aaa 1px solid; border-radius:2px; outline:none; font-family:inherit; font-size:inherit; font-weight:normal;}/*Attention: sans "box-sizing" le padding/border sera pas pris en compte dans le height des "input", contrairement aux "button" and co*/
input:hover:not([type=radio],[type=checkbox]), textarea:hover		{box-shadow:0px 0px 4px #505050;}
input:focus:not([type=radio],[type=checkbox]), textarea:focus		{box-shadow:0px 0px 4px #0064c8; border:#bbd 1px solid;}
input:disabled								{opacity:0.6;}
input[type=text], input[type=password]		{max-width:100%;}
input[type=radio], input[type=checkbox]		{vertical-align:middle; margin:0px 3px;}
input[type=checkbox]						{width:15px; height:15px;}
input[type=file]							{height:auto;}
input:read-only, textarea:read-only			{background:#ddd!important;}
::placeholder 								{font-weight:normal; padding-left:5px; color:#aaa;}/*placeholder (texte par défaut) des inputs et textarea*/
textarea									{width:100%; height:70px;}
.tox-tinymce								{box-shadow:0px 0px 4px #b4b4b4!important; border:#bbb 1px solid!important; border-radius:5px!important;}/*Conteneur de l'éditeur TinyMCE*/
.inputTitleName								{width:80%;}/*Title ou Name d'un objet*/
.dateInput, .dateBegin, .dateEnd			{width:80px;}/*Datepicker*/
input[type=time]							{width:70px;}/*Timepicker (.timeBegin et .timeEnd)*/
input[type=time]::-webkit-calendar-picker-indicator	{margin:0px; filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);}/*icone "horloge"*/
.divPromptInputText							{text-align:center;}
button										{background:linear-gradient(white,#eee); color:#555; border-radius:5px; padding:0px 10px; font-weight:bold; cursor:pointer; vertical-align:middle;}
button:hover								{background:linear-gradient(#eee,white);}
button:disabled, button[disabled]			{background:linear-gradient(#ccc,#aaa);}
.focusRed									{animation: focusRedPulsate 2s ease-out infinite;}
@keyframes focusRedPulsate 					{ 0% {box-shadow:0px 0px 8px grey;} 50% {box-shadow:0px 0px 8px #700;} 100% {box-shadow:0px 0px 8px grey;} }
.submitButtonMain							{margin-top:40px; margin-bottom:10px; text-align:center;}	/*div du bouton principal*/
.submitButtonMain button					{min-width:180px; min-height:45px;}							/*bouton principal*/
.submitButtonMain .submitButtonLoading		{max-width:40px; margin-right:-40px;}						/*icone "loading" du button principal*/
.submitButtonInline							{display:inline-block;}										/*div du button inline : form de recherche & co*/
.submitButtonInline	button					{min-width:100px; min-height:33px;}							/*height idem input[type=text]*/
.submitButtonInline .submitButtonLoading	{max-width:25px; margin-right:-25px;}						/*icone "loading" du button inline*/
.submitButtonLoading						{visibility:hidden;}										/*icone "loading" masqué par défaut, puis affiché à la validation du form*/
select option								{font-size:1.15em;}
fieldset									{margin-top:30px; padding:10px;}
legend										{padding:5px 10px;}
/*MOBILE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	fieldset								{padding:5px;}
	textarea								{height:50px;}
	.inputTitleName							{width:100%;}
	.dateInput, .dateBegin, .dateEnd		{width:100px;}/*Datepicker plus large !*/
	input[type=time]						{width:90px;}/*Idem*/
}

/*** INPUTS D'EDITION D'OBJET : EDIT D'USER, DE CONTACT, DE PARAMETRAGE GENERAL...*/
.objField									{display:table; width:100%; margin:10px 0px;}
form .objField								{margin:15px 0px;}
.objField>div								{display:table-cell; width:50%; line-height:25px; vertical-align:top;}/*"line-height" aligne verticalement les labels avec les inputs*/
.objField img								{max-width:30px; margin-right:8px;}
.objField input[type=text]					{width:100%;}
.objField input[type=checkbox]				{margin-right:10px;}
.objField .personImg						{max-width:100%; max-height:150px;}
/*MOBILE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	.objField								{margin:15px 0px;}
	.objField, .objField>div				{display:block; width:100%!important;}
}

/*** PERSONS : CONTACTS & USERS*/
.personLabelImg								{text-align:center;}
.personLabelImg img							{max-width:100%; max-height:200px;}													/*Cf. vue principale/détaillée d'une personne*/
.personImgSmall								{border-radius:50%; height:28px; width:28px;}										/*Icone d'une personne : pastille ronde*/
.objBlocks .objPerson						{height:150px; min-height:150px; width:250px; min-width:250px; max-width:450px;}	/*surcharge .objContainer*/
.objLines .objPerson						{height:75px; min-height:75px;} 													/*idem*/
.objLines .personImg						{max-width:60px; max-height:70px!important;}										/*Photo du Contact/User*/
.objPersonDetails							{width:fit-content; margin-top:10px; font-weight:normal;}							/*Détails d'un Contact/User : mail, tel, adresse, etc*/
.objPersonDetail a							{display:inline-block;}
.objPersonDetail img						{max-height:18px;}
.objPersonDetailSeparator					{margin:0px 10px; opacity:0.5;}
.objPersonDetailSeparator:last-child		{display:none!important;}
.objLines .objPersonDetail					{display:inline-block;}
/*AFFECTATION SPACE/USER*/
.spaceAffectLine							{display:table; width:100%; max-width:100%;}
.spaceAffectLine img						{max-width:15px;}
.spaceAffectLine>*							{display:table-cell; padding:8px;}	/*label ou div pour de checkbox*/
.spaceAffectLine>div						{text-align:center; width:130px;}	/*checkboxes*/
/*MOBILE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	.spaceAffectLine img					{display:none;}
	.spaceAffectLine>div					{width:100px; font-size:0.95em;}/*checkboxes*/
}

/*** LIGHTBOX (surcharges de "jQuery.fancybox.css")*/
.fancybox-slide--iframe						{padding:0px;}/*Lightbox iframes*/
.fancybox-slide--iframe .fancybox-content	{width:95%; height:98%; max-width:95%; max-height:98%; margin:0px; border-radius:10px; box-shadow:0px 0px 10px #787878;}/*Lightbox iframes*/
.fancybox-iframe							{border-radius:4px;}/*"border-radius" aussi sur l'iframe!*/
.fancybox-toolbar							{opacity:1!important; visibility:visible!important; border-left:solid 1px #777; border-bottom:solid 1px #777; border-bottom-left-radius:5px;}/*"opacity" et "visibility" pour tjs afficher le "close" et éviter le masquage auto (ex: maps des contact)*/
.lightboxTitle								{position:relative; padding-bottom:15px; margin-bottom:30px; text-align:center; font-size:1.1em; box-shadow:0px 7px 7px -7px #646464;}/*"box-shadow"=pseudo <hr>*/
.lightboxTitle:has(.lightboxTitleMenu)		{padding-left:40px;}/*laisse la place au .lightboxTitleMenu et .menuContext*/
.lightboxTitleMenu							{position:absolute; font-size:0.9em; top:-5px; left:-10px;}/*"font-size" : "1.1" => "0.9"*/
.lightboxTitleDetail						{font-size:0.9em; margin-top:15px;}
.lightboxMenuEdit							{float:right; margin-right:-10px; margin-top:-10px;}/*Bouton pour éditer un élément*/
.lightboxAddElem							{text-align:center;}/*ex: Bouton "ajouter un  groupe"*/
.lightboxAddElem button						{width:230px; height:50px;}
/*MOBILE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	.fancybox-slide--iframe .fancybox-content	{width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; border-radius:0px;}/*Lightbox iframe en pleine page (pas pour les images!). "!important" pour surcharger l'affichage normal*/
	.fancybox-toolbar							{border:0px;}
	.fancybox-button							{width:40px; height:40px; padding:0px; background:white;}
	.fancybox-button--close						{border-bottom-left-radius:10px;}
	.lightboxTitle								{padding-left:10px; padding-right:30px;}/*Padding pour afficher "fancybox-button--close"*/
	.lightboxTitleMenu							{top:0px;}
}

/*** SURCHARGES JQUERY-UI & PLUGINS JQUERY*/
.toast-container a, .toast-container a:hover	{text-decoration:underline; color:white;}			/*TOASTMESSAGE ("notify()")*/
.tooltipster-box					{box-shadow:0px 0px 5px 3px rgba(50,50,50,0.5)!important;}		/*TOOLTIPSTER ("title")*/
.tooltipster-content				{color:#555!important; padding:15px!important;}								
.ui-datepicker						{width:300px; max-width:98%; box-shadow:0px 0px 8px #888;}		/*JQUERY-UI DATEPICKER*/
.ui-datepicker-header				{background-color:transparent; border:none;}/*label du mois*/
.ui-datepicker .ui-state-default	{padding:10px; text-align:center; border:0px;}/*Cellules des jours*/
.ui-datepicker .ui-state-highlight	{background:#cde; color:black;}/*Aujourd'hui*/
.ui-datepicker .ui-state-active		{background:#007fff; color:white;}/*Jour sélectionné*/
.jconfirm-title						{line-height:25px;}												/*JQUERY CONFIRM*/
.jconfirm-buttons button			{margin:10px!important;}
.jconfirm-buttons .btn-green		{background:#25a55b!important;}
.ui-timepicker-wrapper				{max-height:400px;}												/*JQUERY TIMEPICKER : taille du pseudo <select>*/
.ui-timepicker-list li 				{padding:7px 20px;}
@media screen and (max-width:440px){
	.jconfirm-box				{min-width:350px;}								/*JQUERYCONFIRM : taille de la box*/
	.jconfirm-title				{font-size:20px;}								/*idem : titre*/
	.jconfirm-buttons button	{width:100%; white-space:normal!important;}		/*idem : retour auto à la ligne*/
}

/*** DIVERS*/
.infos							{border:dotted 1px #aaa; margin:7px; padding:10px; border-radius:4px; text-align:center; line-height:22px;}
.progressBar					{display:inline-block; padding:0px 10px; margin:3px 15px 0px 0px; line-height:28px; border:solid 1px #ccc; border-radius:5px; background:linear-gradient(white,#d5d5d5); background-repeat:no-repeat; text-align:center; font-size:0.9em; cursor:help;}/*"background-size" : cf. "progressBar()"*/
.progressBar img				{max-height:20px; margin:4px 0px;}
#headerBar						{display:table; position:fixed; z-index:20; top:0px; left:0px; width:100%; height:50px; background-repeat:repeat-x;}
#headerBar>div					{display:table-cell; vertical-align:middle!important;}
#headerBar>div:last-child		{text-align:right;}
.pluginModule					{margin-top:15px;}
.pluginModule img				{float:right; margin-top:-5px; max-height:24px;}
.changeOrder					{width:30px; vertical-align:middle; text-align:right; cursor:move; user-select:none; -webkit-user-select:none;}/*Change l'ordre d'affichage d'une liste*/
.changeOrderShadow				{opacity:0.5; border:1px dashed #999; height:100px;}/*Block "fantome" durant le changement*/
.cursorHelp						{cursor:help;}
.pathMenu						{display:table; padding:5px 10px; margin-bottom:10px;}
.pathMenu img					{max-height:30px;}
.pathMenu>div					{display:table-cell; padding:3px; vertical-align:middle;}
.pathMenuHome					{width:auto;}
.pathMenuAdd					{width:65px; padding-left:10px!important;}
.hide							{display:none;}
.menuTradIcon					{vertical-align:middle;}
.categoryColor					{display:inline-block; width:15px; height:15px; border-radius:50%; margin-right:5px; vertical-align:middle;}/*vignette de couleur d'une categorie d'evement / theme du forum / etc*/
.categoryColorAll				{border:solid #bbb 2px;}
.orLabel						{display:table; width:100%; margin:30px 0px;}
.orLabel div					{display:table-cell; width:45%; text-align:center;}
.orLabel div:nth-child(2)		{width:10%; min-width:50px; opacity:0.5; text-transform:uppercase;}/*texte "OU"*/
.orLabel hr						{background:#ddd;}
label, .objContainer, .miscContainer, #headerBar  {user-select:none; -webkit-user-select:none;}/*pas de sélection du texte html avec la souris*/
.blink, .pulsate				{animation: blinker 1s linear infinite;}/*equivalent css du "pulsate" jQuery*/
@keyframes blinker				{ 50% {opacity:0;} }
/*MOBILE*/
@media screen and (max-width:1023px){
	#headerBar					{border-top:1px solid #ddd;}/*"border-top" pour séparer le menu des statusbars des mobiles*/
	.pathMenu					{width:100%; max-width:100%; padding:5px;}
}
/*PRINT*/
@media print{
	.noPrint, img[src*='img/menu'], .tooltipster-box  {display:none!important;}
}