@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext');

.pulse {
    height: 100px;
    width: 200px;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.pulse:after {
    content: '';
    display: block;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200px 100px" enable-background="new 0 0 200px 100px" xml:space="preserve"><polyline fill="none" stroke-width="3px" stroke="%2385c6aa" points="2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7 "/></svg>') 0 0 no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-animation: 2s pulse linear infinite;
    -moz-animation: 2s pulse linear infinite;
    -o-animation: 2s pulse linear infinite;
    animation: 2s pulse linear infinite;
    clip: rect(0, 0, 100px, 0);
}
.pulse:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 2px;
    right: 2px;
    bottom: 0;
    top: 16px;
    margin: auto;
    height: 3px;
}

@-webkit-keyframes pulse {
    0% { clip: rect(0, 0, 100px, 0);  opacity: 0.4; }
    4% { clip: rect(0, 66.66667px, 100px, 0); opacity: 0.6; }
    15% {  clip: rect(0, 133.33333px, 100px, 0);  opacity: 0.8;  }
    20% { clip: rect(0, 300px, 100px, 0); opacity: 1; }
    80% { clip: rect(0, 300px, 100px, 0); opacity:0; }
    90% { clip: rect(0, 300px, 100px, 0); opacity: 0; }
    100% { clip: rect(0, 300px, 100px, 0); opacity:0; }
}
@keyframes pulse {
    0% { clip: rect(0, 0, 100px, 0); }
    4% { clip: rect(0, 66.66667px, 100px, 0); }
    15% { clip: rect(0, 133.33333px, 100px, 0); }
    20%  { clip: rect(0, 300px, 100px, 0); opacity:1; }
    80% { clip: rect(0, 300px, 100px, 0); opacity:0; }
    90% { opacity: 0; }
    100% { clip: rect(0, 300px, 100px, 0); opacity:0; }
}

