/*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:10pt; 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;}
p {margin:0px; padding:2px;}/*cf. editeur tinyMce*/
.mce-panel {border-radius:3px;}/*cf. editeur tinyMce*/
div {vertical-align:top; box-sizing:border-box;}/*"box-sizing" : calcul de width des "objLines" and co*/
a, .sLink, .sLinkSelect {cursor:pointer!important; text-decoration:none;}
.objDescription a {text-decoration:underline;}/*on conserve le style des liens dans les descriptions des objets (cf. editeur)*/
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,#bbb,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;}/*affichage permanent de 'controls'*/
/*RESPONSIVE*/
@media screen and (max-width:1200px){
* {-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:800px; min-width:800px;}/*contenu*/
.pageModMenuContainer {width:270px; padding-right:10px;}/*Menu du module (à gauche de la page, flottant au besoin). Effet de transition : " transition:padding-top 0.2s;" */
.pageEmptyContent {text-align:center; padding-top:50px; padding-bottom:50px; margin-right:7px; background:rgba(255,255,255,0.5); border-radius:2px;}/*Aucun contenu sur la page*/
/*RESPONSIVE*/
@media screen and (max-width:1200px){
.pageFull, .pageCenter {width:100%!important; margin-top:55px;}/*pas de 'display:block'*/
.pageFullContent, .pageCenterContent {width:100%!important; min-width:100%; padding:5px; padding-right:7px;}
.pageFullContent.objBlocks {padding-right:0px;}
}
/*IMPRESSION*/
@media print{
.pageFull, .pageCenter {margin:0px;}
.pageModMenuContainer {display:none!important;}
}
/*BLOCK D'OBJETS : INIT*/
.objContainer {position:relative; margin:0px 5px 5px 0px; padding:0px; padding-right:25px;}/*margin pour les "bloc-shadow"*/
.objContainerFull {margin-right:12px;}/*conteneur du gantt des tasks, des calendars et Synthese de calendars. Cf. affichage sous Chrome..*/
.objContentScroll {height:inherit; overflow-y:auto; overflow-x:hidden;}/*conteneur de "objContent" avec scroll auto*/
.objContent {display:table; width:100%; height:100%; cursor:url("../img/check.png"),crosshair;}
.objContent>div {display:table-cell; vertical-align:middle;}
.objLabel {word-wrap:break-word; text-overflow:ellipsis;}
.objLabelBg {padding-left:40px!important; background-position:left center; 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;}
/*Contact/user*/
.objPerson .objIcon {padding-left:0px!important; padding-right:8px;}
.objPerson .objIcon img {max-height:105px!important;}/*cf. ".objContainer" des "vueIndex"*/
.objPersonDetail {line-height:16px; font-weight:normal;}
.objPersonDetail a {display:inline-block;}
.objPersonDetail img {max-height:18px;}
/*RESPONSIVE*/
@media screen and (max-width:1200px){
.objContainer {width:100%;}/*valeur par défaut : ne pas forcer*/
.objContainer * {max-width:100%!important;}
.objDetails,.objAutorDate {display:none!important;}
.objContentScroll {overflow-y:hidden;}/*pas de mini ascenseur en responsive !*/
}
/*AFFICHAGE BLOCK D'OBJETS*/
.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; min-height:90px;}/*width final calculé par "mainPageDisplay()". min-height & padding-right : pour les menus context/like/unlike/comment */
.objBlocks .objIcon {width:90px; text-align:center;}
.objBlocks .objIcon img {max-width:100%; max-height:100%;}
.objBlocks .objDetails, .objBlocks .objAutorDate {display:none;}
.objBlocks .objPersonDetails {margin-top:5px;}/*Contact/user*/
/*"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;}
.objBlocks .objContentCenter .objLabel {position:absolute; bottom:0px; width:100%; border-radius:0px 0px 2px 2px; padding:5px 2px 5px 2px; text-align:center;}
/*AFFICHAGE LIGNE D'OBJETS*/
.objLines .objContainer {height:60px; min-height:60px; margin-bottom:0px; padding-right:70px;}/*min-height & padding-right : pour les menus context/like/comment sur 2 lignes*/
.objLines .objIcon {width:80px; padding-right:10px; text-align:center; vertical-align:middle!important;}
.objLines .objIcon img {max-width:90%!important; max-height:55px!important; vertical-align:middle!important;}
.objLines .objIcon img[src*='personImg'] {display:none;}
.objLines .objDetails, .objLines .objAutorDate {text-align:right;}
.objLines .objAutorDate {width:160px!important;}
.objLines .objAutorDateDate {font-weight:normal!important;}
.objLines .objPersonDetail {display:inline-block;}/*Contact/user*/
/*RESPONSIVE*/
@media screen and (max-width:1200px){
.objLines .objContainer {height:auto!important; min-height:60px!important; padding-right:25px;}/*pour ne pas masquer du contenu avec du overflow ou autre..*/
}
/*MENUS CONTEXTUELS/MISC DES OBJETS*/
.objContextMenuLaunch {position:absolute; z-index:10; right:3px; top:3px;}
.objBlocks .objContainer:not(:hover) .objContextMenuLaunch {opacity:0.7;}/*Icone "burger" opaque en affichage "block"*/
.objBlocks .objContainer:not(:hover) .objMiscMenu {opacity:0.5;}/*Icone "misc" opaque en affichage "block"*/
.objMiscMenu {position:absolute; z-index:10; right:3px; top:22px; text-align:right;}
.objMiscMenu img {vertical-align:middle;}
.objMiscMenu input[name='targetObjects[]'] {display:none;}
.objMiscMenu>div {margin-top:6px; margin-right:2px;}/*verifier si l'affichage complet like/unlike/comment est correct sur de petits blocks (cf. modLink)*/
.objLines .objMiscMenu>div {display:inline; float:left; margin-left:3px;}/*affichage spécifique en mode '.objLines '*/
.objMiscMenuCircle {display:inline-block; position:relative; margin:3px -9px 0px 0px; background-color:#800; width:14px; height:14px; border-radius:50%; text-align:center; line-height:15px; font-size:7pt!important; color:white;}/*nb de likes, comments, etc*/
.objMiscMenuCircleHide {display:none;}
/*RESPONSIVE*/
@media screen and (max-width:1200px){
.objContextMenuLaunch {opacity:1!important;}/*Icones tjs affichées ..et sans opacité!*/
.objMiscMenu>div {margin-top:8px; margin-right:2px;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*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:24px; 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;}
.menuAttachedFile {display:inline-block; margin-right:10px;}
.menuAttachedFile img {height:18px; margin-right:3px;}
/*MENUS DES MODULES : A GAUCHE (Flottant si besoin)*/
.pageFull #pageModMenu {border-radius:0px 2px 2px 0px;}
.pageModMenuContainer .sBlock {padding:5px;}
/*RESPONSIVE*/
@media screen and (max-width:1200px){
.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; padding:7px; overflow-y:auto;}
.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%; opacity:0.8;}
#respMenuMain {z-index:100; max-width:300px!important; overflow:auto; padding:20px 3px 3px 3px; font-size:12pt;}/*max-width: cf. "pageModMenuContainer"*/
#respMenuMain #respMenuClose {position:absolute; top:0px; right:0px; opacity:0.4;}
#respMenuMain .menuLine {padding:3px;}
#respMenuMain .menuLine>div:first-child {padding-right:10px;}
#respMenuMain hr {background:#ddd;}
#respMenuHrSeparator {background:#bbb!important; margin:15px 0px 15px 0px!important;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*INPUTS*/
input[type=text], input[type=password], input[type=file], textarea, select, button {box-shadow:1px 1px 5px #aaa; 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 5px #aaa;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {box-shadow:1px 1px 5px #888;}
input[type=radio], input[type=checkbox] {vertical-align:middle;}
input[type=text], input[type=password] {max-width:100%;}
textarea {width:100%; height:50px;}
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;}/*cf. "form_libelle"*/
.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;}
.focusRed {box-shadow:0px 0px 10px #b44!important;}
::-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;}
/*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:middle;}
.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;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*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;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.lightboxTitle {text-align:center; margin:0px; margin-bottom:20px; padding:10px;}
.lightboxTitleEdit {float:left;}
.lightboxContent {padding:20px;}/*balise