@charset "utf-8";
/*
 * Version mobile / tablette — décontamiante
 * Chargée uniquement sous 1020px (media="only screen and (max-width: 1019px)" dans header.php).
 * La version desktop (>= 1020px) n'est pas concernée par ce fichier.
 */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: hidden; padding-bottom: 70px; }
img { max-width: 100%; height: auto; }

div#conteneur { width: auto; }

/* ---------- En-tête ---------- */
div#header {
	width: auto;
	height: auto;
	background: #c4171b;
}
div#header a.logo {
	position: static;
	width: 100%;
	height: 0;
	padding-bottom: 15%; /* ratio de l'image 1000x150 */
	background: url(../images/decontamiante_header.jpg) no-repeat left top;
	background-size: 100% auto;
}
div#header ul#menu {
	margin: 0;
	padding: 6px 6px 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	background: #9e1215;
}
div#header ul#menu li { float: none; }
div#header ul#menu li img { display: none; }
div#header ul#menu li:has(img) { display: none; }
div#header ul#menu li a,
div#header ul#menu li a.menu_selection {
	font-size: 14px;
	padding: 9px 12px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .25);
	color: #ffffff;
}
div#header ul#menu li a.menu_selection { background: #000000; }

/* ---------- Contenu ---------- */
div#contenu_accueil,
div#contenu_qui_sommes_nous,
div#contenu_pourquoi_qualibat,
div#contenu_notre_offre,
div#contenu_vos_questions {
	width: auto;
	height: auto;
	background: #1e1e1e;
	font-size: 15px;
	line-height: 1.5;
	overflow: hidden;
}
.contenu_gauche,
.contenu_gauche2 {
	float: none;
	width: auto;
	text-align: left;
}
.contenu_gauche_marge,
.contenu_gauche_marge2,
.contenu_gauche_marge3,
.contenu_gauche_marge4 {
	padding: 18px 16px;
}
h1 { font-size: 17px; line-height: 1.35; }
h2 { font-size: 15px; }
.fil_ariane, .fil_ariane a { font-size: 12px; }
ul.liste { padding-left: 10px; }
ul.liste li { font-size: 15px; margin-bottom: 4px; }

/* Bouton "Nous contacter" (sur desktop il est intégré à l'image de fond) */
.contenu_droite,
.contenu_droite2 {
	width: auto;
	padding: 0 16px 20px;
	text-align: center;
}
.contenu_droite_marge { padding: 0; }
a.nous_contact {
	position: static;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 12px 28px;
	text-indent: 0;
	background: #c4171b;
	color: #ffffff;
	font: bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-radius: 24px;
}

/* Tableaux et blocs à largeur fixe */
table { max-width: 100%; }
div#contenu_accueil table,
div#contenu_qui_sommes_nous table,
div#contenu_pourquoi_qualibat table,
div#contenu_notre_offre table,
div#contenu_vos_questions table { width: 100% !important; }
iframe { max-width: 100%; }
#evaluation, #bilan, #plan_retrait, #acceptation_prealable, #travaux,
#tunnel, #depollution, #bordereau, #analyses, #adr {
	width: auto !important;
	max-width: 90vw;
	overflow-x: auto;
}
#facebox { left: 5% !important; width: 90% !important; }
#facebox .popup, #facebox table, #facebox .body { width: 100% !important; box-sizing: border-box; }
p.le_lien { width: auto; }

/* Formulaire de contact : une colonne */
form[name="formulaire"] table,
form[name="formulaire"] tbody,
form[name="formulaire"] tr,
form[name="formulaire"] td {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}
form[name="formulaire"] td { padding: 2px 0; font-size: 13px !important; }
form[name="formulaire"] tr { margin-bottom: 8px; }
input.contact, textarea.contact, select.contact {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 16px; /* évite le zoom auto sur iOS */
	padding: 8px;
}
input[type="submit"].contact {
	width: auto !important;
	padding: 10px 30px;
	background: #c4171b;
	color: #ffffff;
	border: 0;
	border-radius: 4px;
	font-weight: bold;
}

/* ---------- Pied de page ---------- */
div#footer {
	width: auto;
	height: auto;
	background: #c4171b;
	padding-bottom: 20px;
}
div#footer > div[style] { padding-top: 0 !important; }
div#footer_accueil {
	width: auto;
	height: auto;
	padding: 10px 0;
}
div#footer_accueil ul#coordonnees { padding: 0; }
div#footer_accueil ul#coordonnees li { display: block; line-height: 1.8; font-size: 15px; }
div#footer_accueil ul#coordonnees li:has(img) { display: none; }
div#footer_accueil ul#coordonnees li img { display: none; }

.footer_qui_sommes_nous_droite,
.footer_pourquoi_qualibat_droite,
.footer_notre_offre_droite {
	float: none;
	width: auto;
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
}
.footer_qui_sommes_nous_droite_marge,
.footer_pourquoi_qualibat_droite_marge,
.footer_notre_offre_droite_marge { padding: 16px; }
.footer_qui_sommes_nous_gauche,
.footer_pourquoi_qualibat_gauche,
.footer_notre_offre_gauche { width: auto; padding-top: 10px; }

/* Carrousel photos : 2 vignettes visibles */
div#footer .jcarousel-skin-tango .jcarousel-container-horizontal { width: 291px !important; margin: 0 auto; }
div#footer .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 252px !important; margin: 0 auto; }

div#footer ul#menu_footer,
div#footer ul#menu_footer2 {
	padding: 10px 12px 0;
	line-height: 2;
}
div#footer ul#menu_footer li img,
div#footer ul#menu_footer2 li img { display: none; }
div#footer ul#menu_footer li:has(img),
div#footer ul#menu_footer2 li:has(img) { display: none; }
div#footer ul#menu_footer li a,
div#footer ul#menu_footer2 li a { display: inline-block; padding: 2px 8px; }
div#footer ul#menu_footer2 li a { font-weight: normal; font-size: 12px; }

/* Bouton d'appel (masqué sur desktop par son style en ligne) */
a.mobile_appel {
	display: block !important;
	position: fixed;
	right: 14px;
	bottom: 14px;
	z-index: 800;
	padding: 12px 18px;
	background: #000000;
	color: #ffffff;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-radius: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}