@charset "utf-8";



main{
	background: linear-gradient(
  #000000 0%,
  #E1CE9A 10%,
  #E1CE9A 90%,
  #000000 100%
);
	padding-bottom:4rem;
}

h2{
	text-align: center;
}


.container{
	display : grid;
	grid-template-columns : repeat(auto-fit, minmax(220px, 1fr));
	gap : 30px;
	padding : 40px 60px;
}
.boite{
    background: #FDF1B8;
    border: 1px solid #ddd;
	padding : 20px;
	border-radius : 25px;
	text-align : left;
	box-shadow : 0 4px 10px rgba(0,0,0,0.08);
}

.boite img {
	width : 100%;
	height: 100%;
	display : block;
	border-radius : 20px;
	margin-bottom : 15px;
	object-fit : cover;
    max-height : 650px;
}

.img-wrap {
  background: #ddd;
}

@media (max-width: 1200px) {
  .container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .container { grid-template-columns: 1fr; }
}



.boite h3{
	margin : 0 0 5px;
	font-size : 20px;
}
.boite .poste{
	margin : 0 0 10px;
	font-weight : 600;
	opacity : 0.7;
}
.membre p{
	font-size : 14px;
	line-height : 1.4;
}

.reservation-form-section {
margin-top: 3rem;
background: #2B2B29;
border-radius: 1rem;
padding: 2rem 1.5rem;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

.reservation-form-section h2 {
margin-top: 0;
margin-bottom: 1rem;
color : #fff;
}

.reservation-form {
margin-top: 1rem;
}
.formulaire{
max-width : 1500px;
margin : 0 auto;
padding : 20px;
}
.form-row {
margin-bottom: 1rem;
max-width : 1400px; 
}

.form-row-half {
display: flex;
gap: 1rem;
}

.form-row-half > div {
flex: 1;
}

label {
display: block;
font-size: 0.9rem;
margin-bottom: 0.3rem;
color : #fff;
}

main input,
select,
textarea {
width: 97%;
padding: 0.6rem 0.75rem;
border-radius: 0.5rem;
border: 1px solid #ccd3e0;
font: inherit;
background: #fafdff;
}

input:focus,
select:focus,
textarea:focus {
outline: none;
border-color: #1c7ed6;
box-shadow: 0 0 0 2px rgba(28,126,214,0.15);
}

textarea {
resize: vertical;
}

.btn-primary {
border: none;
padding: 0.7rem 1.4rem;
border-radius: 999px;
background: #1c7ed6;
color: #fff;
font-weight: 600;
cursor: pointer;
margin-top: 0.5rem;
}

.btn-primary:hover {
background: #1864ab;
}

.form-note {
font-size: 0.8rem;
color: #777;
margin-top: 0.5rem;
}


.agency-info {
margin-top: 3rem;
}

.address {
margin-bottom: 1rem;
}

.map-wrapper {
background: #f0f0f0;
border-radius: 1rem;
padding: 1rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.map-wrapper iframe {
width: 100%;
height: 300px;
border-radius: 0.75rem;
}

.map-link {
display: inline-block;
margin-top: 0.5rem;
font-size: 0.85rem;
text-decoration: none;
color: #1c7ed6;
}

.map-link:hover {
text-decoration: underline;
}