@charset "UTF-8";
/*
 * Version mobile simple (migration 2026-11)
 * Feuille chargée UNIQUEMENT sur les écrans de 760 px de large ou moins
 * (<link ... media="screen and (max-width: 760px)">) : la version desktop n'est pas modifiée.
 * Principe : la mise en page fixe (1000 px, tableaux) passe en une colonne fluide.
 */

html, body {
	min-width: 0 !important;
	width: auto !important;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* Conteneurs principaux : pleine largeur de l'écran */
#container, #fond_1, #fond_2, #conteneur, #conteneur2,
#header, #mon_menu, #footer,
#contenu_accueil, #contenu_accueil_ecommerce, #contenu_normal {
	width: auto !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
}

/* Tout le contenu : une seule colonne, plus de largeurs ni de hauteurs fixes */
#conteneur div, #conteneur2 div,
#conteneur table, #conteneur2 table,
#conteneur form, #conteneur2 form {
	width: auto !important;
	max-width: 100% !important;
	float: none !important;
	height: auto !important;
	min-height: 0 !important;
	box-sizing: border-box;
}
#conteneur td, #conteneur2 td, #conteneur th, #conteneur2 th {
	max-width: 100% !important;
	box-sizing: border-box;
}
/* Tableaux de mise en page : cellules empilées */
#conteneur table, #conteneur2 table,
#conteneur tbody, #conteneur2 tbody,
#conteneur tr, #conteneur2 tr,
#conteneur td, #conteneur2 td {
	display: block;
	width: auto !important;
	height: auto !important;
}
#conteneur img, #conteneur2 img, #conteneur iframe, #conteneur2 iframe, #conteneur object, #conteneur2 object {
	max-width: 100% !important;
	height: auto !important;
}

/* En-tête : logo + liens, sans le bandeau à carte d'image (coordonnées fixes inutilisables en mobile) */
#header .header_haut { height: auto !important; padding: 8px 10px; }
#header .header_haut .header_haut_gauche,
#header .header_haut .header_haut_droite { width: auto !important; text-align: center; }
#header .header_haut .header_haut_gauche a.logo { display: block; margin: 0 auto; background-size: contain; background-position: center; min-height: 70px; }
#header .header_haut_droite_liens, #header .header_haut_droite_liens_marge { padding: 6px 0 !important; text-align: center; line-height: 2; }
#header .header_bas { display: none !important; }

/* Menu principal : liens en grille lisible au doigt */
#mon_menu { height: auto !important; padding: 6px 4px; text-align: center; }
#mon_menu ul { margin: 0; padding: 0; }
#mon_menu li { display: inline-block; float: none !important; margin: 2px; }
#mon_menu a { display: inline-block; padding: 8px 10px; }

/* Textes et marges */
#conteneur p, #conteneur2 p { padding-left: 0 !important; padding-right: 0 !important; }
#conteneur [style*="padding-left"], #conteneur2 [style*="padding-left"] { padding-left: 8px !important; }
#conteneur [style*="width"], #conteneur2 [style*="width"] { width: auto !important; }

/* Formulaires : champs pleine largeur, taille de police suffisante (pas de zoom forcé sur iOS) */
#conteneur input[type="text"], #conteneur2 input[type="text"],
#conteneur input[type="email"], #conteneur2 input[type="email"],
#conteneur input[type="password"], #conteneur2 input[type="password"],
#conteneur select, #conteneur2 select,
#conteneur textarea, #conteneur2 textarea {
	width: 100% !important;
	max-width: 100% !important;
	font-size: 16px;
	box-sizing: border-box;
}

/* Pied de page */
#footer { height: auto !important; padding: 10px; text-align: center; }
#footer a { display: inline-block; padding: 4px 6px; }

/* --- Ajustements après contrôle visuel --- */

/* Images d'espacement transparentes (1x1) : inutiles en mobile, elles créaient de grands vides */
#conteneur img[src*="fond_fenetre.gif"], #conteneur2 img[src*="fond_fenetre.gif"] { display: none !important; }

/* Menu : coins arrondis décoratifs masqués */
#mon_menu img[src*="menu_gauche"], #mon_menu img[src*="menu_droite"] { display: none !important; }
#mon_menu li:has(> img[src*="menu_gauche"]), #mon_menu li:has(> img[src*="menu_droite"]) { display: none !important; }

/* En-tête : le logo (dans l'image de fond) en haut, les liens dessous sur un bandeau */
#header { background-position: left top !important; background-color: #3f84b1; }
#header .header_haut { padding: 0 !important; }
#header .header_haut .header_haut_gauche { height: 112px !important; }
#header .header_haut .header_haut_gauche a.logo { width: 130px !important; height: 112px !important; min-height: 0; margin: 0 0 0 20px; }
#header .header_haut .header_haut_droite { background: #2b6c94; padding: 4px 6px !important; }
#header .header_haut_droite_liens a { display: inline-block; padding: 4px 2px; }

/* Retraits horizontaux trop grands pour un écran étroit */
.id_shirts_normal_contenu_droite_marge,
.actualite_ecommerce_accueil_infos { padding-left: 10px !important; padding-right: 10px !important; }
/* fil d'Ariane : garder la place du libellé « Vous êtes ici : » (image de fond) */
.id_shirts_normal_contenu_gauche_marge { padding-left: 136px !important; padding-right: 6px !important; }
#conteneur td, #conteneur2 td { text-align: left !important; }
#contenu_accueil, #contenu_normal, .id_shirts_contenu { padding-left: 8px !important; padding-right: 8px !important; }
#conteneur div, #conteneur2 div { margin-left: 0 !important; margin-right: 0 !important; }

/* Catalogue : 2 produits par ligne au lieu d'une colonne */
#conteneur td.id_shirts_catalogue_vierge, #conteneur2 td.id_shirts_catalogue_vierge {
	display: inline-block !important;
	width: calc(50% - 6px) !important;
	vertical-align: top;
	margin: 0 2px 8px !important;
}
#conteneur td.id_shirts_catalogue_vierge div[style*="padding-left"], #conteneur2 td.id_shirts_catalogue_vierge div[style*="padding-left"] { padding-left: 0 !important; }

/* Champs de formulaire : la largeur 100 % l'emporte sur les styles en ligne (ex. width:500px) */
#conteneur textarea[style], #conteneur2 textarea[style], #conteneur input[style], #conteneur2 input[style], #conteneur select[style], #conteneur2 select[style] { width: 100% !important; }
#conteneur input[type="image"], #conteneur2 input[type="image"], #conteneur input[type="submit"], #conteneur2 input[type="submit"] { width: auto !important; }

/* Pied de page compact */
#footer { background-image: none !important; background-color: #6aa9c9; }
#footer #footer_marge { padding-top: 10px !important; }

/* Catalogue : le nom du produit sous le badge de prix */
.id_shirts_catalogue_vierge_nom { padding-top: 26px !important; }