@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

.main{
    display:flex;
    flex-wrap: wrap;
}

.main h1 {
    width: 70%;
    text-align:center;
    text-transform:uppercase;
    color:#CB8606;
    padding:20px 0;
    font-weight:bold;
    line-height:70px;
    padding-left:0;
}


.actu {
    width:70%;
}
.actu article{
   margin-bottom:90px;
}
h2{
    text-align:center;
    line-height:70px;
    color:#00748D;
    font-weight:bold;
}
.actu img{
    float:left;
    width: 50%;
    padding-right:20px;
}
.actu p{
    line-height:30px;
}
.block-right{
     width:25%;
}

.temoi{
    overflow:scroll;
    height:66vh;
    margin-bottom:50px;
    
}
.temoi ul{
    list-style:none;   
}
.temoi li{
    border-bottom: 1px solid #CB8606;
}
.tweet ul{
    list-style: url('../img/circle.png');
    list-style-position:inside;
    line-height:40px;
    
   
}
.tweet li{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button{
    margin: 26px 0;
}
blockquote p::before {
  content:url('../img/quote.png');
}
cite::before {
  content:url('../img/client.png');
}
@media screen and ( max-width: 1100px ) {
    /*tablette*/
    
    .actu{
        width:100%;
    }
    .block-right{
        width:100%;
        display:flex;
    }
    .temoi{
        text-align:left;
        width:50%;
        height:32vh;
    }
    .tweet{
        width:50%;
    }
 
}


@media screen and ( max-width: 780px ) {
    /* mobile */
     .actu img{
    width: 100%;
    padding-right:20px;
    }
  .block-right{
        width:100%;
        display:block;
    }
    .temoi{
        text-align:left;
        width:100%;
        height:50vh;
    }
    .tweet{
        width:100%;
    }
    .button{
   float:left;
}
 
}

@media screen and ( max-width: 630px ) {
    /* petit mobile */
   
}