/* Spécifique à cette page : devra être mis dans une css spécifique appelée dynamiquement */

hr {
  height: 5px;
  color: #fed69c;
  background-color: #fec19c;
}

.imgAffiche {
  border: 2px solid #fec19c;
  margin : 5px
}

@media screen and (max-width: 1024px)
{
	#ecole {
		display: grid;
		grid-template-areas: 
		    'texte'
		    'photos';
		grid-template:
		    'texte'
		    'photos';}	
	#photos {
	  display: table-cell;
	}
	   
}

@media screen and (min-width: 1024px)
{
	#ecole {
		display: grid;
		grid-template-areas: 
		    'texte photos';
		grid-template:
		    'texte photos';}	
	#photos {
	  display: grid;
	}
	   
}
 
/* Nav active */

#navigation #nav_ecole a {
  background-color: #fec19c;
  color: #7a7a7a;
}

#snavigation a:hover {
  border-bottom: 3px solid #fec19c;
}

#snavigation #snav_active a {
  border-bottom: 3px solid #fec19c;
}