/*j'ai inversé lla hierarchie typo et l'ordre des articles*/

html, body{
    margin: 0;
}


#article{background: white;
   width: 500px; margin:auto;
    height: 650px;
    border: dotted blue 3px;
    margin-bottom: 30px;
    margin-top: 30px;
    position: absolute;
    top: 1000px;
    left: 380px;
}

#article2{background: white;
   width: 500px; margin:auto;
    height: 450px;
    border: dotted blue 3px;
    margin-bottom: 50px;
    margin-top: 20px;
    position: absolute;
    top: 500px;
    left: 380px;
    
    
}

#article3{background: white;
   width: 500px; margin:auto;
    height: 450px;
    border: dotted blue 3px;
    margin-bottom: 10px;
    margin-top: 20px;
    position: absolute;
    left: 380px;
    
}

 .photomicro
{width: 200px; 
}

.grandeimage{
    width: 495px; height: 500px;
    border: solid  yellow 2px;
}

.grandeimage2{
    width: 495px; height: 300px;
    border: solid  yellow 2px;
}

#article .titre {
    /*background: yellow;*/
   width: 300px; 
    height: 40px;
    text-align: left; 
    display: inline-block; 
    border: dashed 2px red;
    /*margin-left: 100px;*/
}


.titre3{
    border: dashed 2px red;
}

.titre2{
    border: dashed 2px red;
}
.txt{
    border: solid 1px purple;
}








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

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

}



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

img{
    float:left;
    
}

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

a{
    font-family: helvetica,arial,sans-serif;
    font-size: 30px;
    display: inline-block;
    color: #3b5998;
}

p{
  font-family: helvetica,arial,sans-serif;
    font-size: 19px;
    display: inline-block;
    color: #141823;  
}

.titrevideo{
    width: 250px;
    font-family: Georgia, 'lucinda grande',tahoma, verdana, arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
  
    color: #141822;
}

.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;
}




#player{display: inline-table;
border: solid  yellow 2px;
}

#playertexte{width:50%; margin-left:10px;display: inline-block;float: right;}

#playervideo{width:40%;display: inline-block;}