/* j'ai fragmenté les articles en extrayant le contenu des bloc articles pour que chaque élément soit cote a cote.*/

html, body{
    margin-left: 40px;
}

#article{
    display: inline-block;
    width: 500px;
    height: 600px;
}

#article2{
    display: inline-block;
    width: 500px;
    height: 400px;
    margin-left: 100px;
}

#article3{
    display: inline-block;
    width: 500px;
    height: 350px;
    margin-left: 500px;
}

.photomicro{
        display: inline-block; float: right;
    
}

.titre{
    display: inline-block;
}


.titre2{
    display: inline-block;
}

.titre3{
    display: inline-block;
    position: absolute;
    left: 100px;
    top:600px;
}

h1{ 
    font-family: helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 2px;
    display: inline-block;
    color: #3b5998;
}

h2{
    font-family: helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 2px;
    display: inline-block;
    color: #9197a3;
}

.txtvideo{
    font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
  
    color: #141822;
}

.yout{
    font-family: helvetica,arial,sans-serif;
    font-size: 11px;
    line-height: 11px;

    color: #9197a3;
}

h3{
   font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    line-height:1px;
    color: #9197a3;
}

.grandeimage{
    display: inline-block;
    margin-left: 70px;
}

.grandeimage2{
    display: inline-block;
    margin-left: 70px;
}

.player{
     display: inline-block;
    margin-left: 100px;
}

#playervideo{
    
    display: inline-block;
    position: relative;
}


#playertexte{
    width: 250px;
    display: inline-block;
    
    
}

.like{
    font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    display: inline-block;
    color: #141823;
margin-left: 10px;}

.like3{
    font-family: helvetica,arial,sans-serif;
    font-size: 12px;
    display: inline-block;
    color: #141823;
margin-left: 300px;
}



.txt{display: inline-block;}