/********************************************
                    TABLETTE OU PETITS ECRANS
********************************************/
@media screen and (min-width:600px) and (max-width:1024px){


}

/********************************************
                    TELEPHONE
********************************************/
@media screen and (max-width:599px){
/*****BODY****/
        p{text-align:center;}

        /*****HEADER****/
        header{width:auto;
                background-size:cover;
                background-position:center;}
        #rond{display:none;}
        H1{font-size:400%;}

        /*****NAV*****/
        #barre{
            background-color:transparent;
        }
        .k_apparition{
            animation:none;
        }
        nav{
            display:inline;
            background-color:none;
            height:auto;
            width:auto;
            margin-top:0;
        }
        #nav{
            display:none;
            position:absolute;
        }
        .nav-mobile {
            display: inline;
            color:  #e9e1d2;
            font-size:8vw;
            cursor: pointer;
            }
        nav input[type=checkbox]:checked ~ #nav
         {
            display: flex;
            flex-direction:column;
            justify-content:flex-start;
            align-items:flex-start;
            background-color:#e9e1d2;
            right:0;
        }
        .choixnav{
            width:100%;
        }
        #lienlogo{
            width:auto;
        }
/*SECTION  PRESENTATIONS*/
#informations{
    flex-direction:column;
}
#petit{
    border:none;
}
iframe{
    width:100%;
}

        /*SECTION  NOS SPECTACLES*/
        H2{
            text-align:center;
        }
        #encours{
            height:auto;
        }
        #artencours{
            flex-direction:column;
            align-items:center;
            padding:0;
        }
        #imagefeydeau1, #imagesasha1, #imageblandy1{
            position:relative;
            Width:75%;
        }
        #imagefeydeau2, #imagesasha2, #imageblandy2{display:none;}
        .survole{
    animation-name:none;
	Opacity:1;
}
.nonsurvole{
    animation-name:none;
	Opacity:1;
}
#feydeau, #blandy, #sasha{
    width:100%;
    margin:10px;
    display: flex;
  align-items: center;
  justify-content: center;
}
 
    }