body{
  margin: 0px;
  padding: 0px;
}

section{
  max-width: 500px;
  margin: 0 auto;
}

.content{
  margin-top: 25vh;
  /*transform: translateY(-50%);*/
  text-align: center;
}

.contentM{
  padding: 1em;
  background: magenta;
  color: white;
  margin-top: 50vh;
  transform: translateY(-50%);
  text-align: center;
}

.contentM a{
  color: yellow;
  text-decoration: none;
}

.categorie{
  text-align: left;
  min-width: 200px;
  display: inline-block;
  background-color: yellow;
  margin: 1em;
}

.categorie a{
  color: black;
}

.categorie a:hover{
  color: white;
}

.ptdr{
	display:inline-block;
	max-width:18em;
	min-width:16em;
	vertical-align:top;
	margin-right:3em;
}
.article{
  margin: 0 auto;
  padding: 1em;
  max-width: 40em;
}

iframe, img, video{
  max-width: 100%;
  height: auto;
}