/*BALISES DE BASE*/
html, body, div {border:0px; margin:0px; padding:0px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;}/*reset*/
body {font-size:80%; font-weight:bold; font-family:Arial,Helvetica,Tahoma,Sans-Serif; background-position:right top; background-repeat:no-repeat;}
img {border:0px; vertical-align:middle;}
p {margin:0px; padding:2px;}/*cf. editeur tinyMce*/
div {vertical-align:top; box-sizing:border-box;}
a, .sLink, a:active, .sLinkSelect {cursor:pointer !important; text-decoration:none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*CONTENEURS PRINCIPAUX DE LA PAGE*/
.pageFull, .pageCenter {display:table; margin:0px; 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:750px; min-width:750px;}/*contenu*/
.pageModMenuContainer {width:270px; padding-right:10px; transition:padding-top 0.3s;}/*Menu du module (à gauche de la page, flottant au besoin)*/
.pageEmptyContent {text-align:center; padding-top:50px; padding-bottom:50px; margin-right:7px; font-style:italic; color:#555; background:rgba(255,255,255,0.7); border-radius:2px; box-shadow:3px 3px 6px #555;}/*Aucun contenu sur la page*/
/*RESPONSIVE*/
@media screen and (max-width:1024px){
.pageFull, .pageCenter {display:block; width:100% !important;}
.pageFullContent, .pageCenterContent {display:block; width:100% !important; min-width:100%; padding:5px; padding-right:7px;}
.pageFullContent.objBlocks {padding-right:0px;}
}
/*BLOCK D'OBJETS : INIT*/
.objContainer {position:relative; margin:0px 8px 8px 0px; padding:0px;}
.objContentScroll {height:inherit; overflow-y:auto; }/*contient "objContent"*/
.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;}
.objVueBg {background-position:right bottom; background-repeat:no-repeat;}
.objMain {margin-right:8px;}/*conteneur gantt & calendar*/
/*Contact/user*/
.objPerson .objIcon {padding-left:0px !important; padding-right:8px;}
.objPerson .objIcon img {max-height:105px !important;}/*cf. ".objContainer" des "vueIndex"*/
.objPersonDetail {font-size:90%; line-height:16px; font-weight:normal;}
.objPersonDetail a {display:inline-block;}
.objPersonDetail img {max-height:18px;}
/*RESPONSIVE*/
@media screen and (max-width:1024px){
.objContainer {width:100%;}/*valeur par défaut : ne pas forcer*/
.objContainer * {max-width:100% !important;}
.objDetails, .objAutor, .objDate {display:none !important;}
.objMain {margin:0px;}/*conteneur gantt & calendar*/
}
/*AFFICHAGE BLOCK D'OBJETS*/
.objBlocks .objContainer {float:left; min-width:230px; max-width:350px;}/*cf. "mainPageDisplay()"*/
.objBlocks .objIcon {width:90px; text-align:center;}
.objBlocks .objIcon img {max-width:100%; max-height:100%;}
.objBlocks .objDetails, .objBlocks .objAutor, .objBlocks .objDate {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; margin-bottom:0px;}
.objLines .objIcon {width:65px; padding-left:5px; padding-right:5px;}
.objLines .objIcon img {width:55px !important; height:55px !important;}
.objLines .objIcon img[src*='userProfile'] {display:none;}
.objLines .objDetails, .objLines .objAutor, .objLines .objDate {font-size:95%; text-align:right;}
.objLines .objAutor {width:120px;}
.objLines .objDate {width:65px;}
.objLines .objPersonDetail {display:inline-block;}/*Contact/user*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*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:60px; border-right:solid 1px rgba(150,150,150,0.2); vertical-align:top !important;}
.menuAttachedFile {display:block; margin-top:5px;}
/*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:1024px){
.pageModMenuContainer {display:none;}
}
/*MENUS CONTEXTUELS & LAUCHER D'UN MENU CONTEXTUEL (image / texte / objet)*/
.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;}
input[name='targetObjects[]'] {display:none;}
.menuLaunch {display:inline-block; cursor:pointer;}
.menuLaunch>img {max-height:20px;}
.menuLaunchObj {position:absolute; z-index:10; top:3px; right:3px; text-align:right;}
.menuLaunchObj>label {display:none; margin-bottom:3px;}/*icone 'burger' masqué par défaut mais affiché au survol de l'objet*/
.objContainer:hover .menuLaunchObj>label {display:block;}/*idem*/
/*RESPONSIVE*/
@media screen and (max-width:1024px){
.objContainer .menuLaunchObj>label {display:block;}/*Icone "burger" tjs affiché*/
.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:90% !important; overflow:auto; padding:3px; font-size:110%;}
#respMenuMain #respMenuClose {text-align:right;}
#respMenuMain .menuLine>div {padding:5px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*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:40px; margin-top:10px;}
input:disabled {opacity:0.7;}
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:350px !important; max-width:85% !important;}
.dateInput,.dateBegin,.dateEnd {width:75px !important;}
.timeBegin, .timeEnd {width:40px !important;}
.divPromptInputText {text-align:center;}
.formMainButton {display:block; text-align:center; margin-top:30px;}
.formMainButton [type='submit'] {width:180px; height:30px;}
.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;}
/*INPUTS D'OBJET*/
.objField {display:table; width:100%; margin-top:4px; margin-bottom:4px;}
.objField>div {display:table-cell;}
.objField .fieldLabel {width:40%; font-weight:normal !important;}
.objField .fieldLabel img {margin-right:5px; max-width:18px;}
.objField input[type=text] {width:100%;}
form .objField {margin-top:8px; margin-bottom:8px;}/*surcharge*/
form .fieldLabel {line-height:25px;}/*même height que les inputs*/
.objField .fieldLabel .personPicture{max-width:200px;}/*img des personnes*/
/*RESPONSIVE -> 400px!*/
@media screen and (max-width:400px){
form .objField, form .objField>div {display:block!important; width:100%!important;}
form .objField {margin-top:15px!important;}
form .objField>div {margin-bottom:5px!important;}
}
/*FIELDSET*/
fieldset {display:block; padding:10px;}/*+ sBlock !!*/
.fieldsetMarginTop {margin-top:25px;}/*si placé à la suite d'un formulaire ou autre*/
.fieldsetCenter {text-align:center;}
.fieldsetLabel, .fieldsetOptions {margin-top:25px; margin-bottom:-27px; margin-left:2px; font-size:95%; text-align:center; line-height:25px; border-radius:2px 2px 0px 0px;}
.fieldsetLabel {width:99%;}
.fieldsetOptions {width:99.5%; display:table;}
.fieldsetLabel img, .fieldsetOptions img {max-height:18px;}
.fieldsetLabel img[src*='check'] {max-height:14px; margin-left:4px;}
.fieldsetOptions .fieldsetOption {display:table-cell; cursor:pointer; border-radius:2px 2px 0px 0px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*PERSON VUE (contact/user)*/
.personVueImg {margin-bottom:20px; text-align:center;}
.personVueImg img {max-width:100%; max-height:200px;}
/*TABLEAU D'AFFECTATION ESPACE/USER*/
.spaceAffectTable {display:table; width:100%;}
.spaceAffectRow {display:table-row;}
.spaceAffectCell {display:table-cell; padding:2px;}
.spaceAffectCell:nth-child(2) {width:100px; text-align:center;}
.spaceAffectCell:nth-child(3) {width:120px; text-align:center;}
.spaceAffectCell img {max-height:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*DIVERS*/
abbr,.abbr {border-bottom: 1px dotted #777; cursor:help;}/*remplace balise "acronym" et classe ".acronym"*/
hr {border:0; height:1px; background:linear-gradient(90deg,transparent,#bbb,transparent); margin-top:12px; margin-bottom:12px;}
.hrMargins {margin-top:15px; margin-bottom:15px;}
.lightboxContent {padding:8px;}
.labelInfos {border: dotted 1px #aaa; margin:7px; padding:10px; border-radius:2px; text-align:center;}
.loadingImg {display:none; position:absolute; bottom:0px; right:0px;}
.percentBar {display:inline-table; background:linear-gradient(#fff,#ddd); background-color:#fff; border:solid 1px #ccc; border-radius:2px;}
.percentBarContent {display:table-cell; background-repeat:repeat-y; padding:2px; font-size:85%; color:#555; text-align:center; vertical-align:middle; cursor:help; overflow-y:hidden;}
.percentBarContent img {max-height:15px;}
.lightboxTitle,.underlineShadow {box-shadow:0 8px 6px -6px #777;}
.lightboxTitle {text-align:center; margin:0px; margin-bottom:25px; padding:7px;}
.headerBar {display:table; position:fixed; z-index:20; top:0px; left:0px; width:100%; height:40px; background-repeat:repeat-x; box-shadow:4px 4px 8px #555;}
.headerBarCell {display:table-cell; vertical-align:middle;}
.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;}
.confirmEventLib img {height:15px; margin-right:5px;}
.confirmEventProposition {margin:8px; margin-left:30px; cursor:pointer;}
.pluginModule {margin-top:15px;}
.pluginModule img {float:right; margin-top:-5px; max-height:24px;}
.pluginEmpty {padding:12px 0px 10px 0px; text-align:center; color:#999;}
.noSelect {-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.menuAttachedFile {display:inline-block; margin-right:10px;}
.cursorHelp {cursor:help;}
.cursorDefault {cursor:default;}
.menuAttachedFile img {height:20px; margin-right:3px;}
[id^='tagAttachedFile'] img, [id^='tagAttachedFile'] video {max-width:100%;}
video {box-shadow:3px 3px 7px #555; width:auto; height:auto; max-width:100%;}
.folderPath, .forumPath {display:inline-block; padding:7px; margin-bottom:10px;}
.folderPath img[src*='arrowRight'], .forumPath img[src*='arrowRight'] {margin:0px 3px 0px 10px;}
.forumPath img {max-height:20px; margin-right:2px;}
.lightboxObjEditIcon {position:absolute; top:0px; left:0px;}
.lightboxObjTitle {text-align:center;}
.hide {display:none;}
.navContainer {clear:both; text-align:left; padding:10px 0px 10px 0px;}/*clear pour les "objBlocks" avec "float"*/
.navMenu {display:inline-block; padding:7px;}
.navMenu a {padding:5px;}
.navMenu img {margin-bottom:3px;}
.navMenuDisabled {opacity:0.4;}
.menuTradIcon {vertical-align:middle; height:20px;}
.categoryColor,.themeColor {display:inline-block; width:15px; height:15px; margin-right:3px; vertical-align:middle;}/*vignette de couleur d'une categorie d'evement ou d'un theme du forum*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*RESPONSIVE : PAS DE ZOOM*/
@viewport{
width:device-width;/*ne pas ajouter "zoom:1" !*/
}
/*IMPRESSION*/
@media print{
@page {size:landscape;}
body {background:#fff; color:#000;}
.noPrint, .pageModMenuContainer, [id^='pageFooter'], img[src*='menu'], .tooltipster-content {display:none;}
}