body{
  font-family: 'Raleway', sans-serif;
  margin:0;/*Reset les marges par defaut*/
  padding:0;/*Reset les marges interieure par defaut*/
  }

h1{
  text-decoration: underline;/*souligner*/
}

a:link{
text-decoration: none;/*change la couleur du liens*/

}

a:visited{
  color:grey;/*changer la couleur des liens visités*/
}



div.main{
  display:grid; /* Aligne les sous-blocs sous forme de grille */
  grid-template-columns:1fr 2fr; /* 2 colonnes */
  grid-template-rows:auto; /*hauteur automatique */
  width:60%;/*largeur de 60% de l'écran*/
  margin:auto;/*centrer le bloc*/

 }

div.main .titre{
grid-column-start:1;
grid-column-end:3; /* Va de 1 à 3 en largeur */
height:40%;
}

div.main .titre img{
width: 100%;
}

div.bio{
background:lightgray;
padding:5%;
text-align:justify;
}

.bio .photo img{
width:100%;

}
div.contents{
  background:white;
  padding: 15%;
  line-height:200%;
  }

  div.contents img{
display: block;
margin: auto;
width: 100%;
  }

.footer{
  background:white;
  grid-column-start:1;
  grid-column-end:3; /* Va de 1 à 3 en largeur */
  padding: 2.5%;
  text-align: center;
}
/*Codage pour la deuxième page HTML*/

div.stave{
  width:60%;
  margin: auto;
  }

  .header img{
    width: 100%;
  }

  .texte2{
    text-align: justify;
    padding:10%;
  }

/* Adaptation aux écrans*/

@media screen and (max-width:667px) {
/* Entre 375px et 667px */
    /* Mobiles paysage */
    /* iPhone6 paysage = 667px */
    /* iPhone 5s paysage = 568px */
    /* iPhone 4 paysage = 468 px */
    body { background:white; }
div.bio,
div.contents{
    grid-column-start:1;
    grid-column-end:3; /* Va de 1 à 5 en largeur */
    }
div.contents{
    padding:10%;
    font-size:10px;}
     }