/* Fragmenter le contenu en éparpillant les différents éléments de la page, pourtant aux mêmes positions, afin de donner une lecture décousue des informations */



html, body{				
	margin:0;
	margin-left:0px;
	padding:0;
}	

header{
    margin:0;
    margin-top:0;
    background: blue;
    height: 50px;
    width: 50px;
}

body{					
	background:#DDDDDD;
}

h1 {
    color:blue;
    display: block;
    font-size: 1em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

h2 {
	color:grey;
    display: block;
    font-size: 0.75em;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: regular;
}


h4{
    color:white;
    display:block;
    font-size:34pt;
    margin-top:0px;
    margin-left:60px
}


.post{					
	width:500px;
	padding:10px; 
    margin-left:300px;
    margin-top:20px;
 }
 
.commentaires{	
	background:#eeeef8;
	margin:0;
	padding:0;
}


.bloc1{
        display: block;
    margin-left:200px;
        padding:20px;
}

.bloc2{
        display: block;
    margin-left:400px;
            padding:20px;
}

.bloc3{
        display: block;
    margin-left:800px;
            padding:20px;
}

.bloc4{
        display: block;
    margin-left:500px;
            padding:20px;
}

.bloc5{
        display: block;
    margin-left:300px;
            padding:20px;
}

.bloc6{
        display: block;
    margin-left:1000px;
            padding:20px;
}

.bloc7{
        display: block;
    margin-left:950px;
            padding:20px;
}

.bloc8{
        display: block;
    margin-left:280px;
            padding:20px;
}