@charset "UTF-8";
/*
 * Version mobile / tablette (écrans de moins de 1000 px).
 * Chargée avec media="(max-width: 999px)" APRÈS les autres feuilles : la version desktop n'est pas modifiée.
 */

html, body { overflow-x:hidden; }
body { -webkit-text-size-adjust:100%; }
img { max-width:100%; height:auto; }
div#page { position:relative; }

/* ---------- EN-TÊTE : [identification] [logo] [sac] sur une ligne, dans la hauteur d'origine (176 px) ---------- */
#header-background {
	width:100%; height:auto;
	background-position:center top;
	display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;
}
#header-background > nav { flex:0 0 100%; order:4; }
div#identification, div#panier { float:none; width:calc(50% - 70px); height:176px; text-align:center; overflow:hidden; }
div#logo { float:none; flex:0 0 140px; width:140px; height:176px; }
div#logo a { width:140px; }
.identification-fond, .panier-fond {
	margin:58px auto 0 auto; width:100%; max-width:140px; height:auto; min-height:40px;
	background-size:contain; background-position:center top;
}
.identification-fond img, .panier-fond img { width:30px; height:24px; }
.identification-fond h2, .panier-fond h2 { padding-left:0; font-size:14px; }
.identification-liens, a.achats { padding:0; line-height:1.1em; }
a.identifiez, a.achats, a.deconnexion { font-size:11px; }

/* ---------- MENU ---------- */
header nav, footer nav { height:auto; line-height:40px; padding:0 4px; text-align:center; }
header nav ul, footer nav ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
header nav ul li, footer nav ul li { float:none; }
header nav ul li img, footer nav ul li img { display:none; }
header nav ul li a, footer nav ul li a { padding:0 10px; font-size:19px; }
header nav ul li.twitter, header nav ul li.facebook, footer nav ul li.twitter, footer nav ul li.facebook { display:none; }

/* ---------- CONTENU ---------- */
div#main { width:auto; max-width:100%; margin-bottom:0; padding:0 10px; box-sizing:border-box; }
div#main * { max-width:100%; box-sizing:border-box; }
div#main table { width:100% !important; }
div#main input[type=text], div#main input[type=password], div#main input.champ, div#main select, div#main textarea { width:100% !important; font-size:16px; }
div#main [style*="width"] { max-width:100% !important; }
.spacer img { display:none; }

/* ---------- PIED DE PAGE ---------- */
footer.bas_page { position:static; height:auto; padding-bottom:15px; }
#footer-background { width:auto; padding:0 10px; }
.acces-rapide-boutique, .footer-liens, .footer-liens-facebook, .acces-rapide-partenaires { float:none; width:auto; height:auto; padding:15px 0 0 0; text-align:left; }
.footer-liens ul { height:auto; overflow:hidden; }
.acces-rapide-liens { padding-left:0; line-height:1.8em; }
.retour_haut { display:none; }

/* ---------- BOUTIQUE (liste des produits) ---------- */
ul.liste_produit { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:15px; }
ul.liste_produit li { float:none; width:48%; margin:0 0 20px 0; }
ul.liste_produit li .liste_produit_image { width:100%; height:auto; }
ul.liste_produit li .liste_produit_image img { width:100%; }
ul.liste_produit li .liste_produit_taille { display:none; }
ul.liste_produit li .titre { float:none; width:auto; height:auto; line-height:1.1em; font-size:18px; margin-bottom:4px; }
ul.liste_produit li .prix { float:none; width:auto; display:inline-block; margin:0 0 8px 0; padding:0 6px; }
ul.liste_produit li .descriptif, ul.liste_produit li .rollover { width:100%; height:auto; }
ul.liste_produit li .descriptif img { width:100%; }
ul.liste_produit li .descriptif .rollover { display:none; }

