-/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
-.content,
-.aside { clear: both; float: none !important; width: auto !important; }
-.nav ul li a { float: none; border: 0; }
-#formulaire_recherche { display: none; position: static; text-align: center; }
-.arbo { display: none; }
-.footer .colophon { width: auto; float: none; }
-.footer .generator { display: none; }
-
-/* header du calendrier full-calendar */
-table.fc-header td { display: block; text-align: left; }
+/* largeur maximum 767px */
+@media (max-width: 767px) {
+ body { width: 100%; padding: 0 20px; }
+ .page { width: 100%; max-width: none; }
+}
+
+/* largeur maximum 640px */
+@media (max-width: 640px) {
+ /* layout */
+ .wrapper,
+ .content,
+ .aside { width: 100%;}
+ .content,
+ .aside { clear: both; float: none; width: 100%; }
+
+ /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
+ .nav ul li a { float: none; border: 0; }
+ .arbo { display: none; }
+ .footer .colophon { width: auto; float: none; }
+ .footer .generator { display: none; }
+
+ /* header du calendrier full-calendar */
+ table.fc-header td { display: block; text-align: left; }