body
{
  background-image:url(images/fond.jpg);
  background-size: 100%;
  margin:auto;
  overflow-y: scroll;
}
.baniere, .menu, .images, .introduction, .materiel, .experience, .methode, .legende_inspi, .pied_de_page 
{
  font-family:Verdana;
  background-color: white;
  margin:20px auto;
  width:90%;
}
.materiel, .experience
{
  font-family:Verdana;
  background-color: white;
  margin:20px auto;
  width:90%;
  font-size:medium;
  text-align:center;
  padding: 20px 0;
}
.menu 
{
 background-color: transparent;
}
.titre 
{
  font-family:vivaldi, Verdana, sans-serif;
  font-size:xx-large;
  text-align:center;
  color:teal;
  padding:  30px;
  margin: 0;
}
.sous_titre /*paoline*/
{
  font-size:large;
  text-align:center;
  text-decoration:overline;
  font-style:italic;
  color:teal;
  margin:  0;
}
.menu a
{
padding: 2px 5px;
border: 1px solid teal;
background-color: white;
text-decoration: none;
color: teal;
}
.menu a.menu_selectionne
{
  background-color: teal;
  color: white;
}
.images
{
  text-align: center;
  padding: 10px 0;
}
.images img {vertical-align: middle;}

.introduction /*intro première partie*/
{
  font-size: medium;
  text-align: center;
}
.introduction p 
{
  padding: 20px 30px;
  
}
.liste /*correspond à materiel*/
{
  font-size:medium;
  text-align:left;
}
.methode 
{
  font-size: medium;
  text-align: left;
  padding: 10px 0px;
  margin: 20px auto;
}
.methode p 
{
  padding:  0 10px;
  margin:  0;
}
h2 /*titre de chaque partie: année, semaine...*/
{
  font-size: large;
  font-weight: normal;
  color: teal;
  padding-left:  10px;
}
.intro_methode
{
  font-size: medium;
  text-align: center;
  padding: 10px 0px;
  margin: 0;
}
.pied_de_page /*correspond au bas de la page*/
{
  font-size:small;
  text-align:center;
  padding: 15px 0;
}