body {
	padding : 0px 20%;
	
    color : rgb(0, 0, 0);
    background-color: #FFF7E8;
}


a{
color : #7F93B3;}
h1 {

}
h3 {
    color: #6D88B3;
    font-size :12pt;
}

h4 {
    color: black;
}
h5 {
    align: center;
    color: grey;
}

img{
  align: right;
}


table { text-align: left;}
p {
    color: black;
    font-size:12pt;
}



.nav_bar {
  overflow: hidden;
}

.nav_bar a {
  float: right;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.nav_bar a:hover {
  background-color: #CFE2FF;
  color: black;
}

.nav_bar a.active {
  background-color: #6D88B3;
  color: white;

 }
 
 .nav_bar a.name {
  background-color: #6D88B3;
  color: white;
    float: left;
 }

.grid-container {
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-gap: 10px;
}

.grid-container > div {

}

.conteneur {
    display: flex;
}