#conteneur_webcam{
	max-width:1200px;
	margin:0 auto;
	padding:5px 20px 34px;
	box-sizing:border-box;
}

.lg-webcam-panel{
	background:linear-gradient(to bottom,#ffffff 0%,#fcfaf6 100%);
	border:1px solid #eadfc7;
	border-radius:18px;
	box-shadow:
		0 14px 30px rgba(88,68,28,.07),
		0 2px 8px rgba(88,68,28,.04);
	box-sizing:border-box;
}

.lg-webcam-hero{
	display:grid;
	grid-template-columns:minmax(280px, 440px) minmax(0, 1fr);
	gap:28px;
	align-items:start;
	padding:22px;
	margin-bottom:18px;
	overflow:hidden;
}

.lg-webcam-media{
	min-width:0;
}

.lg-webcam-shot{
	position:relative;
	margin:0;
	border-radius:20px;
	overflow:hidden;
	background:#eee4cf;
	box-shadow:0 20px 42px rgba(38,27,12,.16);
}

.lg-webcam-shot img{
	display:block;
	width:100%;
	height:auto;
	object-fit:contain;
}

.lg-webcam-shot::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:linear-gradient(
		to top,
		rgba(20,16,11,.42) 0%,
		rgba(20,16,11,.10) 36%,
		rgba(20,16,11,0) 68%
	);
}

.lg-webcam-shot figcaption{
	position:absolute;
	left:16px;
	right:16px;
	bottom:14px;
	z-index:2;
	margin:0;
	color:#fff;
	font-size:13px;
	line-height:1.4;
	text-shadow:0 1px 4px rgba(0,0,0,.35);
}

.lg-webcam-badge{
	position:absolute;
	top:14px;
	left:14px;
	z-index:3;
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:7px 11px;
	border-radius:999px;
	background:rgba(255,255,255,.92);
	border:1px solid rgba(255,255,255,.45);
	color:#6e4f18;
	font-size:12px;
	font-weight:700;
	box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.lg-webcam-badge::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:#c7902d;
	box-shadow:0 0 0 3px rgba(199,144,45,.16);
}

.lg-webcam-placeholder{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:560px;
	padding:26px;
	box-sizing:border-box;
	text-align:center;
	background:
		radial-gradient(circle at 30% 20%, rgba(255,255,255,.75), transparent 34%),
		linear-gradient(145deg,#efe1bf 0%,#d7bb7a 46%,#9f7330 100%);
	color:#fff;
}

.lg-webcam-placeholder span{
	font-size:13px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	opacity:.9;
}

.lg-webcam-placeholder strong{
	margin-top:7px;
	font-size:30px;
	line-height:1.1;
	text-shadow:0 2px 10px rgba(0,0,0,.22);
}

.lg-webcam-placeholder small{
	margin-top:10px;
	padding:6px 10px;
	border-radius:999px;
	background:rgba(0,0,0,.22);
	font-size:12px;
}

.lg-webcam-copy{
	min-width:0;
	padding:6px 4px;
}

.lg-webcam-eyebrow{
	margin:0 0 10px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:#9a7337;
}

.lg-webcam-copy h1{
	margin:0;
	max-width:660px;
	font-size:42px;
	line-height:1.04;
	letter-spacing:-.035em;
	color:#211a12;
}

.lg-webcam-lead{
	max-width:680px;
	margin:16px 0 0;
	font-size:17px;
	line-height:1.65;
	color:#5f523f;
}

.lg-webcam-text{
	max-width:680px;
	margin:12px 0 0;
	font-size:15px;
	line-height:1.7;
	color:#6a5c48;
}

.lg-webcam-actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin-top:20px;
}

.lg-webcam-btn,
.lg-webcam-mini-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 16px;
	border-radius:999px;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	box-sizing:border-box;
	transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.lg-webcam-btn:hover,
.lg-webcam-mini-cta:hover{
	transform:translateY(-1px);
	text-decoration:none;
}

