:root {
	--primary-color: #175C56; /* bleu-vert marine */
	--secondary-color: #E0DED3; /* beige/gris clair */
	--third-color: #216b6e;
	--accent-color: #1D7D72; /* bleu-vert accent */
	--text-color: #333;
	--font-lato: 'Lato', sans-serif;
	--font-che: 'CheGuevara', sans-serif;
}
body {
	margin: 0;
	font-family: var(--font-lato);
	color: var(--text-color);
	background: #fff;
}
header {
    background: radial-gradient(ellipse at bottom, #b9b7a9 0%, #939183 100%);
}
.header_top {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_top .logo{
	max-width:220px;
}
.header_top .logo img{
	width:100%;
}
.logo img{
	max-width:100%;
}
header h1 {
	font-family: var(--font-che);
	font-size: 1.3rem;
	padding: 90px 0 40px;
	margin:0;
}
section.git{
	background:#035369;
	color:#FFF;
	text-align:center;
}
section.git h2{
	font-size:2.4rem;
}
section.git p{
	font-size:1.4rem;
}

section {
	position:relative;
	display:block;
	padding: 60px 0;
	width:100%;
}

section.section-light {
	display: flex;
	background: var(--third-color);
	padding: 0;
}
section.section-light .img_left {
	width: 50%;
}
section.section-light .content_right {
    width: 40%;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center; /* centre verticalement */
  	height: 100%; /* s’adapte à la hauteur de la section */
    padding: 10%;
    text-align: center;
    color: #FFF !important;
}
section.content_align{
	width:96%;
	max-width:1600px;
	margin:0 auto;
	padding:10px 0 0 0;
}
section.section-light .img_left img {
	width: 100%;
	display: block;
}
.wai{max-width:650px;}
img.wai{
	width:90%;
	margin:30px auto 0 auto;
}
form {
	max-width: 400px;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
input, textarea {
	position:relative;
	padding: 1rem;
	margin-top:10px;
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 1rem;
}
button{
	position:relative;
	border-left:0;
	border-right:0;
	margin-top:20px;
	max-width: 40px;
	width:100%;
}
footer {
	background: linear-gradient(45deg, #b9b7a9 0%, #939183 100%);
	color: #fff;
	text-align: center;
	padding: 20px;
}
footer a{
	color:#FFF;
	text-decoration:none;
}

.errors {
    background: #ffe0e0;
    color: #b30000;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    list-style: none;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInError 0.5s forwards;
}
.errors li {
    margin-bottom: 5px;
}
@media (max-width: 768px) {
	.product-grid {
		flex-direction: column;
		align-items: center;
	}
	.section.section-light {
		flex-direction: column;
	}
	.section.section-light .img_left,
	.section.section-light .content_right {
		width: 100%;
	}
	.logo img{
		max-width:150px;
	}
	header h1 {
		padding: 50px 0 40px;
		font-size:1rem;
	}

}