Le formulaire de recherche sur petits écrans (< 736px)

css/html5up_escape_velocity.spip.css.html

@@ -77,6 +77,7 @@ ul.portfolio li small {font-size: 0.75em;}
 #formulaire_recherche input#recherche {transition: all .25s ease-in-out; -webkit-appearance: none; margin-right: 1em; padding: 0.75em 1em 0.75em 1em; min-width: 25em; height: 4rem;
 	 background: #ccc; line-height: 1em; border: 0; background: #eee; box-shadow: inset 0px 0px 1px 0px #a0a1a7; border-radius: 0.35em; }
 #formulaire_recherche input.submit { height: 4rem; }
+
 /* Les formulaires */
 input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 2.4em !important ; position: relative;}
 /* Le formulaire de contact */
@@ -108,4 +109,13 @@ input[type="checkbox"] {margin:0 1em 0 0;opacity:1;-moz-appearance:checkbox;-web
 #footer .feature-list .fa::before {	display: block; color: #fff; background-color: #3d4249; border-radius: 2.5em;text-align: center;font-size: 0.8em; 	width: 2.5em; height: 2.5em; line-height: 2.5em; margin-right: 0.75em; position: absolute; left: 0; margin-top: -0.5em;}
 
 /* *** Divers *** */
-.invisible {position:absolute;left:-999em;height:1%;}
+.invisible {position:absolute;left:-999em;height:1%;}
+
+@media screen and (max-width: 736px) {
+	#formulaire_recherche input#recherche  {
+		display: block;
+		margin: 1em auto;
+		width: 100%;
+		max-width: 30em;
+	}
+}