{% extends 'base_legal.html.twig' %}

{% block title %}Conditions générales d’utilisation
{% endblock %}

{% block body %}
	<section class="legal-page-classic">
		<div class="container">
			<div class="legal-wrapper-classic">
				<div class="legal-header-classic">
					<span class="legal-badge-classic">Informations légales</span>
					<h1 class="legal-title-classic">Conditions générales d’utilisation</h1>
					<p class="legal-updated-classic">
						Dernière mise à jour :
						{{ "now"|date("d/m/Y") }}
					</p>
				</div>

				<div class="legal-content-classic">
					<p class="legal-intro-classic">
						En accédant au site ICHTAH et en l’utilisant, vous acceptez pleinement les présentes conditions générales d’utilisation. Si vous n’acceptez pas l’un de ces termes, nous vous invitons à ne pas utiliser ce site.
					</p>

					<h2>1. Objet du site</h2>
					<p>
						Le site ICHTAH a pour vocation de présenter nos activités, services, univers artistique et informations institutionnelles. Son contenu est fourni à titre informatif et professionnel.
					</p>

					<h2>2. Utilisation du site</h2>
					<p>
						Vous vous engagez à utiliser ce site de manière légale, responsable et respectueuse. Toute utilisation susceptible de nuire au site, à son image ou à ses utilisateurs est interdite.
					</p>

					<h2>3. Propriété intellectuelle</h2>
					<p>
						L’ensemble des contenus présents sur ce site, incluant notamment les textes, visuels, logos, éléments graphiques, vidéos et identité de marque, est protégé par les droits de propriété intellectuelle et demeure la propriété exclusive d’ICHTAH, sauf mention contraire.
					</p>

					<h2>4. Exactitude des informations</h2>
					<p>
						Nous nous efforçons de fournir des informations fiables et régulièrement mises à jour. Cependant, nous ne garantissons pas l’exactitude, l’exhaustivité ou l’actualité permanente de l’ensemble des contenus publiés.
					</p>

					<h2>5. Liens vers des sites tiers</h2>
					<p>
						Le site peut contenir des liens vers des plateformes ou sites tiers. Ces liens sont fournis à titre de service ou d’information. ICHTAH ne peut être tenu responsable du contenu, des politiques ou des pratiques de ces sites externes.
					</p>

					<h2>6. Limitation de responsabilité</h2>
					<p>
						ICHTAH ne pourra être tenu responsable de tout dommage direct ou indirect résultant de l’utilisation, de l’impossibilité d’utilisation, ou de l’interprétation des contenus du site.
					</p>

					<h2>7. Données transmises par l’utilisateur</h2>
					<p>
						Lorsque vous transmettez des informations via un formulaire ou tout autre moyen disponible sur le site, vous garantissez que ces informations sont exactes, licites et ne portent pas atteinte aux droits de tiers.
					</p>

					<h2>8. Données personnelles</h2>
					<p>
						L’utilisation de ce site peut impliquer la collecte de certaines données personnelles. Le traitement de ces données est encadré par notre Politique de confidentialité.
					</p>

					<h2>9. Modification des conditions</h2>
					<p>
						ICHTAH se réserve le droit de modifier à tout moment les présentes conditions générales. Les changements prennent effet dès leur publication sur cette page.
					</p>

					<h2>10. Droit applicable</h2>
					<p>
						Les présentes conditions sont régies par la législation applicable dans la juridiction compétente. Tout litige relatif à l’utilisation du site sera soumis aux juridictions compétentes.
					</p>

					<h2>11. Contact</h2>
					<p>
						Pour toute question concernant les présentes conditions générales d’utilisation, vous pouvez nous contacter via les coordonnées ou le formulaire de contact disponibles sur le site.
					</p>
				</div>
			</div>
		</div>
	</section>

	<style>
		* {
			box-sizing: border-box;
		}

		html,
		body {
			margin: 0;
			padding: 0;
			background: #000;
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		}

		.container {
			width: 100%;
			max-width: 1180px;
			margin: 0 auto;
			padding: 0 20px;
		}

		.legal-page-classic {
			min-height: 100vh;
			padding: 80px 0;
			background: #000;
		}

		.legal-wrapper-classic {
			max-width: 980px;
			margin: 0 auto;
			padding: 48px 42px;
			background: #111;
			border: 1px solid #2b2b2b;
			border-radius: 18px;
			box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
		}

		.legal-header-classic {
			margin-bottom: 30px;
			padding-bottom: 22px;
			border-bottom: 1px solid #2a2a2a;
		}

		.legal-badge-classic {
			display: inline-block;
			padding: 7px 14px;
			border-radius: 999px;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 1.2px;
			text-transform: uppercase;
			color: #fff;
			background: #1a1a1a;
			border: 1px solid #343434;
			margin-bottom: 18px;
		}

		.legal-title-classic {
			margin: 0 0 10px;
			font-size: 44px;
			line-height: 1.1;
			font-weight: 800;
			color: #fff;
		}

		.legal-updated-classic {
			margin: 0;
			font-size: 14px;
			color: #b8b8b8;
		}

		.legal-content-classic {
			color: #e5e5e5;
		}

		.legal-intro-classic {
			font-size: 17px;
			line-height: 1.9;
			color: #f0f0f0;
			margin-bottom: 24px;
		}

		.legal-content-classic h2 {
			margin-top: 32px;
			margin-bottom: 12px;
			font-size: 24px;
			font-weight: 700;
			color: #fff;
		}

		.legal-content-classic p,
		.legal-content-classic li {
			font-size: 16px;
			line-height: 1.95;
			color: #d7d7d7;
		}

		.legal-content-classic ul {
			margin: 0 0 12px;
			padding-left: 22px;
		}

		.legal-content-classic li {
			margin-bottom: 8px;
		}

		.legal-content-classic strong {
			color: #fff;
		}

		@media(max-width: 991px) {
			.legal-wrapper-classic {
				padding: 34px 26px;
			}

			.legal-title-classic {
				font-size: 34px;
			}
		}

		@media(max-width: 576px) {
			.legal-page-classic {
				padding: 50px 0;
			}

			.legal-wrapper-classic {
				padding: 24px 16px;
				border-radius: 14px;
			}

			.legal-title-classic {
				font-size: 28px;
			}

			.legal-intro-classic,
			.legal-content-classic p,
			.legal-content-classic li {
				font-size: 15px;
			}

			.legal-content-classic h2 {
				font-size: 20px;
			}
		}
	</style>
{% endblock %}