/* Styles généraux */
html { height: 100%; }
body { min-height: 100%; background: #fff; position: relative; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; }
.container { position: relative; max-width: 100% !important;  background:#FFF; min-height:100vh; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
.container-fluid { padding:0;}
.container.container-app { width:100%;  }
.logo { background:#85c6aa; color:#FFF; padding:10px 10px 10px 60px; display:block; font-size:18px; position:fixed; z-index:1999;  top:0; right:0; width: 100%; height: 54px; line-height: 1.1;left: 50%; transform: translatex(-50%);}
.title { padding:10px 20px; background:#eee; color:#000; text-align:center; text-transform: uppercase; font-size:16px; letter-spacing:1px; margin: 0 -20px 20px; position:relative}
.titreApp { position: relative; top: -3px; }
.titreApp.no_hopital { position: relative; top: 10px; }
.nomHopital { font-weight:bold; font-size:24px; }
#jstree a { color:#333; padding:0; text-decoration: none; display:block;  }
#jstree a.typeArbo { background: url(/_css/medias-app/chapitre_on.png) no-repeat left top 2px; padding-left:25px; }
#jstree a.typeFiche { background: url(/_css/medias-app/fiche_on.png) no-repeat left top 2px; padding-left:25px;}

a.btn-retour { display:inline-block; position:absolute; left: 16px; top: 9px;  }
a.btn-retour img { width:36px;   }
a.btn-refresh { display:inline-block; position:absolute; right:20px; top:13px; }
a.btn-refresh img { width:28px; }
.btn-hopital { display:inline-block; position:absolute; right:60px; top:7px; }
.btn-hopital img { width:36px; }
a.btn-refresh.animate img{
animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}


#jstree ul[class^="liste_"],  #jstree .content { overflow: auto; padding:0 20px; min-height:80vh; position:absolute; top:54px; left:0; width:100%; bottom:0; background:#FFF url(/_css/medias-app/background-app.png) top right no-repeat; }
#jstree ul[class^="liste_"] li { list-style: none; font-size:15px; padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #ddd; ;font-weight:400;  }
#jstree .content  { word-break: break-all; }

.ui-loader { display:none!important;}
#jstree ul[class^="liste_"] { transition: all 0.2s ease-in-out; }
#jstree ul[class^="liste_"].open, #jstree .content { left:100%; }

#jstree .content { line-height:1.6;}
#jstree .content img { max-width:100%; height:auto!important; }
#jstree .content.active { z-index:99;}
.bloc { margin-bottom:20px; }
.bloc .titreBloc { color:#85c6aa; font-size:16px; margin-bottom:15px; border-bottom:1px solid #85c6aa; }
.introduction { color:#80abd7; font-size:16px; font-style:italic;  margin-bottom:20px; }
.bloc.titre { color:#85c6aa; font-size:20px; margin-bottom:15px; border-bottom:1px solid #85c6aa; }

.bloc ul { padding-left:20px; }

.btn-menu { display:inline-block; position:absolute; left:20px; top:14px; z-index:9; }
.btn-menu .icon-bar { display:block; width:30px; height:5px; background:#FFF; margin-bottom:5px; border-radius:1px;}

.contentMenuBackground {  width: 80%; background: #056f8a; position:absolute; left:0; right:0; top:0;bottom:0; overflow:hidden;box-shadow:5px 0 50px rgba(0,0,0,0.6); z-index:1000; }
.contentMenuHover {  width: 100%; background:rgba(255,255,255,0.6); position:absolute; z-index:998; left:0; right:0; top:0; bottom:0; }
.contentMenu {width: 100%; background:none; position:absolute; z-index:999; left:-100%; right:0; top:54px; bottom:0; overflow:hidden; transition: all 0.2s ease-in-out; color:#FFF;  }
.contentMenu.active  { left:0;  }
.contentMenu ul.menuMobile { list-style: none; margin-top:20px; }
.contentMenu ul li { padding:10px 0;}
.contentMenu .infos { padding:10px 40px; position:absolute; left:0; right:0; bottom:30px; }
.contentMenu .infos .texte {  margin-top:20px; font-size:15px; }
.contentMenu ul img { max-width:100%; }
.contentMenu ul li a.btn-menu-mobile {  color:#FFF; font-size:18px; }
.alert { position:absolute; left:20px; right:20px; z-index:999; background:#000; color:#FFF; top:50%; display:inline-block; transform:translateY(-50%);  padding: 15px; border-radius:4px; text-align:center; font-size:16px;}

#jstree .bloc a.fDefault { display:inline; color:#eb8857; background:transparent; padding:0;  }
#jstree .bloc a { display:inline-block; padding:5px 10px; background:#e2625c; color:#FFF; }
#jstree .bloc li {margin-bottom:20px; }
#jstree .bloc.desc li {margin-bottom:5px; }
.updateRefresh { position: absolute; right: -5px; top: -3px; background: #e2625c; color: #FFF; padding: 1px 6px; display: block; font-size: 15px; border-radius: 50%; width: 21px; height: 21px; font-weight: bold; z-index:9;}

#listeHopital { background: #FFF url(/_css/medias-app/background-app.png) top right no-repeat; width:100%; padding: 0 0 50px; position:absolute; z-index:1000; top:54px; bottom:0; overflow:hidden; transition: all 0.2s ease-in-out; left:-100%; right:0;}
/*.contentHopitalBackground { width: 100%; background: #056f8a; position:absolute; left:0; right:0; top:0;bottom:0; overflow:hidden;box-shadow:5px 0 5px rgba(0,0,0,0.6); z-index:1000; }*/
#listeHopital.active { left:0;  }

#listeHopital .titre { padding: 10px 20px; background: #eee; color: #000; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; margin:0 -20px 10px; position: relative; }
#listeHopital a {background: url(/_css/medias-app/hopital_list.png) no-repeat left top 4px;  font-weight: 400; border-bottom: 1px solid #ddd; display:block; padding: 10px 20px 20px 35px;  margin: 10px 20px 10px 20px; color: #333; text-align: left; font-size: 15px;  position: relative; }