@charset "UTF-8";
/* Version mobile du blog : reprend la feuille commune du site + règles propres au blog.
   Chargée avec media="(max-width: 999px)" en dernier : la version desktop n'est pas modifiée. */
@import url("../../css/mobile.css");

nav.menu { height:auto; line-height:40px; padding:0 4px; overflow:visible; }
nav.menu ul { display:flex; flex-wrap:wrap; justify-content:center; }
nav.menu ul li { float:none; }

#articles, #sidebar { float:none; width:auto; }
article header, article footer, article div.content, #commentaires-blog { margin-left:0; width:auto; }
article div.lire-la-suite { margin-left:0; }
article div.content img, article div.content iframe { max-width:100%; height:auto; }
article div.content iframe { aspect-ratio:16/9; width:100%; }
aside nav ul { padding-left:10px; }
#sidebar input.recherche { margin-left:0; }
#sidebar { border-top:1px solid #e3e4e9; padding-top:15px; }

/* Colonne de droite : catégories et archives en liste verticale, zones de clic confortables */
#sidebar h2 { margin-left:0; font-size:22px; }
#sidebar > img, #sidebar form > img { display:block; }
aside nav ul { display:block; padding:6px 0 10px 0; }
aside nav ul li { float:none; display:block; background-position:0 13px; padding:0 0 0 14px; margin:0; border-bottom:1px solid #eceef3; }
aside nav ul li a { display:block; padding:9px 0; font-size:15px; color:#4e5370; }
aside nav ul li a strong { color:#111b46; }
#liste_dates { display:grid !important; grid-template-columns:1fr 1fr; column-gap:16px; }
.sidebar-communaute { margin-left:0; }

/* Recherche : champ pleine largeur + bouton OK aligné */
#sidebar form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#sidebar form h2, #sidebar form > img { flex:0 0 100%; }
div#main #sidebar input.recherche { float:none; flex:1 1 0; min-width:0; width:auto !important; height:40px; margin:6px 0 10px 0; padding:0 10px; font-size:16px; border:1px solid #c9ccd6; border-radius:3px; box-sizing:border-box; }
#sidebar input[name="recherche_valider"] { flex:0 0 auto; width:40px; height:40px; margin:6px 0 10px 0; }