@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; }
@font-face { font-family:'BebasNeueRegular'; 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'); font-weight:normal; font-style:normal; }
@font-face { font-family:'AmaranthRegular'; src:url('fonts/Amaranth-webfont.eot'); src:url('fonts/Amaranth-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Amaranth-webfont.woff') format('woff'), url('fonts/Amaranth-webfont.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@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:'asap'; src:url('fonts/asapcondensed-regular-webfont.woff2') format('woff2'),  url('fonts/asapcondensed-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal; }
@font-face { font-family:'asap'; src:url('fonts/asapcondensed-bold-webfont.woff2') format('woff2'), url('fonts/asapcondensed-bold-webfont.woff') format('woff'); font-weight:bold; font-style:normal; }
@font-face { font-family:'asap'; src:url('fonts/asapcondensed-italic-webfont.woff2') format('woff2'), url('fonts/asapcondensed-italic-webfont.woff') format('woff'); font-weight:normal; font-style:italic; }
@font-face { font-family:'asap'; src:url('fonts/asapcondensed-bolditalic-webfont.woff2') format('woff2'), url('fonts/asapcondensed-bolditalic-webfont.woff') format('woff'); font-weight:bold; font-style:italic; }

body, html{ height:100%; }
body{ margin:0; padding:0; background:#fff; font-family:'arial_narrowregular', arial, sans-serif; font-size:1em; color:#222; }

#surpage, #page{ display:block; position:relative; padding:0; margin:0; width:100%; min-height:100%; top:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }

#page{ width:100%; max-width:900px; min-width:500px; margin:0 auto; padding-bottom:3em; }
#examPage #page{ width:100%; max-width:none; margin:0; }

#lang{ position:absolute; display:inline-block; width:auto; margin:0; right:15px; top:20px; }
#lang img{ width:25px; height:17px; margin:0; border:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
/*#lang img:hover{ border-color:#666; }*/

a:focus, a:active, input:focus, input:active{ outline:0; }
a, a:hover, input[type=submit], input[type=button], input[type=image]{ cursor:pointer; }

input[type=submit], input[type=button]{ height:1.2em; }

#formtitle { display:block; margin:0 auto 10px auto; height:160px; font-size:0; padding:0; background:transparent url('logoaccess.png') no-repeat center bottom; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; font-weight:normal; font-family:'AmaranthRegular',arial, sans-serif; color:#00a5bf; width:300px; }
#formtitle:first-letter{ font-size:1.8em; font-family:'arial narrow','arial_narrowregular',sans-serif; font-weight:bold; }
#formtitle small { display:none; clear:both; margin:-10px 0 0 5px; font-size:0.4em; line-height:0; text-align:left; font-family:'arial narrow','arial_narrowregular',sans-serif; }

form{ display:block; background:transparent; position:relative; width:450px; margin:auto; text-align:justify; padding:25px; border:0; }
form p{ text-align:center; margin:10px 0 15px 0; }
form a{ color:#444; }
form a:hover{ color:#222; }

label{ display:inline-block; width:48%; margin:0 2px 5px 0; text-align:right; padding:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:0.9em; }

input[type=text], input[type=password]{ width:48%; margin:0 0 5px 0; padding:2px 0 2px 1%; background:#fff; border:1px solid #aaa; color:#999; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
textarea{ width:48%; height:100px; margin:0 0 5px 0; padding:2px 0 2px 1%; background:#fff; border:1px solid #aaa; color:#999; -moz-resize:none; -webkit-resize:none; resize:none; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
input[type=text]:focus, input[type=password]:focus, textarea:focus{ border:1px solid #00a5bf; color:#222; }
.textarealabel{ vertical-align:90px; }

select{ margin:0 5px 5px 0; padding:0; background:#fff; border:1px solid #aaa; color:#999; }
select:focus{ margin:-1px 4px 4px -1px; border:2px solid #00a5bf; color:#222; }

#jour{ width:50px; }
#mois{ width:102px; }
#annee{ width:60px; margin-right:0; }

.submitdiv{ text-align:center; padding-top:30px; }

input[type=submit]{ display:inline-block; position:relative; margin:auto; padding:0; text-transform:uppercase; color:#666; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:20px; border:0; background:transparent; font-weight:normal; -moz-transition:1s ease; -webkit-transition:1s ease; -o-transition:1s ease; -ms-transition:1s ease; transition:1s ease; }
input[type=submit]:hover{ color:#222; }

fieldset{ border:0; padding:30px 0; }
fieldset legend{ display:block; width:100%; background:none; text-align:center; text-transform:uppercase; font-weight:normal; color:#00a5bf; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; }
fieldset legend span{ background:#fff; padding:0 5px; font-size:1.2em; }

.footer{ display:block; position:absolute; bottom:0; left:0; right:0; padding:10px 0; text-align:center; background:transparent; font-size:13px; color:#333; border-top:3px double #ccc; }
.footer .admin_link{ width:25px; height:auto; margin:0; border:0; }
.footer a{ text-decoration:none; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s; }
.footer a:hover{ color:#333; }
.footer a img{ border:0; height:1em; margin-left:5px; }

.inscription{ display:block; position:absolute; bottom:0; left:10px; font-size:0.9em; text-decoration:none; color:#666; }
.lost{ display:block; position:absolute; bottom:0; right:10px; font-size:0.9em; text-decoration:none; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s; }
.lost:hover{ color:#333; }

/* Page d'accueil générale */

#portail #page{ display:block; position:relative; width:calc(100% - 100px); max-width:900px; margin:0 auto; }

#portail #surpage:before{ content:""; position:absolute; top:0; left:0; right:0; width:100%; height:117px; background:#fff; z-index:-1; }
/*#portail #surpage:after{ content:""; position:absolute; top:119px; left:0; right:0; width:100%; height:2px; background:#fff; z-index:-1; }*/

#portail #page #header{ display:block; position:relative; padding:0; margin:0 -50px; height:140px; padding:15px; background:#fff; }

#portail #page #header #formtitle { display:block; margin:0; height:160px; padding:0; background:transparent url('logoaccess.png') no-repeat left center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; width:300px; margin:-15px 0 -5px 0; font-size:0; }
#portail #page #header #formtitle small { display:none; clear:both; margin:-22px 0 0 5px; margin-top:-16px; font-size:0.4em; line-height:0; text-align:left; font-family:'arial narrow','arial_narrowregular',sans-serif; }
#portail #page #header .subtitle{ display:block; clear:both; text-align:left; font-family:'arial narrow','arial_narrowregular',sans-serif; color:#222; font-size:0.75em; text-transform:uppercase; letter-spacing:2px; float:right; position:relative; top:-15px; }

#portail #page #header #lang{ right:15px; top:15px; }
#portail #page #header #lang img:hover{ border-color:#222; }

#portail #diaporamaFrame{ display:block; width:100%; height:0; }
#portail #diaporamaFrame img{ position:absolute; top:0; left:0; height:100%; width:auto; margin:0; vertical-align:middle; }

#portail .connectForm{ display:block; position:relative; width:45%; padding:25px 5px; float:right; }
#portail .connectForm:nth-of-type(2){ float:left; }

#portail .connectForm fieldset{ padding:15px 0 0 0; }

#portail .connectForm .lost{ position:relative; margin:0; top:-65px; right:0; left:0; bottom:0; text-align:right; color:#a00; padding-right:5px; }
#portail .connectForm .inscription{ position:relative; margin:0; top:-10px; right:0; left:0; bottom:0; text-align:center; color:#888; font-size:0.9em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; -ms-transition:all ease 0.3s; transition:all ease 0.3s; }
#portail .connectForm .inscription strong{ text-transform:uppercase; }

#portail .connectForm fieldset legend span, #portail .connectForm input[type="submit"]{ display:inline-block; height:26px; line-height:26px; font-family:'asap','asap','arial narrow','arial_narrowregular',sans-serif; font-size:26px; color:#00a5bf; }
#portail .connectForm .submitdiv{ padding-top:20px; }
#portail .connectForm input[type="submit"]{ color:#666; font-size:24px; }

#portail .connectForm:nth-of-type(1) fieldset legend span { background:transparent url('personnel-medical.png') no-repeat scroll left top; -moz-background-size:25px 25px; -webkit-background-size:25px 25px; background-size:25px 25px; padding:3px 35px 0 35px; }
#portail .connectForm:nth-of-type(2) fieldset legend span { background:transparent url('patients.png') no-repeat scroll left top; -moz-background-size:25px 25px; -webkit-background-size:25px 25px; background-size:25px 25px; padding:3px 35px 0 35px; }

#portail .connectForm .lost:hover, #portail .connectForm .inscription:hover, #portail .connectForm input[type="submit"]:hover{ color:#333; }

#portail .connectForm .selectGroup{ white-space:nowrap; }

#portail .connectForm select{ margin-right:0.7%; }
#portail .connectForm .selectGroup select:last-of-type{ white-space:nowrap; margin-right:0; }
#portail .connectForm #jour{ width:11%; }
#portail .connectForm #mois{ width:22%; }
#portail .connectForm #annee{ width:15%; }

#portail hr{ display:block; clear:both; margin:20px 25%; width:auto; height:0; border:0; }
#portail hr.separation{ display:block; border:1px solid #00a5bf; border-width:0 1px; width:2px; height:auto; background:transparent; position:absolute; left:50%; margin-left:-2px; bottom:50px; top:50px; }

#portail #howto{ display:block; position:absolute; bottom:100px; left:0; right:0; padding:10px; border:1px solid #aaa; -moz-box-shadow:2px 2px 5px -3px #000; -webkit-box-shadow:2px 2px 5px -3px #000; box-shadow:2px 2px 5px -3px #000; z-index:10; background:#fff; color:#333; font-family:'arial narrow','arial_narrowregular',sans-serif; font-size:1em; text-align:justify; -moz-transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; visibility:hidden; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; }
#portail #howto p{ margin:0; padding:0; text-align:justify; }
#portail #howto p:first-of-type{ padding-bottom:10px; }
#howLink{ display:block; width:250px; margin:0 auto; position:relative; top:9px; text-align:center; color:#666; font-size:0.8em; text-decoration:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#howLink:hover{ color:#333; }
#howLink:active #howto, #howLink:focus #howto{ visibility:visible; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; bottom:20px; }

/* Diaporama */
.diaporama{ display:block; position:relative; width:100%; height:0; padding:0; padding:50% 0 0 0; background:transparent; margin:0 auto; overflow:hidden; border:0; }
.diaporama .container{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0; overflow:hidden; }
.diaporama .container .diapo_slide{ position:absolute; top:0; left:0; margin:0; width:100%; height:auto; }
.diaporama .container .diapo_legende{ position:absolute; padding:0; font-size:1.5em; font-family:'BebasNeueRegular','arial_narrowregular', arial, sans-serif; text-transform:uppercase; font-weight:normal; color:#fff; text-align:center; background:url('bg_see2.png'); border:0; right:0; bottom:0; left:0; padding:15px; }
.diaporama .container .diapo_legende strong{ display:block; text-align:center; font-size:1.5em; font-weight:normal; padding-bottom:5px; }
.diaporama .container .diapo_legende .inner{ display:table; position:relative; width:100%; height:100%; padding:0; border:0; border-collapse:collapse; }
.diaporama .container .diapo_legende .inner div{ display:table-cell; width:100%; height:100%; padding:0; text-align:center; vertical-align:middle; }

.diaporama .diapo_btn {display:none; position:absolute; bottom:0; left:74%; right:0; width:auto; text-align:center; z-index:99; }
.diaporama .diapo_btn div {display:inline-block; width:10px; height:10px; border:1px solid #00a5bf; background:#fff; cursor:pointer; margin:0 5px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.diaporama .diapo_btn .selected, .diaporama .diapo_btn div:hover { background:#00a5bf; }

/* Interrupteur Diffusion / Téléradio */

#selectFunction{ display:block; position:absolute; width:210px; height:20px; line-height:20px; bottom:20px; right:150px; z-index:60; }
#selectFunction::before{ content:"Fonctions"; display:block; position:absolute; top:-16px; left:0; width:100%; right:0; text-align:center; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:13px; text-transform:uppercase; color:#00a5bf; }
#diffSpan, #teleSpan{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:13px; color:#666; display:block; width:80px; height:20px; line-height:20px; text-align:right; margin:0; position:absolute; top:0; left:0; }
#teleSpan{ text-align:left; left:auto; right:0; }
#cursBox{ display:block; position:absolute; top:3px; left:85px; width:40px; height:12px; background:#eee url('cursor_bg.png') no-repeat center center; border:1px solid #555; border-bottom-color:#888; border-left-color:#000; margin:0; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; overflow:hidden; cursor:pointer; }
#curs{ display:block; position:absolute; top:0; left:0; height:8px; width:8px; background:#00a5bf; border:2px solid #013668; border-top-color:#a1c6f8; border-left-color:#a1c6f8; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin:0; padding:0; -moz-box-shadow:0px 0px 4px #000; -webkit-box-shadow:0px 0px 4px #000; box-shadow:0px 0px 4px #000; -moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; }

/* Accès médecin :menu gauche */

/*#examPage #left_col #diffusionLeft{ display:block; position:relative; overflow:hidden; max-height:0; }
#examPage #left_col #selectFunction{ display:block; position:relative; text-align:center; }
#examPage #left_col #selectFunction h3{ font-size:16px; }
#examPage #left_col #selectFunction span{ display:inline-block; position:relative; width:49%; text-align:left; margin:0; }*/

/* Accès médecins / patients */

#examPage #header{ display:block; position:relative; padding:0; width:100%; height:160px; margin:0; color:#222; border:0; background:#fff; /*z-index:50;*/ }
#examPage #header .module{ display:inline-block; position:relative; width:380px; padding:10px; z-index:20; }

#examPage #logo_titre{ border:0; width:380px; max-width:100%; }

#examPage #header a{ text-decoration:none; color:#222; }
#examPage #header a:hover{ text-decoration:underline; }
#examPage #header .module #logo_small{ border:0; height:1em; vertical-align:-3px; margin-left:5px; }

#examPage #header .info{ display:inline-block; position:absolute; top:21px; right:185px; font-size:14px; font-family:arial, sans-serif; }

#examPage #header .notify{ display:inline-block; position:absolute; top:60px; right:15px; }
#examPage #header .notify span{ text-decoration:underline; }

#examPage #header .liens{ margin:0; position:absolute; bottom:20px; right:15px; z-index:20; font-size:0.9em; }
#examPage #header .liens a{ display:inline-block; padding:0 4px; margin:0; border-right:1px solid #fff; }
#examPage #header .liens img{ border:0; vertical-align:-0.2em; margin-left:5px; }

#examPage #header #nomsite{ display:block; position:relative; margin:0 0 0 30px; top:5px; height:160px; font-size:0; padding:0; background:transparent url('logoaccess.png') no-repeat left center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; width:300px; }

#examPage #header .menu{ color:#222; display:block; font-family:arial,sans-serif; font-size:35px; font-weight:bold; height:35px; line-height:30px; width:20px; position:absolute; right:90px; text-decoration:none; top:14px; cursor:pointer; border:0; margin:-5px -10px; padding:5px 10px 0 10px; z-index:22; background:transparent; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examPage #header .menu:after{ content:"Menu"; font-family:arial, sans-serif; text-transform:uppercase; color:#222; font-weight:normal; display:block; position:absolute; bottom:-10px; left:0; width:100%; right:0; text-align:center; font-size:8px; }
#examPage #header .menu:hover:after{ color:#fff; }

#examPage #header .menu:hover{ border-color:#00a5bf; background:#00a5bf; color:#fff; }

#examPage #header .menu .submenu{ display:block; -moz-opacity:0; -webkit-opacity:0; opacity:0; visibility:hidden; position:absolute; top:39px; right:0; z-index:1; background:#00a5bf; border:0; padding:10px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; color:#fff; }
#examPage #header .menu:hover .submenu{ -moz-opacity:1; -webkit-opacity:1; opacity:1; visibility:visible; }

#examPage #header .menu .submenu a{ display:block; font-family:'arial_narrowregular', arial, sans-serif; font-size:16px; font-weight:normal; text-align:center; white-space:nowrap; }
#examPage #header .menu:hover .submenu a{ color:#fff; }

#examPage #header #weasisframe{ right:140px; }
#examPage #header #weasisframe img{ width:auto; height:20px; margin:-4px auto 4px auto; }
#examPage #header #weasisframe:after, #examPage #header #weasisframe:hover:after{ content:"Weasis"; color:#000; }
#examPage #header #weasisframe:hover{ border-color:#000; background:#fff; color:#000; }
#examPage #header #weasisframe .submenu{ background:#fff; border:1px solid #000; color:#000; line-height:1px; padding:20px 10px; }
#examPage #header #weasisframe .submenu a{ color:#000; font-size:14px; margin:0 0 20px 0; text-align:left; }
#examPage #header #weasisframe .submenu a:last-of-type{ margin:0; }
#examPage #header #weasisframe .submenu small{ font-size:12px; text-align:left; font-weight:normal; display:block; clear:both; margin:0 0 20px 0; line-height:normal; }

#forwardForm{ display:block; position:fixed; top:50vh; left:50vw; margin:-81px 0 0 -187px; background:#fff; width:300px; height:135px; border:1px solid #000; z-index:100; padding:25px; color:#000; -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; }
#forwardForm.showforward{ -moz-opacity:1; -webkit-opacity:1; opacity:1; visibility:visible; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
#forwardForm label{ display:block; width:auto; margin:0; text-align:left; padding:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:1em; }
#forwardForm label:nth-of-type(1), #forwardForm label:nth-of-type(2){ display:inline-block; margin-right:5px; }
#forwardForm label:nth-of-type(3){ margin-top:5px; }
#forwardForm select{ margin:0; padding:0; background:#fff; border:1px solid #000; color:#000; width:100%; }
#forwardForm input[type='button']{ display:block; width:50%; height:30px; background:#0f75bc; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; border:0; margin:10px auto 0 auto; }
#forwardForm .close{ display:block; position:absolute; top:10px; right:10px; width:12px; height:12px; background:transparent url('cross.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; cursor:pointer; }
#forwardCache{ display:block; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:transparent url('bg_see.png'); z-index:99; -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; }
#forwardCache.showfcache{ -moz-opacity:1; -webkit-opacity:1; opacity:1; visibility:visible; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }						
#examPage #corps_page{ display:block; position:relative; margin:0; padding:0; }
#examPage #corps_page h1{ color:#222; display:block; font-family:"asap","arial narrow","arial_narrowregular",sans-serif; font-weight:normal; left:25%; position:absolute; right:25%; text-align:center; text-transform:uppercase; top:-107px; z-index:300; font-size:1.8em; }

#examPage #left_col{ display:block; position:absolute; left:-2000px; top:0; overflow:hidden; width:0; height:0; padding:0; }
#examPage #left_col .center_search{ position:absolute; top:0; left:0; right:0; bottom:0; }
#examPage #right_col{ display:block; position:absolute; left:0; right:0; top:0; overflow:visible; width:100%; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#examPage #left_col #openleft{ display:block; direction:ltr; position:absolute; top:0; right:0; bottom:0; width:14px; z-index:10; font-family:sans-serif; font-size:18px; color:#666; text-align:center; background:#fff; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examPage #left_col #openleft span{ display:inline-block; position:absolute; top:50%; left:0; right:0; }

#examPage #left_col .center_search #search_a_patient, #left_col .center_search #search_exams, #left_col .center_search #search_date, #left_col .center_search #vosRendezVous{ display:block; background:#fff; overflow:visible; width:300px; height:calc(100vh - 197px); border:10px solid #00a5bf; position:fixed; top:172px; left:-400px; z-index:50; -moz-transition:left ease 1s; -webkit-transition:left ease 1s; transition:left ease 1s; }

#networkButton{ display:block; position:absolute; top:5px; left:320px; z-index:100; width:40px; height:40px; background:transparent url('network.png') no-repeat center center; -moz-background-size:75%; -webkit-background-size:75%; background-size:75%; cursor:pointer; -moz-opacity:0.65; -webkit-opacity:0.65; opacity:0.65; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#networkButton:hover, #surpage.showNet #networkButton{ -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#networkButton::after{ content:'R\00E9 seau'; font-size:10px; dipslay:block; position:absolute; top:35px; text-align:center; left:0; width:40px; color:#333; font-family:'arial_narrowregular', arial, sans-serif; text-transform:uppercase; }

#networkMenu{ display:block; position:absolute; top:-60px; left:0; width:calc(100% - 40px); right:0; height:30px; padding:7px 20px; text-align:center; background:#fafafa; border-bottom:1px solid #ddd; color:#555; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }

#networkMenu span{ color:#555; background:transparent; text-decoration:none; text-transform:uppercase; display:inline-block; position:relative; height:20px; padding:0; margin:5px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; font-size:0.8em; cursor:pointer; }

#networkMenu span::before{ content:""; display:block; position:absolute; bottom:-2px; left:50%; width:0; height:2px; background:#fafafa; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#networkMenu span::after{ content:""; display:inline-block; position:relative; width:10px; height:10px; margin:-3px 0 3px 5px; background:transparent url('external-link.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; -moz-opacity:0.65; -webkit-opacity:0.65; opacity:0.65; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#networkMenu span:hover{ color:#333; }
#networkMenu span:hover::before{ left:0; width:100%; background:#333; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#networkMenu span:hover::after{ -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#networkMenu i{ display:inline-block; font-family:"Arial", arial, sans-serif; font-style:normal; font-weight:bold; vertical-align:-0.05em; margin:0 10px; }

#surpage.showNet{ top:60px; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }


/* Menu gauche patients */

#examPage #left_col .center_search #vosExamens { cursor:default; }
#examPage #left_col .center_search #vosExamens a{ color:#222; text-decoration:none; }
#examPage #left_col .center_search #vosRendezVous .inner a { display:block; text-align:center; text-decoration:none; color:#555; padding:5px 0; text-transform:uppercase; font-weight:bold; position:relative; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examPage #left_col .center_search #vosRendezVous .inner a:hover { color:#000; }
#examPage #left_col .center_search #vosRendezVous .inner a:before, #examPage #left_col .center_search #vosRendezVous .inner a:after{ content:"\25B6"; display:inline-block; color:#222; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; padding:0 5px; text-align:left; vertical-align:1px; }
#examPage #left_col .center_search #vosRendezVous .inner a:hover:after{ color:#333; text-align:right; padding:0 0 0 10px; }

/* Menu gauche médecins */

#searchCrit{ display:block; position:relative; padding:0; margin:-30px 0 10px 0; font-size:1.3em; text-transform:uppercase; white-space:nowrap; text-align:center; }
#searchCrit small{ display:inline-block; margin:0; font-size:1em; color:#00a5bf; }
#searchCrit small::after{ content:" | "; display:inline-block; margin:0 10px; }
#searchCrit .resetSearch::after, #searchCrit small:last-of-type::after{ display:none;}
/*#searchCrit .resetSearch a{ display:inline-block; position:relative; font-size:0; width:14px; height:14px; border:0; margin:0 5px 0 0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; text-decoraton:none; vertical-align:-1px; }*/

#searchCrit .resetSearch a{ display:inline-block; position:relative; font-size:0; text-decoration:none; width:16px; height:16px; padding:0; border:0; margin:0 5px 0 0; background:#00a5bf url('cross_w.png') no-repeat center center; -moz-background-size:12px 12px; -webkit-background-size:12px 12px; background-size:12px 12px; vertical-align:0px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

/*#examPage #left_col .resetSearch{ display:block; position:fixed; top:105px; left:20px; z-index:50; }*/
#examPage #left_col .resetSearch a{ color:#a00; letter-spacing:1px; text-decoration:none; font-size:0.8em; font-weight:normal; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examPage #left_col .resetSearch a:hover{ color:#000; }

#examPage #left_col h2{ text-align:center; text-transform:uppercase; margin:0; padding:5px 0; border:0; font-size:1.3em; }
#examPage #left_col h2 small{ display:block; text-align:center; }
#examPage #left_col h3{ text-align:center; text-transform:uppercase; margin:0; padding:5px 0; border:0; cursor:pointer; }
#examPage #left_col .inner{ display:block; padding:15px 8px; }
#examPage #search_exams .inner{ padding:15px; }
#examPage #search_a_patient .inner{ padding:15px; }

#examPage #search_form label{ width:auto; font-family:"arial narrow","arial_narrowregular",sans-serif; }

#examPage #search_form{ width:100%; padding:0; }

#examPage #search_a_patient input[type='text'], #examPage #search_exams input[type='text']{ width:98%; }

#examPage #search_form #search_panel{ margin:0; padding:0; list-style:none; }
#examPage #search_form #search_panel h4{ position:relative; top:15px; margin-top:0; }
#examPage #search_form #search_panel h4:first-of-type{ margin:0; top:0; }
#examPage #search_form #search_panel li{ font-size:0.9em; float:left; width:80px; }

#examPage #search_form #bottomSearchButton{ display:block; text-align:center; background:#ccc; color:#000; text-transform:uppercase; cursor:pointer; border:0; padding:5px 0; width:100%; visibility:hidden; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#examPage #search_form #search_a_patient input[type='submit']{ display:inline-block; font-size:0; width:22px; height:22px; border:0; background:transparent url('launch_search.png') no-repeat center center; vertical-align:6px; cursor:pointer; }

#examPage #left_col .center_search #search_date .radioline{ display:inline-block; width:49%; padding-bottom:5px; }
#examPage #left_col .center_search #search_date{ font-size:0.9em; }

#examPage #left_col .center_search #search_date #date_from, #left_col .center_search #search_date #date_to { width:58px; font-size:0.75em; text-align:center; }

#examPage #left_col .center_search #search_date .calendarFrames{ display:block; position:relative; text-align:center; width:285px; }
#examPage #left_col .center_search #search_date #iframefrom, #left_col .center_search #search_date #iframeto{ width:130px; height:150px; border-collapse:collapse; border:0; overflow:hidden; margin:15px 5px 0 5px; }

#examPage #search_form #resDisplay, #search_form #resDisplay2{ display:block; position:relative; overflow:visible; border:0; padding:0; height:0; font-size:0.8em; }

#examPage #search_form .suggestions, #search_form #search_panel .suggestions2 { position:absolute; top:0; left:0; right:0; z-index:100; list-style:none; padding:0; margin:0; background:#fff; border:1px solid #000; width:auto; max-height:200px; overflow-y:auto; overflow-x:hidden; -moz-box-shadow:2px 2px 2px #333; -webkit-box-shadow:2px 2px 2px #333; box-shadow:2px 2px 2px #333; }
#examPage #search_form .suggestions li, #examPage #search_form #search_panel .suggestions2 li { padding:2px 10px; cursor:pointer; width:calc(100% - 20px); }
#examPage #search_form .suggestions li:hover, #search_form #search_panel .suggestions2 li:hover { background:#dfdfdf; }

#wCache{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('loading2.gif') no-repeat center center, url('bg_see.png'); z-index:1000; }

#viewerFrame{ display:block; position:fixed; top:40px; left:0; right:0; bottom:0; width:100%; height:calc(100% - 40px); z-index:999; border:0; visibility:hidden; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; transition:all ease 1s; }

#backView{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('loading2.gif') no-repeat center center, url('bg_see.png'); z-index:997; cursor:pointer; }
#backView span{ display:block; position:absolute; top:0; left:25%; width:25%; text-align:center; color:#fff; font-size:13px; padding:0; background:#000; height:40px; line-height:40px; text-transform:uppercase; }

#backView span::after{ content:''; display:block; position:absolute; width:200%; height:100%; background:#000; z-index:1; top:0; right:-200%; }

#setPdata{ display:none; position:fixed; top:0; left:0; width:25%; height:40px; background:transparent; z-index:998; cursor:pointer; }
#setPdata span{ display:block; position:absolute; top:0; left:0; width:100%; text-align:center; color:#fff; font-size:13px; padding:0; background:#000; height:40px; line-height:40px; text-transform:uppercase; }

/* Affichage du tableau */

/* Diffusion */

.listePatients{ display:table; position:relative; width:100%; border:0; border-collapse:collapse; margin:0px 0px 30px 0px; }
.listePatients th{ background:#00a5bf; color:#fff; text-transform:uppercase; text-align:center; font-size:0.9em; font-weight:normal; padding:10px 0; }
.listePatients th:nth-of-type(1){ width:40px; }
.listePatients th:nth-of-type(2){ width:210px; }
.listePatients th:nth-of-type(3){ width:310px; }
.listePatients th:nth-of-type(4){ width:130px; }
.listePatients th:nth-of-type(5){ width:40px; }
.listePatients th:nth-of-type(6){ width:260px; }
.listePatients th:nth-of-type(7){ width:calc(100vw - 1070px); }
.listePatients th:nth-of-type(8){ width:180px; }

.listePatients td{ border:0; text-align:center; vertical-align:middle; padding:5px; }
.listePatients td strong, .listePatients td small{ display:none; }
.listePatients td img{ vertical-align:top; }
.listePatients td a{ color:#000; text-decoration:none; }

.listePatients .patientLine{ cursor:pointer; border:1px solid #555; border-width:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatients .patientLine:hover{ background:#ddd !important; }
.listePatients .sexColumn{ width:40px; }
.listePatients .openfile{ border-right:0; width:30px; vertical-align:middle; }
.listePatients .openfile img{ vertical-align:middle; margin:0; height:16px; width:16px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatients .openfile img.lineopened{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.listePatients .patientid{ border-left:0; width:200px; cursor:pointer; }
.listePatients .patientnom{ width:300px; }
.listePatients .patientbirth{ width:120px; }
.listePatients .sexCases{ width:30px; vertical-align:middle; }
.listePatients .sexCases img{ height:20px; vertical-align:middle; }
.listePatients .examdate{ width:250px; }
.listePatients .modalList { text-align:left; padding:5px 15px; }
/*.listePatients .modalList em { font-style:normal; white-space:nowrap; }*/

.listePatients .modalList em{ font-size:0.7em; font-style:normal; display:inline-block; text-align:center; width:26px; padding-top:28px; position:relative; }
.listePatients .cr_ok em{ font-size:0.7em; font-style:normal; display:inline-block; text-align:center; width:26px; padding-top:28px; position:relative; }
.listePatients .cr_ok em img{ display:block; position:absolute; top:0; left:0; width:100%; height:auto; right:0; border:0; margin:0; }

.listePatients .patientDataList th{ background:#555; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; padding:3px 5px; white-space:nowrap; font-size:0.6em; }
.listePatients .patientDataList td .all_exams td:first-of-type{ white-space:nowrap !important; padding-left:8px; padding-right:8px; }
.listePatients .modalList span, .listePatients .patientDataList td .all_exams .subModalList span{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; display:inline-block; padding:5px 0; background:#888; color:#fff; font-size:12px; margin-right:10px; width:26px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; line-height:18px; text-decoration:none; }
.listePatients .modalList em span{ position:absolute; top:0; left:0; }
.datainfo{ display:inline !important; background:none !important; color:#000 !important; font-family:'arial_narrowregular',sans-serif !important; font-size:1em !important; -moz-text-shadow:none !important; -webkit-text-shadow:none !important; -o-text-shadow:none !important; -ms-text-shadow:none !important; text-shadow:none !important; }

.listePatients .patientDataList td .all_exams .actions a, .pdf_down a{ display:inline-block; padding:5px 0; font-size:0; margin-right:10px; width:28px; line-height:18px; text-decoration:none; }
.series_info a{ display:inline-block; padding:0; font-size:0; margin-right:5px; width:18px; height:18px; text-decoration:none; }
.ddl_pdf{ background:transparent url('pdf.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_jpg{ background:transparent url('jpeg.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_dcm{ background:transparent url('dicom.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_ord{ background:transparent url('ordonnance_black.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_pdf { background:transparent url('pdf_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_jpg{ background:transparent url('jpeg_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.patviewer .ddl_pdf{ background-image:url('pdf.png') !important; }
.patviewer .ddl_jpg{ background-image:url('jpeg.png') !important; }
.patviewer .series_info .ddl_jpg{ background-image:url('jpeg_white.png') !important; }
#viewerPage .ddl_dcm{ background:transparent url('dicom_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_ord{ background:transparent url('ordonnance_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.openviewer{ background:transparent url('openviewer.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }

.series_info a{ display:inline-block; cursor:pointer; position:relative; vertical-align:15px; width:20px; height:20px; margin:0 0 0 8px; }

.listePatients .patientDataList{ background:#aacccf; }
.listePatients .patientDataList td { border:0; padding:0; font-size:0.95em; }
.listePatients .patientDataList td div { display:block; border:0; margin:0; overflow:hidden; max-height:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s; }
.listePatients .patientDataList td .all_exams{ display:table; position:relative; width:100%; background:#fff; border:1px solid #555; border-collapse:collapse; margin:0; }
.listePatients .patientDataList td .all_exams td{ border:0; padding:4px 8px; }
.listePatients .patientDataList td .all_exams .actions{ text-align:center; white-space:nowrap; padding:3px 5px; }
.listePatients .patientDataList td .all_exams .actions a{ display:inline-block; margin:0; width:40px; cursor:pointer; position:relative; text-transform:uppercase; }

.listePatients .patientDataList td .all_exams .actions .empty{ display:inline-block; margin:0; width:40px; position:relative; }

.listePatients .patientDataList td .all_exams .actions .opendicomviewer{ display:inline-block; margin:0; width:40px; height:28px; padding:0; vertical-align:5px; position:relative; background:transparent url('dicomviewer.png') no-repeat center center; }
#viewerPage .pdf_down .opendicomviewer{ display:inline-block; margin:0; width:40px; height:28px; padding:0; vertical-align:5px; position:relative; background:transparent url('dicomviewer_white.png') no-repeat center center; }
.listePatients .patientDataList td .all_exams .actions .opendicomviewer:after, #viewerPage .pdf_down .opendicomviewer:after{ display:none; }


.listePatients .patientDataList td .all_exams .subModalList { text-align:left; padding:0 10px; }
.listePatients .patientDataList td .all_exams .subModalList em { font-style:normal; white-space:nowrap; }

.listePatients .patientDataList td .all_exams th{ font-size:0.65em; padding:4px 8px; }
.listePatients .patientDataList td .all_exams th a{ text-decoration:none; color:#ddd; font-size:0.9em; vertical-align:0.2em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatients .patientDataList td .all_exams th a:hover{ color:#fff; }

#noresult{ display:block; position:relative; margin-bottom:10px; border:0; clear:both; white-space:nowrap; z-index:15; min-height:0; }
#noresult .patient_data{ display:block; width:auto; border:0; min-height:0; }
#noresult .patient_data .inner{ text-align:center; font-size:1.2em; min-height:0; padding:5px; }
#noresult .patient_data .inner a{ color:#666; text-decoration:none; }
#noresult .patient_data .inner a:hover{ color:#000; text-decoration:underline; }

.listePatients .actRdv a{ cursor:pointer; display:inline-block; padding:0 5px; border:0; }
.listePatients .actRdv a img{ vertical-align:top; height:26px; width:auto; border:0; -moz-opacity:0.6; -webkit-opacity:0.6; -o-opacity:0.6; -ms-opacity:0.6; opacity:0.6; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatients .actRdv a:hover img{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

/* Téléradiologie */

.listePatientsTelerad{ display:table; position:relative; width:100%; border:0; border-collapse:collapse; margin:0px 0px 30px 0px; }
.listePatientsTelerad th{ background:#00a5bf; color:#fff; text-transform:uppercase; text-align:center; font-size:0.9em; font-weight:normal; padding:10px; white-space:nowrap; }
.listePatientsTelerad th:nth-of-type(1), .listePatientsTelerad tr td:nth-of-type(1){ width:115px; }
.listePatientsTelerad th:nth-of-type(2), .listePatientsTelerad tr td:nth-of-type(2){ width:60px; }
.listePatientsTelerad th:nth-of-type(3), .listePatientsTelerad tr td:nth-of-type(3){ width:180px; }
.listePatientsTelerad th:nth-of-type(4), .listePatientsTelerad tr td:nth-of-type(4){ width:90px; }
.listePatientsTelerad th:nth-of-type(5), .listePatientsTelerad tr td:nth-of-type(5){ width:60px; }
.listePatientsTelerad th:nth-of-type(6), .listePatientsTelerad tr td:nth-of-type(6){ width:60px; }
.listePatientsTelerad th:nth-of-type(7), .listePatientsTelerad tr td:nth-of-type(7){ width:300px; }
.listePatientsTelerad th:nth-of-type(8), .listePatientsTelerad tr td:nth-of-type(8){ width:150px; }
.listePatientsTelerad th:nth-of-type(9), .listePatientsTelerad tr td:nth-of-type(9){ width:130px; }
.listePatientsTelerad th:nth-of-type(10), .listePatientsTelerad tr td:nth-of-type(10){ width:90px; }
.listePatientsTelerad th:nth-of-type(11), .listePatientsTelerad tr td:nth-of-type(11){ width:40px; }
.listePatientsTelerad th:nth-of-type(12), .listePatientsTelerad tr td:nth-of-type(12){ width:calc(100vw - 1515px); }

.listePatientsTelerad td{ border:0; text-align:center; vertical-align:middle; padding:5px 10px; }
.listePatientsTelerad tr:nth-of-type(2n){ background:#eee; }
.listePatientsTelerad td strong, .listePatientsTelerad td small{ display:none; }
.listePatientsTelerad td img{ vertical-align:top; }
.listePatientsTelerad td a{ color:#000; text-decoration:none; }

.listePatientsTelerad .modalList em { font-size:0.7em; font-style:normal; display:inline-block; text-align:center; width:26px; padding-top:28px; position:relative; }

.listePatientsTelerad .patientDataList th{ background:#555; color:#fff; text-transform:uppercase; text-align:center; font-weight:normal; padding:3px 5px; white-space:nowrap; font-size:0.6em; }
.listePatientsTelerad .patientDataList td .all_exams td:first-of-type{ white-space:nowrap !important; padding-left:8px; padding-right:8px; }
.listePatientsTelerad .modalList span, .listePatientsTelerad .patientDataList td .all_exams .subModalList span{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; display:inline-block; padding:5px 0; background:#888; color:#fff; font-size:12px; margin-right:10px; width:26px; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; line-height:18px; text-decoration:none; }
.listePatientsTelerad .modalList em span{ position:absolute; top:0; left:0; }
.datainfo{ display:inline !important; background:none !important; color:#000 !important; font-family:'arial_narrowregular',sans-serif !important; font-size:1em !important; -moz-text-shadow:none !important; -webkit-text-shadow:none !important; -o-text-shadow:none !important; -ms-text-shadow:none !important; text-shadow:none !important; }

.listePatientsTelerad .patientDataList td .all_exams .actions a, .pdf_down a{ display:inline-block; padding:5px 0; font-size:0; margin-right:10px; width:28px; line-height:18px; text-decoration:none; }
.series_info a{ display:inline-block; padding:0; font-size:0; margin-right:5px; width:18px; height:18px; text-decoration:none; }
.ddl_pdf{ background:transparent url('pdf.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_jpg{ background:transparent url('jpeg.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_dcm{ background:transparent url('dicom.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.ddl_ord{ background:transparent url('ordonnance_black.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_pdf { background:transparent url('pdf_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_jpg{ background:transparent url('jpeg_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.patviewer .ddl_pdf{ background-image:url('pdf.png') !important; }
.patviewer .ddl_jpg{ background-image:url('jpeg.png') !important; }
.patviewer .series_info .ddl_jpg{ background-image:url('jpeg_white.png') !important; }
#viewerPage .ddl_dcm{ background:transparent url('dicom_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
#viewerPage .ddl_ord{ background:transparent url('ordonnance_white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }
.openviewer{ background:transparent url('openviewer.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; }

.series_info a{ display:inline-block; cursor:pointer; position:relative; vertical-align:15px; width:20px; height:20px; margin:0 0 0 8px; }

.listePatientsTelerad .patientDataList{ background:#ccdddf; }
.listePatientsTelerad .patientDataList td { border:0; padding:0; font-size:0.95em; }
.listePatientsTelerad .patientDataList td div { display:block; border:0; margin:0; overflow:hidden; max-height:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s; }
.listePatientsTelerad .patientDataList td .all_exams{ display:table; position:relative; width:100%; background:#fff; border:1px solid #ccc; border-collapse:collapse; margin:0; }
.listePatientsTelerad .patientDataList td .all_exams td{ border:0; padding:4px 8px; }
.listePatientsTelerad .patientDataList td .all_exams .actions{ text-align:center; white-space:nowrap; padding:3px 5px; }
.listePatientsTelerad .patientDataList td .all_exams .actions a{ display:inline-block; margin:0; width:40px; cursor:pointer; position:relative; text-transform:uppercase; }

.listePatientsTelerad .patientDataList td .all_exams .actions .empty{ display:inline-block; margin:0; width:40px; position:relative; }

.listePatientsTelerad .patientDataList td .all_exams .actions .opendicomviewer{ display:inline-block; margin:0; width:40px; height:28px; padding:0; vertical-align:5px; position:relative; background:transparent url('dicomviewer.png') no-repeat center center; }
#viewerPage .pdf_down .opendicomviewer{ display:inline-block; margin:0; width:40px; height:28px; padding:0; vertical-align:5px; position:relative; background:transparent url('dicomviewer_white.png') no-repeat center center; }
.listePatientsTelerad .patientDataList td .all_exams .actions .opendicomviewer:after, #viewerPage .pdf_down .opendicomviewer:after{ display:none; }


.listePatientsTelerad .patientDataList td .all_exams .subModalList { text-align:left; padding:0 10px; }
.listePatientsTelerad .patientDataList td .all_exams .subModalList em { font-style:normal; white-space:nowrap; }

.listePatientsTelerad .patientDataList td .all_exams th{ font-size:0.65em; padding:4px 8px; }
.listePatientsTelerad .patientDataList td .all_exams th a{ text-decoration:none; color:#ddd; font-size:0.9em; vertical-align:0.2em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatientsTelerad .patientDataList td .all_exams th a:hover{ color:#fff; }

#noresult{ display:block; position:relative; margin-bottom:10px; border:0; clear:both; white-space:nowrap; z-index:15; min-height:0; }
#noresult .patient_data{ display:block; width:auto; border:0; min-height:0; }
#noresult .patient_data .inner{ text-align:center; font-size:1.2em; min-height:0; padding:5px; }
#noresult .patient_data .inner a{ color:#666; text-decoration:none; }
#noresult .patient_data .inner a:hover{ color:#000; text-decoration:underline; }

.listePatientsTelerad .actRdv a{ cursor:pointer; display:inline-block; padding:0 5px; border:0; }
.listePatientsTelerad .actRdv a img{ vertical-align:top; height:26px; width:auto; border:0; -moz-opacity:0.6; -webkit-opacity:0.6; -o-opacity:0.6; -ms-opacity:0.6; opacity:0.6; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.listePatientsTelerad .actRdv a:hover img{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }


/* Galerie Viewer */

#galerieMenuBar{ display:block; white-space:nowrap; overflow:hidden; position:absolute; top:0; left:0; right:0; margin:0; background:transparent; height:147px; }
.innerGalerie{ display:block; white-space:nowrap; float:left; position:relative; margin:0; }
.galerie_bouton{ display:inline-block; position:relative; width:auto; height:125px; text-align:center; margin:0; border:1px solid #555; background:#222; border-top:0; }
.galerie_bouton img{ height:90px; width:auto; border:1px solid #555; cursor:pointer; }

.barre{ display:block; position:absolute; top:130px; left:10px; right:10px; width:auto; height:22px; background:transparent; margin:0; cursor:pointer; }
#galerieMenuBar .barre{ top:130px; }
.barre:after{ content:''; display:block; width:100%; height:2px; background:#ccc; position:absolute; top:calc(50% - 1px); z-index:1; }
.curseur{ position:absolute; display:block; z-index:5; width:8px; height:8px; top:5px; left:0; background:#222; border:2px solid #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; cursor:pointer; }

.surGalerie{ display:block; white-space:nowrap; overflow:hidden; position:absolute; top:176px; left:100%; right:0; margin:0; padding:0; height:0; }
.galerie{ display:block; white-space:nowrap; float:left; position:relative; margin:0; }

.surGalerie .barre{ top:90px; }

#smallViewFrame{ display:block; position:absolute; left:0; bottom:0; right:0; width:100%; top:156px; overflow:hidden; }
#smallFrameViewPic{ display:block; position:absolute; top:0; left:0; width:100%; height:calc(100% - 44px); bottom:0; right:0; margin:0; padding:0; }

#viewerSelect{ display:block; color:#ddd; background:#000; width:auto; max-width:0px; height:auto; padding:15px 0 15px 35px; position:absolute; top:50%; right:0; z-index:500; overflow:hidden; white-space:nowrap; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; font-size:1em; line-height:1em; margin-top:calc(-1.5em - 15px); border:1px solid #ddd; border-width:1px 0 1px 1px; border-radius:10px 0 0 10px; }
#viewerSelect span{ display:block; padding-right:15px; }
#viewerSelect a{ color:#ddd; text-decoration:none; display:block; position:relative; text-align:left; cursor:pointer; padding:5px 15px; font-size:1em; line-height:1em; }
#viewerSelect a:hover{ color:#fff; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#viewerSelect #openCloseViz{ display:block; width:25px; height:100%; background:#000 url('eye.png') no-repeat center center; position:absolute; top:0; left:5px; padding:0; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#viewerSelect #openCloseViz:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#viewerSelect .selected:before{ content:'\25B6'; color:#fff; display:block; position:absolute; left:0; top:0; bottom:0; height:100%; font-size:0.8em; line-height:calc(1.25em + 10px); }
#viewerSelect #openCloseViz:before{ content:''; display:none; }

#smallViewFrame .legende{ display:block; position:absolute; left:0; bottom:0; right:0; width:100%; height:44px; background:#000; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#smallViewFrame .numimg, #smallViewFrame .ajustdata, #smallViewFrame .legende .lum-cont, #smallViewFrame .legende #imgNeg, #smallViewFrame .legende .openbig, #smallViewFrame .legende #zoomButton, #smallViewFrame .legende #zoomButtonMoins, #smallViewFrame .legende #rotateMoins, #smallViewFrame .legende .downloadimage, #smallViewFrame .legende #rotatePlus, #smallViewFrame .legende #printButton, #smallViewFrame .legende .seeprev, #smallViewFrame .legende .seenext, #smallViewFrame .legende .reset-lum-cont, #smallViewFrame .legende #scrollButton{ -moz-opacity:0.3; -webkit-opacity:0.5; opacity:0.5; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#smallViewFrame:hover .legende, #smallViewFrame:hover .numimg, #smallViewFrame:hover .ajustdata, #smallViewFrame .legende .lum-cont:hover, #smallViewFrame .legende #imgNeg:hover, #smallViewFrame .legende .openbig:hover, #smallViewFrame .legende #zoomButton:hover, #smallViewFrame .legende #zoomButtonMoins:hover, #smallViewFrame .legende #rotateMoins:hover, #smallViewFrame .legende .downloadimage:hover, #smallViewFrame .legende #rotatePlus:hover, #smallViewFrame .legende #printButton:hover, #smallViewFrame .legende .seeprev:hover, #smallViewFrame .legende .seenext:hover, #smallViewFrame .legende .reset-lum-cont:hover, #smallViewFrame .legende #scrollButton:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#smallViewFrame .legende .lum-cont{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('lum-cont.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-46px; border:0; }

#smallViewFrame .legende #imgNeg{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('negatif.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-12px; border:0; }

#smallViewFrame .legende #zoomButtonMoins{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('loupe-moins-white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-80px;border:0; }

#smallViewFrame .legende #zoomButton{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('loupe-white.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-114px;border:0; }

#smallViewFrame .legende #scrollButton{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('mouse-scroll.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-148px;border:0; }

#smallViewFrame .legende #rotateMoins{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('rotate-left.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:50%; margin-right:-46px; border:0; }
#smallViewFrame .legende .downloadimage{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('download.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:50%; margin-right:-114px;border:0; }
#smallViewFrame .legende #rotatePlus{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('rotate-right.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:50%; margin-right:-80px;border:0; }
#smallViewFrame .legende #printButton{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('print.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:50%; margin-right:-148px;border:0; }
#smallViewFrame .legende .seeprev{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('gauche.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; left:50%; margin-left:-207px;border:0; }
#smallViewFrame .legende .seenext{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('droite.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:50%; margin-right:-207px;border:0; }

#smallViewFrame .legende .reset-lum-cont{ display:block; width:24px; height:24px; cursor:pointer; background:transparent url('undo.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; position:absolute; bottom:10px; right:20px;border:0; }

#smallViewFrame .legende .downloadimage, #smallViewFrame .legende .openbig, #smallViewFrame .legende .seeprev, #smallViewFrame .legende .seenext, #smallViewFrame .legende .lum-cont,#smallViewFrame .legende .reset-lum-cont, #smallViewFrame .legende #rotatePlus, #smallViewFrame .legende #rotateMoins, #smallViewFrame .legende #imgNeg, #smallViewFrame .legende #zoomButton, #smallViewFrame .legende #printButton{ -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#smallViewFrame .legende .downloadimage:hover, #smallViewFrame .legende .openbig:hover, #smallViewFrame .legende .seeprev:hover, #smallViewFrame .legende .seenext:hover, #smallViewFrame .legende .lum-cont:hover, #smallViewFrame .legende .reset-lum-cont:hover, #smallViewFrame .legende #rotatePlus:hover, #smallViewFrame .legende #rotateMoins:hover, #smallViewFrame .legende #imgNeg:hover, #smallViewFrame .legende #zoomButton:hover, #smallViewFrame .legende #printButton:hover{ border-color:#fff; }

#smallViewFrame .numimg{ display:block; position:absolute; top:0; left:20px; border:0; z-index:5; color:#fff; text-align:center; font-size:12px; background:url('bg_see.png'); padding:5px; width:40px; }
#smallViewFrame .ajustdata{ display:block; position:absolute; top:30px; left:20px; border:0; z-index:5; color:#fff; text-align:left; font-size:12px; background:url('bg_see.png'); padding:5px; width:40px; }

#seebig{ display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:url('loading2.gif') no-repeat center center, url('bg_see.png'); text-align:center; }

#seeframe{ position:relative; display:block; background:transparent; padding:30px 0 40px 0; margin:40px auto 0 auto; color:#fff; }

#seeimg{ position:relative; border:0; width:100%; height:auto; margin:0; vertical-align:top; -moz-box-shadow:0 0 1px 1px #ddd; -webkit-box-shadow:0 0 1px 1px #ddd; box-shadow:0 0 1px 1px #ddd; }
#displayImg{ position:relative; border:0; margin:0 auto; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; -moz-box-shadow:0 0 1px 1px #ddd; -webkit-box-shadow:0 0 1px 1px #ddd; box-shadow:0 0 1px 1px #ddd; }

#numimg{ display:block; position:absolute; top:0; left:0; right:0; width:100%; height:20px; line-height:20px; font-size:16px; font-weight:bold; font-family:arial, sans-serif; color:#fff; }

.legende a{ display:block; width:30px; height:30px; cursor:pointer; position:absolute; bottom:0; border:1px solid #555; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.legende a:hover{ border-color:#fff; }

#zoomButtonBig{ background:transparent url('loupe-white.png') no-repeat center center; left:50%; margin-left:-149px; }
.lum-cont-big{ background:transparent url('lum-cont.png') no-repeat center center; left:50%; margin-left:-111px; }
#imgNegBig{ background:transparent url('negatif.png') no-repeat center center; left:50%; margin-left:-73px; }
#rotateMoinsBig{ background:transparent url('rotate-left.png') no-repeat center center; left:50%; margin-left:-35px; }
#rotatePlusBig{ background:transparent url('rotate-right.png') no-repeat center center; right:50%; margin-right:-35px; }
.reset-lum-cont-big{ background:transparent url('undo.png') no-repeat center center; right:50%; margin-right:-73px; }
.downimageseule{ background:transparent url('download.png') no-repeat center center; right:50%; margin-right:-111px; }
#printButtonBig{ background:transparent url('print.png') no-repeat center center; right:50%; margin-right:-149px; }
#seenot{ background:transparent url('close.png') no-repeat center center; right:50%; margin-right:-206px; }
#seeprev{ background:transparent url('gauche.png') no-repeat center center; left:50%; margin-left:-263px; }
#seenext{ background:transparent url('droite.png') no-repeat center center; right:50%; margin-right:-263px; }

#ajustdataBig{ border:0; color:#fff; display:block; font-size:1em; margin-right:-250px; position:absolute; right:50%; text-align:left; top:0; z-index:5; }

/* MPR */

#mpr{ display:block; position:fixed; top:0; right:0; bottom:0; height:100vh; width:50vw; background:#000; z-index:999999; }
#mpr #frame1{ display:block; position:relative; width:100%; margin:0; height:50vh; text-align:center; padding:0; border:0; }
#mpr #frame1 div{ display:inline-block; position:relative; margin:0; width:1px; max-height:100%; background-color:#000; background-repeat:no-repeat; background-position:0px 0px; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }
#getSizePic{ display:block; position:fixed; z-index:-1000; top:-5000px; left:-5000px; visibility:hidden; -moz-opacity:0; -webkit-opacity:0; opacity:0; }
#closeMprFrame{ display:block; width:100px; height:50px; line-height:50px; font-size:14px; text-transform:uppercase; cursor:pointer; color:#222; font-family:"Arial", aial, sans-serif; position:fixed; z-index:1000000; top:0; left:50%; margin-left:-50px; text-align:center; }

/*********************************/

h2.radiologue{ margin:0; font-weight:normal; text-align:left; }

/* Edition du profil */

#corps_page .view_options{ color:#222; display:block; font-family:"arial narrow","arial_narrowregular",sans-serif; font-weight:normal; left:25%; position:absolute; right:25%; text-align:center; text-transform:uppercase; top:-35px; z-index:301; font-size:14px; }
#corps_page .view_options a{ color:#ccc; text-decoration:none; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; cursor:pointer; }
#corps_page .view_options a:hover{ color:#222; }
#corps_page .data_form{ text-align:center; }

#corps_page .data_form form{ display:inline-block; clear:both; width:500px; padding:0 15px; margin:auto; margin-bottom:30px; }
#corps_page .data_form form label{ display:inline-block; width:230px; text-align:right; margin:0 5px 10px 0; font-size:0.95em; }
#corps_page .data_form form input[type="text"], #corps_page .data_form form input[type="password"]{ background:#fff; border:1px solid #aaa; color:#000; width:210px; padding:2px 0; }
#corps_page .data_form form input[type="text"]:focus, #corps_page .data_form form input[type="password"]:focus{ border:1px solid #00a5bf; }

#corps_page .data_form input[type='submit']{ background:transparent; border:0; color:#666; display:block; font-family:"asap","arial narrow","arial_narrowregular",arial,sans-serif; font-size:2em; font-weight:normal; margin:0 auto; padding:0; position:relative; text-transform:uppercase; width:auto; z-index:1; -moz-transition:1s ease; -webkit-transition:1s ease; -o-transition:1s ease; -ms-transition:1s ease; transition:1s ease; cursor:pointer; }
#corps_page .data_form input[type='submit']:hover{ color:#000; }

#corps_page .data_form form fieldset{ text-align:left; margin:15px 0 30px 0; padding:15px; border:1px solid #ccc; position:relative; z-index:2; background:#fff; }
#corps_page .data_form form fieldset legend{ font-size:1.4em; color:#666; font-family:"asap","arial narrow","arial_narrowregular",sans-serif; text-transform:uppercase; }
#corps_page .data_form form .checkbox{ display:block; width:210px; position:absolute; top:34px; right:10px; text-align:left; }
#corps_page .data_form form p{ text-align:center; margin-top:0; }
#corps_page .data_form form small{ font-size:0.9em; }

.alert { color:#a00; display:block; font-size:1.2em; padding:15px; text-align:center; }

/* Viewer */

/* Barre de navigation examens */
#viewerPage{ background:#555; }
#viewerPage #otherExamsBar{ display:block; position:fixed; top:0; left:0; right:0; z-index:100; width:100%; background:#555; }
#viewerPage #otherExamsBar .otherExamsButton{ display:inline-block; position:relative; color:#fff; font-size:12px; text-decoration:none; text-align:center; padding:0px 20px 5px 20px; height:55px; line-height:13px; margin:0 1px 0 0; font-family:'arial narrow','arial_narrowregular',sans-serif; background:#888 url('modalbg.png') repeat-x center bottom; -moz-text-shadow:0 -1px 0px #000; -webkit-text-shadow:0 -1px 0px #000; -o-text-shadow:0 -1px 0px #000; -ms-text-shadow:0 -1px 0px #000; text-shadow:0 -1px 0px #000; }
#viewerPage #otherExamsBar .thisExam:before{ content:""; background:#ddd; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; height:1px; }
#viewerPage #otherExamsBar .thisExam:after{ content:"\25B2"; background:transparent; color:#222; font-size:12px; line-height:10px; display:block; position:absolute; bottom:-1px; left:0; right:0; width:100%; text-align:center; -moz-text-shadow:0 -1px 0 #ddd; -webkit-text-shadow:0 -1px 0 #ddd; -o-text-shadow:0 -1px 0 #ddd; text-shadow:0 -1px 0 #ddd; }

.otherExamMove{ display:block; width:20px; height:70px; background:#222 url('otherExamsLeft0.png') no-repeat center center; cursor:pointer; position:absolute; z-index:110; top:0; left:0; }
.right{ left:auto; right:0; background:#222 url('otherExamsRight0.png') no-repeat center center; }
.otherExamMove:hover{ background:#222 url('otherExamsLeft.png') no-repeat center center; }
.right:hover{ background:#222 url('otherExamsRight.png') no-repeat center center; }
#innerOtherExams{ display:block; padding:0 20px; position:absolute; top:0; left:0; background:#555; white-space:nowrap; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s; }

/* Structure page */
#viewerPage .left_frame{ position:absolute; top:60px; left:0; right:60%; bottom:0; overflow:auto; border:0; background:#fff; }
#viewerPage .right_frame{ position:absolute; top:60px; right:0; left:40%; bottom:0; overflow-x:hidden; overflow-y:auto; border:0; background:#222; }

/* Information Patient / Examen */
#viewerPage .patient_data{ display:block; position:relative; width:100%; margin:0; padding:0; background:#fff; max-height:2px; overflow:hidden; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; }

#viewerPage #pdfFrame{ display:block; position:absolute; left:0; /*top:176px;*/ top:0px; right:0; bottom:0; border:1px solid #222; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; transition:all ease 1s; }
#viewerPage #pdfFrame object{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; width:100%; height:100%; visibility:hidden; }

#viewerPage .pdf_loading{ background:url('loading.gif') no-repeat center center; }
#loadMessage{ display:block; position:absolute; height:30px; line-height:30px; font-family:arial, sans-serif; font-size:18px; text-align:center; color:#000; background:transparent; width:auto; left:0; right:0; top:50%; margin-top:-60px; z-index:0; -moz-animation:loadMessage 2s infinite linear; -webkit-animation:loadMessage 2s infinite linear; -o-animation:loadMessage 2s infinite linear; -ms-animation:loadMessage 2s infinite linear; animation:loadMessage 2s infinite linear; }

@-moz-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-webkit-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-o-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-ms-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }

#viewerPage .noreview{ text-align:center; text-transform:uppercase; padding-top:20px; }

#viewerPage .patient_data h2{ font-size:1.2em; margin-bottom:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; text-transform:uppercase; }
#viewerPage .patient_data table{ width:100%; background:transparent; font-size:13px; margin:0; padding:0; border:0; border-collapse:collapse; }
#viewerPage .patient_data table th{ font-size:1.2em; line-height:1.2em; height:23px; margin-bottom:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; text-transform:uppercase; padding:10px 0 5px 0; background:#222; color:#fff; }
#viewerPage .patient_data table td{ vertical-align:top; padding:3px 5px 0 5px; width:33%; }

#viewerPage .pdf_down{ text-align:center; padding:0; width:100px !important; white-space:normal; }
#viewerPage .pdf_down a{ clear:both; margin:0 0 5px 0; }

#viewerPage .series_info{ color:#fff; font-size:15px; padding:0 10px 3px 10px; text-align:left; background:transparent; }
#viewerPage .series_info small{ font-size:0.8em; vertical-align:1px; padding:0; margin:0; }

/* Edition de comptes-rendus */

#editorPage{ display:block; position:fixed; top:110%; left:0; right:0; width:100%; height:100%; z-index:999; background:#ddd; border:1px solid #222; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; transition:all ease 1s; }

#editorPage #editHeader{ display:block; position:absolute; top:0; left:0; width:calc(100% - 40px); right:0; background:#ddd; color:#222; padding:10px 20px 9px 20px; height:20px; line-height:20px; border-bottom:1px solid #666; }
#editorPage #editHeader a{ cursor:pointer; color:#ddd; text-decoration:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader a:hover{ color:#222; }

#editorPage #editHeader #openPData{ display:inline-block; height:20px; line-height:20px; position:relative; margin:0 0 0 0; padding-right:30px; color:#ddd; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #openPData:hover{ color:#222; }
#editorPage #editHeader #openPData:after{ content:''; display:block; width:20px; height:20px; position:absolute; top:0; right:0; background:transparent url('infopatient.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #openPData:hover:after{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#editorPage #editHeader #pData{ display:block; background:#ddd; color:#222; position:absolute; top:39px; left:-1000px; z-index:999; padding-right:25px; border:1px solid #666; border-width:0 1px 1px 0; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s; }
/*#editorPage #editHeader #pData:after{ content:''; display:block; width:2px; height:40px; background:#ddd; position:absolute; top:0; right:-1px; z-index:5; }*/
#editorPage #editHeader #pData #closePData{ display:block; position:absolute; top:0; bottom:0; right:0; height:100%; width:25px; cursor:pointer; background:transparent url('closepdata.png') no-repeat center center; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #pData #closePData:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
#editorPage #editHeader #pData table th{ text-transform:uppercase; font-weight:normal; }
#editorPage #editHeader #pData table td{ padding:5px 5px 10px 5px; }

#editorPage #editHeader #toggleCr{ display:inline-block; width:80px; height:24px; cursor:pointer; position:relative; margin:-10px 0 0 25px; background:transparent url('opencr.png') no-repeat center top; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #toggleCr:after{ content:'Compte-rendu'; font-family:'Arial', sans-serif; font-size:8px; color:#222; display:block; text-transform:uppercase; position:absolute; bottom:-17px; left:0; right:0; text-align:center; }
#editorPage #editHeader #toggleCr:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#editorPage #editHeader #ordHere.oIsOn{ display:inline-block; width:80px; height:24px; cursor:pointer; position:relative; margin:-10px 0 0 5px; background:transparent url('ordonnance.png') no-repeat center top; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #ordHere.oIsOn a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; font-size:0; }

#editorPage #editHeader #ordHere.oIsOn:after{ content:'Ordonnance'; font-family:'Arial', sans-serif; font-size:8px; color:#222; display:block; text-transform:uppercase; position:absolute; bottom:-17px; left:0; right:0; text-align:center; }
#editorPage #editHeader #ordHere.oIsOn:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#editorPage #editHeader #caseNote{ display:block; width:20px; height:20px; cursor:pointer; position:absolute; top:10px; right:60px; background:transparent url('casenote.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader #caseNote:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
#editorPage #editHeader .unread:before { background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; color:#222; content:"!"; display:block; font-family:arial,sans-serif; font-weight:bold; height:20px; left:-25px; position:absolute; text-align:center; top:0; width:20px; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; -moz-animation:unreadmessage 2s infinite linear; -webkit-animation:unreadmessage 2s infinite linear; -o-animation:unreadmessage 2s infinite linear; -ms-animation:unreadmessage 2s infinite linear; animation:unreadmessage 2s infinite linear; }

@-moz-keyframes unreadmessage{ 0% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:1; -o-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } }
@-webkit-keyframes unreadmessage{ 0% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:1; -o-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } }
@-o-keyframes unreadmessage{ 0% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:1; -o-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } }
@-ms-keyframes unreadmessage{ 0% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:1; -o-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } }
@keyframes unreadmessage{ 0% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:1; -o-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } }

#editorPage #editHeader .closeEditWin{ display:block; position:absolute; top:10px; right:20px; width:20px; height:20px; font-size:0; background:transparent url('exit_b.png') no-repeat center center; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#editorPage #editHeader .closeEditWin:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
#editorPage #editLeft, #editorPage #editRight{ display:block; position:absolute; top:40px; bottom:0; height:100%; width:auto; background:#fff; }
#editorPage #editLeft{ left:-105%; right:105%; z-index:2; }
#editorPage #editRight{ left:0; right:0; z-index:1; }
#editorPage #widthHandler{ display:block; position:absolute; top:40px; bottom:0; left:-5%; width:6px; background:#666; z-index:99; cursor:col-resize; }
#editorPage #widthHandler:before{ content:''; display:block; width:18px; height:18px; position:absolute; top:calc(50% - 9px); left:-6px; z-index:10; background:transparent url('widthcursor.png') no-repeat center center; z-index:2; }
#editorPage #widthHandler:after{ content:''; display:block; width:2px; position:absolute; top:50px; bottom:50px; left:2px; z-index:1; background:#ddd url('widthhandlebg.png') no-repeat center center; }

#editorPage #editLeft iframe, #editorPage #editRight iframe{ display:block; border:0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:auto; margin:0; }
.cacheFrame{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#fff; -moz-opacity:0.3; -webkit-opacity:0.3; -o-opacity:0.3; -o-opacity:0.3; -ms-opacity:0.3; opacity:0.3; z-index:-1; }

#editorPage #editLeft #saveContent{ background:transparent; cursor:pointer; display:block; font-family:arial,sans-serif; font-size:14px; height:35px; line-height:35px; padding:0 10px; position:absolute; right:5px; top:0; z-index:9; width:130px; text-align:center; visibility:hidden; }
#editorPage #editLeft #validContent{ background:transparent; cursor:pointer; display:block; font-family:arial,sans-serif; font-size:14px; height:35px; line-height:35px; padding:0 10px; position:absolute; right:5px; top:0px; z-index:8; width:170px; text-align:center; visibility:hidden; }
#editorPage #editLeft #validContent:before{ content:''; display:block; position:absolute; width:1px; height:50%; top:25%; bottom:25%; left:0; background:#ccc; }

#editorPage #editLeft #locked{ background:transparent; display:none; font-family:arial,sans-serif; font-size:12px; height:35px; padding:3px 10px; position:absolute; right:5px; top:0px; z-index:8; width:170px; text-align:right; }

#editorPage #blocNote{ display:block; position:absolute; width:350px; height:calc(100% - 39px); top:39px; right:-1000px; bottom:0; z-index:999; background:#ddd; border-left:1px solid #666; -moz-transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -ms-transition:all ease 1s; transition:all ease 1s; }
#editorPage #blocNote iframe{ display:block; position:absolute; height:calc(100% - 50px); top:25px; left:25px; right:25px; bottom:25px; overflow:hidden; border:0; margin:0; }

#blocNotePage{ overflow:hidden; background:#fff; }
#blocNotePage small{ display:block; position:relative; padding:10px; font-size:13px; }
#blocNotePage small strong{ display:block; text-transform:uppercase; position:relative; }
#blocNotePage small strong #closeThis{ display:block; width:0.8em; height:0.8em; position:absolute; right:-0.4em; top:-0.5em; background:transparent url('closebeware.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; cursor:pointer; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#blocNotePage small strong #closeThis:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
#blocNotePage form { display:block; width:100%; margin:0; padding:0; position:absolute; top:90px; left:0; right:0; bottom:60px; }
#blocNotePage form textarea, #blocNotePage form textarea:focus{ display:block; background:#fff; border:1px solid #222; border-width:2px 0; width:100%; height:calc(100% - 45px); padding:5px; position:absolute; top:0; left:0; right:0; bottom:25px; overflow:auto; margin:0; font-family:'arial_narrowregular', arial, sans-serif; font-size:16px; color:#000; }
#blocNotePage form input[type="submit"]{ display:block; position:absolute; left:0; bottom:0; right:0; width:100%; font-size:20px; text-align:center; float:none; }
#blocNotePage #bottom{ position:absolute; bottom:0; left:0; right:0; }

.launcheditor{ text-align:center; white-space: nowrap; }
.launcheditor a, .launcheditor .empty{ display:inline-block; padding:0; background:transparent url('editor.png') no-repeat center center; -moz-background-size:contain !important; -webkit-background-size:contain !important; background-size:contain !important; margin:0 5px; width:30px; height:30px; text-align:center; text-decoration:none; cursor:pointer; }

#menuTeleRadio{ display:block; padding:0; text-align:center; width:auto; margin:-70px 0 40px 0; }
#menuTeleRadio a{ color:#222; background:#eee; text-decoration:none; text-transform:uppercase; display:inline-block; position:relative; padding:5px 10px; margin:0 5px; border:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; font-size:0.9em; }
#menuTeleRadio a:hover{ color:#000; background:#fff; }

/* Import des comptes-rendu au format PDF */

#importCR{ display:block; width:400px; height:250px; overflow:hidden; border:0; border-collapse:collapse; position:fixed; background:#fff; top:50%; left:50%; margin:-125px 0 0 -200px; z-index:60; }
#cacheCR{ content:''; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:url('bg_see.png'); z-index:59; cursor:pointer; }
#cacheTitle{ display:block; width:400px; height:20px; line-height:20px; position:absolute; top:50%; left:50%; margin:135px 0 0 -200px; text-align:center; color:#222; font-size:13px; text-transform:uppercase; font-family:sans-serif; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; }
#cacheCR:hover #cacheTitle{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
.launcheditor .open_cr_button{ background:transparent url('upload_cr.png') no-repeat center center; }
.launcheditor .open_viewer_button{ background:transparent url('open_viewer_button.png') no-repeat center center; }
.launcheditor .open_dictee_button{ background:transparent url('dictee_record.png') no-repeat center center; }
.launcheditor .valid_cr_button{ background:transparent url('valid_cr.png') no-repeat center center; }

/* Interface d'administration */

#examPage #header #nomsite .adminMark { bottom:-7px; font-size:0.25em; font-weight:normal; position:absolute; right:0; text-transform:uppercase; }

#mainMenu{ display:block; position:absolute; top:117px; left:50%; width:500px; margin:0 0 0 -250px; text-align:center; }
#mainMenu a{ display:inline-block; position:relative; height:35px; width:35px; border:0; margin:0 20px; background:transparent url('users.png') no-repeat center center; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#mainMenu a:before{ content:attr(title); font-family:'asap','arial narrow','arial_narrowregular',sans-serif; text-transform:uppercase; display:block; color:#222; position:absolute; bottom:0; width:70px; height:35px; line-height:35px; left:50%; margin:0 0 0 -35px; text-align:center; padding:0; z-index:20; font-size:0.8em; white-space:nowrap; visibility:hidden; -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; }
#mainMenu a:after{ content:''; display:block; position:absolute; background:#fff; width:100%; height:100%; top:0; left:0; margin:0; z-index:10; visibility:hidden; -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; }
#mainMenu a:hover:before{ visibility:visible; -moz-opacity:1; -webkit-opacity:1; opacity:1; }
#mainMenu a:hover:after{ visibility:visible; -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; }
#mainMenu a#users{ background-image:url('users.png'); }
#mainMenu a#groups{ background-image:url('groups.png'); }
#mainMenu a#communiquer{ background-image:url('communiquer.png'); }
#mainMenu a#param{ background-image:url('parametres.png'); }

#iCountConteneur{ color:#222; -moz-animation:iCountConteneur 2s infinite linear; -webkit-animation:iCountConteneur 2s infinite linear; -o-animation:iCountConteneur 2s infinite linear; -ms-animation:iCountConteneur 2s infinite linear; animation:iCountConteneur 2s infinite linear; }
@-moz-keyframes iCountConteneur{ 0% { color:#222; } 50% { color:#555; } 100% { color:#222; } }
@-webkit-keyframes iCountConteneur{ 0% { color:#222; } 50% { color:#555; } 100% { color:#222; } }
@-o-keyframes iCountConteneur{ 0% { color:#222; } 50% { color:#555; } 100% { color:#222; } }
@-ms-keyframes iCountConteneur{ 0% { color:#222; } 50% { color:#555; } 100% { color:#222; } }
@keyframes iCountConteneur{ 0% { color:#222; } 50% { color:#555; } 100% { color:#222; } }

.sous-menu{ display:block; background:#fff; position:absolute; top:160px; left:0; right:0; width:100%; z-index:30; padding:0; height:0; line-height:50px; color:#ddd; text-align:center; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; overflow:hidden; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; }
.sous-menu a{ display:inline-block; margin:0 10px; color:#ddd; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.sous-menu a:hover{ color:#222; }

table.users{ margin:0 auto; border-collapse:collapse; border:1px solid #aaa; }
table.users caption{ text-align:right; font-size:0.7em; padding:0 0 15px 0; }
table.users caption a{ text-decoration:none; color:#666; }
table.users caption .legend-sample{ display:inline-block; width:16px; height:16px; border:1px solid #aaa; margin:6px 0px 0px; font-size:1.5em; text-align:center; vertical-align:-5px; position:relative; cursor:pointer; }
table.users caption .legend-sample:after{ content:attr(data-info); display:block; position:absolute; right:15px; bottom:19px; background:#fff; color:#000; font-size:0.7em; padding:3px; white-space:nowrap; -moz-box-shadow:0 0 1px #000; -webkit-box-shadow:0 0 1px #000;  box-shadow:0 0 1px #000; visibility:hidden; -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; }
table.users caption .legend-sample:hover:after{ right:0; visibility:visible; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
table.users caption .legend-sample:last-of-type{ width:17px; height:17px; border:0; }
table.users caption #selectShowBlock{ display:table; padding:0; margin:0 auto 10px auto; list-style:none; border-collapse:collapse; table-layout:fixed; position:relative; width:90%; }
table.users caption #selectShowBlock li{ display:table-cell; text-align:center; vertical-align:middle; padding:5px; margin:0; white-space:nowrap; width:16%; font-size:1.2em; }
table.users caption #selectShowBlock li:first-of-type{ font-weight:bold; }

table.users tr{ border:1px solid #aaa; border-width:0 1px 1px 1px; }
table.users thead tr{ border-width:0 0 1px 0; }
table.users th{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; text-transform:uppercase; font-weight:normal; padding:10px 15px; line-height:1em; font-size:0.9em; color:#fff; background:#00a5bf; }
table.users th a{ text-decoration:none; color:#ddd; font-size:0.7em; vertical-align:0.2em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
table.users th a:hover{ color:#fff; }
table.users tr td{ padding:5px 15px; line-height:1em; font-size:1em; }
table.users tr td:nth-of-type(4), table.users tr td:nth-of-type(5), table.users tr td:nth-of-type(6){ text-align:center; }

table.users tr td .infolink, .seegroupinfo, .deletefromgroup{ display:inline-block; position:relative; width:30px; height:30px; margin:0 5px; border:0; background:transparent url('info.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; }
table.users tr td .infolink:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
table.users tr td .infolink span{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; line-height:45px; text-align:center; color:#fff; text-decoration:none; font-size:10px; font-family:'arial_narrowregular', arial, sans-serif; }
table.users tr td .infolink:nth-of-type(1), .seegroupinfo{ background-image:url('info.png'); }
table.users tr td .infolink:nth-of-type(2){ background-image:url('droits.png'); }
table.users tr td .infolink:nth-of-type(3){ background-image:url('contact.png'); }
table.users tr td .infolink:nth-of-type(4){ background-image:url('groups-button.png'); }
table.users tr td .infolink:nth-of-type(5){ background-image:url('password.png'); }
table.users tr td .infolink:nth-of-type(6){ background-image:url('block_off.png'); }
table.users tr td .infolink:nth-of-type(7){ background-image:url('network.png'); }
table.users tr td .infolink:last-of-type, .deletefromgroup{ background-image:url('delete.png') !important; }
.seegroupinfo, .deletefromgroup{ vertical-align:-8px; margin:0 0 0 10px; }

#cacheProp{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('bg_see.png'); right:0; bottom:0; z-index:200; }
#cacheProp::before{ content:'Merci de patienter pendant que nous contactons les autres sites...'; display:block; position:absolute; width:100%; height:50px; background:none; top:50%; left:0; margin:-60px 0 0 0; color:#fff; text-align:center; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-animation:cText 3s infinite linear; -webkit-animation:cText 3s infinite linear; -o-animation:cText 3s infinite linear; -ms-animation:cText 3s infinite linear; animation:cText 3s infinite linear; }

@-moz-keyframes cText{ 0% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } }
@-webkit-keyframes cText{ 0% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } }
@-o-keyframes cText{ 0% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } }
@-ms-keyframes cText{ 0% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } }
@keyframes cText{ 0% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } 50% { -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; } 100% { -moz-opacity:1; -webkit-opacity:1; opacity:1; } }

#cacheProp::after{ content:''; display:block; position:absolute; width:50px; height:50px; background:url('loading2.gif') no-repeat center center; top:50%; left:50%; margin:-25px 0 0 -25px; }

.popup{ display:block; position:fixed; top:160px; left:0; bottom:0; right:0; z-index:999999; width:100%; height:100%; background:transparent; visibility:hidden; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; opacity:0; }
.popup h2{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; margin-top:0; text-align:center; text-transform:uppercase; }
.popup .print-it{ display:block; width:25px; height:25px; background:transparent url('print_black.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; border:0; position:absolute; top:17px; left:17px; z-index:30; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; cursor:pointer; }
.popup .print-it:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
.popup form{ background:#fff; padding:15px; width:auto; }
.popup form input[type='submit']{ display:block; margin:15px auto 0 auto; }
.popup form .label_message { vertical-align:90px; }
.popup form .disabled{ background:#eee; cursor:not-allowed; }
.popup .close{ position:relative; z-index:22; display:block; text-align:center; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; color:#fff; text-transform:uppercase; padding:10px 0; }
#box-content{ display:block; width:470px; padding:15px; background:#fff; padding:15px; margin:auto; }
.popup form, #box-content{ border:3px double #333; position:relative; width:500px; max-width:98%; }
.popup form:after, #box-content:after{ content:''; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:url('bg_see.png'); z-index:-1; }
#mask{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:transparent; visibility:hidden; cursor:pointer; }

#add_group_user{ -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border:0 !important; text-align:center !important; padding:0; }
#add_group_user:after{ display:none; }
#add_group_user input[type='submit']{ background:transparent !important; border:0 none !important; color:#555 !important; display:block !important; float:none !important; line-height:1em; margin:0 auto !important; padding:0 !important; display:block !important; text-align:center !important; }

/* Ajout d'utilisateurs */

#choice_form #cadre_selection_doc, #choice_form #cadre_droits_doc, #choice_form #visitor_access, #choice_form #visitor_expiration, #choice_form #cadre_username, #choice_form #email_field, #choice_form #submit{ display:none; }

#choice_form .radiobox { clear:both; display:inline-block; float:right; margin:0 0 5px 0; text-align:left; width:50%; }

#choice_form fieldset { padding:20px 0; }
#choice_form fieldset legend{ font-size:1.4em; }

#choice_form p { font-size:0.9em; margin:10px 0 15px; text-align:left; }

#choice_form input[type="text"]{ width:100%; }
#choice_form input[type="submit"]{ display:block; margin:auto; font-size:25px; }

#choice_form input[type='button']{ display:inline-block; position:relative; margin:auto; padding:0; text-transform:uppercase; color:#666; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-size:16px; border:0; background:transparent; font-weight:normal; -moz-transition:1s ease; -webkit-transition:1s ease; -o-transition:1s ease; -ms-transition:1s ease; transition:1s ease; }
#choice_form input[type='button']:hover{ color:#222; }

#choice_form #visitor_access{ text-align:left; }
#choice_form #visitor_access .choice{ font-size:0.95em; }
#choice_form #visitor_access input[type="text"], #choice_form #visitor_access textarea{ width:48%; float:right; }
#choice_form #visitor_access p{ margin:-5px 0 15px 0; text-align:right; clear:both; float:none; }

#choice_form #readlist_one_patient, #choice_form #readlist_one_doctor, #choice_form #readlist{ display:block; position:relative; overflow:visible; border:0; padding:0; height:0; }

#choice_form #sugg_onePatient, #choice_form #sugg_oneDoc, #choice_form #readlist #sugg { position:absolute; top:0; left:0; right:0; z-index:100; list-style:none; padding:0; margin:0; background:#fff; border:1px solid #000; width:auto; max-height:200px; overflow-y:auto; overflow-x:hidden; -moz-box-shadow:2px 2px 2px #333; -webkit-box-shadow:2px 2px 2px #333; -o-box-shadow:2px 2px 2px #333; -ms-box-shadow:2px 2px 2px #333; box-shadow:2px 2px 2px #333; }
#choice_form #sugg_onePatient li, #choice_form #sugg_oneDoc li, #choice_form #readlist #sugg li{ padding:2px 10px; cursor:pointer; width:100%; }
#choice_form #sugg_onePatient li:hover, #choice_form #sugg_oneDoc li:hover, #choice_form #readlist #sugg li:hover{ background:#dfdfdf; }

#choice_form #result_username p{ text-align:center; font-size:1.1em; color:#a00; }

/* Demandes d'inscription */

.noInscrip{ display:block; text-align:center; text-transform:uppercase; font-size:1.2em; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; color:#000; margin:30px 0; }

#inscriptionForm h2{ font-family:'asap','asap','arial narrow','arial_narrowregular',sans-serif; font-size:30px; color:#00a5bf; text-align:center; font-weight:normal; margin:0 0 10px 0; }

table.inscripTable{ margin:0 auto; border-collapse:collapse; border:1px solid #333; }
table.inscripTable caption{ text-align:center; font-size:1.2em; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; color:#222; background:#fff; padding:15px; line-height:1em; text-transform:uppercase; border:0; border-bottom:0; }

table.inscripTable tr{ border:0; border-width:0 1px 1px 1px; }
table.inscripTable thead tr{ border:0; }
table.inscripTable th{ font-family:'asap','arial narrow','arial_narrowregular',sans-serif; text-transform:uppercase; font-weight:normal; padding:5px 15px; line-height:1em; color:#222; background:#fff; }
table.inscripTable th a{ text-decoration:none; color:#666; font-size:0.7em; vertical-align:0.2em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
table.inscripTable th a:hover{ color:#000; }
table.inscripTable tr td{ padding:5px 15px; font-size:1em; }
table.inscripTable tr td:nth-of-type(4), table.inscripTable tr td:nth-of-type(5), table.inscripTable tr td:nth-of-type(6){ text-align:center; }
table.inscripTable tr:nth-of-type(2n+3){ background:#eee; }
table.inscripTable tr td .valid-inscrip-button{ display:block; clear:both; text-transform:none; border:0; background:transparent; color:#a00; font-size:0.8em; padding:0; line-height:1em; margin:0; white-space:nowrap; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; font-family:'arial narrow','arial_narrowregular',sans-serif; }
table.inscripTable tr td .valid-inscrip-button:hover{ color:#000; }
table.inscripTable tr td form{ display:inline; width:auto; margin:0; padding:0; }

.separaInscrip{ display:block; margin:0; border:0; background:transparent; width:100%; height:50px; position:relative; }

#open-info form textarea{ display:block; height:100px; width:calc(100% - 4px); border:1px solid #333; margin-bottom:0; background:#fff; -moz-resize:none; -webkit-resize:none; resize:none; }
#open-info form input[type='button'], #open-info form input[type='submit']{ background:#fff; border:0; border-top:0; color:#222; padding:2px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; }
#open-info form input[type='submit']{ float:right; }
#open-info form input[type='button']:hover, #open-info form input[type='submit']:hover{ background:#fff; color:#000; }

.reject-form{ -moz-box-shadow:none !important; -webkit-box-shadow:none !important; -o-box-shadow:none !important; -ms-box-shadow:none !important; box-shadow:none !important; border:0 !important; text-align:center !important; }
.reject-form input[type='button'], .reject-form input[type='submit']{ float:left; font-family:'arial narrow','arial_narrowregular',sans-serif !important; border:0 !important; font-size:14px !important; margin:0 !important; text-transform:none !important; background:#fff; }
.reject-form input[type='submit']{ float:right; }
.reject-form textarea{ width:calc(100% - 6px) !important; }

/* Maintenance */

#cadre_username_radio { font-size:0.95em; line-height:2em; margin-top:0; padding-top:0 !important; }
#cadre_username_radio p { line-height:normal; }

.maintenance #choice_form{ padding:0; }

/* Groupes */

#gestionGroups th{ background:#fff; color:#222; }
#gestionGroups .infolink:nth-of-type(1){ background-image:url('info.png'); }
#gestionGroups .infolink:nth-of-type(2){ background-image:url('droits.png'); }
#gestionGroups .infolink:nth-of-type(3){ background-image:url('delete.png'); }

.add-user .getBack{ text-align:center; margin:0 0 15px 0; color:#555; }
.add-user .getBack a{ color:#555; text-decoration:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.add-user .getBack a:hover{ color:#000; }

.add-user #choice_form{ padding:0; width:500px; }
.add-group #choice_form label{ display:block; text-align:center; width:auto; margin:0 0 10px 0; }
.add-group #choice_form fieldset:first-of-type div:nth-of-type(2) label{ margin:20px 0 10px 0; }

.add-user #choice_form textarea{ width:calc(100% - 2px); }

.add-group #choice_form .radiobox{ font-size:0.95em; float:none; margin-bottom:10px; }
.add-group #choice_form .radiobox:first-of-type{ width:auto; }
.add-group #choice_form .radiobox:last-of-type{ float:right; }

.add-user #choice_form #readlist{ display:block; position:relative; overflow:visible; border:0; padding:0; height:0; }

.add-user #choice_form #readlist .suggestions { position:absolute; top:0; left:0; right:0; z-index:100; list-style:none; padding:0; margin:0; background:#fff; border:1px solid #000; width:auto; max-height:200px; overflow-y:auto; overflow-x:hidden; -moz-box-shadow:2px 2px 2px #333; -webkit-box-shadow:2px 2px 2px #333; -o-box-shadow:2px 2px 2px #333; -ms-box-shadow:2px 2px 2px #333; box-shadow:2px 2px 2px #333; }
.add-user #choice_form #readlist .suggestions li{ padding:2px 10px; cursor:pointer; width:100%; text-align:left; }
.add-user #choice_form #readlist .suggestions li:hover{ background:#dfdfdf; }

.add-user #choice_form #select_members{ padding:0; list-style:none; }

.add-user #choice_form #select_members li { font-size:0.9em; padding:5px 0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.add-user #choice_form #select_members .selectedMember{ background:#eef; }

/* Mailing */

#mailingform { width:auto; padding:0; }
#mailingform fieldset{ display:block; width:500px; margin:0 auto; }
#mailingform fieldset .messageMailingLabel{ vertical-align:140px; }
#mailingform fieldset #messagecontent{ height:150px; }

#mailingform #selectShowBlock{ display:table; padding:0; margin:0 auto 10px auto; list-style:none; border-collapse:collapse; table-layout:fixed; position:relative; width:90%; }
#mailingform #selectShowBlock li{ display:table-cell; text-align:left; vertical-align:middle; padding:5px; margin:0; white-space:nowrap; width:30%; font-size:0.7em; font-family:'arial_narrowregular', arial, sans-serif; text-transform:none; }
#mailingform #selectShowBlock hr{ border:0; display:table-row; }
#mailingform #selectShowBlock li:first-of-type{ font-weight:bold; }

#mailingform th{ text-align:center; font-size:0.9em; }
#mailingform tr td{ padding:8px 15px; text-align:left !important; }

#mailingform tr{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#mailingform .selectDest{ background:#eef; }
#mailingform .selectDest td{ }

#mailingform input[type="submit"]{ display:block; font-size:1.8em; margin:15px auto; text-align:center; }

.annonce-envoi-emails{ text-align:center; font-size:1.2em; }
.annonce-envoi-emails a{ color:#a00; }
.annonce-envoi-emails a:hover{ text-decoration:none; }

/* Statistiques */

#statForm{ text-align:center; padding:0; }
#statForm #iframefrom, #statForm #iframeto{ overflow:hidden; border:0; border-collapse:collapse; height:160px; width:200px; }

#statsTable{ border:1px solid #333; }
#statsTable tr{ border:0; }
#statsTable tr:nth-of-type(2n+3){ background:#eee; }
#statsTable th{ background:#fff; color:#222; }
#statsTable td{ text-align:center; }
#statsTable td:first-of-type{ text-align:left; }

#statListTable1 caption, #statListTable2 caption{ font-size:1em; text-align:center; background:#fff; color:#222; padding:10px; }
#statListTable1 caption small, #statListTable2 caption small{ display:block; clear:both; text-align:center; }
#statListTable1 caption small a, #statListTable2 caption small a{ color:#777; text-decoration:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#statListTable1 caption small a:hover, #statListTable2 caption small a:hover{ color:#222; }

#statListTable1, #statListTable2{ border:1px solid #333; margin-top:20px; }
#statListTable1 tr, #statListTable2 tr{ border:0; }
#statListTable1 tr:nth-of-type(2n+2), #statListTable2 tr:nth-of-type(2n+2){ background:#eee; }
#statListTable1 th, #statListTable2 th{ background:#fff; color:#222; }
#statListTable1 td, #statListTable2 td{ text-align:left; }
#statListTable1 td:first-of-type, #statListTable2 td:first-of-type{ text-align:center; }

/* Profil */

.data_form .getBack{ text-align:center; margin:0 0 15px 0; color:#555; position:relative; top:10px; }
.data_form .getBack a{ color:#555; text-decoration:none; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.data_form .getBack a:hover{ color:#000; }

/* Journal */

#journalForm{ text-align:center; padding:0; }
#journalForm #iframefrom, #journalForm #iframeto{ overflow:hidden; border:0; border-collapse:collapse; height:160px; width:200px; }

#journalForm .radiobox { clear:both; display:inline-block; float:right; margin:0 0 5px 0; text-align:left; width:50%; }

.journalSep{ display:block; clear:both; margin:15px 40%; border:1px solid #ccc; border-width:1px 0; height:0; padding:1px; }

.journalSession{ width:150px; }
.journalUser{ width:100px; }
.journalId{ width:100px; }
.journalCategorie{ width:100px; }
.journalConnexion{ width:60px; }
.journalDuree{ width:60px; }
.journalFichier{ width:100px; }
.journalAction{ width:100px; }

#journalTable{ margin:auto; border:1px solid #333; border-collapse:collapse; width:calc(100% - 50px); max-width:1200px; }
#journalTable tr td:nth-of-type(5), #journalTable tr td:nth-of-type(6){ white-space:nowrap; }	 

#journalTable .header{ background:#fff; }
#journalTable th{ color:#222; font-weight:normal; padding:5px 10px; }
#journalTable td{ text-align:left; padding:5px 10px; }

#journalTable .completeResults { background:#fff; }
#journalTable .completeResults:hover { background:#eef; }

#journalTable .completeResults td{ padding:0 10px; overflow:hidden; line-height:0%; color:#222; -moz-transition:line-height ease 0.5s, color ease 0.5s 0.5s; -webkit-transition:line-height ease 0.5s, color ease 0.5s 0.5s; -o-transition:line-height ease 0.5s, color ease 0.5s 0.5s; -ms-transition:line-height ease 0.5s, color ease 0.5s 0.5s; transition:line-height ease 0.5s, color ease 0.5s 0.5s; }

#journalTable .headResultEven{ background:#dfdfdf; border:0; cursor:pointer; }
#journalTable .headResultOdd{ background:#eee; border:0; }
#journalTable .headResultOdd:hover, #journalTable .headResultEven:hover{ background:#eef; }

.checkSelectLabel{ background:#eee; }

/* Alerte Extensions */

#beware{ display:block; position:absolute; top:0; width:300px; left:50%; margin-left:-176px; z-index:999999; height:auto; font-family:arial, sans-serif; font-size:14px; padding:25px; text-align:center; background:#fff; border:1px solid #000; -moz-box-shadow:0 5px 30px #000; -webkit-box-shadow:0 5px 30px #000; -o-box-shadow:0 5px 30px #000; -ms-box-shadow:0 5px 30px #000; box-shadow:0 5px 30px #000; }

#beware h1, #beware h2{ display:block !important; font-family:arial, sans-serif !important; color:#000 !important; font-size:1.5em !important; text-align:center !important; position:relative !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; margin:20px 0 !important; padding:0 !important; font-weight:bold !important; }

#beware ul{ display:block; width:250px; margin:auto; text-align:left; padding:0; }

#beware span{ color:#f00; }

#beware #closeBeware{ display:block; height:15px; background:transparent url('closebeware.png') no-repeat center center; padding:0; text-align:center; border:0; cursor:pointer; position:absolute; top:15px; left:25px; right:25px; }

/* Formulaire de rendez-vous */

#rdvForm{ display:block; position:relative; }
#rdvForm #leftCol{ display:block; position:fixed; left:0; top:0; width:200px; background:#fff; padding:190px 10px 10px 20px; text-align:left; }
#rdvForm #leftCol a{ text-decoration:none; display:block; color:#222; margin:0 0 5px 0; }

#rdvForm #rightCol{ display:block; position:absolute; top:0; right:0; left:240px; }

#rdvForm #rightCol a{ color:#444; }

#rdvForm #rightCol h2{ text-align:center; font-weight:normal; text-transform:uppercase; margin-top:0; }

#rdvForm #rightCol #familyFilters { display:block; padding-bottom:10px; position:relative; text-align:center; }

#rdvForm #rightCol #familyFilters a:first-of-type { background:transparent url("cross.png") no-repeat scroll center center; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; border:0; cursor:pointer; display:block; font-size:0; height:10px; left:50%; margin:0 0 0 -5px; padding:0; position:absolute; top:-15px; width:10px; }

#rdvForm #rightCol #familyFilters a { color:#a00; display:inline-block; font-size:0.9em; margin:0; padding:0 0 5px 0; position:relative; text-align:center; text-decoration:none; width:16%; }

#rdvForm #rightCol form { display:block; padding:0; width:calc(100% - 20px); max-width:1300px; margin:0 auto 20px auto; }
#rdvForm #rightCol form .formLine{ display:block; position:relative; }
#rdvForm #rightCol form .formLine:nth-of-type(2n){ background:#f6f6f6; }
#rdvForm #rightCol form .formLine:nth-of-type(2n+1){ background:#fff; }
#rdvForm #rightCol form .formLine span{ display:inline-block; position:relative; width:100px; margin:10px 0; text-align:center; }
#rdvForm #rightCol form .formLine span:first-of-type{ width:50px; }
#rdvForm #rightCol form .formLine span:nth-of-type(2){ width:100px; padding:0 5px; }
#rdvForm #rightCol form .formLine span:nth-of-type(3){ width:calc(50% - 160px); padding:0; }
#rdvForm #rightCol form .formLine span:nth-of-type(4){ width:calc(50% - 160px); padding:0; }
#rdvForm #rightCol form .formLine span:last-of-type{ width:50px; }

#rdvForm #rightCol form .formLine span:first-of-type em{ font-style:normal; }
#rdvForm #rightCol form .formLine span:first-of-type .deleteElement{ display:block; position:absolute; top:50%; left:-5px; width:10px; height:10px; border:0; font-size:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; cursor:pointer; margin:-5px 0 0 0; }

#rdvForm #rightCol form #formLine_0{ background:#fff; color:#222; text-transform:uppercase; }

#rdvForm #rightCol form .formLine span input[type="text"]{ width:90%; margin:1px auto; padding:2px 5px; color:#000; }
#rdvForm #rightCol form .formLine span input[type="text"]:focus{ margin:0px auto; }

#rdvForm #rightCol form #addNewLine, #rdvForm #rightCol form #addNewLine2{ display:block; text-align:center; color:#a00; margin:30px 10px 10px 10px; font-size:0.8em; text-decoration:none; text-transform:uppercase; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; cursor:pointer; }
#rdvForm #rightCol form #addNewLine:hover, #rdvForm #rightCol form #addNewLine2:hover{ color:#000; }
#rdvForm #rightCol form input[type="submit"]{ display:block; margin:20px auto; }

#rdvForm #rightCol .errorMessage{ display:block; text-align:center; color:#a00; padding:0 10px 10px 10px; font-size:0.8em; text-decoration:none; text-transform:uppercase; }

#rdvForm #rightCol #ensembleForm .formLine span:last-of-type { width:calc(100% - 50px); padding:0; }

#rdvForm #rightCol #examForm .formLine hr{ display:block; margin:0; border:0; width:auto; height:1px; background:transparent; float:none; clear:both; }
#rdvForm #rightCol #examForm .formLine span{ float:left; }

.moveup, .movedown{ display:bloc; width:20px; height:20px; line-height:20px; text-align:center; cursor:pointer; text-decoration:none; font-family:arial, sans-serif; font-size:10px; color:#555 !important; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; position:absolute; left:10px; bottom:-60px; }
.moveup{ bottom:-40px; }
.moveup:hover, .movedown:hover{ color:#000 !important; }

.findeliste{ display:block; position:absolute; bottom:15px; left:calc(100% - 730px); width:auto; white-space:nowrap; font-size:12px; }
.findeliste input{ vertical-align:-2px; }

#rdvForm #rightCol #examForm #formLine_0 span{ font-size:0.9em; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(1){ width:40px; padding:0; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(2){ width:calc(100% - 770px); padding:0; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(3){ width:140px; padding:0; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(4){ width:140px; padding:0 5px; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(5){ width:60px; padding:0 5px; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(6){ width:70px; padding:0 5px; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(7){ width:100px; padding:0 5px 27px 5px; position:relative; }
#rdvForm #rightCol #examForm #formLine_0 span:nth-of-type(7){ width:100px; padding:0 5px; position:relative; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(8){ width:80px; padding:0 5px 27px 5px; position:relative; }
#rdvForm #rightCol #examForm #formLine_0 span:nth-of-type(8){ width:80px; padding:0 5px; position:relative; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(9){ width:70px; padding:0 5px; }

#rdvForm #rightCol #examForm .formLine span:nth-of-type(7) strong{ display:block; clear:both; margin:0 auto; text-align:center; cursor:help; font-size:0.75em; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(7) em{ display:block; clear:both; margin:0 auto; text-align:center; font-style:normal; cursor:help; font-size:0.75em; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(7) a{ display:block; width:20px; height:20px; background:transparent url('pen-edit.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; position:absolute; bottom:0; left:50%; margin:0 0 0 -10px; border:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(7) a:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }

#rdvForm #rightCol #examForm .formLine span:nth-of-type(8) strong{ display:block; clear:both; margin:0 auto; text-align:center; font-size:0.75em; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(8) em{ display:block; clear:both; margin:0 auto; text-align:center; font-style:normal; font-size:0.75em; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(8) a{ display:block; width:20px; height:20px; position:relative; clear:both; background:transparent url('quest-edit.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain; margin:5px auto; border:0; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; -moz-opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -ms-opacity:0.7; opacity:0.7; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(8) a:hover{ -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
#rdvForm #rightCol #examForm .formLine span:nth-of-type(8) .formActiveBox{ display:block; position:relative; clear:both; font-size:0.7em; width:auto; text-align:left; }

#rdvForm #rightCol #examForm .formLine{ overflow:hidden; max-height:40px; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#rdvForm #rightCol #examForm #formLine_0{ overflow:visible; max-height:none; -moz-transition:all ease 0.1s; -webkit-transition:all ease 0.1s; transition:all ease 0.1s;  }
#rdvForm #rightCol #examForm .closedline{ cursor:pointer; }
#rdvForm #rightCol #examForm .closedline::before{ content:attr(data-nom); display:block; position:absolute; top:0; left:40px; right:0; height:40px; line-height:40px; font-size:0.8em; background:inherit; z-index:10; }
#rdvForm #rightCol #examForm .closedline::after{ content:attr(data-famille); display:block; position:absolute; top:0; left:calc(100% - 730px); width:150px; text-align:center; font-size:0.8em; height:40px; line-height:40px; background:transparent; z-index:11; }
#rdvForm #rightCol #examForm .closedline span:first-of-type em{ font-size:0.8em; vertical-align:10px; padding-left:2px; }
#rdvForm #rightCol #examForm .closedline span:first-of-type .deleteElement{ width:8px; height:8px; left:-3px; margin-top:-9px; }
#rdvForm #rightCol #examForm .formLine span:first-of-type .reducline{ font-size:0.75em; display:inline-block; position:absolute; bottom:-148px; left:5px; cursor:pointer; color:#666; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#rdvForm #rightCol #examForm .formLine span:first-of-type .reducline:hover{ color:#000; }

#rdvForm #rightCol #examForm .formLine span select{ max-width:96%; color:#000; }

#rdvForm #rightCol #examForm .formLine span div { display:block; height:18px; width:auto; vertical-align:top; text-align:left; }
#rdvForm #rightCol #examForm .formLine span div input[type="checkbox"]{ display:inline-block; vertical-align:top; margin:0; }
#rdvForm #rightCol #examForm .formLine span div label{ display:inline-block; font-family:arial, sans-serif; font-size:9px; vertical-align:top; text-align:left; width:calc(100% - 20px); float:right; }

#rdvForm #rightCol #examForm .formLine .indic{ display:block; position:absolute; left:40px; width:calc(100% - 770px) !important; padding:0 !important; z-index:2; top:30px; bottom:5px; }
#rdvForm #rightCol #examForm .formLine .indic textarea{ display:block; position:absolute; top:0; left:calc(5% - 6px); bottom:0; width:90%; height:calc(100% - 8px); margin:0; padding:2px 5px; color:#000; }
#rdvForm #rightCol #examForm .formLine .indic:after{ content:'Indications particuli\00E9res'; display:block; position:absolute; bottom:-13px; right:calc(5% - 5px); z-index:5; color:#555; font-family:arial, sans-serif; font-size:10px; padding:0 3px; }

#rdvForm #rightCol form .formLine span:first-of-type .deleteElement{ display:block; position:absolute; top:50%; left:-8px; width:10px; height:10px; border:0; font-size:0; background:transparent url('cross.png') no-repeat center center; -moz-background-size:contain; -webkit-background-size:contain; background-size:contain; cursor:pointer; margin:-5px 0 0 0; }

#rdvForm #rightCol #destForm textarea{ padding:2px 5px; width:500px; max-width:90%; display:block; margin:auto; color:#000; height:200px; float:none; }

#back2exams{ display:block; margin:10px auto; text-align:center; font-size:0.9em; color:#444; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#back2exams:hover{ color:#000; text-decoration:none; }

#totalListExam{ display:block; width:calc(100% - 20px); text-align:center; margin:0 auto; }
#totalListExam span{ display:inline-block; color:#000; background:#ddd; text-align:center; font-size:12px; text-transform:uppercase; margin:0 8px 8px 0; width:350px; padding:10px; border:1px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#totalListExam span:hover{ background:#ffd; border-color:#aa0; }
#totalListExam span.selected, #totalListExam span.selected:hover{ background:#efd; border-color:#0a0; }

#totalListExam span input{ visibility:hidden; position:fixed; left:-10000px; }

#rdvForm #rightCol #searchExm{ padding:3px; width:300px; display:block; margin:0 auto 5px auto; }
#rdvForm #rightCol #searchExmComment{ display:block; text-align:center; padding-bottom:20px; }

#rdvForm #rightCol #selectList{ font-size:0.9em; display:block; margin:10px auto; border:1px solid #aaa; padding:15px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; min-height:100px; }
#rdvForm #rightCol #selectList ul{ list-style:none; display:block; text-align:left; padding:0; margin:0 auto; width:90%; }
#rdvForm #rightCol #selectList ul li{ display:inline-block; width:32%; text-align:left; }

#submitExamCode:disabled{ color:#aaa !important; cursor:not-allowed; }
#reinitExamCode{ display:inline-block; float:right; font-size:0.85em; cursor:pointer; color:#a00; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#reinitExamCode:hover{ color:#000; }

#resaTab{ display:block; padding:0; margin:0 auto 50px auto; position:relative; width:900px; max-width:100%; }
#resaTab .firstRow{ background:#222 !important; color:#ddd !important; }
#resaTab .firstRow span{ text-align:center; font-size:0.9em; height:30px; line-height:30px; text-transform:uppercase; }
#resaTab div{ display:block; margin:0; padding:5px; height:auto; background:#fff; color:#000; clear:both; }
#resaTab div:nth-of-type(2n+1){ background:#eee; }
#resaTab div span{ display:block; padding:0; margin:0; text-align:left; height:40px; line-height:40px; float:left; font-size:1em; }
#resaTab div > span > span{ display:block; float:left; position:relative; width:50px; height:40px; padding:0; text-align:center; font-size:0.8em; line-height:1em; margin:0 12px; }
#resaTab div > span > span > em{ display:block; position:absolute; top:5px; left:0; width:100%; margin:0; text-align:center; font-style:normal; }
#resaTab div > span > span > strong{ display:block; position:absolute; bottom:5px; left:0; width:100%; text-align:center;margin:0; font-weight:normal; }
#resaTab div .codecol{ width:150px; padding-left:5px; }
#resaTab div .libcol{ width:calc(100% - 375px); }
#resaTab div .colorcol{ width:70px; position:relative; }
#resaTab div .statecol{ width:150px; }

#resaTab div .colorcol span{ display:block; width:28px; height:28px; border:1px solid #ccc; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; top:50%; left:50%; margin:-15px 0 0 -15px; }

/* Gestion des question d'orientation pour les prises de rendez-vous */

.gestion_question input:disabled{ background:#ddd; cursor:not-allowed; }
.gestion_question select option:disabled, .gestion_question input[type="submit"]:disabled{ display:none !important; }
.gestion_question div{ display:block; position:relative; width:auto; height:auto; padding:30px 0 0 0; margin:0; overflow:hidden; max-height:600px; cursor:default; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; transition:all ease 0.5s; }
.gestion_question div:before{ content:''; display:none; }
.gestion_question .hidden{ max-height:0; padding:0; }
.gestion_question .ready{ max-height:0; padding-top:30px; cursor:pointer; }
.gestion_question .ready:before{ content:'Question Suppl\00E9 mentaire'; text-transform:uppercase; font-family:sans-serif; font-size:10px; color:#a00; display:block; position:absolute; top:10px; left:0; width:100%; text-align:center; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
.gestion_question .ready:hover:before{ color:#000; }

/* Gestion des exclusions par médecins */

#examenDoc .backPrev{ display:block; position:relative; text-align:center; font-size:0.85em; }
#examenDoc .backPrev a{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examenDoc .backPrev a:hover{ text-decoration:none; color:#000; }
#examenDoc .tri{ display:inline-block; position:relative; font-size:0.8em; margin:10px 20px; width:230px; background:#666; padding:5px 0; border:0; cursor:pointer; text-align:center; color:#222; text-transform:uppercase; }

#examenDoc .exButton{ display:inline-block; position:relative; font-size:0.85em; margin:0 3px 3px 3px; width:350px; background:#cfc; padding:8px 10px; white-space:nowrap; overflow:hidden; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; text-overflow:ellipsis; border:1px solid #0a0; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examenDoc .exButton input{ visibility:hidden; position:absolute; top:0; left:0; z-index:-1; }

#medecinsEx ul{ list-style:none; }
#medecinsEx li{ display:inline-block; position:relative; margin:0; width:300px; padding:5px 30px; }
#medecinsEx li:nth-of-type(2n){ background:#eee; }
#medecinsEx li a{ text-decoration:none; color:#666; font-size:0.8em; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#medecinsEx li a:hover{ color:#000 !important; }
#medecinsEx li a span{ display:inline-block; float:right; font-size:0.9em; }
#medecinsEx li i{ font-style:normal; }
#medecinsEx li:hover i{ text-decoration:underline; }

/* Basse résolutions */

@media (max-width:1000px){

table.users tr td .infolink, .seegroupinfo, .deletefromgroup{ width:20px; height:20px; }

#examPage #surpage{ min-width:780px; }

#examPage #left_col{ font-size:0.75em; left:0; z-index:10; width:200px; }
#examPage #right_col{ display:block; position:absolute; right:0; top:0; overflow:auto; width:100%; z-index:5; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

#examPage #left_col #openleft{ display:block; direction:ltr; position:absolute; top:0; right:0; bottom:0; width:14px; z-index:10; font-family:sans-serif; font-size:18px; color:#ddd; text-align:center; background:#fff; border-left:1px solid #aaa; cursor:pointer; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
#examPage #left_col #openleft span{ display:inline-block; position:absolute; top:50%; left:0; right:0; }

/* Affichage du tableau */

.listePatients{ display:table; position:relative; width:100%; border:0; border-collapse:collapse; font-size:0.75em; }
.listePatients td{ text-align:center; vertical-align:middle; padding:3px; }

.listePatients .sexColumn{ width:auto; }
.listePatients .openfile{ border-left-color:#555; border-right:0; width:auto; }
.listePatients .patientid{ border-left:0; width:auto; cursor:pointer; }
.listePatients .patientnom{ width:auto; }
.listePatients .patientbirth{ width:auto; }
.listePatients .examdate{ width:auto; }
.listePatients .modalList em { font-style:normal; white-space:nowrap; }


.listePatients .patientDataList td .all_exams .actions .empty{ display:none; }

.listePatients .patientDataList td .all_exams td{ border:0; padding:4px; word-wrap:break-word; }
.listePatients .patientDataList td .all_exams .actions{ text-align:center; white-space:normal; padding:3px; }
.listePatients .patientDataList td .all_exams .actions a{ display:block; margin:3px auto; width:40px; cursor:pointer; position:relative; text-transform:uppercase; }

.listePatients .patientDataList td .all_exams .subModalList { text-align:left; padding:0 5px; }
.listePatients .patientDataList td .all_exams .subModalList em { font-style:normal; white-space:nowrap; }

.listePatients .modalList{ padding:3px; border-right:0; }

#viewerFrame{ bottom:0; height:calc(100% - 30px); left:0; right:0; top:30px; width:100%; }

#viewerPage #otherExamsBar .otherExamsButton { font-size:12px; height:50px; line-height:12px; padding:3px 15px 8px 15px; }
.otherExamMove{ height:61px; }

.galerie_bouton{ height:105px; }
.galerie_bouton img{ height:60px; }
.barre{ top:110px; }
.surGalerie{ top:136px; height:95px; }
.surGalerie .barre{ top:75px; }
.galerie img{ height:70px !important; }

#smallViewFrame{ top:235px; }
#viewerPage .left_frame{ top:61px; }
#viewerPage .right_frame{ top:61px; }
#viewerPage .patient_data table th{ height:15px; padding:8px 0 5px 0; font-size:1em; line-height:1em; }
#viewerPage .patient_data table td { font-size:12px; padding:5px; vertical-align:top; width:33%; line-height:1.1em; }

.pdf_down a, .series_info a{ width:30px; margin:5px 0; }
.pdf_down a, .series_info a{ margin:0; }
#viewerPage .pdf_down{ width:30px !important; padding:0; }

#examPage #search_form #search_panel li{ width:45px; }

#examPage #left_col .center_search #search_date .radioline{ width:95%; padding-bottom:0; }
.otherP{ display:none; }
#examPage #left_col .center_search #search_date #date_from, #left_col .center_search #search_date #date_to{ width:45px; }
#examPage #left_col .center_search #search_date .calendarFrames{ width:auto; }
#examPage #left_col .center_search #search_date #iframefrom{ margin:15px 0 0 0; }
#left_col .center_search #search_date #iframeto{ margin:0; }

#smallViewFrame .legende{ height:50px; }
#smallViewFrame .legende .lum-cont{ width:25px; height:25px; bottom:12px; left:50%; margin-left:-73px; }
#smallViewFrame .legende #imgNeg{ width:25px; height:25px; bottom:12px; left:50%; margin-left:-35px; }
#smallViewFrame .legende .openbig{ width:25px; height:25px; bottom:12px; left:50%; margin-left:-149px; }
#smallViewFrame .legende #zoomButton{ width:25px; height:25px; bottom:12px; left:50%; margin-left:-111px; }
#smallViewFrame .legende #rotateMoins{ width:25px; height:25px; bottom:12px; right:50%; margin-right:-35px; }
#smallViewFrame .legende .downloadimage{ width:25px; height:25px; bottom:12px; right:50%; margin-right:-111px; }
#smallViewFrame .legende #rotatePlus{ width:25px; height:25px; bottom:12px; right:50%; margin-right:-73px; }
#smallViewFrame .legende #printButton{ width:25px; height:25px; bottom:12px; right:50%; margin-right:-149px; }
#smallViewFrame .legende .seeprev{ width:25px; height:25px; bottom:12px; left:50%; margin-left:-207px; }
#smallViewFrame .legende .seenext{ width:25px; height:25px; bottom:12px; right:50%; margin-right:-207px; }
#smallViewFrame .legende .reset-lum-cont{ width:25px; height:25px; bottom:12px; right:10px; }

#smallViewFrame .legende .downloadimage, #smallViewFrame .legende .openbig, #smallViewFrame .legende .seeprev, #smallViewFrame .legende .seenext, #smallViewFrame .legende .lum-cont,#smallViewFrame .legende .reset-lum-cont, #smallViewFrame .legende #rotatePlus, #smallViewFrame .legende #rotateMoins, #smallViewFrame .legende #imgNeg, #smallViewFrame .legende #zoomButton, #smallViewFrame .legende #printButton{ -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
#smallViewFrame .legende .downloadimage:hover, #smallViewFrame .legende .openbig:hover, #smallViewFrame .legende .seeprev:hover, #smallViewFrame .legende .seenext:hover, #smallViewFrame .legende .lum-cont:hover, #smallViewFrame .legende .reset-lum-cont:hover, #smallViewFrame .legende #rotatePlus:hover, #smallViewFrame .legende #rotateMoins:hover, #smallViewFrame .legende #imgNeg:hover, #smallViewFrame .legende #zoomButton:hover, #smallViewFrame .legende #printButton:hover{ border-color:#222; }

#smallViewFrame .numimg{ display:block; position:absolute; top:0; left:20px; border:0; z-index:5; color:#222; text-align:center; font-size:12px; background:url('bg_see.png'); padding:5px; width:40px; }
#smallViewFrame .ajustdata{ display:block; position:absolute; top:30px; left:20px; border:0; z-index:5; color:#222; text-align:left; font-size:12px; background:url('bg_see.png'); padding:5px; width:40px; }

#journalTable td{ font-size:0.9em; padding:0 5px; }
#journalTable .completeResults td:last-of-type{ word-break:break-all; padding:0 5px; }

#mailingform .selectDest td{ font-size:0.9em; }

}

@media (max-width:950px){
#usersTable #selectShowBlock{ width:100%; }

#usersTable tr th{ font-size:0.9em; line-height:0.9em; padding:10px 5px; }
#usersTable tr td{ font-size:0.9em; line-height:0.9em; padding:5px; }
#usersTable tr td .infolink{ margin:0 2px; width:18px; height:18px; }
#usersTable tr td:last-of-type{ white-space:nowrap; }
}

@media (max-width:900px){
#portail #page #header .subtitle{ position:relative; clear:both; width:auto; float:none; text-align:center; padding:0; margin:30px auto; }	

#examPage #header #nomsite { font-size:30px; height:60px; line-height:50px; margin:33px 0 0 30px; padding:0 0 5px 65px; }
#examPage #header #nomsite .adminMark{ font-size:0.35em; }
#examPage #corps_page h1{ top:-100px; }
#examPage #header .info{ font-size:12px; }
}

@media (max-width:800px){
.diaporama .container .diapo_legende{ font-size:1.5em; }

#examPage #left_col{ left:-185px; }
#examPage #right_col{ width:calc(100% - 30px); }

#examPage #left_col #openleft{ width:30px; font-size:30px; }

.listePatients{ width:100%; border-width:0 0 1px 0; margin:0; }

}

@media (max-width:700px){

#examPage #surpage{ min-width:500px; width:500px; }
#examPage .listePatients{ background:#fff; }
#examPage .listePatients .patientDataList td:first-of-type{ display:none; }
#examPage .listePatients .patientDataList td .all_exams td:first-of-type, #examPage .listePatients .patientDataList td .all_exams th:last-of-type{ display:table-cell; }

#examPage .listePatients tr th:last-of-type, #examPage .listePatients .patientLine td:last-of-type{ display:none; }
#examPage .listePatients .patientDataList td div{ margin:0 !important; }

#examPage .listePatients .patientDataList td .all_exams .actions .openviewer, #examPage .listePatients .patientDataList td .all_exams .actions .empty{ display:none; }

#examPage .listePatients .patientDataList td .all_exams tr{ display:block; padding:10px 0 20px 0; border-bottom:1px solid #ccc; }
#examPage .listePatients .patientDataList td .all_exams tr:nth-of-type(2n+1){ background:#eee; }
#examPage .listePatients .patientDataList td .all_exams thead{ display:none; }
#examPage .listePatients .patientDataList td .all_exams tr td{ display:block !important; border:0; font-size:1.2em; text-align:left; position:relative; padding:5px 0 5px 50%; height:1.2em; line-height:1.2em; }
#examPage .listePatients .patientDataList td .all_exams tr td:before{ content:attr(data-info)" :"; display:block; position:absolute; top:0; left:0; right:51%; bottom:0; text-align:right; font-size:1em; line-height:1.2em; font-weight:bold; padding:5px 0; }
#examPage .listePatients .patientDataList td .all_exams tr td:nth-of-type(3), #examPage .listePatients .patientDataList td .all_exams tr td:nth-of-type(9){ height:28px; padding:0 0 0 50%; }
#examPage .listePatients .patientDataList td .all_exams tr td:nth-of-type(3):before, #examPage .listePatients .patientDataList td .all_exams tr td:nth-of-type(9):before{ line-height:28px; padding:0; }

#examPage .listePatients .modalList span, #examPage .listePatients .patientDataList td .all_exams .subModalList span, #examPage .listePatients .patientDataList td .all_exams .actions a, .pdf_down a, .series_info a{ display:inline-block; margin:0 5px 0 0; }

#examPage #left_col{ z-index:10000; border-right:0; left:-250px; border:0; top:130px; }
#examPage #right_col{ width:100%; padding-top:50px; background:#fff; }

#examPage #right_col:before{ content:attr(data-variant); color:#eee; display:block; position:absolute; top:0; left:0; right:0; font-size:0.8em; font-family:arial, sans-serif; text-align:center; text-transform:uppercase; }
#examPage #right_col:after{ content:attr(data-subvariant); color:#eee; display:block; position:absolute; top:17px; left:0; right:0; font-size:0.7em; font-family:arial, sans-serif; text-align:center; text-transform:uppercase; padding:0 30px; }

#examPage #left_col #openleft{ position:fixed !important; width:50px !important; padding:0 0 12px 82px !important; height:30px !important; z-index:100 !important; right:0 !important; left:-1px !important; top:88px !important; line-height:25px !important; }
#examPage #left_col #openleft span{ display:inline !important; position:relative !important; top:0 !important; left:0 !important; font-size:40px !important; }
#examPage #left_col #openleft:after{ content:attr(title); color:#ddd; font-family:'arial_narrowregular',sans-serif; font-size:12px; position:absolute; bottom:5px; width:150px; left:32px; right:-50px; padding:0; line-height:12px; height:12px; text-align:center; }

#examPage #header{ position:fixed; width:500px; top:0; left:0; }
#examPage #header #nomsite { margin-top:20px; }
#examPage #corps_page{ margin:130px 0 0 0; }

}

@media (max-width:640px){

#page{ width:500px; margin:0; }

/* Page d'accueil générale */

#portail #page{ display:block; position:relative; width:500px; max-width:900px; margin:0; }
#portail #page #header{ display:block; position:relative; padding:0; margin:0; height:87px; padding:15px; background:#fff; }
#portail #surpage:after{ width:500px; }
#portail .connectForm{ display:block; position:relative; width:90%; padding:25px 5px; float:none !important; clear:both margin:0 auto; }
#portail hr.separation{ display:block; border:1px solid #00a5bf; border-width:1px 0; width:80%; height:4px; background:transparent; position:relative; top:0; left:0; margin:20px auto; bottom:0; }
.diaporama{ display:none; }

#backView span{ width:100%; padding:0; }

/* Structure page */
#viewerPage .left_frame{ position:relative; top:60px; left:0; right:0; bottom:0; overflow:visible; border:0; width:600px; background:#fff; }
#viewerPage .right_frame{ position:relative; top:0; right:0; left:0; bottom:0; overflow-x:hidden; overflow-y:visible; width:600px; border:0; background:#ddd; }

/* Information Patient / Examen */
#viewerPage .patient_data{ display:block; position:relative; width:100%; margin:0; padding:0; background:#fff; }

#viewerPage #pdfFrame{ display:block; position:absolute; left:0; top:176px; right:0; bottom:0; border:1px solid #222; }
#viewerPage #pdfFrame object{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; width:100%; height:100%; visibility:hidden; }

#viewerPage .pdf_loading{ background:url('loading.gif') no-repeat center center; }
#loadMessage{ display:block; position:absolute; height:30px; line-height:30px; font-family:arial, sans-serif; font-size:18px; text-align:center; color:#000; background:transparent; width:auto; left:0; right:0; top:50%; margin-top:-60px; z-index:0; -moz-animation:loadMessage 2s infinite linear; -webkit-animation:loadMessage 2s infinite linear; -o-animation:loadMessage 2s infinite linear; -ms-animation:loadMessage 2s infinite linear; animation:loadMessage 2s infinite linear; }

@-moz-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-webkit-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-o-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@-ms-keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }
@keyframes loadMessage{ 0% { color:#000; } 50% { color:#aaa; } 100% { color:#000; } }

#viewerPage .noreview{ text-align:center; text-transform:uppercase; padding-top:20px; }

#viewerPage .patient_data h2{ font-size:1.2em; margin-bottom:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; text-transform:uppercase; }
#viewerPage .patient_data table{ width:100%; background:transparent; font-size:13px; margin:0; padding:0; border:0; border-collapse:collapse; }
#viewerPage .patient_data table th{ font-size:1.2em; line-height:1.2em; height:23px; margin-bottom:0; font-family:'asap','arial narrow','arial_narrowregular',sans-serif; font-weight:normal; text-transform:uppercase; padding:10px 0 5px 0; background:#ddd; color:#222; }
#viewerPage .patient_data table td{ vertical-align:top; padding:3px 5px 0 5px; width:33%; }

#viewerPage .pdf_down{ text-align:center; padding:0; width:100px !important; white-space:normal; }
#viewerPage .pdf_down a{ clear:both; margin:0 0 5px 0; }

#viewerPage .series_info{ color:#222; font-size:15px; padding:0 10px 3px 10px; text-align:left; background:transparent; }
#viewerPage .series_info small{ font-size:0.8em; vertical-align:1px; padding:0; margin:0; }


/* Footer */

.footer{ width:500px; font-size:13px; }

}