@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width : 465px) 
{

    .logo {
        width:85%;
    }

    .texteIntroParties {
        width:70%;
    }

    .cadreActivite {
        width:300px;
    }

    .itemActivite {
        flex-direction: column;
        justify-content: center;
    }

    .cadreInfos {
        /* width:95%; */
        margin: 0 auto;
        margin-top: 1em;
    }

    .logoIntro {
        width: 95%;
    }

    .titreLogo {
        width:25em;
        height:25em;
        margin-bottom: 15em;
    }

    .mesInfos {
     margin-bottom: 10em;
    }
    .presProg{ 
        flex-direction:column;
    }

    .marginBottom {
        margin-bottom: 10em;
    }

}

/* Tablettes ----------- */

@media screen and (min-width : 465px) and (max-width : 900px)
{

    .logo {
        width:85%;
       }

    .cadreInfos {
        /* width:80%; */
        margin: 0 auto;
    }




}

/* PC ----------- */

@media screen and (min-width : 900px)
{
    #logo {
        height:65%;
        position:absolute;
        z-index: 10;
        left:2%;
        top:1em;
    }
    
    .logoMenu {
        position:absolute;
        bottom:0em;
        
    }
    
    .room {
        font-size:0.75rem;
    }
    
    .helvet {
        font-size:1.25em;
        line-height: 1.1em;
    }
    
    .copyright {
        position: absolute;
		z-index: 999;
        bottom: 0;
        margin: 0 auto;
        width:100%;
/*        background: rgba(0,0,0,0.95);*/
    }

}