) : habillage au design SOL'IN. Les noms de classes sont ceux d'Avada ; à ajuster après import si besoin. */ .sn-sec .sn-bloglist .fusion-blog-shortcode .fusion-post-grid .fusion-post-wrapper{background:transparent;border:0;box-shadow:none} .sn-sec .sn-bloglist .fusion-post-content-wrapper{padding:1rem 0 0!important;border:0!important} .sn-sec .sn-bloglist .blog-shortcode-post-title,.sn-sec .sn-bloglist .entry-title{margin:0 0 .5rem;font-family:var(--sn-serif)!important;font-size:1.45rem!important;font-weight:500;line-height:1.2} .sn-sec .sn-bloglist .entry-title a{color:var(--sn-nuit)!important;text-decoration:none} .sn-sec .sn-bloglist .entry-title a:hover{text-decoration:underline;text-decoration-color:var(--sn-coquelicot);text-decoration-thickness:2px;text-underline-offset:.2em} .sn-sec .sn-bloglist .fusion-single-line-meta,.sn-sec .sn-bloglist .fusion-meta-info,.sn-sec .sn-bloglist .fusion-post-content{font-family:var(--sn-sans);font-size:.95rem;color:var(--sn-brume)} .sn-sec .sn-bloglist img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} .sn-sec .sn-bloglist .pagination a,.sn-sec .sn-bloglist .pagination span{border-radius:0;font-family:var(--sn-sans)} @media (max-width:899.98px){ .e-con.sn-sec.sn-statement>.e-con-inner{grid-template-columns:1fr} } .sn-blog .sn-bloglist{margin-top:2.5rem} /* ===================================================================== PAGES PORTRAITS / RECUEIL / UNIVERS VISUELS / VOYAGE ===================================================================== */ .e-con.sn-sec.sn-statement.sn-paper{background-color:var(--sn-paper)} .sn-sec .sn-wide{margin:0} .sn-sec .sn-wide img{display:block;width:100%;height:auto} /* Citation mise en avant */ .sn-sec .sn-pull blockquote{margin:1.5rem 0 0;padding:0 0 0 1.25rem;border:0;border-left:3px solid var(--sn-coquelicot);font-family:var(--sn-serif);font-style:italic;font-size:1.35rem;line-height:1.4;color:inherit} .sn-sec .sn-pull blockquote cite{display:block;margin-top:.5rem;font-family:var(--sn-sans);font-style:normal;font-size:.95rem;color:var(--sn-brume)} /* Portraits (interviews) */ .sn-portraits .sn-portraits__head{margin-bottom:2rem} .sn-sec .e-con.sn-portrait{display:grid;grid-template-columns:4fr 8fr;gap:clamp(2rem,5vw,4rem);align-items:start;padding:3rem 0;border-top:1px solid var(--sn-line)} .sn-portrait__body>*+*{margin-top:1rem} .sn-portrait .sn-h3 .elementor-heading-title{font-size:clamp(1.6rem,2.6vw,2.1rem)} .sn-sec .sn-video{position:relative;aspect-ratio:16/9;background:var(--sn-mist)} .sn-sec .sn-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .sn-sec .sn-audio p{margin:0 0 .4rem;font-size:.95rem;color:var(--sn-brume)} .sn-sec .sn-audio audio{display:block;width:100%;max-width:26rem} .sn-sec .sn-links ul{list-style:none;margin:0;padding:0} .sn-sec .sn-links li{padding:.2rem 0} .sn-sec .sn-links a{color:var(--sn-plume);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em} .sn-sec .sn-links a:hover{color:var(--sn-coquelicot)} /* Extraits : 2 colonnes */ .sn-poem-img{margin:0 0 1.25rem} .sn-sec .sn-poem-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} .sn-sec .sn-poem__text blockquote{margin:0 0 1rem;padding:0;border:0;font-style:italic;font-size:1.1rem;color:var(--sn-brume)} @media (min-width:900px){ .sn-sec .e-con.sn-trio__cols.sn-trio__cols--2{grid-template-columns:repeat(2,1fr)} } /* Galerie (widget Galerie d'images d'Elementor) : colonnes de type "mosaïque" */ .sn-sec .sn-gallery .gallery{display:block;column-count:4;column-gap:1rem;margin:0} .sn-sec .sn-gallery .gallery .gallery-item{float:none;display:block;width:100%!important;max-width:100%!important;margin:0 0 1rem!important;padding:0;break-inside:avoid} .sn-sec .sn-gallery .gallery-item .gallery-icon{margin:0} .sn-sec .sn-gallery .gallery-item img{display:block;width:100%;height:auto;border:0} .sn-sec .sn-gallery .gallery br,.sn-sec .sn-gallery .gallery-caption{display:none} @media (max-width:1023.98px){.sn-sec .sn-gallery .gallery{column-count:3}} @media (max-width:599.98px){.sn-sec .sn-gallery .gallery{column-count:2;column-gap:.6rem}} /* Tuiles de navigation (image de fond + titre + bouton) */ .e-con.sn-sec.sn-tiles-sec>.e-con-inner{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem} .sn-sec .e-con.sn-tile{position:relative;justify-content:center;min-height:16rem;padding:clamp(3rem,8vw,5rem) 2rem;text-align:center;color:#fff} .sn-tile>*+*{margin-top:1.25rem} .sn-sec .e-con.sn-tile .elementor-widget-button .elementor-button-wrapper{text-align:center} @media (max-width:767.98px){ .e-con.sn-sec.sn-tiles-sec>.e-con-inner{grid-template-columns:1fr} .sn-sec .e-con.sn-portrait{grid-template-columns:1fr} } @media (max-width:899.98px){ .sn-sec .e-con.sn-portrait{grid-template-columns:1fr} } .sn-gallery-sec .sn-gallery{margin-top:2rem} /* Le contenu reste au-dessus des voiles d'image de fond */ .e-con.sn-sec>.e-con-inner,.sn-sec .e-con.sn-tile>*{position:relative;z-index:1} /* ===================================================================== PAGE CONTACT (Contact Form 7) ===================================================================== */ .e-con.sn-sec.sn-contactpage>.e-con-inner{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2.5rem,6vw,5rem);align-items:start} .sn-contactpage__info>*+*{margin-top:1.25rem} .sn-sec .wpcf7 form p{margin:0 0 1.1rem} .sn-sec .wpcf7 label{display:block;font-weight:600;font-size:.95rem} .sn-sec .wpcf7 input[type="text"],.sn-sec .wpcf7 input[type="email"],.sn-sec .wpcf7 input[type="tel"],.sn-sec .wpcf7 input[type="url"],.sn-sec .wpcf7 select,.sn-sec .wpcf7 textarea{ display:block;width:100%;margin-top:.4rem;padding:.9rem 1rem;border:2px solid var(--sn-nuit);border-radius:0;background:#fff;color:var(--sn-nuit);font:400 1rem/1.5 var(--sn-sans);box-shadow:none} .sn-sec .wpcf7 textarea{min-height:11rem;resize:vertical} .sn-sec .wpcf7 input[type="submit"]{cursor:pointer;padding:.95rem 1.6rem;border:2px solid transparent;border-radius:0;background:var(--sn-coquelicot);color:#fff;font:600 1rem/1.2 var(--sn-sans);transition:background-color .2s} .sn-sec .wpcf7 input[type="submit"]:hover,.sn-sec .wpcf7 input[type="submit"]:focus{background:var(--sn-nuit);color:#fff} .sn-sec .wpcf7 .wpcf7-not-valid-tip{margin-top:.3rem;font-size:.9rem;color:#B00020} .sn-sec .wpcf7 form .wpcf7-response-output{margin:1rem 0 0;padding:.9rem 1rem;border:2px solid var(--sn-nuit);font-size:.95rem} .sn-sec .wpcf7 .wpcf7-acceptance label{font-weight:400} @media (max-width:899.98px){ .e-con.sn-sec.sn-contactpage>.e-con-inner{grid-template-columns:1fr} }