*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	--bg-color: #121212;
	--text-color: #e0e0e0;
	--muted-color: #cdbee7;
	--accent-color: #ffffff;
	--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

}

body {
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: var(--font-family);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	padding: 0 2rem;
}

/* Container principal */
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
}

/* En-tête / Navigation */
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.5rem 0;
}

.brand {
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--accent-color);
	text-decoration: none;
}

.brand2 {
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--accent-color);
	text-decoration:underline dotted;
}

nav ul {
	display: flex;
	list-style: none;
	gap: 2rem;
}

nav a {
	color: var(--muted-color);
	text-decoration: none;
	font-size: 0.9rem;
	letter-spacing: 0.05em;
	transition: color 0.2s ease;
}

nav a:hover, nav a.active {
	color: var(--accent-color);
}

/* Section d'introduction */
.mainSec {
	padding: 2rem 0 2rem 0;
	max-width: 100%;
}

.mainSec h1 {
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 300;
	line-height: 1.0;
	color: var(--accent-color);
	margin-bottom: 1.0rem;
	letter-spacing: -0.02em;
}

.mainSec p {
	font-size: 1.1rem;
	color: var(--muted-color);
	font-weight: 300;
	max-width: 600px;
}

/* Séparateur discret avant la section albums */
.divider {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.08);
	margin-top: 2rem;
}

/* Mobile */
@media (max-width: 600px) {
	body {
		padding: 0 1.25rem;
	}

	header {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.5rem;
		padding: 1.5rem 0;
	}

	.mainSec {
		padding: 3rem 0 2rem 0;
	}
}
.row-st-wrapper {
	width:100%;
	background-color:#c9b1e5;
}
.row-st1 {
	width:100%;
	background-color:white;
	border-color:white; border-style:solid;
}

#wrapper1 .logo-grid { display: table; width:100%; padding:0px;}
#wrapper1 .logo-wrapper {
  padding:0px;
  background-color:white;
  <!-- max-width: calc(10% - 25.0px); -->
  vertical-align: middle;
  display: table-cell;
}

#wrapper1 .grid_logo { max-height:75px; }

.row-block {
	width:100%;
	background-image: linear-gradient(rgba(80, 51, 110, 1), rgba(50, 21, 100, 10)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;}

img {
	overflow-clip-margin: content-box;
	overflow: clip;
}