.lg-webcam-btn--primary{
	background:linear-gradient(180deg,#c79a41 0%,#a87820 100%);
	color:#fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 3px 7px rgba(120,84,26,.18);
}

.lg-webcam-btn--primary:hover{
	color:#fff;
	background:linear-gradient(180deg,#cf9f45 0%,#ae7d22 100%);
}

.lg-webcam-btn--secondary{
	border:1px solid #dccba6;
	background:#f6f0e3;
	color:#6a4b17;
}

.lg-webcam-btn--secondary:hover{
	background:#efe4cc;
	color:#6a4b17;
}

.lg-webcam-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:20px;
}

.lg-webcam-tags a{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 10px;
	border-radius:999px;
	background:#fff8eb;
	border:1px solid #ead8b4;
	color:#7c6131;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	transition:all .16s ease;
}

.lg-webcam-tags a:hover{
	background:linear-gradient(180deg,#31588d 0%,#1f3f68 100%);
	border-color:#1f3f68;
	color:#fff;
	transform:translateY(-1px);
}

.lg-webcam-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 350px;
	gap:18px;
	align-items:stretch;
	margin-bottom:18px;
}

.lg-webcam-story,
.lg-webcam-side,
.lg-webcam-seo{
	padding:20px;
}

.lg-webcam-story h2,
.lg-webcam-side h2,
.lg-webcam-seo h2{
	margin:0 0 10px;
	font-size:24px;
	line-height:1.15;
	letter-spacing:-.02em;
	color:#211a12;
}

.lg-webcam-story p,
.lg-webcam-side p,
.lg-webcam-seo p{
	margin:0 0 12px;
	font-size:15px;
	line-height:1.7;
	color:#5f523f;
}

.lg-webcam-theme-block{
	margin-top:18px;
	padding-top:16px;
	border-top:1px solid #eadfc7;
}

.lg-webcam-theme-block h3{
	margin:0 0 12px;
	font-size:18px;
	line-height:1.2;
	color:#302111;
}

.lg-webcam-theme-links{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
}

.lg-webcam-theme-links a{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 12px;
	border-radius:999px;
	background:#fff;
	border:1px solid #e1d2b3;
	color:#6b4b17;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	transition:all .16s ease;
}

.lg-webcam-theme-links a:hover{
	border-color:#c89b3c;
	background:#fbf3e2;
	text-decoration:none;
}

.lg-webcam-side{
	background:linear-gradient(180deg,#fffdf8 0%,#f8f1e3 100%);
}

.lg-webcam-list{
	margin:14px 0 18px;
	padding:0;
	list-style:none;
}

.lg-webcam-list li{
	position:relative;
	margin:0 0 10px;
	padding:11px 12px 11px 34px;
	border-radius:14px;
	background:#fff;
	border:1px solid #eadfc7;
	color:#5f523f;
	font-size:14px;
	line-height:1.45;
}

.lg-webcam-list li::before{
	content:"";
	position:absolute;
	left:14px;
	top:17px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#c7902d;
}

.lg-webcam-mini-cta{
	width:100%;
	background:linear-gradient(180deg,#c79a41 0%,#a87820 100%);
	color:#fff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 3px 7px rgba(120,84,26,.18);
}

.lg-webcam-mini-cta:hover{
	color:#fff;
	background:linear-gradient(180deg,#cf9f45 0%,#ae7d22 100%);
}

.lg-webcam-seo{
	margin-bottom:0;
}

.lg-webcam-seo p{
	max-width:880px;
	margin-bottom:0;
}

@media (max-width: 980px){
	.lg-webcam-hero,
	.lg-webcam-grid{
		grid-template-columns:1fr;
	}

	.lg-webcam-copy h1{
		font-size:34px;
	}

	.lg-webcam-shot{
		max-width:520px;
		margin:0 auto;
	}
}

@media (max-width: 560px){
	#conteneur_webcam{
		padding:10px 12px 28px;
	}

	.lg-webcam-hero,
	.lg-webcam-story,
	.lg-webcam-side,
	.lg-webcam-seo{
		padding:16px;
		border-radius:16px;
	}

	.lg-webcam-copy h1{
		font-size:29px;
	}

	.lg-webcam-lead{
		font-size:15px;
	}

	.lg-webcam-actions{
		align-items:stretch;
	}

	.lg-webcam-btn{
		width:100%;
	}

	.lg-webcam-placeholder{
		min-height:420px;
	}
}