/*BALISES DE BASE*/
html, body, div {margin:0px; padding:0px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;}/*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 : valeur de reference!*/
img {border:0px; vertical-align:middle;}
div {vertical-align:top; box-sizing:border-box;}/*"box-sizing" : calcul de width des "objLines" and co*/
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; background:linear-gradient(to right,transparent,#ccc,transparent); margin-top:10px; margin-bottom:10px;}
audio {min-width:350px;}
video {max-width:99%; max-height:99%;}
video::-webkit-media-controls-panel {display:flex!important; opacity:1!important;}/*!important car affichage permanent des -controls-*/
/*RESPONSIVE*/
@media screen and (max-width:1005px){
* {-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"*/
}
/*IMPRESSION*/
@media print{
@page {size:landscape;}
body {background:#fff; color:#000;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*CONTENEURS PRINCIPAUX DE LA PAGE*/
.pageFull, .pageCenter {display:table; margin:0px; margin-top:65px; padding:0px;}
.pageFull {width:100%;} /*Sur toute la largeur : modules avec arbo, etc*/
.pageCenter {margin-left:auto; margin-right:auto;} /*Centrée : Dashboard, Mail, etc*/
.pageFullContent, .pageCenterContent, .pageModMenuContainer {display:table-cell; margin:0px; padding:0px;}
.pageCenterContent {width:730px; min-width:730px;}/*Attention : .pageCenterContent + .pageModMenuContainer doivent faire au maxi 1010px de width: tester afficher en 1024x768 !*/
.pageModMenuContainer {width:280px; padding-right:5px;}/*Menu du module à gauche de la page, flottant au besoin. Effet de transition : " transition:padding-top 0.2s;" */
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.pageFull, .pageCenter {width:100%; margin-top:55px;}/*pas de 'display:block'*/
.pageFullContent, .pageCenterContent {width:100%; min-width:100%; padding:0px;}
.pageFullContent.objBlocks {padding-right:0px;}
}
/*IMPRESSION*/
@media print{
.pageFull, .pageCenter {margin:0px;}
.pageModMenuContainer {display:none;}
}
/*** BLOCK D'OBJETS : INIT*/
.objContainer, .miscContainer, .emptyContainer {border-radius:2px; margin:0px 3px 3px 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:26px;}/*"padding-right" pour afficher les contextMenu/Like/Comment/Files*/
.objContainer.isSelectable {cursor:url("../img/check.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; padding:3px; overflow-y:auto; overflow-x:hidden;}/*contient "objContent" avec scroll auto*/
.objContent {display:table; width:100%; height:100%;}
.objContent>div {display:table-cell; vertical-align:middle;}
.objLabel {word-wrap:break-word; text-overflow:ellipsis;}
.objLabelBg {padding-left:40px!important; background-position:left bottom; background-repeat:no-repeat;}
.objLabel>a {padding:8px 8px 8px 0px;}/*plus facile à cliquer*/
.objVueBg {background-position:right bottom; background-repeat:no-repeat;}
.objDescription {font-weight:normal; padding:10px;}
.objDescription a {text-decoration:underline;}/*on conserve le style des liens dans les descriptions des objets (cf. editeur)*/
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.miscContainer, .emptyContainer {margin:0px;}
.miscContainerFull {width:95%!important; box-sizing:border-box; margin:0px auto 30px auto;}/*Block de page de connexion en responsive, edition des themes/categories/groupes, etc. !important car prioritaire sur le -miscContainer-*/
.objContainer {width:100%;}/*idem pour un affichage "objBlocks" ou "objLines" !*/
.objContainer * {max-width:100%!important;}/*!important car prioritaire sur tout*/
.objDetails,.objAutorDate {display:none!important;}/*!important car prioritaire sur tout*/
.objContentScroll {overflow-y:hidden;}/*pas d'ascenseur en responsive !*/
}
/*** BLOCK D'OBJETS : AFFICHAGE BLOC*/
.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; height:100px; min-height:100px;}/*width final calculé par "mainPageDisplay()". "min-height" de 105px minimum pour pouvoir afficher les contextMenu +Likes +Comments +Files +persoAccess*/
.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:80%; max-height:80%;}/*affichage des dossiers (fichier/contact/lien/tache)*/
/*"modFile": image au centre & label "bandeau"*/
.objBlocks .objContentCenter .objIcon {position:absolute; width:100%!important; height:100%!important; overflow:hidden;}
.objBlocks .objContentCenter .objIcon img {margin-top:15px;}/*exple: icone de type de fichier*/
.objBlocks .objContentCenter .objLabel {position:absolute; bottom:0px; width:100%; border-radius:0px 0px 2px 2px; padding:5px 2px 5px 2px; text-align:center;}
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.objBlocks .objContainer {margin:0px 1px 1px 0px;}/*tester avec tasks & users*/
}
/*** BLOCK D'OBJETS : AFFICHAGE LIGNE*/
.objLines .objContainer {height:60px; min-height:60px; margin-bottom:0px; padding-right:60px;}/*"padding-right" pour afficher les contextMenu/Like/Comment/Files. Prévoir un peu large*/
.objLines .objIcon {width:70px; padding-right:10px; text-align:center; vertical-align:middle!important;}
.objLines .objIcon img {max-height:54px!important; max-width:100%!important;}/*max-height en fonction de .objContainer. Attention au "overflow:scroll" (cf. modContact)*/
.objLines .objDetails, .objLines .objAutorDate {text-align:right; line-height:20px;}
.objLines .objAutorDate {width:160px!important;}
.objLines .objDate {font-weight:normal!important;}
.objLines .objPersonDetail {display:inline-block;}/*Contact/user*/
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.objLines .objContainer {height:80px; min-height:80px;}/*tester avec tasks & users*/
}
/*** AJOUT D'OBJET*/
/*
.objAdd {background:rgba(255,255,255,0.2)!important; min-height:60px;}
.objAdd:hover {background:rgba(255,255,255,0.5)!important;}
.objAdd>div {display:table; width:100%; height:100%; min-height:60px;}
.objAdd>div>div {display:table-cell; text-align:center; vertical-align:middle; cursor:pointer;}
*/
/*** CONTACT/USER*/
.objPerson .objIcon {padding-left:0px!important; padding-right:8px;}
.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*/
/*** MENUS CENTRÉS ("Ajouter un element" ou Menu de pagination)*/
.objBottomMenu {clear:both; text-align:center; padding:10px;}/*clear pour les "objBlocks" avec "float"*/
.objBottomMenu>div {display:inline-block; padding:8px; min-width:120px;}
.objBottomMenu .sLinkSelect {font-size:1.1em;}
.objBottomMenu a {padding:5px;}
.objBottomMenu img {margin-bottom:3px;}
/*** MENUS CONTEXTUELS/MISC DES OBJETS*/
.objContextMenuLaunch {position:absolute; z-index:10; right:3px; top:3px;}/*Icone "burger"*/
.objContainer:not(:hover) .objContextMenuLaunch {opacity:0.7;}/*idem : opaque par défaut*/
.objContainer:not(:hover) .hideMiscMenu .objMenuLikeComment {display:none;}/*.objMenuLikeComment masqué par défaut, sauf au survol du block*/
.objMiscMenus {position:absolute; z-index:10; right:3px; top:22px; text-align:right; width:28px;}/*width pour afficher une icone par ligne. Cf "padding-right" des .objContainer*/
.objMiscMenus input[name='targetObjects[]'] {display:none;}/*input hidden de sélection d'objet*/
.objMiscMenuDiv {display:inline-block; margin-top:6px; margin-right:3px;}
.objLines .objMiscMenus {width:54px;}/*width pour afficher 2 icones par ligne. Cf "padding-right" des .objContainer*/
.objLines .objMiscMenuDiv {margin-top:4px; margin-right:4px;}
.objMiscMenuCircle {display:inline-block; position:relative; margin:4px -10px 0px 0px; padding:0px; background-color:#800; border-radius:50%; text-align:center; width:14px; height:14px; line-height:14px; font-size:0.7em!important; color:white;}/*nb de likes, comments, etc*/
.objMiscMenuCircleHide {display:none;}
/*Fichiers joints*/
.contextMenu .menuAttachedFile {white-space:nowrap;}/*nom du fichier sur une seule ligne*/
.menuAttachedFile {display:inline-block; margin-right:10px;}/*A la suite de la description de l'objet*/
.menuAttachedFile img {height:18px; margin-right:3px;}/*idem*/
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.objContextMenuLaunch {opacity:1!important;}/*Icones tjs affichées ..et sans opacité!*/
.objMiscMenuDiv {margin-top:8px; margin-right:4px;}
.objMenuLikeComment {display:inline-block!important;}/*Affiche toujours*/
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*MENUS DES MODULES ET MENUS CONTEXTUELS : LIGNES/ELEMENTS*/
.menuLine {display:table; width:100%;}
.menuLine>div {display:table-cell; padding:4px; vertical-align:middle; max-width:400px;}
.menuIcon {width:30px; vertical-align:top!important;}
.menuIcon img {max-width:26px!important; max-height:22px!important;}
.menuTxtLeft {width:70px!important; border-right:solid 1px rgba(150,150,150,0.2); vertical-align:top!important;}
/*MENUS DES MODULES : A GAUCHE (Flottant si besoin)*/
.pageFull #pageModMenu {border-radius:0px 2px 2px 0px;}
.pageModMenuContainer .miscContainer {padding:5px;}
/*RESPONSIVE*/
@media screen and (max-width:1005px){
.pageModMenuContainer {display:none;}
}
/*MENUS CONTEXTUELS & LAUCHER D'UN MENU CONTEXTUEL (image / texte / objet)*/
.menuLaunch {display:inline-block; cursor:pointer;}
.contextMenu {display:none; position:absolute; z-index:30; width:auto; text-align:left; padding:7px; overflow-y:auto; border-radius:2px; box-shadow:0px 0px 3px 2px rgba(0,0,0,0.3);}
.contextMenu .menuLine {text-align:left; white-space:nowrap;}/*pas de retour à la ligne*/
.contextMenu .menuLineSpecificLabel {white-space:normal!important;}
.contextMenu hr {margin:5px 0px 5px 0px!important;}
.contextMenuSubMenu {position:relative; margin-top:5px; box-shadow:none!important;}/*sous-menu dans un "#respMenuContent"*/
/*MENU RESPONSIVE*/
#respMenuBg, #respMenuMain {display:none; position:fixed; top:0px; right:0px; height:100%;}
#respMenuBg {z-index:99; width:100%; background-color:rgba(0,0,0,0.7);}
#respMenuMain {z-index:100; max-width:300px!important; overflow:auto; padding:25px 3px 3px 3px; font-size:1.3em!important;}/*max-width: cf. "pageModMenuContainer"*/
#respMenuMain #respMenuClose {position:absolute; top:0px; right:0px;}
#respMenuMain .menuLine {padding:3px;}/*uniformise la présentation (cf. menu espace ou users)*/
#respMenuMain .menuLine>div:first-child {padding-right:10px;}/*idem*/
#respMenuMain hr {background:#ddd; margin-top:15px; margin-bottom:15px;}/*surcharge*/
#respMenuHrSeparator {margin-top:25px!important;}/*separe un peu + le menu des modules et le menu du module courant*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*INPUTS*/
input[type=text], input[type=password], input[type=file], textarea, select, button {box-shadow:1px 1px 6px rgba(0,0,0,0.2); box-sizing:border-box; height:26px; margin:0px; padding:2px; border: #aaa 1px solid; border-radius:2px; 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, textarea:hover {box-shadow:1px 1px 6px rgba(0,0,0,0.4);}
.focusRed {outline-color:#833!important;}
input[type=radio], input[type=checkbox] {vertical-align:middle;}
input[type=text], input[type=password] {max-width:100%;}
textarea {width:100%; height:55px;}
input:disabled {opacity:0.6;}
input:read-only {background:#ddd;}
button {background:linear-gradient(#fff,#eee); background-color:#fff; margin-bottom:1px; 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;}
.formMainButton {display:block; text-align:center; margin-top:30px;}
.formMainButton [type='submit'] {width:180px; height:30px;}
.formInlineButton {display:inline;}
::-ms-input-placeholder {font-weight:normal; padding-left:5px;}
::-moz-placeholder {font-weight:normal; padding-left:5px;}
::-webkit-input-placeholder {font-weight:normal; padding-left:5px; color:#999;}
/*RESPONSIVE -> 440px!*/
@media screen and (max-width:440px){
input[type=text], input[type=password], input[type=file], textarea, select, button {height:30px; padding:3px;}
textarea {height:40px;}
.ui-datepicker-calendar .ui-state-default {height:24px!important;}/*surcharge du datepicker*/
}
/*INPUTS D'OBJET*/
.objField {display:table; width:100%; margin-top:4px; margin-bottom:4px;}
.objField>div {display:table-cell;}
.objField .fieldLabel {width:45%; font-weight:normal; vertical-align:top; padding-top:5px;}/*"padding-top" pour être aligné avec les "input" (avec un height + 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 -> 440px!*/
@media screen and (max-width:440px){
.objField .fieldLabel {width:40%;}
.objField .fieldLabel img {max-height:100px!important;}/*img des personnes*/
.objField .fieldLabel img:not(.personImg) {display:none;}
}
/*INPUT TINYMCE (textarea)*/
p {margin:0px; padding:2px;}
.mce-panel {border-radius:3px;}
.mce-btn button {box-shadow:none;}
.mce-toolbar:first-child {border-bottom:1px solid #ccc;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*PERSON VUE (contact/user)*/
.personVueImg {margin-bottom:20px; text-align:center;}
.personVueImg img {max-width:100%; max-height:200px;}
.personImgSmall {border-radius:50%; height:30px; width:30px;}
/*RESPONSIVE -> 440px!*/
@media screen and (max-width:440px){
.personImgSmall {height:25px; width:25px;}
}
/*TABLEAU D'AFFECTATION ESPACE/USER*/
.spaceAffectTable {display:table; max-width:100%;}
.spaceAffectRow {display:table-row;}
.spaceAffectRow:first-child {height:30px;}
.spaceAffectCell {display:table-cell; width:130px; padding:2px;}
.spaceAffectCell:first-child {width:250px;}
.spaceAffectCell img {max-width:15px;}
/*RESPONSIVE -> 440px!*/
@media screen and (max-width:440px){
.spaceAffectCell img {display:none;}
.spaceAffectCell:not(:first-child) {width:90px;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*LIGHTBOX*/
.lightboxTitle {text-align:center; margin:0px; margin-bottom:20px; padding:10px; box-shadow:0px 7px 7px -7px rgba(0,0,0,0.7);}/*"box-shadow" : surlignage*/
.lightboxTitleEdit {position:absolute; top:7px; right:7px;}
.lightboxContent {padding:20px;}/*balise