/* TabledeMultiplication.fr only: the few styles of French pages that the shared engine stylesheet does not have.
   /style.css next to it stays exactly the same as on MultiplicationGames.com; no page file has CSS of its own. */

/* Contactez-nous: the contact form without a frame around it */
.contact_frame{border:0}

/* Exercices à imprimer and Coloriages magiques: the picture of a sheet, with a thin frame */
.print_preview{display:block;width:100%;height:auto;margin:0 auto;border:2px solid var(--outline);border-radius:12px}
.print_preview.portrait{max-width:340px}

/* the box "Comment ..." of both pages: its picture stays in the middle, next to the text */
#conseils > div:last-child{display:flex;flex-direction:column;justify-content:center}
#conseils .closer-cards{margin-top:14px}

/* Exercices à imprimer: the 12 table cards stay in two columns on a phone,
   and the card of a table opened from its table page (like #table-7) gets a blue outline */
@media (max-width:600px){#tables .trust_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
#tables .trust_row div{scroll-margin-top:16px}
#tables .trust_row div:target{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}

/* Coloriages magiques: the picture cards, two columns on a phone and a smaller title on the smallest phones */
@media (max-width:600px){.coloriages .trust_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:380px){.coloriages .trust_row div{padding:10px 10px}.coloriages .trust_row b{font-size:16px}}
.coloriages .trust_row img{width:100%;height:auto;border-radius:8px;margin:0 0 8px}
.coloriages .trust_row b small{display:block;font-size:14px;color:var(--muted)}