/** GENERALITES **/

/* Police BebasNeue pour le titre */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background:#FAFAFA; font-size:14px;}

/* Rajout non présent dans pure.css */
.button-small {padding: .3em 1.6em; font-size:85%;}
form.pure-form-stacked .input-small {height:25px; padding: 0.3em 0.6em; font-size:85%;}


/* Outils */
.table {display:table; width:100%; height:100%;}
.cell {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.vcenter {vertical-align:middle;}
.right {text-align:right;}
.m10 {margin:10px;}
.mt18 {margin-top:18px;}


/* Sélecteur personnalisé */
ul.myselect {list-style:none; margin:5px 0; padding:0; font-size:0;}
ul.myselect li {display:inline-block; padding:5px 8px; cursor:pointer; border:1px solid #909090; margin-bottom:5px; margin-right:5px; font-size:15px; min-width:32px; text-align:center;}
ul.myselect li:hover {border:1px solid black;}
ul.myselect li.selected {background:#E2730F; color:white; font-weight:bold; border:1px solid black;}

/** WAITING **/
.jcdev-overlay {position:fixed; z-index:100001; top:0; left:0; right:0; bottom:0; background:white center center no-repeat; background-color:rgba(255,255,255,0.5); text-align:center;}
.jcdev-overlay.displayLoader {background-image: url(../img/loading.gif);}


/** INFOBULLE **/
div#infobulle {position:absolute; z-index:9999; background:#FFEDC0; color:#202020; font-size:11px; padding:3px 6px; box-shadow:1px 1px 4px #909090; white-space:nowrap; font-weight:bold;}


/** PAGES **/
section.page {position:fixed; top:0; left:0; right:0; bottom:0; background:#FAFAFA; overflow-y:scroll; min-width:1000px;}
section.page.noAncestor {position:static; overflow:auto;}


/** DIALOG **/
div.dialogWrapper {position:fixed; top:0; left:0; right:0; bottom:0; background:black; background:rgba(0,0,0,0.5); overflow:auto;}
div.dialogWrapper .dialogTable {display:table; width:100%; height:80%;}
div.dialogWrapper .dialogCell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
div.dialogWrapper .dialogBox {background:#FAFAFA; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); margin:0 auto;}
div.dialogWrapper .dialogBox header {background:#292828; color:white; font-family: "bebas_neueregular"; padding:0 20px; font-size:24px; line-height:41px; vertical-align:middle; border-top-left-radius: 6px; border-top-right-radius: 6px;}
div.dialogWrapper .dialogBox header .close {float:right; color:white; text-decoration:none;}
div.dialogWrapper .dialogBox .content {padding:20px; padding-bottom:7px;}


/** LOGIN **/

#unsupportedBrowser {position:absolute; width:100%; text-align:center; top:40%; font-weight:bold; line-height:2.5em;}
section.page.noAncestor.login {position:fixed; left:0; bottom:0;}
section.page.login img.logo {margin:20px 0;}
section.page.login .table {height:80%; min-height:360px;}
section.page.login form {display:block; width:320px; margin:0 auto;}


/** MENU **/

nav#mainMenu {
    display:flex; justify-content:space-between;
    min-height:41px; background:#707070; border-bottom:3px solid #E2730F;
}
nav#mainMenu h1 {display:inline-block; font-family: 'bebas_neueregular'; font-weight:normal; color:white; text-transform:uppercase; margin:7px 30px; font-size:24px;}
nav#mainMenu .blocLogout {
    display:flex; align-items:center; margin-right:10px;
    color:white; white-space:nowrap;
}
nav#mainMenu .blocLogout .user {
    font-size:12px; margin-right:15px;
}
nav#mainMenu .blocLogout .log-as {
    margin-right:10px;
}
nav#mainMenu .blocLogout .user .fa {font-size:18px; vertical-align:bottom; margin-right:4px;}
nav#mainMenu ul.menuItems {vertical-align:top; display:inline-block; list-style:none; margin:0; padding:0;}
nav#mainMenu ul.menuItems li {display:inline;}
nav#mainMenu ul.menuItems li a {display:inline-block; background:#505050; margin-right:2px; text-decoration:none; color:white; font-size:14px; width:180px; height:41px; line-height:41px; vertical-align:middle; text-align:center;}
nav#mainMenu ul.menuItems li a:hover {text-decoration:underline;}
nav#mainMenu ul.menuItems li a.selected {background:#E2730F;}


/** LISTE DES RESIDENTS **/
table.listeResidents {width:100%;}
.popupModifierResident form.group .onlySingle, .popupModifierResident form.single .onlyGroup {display:none;}
.popupModifierResident ul.suggestions {list-style:none; padding:0; margin:0;}
.popupModifierResident ul.suggestions li {display:inline-block; background:#707070; color:white; padding:2px 5px; border-radius:3px; margin:2px; font-size:10px; cursor:pointer;}
.popupModifierResident ul.suggestions li:hover {background:black;}


/** AFFECTATION DES RÉSIDENTS **/
.page.affectation h3 {margin-top:0;}
.page.affectation .pure-menu {float:left; width:256px; border:0;}
.page.affectation .pure-menu a {background:#505050; color:white;}
.page.affectation .pure-menu a:hover {background:#707070;}
.page.affectation .pure-menu a.selected {background:#E2730F;}
.page.affectation .listeResidentsWrapper {margin-left:256px; padding:20px;}
.page.affectation .listeResidentsWrapper ul {list-style:none; margin:0; padding:0;}
.page.affectation .listeResidentsWrapper ul li {padding:5px 0; border-bottom:1px solid #E0E0E0;}
.page.affectation .listeResidentsWrapper ul li b {color:red; font-size:11px;}
.page.affectation .listeResidentsWrapper ul li.affectation-educateur {background:#F8F997;}
.page.affectation .listeResidentsWrapper ul li.affectation-educateur.warning {background:#FF8080;}
.page.affectation .menu-fixed {position:fixed;}
.page.affectation .listeResidentsWrapper ul li:hover {background:#E0E0E0;}


/** PLANNING **/
.page.planning form.pure-form-stacked input[type=date] {display:inline-block;}
.page.planning header {padding:0 20px; background:#E0E0E0;}
.page.planning header .pure-button {background:#B0B0B0;}
.page.planning header .pure-button-primary {background:#E2730F;}
.page.planning header .extract-btns {
    display:flex; flex-wrap:wrap;
}
.page.planning header .extract-btns .pure-button {
    padding:5px 5px; font-size:10px;
    background:#505050; color:white;
    margin:3px 5px 3px 0;
}
.page.planning header .extract-btns .pure-button:hover {
    background:#707070;
}
section.semainierWrapper .tableWrapper {overflow-x:scroll; margin-bottom:60px; padding-right:20px;}
section.semainierWrapper .tableWrapper table {border-collapse: collapse; border-spacing:0 0; position:relative;}
section.semainierWrapper ul.listeResidents {float:left; padding:115px 0 0 0; list-style:none; background:#505050; margin:0; width:256px; text-align:right; border:1px solid #cbcbcb;}
section.semainierWrapper ul.listeResidents li {display:block; background:#505050; color:white; height:36px; padding-top:4px; padding-right:8px; border-top:1px solid #cbcbcb; box-sizing:border-box;}
section.semainierWrapper ul.listeResidents li.hover {background:#757575;}
section.semainierWrapper ul.listeResidents:hover {background:yellow; color:black; cursor:pointer;}
section.semainierWrapper ul.listeResidents li:hover {background:yellow; color:black; cursor:pointer;}
section.semainierWrapper table thead {background:#505050; color:white; text-align:center;}
section.semainierWrapper table.sticky {margin-top:115px;}
section.semainierWrapper table.sticky thead {position:fixed; top:0;}
section.semainierWrapper table.sticky thead tr.ligne2 th {width:200px; min-width:200px; box-sizing:border-box;}
section.semainierWrapper table thead tr th {vertical-align:middle;}
section.semainierWrapper table thead tr.ligne1 th {height:50px; border-bottom:1px solid #cbcbcb;}
section.semainierWrapper table thead tr.ligne2 th {height:20px;}
section.semainierWrapper table thead tr th:hover {background:yellow; color:black; cursor:pointer;}
section.semainierWrapper table thead tr th b {font-size:20px;}
section.semainierWrapper table thead tr th em {font-weight:normal;}
section.semainierWrapper table thead tr th.hover {background:#757575;}
section.semainierWrapper table thead tr th b em.comments {font-size:14px; text-decoration:underline; cursor:pointer;}
section.semainierWrapper table tbody tr td {width:200px; min-width:200px; height:36px; padding:0; text-align:center; overflow:hidden; box-sizing:border-box;}
section.semainierWrapper table tbody tr td:hover {background:#E0E0E0;}
section.semainierWrapper table tbody tr td a {color:black; text-decoration:none; display:inline-block; min-width:30px; line-height:14px;  border-radius:5px;}
section.semainierWrapper table tbody tr td a strong span {background:red; color:white;}
section.semainierWrapper table tbody tr td a em {font-size:10px;}
section.semainierWrapper table tbody tr td a:hover {background:#E2730F;}
section.semainierWrapper table tbody tr td.selected {background:yellow;}
section.semainierWrapper table tbody tr td.justModified {background:#FF8080;}
section.semainierWrapper footer {position:fixed; bottom:0; left:0; right:0; height:45px; padding-top:8px; padding-right:8px; background:#707070; text-align:center; border-top:1px solid #909090; box-shadow:0 -1px 2px #E0E0E0;}
section.semainierWrapper footer .btnModificationsGroupees {margin-left:12px;}
section.semainierWrapper footer button {font-weight:bold; font-size:120%;}
section.semainierWrapper footer label {display:inline-block; padding-top:10px;}
.page.planning .paneScroll {position:absolute; top:116px; height:100%; width:20px; background:rgba(255,0,0,0.2); cursor:pointer;}
.page.planning .paneScroll:hover {background:rgba(255,0,0,0.6);}
.page.planning .paneScroll.paneScrollPrev {left:256px}
.page.planning .paneScroll.paneScrollNext {right:0}

section.semainierWrapper .btnDownloadLeztroy {text-decoration:underline; cursor:pointer;}


.cadenas {position:absolute; right:30px; margin-top:20px; font-size:28px; color:black; cursor:pointer; width:25px; height:25px; text-align:center;}
.cadenas .fa-lock {display:none;}
.cadenas.locked .fa-lock {display:inline;}
.cadenas.locked .fa-unlock {display:none;}


/** PLANNING TYPE **/
body.planning-type section.semainierWrapper ul.listeResidents,
body.planning-type section.semainierWrapper ul.listeResidents li,
body.planning-type section.semainierWrapper table thead {background:#303050;}
body.planning-type .champ[name="version"] {background:#303050; color:white; font-weight:bold;}


/** POP UP COMMENTAIRES IME **/
#popupCommentairesWrapper h1 {text-transform:uppercase; font-size:18px; text-align:center; background:#E0E0E0; padding:6px 0;}
#popupCommentairesWrapper label {text-align:right; display:inline-block; width:30%;}
#popupCommentairesWrapper input {display:inline-block; width:62%; padding:7px;}
#popupCommentairesWrapper .field {margin:5px 0;}
#popupCommentairesWrapper .actions {text-align:right; margin-top:15px;}
#popupCommentairesWrapper .actions input {width:25%;}


/** POP UP MODIFICATION CELLULE **/
.popupModificationCellule .champ {text-align:center;}
.popupModificationCellule input[type=button] {margin-bottom:3px; font-weight:bold;}
.popupModificationCellule label {font-weight:bold;}


/** POP UP EXPORT MENSUEL **/
.popupExportMensuel .title {text-align:center; color:#E2730F; font-weight:bold; font-size:18px; text-transform:uppercase; margin-bottom:25px;}
.popupExportMensuel p {text-align:center;}
.popupExportMensuel .left-label {font-weight:bold; text-align:right;}
.popupExportMensuel .top-label {font-weight:bold; text-align:center;}
.popupExportMensuel label {margin:0 10px 10px 0; display:inline-block;}
.popupExportMensuel input {font-size:16px; text-align:center; width:90%;}
.popupExportMensuel .pure-g {width:620px;}
.popupExportMensuel .actions {text-align:right; margin:25px 0 12px 0;}


.page.leztroy ul.semaines {list-style:none; margin-left:253px; border-left:1px solid #A0A0A0;}
.page.leztroy ul.semaines > li {padding-bottom:30px;}
.page.leztroy ul.semaines > li > a {display:inline-block; width:250px; text-align:right; text-transform:uppercase; text-decoration:none; color:black; padding:5px 0; cursor:pointer;}
.page.leztroy ul.semaines > li > a {font-weight:bold;}
.page.leztroy ul.semaines > li.current > a {color:#E2730F;}
.page.leztroy ul.semaines > li > a:hover {color: #E2730F;}
.page.leztroy ul.jours {list-style:none; display:inline-block; padding-left:10px;}
.page.leztroy ul.jours li {display:inline-block;}
.page.leztroy ul.jours li a {display:inline-block; padding:5px 10px; background:#B0B0B0; color:white; margin-right:8px; text-decoration:none;}
.page.leztroy ul.jours li.today a {background:#E2730F;}
.page.leztroy ul.jours li a:hover {background:#E2730F;}



/** MODULE SPECIFIQUE ESAT **/
#esat-wrapper {margin-left:236px; padding:20px;}
#esat-wrapper h1 {color:#303030; font-size:20px;}
#esat-wrapper textarea {display:block; width:90%; height:500px; margin-bottom:20px;}



#residents-in-conflict {background:white; padding:10px 20px;}
#residents-in-conflict p {font-weight:bold; color:red;}
#residents-in-conflict .more {
    float:right;
    cursor:pointer; display:inline-block; background:red; color:white;
    margin-top:.5em; padding:.3em 1em;
}
#residents-in-conflict .details {display:none}
#residents-in-conflict table {width:100%; margin-bottom:.5em;}