form.champsflex {  
    display: flex;  

    border: 1px solid #aaa;  
    padding: 10px;  
    background-color: #eee;  
}  

input#input-recherche {  
    flex: 1 1 auto;  
	
/* 	est la syntaxe courte qui permet d’indiquer que l’élément, le champ de saisie peut donc augmenter (flex-grow: 1) ou diminuer (flex-shrink: 1) en fonction de la place disponible. La dernière valeur (flex-basis: auto) indique que la largeur de l’élément dépend de son contenu. 
	>> C’est grâce à cet ensemble de propriétés que l’élément peut augmenter ou diminuer de taille, et ainsi s’adapter à la largeur de son conteneur parent. */
	
	
	
    border: none;  
}

label, input{
	margin:0.1em 0.2em;
	
}