@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

@media (max-width: 640px) {
    .femmes-flex,
    .hommes-flex {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }
    .galerie-photos {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        box-shadow: none !important;
    }
    .galerie-photos img {
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 auto !important;
        border-radius: 12px !important;
    }
    .coiffeuse-sylvie,
    .coiffeuse-sylvie-img {
        display: block !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 auto 12px auto !important;
    }
    /* Accueil: toutes les photos en colonne et pleine largeur */
    .main-images {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    .main-images img,
    .main-images picture,
    .main-images picture img {
        width: 100% !important;
        max-width: 100vw !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        margin: 0 auto !important;
        display: block !important;
    }
    .separator-hommes,
    .separator-femmes {
        display: none !important;
    }
}
/* Mobile: nous-joindre - bring contact page content to the left like a-propos */
@media (max-width: 640px) {
	body.nous-joindre, .nous-joindre .container {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		margin: 0 !important;
	}
	/* Remove the desktop left offset and tighten spacing */
	body.nous-joindre .contact-texte {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	/* Ensure headings and paragraphs are left-aligned and compact */
	body.nous-joindre .contact-texte h1,
	body.nous-joindre .contact-texte p {
		text-align: left !important;
		margin: 0 0 12px 0 !important;
	}
	/* Left-align map controls and iframe */
	body.nous-joindre .itineraire-center { text-align: left !important; margin-left: 0 !important; }
	body.nous-joindre .map-region-iframe { margin: 0 !important; }
}
/* Mobile: a-propos - bring content further left on small screens */
@media (max-width: 640px) {
	/* Page container - minimal side padding so content is close to left edge */
	body.a-propos, .a-propos .container {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		margin: 0 !important;
	}
	/* Override desktop left offset used elsewhere */
	body.a-propos .contact-texte {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	/* Stack photo and about sections and left-align their contents */
	.a-propos .photo-column,
	.a-propos .about {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 8px 0 !important;
		text-align: left !important;
	}
	/* Constrain portrait so it stays visible and left-aligned */
	.a-propos .photo-column .main-portrait {
		width: 100% !important;
		max-width: 280px !important;
		height: auto !important;
		display: block !important;
		margin: 0 0 8px 0 !important; /* left aligned */
	}
	/* Team card - keep it left and compact */
	.a-propos .team-card {
		margin: 0 0 8px 0 !important;
		width: auto !important;
		max-width: 280px !important;
		text-align: left !important;
	}
	.a-propos .about h1,
	.a-propos .about p {
		text-align: left !important;
		margin: 0 0 12px 0 !important;
	}
}
.femmes-flex{display:flex;align-items:flex-start;gap:0;justify-content:center}.hommes-flex{display:flex;align-items:flex-start;gap:0;justify-content:center}.coiffeuse-sylvie{text-align:center}.coiffeuse-sylvie-img{max-width:220px;width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12);margin-bottom:8px}.coiffeuse-sylvie-legende{font-size:1em;color:#333;margin-top:4px}.separator-femmes{width:2px;min-height:180px;background:linear-gradient(to bottom,#755010 0%,#ffd18c 100%);border-radius:2px;margin:0 16px;align-self:stretch}.separator-hommes{width:2px;min-height:180px;background:linear-gradient(to bottom,#a57942 0%,#ffd18c 100%);border-radius:2px;margin:0 16px;align-self:stretch}.galerie-photos.bg_femmes+.galerie-photos.bg_femmes{margin-top:12px;background-color:#dfadc1}@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');:root{--img-radius:8px}nav{width:100%;background:rgb(117,80,15);box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;justify-content:center}.menu{display:flex;justify-content:center;gap:40px;padding:0;margin:0;list-style:none}.menu li{display:inline-block}.menu a{display:block;color:#180f01;text-decoration:none;font-size:1.3em;font-weight:500;padding:18px 0;transition:color .2s;font-family:'Dancing Script',cursive}.menu a:hover{color:#c6a906}body{font-family:Arial,sans-serif;background:linear-gradient(to right,#755010 0%,#a57942 50%,#a16b19 100%);background-color:#920c42;margin:0;padding:0}.header{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:3px;min-height:340px}.header-images{display:flex;flex-direction:row;justify-content:center;align-items:stretch;width:100%;gap:0;overflow:hidden}.header-images img{width:100%;height:220px;min-width:0;object-fit:cover;object-position:center;display:block;aspect-ratio:unset;max-height:220px}@media(max-width:900px){.header-images img{width:50%;max-height:120px}}@media(max-width:600px){.header-images img{max-height:95px}}.title{font-size:2.5em;font-weight:bold;color:#222;text-align:center;letter-spacing:2px}h4{font-family:'Lobster',cursive,fantasy;text-align:center;margin-top:1px;margin-bottom:1px;font-size:2em;letter-spacing:1px}.photo{display:flex;justify-content:center;margin-bottom:24px}.photo img{width:100%;max-width:600px;height:auto;object-fit:cover;aspect-ratio:4/3;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:block;margin:0 auto}.info{margin-top:24px;font-size:1.15em}.info h2{color:#555;margin-bottom:12px}.info p{color:#444;line-height:1.6}.main-images{max-width:850px;margin:40px auto;display:flex;justify-content:center}.main-images img{width:160px;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12);background-color:#061b39;display:block;margin:0 auto}.main-images img[src="vitrine.jpg"],.main-images img[src="mesure-de-cheveux.jpg"]{display:inline-block;vertical-align:top;width:49%;max-width:400px;height:auto;object-fit:contain;background-color:#896322;margin:0 .5%}@media(max-width:600px){.main-images img{width:100px;max-width:100vw;height:auto;aspect-ratio:4/3}.main-images img[src="vitrine.jpg"],.main-images img[src="mesure-de-cheveux.jpg"]{width:100vw;max-width:100vw;aspect-ratio:13/15}}.services-flex{display:flex;gap:0;align-items:flex-start;justify-content:center;margin-top:1px}.horaires-section,.services-description{flex:1 1 0;min-width:220px;padding:0 24px}.separator{width:2px;min-height:180px;background:linear-gradient(to bottom,#755010 0%,#ffd18c 100%);border-radius:2px;margin:0 8px;align-self:stretch}@media(max-width:800px){.services-flex{flex-direction:column}.separator{display:none}.horaires-section,.services-description{padding:0}}.bg_hommes{background:linear-gradient(to right,#755010 0%,#a57942 50%,#ffd18c 100%);-webkit-backdrop-filter:blur(6px) brightness(1.08);backdrop-filter:blur(6px) brightness(1.08);box-shadow:0 8px 32px rgba(80,60,120,.12);border-radius:18px;margin:32px auto;padding:32px 0 24px 0;max-width:1500px}.bg_femmes{background:linear-gradient(to right,#e89cb7 0%,#fce4ec 50%,#b39ddb 100%);-webkit-backdrop-filter:blur(6px) brightness(1.08);backdrop-filter:blur(6px) brightness(1.08);box-shadow:0 8px 32px rgba(80,60,120,.12);border-radius:18px;margin:32px auto;padding:32px 0 24px 0;max-width:1500px}.bg_hommes .hommes-flex,.bg_femmes .femmes-flex{display:flex;align-items:flex-start;justify-content:flex-start;gap:24px;max-width:1400px;margin:0 auto;padding:0 32px}.hommes-flex>div:first-child,.femmes-flex>div:last-child{flex:1 1 0;display:flex;flex-direction:column;gap:18px;min-width:0}.coiffeuse-sylvie{flex:0 0 240px}.coiffeuse-sylvie-img{width:100%;height:auto}.galerie-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;width:100%;margin:0;padding:0 32px 16px 32px;-webkit-backdrop-filter:blur(6px) brightness(1.08);backdrop-filter:blur(6px) brightness(1.08);background:rgba(255,255,255,.18);border-radius:18px;box-shadow:0 8px 32px rgba(80,60,120,.12)}.galerie-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;box-shadow:0 4px 24px rgba(80,60,120,.16),0 1.5px 8px rgba(0,0,0,.10);background:linear-gradient(120deg,#fff 80%,#f8bbd0 100%);display:block;transition:transform .22s cubic-bezier(.4,.2,.2,1),box-shadow .22s;position:relative;z-index:1;filter:brightness(.98) saturate(1.08)}.galerie-photos img:hover{transform:scale(1.045) rotate(-1.5deg);box-shadow:0 8px 32px rgba(80,60,120,.22),0 2px 12px rgba(0,0,0,.18);filter:brightness(1.08) saturate(1.18);z-index:2}.galerie-photos.bg_hommes{padding:32px 32px 18px 32px;background:transparent}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type{grid-template-columns:repeat(5,1fr)}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type img{aspect-ratio:4/3}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type img:nth-child(n+6){display:none}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type+.galerie-photos.bg_hommes{grid-template-columns:repeat(4,1fr)}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type+.galerie-photos.bg_hommes img:nth-child(n+5){display:none}@media(max-width:920px){.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type{grid-template-columns:repeat(4,1fr)}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type+.galerie-photos.bg_hommes{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type{grid-template-columns:repeat(3,1fr)}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type+.galerie-photos.bg_hommes{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type{grid-template-columns:repeat(2,1fr)}.bg_hommes .hommes-flex>div>.galerie-photos.bg_hommes:first-of-type+.galerie-photos.bg_hommes{grid-template-columns:repeat(2,1fr)}}.galerie-photos+.galerie-photos{margin-top:0}@media(max-width:1100px){.galerie-photos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:900px){.bg_hommes .hommes-flex,.bg_femmes .femmes-flex{padding:0 20px;gap:20px}.galerie-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media(max-width:760px){.bg_hommes .hommes-flex,.bg_femmes .femmes-flex{flex-direction:column;align-items:stretch}.separator-hommes,.separator-femmes{display:none}.coiffeuse-sylvie{order:-1;align-self:center}}@media(max-width:560px){.galerie-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}.femmes-flex{display:flex;align-items:flex-start;gap:0;justify-content:center}.coiffeuse-sylvie{text-align:center}.coiffeuse-sylvie-img{max-width:220px;width:100%;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12);margin-bottom:8px}.coiffeuse-sylvie-legende{font-size:1em;color:#333;margin-top:4px}.separator-femmes{width:2px;min-height:180px;background:linear-gradient(to bottom,#755010 0%,#ffd18c 100%);border-radius:2px;margin:0 16px;align-self:stretch}body.a-propos .contact-texte{margin-left:120px;max-width:800px}.contact-texte .container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;max-width:1000px;margin:1.5rem auto;padding:0 1rem}.photo-column{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem}.photo-column .main-portrait{width:100%;height:auto;border-radius:6px;border:1px solid #eee}.photo-column .team-card{flex:0 0 auto;width:90%;max-width:240px}.photo-column .team-card .card-text{padding:.25rem}.contact-texte .about{flex:1 1 60%}.contact-texte .about h1{margin-top:0;color:#222}.contact-texte .about p{line-height:1.6;color:#333}.team-card{flex:0 0 320px;background:#fafafa;border:1px solid #eee;padding:1rem;border-radius:6px;text-align:center}.team-card .portrait{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto .5rem}.team-card h2{margin:.25rem 0}@media(max-width:800px){.contact-texte .container{flex-direction:column}.photo-column{flex-basis:100%;order:0}.contact-texte .about{order:1}.team-card{flex-basis:100%;margin-top:1rem}}body.nous-joindre .contact-texte{margin-left:120px;max-width:800px}body.nous-joindre h1{margin-bottom:8px}.contact-texte{padding:0 24px 56px 24px}.contact-texte h2{margin-top:8px}body.nous-joindre{background-color:rgb(165,136,42)}.mail-link svg{vertical-align:middle}@media(max-width:900px){.header-images img{height:140px;object-position:center}.header-images img:last-child{height:140px;object-position:center -50px}}@media(max-width:600px){.header-images{flex-direction:column}.header-images img{width:100vw;height:100px;object-position:center}.header-images img:last-child{height:100px;object-position:center -25px}}.carriere-section{margin-top:40px}.carriere-annonce{padding:20px;background:#ffe9c6;border-radius:8px;border:1px solid #ffd18c;color:#a66a00;font-size:1.15em;text-align:center}.icon-contact{width:18px;height:18px;vertical-align:middle;object-fit:contain}.icon-tel,.icon-mail{border-radius:3px}.itineraire-center{text-align:center;margin-top:10px}.map-region-iframe{width:100%;height:220px;border:0;border-radius:8px;margin:0 auto}@media(max-width:900px){.logo-banner{aspect-ratio:16/4}}@media(max-width:600px){.logo-banner{aspect-ratio:16/6}}.title{font-size:2.5em;font-weight:bold;color:#222;text-align:center;letter-spacing:2px}h4{font-family:fantasy;text-align:center;margin-top:1px;margin-bottom:1px;font-size:2em;letter-spacing:1px}.photo{display:flex;justify-content:center;margin-bottom:24px}.photo img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.info{margin-top:24px;font-size:1.15em}.info h2{color:#555;margin-bottom:12px}.info p{color:#444;line-height:1.6}.main-images{max-width:850px;margin:40px auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.main-images img{width:160px;height:120px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.main-images img[src="vitrine.jpg"]{width:100%;max-width:400px;height:auto;object-fit:contain;object-position:center}.header-images img:last-child{object-fit:contain;object-position:center;background-color:#091c38}.main-images img[src="mesure-de-cheveux.jpg"]{width:260px;height:300px;object-fit:cover}@media(max-width:600px){.main-images img{width:100px;height:70px}}.bg_hommes{background-color:rgb(165,136,42);margin:0;padding:32px 0}.bg_femmes{background-color:#dbadc0;margin:0;padding:32px 0}.phone-link{margin-left:8px;vertical-align:middle;display:inline-block}.phone-link svg{vertical-align:middle}.mail-link{margin-left:8px;vertical-align:middle;display:inline-block}.mail-link svg{vertical-align:middle}.map-link{margin-left:8px;vertical-align:middle;display:inline-block}.map-link img{vertical-align:middle}@media(max-width:900px){.main-nav .menu{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;padding:0 .5rem .5rem}.main-nav .menu li{list-style:none}}@media(max-width:640px){.main-nav .menu{gap:.4rem .8rem;font-size:.9rem}.main-nav .menu li{flex:1 1 calc(50% - .8rem);text-align:center}.coiffeuse-sylvie,.coiffeuse-sylvie-img{max-width:220px;margin:0 auto}}picture{max-width:100%}body{overflow-x:hidden}.coiffeuse-sylvie-img{width:100%;height:auto}.hommes-flex,.femmes-flex{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:flex-start}@media(max-width:880px){.hommes-flex,.femmes-flex{flex-direction:column;align-items:center}.separator-hommes,.separator-femmes{display:none}}.header-images img[alt*="Façade"]{width:100%;max-width:900px;display:block;margin:0 auto;height:auto}@media(max-width:640px){.header-images img[alt*="Façade"]{max-width:100%}}@media(max-width:500px){main.contact-texte{padding:0 10px}}