/* ---------- FICHE PRODUIT ---------- */
.zoomPad { float:none; left:0; width:auto !important; height:auto !important; }
.zoomPup, .zoomWindow, .zoomPreload { display:none !important; }
.fiche-produit-image, .fiche-produit-contenu, .fiche-produit-video, .fiche-produit-descriptif1, .fiche-produit-descriptif2 {
	float:none; width:auto; height:auto;
}
.fiche-produit-image { text-align:center; }
.fiche-produit-contenu h1, .fiche-produit-contenu h2.prix { margin-right:0; text-align:center; font-size:40px; }
.fiche-produit-livraison, .fiche-produit-choix, .fiche-produit-infos, .fiche-produit-separation, .fiche-produit-ajouter { float:none; width:auto; margin:10px 0 0 0; text-align:left; }
.fiche-produit-separation { display:none; }
#ajout_produit, #ajout_produit p, #popup-livraison, #popup-paiement, #popup-lavage { width:auto; height:auto; }

/* ---------- IDENTIFICATION / INSCRIPTION : libellé au-dessus du champ ---------- */
td.identification-cellule-gauche2, td.identification-cellule-droite2 { display:block; width:auto !important; height:auto !important; text-align:left !important; padding:2px 6px !important; }
#form_identification table table td { display:block; width:auto !important; height:auto !important; padding:2px 0 !important; }

/* ---------- PAGE L'ESPRIT : image de fond (titres + photos) affichée en entier, texte dessous ---------- */
.esprit-passionnes, .esprit-collection { float:none; width:100%; height:auto; background-size:100% auto; margin-bottom:20px; }
.esprit-passionnes p, .esprit-collection p { padding:0; }
.esprit-passionnes { padding-top:98.75%; } /* 630/638 */
.esprit-collection { padding-top:91.04%; } /* 315/346 */

/* ---------- ACCUEIL : barre de menu basse sur 2 lignes ---------- */
header nav ul, footer nav ul { width:auto; }
header nav, footer nav { overflow:visible; }
header nav ul li a.reduit, header nav ul li img.reduit, footer nav ul li a.reduit, footer nav ul li img.reduit { display:none; }

/* ---------- PAGE D'ACCUEIL (plein écran : diaporama en fond, frise + menu en bas de l'écran) ---------- */
body.page-accueil footer.bas_page { position:absolute; bottom:0; height:auto; padding-bottom:0; }
body.page-accueil #header-background { height:135px; }
body.page-accueil div#identification, body.page-accueil div#panier { height:135px; }
body.page-accueil .identification-fond, body.page-accueil .panier-fond { margin-top:40px; }
body.page-accueil div#logo { height:135px; flex-basis:120px; width:120px; }
body.page-accueil div#identification, body.page-accueil div#panier { width:calc(50% - 60px); }
body.page-accueil .main_fond { height:auto; margin-bottom:0; background:none; }
body.page-accueil div#main { width:100%; padding:0; }
body.page-accueil .presentation { width:100%; left:0; right:auto; }
body.page-accueil .presentation h1 { font-size:42px; margin:30px 10px 15px 10px; line-height:1em; text-shadow:0 1px 4px rgba(0,0,0,.45); }
body.page-accueil #dates-fond { width:100%; }
body.page-accueil .footer-liens { width:auto; }
body.page-accueil .footer-liens-fond { height:auto; }
body.page-accueil div#page { position:absolute; top:0; left:0; min-height:100%; }
body.page-accueil .grecaptcha-badge { bottom:150px !important; }

/* ---------- PIED DE PAGE (mobile) : liens en pastilles, sans séparateurs « | » ---------- */
footer.bas_page h2 { text-align:center; padding-left:0 !important; }
footer.bas_page h2 img { max-width:40px; vertical-align:middle; }
.acces-rapide-boutique { overflow:hidden; }
.acces-rapide-boutique ul { float:left; width:50%; padding-left:0 !important; padding-top:12px; box-sizing:border-box; }
.acces-rapide-boutique ul li { padding-bottom:8px; font-size:13px; }
.acces-rapide-liens, .acces-rapide-partenaires-liste { clear:both; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:15px 0 0 0 !important; }
.acces-rapide-liens .sep, .acces-rapide-partenaires-liste .sep { display:none; }
.acces-rapide-liens a, .acces-rapide-partenaires-liste a {
	display:inline-block; padding:6px 10px; font-size:12px !important; line-height:1.3;
	border:1px solid rgba(255,255,255,.25); border-radius:3px; text-align:center;
}
.acces-rapide-liens .credit { flex:0 0 100%; text-align:center; font-size:11px; opacity:.8; padding-top:4px; }
.acces-rapide-liens .credit a { border:0; padding:0; font-size:11px !important; }