html, body{
	width: 100%;
	height: 100%;
	background: url(/image/backgroundMontagne.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
a:link 
{ 
 text-decoration: none;
} 
span{color: blue;}
.contenue{
	display: grid;
	grid-template-columns: 100%;
	justify-items: center;
}
.gridRepro{
	display: grid;
	grid-template-columns: 300px 75px 570px 75px;
	grid-template-rows: 50px 30px 30px 650px 100px;
	grid-template-areas: 
			"menu menu menu menu"
			"repro repro repro repro"
			"pedi pedi . ."
			"desc . . ."
			". . . .";
	justify-items: center;
	align-items: center;
}
.menu{ grid-area: menu; }
.repro{ grid-area: repro; }
.pedi{ grid-area: pedi; }
.sizeText20{font-size: 20px;}
.desc{
	width: 300px;
	height: 640px;
	padding: 15px;
}
.affEnrg {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.affEnrg-contenue {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;*/
  z-index: 1;
}
.affEnrg:hover .affEnrg-contenue {
  display: block;
}
.gridContact{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 50px 100px 30px 50px 50px 250px 100px;
	grid-template-areas: 
			"menuContact menuContact"
			"message message"
			"msgErreur msgErreur"
			". ."
			". ."
			"msgMail msgMail"
			"envoie envoie";
	justify-items: center;
	align-items: center;
}
.menuContact{ grid-area: menuContact; }
.message{ grid-area: message; }
.msgMail{ grid-area: msgMail; }
.envoie{ grid-area: envoie; }
.msgErreur{ grid-area: msgErreur; }
#erreur{ display: none; }