@charset "UTF-8";
/**
* Use this file to specify your scss preprocessor variables
* @see skins/_reference/variables.scss
* @see included/knacss/_config/
*
vert 1 : 12A187
vert 2 : 436660
vert 3 : 17B096
vert 4 : E8FFF9 (très clair)

vert maquette  : 436660 -  459083 - 17B096 - 0CCFAE -  54F8DC 

gris : CCD0CF
*/
/**
 * layout_as_3col — grille 3 colonnes de sections/articles
 *
 * Refonte mobile-first. Variables skin en fallback (!default) — les layouts
 * sont compilés hors du pipeline skin (tune.scss non garanti disponible).
 *
 * @author : C. Loubechine — refonte avril 2026
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */
.grille{display:grid;grid-template-columns:1fr;gap:.8rem;margin-block:1.5rem;align-items:stretch}@media (min-width:576px){.grille{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grille{grid-template-columns:repeat(3,1fr)}}.section_3col{border:1px solid #E8E6E3;border-radius:6px;background-color:#FFF;text-align:center;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow 0.2s ease}.section_3col:hover{box-shadow:0 4px 10px rgba(55,70,67,.1);border-color:#17B096}.h2col{font-size:1.5rem;font-family:"champagne",Arial,sans-serif;text-align:center;padding:.7em .8em;background-color:#E8FFF9;color:#436660;border-bottom:1px solid #E8E6E3;margin:0}.h2col a{text-decoration:none;color:#436660;display:block;line-height:1.3}.h2col a:hover,.h2col a:focus{text-decoration:underline;color:#17B096}.h2col a:focus-visible{outline:3px solid #17B096;outline-offset:2px;border-radius:2px}.section_3col img{max-width:100%;height:auto;display:block;margin:.5rem auto 0;aspect-ratio:1.3333333333;object-fit:cover}.section_3col a[aria-hidden="true"]{display:block;pointer-events:none;outline:none;cursor:default}.section-intro{font-size:1.3rem;color:#374643;padding:.6rem .8rem .8rem;line-height:1.6;text-align:left;margin:0;flex:1}@media (prefers-reduced-motion:reduce){.section_3col{transition:none}.section_3col:hover{box-shadow:0 0 0 2px #17B096}}@media print{.grille{display:block}.section_3col{display:block;border:1px solid #ccc;border-radius:0;box-shadow:none;background:#fff;margin-bottom:1em;page-break-inside:avoid}.h2col{background:#fff;color:#000;border-bottom:1px solid #ccc;text-align:left;padding:.3em 0}.h2col a{color:#000}.h2col a::after{content:" (" attr(href) ")";font-size:9pt;color:#555;font-weight:400}.section_3col img{max-width:120px;float:left;margin-right:.5em}}