html,body{
    height:100%;
    font-size:14px;
}
header, nav, article, section, footer, aside {
    display:block;
    font-size:1.1em;
    /*font-family:Boston;*/
}
#accueil {
    background:rgb(220,220,220);
}
header {
    height: 70px;
    color:firebrick;
    padding:5px;
    z-index:2000;
    background-color:rgb(220,220,220);
}
#fenetre{
    height:100%;
    margin-top: -110px;
    margin-bottom: 10px;
    padding-top: 110px;
    padding-bottom: 0px;
}
#une{
    position:relative;
    height:85%;
    max-height:2000px;
    background-color:rgb(220,220,220);
    font-weight: bold;
    overflow:auto;
    z-index:5000;
    float: left;
}
#une hr {
    width:50%;
    color:firebrick;
    background-color:firebrick;
    height:2px;
}
#une1{
    position:relative;
    padding:10px;
    height:100%;
}
#monCentre {
    position:relative;
    height:100%;
    background:url("../data/musique/soireeGuitare1.png") no-repeat right top;
    background-size: 700px 100%;
    background-attachment:fixed;
}
#centre{
    height:100%;
    float:left;
    z-index:100;
}
#centre1 {
    background:url("../data/img/loading.gif") no-repeat center center;
    padding-top:2px;
    position:relative;
    /*width:100%;*/
    height:100%;
}
#objetPDF{
    width:98%;
    height:100%;
}
footer {
    clear:both;
    height: 30px;
    color:firebrick;
    font-size:1.2em;
    background-color:rgb(220,220,220);
    /*border-style:solid;
    border-width:2px;*/
}
.info {
    margin-left:10%;
    font-size:0.9em;
    color:firebrick;
    /*cursor: pointer;*/
}
.mAudio {
    width:90%;
    height:2em;
}
.mVideo {
    position:absolute;
    right:100px;
    width:300px;
    height:300px;
    z-index:500;
}
@font-face {
    font-family:Boston;
    src:url('../font/1942.ttf');
}
.clicable {
    cursor: pointer;
    color:black;
}
.media {
    cursor: pointer;
    color:black;
    width:120px;
    height:2em;
    /*float:left;*/
}
#head0 {
    height:2em;
    width: 40%;
    float:left;
}
#head1 {
    height: 2em;
    text-align: right;
}
#navigo a{
    color:firebrick;
}
#head2 {
    height:2em;
    text-align:right;
}
#helpless {
    text-align:center;
}
.jeCache{
    min-height:100px;
}
img{
    width:20px;
    height:20px;
}
/**************************************************/

@media screen and (min-width: 200px) and (max-width: 980px) {
    /***** telephones ********/
    #une{
        width:9%;
    }
    #une:hover{
        min-width:200px;
        max-width:300px;
        width:50%;
    }
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
    /***** tablettes ********/
    #une {
        width:20%;
        overflow:auto;
    }
    #centre{
        width:75%;
    }
}
@media screen and (min-width: 1280px) {
    /***** ordis ********/
    #une {
        width:20%;
        overflow:auto;
    }
    #centre{
        width:75%;
    }
}