/*** BALISES HTML*/
html, body, div				{margin:0px; padding:0px;}/*reset*/
body						{font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Tahoma,Sans-Serif; background-position:right top; background-repeat:no-repeat;}/*"font-size:13px" : valeur de reference pour les fontsize en "em"*/
div							{vertical-align:top; box-sizing:border-box;}/*"box-sizing" pour le calcul du "width" des "objLines" and co*/
p							{margin:0px; padding:2px;}/*Style des balises <p> créées via l'éditeur tinyMce (cf. option "content_style" du "VueHtmlEditor.php")*/
img							{border:0px; vertical-align:middle;}
a, .sLink, .sLinkSelect		{cursor:pointer; text-decoration:none;}
abbr, .abbr					{border-bottom: 1px dotted #777; cursor:help;}/*remplace balise "acronym" et classe ".acronym"*/
hr							{border:0; height:1px; margin-top:10px; margin-bottom:10px;}
audio						{min-width:350px;}
/*RESPONSIVE*/
@media screen and (max-width:1023px){
	*		{-webkit-tap-highlight-color:rgba(0,0,0,0); -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"*/
}
/*RESPONSIVE MOBILE*/
@media screen and (max-width:400px){
	body	{font-size:14px;}
}
/*PRINT*/
@media print{
	@page	{size:landscape;}
	body	{background:#fff; color:#000;}
}

/*** CONTENEURS PRINCIPAUX DE LA PAGE*/
#pageFull, #pageCenter								{display:table; margin:0px; margin-top:75px; padding:0px;}		/*"margin-top" en fonction du "height" du "#headerBar"*/
#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; margin:0px; padding:0px;}
#pageCenterContent									{width:850px;}													/*POas + de 850px : cf. affichage des News. tester l'affichage entre 1024px et 1366px*/
#pageModuleMenu										{width:320px; padding-right:5px; transition:padding-top 0.1s;}	/*Menu du module à gauche de la page, flottant au besoin*/
/*RESPONSIVE*/
@media screen and (max-width:1023px){
	#pageFull, #pageCenter					{margin-top:65px;}
	#pageCenter								{width:100%;}
	#pageFullContent, #pageCenterContent	{width:100%; min-width:100%; padding:0px;}
	#pageFullContent.objBlocks				{padding-right:0px;}
}
/*PRINT*/
@media print{
	#pageFull, #pageCenter	{margin:0px;}
	#pageModuleMenu			{display:none;}
}

/*** BLOCK D'OBJETS*/
.objContainer, .miscContainer, .emptyContainer, .menuContext	{box-shadow:2px 2px 8px rgb(80,80,80); transition:box-shadow 0.3s ease-in-out; background-repeat:no-repeat;}/*"box-shadow" : tester avec wallpapers full white/black*/
.objContainer:hover,.miscContainer:hover						{box-shadow:2px 2px 8px rgb(200,200,200);}
.objContainer, .miscContainer, .emptyContainer					{border-radius:2px; margin:0px 4px 4px 0px; box-sizing:border-box;}/*"miscContainer" : menu de gauche, folderPath, etc. Calcul du width avec prise en compte de la bordure : "border-box"*/
.objContainer										{position:relative; padding:0px; padding-right:35px; height:90px; min-height:90px;}/*"height" ET! "min-height" pour l'overflow" du "objContentScroll" et l'affichage vertical des "objMiscMenus"*/
.objContainer.isSelectable							{cursor:url("../img/checkSelect.png"),default;}
.emptyContainer										{padding:30px; text-align:center;}/*Aucun contenu sur la page*/
.emptyContainer .sLink								{margin-top:20px;}/*Aucun contenu sur la page*/
.objContentScroll									{height:inherit; min-height:inherit; overflow-y:auto; overflow-x:hidden;}/*"height" ET! "min-height" pour correspondre au "objContainer". Note: ".objContentScroll" permet l'overflow "scroll" du "objContent" ci-dessous*/
.objContent											{height:inherit; min-height:inherit; display:table; width:100%;}/*"height" ET! "min-height" : idem*/
.objContent>div										{display:table-cell; vertical-align:middle;}
.objLabel											{overflow-wrap:break-word; text-overflow:ellipsis;}
.objLabelBg											{padding-left:60px!important; background-position:5px center; background-repeat:no-repeat;}/**/
.objLabel>a											{padding:8px 8px 8px 0px;}/*plus facile à cliquer, surtout en responsive*/
.objVueBg											{background-position:right bottom; background-repeat:no-repeat;}
/*BLOCK D'OBJETS : 'BLOCK' DIPLAY*/
.objBlocks											{visibility:hidden;}/*Ré-affiché après calcul du width des ".objContainer" (cf. "common.js")*/
.objBlocks .objContainer							{float:left; width:200px; min-width:200px; max-width:400px;}/*width final calculé par "mainPageDisplay()"*/
.objBlocks .objContainerSelect						{box-shadow:0px 0px 2px 2px rgb(255, 47, 0)!important;}
.objBlocks .objIcon									{width:90px; text-align:center;}
.objBlocks .objIcon img								{max-width:100%; max-height:100%;}
.objBlocks .objDetails, .objBlocks .objAutorDate	{display:none;}
.objBlocks .objFolders .objIcon img					{max-width:90%!important; max-height:90%!important;}/*affichage des dossiers (fichier/contact/lien/tache)*/
.objBlocks .objContentCenter .objIcon				{position:absolute; width:100%!important; height:100%!important; overflow:hidden;}/*icone centrée (dossier ou type de fichier) OU image "fullsize"*/
.objBlocks .objContentCenter .objIcon img			{margin-top:20px;}/*icone de dossier ou type de fichier (..mais pas les "thumbnails")*/
.objBlocks .objContentCenter .objLabel				{position:absolute; bottom:0px; width:100%; border-radius:0px 0px 2px 2px; padding:5px 2px 5px 2px; text-align:center;}/*label "bandeau" d'un dossier/fichier (modFile)*/
/*BLOCK D'OBJETS : 'LINE' DIPLAY*/
.objLines .objContainer								{height:60px; min-height:60px; padding-right:55px; margin-bottom:0px;}/*"padding-right" : affichage horizontal des "objMiscMenus"*/
.objLines .objIcon									{width:70px; padding-right:10px; text-align:center; vertical-align:middle!important;}
.objLines .objIcon img								{max-height:55px!important; max-width:100%!important;}/*max-height en fonction de .objContainer. Attention au "overflow:scroll" (cf. modContact)*/
.objLines .objDetails, .objLines .objAutorDate		{text-align:right; padding:10px;}
.objLines .objAutorDate								{width:200px!important; max-width:200px!important;}/*Auteur et date : tester avec 'sam. 31 septembre 2050'*/
.objLines .objAutorDateCrea							{font-weight:normal!important; margin-top:3px;}/*Date de création (div)*/
.objLines .objPersonDetail							{display:inline-block;}/*Contact/user*/
/*RESPONSIVE*/
@media screen and (max-width:1023px){
	.objContainer, .miscContainer, .emptyContainer	{box-shadow:1px 1px 3px rgb(150,150,150);}
	.miscContainer, .emptyContainer					{margin:0px;}
	.objContainer									{margin-bottom:10px; width:100%;}/*Idem pour un affichage "objBlocks" ou "objLines" !*/
	.objContainer *									{max-width:100%!important; word-break:break-word!important;}/*!important : permet de ne pas afficher de scroller horizontal. "break-word" pour éviter qu'une URL ne fasse éclater l'affichage*/
	.objDetails,.objAutorDate						{display:none!important;}/*!important car prioritaire sur tout*/
	.objContentScroll								{overflow-y:hidden;}/*pas d'ascenseur en responsive !*/
	.objBlocks .objContainer						{margin:1px;}/*tester avec tasks & users*/
	.objBlocks .objFolders .objIcon img				{max-width:75%!important; max-height:75%!important;}/*affichage des dossiers (fichier/contact/lien/tache)*/
}

/*** MENUS DES OBJETS : CONTEXTUELS & MISC*/
.objMenuBurger								{position:absolute; z-index:10; top:8px; right:5px;}								/*Icone "burger" principal (pas le "inline")*/
.objContainer:not(:hover) .objMenuBurger	{opacity:0.75;}																		/*Icone "burger" opaque par défaut (pas moins de 0.75 : cf. images du gestionnaire de fichier)*/
.objContainer:not(:hover) .objMenuLikeComment:not(.showMiscMenu)  {display:none;}												/*Masque par défaut les .objMenuLikeComment, sauf au survol du ".objContainer" ou si ya un ".showMiscMenu"*/
.targetObjectsInput							{display:none;}																		/*input hidden de sélection/désélection d'objet*/
.objMiscMenus								{position:absolute; z-index:10; top:25px; right:5px; text-align:right; width:35px;}	/*Affichage vertical des MenuContext + Likes + Comments + Files + persoAccess (cf. "padding-right" des ".objContainer")*/
.objLines .objMiscMenus						{width:90px;}																		/*Affichage horizontal (cf. "padding-right" de ".objLines .objContainer")*/
.objMiscMenuDiv								{display:inline-block; margin-top:8px; margin-left:8px;}							/*'margin-left' si on affiche de plusieurs icones sur la même ligne (.objLines)*/
.menuCircle									{display:inline-block; position:relative; margin:4px -10px 0px 0px; padding:0px; background-color:#800; color:white; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; font-size:9px!important;}/*Nb de likes, comments, etc*/
.menuCircleHide								{display:none;}
.menuAttachedFile img						{margin-right:5px;}/*Icone à gauche du nom du fichier joint (cf. "menuAttachedFiles()")*/
/*RESPONSIVE*/
@media screen and (max-width:1023px){
	.objMenuBurger			{opacity:1!important; width:25px; height:20px;}/*Icones tjs affichées (sans opacité)*/
	.objMenuLikeComment		{display:inline-block!important;}/*Affiche toujours*/
	.objMiscMenuDiv			{margin-top:14px;}/*plus facile pour les gros doigts..*/
}

/*** MENUS DES MODULES & MENUS CONTEXTUELS*/
.menuLine								{display:table; width:100%;}
.menuLine>div							{display:table-cell; padding:6px; 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;}
#pageFull #pageModMenu					{border-radius:0px 2px 2px 0px;}/*Menus des modules (flottant si besoin)*/
#pageModuleMenu .miscContainer			{padding:5px;}
.menuLaunch								{display:inline-block; cursor:pointer;}/*launcher du menu contextuel*/
.menuContext							{display:none; position:absolute; z-index:100; text-align:left; cursor:default; padding:7px; overflow-y:auto; border-radius:2px; box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);}/*cursor 'default' pour pas prendre celui du block conteneur (de l'objet ou autre))*/
.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;}
.menuContext .specificLabels			{padding:5px; line-height:20px;}/*cf. affectations des agendas*/
.menuTxtLeft							{width:85px; min-width:85px; border-right:solid 1px rgba(150,150,150,0.2); vertical-align:top!important;}/*Cf. date/auteur OU droits d'accès d'un objet*/
/*RESPONSIVE*/
@media screen and (max-width:1023px){
	#pageModuleMenu		{display:none;}
	.menuContextSubMenu	{position:relative; margin-top:5px; box-shadow:none!important; background-image:none; padding:0px!important; background-image:none!important;}/*cf. second menu dans "#respMenuContent"*/
}

/*** MENUS CENTRÉS ("Ajouter un element" ou Menu de pagination)*/
.objBottomMenu							{clear:both; text-align:center; margin-top:20px; margin-bottom:20px;}/*clear pour les "objBlocks" avec "float"*/
.objBottomMenu>div						{display:inline-block; padding:8px 20px 8px 20px;}
.objBottomMenu .sLinkSelect				{font-size:1.1em;}
.objBottomMenu a						{margin-left:5px; margin-right:5px;}

/*** INPUTS*/
input[type=text], input[type=password], input[type=file], input[type=url], textarea, select, button	{box-shadow:0px 0px 6px rgba(0,0,0,0.3); transition:box-shadow 0.4s ease-in-out; box-sizing:border-box; min-height:28px; margin:0px; padding:2px; 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[type=text]:hover, input[type=password]:hover, input[type=url]:hover, textarea:hover			{box-shadow:0px 0px 6px rgba(0,0,0,0.7);}
input[type=text]:focus, input[type=password]:focus, input[type=url]:hover, textarea:focus			{box-shadow:0px 0px 6px rgba(0,100,200,0.8); border:#aad 1px solid;}
.focusRed																							{border:#b33 solid 1px!important;}
input[type=radio], input[type=checkbox]	{vertical-align:middle;}
input[type=text], input[type=password]	{max-width:100%;}
input[type=file]						{height:auto;}
textarea								{width:100%; height:70px;}
input:disabled							{opacity:0.6;}
input:read-only							{background:#ddd;}
button									{background:linear-gradient(#fff,#eee); padding-left:8px; padding-right:8px; font-weight:bold; cursor:pointer; vertical-align:middle;}
button:hover							{background:linear-gradient(#eee,#fff); color:#900;}
label									{cursor:pointer;}
.textBig								{width:400px!important; max-width:80%!important;}/*80% max car souvent affiché avec le bouton "description"*/
.dateInput,.dateBegin,.dateEnd			{width:80px!important;}
.timeBegin, .timeEnd					{width:45px!important;}
.divPromptInputText						{text-align:center;}
.submitButtonMain						{text-align:center; padding:10px; padding-top:30px;}
.submitButtonMain button				{width:180px; min-height:40px;}
.submitButtonInline						{display:inline-block;}
.submitButtonInline	button				{min-width:100px; min-height:30px;}/*height: cf. input[type=text]*/
::-webkit-input-placeholder				{font-weight:normal; padding-left:5px; color:#999;}
::-moz-placeholder						{font-weight:normal; padding-left:5px;}
/*RESPONSIVE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	input[type=text], input[type=password], input[type=file], textarea, select, button	{min-height:33px;}
	.submitButtonInline	button					{min-height:33px;}/*height: cf. input[type=text]*/
	textarea									{height:40px;}
}

/*** INPUTS D'EDITION D'OBJET*/
.objField									{display:table; width:100%; margin-top:8px; margin-bottom:8px;}
.objField>div								{display:table-cell;}
.objField .fieldLabel						{width:230px; font-weight:normal; vertical-align:top;}/*tester la vue et l'édition d'un user, et le parametrage general*/
form .objField .fieldLabel					{padding-top:5px;}/*"padding-top" pour être aligné avec les "input" (height plus grand..)*/
.objField .fieldLabel img					{margin-right:5px; max-width:18px;}
.objField input[type=text]					{width:100%;}
form .objField								{margin-top:8px; margin-bottom:8px;}/*surcharge*/
.objField .fieldLabel .personImg			{max-width:90%; max-height:140px;}/*img des personnes*/
/*RESPONSIVE FANCYBOX : 440px*/
@media screen and (max-width:440px){
	.objField .fieldLabel						{width:40%!important;}/*pour les surcharges*/
	.objField .fieldLabel img					{max-height:100px!important;}/*img des personnes*/
	.objField .fieldLabel img:not(.personImg)	{display:none;}
}

/*** CONTACTS & USERS (PERSONS)*/
.personLabelImg								{margin-bottom:15px; text-align:center;}
.personLabelImg img							{max-width:100%; max-height:200px;}
.personImgSmall								{border-radius:50%; height:30px; width:30px;}
.objBlocks .objContainer.objPerson			{height:140px; min-height:140px; width:250px; min-width:250px; max-width:450px;}/*surcharge du height du ".objContainer"*/
.objPerson .objIcon							{padding-left:0px!important; padding-right:10px;}
.objPersonDetail							{line-height:16px; font-weight:normal;}
.objPersonDetail a							{display:inline-block;}
.objPersonDetail img						{max-height:18px;}
.objBlocks .objPersonDetails				{margin-top:5px;}/*Contact/User: espace entre le label principal et les détails*/
.objLines .objIcon img[src*='personDefault']{height:35px;}/*img d'user lambda*/
/*AFFECTATION SPACE/USER*/
.spaceAffectLine							{display:table; width:100%; max-width:100%;}
.spaceAffectLine img						{max-width:15px;}
.spaceAffectLine>*							{display:table-cell; padding:5px;}/*label ou div pour de checkbox*/
.spaceAffectLine>div						{text-align:center; width:130px;}/*checkboxes*/
/*RESPONSIVE 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:90%; height:98%; max-width:90%; max-height:98%; margin:0px; border-radius:3px;}/*Cf. Width/Height des Lightbox iframes/.pdf*/
.fancybox-iframe							{border-radius:3px;}/*"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 (exple: maps des contact)*/
.lightboxContent							{padding:20px;}/*Souvent dans la balise <form>*/
.lightboxContent .lightboxTitle				{text-align:center; padding-bottom:10px; margin:0px 0px 35px 0px; box-shadow:0px 7px 7px -7px rgba(0,0,0,0.7);}/*"box-shadow" pour simuler un "<hr>"*/
.lightboxContent .lightboxMenuEdit			{float:right; margin-right:-10px; margin-top:-10px;}/*Bouton pour éditer un élément*/
.lightboxBlock								{margin-top:30px; padding:10px; padding-top:15px; border-radius:0px 0px 3px 3px; border-top:0px!important;}/*Ex. Fieldset*/
.lightboxBlockTitle							{margin-top:30px; margin-bottom:-29px; padding:8px; text-align:center; border-radius:3px 3px 0px 0px;}/*idem*/
/*RESPONSIVE 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:35px; height:35px; padding:0px; background-color:rgb(255,255,255);}
	.lightboxContent							{padding:10px; padding-top:20px!important;}/*Padding-top pour ne pas masquer le "close" du lightbox*/
	.lightboxContent .lightboxTitle				{padding-right:20px;}/*Padding-right pour ne pas masquer le "close" du lightbox*/
	.lightboxContent .lightboxMenuEdit			{float:left; margin-left:-12px; margin-top:-12px;}/*"float:left" pour ne pas masquer le "close" du lightbox*/
	.lightboxContent .objMenuBurgerInline		{float:left; margin-left:5px; margin-right:10px;}/*Menu context d'un objet dans une fancybox (evt, task, contact, user)*/
}

/*** SURCHARGES JQUERY & PLUGINS*/
.tooltipster-box				{box-shadow:0px 0px 5px 3px rgba(50,50,50,0.5)!important;}	/*Tooltipster : infobulles "title"*/
.tooltipster-content			{color:#555!important; padding:15px!important;}				/*idem*/
.toast-container a, .toast-container a:hover	{text-decoration:underline; color:#fff;}	/*Toastmessage : "notify()"*/
.ui-state-default				{height:18px;}												  /*Datepicker Jquery : cellules des jours*/
.ui-state-active				{font-weight:bold!important;}								  /*idem : jour sélectionné*/
.jconfirm-title					{line-height:25px;}											  /*JqueryConfirm : titre*/
.jconfirm-buttons button		{margin:10px!important;}									  /*idem : bouton plus espacés*/
.jconfirm-buttons .btn-green	{background-color:#25a55b!important;}						/*idem : bouton vert surchargé*/
@media screen and (max-width:440px){
	.jconfirm-box				{min-width:350px;}							/*JqueryConfirm : taille minimum 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:5px; text-align:center; line-height:22px;}
.loadingImg						{display:none; position:fixed; bottom:10px; right:10px;}
.percentBar						{display:inline-table; height:25px; background:linear-gradient(#fff,#d5d5d5); color:#555; border:solid 1px #ccc; border-radius:2px;}
.percentBarContent				{display:table-cell; height:25px; padding:0px 3px 0px 3px; text-align:center; vertical-align:middle; font-size:0.85em; cursor:help; background-repeat:repeat-y; overflow-y:hidden;}
.percentBarContent img			{max-height:20px;}
#headerBar						{display:table; position:fixed; z-index:20; top:0px; left:0px; width:100%; height:50px; background-repeat:repeat-x; box-shadow:0px 3px 5px rgba(0,0,0,0.4);}
#headerBar>div					{display:table-cell; vertical-align:middle!important;}
#headerBar>div:last-child		{text-align:right;}
.colorPicker					{padding:0px; border-radius:2px; min-width:100px;}
.colorPickerTable				{display:table!important; padding:0px;}/*"!important" car interfère avec "#respMenuContent>div>div" ci-dessus*/
.colorPickerRow					{display:table-row!important;}
.colorPickerCell				{display:table-cell; width:15px; height:15px; cursor:pointer;}
.pluginModule					{margin-top:15px;}
.pluginModule img				{float:right; margin-top:-5px; max-height:24px;}
.cursorHelp						{cursor:help;}
.cursorDefault					{cursor:default;}
[id^='tagAttachedFile'] img, [id^='tagAttachedFile'] video	{max-width:100%; margin-top:5px;}
.pathMenu						{display:table; padding:5px 10px; margin-bottom:10px;}
.pathMenu img					{max-height:26px;}
.pathMenu>div					{display:table-cell; padding:3px; vertical-align:middle;}
.pathMenu>div.pathIconMenu		{cursor:pointer;}
.pathMenu>div.pathContextMenu	{padding-bottom:5px;}/*recentre l'icone du menu contextuel*/
.hide							{display:none;}
.menuTradIcon					{vertical-align:middle; height:20px;}
.categoryColor,.themeColor		{display:inline-block; width:15px; height:15px; margin-right:3px; margin-bottom:3px; vertical-align:middle;}/*vignette de couleur d'une categorie d'evement ou d'un theme du forum*/
.orLabel						{display:table; width:100%; margin:20px 0px 20px 0px;}
.orLabel div					{display:table-cell; width:45%; text-align:center;}
.orLabel div:nth-child(2)		{width:10%; min-width:70px; opacity:0.7; font-size:1.1em;}
.orLabel hr						{background:#ddd;}
.noSelect, #headerBar, .objContainer, .miscContainer, label	{user-select:none;}/*pas de sélection sur les principaux blocs d'elements (préfixe "-webkit" pour Microsoft Edge)*/
.blink, .pulsate				{animation: blinker 1s linear infinite;}/*equivalent css du jQuery du "pulsate"*/
@keyframes blinker				{ 50% {opacity:0;} }
/*RESPONSIVE*/
@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;}
	.pathMenu>div.pathIconMenu	{width:55px;}/*width ajusté des menus "top"/"Accueil" & co*/
}
/*PRINT*/
@media print{
	.noPrint, img[src*='img/menu'], .tooltipster-content  {display:none!important;}
}