/*@import "styleRA.css";*/ @font-face { font-family:'raleway'; src:url('fonts/raleway-regular-webfont.woff2') format('woff2'), url('fonts/raleway-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal; } @font-face { font-family:'raleway'; src:url('fonts/raleway-semibold-webfont.woff2') format('woff2'), url('fonts/raleway-semibold-webfont.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face { font-family:'arial_narrowregular'; src:url('fonts/arial_narrow-webfont.eot'); src:url('fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/arial_narrow-webfont.woff') format('woff'), url('fonts/arial_narrow-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; } body{ margin:0; padding:0; background:#fff; font-family:"raleway", "arial_narrowregular", sans-serif; font-size:1em; color:#000; } *:focus, *:active{ outline:0; } #wrapper{ position:absolute; top:0; left:0; width:100vw; height:100vh; border:0; margin:0; padding:0; background:#transparent; overflow:hidden; } #page{ position:absolute; top:0; left:0; width:100vw; height:100vh; border:0; margin:0; padding:0; background:#transparent; overflow:hidden; } #left_menu, #left_menu.show{ display:block; position:absolute; top:0; left:0; bottom:0; height:vh; width:200px; background:#666; color:#eee; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } #left_menu.hidden{ width:40px; } #menu::before{ content:""; display:none; position:relative; padding:0; margin:0; width:100%; height:150px; background:#fff url('logoaccess.png') no-repeat center center; -moz-background-size:130px 130px; -webkit-background-size:130px 130px; background-size:130px 130px; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } #menu{ display:block; position:relative; overflow:hidden; height:100vh; } #menu small{ display:block; margin:10px 10px 15px 10px; font-size:11px; text-align:center; white-space:nowrap; padding:0; overflow:hidden; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; max-width:300px; max-height:80px; } #menu small strong{ display:block; font-size:13px; } #menu a{ display:block; position:relative; clear:both; height:30px; line-height:30px; font-size:0.9em; color:#eee; margin:0 10px; padding:0 10px 0 40px; text-decoration:none; background:transparent; cursor:pointer; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; white-space:nowrap; } #menu a::before{ content:''; display:block; position:absolute; width:20px; height:20px; background:transparent; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; left:5px; top:50%; margin:-10px 0 0 0; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } #menu a:hover::before{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #menu #dashboard_link::before{ background:transparent url('icone_dashboard.png') no-repeat center center; } #menu #examen_link::before{ background:transparent url('icone_examens.png') no-repeat center center; } #menu #account_link::before{ background:transparent url('icone_compte.png') no-repeat center center; } #menu #invoice_link::before{ background:transparent url('icone_facturation.png') no-repeat center center; } #menu #message_link::before{ background:transparent url('icone_messages.png') no-repeat center center; } #menu #cr_link::before{ background:transparent url('icone_modele_cr.png') no-repeat center center; } #menu #user_link::before{ background:transparent url('icone_utilisateurs.png') no-repeat center center; } #menu #logout_link::before{ background:transparent url('icone_logout.png') no-repeat center center; } #menu #executable_link{ font-size:0.9em; position:absolute; bottom:25px; width:calc(100% - 70px); } #menu #executable_link::before{ background:transparent url('icone_executable.png') no-repeat center center; } #menu #weasis_link{ font-size:0.9em; position:absolute; bottom:60px; width:calc(100% - 70px); } #menu #weasis_link::before{ background:transparent url('icone_weasis.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; } #menu .lv1{ display:block; position:relative; clear:both; max-height:30px; margin:0; background:transparent; cursor:pointer; overflow:hidden; -moz-transition:ease all 0.5s; -webkit-transition:ease all 0.5s; transition:ease all 0.5s; } #menu .lv1 .lv2{ display:block; position:relative; padding:5px 0 5px 20px; } #menu .lv1 .lv2 a{ font-size:0.9em; height:20px; line-height:20px; padding-left:20px; } #menu .lv1 .lv2 a::before{ display:none; } #menu a:hover{ background:#333; color:#fff; } #menu #menuButton{ text-align:center; padding:15px 0; margin:0 0 10px 0; background:#333; line-height:normal; height:20px; -moz-opacity:1; -webkit-opacity:1; opacity:1; } #menu #menuButton:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #menu #menuButton::before{ content:''; display:block; position:absolute; width:10px; height:10px; background:transparent url('fleche_left.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; left:50%; top:50%; margin:-5px 0 0 -30px; -moz-opacity:1; -webkit-opacity:1; opacity:1; } #menu #menuButton:hover::before{ margin-left:-40px; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } .closed::after, .opened::after{ content:''; display:block; position:absolute; width:10px; height:10px; background:transparent url('fleche_down.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; right:10px; top:50%; margin:-5px 0 0 0; } .opened::after{ background-image:url('fleche_up.png'); } #left_menu.hidden #menu a{ padding:10px 0 10px 60px; margin:0; line-height:normal; height:20px; } #left_menu.hidden #menu .lv1{ padding:0; margin:0; max-height:40px; } #menu a::before{ left:10px; } #left_menu.hidden #menu #menuButton{ padding:15px 0; } #left_menu.hidden #menu #menuButton::before{ -moz-opacity:0; -webkit-opacity:0; opacity:0; } #left_menu.hidden #menu .closed::after, #left_menu.hidden #menu .opened::after{ display:none; } #left_menu.hidden #menu::before{ height:0; -moz-background-size:0px 0px; -webkit-background-size:0px 0px; background-size:0px 0px; -moz-opacity:0; -webkit-opacity:0; opacity:0; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } #left_menu.hidden small{ max-height:0; max-width:0; margin:0; } #weasisDlFrame{ display:block; position:fixed; bottom:100px; left:-500px; width:auto; height:auto; background:#666; border:1px solid #fff; padding:15px; -moz-border-radius:15px 0 0 15px; -webkit-border-radius:15px 0 0 15px; border-radius:15px 0 0 15px; text-align:left; color:#eee; z-index:20; -moz-transition:all ease 1s 0.3s; -webkit-transition:all ease 1s 0.3s; transition:all ease 1s 0.3s; } #weasisDlFrame.showWeasis{ left:10px; -moz-transition:all ease 1s 0.3s; -webkit-transition:all ease 1s 0.3s; transition:all ease 1s 0.3s; } #weasisDlFrame a{ display:inline; text-decoration:none; color:#eee; background:transparent !important; margin:0; padding:0; font-size:0.8em; line-height:1.4em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #weasisDlFrame a:hover{ color:#fff; } #weasisDlFrame a::before{ content:''; display:inline-block; width:8px; height:8px; background:#eee; border:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:0 5px; } #weasisDlFrame small{ display:block; font-size:0.7em; margin:0 0 8px 0; text-align:left; } #content, #content.split{ display:block; position:absolute; left:200px; right:0; top:0; width:calc(100vw - 200px); height:100vh; overflow:auto; margin:0; padding:0; -moz-transition:ease all 0.3s; -webkit-transition:ease all 0.3s; transition:ease all 0.3s; } #content.full{ left:40px; width:calc(100vw - 40px); } .innerContent{ display:block; position:relative; margin:0; padding:20px; border:0; } #examHeader #siteMenu{ display:block; position:absolute; background:#333; width:140px; height:auto; max-height:0; text-align:left; padding:0 10px; top:30px; left:-10px; z-index:100; margin:0; float:none; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; overflow:hidden; -moz-transition:all ease 0.3s 0.3s; -webkit-transition:all ease 0.3s 0.3s; transition:all ease 0.3s 0.3s; } #examHeader #siteMenu.siteOpen{ padding:10px 10px; max-height:200px; -moz-transition:all ease 0.3s 0.3s; -webkit-transition:all ease 0.3s 0.3s; transition:all ease 0.3s 0.3s; } /* Pages : généralités */ h1{ display:block; padding:0 25px; margin:-20px -20px 50px -20px; border:0; background:#333; color:#fff; font-weight:normal; font-size:20px; height:50px; line-height:50px; text-align:left; text-transform:uppercase; } /* Tableau examens */ /* Fonctions de tri */ #examHeader{ display:block; position:relative; height:30px; padding:12px 15px 8px 15px; margin:-20px -20px 20px -20px; font-size:13px; border:0; background:#333; color:#fff; } #examHeader h1{ display:block; float:left; padding:0 25px; margin:-13px 50px 0 0; border:0; background:transparent; color:#fff; font-weight:normal; font-size:20px; height:50px; line-height:50px; text-align:left; text-transform:uppercase; } #examHeader div{ display:inline-block; width:auto; margin:0 50px 0 0; float:left; position:relative; } #examHeader div strong{ display:inline-block; font-weight:normal; margin:0 5px 0 0; text-transform:uppercase; font-family:"arial_narrowregular", sans-serif; } #examHeader div span{ display:inline-block; font-weight:normal; background:#00a6c3 url('shade.png') repeat-x center bottom; cursor:pointer; width:70px; text-align:center; color:#fff; text-transform:uppercase; padding:3px 0; margin:0 5px 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-family:"arial_narrowregular", sans-serif; font-size:0.9em; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #examHeader div span.noselect{ background-color:#999 !important; } #examHeader div span input{ visibility:hidden; position:fixed; } #examHeader #searchField{ display:inline-block; background:#fff; border:0; width:250px; height:24px; padding:3px 10px; margin-top:-3px; text-align:left; color:#000; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; } #examHeader #searchField:focus{ border-color:#00a6c3; } #examHeader #searchDiv{ cursor:text; } #examHeader #searchDiv.emptyField::before{ content:"Rechercher dans le tableau"; display:block; position:absolute; top:5px; left:11px; color:#666; text-align:left; font-size:0.9em; } #examHeader #emptySearchPat{ display:inline-block; position:relative; margin:0 0 0 -20px; width:12px; height:12px; vertical-align:-1px; border:0; padding:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; } #examHeader #emptySearchPat:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #examHeader #dateField{ display:inline-block; background:#fff; border:0; width:250px; height:24px; padding:3px 10px; margin-top:-3px; text-align:left; color:#000; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; } #examHeader #DateField:focus{ border-color:#00a6c3; } #examHeader #searchDate{ cursor:text; } #examHeader #searchDate.emptyFieldDate::before{ content:"Recherche par date ou patient"; display:block; position:absolute; top:5px; left:11px; color:#666; text-align:left; font-size:0.9em; } #examHeader #launchSearchDate{ display:inline-block; position:relative; margin:0 0 0 -22px; width:14px; height:14px; vertical-align:-1px; border:0; padding:0; background:transparent url('loupe-black2.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; } #examHeader #launchSearchDate:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #examHeader #unsetSearch{ display:inline-block; position:relative; margin:0 -5px 0 5px; width:14px; height:14px; vertical-align:-1px; border:0; padding:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; } #examHeader #unsetSearch:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #examHeader hr{ display:block; position:relative; clear:both; margin:0; border:0; height:1px; width:auto; padding:0; background:transparent; } #study #editionBlock #navBlock #studyddl a{ display:block; position:relative; width:100%; } /* Tableau */ #examens table, #usersList, #crList { display:table; position:relative; width:100%; height:auto; margin:0; border:1px solid #00a6c3; font-family:"arial_narrowregular", sans-serif; font-size:13px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #examens table th, #usersList th, #crList th { background:#00a6c3; color:#fff; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:10px 5px; margin:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #examens table th::before, #examens table th::before, #examens table th::after, #examens table th::after{ content:"\25B2"; display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 3px 0 0; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #countStudiesContain{ padding:0 0 15px; text-align:left; font-size:16px; } #countStudiesContain small{ display:block; margin:-2px 0 2px 0; } #countStudiesContain small span{ display:inline-block; padding:3px 7px 3px 3px; background:#eee; border:1px solid #ccc; color:#333; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:1em; width:auto; text-align:left; margin-right:25px; line-height:1em; } #countStudiesContain small span b{ display:inline-block; padding:4px; background:#00a6c3 url('shade.png') repeat-x center bottom; color:#fff; font-weight:normal; border:0; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; height:1em; width:1.5em; text-align:center; margin:-4px 6px -4px -4px; } #countStudiesContain img{ display:block; margin:2px 0 4px 25px; } #countStudiesContain small span.tot{ font-weight:normal; text-transform:none; } #countStudiesContain small span.tot b{ font-weight:bold; background-color:#e43; } #examens table th::after, #examens table th::after{ margin:0 0 0 3px; } #examens table .asc::after{ content:"\25B2"; } #examens table .desc::after{ content:"\25BC"; } #examens table .asc::after, #examens table .desc::after{ display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 0 0 3px; -moz-opacity:1; -webkit-opacity:1; opacity:1; } #examens table tr:nth-of-type(2n), #usersList tr, #crList tr { background:transparent; } #examens table tr:nth-of-type(2n+1), #usersList tr:nth-child(even), #crList tr:nth-child(even) { background:#eee; } #examens tr td, #usersList tr td, #crList tr td { padding:10px 5px; font-size:14px; text-align:center; vertical-align:middle; color:#000; margin:0; cursor:pointer; } #examens tr td.launcheditor{ cursor:default; } #examens tr td:nth-of-type(1), #examens tr td:nth-of-type(2), #examens tr td:nth-of-type(3), #examens tr td:nth-of-type(5), #examens tr td:nth-of-type(6), #examens tr td:nth-of-type(14){ white-space:nowrap; } #examens tr td:nth-of-type(1), #examens tr td:nth-of-type(13){ text-align:left; } #examens tr:hover { background:#cff !important; } #examens tr .sexCases{ text-align:center; } #examens tr .sexCases img{ display:inline-block; border:0; width:auto; height:20px; margin:0 auto; } #examens tr .priorite span, #usersList tr .priorite span{ display:inline-block; position:relative; width:10px; height:10px; border-radius:5px; margin:0 5px 0 0; } #examens tr .priorite span::nth-of-type(2){ background:transparent !important; margin:0 0 0 10px; } #examens tr .alertIA{ text-align:center; } #examens tr .alertIA img{ display:block; margin:auto; vertical-align:top; width:36px; height:36px; border:0; } /* Gestion des utilisateurs */ #gestion-utilisateurs h2 { text-align:center; } #gestion-utilisateurs table{ display:table; position:relative; width:800px; max-width:100%; height:auto; margin:30px auto; border:1px solid #00a6c3; font-family:"arial_narrowregular", sans-serif; font-size:13px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #gestion-utilisateurs table th{ background:#00a6c3; color:#fff; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:10px; margin:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #gestion-utilisateurs table th::before, #gestion-utilisateurs table th::before, #gestion-utilisateurs table th::after, #gestion-utilisateurs table th::after{ content:"\25B2"; display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 3px 0 0; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #gestion-utilisateurs table th::after, #gestion-utilisateurs table th::after{ margin:0 0 0 3px; } #gestion-utilisateurs table .asc::after{ content:"\25B2"; } #gestion-utilisateurs table .desc::after{ content:"\25BC"; } #gestion-utilisateurs table .asc::after, #gestion-utilisateurs table .desc::after{ display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 0 0 3px; -moz-opacity:1; -webkit-opacity:1; opacity:1; } #gestion-utilisateurs table tr:nth-of-type(2n+1){ background:transparent; } #gestion-utilisateurs table tr:nth-of-type(2n){ background:#eee; } #gestion-utilisateurs tr td { padding:15px 10px; font-size:14px; text-align:center; vertical-align:middle; color:#000; margin:0; white-space:nowrap; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #gestion-utilisateurs tr td.launcheditor{ cursor:default; } #gestion-utilisateurs input[type='button'], #gestion-utilisateurs input[type='submit']{ display:block; margin:0 auto; border:0; color:#fff; font-family:"arial-narrowregular", "Arial", arial, sans-serif; font-size:14px; background:#00a6c3 url('plus.png') no-repeat 14px center; padding:0 10px; width:310px; height:40px; white-space:nowrap; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; } #gestion-utilisateurs #validUserChange{ background-image:url('validchange.png') } #gestion-utilisateurs tr td:last-of-type { width:150px; text-align:center; } #gestion-utilisateurs tr td:last-of-type span{ display:inline-block; width:30px; height:30px; margin:-5px 20px -5px 0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; -moz-background-size:24px 24px; -webkit-background-size:24px 24px; background-size:24px 24px; cursor:pointer; vertical-align:middle; } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(1){ background-image:url('account_open.png'); } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(1).actif{ background-image:url('account_open.png'); } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(1).inactif{ background-image:url('account_closed.png'); } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(1).notouch{ background-image:url('account_notouch.png'); } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(2){ background-image:url('account_edit.png'); } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(3){ background-image:url('account_delete.png'); margin-right:0; } #gestion-utilisateurs tr td:last-of-type span:nth-of-type(3).deleteNotouch{ background-image:url('account_delete_notouch.png'); } #gestion-utilisateurs form{ display:block; position:relative; width:800px; max-width:100%; margin:30px auto; padding:25px 0 40px 0; } #gestion-utilisateurs form label{ display:block; position:relative; margin:10px 0 5px 0; text-align:left; } #gestion-utilisateurs input[type='text']{ display:block; position:relative; margin:5px 0 15px 0; width:100%; height:30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; color:#000; border-width:1px; border-style:solid; border-color:#00a6c3; -moz-transition:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; transition:border-color 0.5s ease; text-align:left; padding:5px 10px; font-size:16px; } #gestion-utilisateurs input[type='text']:focus{ border-color:#000; border-width:1px; padding:5px 10px; outline:0; -moz-transition:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; transition:border-color 0.5s ease; } #gestion-utilisateurs input[type='submit']{ margin-top:30px; } #gestion-utilisateurs input[type='text'].errorField{ border-color:#a00; border-width:2px; padding:4px 10px; -moz-transition:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; transition:border-color 0.5s ease; } #gestion-utilisateurs tr.inactifTR td{ color:#777; } #gestion-utilisateurs .message{ display:block; text-align:center; margin-bottom:-10px; } #gestion-utilisateurs .message em, #gestion-utilisateurs .message span{ display:block; position:relative; margin:0 auto 8px auto; text-align:center; color:#000; font-style:normal; } #gestion-utilisateurs .message span{ color:#a00; } .backtab{ display:block; position:absolute; margin:0; top:0; left:0; color:#a00; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.8em; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } .backtab:last-of-type{ top:auto; bottom:0; } .backtab:hover{ color:#000; } /* Gestion des fichiers RTF */ #gestion-comptes-rendus h2 { text-align:center; } #gestion-comptes-rendus #message{ display:block; margin:0; padding:0; text-align:center; height:1em; } #gestion-comptes-rendus #message span{ color:#a00; } #gestion-comptes-rendus #message i{ display:inline-block; position:relative; font-weight:bold; font-style:normal; cursor:pointer; font-size:30px; margin:-1em -5px 0 5px; line-height:1em; } #gestion-comptes-rendus input[type='button'], #gestion-comptes-rendus input[type='submit']{ display:block; margin:0 auto; border:0; color:#fff; font-family:"arial-narrowregular", "Arial", arial, sans-serif; font-size:14px; background:#00a6c3 url('plus.png') no-repeat 14px center; padding:0 10px; width:310px; height:40px; white-space:nowrap; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; } #gestion-comptes-rendus #validUserChange{ background-image:url('validchange.png') } #gestion-comptes-rendus form{ display:block; position:relative; width:400px; max-width:100%; margin:0 auto 10px auto; padding:0; } #gestion-comptes-rendus form label{ display:block; margin:0 auto; border:0; color:#fff; font-family:"arial-narrowregular", "Arial", arial, sans-serif; font-size:14px; background:#00a6c3 url('plus.png') no-repeat 24px center; padding:0 0 0 10px; width:230px; height:40px; white-space:nowrap; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; line-height:40px; text-align:center; } #gestion-comptes-rendus form #loading{ display:block; clear:both; text-align:center; font-size:14px; 10px auto -5px auto; -moz-opacity:0; -webkit-opacity:0; opacity:0; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } #gestion-comptes-rendus form #loading img{ vertical-align:bottom; } #gestion-comptes-rendus input[type='text']{ display:block; position:relative; margin:5px 0 15px 0; width:100%; height:30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; color:#000; border-width:1px; border-style:solid; border-color:#00a6c3; -moz-transition:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; transition:border-color 0.5s ease; text-align:left; padding:5px 10px; font-size:16px; } #gestion-comptes-rendus input[type='text']:focus{ border-color:#000; border-width:1px; padding:5px 10px; outline:0; -moz-transition:border-color 0.5s ease; -webkit-transition:border-color 0.5s ease; transition:border-color 0.5s ease; } #gestion-comptes-rendus input[type='submit']{ margin-top:30px; } #gestion-comptes-rendus table{ display:table; position:relative; width:1000px; table-layout:auto; height:auto; margin:30px auto; border:1px solid #00a6c3; font-family:"arial_narrowregular", sans-serif; font-size:13px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #gestion-comptes-rendus table caption{ text-align:center; padding:0 0 15px 0; font-size:14px; } #gestion-comptes-rendus table caption #editer{ display:inline-block; position:relative; width:20px; height:20px; margin:0 3px 0 4px; border:0; background:transparent url('account_edit.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; vertical-align:middle; } #gestion-comptes-rendus table caption #save{ display:inline-block; position:relative; width:20px; height:20px; margin:0 3px 0 4px; border:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#26cf00 url('validchange.png') no-repeat center center; vertical-align:middle; -moz-background-size:12px 12px; -webkit-background-size:12px 12px; background-size:12px 12px; } #gestion-comptes-rendus table caption #enter{display:inline-block; position:relative; width:18px; height:18px; border:1px solid #888; border-radius:4px; text-align:center; vertical-align:middle; color:#333; font-size:24px; font-style:normal; line-height:11px; margin:0 3px 0 1px; } #gestion-comptes-rendus table th{ background:#00a6c3; color:#fff; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:10px; margin:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #gestion-comptes-rendus table th::before, #gestion-comptes-rendus table th::before, #gestion-comptes-rendus table th::after, #gestion-comptes-rendus table th::after{ content:"\25B2"; display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 3px 0 0; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #gestion-comptes-rendus table th::after, #gestion-comptes-rendus table th::after{ margin:0 0 0 3px; } #gestion-comptes-rendus table .asc::after{ content:"\25B2"; } #gestion-comptes-rendus table .desc::after{ content:"\25BC"; } #gestion-comptes-rendus table .asc::after, #gestion-comptes-rendus table .desc::after{ display:inline-block; font-family:arial, sans-serif; color:#fff; font-weight:bold; font-size:0.9em; margin:0 0 0 3px; -moz-opacity:1; -webkit-opacity:1; opacity:1; } #gestion-comptes-rendus table tr:nth-of-type(2n+1){ background:transparent; } #gestion-comptes-rendus table tr:nth-of-type(2n){ background:#eee; } #gestion-comptes-rendus table tr.errorBlink{ -moz-animation:blinkred 0.3s 1 linear; -webkit-animation:blinkred 0.3s 1 linear; animation:blinkred 0.3s 1 linear; } @-moz-keyframes blinkred{ 0% { background:transparent; } 50% { background:#f66; } 100% { background:transparent; } } @-webkit-keyframes blinkred{ 0% { background:transparent; } 50% { background:#f66; } 100% { background:transparent; } } @keyframes blinkred{ 0% { background:transparent; } 50% { background:#f66; } 100% { background:transparent; } } #gestion-comptes-rendus table tr.successBlink{ -moz-animation:blinkgreen 0.3s 1 linear; -webkit-animation:blinkgreen 0.3s 1 linear; animation:blinkgreen 0.3s 1 linear; } @-moz-keyframes blinkgreen{ 0% { background:transparent; } 50% { background:#6f6; } 100% { background:transparent; } } @-webkit-keyframes blinkgreen{ 0% { background:transparent; } 50% { background:#6f6; } 100% { background:transparent; } } @keyframes blinkgreen{ 0% { background:transparent; } 50% { background:#6f6; } 100% { background:transparent; } } #gestion-comptes-rendus table tr td { padding:15px 10px; font-size:14px; text-align:center; vertical-align:middle; color:#000; margin:0; white-space:nowrap; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #gestion-comptes-rendus table td:nth-of-type(1), #gestion-comptes-rendus table td:nth-of-type(2){ min-width:430px; max-width:430px; white-space:nowrap; font-size:16px; text-align:left; font-family:"arial_narrowregular", "Arial", arial, sans-serif; } #gestion-comptes-rendus table td:nth-of-type(2){ min-width:370px; max-width:370px; } #gestion-comptes-rendus table td:nth-of-type(2){ overflow:hidden; text-overflow:ellipsis; cursor:help; } #gestion-comptes-rendus table td:nth-of-type(1){ padding:0; } #gestion-comptes-rendus table td:nth-of-type(1) input[type='text']{ display:inline-block; width:calc(100% - 63px); margin:3px; border-color:transparent; background:transparent; font-size:16px; font-family:"arial_narrowregular", "Arial", arial, sans-serif; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; overflow:hidden; text-overflow:ellipsis; cursor:help; } #gestion-comptes-rendus table td:nth-of-type(1) input[type='text']:focus{ border-color:#00a6c3; background:#fff; overflow:auto; text-overflow:none; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; cursor:text; } #gestion-comptes-rendus table td:nth-of-type(1) input[type='button']{ display:inline-block; padding:0; width:24px; height:24px; border:0; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; background:#26cf00 url('validchange.png') no-repeat center center; margin:0; visibility:hidden; -webkit-opacity:0; opacity:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; vertical-align:middle; } #gestion-comptes-rendus table td:nth-of-type(1) input[type='button'].show{ visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; } #gestion-comptes-rendus table tr td:nth-of-type(3){ max-width:130px; min-width:130px; white-space:nowrap; } #gestion-comptes-rendus table tr td:last-of-type span{ display:inline-block; width:30px; height:30px; margin:-5px 15px -5px 0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:center center; -moz-background-size:24px 24px; -webkit-background-size:24px 24px; background-size:24px 24px; cursor:pointer; vertical-align:middle; } #gestion-comptes-rendus table tr td:last-of-type span:nth-of-type(1){ background-image:url('account_edit.png'); } #gestion-comptes-rendus table tr td:last-of-type span:nth-of-type(2){ background-image:url('account_delete.png'); } #gestion-comptes-rendus table tr td:last-of-type span:nth-of-type(3){ background-image:url('file_ddl.png'); margin-right:0; } /* Tableau de l'historique patient */ #histoPatientsTelerad{ display:table; border:1px solid #333; border-collapse:collapse; width:100%; margin:30px auto; background:#fff; } #histoPatientsTelerad th{ background:#333; color:#fff; text-align:center; padding:5px; vertical-align:middle; font-size:0.7em; text-transform:uppercase; } #histoPatientsTelerad th:nth-of-type(1){ width:20px; } #histoPatientsTelerad th:nth-of-type(2){ width:80px; } #histoPatientsTelerad th:nth-of-type(3){ width:80px; } #histoPatientsTelerad th:nth-of-type(4){ width:80px; } #histoPatientsTelerad th:nth-of-type(5){ width:80px; } #histoPatientsTelerad tr:nth-of-type(2n+2){ background:#ddd; } #histoPatientsTelerad tr td{ padding:5px; text-align:center; font-size:0.9em; } input[type="button"].dcmMultButton{ display:block; position:relative; width:100px; height:45px; background:#333 url('icone_viewer.png') no-repeat center 6px; -moz-background-size:20px 20px; -webkit-background-size:20px 20px; background-size:20px 20px; color:#fff; font-size:10px; line-height:60px; text-transform:uppercase; border:0; margin:20px auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor: pointer; } /* Menu des CR types */ #listeModeles{ display:block; position:absolute; top:50%; left:50%; margin:-101px 0 0 -151px; width:200px; height:100px; background:#fff; border:1px solid #000; z-index:100; padding:50px; text-align:center; -moz-opacity:0; -webkit-opacity:0; opacity:0; visibility:hidden; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; } #cacheModele{ display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; background:url('bg_see.png'); z-index:90; -moz-opacity:0; -webkit-opacity:0; opacity:0; visibility:hidden; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; cursor:pointer; } #cacheModele span{ display:block; position:absolute; top:50%; right:50%; margin:-120px -240px 0 0; color:#fff; text-transform:uppercase; font-size:11px; } #cacheModele span::after{ content:''; background:transparent url('cross_w.png') no-repeat center center; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain; display:inline-block; width:12px; height:12px; margin:0 0 0 5px; vertical-align:top; border:0; } #listeModeles.visible, #cacheModele.visible{ -moz-opacity:1; -webkit-opacity:1; opacity:1; visibility:visible; } #listeModeles h3{ margin:0 0 20px 0; } #listeModeles select{ display:block; width:100%; border:1px solid #666; text-align:left; margin-bottom:20px; } input[type='button']{ display:block; margin:0 auto; border:0; color:#fff; background:#333; padding:5px 10px; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; } /* Fenêtre de visualisation du CR */ #displayCr{ display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh; cursor:pointer; background:url('bg_galerie.png'); z-index:100; cursor:pointer; } #displayCr::after{ content:"Fermer"; display:block; position:absolute; top:20px; right:20px; color:#fff; font-size:14px; } #innerWin{ display:block; position:absolute; height:94vh; width:70vh; top:3vh; bottom:3vh; left:50%; margin-left:-35vh; z-index:101; cursor:normal; } #innerWin object{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:1px solid #fff; } /* Interface lecture des études */ #study{ padding:0; position:relative; } #study #studyHeader{ display:block; position:relative; height:150px; width:auto; padding:0; margin:-150px 0 0 0; -moz-transition:ease all 0.5s; -webkit-transition:ease all 0.5s; transition:ease all 0.5s; } #study #studyHeader::after{ content:""; display:block; position:absolute; bottom:-50px; left:-20px; width:20px; background:#333; height:50px; } #study #studyBody{ display:block; position:relative; min-height:100vh; max-height:100vh - 150px; width:auto; padding:0; margin:0; -moz-transition:ease all 0.5s; -webkit-transition:ease all 0.5s; transition:ease all 0.5s; } #study #editionBlock{ display:block; position:absolute; top:0; left:0; right:50%; bottom:0; width:50%; height:100%; overflow-y:auto; overflow-x:hidden; } #study #visualBlock{ display:block; position:absolute; top:0; left:50%; right:0; bottom:0; width:50%; height:100%; } #study #editionBlock #nomPatient{ display:block; position:relative; height:40px; width:calc(100% - 40px); background:#333; color:#ddd; font-size:18px; text-align:left; line-height:40px; margin:0; padding:0 20px; font-weight:bold; } .docElement{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #ordonnance, #study #compterendu{ display:block; width:100%; height:calc(100% - 308px); margin:0; padding:0; background:#fff; border:0; } #study #compterendu{ display:none; } #study #ordonnance p{ display:block; position:relative; text-align:center; margin:0; padding:50px; } #study #studyHeader table{ width:100%; background:transparent; font-size:13px; margin:0; padding:0; border:0; border-collapse:collapse; } #study #studyHeader table th{ background:#333; color:#fff; font-family:'arial_narrowregular',sans-serif; font-size:14px; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:15px 10px; margin:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #study #studyHeader table td{ vertical-align:top; padding:10px 5px 3px 5px; font-size:0.9em; } #study #studyHeader table th:first-of-type{ width:0; padding:15px 10px; } #study #studyHeader table td:first-of-type{ width:0; padding:3px 10px; } #study #studyHeader #hidePatientData{ display:block; position:absolute; padding:3px; bottom:0; left:0px; color:#00a6c3; font-family:'Arial', sans-serif; font-size:20px; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #studyHeader #hidePatientData:hover{ color:#00a6c3; } #study #studyHeader #hidePatientData::after{ content:"\25B2"; display:block; position:absolute; padding:3px; bottom:-8px; left:0; color:#fff; font-family:'Arial', sans-serif; font-size:20px; } #study #studyHeader #showPatientData{ display:block; position:absolute; padding:3px; bottom:-38px; left:0px; color:#ddd; font-family:'Arial', sans-serif; font-size:20px; cursor:pointer; z-index:50; -moz-transition:color ease 0.3s; -webkit-transition:color ease 0.3s; transition:color ease 0.3s; } #study #studyHeader #showPatientData:hover{ color:#fff; } #study #studyHeader #showPatientData::after{ content:"\25BC"; display:block; position:absolute; padding:3px; bottom:8px; left:0; color:#333; font-family:'Arial', sans-serif; font-size:20px; } #study #studyHeader #showPatientData.hideUp{ -moz-transition:bottom ease 0.3s; -webkit-transition:bottom ease 0.3s; transition:bottom ease 0.3s; bottom:200px; } #study #studyHeader #showPatientData.showDown{ -moz-transition:bottom ease 0.5s, 0.5s; -webkit-transition:bottom ease 0.5s, 0.5s; transition:bottom ease 0.5s, 0.5s; bottom:-38px; } #study #editionBlock #navBlock{ display:block; position:relative; width:auto; height:auto; padding:8px 0 12px 25px; text-align:left; background:#333; height:30px; } #study #editionBlock #navBlock span{ display:inline-block; position:relative; width:16%; height:auto; border:0; margin:0 5px 0 0; padding:0 0 15px 0; text-align:center; cursor:pointer; } #study #editionBlock #navBlock span::after{ content:attr(data-info); display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; font-family:"arial_narrowregular", sans-serif; font-size:9px; color:#eee; text-transform:uppercase; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #editionBlock #navBlock img{ display:inline-block; border:0; width:auto; height:20px; cursor:pointer; margin:0; vertical-align:top; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #editionBlock #navBlock span:hover img{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study #editionBlock #navBlock span:hover::after{ color:#fff; } #study #editionBlock #navBlock #validDos{ float:right; margin-right:10%; } #study #editionBlock #actes{ display:block; position:relative; margin:0; width:calc(100% - 40px); padding:0 20px 5px 20px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:" . . ."; font-size:0.7em; background:#333; color:#eee; } #study #editionBlock #actes strong{ display:inline-block; text-transform:uppercase; padding:0; } #study #editionBlock #actes span{ display:block; position:absolute; width:20px; height:20px; background:transparent url('openarrow_w.png') no-repeat left top; -moz-background-size:1em 1em; -webkit-background-size:1em 1em; background-size:1em 1em; top:0; right:0; z-index:2; cursor:pointer; } #study #editionBlock form{ display:block; position:relative; margin:0; width:calc(100% - 40px); padding:5px 20px 20px 20px; height:auto; overflow:hidden; } #study #editionBlock form label{ display:block; position:relative; clear:both; font-size:16px; font-weight:bold; margin:7px 0 7px 20px; text-transform:uppercase; } #study #editionBlock form input, #study #editionBlock form textarea{ display:block; position:relative; clear:both; } #study #editionBlock form input[type='text'], #study #editionBlock form textarea{ display:block; position:relative; background:transparent; border:1px solid #fff; width:100%; font-family:"raleway", "arial_narrowregular", sans-serif; font-size:1em; text-align:justify; padding:3px; -moz-resize:none; -webkit-resize:none; resize:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; z-index:2; } #study #editionBlock form input[type='text']:focus, #study #editionBlock form textarea:focus{ border-color:#000; cursor:text; } #study #editionBlock form textarea{ height:125px; } .textClosed{ -moz-transition:all ease 0.3s 1s; -webkit-transition:all ease 0.3s 1s; transition:all ease 0.3s 1s; } .textOpened{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } .textClosed::after{ content:"Cliquez ici pour ouvrir la zone de texte."; display:block; position:absolute; bottom:35px; right:25px; font-size:11px; color:#aaa; z-index:-1; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.3s 2s; -webkit-transition:all ease 0.3s 2s; transition:all ease 0.3s 2s; } .textOpened::after{ content:""; -moz-opacity:0; -webkit-opacity:0; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #editionBlock form input[type='submit'], #study #editionBlock form input[type='button']{ cursor:pointer; background:#666; color:#fff; display:block; width:200px; height:0; line-height:30px; padding:0 10px; margin:0; border:0; text-transform:uppercase; float:right; -moz-transition:all ease 0.3s 1s; -webkit-transition:all ease 0.3s 1s; transition:all ease 0.3s 1s; } #study #editionBlock form input[type='submit'].opened, #study #editionBlock form input[type='button'].opened{ height:30px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #editionBlock form #sub1, #study #editionBlock form #sub2{ display:block; float:right; width:50%; margin:0; padding:0; border:0; } #study #editionBlock form .titrecr{ display:inline-block; width:calc(100% - 110px); margin-right:10px; } #study #editionBlock form .dose{ display:inline-block; width:100px; } #study #editionBlock form fieldset{ display:block; padding:0; margin:0; border:0; background:transparent; } #study #boutonPhotos{ display:block; position:absolute; left:20px; bottom:20px; z-index:10; font-size:0.8em; font-weight:bold; cursor:pointer; text-decoration:underline; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #boutonPhotos:hover{ text-decoration:none; color:#000; } #study #boutonPhotos::after{ content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-4px; width:0; height:0; background:transparent; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #boutonPhotos:hover::after{ right:-15px; border-left-color:#000; } #study #boutonContact{ display:inline-block; position:relative; cursor:pointer; color:#ddd; font-size:0.6em; text-transform:uppercase; vertical-align:0.1em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #boutonContact:hover{ color:#eee; } #study #boutonHisto{ display:block; position:absolute; left:160px; bottom:20px; z-index:10; font-size:0.8em; font-weight:bold; cursor:pointer; text-decoration:underline; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #boutonHisto:hover{ text-decoration:none; color:#000; } #study #boutonHisto::after{ content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-4px; width:0; height:0; background:transparent; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #boutonHisto:hover::after{ right:-15px; border-left-color:#000; } #study #editionBlock #dictCR{ display:block; } #study #editionBlock #notesLibres{ display:none;height:calc(100% - 110px); } #study #editionBlock #notesLibres textarea{ height:calc(100% - 40px); } #study #visualBlock #navVisualBlock{ display:block; position:relative; width:auto; height:auto; padding:8px 0 12px 0; text-align:left; background:#333; height:30px; } #study #visualBlock #navVisualBlock span{ display:inline-block; position:relative; width:12%; height:auto; border:0; margin:0 5px 0 0; padding:0 0 15px 0; text-align:center; cursor:pointer; } #study #visualBlock #navVisualBlock span::after{ content:attr(data-info); display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; font-family:"arial_narrowregular", sans-serif; font-size:9px; color:#eee; text-transform:uppercase; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #visualBlock #navVisualBlock span img{ display:inline-block; border:0; width:auto; height:20px; cursor:pointer; margin:0; vertical-align:top; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study #visualBlock #navVisualBlock span:hover img{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study #visualBlock #navVisualBlock span:hover::after{ color:#fff; } #study #visualBlock #navVisualBlock span #weasisDiv{ display:inline-block; vertical-align:top; width:25px; height:20px; margin:0 auto; background:transparent url('icone_weasis.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; } #study #visualBlock #navVisualBlock span #weasisDiv:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study #visualBlock #documents small{ display:block; margin:-20px 0 20px 0; font-size:0.75em; } #study #visualBlock #documents img{ display:inline-block;; max-width:300px; max-height:300px; border:1px solid #666; margin:0 5px 10px 5px; cursor:pointer; -moz-transition:top ease 0.5s, left ease 0.5s; -webkit-transition:top ease 0.5s, left ease 0.5s; transition:top ease 0.5s, left ease 0.5s; } #study #visualBlock #documents img.displayBig{ display:block; position:absolute; top:50px; left:20px; width:auto; height:auto; max-width:calc(100% - 40px); max-height:none; margin:0; border:0; z-index:1000; } #study #visualBlock #documents ul li:first-letter{ text-transform:uppercase; } #study #visualBlock #documents p:first-letter{ text-transform:uppercase; } #study #visualBlock #documents p{ padding-left:40px; } #study #editionBlock #navBlock span::before, #study #visualBlock #navVisualBlock span::before{ content:""; display:block; position:absolute; bottom:-7px; left:1px; right:1px; width:calc(100% - 2px); height:4px; background:#00a6c3; } #study #visualBlock #displayData{ display:block; position:absolute; width:100%; height:calc(100% - 50px); overflow:hidden; background:#000; top:50px; left:0; right:0; bottom:0; overflow:auto; } #study #visualBlock #displayData .dataElement{ display:none; } #study #visualBlock #displayData .dataElement:first-of-type{ display:block; } #study #visualBlock #displayData #viewer{ display:block; position:absolute; width:100%; height:100%; overflow:hidden; background:#000; top:0; left:0; right:0; bottom:0; } #study #visualBlock #displayData #historique, #study #visualBlock #displayData #documents{ background:#eee; padding:25px; height:calc(100% - 50px); width:calc(100% - 90px); overflow:auto; border:20px solid #333; border-width:0 20px; } #study #visualBlock #displayData #historique h2, #study #visualBlock #displayData #documents h2{ display:block; padding:0 25px; margin:-25px -25px 25px -25px; border:0; background:#333; color:#fff; font-weight:normal; font-size:20px; height:50px; line-height:50px; text-align:left; } #study #visualBlock #displayData #historique a, #study #visualBlock #displayData #documents a{ color:#a00; } #study #visualBlock #displayData #historique a:hover, #study #visualBlock #displayData #documents a:hover{ color:#000; text-decoration:none; } #study #visualBlock #displayData #documents ul{ list-style-type:circle; } /*****************************************************/ #study2{ padding:0; position:relative; } #study2 #studyHeader{ display:block; position:relative; height:150px; width:auto; padding:0; margin:-150px 0 0 0; -moz-transition:ease all 0.5s; -webkit-transition:ease all 0.5s; transition:ease all 0.5s; } #study2 #studyHeader::after{ content:""; display:block; position:absolute; bottom:-50px; left:-20px; width:20px; background:#333; height:50px; } #study2 #studyBody{ display:block; position:relative; min-height:100vh; max-height:100vh - 150px; width:auto; padding:0; margin:0; -moz-transition:ease all 0.5s; -webkit-transition:ease all 0.5s; transition:ease all 0.5s; } #study2 #editionBlock{ display:block; position:absolute; top:0; left:0; right:50%; bottom:0; width:50%; height:100%; overflow-y:auto; overflow-x:hidden; } #study2 #visualBlock{ display:block; position:absolute; top:0; left:50%; right:0; bottom:0; width:50%; height:100%; } #study2 #editionBlock #nomPatient{ display:block; position:relative; height:40px; width:calc(100% - 40px); background:#333; color:#ddd; font-size:18px; text-align:left; line-height:40px; margin:0; padding:0 20px; font-weight:bold; } .docElement{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #ordonnance, #study2 #compterendu{ display:block; width:100%; height:calc(100% - 299px); margin:0; padding:0; background:#fff; border:0; } #study2 #compterendu{ display:none; } #study2 #ordonnance p{ display:block; position:relative; text-align:center; margin:0; padding:50px; } #study2 #studyHeader table{ width:100%; background:transparent; font-size:13px; margin:0; padding:0; border:0; border-collapse:collapse; } #study2 #studyHeader table th{ background:#333; color:#fff; font-family:'arial_narrowregular',sans-serif; font-size:14px; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:15px 10px; margin:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #study2 #studyHeader table td{ vertical-align:top; padding:10px 5px 3px 5px; font-size:0.9em; } #study2 #studyHeader table th:first-of-type{ width:0; padding:15px 10px; } #study2 #studyHeader table td:first-of-type{ width:0; padding:3px 10px; } #study2 #studyHeader #hidePatientData{ display:block; position:absolute; padding:3px; bottom:0; left:0px; color:#00a6c3; font-family:'Arial', sans-serif; font-size:20px; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #studyHeader #hidePatientData:hover{ color:#00a6c3; } #study2 #studyHeader #hidePatientData::after{ content:"\25B2"; display:block; position:absolute; padding:3px; bottom:-8px; left:0; color:#fff; font-family:'Arial', sans-serif; font-size:20px; } #study2 #studyHeader #showPatientData{ display:block; position:absolute; padding:3px; bottom:-38px; left:0px; color:#ddd; font-family:'Arial', sans-serif; font-size:20px; cursor:pointer; z-index:50; -moz-transition:color ease 0.3s; -webkit-transition:color ease 0.3s; transition:color ease 0.3s; } #study2 #studyHeader #showPatientData:hover{ color:#fff; } #study2 #studyHeader #showPatientData::after{ content:"\25BC"; display:block; position:absolute; padding:3px; bottom:8px; left:0; color:#333; font-family:'Arial', sans-serif; font-size:20px; } #study2 #studyHeader #showPatientData.hideUp{ -moz-transition:bottom ease 0.3s; -webkit-transition:bottom ease 0.3s; transition:bottom ease 0.3s; bottom:200px; } #study2 #studyHeader #showPatientData.showDown{ -moz-transition:bottom ease 0.5s, 0.5s; -webkit-transition:bottom ease 0.5s, 0.5s; transition:bottom ease 0.5s, 0.5s; bottom:-38px; } #study2 #editionBlock #navBlock{ display:block; position:relative; width:auto; height:auto; padding:8px 0 12px 25px; text-align:left; background:#333; height:30px; } #study2 #editionBlock #navBlock span{ display:inline-block; position:relative; width:16%; height:auto; border:0; margin:0 5px 0 0; padding:0 0 15px 0; text-align:center; cursor:pointer; } #study2 #editionBlock #navBlock span::after{ content:attr(data-info); display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; font-family:"arial_narrowregular", sans-serif; font-size:9px; color:#eee; text-transform:uppercase; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #editionBlock #navBlock img{ display:inline-block; border:0; width:auto; height:20px; cursor:pointer; margin:0; vertical-align:top; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #editionBlock #navBlock span:hover img{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study2 #editionBlock #navBlock span:hover::after{ color:#fff; } #study2 #editionBlock #navBlock #validDos{ float:right; margin-right:10%; } #study2 #editionBlock #actes{ display:block; position:relative; margin:0; width:100%; padding:0 0 5px 0; height:20px; overflow:hidden; font-size:0.7em; background:#333; color:#eee; } #study2 #editionBlock #actes strong{ display:inline-block; text-transform:uppercase; padding:0 0 0 20px; } #study2 #editionBlock form{ display:block; position:relative; margin:0; width:calc(100% - 40px); padding:5px 20px 20px 20px; height:auto; overflow:hidden; } #study2 #editionBlock form label{ display:block; position:relative; clear:both; font-size:16px; font-weight:bold; margin:7px 0 7px 20px; text-transform:uppercase; } #study2 #editionBlock form input, #study2 #editionBlock form textarea{ display:block; position:relative; clear:both; } #study2 #editionBlock form input[type='text'], #study2 #editionBlock form textarea{ display:block; position:relative; background:transparent; border:1px solid #fff; width:100%; font-family:"raleway", "arial_narrowregular", sans-serif; font-size:1em; text-align:justify; padding:3px; -moz-resize:none; -webkit-resize:none; resize:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; z-index:2; } #study2 #editionBlock form input[type='text']:focus, #study2 #editionBlock form textarea:focus{ border-color:#000; cursor:text; } #study2 #editionBlock form textarea{ height:125px; } .textClosed{ -moz-transition:all ease 0.3s 1s; -webkit-transition:all ease 0.3s 1s; transition:all ease 0.3s 1s; } .textOpened{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } .textClosed::after{ content:"Cliquez ici pour ouvrir la zone de texte."; display:block; position:absolute; bottom:35px; right:25px; font-size:11px; color:#aaa; z-index:-1; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.3s 2s; -webkit-transition:all ease 0.3s 2s; transition:all ease 0.3s 2s; } .textOpened::after{ content:""; -moz-opacity:0; -webkit-opacity:0; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #editionBlock form input[type='submit'], #study2 #editionBlock form input[type='button']{ cursor:pointer; background:#666; color:#fff; display:block; width:200px; height:0; line-height:30px; padding:0 10px; margin:0; border:0; text-transform:uppercase; float:right; -moz-transition:all ease 0.3s 1s; -webkit-transition:all ease 0.3s 1s; transition:all ease 0.3s 1s; } #study2 #editionBlock form input[type='submit'].opened, #study2 #editionBlock form input[type='button'].opened{ height:30px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #editionBlock form #sub1, #study2 #editionBlock form #sub2{ display:block; float:right; width:50%; margin:0; padding:0; border:0; } #study2 #editionBlock form .titrecr{ display:inline-block; width:calc(100% - 110px); margin-right:10px; } #study2 #editionBlock form .dose{ display:inline-block; width:100px; } #study2 #editionBlock form fieldset{ display:block; padding:0; margin:0; border:0; background:transparent; } #study2 #boutonPhotos{ display:block; position:absolute; left:20px; bottom:20px; z-index:10; font-size:0.8em; font-weight:bold; cursor:pointer; text-decoration:underline; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #boutonPhotos:hover{ text-decoration:none; color:#000; } #study2 #boutonPhotos::after{ content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-4px; width:0; height:0; background:transparent; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #boutonPhotos:hover::after{ right:-15px; border-left-color:#000; } #study2 #boutonContact{ display:inline-block; position:relative; cursor:pointer; color:#ddd; font-size:0.6em; text-transform:uppercase; vertical-align:0.1em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #boutonContact:hover{ color:#eee; } #study2 #boutonHisto{ display:block; position:absolute; left:160px; bottom:20px; z-index:10; font-size:0.8em; font-weight:bold; cursor:pointer; text-decoration:underline; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #boutonHisto:hover{ text-decoration:none; color:#000; } #study2 #boutonHisto::after{ content:''; display:block; position:absolute; right:-10px; top:50%; margin-top:-4px; width:0; height:0; background:transparent; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #boutonHisto:hover::after{ right:-15px; border-left-color:#000; } #study2 #editionBlock #dictCR{ display:block; } #study2 #editionBlock #notesLibres{ display:none;height:calc(100% - 110px); } #study2 #editionBlock #notesLibres textarea{ height:calc(100% - 40px); } #study2 #visualBlock #navVisualBlock{ display:block; position:relative; width:auto; height:auto; padding:8px 0 12px 0; text-align:left; background:#333; height:30px; } #study2 #visualBlock #navVisualBlock span{ display:inline-block; position:relative; width:12%; height:auto; border:0; margin:0 5px 0 0; padding:0 0 15px 0; text-align:center; cursor:pointer; } #study2 #visualBlock #navVisualBlock span::after{ content:attr(data-info); display:block; position:absolute; bottom:0; left:0; right:0; width:100%; text-align:center; font-family:"arial_narrowregular", sans-serif; font-size:9px; color:#eee; text-transform:uppercase; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #visualBlock #navVisualBlock span img{ display:inline-block; border:0; width:auto; height:20px; cursor:pointer; margin:0; vertical-align:top; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; } #study2 #visualBlock #navVisualBlock span:hover img{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study2 #visualBlock #navVisualBlock span:hover::after{ color:#fff; } #study2 #visualBlock #navVisualBlock span #weasisDiv{ display:inline-block; vertical-align:top; width:25px; height:20px; margin:0 auto; background:transparent url('icone_weasis.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; } #study2 #visualBlock #navVisualBlock span #weasisDiv:hover{ -moz-opacity:1; -webkit-opacity:1; opacity:1; } #study2 #visualBlock #documents small{ display:block; margin:-20px 0 20px 0; font-size:0.75em; } #study2 #visualBlock #documents img{ display:inline-block;; max-width:300px; max-height:300px; border:1px solid #666; margin:0 5px 10px 5px; cursor:pointer; -moz-transition:top ease 0.5s, left ease 0.5s; -webkit-transition:top ease 0.5s, left ease 0.5s; transition:top ease 0.5s, left ease 0.5s; } #study2 #visualBlock #documents img.displayBig{ display:block; position:absolute; top:50px; left:20px; width:auto; height:auto; max-width:calc(100% - 40px); max-height:none; margin:0; border:0; z-index:1000; } #study2 #visualBlock #documents ul li:first-letter{ text-transform:uppercase; } #study2 #visualBlock #documents p:first-letter{ text-transform:uppercase; } #study2 #visualBlock #documents p{ padding-left:40px; } #study2 #editionBlock #navBlock span::before, #study2 #visualBlock #navVisualBlock span::before{ content:""; display:block; position:absolute; bottom:-7px; left:1px; right:1px; width:calc(100% - 2px); height:4px; background:#00a6c3; } #study2 #visualBlock #displayData{ display:block; position:absolute; width:100%; height:calc(100% - 50px); overflow:hidden; background:#000; top:50px; left:0; right:0; bottom:0; overflow:auto; } #study2 #visualBlock #displayData .dataElement{ display:none; } #study2 #visualBlock #displayData .dataElement:first-of-type{ display:block; } #study2 #visualBlock #displayData #viewer{ display:block; position:absolute; width:100%; height:100%; overflow:hidden; background:#000; top:0; left:0; right:0; bottom:0; } #study2 #visualBlock #displayData #historique, #study2 #visualBlock #displayData #documents{ background:#eee; padding:25px; height:calc(100% - 50px); width:calc(100% - 90px); overflow:auto; border:20px solid #333; border-width:0 20px; } #study2 #visualBlock #displayData #historique h2, #study2 #visualBlock #displayData #documents h2{ display:block; padding:0 25px; margin:-25px -25px 25px -25px; border:0; background:#333; color:#fff; font-weight:normal; font-size:20px; height:50px; line-height:50px; text-align:left; } #study2 #visualBlock #displayData #historique a, #study2 #visualBlock #displayData #documents a{ color:#a00; } #study2 #visualBlock #displayData #historique a:hover, #study2 #visualBlock #displayData #documents a:hover{ color:#000; text-decoration:none; } #study2 #visualBlock #displayData #documents ul{ list-style-type:circle; } /*****************************************************/ #tableActes{ display:table; position:relative; width:100%; height:auto; margin:0; border:1px solid #00a6c3; font-family:"arial_narrowregular", sans-serif; font-size:13px; border-spacing:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #tableActes tr th{ background:#00a6c3; color:#fff; text-align:center; text-transform:uppercase; font-weight:normal; vertical-align:middle; white-space:nowrap; padding:10px; margin:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } #tableActes tr:nth-of-type(2n+2){ background:#eee; } #tableActes tr td{ padding:10px; margin:0; border:0; text-align:center; vertical-align:top; } #tableActes tr td:nth-of-type(1){ text-align:center; width:140px; } #tableActes tr td:nth-of-type(7){ text-align:left; } #tableActes tr th:nth-of-type(1), #tableActes tr th:nth-of-type(2), #tableActes tr th:nth-of-type(3), #tableActes tr th:nth-of-type(4), #tableActes tr th:nth-of-type(5){ cursor:pointer; } #tableActes tr td:last-of-type{ text-align:right; } #tableActes tr td:nth-of-type(1), #tableActes tr td:nth-of-type(2), #tableActes tr td:nth-of-type(3), #tableActes tr td:nth-of-type(4), #tableActes tr td:nth-of-type(5){ white-space:nowrap; } #tableActes tr td span{ display:block; position:relative; clear:both; padding:0 0 5px 0; margin:0; } #tableActes tr td span:last-of-type{ padding:0; } #tableActes #totalActs td:nth-of-type(1), #tableActes #totalActs td:nth-of-type(2){ text-align:right; background:#00a6c3; color:#fff; text-transform:uppercase; font-size:1.2em; } #filterTab{ display:block; position:relative; padding:15px 25px 10px 25px; margin:0 25px 20px 25px; font-size:0.7em; text-align:left; } #filterTab div{ display:inline-block; position:relative; border:1px solid #aaa; margin:0 5px 5px 0; padding:15px; min-width:200px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #filterTab ul{ display:block; padding:5px 0 0 20px; margin:0; } #filterTab ul li{ list-stype:none; display:inline-block; margin:0; padding:0 5px 5px 0; } /*#filterTab div:last-of-type ul{ padding-bottom:0; }*/ #filterTab strong{ display:block; position:absolute; top:-0.7em; font-size:1.4em; left:15px; background:#fff; padding:0 3px; color:#666; }