body {
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #666666;
}

.entete {
  color: darkred;
  border: 1px solid #666666;
  background-color: orange;
}



.wrapper1 {
	display: grid;
   grid-column-gap: 10px;
   grid-template-columns: 1fr 4fr;
}

.sidebar {
	background-color: lightgrey;
   height: 100%;
	padding: 1em;
	font-size: 120%;
}

.page{
	background-color: white;
	border: 0px ;
   height: 100%;
}

.titre {
    font-weight: bold;
    font-size: 150%;
    border: 1px solid #666666;
    background-color: lightgrey;
    text-align: center;
    vertical-align: middle;
    height: 80px
}

.image1 {
    float:right;
    width: 300px;
    padding: 0.7em;
}
.image2 {
    height: 150px;
    width: 100%;
    padding: 0.7em;
}
.image3 {
    float:right;
    height: 180px;
    padding: 0.7em;
}
.image4 {
    float:left;
    width: 550px;
    padding: 0.7em;
}

.piedpage {

	text-align: center;
   
}