/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
 /*320 x 480*/
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background:linear-gradient(#A7A7A7, #E4E4E4) repeat scroll 0 0 #E4E4E4 !important;
    
    background-color:#E4E4E4;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
    background-attachment:fixed;
    
    font-family: 'Verdana', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

.principal {background:url(../img/GJo.png) no-repeat center bottom transparent !important;position:absolute;left:0;top:0;height:100%;width:100%;}
.principal ul li {list-style-type:none;}
.ui-body-c{background:transparent !important;border:0 !important;text-shadow: 0 0 0 #FFF !important;}
.pages {padding:0 0px 10px 0px;}
.app h1 {height:70px;color:#E98F10;font-size:22px;font-weight:bold;}

.header {
    background:#fff url(../img/logo.png) no-repeat center top !important;
    position:absolute;             /* position in the center of the screen */
    left:0;
    top:0;
    height:50px !important;                   /* text area height */
    width:100%;                   /* text area width */
    text-align:center !important;
    padding:0;
    margin:1px 0 0 0;
    border-top:2px dotted #ccc !important;border-bottom:2px dotted #ccc !important;
}
.headerhome {background:#fff url(../img/logo-big.png) no-repeat center 3px !important;}
.header .ui-title{margin-top:30px !important;font-size:17px;}
.subheader{padding:10px 0;background:#eee;color:#fff;border-bottom:1px dotted #ccc;}
.subheader span{padding:5px;border-radius:10px;background:#746458;border:1px solid #473D35;}
.subheader a{color:#fff !important;text-decoration:none;}
.subheader a:hover{color:#AA0000 !important;}
.subheader div:hover span {background:#877366;color:#fff;}
.subheader span .selected{background:#877366;}

.footer {background:#000;left:0;width:100%;padding:0;margin: 0;}
.footer ul{list-style-type:none;margin:0 auto;width:320px;padding:5px 0 0 0;}
.footer ul li{float:left;width:45px;padding:0;margin:0;}
.footer a{color:#fff;}

/* Portrait layout (default) */
.app a{color:#c33;text-decoration:none;}
.app {margin:50px auto 0 auto;text-align:center;padding:0px 0px 0px 0px;}
.principal .app {margin:0 auto;max-width: 320px;}

.ui-content {padding:10px 15px 15px !important;overflow:hidden !important;}
.ui-content p {margin:5px 0 10px;}
#videosList p {margin:0;}
.ui-content .ui-listview, .ui-panel-inner > .ui-listview,.ui-listview-filter {margin: 0 -15px -15px !important;}
#concerts .ui-listview{margin-top: 15px !important;}
.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner{padding-left:10px !important;}

h1 {font-size:16px;font-weight:normal;margin:0px;overflow:visible;padding:0px;text-align:center;}

.w20{width:19%;float:left;padding:0px;}
.w25{width:24%;float:left;padding:0px;}
.w30{width:29%;float:left;padding:0px;}
.w32{width:33%;float:left;padding:0px;}
.w40{width:39%;float:left;padding:0px;}
.w50{width:46%;float:left;padding:0px;}
.w500{width:49%;float:left;padding:0px;}
.w60{width:59%;float:left;padding:0px;}
.w65{width:64%;float:left;padding:0px;}
.w70{width:69%;float:left;padding:0px;}
.w75{width:74%;float:left;padding:0px;}
.w80{width:79%;float:left;padding:0px;}
.wconcert{width:290px;float:left;padding:0px;}
.wloupe{width:15px;float:left;padding:0px;}
.wdisc{width:120px;float:left;padding:0px 0 0 5px;}
.wtracks{width:173px;float:left;padding:0px;}

.clr{clear:both;}
.flt{float:left;}
.flt_r{float:right;}
.sp_t{padding-top:50px;}
.m_t_10{margin-top:10px;}
.p_t_10{padding-top:10px;}
.m_t_20{margin-top:20px !important;}
.p_t_20{padding-top:20px;}
.p_t{margin-top:5px;}
.lp_t{margin-top:12px;}
.lp_l{margin-left:10px;}
.lp_r{margin-right:10px;}
.t_c{text-align:center !important;}
.t_l{text-align:left !important;}
.t_r{text-align:right !important;}
.t_j{text-align:justify !important;}
.pad_slider{padding:7px 0;}
.pad_10{padding:10px;}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:5px 30px;
    padding:2px 0px;
}

.event.listening {background-color:#333; display:block;}
.event.received {background-color:#000;display:none;}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

.blink {animation:fade 3000ms infinite;-webkit-animation:fade 3000ms infinite;}
.b {font-weight:bold;}
#actus {text-align:left;}
.titreactu {color:#a00;margin:10px 0 0 0;font-weight:bold;background:#999;padding:5px 5px 5px 10px;border:1px solid #222;border-radius:0 10px 0 10px;}
.resumeactu {margin:0 0 0 10px !important;font-size:10px;background:#aaa;padding:5px;border:1px solid #222;border-radius:10px 0 10px 0;border-top:0px;}
.datetwitt{font-weight:normal;font-style:italic;font-size:10px;padding:0;margin:3px 0 0 0;}
#actuPic {float: left;padding-right: 10px;padding-bottom: 16px;}
#actuDetails p {margin-top: 0px;margin-bottom: 8px;}
#actionList {clear: both;}
#detailsActuPage h2{margin:-10px 0 0 0;}

#concerts {text-align:left;}
.concert {margin-top:0;}
.concertl1 {margin:0;background:#999;padding:8px 5px 8px 5px;border:1px solid #222;border-radius:0 10px 0 10px;}
.concertl2 {background:#aaa;padding:5px;border:1px solid #222;border-radius:10px 0 10px 0;margin-left:10px;border-top:0px;}
.notes {font-size:10px;padding-left:0px;}
.date {font-style:italic;}
.heure {font-style:italic;}
.salle {}
.ville {margin-left:0px;color:#a00;}
#map{width:240px !important; height:260px;margin:0 auto;}

#bioPage p{background:transparent url("../img/t75.png") repeat; padding: 5px;border-radius:5px;color:#fff;}
#bioPage ul{padding:0;margin-top:0;}
#bioPage ul li{padding:3px 0;}
.biotxt {color: #884444;font-style: italic;font-weight: bold;}

.tracks{padding-left:10px;}

.ui-content .ui-listview-inset {margin: 0 !important;}
#pagePhoto .ui-content .ui-listview-inset {background:#fff;s}
.ui-li-static.ui-li {padding: 4px 0 !important;}

/* PAGE AUDIO */
#slider{display:none;}
div.ui-slider{margin:0;width:50%;}
#recording{font-weight: bold;color:#f00;}
.ui-icon-audio-play {background-image: url("../img/18/play.png") !important;}
.ui-icon-audio-pause {background-image: url("../img/18/pause.png") !important;}
.ui-icon-audio-stop {background-image: url("../img/18/stop.png") !important;}
.ui-icon-audio-rewind {background-image: url("../img/18/rewind.png") !important;}
.ui-icon-audio-record {background-image: url("../img/18/record.png") !important;}
#boxAudio{height:55px;width:85px;position:absolute;top:2px;right:5px;}
.ui-header .ui-btn-left{top:10px !important;}

.videolien{margin:5px !important;background:#999 !important;padding:8px 5px 8px 5px !important;border:1px solid #222 !important;border-radius:0 10px 0 10px;width:46%;float:left;}
.videotitre{padding-left:5px;color:#fff !important;}

.disclien{margin:5px 10px !important;background:#999 !important;padding:8px 5px 8px 5px !important;border:1px solid #222 !important;border-radius:0 10px 0 10px;}
.disctitre{padding-top:5px;color:#fff !important;text-align:center;}

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
	height:100%;
        background-position:left center;
        padding:0px;  /* padding-top + padding-bottom + text area = image height */
        margin:50px auto 0 auto;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.ui-icon-audio-play {background-image: url("../img/36/play.png");background-size: 18px 18px;}
.ui-icon-audio-pause {background-image: url("../img/36/pause.png");background-size: 18px 18px;}
.ui-icon-audio-stop {background-image: url("../img/36/stop.png");background-size: 18px 18px;}
.ui-icon-audio-rewind {background-image: url("../img/36/rewind.png");background-size: 18px 18px;}
.ui-icon-audio-record {background-image: url("../img/36/record.png");background-size: 18px 18px;}
.ui-content {height:100%;overflow:hidden !important;}
}


/*QUIZ*/
@-webkit-keyframes pulse {
 from {
   opacity: 0.2;
    // font-size: 100%;
 }
 to {
   opacity: 1.0;
    // font-size: 200%;
 }
}
.pulse {
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
text-align: center;
}

.ui-btn-text {z-index: 0 !important;}
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow{padding-top: 6px !important;padding-bottom: 6px !important;}

a:active,a.active {background: #aaa;}

.header-btn-left-pos1{position:absolute;left:25px;top:5px;z-index:1;}
.header-btn-left-pos2{position:absolute;left:65px;top:5px;z-index:2;}