@charset "UTF-8"; /* CSS Document - histoireduneriviere.fr */
/* File CSS -  Autor : GLK SOUND - Version : 0.50 - MàJ: 19.06.2025 */

html,body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}

header {
    height:20%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

header img {
    height: 120px;
}

#main {
    display: flex;
}

#divImg {
    display:flex;
    height:70%;
    width:50%;
}

#livre {
    padding-left: 45px;
    height:80%;
    width:75%;
    margin-left: auto;
    margin-right: auto;
}

#divTxt {
    height:100%;
    width:50%; 
    text-align: center;
    padding-top:11%;
}

.description {
    font-family: 'Open Sans';
    font-size:23px;
}

#ico {
    display: flex;
    text-align: center;
    justify-content: space-around;
    padding-top:30px;
}

#playDownload a {
    text-decoration: none;
}

#playDownload p {
    font-family: 'Open Sans', cursive;
    font-size:15px;
    color: black;
}

#playDownload img {
    height: 60px;
    width:60px;
}

#footer {
    height:10%;
    width:100%;
    text-align: center;
    font-family: 'Open Sans', cursive;
    padding-top: -30px;
}

footer div {
    display: none;
    height: 30px;;
}

footer a {
    text-decoration:none;
    color: black
}

footer a:hover {
    cursor: pointer;
}

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

    #main {
        flex-direction: column;
    }

    #divImg {
        width:100%;
        margin-top:55px;
    }
    #divTxt {
        width:100%; 
    }

    #ico {
        flex-direction: column;
    }
    
    .download_txt {
        margin-top:30px;
    }

    footer div {
        display: block;
    }

}