/* ===== Montserrat ===== */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* Tu peux ajouter Light, SemiBold, ExtraBold etc. de la même manière */


/* ===== Orkney ===== */
@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_regular.woff2') format('woff2'),
       url('../fonts/orkney/orkney_regular.woff') format('woff'),
       url('../fonts/orkney/orkney_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_regular_italic.woff2') format('woff2'),
       url('../fonts/orkney/orkney_regular_italic.woff') format('woff'),
       url('../fonts/orkney/orkney_regular_italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_medium.woff2') format('woff2'),
       url('../fonts/orkney/orkney_medium.woff') format('woff'),
       url('../fonts/orkney/orkney_medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_medium_italic.woff2') format('woff2'),
       url('../fonts/orkney/orkney_medium_italic.woff') format('woff'),
       url('../fonts/orkney/orkney_medium_italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_light.woff2') format('woff2'),
       url('../fonts/orkney/orkney_light.woff') format('woff'),
       url('../fonts/orkney/orkney_light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Orkney';
  src: url('../fonts/orkney/orkney_light_Italic.woff2') format('woff2'),
       url('../fonts/orkney/orkney_light_Italic.woff') format('woff'),
       url('../fonts/orkney/orkney_light_Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* ===== Couleurs de marque ===== */
:root {
  --vert-fonce: #00853E;        /* R=0 V=133 B=62 */
  --vert-fonce-hover: #006B32;
  --vert-fonce-light: rgba(0, 133, 62, .5);
}

/* ===== Usage global ===== */
body {
  font-family: 'Montserrat', 'Orkney', sans-serif;
  line-height: 1.5;
}
button.btn{
	color: white;
	background-color: var(--vert-fonce);
	padding: 12px 32px;
	font-size: 1.1rem !important;
	font-weight: 500;
}
button.btn:hover{
	background-color: var(--vert-fonce-hover);
	color: white;
}
/* Bandeau sur fond blanc : le logo 2026 comporte des elements verts
   (pin, date, #Libramont) qui disparaitraient sur un aplat vert. */
.main-banner {
  background-color: #ffffff;
  text-align: left;
  color: var(--vert-fonce);
  padding-top: 15px;
  border-bottom: 6px solid var(--vert-fonce);
  font-family: 'Montserrat', 'Orkney', sans-serif;
}

.main-banner .logo{
	float:left;	
	width:350px;
	max-width:100%;
	height:auto;
}
.main-banner .date{
	font-size: 1.5rem !important;
	font-weight: 600;
	margin-bottom: 0;
}
.main-banner .location{
	font-size: 1.2rem !important;
	font-weight: 400;
	color: #333;
	padding-bottom: 20px;
}

.section-about p{
	font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-shadow: 1px 1px 3px white;
}
.section-about {
	position: relative;
	overflow: hidden;
}
.section-about::before {
  	content: "";
  	position: absolute;
  	top: 0; 
  	left: 0; 
  	right: 0; 
  	bottom: 0;
  	background-image: url("../img/bg-image.jpg");
  	background-repeat: no-repeat;
  	background-position: bottom center;  /* centré horizontalement et collé en bas */
  	background-size: cover;    
  	opacity: 0.2;      /* ici tu règles la transparence */
  	z-index: -1;       /* pour que ça reste derrière le contenu */
  	filter: grayscale(100%);   /* met l’image en noir et blanc */
}

.section {
  padding: 60px 0;
}
.section-title {
  margin-bottom: 40px;
  text-align: center;
  font-family: "Montserrat", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    
    line-height: 50px;
    text-shadow: 0px 0px 50px #FFFFFF;
    color: var(--vert-fonce);
}
.card{
	font-family: "Montserrat", Sans-serif;
	box-shadow: 0 2px 8px -2px hsla(0, 0%, 9%, .08), 0 8px 12px -2px hsla(0, 0%, 9%, .16);
	border-radius: 8px;
}
.card img {
  width: 100%;
  height: auto;
  max-height:348px;
  object-fit: cover;
}
.card .card-title{
	color: var(--vert-fonce);
	font-weight: 600;
}
.card .card-fonction{
	color: var(--vert-fonce-hover);
	font-weight: 400;
}
.card .card-text{
	color:#181818;
	font-weight: 300;
}
.partners-logos img {
  max-height: 150px;
  margin: 20px 50px;
}
footer {
  background-color: #f8f9fa;
  padding: 40px 0;
  border-top: 1px solid #ddd;
}

.event-infos {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
  text-align: center;
  font-family: "Montserrat", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-shadow: 1px 1px 3px white;
}
.event-infos li {
  margin-bottom: 6px;
}
.event-infos strong {
  color: var(--vert-fonce);
  font-weight: 600;
}

/* ===== Formulaire d'inscription (modale) ===== */
#modal-inscription .modal-content {
  border: 0;
  border-top: 6px solid var(--vert-fonce);
  border-radius: 8px;
}
#modal-inscription .modal-header {
  border-bottom: 1px solid #e9ecef;
}
#modal-inscription .modal-title {
  font-family: "Montserrat", Sans-serif;
  font-weight: 600;
  color: var(--vert-fonce);
}
#modal-inscription label {
  font-size: .85rem;
  font-weight: 600;
  margin-bottom: 4px;
}
#modal-inscription .form-control:focus {
  border-color: var(--vert-fonce);
  box-shadow: 0 0 0 .2rem rgba(0, 133, 62, .2);
}
.obligatoire { color: var(--vert-fonce); }
.mention-champs {
  font-size: .78rem;
  color: #6c757d;
  margin-bottom: 12px;
}
button.btn-inscription {
  width: 100%;
  margin-top: 4px;
}
button.btn-inscription:disabled {
  opacity: .7;
  cursor: default;
}

/* Piege a robots : invisible a l'ecran, ignore par les lecteurs d'ecran */
.champ-piege {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.ins-message {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: .9rem;
}
.ins-message--succes {
  background: #eaf5ee;
  color: #1b6b3f;
}
.ins-message--erreur {
  background: #fdecea;
  color: #a4262c;
}