/**************
MAIN
**************/

/*** GLOBAL ***/

.grid-actu {
    display:grid;
    grid-template-columns: 70% 30%;
    column-gap:2rem;
}

/*** ARTICLES ***/

.articles-items {
    display:flex;
    flex-direction:column;
}

.article-contenu {
    display:flex;
}

.article-text {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.articles-items .btn-more {
    width:30%;
}

.articles-items img {
    width:55%;
    height:55%;
    padding-right:2rem;
}

.articles-items p {
    text-align:left;
    padding:0.5rem 0;
}

/*** ASIDE ***/

.aside [class*="aside-items"] {
    margin:4rem 0;
}

.aside blockquote, .aside ul {
    text-align:left;
}

.aside blockquote {
    margin:1rem 2rem;
    padding:1rem 2rem;
    border-bottom:2px solid #CB8606;
}

.aside cite {
    color:#00748D;
    font-weight:bold;
    padding:2rem 0;
}

.aside-items-temoignages {
    height:30rem;
    overflow:scroll;
}

.aside-items-tweets {
     height:30rem;
}

.aside-items-tweets ul {
    margin:1rem 2rem;
    list-style-image:url("../3.ressources/images/circle.png");
    list-style-type:circle;
    
}

.aside-items-tweets li {
    padding:0.5rem 2rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}


/************** TABLETTE **************/

@media screen and (max-width:1100px) {
    
    /**************
    MAIN
    **************/
    
    /*** GLOBAL ***/
    
    .grid-actu {
        display:flex;
        flex-direction:column;
    }
    
    /*** ARTICLES ***/
    
    .article-contenu {
        display:flex;
        flex-direction:column;
    }
    
    .articles-items img {
        width:100%;
        height:100%;
        padding-right:2rem;
    }
    
    /*** ARTICLES ***/
    
    .aside{
        display:flex;
    } 
    
    .aside-items-temoignages {
        width:50%;
    }
    
    .aside-items-tweets {
        width:50%;
    }

}