@charset "ISO-8859-1";
.ConteneurForms
{	list-style-type: none;
	padding:0;
	border:1px solid #aaa;
	border-radius: 5px;
	background-color: #eee;

}
.Ecran-3-zone
{	padding:0;
	border:5px solid #aaa;
	border-radius: 5px;
	background-color: #eee;

    display: grid;
 	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 60px 1fr 60px;

	grid-template-areas:
	" titre3 titre3 titre3"
	" zone1 zone2 zone3"
	" envoyer3  envoyer3 envoyer3";

}

.Titre3
{	
	grid-area: titre3;
	font-family: Verdana;
    font-size: 16px;
	text-align: center;
	color: blue;
    font-weight: bold;	
	background: E6E1EA;
	vertical-align: middle;
	//border: 1px solid red;*/
	align-self: center;
	justify-content: center ;
}
.Zone1
{	grid-area: zone1;
	background: #E6E1EA;
	font-family: Verdana;
    font-size: 15px;
	color: blue;
	text-align: center;
	align-self: center;
	justify-content: center ;

	//border: 1px solid green;
}
.Zone2
{	grid-area: zone2;
	background: #E6E1EA;
	font-family: Verdana;
    font-size: 15px;
	color: blue;
	text-align: center;
	align-self: center;
	justify-content: center ;

	//border: 1px solid green;
}
.Zone3
{	grid-area: zone3;
	background: #E6E1EA;
	font-family: Verdana;
    font-size: 15px;
	color: blue;
	text-align: center;
	align-self: center;
	justify-content: center ;
 
	//border: 1px solid green;
}
.Envoyer3
{	grid-area: envoyer3;
	background: #E6E1EA;
	font-family: Verdana;
    font-size: 15px;
	color: blue;
	text-align: center;
	align-self: center;
	justify-content: center ;

	border: 1px solid green;
}
.champs *
{
		font-family :Verdana ;
		font-size : 1em;
		
}

.champs
{	display : flex;
	justify-content : flex-end;
	padding: 10px;
}
.champs > label 
{ flex: 1;
}
.champs > input
{ flex : 2;
}
.champs > *
{ padding : 5px;
}
#envoyer, #annuler
{ 	flex : 0 0 100px;
	background-color : 777;
	color : #fff;
	border : none;
	border-radius: 3px;
	margin-left: 10px;
}