#presentation p {
	font-weight: normal;
	text-align: justify;
}

#modeles {
	font-family:'Baloo2', Helvetica, Arial, sans serif;
	width:80%;
	margin: 0px 13%;
	font-size: 15px;
	line-height: 22px;
	float: left;
}
.vert {
	font-weight: bold;
	color: #26aa92;
}
.decalage {
	margin-left: 40px;
}

.filters {
	margin-bottom: 20px;
	text-align: center;
}

.filters select {
	padding: 10px;
	margin: 5px;
	border-radius: 5px;
	border: 1px solid #DA0710;
	cursor: pointer;
	height: 38px;
}

#resultats h3 {
	font-size: 1.2em;
	margin-top: 20px;
}

p {
	font-size: 1.05em;
	color: #26aa92;
	font-weight: bold;
}
#presentation .decalage a {
	text-decoration: none;
	color: #26aa92;
	font-weight: bold;
	z-index: 1000;
	pointer-events: auto!important;
}
#presentation .decalage a:hover {
	text-decoration: underline;
}
.fichier-list {
	list-style: none;
	padding: 0;
	margin-right: 7%;
}

.fichier-item {
	display: flex;
	flex-direction: column;
	/*Organisation verticale*/
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 5px;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Afficher l'élément de la liste */
.fichier-item.visible {
	opacity: 1;
	transform: translateY(0);
	padding-bottom: 16px;
}

.fichier-item a {
	text-decoration: none;
	color: #007bff;
	font-weight: bold;
}

.fichier-descriptif {
	font-size: 0.9em;
	color: #666;
	margin-top: 5px;
	font-weight: normal;
	max-width: 75%;
}

.fichier-prix-container {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 5px;
	width: 25%;
}

.fichier-prix {
	font-weight: bold;
	color: #333;
	font-size: 20px;
	margin-right: 15px;
	margin-top: -52px;
}

.fichier-item button {
	font-family: "Baloo2", helvetica, arial, sans-serif;
	background-color: #DA0710;
	margin-top: -55px;
	color: #fff;
	border: none;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
}

.fichier-item button:hover {
	background-color: #26aa92;
}

.fichier-item h4 {
	margin-bottom: 5px;
}

#formateurs-exceptions #pre-footer {
	margin-top: 45px;  
}

#formateurs-exceptions #pre-footer #filtre-contenu div.logo2 p.h3 {
	color: #FFF;
}


/* Responsive */
@media (max-width: 1282px) {
  .decalage {
	margin-right: 41px;
  }
  .fichier-descriptif {
	  width: 646px;
	  max-width:70%;
  }
}

@media (max-width: 1081px) {
  	.fichier-descriptif {
	  width: 515px;
	}
}

@media (max-width: 969px) {
	.fichier-descriptif {
	  width: 444px;
	}
	.fichier-prix {
	  margin-top: -90px;
	}
	.fichier-item button  {
	  margin-top: -91px;
	}
}

@media (max-width: 919px) {
	.fichier-descriptif {
	  width: 404px;
	}
	.fichier-prix {
	  margin-top: -90px;
	}
	.fichier-item button  {
	  margin-top: -91px;
	}
}

@media (max-width: 858px) {
	.fichier-descriptif {
		width: 333px;
	}
	.fichier-list li {
		padding: 10px;
	}
}

@media (max-width: 768px) { 
	#body-formation {
		font-family: 'Baloo2',Helvetica, Arial, sans serif;
	}
	.image-caption {
	  font-size: 16px;
	  margin-bottom: -24px;
	}
	.fichier-descriptif {
	  width: 313px;
	  max-width: 50%;
	}
}

@media (max-width: 555px) {
  #modeles {
	 margin: 0;
  }
  #formateurs-exceptions #modeles h2 {
	  line-height: 30px;
	  margin-left: 12%;
	  width: 100%;
  }
  .intro {
	width:100%;
	clear: both;
  }	
  .decalage {
	margin-left: 0px;
	margin-right: 0px;
  }
  .fichier-descriptif {
	max-width: 100%;
  }
  #visuel-promo img { 
	float: left;
	width: 100%;
	height: auto;
	margin-top: 0;
	margin: auto;
	clear: both;
	height: 100%;
  }
  .fichier-item.visible {
	/* height: 141px; */
	height: 100%;
	padding-top: 0px;
  }

  .fichier-prix {
	margin-right: 25px;
	margin-top: 0px;
  }

  .fichier-item button {
	margin-top: 0px;
  }

}

@media (max-width: 480px) {
	figure.effect-apollo2 p {
	  display:none;
    }	
	.filters {
		width:100%;
		margin-left:12%;
		text-align: center;
	}
	#resultats {
	  width: 100%;
	  margin-left: 13%;
	}
	h3,
	.category-title { 
	  font-size: 14px;
	  line-height:22px;
	  text-align: center;
	  margin: auto;
	  width: 83%;
	}
	.fichier-list {
	  margin-right: 2%;
	}
	.fichier-list li {
	  height: 65px; 
	  display: flex;
	  align-items: center; 
	}
	.fichier-list li a {
	  display: flex; 
	  align-items: center; 
	  height: 100%; 
	  width: 100%; 
	}
}
@media (max-width: 434px) {
   .grid2 figure h1 {
      padding-top: 45px;
    }
}	
@media (max-width: 414px) {
    .grid2 figure h1 {
      padding-top: 35px;
    }	
    .grid2 figure h1 span {
      font-size: 18px;
    }	
	.fichier-descriptif {
	  width: 303px;
	  text-align: center;
	}
	p {
	  text-align: center;
	}
}
@media (max-width: 393px) {
	.filters select {
	  max-width: 222px;
	}
	#resultats h3 {
	  color: #26aa92;
	}
	p {
	  text-align: center;
	  color: #333;
	}
	.fichier-item h4 {
		text-align: center;
	}
	.fichier-descriptif {
	  width: 222px;
	}
	.fichier-prix {
	  white-space:nowrap;
	  margin-top: -45px;
	  margin-left: 35px;
	}
	.fichier-item button  {
	  white-space: nowrap;
	  margin-top: 40px;
	  margin-left: -125px;
	}
}
@media (max-width: 393px) {
  .grid2 figure h1 {
    padding-top: 35px;
  }
}

/* Accessibilité */
.accessible-mode .fichier-item button  {
	font-family: "Baloo2", helvetica, arial, sans-serif;
	font-size: 16px;
}
label {
	float:left;
 }