diff --git a/calendrier.css b/calendrier.css
index 06fba87..cd8b838 100644
--- a/calendrier.css
+++ b/calendrier.css
@@ -1,6 +1,9 @@
 /* ------------------------------------------ */
 /* Styles pour l'agenda de SPIP
 /* ------------------------------------------ */
+#calendrier-loading {position:absolute;top:20px;left:350px;padding:5px 30px;border:1px solid #ddd;background:#eee;z-index:100;}
+@media (max-width: 640px) {#calendrier-loading {left:20px;}}
+
 .calendrier-noir  { color: #000; } /* style anar */
 .calendrier-nb  { background-color: #FFF; border: 1px solid #000; color: #000; } /* style cinemat(yp)ographe */
 
diff --git a/contenu/calendrier.html b/contenu/calendrier.html
index dbc06b1..bba3cc8 100644
--- a/contenu/calendrier.html
+++ b/contenu/calendrier.html
@@ -1,4 +1,4 @@
-<div id="loading" style="position:absolute;top:20px;left:350px;padding:5px 30px;display:none;border:1px solid #ddd;background:#eee;z-index:100;"><:organiseur:loading:></div>
+<div id="calendrier-loading" style="display:none;"><:organiseur:loading:></div>
 <div id="calendrier"></div>
 <link rel='stylesheet' type='text/css' href='#CHEMIN{lib/fullcalendar/fullcalendar.css}' />
 <link rel="stylesheet" type="text/css" href="#CHEMIN{calendrier.css}" />
@@ -28,8 +28,8 @@ jQuery(document).ready(function() {
 			},
 			weekMode : 'liquid',
 			loading: function(bool) {
-				if (bool) $('#loading').show();
-				else $('#loading').hide();
+				if (bool) $('#calendrier-loading').show();
+				else $('#calendrier-loading').hide();
 			},
 			timeFormat: {
 				// for agendaWeek and agendaDay