/*------------------------ Responsive -----------------------------*/
@media screen and (min-width:1050px) and (max-width:1485px){
    /*------------------------header-------------------------------*/

    /*------------------------body------------------------*/
    aside.aside1{
        width: 33.33333%;
    }

    .resultat_trajetactiver{
        width: 33.333333%;
    }

    /*---------------pop_up----------------*/
    .content .annuler_popup{
        transition: all 200ms;
        background-color: red;
        width: 50%;
    }
    
    .content .boutton .Connecter{
        background-color: green;
        width: 50%;
    }
    
    .content .boutton .deconnecter{
        background-color:  orange ;
        width: 50%;
    }



    /*------------------------footer--------------------------*/

    footer{
        line-height: 10px;
    }
    footer .info2 p {
        display:none;
    }

} 














@media screen and (min-width:580px) and (max-width:1049px){

    /*------------------header------------------------*/
        header {
            background-color: rgb(174,169,180);
            position : relative;
            display: flex;
        
        }
        header section{
            width: 33%;
        }
    
    
    /*--------------------body-----------------------*/
    aside.aside1{
        width: 50%;
    
    }   
    
    .resultat_trajetactiver{
        width: 50%;
        border: none;
    }
    
    h1#titre{
        width: 75%;
    }
    .resultat_exemple h1{
        width: 9%;
    }

    .resultat_exemple2 h1{
        width: 9%;
    }

    .resultat_exemple p{
        margin-right: 0;
        width: 30%;
    }
    .resultat_exemple .type_transport{
        width : 5%;
        margin-left : 2px;
    }

    .content .annuler_popup{
        transition: all 200ms;
        background-color: red;
        width: 50%;
    }
    
    .content .boutton .Connecter{
        background-color: green;
        width: 50%;
    }
    
    .content .boutton .deconnecter{
        background-color:  orange ;
        width: 50%;
    }


    .popup1 {
        margin: 20px auto;
        width: 90%;
        background: #fff;
        border-radius: 5px;
        position: relative;
        transition: all 2s ease-in-out;
      }
      .resultat_exemple2 p {
        margin-right: 5px;
        margin-left: 0px;
        margin-block-end: 1em;
    }



    .popup {
        margin: 20px auto;
        padding: 20px;
        background: #fff;
        border-radius: 5px;
        width: 90%;
        position: relative;
        transition: all 2s ease-in-out;
      }
    
    /*------------------footer------------------------*/
        footer {
            display:flex;
            flex-direction: column;
        }    
        footer .info .part1{
            width: 100%;
        }
    
        footer .info {
            width: 100%;
            text-align: center;
        }
        footer .info h1{
            text-align: center;
        }
        footer .info section.part2 {
            display: flex;
            flex-direction: column;
            /* text-align: center; */
            margin-left: 15%;
        }
        
        footer .info2 p {
            display:none;
        }

        footer .info2 h2{
            margin-top: 10px;
        }
        


    }

    @media screen and (min-width : 0px) and (max-width:579px){
        
        /*-------------header-----------------*/
        
        

        /*-------------main---------------*/
        aside.aside1 {
            width: 100%;
        }





        /*-----------footer-------------------*/



    }