/*une regle CSS doit avoir un ordre, de l'interieur vers l'exterieur* voir ex sur le h3*/
/* Balise pour ecrire du commentaire*/
<style type="text/css" media="screen">
	/*parametres pour un affichage responsive*/
	@media (max-width:600px){
		nav,ul,div{
			width:100%;
			height:auto;
		}
	}
  /* ceci est un selecteur universel (etoile) qui va s'appliquer a tout le document*/
  * {margin:0; padding:0;}

/*FORMULAIRE NOMADE TEST*/  
	/*les zones de saisie de texte*/
	input[type=text] {
		/*largeur de la zone de saisie*/
		width:200px;
		/*position fixe absolu, qui ne dépend pas des autres objets*/
		position:absolute;
		/*position gauche*/
		left:150px;
		/*famille de police*/
		font-family:sans-serif;
		/*taille du caractère*/
		font-size:15px;
		/*style de la bordure*/
		border-bottom-style:solid;
		/*bordure arondie*/
		border-radius:30px;
		/*fond de la zone de saisie*/
		background-color:white;
		/*couleur du texte*/
		color:black;
	}
	/*les styles pour les libellés*/
	label {
		/*position fixe absolue, qui n dépend pas des autres objets*/
		position:absolute;
		/*position gauche*/
		left:45px;
		/*famille de police*/
		font-family:sans-serif;
		/*taille de caractères*/
		font-size:15px;
	}
	/*les styles pour le bouton validation*/
	input[type=submit] {
		/*largeur*/
		width:150px;
		/*position fixe absolue....*/
		position:absolute;
		/*position horizontale*/
		left:175px;
		/*position verticale*/
		top:130px;
		/*couleur du fond du bouton*/
		background-color:lightyellow;
		/*bordure arrondies*/
		border-radius:10px;
		font-size:20px;
	}
/*les styles du formulaire nomade test*/
	/*pour la zone arrondie rose utilisé par tous les DIV*/
	div {
		/*arrondie*/
		border-radius:150px;
		/*le fond en rose*/
		background-color:pink;
		/*décalage de la zone grise*/
		padding:40px;
	}
/*La Partie Calcul IMC*/	
#zoneformIMC input {
	/*position fixe absolu*/
	position:absolute;
	left:60px;
	width:55px;
	font-family:sans-serif;
	font-size:14px;
	text-align:center;
	}
#zoneformIMC label {
	/*position gauche*/
	left:14px;
	font-family:sans-serif;
	font-size:14px;
	}
#zoneformIMC input[type=button] {
	/*je defini le bouton validation*/
	position:absolute;
	top:330px;
	left:80px;
	width:150px;
	font-size:16px;
	}

/*La Partie Calcul de mon âge*/	
#zoneformAGE input {
	/*position fixe absolu*/
	position:absolute;
	left:250px;
	width:120px;
	font-family:sans-serif;
	font-size:14px;
	text-align:center;
	}
#zoneformAGE label {
	/*position gauche*/
	left:4px;
	font-family:sans-serif;
	font-size:14px;
	}
#zoneformAGE input[type=button] {
	/*je defini le bouton validation*/
	position:absolute;
	top:470px;
	left:30px;
	width:150px;
	font-size:16px;
	}
	
/*La Partie choix pays envoyé par courriel*/	
#zoneformChoixEtCourriel form {
	font-size:20px;
	border-style:solid;
	padding:20px;
	}
#zoneformChoixEtCourriel input[type=submit] {
	position:absolute;
	top:700px;
	left:300px;
	width:auto;
	background-color:lightyellow;
	}
	
/*La Partie calcul du TTC*/	
#zoneformCalculTTC form {
	font-size:20px;
	border-style:dotted;
	/*arrondie du bord*/
	border-radius:100px;
	/*marges dans le formulaire*/
	padding:20px;
	font-family:arial;
	/*interligne*/
	line-height:2;
	}
#zoneformCalculTTC input {
	left:300px;
	height:35px;
	font-size:20px;
	background-color:cornsilk;
	}
	
/*La Partie affiche image*/	
#zoneformAfficheImage form {
	/*je neutralise la position car c'est géré par le div qui englobe le formulaire
	position:absolute;
	left:120px;*/
	font-size:15px;
	/*bordure*/
	border-style:solid;
	border-color:red;
	padding:30px;
	font-family:arial;
	/*interligne*/line-height:2;
	}
#zoneformAfficheImage select{
	font-family:Arial;
	font-size:14px;
	}
#zoneformAfficheImage img{
	position:absolute;
	left:270px;
	top:1500px;
	}
	
footer {
	padding: 24px 15px 15px 15px;
	font-size: 0.800em;
}

</style>