/* --------------------------------------------------------------- */
/*
/* Liste des actus
/*
/* --------------------------------------------------------------- */

#page .actu {
    display:flex;
    flex-direction:column;
    /*background: url('../images/photo_fond_page-2.jpg') center top; */
    background-color: #F4EEE6;

}

#page .actu .resume a {
    color:#9c9c30;
}
#page .actu:nth-child(odd) .photo_actu {
    order:2
}
#page .actu:nth-child(even) .bloc_texte {
    order:1
}

#page .actu:nth-child(odd) .bloc_texte .bouton {
    background-color: #725945;
}


#page .actu .photo_actu {
    background-size: cover;
    background-position: center center;
}

#page .actu .conteneur_actu {
    position: relative; top: 0; left: 0;
    width:100%;
    padding:0 20px;
    text-align: center;
}

#page .boutons {
    margin-top:25px;
}

#page .bouton {
    position: relative; top: 0; left: 0;
    padding: 3px 10px;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    background-color: #CDCD66;
    margin: 0 3px;
    display: inline-block;
    min-width: 100px;
    text-align: center;
    font-weight: 600;
}

/* --------------------------------------------------------------- */
/*
/* Détails de l'actu
/*
/* --------------------------------------------------------------- */
#page #actu {
    position: relative; top: 0; left: 0;

    display:flex;
    flex-direction:row;
    align-items:center;
}

#page #actu .resume {
    font-weight: bold;
}

#page #actu .photo_actu {
    text-align: center;
    margin:25px 0;
}

#page #actu .photo_actu img {
    max-width:100%;
}

@media only screen and (min-width:801px) {
    #page .vh50 {
        min-height: 270px;
    }
}

@media only screen and (min-width:801px) and (max-width:990px) {
    #page .actu {
        width: calc(100vw - 250px);
    }
}

@media only screen and (max-width:990px) {
    #page .actu {
        display:flex;
        flex-direction:row;
    }

    #page .actu .vh50 {
        width: 100%;
    }

    #page .vh50 {
        height: auto !important;
    }

    #page .vh100 {
        height: auto !important;
        min-height: 320px;
    }
}

@media only screen and (max-width:479px) {
    #page .actu {
        flex-direction:column;
    }

    #page .actu:last-child {
        border:none;
    }

    #page .actu .conteneur_actu {
        padding: 25px 20px;
    }

    #page .actu .photo_actu {
        order:2;
        height: 300px !important;
    }

    #page .bloc_texte {
        /*background: none;*/
    }
}